@transcodes/ui-components 0.4.7 → 0.4.9

package/CHANGELOG.md

@@ -5,6 +5,27 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.9] - 2026-01-24
+
+### Added
+
+- 모든 primitive 컴포넌트에 `@attr` JSDoc 어노테이션 추가
+  - API 문서 자동 생성 및 IDE 자동완성 지원 향상
+  - tc-button, tc-callout, tc-card, tc-chip, tc-container, tc-divider, tc-error-message, tc-form-header, tc-icon, tc-input, tc-input-with-chip, tc-item-button, tc-otp-input, tc-page-decoration, tc-spinner, tc-text, tc-toast 대상
+
+## [0.4.8] - 2026-01-24
+
+### Changed
+
+- 모든 컴포넌트의 `@property` 데코레이터에 `reflect: true` 옵션 추가
+  - 속성 값이 DOM 어트리뷰트에 자동으로 반영되어 CSS 어트리뷰트 선택자로 스타일링 가능
+  - 외부에서 컴포넌트 상태를 쿼리하거나 디버깅이 용이해짐
+  - tc-button, tc-callout, tc-card, tc-chip, tc-container, tc-divider, tc-error-message, tc-form-header, tc-icon, tc-input, tc-input-with-chip, tc-item-button, tc-otp-input, tc-page-decoration, tc-spinner, tc-text, tc-toast, tc-error-screen, tc-loading-screen 대상
+
+### Added
+
+- **tc-loading-screen**: `submessage` 속성 추가
+
 ## [0.4.7] - 2026-01-13
 
 ### Fixed

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

@@ -8,6 +8,9 @@ import { SxProps } from '../types.js';
  * @slot - Button content
  * @csspart button - The button element
  * @csspart spinner - The loading spinner
+ * @attr {boolean} disabled - Whether the button is disabled
+ * @attr {boolean} loading - Whether the button is in loading state
+ * @attr {string} variant - The button variant (primary | secondary | success)
  */
 export declare class TcButton extends LitElement {
     disabled: boolean;

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

@@ -1 +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;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;GAQG;AACH,qBACa,QAAS,SAAQ,UAAU;IACT,QAAQ,UAAS;IACjB,OAAO,UAAS;IACjB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAC5D;IACgB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoGpB;IAEO,MAAM;IA4Bf,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"tc-button.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;GAWG;AACH,qBACa,QAAS,SAAQ,UAAU;IACM,QAAQ,UAAS;IACjB,OAAO,UAAS;IACjB,OAAO,EAC9C,SAAS,GACT,WAAW,GACX,SAAS,CAAa;IACE,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoGpB;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-button.js

@@ -1,12 +1,12 @@
 import { css as p, LitElement as u, html as l } from "lit";
-import { property as r, customElement as b } from "lit/decorators.js";
+import { property as a, customElement as b } from "lit/decorators.js";
 import { classMap as m } 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 h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (n, i, s, a) => {
-  for (var t = a > 1 ? void 0 : a ? f(i, s) : i, d = n.length - 1, c; d >= 0; d--)
-    (c = n[d]) && (t = (a ? c(i, s, t) : c(t)) || t);
-  return a && t && h(i, s, t), t;
+var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (n, i, s, r) => {
+  for (var t = r > 1 ? void 0 : r ? f(i, s) : i, c = n.length - 1, d; c >= 0; c--)
+    (d = n[c]) && (t = (r ? d(i, s, t) : d(t)) || t);
+  return r && t && h(i, s, t), t;
 };
 let e = class extends u {
   constructor() {
@@ -149,16 +149,16 @@ e.styles = [
     `
 ];
 o([
-  r({ type: Boolean })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled", 2);
 o([
-  r({ type: Boolean })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "loading", 2);
 o([
-  r({ type: String })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
 o([
-  r({ type: Object })
+  a({ type: Object })
 ], e.prototype, "sx", 2);
 e = o([
   b("tc-button")

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

@@ -9,6 +9,7 @@ import { SxProps } from '../types.js';
  * @csspart callout - The callout container
  * @csspart icon - The icon container
  * @csspart content - The content container
+ * @attr {string} variant - The callout variant (info | success | warning | error)
  */
 export declare class TcCallout extends LitElement {
     variant: 'info' | 'success' | 'warning' | 'error';

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;GASG;AACH,qBACa,SAAU,SAAQ,UAAU;IACX,OAAO,EAC/B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACO,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA0CpB;IAEO,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IACI,OAAO,EAC9C,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAU;IACO,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BA0CpB;IAEO,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-callout.js

@@ -3,12 +3,12 @@ import { property as c, customElement as d } from "lit/decorators.js";
 import { classMap as f } from "lit/directives/class-map.js";
 import { styleMap as u } from "lit/directives/style-map.js";
 import { sharedStyles as y } from "../styles/shared.js";
-var h = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (s, e, i, r) => {
-  for (var t = r > 1 ? void 0 : r ? g(e, i) : e, n = s.length - 1, a; n >= 0; n--)
-    (a = s[n]) && (t = (r ? a(e, i, t) : a(t)) || t);
-  return r && t && h(e, i, t), t;
+var h = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (s, e, i, o) => {
+  for (var t = o > 1 ? void 0 : o ? g(e, i) : e, n = s.length - 1, a; n >= 0; n--)
+    (a = s[n]) && (t = (o ? a(e, i, t) : a(t)) || t);
+  return o && t && h(e, i, t), t;
 };
-let o = class extends m {
+let r = class extends m {
   constructor() {
     super(...arguments), this.variant = "info", this.sx = {};
   }
@@ -34,7 +34,7 @@ let o = class extends m {
     `;
   }
 };
-o.styles = [
+r.styles = [
   y,
   p`
       :host {
@@ -78,14 +78,14 @@ o.styles = [
     `
 ];
 l([
-  c({ type: String })
-], o.prototype, "variant", 2);
+  c({ type: String, reflect: !0 })
+], r.prototype, "variant", 2);
 l([
   c({ type: Object })
-], o.prototype, "sx", 2);
-o = l([
+], r.prototype, "sx", 2);
+r = l([
   d("tc-callout")
-], o);
+], r);
 export {
-  o as TcCallout
+  r as TcCallout
 };

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

