@tessera-ui/core 0.4.0

package/dist/components/ts-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsAccordion extends Components.TsAccordion, HTMLElement {}
+export const TsAccordion: {
+    prototype: TsAccordion;
+    new (): TsAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-accordion.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-CGh7W07E.js";const t=o;const p=s;export{t as TsAccordion,p as defineCustomElement};
+//# sourceMappingURL=ts-accordion.js.map

package/dist/components/ts-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsAlert extends Components.TsAlert, HTMLElement {}
+export const TsAlert: {
+    prototype: TsAlert;
+    new (): TsAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-alert.js

@@ -0,0 +1,2 @@
+import{t as r,p as t,H as s,d as o,h as a,c as e}from"./p-DkpyRqHf.js";const l=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-alert-radius:var(--ts-radius-lg);--ts-alert-font-size:var(--ts-font-size-sm)}.alert__base{display:flex;align-items:flex-start;gap:var(--ts-spacing-3);padding:var(--ts-spacing-4) var(--ts-spacing-4);border-radius:var(--ts-alert-radius);border:1px solid transparent;border-inline-start:3px solid transparent;font-size:var(--ts-alert-font-size);line-height:var(--ts-line-height-normal)}:host([variant="info"]) .alert__base{background-color:var(--ts-color-info-bg);border-color:var(--ts-color-info-border);border-inline-start-color:var(--ts-color-info-500);color:var(--ts-color-info-600)}:host([variant="success"]) .alert__base{background-color:var(--ts-color-success-bg);border-color:var(--ts-color-success-border);border-inline-start-color:var(--ts-color-success-500);color:var(--ts-color-success-600)}:host([variant="warning"]) .alert__base{background-color:var(--ts-color-warning-bg);border-color:var(--ts-color-warning-border);border-inline-start-color:var(--ts-color-warning-500);color:var(--ts-color-warning-600)}:host([variant="danger"]) .alert__base{background-color:var(--ts-color-danger-bg);border-color:var(--ts-color-danger-border);border-inline-start-color:var(--ts-color-danger-500);color:var(--ts-color-danger-600)}:host([variant="neutral"]) .alert__base{background-color:var(--ts-color-bg-subtle);border-color:var(--ts-color-border-subtle);border-inline-start-color:var(--ts-color-neutral-400);color:var(--ts-color-text-secondary)}.alert__icon{display:flex;align-items:center;font-size:1.25em;flex-shrink:0;margin-top:1px}.alert__message{flex:1;min-width:0}.alert__action{display:flex;align-items:center;flex-shrink:0}.alert__action:empty{display:none}.alert__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border:none;border-radius:var(--ts-radius-sm);background:transparent;color:currentColor;opacity:0.6;cursor:pointer;font-size:0.8em;transition:opacity var(--ts-transition-fast);padding:0;line-height:1}.alert__close:hover{opacity:1}.alert__close:focus-visible{box-shadow:var(--ts-focus-ring);opacity:1}`;const n=t(class r extends s{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.tsClose=o(this,"tsClose")}variant="info";closable=false;isVisible=true;tsClose;async close(){this.isVisible=false;this.tsClose.emit()}async show(){this.isVisible=true}handleClose=()=>{this.close()};renderDefaultIcon(){const r={info:"ℹ",success:"✓",warning:"⚠",danger:"✕",primary:"ℹ",secondary:"ℹ",neutral:"ℹ"};return a("span",{"aria-hidden":"true"},r[this.variant]||"ℹ")}render(){if(!this.isVisible)return null;return a(e,{class:{"ts-alert":true,[`ts-alert--${this.variant}`]:true},role:"alert"},a("div",{class:"alert__base",part:"base"},a("div",{class:"alert__icon",part:"icon"},a("slot",{name:"icon"},this.renderDefaultIcon())),a("div",{class:"alert__message",part:"message"},a("slot",null)),a("div",{class:"alert__action",part:"action"},a("slot",{name:"action"})),this.closable&&a("button",{class:"alert__close",part:"close",type:"button","aria-label":"Close alert",onClick:this.handleClose},"✕")))}static get style(){return l()}},[769,"ts-alert",{variant:[513],closable:[4],isVisible:[32],close:[64],show:[64]}]);function i(){if(typeof customElements==="undefined"){return}const t=["ts-alert"];t.forEach((t=>{switch(t){case"ts-alert":if(!customElements.get(r(t))){customElements.define(r(t),n)}break}}))}i();const c=n;const d=i;export{c as TsAlert,d as defineCustomElement};
+//# sourceMappingURL=ts-alert.js.map

package/dist/components/ts-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alertCss","TsAlert","__stencil_proxyCustomElement","HTMLElement","variant","closable","isVisible","tsClose","close","this","emit","show","handleClose","renderDefaultIcon","icons","info","success","warning","danger","primary","secondary","neutral","h","render","Host","class","role","part","name","type","onClick"],"sources":["src/components/alert/alert.css?tag=ts-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-alert — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-alert-radius      Border radius\n     --ts-alert-font-size   Message font size\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-alert-radius: var(--ts-radius-lg);\n  --ts-alert-font-size: var(--ts-font-size-sm);\n}\n\n.alert__base {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ts-spacing-3);\n  padding: var(--ts-spacing-4) var(--ts-spacing-4);\n  border-radius: var(--ts-alert-radius);\n  border: 1px solid transparent;\n  border-inline-start: 3px solid transparent;\n  font-size: var(--ts-alert-font-size);\n  line-height: var(--ts-line-height-normal);\n}\n\n/* ---- Variants ---- */\n:host([variant=\"info\"]) .alert__base {\n  background-color: var(--ts-color-info-bg);\n  border-color: var(--ts-color-info-border);\n  border-inline-start-color: var(--ts-color-info-500);\n  color: var(--ts-color-info-600);\n}\n\n:host([variant=\"success\"]) .alert__base {\n  background-color: var(--ts-color-success-bg);\n  border-color: var(--ts-color-success-border);\n  border-inline-start-color: var(--ts-color-success-500);\n  color: var(--ts-color-success-600);\n}\n\n:host([variant=\"warning\"]) .alert__base {\n  background-color: var(--ts-color-warning-bg);\n  border-color: var(--ts-color-warning-border);\n  border-inline-start-color: var(--ts-color-warning-500);\n  color: var(--ts-color-warning-600);\n}\n\n:host([variant=\"danger\"]) .alert__base {\n  background-color: var(--ts-color-danger-bg);\n  border-color: var(--ts-color-danger-border);\n  border-inline-start-color: var(--ts-color-danger-500);\n  color: var(--ts-color-danger-600);\n}\n\n:host([variant=\"neutral\"]) .alert__base {\n  background-color: var(--ts-color-bg-subtle);\n  border-color: var(--ts-color-border-subtle);\n  border-inline-start-color: var(--ts-color-neutral-400);\n  color: var(--ts-color-text-secondary);\n}\n\n/* ---- Icon ---- */\n.alert__icon {\n  display: flex;\n  align-items: center;\n  font-size: 1.25em;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n/* ---- Message ---- */\n.alert__message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ---- Action ---- */\n.alert__action {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.alert__action:empty {\n  display: none;\n}\n\n/* ---- Close Button ---- */\n.alert__close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n  border: none;\n  border-radius: var(--ts-radius-sm);\n  background: transparent;\n  color: currentColor;\n  opacity: 0.6;\n  cursor: pointer;\n  font-size: 0.8em;\n  transition: opacity var(--ts-transition-fast);\n  padding: 0;\n  line-height: 1;\n}\n\n.alert__close:hover {\n  opacity: 1;\n}\n\n.alert__close:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n  opacity: 1;\n}\n","import { Component, Prop, Event, State, h, Host, Method } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsVariant } from '../../types';\n\n/**\n * @slot - Default slot for alert message content.\n * @slot icon - Custom icon to override the default variant icon.\n * @slot action - Action buttons or links displayed at the end.\n *\n * @part base - The alert container.\n * @part icon - The icon wrapper.\n * @part message - The message wrapper.\n * @part action - The action slot wrapper.\n * @part close - The close button.\n */\n@Component({\n  tag: 'ts-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class TsAlert {\n  /** The alert's semantic variant. */\n  @Prop({ reflect: true }) variant: TsVariant = 'info';\n\n  /** Whether the alert can be dismissed. */\n  @Prop() closable = false;\n\n  /** Whether the alert is currently visible. */\n  @State() isVisible = true;\n\n  /** Emitted when the alert is closed. */\n  @Event({ eventName: 'tsClose' }) tsClose!: EventEmitter<void>;\n\n  /** Programmatically close the alert. */\n  @Method()\n  async close(): Promise<void> {\n    this.isVisible = false;\n    this.tsClose.emit();\n  }\n\n  /** Programmatically show the alert. */\n  @Method()\n  async show(): Promise<void> {\n    this.isVisible = true;\n  }\n\n  private handleClose = (): void => {\n    this.close();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  private renderDefaultIcon() {\n    const icons: Record<string, string> = {\n      info: 'ℹ',\n      success: '✓',\n      warning: '⚠',\n      danger: '✕',\n      primary: 'ℹ',\n      secondary: 'ℹ',\n      neutral: 'ℹ',\n    };\n    return <span aria-hidden=\"true\">{icons[this.variant] || 'ℹ'}</span>;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    if (!this.isVisible) return null;\n\n    return (\n      <Host\n        class={{\n          'ts-alert': true,\n          [`ts-alert--${this.variant}`]: true,\n        }}\n        role=\"alert\"\n      >\n        <div class=\"alert__base\" part=\"base\">\n          <div class=\"alert__icon\" part=\"icon\">\n            <slot name=\"icon\">{this.renderDefaultIcon()}</slot>\n          </div>\n\n          <div class=\"alert__message\" part=\"message\">\n            <slot />\n          </div>\n\n          <div class=\"alert__action\" part=\"action\">\n            <slot name=\"action\" />\n          </div>\n\n          {this.closable && (\n            <button\n              class=\"alert__close\"\n              part=\"close\"\n              type=\"button\"\n              aria-label=\"Close alert\"\n              onClick={this.handleClose}\n            >\n              ✕\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,8lE,MCoBVC,EAAOC,EAAA,MAAAD,UAAAE,E,gHAEOC,QAAqB,OAGtCC,SAAW,MAGVC,UAAY,KAGYC,QAIjC,WAAMC,GACJC,KAAKH,UAAY,MACjBG,KAAKF,QAAQG,M,CAKf,UAAMC,GACJF,KAAKH,UAAY,I,CAGXM,YAAc,KACpBH,KAAKD,OAAO,EAIN,iBAAAK,GACN,MAAMC,EAAgC,CACpCC,KAAM,IACNC,QAAS,IACTC,QAAS,IACTC,OAAQ,IACRC,QAAS,IACTC,UAAW,IACXC,QAAS,KAEX,OAAOC,EAAA,sBAAkB,QAAQR,EAAML,KAAKL,UAAY,I,CAI1D,MAAAmB,GACE,IAAKd,KAAKH,UAAW,OAAO,KAE5B,OACEgB,EAACE,EAAI,CACHC,MAAO,CACL,WAAY,KACZ,CAAC,aAAahB,KAAKL,WAAY,MAEjCsB,KAAK,SAELJ,EAAA,OAAKG,MAAM,cAAcE,KAAK,QAC5BL,EAAA,OAAKG,MAAM,cAAcE,KAAK,QAC5BL,EAAA,QAAMM,KAAK,QAAQnB,KAAKI,sBAG1BS,EAAA,OAAKG,MAAM,iBAAiBE,KAAK,WAC/BL,EAAA,cAGFA,EAAA,OAAKG,MAAM,gBAAgBE,KAAK,UAC9BL,EAAA,QAAMM,KAAK,YAGZnB,KAAKJ,UACJiB,EAAA,UACEG,MAAM,eACNE,KAAK,QACLE,KAAK,SAAQ,aACF,cACXC,QAASrB,KAAKG,aAAW,M","ignoreList":[]}

package/dist/components/ts-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsAvatar extends Components.TsAvatar, HTMLElement {}
+export const TsAvatar: {
+    prototype: TsAvatar;
+    new (): TsAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-avatar.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-C8wd1644.js";const t=o;const p=s;export{t as TsAvatar,p as defineCustomElement};
+//# sourceMappingURL=ts-avatar.js.map

package/dist/components/ts-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsBadge extends Components.TsBadge, HTMLElement {}
+export const TsBadge: {
+    prototype: TsBadge;
+    new (): TsBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-badge.js

@@ -0,0 +1,2 @@
+import{t as a,p as t,H as s,h as r,c as e}from"./p-DkpyRqHf.js";const o=()=>`:host{display:inline-flex;vertical-align:middle;font-family:var(--ts-font-family-base);--ts-badge-radius:var(--ts-shape-badge);--ts-badge-font-weight:var(--ts-font-weight-medium)}.badge__base{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--ts-badge-font-weight);letter-spacing:0;line-height:1;white-space:nowrap;border-radius:var(--ts-badge-radius);border:1px solid transparent}:host([size="xs"]) .badge__base{padding:2px var(--ts-spacing-1);font-size:0.625rem}:host([size="sm"]) .badge__base{padding:3px var(--ts-spacing-2);font-size:var(--ts-font-size-xs)}:host([size="md"]) .badge__base{padding:var(--ts-spacing-1) var(--ts-spacing-3);font-size:var(--ts-font-size-xs)}:host([size="lg"]) .badge__base{padding:var(--ts-spacing-2) var(--ts-spacing-3);font-size:var(--ts-font-size-sm)}:host([size="xl"]) .badge__base{padding:var(--ts-spacing-2) var(--ts-spacing-4);font-size:var(--ts-font-size-md)}:host([pill]) .badge__base{border-radius:var(--ts-radius-full)}:host([dot]) .badge__base{width:8px;height:8px;padding:0;border-radius:var(--ts-radius-full)}:host([dot][size="lg"]) .badge__base{width:10px;height:10px}:host([dot][size="xl"]) .badge__base{width:12px;height:12px}:host([variant="primary"]:not([outline])) .badge__base{background:var(--ts-color-primary-500);color:var(--ts-color-text-on-primary)}:host([variant="success"]:not([outline])) .badge__base{background:var(--ts-color-success-500);color:var(--ts-color-text-on-success)}:host([variant="warning"]:not([outline])) .badge__base{background:var(--ts-color-warning-500);color:var(--ts-color-text-on-warning)}:host([variant="danger"]:not([outline])) .badge__base{background:var(--ts-color-danger-500);color:var(--ts-color-text-on-danger)}:host([variant="info"]:not([outline])) .badge__base{background:var(--ts-color-info-500);color:var(--ts-color-text-on-info)}:host([variant="neutral"]:not([outline])) .badge__base{background:var(--ts-color-neutral-200);color:var(--ts-color-text-secondary)}:host([variant="secondary"]:not([outline])) .badge__base{background:var(--ts-color-neutral-100);color:var(--ts-color-text-tertiary)}:host([outline][variant="primary"]) .badge__base{border-color:var(--ts-color-primary-500);color:var(--ts-color-primary-600);background:transparent}:host([outline][variant="success"]) .badge__base{border-color:var(--ts-color-success-500);color:var(--ts-color-success-600);background:transparent}:host([outline][variant="danger"]) .badge__base{border-color:var(--ts-color-danger-500);color:var(--ts-color-danger-600);background:transparent}:host([outline][variant="warning"]) .badge__base{border-color:var(--ts-color-warning-500);color:var(--ts-color-warning-600);background:transparent}:host([outline][variant="neutral"]) .badge__base{border-color:var(--ts-color-border-strong);color:var(--ts-color-text-tertiary);background:transparent}`;const n=t(class a extends s{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}variant="primary";size="md";pill=false;dot=false;outline=false;render(){return r(e,{key:"57fde8ab4ea72562b647c9278ed22e1167c21084",class:{"ts-badge":true,[`ts-badge--${this.variant}`]:true,[`ts-badge--${this.size}`]:true,"ts-badge--pill":this.pill,"ts-badge--dot":this.dot,"ts-badge--outline":this.outline}},r("span",{key:"926775a060f709af0771e7f6ba6d0c8fee9bf451",class:"badge__base",part:"base"},!this.dot&&r("slot",{key:"48aaec48b5454d7f4c76092e28357ea588b0904e"})))}static get style(){return o()}},[769,"ts-badge",{variant:[513],size:[513],pill:[516],dot:[516],outline:[516]}]);function i(){if(typeof customElements==="undefined"){return}const t=["ts-badge"];t.forEach((t=>{switch(t){case"ts-badge":if(!customElements.get(a(t))){customElements.define(a(t),n)}break}}))}i();const d=n;const c=i;export{d as TsBadge,c as defineCustomElement};
+//# sourceMappingURL=ts-badge.js.map

package/dist/components/ts-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeCss","TsBadge","__stencil_proxyCustomElement","HTMLElement","variant","size","pill","dot","outline","render","h","Host","key","class","this","part"],"sources":["src/components/badge/badge.css?tag=ts-badge&encapsulation=shadow","src/components/badge/badge.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-badge — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-badge-radius       Border radius\n     --ts-badge-font-weight  Label font weight\n   ========================================================================== */\n\n:host {\n  display: inline-flex;\n  vertical-align: middle;\n  font-family: var(--ts-font-family-base);\n\n  --ts-badge-radius: var(--ts-shape-badge);\n  --ts-badge-font-weight: var(--ts-font-weight-medium);\n}\n\n.badge__base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--ts-badge-font-weight);\n  letter-spacing: 0;\n  line-height: 1;\n  white-space: nowrap;\n  border-radius: var(--ts-badge-radius);\n  border: 1px solid transparent;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"xs\"]) .badge__base { padding: 2px var(--ts-spacing-1); font-size: 0.625rem; }\n:host([size=\"sm\"]) .badge__base { padding: 3px var(--ts-spacing-2); font-size: var(--ts-font-size-xs); }\n:host([size=\"md\"]) .badge__base { padding: var(--ts-spacing-1) var(--ts-spacing-3); font-size: var(--ts-font-size-xs); }\n:host([size=\"lg\"]) .badge__base { padding: var(--ts-spacing-2) var(--ts-spacing-3); font-size: var(--ts-font-size-sm); }\n:host([size=\"xl\"]) .badge__base { padding: var(--ts-spacing-2) var(--ts-spacing-4); font-size: var(--ts-font-size-md); }\n\n/* ---- Pill ---- */\n:host([pill]) .badge__base {\n  border-radius: var(--ts-radius-full);\n}\n\n/* ---- Dot ---- */\n:host([dot]) .badge__base {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border-radius: var(--ts-radius-full);\n}\n\n:host([dot][size=\"lg\"]) .badge__base { width: 10px; height: 10px; }\n:host([dot][size=\"xl\"]) .badge__base { width: 12px; height: 12px; }\n\n/* ---- Solid Variants ---- */\n:host([variant=\"primary\"]:not([outline])) .badge__base   { background: var(--ts-color-primary-500); color: var(--ts-color-text-on-primary); }\n:host([variant=\"success\"]:not([outline])) .badge__base   { background: var(--ts-color-success-500); color: var(--ts-color-text-on-success); }\n:host([variant=\"warning\"]:not([outline])) .badge__base   { background: var(--ts-color-warning-500); color: var(--ts-color-text-on-warning); }\n:host([variant=\"danger\"]:not([outline])) .badge__base    { background: var(--ts-color-danger-500); color: var(--ts-color-text-on-danger); }\n:host([variant=\"info\"]:not([outline])) .badge__base      { background: var(--ts-color-info-500); color: var(--ts-color-text-on-info); }\n:host([variant=\"neutral\"]:not([outline])) .badge__base   { background: var(--ts-color-neutral-200); color: var(--ts-color-text-secondary); }\n:host([variant=\"secondary\"]:not([outline])) .badge__base { background: var(--ts-color-neutral-100); color: var(--ts-color-text-tertiary); }\n\n/* ---- Outline Variants ---- */\n:host([outline][variant=\"primary\"]) .badge__base   { border-color: var(--ts-color-primary-500); color: var(--ts-color-primary-600); background: transparent; }\n:host([outline][variant=\"success\"]) .badge__base   { border-color: var(--ts-color-success-500); color: var(--ts-color-success-600); background: transparent; }\n:host([outline][variant=\"danger\"]) .badge__base    { border-color: var(--ts-color-danger-500); color: var(--ts-color-danger-600); background: transparent; }\n:host([outline][variant=\"warning\"]) .badge__base   { border-color: var(--ts-color-warning-500); color: var(--ts-color-warning-600); background: transparent; }\n:host([outline][variant=\"neutral\"]) .badge__base   { border-color: var(--ts-color-border-strong); color: var(--ts-color-text-tertiary); background: transparent; }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { TsSize, TsVariant } from '../../types';\n\n/**\n * @slot - Default slot for badge content.\n *\n * @part base - The badge element.\n */\n@Component({\n  tag: 'ts-badge',\n  styleUrl: 'badge.css',\n  shadow: true,\n})\nexport class TsBadge {\n  /** The badge's color variant. */\n  @Prop({ reflect: true }) variant: TsVariant = 'primary';\n\n  /** The badge's size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Renders the badge with rounded-pill shape. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Renders the badge as a small dot indicator (content is hidden). */\n  @Prop({ reflect: true }) dot = false;\n\n  /** Renders an outlined style instead of solid. */\n  @Prop({ reflect: true }) outline = false;\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-badge': true,\n          [`ts-badge--${this.variant}`]: true,\n          [`ts-badge--${this.size}`]: true,\n          'ts-badge--pill': this.pill,\n          'ts-badge--dot': this.dot,\n          'ts-badge--outline': this.outline,\n        }}\n      >\n        <span class=\"badge__base\" part=\"base\">\n          {!this.dot && <slot />}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAW,IAAM,uyF,MCaVC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,QAAqB,UAGrBC,KAAe,KAGfC,KAAO,MAGPC,IAAM,MAGNC,QAAU,MAGnC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,WAAY,KACZ,CAAC,aAAaC,KAAKV,WAAY,KAC/B,CAAC,aAAaU,KAAKT,QAAS,KAC5B,iBAAkBS,KAAKR,KACvB,gBAAiBQ,KAAKP,IACtB,oBAAqBO,KAAKN,UAG5BE,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAK,SAC3BD,KAAKP,KAAOG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ts-banner.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsBanner extends Components.TsBanner, HTMLElement {}
+export const TsBanner: {
+    prototype: TsBanner;
+    new (): TsBanner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-banner.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-CSNeA_zh.js";const t=o;const p=s;export{t as TsBanner,p as defineCustomElement};
+//# sourceMappingURL=ts-banner.js.map

package/dist/components/ts-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsBreadcrumbItem extends Components.TsBreadcrumbItem, HTMLElement {}
+export const TsBreadcrumbItem: {
+    prototype: TsBreadcrumbItem;
+    new (): TsBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-breadcrumb-item.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-B0ZXNFSa.js";const t=o;const a=s;export{t as TsBreadcrumbItem,a as defineCustomElement};
+//# sourceMappingURL=ts-breadcrumb-item.js.map

package/dist/components/ts-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsBreadcrumb extends Components.TsBreadcrumb, HTMLElement {}
+export const TsBreadcrumb: {
+    prototype: TsBreadcrumb;
+    new (): TsBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-breadcrumb.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-BcoU0ISN.js";const t=o;const c=s;export{t as TsBreadcrumb,c as defineCustomElement};
+//# sourceMappingURL=ts-breadcrumb.js.map

package/dist/components/ts-breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsButton extends Components.TsButton, HTMLElement {}
+export const TsButton: {
+    prototype: TsButton;
+    new (): TsButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-button.js

@@ -0,0 +1,2 @@
+import{t,p as a,H as o,d as r,h as n,c as e}from"./p-DkpyRqHf.js";const s=()=>`:host{display:inline-block;vertical-align:middle;--ts-button-radius:var(--ts-shape-interactive);--ts-button-font-weight:var(--ts-font-weight-medium);--ts-button-focus-ring:var(--ts-focus-ring)}:host([block]){display:block;width:100%}.button__native{display:inline-flex;align-items:center;justify-content:center;gap:var(--ts-spacing-2);width:100%;border:1px solid transparent;border-radius:var(--ts-button-radius);font-family:var(--ts-font-family-base);font-weight:var(--ts-button-font-weight);line-height:var(--ts-line-height-tight);text-decoration:none;cursor:pointer;transition:background-color var(--ts-transition-fast),     border-color var(--ts-transition-fast),     color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast),     opacity var(--ts-transition-fast),     transform var(--ts-transition-fast);position:relative;white-space:nowrap;user-select:none;-webkit-appearance:none;appearance:none;outline:none}.button__native:focus-visible{box-shadow:var(--ts-button-focus-ring)}.button__native:active:not([disabled]):not([aria-disabled="true"]){transform:scale(0.96)}:host([size="xs"]) .button__native{padding:calc(var(--ts-spacing-1) + 1px) var(--ts-spacing-2);font-size:var(--ts-font-size-xs)}:host([size="sm"]) .button__native{padding:calc(var(--ts-spacing-1) + 1px) var(--ts-spacing-3);font-size:var(--ts-font-size-sm)}:host([size="md"]) .button__native{padding:calc(var(--ts-spacing-2) + 1px) var(--ts-spacing-4);font-size:var(--ts-font-size-md)}:host([size="lg"]) .button__native{padding:calc(var(--ts-spacing-3) + 2px) var(--ts-spacing-6);font-size:var(--ts-font-size-lg)}:host([size="xl"]) .button__native{padding:calc(var(--ts-spacing-4) + 2px) var(--ts-spacing-8);font-size:var(--ts-font-size-xl)}:host([appearance="solid"]) .button__native{border-color:transparent}:host([appearance="solid"][variant="primary"]) .button__native{background-color:var(--ts-color-interactive-primary);color:var(--ts-color-text-on-primary)}:host([appearance="solid"][variant="primary"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-interactive-primary-hover)}:host([appearance="solid"][variant="success"]) .button__native{background-color:var(--ts-color-success-600);color:var(--ts-color-text-on-success)}:host([appearance="solid"][variant="success"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-success-500)}:host([appearance="solid"][variant="danger"]) .button__native{background-color:var(--ts-color-interactive-danger);color:var(--ts-color-text-on-danger)}:host([appearance="solid"][variant="danger"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-interactive-danger-hover)}:host([appearance="solid"][variant="warning"]) .button__native{background-color:var(--ts-color-warning-600);color:var(--ts-color-text-on-warning)}:host([appearance="solid"][variant="warning"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-warning-500)}:host([appearance="solid"][variant="neutral"]) .button__native{background-color:var(--ts-color-neutral-800);color:var(--ts-color-text-on-primary)}:host([appearance="solid"][variant="neutral"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-neutral-700)}:host([appearance="solid"][variant="secondary"]) .button__native{background-color:var(--ts-color-neutral-200);color:var(--ts-color-text-primary)}:host([appearance="solid"][variant="secondary"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-neutral-300)}:host([appearance="outline"]) .button__native{background-color:transparent}:host([appearance="outline"][variant="primary"]) .button__native{border-color:var(--ts-color-primary-500);color:var(--ts-color-interactive-primary)}:host([appearance="outline"][variant="primary"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-interactive-primary-subtle)}:host([appearance="outline"][variant="danger"]) .button__native{border-color:var(--ts-color-danger-500);color:var(--ts-color-interactive-danger)}:host([appearance="outline"][variant="danger"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-interactive-danger-subtle)}:host([appearance="outline"][variant="neutral"]) .button__native{border-color:var(--ts-color-border-default);color:var(--ts-color-text-secondary)}:host([appearance="outline"][variant="neutral"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-bg-subtle)}:host([appearance="ghost"]) .button__native{background-color:transparent;border-color:transparent}:host([appearance="ghost"][variant="primary"]) .button__native{color:var(--ts-color-interactive-primary)}:host([appearance="ghost"][variant="primary"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-interactive-primary-subtle);border-color:var(--ts-color-primary-200)}:host([appearance="ghost"][variant="neutral"]) .button__native{color:var(--ts-color-text-secondary)}:host([appearance="ghost"][variant="neutral"]) .button__native:hover:not([disabled]){background-color:var(--ts-color-neutral-100);border-color:var(--ts-color-neutral-200)}:host([appearance="link"]) .button__native{background:none;border:none;padding:0;text-decoration:underline;text-underline-offset:2px}:host([appearance="link"][variant="primary"]) .button__native{color:var(--ts-color-interactive-primary)}:host([appearance="link"]) .button__native:hover:not([disabled]){text-decoration-thickness:2px}:host([disabled]) .button__native,.button__native[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}:host([loading]) .button__label,:host([loading]) .button__prefix,:host([loading]) .button__suffix{visibility:hidden}:host([loading]) .button__native{cursor:wait;position:relative}.button__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.button__spinner svg{width:1.2em;height:1.2em;animation:ts-spin 0.8s linear infinite}@keyframes ts-spin{to{transform:rotate(360deg)}}.button__prefix,.button__suffix{display:inline-flex;align-items:center}.button__prefix:empty,.button__suffix:empty{display:none}.button__label{display:inline-flex;align-items:center}`;const i=a(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.tsClick=r(this,"tsClick");this.tsFocus=r(this,"tsFocus");this.tsBlur=r(this,"tsBlur")}get hostEl(){return this}variant="primary";appearance="solid";size="md";disabled=false;loading=false;block=false;type="button";href;target;tsClick;tsFocus;tsBlur;handleClick=t=>{if(this.disabled||this.loading){t.preventDefault();t.stopPropagation();return}this.tsClick.emit()};handleFocus=()=>{this.tsFocus.emit()};handleBlur=()=>{this.tsBlur.emit()};renderSpinner(){return n("span",{class:"button__spinner",part:"spinner","aria-hidden":"true"},n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"31.4 31.4"})))}render(){const t=!!this.href;const a=t?"a":"button";const o=t?{href:this.disabled?undefined:this.href,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined,role:"button"}:{type:this.type,disabled:this.disabled||this.loading};return n(e,{key:"235cf7dbe6284358fbdc55c2ce7550d6214336c1",class:{"ts-button":true,[`ts-button--${this.variant}`]:true,[`ts-button--${this.appearance}`]:true,[`ts-button--${this.size}`]:true,"ts-button--disabled":this.disabled,"ts-button--loading":this.loading,"ts-button--block":this.block}},n(a,{key:"23f3665b903ec3c95db788082a0ebcb1e49cceb7",...o,class:"button__native",part:"base","aria-disabled":this.disabled||this.loading?"true":undefined,"aria-busy":this.loading?"true":undefined,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},this.loading&&this.renderSpinner(),n("span",{key:"c08cc2427e4e97787dd6aca934bc90296b528f3e",class:"button__prefix",part:"prefix"},n("slot",{key:"b78c2bd8685f9ceea5bfe0645b091cdea9cbef99",name:"prefix"})),n("span",{key:"c402094ba85026064f300b90311a84a35a0f1b72",class:"button__label",part:"label"},n("slot",{key:"38801473cf5e03292a66344434ce1fd882e60ca7"})),n("span",{key:"559ee29b7ebe3f9746d83d69863454c65e251aba",class:"button__suffix",part:"suffix"},n("slot",{key:"52fd64d18e25367625bbff0e995103245cbdaaa4",name:"suffix"}))))}static get style(){return s()}},[769,"ts-button",{variant:[513],appearance:[513],size:[513],disabled:[516],loading:[516],block:[516],type:[1],href:[1],target:[1]}]);function c(){if(typeof customElements==="undefined"){return}const a=["ts-button"];a.forEach((a=>{switch(a){case"ts-button":if(!customElements.get(t(a))){customElements.define(t(a),i)}break}}))}c();const l=i;const d=c;export{l as TsButton,d as defineCustomElement};
+//# sourceMappingURL=ts-button.js.map

package/dist/components/ts-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","TsButton","__stencil_proxyCustomElement","HTMLElement","variant","appearance","size","disabled","loading","block","type","href","target","tsClick","tsFocus","tsBlur","handleClick","event","this","preventDefault","stopPropagation","emit","handleFocus","handleBlur","renderSpinner","h","class","part","viewBox","fill","xmlns","cx","cy","r","stroke","render","isLink","Tag","attrs","undefined","rel","role","Host","key","onClick","onFocus","onBlur","name"],"sources":["src/components/button/button.css?tag=ts-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-button — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-button-radius         Border radius\n     --ts-button-font-weight    Label font weight\n     --ts-button-focus-ring     Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  vertical-align: middle;\n\n  --ts-button-radius: var(--ts-shape-interactive);\n  --ts-button-font-weight: var(--ts-font-weight-medium);\n  --ts-button-focus-ring: var(--ts-focus-ring);\n}\n\n:host([block]) {\n  display: block;\n  width: 100%;\n}\n\n/* ---- Base native element ---- */\n.button__native {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ts-spacing-2);\n  width: 100%;\n  border: 1px solid transparent;\n  border-radius: var(--ts-button-radius);\n  font-family: var(--ts-font-family-base);\n  font-weight: var(--ts-button-font-weight);\n  line-height: var(--ts-line-height-tight);\n  text-decoration: none;\n  cursor: pointer;\n  transition:\n    background-color var(--ts-transition-fast),\n    border-color var(--ts-transition-fast),\n    color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast),\n    opacity var(--ts-transition-fast),\n    transform var(--ts-transition-fast);\n  position: relative;\n  white-space: nowrap;\n  user-select: none;\n  -webkit-appearance: none;\n  appearance: none;\n  outline: none;\n}\n\n/* ---- Focus visible ---- */\n.button__native:focus-visible {\n  box-shadow: var(--ts-button-focus-ring);\n}\n\n/* ---- Active press (M3 bouncier) ---- */\n.button__native:active:not([disabled]):not([aria-disabled=\"true\"]) {\n  transform: scale(0.96);\n}\n\n/* ---- Sizes ---- */\n:host([size=\"xs\"]) .button__native {\n  padding: calc(var(--ts-spacing-1) + 1px) var(--ts-spacing-2);\n  font-size: var(--ts-font-size-xs);\n}\n\n:host([size=\"sm\"]) .button__native {\n  padding: calc(var(--ts-spacing-1) + 1px) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .button__native {\n  padding: calc(var(--ts-spacing-2) + 1px) var(--ts-spacing-4);\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) .button__native {\n  padding: calc(var(--ts-spacing-3) + 2px) var(--ts-spacing-6);\n  font-size: var(--ts-font-size-lg);\n}\n\n:host([size=\"xl\"]) .button__native {\n  padding: calc(var(--ts-spacing-4) + 2px) var(--ts-spacing-8);\n  font-size: var(--ts-font-size-xl);\n}\n\n/* ---- Solid Appearance ---- */\n:host([appearance=\"solid\"]) .button__native {\n  border-color: transparent;\n}\n:host([appearance=\"solid\"][variant=\"primary\"]) .button__native {\n  background-color: var(--ts-color-interactive-primary);\n  color: var(--ts-color-text-on-primary);\n}\n:host([appearance=\"solid\"][variant=\"primary\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-interactive-primary-hover);\n}\n\n:host([appearance=\"solid\"][variant=\"success\"]) .button__native {\n  background-color: var(--ts-color-success-600);\n  color: var(--ts-color-text-on-success);\n}\n:host([appearance=\"solid\"][variant=\"success\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-success-500);\n}\n\n:host([appearance=\"solid\"][variant=\"danger\"]) .button__native {\n  background-color: var(--ts-color-interactive-danger);\n  color: var(--ts-color-text-on-danger);\n}\n:host([appearance=\"solid\"][variant=\"danger\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-interactive-danger-hover);\n}\n\n:host([appearance=\"solid\"][variant=\"warning\"]) .button__native {\n  background-color: var(--ts-color-warning-600);\n  color: var(--ts-color-text-on-warning);\n}\n:host([appearance=\"solid\"][variant=\"warning\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-warning-500);\n}\n\n:host([appearance=\"solid\"][variant=\"neutral\"]) .button__native {\n  background-color: var(--ts-color-neutral-800);\n  color: var(--ts-color-text-on-primary);\n}\n:host([appearance=\"solid\"][variant=\"neutral\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-neutral-700);\n}\n\n:host([appearance=\"solid\"][variant=\"secondary\"]) .button__native {\n  background-color: var(--ts-color-neutral-200);\n  color: var(--ts-color-text-primary);\n}\n:host([appearance=\"solid\"][variant=\"secondary\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-neutral-300);\n}\n\n/* ---- Outline Appearance ---- */\n:host([appearance=\"outline\"]) .button__native {\n  background-color: transparent;\n}\n:host([appearance=\"outline\"][variant=\"primary\"]) .button__native {\n  border-color: var(--ts-color-primary-500);\n  color: var(--ts-color-interactive-primary);\n}\n:host([appearance=\"outline\"][variant=\"primary\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-interactive-primary-subtle);\n}\n\n:host([appearance=\"outline\"][variant=\"danger\"]) .button__native {\n  border-color: var(--ts-color-danger-500);\n  color: var(--ts-color-interactive-danger);\n}\n:host([appearance=\"outline\"][variant=\"danger\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-interactive-danger-subtle);\n}\n\n:host([appearance=\"outline\"][variant=\"neutral\"]) .button__native {\n  border-color: var(--ts-color-border-default);\n  color: var(--ts-color-text-secondary);\n}\n:host([appearance=\"outline\"][variant=\"neutral\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-bg-subtle);\n}\n\n/* ---- Ghost Appearance ---- */\n:host([appearance=\"ghost\"]) .button__native {\n  background-color: transparent;\n  border-color: transparent;\n}\n:host([appearance=\"ghost\"][variant=\"primary\"]) .button__native {\n  color: var(--ts-color-interactive-primary);\n}\n:host([appearance=\"ghost\"][variant=\"primary\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-interactive-primary-subtle);\n  border-color: var(--ts-color-primary-200);\n}\n\n:host([appearance=\"ghost\"][variant=\"neutral\"]) .button__native {\n  color: var(--ts-color-text-secondary);\n}\n:host([appearance=\"ghost\"][variant=\"neutral\"]) .button__native:hover:not([disabled]) {\n  background-color: var(--ts-color-neutral-100);\n  border-color: var(--ts-color-neutral-200);\n}\n\n/* ---- Link Appearance ---- */\n:host([appearance=\"link\"]) .button__native {\n  background: none;\n  border: none;\n  padding: 0;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n:host([appearance=\"link\"][variant=\"primary\"]) .button__native {\n  color: var(--ts-color-interactive-primary);\n}\n:host([appearance=\"link\"]) .button__native:hover:not([disabled]) {\n  text-decoration-thickness: 2px;\n}\n\n/* ---- Disabled State ---- */\n:host([disabled]) .button__native,\n.button__native[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ---- Loading State ---- */\n:host([loading]) .button__label,\n:host([loading]) .button__prefix,\n:host([loading]) .button__suffix {\n  visibility: hidden;\n}\n\n:host([loading]) .button__native {\n  cursor: wait;\n  position: relative;\n}\n\n/* ---- Spinner ---- */\n.button__spinner {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.button__spinner svg {\n  width: 1.2em;\n  height: 1.2em;\n  animation: ts-spin 0.8s linear infinite;\n}\n\n@keyframes ts-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ---- Slot wrappers ---- */\n.button__prefix,\n.button__suffix {\n  display: inline-flex;\n  align-items: center;\n}\n\n.button__prefix:empty,\n.button__suffix:empty {\n  display: none;\n}\n\n.button__label {\n  display: inline-flex;\n  align-items: center;\n}\n","import { Component, Prop, Event, h, Host, Element } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize, TsVariant, TsAppearance } from '../../types';\n\n/**\n * @slot - Default slot for button label content.\n * @slot prefix - Content before the label (e.g., icon).\n * @slot suffix - Content after the label (e.g., icon).\n *\n * @part base - The native button element.\n * @part label - The label wrapper.\n * @part prefix - The prefix slot wrapper.\n * @part suffix - The suffix slot wrapper.\n * @part spinner - The loading spinner element.\n */\n@Component({\n  tag: 'ts-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class TsButton {\n  @Element() hostEl!: HTMLElement;\n\n  /** The button's visual variant. */\n  @Prop({ reflect: true }) variant: TsVariant = 'primary';\n\n  /** The button's visual weight / appearance. */\n  @Prop({ reflect: true }) appearance: TsAppearance = 'solid';\n\n  /** The button's size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Renders the button in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Renders a loading spinner and disables the button. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Makes the button take the full width of its container. */\n  @Prop({ reflect: true }) block = false;\n\n  /** The type attribute for the native button. */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /** An optional href — renders an anchor instead of a button. */\n  @Prop() href?: string;\n\n  /** Target attribute when href is set. */\n  @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /** Emitted when the button is clicked (not fired when disabled/loading). */\n  @Event({ eventName: 'tsClick' }) tsClick!: EventEmitter<void>;\n\n  /** Emitted when the button receives focus. */\n  @Event({ eventName: 'tsFocus' }) tsFocus!: EventEmitter<void>;\n\n  /** Emitted when the button loses focus. */\n  @Event({ eventName: 'tsBlur' }) tsBlur!: EventEmitter<void>;\n\n  private handleClick = (event: MouseEvent): void => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.tsClick.emit();\n  };\n\n  private handleFocus = (): void => {\n    this.tsFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.tsBlur.emit();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  private renderSpinner() {\n    return (\n      <span class=\"button__spinner\" part=\"spinner\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"31.4 31.4\" />\n        </svg>\n      </span>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const isLink = !!this.href;\n    const Tag = isLink ? 'a' : 'button';\n\n    const attrs = isLink\n      ? {\n          href: this.disabled ? undefined : this.href,\n          target: this.target,\n          rel: this.target === '_blank' ? 'noopener noreferrer' : undefined,\n          role: 'button',\n        }\n      : {\n          type: this.type,\n          disabled: this.disabled || this.loading,\n        };\n\n    return (\n      <Host\n        class={{\n          'ts-button': true,\n          [`ts-button--${this.variant}`]: true,\n          [`ts-button--${this.appearance}`]: true,\n          [`ts-button--${this.size}`]: true,\n          'ts-button--disabled': this.disabled,\n          'ts-button--loading': this.loading,\n          'ts-button--block': this.block,\n        }}\n      >\n        <Tag\n          {...attrs}\n          class=\"button__native\"\n          part=\"base\"\n          aria-disabled={this.disabled || this.loading ? 'true' : undefined}\n          aria-busy={this.loading ? 'true' : undefined}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        >\n          {this.loading && this.renderSpinner()}\n\n          <span class=\"button__prefix\" part=\"prefix\">\n            <slot name=\"prefix\" />\n          </span>\n\n          <span class=\"button__label\" part=\"label\">\n            <slot />\n          </span>\n\n          <span class=\"button__suffix\" part=\"suffix\">\n            <slot name=\"suffix\" />\n          </span>\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAY,IAAM,0+L,MCoBXC,EAAQC,EAAA,MAAAD,UAAAE,E,qMAIMC,QAAqB,UAGrBC,WAA2B,QAG3BC,KAAe,KAGfC,SAAW,MAGXC,QAAU,MAGVC,MAAQ,MAGzBC,KAAsC,SAGtCC,KAGAC,OAGyBC,QAGAC,QAGDC,OAExBC,YAAeC,IACrB,GAAIC,KAAKX,UAAYW,KAAKV,QAAS,CACjCS,EAAME,iBACNF,EAAMG,kBACN,M,CAEFF,KAAKL,QAAQQ,MAAM,EAGbC,YAAc,KACpBJ,KAAKJ,QAAQO,MAAM,EAGbE,WAAa,KACnBL,KAAKH,OAAOM,MAAM,EAIZ,aAAAG,GACN,OACEC,EAAA,QAAMC,MAAM,kBAAkBC,KAAK,UAAS,cAAa,QACvDF,EAAA,OAAKG,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BACzCL,EAAA,UAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,mBAAkB,e,CAOtH,MAAAC,GACE,MAAMC,IAAWlB,KAAKP,KACtB,MAAM0B,EAAMD,EAAS,IAAM,SAE3B,MAAME,EAAQF,EACV,CACEzB,KAAMO,KAAKX,SAAWgC,UAAYrB,KAAKP,KACvCC,OAAQM,KAAKN,OACb4B,IAAKtB,KAAKN,SAAW,SAAW,sBAAwB2B,UACxDE,KAAM,UAER,CACE/B,KAAMQ,KAAKR,KACXH,SAAUW,KAAKX,UAAYW,KAAKV,SAGtC,OACEiB,EAACiB,EAAI,CAAAC,IAAA,2CACHjB,MAAO,CACL,YAAa,KACb,CAAC,cAAcR,KAAKd,WAAY,KAChC,CAAC,cAAcc,KAAKb,cAAe,KACnC,CAAC,cAAca,KAAKZ,QAAS,KAC7B,sBAAuBY,KAAKX,SAC5B,qBAAsBW,KAAKV,QAC3B,mBAAoBU,KAAKT,QAG3BgB,EAACY,EAAG,CAAAM,IAAA,8CACEL,EACJZ,MAAM,iBACNC,KAAK,OAAM,gBACIT,KAAKX,UAAYW,KAAKV,QAAU,OAAS+B,UAAS,YACtDrB,KAAKV,QAAU,OAAS+B,UACnCK,QAAS1B,KAAKF,YACd6B,QAAS3B,KAAKI,YACdwB,OAAQ5B,KAAKK,YAEZL,KAAKV,SAAWU,KAAKM,gBAEtBC,EAAA,QAAAkB,IAAA,2CAAMjB,MAAM,iBAAiBC,KAAK,UAChCF,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,YAGbtB,EAAA,QAAAkB,IAAA,2CAAMjB,MAAM,gBAAgBC,KAAK,SAC/BF,EAAA,QAAAkB,IAAA,8CAGFlB,EAAA,QAAAkB,IAAA,2CAAMjB,MAAM,iBAAiBC,KAAK,UAChCF,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,a","ignoreList":[]}

package/dist/components/ts-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsCard extends Components.TsCard, HTMLElement {}
+export const TsCard: {
+    prototype: TsCard;
+    new (): TsCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-card.js

@@ -0,0 +1,2 @@
+import{t as a,p as d,H as e,h as r,c as o}from"./p-DkpyRqHf.js";const t=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-card-bg:var(--ts-color-bg-elevated);--ts-card-radius:var(--ts-shape-container);--ts-card-border-color:var(--ts-color-border-subtle)}.card__base{border-radius:var(--ts-card-radius);background-color:var(--ts-card-bg);border:1px solid transparent;overflow:hidden;transition:box-shadow var(--ts-transition-normal),     transform var(--ts-transition-normal),     border-color var(--ts-transition-normal)}:host([elevation="none"]) .card__base{box-shadow:none}:host([elevation="sm"]) .card__base{box-shadow:var(--ts-shadow-sm)}:host([elevation="md"]) .card__base{box-shadow:var(--ts-shadow-md)}:host([elevation="lg"]) .card__base{box-shadow:var(--ts-shadow-lg)}:host([elevation="xl"]) .card__base{box-shadow:var(--ts-shadow-xl)}:host([bordered]) .card__base{border:1px solid var(--ts-card-border-color)}:host([interactive]){cursor:pointer}:host([interactive]) .card__base:hover{box-shadow:var(--ts-shadow-lg)}:host([interactive]) .card__base:active{box-shadow:var(--ts-shadow-md)}:host([interactive]:focus-visible) .card__base{box-shadow:var(--ts-focus-ring)}.card__media{overflow:hidden}.card__media:empty{display:none}.card__media ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.card__header{border-bottom:1px solid var(--ts-card-border-color)}.card__header:empty{display:none;border-bottom:none}.card__footer{border-top:1px solid var(--ts-card-border-color)}.card__footer:empty{display:none;border-top:none}:host([padding="none"]) .card__header,:host([padding="none"]) .card__body,:host([padding="none"]) .card__footer{padding:0}:host([padding="sm"]) .card__header,:host([padding="sm"]) .card__body,:host([padding="sm"]) .card__footer{padding:var(--ts-spacing-3)}:host([padding="md"]) .card__header,:host([padding="md"]) .card__body,:host([padding="md"]) .card__footer{padding:var(--ts-spacing-4)}:host([padding="lg"]) .card__header,:host([padding="lg"]) .card__body,:host([padding="lg"]) .card__footer{padding:var(--ts-spacing-6)}`;const s=d(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}elevation="sm";interactive=false;bordered=false;padding="md";render(){return r(o,{key:"df768436768c2a229b760dc2e1ec17eae2822231",class:{"ts-card":true,[`ts-card--elevation-${this.elevation}`]:true,[`ts-card--padding-${this.padding}`]:true,"ts-card--interactive":this.interactive,"ts-card--bordered":this.bordered},role:this.interactive?"button":undefined,tabindex:this.interactive?"0":undefined},r("div",{key:"bbbaa65e8096402164f96625b2be3600e49fcdc1",class:"card__base",part:"base"},r("div",{key:"ad3c8630cdcdf5d4a7ab19c8c41a70f9d63c80fb",class:"card__media",part:"media"},r("slot",{key:"2b7edddbfa16039b41c3ee0b689595a1de50a054",name:"media"})),r("div",{key:"6e606c675ba1320106106994e74044af137149ce",class:"card__header",part:"header"},r("slot",{key:"979b30143ea98f5df47272753e0c3a56c17dadb6",name:"header"})),r("div",{key:"78edb38cedd9ea7546c8755b9901c03553daf361",class:"card__body",part:"body"},r("slot",{key:"0675cffbc1a040606c071467d00021934ecff188"})),r("div",{key:"f07414c17dc68315cf88e30e509f2736e274e3f2",class:"card__footer",part:"footer"},r("slot",{key:"9a7eae045f925a2f0e4e21c857293ad7bc12ea0c",name:"footer"}))))}static get style(){return t()}},[769,"ts-card",{elevation:[513],interactive:[516],bordered:[516],padding:[513]}]);function c(){if(typeof customElements==="undefined"){return}const d=["ts-card"];d.forEach((d=>{switch(d){case"ts-card":if(!customElements.get(a(d))){customElements.define(a(d),s)}break}}))}c();const i=s;const n=c;export{i as TsCard,n as defineCustomElement};
+//# sourceMappingURL=ts-card.js.map

