@transcodes/ui-components 0.3.3 → 0.3.5

package/dist/screens/tc-error-screen.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * A full-screen error state with icon, message, and retry action.
+ *
+ * @fires tc-retry - Fired when the retry button is clicked
+ * @csspart screen - The screen container
+ * @csspart content - The content wrapper
+ * @csspart icon - The error icon
+ * @csspart title - The error title
+ * @csspart message - The error message
+ * @csspart action - The action button container
+ */
+export declare class TcErrorScreen extends LitElement {
+    title: string;
+    message: string;
+    retryLabel: string;
+    showRetry: boolean;
+    static styles: import('lit').CSSResult;
+    private handleRetry;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-error-screen': TcErrorScreen;
+    }
+}
+//# sourceMappingURL=tc-error-screen.d.ts.map

package/dist/screens/tc-error-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-error-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-error-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,aAAc,SAAQ,UAAU;IACf,KAAK,SAA0B;IAC/B,OAAO,SACiB;IACE,UAAU,SAClD;IACwC,SAAS,UAAQ;IAEvE,OAAgB,MAAM,0BAoDpB;IAEF,OAAO,CAAC,WAAW;IASV,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/screens/tc-loading-screen.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * A full-screen loading state with spinner and optional message.
+ *
+ * @csspart screen - The screen container
+ * @csspart content - The content wrapper
+ * @csspart spinner - The spinner element
+ * @csspart message - The message text
+ */
+export declare class TcLoadingScreen extends LitElement {
+    message: string;
+    spinnerSize: string;
+    private loading;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-loading-screen': TcLoadingScreen;
+    }
+}
+//# sourceMappingURL=tc-loading-screen.d.ts.map

package/dist/screens/tc-loading-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-loading-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-loading-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AAEvC;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,OAAO,SAAM;IACc,WAAW,SAAU;IAE5E,OAAO,CAAC,OAAO,CAA+B;IAE9C,OAAgB,MAAM,0BAgCpB;IAEO,iBAAiB;IAKjB,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/screens/tc-success-screen.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * A full-screen success state with animated checkmark and message.
+ *
+ * @fires tc-action - Fired when the action button is clicked
+ * @csspart screen - The screen container
+ * @csspart content - The content wrapper
+ * @csspart icon - The success icon container
+ * @csspart title - The success title
+ * @csspart message - The success message
+ * @csspart action - The action button container
+ */
+export declare class TcSuccessScreen extends LitElement {
+    title: string;
+    message: string;
+    actionLabel: string;
+    autoAnimate: boolean;
+    private isAnimated;
+    private animation;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    playAnimation(): Promise<void>;
+    private handleAction;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-success-screen': TcSuccessScreen;
+    }
+}
+//# sourceMappingURL=tc-success-screen.d.ts.map

package/dist/screens/tc-success-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-success-screen.d.ts","sourceRoot":"","sources":["../../src/screens/tc-success-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;GAUG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACjB,KAAK,SAAc;IACnB,OAAO,SACS;IACW,WAAW,SAAM;IAChB,WAAW,UAAQ;IAElE,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAmGpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,YAAY;IASX,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/styles/shared.d.ts

@@ -0,0 +1,20 @@
+import { CSSResult } from 'lit';
+/**
+ * Design-tokens component styles as Lit CSSResult
+ * Use this in your component's static styles:
+ *
+ * @example
+ * ```ts
+ * import { sharedStyles } from '../styles/shared.js';
+ *
+ * @customElement('my-component')
+ * export class MyComponent extends LitElement {
+ *   static override styles = [sharedStyles, css`
+ *     // component-specific styles
+ *   `];
+ * }
+ * ```
+ */
+export declare const sharedStyles: CSSResult;
+export default sharedStyles;
+//# sourceMappingURL=shared.d.ts.map