@@ -6,6 +6,7 @@ import { SxProps } from '../types.js';
  *
  * @slot - Card content
  * @csspart card - The card container
+ * @attr {boolean} no-border - Hide the inner border effect
  */
 export declare class TcCard extends LitElement {
     noBorder: boolean;

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

@@ -1 +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;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,MAAO,SAAQ,UAAU;IACiB,QAAQ,UAAS;IAC1C,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoCpB;IAEO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"tc-card.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACgC,QAAQ,UACpE;IACoB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAoCpB;IAEO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-card.js

@@ -1,14 +1,14 @@
-import { css as p, LitElement as l, html as f } from "lit";
+import { css as l, LitElement as p, html as f } from "lit";
 import { property as c, customElement as m } from "lit/decorators.js";
 import { classMap as b } from "lit/directives/class-map.js";
-import { styleMap as h } from "lit/directives/style-map.js";
-import { sharedStyles as u } from "../styles/shared.js";
+import { styleMap as u } from "lit/directives/style-map.js";
+import { sharedStyles as h } from "../styles/shared.js";
 var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, d = (t, o, n, s) => {
   for (var e = s > 1 ? void 0 : s ? y(o, n) : o, a = t.length - 1, i; a >= 0; a--)
     (i = t[a]) && (e = (s ? i(o, n, e) : i(e)) || e);
   return s && e && v(o, n, e), e;
 };
-let r = class extends l {
+let r = class extends p {
   constructor() {
     super(...arguments), this.noBorder = !1, this.sx = {};
   }
@@ -18,7 +18,7 @@ let r = class extends l {
       "card--no-border": this.noBorder
     };
     return f`
-      <div part="card" class=${b(t)} style=${h(this.sx)}>
+      <div part="card" class=${b(t)} style=${u(this.sx)}>
         <div class="card-content">
           <slot></slot>
         </div>
@@ -27,8 +27,8 @@ let r = class extends l {
   }
 };
 r.styles = [
-  u,
-  p`
+  h,
+  l`
       :host {
         display: block;
         min-width: 0;
@@ -64,7 +64,7 @@ r.styles = [
     `
 ];
 d([
-  c({ type: Boolean, attribute: "no-border" })
+  c({ type: Boolean, reflect: !0, attribute: "no-border" })
 ], r.prototype, "noBorder", 2);
 d([
   c({ type: Object })

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

@@ -5,6 +5,8 @@ import { SxProps } from '../types.js';
  *
  * @slot - Chip content
  * @csspart chip - The chip container
+ * @attr {string} variant - The chip variant (default | success | error | info)
+ * @attr {string} size - The chip size (sm | md)
  */
 export declare class TcChip extends LitElement {
     variant: 'default' | 'success' | 'error' | 'info';

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;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;IACzB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAiDpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAa;IACoB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACxC,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAiDpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-chip.js

@@ -1,18 +1,18 @@
-import { css as l, LitElement as h, html as f } from "lit";
-import { property as c, customElement as m } from "lit/decorators.js";
+import { css as l, LitElement as f, html as h } from "lit";
+import { property as o, customElement as m } from "lit/decorators.js";
 import { styleMap as d } from "lit/directives/style-map.js";
-import { sharedStyles as v } from "../styles/shared.js";
-var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (n, t, a, s) => {
-  for (var r = s > 1 ? void 0 : s ? y(t, a) : t, p = n.length - 1, o; p >= 0; p--)
-    (o = n[p]) && (r = (s ? o(t, a, r) : o(r)) || r);
-  return s && r && u(t, a, r), r;
+import { sharedStyles as u } from "../styles/shared.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (n, t, a, s) => {
+  for (var r = s > 1 ? void 0 : s ? y(t, a) : t, p = n.length - 1, c; p >= 0; p--)
+    (c = n[p]) && (r = (s ? c(t, a, r) : c(r)) || r);
+  return s && r && v(t, a, r), r;
 };
-let e = class extends h {
+let e = class extends f {
   constructor() {
     super(...arguments), this.variant = "default", this.size = "md", this.sx = {};
   }
   render() {
-    return f`
+    return h`
       <span
         part="chip"
         class="chip chip--${this.variant} chip--${this.size}"
@@ -24,7 +24,7 @@ let e = class extends h {
   }
 };
 e.styles = [
-  v,
+  u,
   l`
       :host {
         display: inline-flex;
@@ -74,13 +74,13 @@ e.styles = [
     `
 ];
 i([
-  c({ type: String })
+  o({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
 i([
-  c({ type: String })
+  o({ type: String, reflect: !0 })
 ], e.prototype, "size", 2);
 i([
-  c({ type: Object })
+  o({ type: Object })
 ], e.prototype, "sx", 2);
 e = i([
   m("tc-chip")

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

@@ -5,6 +5,7 @@ import { SxProps } from '../types.js';
  *
  * @slot - Content to display inside the container
  * @csspart container - The container element
+ * @attr {boolean} wide - Use wide max-width
  */
 export declare class TcContainer extends LitElement {
     wide: boolean;

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

@@ -1 +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;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACZ,IAAI,UAAS;IACd,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"tc-container.d.ts","sourceRoot":"","sources":["../../src/primitives/tc-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACG,IAAI,UAAS;IAC7B,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/primitives/tc-container.js

@@ -1,6 +1,6 @@
 import { css as p, LitElement as d, html as m } from "lit";
-import { property as c, customElement as h } from "lit/decorators.js";
-import { styleMap as f } from "lit/directives/style-map.js";
+import { property as c, customElement as f } from "lit/decorators.js";
+import { styleMap as h } from "lit/directives/style-map.js";
 var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (r, i, o, s) => {
   for (var t = s > 1 ? void 0 : s ? x(i, o) : i, n = r.length - 1, a; n >= 0; n--)
     (a = r[n]) && (t = (s ? a(i, o, t) : a(t)) || t);
@@ -24,7 +24,7 @@ let e = class extends d {
       <div
         part="container"
         class="container ${this.wide ? "container--wide" : ""}"
-        style=${f(r)}
+        style=${h(r)}
       >
         <slot></slot>
       </div>
@@ -51,13 +51,13 @@ e.styles = p`
     }
   `;
 l([
-  c({ type: Boolean })
+  c({ type: Boolean, reflect: !0 })
 ], e.prototype, "wide", 2);
 l([
   c({ type: Object })
 ], e.prototype, "sx", 2);
 e = l([
-  h("tc-container")
+  f("tc-container")
 ], e);
 export {
   e as TcContainer

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

@@ -7,6 +7,7 @@ import { SxProps } from '../types.js';
  * @csspart container - The container element (text mode)
  * @csspart line - The line elements (text mode)
  * @csspart text - The text element (text mode)
+ * @attr {string} text - The optional divider text
  */
 export declare class TcDivider extends LitElement {
     text: string;

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACX,IAAI,SAAM;IACV,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAqCpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;GAQG;AACH,qBACa,SAAU,SAAQ,UAAU;IACI,IAAI,SAAM;IACzB,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAqCpB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/primitives/tc-divider.js

@@ -1,10 +1,10 @@
 import { css as c, LitElement as m, html as l } from "lit";
 import { property as p, customElement as h } from "lit/decorators.js";
 import { styleMap as v } from "lit/directives/style-map.js";
-var x = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (s, e, d, t) => {
-  for (var r = t > 1 ? void 0 : t ? f(e, d) : e, n = s.length - 1, o; n >= 0; n--)
+var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (s, e, d, t) => {
+  for (var r = t > 1 ? void 0 : t ? x(e, d) : e, n = s.length - 1, o; n >= 0; n--)
     (o = s[n]) && (r = (t ? o(e, d, r) : o(r)) || r);
-  return t && r && x(e, d, r), r;
+  return t && r && f(e, d, r), r;
 };
 let i = class extends m {
   constructor() {
@@ -65,7 +65,7 @@ i.styles = c`
     }
   `;
 a([
-  p({ type: String })
+  p({ type: String, reflect: !0 })
 ], i.prototype, "text", 2);
 a([
   p({ type: Object })

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

@@ -7,6 +7,8 @@ import { SxProps } from '../types.js';
  * @csspart callout - The underlying callout container
  * @csspart icon - The icon element
  * @csspart message - The message text
+ * @attr {string} variant - The message variant (warning | info | error)
+ * @attr {string} message - The message text
  */
 export declare class TcErrorMessage extends LitElement {
     variant: 'warning' | 'info' | 'error';

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

@@ -1 +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,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,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;IACb,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAcpB;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"}
+{"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,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;GASG;AACH,qBACa,cAAe,SAAQ,UAAU;IACD,OAAO,EAC9C,SAAS,GACT,MAAM,GACN,OAAO,CAAW;IACqB,OAAO,SAAM;IAC5B,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAcpB;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-error-message.js

@@ -1,5 +1,5 @@
-import { css as p, LitElement as m, html as g } from "lit";
-import { property as c, customElement as u } from "lit/decorators.js";
+import { css as p, LitElement as m, html as u } from "lit";
+import { property as c, customElement as g } from "lit/decorators.js";
 import "./tc-callout.js";
 import "./tc-icon.js";
 import "./tc-text.js";
@@ -33,7 +33,7 @@ let e = class extends m {
     }
   }
   render() {
-    return this.message ? g`
+    return this.message ? u`
       <tc-callout part="callout" variant=${this.variant} .sx=${this.sx}>
         <tc-icon
           slot="icon"
@@ -65,16 +65,16 @@ e.styles = p`
     }
   `;
 a([
-  c({ type: String })
+  c({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
 a([
-  c({ type: String })
+  c({ type: String, reflect: !0 })
 ], e.prototype, "message", 2);
 a([
   c({ type: Object })
 ], e.prototype, "sx", 2);
 e = a([
-  u("tc-error-message")
+  g("tc-error-message")
 ], e);
 export {
   e as TcErrorMessage

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

@@ -8,6 +8,10 @@ import { SxProps } from '../types.js';
  * @csspart title - The title element
  * @csspart subtitle - The subtitle element
  * @csspart notice - The notice element
+ * @attr {string} title - The form title
+ * @attr {string} subtitle - The form subtitle
+ * @attr {string} notice - The optional notice text
+ * @attr {boolean} no-animation - Disable animations
  */
 export declare class TcFormHeader extends LitElement {
     title: string;

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

@@ -1 +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;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;GAQG;AACH,qBACa,YAAa,SAAQ,UAAU;IACd,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,MAAM,SAAM;IACgB,WAAW,UAAS;IAChD,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAsEpB;IAEO,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"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;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBACa,YAAa,SAAQ,UAAU;IACC,KAAK,SAAM;IACX,QAAQ,SAAM;IACd,MAAM,SAAM;IAEvD,WAAW,UAAS;IACQ,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,4BAsEpB;IAEO,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/primitives/tc-form-header.js

@@ -1,20 +1,20 @@
-import { css as p, LitElement as c, html as n } from "lit";
+import { css as d, LitElement as p, html as n } from "lit";
 import { property as r, customElement as f } from "lit/decorators.js";
-import { styleMap as h } from "lit/directives/style-map.js";
-import { sharedStyles as u } from "../styles/shared.js";
+import { styleMap as u } from "lit/directives/style-map.js";
+import { sharedStyles as h } from "../styles/shared.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (i, o, m, s) => {
-  for (var e = s > 1 ? void 0 : s ? b(o, m) : o, l = i.length - 1, d; l >= 0; l--)
-    (d = i[l]) && (e = (s ? d(o, m, e) : d(e)) || e);
+  for (var e = s > 1 ? void 0 : s ? b(o, m) : o, l = i.length - 1, c; l >= 0; l--)
+    (c = i[l]) && (e = (s ? c(o, m, e) : c(e)) || e);
   return s && e && v(o, m, e), e;
 };
-let t = class extends c {
+let t = class extends p {
   constructor() {
     super(...arguments), this.title = "", this.subtitle = "", this.notice = "", this.noAnimation = !1, this.sx = {};
   }
   render() {
     const i = !this.noAnimation;
     return n`
-      <header part="header" class="header" style=${h(this.sx)}>
+      <header part="header" class="header" style=${u(this.sx)}>
         ${this.title ? n`<h1 part="title" class="form-title ${i ? "form-title--animated" : ""}">
               ${this.title}
             </h1>` : ""}
@@ -29,8 +29,8 @@ let t = class extends c {
   }
 };
 t.styles = [
-  u,
-  p`
+  h,
+  d`
       :host {
         display: block;
         width: 100%;
@@ -100,16 +100,16 @@ t.styles = [
     `
 ];
 a([
-  r({ type: String })
+  r({ type: String, reflect: !0 })
 ], t.prototype, "title", 2);
 a([
-  r({ type: String })
+  r({ type: String, reflect: !0 })
 ], t.prototype, "subtitle", 2);
 a([
-  r({ type: String })
+  r({ type: String, reflect: !0 })
 ], t.prototype, "notice", 2);
 a([
-  r({ type: Boolean, attribute: "no-animation" })
+  r({ type: Boolean, reflect: !0, attribute: "no-animation" })
 ], t.prototype, "noAnimation", 2);
 a([
   r({ type: Object })

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

@@ -5,6 +5,7 @@ export type IconName = 'arrow-left' | 'arrow-right' | 'check' | 'x' | 'close' |
  * An icon component with built-in icon set.
  *
  * @csspart icon - The icon container
+ * @attr {string} name - The icon name
  */
 export declare class TcIcon extends LitElement {
     name: IconName;

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

@@ -1 +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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,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,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"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,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,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;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IACO,IAAI,EAAE,QAAQ,CAAU;IACvC,EAAE,EAAE,OAAO,CAAM;IAE7C,OAAgB,MAAM,0BAkBpB;IAEO,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/primitives/tc-icon.js

@@ -82,7 +82,7 @@ n.styles = a`
     }
   `;
 c([
-  h({ type: String })
+  h({ type: String, reflect: !0 })
 ], n.prototype, "name", 2);
 c([
   h({ type: Object })

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

@@ -10,6 +10,15 @@ import { SxProps } from '../types.js';
  * @csspart wrapper - The input wrapper container
  * @csspart input - The input element
  * @csspart chip - The chip element
+ * @attr {string} label - The input label
+ * @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} readonly - Whether the input is readonly
+ * @attr {string} chip-label - The chip label text
+ * @attr {string} chip-icon - The chip icon name
+ * @attr {string} chip-variant - The chip variant (default | success | error | info)
  */
 export declare class TcInputWithChip extends LitElement {
     label: string;

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

@@ -1 +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;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,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;IACK,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CACiC;IAChD,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;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"}
+{"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;AAK5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAGtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACF,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE7D,SAAS,SAAM;IACoD,QAAQ,SACtE;IAEL,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IACtC,EAAE,EAAE,OAAO,CAAM;IAEpC,OAAO,CAAC,OAAO,CACiC;IAChD,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAgB,MAAM,4BA6GpB;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"}