package/dist/components/ts-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","TsCard","__stencil_proxyCustomElement","HTMLElement","elevation","interactive","bordered","padding","render","h","Host","key","class","this","role","undefined","tabindex","part","name"],"sources":["src/components/card/card.css?tag=ts-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-card — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-card-bg             Card background\n     --ts-card-radius         Border radius\n     --ts-card-border-color   Border color (when bordered)\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-card-bg: var(--ts-color-bg-elevated);\n  --ts-card-radius: var(--ts-shape-container);\n  --ts-card-border-color: var(--ts-color-border-subtle);\n}\n\n.card__base {\n  border-radius: var(--ts-card-radius);\n  background-color: var(--ts-card-bg);\n  border: 1px solid transparent;\n  overflow: hidden;\n  transition:\n    box-shadow var(--ts-transition-normal),\n    transform var(--ts-transition-normal),\n    border-color var(--ts-transition-normal);\n}\n\n/* ---- Elevation ---- */\n:host([elevation=\"none\"]) .card__base { box-shadow: none; }\n:host([elevation=\"sm\"]) .card__base   { box-shadow: var(--ts-shadow-sm); }\n:host([elevation=\"md\"]) .card__base   { box-shadow: var(--ts-shadow-md); }\n:host([elevation=\"lg\"]) .card__base   { box-shadow: var(--ts-shadow-lg); }\n:host([elevation=\"xl\"]) .card__base   { box-shadow: var(--ts-shadow-xl); }\n\n/* ---- Bordered ---- */\n:host([bordered]) .card__base {\n  border: 1px solid var(--ts-card-border-color);\n}\n\n/* ---- Interactive ---- */\n:host([interactive]) {\n  cursor: pointer;\n}\n\n:host([interactive]) .card__base:hover {\n  box-shadow: var(--ts-shadow-lg);\n}\n\n:host([interactive]) .card__base:active {\n  box-shadow: var(--ts-shadow-md);\n}\n\n:host([interactive]:focus-visible) .card__base {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Sections ---- */\n.card__media {\n  overflow: hidden;\n}\n\n.card__media:empty {\n  display: none;\n}\n\n.card__media ::slotted(img) {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n\n.card__header {\n  border-bottom: 1px solid var(--ts-card-border-color);\n}\n\n.card__header:empty {\n  display: none;\n  border-bottom: none;\n}\n\n.card__footer {\n  border-top: 1px solid var(--ts-card-border-color);\n}\n\n.card__footer:empty {\n  display: none;\n  border-top: none;\n}\n\n/* ---- Padding ---- */\n:host([padding=\"none\"]) .card__header,\n:host([padding=\"none\"]) .card__body,\n:host([padding=\"none\"]) .card__footer { padding: 0; }\n\n:host([padding=\"sm\"]) .card__header,\n:host([padding=\"sm\"]) .card__body,\n:host([padding=\"sm\"]) .card__footer { padding: var(--ts-spacing-3); }\n\n:host([padding=\"md\"]) .card__header,\n:host([padding=\"md\"]) .card__body,\n:host([padding=\"md\"]) .card__footer { padding: var(--ts-spacing-4); }\n\n:host([padding=\"lg\"]) .card__header,\n:host([padding=\"lg\"]) .card__body,\n:host([padding=\"lg\"]) .card__footer { padding: var(--ts-spacing-6); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @slot - Default slot for card body content.\n * @slot header - Card header content.\n * @slot footer - Card footer content.\n * @slot media - Media content (image, video) displayed at the top.\n *\n * @part base - The card container.\n * @part header - The header wrapper.\n * @part body - The body wrapper.\n * @part footer - The footer wrapper.\n * @part media - The media wrapper.\n */\n@Component({\n  tag: 'ts-card',\n  styleUrl: 'card.css',\n  shadow: true,\n})\nexport class TsCard {\n  /** Elevation level controlling the shadow depth. */\n  @Prop({ reflect: true }) elevation: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n  /** Makes the card interactive (hover effect, cursor pointer). */\n  @Prop({ reflect: true }) interactive = false;\n\n  /** Border style variant. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Padding size for the card body. */\n  @Prop({ reflect: true }) padding: 'none' | 'sm' | 'md' | 'lg' = 'md';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-card': true,\n          [`ts-card--elevation-${this.elevation}`]: true,\n          [`ts-card--padding-${this.padding}`]: true,\n          'ts-card--interactive': this.interactive,\n          'ts-card--bordered': this.bordered,\n        }}\n        role={this.interactive ? 'button' : undefined}\n        tabindex={this.interactive ? '0' : undefined}\n      >\n        <div class=\"card__base\" part=\"base\">\n          <div class=\"card__media\" part=\"media\">\n            <slot name=\"media\" />\n          </div>\n\n          <div class=\"card__header\" part=\"header\">\n            <slot name=\"header\" />\n          </div>\n\n          <div class=\"card__body\" part=\"body\">\n            <slot />\n          </div>\n\n          <div class=\"card__footer\" part=\"footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAU,IAAM,g+D,MCmBTC,EAAMC,EAAA,MAAAD,UAAAE,E,iFAEQC,UAAgD,KAGhDC,YAAc,MAGdC,SAAW,MAGXC,QAAuC,KAGhE,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,UAAW,KACX,CAAC,sBAAsBC,KAAKT,aAAc,KAC1C,CAAC,oBAAoBS,KAAKN,WAAY,KACtC,uBAAwBM,KAAKR,YAC7B,oBAAqBQ,KAAKP,UAE5BQ,KAAMD,KAAKR,YAAc,SAAWU,UACpCC,SAAUH,KAAKR,YAAc,IAAMU,WAEnCN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaK,KAAK,QAC3BR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cAAcK,KAAK,SAC5BR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,WAGbT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeK,KAAK,UAC7BR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,YAGbT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaK,KAAK,QAC3BR,EAAA,QAAAE,IAAA,8CAGFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeK,KAAK,UAC7BR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,a","ignoreList":[]}

package/dist/components/ts-checkbox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsCheckbox extends Components.TsCheckbox, HTMLElement {}
+export const TsCheckbox: {
+    prototype: TsCheckbox;
+    new (): TsCheckbox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-checkbox.js

@@ -0,0 +1,2 @@
+import{t as e,p as o,H as t,d as s,h as c,c as r}from"./p-DkpyRqHf.js";import{g as i}from"./p-lpqZSiIf.js";const a=()=>`:host{display:inline-block;font-family:var(--ts-font-family-base);--ts-checkbox-size:1.25rem;--ts-checkbox-color:var(--ts-color-interactive-primary);--ts-checkbox-radius:4px;--ts-checkbox-border-color:var(--ts-color-border-default)}.checkbox__base{display:inline-flex;align-items:center;gap:var(--ts-spacing-2);cursor:pointer;outline:none}.checkbox__base:focus-visible .checkbox__control{box-shadow:var(--ts-focus-ring)}.checkbox__control{display:inline-flex;align-items:center;justify-content:center;width:var(--ts-checkbox-size);height:var(--ts-checkbox-size);box-sizing:border-box;border:2px solid var(--ts-checkbox-border-color);border-radius:var(--ts-checkbox-radius);background-color:var(--ts-color-bg-elevated);transition:background-color var(--ts-transition-fast),     border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast);flex-shrink:0}:host([checked]) .checkbox__control,:host([indeterminate]) .checkbox__control{background-color:var(--ts-checkbox-color);border-color:var(--ts-checkbox-color);color:var(--ts-color-text-on-primary)}.checkbox__base:hover:not([aria-disabled="true"]) .checkbox__control{border-color:var(--ts-color-primary-500)}:host([error]) .checkbox__control{border-color:var(--ts-color-danger-500)}:host([disabled]) .checkbox__base{opacity:0.5;cursor:not-allowed;pointer-events:none}.checkbox__icon{width:100%;height:100%;transform:scale(1);transition:transform var(--ts-transition-fast)}:host([checked]) .checkbox__icon{animation:none}:host([size="sm"]){--ts-checkbox-size:1rem}:host([size="sm"]) .checkbox__label{font-size:var(--ts-font-size-sm)}:host([size="md"]) .checkbox__label{font-size:var(--ts-font-size-md)}:host([size="lg"]){--ts-checkbox-size:1.5rem}:host([size="lg"]) .checkbox__label{font-size:var(--ts-font-size-lg)}.checkbox__label{color:var(--ts-color-text-primary);line-height:var(--ts-line-height-normal);user-select:none}`;const n=o(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.tsChange=s(this,"tsChange")}get hostEl(){return this}inputId=i("ts-checkbox");checked=false;indeterminate=false;disabled=false;value="";name;label;size="md";error=false;tsChange;async toggle(){if(!this.disabled){this.indeterminate=false;this.checked=!this.checked;this.tsChange.emit({checked:this.checked,value:this.value})}}handleClick=()=>{this.toggle()};handleKeydown=e=>{if(e.key===" "){e.preventDefault();this.toggle()}};render(){const e=this.indeterminate?"mixed":this.checked?"true":"false";return c(r,{key:"9fc5e264e8b2491f0634f414ba8b1124e791bd32",class:{"ts-checkbox":true,[`ts-checkbox--${this.size}`]:true,"ts-checkbox--checked":this.checked,"ts-checkbox--indeterminate":this.indeterminate,"ts-checkbox--disabled":this.disabled,"ts-checkbox--error":this.error}},c("div",{key:"9c5a2c9c28f00effd46caf892e0e91f8ca845bed",class:"checkbox__base",part:"base",role:"checkbox","aria-checked":e,"aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeydown},c("div",{key:"5be7cabec162a5fdbbef10e63b649c81fbd97322",class:"checkbox__control",part:"control"},this.checked&&!this.indeterminate&&c("svg",{key:"e4e4a9e04b8c7bfbbdfd60de8d570823984c7eb4",class:"checkbox__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},c("path",{key:"3f0e5fbb1fea51bf6b5b79a3909bc43cdee6d0f1",d:"M3.5 8L6.5 11L12.5 5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),this.indeterminate&&c("svg",{key:"521bbf1e40987c631ccdafda69e7d8f683b7b994",class:"checkbox__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},c("path",{key:"d0d14bb0d20ef58997d4c567530f1c369d904b37",d:"M4 8H12",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))),c("label",{key:"a939e2911282e988f110fd20c9c0f2fc71a892bd",class:"checkbox__label",part:"label",id:`${this.inputId}-label`},this.label?this.label:c("slot",null))))}static get style(){return a()}},[769,"ts-checkbox",{checked:[1540],indeterminate:[1540],disabled:[516],value:[1],name:[1],label:[1],size:[513],error:[516],toggle:[64]}]);function l(){if(typeof customElements==="undefined"){return}const o=["ts-checkbox"];o.forEach((o=>{switch(o){case"ts-checkbox":if(!customElements.get(e(o))){customElements.define(e(o),n)}break}}))}l();const b=n;const h=l;export{b as TsCheckbox,h as defineCustomElement};
+//# sourceMappingURL=ts-checkbox.js.map