package/dist/styles/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/styles/shared.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,SAAsC,CAAC;AAElE,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/widgets/tc-authenticator-card.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+/**
+ * A card component for displaying authenticator information.
+ * Commonly used for passkeys, TOTP, USB security keys, etc.
+ *
+ * @fires tc-delete - Fired when the delete button is clicked
+ * @fires tc-toggle - Fired when the enable/disable toggle is clicked
+ * @fires tc-click - Fired when the card is clicked
+ * @csspart card - The card container
+ * @csspart icon - The authenticator type icon container
+ * @csspart content - The main content area
+ * @csspart name - The authenticator name
+ * @csspart meta - The metadata area (last used, etc.)
+ * @csspart actions - The actions area
+ * @csspart delete - The delete button
+ */
+export declare class TcAuthenticatorCard extends LitElement {
+    name: string;
+    type: 'passkey' | 'totp' | 'usb' | 'phone' | 'email';
+    lastUsed: string;
+    enabled: boolean;
+    deletable: boolean;
+    clickable: boolean;
+    static styles: import('lit').CSSResult;
+    private getIconName;
+    private handleCardClick;
+    private handleDelete;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-authenticator-card': TcAuthenticatorCard;
+    }
+}
+//# sourceMappingURL=tc-authenticator-card.d.ts.map

package/dist/widgets/tc-authenticator-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-authenticator-card.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-authenticator-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAGlC;;;;;;;;;;;;;;GAcG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACrB,IAAI,SAAM;IACV,IAAI,EAC5B,SAAS,GACT,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,CAAa;IAC4B,QAAQ,SAAM;IACrC,OAAO,UAAQ;IACf,SAAS,UAAQ;IACjB,SAAS,UAAS;IAE/C,OAAgB,MAAM,0BAmGpB;IAEF,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAWX,MAAM;CAwDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/widgets/tc-floating-button.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * A floating action button positioned fixed on the screen.
+ *
+ * @slot - Button content (icon recommended)
+ * @fires tc-click - Fired when the button is clicked
+ * @csspart button - The button element
+ */
+export declare class TcFloatingButton extends LitElement {
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    size: string;
+    disabled: boolean;
+    sx: Record<string, string | number>;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleClick;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-floating-button': TcFloatingButton;
+    }
+}
+//# sourceMappingURL=tc-floating-button.d.ts.map

package/dist/widgets/tc-floating-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-floating-button.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-floating-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,QAAQ,EAChC,cAAc,GACd,aAAa,GACb,WAAW,GACX,UAAU,CAAkB;IACJ,IAAI,SAAY;IACf,QAAQ,UAAS;IAClB,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BAmEpB;IAEO,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD,OAAO,CAAC,WAAW;IAWV,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/widgets/tc-iframe-modal.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+/**
+ * A modal that displays an iframe with loading states and message communication.
+ *
+ * @fires tc-close - Fired when the modal is closed
+ * @fires tc-message - Fired when a message is received from the iframe
+ * @fires tc-load - Fired when the iframe content is loaded
+ * @csspart overlay - The backdrop overlay
+ * @csspart modal - The modal container
+ * @csspart header - The modal header
+ * @csspart close - The close button
+ * @csspart content - The content area
+ * @csspart iframe - The iframe element
+ * @csspart loader - The loading overlay
+ */
+export declare class TcIframeModal extends LitElement {
+    src: string;
+    title: string;
+    closeOnEscape: boolean;
+    closeOnOverlay: boolean;
+    useHistory: boolean;
+    private isLoading;
+    private animation;
+    private history;
+    private messageBus;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleKeyDown;
+    private updateDataState;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    private handleOverlayClick;
+    private handleIframeLoad;
+    sendMessage(type: string, payload?: unknown): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-iframe-modal': TcIframeModal;
+    }
+}
+//# sourceMappingURL=tc-iframe-modal.d.ts.map

