@transcodes/ui-components 0.3.4 → 0.3.5

package/dist/primitives/tc-box.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * A simple container component without default flex layout.
+ * Use for wrapping content with custom styles.
+ *
+ * @slot - Content to display inside the box
+ * @csspart box - The container element
+ */
+export declare class TcBox extends LitElement {
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-box': TcBox;
+    }
+}
+//# sourceMappingURL=tc-box.d.ts.map

package/dist/primitives/tc-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-box.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACP,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,0BAQpB;IAEO,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}

package/dist/primitives/tc-button.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * Primary button component with loading states.
+ * Uses design-tokens component classes (.button, .button-primary, etc.)
+ *
+ * @fires tc-click - Fired when button is clicked
+ * @slot - Button content
+ * @csspart button - The button element
+ * @csspart spinner - The loading spinner
+ */
+export declare class TcButton extends LitElement {
+    disabled: boolean;
+    loading: boolean;
+    variant: 'primary' | 'secondary' | 'success';
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+    private handleClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-button': TcButton;
+    }
+}
+//# sourceMappingURL=tc-button.d.ts.map

package/dist/primitives/tc-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACT,QAAQ,UAAS;IACjB,OAAO,UAAS;IACjB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAC5D;IACgB,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BAmGpB;IAEO,MAAM;IA4Bf,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/primitives/tc-callout.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * A callout/alert component for messages and notices.
+ * Uses design-tokens notice classes (.notice, .notice-info, .notice-success, etc.)
+ *
+ * @slot - Callout content
+ * @slot icon - Optional icon slot
+ * @csspart callout - The callout container
+ * @csspart icon - The icon container
+ * @csspart content - The content container
+ */
+export declare class TcCallout extends LitElement {
+    variant: 'info' | 'success' | 'warning' | 'error';
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-callout': TcCallout;
+    }
+}
+//# sourceMappingURL=tc-callout.d.ts.map

package/dist/primitives/tc-callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-callout.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;;;;;GASG;AACH,qBACa,SAAU,SAAQ,UAAU;IACX,OAAO,EAC/B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IAErB,OAAgB,MAAM,4BAyCpB;IAEO,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-card.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Card component with layered shadows and optional inner border effect.
+ * Uses design-tokens .card class.
+ *
+ * @slot - Card content
+ * @csspart card - The card container
+ */
+export declare class TcCard extends LitElement {
+    noBorder: boolean;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-card': TcCard;
+    }
+}
+//# sourceMappingURL=tc-card.d.ts.map

package/dist/primitives/tc-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-card.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C;;;;;;GAMG;AACH,qBACa,MAAO,SAAQ,UAAU;IACiB,QAAQ,UAAS;IAC1C,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BAmCpB;IAEO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-chip.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * A chip/tag component for labels and badges.
+ *
+ * @slot - Chip content
+ * @csspart chip - The chip container
+ */
+export declare class TcChip extends LitElement {
+    variant: 'default' | 'success' | 'error' | 'info';
+    size: 'sm' | 'md';
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-chip': TcChip;
+    }
+}
+//# sourceMappingURL=tc-chip.d.ts.map

package/dist/primitives/tc-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,OAAO,EAC/B,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAErD,OAAgB,MAAM,4BA8CpB;IAEO,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-container.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * A flex container component with column layout by default.
+ *
+ * @slot - Content to display inside the container
+ * @csspart container - The container element
+ */
+export declare class TcContainer extends LitElement {
+    wide: boolean;
+    sx: Record<string, string | number>;
+    private defaultStyles;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-container': TcContainer;
+    }
+}
+//# sourceMappingURL=tc-container.d.ts.map

package/dist/primitives/tc-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-container.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACZ,IAAI,UAAS;IACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAgB,MAAM,0BAgBpB;IAEO,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/primitives/tc-divider.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * A horizontal divider line with optional text.
+ *
+ * @csspart divider - The divider element (simple mode)
+ * @csspart container - The container element (text mode)
+ * @csspart line - The line elements (text mode)
+ * @csspart text - The text element (text mode)
+ */
+export declare class TcDivider extends LitElement {
+    color: string;
+    spacing: string;
+    text: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-divider': TcDivider;
+    }
+}
+//# sourceMappingURL=tc-divider.d.ts.map

