@tessera-ui/core 0.4.0

package/dist/tessera-ui/p-0424cd55.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,a as i,h as e,H as a}from"./p-V8-ENixA.js";import{g as r}from"./p-lpqZSiIf.js";const n=()=>`: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 o=class{constructor(i){t(this,i);this.tsInput=s(this,"tsInput");this.tsChange=s(this,"tsChange");this.tsFocus=s(this,"tsFocus");this.tsBlur=s(this,"tsBlur");this.tsValidate=s(this,"tsValidate")}get hostEl(){return i(this)}inputEl;inputId=r("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,s){if(t!==s&&this.inputEl){this.inputEl.value=t}}async setFocus(){this.inputEl?.focus()}async selectText(){this.inputEl?.select()}handleInput=t=>{const s=t.target;const i=this.value;this.value=s.value;this.tsInput.emit({value:this.value,previousValue:i})};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 s=`${this.inputId}-label`;const i=`${this.inputId}-help`;const r=`${this.inputId}-error`;return e(a,{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&&e("label",{key:"a012025c350bd6f593d19477793263b79a68a4f7",class:"input__label",part:"label",id:s,htmlFor:this.inputId},this.label,this.required&&e("span",{key:"71316213839857560e4ed37950985196d17242e4",class:"input__required","aria-hidden":"true"}," *")),e("div",{key:"098dd8b4dcaadf87798307b14c2c5def6fc4359e",class:{input__wrapper:true,"input__wrapper--focused":this.hasFocus,"input__wrapper--error":t,"input__wrapper--disabled":this.disabled},part:"base"},e("span",{key:"c2b7252cde16f5a08ca6e4beeb88fb9e4a48fc32",class:"input__prefix",part:"prefix"},e("slot",{key:"adf46d466d45c9937406846ed3762b0ed41a04db",name:"prefix"})),e("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?s:undefined,"aria-describedby":t?r:this.helpText?i:undefined,"aria-invalid":t?"true":undefined,"aria-required":this.required?"true":undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),e("span",{key:"bec3bfcd47130f240d609f461f74140a970fa7cb",class:"input__suffix",part:"suffix"},e("slot",{key:"1ddd5c810ab5542a019a842a4bb3c725877ac1b0",name:"suffix"}))),t&&e("div",{key:"0e9e25e65ced8ee9ddf5091aa8e32408a6489f17",class:"input__error",part:"error-text",id:r,role:"alert"},this.error),!t&&this.helpText&&e("div",{key:"b28ff0b6e908edd201e17b4da927685f2fa77943",class:"input__help",part:"help-text",id:i},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}};o.style=n();export{o as ts_input};
+//# sourceMappingURL=p-0424cd55.entry.js.map

package/dist/tessera-ui/p-0424cd55.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","TsInput","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/tessera-ui/p-04522bf9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a as e,h as a,H as s}from"./p-V8-ENixA.js";const r=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-stepper-active-color:var(--ts-color-interactive-primary);--ts-stepper-completed-color:var(--ts-color-success-600);--ts-stepper-connector-color:var(--ts-color-border-default)}.stepper__container{display:flex}:host([orientation="horizontal"]) .stepper__container{flex-direction:row;align-items:flex-start}:host([orientation="vertical"]) .stepper__container{flex-direction:column}`;const i=class{constructor(e){t(this,e)}get hostEl(){return e(this)}activeStep=0;orientation="horizontal";linear=false;handleActiveStepChange(){this.updateStepStates()}componentDidLoad(){this.updateStepStates()}updateStepStates(){const t=Array.from(this.hostEl.querySelectorAll("ts-step"));t.forEach(((e,a)=>{e.setAttribute("data-index",String(a));e.setAttribute("data-orientation",this.orientation);if(a===this.activeStep){e.setAttribute("data-active","")}else{e.removeAttribute("data-active")}if(this.linear&&a>this.activeStep){e.setAttribute("disabled","")}else if(this.linear){e.removeAttribute("disabled")}if(a<t.length-1){e.setAttribute("data-has-connector","")}else{e.removeAttribute("data-has-connector")}}))}render(){return a(s,{key:"202c3f1869c3010f5c6f8b5ee52850bcbbce5891",class:{"ts-stepper":true,[`ts-stepper--${this.orientation}`]:true}},a("div",{key:"32b8444cf38f04152a1e288241d703aa5e483379",class:"stepper__container",part:"container",role:"list"},a("slot",{key:"399b699aa4133bb1bb6d93fdc56b45d9bffb234d"})))}static get watchers(){return{activeStep:[{handleActiveStepChange:0}]}}};i.style=r();export{i as ts_stepper};
+//# sourceMappingURL=p-04522bf9.entry.js.map

