@transcodes/ui-components 0.3.4 → 0.3.6

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,0BA6CpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-item.js

@@ -1,12 +1,12 @@
-import { LitElement as d, html as f, css as m } from "lit";
-import { property as l, customElement as c } from "lit/decorators.js";
+import { css as l, LitElement as f, html as m } from "lit";
+import { property as d, customElement as c } from "lit/decorators.js";
 import { styleMap as v } from "lit/directives/style-map.js";
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (i, s, p, r) => {
-  for (var t = r > 1 ? void 0 : r ? y(s, p) : s, n = i.length - 1, o; n >= 0; n--)
-    (o = i[n]) && (t = (r ? o(s, p, t) : o(t)) || t);
-  return r && t && x(s, p, t), t;
+var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (i, s, n, r) => {
+  for (var t = r > 1 ? void 0 : r ? y(s, n) : s, p = i.length - 1, o; p >= 0; p--)
+    (o = i[p]) && (t = (r ? o(s, n, t) : o(t)) || t);
+  return r && t && x(s, n, t), t;
 };
-let e = class extends d {
+let e = class extends f {
   constructor() {
     super(...arguments), this.gap = "var(--space-md)", this.padding = "var(--space-md)", this.sx = {};
   }
@@ -16,7 +16,7 @@ let e = class extends d {
       "--item-gap": this.gap,
       ...this.sx
     };
-    return f`
+    return m`
       <div part="item" class="item" style=${v(i)}>
         <div part="prefix" class="prefix">
           <slot name="prefix"></slot>
@@ -31,10 +31,11 @@ let e = class extends d {
     `;
   }
 };
-e.styles = m`
+e.styles = l`
     :host {
       display: block;
       width: 100%;
+      min-width: 0;
     }
 
     .item {
@@ -77,13 +78,13 @@ e.styles = m`
     }
   `;
 a([
-  l({ type: String })
+  d({ type: String })
 ], e.prototype, "gap", 2);
 a([
-  l({ type: String })
+  d({ type: String })
 ], e.prototype, "padding", 2);
 a([
-  l({ type: Object })
+  d({ type: Object })
 ], e.prototype, "sx", 2);
 e = a([
   c("tc-item")

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,4BA2FpB;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-otp-input.js

@@ -1,4 +1,4 @@
-import { LitElement as u, html as h, css as p } from "lit";
+import { css as u, LitElement as p, html as h } from "lit";
 import { property as c, state as d, customElement as v } from "lit/decorators.js";
 import { sharedStyles as m } from "../styles/shared.js";
 var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (t, e, s, r) => {
@@ -6,7 +6,7 @@ var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (t, e, s
     (l = t[o]) && (a = (r ? l(e, s, a) : l(a)) || a);
   return r && a && g(e, s, a), a;
 };
-let i = class extends u {
+let i = class extends p {
   constructor() {
     super(...arguments), this.length = 6, this.error = !1, this.disabled = !1, this.showProgress = !0, this.values = [];
   }
@@ -119,9 +119,11 @@ let i = class extends u {
 };
 i.styles = [
   m,
-  p`
+  u`
       :host {
         display: block;
+        width: 100%;
+        min-width: 0;
       }
 
       .container {
@@ -177,7 +179,7 @@ i.styles = [
       /* Progress bar */
       .progress {
         width: 100%;
-        max-width: 12rem;
+        max-width: var(--size-progress-bar-width);
         height: var(--size-border-width-heavy);
         background: var(--paper-warm);
         border-radius: var(--radius-full);

package/dist/primitives/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/primitives/tc-page-decoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tc-page-decoration.d.ts","sourceRoot":"","sources":["../../src/primitives/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/dist/{widgets → primitives}/tc-page-decoration.js

@@ -1,4 +1,4 @@
-import { LitElement as c, html as b, css as d } from "lit";
+import { css as b, LitElement as c, html as d } from "lit";
 import { property as m, customElement as p } from "lit/decorators.js";
 import { sharedStyles as v } from "../styles/shared.js";
 var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (s, e, o, t) => {
@@ -11,7 +11,7 @@ let a = class extends c {
     super(...arguments), this.variant = "primary";
   }
   render() {
-    return b`
+    return d`
       <div part="decoration" class="decoration">
         <div part="blob" class="blob blob-1"></div>
         <div part="blob" class="blob blob-2"></div>
@@ -22,12 +22,12 @@ let a = class extends c {
 };
 a.styles = [
   v,
-  d`
+  b`
     :host {
-      position: fixed;
+      position: absolute;
       inset: 0;
-      pointer-events: none;
       z-index: 0;
+      pointer-events: none;
       overflow: hidden;
     }
 
@@ -38,7 +38,7 @@ a.styles = [
 
     .blob {
       position: absolute;
-      border-radius: 50%;
+      border-radius: var(--radius-full);
       opacity: 0.35;
       filter: blur(0.0625rem);
     }
@@ -87,8 +87,8 @@ a.styles = [
     }
 
     .blob-3 {
-      width: 20rem;
-      height: 20rem;
+      width: var(--size-decoration-blob);
+      height: var(--size-decoration-blob);
       bottom: -8rem;
       left: 20%;
       animation: decorFloat 14s ease-in-out infinite 2s;

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,0BAapB;IAEO,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-section.js

@@ -1,10 +1,10 @@
-import { LitElement as a, html as m, css as y } from "lit";
-import { property as n, customElement as f } from "lit/decorators.js";
+import { css as m, LitElement as a, html as y } from "lit";
+import { property as l, customElement as f } from "lit/decorators.js";
 import { styleMap as h } from "lit/directives/style-map.js";
-var u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (s, r, p, o) => {
-  for (var t = o > 1 ? void 0 : o ? d(r, p) : r, c = s.length - 1, i; c >= 0; c--)
-    (i = s[c]) && (t = (o ? i(r, p, t) : i(t)) || t);
-  return o && t && u(r, p, t), t;
+var d = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (s, r, p, o) => {
+  for (var t = o > 1 ? void 0 : o ? x(r, p) : r, i = s.length - 1, c; i >= 0; i--)
+    (c = s[i]) && (t = (o ? c(r, p, t) : c(t)) || t);
+  return o && t && d(r, p, t), t;
 };
 let e = class extends a {
   constructor() {
@@ -15,32 +15,34 @@ let e = class extends a {
       gap: this.gap,
       ...this.sx
     };
-    return m`
+    return y`
       <section part="section" class="section" style=${h(s)}>
         <slot></slot>
       </section>
     `;
   }
 };
-e.styles = y`
+e.styles = m`
     :host {
       display: block;
       width: 100%;
+      min-width: 0;
     }
 
     .section {
       display: flex;
       flex-direction: column;
       width: 100%;
+      box-sizing: border-box;
     }
   `;
-l([
-  n({ type: String })
+n([
+  l({ type: String })
 ], e.prototype, "gap", 2);
-l([
-  n({ type: Object })
+n([
+  l({ type: Object })
 ], e.prototype, "sx", 2);
-e = l([
+e = n([
   f("tc-section")
 ], e);
 export {

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-spinner.js

@@ -1,19 +1,19 @@
-import { LitElement as d, html as h, css as m } from "lit";
-import { property as l, customElement as c } from "lit/decorators.js";
-import { MatchMediaController as v } from "../controllers/match-media.controller.js";
+import { css as d, LitElement as h, html as v } from "lit";
+import { property as l, customElement as m } from "lit/decorators.js";
+import { MatchMediaController as c } from "../controllers/match-media.controller.js";
 import { sharedStyles as b } from "../styles/shared.js";
-var w = Object.defineProperty, z = Object.getOwnPropertyDescriptor, a = (e, s, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? z(s, n) : s, o = e.length - 1, p; o >= 0; o--)
-    (p = e[o]) && (r = (t ? p(s, n, r) : p(r)) || r);
+var w = Object.defineProperty, z = Object.getOwnPropertyDescriptor, p = (e, s, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? z(s, n) : s, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (r = (t ? a(s, n, r) : a(r)) || r);
   return t && r && w(s, n, r), r;
 };
-let i = class extends d {
+let i = class extends h {
   constructor() {
-    super(...arguments), this.mobile = new v(this, "(max-width: 768px)"), this.size = "auto", this.color = "var(--accent-primary)";
+    super(...arguments), this.mobile = new c(this, "(max-width: 768px)"), this.size = "auto", this.color = "var(--accent-primary)";
   }
   render() {
     let e;
-    return this.size === "auto" ? e = this.mobile.matches ? "spinner--auto-mobile" : "spinner--auto-desktop" : e = `spinner--${this.size}`, h`
+    return this.size === "auto" ? e = this.mobile.matches ? "spinner--auto-mobile" : "spinner--auto-desktop" : e = `spinner--${this.size}`, v`
       <div
         part="spinner"
         class="spinner ${e}"
@@ -26,7 +26,7 @@ let i = class extends d {
 };
 i.styles = [
   b,
-  m`
+  d`
       :host {
         display: inline-flex;
         align-items: center;
@@ -35,7 +35,7 @@ i.styles = [
 
       .spinner {
         display: block;
-        border-radius: 50%;
+        border-radius: var(--radius-full);
         border-style: solid;
         border-color: var(--paper-cream);
         border-top-color: var(--spinner-color);
@@ -67,20 +67,20 @@ i.styles = [
       }
 
       .spinner--auto-desktop {
-        width: 5rem;
-        height: 5rem;
+        width: var(--size-spinner-xl);
+        height: var(--size-spinner-xl);
         border-width: var(--size-border-width-bold);
       }
     `
 ];