package/dist/widgets/tc-iframe-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-iframe-modal.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-iframe-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,qBACa,aAAc,SAAQ,UAAU;IACf,GAAG,SAAM;IACT,KAAK,SAAM;IACoB,aAAa,UACjE;IACqD,cAAc,UACnE;IACgD,UAAU,UAAQ;IAEhE,OAAO,CAAC,SAAS,CAAQ;IAElC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAkC;IAEpD,OAAgB,MAAM,4BAiIpB;IAEO,iBAAiB;IA6BjB,oBAAoB;IAK7B,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,eAAe;IAIjB,IAAI;IASJ,KAAK;IAeX,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAWxB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;IAOlC,MAAM;CA+ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/widgets/tc-installation-banner.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+/**
+ * A banner prompting users to install the PWA.
+ * Remembers dismissal state via localStorage.
+ *
+ * @fires tc-install - Fired when the install button is clicked
+ * @fires tc-dismiss - Fired when the banner is dismissed
+ * @csspart banner - The banner container
+ * @csspart content - The content area
+ * @csspart icon - The app icon
+ * @csspart text - The text container
+ * @csspart title - The banner title
+ * @csspart description - The banner description
+ * @csspart actions - The actions container
+ * @csspart install - The install button
+ * @csspart close - The close button
+ */
+export declare class TcInstallationBanner extends LitElement {
+    title: string;
+    description: string;
+    installLabel: string;
+    storageKey: string;
+    dismissDays: number;
+    private isDismissed;
+    private animation;
+    private storage;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    private checkDismissState;
+    private updateDataState;
+    show(): Promise<void>;
+    dismiss(): Promise<void>;
+    private handleInstall;
+    private handleClose;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-installation-banner': TcInstallationBanner;
+    }
+}
+//# sourceMappingURL=tc-installation-banner.d.ts.map

package/dist/widgets/tc-installation-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-installation-banner.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-installation-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAElC;;;;;;;;;;;;;;;GAeG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IACtB,KAAK,SAAiB;IACtB,WAAW,SACM;IACW,YAAY,SACxD;IAC0C,UAAU,SAChC;IACuB,WAAW,SAAK;IAE9D,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,OAAO,CAGb;IAEF,OAAgB,MAAM,4BAoHpB;IAEO,iBAAiB;IAM1B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IAIjB,IAAI;IAMJ,OAAO;IAab,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAIV,MAAM;CAwChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF"}

package/dist/widgets/tc-ios-installation-guide.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+/**
+ * A guide modal for iOS PWA installation steps.
+ *
+ * @fires tc-close - Fired when the guide is closed
+ * @csspart overlay - The backdrop overlay
+ * @csspart modal - The modal container
+ * @csspart header - The modal header
+ * @csspart close - The close button
+ * @csspart content - The content area
+ * @csspart steps - The steps container
+ * @csspart step - Individual step
+ * @csspart step-number - Step number indicator
+ * @csspart step-text - Step text
+ */
+export declare class TcIosInstallationGuide extends LitElement {
+    title: string;
+    steps: string[];
+    private animation;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    private updateDataState;
+    show(): Promise<void>;
+    close(): Promise<void>;
+    private handleOverlayClick;
+    private renderStep;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-ios-installation-guide': TcIosInstallationGuide;
+    }
+}
+//# sourceMappingURL=tc-ios-installation-guide.d.ts.map

package/dist/widgets/tc-ios-installation-guide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-ios-installation-guide.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-ios-installation-guide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACxB,KAAK,SAAoB;IAC1B,KAAK,WAI9B;IAEF,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,4BA6IpB;IAEO,iBAAiB;IAK1B,OAAO,CAAC,eAAe;IAIjB,IAAI;IAKJ,KAAK;IAYX,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,UAAU;IAoBT,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,sBAAsB,CAAC;KACrD;CACF"}

