@tessera-ui/core 0.4.0

package/dist/components/ts-input.js

@@ -0,0 +1,2 @@
+import{t,p as e,H as s,d as i,h as a,c as r}from"./p-DkpyRqHf.js";import{g as n}from"./p-lpqZSiIf.js";const o=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-input-bg:var(--ts-color-neutral-50);--ts-input-color:var(--ts-color-text-primary);--ts-input-border-color:var(--ts-color-border-default);--ts-input-radius:var(--ts-radius-md);--ts-input-focus-ring:var(--ts-focus-ring)}.input__label{display:block;margin-bottom:var(--ts-spacing-1);font-size:var(--ts-font-size-sm);font-weight:var(--ts-font-weight-medium);color:var(--ts-color-text-secondary);line-height:var(--ts-line-height-normal)}.input__required{color:var(--ts-color-danger-500)}.input__wrapper{display:flex;align-items:center;gap:var(--ts-spacing-2);border:1px solid var(--ts-input-border-color);border-radius:var(--ts-input-radius);background-color:var(--ts-input-bg);box-shadow:none;transition:border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast),     background-color var(--ts-transition-fast);overflow:hidden}.input__wrapper--focused{border-color:var(--ts-color-primary-500);box-shadow:var(--ts-input-focus-ring)}.input__wrapper--error{border-color:var(--ts-color-danger-500)}.input__wrapper--error.input__wrapper--focused{box-shadow:0 0 0 3px var(--ts-color-focus-ring-danger)}.input__wrapper--disabled{background-color:var(--ts-color-bg-disabled);opacity:0.6;cursor:not-allowed}.input__native{flex:1;border:none;outline:none;background:transparent;font-family:inherit;color:var(--ts-input-color);width:100%;min-width:0}.input__native::placeholder{color:var(--ts-color-text-tertiary)}.input__native:disabled{cursor:not-allowed}:host([size="sm"]) .input__wrapper{border-radius:var(--ts-radius-sm)}:host([size="sm"]) .input__native{padding:var(--ts-spacing-1) var(--ts-spacing-2);font-size:var(--ts-font-size-sm)}:host([size="md"]) .input__native{padding:var(--ts-spacing-2) var(--ts-spacing-3);font-size:var(--ts-font-size-md)}:host([size="lg"]) .input__native{padding:var(--ts-spacing-3) var(--ts-spacing-4);font-size:var(--ts-font-size-lg)}:host([size="xl"]) .input__wrapper{border-radius:var(--ts-radius-lg)}:host([size="xl"]) .input__native{padding:var(--ts-spacing-4) var(--ts-spacing-5);font-size:var(--ts-font-size-xl)}.input__prefix,.input__suffix{display:inline-flex;align-items:center;color:var(--ts-color-text-tertiary)}.input__prefix{padding-inline-start:var(--ts-spacing-3)}.input__suffix{padding-inline-end:var(--ts-spacing-3)}.input__prefix:empty,.input__suffix:empty{display:none}.input__help,.input__error{margin-top:var(--ts-spacing-1);font-size:var(--ts-font-size-xs);line-height:var(--ts-line-height-normal)}.input__help{color:var(--ts-color-text-tertiary)}.input__error{color:var(--ts-color-danger-600);font-weight:var(--ts-font-weight-medium)}`;const l=e(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.tsInput=i(this,"tsInput");this.tsChange=i(this,"tsChange");this.tsFocus=i(this,"tsFocus");this.tsBlur=i(this,"tsBlur");this.tsValidate=i(this,"tsValidate")}get hostEl(){return this}inputEl;inputId=n("ts-input");value="";type="text";size="md";label;placeholder;helpText;error;required=false;disabled=false;readonly=false;maxlength;minlength;pattern;autocomplete;name;hasFocus=false;tsInput;tsChange;tsFocus;tsBlur;tsValidate;handleValueChange(t,e){if(t!==e&&this.inputEl){this.inputEl.value=t}}async setFocus(){this.inputEl?.focus()}async selectText(){this.inputEl?.select()}handleInput=t=>{const e=t.target;const s=this.value;this.value=e.value;this.tsInput.emit({value:this.value,previousValue:s})};handleChange=()=>{this.tsChange.emit({value:this.value,previousValue:this.value});if(this.inputEl){const t=this.inputEl.checkValidity();this.tsValidate.emit({valid:t,message:this.inputEl.validationMessage})}};handleFocus=()=>{this.hasFocus=true;this.tsFocus.emit()};handleBlur=()=>{this.hasFocus=false;this.tsBlur.emit()};render(){const t=!!this.error;const e=`${this.inputId}-label`;const s=`${this.inputId}-help`;const i=`${this.inputId}-error`;return a(r,{key:"dad72942d32c6df8756d8c42b238364799a9df83",class:{"ts-input":true,[`ts-input--${this.size}`]:true,"ts-input--focused":this.hasFocus,"ts-input--disabled":this.disabled,"ts-input--error":t}},this.label&&a("label",{key:"a012025c350bd6f593d19477793263b79a68a4f7",class:"input__label",part:"label",id:e,htmlFor:this.inputId},this.label,this.required&&a("span",{key:"71316213839857560e4ed37950985196d17242e4",class:"input__required","aria-hidden":"true"}," *")),a("div",{key:"098dd8b4dcaadf87798307b14c2c5def6fc4359e",class:{input__wrapper:true,"input__wrapper--focused":this.hasFocus,"input__wrapper--error":t,"input__wrapper--disabled":this.disabled},part:"base"},a("span",{key:"c2b7252cde16f5a08ca6e4beeb88fb9e4a48fc32",class:"input__prefix",part:"prefix"},a("slot",{key:"adf46d466d45c9937406846ed3762b0ed41a04db",name:"prefix"})),a("input",{key:"e0649a147ae0ef54e497443f0cd9e607b87a0ffb",ref:t=>this.inputEl=t,id:this.inputId,class:"input__native",part:"input",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autoComplete:this.autocomplete,name:this.name,"aria-labelledby":this.label?e:undefined,"aria-describedby":t?i:this.helpText?s:undefined,"aria-invalid":t?"true":undefined,"aria-required":this.required?"true":undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),a("span",{key:"bec3bfcd47130f240d609f461f74140a970fa7cb",class:"input__suffix",part:"suffix"},a("slot",{key:"1ddd5c810ab5542a019a842a4bb3c725877ac1b0",name:"suffix"}))),t&&a("div",{key:"0e9e25e65ced8ee9ddf5091aa8e32408a6489f17",class:"input__error",part:"error-text",id:i,role:"alert"},this.error),!t&&this.helpText&&a("div",{key:"b28ff0b6e908edd201e17b4da927685f2fa77943",class:"input__help",part:"help-text",id:s},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return o()}},[769,"ts-input",{value:[1537],type:[513],size:[513],label:[1],placeholder:[1],helpText:[1,"help-text"],error:[1],required:[516],disabled:[516],readonly:[516],maxlength:[2],minlength:[2],pattern:[1],autocomplete:[1],name:[1],hasFocus:[32],setFocus:[64],selectText:[64]},undefined,{value:[{handleValueChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const e=["ts-input"];e.forEach((e=>{switch(e){case"ts-input":if(!customElements.get(t(e))){customElements.define(t(e),l)}break}}))}p();const d=l;const u=p;export{d as TsInput,u as defineCustomElement};
+//# sourceMappingURL=ts-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","TsInput","__stencil_proxyCustomElement","HTMLElement","inputEl","inputId","generateId","value","type","size","label","placeholder","helpText","error","required","disabled","readonly","maxlength","minlength","pattern","autocomplete","name","hasFocus","tsInput","tsChange","tsFocus","tsBlur","tsValidate","handleValueChange","newValue","oldValue","this","setFocus","focus","selectText","select","handleInput","event","target","previousValue","emit","handleChange","valid","checkValidity","message","validationMessage","handleFocus","handleBlur","render","hasError","labelId","helpId","errorId","h","Host","key","class","part","id","htmlFor","input__wrapper","ref","el","readOnly","autoComplete","undefined","onInput","onChange","onFocus","onBlur","role"],"sources":["src/components/input/input.css?tag=ts-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-input — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-input-bg               Input background\n     --ts-input-color            Input text color\n     --ts-input-border-color     Default border color\n     --ts-input-radius           Border radius\n     --ts-input-focus-ring       Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-input-bg: var(--ts-color-neutral-50);\n  --ts-input-color: var(--ts-color-text-primary);\n  --ts-input-border-color: var(--ts-color-border-default);\n  --ts-input-radius: var(--ts-radius-md);\n  --ts-input-focus-ring: var(--ts-focus-ring);\n}\n\n/* ---- Label ---- */\n.input__label {\n  display: block;\n  margin-bottom: var(--ts-spacing-1);\n  font-size: var(--ts-font-size-sm);\n  font-weight: var(--ts-font-weight-medium);\n  color: var(--ts-color-text-secondary);\n  line-height: var(--ts-line-height-normal);\n}\n\n.input__required {\n  color: var(--ts-color-danger-500);\n}\n\n/* ---- Wrapper ---- */\n.input__wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--ts-spacing-2);\n  border: 1px solid var(--ts-input-border-color);\n  border-radius: var(--ts-input-radius);\n  background-color: var(--ts-input-bg);\n  box-shadow: none;\n  transition:\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast),\n    background-color var(--ts-transition-fast);\n  overflow: hidden;\n}\n\n.input__wrapper--focused {\n  border-color: var(--ts-color-primary-500);\n  box-shadow: var(--ts-input-focus-ring);\n}\n\n.input__wrapper--error {\n  border-color: var(--ts-color-danger-500);\n}\n\n.input__wrapper--error.input__wrapper--focused {\n  box-shadow: 0 0 0 3px var(--ts-color-focus-ring-danger);\n}\n\n.input__wrapper--disabled {\n  background-color: var(--ts-color-bg-disabled);\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* ---- Native Input ---- */\n.input__native {\n  flex: 1;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: inherit;\n  color: var(--ts-input-color);\n  width: 100%;\n  min-width: 0;\n}\n\n.input__native::placeholder {\n  color: var(--ts-color-text-tertiary);\n}\n\n.input__native:disabled {\n  cursor: not-allowed;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .input__wrapper {\n  border-radius: var(--ts-radius-sm);\n}\n:host([size=\"sm\"]) .input__native {\n  padding: var(--ts-spacing-1) var(--ts-spacing-2);\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .input__native {\n  padding: var(--ts-spacing-2) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) .input__native {\n  padding: var(--ts-spacing-3) var(--ts-spacing-4);\n  font-size: var(--ts-font-size-lg);\n}\n\n:host([size=\"xl\"]) .input__wrapper {\n  border-radius: var(--ts-radius-lg);\n}\n:host([size=\"xl\"]) .input__native {\n  padding: var(--ts-spacing-4) var(--ts-spacing-5);\n  font-size: var(--ts-font-size-xl);\n}\n\n/* ---- Prefix / Suffix ---- */\n.input__prefix,\n.input__suffix {\n  display: inline-flex;\n  align-items: center;\n  color: var(--ts-color-text-tertiary);\n}\n\n.input__prefix {\n  padding-inline-start: var(--ts-spacing-3);\n}\n\n.input__suffix {\n  padding-inline-end: var(--ts-spacing-3);\n}\n\n.input__prefix:empty,\n.input__suffix:empty {\n  display: none;\n}\n\n/* ---- Help & Error Text ---- */\n.input__help,\n.input__error {\n  margin-top: var(--ts-spacing-1);\n  font-size: var(--ts-font-size-xs);\n  line-height: var(--ts-line-height-normal);\n}\n\n.input__help {\n  color: var(--ts-color-text-tertiary);\n}\n\n.input__error {\n  color: var(--ts-color-danger-600);\n  font-weight: var(--ts-font-weight-medium);\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  Watch,\n  h,\n  Host,\n  Element,\n  Method,\n} from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize, TsChangeEventDetail, TsValidationEventDetail } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @slot prefix - Content before the input (e.g., icon or currency symbol).\n * @slot suffix - Content after the input (e.g., icon or clear button).\n * @slot help-text - Help text displayed below the input.\n *\n * @part base - The outer wrapper.\n * @part label - The label element.\n * @part input - The native input element.\n * @part prefix - The prefix slot wrapper.\n * @part suffix - The suffix slot wrapper.\n * @part help-text - The help text wrapper.\n * @part error-text - The error message wrapper.\n */\n@Component({\n  tag: 'ts-input',\n  styleUrl: 'input.css',\n  shadow: true,\n})\nexport class TsInput {\n  @Element() hostEl!: HTMLElement;\n\n  private inputEl?: HTMLInputElement;\n  private inputId = generateId('ts-input');\n\n  /** The input's value. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** The input type. */\n  @Prop({ reflect: true }) type:\n    | 'text'\n    | 'email'\n    | 'password'\n    | 'number'\n    | 'tel'\n    | 'url'\n    | 'search' = 'text';\n\n  /** The input's size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Label text displayed above the input. */\n  @Prop() label?: string;\n\n  /** Placeholder text. */\n  @Prop() placeholder?: string;\n\n  /** Help text displayed below the input. */\n  @Prop() helpText?: string;\n\n  /** Renders the input in an error state with an error message. */\n  @Prop() error?: string;\n\n  /** Makes the input required. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Renders the input as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Renders the input as readonly. */\n  @Prop({ reflect: true }) readonly = false;\n\n  /** Maximum character length. */\n  @Prop() maxlength?: number;\n\n  /** Minimum character length. */\n  @Prop() minlength?: number;\n\n  /** Pattern for validation (regex string). */\n  @Prop() pattern?: string;\n\n  /** Autocomplete attribute. */\n  @Prop() autocomplete?: string;\n\n  /** Name attribute for form submission. */\n  @Prop() name?: string;\n\n  /** Whether the input is currently focused. */\n  @State() hasFocus = false;\n\n  /** Emitted when the value changes (on input). */\n  @Event({ eventName: 'tsInput' }) tsInput!: EventEmitter<TsChangeEventDetail<string>>;\n\n  /** Emitted when the value changes (on blur / commit). */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<TsChangeEventDetail<string>>;\n\n  /** Emitted when the input gains focus. */\n  @Event({ eventName: 'tsFocus' }) tsFocus!: EventEmitter<void>;\n\n  /** Emitted when the input loses focus. */\n  @Event({ eventName: 'tsBlur' }) tsBlur!: EventEmitter<void>;\n\n  /** Emitted on validation. */\n  @Event({ eventName: 'tsValidate' }) tsValidate!: EventEmitter<TsValidationEventDetail>;\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string): void {\n    if (newValue !== oldValue && this.inputEl) {\n      this.inputEl.value = newValue;\n    }\n  }\n\n  /** Programmatically focus the input. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.inputEl?.focus();\n  }\n\n  /** Programmatically select the input text. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.inputEl?.select();\n  }\n\n  private handleInput = (event: Event): void => {\n    const target = event.target as HTMLInputElement;\n    const previousValue = this.value;\n    this.value = target.value;\n    this.tsInput.emit({ value: this.value, previousValue });\n  };\n\n  private handleChange = (): void => {\n    this.tsChange.emit({ value: this.value, previousValue: this.value });\n\n    // Run native validation\n    if (this.inputEl) {\n      const valid = this.inputEl.checkValidity();\n      this.tsValidate.emit({\n        valid,\n        message: this.inputEl.validationMessage,\n      });\n    }\n  };\n\n  private handleFocus = (): void => {\n    this.hasFocus = true;\n    this.tsFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.hasFocus = false;\n    this.tsBlur.emit();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const hasError = !!this.error;\n    const labelId = `${this.inputId}-label`;\n    const helpId = `${this.inputId}-help`;\n    const errorId = `${this.inputId}-error`;\n\n    return (\n      <Host\n        class={{\n          'ts-input': true,\n          [`ts-input--${this.size}`]: true,\n          'ts-input--focused': this.hasFocus,\n          'ts-input--disabled': this.disabled,\n          'ts-input--error': hasError,\n        }}\n      >\n        {this.label && (\n          <label class=\"input__label\" part=\"label\" id={labelId} htmlFor={this.inputId}>\n            {this.label}\n            {this.required && <span class=\"input__required\" aria-hidden=\"true\"> *</span>}\n          </label>\n        )}\n\n        <div\n          class={{\n            'input__wrapper': true,\n            'input__wrapper--focused': this.hasFocus,\n            'input__wrapper--error': hasError,\n            'input__wrapper--disabled': this.disabled,\n          }}\n          part=\"base\"\n        >\n          <span class=\"input__prefix\" part=\"prefix\">\n            <slot name=\"prefix\" />\n          </span>\n\n          <input\n            ref={(el) => (this.inputEl = el)}\n            id={this.inputId}\n            class=\"input__native\"\n            part=\"input\"\n            type={this.type}\n            value={this.value}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            readOnly={this.readonly}\n            required={this.required}\n            maxlength={this.maxlength}\n            minlength={this.minlength}\n            pattern={this.pattern}\n            autoComplete={this.autocomplete}\n            name={this.name}\n            aria-labelledby={this.label ? labelId : undefined}\n            aria-describedby={hasError ? errorId : this.helpText ? helpId : undefined}\n            aria-invalid={hasError ? 'true' : undefined}\n            aria-required={this.required ? 'true' : undefined}\n            onInput={this.handleInput}\n            onChange={this.handleChange}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n\n          <span class=\"input__suffix\" part=\"suffix\">\n            <slot name=\"suffix\" />\n          </span>\n        </div>\n\n        {hasError && (\n          <div class=\"input__error\" part=\"error-text\" id={errorId} role=\"alert\">\n            {this.error}\n          </div>\n        )}\n\n        {!hasError && this.helpText && (\n          <div class=\"input__help\" part=\"help-text\" id={helpId}>\n            {this.helpText}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

package/dist/components/ts-menu.js

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

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

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

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

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

package/dist/components/ts-modal.js

@@ -0,0 +1,2 @@
+import{t as a,p as s,H as t,d as o,h as e,c as i}from"./p-DkpyRqHf.js";import{g as l,t as r}from"./p-lpqZSiIf.js";const n=()=>`:host{font-family:var(--ts-font-family-base);--ts-modal-bg:var(--ts-color-bg-elevated);--ts-modal-overlay-bg:var(--ts-color-bg-overlay);--ts-modal-radius:var(--ts-shape-overlay);--ts-modal-shadow:var(--ts-shadow-xl)}.modal__overlay{position:fixed;inset:0;z-index:var(--ts-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--ts-spacing-4);background-color:var(--ts-modal-overlay-bg);animation:ts-fade-in 240ms cubic-bezier(0.25, 0.1, 0.25, 1)}.modal__dialog{position:relative;background-color:var(--ts-modal-bg);border-radius:var(--ts-modal-radius);box-shadow:var(--ts-modal-shadow);max-height:calc(100vh - var(--ts-spacing-16));overflow-y:auto;animation:ts-scale-in 280ms cubic-bezier(0.16, 1, 0.3, 1);outline:none}.modal__dialog--xs{width:100%;max-width:320px}.modal__dialog--sm{width:100%;max-width:440px}.modal__dialog--md{width:100%;max-width:560px}.modal__dialog--lg{width:100%;max-width:720px}.modal__dialog--xl{width:100%;max-width:960px}.modal__close{position:absolute;top:var(--ts-spacing-3);inset-inline-end:var(--ts-spacing-3);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--ts-radius-md);background:transparent;color:var(--ts-color-text-tertiary);font-size:var(--ts-font-size-md);cursor:pointer;transition:background-color var(--ts-transition-fast),     color var(--ts-transition-fast);z-index:1;padding:0;line-height:1}.modal__close:hover{background-color:var(--ts-color-bg-hover);color:var(--ts-color-text-secondary)}.modal__close:focus-visible{box-shadow:var(--ts-focus-ring)}.modal__header{padding:var(--ts-spacing-5) var(--ts-spacing-6) var(--ts-spacing-3);font-size:var(--ts-font-size-lg);font-weight:var(--ts-font-weight-semi);color:var(--ts-color-text-primary)}.modal__header:empty{display:none}.modal__body{padding:var(--ts-spacing-3) var(--ts-spacing-6);font-size:var(--ts-font-size-md);color:var(--ts-color-text-secondary);line-height:var(--ts-line-height-normal)}.modal__footer{padding:var(--ts-spacing-3) var(--ts-spacing-6) var(--ts-spacing-5);display:flex;align-items:center;justify-content:flex-end;gap:var(--ts-spacing-2)}.modal__footer:empty{display:none}@keyframes ts-fade-in{from{opacity:0}to{opacity:1}}@keyframes ts-scale-in{from{opacity:0;transform:scale(0.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}`;const d=s(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.tsOpen=o(this,"tsOpen");this.tsClose=o(this,"tsClose")}get hostEl(){return this}dialogEl;removeFocusTrap;previouslyFocused;modalId=l("ts-modal");open=false;size="md";label;closeOnOverlay=true;closeOnEscape=true;showClose=true;tsOpen;tsClose;isAnimating=false;handleOpenChange(a){if(a){this.openModal()}else{this.closeModal()}}async show(){this.open=true}async close(){this.open=false}openModal(){this.previouslyFocused=document.activeElement;this.isAnimating=true;this.tsOpen.emit();document.body.style.overflow="hidden";requestAnimationFrame((()=>{if(this.dialogEl){this.removeFocusTrap=r(this.dialogEl);this.dialogEl.focus()}}))}closeModal(){this.isAnimating=false;this.tsClose.emit();document.body.style.overflow="";this.removeFocusTrap?.();this.previouslyFocused?.focus()}disconnectedCallback(){this.removeFocusTrap?.();document.body.style.overflow=""}handleOverlayClick=()=>{if(this.closeOnOverlay){this.close()}};handleDialogClick=a=>{a.stopPropagation()};handleKeydown=a=>{if(a.key==="Escape"&&this.closeOnEscape){a.stopPropagation();this.close()}};handleCloseClick=()=>{this.close()};render(){if(!this.open)return null;return e(i,{class:{"ts-modal":true,"ts-modal--open":this.open},onKeyDown:this.handleKeydown},e("div",{class:"modal__overlay",part:"overlay",onClick:this.handleOverlayClick},e("div",{ref:a=>this.dialogEl=a,class:{modal__dialog:true,[`modal__dialog--${this.size}`]:true},part:"dialog",role:"dialog","aria-modal":"true","aria-label":this.label,"aria-labelledby":!this.label?`${this.modalId}-header`:undefined,tabindex:-1,onClick:this.handleDialogClick},this.showClose&&e("button",{class:"modal__close",part:"close",type:"button","aria-label":"Close modal",onClick:this.handleCloseClick},"✕"),e("div",{class:"modal__header",part:"header",id:`${this.modalId}-header`},e("slot",{name:"header"})),e("div",{class:"modal__body",part:"body"},e("slot",null)),e("div",{class:"modal__footer",part:"footer"},e("slot",{name:"footer"})))))}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return n()}},[769,"ts-modal",{open:[1540],size:[513],label:[1],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showClose:[4,"show-close"],isAnimating:[32],show:[64],close:[64]},undefined,{open:[{handleOpenChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const s=["ts-modal"];s.forEach((s=>{switch(s){case"ts-modal":if(!customElements.get(a(s))){customElements.define(a(s),d)}break}}))}c();const h=d;const m=c;export{h as TsModal,m as defineCustomElement};
+//# sourceMappingURL=ts-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["modalCss","TsModal","__stencil_proxyCustomElement","HTMLElement","dialogEl","removeFocusTrap","previouslyFocused","modalId","generateId","open","size","label","closeOnOverlay","closeOnEscape","showClose","tsOpen","tsClose","isAnimating","handleOpenChange","isOpen","this","openModal","closeModal","show","close","document","activeElement","emit","body","style","overflow","requestAnimationFrame","trapFocus","focus","disconnectedCallback","handleOverlayClick","handleDialogClick","event","stopPropagation","handleKeydown","key","handleCloseClick","render","h","Host","class","onKeyDown","part","onClick","ref","el","modal__dialog","role","undefined","tabindex","type","id","name"],"sources":["src/components/modal/modal.css?tag=ts-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-modal — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-modal-bg          Dialog background\n     --ts-modal-overlay-bg  Overlay background\n     --ts-modal-radius      Dialog border radius\n     --ts-modal-shadow      Dialog box-shadow\n   ========================================================================== */\n\n:host {\n  font-family: var(--ts-font-family-base);\n\n  --ts-modal-bg: var(--ts-color-bg-elevated);\n  --ts-modal-overlay-bg: var(--ts-color-bg-overlay);\n  --ts-modal-radius: var(--ts-shape-overlay);\n  --ts-modal-shadow: var(--ts-shadow-xl);\n}\n\n/* ---- Overlay ---- */\n.modal__overlay {\n  position: fixed;\n  inset: 0;\n  z-index: var(--ts-z-modal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--ts-spacing-4);\n  background-color: var(--ts-modal-overlay-bg);\n  animation: ts-fade-in 240ms cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n/* ---- Dialog ---- */\n.modal__dialog {\n  position: relative;\n  background-color: var(--ts-modal-bg);\n  border-radius: var(--ts-modal-radius);\n  box-shadow: var(--ts-modal-shadow);\n  max-height: calc(100vh - var(--ts-spacing-16));\n  overflow-y: auto;\n  animation: ts-scale-in 280ms cubic-bezier(0.16, 1, 0.3, 1);\n  outline: none;\n}\n\n/* ---- Sizes ---- */\n.modal__dialog--xs  { width: 100%; max-width: 320px; }\n.modal__dialog--sm  { width: 100%; max-width: 440px; }\n.modal__dialog--md  { width: 100%; max-width: 560px; }\n.modal__dialog--lg  { width: 100%; max-width: 720px; }\n.modal__dialog--xl  { width: 100%; max-width: 960px; }\n\n/* ---- Close Button ---- */\n.modal__close {\n  position: absolute;\n  top: var(--ts-spacing-3);\n  inset-inline-end: var(--ts-spacing-3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: none;\n  border-radius: var(--ts-radius-md);\n  background: transparent;\n  color: var(--ts-color-text-tertiary);\n  font-size: var(--ts-font-size-md);\n  cursor: pointer;\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast);\n  z-index: 1;\n  padding: 0;\n  line-height: 1;\n}\n\n.modal__close:hover {\n  background-color: var(--ts-color-bg-hover);\n  color: var(--ts-color-text-secondary);\n}\n\n.modal__close:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Sections ---- */\n.modal__header {\n  padding: var(--ts-spacing-5) var(--ts-spacing-6) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-lg);\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-primary);\n}\n\n.modal__header:empty {\n  display: none;\n}\n\n.modal__body {\n  padding: var(--ts-spacing-3) var(--ts-spacing-6);\n  font-size: var(--ts-font-size-md);\n  color: var(--ts-color-text-secondary);\n  line-height: var(--ts-line-height-normal);\n}\n\n.modal__footer {\n  padding: var(--ts-spacing-3) var(--ts-spacing-6) var(--ts-spacing-5);\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ts-spacing-2);\n}\n\n.modal__footer:empty {\n  display: none;\n}\n\n/* ---- Animations ---- */\n@keyframes ts-fade-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes ts-scale-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  h,\n  Host,\n  Element,\n  Method,\n  Watch,\n} from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize } from '../../types';\nimport { generateId, trapFocus } from '../../utils/aria';\n\n/**\n * @slot - Default slot for modal body content.\n * @slot header - Modal header content.\n * @slot footer - Modal footer content (e.g., action buttons).\n *\n * @part overlay - The backdrop overlay.\n * @part dialog - The dialog container.\n * @part header - The header wrapper.\n * @part body - The body wrapper.\n * @part footer - The footer wrapper.\n * @part close - The close button.\n */\n@Component({\n  tag: 'ts-modal',\n  styleUrl: 'modal.css',\n  shadow: true,\n})\nexport class TsModal {\n  @Element() hostEl!: HTMLElement;\n\n  private dialogEl?: HTMLElement;\n  private removeFocusTrap?: () => void;\n  private previouslyFocused?: HTMLElement;\n  private modalId = generateId('ts-modal');\n\n  /** Whether the modal is open. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The modal's width size preset. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Label for accessibility (used as aria-label). */\n  @Prop() label?: string;\n\n  /** Whether clicking the overlay closes the modal. */\n  @Prop() closeOnOverlay = true;\n\n  /** Whether pressing Escape closes the modal. */\n  @Prop() closeOnEscape = true;\n\n  /** Whether to show the close button. */\n  @Prop() showClose = true;\n\n  /** Emitted when the modal opens. */\n  @Event({ eventName: 'tsOpen' }) tsOpen!: EventEmitter<void>;\n\n  /** Emitted when the modal closes. */\n  @Event({ eventName: 'tsClose' }) tsClose!: EventEmitter<void>;\n\n  /** Internal animation state. */\n  @State() isAnimating = false;\n\n  @Watch('open')\n  handleOpenChange(isOpen: boolean): void {\n    if (isOpen) {\n      this.openModal();\n    } else {\n      this.closeModal();\n    }\n  }\n\n  /** Programmatically open the modal. */\n  @Method()\n  async show(): Promise<void> {\n    this.open = true;\n  }\n\n  /** Programmatically close the modal. */\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n  }\n\n  private openModal(): void {\n    this.previouslyFocused = document.activeElement as HTMLElement;\n    this.isAnimating = true;\n    this.tsOpen.emit();\n\n    // Prevent body scroll\n    document.body.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      if (this.dialogEl) {\n        this.removeFocusTrap = trapFocus(this.dialogEl);\n        // Focus the dialog itself\n        this.dialogEl.focus();\n      }\n    });\n  }\n\n  private closeModal(): void {\n    this.isAnimating = false;\n    this.tsClose.emit();\n\n    // Restore body scroll\n    document.body.style.overflow = '';\n\n    // Clean up focus trap\n    this.removeFocusTrap?.();\n\n    // Restore focus\n    this.previouslyFocused?.focus();\n  }\n\n  disconnectedCallback(): void {\n    this.removeFocusTrap?.();\n    document.body.style.overflow = '';\n  }\n\n  private handleOverlayClick = (): void => {\n    if (this.closeOnOverlay) {\n      this.close();\n    }\n  };\n\n  private handleDialogClick = (event: MouseEvent): void => {\n    // Prevent overlay click from firing when clicking inside the dialog\n    event.stopPropagation();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.closeOnEscape) {\n      event.stopPropagation();\n      this.close();\n    }\n  };\n\n  private handleCloseClick = (): void => {\n    this.close();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    if (!this.open) return null;\n\n    return (\n      <Host\n        class={{\n          'ts-modal': true,\n          'ts-modal--open': this.open,\n        }}\n        onKeyDown={this.handleKeydown}\n      >\n        <div class=\"modal__overlay\" part=\"overlay\" onClick={this.handleOverlayClick}>\n          <div\n            ref={(el) => (this.dialogEl = el)}\n            class={{\n              'modal__dialog': true,\n              [`modal__dialog--${this.size}`]: true,\n            }}\n            part=\"dialog\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={this.label}\n            aria-labelledby={!this.label ? `${this.modalId}-header` : undefined}\n            tabindex={-1}\n            onClick={this.handleDialogClick}\n          >\n            {this.showClose && (\n              <button\n                class=\"modal__close\"\n                part=\"close\"\n                type=\"button\"\n                aria-label=\"Close modal\"\n                onClick={this.handleCloseClick}\n              >\n                ✕\n              </button>\n            )}\n\n            <div class=\"modal__header\" part=\"header\" id={`${this.modalId}-header`}>\n              <slot name=\"header\" />\n            </div>\n\n            <div class=\"modal__body\" part=\"body\">\n              <slot />\n            </div>\n\n            <div class=\"modal__footer\" part=\"footer\">\n              <slot name=\"footer\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAW,IAAM,8yE,MCgCVC,EAAOC,EAAA,MAAAD,UAAAE,E,sKAGVC,SACAC,gBACAC,kBACAC,QAAUC,EAAW,YAGWC,KAAO,MAGtBC,KAAe,KAGhCC,MAGAC,eAAiB,KAGjBC,cAAgB,KAGhBC,UAAY,KAGYC,OAGCC,QAGxBC,YAAc,MAGvB,gBAAAC,CAAiBC,GACf,GAAIA,EAAQ,CACVC,KAAKC,W,KACA,CACLD,KAAKE,Y,EAMT,UAAMC,GACJH,KAAKX,KAAO,I,CAKd,WAAMe,GACJJ,KAAKX,KAAO,K,CAGN,SAAAY,GACND,KAAKd,kBAAoBmB,SAASC,cAClCN,KAAKH,YAAc,KACnBG,KAAKL,OAAOY,OAGZF,SAASG,KAAKC,MAAMC,SAAW,SAE/BC,uBAAsB,KACpB,GAAIX,KAAKhB,SAAU,CACjBgB,KAAKf,gBAAkB2B,EAAUZ,KAAKhB,UAEtCgB,KAAKhB,SAAS6B,O,KAKZ,UAAAX,GACNF,KAAKH,YAAc,MACnBG,KAAKJ,QAAQW,OAGbF,SAASG,KAAKC,MAAMC,SAAW,GAG/BV,KAAKf,oBAGLe,KAAKd,mBAAmB2B,O,CAG1B,oBAAAC,GACEd,KAAKf,oBACLoB,SAASG,KAAKC,MAAMC,SAAW,E,CAGzBK,mBAAqB,KAC3B,GAAIf,KAAKR,eAAgB,CACvBQ,KAAKI,O,GAIDY,kBAAqBC,IAE3BA,EAAMC,iBAAiB,EAGjBC,cAAiBF,IACvB,GAAIA,EAAMG,MAAQ,UAAYpB,KAAKP,cAAe,CAChDwB,EAAMC,kBACNlB,KAAKI,O,GAIDiB,iBAAmB,KACzBrB,KAAKI,OAAO,EAId,MAAAkB,GACE,IAAKtB,KAAKX,KAAM,OAAO,KAEvB,OACEkC,EAACC,EAAI,CACHC,MAAO,CACL,WAAY,KACZ,iBAAkBzB,KAAKX,MAEzBqC,UAAW1B,KAAKmB,eAEhBI,EAAA,OAAKE,MAAM,iBAAiBE,KAAK,UAAUC,QAAS5B,KAAKe,oBACvDQ,EAAA,OACEM,IAAMC,GAAQ9B,KAAKhB,SAAW8C,EAC9BL,MAAO,CACLM,cAAiB,KACjB,CAAC,kBAAkB/B,KAAKV,QAAS,MAEnCqC,KAAK,SACLK,KAAK,SAAQ,aACF,OAAM,aACLhC,KAAKT,MAAK,mBACJS,KAAKT,MAAQ,GAAGS,KAAKb,iBAAmB8C,UAC1DC,UAAU,EACVN,QAAS5B,KAAKgB,mBAEbhB,KAAKN,WACJ6B,EAAA,UACEE,MAAM,eACNE,KAAK,QACLQ,KAAK,SAAQ,aACF,cACXP,QAAS5B,KAAKqB,kBAAgB,KAMlCE,EAAA,OAAKE,MAAM,gBAAgBE,KAAK,SAASS,GAAI,GAAGpC,KAAKb,kBACnDoC,EAAA,QAAMc,KAAK,YAGbd,EAAA,OAAKE,MAAM,cAAcE,KAAK,QAC5BJ,EAAA,cAGFA,EAAA,OAAKE,MAAM,gBAAgBE,KAAK,UAC9BJ,EAAA,QAAMc,KAAK,c","ignoreList":[]}

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

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

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

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

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

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

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

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

package/dist/components/ts-nav.js

@@ -0,0 +1,2 @@
+import{T as o,d as s}from"./p-BP-fZfRb.js";const t=o;const f=s;export{t as TsNav,f as defineCustomElement};
+//# sourceMappingURL=ts-nav.js.map

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

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

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

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

package/dist/components/ts-pagination.js

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

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

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

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

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

package/dist/components/ts-popover.js

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

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

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

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

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

package/dist/components/ts-progress.js

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

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

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

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

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

package/dist/components/ts-radio.js

@@ -0,0 +1,2 @@
+import{t,p as s,H as e,d as o,h as a,c as r}from"./p-DkpyRqHf.js";import{g as i}from"./p-lpqZSiIf.js";const d=()=>`:host{display:inline-block;font-family:var(--ts-font-family-base);--ts-radio-size:1.25rem;--ts-radio-color:var(--ts-color-interactive-primary);--ts-radio-border-color:var(--ts-color-border-default)}.radio__base{display:inline-flex;align-items:center;gap:var(--ts-spacing-2);cursor:pointer;outline:none}.radio__base:focus-visible .radio__control{box-shadow:var(--ts-focus-ring)}.radio__control{display:inline-flex;align-items:center;justify-content:center;width:var(--ts-radio-size);height:var(--ts-radio-size);box-sizing:border-box;border:2px solid var(--ts-radio-border-color);border-radius:50%;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}.radio__dot{width:0;height:0;border-radius:50%;background-color:var(--ts-color-text-on-primary);transition:width var(--ts-transition-fast),     height var(--ts-transition-fast)}:host([checked]) .radio__control{background-color:var(--ts-radio-color);border-color:var(--ts-radio-color)}:host([checked]) .radio__dot{width:40%;height:40%}.radio__base:hover:not([aria-disabled="true"]) .radio__control{border-color:var(--ts-color-primary-500)}:host([disabled]) .radio__base{opacity:0.5;cursor:not-allowed;pointer-events:none}:host([size="sm"]){--ts-radio-size:1rem}:host([size="sm"]) .radio__label{font-size:var(--ts-font-size-sm)}:host([size="md"]) .radio__label{font-size:var(--ts-font-size-md)}:host([size="lg"]){--ts-radio-size:1.5rem}:host([size="lg"]) .radio__label{font-size:var(--ts-font-size-lg)}.radio__label{color:var(--ts-color-text-primary);line-height:var(--ts-line-height-normal);user-select:none}`;const l=s(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.tsChange=o(this,"tsChange")}get hostEl(){return this}inputId=i("ts-radio");checked=false;disabled=false;value="";name;label;size="md";tsChange;async select(){if(!this.disabled&&!this.checked){this.checked=true;this.tsChange.emit({checked:this.checked,value:this.value})}}handleClick=()=>{this.select()};handleKeydown=t=>{if(t.key===" "){t.preventDefault();this.select()}};render(){return a(r,{key:"83a85914dbe352dbb58101fb0ec5a2eefea1b069",class:{"ts-radio":true,[`ts-radio--${this.size}`]:true,"ts-radio--checked":this.checked,"ts-radio--disabled":this.disabled}},a("div",{key:"e78da4f35aaa992df0e4a1b411f63714adad01da",class:"radio__base",part:"base",role:"radio","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeydown},a("div",{key:"d434933511980c1b1ae62727694f718b782eafb1",class:"radio__control",part:"control"},a("div",{key:"240fc60b023fc0e3084d6f1504273b9ba6cc82b3",class:"radio__dot"})),a("label",{key:"21539dae9031f841f3095091225ac534902e4e15",class:"radio__label",part:"label",id:`${this.inputId}-label`},this.label?this.label:a("slot",null))))}static get style(){return d()}},[769,"ts-radio",{checked:[1540],disabled:[516],value:[1],name:[1],label:[1],size:[513],select:[64]}]);function n(){if(typeof customElements==="undefined"){return}const s=["ts-radio"];s.forEach((s=>{switch(s){case"ts-radio":if(!customElements.get(t(s))){customElements.define(t(s),l)}break}}))}n();const c=l;const h=n;export{c as TsRadio,h as defineCustomElement};
+//# sourceMappingURL=ts-radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["radioCss","TsRadio","__stencil_proxyCustomElement","HTMLElement","inputId","generateId","checked","disabled","value","name","label","size","tsChange","select","this","emit","handleClick","handleKeydown","event","key","preventDefault","render","h","Host","class","part","role","undefined","tabindex","onClick","onKeyDown","id"],"sources":["src/components/radio/radio.css?tag=ts-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-radio — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-radio-size           Radio circle size\n     --ts-radio-color          Selected color\n     --ts-radio-border-color   Default border color\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-radio-size: 1.25rem;\n  --ts-radio-color: var(--ts-color-interactive-primary);\n  --ts-radio-border-color: var(--ts-color-border-default);\n}\n\n/* ---- Base container ---- */\n.radio__base {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ts-spacing-2);\n  cursor: pointer;\n  outline: none;\n}\n\n.radio__base:focus-visible .radio__control {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Control circle ---- */\n.radio__control {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ts-radio-size);\n  height: var(--ts-radio-size);\n  box-sizing: border-box;\n  border: 2px solid var(--ts-radio-border-color);\n  border-radius: 50%;\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/* ---- Inner dot ---- */\n.radio__dot {\n  width: 0;\n  height: 0;\n  border-radius: 50%;\n  background-color: var(--ts-color-text-on-primary);\n  transition:\n    width var(--ts-transition-fast),\n    height var(--ts-transition-fast);\n}\n\n/* ---- Checked state ---- */\n:host([checked]) .radio__control {\n  background-color: var(--ts-radio-color);\n  border-color: var(--ts-radio-color);\n}\n\n:host([checked]) .radio__dot {\n  width: 40%;\n  height: 40%;\n}\n\n/* ---- Hover ---- */\n.radio__base:hover:not([aria-disabled=\"true\"]) .radio__control {\n  border-color: var(--ts-color-primary-500);\n}\n\n/* ---- Disabled state ---- */\n:host([disabled]) .radio__base {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) {\n  --ts-radio-size: 1rem;\n}\n\n:host([size=\"sm\"]) .radio__label {\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .radio__label {\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) {\n  --ts-radio-size: 1.5rem;\n}\n\n:host([size=\"lg\"]) .radio__label {\n  font-size: var(--ts-font-size-lg);\n}\n\n/* ---- Label ---- */\n.radio__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 radio label.\n *\n * @part base - The radio container.\n * @part control - The visual radio circle.\n * @part label - The label wrapper.\n */\n@Component({\n  tag: 'ts-radio',\n  styleUrl: 'radio.css',\n  shadow: true,\n})\nexport class TsRadio {\n  @Element() hostEl!: HTMLElement;\n\n  private inputId = generateId('ts-radio');\n\n  /** Whether the radio is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** Renders the radio as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The value associated with this radio. */\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 radio size. */\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Emitted when the radio is selected. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<TsCheckboxChangeEventDetail>;\n\n  /** Programmatically select the radio. */\n  @Method()\n  async select(): Promise<void> {\n    if (!this.disabled && !this.checked) {\n      this.checked = true;\n      this.tsChange.emit({ checked: this.checked, value: this.value });\n    }\n  }\n\n  private handleClick = (): void => {\n    this.select();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.select();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-radio': true,\n          [`ts-radio--${this.size}`]: true,\n          'ts-radio--checked': this.checked,\n          'ts-radio--disabled': this.disabled,\n        }}\n      >\n        <div\n          class=\"radio__base\"\n          part=\"base\"\n          role=\"radio\"\n          aria-checked={this.checked ? 'true' : 'false'}\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=\"radio__control\" part=\"control\">\n            <div class=\"radio__dot\" />\n          </div>\n\n          <label class=\"radio__label\" part=\"label\" id={`${this.inputId}-label`}>\n            {this.label ? this.label : <slot />}\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAW,IAAM,yqD,MCiBVC,EAAOC,EAAA,MAAAD,UAAAE,E,2IAGVC,QAAUC,EAAW,YAGWC,QAAU,MAGzBC,SAAW,MAG5BC,MAAQ,GAGRC,KAGAC,MAGiBC,KAA2B,KAGlBC,SAIlC,YAAMC,GACJ,IAAKC,KAAKP,WAAaO,KAAKR,QAAS,CACnCQ,KAAKR,QAAU,KACfQ,KAAKF,SAASG,KAAK,CAAET,QAASQ,KAAKR,QAASE,MAAOM,KAAKN,O,EAIpDQ,YAAc,KACpBF,KAAKD,QAAQ,EAGPI,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,IAAK,CACrBD,EAAME,iBACNN,KAAKD,Q,GAKT,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,2CACHK,MAAO,CACL,WAAY,KACZ,CAAC,aAAaV,KAAKH,QAAS,KAC5B,oBAAqBG,KAAKR,QAC1B,qBAAsBQ,KAAKP,WAG7Be,EAAA,OAAAH,IAAA,2CACEK,MAAM,cACNC,KAAK,OACLC,KAAK,QAAO,eACEZ,KAAKR,QAAU,OAAS,QAAO,gBAC9BQ,KAAKP,SAAW,OAASoB,UACxCC,SAAUd,KAAKP,UAAW,EAAK,EAC/BsB,QAASf,KAAKE,YACdc,UAAWhB,KAAKG,eAEhBK,EAAA,OAAAH,IAAA,2CAAKK,MAAM,iBAAiBC,KAAK,WAC/BH,EAAA,OAAAH,IAAA,2CAAKK,MAAM,gBAGbF,EAAA,SAAAH,IAAA,2CAAOK,MAAM,eAAeC,KAAK,QAAQM,GAAI,GAAGjB,KAAKV,iBAClDU,KAAKJ,MAAQI,KAAKJ,MAAQY,EAAA,e","ignoreList":[]}

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

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

package/dist/components/ts-row.js

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

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

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

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

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

package/dist/components/ts-select.js

@@ -0,0 +1,2 @@
+import{t as e,p as t,H as s,d as r,h as i,c as a}from"./p-DkpyRqHf.js";import{g as o}from"./p-lpqZSiIf.js";const l=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-select-bg:var(--ts-color-neutral-50);--ts-select-border-color:var(--ts-color-border-default);--ts-select-radius:var(--ts-radius-md);--ts-select-focus-ring:var(--ts-focus-ring)}.select__label{display:block;margin-block-end:var(--ts-spacing-1);font-size:var(--ts-font-size-sm);font-weight:var(--ts-font-weight-medium);color:var(--ts-color-text-secondary);line-height:var(--ts-line-height-normal)}.select__required{color:var(--ts-color-danger-500)}.select__container{position:relative}.select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--ts-spacing-2);width:100%;border:1px solid var(--ts-select-border-color);border-radius:var(--ts-select-radius);background-color:var(--ts-select-bg);font-family:inherit;color:var(--ts-color-text-primary);cursor:pointer;outline:none;transition:border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast);text-align:start;appearance:none}.select__trigger:focus-visible{border-color:var(--ts-color-primary-500);box-shadow:var(--ts-select-focus-ring)}.select__trigger--error{border-color:var(--ts-color-danger-500)}.select__trigger--error:focus-visible{box-shadow:0 0 0 3px var(--ts-color-focus-ring-danger)}.select__trigger--disabled{background-color:var(--ts-color-bg-disabled);opacity:0.6;cursor:not-allowed}.select__trigger--open{border-color:var(--ts-color-primary-500);box-shadow:var(--ts-select-focus-ring)}.select__display{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__display--placeholder{color:var(--ts-color-text-tertiary)}.select__chevron{width:1em;height:1em;flex-shrink:0;transition:transform var(--ts-transition-fast);color:var(--ts-color-text-tertiary)}:host(.ts-select--open) .select__chevron{transform:rotate(180deg)}.select__dropdown{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + var(--ts-spacing-1));z-index:1000;background-color:var(--ts-color-bg-elevated);border:1px solid var(--ts-color-border-default);border-radius:var(--ts-radius-md);box-shadow:var(--ts-shadow-lg);max-height:15rem;overflow-y:auto;padding-block:var(--ts-spacing-1)}.select__option{display:flex;align-items:center;padding:var(--ts-spacing-2) var(--ts-spacing-3);cursor:pointer;transition:background-color var(--ts-transition-fast),     color var(--ts-transition-fast);color:var(--ts-color-text-primary);font-size:inherit}.select__option:hover:not(.select__option--disabled){background-color:var(--ts-color-interactive-primary-subtle)}.select__option--focused{background-color:var(--ts-color-bg-subtle)}.select__option--selected{color:var(--ts-color-interactive-primary);font-weight:var(--ts-font-weight-medium)}.select__option--disabled{opacity:0.5;cursor:not-allowed}:host([size="sm"]) .select__trigger{padding:var(--ts-spacing-1) var(--ts-spacing-2);font-size:var(--ts-font-size-sm);border-radius:var(--ts-radius-sm)}:host([size="md"]) .select__trigger{padding:var(--ts-spacing-2) var(--ts-spacing-3);font-size:var(--ts-font-size-md)}:host([size="lg"]) .select__trigger{padding:var(--ts-spacing-3) var(--ts-spacing-4);font-size:var(--ts-font-size-lg)}:host([size="xl"]) .select__trigger{padding:var(--ts-spacing-4) var(--ts-spacing-5);font-size:var(--ts-font-size-xl);border-radius:var(--ts-radius-lg)}.select__hidden-slot{display:none}.select__help,.select__error{margin-block-start:var(--ts-spacing-1);font-size:var(--ts-font-size-xs);line-height:var(--ts-line-height-normal)}.select__help{color:var(--ts-color-text-tertiary)}.select__error{color:var(--ts-color-danger-600);font-weight:var(--ts-font-weight-medium)}`;const c=t(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.tsChange=r(this,"tsChange");this.tsFocus=r(this,"tsFocus");this.tsBlur=r(this,"tsBlur")}get hostEl(){return this}inputId=o("ts-select");triggerEl;value="";placeholder;disabled=false;size="md";label;helpText;error=false;errorMessage;required=false;name;multiple=false;isOpen=false;focusedIndex=-1;options=[];tsChange;tsFocus;tsBlur;handleValueChange(){}handleDocumentClick(e){if(this.isOpen&&!this.hostEl.contains(e.target)){this.close()}}componentWillLoad(){this.parseOptions()}componentDidLoad(){const e=this.hostEl.shadowRoot?.querySelector(".select__hidden-slot slot");e?.addEventListener("slotchange",(()=>this.parseOptions()))}parseOptions(){const e=this.hostEl.querySelectorAll("option");this.options=Array.from(e).map((e=>({value:e.value,label:e.textContent?.trim()??e.value,disabled:e.disabled})))}open(){if(this.disabled)return;this.isOpen=true;this.focusedIndex=this.options.findIndex((e=>e.value===this.value));if(this.focusedIndex<0)this.focusedIndex=0}close(){this.isOpen=false;this.focusedIndex=-1;this.triggerEl?.focus()}selectOption(e){if(e.disabled)return;this.value=e.value;this.tsChange.emit({value:this.value});this.close()}handleTriggerClick=()=>{if(this.isOpen){this.close()}else{this.open()}};handleTriggerKeydown=e=>{switch(e.key){case"Enter":case" ":case"ArrowDown":e.preventDefault();if(!this.isOpen){this.open()}else if(e.key==="Enter"||e.key===" "){if(this.focusedIndex>=0&&this.options[this.focusedIndex]){this.selectOption(this.options[this.focusedIndex])}}break;case"ArrowUp":e.preventDefault();if(!this.isOpen){this.open()}break;case"Escape":if(this.isOpen){e.preventDefault();this.close()}break}};handleDropdownKeydown=e=>{const t=this.options.filter((e=>!e.disabled));switch(e.key){case"ArrowDown":e.preventDefault();this.moveFocus(1);break;case"ArrowUp":e.preventDefault();this.moveFocus(-1);break;case"Enter":case" ":e.preventDefault();if(this.focusedIndex>=0&&this.options[this.focusedIndex]&&!this.options[this.focusedIndex].disabled){this.selectOption(this.options[this.focusedIndex])}break;case"Escape":e.preventDefault();this.close();break;case"Home":e.preventDefault();this.focusedIndex=t.length>0?this.options.indexOf(t[0]):0;break;case"End":e.preventDefault();this.focusedIndex=t.length>0?this.options.indexOf(t[t.length-1]):this.options.length-1;break}};moveFocus(e){let t=this.focusedIndex+e;while(t>=0&&t<this.options.length&&this.options[t].disabled){t+=e}if(t>=0&&t<this.options.length){this.focusedIndex=t}}handleFocus=()=>{this.tsFocus.emit()};handleBlur=()=>{this.tsBlur.emit()};getDisplayText(){const e=this.options.find((e=>e.value===this.value));return e?.label??""}render(){const e=this.error&&!!this.errorMessage;const t=`${this.inputId}-label`;const s=`${this.inputId}-help`;const r=`${this.inputId}-error`;const o=`${this.inputId}-listbox`;const l=this.getDisplayText();return i(a,{key:"9b3a0e36fdea320fce2428978bcf5052fdfd4de9",class:{"ts-select":true,[`ts-select--${this.size}`]:true,"ts-select--open":this.isOpen,"ts-select--disabled":this.disabled,"ts-select--error":this.error}},this.label&&i("label",{key:"71a6c856fc09aa61ac26c4481e572f2ae5e45bdf",class:"select__label",part:"label",id:t},this.label,this.required&&i("span",{key:"fa1aa9a6d2dde47fdec5e8d0728b8f5a65589430",class:"select__required","aria-hidden":"true"}," *")),i("div",{key:"f3897e2538d5133ce07ab4591cbd52a1321ec938",class:"select__container"},i("button",{key:"f78d7565c491639e1007026b1e979e7fe7cdc185",ref:e=>this.triggerEl=e,class:{select__trigger:true,"select__trigger--open":this.isOpen,"select__trigger--error":this.error,"select__trigger--disabled":this.disabled},part:"trigger",type:"button",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":o,"aria-labelledby":this.label?t:undefined,"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined,disabled:this.disabled,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeydown,onFocus:this.handleFocus,onBlur:this.handleBlur},i("span",{key:"47ef7c569d488efcdbdcb0c4dde6bda31b71783a",class:{select__display:true,"select__display--placeholder":!l}},l||this.placeholder||" "),i("svg",{key:"a416413862109fa8fcf9a4a2b82c6b37fa6a0336",class:"select__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},i("path",{key:"aea2702514b5b0a8e5981e3b901d2b5f74b5ac45",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.isOpen&&i("div",{key:"61c28bf0a413a73460f9ecf14e5dd85e82502249",class:"select__dropdown",part:"dropdown",role:"listbox",id:o,"aria-labelledby":this.label?t:undefined,onKeyDown:this.handleDropdownKeydown},this.options.map(((e,t)=>i("div",{class:{select__option:true,"select__option--selected":e.value===this.value,"select__option--focused":t===this.focusedIndex,"select__option--disabled":e.disabled},part:"option",role:"option","aria-selected":e.value===this.value?"true":"false","aria-disabled":e.disabled?"true":undefined,onClick:()=>this.selectOption(e)},e.label))))),i("div",{key:"a9a59b1565505fd6262a81ce202f1bd4fbb3af1f",class:"select__hidden-slot"},i("slot",{key:"7f5a9e5b313694ff80f0b86e4d1268a20d165556"})),e&&i("div",{key:"b91fafea4a65f2d95822b560c2e75ff7d5ff4831",class:"select__error",part:"error-text",id:r,role:"alert"},this.errorMessage),!e&&this.helpText&&i("div",{key:"aed81b58a86b674c53c28c4dd1c97d0e4a2b8cc3",class:"select__help",part:"help-text",id:s},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return l()}},[769,"ts-select",{value:[1537],placeholder:[1],disabled:[516],size:[513],label:[1],helpText:[1,"help-text"],error:[516],errorMessage:[1,"error-message"],required:[516],name:[1],multiple:[516],isOpen:[32],focusedIndex:[32],options:[32]},[[4,"click","handleDocumentClick"]],{value:[{handleValueChange:0}]}]);function n(){if(typeof customElements==="undefined"){return}const t=["ts-select"];t.forEach((t=>{switch(t){case"ts-select":if(!customElements.get(e(t))){customElements.define(e(t),c)}break}}))}n();const d=c;const h=n;export{d as TsSelect,h as defineCustomElement};
+//# sourceMappingURL=ts-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","TsSelect","__stencil_proxyCustomElement","HTMLElement","inputId","generateId","triggerEl","value","placeholder","disabled","size","label","helpText","error","errorMessage","required","name","multiple","isOpen","focusedIndex","options","tsChange","tsFocus","tsBlur","handleValueChange","handleDocumentClick","event","this","hostEl","contains","target","close","componentWillLoad","parseOptions","componentDidLoad","slot","shadowRoot","querySelector","addEventListener","slottedOptions","querySelectorAll","Array","from","map","opt","textContent","trim","open","findIndex","o","focus","selectOption","option","emit","handleTriggerClick","handleTriggerKeydown","key","preventDefault","handleDropdownKeydown","enabledOptions","filter","moveFocus","length","indexOf","direction","next","handleFocus","handleBlur","getDisplayText","selected","find","render","hasError","labelId","helpId","errorId","listboxId","displayText","h","Host","class","part","id","ref","el","select__trigger","type","role","undefined","onClick","onKeyDown","onFocus","onBlur","select__display","viewBox","fill","d","stroke","index","select__option"],"sources":["src/components/select/select.css?tag=ts-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-select — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-select-bg              Select background\n     --ts-select-border-color    Default border color\n     --ts-select-radius          Border radius\n     --ts-select-focus-ring      Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-select-bg: var(--ts-color-neutral-50);\n  --ts-select-border-color: var(--ts-color-border-default);\n  --ts-select-radius: var(--ts-radius-md);\n  --ts-select-focus-ring: var(--ts-focus-ring);\n}\n\n/* ---- Label ---- */\n.select__label {\n  display: block;\n  margin-block-end: var(--ts-spacing-1);\n  font-size: var(--ts-font-size-sm);\n  font-weight: var(--ts-font-weight-medium);\n  color: var(--ts-color-text-secondary);\n  line-height: var(--ts-line-height-normal);\n}\n\n.select__required {\n  color: var(--ts-color-danger-500);\n}\n\n/* ---- Container ---- */\n.select__container {\n  position: relative;\n}\n\n/* ---- Trigger button ---- */\n.select__trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--ts-spacing-2);\n  width: 100%;\n  border: 1px solid var(--ts-select-border-color);\n  border-radius: var(--ts-select-radius);\n  background-color: var(--ts-select-bg);\n  font-family: inherit;\n  color: var(--ts-color-text-primary);\n  cursor: pointer;\n  outline: none;\n  transition:\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n  text-align: start;\n  appearance: none;\n}\n\n.select__trigger:focus-visible {\n  border-color: var(--ts-color-primary-500);\n  box-shadow: var(--ts-select-focus-ring);\n}\n\n.select__trigger--error {\n  border-color: var(--ts-color-danger-500);\n}\n\n.select__trigger--error:focus-visible {\n  box-shadow: 0 0 0 3px var(--ts-color-focus-ring-danger);\n}\n\n.select__trigger--disabled {\n  background-color: var(--ts-color-bg-disabled);\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.select__trigger--open {\n  border-color: var(--ts-color-primary-500);\n  box-shadow: var(--ts-select-focus-ring);\n}\n\n/* ---- Display text ---- */\n.select__display {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.select__display--placeholder {\n  color: var(--ts-color-text-tertiary);\n}\n\n/* ---- Chevron ---- */\n.select__chevron {\n  width: 1em;\n  height: 1em;\n  flex-shrink: 0;\n  transition: transform var(--ts-transition-fast);\n  color: var(--ts-color-text-tertiary);\n}\n\n:host(.ts-select--open) .select__chevron {\n  transform: rotate(180deg);\n}\n\n/* ---- Dropdown ---- */\n.select__dropdown {\n  position: absolute;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  top: calc(100% + var(--ts-spacing-1));\n  z-index: 1000;\n  background-color: var(--ts-color-bg-elevated);\n  border: 1px solid var(--ts-color-border-default);\n  border-radius: var(--ts-radius-md);\n  box-shadow: var(--ts-shadow-lg);\n  max-height: 15rem;\n  overflow-y: auto;\n  padding-block: var(--ts-spacing-1);\n}\n\n/* ---- Option ---- */\n.select__option {\n  display: flex;\n  align-items: center;\n  padding: var(--ts-spacing-2) var(--ts-spacing-3);\n  cursor: pointer;\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast);\n  color: var(--ts-color-text-primary);\n  font-size: inherit;\n}\n\n.select__option:hover:not(.select__option--disabled) {\n  background-color: var(--ts-color-interactive-primary-subtle);\n}\n\n.select__option--focused {\n  background-color: var(--ts-color-bg-subtle);\n}\n\n.select__option--selected {\n  color: var(--ts-color-interactive-primary);\n  font-weight: var(--ts-font-weight-medium);\n}\n\n.select__option--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .select__trigger {\n  padding: var(--ts-spacing-1) var(--ts-spacing-2);\n  font-size: var(--ts-font-size-sm);\n  border-radius: var(--ts-radius-sm);\n}\n\n:host([size=\"md\"]) .select__trigger {\n  padding: var(--ts-spacing-2) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) .select__trigger {\n  padding: var(--ts-spacing-3) var(--ts-spacing-4);\n  font-size: var(--ts-font-size-lg);\n}\n\n:host([size=\"xl\"]) .select__trigger {\n  padding: var(--ts-spacing-4) var(--ts-spacing-5);\n  font-size: var(--ts-font-size-xl);\n  border-radius: var(--ts-radius-lg);\n}\n\n/* ---- Hidden slot ---- */\n.select__hidden-slot {\n  display: none;\n}\n\n/* ---- Help & Error Text ---- */\n.select__help,\n.select__error {\n  margin-block-start: var(--ts-spacing-1);\n  font-size: var(--ts-font-size-xs);\n  line-height: var(--ts-line-height-normal);\n}\n\n.select__help {\n  color: var(--ts-color-text-tertiary);\n}\n\n.select__error {\n  color: var(--ts-color-danger-600);\n  font-weight: var(--ts-font-weight-medium);\n}\n","import { Component, Prop, State, Event, Watch, h, Host, Element, Listen } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize, TsSelectChangeEventDetail } from '../../types';\nimport { generateId } from '../../utils/aria';\n\ninterface SelectOption {\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\n/**\n * @slot - Default slot for `<option>` elements.\n *\n * @part base - The outer wrapper.\n * @part label - The label element.\n * @part trigger - The select trigger button.\n * @part dropdown - The dropdown panel.\n * @part option - An option in the dropdown list.\n * @part help-text - The help text wrapper.\n * @part error-text - The error message wrapper.\n */\n@Component({\n  tag: 'ts-select',\n  styleUrl: 'select.css',\n  shadow: true,\n})\nexport class TsSelect {\n  @Element() hostEl!: HTMLElement;\n\n  private inputId = generateId('ts-select');\n  private triggerEl?: HTMLElement;\n\n  /** The current value. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Placeholder text when no value is selected. */\n  @Prop() placeholder?: string;\n\n  /** Renders the select as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The select size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Label text displayed above the select. */\n  @Prop() label?: string;\n\n  /** Help text displayed below the select. */\n  @Prop() helpText?: string;\n\n  /** Renders the select in an error state. */\n  @Prop({ reflect: true }) error = false;\n\n  /** Error message displayed below the select. */\n  @Prop() errorMessage?: string;\n\n  /** Makes the select required. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Name attribute for form submission. */\n  @Prop() name?: string;\n\n  /** Allow multiple selections. */\n  @Prop({ reflect: true }) multiple = false;\n\n  /** Whether the dropdown is open. */\n  @State() isOpen = false;\n\n  /** The index of the currently focused option. */\n  @State() focusedIndex = -1;\n\n  /** Parsed options from slotted <option> elements. */\n  @State() options: SelectOption[] = [];\n\n  /** Emitted when the value changes. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<TsSelectChangeEventDetail>;\n\n  /** Emitted when the select gains focus. */\n  @Event({ eventName: 'tsFocus' }) tsFocus!: EventEmitter<void>;\n\n  /** Emitted when the select loses focus. */\n  @Event({ eventName: 'tsBlur' }) tsBlur!: EventEmitter<void>;\n\n  @Watch('value')\n  handleValueChange(): void {\n    // Value was changed externally; ensure UI is in sync\n  }\n\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent): void {\n    if (this.isOpen && !this.hostEl.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.parseOptions();\n  }\n\n  componentDidLoad(): void {\n    // Observe slot changes to re-parse options\n    const slot = this.hostEl.shadowRoot?.querySelector('.select__hidden-slot slot');\n    slot?.addEventListener('slotchange', () => this.parseOptions());\n  }\n\n  private parseOptions(): void {\n    const slottedOptions = this.hostEl.querySelectorAll('option');\n    this.options = Array.from(slottedOptions).map((opt) => ({\n      value: opt.value,\n      label: opt.textContent?.trim() ?? opt.value,\n      disabled: opt.disabled,\n    }));\n  }\n\n  private open(): void {\n    if (this.disabled) return;\n    this.isOpen = true;\n    this.focusedIndex = this.options.findIndex((o) => o.value === this.value);\n    if (this.focusedIndex < 0) this.focusedIndex = 0;\n  }\n\n  private close(): void {\n    this.isOpen = false;\n    this.focusedIndex = -1;\n    this.triggerEl?.focus();\n  }\n\n  private selectOption(option: SelectOption): void {\n    if (option.disabled) return;\n    this.value = option.value;\n    this.tsChange.emit({ value: this.value });\n    this.close();\n  }\n\n  private handleTriggerClick = (): void => {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  private handleTriggerKeydown = (event: KeyboardEvent): void => {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.open();\n        } else if (event.key === 'Enter' || event.key === ' ') {\n          if (this.focusedIndex >= 0 && this.options[this.focusedIndex]) {\n            this.selectOption(this.options[this.focusedIndex]);\n          }\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.open();\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen) {\n          event.preventDefault();\n          this.close();\n        }\n        break;\n    }\n  };\n\n  private handleDropdownKeydown = (event: KeyboardEvent): void => {\n    const enabledOptions = this.options.filter((o) => !o.disabled);\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.moveFocus(1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        this.moveFocus(-1);\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        if (this.focusedIndex >= 0 && this.options[this.focusedIndex] && !this.options[this.focusedIndex].disabled) {\n          this.selectOption(this.options[this.focusedIndex]);\n        }\n        break;\n      case 'Escape':\n        event.preventDefault();\n        this.close();\n        break;\n      case 'Home':\n        event.preventDefault();\n        this.focusedIndex = enabledOptions.length > 0 ? this.options.indexOf(enabledOptions[0]) : 0;\n        break;\n      case 'End':\n        event.preventDefault();\n        this.focusedIndex = enabledOptions.length > 0 ? this.options.indexOf(enabledOptions[enabledOptions.length - 1]) : this.options.length - 1;\n        break;\n    }\n  };\n\n  private moveFocus(direction: number): void {\n    let next = this.focusedIndex + direction;\n    while (next >= 0 && next < this.options.length && this.options[next].disabled) {\n      next += direction;\n    }\n    if (next >= 0 && next < this.options.length) {\n      this.focusedIndex = next;\n    }\n  }\n\n  private handleFocus = (): void => {\n    this.tsFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.tsBlur.emit();\n  };\n\n  private getDisplayText(): string {\n    const selected = this.options.find((o) => o.value === this.value);\n    return selected?.label ?? '';\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const hasError = this.error && !!this.errorMessage;\n    const labelId = `${this.inputId}-label`;\n    const helpId = `${this.inputId}-help`;\n    const errorId = `${this.inputId}-error`;\n    const listboxId = `${this.inputId}-listbox`;\n    const displayText = this.getDisplayText();\n\n    return (\n      <Host\n        class={{\n          'ts-select': true,\n          [`ts-select--${this.size}`]: true,\n          'ts-select--open': this.isOpen,\n          'ts-select--disabled': this.disabled,\n          'ts-select--error': this.error,\n        }}\n      >\n        {this.label && (\n          <label class=\"select__label\" part=\"label\" id={labelId}>\n            {this.label}\n            {this.required && <span class=\"select__required\" aria-hidden=\"true\"> *</span>}\n          </label>\n        )}\n\n        <div class=\"select__container\">\n          <button\n            ref={(el) => (this.triggerEl = el)}\n            class={{\n              'select__trigger': true,\n              'select__trigger--open': this.isOpen,\n              'select__trigger--error': this.error,\n              'select__trigger--disabled': this.disabled,\n            }}\n            part=\"trigger\"\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-haspopup=\"listbox\"\n            aria-controls={listboxId}\n            aria-labelledby={this.label ? labelId : undefined}\n            aria-invalid={this.error ? 'true' : undefined}\n            aria-required={this.required ? 'true' : undefined}\n            disabled={this.disabled}\n            onClick={this.handleTriggerClick}\n            onKeyDown={this.handleTriggerKeydown}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          >\n            <span class={{ 'select__display': true, 'select__display--placeholder': !displayText }}>\n              {displayText || this.placeholder || '\\u00A0'}\n            </span>\n            <svg class=\"select__chevron\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M4 6L8 10L12 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n            </svg>\n          </button>\n\n          {this.isOpen && (\n            <div\n              class=\"select__dropdown\"\n              part=\"dropdown\"\n              role=\"listbox\"\n              id={listboxId}\n              aria-labelledby={this.label ? labelId : undefined}\n              onKeyDown={this.handleDropdownKeydown}\n            >\n              {this.options.map((option, index) => (\n                <div\n                  class={{\n                    'select__option': true,\n                    'select__option--selected': option.value === this.value,\n                    'select__option--focused': index === this.focusedIndex,\n                    'select__option--disabled': option.disabled,\n                  }}\n                  part=\"option\"\n                  role=\"option\"\n                  aria-selected={option.value === this.value ? 'true' : 'false'}\n                  aria-disabled={option.disabled ? 'true' : undefined}\n                  onClick={() => this.selectOption(option)}\n                >\n                  {option.label}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Hidden slot to capture <option> elements */}\n        <div class=\"select__hidden-slot\">\n          <slot />\n        </div>\n\n        {hasError && (\n          <div class=\"select__error\" part=\"error-text\" id={errorId} role=\"alert\">\n            {this.errorMessage}\n          </div>\n        )}\n\n        {!hasError && this.helpText && (\n          <div class=\"select__help\" part=\"help-text\" id={helpId}>\n            {this.helpText}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/dist/components/ts-skeleton.js

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

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

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

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

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

package/dist/components/ts-slider.js

@@ -0,0 +1,2 @@
+import{T as a,d as o}from"./p-zveaarwa.js";const s=a;const r=o;export{s as TsSlider,r as defineCustomElement};
+//# sourceMappingURL=ts-slider.js.map

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

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

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

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

package/dist/components/ts-spacer.js

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

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

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

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

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

package/dist/components/ts-spinner.js

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

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

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

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

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

package/dist/components/ts-stack.js

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

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

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

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

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

package/dist/components/ts-step.js

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

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

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

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

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

package/dist/components/ts-stepper.js

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

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

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

package/dist/components/ts-switch-group.d.ts

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

package/dist/components/ts-switch-group.js

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

package/dist/components/ts-switch-group.js.map

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