import { LitElement } from 'lit'; import { SxProps } from '../types.js'; type TextTag = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label'; type TextSize = 'sm' | 'base' | 'lg' | 'xl' | '2xl'; type TextWeight = '400' | '500' | '600' | '700'; type TextColor = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'accent' | 'success' | 'error' | 'warning' | 'info'; /** * A text component with dynamic tag rendering. * Supports semantic HTML tags for accessibility. * Uses design-tokens for consistent theming across light/dark modes. * * @slot - Text content * @csspart text - The text element * @attr {string} tag - The HTML tag to render (p | span | div | h1-h6 | label) * @attr {string} size - The text size (sm | base | lg | xl | 2xl) * @attr {string} weight - The font weight (400 | 500 | 600 | 700) * @attr {string} color - The text color (primary | secondary | tertiary | muted | accent | success | error | warning | info) * @attr {string} for - The target input ID for label tags */ export declare class TcText extends LitElement { tag: TextTag; size?: TextSize; weight?: TextWeight; color?: TextColor | string; sx: SxProps; for: string; static styles: import('lit').CSSResult[]; private getColorClass; private getColorStyle; firstUpdated(): void; render(): import('lit').TemplateResult; } declare global { interface HTMLElementTagNameMap { 'tc-text': TcText; } } export {}; //# sourceMappingURL=tc-text.d.ts.map