package/dist/widgets/tc-notification-modal.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+/**
+ * A modal for requesting notification permission with storage-based dismissal tracking.
+ *
+ * @fires tc-allow - Fired when the user clicks allow
+ * @fires tc-deny - Fired when the user clicks deny
+ * @fires tc-close - Fired when the modal is closed
+ * @csspart overlay - The backdrop overlay
+ * @csspart modal - The modal container
+ * @csspart icon - The notification icon
+ * @csspart title - The modal title
+ * @csspart description - The modal description
+ * @csspart actions - The action buttons container
+ */
+export declare class TcNotificationModal extends LitElement {
+    title: string;
+    description: string;
+    allowLabel: string;
+    denyLabel: string;
+    storageKey: string;
+    private animation;
+    private storage;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    private updateDataState;
+    /**
+     * Check if the modal should be shown based on stored state.
+     */
+    shouldShow(): boolean;
+    show(): Promise<void>;
+    close(): Promise<void>;
+    private handleOverlayClick;
+    private handleAllow;
+    private handleDeny;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-notification-modal': TcNotificationModal;
+    }
+}
+//# sourceMappingURL=tc-notification-modal.d.ts.map

package/dist/widgets/tc-notification-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-notification-modal.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-notification-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;;;GAYG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACrB,KAAK,SAA0B;IAC/B,WAAW,SACc;IACC,UAAU,SAAW;IACtB,SAAS,SAAa;IACrB,UAAU,SAChC;IAEhC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,OAAO,CAGW;IAE1B,OAAgB,MAAM,4BAqGpB;IAEO,iBAAiB;IAK1B,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,UAAU,IAAI,OAAO;IAOf,IAAI;IAMJ,KAAK;IAYX,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,UAAU;IAYT,MAAM;CA8ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/widgets/tc-offline-modal.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * A modal displayed when the device goes offline.
+ * Automatically shows/hides based on network status.
+ *
+ * @fires tc-retry - Fired when the retry button is clicked
+ * @fires tc-online - Fired when the device comes back online
+ * @fires tc-offline - Fired when the device goes offline
+ * @csspart overlay - The backdrop overlay
+ * @csspart modal - The modal container
+ * @csspart icon - The offline icon
+ * @csspart title - The modal title
+ * @csspart description - The modal description
+ * @csspart action - The action button container
+ */
+export declare class TcOfflineModal extends LitElement {
+    title: string;
+    description: string;
+    retryLabel: string;
+    autoDetect: boolean;
+    private isOffline;
+    private animation;
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleOnline;
+    private handleOffline;
+    private updateDataState;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    private handleRetry;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-offline-modal': TcOfflineModal;
+    }
+}
+//# sourceMappingURL=tc-offline-modal.d.ts.map

package/dist/widgets/tc-offline-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-offline-modal.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-offline-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,qBACa,cAAe,SAAQ,UAAU;IAChB,KAAK,SAAmB;IACxB,WAAW,SACkB;IACH,UAAU,SAClD;IACyC,UAAU,UAAQ;IAEhE,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,4BAmFpB;IAEO,iBAAiB;IAejB,oBAAoB;IAM7B,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,eAAe;IAIjB,IAAI;IAKJ,IAAI;IAKV,OAAO,CAAC,WAAW;IAcV,MAAM;CA2ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/widgets/tc-page-decoration.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * Decorative floating blob background for pages.
+ * Uses CSS custom properties for color variants and inkFloat/inkDrift animations from design-tokens.
+ *
+ * @csspart decoration - The decoration container
+ * @csspart blob - Individual blob element
+ */
+export declare class TcPageDecoration extends LitElement {
+    variant: 'primary' | 'success' | 'error';
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tc-page-decoration': TcPageDecoration;
+    }
+}
+//# sourceMappingURL=tc-page-decoration.d.ts.map

package/dist/widgets/tc-page-decoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-page-decoration.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-page-decoration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CACxD;IAEZ,OAAgB,MAAM,4BA8FpB;IAEO,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transcodes/ui-components",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "private": false,
   "description": "Lit 3.x component library with Reactive Controllers",
   "keywords": [
@@ -74,7 +74,7 @@
     "lit": "^3.0.0"
   },
   "dependencies": {
-    "@transcodes/design-tokens": "^0.3.3"
+    "@transcodes/design-tokens": "^0.3.5"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.1.5",