package/dist/tessera-ui/p-04522bf9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stepperCss","TsStepper","activeStep","orientation","linear","handleActiveStepChange","this","updateStepStates","componentDidLoad","steps","Array","from","hostEl","querySelectorAll","forEach","step","index","setAttribute","String","removeAttribute","length","render","h","Host","key","class","part","role"],"sources":["src/components/stepper/stepper.css?tag=ts-stepper&encapsulation=shadow","src/components/stepper/stepper.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-stepper — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-stepper-active-color     Active step indicator color\n     --ts-stepper-completed-color  Completed step indicator color\n     --ts-stepper-connector-color  Connector line color\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-stepper-active-color: var(--ts-color-interactive-primary);\n  --ts-stepper-completed-color: var(--ts-color-success-600);\n  --ts-stepper-connector-color: var(--ts-color-border-default);\n}\n\n.stepper__container {\n  display: flex;\n}\n\n/* ---- Horizontal ---- */\n:host([orientation=\"horizontal\"]) .stepper__container {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n/* ---- Vertical ---- */\n:host([orientation=\"vertical\"]) .stepper__container {\n  flex-direction: column;\n}\n","import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\n\n/**\n * @slot - Default slot for ts-step children.\n *\n * @part container - The stepper container.\n */\n@Component({\n  tag: 'ts-stepper',\n  styleUrl: 'stepper.css',\n  shadow: true,\n})\nexport class TsStepper {\n  @Element() hostEl!: HTMLElement;\n\n  /** The index of the currently active step (0-based). */\n  @Prop({ reflect: true }) activeStep = 0;\n\n  /** The layout orientation. */\n  @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** If true, steps must be completed in order. */\n  @Prop() linear = false;\n\n  @Watch('activeStep')\n  handleActiveStepChange(): void {\n    this.updateStepStates();\n  }\n\n  componentDidLoad(): void {\n    this.updateStepStates();\n  }\n\n  private updateStepStates(): void {\n    const steps = Array.from(this.hostEl.querySelectorAll('ts-step'));\n    steps.forEach((step, index) => {\n      step.setAttribute('data-index', String(index));\n      step.setAttribute('data-orientation', this.orientation);\n      if (index === this.activeStep) {\n        step.setAttribute('data-active', '');\n      } else {\n        step.removeAttribute('data-active');\n      }\n      if (this.linear && index > this.activeStep) {\n        step.setAttribute('disabled', '');\n      } else if (this.linear) {\n        step.removeAttribute('disabled');\n      }\n      if (index < steps.length - 1) {\n        step.setAttribute('data-has-connector', '');\n      } else {\n        step.removeAttribute('data-has-connector');\n      }\n    });\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-stepper': true,\n          [`ts-stepper--${this.orientation}`]: true,\n        }}\n      >\n        <div class=\"stepper__container\" part=\"container\" role=\"list\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,IAAM,4b,MCYZC,EAAS,M,qDAIKC,WAAa,EAGbC,YAAyC,aAG1DC,OAAS,MAGjB,sBAAAC,GACEC,KAAKC,kB,CAGP,gBAAAC,GACEF,KAAKC,kB,CAGC,gBAAAA,GACN,MAAME,EAAQC,MAAMC,KAAKL,KAAKM,OAAOC,iBAAiB,YACtDJ,EAAMK,SAAQ,CAACC,EAAMC,KACnBD,EAAKE,aAAa,aAAcC,OAAOF,IACvCD,EAAKE,aAAa,mBAAoBX,KAAKH,aAC3C,GAAIa,IAAUV,KAAKJ,WAAY,CAC7Ba,EAAKE,aAAa,cAAe,G,KAC5B,CACLF,EAAKI,gBAAgB,c,CAEvB,GAAIb,KAAKF,QAAUY,EAAQV,KAAKJ,WAAY,CAC1Ca,EAAKE,aAAa,WAAY,G,MACzB,GAAIX,KAAKF,OAAQ,CACtBW,EAAKI,gBAAgB,W,CAEvB,GAAIH,EAAQP,EAAMW,OAAS,EAAG,CAC5BL,EAAKE,aAAa,qBAAsB,G,KACnC,CACLF,EAAKI,gBAAgB,qB,KAM3B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAc,KACd,CAAC,eAAenB,KAAKH,eAAgB,OAGvCmB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBC,KAAK,YAAYC,KAAK,QACpDL,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/tessera-ui/p-04aa8b90.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e,H as t}from"./p-V8-ENixA.js";const a=()=>`:host{display:contents}.breadcrumb-item__li{display:inline-flex;align-items:center;gap:var(--ts-spacing-1)}.breadcrumb-item__link{color:var(--ts-breadcrumb-link-color, var(--ts-color-interactive-primary));text-decoration:none;transition:color var(--ts-transition-fast)}.breadcrumb-item__link:hover{text-decoration:underline;text-underline-offset:2px}.breadcrumb-item__link:focus-visible{box-shadow:var(--ts-focus-ring);border-radius:var(--ts-radius-sm);outline:none}.breadcrumb-item__text{color:var(--ts-color-text-primary)}:host(.ts-breadcrumb-item--current) .breadcrumb-item__text{font-weight:var(--ts-font-weight-semi)}.breadcrumb-item__separator{color:var(--ts-breadcrumb-separator-color, var(--ts-color-text-tertiary));margin-inline:var(--ts-spacing-1);user-select:none}`;const s=class{constructor(e){r(this,e)}href;current=false;separator;render(){const r=!!this.href&&!this.current;return e(t,{key:"dd4faad961e0208052a4bac87ea55a7ee7c21cb1",class:{"ts-breadcrumb-item":true,"ts-breadcrumb-item--current":this.current}},e("li",{key:"044de74c3a547b7384bb37b9c0a9899e19ad121a",class:"breadcrumb-item__li"},r?e("a",{href:this.href,part:"link",class:"breadcrumb-item__link"},e("slot",null)):e("span",{part:"link",class:"breadcrumb-item__text","aria-current":this.current?"page":undefined},e("slot",null)),this.separator&&e("span",{key:"429becb1278bd5db6b050535e70811f922a6ffbc",class:"breadcrumb-item__separator",part:"separator","aria-hidden":"true"},this.separator)))}};s.style=a();export{s as ts_breadcrumb_item};
+//# sourceMappingURL=p-04aa8b90.entry.js.map

package/dist/tessera-ui/p-04aa8b90.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbItemCss","TsBreadcrumbItem","href","current","separator","render","isLink","this","h","Host","key","class","part","undefined"],"sources":["src/components/breadcrumb/breadcrumb-item.css?tag=ts-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-breadcrumb-item — Shadow DOM Scoped Styles\n   ========================================================================== */\n\n:host {\n  display: contents;\n}\n\n.breadcrumb-item__li {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ts-spacing-1);\n}\n\n.breadcrumb-item__link {\n  color: var(--ts-breadcrumb-link-color, var(--ts-color-interactive-primary));\n  text-decoration: none;\n  transition: color var(--ts-transition-fast);\n}\n\n.breadcrumb-item__link:hover {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.breadcrumb-item__link:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n  border-radius: var(--ts-radius-sm);\n  outline: none;\n}\n\n.breadcrumb-item__text {\n  color: var(--ts-color-text-primary);\n}\n\n:host(.ts-breadcrumb-item--current) .breadcrumb-item__text {\n  font-weight: var(--ts-font-weight-semi);\n}\n\n.breadcrumb-item__separator {\n  color: var(--ts-breadcrumb-separator-color, var(--ts-color-text-tertiary));\n  margin-inline: var(--ts-spacing-1);\n  user-select: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @slot - Default slot for label text.\n *\n * @part link - The anchor or span element.\n * @part separator - The separator element.\n */\n@Component({\n  tag: 'ts-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.css',\n  shadow: true,\n})\nexport class TsBreadcrumbItem {\n  /** If set, renders as a link. */\n  @Prop() href?: string;\n\n  /** Marks this item as the current page. */\n  @Prop({ reflect: true }) current = false;\n\n  /** Separator character (set by parent ts-breadcrumb). */\n  @Prop() separator?: string;\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const isLink = !!this.href && !this.current;\n\n    return (\n      <Host class={{ 'ts-breadcrumb-item': true, 'ts-breadcrumb-item--current': this.current }}>\n        <li class=\"breadcrumb-item__li\">\n          {isLink ? (\n            <a href={this.href} part=\"link\" class=\"breadcrumb-item__link\">\n              <slot />\n            </a>\n          ) : (\n            <span\n              part=\"link\"\n              class=\"breadcrumb-item__text\"\n              aria-current={this.current ? 'page' : undefined}\n            >\n              <slot />\n            </span>\n          )}\n          {this.separator && (\n            <span class=\"breadcrumb-item__separator\" part=\"separator\" aria-hidden=\"true\">\n              {this.separator}\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAoB,IAAM,0wB,MCanBC,EAAgB,M,yBAEnBC,KAGiBC,QAAU,MAG3BC,UAGR,MAAAC,GACE,MAAMC,IAAWC,KAAKL,OAASK,KAAKJ,QAEpC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,qBAAsB,KAAM,8BAA+BJ,KAAKJ,UAC7EK,EAAA,MAAAE,IAAA,2CAAIC,MAAM,uBACPL,EACCE,EAAA,KAAGN,KAAMK,KAAKL,KAAMU,KAAK,OAAOD,MAAM,yBACpCH,EAAA,cAGFA,EAAA,QACEI,KAAK,OACLD,MAAM,wBAAuB,eACfJ,KAAKJ,QAAU,OAASU,WAEtCL,EAAA,cAGHD,KAAKH,WACJI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BAA6BC,KAAK,YAAW,cAAa,QACnEL,KAAKH,Y","ignoreList":[]}

package/dist/tessera-ui/p-080eaf89.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as s}from"./p-V8-ENixA.js";const i=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-nav-bg:transparent;--ts-nav-active-bg:var(--ts-color-interactive-primary-subtle);--ts-nav-active-color:var(--ts-color-interactive-primary);--ts-nav-width:240px}.nav__native{background-color:var(--ts-nav-bg)}.nav__list{list-style:none;margin:0;padding:0;display:flex}:host([variant="sidebar"]) .nav__list{flex-direction:column;gap:var(--ts-spacing-1);inline-size:var(--ts-nav-width)}:host([variant="sidebar"][collapsed]) .nav__list{inline-size:auto}:host([variant="horizontal"]) .nav__list{flex-direction:row;gap:var(--ts-spacing-1);align-items:center}`;const n=class{constructor(t){a(this,t)}variant="sidebar";collapsed=false;render(){return t(s,{key:"dcfbdce63e36faf81a1e4967837da40c9059530a",class:{"ts-nav":true,[`ts-nav--${this.variant}`]:true,"ts-nav--collapsed":this.collapsed}},t("nav",{key:"f8c05146a0c6435b7382e12ce8c0b2c5a27a962a",class:"nav__native",part:"nav","aria-label":"Navigation"},t("ul",{key:"dbd02ae09363b4c03832e5a8d5f60cc465626c55",class:"nav__list",part:"list",role:"list"},t("slot",{key:"2b1aa23209f60b7bc382a630d910e4bada9c6adc"}))))}};n.style=i();export{n as ts_nav};
+//# sourceMappingURL=p-080eaf89.entry.js.map

package/dist/tessera-ui/p-080eaf89.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navCss","TsNav","variant","collapsed","render","h","Host","key","class","this","part","role"],"sources":["src/components/nav/nav.css?tag=ts-nav&encapsulation=shadow","src/components/nav/nav.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-nav — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-nav-bg            Navigation background\n     --ts-nav-active-bg     Active item background\n     --ts-nav-active-color  Active item text color\n     --ts-nav-width         Sidebar width\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-nav-bg: transparent;\n  --ts-nav-active-bg: var(--ts-color-interactive-primary-subtle);\n  --ts-nav-active-color: var(--ts-color-interactive-primary);\n  --ts-nav-width: 240px;\n}\n\n.nav__native {\n  background-color: var(--ts-nav-bg);\n}\n\n.nav__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n}\n\n/* ---- Sidebar variant ---- */\n:host([variant=\"sidebar\"]) .nav__list {\n  flex-direction: column;\n  gap: var(--ts-spacing-1);\n  inline-size: var(--ts-nav-width);\n}\n\n:host([variant=\"sidebar\"][collapsed]) .nav__list {\n  inline-size: auto;\n}\n\n/* ---- Horizontal variant ---- */\n:host([variant=\"horizontal\"]) .nav__list {\n  flex-direction: row;\n  gap: var(--ts-spacing-1);\n  align-items: center;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @slot - Default slot for ts-nav-item children.\n *\n * @part nav - The native nav element.\n * @part list - The list container.\n */\n@Component({\n  tag: 'ts-nav',\n  styleUrl: 'nav.css',\n  shadow: true,\n})\nexport class TsNav {\n  /** The navigation layout variant. */\n  @Prop({ reflect: true }) variant: 'sidebar' | 'horizontal' = 'sidebar';\n\n  /** Whether the sidebar nav is collapsed (icons only). */\n  @Prop({ reflect: true }) collapsed = false;\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-nav': true,\n          [`ts-nav--${this.variant}`]: true,\n          'ts-nav--collapsed': this.collapsed,\n        }}\n      >\n        <nav class=\"nav__native\" part=\"nav\" aria-label=\"Navigation\">\n          <ul class=\"nav__list\" part=\"list\" role=\"list\">\n            <slot />\n          </ul>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,IAAM,0mB,MCaRC,EAAK,M,yBAESC,QAAoC,UAGpCC,UAAY,MAGrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,SAAU,KACV,CAAC,WAAWC,KAAKP,WAAY,KAC7B,oBAAqBO,KAAKN,YAG5BE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cAAcE,KAAK,MAAK,aAAY,cAC7CL,EAAA,MAAAE,IAAA,2CAAIC,MAAM,YAAYE,KAAK,OAAOC,KAAK,QACrCN,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/tessera-ui/p-0ec061e5.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as r,H as e}from"./p-V8-ENixA.js";const t=()=>`:host{display:inline-flex;align-items:center;justify-content:center;--ts-spinner-size:1.5rem;--ts-spinner-color:var(--ts-color-interactive-primary);--ts-spinner-track-color:var(--ts-color-neutral-200)}:host([size="xs"]){--ts-spinner-size:0.875rem}:host([size="sm"]){--ts-spinner-size:1.125rem}:host([size="md"]){--ts-spinner-size:1.5rem}:host([size="lg"]){--ts-spinner-size:2rem}:host([size="xl"]){--ts-spinner-size:3rem}.spinner__svg{width:var(--ts-spinner-size);height:var(--ts-spinner-size);animation:ts-spinner-rotate 0.75s linear infinite}.spinner__track{stroke:var(--ts-spinner-track-color)}.spinner__indicator{stroke:var(--ts-spinner-color)}@keyframes ts-spinner-rotate{to{transform:rotate(360deg)}}`;const n=class{constructor(r){s(this,r)}size="md";color="currentColor";label="Loading";render(){return r(e,{key:"6d0183cc6a829afd067c51502cbc119cf8e89c23",class:{"ts-spinner":true,[`ts-spinner--${this.size}`]:true},role:"status","aria-label":this.label},r("svg",{key:"0bb8dc344532457d26f820a6761aba232ad7ed3f",class:"spinner__svg",part:"svg",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("circle",{key:"3431186c9235e4538634217cc4652e5c5d4e2959",class:"spinner__track",part:"track",cx:"16",cy:"16",r:"13","stroke-width":"3"}),r("circle",{key:"b2c69fc866b5d17de8664a8be40750c5a541a374",class:"spinner__indicator",part:"indicator",cx:"16",cy:"16",r:"13","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"20 61.68",style:{stroke:this.color!=="currentColor"?this.color:undefined}})))}};n.style=t();export{n as ts_spinner};
+//# sourceMappingURL=p-0ec061e5.entry.js.map

package/dist/tessera-ui/p-0ec061e5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","TsSpinner","size","color","label","render","h","Host","key","class","this","role","part","viewBox","fill","xmlns","cx","cy","r","style","stroke","undefined"],"sources":["src/components/spinner/spinner.css?tag=ts-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-spinner — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-spinner-size          Spinner dimensions\n     --ts-spinner-color         Spinning indicator color\n     --ts-spinner-track-color   Background track color\n   ========================================================================== */\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  --ts-spinner-size: 1.5rem;\n  --ts-spinner-color: var(--ts-color-interactive-primary);\n  --ts-spinner-track-color: var(--ts-color-neutral-200);\n}\n\n/* ---- Sizes ---- */\n:host([size=\"xs\"]) { --ts-spinner-size: 0.875rem; }\n:host([size=\"sm\"]) { --ts-spinner-size: 1.125rem; }\n:host([size=\"md\"]) { --ts-spinner-size: 1.5rem; }\n:host([size=\"lg\"]) { --ts-spinner-size: 2rem; }\n:host([size=\"xl\"]) { --ts-spinner-size: 3rem; }\n\n/* ---- SVG ---- */\n.spinner__svg {\n  width: var(--ts-spinner-size);\n  height: var(--ts-spinner-size);\n  animation: ts-spinner-rotate 0.75s linear infinite;\n}\n\n/* ---- Track ---- */\n.spinner__track {\n  stroke: var(--ts-spinner-track-color);\n}\n\n/* ---- Indicator ---- */\n.spinner__indicator {\n  stroke: var(--ts-spinner-color);\n}\n\n/* ---- Animation ---- */\n@keyframes ts-spinner-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @part svg - The SVG element.\n * @part track - The background track circle.\n * @part indicator - The spinning indicator arc.\n */\n@Component({\n  tag: 'ts-spinner',\n  styleUrl: 'spinner.css',\n  shadow: true,\n})\nexport class TsSpinner {\n  /** The size of the spinner. */\n  @Prop({ reflect: true }) size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n  /** The color of the spinning indicator. */\n  @Prop() color: string = 'currentColor';\n\n  /** Accessible label for screen readers. */\n  @Prop() label: string = 'Loading';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-spinner': true,\n          [`ts-spinner--${this.size}`]: true,\n        }}\n        role=\"status\"\n        aria-label={this.label}\n      >\n        <svg class=\"spinner__svg\" part=\"svg\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle\n            class=\"spinner__track\"\n            part=\"track\"\n            cx=\"16\"\n            cy=\"16\"\n            r=\"13\"\n            stroke-width=\"3\"\n          />\n          <circle\n            class=\"spinner__indicator\"\n            part=\"indicator\"\n            cx=\"16\"\n            cy=\"16\"\n            r=\"13\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n            stroke-dasharray=\"20 61.68\"\n            style={{ stroke: this.color !== 'currentColor' ? this.color : undefined }}\n          />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,IAAM,qsB,MCYZC,EAAS,M,yBAEKC,KAAyC,KAG1DC,MAAgB,eAGhBC,MAAgB,UAGxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAc,KACd,CAAC,eAAeC,KAAKR,QAAS,MAEhCS,KAAK,SAAQ,aACDD,KAAKN,OAEjBE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeG,KAAK,MAAMC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BACzET,EAAA,UAAAE,IAAA,2CACEC,MAAM,iBACNG,KAAK,QACLI,GAAG,KACHC,GAAG,KACHC,EAAE,KAAI,eACO,MAEfZ,EAAA,UAAAE,IAAA,2CACEC,MAAM,qBACNG,KAAK,YACLI,GAAG,KACHC,GAAG,KACHC,EAAE,KAAI,eACO,IAAG,iBACD,QAAO,mBACL,WACjBC,MAAO,CAAEC,OAAQV,KAAKP,QAAU,eAAiBO,KAAKP,MAAQkB,c","ignoreList":[]}

package/dist/tessera-ui/p-122e43b7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,a as o,h as r,H as n}from"./p-V8-ENixA.js";const e=()=>`: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 s=class{constructor(o){t(this,o);this.tsClick=a(this,"tsClick");this.tsFocus=a(this,"tsFocus");this.tsBlur=a(this,"tsBlur")}get hostEl(){return o(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 r("span",{class:"button__spinner",part:"spinner","aria-hidden":"true"},r("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("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 r(n,{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}},r(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(),r("span",{key:"c08cc2427e4e97787dd6aca934bc90296b528f3e",class:"button__prefix",part:"prefix"},r("slot",{key:"b78c2bd8685f9ceea5bfe0645b091cdea9cbef99",name:"prefix"})),r("span",{key:"c402094ba85026064f300b90311a84a35a0f1b72",class:"button__label",part:"label"},r("slot",{key:"38801473cf5e03292a66344434ce1fd882e60ca7"})),r("span",{key:"559ee29b7ebe3f9746d83d69863454c65e251aba",class:"button__suffix",part:"suffix"},r("slot",{key:"52fd64d18e25367625bbff0e995103245cbdaaa4",name:"suffix"}))))}};s.style=e();export{s as ts_button};
+//# sourceMappingURL=p-122e43b7.entry.js.map

package/dist/tessera-ui/p-122e43b7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","TsButton","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":"gEAAA,MAAMA,EAAY,IAAM,0+L,MCoBXC,EAAQ,M,gJAIMC,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/tessera-ui/p-16bb8ca8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a as o,h as p,H as i}from"./p-V8-ENixA.js";import{g as e}from"./p-lpqZSiIf.js";const s=()=>`:host{display:inline-block;position:relative;font-family:var(--ts-font-family-base);--ts-tooltip-bg:var(--ts-ref-neutral-900);--ts-tooltip-color:#ffffff;--ts-tooltip-radius:var(--ts-shape-badge)}.tooltip__trigger{display:inline-block}.tooltip__popup{position:absolute;z-index:var(--ts-z-tooltip);padding:var(--ts-spacing-1) var(--ts-spacing-2);background-color:var(--ts-tooltip-bg);color:var(--ts-tooltip-color);font-size:var(--ts-font-size-xs);font-weight:var(--ts-font-weight-medium);line-height:var(--ts-line-height-normal);border-radius:var(--ts-tooltip-radius);white-space:nowrap;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity var(--ts-transition-fast),     transform var(--ts-transition-fast)}.tooltip__popup--visible{opacity:1;transform:scale(1)}.tooltip__popup--top{bottom:calc(100% + 8px);left:50%;transform-origin:bottom center}.tooltip__popup--top,.tooltip__popup--top-start,.tooltip__popup--top-end{bottom:calc(100% + 8px)}.tooltip__popup--top{left:50%;margin-left:-50%}.tooltip__popup--top-start{inset-inline-start:0}.tooltip__popup--top-end{inset-inline-end:0}.tooltip__popup--bottom,.tooltip__popup--bottom-start,.tooltip__popup--bottom-end{top:calc(100% + 8px)}.tooltip__popup--bottom{left:50%;margin-left:-50%}.tooltip__popup--bottom-start{inset-inline-start:0}.tooltip__popup--bottom-end{inset-inline-end:0}.tooltip__popup--left,.tooltip__popup--left-start,.tooltip__popup--left-end{inset-inline-end:calc(100% + 8px)}.tooltip__popup--left{top:50%;transform:translateY(-50%) scale(0.95)}.tooltip__popup--left.tooltip__popup--visible{transform:translateY(-50%) scale(1)}.tooltip__popup--right,.tooltip__popup--right-start,.tooltip__popup--right-end{inset-inline-start:calc(100% + 8px)}.tooltip__popup--right{top:50%;transform:translateY(-50%) scale(0.95)}.tooltip__popup--right.tooltip__popup--visible{transform:translateY(-50%) scale(1)}.tooltip__arrow{position:absolute;width:8px;height:8px;background:var(--ts-tooltip-bg);transform:rotate(45deg)}.tooltip__popup--top .tooltip__arrow,.tooltip__popup--top-start .tooltip__arrow,.tooltip__popup--top-end .tooltip__arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip__popup--bottom .tooltip__arrow,.tooltip__popup--bottom-start .tooltip__arrow,.tooltip__popup--bottom-end .tooltip__arrow{top:-4px;left:50%;margin-left:-4px}.tooltip__popup--left .tooltip__arrow{inset-inline-end:-4px;top:50%;margin-top:-4px}.tooltip__popup--right .tooltip__arrow{inset-inline-start:-4px;top:50%;margin-top:-4px}`;const a=class{constructor(o){t(this,o)}get hostEl(){return o(this)}tooltipId=e("ts-tooltip");content="";placement="top";showDelay=200;hideDelay=0;disabled=false;isVisible=false;showTimeout;hideTimeout;async show(){if(this.disabled)return;clearTimeout(this.hideTimeout);this.showTimeout=setTimeout((()=>{this.isVisible=true}),this.showDelay)}async hide(){clearTimeout(this.showTimeout);this.hideTimeout=setTimeout((()=>{this.isVisible=false}),this.hideDelay)}disconnectedCallback(){clearTimeout(this.showTimeout);clearTimeout(this.hideTimeout)}handleMouseEnter=()=>{this.show()};handleMouseLeave=()=>{this.hide()};handleFocusIn=()=>{this.show()};handleFocusOut=()=>{this.hide()};handleKeydown=t=>{if(t.key==="Escape"&&this.isVisible){this.hide()}};render(){return p(i,{key:"51c5ec887b0a5b01b558e94673f4546cd5c1bfad",class:{"ts-tooltip":true,"ts-tooltip--visible":this.isVisible},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeydown},p("span",{key:"0b334f0e17a37431daa0f23652374a4f8f0de3b9",class:"tooltip__trigger","aria-describedby":this.isVisible?this.tooltipId:undefined},p("slot",{key:"e3f1e57562ee6c55f4c6343fc853a9ee1ef234fc"})),p("div",{key:"ebc401eb3735582782e2a13457c9591a250455c9",class:{tooltip__popup:true,[`tooltip__popup--${this.placement}`]:true,"tooltip__popup--visible":this.isVisible},part:"base",id:this.tooltipId,role:"tooltip","aria-hidden":!this.isVisible?"true":undefined},this.content,p("div",{key:"fa6a4ac47413853dfd1f4da984888e0de02d7493",class:"tooltip__arrow",part:"arrow"})))}};a.style=s();export{a as ts_tooltip};
+//# sourceMappingURL=p-16bb8ca8.entry.js.map

package/dist/tessera-ui/p-16bb8ca8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipCss","TsTooltip","tooltipId","generateId","content","placement","showDelay","hideDelay","disabled","isVisible","showTimeout","hideTimeout","show","this","clearTimeout","setTimeout","hide","disconnectedCallback","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","handleKeydown","event","key","render","h","Host","class","onMouseEnter","onMouseLeave","onFocusin","onFocusout","onKeyDown","undefined","tooltip__popup","part","id","role"],"sources":["src/components/tooltip/tooltip.css?tag=ts-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-tooltip — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-tooltip-bg       Popup background\n     --ts-tooltip-color    Popup text color\n     --ts-tooltip-radius   Popup border radius\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  position: relative;\n  font-family: var(--ts-font-family-base);\n\n  --ts-tooltip-bg: var(--ts-ref-neutral-900);\n  --ts-tooltip-color: #ffffff;\n  --ts-tooltip-radius: var(--ts-shape-badge);\n}\n\n.tooltip__trigger {\n  display: inline-block;\n}\n\n/* ---- Popup ---- */\n.tooltip__popup {\n  position: absolute;\n  z-index: var(--ts-z-tooltip);\n  padding: var(--ts-spacing-1) var(--ts-spacing-2);\n  background-color: var(--ts-tooltip-bg);\n  color: var(--ts-tooltip-color);\n  font-size: var(--ts-font-size-xs);\n  font-weight: var(--ts-font-weight-medium);\n  line-height: var(--ts-line-height-normal);\n  border-radius: var(--ts-tooltip-radius);\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity var(--ts-transition-fast),\n    transform var(--ts-transition-fast);\n}\n\n.tooltip__popup--visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* ---- Placements ---- */\n.tooltip__popup--top {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform-origin: bottom center;\n}\n.tooltip__popup--top,\n.tooltip__popup--top-start,\n.tooltip__popup--top-end {\n  bottom: calc(100% + 8px);\n}\n.tooltip__popup--top { left: 50%; margin-left: -50%; }\n.tooltip__popup--top-start { inset-inline-start: 0; }\n.tooltip__popup--top-end { inset-inline-end: 0; }\n\n.tooltip__popup--bottom,\n.tooltip__popup--bottom-start,\n.tooltip__popup--bottom-end {\n  top: calc(100% + 8px);\n}\n.tooltip__popup--bottom { left: 50%; margin-left: -50%; }\n.tooltip__popup--bottom-start { inset-inline-start: 0; }\n.tooltip__popup--bottom-end { inset-inline-end: 0; }\n\n.tooltip__popup--left,\n.tooltip__popup--left-start,\n.tooltip__popup--left-end {\n  inset-inline-end: calc(100% + 8px);\n}\n.tooltip__popup--left { top: 50%; transform: translateY(-50%) scale(0.95); }\n.tooltip__popup--left.tooltip__popup--visible { transform: translateY(-50%) scale(1); }\n\n.tooltip__popup--right,\n.tooltip__popup--right-start,\n.tooltip__popup--right-end {\n  inset-inline-start: calc(100% + 8px);\n}\n.tooltip__popup--right { top: 50%; transform: translateY(-50%) scale(0.95); }\n.tooltip__popup--right.tooltip__popup--visible { transform: translateY(-50%) scale(1); }\n\n/* ---- Arrow ---- */\n.tooltip__arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: var(--ts-tooltip-bg);\n  transform: rotate(45deg);\n}\n\n.tooltip__popup--top .tooltip__arrow,\n.tooltip__popup--top-start .tooltip__arrow,\n.tooltip__popup--top-end .tooltip__arrow {\n  bottom: -4px;\n  left: 50%;\n  margin-left: -4px;\n}\n\n.tooltip__popup--bottom .tooltip__arrow,\n.tooltip__popup--bottom-start .tooltip__arrow,\n.tooltip__popup--bottom-end .tooltip__arrow {\n  top: -4px;\n  left: 50%;\n  margin-left: -4px;\n}\n\n.tooltip__popup--left .tooltip__arrow {\n  inset-inline-end: -4px;\n  top: 50%;\n  margin-top: -4px;\n}\n\n.tooltip__popup--right .tooltip__arrow {\n  inset-inline-start: -4px;\n  top: 50%;\n  margin-top: -4px;\n}\n","import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\nimport type { TsPlacement } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @slot - Default slot for the trigger element.\n *\n * @part base - The tooltip popup container.\n * @part arrow - The tooltip arrow element.\n */\n@Component({\n  tag: 'ts-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class TsTooltip {\n  @Element() hostEl!: HTMLElement;\n\n  private tooltipId = generateId('ts-tooltip');\n\n  /** The tooltip text content. */\n  @Prop() content = '';\n\n  /** Placement of the tooltip relative to the trigger. */\n  @Prop({ reflect: true }) placement: TsPlacement = 'top';\n\n  /** Delay in ms before showing the tooltip. */\n  @Prop() showDelay = 200;\n\n  /** Delay in ms before hiding the tooltip. */\n  @Prop() hideDelay = 0;\n\n  /** Disables the tooltip. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Whether the tooltip is currently visible. */\n  @State() isVisible = false;\n\n  private showTimeout?: ReturnType<typeof setTimeout>;\n  private hideTimeout?: ReturnType<typeof setTimeout>;\n\n  /** Programmatically show the tooltip. */\n  @Method()\n  async show(): Promise<void> {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimeout);\n    this.showTimeout = setTimeout(() => {\n      this.isVisible = true;\n    }, this.showDelay);\n  }\n\n  /** Programmatically hide the tooltip. */\n  @Method()\n  async hide(): Promise<void> {\n    clearTimeout(this.showTimeout);\n    this.hideTimeout = setTimeout(() => {\n      this.isVisible = false;\n    }, this.hideDelay);\n  }\n\n  disconnectedCallback(): void {\n    clearTimeout(this.showTimeout);\n    clearTimeout(this.hideTimeout);\n  }\n\n  private handleMouseEnter = (): void => {\n    this.show();\n  };\n\n  private handleMouseLeave = (): void => {\n    this.hide();\n  };\n\n  private handleFocusIn = (): void => {\n    this.show();\n  };\n\n  private handleFocusOut = (): void => {\n    this.hide();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.isVisible) {\n      this.hide();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-tooltip': true,\n          'ts-tooltip--visible': this.isVisible,\n        }}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocusin={this.handleFocusIn}\n        onFocusout={this.handleFocusOut}\n        onKeyDown={this.handleKeydown}\n      >\n        <span class=\"tooltip__trigger\" aria-describedby={this.isVisible ? this.tooltipId : undefined}>\n          <slot />\n        </span>\n\n        <div\n          class={{\n            'tooltip__popup': true,\n            [`tooltip__popup--${this.placement}`]: true,\n            'tooltip__popup--visible': this.isVisible,\n          }}\n          part=\"base\"\n          id={this.tooltipId}\n          role=\"tooltip\"\n          aria-hidden={!this.isVisible ? 'true' : undefined}\n        >\n          {this.content}\n          <div class=\"tooltip__arrow\" part=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,IAAM,u7E,MCeZC,EAAS,M,qDAGZC,UAAYC,EAAW,cAGvBC,QAAU,GAGOC,UAAyB,MAG1CC,UAAY,IAGZC,UAAY,EAGKC,SAAW,MAG3BC,UAAY,MAEbC,YACAC,YAIR,UAAMC,GACJ,GAAIC,KAAKL,SAAU,OACnBM,aAAaD,KAAKF,aAClBE,KAAKH,YAAcK,YAAW,KAC5BF,KAAKJ,UAAY,IAAI,GACpBI,KAAKP,U,CAKV,UAAMU,GACJF,aAAaD,KAAKH,aAClBG,KAAKF,YAAcI,YAAW,KAC5BF,KAAKJ,UAAY,KAAK,GACrBI,KAAKN,U,CAGV,oBAAAU,GACEH,aAAaD,KAAKH,aAClBI,aAAaD,KAAKF,Y,CAGZO,iBAAmB,KACzBL,KAAKD,MAAM,EAGLO,iBAAmB,KACzBN,KAAKG,MAAM,EAGLI,cAAgB,KACtBP,KAAKD,MAAM,EAGLS,eAAiB,KACvBR,KAAKG,MAAM,EAGLM,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,UAAYX,KAAKJ,UAAW,CAC5CI,KAAKG,M,GAKT,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAH,IAAA,2CACHI,MAAO,CACL,aAAc,KACd,sBAAuBf,KAAKJ,WAE9BoB,aAAchB,KAAKK,iBACnBY,aAAcjB,KAAKM,iBACnBY,UAAWlB,KAAKO,cAChBY,WAAYnB,KAAKQ,eACjBY,UAAWpB,KAAKS,eAEhBI,EAAA,QAAAF,IAAA,2CAAMI,MAAM,mBAAkB,mBAAmBf,KAAKJ,UAAYI,KAAKX,UAAYgC,WACjFR,EAAA,QAAAF,IAAA,8CAGFE,EAAA,OAAAF,IAAA,2CACEI,MAAO,CACLO,eAAkB,KAClB,CAAC,mBAAmBtB,KAAKR,aAAc,KACvC,0BAA2BQ,KAAKJ,WAElC2B,KAAK,OACLC,GAAIxB,KAAKX,UACToC,KAAK,UAAS,eACAzB,KAAKJ,UAAY,OAASyB,WAEvCrB,KAAKT,QACNsB,EAAA,OAAAF,IAAA,2CAAKI,MAAM,iBAAiBQ,KAAK,W","ignoreList":[]}

package/dist/tessera-ui/p-16fc632b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,a as s,h as r,H as e}from"./p-V8-ENixA.js";const o=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-tabs-border-color:var(--ts-color-border-default);--ts-tabs-active-color:var(--ts-color-interactive-primary);--ts-tabs-radius:var(--ts-radius-md)}.tabs__tablist{display:flex;gap:var(--ts-spacing-1);border-block-end:2px solid var(--ts-tabs-border-color)}.tabs__tab{display:inline-flex;align-items:center;gap:var(--ts-spacing-1);border:none;background:transparent;font-family:inherit;font-weight:var(--ts-font-weight-semi);color:var(--ts-color-text-secondary);cursor:pointer;position:relative;white-space:nowrap;transition:color var(--ts-transition-fast),     background-color var(--ts-transition-fast),     border-color var(--ts-transition-fast);outline:none;margin-block-end:-2px;border-block-end:2px solid transparent}.tabs__tab:focus-visible{box-shadow:var(--ts-focus-ring)}.tabs__tab:hover:not([disabled]){color:var(--ts-color-text-primary)}.tabs__tab--active{color:var(--ts-tabs-active-color);border-block-end-color:var(--ts-tabs-active-color)}.tabs__tab--disabled{opacity:0.5;cursor:not-allowed}:host([size="sm"]) .tabs__tab{padding:var(--ts-spacing-1) var(--ts-spacing-3);font-size:var(--ts-font-size-sm)}:host([size="md"]) .tabs__tab{padding:var(--ts-spacing-2) var(--ts-spacing-4);font-size:var(--ts-font-size-md)}:host([size="lg"]) .tabs__tab{padding:var(--ts-spacing-3) var(--ts-spacing-5);font-size:var(--ts-font-size-lg)}:host([variant="enclosed"]) .tabs__tablist{gap:0;border-block-end:2px solid var(--ts-tabs-border-color)}:host([variant="enclosed"]) .tabs__tab{border:2px solid transparent;border-block-end:2px solid var(--ts-tabs-border-color);border-start-start-radius:var(--ts-tabs-radius);border-start-end-radius:var(--ts-tabs-radius);margin-block-end:-2px}:host([variant="enclosed"]) .tabs__tab--active{border-color:var(--ts-tabs-border-color);border-block-end-color:var(--ts-color-bg-surface);background-color:var(--ts-color-bg-surface);color:var(--ts-tabs-active-color)}:host([variant="pill"]) .tabs__tablist{border-block-end:none;gap:var(--ts-spacing-1);background-color:var(--ts-color-bg-subtle);border-radius:var(--ts-tabs-radius);padding:var(--ts-spacing-1)}:host([variant="pill"]) .tabs__tab{border-block-end:none;border-radius:var(--ts-tabs-radius);margin-block-end:0}:host([variant="pill"]) .tabs__tab--active{background-color:var(--ts-color-bg-surface);color:var(--ts-tabs-active-color);box-shadow:var(--ts-shadow-sm)}.tabs__panels{padding-block-start:var(--ts-spacing-4)}.tabs__tab-icon{font-size:1em}`;const i=class{constructor(s){t(this,s);this.tsChange=a(this,"tsChange")}get hostEl(){return s(this)}value;variant="line";size="md";tsChange;handleValueChange(){this.updatePanelVisibility()}componentDidLoad(){if(!this.value){const t=this.getPanels();const a=t.find((t=>!t.hasAttribute("disabled")));if(a){this.value=a.getAttribute("value")||""}}this.updatePanelVisibility()}getPanels(){return Array.from(this.hostEl.querySelectorAll("ts-tab-panel"))}getTabData(){return this.getPanels().map((t=>({tab:t.getAttribute("tab")||"",value:t.getAttribute("value")||"",disabled:t.hasAttribute("disabled"),icon:t.getAttribute("icon")||undefined})))}updatePanelVisibility(){this.getPanels().forEach((t=>{const a=t.getAttribute("value")===this.value;t.style.display=a?"":"none"}))}handleTabClick(t,a){if(a||t===this.value)return;this.value=t;this.tsChange.emit({value:t});this.updatePanelVisibility()}handleKeydown=t=>{const a=this.getTabData();const s=a.filter((t=>!t.disabled));const r=s.findIndex((t=>t.value===this.value));let e=r;switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault();e=(r+1)%s.length;break;case"ArrowLeft":case"ArrowUp":t.preventDefault();e=(r-1+s.length)%s.length;break;case"Home":t.preventDefault();e=0;break;case"End":t.preventDefault();e=s.length-1;break;default:return}const o=s[e];if(o){this.value=o.value;this.tsChange.emit({value:o.value});this.updatePanelVisibility();const t=this.hostEl.shadowRoot?.querySelectorAll('[role="tab"]');const s=a.findIndex((t=>t.value===o.value));t?.[s]?.focus()}};render(){const t=this.getTabData();return r(e,{key:"4494e457803734a1e75439fce33da557d2aa9b2e",class:{"ts-tabs":true,[`ts-tabs--${this.variant}`]:true,[`ts-tabs--${this.size}`]:true}},r("div",{key:"761806ffca4e983be0e85fa711eb30124a42a283",class:"tabs__tablist",part:"tablist",role:"tablist",onKeyDown:this.handleKeydown},t.map((t=>{const a=t.value===this.value;return r("button",{class:{tabs__tab:true,"tabs__tab--active":a,"tabs__tab--disabled":t.disabled},part:a?"tab tab-active":"tab",role:"tab",type:"button","aria-selected":a?"true":"false","aria-disabled":t.disabled?"true":undefined,tabindex:a?0:-1,disabled:t.disabled,onClick:()=>this.handleTabClick(t.value,t.disabled)},t.icon&&r("ts-icon",{name:t.icon,class:"tabs__tab-icon"}),t.tab)}))),r("div",{key:"3e6bb533aee14347410a621435fa695233bacb33",class:"tabs__panels",part:"panels"},r("slot",{key:"ccf531fbebef82784b1d412ef72828072595f7ee"})))}static get watchers(){return{value:[{handleValueChange:0}]}}};i.style=o();export{i as ts_tabs};
+//# sourceMappingURL=p-16fc632b.entry.js.map

package/dist/tessera-ui/p-16fc632b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tabsCss","TsTabs","value","variant","size","tsChange","handleValueChange","this","updatePanelVisibility","componentDidLoad","panels","getPanels","firstEnabled","find","p","hasAttribute","getAttribute","Array","from","hostEl","querySelectorAll","getTabData","map","panel","tab","disabled","icon","undefined","forEach","isActive","style","display","handleTabClick","tabValue","emit","handleKeydown","event","tabs","enabledTabs","filter","t","currentIndex","findIndex","newIndex","key","preventDefault","length","newTab","tabButtons","shadowRoot","allTabIndex","focus","render","h","Host","class","part","role","onKeyDown","tabs__tab","type","tabindex","onClick","name"],"sources":["src/components/tabs/tabs.css?tag=ts-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-tabs — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-tabs-border-color   Border color for tab bar\n     --ts-tabs-active-color   Active tab indicator color\n     --ts-tabs-radius         Border radius for enclosed/pill tabs\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-tabs-border-color: var(--ts-color-border-default);\n  --ts-tabs-active-color: var(--ts-color-interactive-primary);\n  --ts-tabs-radius: var(--ts-radius-md);\n}\n\n/* ---- Tab list ---- */\n.tabs__tablist {\n  display: flex;\n  gap: var(--ts-spacing-1);\n  border-block-end: 2px solid var(--ts-tabs-border-color);\n}\n\n/* ---- Tab button base ---- */\n.tabs__tab {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ts-spacing-1);\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-secondary);\n  cursor: pointer;\n  position: relative;\n  white-space: nowrap;\n  transition:\n    color var(--ts-transition-fast),\n    background-color var(--ts-transition-fast),\n    border-color var(--ts-transition-fast);\n  outline: none;\n  margin-block-end: -2px;\n  border-block-end: 2px solid transparent;\n}\n\n.tabs__tab:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n}\n\n.tabs__tab:hover:not([disabled]) {\n  color: var(--ts-color-text-primary);\n}\n\n/* ---- Active tab (line variant) ---- */\n.tabs__tab--active {\n  color: var(--ts-tabs-active-color);\n  border-block-end-color: var(--ts-tabs-active-color);\n}\n\n/* ---- Disabled ---- */\n.tabs__tab--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .tabs__tab {\n  padding: var(--ts-spacing-1) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .tabs__tab {\n  padding: var(--ts-spacing-2) var(--ts-spacing-4);\n  font-size: var(--ts-font-size-md);\n}\n\n:host([size=\"lg\"]) .tabs__tab {\n  padding: var(--ts-spacing-3) var(--ts-spacing-5);\n  font-size: var(--ts-font-size-lg);\n}\n\n/* ---- Enclosed variant ---- */\n:host([variant=\"enclosed\"]) .tabs__tablist {\n  gap: 0;\n  border-block-end: 2px solid var(--ts-tabs-border-color);\n}\n\n:host([variant=\"enclosed\"]) .tabs__tab {\n  border: 2px solid transparent;\n  border-block-end: 2px solid var(--ts-tabs-border-color);\n  border-start-start-radius: var(--ts-tabs-radius);\n  border-start-end-radius: var(--ts-tabs-radius);\n  margin-block-end: -2px;\n}\n\n:host([variant=\"enclosed\"]) .tabs__tab--active {\n  border-color: var(--ts-tabs-border-color);\n  border-block-end-color: var(--ts-color-bg-surface);\n  background-color: var(--ts-color-bg-surface);\n  color: var(--ts-tabs-active-color);\n}\n\n/* ---- Pill variant ---- */\n:host([variant=\"pill\"]) .tabs__tablist {\n  border-block-end: none;\n  gap: var(--ts-spacing-1);\n  background-color: var(--ts-color-bg-subtle);\n  border-radius: var(--ts-tabs-radius);\n  padding: var(--ts-spacing-1);\n}\n\n:host([variant=\"pill\"]) .tabs__tab {\n  border-block-end: none;\n  border-radius: var(--ts-tabs-radius);\n  margin-block-end: 0;\n}\n\n:host([variant=\"pill\"]) .tabs__tab--active {\n  background-color: var(--ts-color-bg-surface);\n  color: var(--ts-tabs-active-color);\n  box-shadow: var(--ts-shadow-sm);\n}\n\n/* ---- Panels ---- */\n.tabs__panels {\n  padding-block-start: var(--ts-spacing-4);\n}\n\n/* ---- Tab icon ---- */\n.tabs__tab-icon {\n  font-size: 1em;\n}\n","import { Component, Prop, Event, h, Host, Element, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\n/**\n * @slot - Default slot for `ts-tab-panel` children.\n *\n * @part tablist - The tab button container.\n * @part tab - Each individual tab button.\n * @part tab-active - The currently active tab button.\n * @part panels - The panel container.\n */\n@Component({\n  tag: 'ts-tabs',\n  styleUrl: 'tabs.css',\n  shadow: true,\n})\nexport class TsTabs {\n  @Element() hostEl!: HTMLElement;\n\n  /** The value of the currently active tab. */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n\n  /** Visual variant of the tab bar. */\n  @Prop({ reflect: true }) variant: 'line' | 'enclosed' | 'pill' = 'line';\n\n  /** The size of the tab buttons. */\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Emitted when the active tab changes. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<{ value: string }>;\n\n  @Watch('value')\n  handleValueChange(): void {\n    this.updatePanelVisibility();\n  }\n\n  componentDidLoad(): void {\n    // Default to first non-disabled tab if no value set\n    if (!this.value) {\n      const panels = this.getPanels();\n      const firstEnabled = panels.find((p) => !p.hasAttribute('disabled'));\n      if (firstEnabled) {\n        this.value = firstEnabled.getAttribute('value') || '';\n      }\n    }\n    this.updatePanelVisibility();\n  }\n\n  private getPanels(): Element[] {\n    return Array.from(this.hostEl.querySelectorAll('ts-tab-panel'));\n  }\n\n  private getTabData(): Array<{ tab: string; value: string; disabled: boolean; icon?: string }> {\n    return this.getPanels().map((panel) => ({\n      tab: panel.getAttribute('tab') || '',\n      value: panel.getAttribute('value') || '',\n      disabled: panel.hasAttribute('disabled'),\n      icon: panel.getAttribute('icon') || undefined,\n    }));\n  }\n\n  private updatePanelVisibility(): void {\n    this.getPanels().forEach((panel) => {\n      const isActive = panel.getAttribute('value') === this.value;\n      (panel as HTMLElement).style.display = isActive ? '' : 'none';\n    });\n  }\n\n  private handleTabClick(tabValue: string, disabled: boolean): void {\n    if (disabled || tabValue === this.value) return;\n    this.value = tabValue;\n    this.tsChange.emit({ value: tabValue });\n    this.updatePanelVisibility();\n  }\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    const tabs = this.getTabData();\n    const enabledTabs = tabs.filter((t) => !t.disabled);\n    const currentIndex = enabledTabs.findIndex((t) => t.value === this.value);\n\n    let newIndex = currentIndex;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        event.preventDefault();\n        newIndex = (currentIndex + 1) % enabledTabs.length;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        event.preventDefault();\n        newIndex = (currentIndex - 1 + enabledTabs.length) % enabledTabs.length;\n        break;\n      case 'Home':\n        event.preventDefault();\n        newIndex = 0;\n        break;\n      case 'End':\n        event.preventDefault();\n        newIndex = enabledTabs.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    const newTab = enabledTabs[newIndex];\n    if (newTab) {\n      this.value = newTab.value;\n      this.tsChange.emit({ value: newTab.value });\n      this.updatePanelVisibility();\n\n      // Focus the new tab button\n      const tabButtons = this.hostEl.shadowRoot?.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]');\n      const allTabIndex = tabs.findIndex((t) => t.value === newTab.value);\n      tabButtons?.[allTabIndex]?.focus();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const tabs = this.getTabData();\n\n    return (\n      <Host\n        class={{\n          'ts-tabs': true,\n          [`ts-tabs--${this.variant}`]: true,\n          [`ts-tabs--${this.size}`]: true,\n        }}\n      >\n        <div class=\"tabs__tablist\" part=\"tablist\" role=\"tablist\" onKeyDown={this.handleKeydown}>\n          {tabs.map((t) => {\n            const isActive = t.value === this.value;\n            return (\n              <button\n                class={{\n                  'tabs__tab': true,\n                  'tabs__tab--active': isActive,\n                  'tabs__tab--disabled': t.disabled,\n                }}\n                part={isActive ? 'tab tab-active' : 'tab'}\n                role=\"tab\"\n                type=\"button\"\n                aria-selected={isActive ? 'true' : 'false'}\n                aria-disabled={t.disabled ? 'true' : undefined}\n                tabindex={isActive ? 0 : -1}\n                disabled={t.disabled}\n                onClick={() => this.handleTabClick(t.value, t.disabled)}\n              >\n                {t.icon && <ts-icon name={t.icon} class=\"tabs__tab-icon\" />}\n                {t.tab}\n              </button>\n            );\n          })}\n        </div>\n        <div class=\"tabs__panels\" part=\"panels\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/tessera-ui/p-1d73f6c9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as r,h as a,H as s}from"./p-V8-ENixA.js";import{g as i}from"./p-lpqZSiIf.js";const o=()=>`:host{display:block;position:relative;font-family:var(--ts-font-family-base);--ts-date-picker-bg:var(--ts-color-neutral-50);--ts-date-picker-radius:var(--ts-radius-md);--ts-date-picker-focus-ring:var(--ts-focus-ring)}.date-picker__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-primary)}.date-picker__trigger{display:block;width:100%;border:1px solid var(--ts-color-border-default);border-radius:var(--ts-date-picker-radius);background-color:var(--ts-date-picker-bg);color:var(--ts-color-text-primary);font-family:var(--ts-font-family-base);cursor:pointer;outline:none;transition:border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast)}.date-picker__trigger:focus-visible{box-shadow:var(--ts-date-picker-focus-ring);border-color:var(--ts-color-interactive-primary)}:host([size="sm"]) .date-picker__trigger{padding:var(--ts-spacing-1) var(--ts-spacing-2);font-size:var(--ts-font-size-sm)}:host([size="md"]) .date-picker__trigger{padding:var(--ts-spacing-2) var(--ts-spacing-3);font-size:var(--ts-font-size-md)}:host([size="lg"]) .date-picker__trigger{padding:var(--ts-spacing-3) var(--ts-spacing-4);font-size:var(--ts-font-size-lg)}:host([error]) .date-picker__trigger{border-color:var(--ts-color-danger-500)}:host([error]) .date-picker__trigger:focus-visible{box-shadow:0 0 0 3px rgba(239, 68, 68, 0.25)}.date-picker__error{display:block;margin-block-start:var(--ts-spacing-1);font-size:var(--ts-font-size-sm);color:var(--ts-color-danger-500)}:host([disabled]) .date-picker__trigger{opacity:0.5;cursor:not-allowed}.date-picker__calendar{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:var(--ts-z-dropdown, 100);margin-block-start:var(--ts-spacing-1);padding:var(--ts-spacing-3);background-color:var(--ts-color-bg-elevated);border:1px solid var(--ts-color-border-subtle);border-radius:var(--ts-radius-lg);box-shadow:var(--ts-shadow-lg);min-inline-size:280px;animation:ts-dp-fade-in 150ms ease-out}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--ts-spacing-2)}.date-picker__month-year{font-size:var(--ts-font-size-sm);font-weight:var(--ts-font-weight-semi);color:var(--ts-color-text-primary)}.date-picker__nav-btn{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-secondary);font-size:var(--ts-font-size-lg);cursor:pointer;padding:0;line-height:1;transition:background-color var(--ts-transition-fast),     color var(--ts-transition-fast)}.date-picker__nav-btn:hover{background-color:var(--ts-color-bg-hover);color:var(--ts-color-text-primary)}.date-picker__nav-btn:focus-visible{box-shadow:var(--ts-focus-ring);outline:none}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7, 1fr);gap:0;margin-block-end:var(--ts-spacing-1)}.date-picker__weekday{display:flex;align-items:center;justify-content:center;font-size:var(--ts-font-size-xs);font-weight:var(--ts-font-weight-semi);color:var(--ts-color-text-tertiary);padding:var(--ts-spacing-1) 0}.date-picker__days{display:grid;grid-template-columns:repeat(7, 1fr);gap:1px}.date-picker__day{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:1px auto;border:none;border-radius:var(--ts-radius-full);background:transparent;color:var(--ts-color-text-primary);font-family:var(--ts-font-family-base);font-size:var(--ts-font-size-sm);cursor:pointer;padding:0;transition:background-color var(--ts-transition-fast),     color var(--ts-transition-fast)}.date-picker__day--empty{cursor:default}.date-picker__day:not(.date-picker__day--empty):not(.date-picker__day--disabled):hover{background-color:var(--ts-color-bg-hover)}.date-picker__day:not(.date-picker__day--empty):focus-visible{box-shadow:var(--ts-date-picker-focus-ring);outline:none}.date-picker__day--today{font-weight:var(--ts-font-weight-bold);border:1px solid var(--ts-color-interactive-primary)}.date-picker__day--selected{background-color:var(--ts-color-interactive-primary);color:var(--ts-color-text-on-primary);font-weight:var(--ts-font-weight-semi)}.date-picker__day--selected:hover{background-color:var(--ts-color-interactive-primary-hover)}.date-picker__day--disabled{opacity:0.35;cursor:not-allowed}.date-picker__day--focused{box-shadow:var(--ts-date-picker-focus-ring)}@keyframes ts-dp-fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}`;const n=["Su","Mo","Tu","We","Th","Fr","Sa"];const d=class{constructor(r){t(this,r);this.tsChange=e(this,"tsChange")}get hostEl(){return r(this)}pickerId=i("ts-date-picker");triggerEl;value;placeholder="Select date";disabled=false;min;max;label;error=false;errorMessage;size="md";name;tsChange;isOpen=false;viewMonth=(new Date).getMonth();viewYear=(new Date).getFullYear();focusedDay=null;handleValueChange(){if(this.value){const t=new Date(this.value+"T00:00:00");if(!isNaN(t.getTime())){this.viewMonth=t.getMonth();this.viewYear=t.getFullYear()}}}connectedCallback(){this.handleValueChange()}toggleCalendar=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;if(this.isOpen){this.handleValueChange()}};closeCalendar=()=>{this.isOpen=false;this.focusedDay=null};prevMonth=()=>{if(this.viewMonth===0){this.viewMonth=11;this.viewYear-=1}else{this.viewMonth-=1}};nextMonth=()=>{if(this.viewMonth===11){this.viewMonth=0;this.viewYear+=1}else{this.viewMonth+=1}};selectDay=t=>{const e=String(this.viewMonth+1).padStart(2,"0");const r=String(t).padStart(2,"0");const a=`${this.viewYear}-${e}-${r}`;this.value=a;this.tsChange.emit({value:a});this.closeCalendar();this.triggerEl?.focus()};isDayDisabled(t){const e=`${this.viewYear}-${String(this.viewMonth+1).padStart(2,"0")}-${String(t).padStart(2,"0")}`;if(this.min&&e<this.min)return true;if(this.max&&e>this.max)return true;return false}isToday(t){const e=new Date;return t===e.getDate()&&this.viewMonth===e.getMonth()&&this.viewYear===e.getFullYear()}isSelected(t){if(!this.value)return false;const e=new Date(this.value+"T00:00:00");return t===e.getDate()&&this.viewMonth===e.getMonth()&&this.viewYear===e.getFullYear()}getDaysInMonth(){return new Date(this.viewYear,this.viewMonth+1,0).getDate()}getFirstDayOfWeek(){return new Date(this.viewYear,this.viewMonth,1).getDay()}getMonthName(){return new Date(this.viewYear,this.viewMonth).toLocaleString("default",{month:"long"})}handleTriggerKeydown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();this.toggleCalendar()}else if(t.key==="Escape"&&this.isOpen){this.closeCalendar()}};handleCalendarKeydown=t=>{const e=this.getDaysInMonth();if(t.key==="Escape"){this.closeCalendar();this.triggerEl?.focus();return}if(this.focusedDay===null){this.focusedDay=1;return}let r=this.focusedDay;switch(t.key){case"ArrowRight":t.preventDefault();r=Math.min(this.focusedDay+1,e);break;case"ArrowLeft":t.preventDefault();r=Math.max(this.focusedDay-1,1);break;case"ArrowDown":t.preventDefault();r=Math.min(this.focusedDay+7,e);break;case"ArrowUp":t.preventDefault();r=Math.max(this.focusedDay-7,1);break;case"Enter":t.preventDefault();if(!this.isDayDisabled(this.focusedDay)){this.selectDay(this.focusedDay)}return;default:return}this.focusedDay=r};handleDocumentClick=t=>{const e=t.composedPath();if(!e.includes(this.hostEl)){this.closeCalendar()}};componentDidLoad(){document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}renderCalendar(){const t=this.getDaysInMonth();const e=this.getFirstDayOfWeek();const r=[];for(let t=0;t<e;t++){r.push(null)}for(let e=1;e<=t;e++){r.push(e)}return a("div",{class:"date-picker__calendar",part:"calendar",role:"dialog","aria-label":`${this.getMonthName()} ${this.viewYear}`,onKeyDown:this.handleCalendarKeydown},a("div",{class:"date-picker__header",part:"header"},a("button",{class:"date-picker__nav-btn",type:"button","aria-label":"Previous month",onClick:this.prevMonth},"‹"),a("span",{class:"date-picker__month-year"},this.getMonthName()," ",this.viewYear),a("button",{class:"date-picker__nav-btn",type:"button","aria-label":"Next month",onClick:this.nextMonth},"›")),a("div",{class:"date-picker__grid",role:"grid","aria-label":"Calendar"},a("div",{class:"date-picker__weekdays"},n.map((t=>a("span",{class:"date-picker__weekday",role:"columnheader",key:t},t)))),a("div",{class:"date-picker__days"},r.map(((t,e)=>t===null?a("span",{class:"date-picker__day date-picker__day--empty",key:`empty-${e}`}):a("button",{class:{"date-picker__day":true,"date-picker__day--today":this.isToday(t),"date-picker__day--selected":this.isSelected(t),"date-picker__day--disabled":this.isDayDisabled(t),"date-picker__day--focused":this.focusedDay===t},part:"day",type:"button",disabled:this.isDayDisabled(t),tabindex:this.focusedDay===t?0:-1,"aria-label":`${t} ${this.getMonthName()} ${this.viewYear}`,"aria-selected":this.isSelected(t)?"true":undefined,key:`day-${t}`,onClick:()=>this.selectDay(t)},t))))))}render(){return a(s,{key:"50137a4ae337d96c546d842875d4d22a710a6473",class:{"ts-date-picker":true,"ts-date-picker--open":this.isOpen,"ts-date-picker--error":this.error,[`ts-date-picker--${this.size}`]:true}},this.label&&a("label",{key:"475c187da383d04c078f0870ae67010183983574",class:"date-picker__label",part:"label",htmlFor:this.pickerId},this.label),a("input",{key:"74f792fb4db7930dbacbf310162d89a2224480ad",ref:t=>this.triggerEl=t,class:"date-picker__trigger",part:"trigger",type:"text",id:this.pickerId,name:this.name,value:this.value||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:true,"aria-haspopup":"dialog","aria-expanded":this.isOpen?"true":"false","aria-invalid":this.error?"true":undefined,onClick:this.toggleCalendar,onKeyDown:this.handleTriggerKeydown}),this.isOpen&&this.renderCalendar(),this.error&&this.errorMessage&&a("span",{key:"8b807115f167df573ff6a48d6790da72e2e82197",class:"date-picker__error",part:"error",role:"alert"},this.errorMessage))}static get watchers(){return{value:[{handleValueChange:0}]}}};d.style=o();export{d as ts_date_picker};
+//# sourceMappingURL=p-1d73f6c9.entry.js.map

package/dist/tessera-ui/p-1d73f6c9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datePickerCss","WEEKDAYS","TsDatePicker","pickerId","generateId","triggerEl","value","placeholder","disabled","min","max","label","error","errorMessage","size","name","tsChange","isOpen","viewMonth","Date","getMonth","viewYear","getFullYear","focusedDay","handleValueChange","this","date","isNaN","getTime","connectedCallback","toggleCalendar","closeCalendar","prevMonth","nextMonth","selectDay","day","month","String","padStart","dayStr","newValue","emit","focus","isDayDisabled","dateStr","isToday","today","getDate","isSelected","getDaysInMonth","getFirstDayOfWeek","getDay","getMonthName","toLocaleString","handleTriggerKeydown","event","key","preventDefault","handleCalendarKeydown","daysInMonth","newDay","Math","handleDocumentClick","path","composedPath","includes","hostEl","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","renderCalendar","firstDay","days","i","push","d","h","class","part","role","onKeyDown","type","onClick","map","wd","index","tabindex","undefined","render","Host","htmlFor","ref","el","id","readOnly"],"sources":["src/components/date-picker/date-picker.css?tag=ts-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-date-picker — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-date-picker-bg          Input/calendar background\n     --ts-date-picker-radius      Border radius\n     --ts-date-picker-focus-ring  Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: block;\n  position: relative;\n  font-family: var(--ts-font-family-base);\n\n  --ts-date-picker-bg: var(--ts-color-neutral-50);\n  --ts-date-picker-radius: var(--ts-radius-md);\n  --ts-date-picker-focus-ring: var(--ts-focus-ring);\n}\n\n/* ---- Label ---- */\n.date-picker__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-primary);\n}\n\n/* ---- Trigger Input ---- */\n.date-picker__trigger {\n  display: block;\n  width: 100%;\n  border: 1px solid var(--ts-color-border-default);\n  border-radius: var(--ts-date-picker-radius);\n  background-color: var(--ts-date-picker-bg);\n  color: var(--ts-color-text-primary);\n  font-family: var(--ts-font-family-base);\n  cursor: pointer;\n  outline: none;\n  transition:\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n}\n\n.date-picker__trigger:focus-visible {\n  box-shadow: var(--ts-date-picker-focus-ring);\n  border-color: var(--ts-color-interactive-primary);\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .date-picker__trigger {\n  padding: var(--ts-spacing-1) var(--ts-spacing-2);\n  font-size: var(--ts-font-size-sm);\n}\n\n:host([size=\"md\"]) .date-picker__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\"]) .date-picker__trigger {\n  padding: var(--ts-spacing-3) var(--ts-spacing-4);\n  font-size: var(--ts-font-size-lg);\n}\n\n/* ---- Error state ---- */\n:host([error]) .date-picker__trigger {\n  border-color: var(--ts-color-danger-500);\n}\n\n:host([error]) .date-picker__trigger:focus-visible {\n  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25);\n}\n\n.date-picker__error {\n  display: block;\n  margin-block-start: var(--ts-spacing-1);\n  font-size: var(--ts-font-size-sm);\n  color: var(--ts-color-danger-500);\n}\n\n/* ---- Disabled ---- */\n:host([disabled]) .date-picker__trigger {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ---- Calendar Dropdown ---- */\n.date-picker__calendar {\n  position: absolute;\n  inset-block-start: 100%;\n  inset-inline-start: 0;\n  z-index: var(--ts-z-dropdown, 100);\n  margin-block-start: var(--ts-spacing-1);\n  padding: var(--ts-spacing-3);\n  background-color: var(--ts-color-bg-elevated);\n  border: 1px solid var(--ts-color-border-subtle);\n  border-radius: var(--ts-radius-lg);\n  box-shadow: var(--ts-shadow-lg);\n  min-inline-size: 280px;\n  animation: ts-dp-fade-in 150ms ease-out;\n}\n\n/* ---- Header ---- */\n.date-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-block-end: var(--ts-spacing-2);\n}\n\n.date-picker__month-year {\n  font-size: var(--ts-font-size-sm);\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-primary);\n}\n\n.date-picker__nav-btn {\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-secondary);\n  font-size: var(--ts-font-size-lg);\n  cursor: pointer;\n  padding: 0;\n  line-height: 1;\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast);\n}\n\n.date-picker__nav-btn:hover {\n  background-color: var(--ts-color-bg-hover);\n  color: var(--ts-color-text-primary);\n}\n\n.date-picker__nav-btn:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n  outline: none;\n}\n\n/* ---- Grid ---- */\n.date-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n  margin-block-end: var(--ts-spacing-1);\n}\n\n.date-picker__weekday {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--ts-font-size-xs);\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-tertiary);\n  padding: var(--ts-spacing-1) 0;\n}\n\n.date-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 1px;\n}\n\n/* ---- Day cells ---- */\n.date-picker__day {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  margin: 1px auto;\n  border: none;\n  border-radius: var(--ts-radius-full);\n  background: transparent;\n  color: var(--ts-color-text-primary);\n  font-family: var(--ts-font-family-base);\n  font-size: var(--ts-font-size-sm);\n  cursor: pointer;\n  padding: 0;\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast);\n}\n\n.date-picker__day--empty {\n  cursor: default;\n}\n\n.date-picker__day:not(.date-picker__day--empty):not(.date-picker__day--disabled):hover {\n  background-color: var(--ts-color-bg-hover);\n}\n\n.date-picker__day:not(.date-picker__day--empty):focus-visible {\n  box-shadow: var(--ts-date-picker-focus-ring);\n  outline: none;\n}\n\n.date-picker__day--today {\n  font-weight: var(--ts-font-weight-bold);\n  border: 1px solid var(--ts-color-interactive-primary);\n}\n\n.date-picker__day--selected {\n  background-color: var(--ts-color-interactive-primary);\n  color: var(--ts-color-text-on-primary);\n  font-weight: var(--ts-font-weight-semi);\n}\n\n.date-picker__day--selected:hover {\n  background-color: var(--ts-color-interactive-primary-hover);\n}\n\n.date-picker__day--disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.date-picker__day--focused {\n  box-shadow: var(--ts-date-picker-focus-ring);\n}\n\n/* ---- Animation ---- */\n@keyframes ts-dp-fade-in {\n  from { opacity: 0; transform: translateY(-4px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n","import { Component, Prop, State, Event, h, Host, Element, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport { generateId } from '../../utils/aria';\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\n/**\n * @part trigger - The input trigger element.\n * @part calendar - The calendar dropdown container.\n * @part header - The month/year navigation header.\n * @part grid - The day grid.\n * @part day - Individual day cell.\n * @part label - The label element.\n * @part error - The error message.\n */\n@Component({\n  tag: 'ts-date-picker',\n  styleUrl: 'date-picker.css',\n  shadow: true,\n})\nexport class TsDatePicker {\n  @Element() hostEl!: HTMLElement;\n\n  private pickerId = generateId('ts-date-picker');\n  private triggerEl?: HTMLInputElement;\n\n  /** The selected date value in ISO format (YYYY-MM-DD). */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n\n  /** Placeholder text for the input. */\n  @Prop() placeholder = 'Select date';\n\n  /** Whether the date picker is disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Minimum selectable date in ISO format. */\n  @Prop() min?: string;\n\n  /** Maximum selectable date in ISO format. */\n  @Prop() max?: string;\n\n  /** Label text for the input. */\n  @Prop() label?: string;\n\n  /** Whether the input is in an error state. */\n  @Prop({ reflect: true }) error = false;\n\n  /** Error message to display. */\n  @Prop() errorMessage?: string;\n\n  /** The input size. */\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Form field name. */\n  @Prop() name?: string;\n\n  /** Emitted when a date is selected. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<{ value: string }>;\n\n  /** Whether the calendar dropdown is open. */\n  @State() isOpen = false;\n\n  /** The month currently being viewed (0-11). */\n  @State() viewMonth = new Date().getMonth();\n\n  /** The year currently being viewed. */\n  @State() viewYear = new Date().getFullYear();\n\n  /** Currently focused day in the grid for keyboard navigation. */\n  @State() focusedDay: number | null = null;\n\n  @Watch('value')\n  handleValueChange(): void {\n    if (this.value) {\n      const date = new Date(this.value + 'T00:00:00');\n      if (!isNaN(date.getTime())) {\n        this.viewMonth = date.getMonth();\n        this.viewYear = date.getFullYear();\n      }\n    }\n  }\n\n  connectedCallback(): void {\n    this.handleValueChange();\n  }\n\n  private toggleCalendar = (): void => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      this.handleValueChange();\n    }\n  };\n\n  private closeCalendar = (): void => {\n    this.isOpen = false;\n    this.focusedDay = null;\n  };\n\n  private prevMonth = (): void => {\n    if (this.viewMonth === 0) {\n      this.viewMonth = 11;\n      this.viewYear -= 1;\n    } else {\n      this.viewMonth -= 1;\n    }\n  };\n\n  private nextMonth = (): void => {\n    if (this.viewMonth === 11) {\n      this.viewMonth = 0;\n      this.viewYear += 1;\n    } else {\n      this.viewMonth += 1;\n    }\n  };\n\n  private selectDay = (day: number): void => {\n    const month = String(this.viewMonth + 1).padStart(2, '0');\n    const dayStr = String(day).padStart(2, '0');\n    const newValue = `${this.viewYear}-${month}-${dayStr}`;\n    this.value = newValue;\n    this.tsChange.emit({ value: newValue });\n    this.closeCalendar();\n    this.triggerEl?.focus();\n  };\n\n  private isDayDisabled(day: number): boolean {\n    const dateStr = `${this.viewYear}-${String(this.viewMonth + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n    if (this.min && dateStr < this.min) return true;\n    if (this.max && dateStr > this.max) return true;\n    return false;\n  }\n\n  private isToday(day: number): boolean {\n    const today = new Date();\n    return (\n      day === today.getDate() &&\n      this.viewMonth === today.getMonth() &&\n      this.viewYear === today.getFullYear()\n    );\n  }\n\n  private isSelected(day: number): boolean {\n    if (!this.value) return false;\n    const date = new Date(this.value + 'T00:00:00');\n    return (\n      day === date.getDate() &&\n      this.viewMonth === date.getMonth() &&\n      this.viewYear === date.getFullYear()\n    );\n  }\n\n  private getDaysInMonth(): number {\n    return new Date(this.viewYear, this.viewMonth + 1, 0).getDate();\n  }\n\n  private getFirstDayOfWeek(): number {\n    return new Date(this.viewYear, this.viewMonth, 1).getDay();\n  }\n\n  private getMonthName(): string {\n    return new Date(this.viewYear, this.viewMonth).toLocaleString('default', { month: 'long' });\n  }\n\n  private handleTriggerKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggleCalendar();\n    } else if (event.key === 'Escape' && this.isOpen) {\n      this.closeCalendar();\n    }\n  };\n\n  private handleCalendarKeydown = (event: KeyboardEvent): void => {\n    const daysInMonth = this.getDaysInMonth();\n\n    if (event.key === 'Escape') {\n      this.closeCalendar();\n      this.triggerEl?.focus();\n      return;\n    }\n\n    if (this.focusedDay === null) {\n      this.focusedDay = 1;\n      return;\n    }\n\n    let newDay = this.focusedDay;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        event.preventDefault();\n        newDay = Math.min(this.focusedDay + 1, daysInMonth);\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        newDay = Math.max(this.focusedDay - 1, 1);\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        newDay = Math.min(this.focusedDay + 7, daysInMonth);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        newDay = Math.max(this.focusedDay - 7, 1);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isDayDisabled(this.focusedDay)) {\n          this.selectDay(this.focusedDay);\n        }\n        return;\n      default:\n        return;\n    }\n\n    this.focusedDay = newDay;\n  };\n\n  private handleDocumentClick = (event: MouseEvent): void => {\n    const path = event.composedPath();\n    if (!path.includes(this.hostEl)) {\n      this.closeCalendar();\n    }\n  };\n\n  componentDidLoad(): void {\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  disconnectedCallback(): void {\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  private renderCalendar() {\n    const daysInMonth = this.getDaysInMonth();\n    const firstDay = this.getFirstDayOfWeek();\n    const days: (number | null)[] = [];\n\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null);\n    }\n    for (let d = 1; d <= daysInMonth; d++) {\n      days.push(d);\n    }\n\n    return (\n      <div\n        class=\"date-picker__calendar\"\n        part=\"calendar\"\n        role=\"dialog\"\n        aria-label={`${this.getMonthName()} ${this.viewYear}`}\n        onKeyDown={this.handleCalendarKeydown}\n      >\n        <div class=\"date-picker__header\" part=\"header\">\n          <button\n            class=\"date-picker__nav-btn\"\n            type=\"button\"\n            aria-label=\"Previous month\"\n            onClick={this.prevMonth}\n          >\n            &#x2039;\n          </button>\n          <span class=\"date-picker__month-year\">\n            {this.getMonthName()} {this.viewYear}\n          </span>\n          <button\n            class=\"date-picker__nav-btn\"\n            type=\"button\"\n            aria-label=\"Next month\"\n            onClick={this.nextMonth}\n          >\n            &#x203A;\n          </button>\n        </div>\n\n        <div class=\"date-picker__grid\" role=\"grid\" aria-label=\"Calendar\">\n          <div class=\"date-picker__weekdays\">\n            {WEEKDAYS.map((wd) => (\n              <span class=\"date-picker__weekday\" role=\"columnheader\" key={wd}>\n                {wd}\n              </span>\n            ))}\n          </div>\n          <div class=\"date-picker__days\">\n            {days.map((day, index) =>\n              day === null ? (\n                <span class=\"date-picker__day date-picker__day--empty\" key={`empty-${index}`} />\n              ) : (\n                <button\n                  class={{\n                    'date-picker__day': true,\n                    'date-picker__day--today': this.isToday(day),\n                    'date-picker__day--selected': this.isSelected(day),\n                    'date-picker__day--disabled': this.isDayDisabled(day),\n                    'date-picker__day--focused': this.focusedDay === day,\n                  }}\n                  part=\"day\"\n                  type=\"button\"\n                  disabled={this.isDayDisabled(day)}\n                  tabindex={this.focusedDay === day ? 0 : -1}\n                  aria-label={`${day} ${this.getMonthName()} ${this.viewYear}`}\n                  aria-selected={this.isSelected(day) ? 'true' : undefined}\n                  key={`day-${day}`}\n                  onClick={() => this.selectDay(day)}\n                >\n                  {day}\n                </button>\n              ),\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-date-picker': true,\n          'ts-date-picker--open': this.isOpen,\n          'ts-date-picker--error': this.error,\n          [`ts-date-picker--${this.size}`]: true,\n        }}\n      >\n        {this.label && (\n          <label class=\"date-picker__label\" part=\"label\" htmlFor={this.pickerId}>\n            {this.label}\n          </label>\n        )}\n\n        <input\n          ref={(el) => (this.triggerEl = el)}\n          class=\"date-picker__trigger\"\n          part=\"trigger\"\n          type=\"text\"\n          id={this.pickerId}\n          name={this.name}\n          value={this.value || ''}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          readOnly\n          aria-haspopup=\"dialog\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-invalid={this.error ? 'true' : undefined}\n          onClick={this.toggleCalendar}\n          onKeyDown={this.handleTriggerKeydown}\n        />\n\n        {this.isOpen && this.renderCalendar()}\n\n        {this.error && this.errorMessage && (\n          <span class=\"date-picker__error\" part=\"error\" role=\"alert\">\n            {this.errorMessage}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/tessera-ui/p-24305379.entry.js

@@ -0,0 +1,2 @@
+import{r,a as o,h as s,H as a}from"./p-V8-ENixA.js";const t=()=>`:host{display:block;--ts-accordion-border-color:var(--ts-color-border-default);--ts-accordion-header-bg:transparent;--ts-accordion-radius:var(--ts-radius-lg)}::slotted(ts-accordion-item){border-block-end:1px solid var(--ts-accordion-border-color)}::slotted(ts-accordion-item:first-child){border-start-start-radius:var(--ts-accordion-radius);border-start-end-radius:var(--ts-accordion-radius)}::slotted(ts-accordion-item:last-child){border-end-start-radius:var(--ts-accordion-radius);border-end-end-radius:var(--ts-accordion-radius);border-block-end:none}`;const d=class{constructor(o){r(this,o)}get hostEl(){return o(this)}multiple=false;handleToggle(r){if(!this.multiple&&r.detail.open){const o=r.target;const s=this.hostEl.querySelectorAll("ts-accordion-item");s.forEach((r=>{if(r!==o){r.setAttribute("open","false");r.removeAttribute("open")}}))}}render(){return s(a,{key:"737635093f0c31076c08a6fb2a88804604b1b77e",class:"ts-accordion"},s("slot",{key:"9daa06ca9dd44478594e686792da9529637f69a3"}))}};d.style=t();export{d as ts_accordion};
+//# sourceMappingURL=p-24305379.entry.js.map

package/dist/tessera-ui/p-24305379.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accordionCss","TsAccordion","multiple","handleToggle","event","this","detail","open","target","items","hostEl","querySelectorAll","forEach","item","setAttribute","removeAttribute","render","h","Host","key","class"],"sources":["src/components/accordion/accordion.css?tag=ts-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-accordion — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-accordion-border-color    Border color between items\n     --ts-accordion-header-bg       Header background color\n     --ts-accordion-radius          Border radius\n   ========================================================================== */\n\n:host {\n  display: block;\n\n  --ts-accordion-border-color: var(--ts-color-border-default);\n  --ts-accordion-header-bg: transparent;\n  --ts-accordion-radius: var(--ts-radius-lg);\n}\n\n::slotted(ts-accordion-item) {\n  border-block-end: 1px solid var(--ts-accordion-border-color);\n}\n\n::slotted(ts-accordion-item:first-child) {\n  border-start-start-radius: var(--ts-accordion-radius);\n  border-start-end-radius: var(--ts-accordion-radius);\n}\n\n::slotted(ts-accordion-item:last-child) {\n  border-end-start-radius: var(--ts-accordion-radius);\n  border-end-end-radius: var(--ts-accordion-radius);\n  border-block-end: none;\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n/**\n * @slot - Default slot for ts-accordion-item children.\n */\n@Component({\n  tag: 'ts-accordion',\n  styleUrl: 'accordion.css',\n  shadow: true,\n})\nexport class TsAccordion {\n  @Element() hostEl!: HTMLElement;\n\n  /** Allow multiple items to be open simultaneously. */\n  @Prop() multiple = false;\n\n  @Listen('tsToggle')\n  handleToggle(event: CustomEvent<{ open: boolean }>): void {\n    if (!this.multiple && event.detail.open) {\n      const target = event.target as HTMLElement;\n      const items = this.hostEl.querySelectorAll('ts-accordion-item');\n      items.forEach((item) => {\n        if (item !== target) {\n          item.setAttribute('open', 'false');\n          item.removeAttribute('open');\n        }\n      });\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host class=\"ts-accordion\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAe,IAAM,6iB,MCUdC,EAAW,M,qDAIdC,SAAW,MAGnB,YAAAC,CAAaC,GACX,IAAKC,KAAKH,UAAYE,EAAME,OAAOC,KAAM,CACvC,MAAMC,EAASJ,EAAMI,OACrB,MAAMC,EAAQJ,KAAKK,OAAOC,iBAAiB,qBAC3CF,EAAMG,SAASC,IACb,GAAIA,IAASL,EAAQ,CACnBK,EAAKC,aAAa,OAAQ,SAC1BD,EAAKE,gBAAgB,O,MAO7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,gBACVH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/tessera-ui/p-25f77cc9.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a,h as r,H as s}from"./p-V8-ENixA.js";import{g as i}from"./p-lpqZSiIf.js";const o=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-textarea-bg:var(--ts-color-bg-surface);--ts-textarea-border-color:var(--ts-color-border-default);--ts-textarea-radius:var(--ts-radius-md);--ts-textarea-focus-ring:var(--ts-focus-ring)}.textarea__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)}.textarea__required{color:var(--ts-color-danger-500)}.textarea__wrapper{display:flex;border:2px solid var(--ts-textarea-border-color);border-radius:var(--ts-textarea-radius);background-color:var(--ts-textarea-bg);transition:border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast);overflow:hidden}.textarea__wrapper--focused{border-color:var(--ts-color-primary-500);box-shadow:var(--ts-textarea-focus-ring)}.textarea__wrapper--error{border-color:var(--ts-color-danger-500)}.textarea__wrapper--error.textarea__wrapper--focused{box-shadow:0 0 0 3px var(--ts-color-focus-ring-danger)}.textarea__wrapper--disabled{background-color:var(--ts-color-bg-disabled);opacity:0.6;cursor:not-allowed}.textarea__native{flex:1;border:none;outline:none;background:transparent;font-family:inherit;color:var(--ts-color-text-primary);width:100%;min-width:0;line-height:var(--ts-line-height-normal)}.textarea__native::placeholder{color:var(--ts-color-text-tertiary)}.textarea__native:disabled{cursor:not-allowed}:host([resize="none"]) .textarea__native{resize:none}:host([resize="vertical"]) .textarea__native{resize:vertical}:host([resize="horizontal"]) .textarea__native{resize:horizontal}:host([resize="both"]) .textarea__native{resize:both}:host([size="sm"]) .textarea__wrapper{border-radius:var(--ts-radius-sm)}:host([size="sm"]) .textarea__native{padding:var(--ts-spacing-1) var(--ts-spacing-2);font-size:var(--ts-font-size-sm)}:host([size="md"]) .textarea__native{padding:var(--ts-spacing-2) var(--ts-spacing-3);font-size:var(--ts-font-size-md)}:host([size="lg"]) .textarea__native{padding:var(--ts-spacing-3) var(--ts-spacing-4);font-size:var(--ts-font-size-lg)}:host([size="xl"]) .textarea__wrapper{border-radius:var(--ts-radius-lg)}:host([size="xl"]) .textarea__native{padding:var(--ts-spacing-4) var(--ts-spacing-5);font-size:var(--ts-font-size-xl)}.textarea__help,.textarea__error{margin-block-start:var(--ts-spacing-1);font-size:var(--ts-font-size-xs);line-height:var(--ts-line-height-normal)}.textarea__help{color:var(--ts-color-text-tertiary)}.textarea__error{color:var(--ts-color-danger-600);font-weight:var(--ts-font-weight-medium)}`;const n=class{constructor(a){e(this,a);this.tsInput=t(this,"tsInput");this.tsChange=t(this,"tsChange");this.tsFocus=t(this,"tsFocus");this.tsBlur=t(this,"tsBlur")}get hostEl(){return a(this)}textareaEl;inputId=i("ts-textarea");value="";placeholder;disabled=false;readonly=false;size="md";label;helpText;error=false;errorMessage;required=false;name;rows=3;resize="vertical";maxlength;hasFocus=false;tsInput;tsChange;tsFocus;tsBlur;handleValueChange(e,t){if(e!==t&&this.textareaEl){this.textareaEl.value=e}}async setFocus(){this.textareaEl?.focus()}async selectText(){this.textareaEl?.select()}handleInput=e=>{const t=e.target;const a=this.value;this.value=t.value;this.tsInput.emit({value:this.value,previousValue:a})};handleChange=()=>{this.tsChange.emit({value:this.value,previousValue:this.value})};handleFocus=()=>{this.hasFocus=true;this.tsFocus.emit()};handleBlur=()=>{this.hasFocus=false;this.tsBlur.emit()};render(){const e=this.error&&!!this.errorMessage;const t=`${this.inputId}-label`;const a=`${this.inputId}-help`;const i=`${this.inputId}-error`;return r(s,{key:"7bdc41a5aa35af6300e17a214ef1a2606cc57acc",class:{"ts-textarea":true,[`ts-textarea--${this.size}`]:true,"ts-textarea--focused":this.hasFocus,"ts-textarea--disabled":this.disabled,"ts-textarea--error":this.error}},this.label&&r("label",{key:"b3e4691906f93a375c9064f28810c1f21b4ef465",class:"textarea__label",part:"label",id:t,htmlFor:this.inputId},this.label,this.required&&r("span",{key:"f69fe7f1f6dce0815a987517f426bc9064a82bff",class:"textarea__required","aria-hidden":"true"}," *")),r("div",{key:"3af1749e1566071c6bb786a8f69d14be554ee393",class:{textarea__wrapper:true,"textarea__wrapper--focused":this.hasFocus,"textarea__wrapper--error":this.error,"textarea__wrapper--disabled":this.disabled},part:"base"},r("textarea",{key:"91722d413599317ffa74aca132d62e7f4e301340",ref:e=>this.textareaEl=e,id:this.inputId,class:"textarea__native",part:"textarea",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,name:this.name,rows:this.rows,"aria-labelledby":this.label?t:undefined,"aria-describedby":e?i:this.helpText?a:undefined,"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur})),e&&r("div",{key:"6b269961eec546d027f64bc2d44ef1790f72a42c",class:"textarea__error",part:"error-text",id:i,role:"alert"},this.errorMessage),!e&&this.helpText&&r("div",{key:"ec535a5669fa2dec0b0a4b2aa85233b6f84c136a",class:"textarea__help",part:"help-text",id:a},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}};n.style=o();export{n as ts_textarea};
+//# sourceMappingURL=p-25f77cc9.entry.js.map

package/dist/tessera-ui/p-25f77cc9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textareaCss","TsTextarea","textareaEl","inputId","generateId","value","placeholder","disabled","readonly","size","label","helpText","error","errorMessage","required","name","rows","resize","maxlength","hasFocus","tsInput","tsChange","tsFocus","tsBlur","handleValueChange","newValue","oldValue","this","setFocus","focus","selectText","select","handleInput","event","target","previousValue","emit","handleChange","handleFocus","handleBlur","render","hasError","labelId","helpId","errorId","h","Host","key","class","part","id","htmlFor","textarea__wrapper","ref","el","readOnly","undefined","onInput","onChange","onFocus","onBlur","role"],"sources":["src/components/textarea/textarea.css?tag=ts-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-textarea — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-textarea-bg              Textarea background\n     --ts-textarea-border-color    Default border color\n     --ts-textarea-radius          Border radius\n     --ts-textarea-focus-ring      Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-textarea-bg: var(--ts-color-bg-surface);\n  --ts-textarea-border-color: var(--ts-color-border-default);\n  --ts-textarea-radius: var(--ts-radius-md);\n  --ts-textarea-focus-ring: var(--ts-focus-ring);\n}\n\n/* ---- Label ---- */\n.textarea__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.textarea__required {\n  color: var(--ts-color-danger-500);\n}\n\n/* ---- Wrapper ---- */\n.textarea__wrapper {\n  display: flex;\n  border: 2px solid var(--ts-textarea-border-color);\n  border-radius: var(--ts-textarea-radius);\n  background-color: var(--ts-textarea-bg);\n  transition:\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n  overflow: hidden;\n}\n\n.textarea__wrapper--focused {\n  border-color: var(--ts-color-primary-500);\n  box-shadow: var(--ts-textarea-focus-ring);\n}\n\n.textarea__wrapper--error {\n  border-color: var(--ts-color-danger-500);\n}\n\n.textarea__wrapper--error.textarea__wrapper--focused {\n  box-shadow: 0 0 0 3px var(--ts-color-focus-ring-danger);\n}\n\n.textarea__wrapper--disabled {\n  background-color: var(--ts-color-bg-disabled);\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* ---- Native Textarea ---- */\n.textarea__native {\n  flex: 1;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: inherit;\n  color: var(--ts-color-text-primary);\n  width: 100%;\n  min-width: 0;\n  line-height: var(--ts-line-height-normal);\n}\n\n.textarea__native::placeholder {\n  color: var(--ts-color-text-tertiary);\n}\n\n.textarea__native:disabled {\n  cursor: not-allowed;\n}\n\n/* ---- Resize ---- */\n:host([resize=\"none\"]) .textarea__native {\n  resize: none;\n}\n\n:host([resize=\"vertical\"]) .textarea__native {\n  resize: vertical;\n}\n\n:host([resize=\"horizontal\"]) .textarea__native {\n  resize: horizontal;\n}\n\n:host([resize=\"both\"]) .textarea__native {\n  resize: both;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .textarea__wrapper {\n  border-radius: var(--ts-radius-sm);\n}\n:host([size=\"sm\"]) .textarea__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\"]) .textarea__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\"]) .textarea__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\"]) .textarea__wrapper {\n  border-radius: var(--ts-radius-lg);\n}\n:host([size=\"xl\"]) .textarea__native {\n  padding: var(--ts-spacing-4) var(--ts-spacing-5);\n  font-size: var(--ts-font-size-xl);\n}\n\n/* ---- Help & Error Text ---- */\n.textarea__help,\n.textarea__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.textarea__help {\n  color: var(--ts-color-text-tertiary);\n}\n\n.textarea__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, Method } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize, TsChangeEventDetail } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @part base - The outer wrapper.\n * @part label - The label element.\n * @part textarea - The native textarea element.\n * @part help-text - The help text wrapper.\n * @part error-text - The error message wrapper.\n */\n@Component({\n  tag: 'ts-textarea',\n  styleUrl: 'textarea.css',\n  shadow: true,\n})\nexport class TsTextarea {\n  @Element() hostEl!: HTMLElement;\n\n  private textareaEl?: HTMLTextAreaElement;\n  private inputId = generateId('ts-textarea');\n\n  /** The textarea's value. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Placeholder text. */\n  @Prop() placeholder?: string;\n\n  /** Renders the textarea as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Renders the textarea as readonly. */\n  @Prop({ reflect: true }) readonly = false;\n\n  /** The textarea size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Label text displayed above the textarea. */\n  @Prop() label?: string;\n\n  /** Help text displayed below the textarea. */\n  @Prop() helpText?: string;\n\n  /** Renders the textarea in an error state. */\n  @Prop({ reflect: true }) error = false;\n\n  /** Error message displayed below the textarea. */\n  @Prop() errorMessage?: string;\n\n  /** Makes the textarea required. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Name attribute for form submission. */\n  @Prop() name?: string;\n\n  /** Number of visible text rows. */\n  @Prop() rows = 3;\n\n  /** Resize behavior. */\n  @Prop({ reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical';\n\n  /** Maximum character length. */\n  @Prop() maxlength?: number;\n\n  /** Whether the textarea is currently focused. */\n  @State() hasFocus = false;\n\n  /** Emitted on every keystroke. */\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 textarea gains focus. */\n  @Event({ eventName: 'tsFocus' }) tsFocus!: EventEmitter<void>;\n\n  /** Emitted when the textarea loses focus. */\n  @Event({ eventName: 'tsBlur' }) tsBlur!: EventEmitter<void>;\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string): void {\n    if (newValue !== oldValue && this.textareaEl) {\n      this.textareaEl.value = newValue;\n    }\n  }\n\n  /** Programmatically focus the textarea. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.textareaEl?.focus();\n  }\n\n  /** Programmatically select the textarea text. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.textareaEl?.select();\n  }\n\n  private handleInput = (event: Event): void => {\n    const target = event.target as HTMLTextAreaElement;\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\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 && !!this.errorMessage;\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-textarea': true,\n          [`ts-textarea--${this.size}`]: true,\n          'ts-textarea--focused': this.hasFocus,\n          'ts-textarea--disabled': this.disabled,\n          'ts-textarea--error': this.error,\n        }}\n      >\n        {this.label && (\n          <label class=\"textarea__label\" part=\"label\" id={labelId} htmlFor={this.inputId}>\n            {this.label}\n            {this.required && <span class=\"textarea__required\" aria-hidden=\"true\"> *</span>}\n          </label>\n        )}\n\n        <div\n          class={{\n            'textarea__wrapper': true,\n            'textarea__wrapper--focused': this.hasFocus,\n            'textarea__wrapper--error': this.error,\n            'textarea__wrapper--disabled': this.disabled,\n          }}\n          part=\"base\"\n        >\n          <textarea\n            ref={(el) => (this.textareaEl = el)}\n            id={this.inputId}\n            class=\"textarea__native\"\n            part=\"textarea\"\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            name={this.name}\n            rows={this.rows}\n            aria-labelledby={this.label ? labelId : undefined}\n            aria-describedby={hasError ? errorId : this.helpText ? helpId : undefined}\n            aria-invalid={this.error ? '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        </div>\n\n        {hasError && (\n          <div class=\"textarea__error\" part=\"error-text\" id={errorId} role=\"alert\">\n            {this.errorMessage}\n          </div>\n        )}\n\n        {!hasError && this.helpText && (\n          <div class=\"textarea__help\" part=\"help-text\" id={helpId}>\n            {this.helpText}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAc,IAAM,+jF,MCiBbC,EAAU,M,iLAGbC,WACAC,QAAUC,EAAW,eAGWC,MAAQ,GAGxCC,YAGiBC,SAAW,MAGXC,SAAW,MAGXC,KAAe,KAGhCC,MAGAC,SAGiBC,MAAQ,MAGzBC,aAGiBC,SAAW,MAG5BC,KAGAC,KAAO,EAGUC,OAAsD,WAGvEC,UAGCC,SAAW,MAGaC,QAGCC,SAGDC,QAGDC,OAGhC,iBAAAC,CAAkBC,EAAkBC,GAClC,GAAID,IAAaC,GAAYC,KAAKzB,WAAY,CAC5CyB,KAAKzB,WAAWG,MAAQoB,C,EAM5B,cAAMG,GACJD,KAAKzB,YAAY2B,O,CAKnB,gBAAMC,GACJH,KAAKzB,YAAY6B,Q,CAGXC,YAAeC,IACrB,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAAgBR,KAAKtB,MAC3BsB,KAAKtB,MAAQ6B,EAAO7B,MACpBsB,KAAKP,QAAQgB,KAAK,CAAE/B,MAAOsB,KAAKtB,MAAO8B,iBAAgB,EAGjDE,aAAe,KACrBV,KAAKN,SAASe,KAAK,CAAE/B,MAAOsB,KAAKtB,MAAO8B,cAAeR,KAAKtB,OAAQ,EAG9DiC,YAAc,KACpBX,KAAKR,SAAW,KAChBQ,KAAKL,QAAQc,MAAM,EAGbG,WAAa,KACnBZ,KAAKR,SAAW,MAChBQ,KAAKJ,OAAOa,MAAM,EAIpB,MAAAI,GACE,MAAMC,EAAWd,KAAKf,SAAWe,KAAKd,aACtC,MAAM6B,EAAU,GAAGf,KAAKxB,gBACxB,MAAMwC,EAAS,GAAGhB,KAAKxB,eACvB,MAAMyC,EAAU,GAAGjB,KAAKxB,gBAExB,OACE0C,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,cAAe,KACf,CAAC,gBAAgBrB,KAAKlB,QAAS,KAC/B,uBAAwBkB,KAAKR,SAC7B,wBAAyBQ,KAAKpB,SAC9B,qBAAsBoB,KAAKf,QAG5Be,KAAKjB,OACJmC,EAAA,SAAAE,IAAA,2CAAOC,MAAM,kBAAkBC,KAAK,QAAQC,GAAIR,EAASS,QAASxB,KAAKxB,SACpEwB,KAAKjB,MACLiB,KAAKb,UAAY+B,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBAAoB,cAAa,QAAM,OAIzEH,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACLI,kBAAqB,KACrB,6BAA8BzB,KAAKR,SACnC,2BAA4BQ,KAAKf,MACjC,8BAA+Be,KAAKpB,UAEtC0C,KAAK,QAELJ,EAAA,YAAAE,IAAA,2CACEM,IAAMC,GAAQ3B,KAAKzB,WAAaoD,EAChCJ,GAAIvB,KAAKxB,QACT6C,MAAM,mBACNC,KAAK,WACL5C,MAAOsB,KAAKtB,MACZC,YAAaqB,KAAKrB,YAClBC,SAAUoB,KAAKpB,SACfgD,SAAU5B,KAAKnB,SACfM,SAAUa,KAAKb,SACfI,UAAWS,KAAKT,UAChBH,KAAMY,KAAKZ,KACXC,KAAMW,KAAKX,KAAI,kBACEW,KAAKjB,MAAQgC,EAAUc,UAAS,mBAC/Bf,EAAWG,EAAUjB,KAAKhB,SAAWgC,EAASa,UAAS,eAC3D7B,KAAKf,MAAQ,OAAS4C,UAAS,gBAC9B7B,KAAKb,SAAW,OAAS0C,UACxCC,QAAS9B,KAAKK,YACd0B,SAAU/B,KAAKU,aACfsB,QAAShC,KAAKW,YACdsB,OAAQjC,KAAKY,cAIhBE,GACCI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBAAkBC,KAAK,aAAaC,GAAIN,EAASiB,KAAK,SAC9DlC,KAAKd,eAIR4B,GAAYd,KAAKhB,UACjBkC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBC,KAAK,YAAYC,GAAIP,GAC9ChB,KAAKhB,U","ignoreList":[]}

package/dist/tessera-ui/p-35eb8496.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,a as i,h as e,H as a}from"./p-V8-ENixA.js";const o=()=>`:host{display:inline-flex;flex:1;outline:none}.switch-option__base{display:inline-flex;align-items:center;justify-content:center;gap:var(--ts-spacing-1);inline-size:100%;padding-inline:var(--ts-spacing-3);padding-block:var(--ts-spacing-1);border-radius:calc(var(--ts-switch-group-radius, var(--ts-shape-interactive)) - 2px);cursor:pointer;user-select:none;white-space:nowrap;font-weight:var(--ts-font-weight-medium);color:var(--ts-color-text-secondary);transition:background-color var(--ts-transition-fast),     color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast)}.switch-option__base:hover{color:var(--ts-color-text-primary)}:host(:focus-visible) .switch-option__base{box-shadow:var(--ts-focus-ring)}:host([active]) .switch-option__base{background-color:var(--ts-switch-group-active-bg, var(--ts-color-bg-elevated));color:var(--ts-color-text-primary);box-shadow:var(--ts-shadow-sm)}:host([disabled]) .switch-option__base{opacity:0.5;cursor:not-allowed;pointer-events:none}.switch-option__icon{display:inline-flex;align-items:center;flex-shrink:0}.switch-option__label{display:inline-flex;align-items:center}`;const c=class{constructor(i){t(this,i);this.tsOptionSelect=s(this,"tsOptionSelect")}get hostEl(){return i(this)}value;disabled=false;icon;active=false;tsOptionSelect;handleClick=()=>{if(this.disabled)return;this.tsOptionSelect.emit({value:this.value||""})};render(){return e(a,{key:"21e9caaea440e37c291991ef7e7cbde9446a4078",class:{"ts-switch-option":true,"ts-switch-option--active":this.active,"ts-switch-option--disabled":this.disabled},role:"radio",tabindex:this.active?0:-1,"aria-checked":String(this.active),"aria-disabled":this.disabled?"true":undefined,onClick:this.handleClick},e("div",{key:"8633d6def560f44c4f6c8dae01b42d187f590149",class:"switch-option__base",part:"base"},this.icon&&e("span",{key:"0c1ceca3c3f57e0dbf6841bad79136d93818d342",class:"switch-option__icon",part:"icon","aria-hidden":"true"},e("ts-icon",{key:"141990f023740c72e9aa7ccc40f9479ad7986cca",name:this.icon,size:"sm"})),e("span",{key:"a11e04f99cda8742f27251c58c5e65402c52597b",class:"switch-option__label"},e("slot",{key:"3d0a210f02eccfa6c5f68ab7f5cb6f41dc5413a9"}))))}};c.style=o();export{c as ts_switch_option};
+//# sourceMappingURL=p-35eb8496.entry.js.map

package/dist/tessera-ui/p-35eb8496.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["switchOptionCss","TsSwitchOption","value","disabled","icon","active","tsOptionSelect","handleClick","this","emit","render","h","Host","key","class","role","tabindex","String","undefined","onClick","part","name","size"],"sources":["src/components/switch-group/switch-option.css?tag=ts-switch-option&encapsulation=shadow","src/components/switch-group/switch-option.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-switch-option — Shadow DOM Scoped Styles\n   ========================================================================== */\n\n:host {\n  display: inline-flex;\n  flex: 1;\n  outline: none;\n}\n\n.switch-option__base {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ts-spacing-1);\n  inline-size: 100%;\n  padding-inline: var(--ts-spacing-3);\n  padding-block: var(--ts-spacing-1);\n  border-radius: calc(var(--ts-switch-group-radius, var(--ts-shape-interactive)) - 2px);\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  font-weight: var(--ts-font-weight-medium);\n  color: var(--ts-color-text-secondary);\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n}\n\n.switch-option__base:hover {\n  color: var(--ts-color-text-primary);\n}\n\n:host(:focus-visible) .switch-option__base {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Active ---- */\n:host([active]) .switch-option__base {\n  background-color: var(--ts-switch-group-active-bg, var(--ts-color-bg-elevated));\n  color: var(--ts-color-text-primary);\n  box-shadow: var(--ts-shadow-sm);\n}\n\n/* ---- Disabled ---- */\n:host([disabled]) .switch-option__base {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ---- Icon ---- */\n.switch-option__icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ---- Label ---- */\n.switch-option__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';\n\n/**\n * @slot - Default slot for label text.\n *\n * @part base - The option container.\n * @part icon - The icon wrapper.\n */\n@Component({\n  tag: 'ts-switch-option',\n  styleUrl: 'switch-option.css',\n  shadow: true,\n})\nexport class TsSwitchOption {\n  @Element() hostEl!: HTMLElement;\n\n  /** Unique identifier for this option. */\n  @Prop({ reflect: true }) value?: string;\n\n  /** Disables this option. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Optional icon name. */\n  @Prop() icon?: string;\n\n  /** Whether this option is the active selection (set by parent). */\n  @Prop({ reflect: true, mutable: true }) active = false;\n\n  /** @internal Emitted when this option is clicked. */\n  @Event({ eventName: 'tsOptionSelect', bubbles: true }) tsOptionSelect!: EventEmitter<{ value: string }>;\n\n  private handleClick = (): void => {\n    if (this.disabled) return;\n    this.tsOptionSelect.emit({ value: this.value || '' });\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-switch-option': true,\n          'ts-switch-option--active': this.active,\n          'ts-switch-option--disabled': this.disabled,\n        }}\n        role=\"radio\"\n        tabindex={this.active ? 0 : -1}\n        aria-checked={String(this.active)}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        onClick={this.handleClick}\n      >\n        <div class=\"switch-option__base\" part=\"base\">\n          {this.icon && (\n            <span class=\"switch-option__icon\" part=\"icon\" aria-hidden=\"true\">\n              <ts-icon name={this.icon} size=\"sm\" />\n            </span>\n          )}\n          <span class=\"switch-option__label\">\n            <slot />\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,IAAM,6mC,MCcjBC,EAAc,M,kGAIAC,MAGAC,SAAW,MAG5BC,KAGgCC,OAAS,MAGMC,eAE/CC,YAAc,KACpB,GAAIC,KAAKL,SAAU,OACnBK,KAAKF,eAAeG,KAAK,CAAEP,MAAOM,KAAKN,OAAS,IAAK,EAIvD,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,mBAAoB,KACpB,2BAA4BN,KAAKH,OACjC,6BAA8BG,KAAKL,UAErCY,KAAK,QACLC,SAAUR,KAAKH,OAAS,GAAI,EAAE,eAChBY,OAAOT,KAAKH,QAAO,gBAClBG,KAAKL,SAAW,OAASe,UACxCC,QAASX,KAAKD,aAEdI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBM,KAAK,QACnCZ,KAAKJ,MACJO,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBM,KAAK,OAAM,cAAa,QACxDT,EAAA,WAAAE,IAAA,2CAASQ,KAAMb,KAAKJ,KAAMkB,KAAK,QAGnCX,EAAA,QAAAE,IAAA,2CAAMC,MAAM,wBACVH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/tessera-ui/p-3aec66b4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as s,h as r,H as i}from"./p-V8-ENixA.js";import{g as a}from"./p-lpqZSiIf.js";const o=()=>`: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 l=class{constructor(s){e(this,s);this.tsChange=t(this,"tsChange");this.tsFocus=t(this,"tsFocus");this.tsBlur=t(this,"tsBlur")}get hostEl(){return s(this)}inputId=a("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 a=`${this.inputId}-error`;const o=`${this.inputId}-listbox`;const l=this.getDisplayText();return r(i,{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&&r("label",{key:"71a6c856fc09aa61ac26c4481e572f2ae5e45bdf",class:"select__label",part:"label",id:t},this.label,this.required&&r("span",{key:"fa1aa9a6d2dde47fdec5e8d0728b8f5a65589430",class:"select__required","aria-hidden":"true"}," *")),r("div",{key:"f3897e2538d5133ce07ab4591cbd52a1321ec938",class:"select__container"},r("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},r("span",{key:"47ef7c569d488efcdbdcb0c4dde6bda31b71783a",class:{select__display:true,"select__display--placeholder":!l}},l||this.placeholder||" "),r("svg",{key:"a416413862109fa8fcf9a4a2b82c6b37fa6a0336",class:"select__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("path",{key:"aea2702514b5b0a8e5981e3b901d2b5f74b5ac45",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.isOpen&&r("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)=>r("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))))),r("div",{key:"a9a59b1565505fd6262a81ce202f1bd4fbb3af1f",class:"select__hidden-slot"},r("slot",{key:"7f5a9e5b313694ff80f0b86e4d1268a20d165556"})),e&&r("div",{key:"b91fafea4a65f2d95822b560c2e75ff7d5ff4831",class:"select__error",part:"error-text",id:a,role:"alert"},this.errorMessage),!e&&this.helpText&&r("div",{key:"aed81b58a86b674c53c28c4dd1c97d0e4a2b8cc3",class:"select__help",part:"help-text",id:s},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}};l.style=o();export{l as ts_select};
+//# sourceMappingURL=p-3aec66b4.entry.js.map

package/dist/tessera-ui/p-3aec66b4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","TsSelect","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":[]}