@transcodes/ui-components 0.4.7 → 0.4.9

package/dist/primitives/tc-input-with-chip.js

@@ -1,8 +1,8 @@
-import { css as u, LitElement as v, html as n } from "lit";
-import { property as a, state as h, customElement as b } from "lit/decorators.js";
+import { css as h, LitElement as f, html as n } from "lit";
+import { property as a, state as u, customElement as v } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
-import { styleMap as y } from "lit/directives/style-map.js";
-import { sharedStyles as f } from "../styles/shared.js";
+import { styleMap as b } from "lit/directives/style-map.js";
+import { sharedStyles as y } from "../styles/shared.js";
 import "./tc-chip.js";
 import "./tc-icon.js";
 var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (t, i, s, p) => {
@@ -10,7 +10,7 @@ var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (t, i, s
     (c = t[l]) && (o = (p ? c(i, s, o) : c(o)) || o);
   return p && o && m(i, s, o), o;
 };
-let e = class extends v {
+let e = class extends f {
   constructor() {
     super(...arguments), this.label = "", this.placeholder = "", this.value = "", this.error = "", this.disabled = !1, this.readonly = !1, this.chipLabel = "", this.chipIcon = "", this.chipVariant = "default", this.sx = {}, this.inputId = `tc-input-chip-${Math.random().toString(36).slice(2)}`, this.isFocused = !1;
   }
@@ -24,7 +24,7 @@ let e = class extends v {
       "has-error": t
     };
     return n`
-      <div class=${d(i)} style=${y(this.sx)}>
+      <div class=${d(i)} style=${b(this.sx)}>
         ${this.label ? n`<label part="label" class="field-label" for=${this.inputId}>${this.label}</label>` : ""}
         <div part="wrapper" class=${d(s)}>
           <input
@@ -97,8 +97,8 @@ let e = class extends v {
   }
 };
 e.styles = [
-  f,
-  u`
+  y,
+  h`
       :host {
         display: block;
         width: 100%;
@@ -207,43 +207,43 @@ e.styles = [
     `
 ];
 r([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "label", 2);
 r([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "placeholder", 2);
 r([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "value", 2);
 r([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "error", 2);
 r([
-  a({ type: Boolean })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled", 2);
 r([
-  a({ type: Boolean })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "readonly", 2);
 r([
-  a({ type: String, attribute: "chip-label" })
+  a({ type: String, reflect: !0, attribute: "chip-label" })
 ], e.prototype, "chipLabel", 2);
 r([
-  a({ type: String, attribute: "chip-icon" })
+  a({ type: String, reflect: !0, attribute: "chip-icon" })
 ], e.prototype, "chipIcon", 2);
 r([
-  a({ type: String, attribute: "chip-variant" })
+  a({ type: String, reflect: !0, attribute: "chip-variant" })
 ], e.prototype, "chipVariant", 2);
 r([
   a({ type: Object })
 ], e.prototype, "sx", 2);
 r([
-  h()
+  u()
 ], e.prototype, "inputId", 2);
 r([
-  h()
+  u()
 ], e.prototype, "isFocused", 2);
 e = r([
-  b("tc-input-with-chip")
+  v("tc-input-with-chip")
 ], e);
 export {
   e as TcInputWithChip

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

@@ -13,6 +13,17 @@ import { SxProps } from '../types.js';
  * @csspart label - The label element
  * @csspart ink-line - The animated ink line
  * @csspart error - The error message element
+ * @attr {string} label - The input label
+ * @attr {string} type - The input type
+ * @attr {string} placeholder - The placeholder text
+ * @attr {string} value - The input value
+ * @attr {string} error - The error message
+ * @attr {boolean} disabled - Whether the input is disabled
+ * @attr {boolean} required - Whether the input is required
+ * @attr {string} name - The input name
+ * @attr {string} autocomplete - The autocomplete attribute
+ * @attr {string} inputmode - The inputmode attribute
+ * @attr {number} maxlength - The maximum length
  */
 export declare class TcInput extends LitElement {
     label: string;

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

@@ -1 +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;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;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,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;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"}
+{"version":3,"file":"tc-input.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACM,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;IAC7B,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;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-input.js

@@ -1,12 +1,12 @@
-import { css as c, LitElement as m, html as d } from "lit";
-import { property as i, state as h, customElement as b } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { styleMap as v } from "lit/directives/style-map.js";
-import { sharedStyles as y } from "../styles/shared.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (e, o, n, a) => {
+import { css as h, LitElement as m, html as u } from "lit";
+import { property as i, state as c, customElement as b } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { styleMap as f } from "lit/directives/style-map.js";
+import { sharedStyles as v } from "../styles/shared.js";
+var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (e, o, n, a) => {
   for (var s = a > 1 ? void 0 : a ? g(o, n) : o, l = e.length - 1, p; l >= 0; l--)
     (p = e[l]) && (s = (a ? p(o, n, s) : p(s)) || s);
-  return a && s && f(o, n, s), s;
+  return a && s && y(o, n, s), s;
 };
 let t = class extends m {
   constructor() {
@@ -25,14 +25,14 @@ let t = class extends m {
       input: !0,
       "has-error": e
     };
-    return d`
-      <div class=${u(o)}>
-        ${this.label ? d`<label part="label" class="field-label" for=${this.inputId}>${this.label}</label>` : ""}
-        <div part="wrapper" class=${u(n)}>
+    return u`
+      <div class=${d(o)}>
+        ${this.label ? u`<label part="label" class="field-label" for=${this.inputId}>${this.label}</label>` : ""}
+        <div part="wrapper" class=${d(n)}>
           <input
             part="input"
             id=${this.inputId}
-            class=${u(a)}
+            class=${d(a)}
             type=${this.type}
             name=${this.name}
             placeholder=${this.placeholder}
@@ -44,7 +44,7 @@ let t = class extends m {
             maxlength=${this.maxlength || ""}
             aria-invalid=${e ? "true" : "false"}
             aria-describedby=${e ? `${this.inputId}-error` : ""}
-            style=${v(this.sx)}
+            style=${f(this.sx)}
             @input=${this.handleInput}
             @focus=${this.handleFocus}
             @blur=${this.handleBlur}
@@ -53,7 +53,7 @@ let t = class extends m {
           />
           <div part="ink-line" class="ink-line"></div>
         </div>
-        ${e ? d`<p part="error" id="${this.inputId}-error" class="input-error-text" role="alert">
+        ${e ? u`<p part="error" id="${this.inputId}-error" class="input-error-text" role="alert">
               ${this.error}
             </p>` : ""}
       </div>
@@ -105,8 +105,8 @@ let t = class extends m {
   }
 };
 t.styles = [
-  y,
-  c`
+  v,
+  h`
       :host {
         display: block;
         width: 100%;
@@ -215,46 +215,46 @@ t.styles = [
     `
 ];
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "label", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "type", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "placeholder", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "value", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "error", 2);
 r([
-  i({ type: Boolean })
+  i({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled", 2);
 r([
-  i({ type: Boolean })
+  i({ type: Boolean, reflect: !0 })
 ], t.prototype, "required", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "name", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "autocomplete", 2);
 r([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], t.prototype, "inputmode", 2);
 r([
-  i({ type: Number })
+  i({ type: Number, reflect: !0 })
 ], t.prototype, "maxlength", 2);
 r([
   i({ type: Object })
 ], t.prototype, "sx", 2);
 r([
-  h()
+  c()
 ], t.prototype, "inputId", 2);
 r([
-  h()
+  c()
 ], t.prototype, "isFocused", 2);
 t = r([
   b("tc-input")

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

@@ -12,6 +12,8 @@ import { SxProps } from '../types.js';
  * @csspart content - The main content container
  * @csspart suffix - The suffix container
  * @csspart arrow - The arrow indicator
+ * @attr {boolean} disabled - Whether the button is disabled
+ * @attr {boolean} show-arrow - Whether to show the arrow indicator
  */
 export declare class TcItemButton extends LitElement {
     disabled: boolean;

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

@@ -1 +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;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBACa,YAAa,SAAQ,UAAU;IACb,QAAQ,UAAS;IACQ,SAAS,UAAQ;IAC3C,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAsFpB;IAEF,OAAO,CAAC,WAAW;IAWV,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"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;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,QAAQ,UAAS;IAE7D,SAAS,UAAQ;IACW,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAsFpB;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-button.js

@@ -147,10 +147,10 @@ e.styles = c`
     }
   `;
 s([
-  d({ type: Boolean })
+  d({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled", 2);
 s([
-  d({ type: Boolean, attribute: "show-arrow" })
+  d({ type: Boolean, reflect: !0, attribute: "show-arrow" })
 ], e.prototype, "showArrow", 2);
 s([
   d({ type: Object })

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

@@ -10,6 +10,10 @@ import { SxProps } from '../types.js';
  * @csspart cell - Individual cell input
  * @csspart progress - The progress bar container
  * @csspart progress-bar - The progress bar fill
+ * @attr {number} length - The number of OTP cells
+ * @attr {boolean} error - Whether to show error state
+ * @attr {boolean} disabled - Whether the input is disabled
+ * @attr {boolean} show-progress - Whether to show the progress bar
  */
 export declare class TcOtpInput extends LitElement {
     length: number;

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACZ,MAAM,SAAK;IACV,KAAK,UAAS;IACd,QAAQ,UAAS;IACW,YAAY,UAAQ;IACjD,EAAE,EAAE,OAAO,CAAM;IAEpC,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"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,UAAU;IACG,MAAM,SAAK;IACV,KAAK,UAAS;IACd,QAAQ,UAAS;IAE7D,YAAY,UAAQ;IACQ,EAAE,EAAE,OAAO,CAAM;IAEpC,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,11 +1,11 @@
 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 { styleMap as m } from "lit/directives/style-map.js";
-import { sharedStyles as g } from "../styles/shared.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (t, e, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? b(e, s) : e, o = t.length - 1, l; o >= 0; o--)
-    (l = t[o]) && (a = (r ? l(e, s, a) : l(a)) || a);
-  return r && a && f(e, s, a), a;
+import { sharedStyles as f } from "../styles/shared.js";
+var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (t, e, s, r) => {
+  for (var l = r > 1 ? void 0 : r ? b(e, s) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (l = (r ? a(e, s, l) : a(l)) || l);
+  return r && l && g(e, s, l), l;
 };
 let i = class extends p {
   constructor() {
@@ -36,9 +36,9 @@ let i = class extends p {
                 .value=${s}
                 ?disabled=${this.disabled}
                 aria-label="Digit ${r + 1}"
-                @input=${(l) => this.handleInput(l, r)}
-                @keydown=${(l) => this.handleKeydown(l, r)}
-                @paste=${(l) => this.handlePaste(l)}
+                @input=${(a) => this.handleInput(a, r)}
+                @keydown=${(a) => this.handleKeydown(a, r)}
+                @paste=${(a) => this.handlePaste(a)}
               />
             `;
     })}
@@ -63,7 +63,7 @@ let i = class extends p {
         composed: !0,
         detail: { value: this.values.join(""), values: [...this.values] }
       })
-    ), r && e < this.length - 1 && this.focusCell(e + 1), this.values.every((a) => a.length > 0) && this.dispatchEvent(
+    ), r && e < this.length - 1 && this.focusCell(e + 1), this.values.every((l) => l.length > 0) && this.dispatchEvent(
       new CustomEvent("tc-complete", {
         bubbles: !0,
         composed: !0,
@@ -78,8 +78,8 @@ let i = class extends p {
     t.preventDefault();
     const s = (t.clipboardData?.getData("text") || "").replace(/\D/g, "").slice(0, this.length);
     if (s) {
-      this.values = new Array(this.length).fill(""), s.split("").forEach((a, o) => {
-        this.values[o] = a;
+      this.values = new Array(this.length).fill(""), s.split("").forEach((l, o) => {
+        this.values[o] = l;
       }), this.values = [...this.values];
       const r = Math.min(s.length, this.length - 1);
       this.focusCell(r), this.dispatchEvent(
@@ -119,7 +119,7 @@ let i = class extends p {
   }
 };
 i.styles = [
-  g,
+  f,
   u`
       :host {
         display: block;
@@ -211,16 +211,16 @@ i.styles = [
     `
 ];
 n([
-  c({ type: Number })
+  c({ type: Number, reflect: !0 })
 ], i.prototype, "length", 2);
 n([
-  c({ type: Boolean })
+  c({ type: Boolean, reflect: !0 })
 ], i.prototype, "error", 2);
 n([
-  c({ type: Boolean })
+  c({ type: Boolean, reflect: !0 })
 ], i.prototype, "disabled", 2);
 n([
-  c({ type: Boolean, attribute: "show-progress" })
+  c({ type: Boolean, reflect: !0, attribute: "show-progress" })
 ], i.prototype, "showProgress", 2);
 n([
   c({ type: Object })

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

@@ -6,6 +6,7 @@ import { SxProps } from '../types.js';
  *
  * @csspart decoration - The decoration container
  * @csspart blob - Individual blob element
+ * @attr {string} variant - The decoration color variant (primary | success | error)
  */
 export declare class TcPageDecoration extends LitElement {
     variant: 'primary' | 'success' | 'error';

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CACxD;IACgB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA8FpB;IAEO,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACH,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,OAAO,CAAa;IACI,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA8FpB;IAEO,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/primitives/tc-page-decoration.js

@@ -1,5 +1,5 @@
-import { css as c, LitElement as d, html as m } from "lit";
-import { property as b, customElement as p } from "lit/decorators.js";
+import { css as b, LitElement as d, html as m } from "lit";
+import { property as c, customElement as p } from "lit/decorators.js";
 import { styleMap as v } from "lit/directives/style-map.js";
 import { sharedStyles as u } from "../styles/shared.js";
 var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, n = (l, t, o, a) => {
@@ -23,7 +23,7 @@ let e = class extends d {
 };
 e.styles = [
   u,
-  c`
+  b`
     :host {
       position: absolute;
       inset: 0;
@@ -117,10 +117,10 @@ e.styles = [
   `
 ];
 n([
-  b({ type: String })
+  c({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
 n([
-  b({ type: Object })
+  c({ type: Object })
 ], e.prototype, "sx", 2);
 e = n([
   p("tc-page-decoration")

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

@@ -5,6 +5,7 @@ import { SxProps } from '../types.js';
  * Uses spin animation from design-tokens.
  *
  * @csspart spinner - The spinner element
+ * @attr {string} size - The spinner size (sm | md | lg | auto)
  */
 export declare class TcSpinner extends LitElement {
     private mobile;

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;GAKG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,CAAC,MAAM,CAAwD;IAE1C,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAU;IAC3C,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAgDpB;IAEO,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,CAAC,MAAM,CAAwD;IAE3B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CACnE;IACmB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAgDpB;IAEO,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-spinner.js

@@ -3,8 +3,8 @@ import { property as l, customElement as v } from "lit/decorators.js";
 import { styleMap as b } from "lit/directives/style-map.js";
 import { MatchMediaController as c } from "../controllers/match-media.controller.js";
 import { sharedStyles as w } from "../styles/shared.js";
-var z = Object.defineProperty, y = Object.getOwnPropertyDescriptor, p = (r, i, s, n) => {
-  for (var e = n > 1 ? void 0 : n ? y(i, s) : i, o = r.length - 1, a; o >= 0; o--)
+var z = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (r, i, s, n) => {
+  for (var e = n > 1 ? void 0 : n ? u(i, s) : i, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (e = (n ? a(i, s, e) : a(e)) || e);
   return n && e && z(i, s, e), e;
 };
@@ -77,7 +77,7 @@ t.styles = [
     `
 ];
 p([
-  l({ type: String })
+  l({ type: String, reflect: !0 })
 ], t.prototype, "size", 2);
 p([
   l({ type: Object })

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

@@ -11,6 +11,11 @@ type TextColor = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'accent' | 'su
  *
  * @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;

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

@@ -1 +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;AAKtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,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,OAAO,CAAM;IACjB,GAAG,SAAM;IAErC,OAAgB,MAAM,4BA2EpB;IAEF,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,aAAa;IAgBZ,YAAY;IAyBZ,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"tc-text.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAKtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,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;;;;;;;;;;;;GAYG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,GAAG,EAAE,OAAO,CAAO;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1C,EAAE,EAAE,OAAO,CAAM;IACF,GAAG,SAAM;IAEpD,OAAgB,MAAM,4BA2EpB;IAEF,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,aAAa;IAgBZ,YAAY;IAyBZ,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-text.js

@@ -1,14 +1,14 @@
-import { css as p, LitElement as f } from "lit";
+import { css as f, LitElement as p } from "lit";
 import { property as a, customElement as h } from "lit/decorators.js";
 import { styleMap as x } from "lit/directives/style-map.js";
 import { unsafeStatic as g, html as m } from "lit/static-html.js";
 import { sharedStyles as y } from "../styles/shared.js";
-var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (r, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? u(t, i) : t, c = r.length - 1, l; c >= 0; c--)
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (r, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? v(t, i) : t, c = r.length - 1, l; c >= 0; c--)
     (l = r[c]) && (o = (n ? l(t, i, o) : l(o)) || o);
-  return n && o && v(t, i, o), o;
+  return n && o && u(t, i, o), o;
 };
-let e = class extends f {
+let e = class extends p {
   constructor() {
     super(...arguments), this.tag = "p", this.sx = {}, this.for = "";
   }
@@ -59,7 +59,7 @@ let e = class extends f {
 };
 e.styles = [
   y,
-  p`
+  f`
       :host {
         display: contents;
       }
@@ -134,22 +134,22 @@ e.styles = [
     `
 ];
 s([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "tag", 2);
 s([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "size", 2);
 s([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "weight", 2);
 s([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "color", 2);
 s([
   a({ type: Object })
 ], e.prototype, "sx", 2);
 s([
-  a({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "for", 2);
 e = s([
   h("tc-text")

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

@@ -8,6 +8,10 @@ import { SxProps } from '../types.js';
  * @csspart toast - The toast container
  * @csspart content - The content container
  * @csspart close - The close button
+ * @attr {string} variant - The toast variant (info | success | warning | error)
+ * @attr {number} duration - The auto-dismiss duration in milliseconds
+ * @attr {boolean} auto-dismiss - Whether to auto-dismiss after duration
+ * @attr {boolean} dismissible - Whether the toast can be dismissed manually
  */
 export declare class TcToast extends LitElement {
     variant: 'info' | 'success' | 'warning' | 'error';

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;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;IACpB,EAAE,EAAE,OAAO,CAAM;IAE7C,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;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACM,OAAO,EAC9C,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACsB,QAAQ,SAAQ;IAE3D,WAAW,UAAQ;IACyB,WAAW,UAAQ;IACnC,EAAE,EAAE,OAAO,CAAM;IAE7C,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;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/primitives/tc-toast.js

@@ -2,11 +2,11 @@ import { css as h, LitElement as m, html as d } from "lit";
 import { property as e, customElement as p } from "lit/decorators.js";
 import { styleMap as u } from "lit/directives/style-map.js";
 import { AnimationController as v } from "../controllers/animation.controller.js";
-import { sharedStyles as y } from "../styles/shared.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (c, a, r, o) => {
-  for (var s = o > 1 ? void 0 : o ? b(a, r) : a, n = c.length - 1, l; n >= 0; n--)
-    (l = c[n]) && (s = (o ? l(a, r, s) : l(s)) || s);
-  return o && s && f(a, r, s), s;
+import { sharedStyles as f } from "../styles/shared.js";
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (c, a, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? b(a, o) : a, n = c.length - 1, l; n >= 0; n--)
+    (l = c[n]) && (s = (r ? l(a, o, s) : l(s)) || s);
+  return r && s && y(a, o, s), s;
 };
 let t = class extends m {
   constructor() {
@@ -83,7 +83,7 @@ let t = class extends m {
   }
 };
 t.styles = [
-  y,
+  f,
   h`
     :host {
       display: block;
@@ -177,16 +177,16 @@ t.styles = [
   `
 ];
 i([
-  e({ type: String })
+  e({ type: String, reflect: !0 })
 ], t.prototype, "variant", 2);
 i([
-  e({ type: Number })
+  e({ type: Number, reflect: !0 })
 ], t.prototype, "duration", 2);
 i([
-  e({ type: Boolean, attribute: "auto-dismiss" })
+  e({ type: Boolean, reflect: !0, attribute: "auto-dismiss" })
 ], t.prototype, "autoDismiss", 2);
 i([
-  e({ type: Boolean })
+  e({ type: Boolean, reflect: !0 })
 ], t.prototype, "dismissible", 2);
 i([
   e({ type: Object })

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

@@ -1 +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;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,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;IACf,WAAW,UAAQ;IAC/C,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAkFpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,WAAW;IASV,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"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;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,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;IACA,KAAK,SAA0B;IAC/B,OAAO,SACE;IAEpD,UAAU,SAAe;IAEzB,SAAS,UAAQ;IAEjB,WAAW,UAAQ;IACS,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAgB,MAAM,0BAkFpB;IAEO,iBAAiB;IASpB,aAAa;IAKnB,OAAO,CAAC,WAAW;IASV,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}