package/dist/components/ts-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","TsCheckbox","__stencil_proxyCustomElement","HTMLElement","inputId","generateId","checked","indeterminate","disabled","value","name","label","size","error","tsChange","toggle","this","emit","handleClick","handleKeydown","event","key","preventDefault","render","ariaChecked","h","Host","class","part","role","undefined","tabindex","onClick","onKeyDown","viewBox","fill","d","stroke","id"],"sources":["src/components/checkbox/checkbox.css?tag=ts-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-checkbox — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-checkbox-size           Checkbox box size\n     --ts-checkbox-color          Checked background color\n     --ts-checkbox-radius         Border radius\n     --ts-checkbox-border-color   Default border color\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-checkbox-size: 1.25rem;\n  --ts-checkbox-color: var(--ts-color-interactive-primary);\n  --ts-checkbox-radius: 4px;\n  --ts-checkbox-border-color: var(--ts-color-border-default);\n}\n\n/* ---- Base container ---- */\n.checkbox__base {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ts-spacing-2);\n  cursor: pointer;\n  outline: none;\n}\n\n.checkbox__base:focus-visible .checkbox__control {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Control box ---- */\n.checkbox__control {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ts-checkbox-size);\n  height: var(--ts-checkbox-size);\n  box-sizing: border-box;\n  border: 2px solid var(--ts-checkbox-border-color);\n  border-radius: var(--ts-checkbox-radius);\n  background-color: var(--ts-color-bg-elevated);\n  transition:\n    background-color var(--ts-transition-fast),\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n  flex-shrink: 0;\n}\n\n/* ---- Checked & indeterminate states ---- */\n:host([checked]) .checkbox__control,\n:host([indeterminate]) .checkbox__control {\n  background-color: var(--ts-checkbox-color);\n  border-color: var(--ts-checkbox-color);\n  color: var(--ts-color-text-on-primary);\n}\n\n/* ---- Hover ---- */\n.checkbox__base:hover:not([aria-disabled=\"true\"]) .checkbox__control {\n  border-color: var(--ts-color-primary-500);\n}\n\n/* ---- Error state ---- */\n:host([error]) .checkbox__control {\n  border-color: var(--ts-color-danger-500);\n}\n\n/* ---- Disabled state ---- */\n:host([disabled]) .checkbox__base {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ---- Checkmark icon ---- */\n.checkbox__icon {\n  width: 100%;\n  height: 100%;\n  transform: scale(1);\n  transition: transform var(--ts-transition-fast);\n}\n\n:host([checked]) .checkbox__icon {\n  animation: none;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) {\n  --ts-checkbox-size: 1rem;\n}\n\n:host([size=\"sm\"]) .checkbox__label {\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .checkbox__label {\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) {\n  --ts-checkbox-size: 1.5rem;\n}\n\n:host([size=\"lg\"]) .checkbox__label {\n  font-size: var(--ts-font-size-lg);\n}\n\n/* ---- Label ---- */\n.checkbox__label {\n  color: var(--ts-color-text-primary);\n  line-height: var(--ts-line-height-normal);\n  user-select: none;\n}\n","import { Component, Prop, Event, h, Host, Element, Method } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsCheckboxChangeEventDetail } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @slot - Default slot for the checkbox label.\n *\n * @part base - The checkbox container.\n * @part control - The visual checkbox box.\n * @part label - The label wrapper.\n */\n@Component({\n  tag: 'ts-checkbox',\n  styleUrl: 'checkbox.css',\n  shadow: true,\n})\nexport class TsCheckbox {\n  @Element() hostEl!: HTMLElement;\n\n  private inputId = generateId('ts-checkbox');\n\n  /** Whether the checkbox is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** Whether the checkbox is in an indeterminate state. */\n  @Prop({ mutable: true, reflect: true }) indeterminate = false;\n\n  /** Renders the checkbox as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The value associated with this checkbox. */\n  @Prop() value = '';\n\n  /** Name attribute for form submission. */\n  @Prop() name?: string;\n\n  /** Label text. If omitted, use the default slot. */\n  @Prop() label?: string;\n\n  /** The checkbox size. */\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Renders the checkbox in an error state. */\n  @Prop({ reflect: true }) error = false;\n\n  /** Emitted when the checked state changes. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<TsCheckboxChangeEventDetail>;\n\n  /** Programmatically toggle the checkbox. */\n  @Method()\n  async toggle(): Promise<void> {\n    if (!this.disabled) {\n      this.indeterminate = false;\n      this.checked = !this.checked;\n      this.tsChange.emit({ checked: this.checked, value: this.value });\n    }\n  }\n\n  private handleClick = (): void => {\n    this.toggle();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const ariaChecked = this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false';\n\n    return (\n      <Host\n        class={{\n          'ts-checkbox': true,\n          [`ts-checkbox--${this.size}`]: true,\n          'ts-checkbox--checked': this.checked,\n          'ts-checkbox--indeterminate': this.indeterminate,\n          'ts-checkbox--disabled': this.disabled,\n          'ts-checkbox--error': this.error,\n        }}\n      >\n        <div\n          class=\"checkbox__base\"\n          part=\"base\"\n          role=\"checkbox\"\n          aria-checked={ariaChecked}\n          aria-disabled={this.disabled ? 'true' : undefined}\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeydown}\n        >\n          <div class=\"checkbox__control\" part=\"control\">\n            {this.checked && !this.indeterminate && (\n              <svg class=\"checkbox__icon\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M3.5 8L6.5 11L12.5 5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            )}\n            {this.indeterminate && (\n              <svg class=\"checkbox__icon\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M4 8H12\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            )}\n          </div>\n\n          <label class=\"checkbox__label\" part=\"label\" id={`${this.inputId}-label`}>\n            {this.label ? this.label : <slot />}\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAc,IAAM,02D,MCiBbC,EAAUC,EAAA,MAAAD,UAAAE,E,2IAGbC,QAAUC,EAAW,eAGWC,QAAU,MAGVC,cAAgB,MAG/BC,SAAW,MAG5BC,MAAQ,GAGRC,KAGAC,MAGiBC,KAA2B,KAG3BC,MAAQ,MAGCC,SAIlC,YAAMC,GACJ,IAAKC,KAAKR,SAAU,CAClBQ,KAAKT,cAAgB,MACrBS,KAAKV,SAAWU,KAAKV,QACrBU,KAAKF,SAASG,KAAK,CAAEX,QAASU,KAAKV,QAASG,MAAOO,KAAKP,O,EAIpDS,YAAc,KACpBF,KAAKD,QAAQ,EAGPI,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,IAAK,CACrBD,EAAME,iBACNN,KAAKD,Q,GAKT,MAAAQ,GACE,MAAMC,EAAcR,KAAKT,cAAgB,QAAUS,KAAKV,QAAU,OAAS,QAE3E,OACEmB,EAACC,EAAI,CAAAL,IAAA,2CACHM,MAAO,CACL,cAAe,KACf,CAAC,gBAAgBX,KAAKJ,QAAS,KAC/B,uBAAwBI,KAAKV,QAC7B,6BAA8BU,KAAKT,cACnC,wBAAyBS,KAAKR,SAC9B,qBAAsBQ,KAAKH,QAG7BY,EAAA,OAAAJ,IAAA,2CACEM,MAAM,iBACNC,KAAK,OACLC,KAAK,WAAU,eACDL,EAAW,gBACVR,KAAKR,SAAW,OAASsB,UACxCC,SAAUf,KAAKR,UAAW,EAAK,EAC/BwB,QAAShB,KAAKE,YACde,UAAWjB,KAAKG,eAEhBM,EAAA,OAAAJ,IAAA,2CAAKM,MAAM,oBAAoBC,KAAK,WACjCZ,KAAKV,UAAYU,KAAKT,eACrBkB,EAAA,OAAAJ,IAAA,2CAAKM,MAAM,iBAAiBO,QAAQ,YAAYC,KAAK,OAAM,cAAa,QACtEV,EAAA,QAAAJ,IAAA,2CACEe,EAAE,uBACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,WAIrBrB,KAAKT,eACJkB,EAAA,OAAAJ,IAAA,2CAAKM,MAAM,iBAAiBO,QAAQ,YAAYC,KAAK,OAAM,cAAa,QACtEV,EAAA,QAAAJ,IAAA,2CACEe,EAAE,UACFC,OAAO,eAAc,eACR,IAAG,iBACD,YAMvBZ,EAAA,SAAAJ,IAAA,2CAAOM,MAAM,kBAAkBC,KAAK,QAAQU,GAAI,GAAGtB,KAAKZ,iBACrDY,KAAKL,MAAQK,KAAKL,MAAQc,EAAA,e","ignoreList":[]}

package/dist/components/ts-chip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsChip extends Components.TsChip, HTMLElement {}
+export const TsChip: {
+    prototype: TsChip;
+    new (): TsChip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-chip.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-SopsdO_f.js";const p=o;const t=s;export{p as TsChip,t as defineCustomElement};
+//# sourceMappingURL=ts-chip.js.map

package/dist/components/ts-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsContainer extends Components.TsContainer, HTMLElement {}
+export const TsContainer: {
+    prototype: TsContainer;
+    new (): TsContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-container.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-CbHlJvjF.js";const t=o;const p=s;export{t as TsContainer,p as defineCustomElement};
+//# sourceMappingURL=ts-container.js.map

package/dist/components/ts-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-date-picker.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsDatePicker extends Components.TsDatePicker, HTMLElement {}
+export const TsDatePicker: {
+    prototype: TsDatePicker;
+    new (): TsDatePicker;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-date-picker.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-DlB-KfKY.js";const t=o;const p=s;export{t as TsDatePicker,p as defineCustomElement};
+//# sourceMappingURL=ts-date-picker.js.map

package/dist/components/ts-date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-dialog.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsDialog extends Components.TsDialog, HTMLElement {}
+export const TsDialog: {
+    prototype: TsDialog;
+    new (): TsDialog;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-dialog.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-O8aQgWRZ.js";const t=o;const a=s;export{t as TsDialog,a as defineCustomElement};
+//# sourceMappingURL=ts-dialog.js.map

package/dist/components/ts-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-divider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsDivider extends Components.TsDivider, HTMLElement {}
+export const TsDivider: {
+    prototype: TsDivider;
+    new (): TsDivider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-divider.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-DwJ7Jt3k.js";const t=o;const p=s;export{t as TsDivider,p as defineCustomElement};
+//# sourceMappingURL=ts-divider.js.map

package/dist/components/ts-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-drawer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsDrawer extends Components.TsDrawer, HTMLElement {}
+export const TsDrawer: {
+    prototype: TsDrawer;
+    new (): TsDrawer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-drawer.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-B_NL55YI.js";const t=o;const p=s;export{t as TsDrawer,p as defineCustomElement};
+//# sourceMappingURL=ts-drawer.js.map

package/dist/components/ts-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-empty-state.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsEmptyState extends Components.TsEmptyState, HTMLElement {}
+export const TsEmptyState: {
+    prototype: TsEmptyState;
+    new (): TsEmptyState;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-empty-state.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-BlZHjan9.js";const t=o;const a=s;export{t as TsEmptyState,a as defineCustomElement};
+//# sourceMappingURL=ts-empty-state.js.map

package/dist/components/ts-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-file-upload.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsFileUpload extends Components.TsFileUpload, HTMLElement {}
+export const TsFileUpload: {
+    prototype: TsFileUpload;
+    new (): TsFileUpload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-file-upload.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-DMPxu5Po.js";const t=o;const p=s;export{t as TsFileUpload,p as defineCustomElement};
+//# sourceMappingURL=ts-file-upload.js.map

package/dist/components/ts-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-grid.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsGrid extends Components.TsGrid, HTMLElement {}
+export const TsGrid: {
+    prototype: TsGrid;
+    new (): TsGrid;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-grid.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-BeErYjKz.js";const r=o;const t=s;export{r as TsGrid,t as defineCustomElement};
+//# sourceMappingURL=ts-grid.js.map

package/dist/components/ts-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsIcon extends Components.TsIcon, HTMLElement {}
+export const TsIcon: {
+    prototype: TsIcon;
+    new (): TsIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ts-icon.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-TFHAUMKT.js";const t=o;const p=s;export{t as TsIcon,p as defineCustomElement};
+//# sourceMappingURL=ts-icon.js.map

package/dist/components/ts-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ts-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TsInput extends Components.TsInput, HTMLElement {}
+export const TsInput: {
+    prototype: TsInput;
+    new (): TsInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;