/** Text component properties */ export type OreTextProps = { /** Text alignment */ align?: 'left' | 'center' | 'right' | 'justify'; /** Semantic HTML element to render as — sets the correct ARIA role/level on the host */ as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'; /** Text color (semantic + theme colors) */ color?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'; /** Italic text style */ italic?: boolean; /** Clamp text to N lines with an ellipsis (multi-line truncation) */ lines?: number; /** Text size — maps to --text-* tokens for body variants and --heading-* tokens for the heading variant */ size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'; /** Enable single-line text truncation with ellipsis */ truncate?: boolean; /** Text semantic variant */ variant?: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'; /** Font weight */ weight?: 'normal' | 'medium' | 'semibold' | 'bold'; }; /** * A typography component with semantic variants and responsive sizing. * * @element ore-text * * @attr {string} variant - Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code' * @attr {string} size - Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant. * @attr {string} weight - Font weight: 'normal' | 'medium' | 'semibold' | 'bold' * @attr {string} color - Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast' * @attr {string} align - Text alignment: 'left' | 'center' | 'right' | 'justify' * @attr {boolean} truncate - Truncate text with ellipsis when it overflows (single-line) * @attr {number} lines - Clamp to N lines with ellipsis (multi-line truncation) * @attr {boolean} italic - Italic text style * @attr {string} as - Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code' * * @slot - Text content * * @cssprop --text-size - Font size * @cssprop --text-weight - Font weight * @cssprop --text-color - Text color * @cssprop --text-line-height - Line height * @cssprop --text-letter-spacing - Letter spacing * * @example * ```html * Welcome * Section title * Important notice * npm install * Long paragraph that clamps at two lines… * ``` */ export declare const TEXT_TAG: "ore-text"; //# sourceMappingURL=text.d.ts.map