-a([
+p([
   l({ type: String })
 ], i.prototype, "size", 2);
-a([
+p([
   l({ type: String })
 ], i.prototype, "color", 2);
-i = a([
-  c("tc-spinner")
+i = p([
+  m("tc-spinner")
 ], i);
 export {
   i as TcSpinner

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,0BAmBpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/primitives/tc-symbol.js

@@ -1,11 +1,11 @@
-import { LitElement as m, html as p, css as c } from "lit";
+import { css as y, LitElement as m, html as p } from "lit";
 import { property as a, customElement as b } from "lit/decorators.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (y, t, l, e) => {
-  for (var r = e > 1 ? void 0 : e ? f(t, l) : t, i = y.length - 1, n; i >= 0; i--)
-    (n = y[i]) && (r = (e ? n(t, l, r) : n(r)) || r);
-  return e && r && v(t, l, r), r;
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (c, e, l, o) => {
+  for (var r = o > 1 ? void 0 : o ? u(e, l) : e, i = c.length - 1, n; i >= 0; i--)
+    (n = c[i]) && (r = (o ? n(e, l, r) : n(r)) || r);
+  return o && r && f(e, l, r), r;
 };
-let o = class extends m {
+let t = class extends m {
   constructor() {
     super(...arguments), this.size = "3rem", this.background = "var(--paper-cream)", this.color = "var(--ink-dark)";
   }
@@ -21,9 +21,11 @@ let o = class extends m {
     `;
   }
 };
-o.styles = c`
+t.styles = y`
     :host {
       display: inline-flex;
+      align-items: center;
+      justify-content: center;
     }
 
     .symbol {
@@ -41,16 +43,16 @@ o.styles = c`
   `;
 s([
   a({ type: String })
-], o.prototype, "size", 2);
+], t.prototype, "size", 2);
 s([
   a({ type: String })
-], o.prototype, "background", 2);
+], t.prototype, "background", 2);
 s([
   a({ type: String })
-], o.prototype, "color", 2);
-o = s([
+], t.prototype, "color", 2);
+t = s([
   b("tc-symbol")
-], o);
+], t);
 export {
-  o as TcSymbol
+  t as TcSymbol
 };

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-text.js

@@ -1,4 +1,4 @@
-import { LitElement as x, css as p } from "lit";
+import { css as x, LitElement as p } from "lit";
 import { property as a, customElement as g } from "lit/decorators.js";
 import { styleMap as h } from "lit/directives/style-map.js";
 import { unsafeStatic as f, html as m } from "lit/static-html.js";
@@ -8,7 +8,7 @@ var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (r, o, s
     (l = r[c]) && (e = (i ? l(o, s, e) : l(e)) || e);
   return i && e && v(o, s, e), e;
 };
-let t = class extends x {
+let t = class extends p {
   constructor() {
     super(...arguments), this.tag = "p", this.sx = {};
   }
@@ -48,7 +48,7 @@ let t = class extends x {
 };
 t.styles = [
   y,
-  p`
+  x`
       :host {
         display: contents;
       }

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/primitives/tc-toast.js

@@ -1,4 +1,4 @@
-import { LitElement as h, html as d, css as m } from "lit";
+import { css as h, LitElement as m, html as d } from "lit";
 import { property as o, customElement as p } from "lit/decorators.js";
 import { AnimationController as u } from "../controllers/animation.controller.js";
 import { sharedStyles as v } from "../styles/shared.js";
@@ -7,7 +7,7 @@ var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (c, e, r
     (l = c[n]) && (t = (a ? l(e, r, t) : l(t)) || t);
   return a && t && y(e, r, t), t;
 };
-let s = class extends h {
+let s = class extends m {
   constructor() {
     super(...arguments), this.variant = "info", this.duration = 5e3, this.autoDismiss = !0, this.dismissible = !0, this.animation = new u(this, {
       showDuration: 300,
@@ -77,7 +77,7 @@ let s = class extends h {
 };
 s.styles = [
   v,
-  m`
+  h`
     :host {
       display: block;
       position: fixed;

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"}