@tessera-ui/core 0.4.0

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

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

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

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

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

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

package/dist/components/ts-tab-panel.d.ts

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

package/dist/components/ts-tab-panel.js

@@ -0,0 +1,2 @@
+import{T as s,d as o}from"./p-DFnNsZtI.js";const t=s;const n=o;export{t as TsTabPanel,n as defineCustomElement};
+//# sourceMappingURL=ts-tab-panel.js.map

package/dist/components/ts-tab-panel.js.map

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

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

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

package/dist/components/ts-table.js

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

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

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

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

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

package/dist/components/ts-tabs.js

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

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

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

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

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

package/dist/components/ts-textarea.js

@@ -0,0 +1,2 @@
+import{t as e,p as t,H as a,d as r,h as s,c as i}from"./p-DkpyRqHf.js";import{g as o}from"./p-lpqZSiIf.js";const n=()=>`: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 l=t(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.tsInput=r(this,"tsInput");this.tsChange=r(this,"tsChange");this.tsFocus=r(this,"tsFocus");this.tsBlur=r(this,"tsBlur")}get hostEl(){return this}textareaEl;inputId=o("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 r=`${this.inputId}-error`;return s(i,{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&&s("label",{key:"b3e4691906f93a375c9064f28810c1f21b4ef465",class:"textarea__label",part:"label",id:t,htmlFor:this.inputId},this.label,this.required&&s("span",{key:"f69fe7f1f6dce0815a987517f426bc9064a82bff",class:"textarea__required","aria-hidden":"true"}," *")),s("div",{key:"3af1749e1566071c6bb786a8f69d14be554ee393",class:{textarea__wrapper:true,"textarea__wrapper--focused":this.hasFocus,"textarea__wrapper--error":this.error,"textarea__wrapper--disabled":this.disabled},part:"base"},s("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?r: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&&s("div",{key:"6b269961eec546d027f64bc2d44ef1790f72a42c",class:"textarea__error",part:"error-text",id:r,role:"alert"},this.errorMessage),!e&&this.helpText&&s("div",{key:"ec535a5669fa2dec0b0a4b2aa85233b6f84c136a",class:"textarea__help",part:"help-text",id:a},this.helpText))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return n()}},[513,"ts-textarea",{value:[1537],placeholder:[1],disabled:[516],readonly:[516],size:[513],label:[1],helpText:[1,"help-text"],error:[516],errorMessage:[1,"error-message"],required:[516],name:[1],rows:[2],resize:[513],maxlength:[2],hasFocus:[32],setFocus:[64],selectText:[64]},undefined,{value:[{handleValueChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["ts-textarea"];t.forEach((t=>{switch(t){case"ts-textarea":if(!customElements.get(e(t))){customElements.define(e(t),l)}break}}))}h();const d=l;const c=h;export{d as TsTextarea,c as defineCustomElement};
+//# sourceMappingURL=ts-textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["textareaCss","TsTextarea","__stencil_proxyCustomElement","HTMLElement","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":"2GAAA,MAAMA,EAAc,IAAM,+jF,MCiBbC,EAAUC,EAAA,MAAAD,UAAAE,E,sOAGbC,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/components/ts-toast.d.ts

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

package/dist/components/ts-toast.js

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

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

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

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

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

package/dist/components/ts-toggle.js

@@ -0,0 +1,2 @@
+import{t,p as e,H as s,d as o,h as a,c as i}from"./p-DkpyRqHf.js";import{g as r}from"./p-lpqZSiIf.js";const l=()=>`:host{display:inline-block;font-family:var(--ts-font-family-base);--ts-toggle-track-bg:var(--ts-color-neutral-200);--ts-toggle-track-bg-checked:var(--ts-color-primary-600);--ts-toggle-thumb-bg:var(--ts-color-bg-elevated);--ts-toggle-focus-ring:var(--ts-focus-ring)}.toggle__base{display:inline-flex;align-items:center;gap:var(--ts-spacing-2);cursor:pointer;outline:none}.toggle__base:focus-visible .toggle__track{box-shadow:var(--ts-toggle-focus-ring)}:host(.ts-toggle--disabled) .toggle__base{opacity:0.5;cursor:not-allowed}.toggle__track{position:relative;background-color:var(--ts-toggle-track-bg);border-radius:var(--ts-radius-full);border:2px solid var(--ts-color-border-default);box-shadow:none;transition:background-color var(--ts-transition-fast),     border-color var(--ts-transition-fast),     box-shadow var(--ts-transition-fast);flex-shrink:0}:host(.ts-toggle--checked) .toggle__track{background-color:var(--ts-toggle-track-bg-checked);border-color:var(--ts-toggle-track-bg-checked);box-shadow:none}.toggle__thumb{position:absolute;top:50%;transform:translateY(-50%) scale(1);background-color:var(--ts-toggle-thumb-bg);border-radius:var(--ts-radius-full);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06);transition:inset-inline-start var(--ts-transition-fast),     transform var(--ts-transition-fast),     box-shadow var(--ts-transition-fast)}:host(.ts-toggle--checked) .toggle__thumb{box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06)}:host([size="sm"]) .toggle__track{width:32px;height:18px}:host([size="sm"]) .toggle__thumb{width:14px;height:14px;inset-inline-start:2px}:host(.ts-toggle--checked[size="sm"]) .toggle__thumb{inset-inline-start:16px}:host([size="md"]) .toggle__track{width:40px;height:22px}:host([size="md"]) .toggle__thumb{width:18px;height:18px;inset-inline-start:2px}:host(.ts-toggle--checked[size="md"]) .toggle__thumb{inset-inline-start:20px}:host([size="lg"]) .toggle__track{width:50px;height:28px}:host([size="lg"]) .toggle__thumb{width:24px;height:24px;inset-inline-start:2px}:host(.ts-toggle--checked[size="lg"]) .toggle__thumb{inset-inline-start:24px}.toggle__label{font-size:var(--ts-font-size-sm);color:var(--ts-color-text-secondary);cursor:inherit;user-select:none}:host([size="lg"]) .toggle__label{font-size:var(--ts-font-size-md)}`;const g=e(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.tsChange=o(this,"tsChange")}get hostEl(){return this}inputId=r("ts-toggle");checked=false;size="md";disabled=false;name;value;tsChange;async toggle(){if(!this.disabled){this.checked=!this.checked;this.tsChange.emit({checked:this.checked})}}handleClick=()=>{this.toggle()};handleKeydown=t=>{if(t.key===" "||t.key==="Enter"){t.preventDefault();this.toggle()}};render(){return a(i,{key:"37d1c8601478c83ad4be39acedfd4bb84ca9024c",class:{"ts-toggle":true,[`ts-toggle--${this.size}`]:true,"ts-toggle--checked":this.checked,"ts-toggle--disabled":this.disabled}},a("div",{key:"cc01df27c45a311485395e58d06b57cbaddace77",class:"toggle__base",part:"base",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeydown},a("div",{key:"4e275c1ff9564119b2f3e7e8e2407f285fc0c27a",class:"toggle__track",part:"track"},a("div",{key:"e4213d681cef167a7e9db7ef001f83d12c618df4",class:"toggle__thumb",part:"thumb"})),a("label",{key:"dcd922600a2af35a59ef59822f40a86db0dd94d8",class:"toggle__label",part:"label",id:`${this.inputId}-label`},a("slot",{key:"7f15cc140376af0b8b9337a0517a9559dbf7d5b8"}))))}static get style(){return l()}},[769,"ts-toggle",{checked:[1540],size:[513],disabled:[516],name:[1],value:[1],toggle:[64]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ts-toggle"];e.forEach((e=>{switch(e){case"ts-toggle":if(!customElements.get(t(e))){customElements.define(t(e),g)}break}}))}c();const n=g;const d=c;export{n as TsToggle,d as defineCustomElement};
+//# sourceMappingURL=ts-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toggleCss","TsToggle","__stencil_proxyCustomElement","HTMLElement","inputId","generateId","checked","size","disabled","name","value","tsChange","toggle","this","emit","handleClick","handleKeydown","event","key","preventDefault","render","h","Host","class","part","role","undefined","tabindex","onClick","onKeyDown","id"],"sources":["src/components/toggle/toggle.css?tag=ts-toggle&encapsulation=shadow","src/components/toggle/toggle.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-toggle — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-toggle-track-bg          Unchecked track background\n     --ts-toggle-track-bg-checked  Checked track background\n     --ts-toggle-thumb-bg          Thumb background\n     --ts-toggle-focus-ring        Focus ring box-shadow\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-toggle-track-bg: var(--ts-color-neutral-200);\n  --ts-toggle-track-bg-checked: var(--ts-color-primary-600);\n  --ts-toggle-thumb-bg: var(--ts-color-bg-elevated);\n  --ts-toggle-focus-ring: var(--ts-focus-ring);\n}\n\n.toggle__base {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ts-spacing-2);\n  cursor: pointer;\n  outline: none;\n}\n\n.toggle__base:focus-visible .toggle__track {\n  box-shadow: var(--ts-toggle-focus-ring);\n}\n\n:host(.ts-toggle--disabled) .toggle__base {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* ---- Track (M3 — outlined when unchecked) ---- */\n.toggle__track {\n  position: relative;\n  background-color: var(--ts-toggle-track-bg);\n  border-radius: var(--ts-radius-full);\n  border: 2px solid var(--ts-color-border-default);\n  box-shadow: none;\n  transition:\n    background-color var(--ts-transition-fast),\n    border-color var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n  flex-shrink: 0;\n}\n\n:host(.ts-toggle--checked) .toggle__track {\n  background-color: var(--ts-toggle-track-bg-checked);\n  border-color: var(--ts-toggle-track-bg-checked);\n  box-shadow: none;\n}\n\n/* ---- Thumb ---- */\n.toggle__thumb {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%) scale(1);\n  background-color: var(--ts-toggle-thumb-bg);\n  border-radius: var(--ts-radius-full);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  transition:\n    inset-inline-start var(--ts-transition-fast),\n    transform var(--ts-transition-fast),\n    box-shadow var(--ts-transition-fast);\n}\n\n:host(.ts-toggle--checked) .toggle__thumb {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) .toggle__track { width: 32px; height: 18px; }\n:host([size=\"sm\"]) .toggle__thumb { width: 14px; height: 14px; inset-inline-start: 2px; }\n:host(.ts-toggle--checked[size=\"sm\"]) .toggle__thumb { inset-inline-start: 16px; }\n\n:host([size=\"md\"]) .toggle__track { width: 40px; height: 22px; }\n:host([size=\"md\"]) .toggle__thumb { width: 18px; height: 18px; inset-inline-start: 2px; }\n:host(.ts-toggle--checked[size=\"md\"]) .toggle__thumb { inset-inline-start: 20px; }\n\n:host([size=\"lg\"]) .toggle__track { width: 50px; height: 28px; }\n:host([size=\"lg\"]) .toggle__thumb { width: 24px; height: 24px; inset-inline-start: 2px; }\n:host(.ts-toggle--checked[size=\"lg\"]) .toggle__thumb { inset-inline-start: 24px; }\n\n/* ---- Label ---- */\n.toggle__label {\n  font-size: var(--ts-font-size-sm);\n  color: var(--ts-color-text-secondary);\n  cursor: inherit;\n  user-select: none;\n}\n\n:host([size=\"lg\"]) .toggle__label {\n  font-size: var(--ts-font-size-md);\n}\n","import { Component, Prop, Event, h, Host, Element, Method } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport type { TsSize, TsToggleEventDetail } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @slot - Default slot for the toggle label.\n *\n * @part base - The toggle container.\n * @part track - The toggle track.\n * @part thumb - The toggle thumb/knob.\n * @part label - The label wrapper.\n */\n@Component({\n  tag: 'ts-toggle',\n  styleUrl: 'toggle.css',\n  shadow: true,\n})\nexport class TsToggle {\n  @Element() hostEl!: HTMLElement;\n\n  private inputId = generateId('ts-toggle');\n\n  /** Whether the toggle is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The toggle's size. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Renders the toggle as disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Name for form submission. */\n  @Prop() name?: string;\n\n  /** Value for form submission. */\n  @Prop() value?: string;\n\n  /** Emitted when the toggle state changes. */\n  @Event({ eventName: 'tsChange' }) tsChange!: EventEmitter<TsToggleEventDetail>;\n\n  /** Programmatically toggle the checked state. */\n  @Method()\n  async toggle(): Promise<void> {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.tsChange.emit({ checked: this.checked });\n    }\n  }\n\n  private handleClick = (): void => {\n    this.toggle();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.toggle();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-toggle': true,\n          [`ts-toggle--${this.size}`]: true,\n          'ts-toggle--checked': this.checked,\n          'ts-toggle--disabled': this.disabled,\n        }}\n      >\n        <div\n          class=\"toggle__base\"\n          part=\"base\"\n          role=\"switch\"\n          aria-checked={this.checked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : undefined}\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeydown}\n        >\n          <div class=\"toggle__track\" part=\"track\">\n            <div class=\"toggle__thumb\" part=\"thumb\" />\n          </div>\n\n          <label class=\"toggle__label\" part=\"label\" id={`${this.inputId}-label`}>\n            <slot />\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAY,IAAM,utE,MCkBXC,EAAQC,EAAA,MAAAD,UAAAE,E,2IAGXC,QAAUC,EAAW,aAGWC,QAAU,MAGzBC,KAAe,KAGfC,SAAW,MAG5BC,KAGAC,MAG0BC,SAIlC,YAAMC,GACJ,IAAKC,KAAKL,SAAU,CAClBK,KAAKP,SAAWO,KAAKP,QACrBO,KAAKF,SAASG,KAAK,CAAER,QAASO,KAAKP,S,EAI/BS,YAAc,KACpBF,KAAKD,QAAQ,EAGPI,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC9CD,EAAME,iBACNN,KAAKD,Q,GAKT,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,2CACHK,MAAO,CACL,YAAa,KACb,CAAC,cAAcV,KAAKN,QAAS,KAC7B,qBAAsBM,KAAKP,QAC3B,sBAAuBO,KAAKL,WAG9Ba,EAAA,OAAAH,IAAA,2CACEK,MAAM,eACNC,KAAK,OACLC,KAAK,SAAQ,eACCZ,KAAKP,QAAU,OAAS,QAAO,gBAC9BO,KAAKL,SAAW,OAASkB,UACxCC,SAAUd,KAAKL,UAAW,EAAK,EAC/BoB,QAASf,KAAKE,YACdc,UAAWhB,KAAKG,eAEhBK,EAAA,OAAAH,IAAA,2CAAKK,MAAM,gBAAgBC,KAAK,SAC9BH,EAAA,OAAAH,IAAA,2CAAKK,MAAM,gBAAgBC,KAAK,WAGlCH,EAAA,SAAAH,IAAA,2CAAOK,MAAM,gBAAgBC,KAAK,QAAQM,GAAI,GAAGjB,KAAKT,iBACpDiB,EAAA,QAAAH,IAAA,+C","ignoreList":[]}

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

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

package/dist/components/ts-toolbar.js

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

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

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

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

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

package/dist/components/ts-tooltip.js

@@ -0,0 +1,2 @@
+import{t,p as o,H as p,h as i,c as e}from"./p-DkpyRqHf.js";import{g as s}from"./p-lpqZSiIf.js";const l=()=>`: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=o(class t extends p{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}get hostEl(){return this}tooltipId=s("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 i(e,{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},i("span",{key:"0b334f0e17a37431daa0f23652374a4f8f0de3b9",class:"tooltip__trigger","aria-describedby":this.isVisible?this.tooltipId:undefined},i("slot",{key:"e3f1e57562ee6c55f4c6343fc853a9ee1ef234fc"})),i("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,i("div",{key:"fa6a4ac47413853dfd1f4da984888e0de02d7493",class:"tooltip__arrow",part:"arrow"})))}static get style(){return l()}},[769,"ts-tooltip",{content:[1],placement:[513],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],disabled:[516],isVisible:[32],show:[64],hide:[64]}]);function r(){if(typeof customElements==="undefined"){return}const o=["ts-tooltip"];o.forEach((o=>{switch(o){case"ts-tooltip":if(!customElements.get(t(o))){customElements.define(t(o),a)}break}}))}r();const n=a;const _=r;export{n as TsTooltip,_ as defineCustomElement};
+//# sourceMappingURL=ts-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipCss","TsTooltip","__stencil_proxyCustomElement","HTMLElement","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":"+FAAA,MAAMA,EAAa,IAAM,u7E,MCeZC,EAASC,EAAA,MAAAD,UAAAE,E,0GAGZC,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/components/ts-tree-item.d.ts

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

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

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

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

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

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

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

package/dist/components/ts-tree.js

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

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

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