package/dist/primitives/tc-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-divider.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACX,KAAK,SAAsB;IAC3B,OAAO,SAAqB;IAC5B,IAAI,SAAM;IAEtC,OAAgB,MAAM,0BAoCpB;IAEO,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-error-message.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * A simplified error/warning/info message component.
+ * Wraps tc-callout with appropriate icon and text styling.
+ *
+ * @csspart callout - The underlying callout container
+ * @csspart icon - The icon element
+ * @csspart message - The message text
+ */
+export declare class TcErrorMessage extends LitElement {
+    variant: 'warning' | 'info' | 'error';
+    message: string;
+    static styles: import('lit').CSSResult;
+    private getIconName;
+    private getIconColor;
+    render(): import('lit').TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-error-message': TcErrorMessage;
+    }
+}
+//# sourceMappingURL=tc-error-message.d.ts.map

package/dist/primitives/tc-error-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-error-message.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-error-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB;;;;;;;GAOG;AACH,qBACa,cAAe,SAAQ,UAAU;IAChB,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAW;IAChD,OAAO,SAAM;IAEzC,OAAgB,MAAM,0BAapB;IAEF,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,YAAY;IAWX,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/primitives/tc-form-header.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * Form header component with animated title, subtitle, and optional notice.
+ * Uses design-tokens form classes (.form-title, .form-subtitle).
+ *
+ * @csspart header - The header container
+ * @csspart title - The title element
+ * @csspart subtitle - The subtitle element
+ * @csspart notice - The notice element
+ */
+export declare class TcFormHeader extends LitElement {
+    title: string;
+    subtitle: string;
+    notice: string;
+    noAnimation: boolean;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-form-header': TcFormHeader;
+    }
+}
+//# sourceMappingURL=tc-form-header.d.ts.map

package/dist/primitives/tc-form-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-form-header.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-form-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;;;;GAQG;AACH,qBACa,YAAa,SAAQ,UAAU;IACd,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,MAAM,SAAM;IACgB,WAAW,UAAS;IAChD,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BAoEpB;IAEO,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/primitives/tc-icon.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, TemplateResult } from 'lit';
+export type IconName = 'arrow-left' | 'arrow-right' | 'check' | 'x' | 'close' | 'chevron-right' | 'chevron-left' | 'error' | 'alert-circle' | 'info' | 'warning' | 'loading' | 'loader' | 'biometric' | 'email' | 'passkey' | 'bell' | 'download' | 'wifi-off' | 'apple' | 'google' | 'windows' | 'samsung' | 'phone' | 'success' | 'lock' | 'person' | 'device' | 'totp' | 'email-otp' | 'qrcode' | 'key';
+/**
+ * An icon component with built-in icon set.
+ *
+ * @csspart icon - The icon container
+ */
+export declare class TcIcon extends LitElement {
+    name: IconName;
+    size: string;
+    color: string;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-icon': TcIcon;
+    }
+}
+//# sourceMappingURL=tc-icon.d.ts.map

package/dist/primitives/tc-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-icon.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,MAAM,MAAM,QAAQ,GAChB,YAAY,GACZ,aAAa,GACb,OAAO,GACP,GAAG,GACH,OAAO,GACP,eAAe,GACf,cAAc,GACd,OAAO,GACP,cAAc,GACd,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GAEV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GAET,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GAER,MAAM,GACN,WAAW,GACX,QAAQ,GACR,KAAK,CAAC;AAwCV;;;;GAIG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,CAAU;IACxB,IAAI,SAAY;IAChB,KAAK,SAAkB;IAEnD,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-input-with-chip.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * An input field with an attached chip indicator.
+ * Useful for showing authentication method alongside email/username input.
+ *
+ * @fires tc-input - Fired when input value changes
+ * @fires tc-blur - Fired when input loses focus
+ * @fires tc-keydown - Fired on keydown
+ * @csspart wrapper - The input wrapper container
+ * @csspart input - The input element
+ * @csspart chip - The chip element
+ */
+export declare class TcInputWithChip extends LitElement {
+    label: string;
+    placeholder: string;
+    value: string;
+    error: string;
+    disabled: boolean;
+    readonly: boolean;
+    chipLabel: string;
+    chipIcon: string;
+    chipVariant: 'default' | 'success' | 'error' | 'info';
+    private inputId;
+    private isFocused;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleKeydown;
+    focus(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-input-with-chip': TcInputWithChip;
+    }
+}
+//# sourceMappingURL=tc-input-with-chip.d.ts.map

package/dist/primitives/tc-input-with-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-input-with-chip.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input-with-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAGtB;;;;;;;;;;GAUG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACO,SAAS,SAAM;IAChB,QAAQ,SAAM;IACX,WAAW,EAC9D,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IAEd,OAAO,CAAC,OAAO,CACiC;IAChD,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA2GpB;IAEO,MAAM;IAoEf,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAUrB,KAAK;CAIN;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/dist/primitives/tc-input.d.ts

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+/**
+ * Form input component with label and error states.
+ * Uses design-tokens classes (.input, .label, .field-group).
+ *
+ * @fires tc-input - Fired when input value changes
+ * @fires tc-blur - Fired when input loses focus
+ * @fires tc-keydown - Fired when a key is pressed
+ * @fires tc-paste - Fired when content is pasted
+ * @csspart wrapper - The input wrapper element
+ * @csspart input - The input element
+ * @csspart label - The label element
+ * @csspart ink-line - The animated ink line
+ * @csspart error - The error message element
+ */
+export declare class TcInput extends LitElement {
+    label: string;
+    type: string;
+    placeholder: string;
+    value: string;
+    error: string;
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    autocomplete: string;
+    inputmode: string;
+    maxlength: number;
+    sx: Record<string, string | number>;
+    private inputId;
+    private isFocused;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleKeydown;
+    private handlePaste;
+    focus(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-input': TcInput;
+    }
+}
+//# sourceMappingURL=tc-input.d.ts.map

package/dist/primitives/tc-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C;;;;;;;;;;;;;GAaG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACT,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,IAAI,SAAM;IACV,YAAY,SAAM;IAClB,SAAS,SAAM;IACf,SAAS,SAAK;IACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAE5D,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA2GpB;IAEO,MAAM;IA+Df,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAUnB,KAAK;CAIN;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/primitives/tc-item-button.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+/**
+ * A clickable item button with hover states and optional arrow indicator.
+ *
+ * @slot - Item content
+ * @slot prefix - Left side content (icon, symbol)
+ * @slot suffix - Right side content (replaces arrow if provided)
+ * @fires tc-click - Fired when the item is clicked
+ * @csspart button - The button element
+ * @csspart prefix - The prefix container
+ * @csspart content - The main content container
+ * @csspart suffix - The suffix container
+ * @csspart arrow - The arrow indicator
+ */
+export declare class TcItemButton extends LitElement {
+    gap: string;
+    padding: string;
+    disabled: boolean;
+    showArrow: boolean;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult;
+    private handleClick;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-item-button': TcItemButton;
+    }
+}
+//# sourceMappingURL=tc-item-button.d.ts.map

package/dist/primitives/tc-item-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-item-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-item-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;;GAYG;AACH,qBACa,YAAa,SAAQ,UAAU;IACd,GAAG,SAAqB;IACxB,OAAO,SAAqB;IAC3B,QAAQ,UAAS;IACQ,SAAS,UAAQ;IAC3C,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,0BAqFpB;IAEF,OAAO,CAAC,WAAW;IAWV,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/primitives/tc-item.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * A non-clickable item container for displaying content.
+ *
+ * @slot - Item content
+ * @slot prefix - Left side content (icon, symbol)
+ * @slot suffix - Right side content (badge, action)
+ * @csspart item - The item container
+ * @csspart prefix - The prefix container
+ * @csspart content - The main content container
+ * @csspart suffix - The suffix container
+ */
+export declare class TcItem extends LitElement {
+    gap: string;
+    padding: string;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-item': TcItem;
+    }
+}
+//# sourceMappingURL=tc-item.d.ts.map

package/dist/primitives/tc-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-item.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;GAUG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,GAAG,SAAqB;IACxB,OAAO,SAAqB;IAC5B,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,0BA4CpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-otp-input.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+/**
+ * OTP (One-Time Password) input component with individual cells and progress indicator.
+ * Uses shake animation from design-tokens.
+ *
+ * @fires tc-complete - Fired when all cells are filled
+ * @fires tc-change - Fired when the OTP value changes
+ * @csspart cells - The cells container
+ * @csspart cell - Individual cell input
+ * @csspart progress - The progress bar container
+ * @csspart progress-bar - The progress bar fill
+ */
+export declare class TcOtpInput extends LitElement {
+    length: number;
+    error: boolean;
+    disabled: boolean;
+    showProgress: boolean;
+    private values;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    render(): import('lit').TemplateResult<1>;
+    private handleInput;
+    private handleKeydown;
+    private handlePaste;
+    private focusCell;
+    /** Focus the first empty cell or the last cell */
+    focus(): void;
+    /** Clear all values */
+    clear(): void;
+    /** Get the current OTP value */
+    getValue(): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-otp-input': TcOtpInput;
+    }
+}
+//# sourceMappingURL=tc-otp-input.d.ts.map

package/dist/primitives/tc-otp-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-otp-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-otp-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACZ,MAAM,SAAK;IACV,KAAK,UAAS;IACd,QAAQ,UAAS;IACW,YAAY,UAAQ;IAEpE,OAAO,CAAC,MAAM,CAAgB;IAEvC,OAAgB,MAAM,4BAyFpB;IAEO,iBAAiB;IAKjB,MAAM;IAoDf,OAAO,CAAC,WAAW;IAgCnB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,WAAW;IAoCnB,OAAO,CAAC,SAAS;IASjB,kDAAkD;IAClD,KAAK;IAML,uBAAuB;IACvB,KAAK;IAKL,gCAAgC;IAChC,QAAQ,IAAI,MAAM;CAGnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/primitives/tc-section.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * A section container with flex column layout.
+ *
+ * @slot - Section content
+ * @csspart section - The section element
+ */
+export declare class TcSection extends LitElement {
+    gap: string;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-section': TcSection;
+    }
+}
+//# sourceMappingURL=tc-section.d.ts.map

package/dist/primitives/tc-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-section.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,UAAU;IACX,GAAG,SAAqB;IACxB,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,0BAWpB;IAEO,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-spinner.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * A loading spinner with responsive sizing.
+ * Uses spin animation from design-tokens.
+ *
+ * @csspart spinner - The spinner element
+ */
+export declare class TcSpinner extends LitElement {
+    private mobile;
+    size: 'sm' | 'md' | 'lg' | 'auto';
+    color: string;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-spinner': TcSpinner;
+    }
+}
+//# sourceMappingURL=tc-spinner.d.ts.map

package/dist/primitives/tc-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-spinner.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,CAAC,MAAM,CAAwD;IAE1C,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAU;IAC3C,KAAK,SAA2B;IAE5D,OAAgB,MAAM,4BAgDpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-symbol.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * A circular symbol/avatar component.
+ *
+ * @slot - Symbol content (icon or text)
+ * @csspart symbol - The symbol container
+ */
+export declare class TcSymbol extends LitElement {
+    size: string;
+    background: string;
+    color: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-symbol': TcSymbol;
+    }
+}
+//# sourceMappingURL=tc-symbol.d.ts.map

package/dist/primitives/tc-symbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-symbol.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-symbol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C;;;;;GAKG;AACH,qBACa,QAAS,SAAQ,UAAU;IACV,IAAI,SAAU;IACd,UAAU,SAAwB;IAClC,KAAK,SAAqB;IAEtD,OAAgB,MAAM,0BAiBpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/primitives/tc-text.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+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
+ */
+export declare class TcText extends LitElement {
+    tag: TextTag;
+    size?: TextSize;
+    weight?: TextWeight;
+    color?: TextColor | string;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult[];
+    private getColorClass;
+    private getColorStyle;
+    render(): import('lit').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-text': TcText;
+    }
+}
+export {};
+//# sourceMappingURL=tc-text.d.ts.map

package/dist/primitives/tc-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-text.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAMtC,KAAK,OAAO,GACR,GAAG,GACH,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,CAAC;AAEZ,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACpD,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAChD,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACR,GAAG,EAAE,OAAO,CAAO;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BA2EpB;IAEF,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,aAAa;IAgBZ,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-toast.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+/**
+ * A toast notification component with auto-dismiss and animation.
+ *
+ * @slot - Toast message content
+ * @fires tc-dismiss - Fired when the toast is dismissed
+ * @csspart toast - The toast container
+ * @csspart content - The content container
+ * @csspart close - The close button
+ */
+export declare class TcToast extends LitElement {
+    variant: 'info' | 'success' | 'warning' | 'error';
+    duration: number;
+    autoDismiss: boolean;
+    dismissible: boolean;
+    private animation;
+    private dismissTimer?;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateDataState;
+    private clearDismissTimer;
+    private startDismissTimer;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    private handleClose;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-toast': TcToast;
+    }
+}
+//# sourceMappingURL=tc-toast.d.ts.map

package/dist/primitives/tc-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-toast.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;;;;GAQG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACT,OAAO,EAC/B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACO,QAAQ,SAAQ;IACY,WAAW,UAAQ;IAC9C,WAAW,UAAQ;IAEhD,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,YAAY,CAAC,CAAgC;IAErD,OAAgB,MAAM,4BA6FpB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IASnB,IAAI;IAOJ,IAAI;IAaV,OAAO,CAAC,WAAW;IAIV,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/screens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}