@tessera-ui/core 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["dialogCss","TsDialog","dialogEl","removeFocusTrap","previouslyFocused","dialogId","generateId","open","heading","size","dismissible","tsClose","isAnimating","handleOpenChange","isOpen","this","openDialog","closeDialog","show","close","document","activeElement","body","style","overflow","requestAnimationFrame","trapFocus","focus","emit","disconnectedCallback","handleOverlayClick","handleDialogClick","event","stopPropagation","handleKeydown","key","handleCloseClick","render","headingId","h","Host","class","onKeyDown","part","onClick","ref","el","dialog__panel","role","undefined","tabindex","type","id","name"],"sources":["src/components/dialog/dialog.css?tag=ts-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-dialog — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-dialog-bg          Dialog background\n     --ts-dialog-radius      Dialog border radius\n     --ts-dialog-shadow      Dialog box-shadow\n     --ts-dialog-overlay-bg  Overlay background\n   ========================================================================== */\n\n:host {\n  font-family: var(--ts-font-family-base);\n\n  --ts-dialog-bg: var(--ts-color-bg-elevated);\n  --ts-dialog-radius: var(--ts-shape-overlay);\n  --ts-dialog-shadow: var(--ts-shadow-xl);\n  --ts-dialog-overlay-bg: var(--ts-color-bg-overlay);\n}\n\n/* ---- Overlay ---- */\n.dialog__overlay {\n  position: fixed;\n  inset: 0;\n  z-index: var(--ts-z-modal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--ts-spacing-4);\n  background-color: var(--ts-dialog-overlay-bg);\n  animation: ts-dialog-fade-in 200ms ease-out;\n}\n\n/* ---- Panel ---- */\n.dialog__panel {\n  position: relative;\n  background-color: var(--ts-dialog-bg);\n  border-radius: var(--ts-dialog-radius);\n  box-shadow: var(--ts-dialog-shadow);\n  max-height: calc(100vh - var(--ts-spacing-16));\n  overflow-y: auto;\n  animation: ts-dialog-scale-in 250ms cubic-bezier(0.16, 1, 0.3, 1);\n  outline: none;\n}\n\n/* ---- Sizes ---- */\n.dialog__panel--sm { width: 100%; max-width: 400px; }\n.dialog__panel--md { width: 100%; max-width: 520px; }\n.dialog__panel--lg { width: 100%; max-width: 680px; }\n\n/* ---- Close Button ---- */\n.dialog__close {\n  position: absolute;\n  inset-block-start: var(--ts-spacing-3);\n  inset-inline-end: var(--ts-spacing-3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: none;\n  border-radius: var(--ts-radius-md);\n  background: transparent;\n  color: var(--ts-color-text-tertiary);\n  font-size: var(--ts-font-size-md);\n  cursor: pointer;\n  transition:\n    background-color var(--ts-transition-fast),\n    color var(--ts-transition-fast);\n  z-index: 1;\n  padding: 0;\n  line-height: 1;\n}\n\n.dialog__close:hover {\n  background-color: var(--ts-color-bg-hover);\n  color: var(--ts-color-text-secondary);\n}\n\n.dialog__close:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n}\n\n/* ---- Header ---- */\n.dialog__header {\n  padding: var(--ts-spacing-5) var(--ts-spacing-6) var(--ts-spacing-3);\n  font-size: var(--ts-font-size-lg);\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-primary);\n  padding-inline-end: var(--ts-spacing-10);\n}\n\n/* ---- Body ---- */\n.dialog__body {\n  padding: var(--ts-spacing-3) var(--ts-spacing-6);\n  font-size: var(--ts-font-size-md);\n  color: var(--ts-color-text-secondary);\n  line-height: var(--ts-line-height-normal);\n}\n\n/* ---- Footer ---- */\n.dialog__footer {\n  padding: var(--ts-spacing-3) var(--ts-spacing-6) var(--ts-spacing-5);\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ts-spacing-2);\n}\n\n.dialog__footer:empty {\n  display: none;\n}\n\n/* ---- Animations ---- */\n@keyframes ts-dialog-fade-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes ts-dialog-scale-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n","import { Component, Prop, State, Event, h, Host, Element, Watch, Method } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\nimport { generateId, trapFocus } from '../../utils/aria';\n\n/**\n * @slot - Default slot for dialog body content.\n * @slot footer - Footer content (e.g., action buttons).\n *\n * @part overlay - The backdrop overlay.\n * @part dialog - The dialog container.\n * @part header - The heading wrapper.\n * @part body - The body content wrapper.\n * @part footer - The footer wrapper.\n * @part close - The close button.\n */\n@Component({\n  tag: 'ts-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class TsDialog {\n  @Element() hostEl!: HTMLElement;\n\n  private dialogEl?: HTMLElement;\n  private removeFocusTrap?: () => void;\n  private previouslyFocused?: HTMLElement;\n  private dialogId = generateId('ts-dialog');\n\n  /** Whether the dialog is open. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The dialog heading text. */\n  @Prop() heading?: string;\n\n  /** The dialog's width size preset. */\n  @Prop({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'sm';\n\n  /** Whether the dialog can be dismissed via close button, Escape, or overlay click. */\n  @Prop() dismissible = true;\n\n  /** Emitted when the dialog is closed. */\n  @Event({ eventName: 'tsClose' }) tsClose!: EventEmitter<void>;\n\n  /** Internal animation state. */\n  @State() isAnimating = false;\n\n  @Watch('open')\n  handleOpenChange(isOpen: boolean): void {\n    if (isOpen) {\n      this.openDialog();\n    } else {\n      this.closeDialog();\n    }\n  }\n\n  /** Programmatically open the dialog. */\n  @Method()\n  async show(): Promise<void> {\n    this.open = true;\n  }\n\n  /** Programmatically close the dialog. */\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n  }\n\n  private openDialog(): void {\n    this.previouslyFocused = document.activeElement as HTMLElement;\n    this.isAnimating = true;\n\n    document.body.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      if (this.dialogEl) {\n        this.removeFocusTrap = trapFocus(this.dialogEl);\n        this.dialogEl.focus();\n      }\n    });\n  }\n\n  private closeDialog(): void {\n    this.isAnimating = false;\n    this.tsClose.emit();\n\n    document.body.style.overflow = '';\n\n    this.removeFocusTrap?.();\n    this.previouslyFocused?.focus();\n  }\n\n  disconnectedCallback(): void {\n    this.removeFocusTrap?.();\n    document.body.style.overflow = '';\n  }\n\n  private handleOverlayClick = (): void => {\n    if (this.dismissible) {\n      this.close();\n    }\n  };\n\n  private handleDialogClick = (event: MouseEvent): void => {\n    event.stopPropagation();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.dismissible) {\n      event.stopPropagation();\n      this.close();\n    }\n  };\n\n  private handleCloseClick = (): void => {\n    this.close();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    if (!this.open) return null;\n\n    const headingId = `${this.dialogId}-heading`;\n\n    return (\n      <Host\n        class={{\n          'ts-dialog': true,\n          'ts-dialog--open': this.open,\n        }}\n        onKeyDown={this.handleKeydown}\n      >\n        <div class=\"dialog__overlay\" part=\"overlay\" onClick={this.handleOverlayClick}>\n          <div\n            ref={(el) => (this.dialogEl = el)}\n            class={{\n              'dialog__panel': true,\n              [`dialog__panel--${this.size}`]: true,\n            }}\n            part=\"dialog\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={this.heading ? headingId : undefined}\n            tabindex={-1}\n            onClick={this.handleDialogClick}\n          >\n            {this.dismissible && (\n              <button\n                class=\"dialog__close\"\n                part=\"close\"\n                type=\"button\"\n                aria-label=\"Close dialog\"\n                onClick={this.handleCloseClick}\n              >\n                &#x2715;\n              </button>\n            )}\n\n            {this.heading && (\n              <div class=\"dialog__header\" part=\"header\" id={headingId}>\n                {this.heading}\n              </div>\n            )}\n\n            <div class=\"dialog__body\" part=\"body\">\n              <slot />\n            </div>\n\n            <div class=\"dialog__footer\" part=\"footer\">\n              <slot name=\"footer\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAY,IAAM,0vE,MCoBXC,EAAQ,M,oFAGXC,SACAC,gBACAC,kBACAC,SAAWC,EAAW,aAGUC,KAAO,MAGvCC,QAGiBC,KAA2B,KAG5CC,YAAc,KAGWC,QAGxBC,YAAc,MAGvB,gBAAAC,CAAiBC,GACf,GAAIA,EAAQ,CACVC,KAAKC,Y,KACA,CACLD,KAAKE,a,EAMT,UAAMC,GACJH,KAAKR,KAAO,I,CAKd,WAAMY,GACJJ,KAAKR,KAAO,K,CAGN,UAAAS,GACND,KAAKX,kBAAoBgB,SAASC,cAClCN,KAAKH,YAAc,KAEnBQ,SAASE,KAAKC,MAAMC,SAAW,SAE/BC,uBAAsB,KACpB,GAAIV,KAAKb,SAAU,CACjBa,KAAKZ,gBAAkBuB,EAAUX,KAAKb,UACtCa,KAAKb,SAASyB,O,KAKZ,WAAAV,GACNF,KAAKH,YAAc,MACnBG,KAAKJ,QAAQiB,OAEbR,SAASE,KAAKC,MAAMC,SAAW,GAE/BT,KAAKZ,oBACLY,KAAKX,mBAAmBuB,O,CAG1B,oBAAAE,GACEd,KAAKZ,oBACLiB,SAASE,KAAKC,MAAMC,SAAW,E,CAGzBM,mBAAqB,KAC3B,GAAIf,KAAKL,YAAa,CACpBK,KAAKI,O,GAIDY,kBAAqBC,IAC3BA,EAAMC,iBAAiB,EAGjBC,cAAiBF,IACvB,GAAIA,EAAMG,MAAQ,UAAYpB,KAAKL,YAAa,CAC9CsB,EAAMC,kBACNlB,KAAKI,O,GAIDiB,iBAAmB,KACzBrB,KAAKI,OAAO,EAId,MAAAkB,GACE,IAAKtB,KAAKR,KAAM,OAAO,KAEvB,MAAM+B,EAAY,GAAGvB,KAAKV,mBAE1B,OACEkC,EAACC,EAAI,CACHC,MAAO,CACL,YAAa,KACb,kBAAmB1B,KAAKR,MAE1BmC,UAAW3B,KAAKmB,eAEhBK,EAAA,OAAKE,MAAM,kBAAkBE,KAAK,UAAUC,QAAS7B,KAAKe,oBACxDS,EAAA,OACEM,IAAMC,GAAQ/B,KAAKb,SAAW4C,EAC9BL,MAAO,CACLM,cAAiB,KACjB,CAAC,kBAAkBhC,KAAKN,QAAS,MAEnCkC,KAAK,SACLK,KAAK,SAAQ,aACF,OAAM,kBACAjC,KAAKP,QAAU8B,EAAYW,UAC5CC,UAAU,EACVN,QAAS7B,KAAKgB,mBAEbhB,KAAKL,aACJ6B,EAAA,UACEE,MAAM,gBACNE,KAAK,QACLQ,KAAK,SAAQ,aACF,eACXP,QAAS7B,KAAKqB,kBAAgB,KAMjCrB,KAAKP,SACJ+B,EAAA,OAAKE,MAAM,iBAAiBE,KAAK,SAASS,GAAId,GAC3CvB,KAAKP,SAIV+B,EAAA,OAAKE,MAAM,eAAeE,KAAK,QAC7BJ,EAAA,cAGFA,EAAA,OAAKE,MAAM,iBAAiBE,KAAK,UAC/BJ,EAAA,QAAMc,KAAK,c","ignoreList":[]}

package/dist/tessera-ui/p-lpqZSiIf.js

@@ -0,0 +1,2 @@
+let t=0;function e(e="q"){t+=1;return`${e}-${t}`}function n(t,e="polite"){const n=document.createElement("div");n.setAttribute("aria-live",e);n.setAttribute("role","status");n.setAttribute("aria-atomic","true");Object.assign(n.style,{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"});document.body.appendChild(n);requestAnimationFrame((()=>{n.textContent=t;setTimeout((()=>n.remove()),1e3)}))}function o(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function i(t){const e=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function n(n){if(n.key!=="Tab")return;const o=Array.from(t.querySelectorAll(e));if(o.length===0){n.preventDefault();return}const i=o[0];const r=o[o.length-1];if(n.shiftKey){if(document.activeElement===i){n.preventDefault();r.focus()}}else{if(document.activeElement===r){n.preventDefault();i.focus()}}}t.addEventListener("keydown",n);return()=>t.removeEventListener("keydown",n)}export{n as a,e as g,o as p,i as t};
+//# sourceMappingURL=p-lpqZSiIf.js.map

package/dist/tessera-ui/p-lpqZSiIf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-lpqZSiIf.js","sources":["src/utils/aria.ts"],"sourcesContent":["/**\n * Tessera UI — Accessibility Utilities\n *\n * Helpers for consistent ARIA patterns across components.\n */\n\n/** Generate a unique ID for ARIA relationships */\nlet idCounter = 0;\nexport function generateId(prefix = 'q'): string {\n  idCounter += 1;\n  return `${prefix}-${idCounter}`;\n}\n\n/** Reset ID counter (for testing) */\nexport function resetIdCounter(): void {\n  idCounter = 0;\n}\n\n/**\n * Announce a message to screen readers via a live region.\n * Creates a temporary `aria-live` element, inserts the message,\n * and removes it after the AT has time to read it.\n */\nexport function announce(message: string, priority: 'polite' | 'assertive' = 'polite'): void {\n  const el = document.createElement('div');\n  el.setAttribute('aria-live', priority);\n  el.setAttribute('role', 'status');\n  el.setAttribute('aria-atomic', 'true');\n  Object.assign(el.style, {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    padding: '0',\n    margin: '-1px',\n    overflow: 'hidden',\n    clip: 'rect(0, 0, 0, 0)',\n    whiteSpace: 'nowrap',\n    border: '0',\n  });\n\n  document.body.appendChild(el);\n\n  // Delay to ensure the live region is registered before content is added\n  requestAnimationFrame(() => {\n    el.textContent = message;\n    setTimeout(() => el.remove(), 1000);\n  });\n}\n\n/**\n * Check if the user prefers reduced motion.\n */\nexport function prefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Trap focus within a container element.\n * Returns a cleanup function to remove the trap.\n */\nexport function trapFocus(container: HTMLElement): () => void {\n  const focusableSelectors = [\n    'a[href]',\n    'button:not([disabled])',\n    'input:not([disabled])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ].join(', ');\n\n  function handleKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab') return;\n\n    const focusableElements = Array.from(\n      container.querySelectorAll<HTMLElement>(focusableSelectors)\n    );\n\n    if (focusableElements.length === 0) {\n      event.preventDefault();\n      return;\n    }\n\n    const firstFocusable = focusableElements[0];\n    const lastFocusable = focusableElements[focusableElements.length - 1];\n\n    if (event.shiftKey) {\n      if (document.activeElement === firstFocusable) {\n        event.preventDefault();\n        lastFocusable.focus();\n      }\n    } else {\n      if (document.activeElement === lastFocusable) {\n        event.preventDefault();\n        firstFocusable.focus();\n      }\n    }\n  }\n\n  container.addEventListener('keydown', handleKeydown);\n  return () => container.removeEventListener('keydown', handleKeydown);\n}\n"],"names":[],"mappings":"AAAA;;;;AAIG;AAEH;AACA,IAAI,SAAS,GAAG,CAAC;AACX,SAAU,UAAU,CAAC,MAAM,GAAG,GAAG,EAAA;IACrC,SAAS,IAAI,CAAC;AACd,IAAA,OAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,EAAE;AACjC;AAOA;;;;AAIG;SACa,QAAQ,CAAC,OAAe,EAAE,WAAmC,QAAQ,EAAA;IACnF,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACxC,IAAA,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;AACtC,IAAA,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AACjC,IAAA,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACtC,IAAA,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;AACtB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,IAAI,EAAE,kBAAkB;AACxB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,GAAG;AACZ,KAAA,CAAC;AAEF,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;;IAG7B,qBAAqB,CAAC,MAAK;AACzB,QAAA,EAAE,CAAC,WAAW,GAAG,OAAO;QACxB,UAAU,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC;AACrC,KAAC,CAAC;AACJ;AAEA;;AAEG;SACa,oBAAoB,GAAA;IAClC,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;AACtE;AAEA;;;AAGG;AACG,SAAU,SAAS,CAAC,SAAsB,EAAA;AAC9C,IAAA,MAAM,kBAAkB,GAAG;QACzB,SAAS;QACT,wBAAwB;QACxB,uBAAuB;QACvB,wBAAwB;QACxB,0BAA0B;QAC1B,iCAAiC;AAClC,KAAA,CAAC,IAAI,CAAC,IAAI,CAAC;IAEZ,SAAS,aAAa,CAAC,KAAoB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;YAAE;AAEzB,QAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAClC,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAC5D;AAED,QAAA,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;YAClC,KAAK,CAAC,cAAc,EAAE;YACtB;;AAGF,QAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;AAErE,QAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,cAAc,EAAE;gBAC7C,KAAK,CAAC,cAAc,EAAE;gBACtB,aAAa,CAAC,KAAK,EAAE;;;aAElB;AACL,YAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,aAAa,EAAE;gBAC5C,KAAK,CAAC,cAAc,EAAE;gBACtB,cAAc,CAAC,KAAK,EAAE;;;;AAK5B,IAAA,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;IACpD,OAAO,MAAM,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACtE;;;;"}

package/dist/tessera-ui/tessera-ui.css

@@ -0,0 +1 @@
+:root{--ts-ref-primary-50:#e8f0fe;--ts-ref-primary-100:#d2e3fc;--ts-ref-primary-200:#aecbfa;--ts-ref-primary-300:#8ab4f8;--ts-ref-primary-400:#669df6;--ts-ref-primary-500:#4285f4;--ts-ref-primary-600:#1a73e8;--ts-ref-primary-700:#1967d2;--ts-ref-primary-800:#185abc;--ts-ref-primary-900:#174ea6;--ts-ref-secondary-50:#f0fdfa;--ts-ref-secondary-100:#ccfbf1;--ts-ref-secondary-200:#99f6e4;--ts-ref-secondary-300:#5eead4;--ts-ref-secondary-400:#2dd4bf;--ts-ref-secondary-500:#14b8a6;--ts-ref-secondary-600:#0d9488;--ts-ref-secondary-700:#0f766e;--ts-ref-secondary-800:#115e59;--ts-ref-secondary-900:#134e4a;--ts-ref-neutral-0:#ffffff;--ts-ref-neutral-50:#f8f9fc;--ts-ref-neutral-100:#f0f1f5;--ts-ref-neutral-200:#e1e3e8;--ts-ref-neutral-300:#c4c7cf;--ts-ref-neutral-400:#9196a1;--ts-ref-neutral-500:#737884;--ts-ref-neutral-600:#5a5f6a;--ts-ref-neutral-700:#434751;--ts-ref-neutral-800:#2c3038;--ts-ref-neutral-900:#1a1c23;--ts-ref-success-50:#f0fdf4;--ts-ref-success-100:#dcfce7;--ts-ref-success-200:#bbf7d0;--ts-ref-success-300:#86efac;--ts-ref-success-400:#4ade80;--ts-ref-success-500:#22c55e;--ts-ref-success-600:#16a34a;--ts-ref-success-700:#15803d;--ts-ref-success-800:#166534;--ts-ref-success-900:#14532d;--ts-ref-warning-50:#fffbeb;--ts-ref-warning-100:#fef3c7;--ts-ref-warning-200:#fde68a;--ts-ref-warning-300:#fcd34d;--ts-ref-warning-400:#fbbf24;--ts-ref-warning-500:#f59e0b;--ts-ref-warning-600:#d97706;--ts-ref-warning-700:#b45309;--ts-ref-warning-800:#92400e;--ts-ref-warning-900:#78350f;--ts-ref-danger-50:#fef2f2;--ts-ref-danger-100:#fee2e2;--ts-ref-danger-200:#fecaca;--ts-ref-danger-300:#fca5a5;--ts-ref-danger-400:#f87171;--ts-ref-danger-500:#ef4444;--ts-ref-danger-600:#dc2626;--ts-ref-danger-700:#b91c1c;--ts-ref-danger-800:#991b1b;--ts-ref-danger-900:#7f1d1d;--ts-ref-info-50:#eff6ff;--ts-ref-info-100:#dbeafe;--ts-ref-info-200:#bfdbfe;--ts-ref-info-300:#93c5fd;--ts-ref-info-400:#60a5fa;--ts-ref-info-500:#3b82f6;--ts-ref-info-600:#2563eb;--ts-ref-info-700:#1d4ed8;--ts-ref-info-800:#1e40af;--ts-ref-info-900:#1e3a5f;--ts-ref-black:#000000;--ts-ref-white:#ffffff;--ts-color-primary-50:var(--ts-ref-primary-50);--ts-color-primary-100:var(--ts-ref-primary-100);--ts-color-primary-200:var(--ts-ref-primary-200);--ts-color-primary-300:var(--ts-ref-primary-300);--ts-color-primary-400:var(--ts-ref-primary-400);--ts-color-primary-500:var(--ts-ref-primary-500);--ts-color-primary-600:var(--ts-ref-primary-600);--ts-color-primary-700:var(--ts-ref-primary-700);--ts-color-primary-800:var(--ts-ref-primary-800);--ts-color-primary-900:var(--ts-ref-primary-900);--ts-color-secondary-50:var(--ts-ref-secondary-50);--ts-color-secondary-100:var(--ts-ref-secondary-100);--ts-color-secondary-200:var(--ts-ref-secondary-200);--ts-color-secondary-300:var(--ts-ref-secondary-300);--ts-color-secondary-400:var(--ts-ref-secondary-400);--ts-color-secondary-500:var(--ts-ref-secondary-500);--ts-color-secondary-600:var(--ts-ref-secondary-600);--ts-color-secondary-700:var(--ts-ref-secondary-700);--ts-color-secondary-800:var(--ts-ref-secondary-800);--ts-color-secondary-900:var(--ts-ref-secondary-900);--ts-color-neutral-0:var(--ts-ref-neutral-0);--ts-color-neutral-50:var(--ts-ref-neutral-50);--ts-color-neutral-100:var(--ts-ref-neutral-100);--ts-color-neutral-200:var(--ts-ref-neutral-200);--ts-color-neutral-300:var(--ts-ref-neutral-300);--ts-color-neutral-400:var(--ts-ref-neutral-400);--ts-color-neutral-500:var(--ts-ref-neutral-500);--ts-color-neutral-600:var(--ts-ref-neutral-600);--ts-color-neutral-700:var(--ts-ref-neutral-700);--ts-color-neutral-800:var(--ts-ref-neutral-800);--ts-color-neutral-900:var(--ts-ref-neutral-900);--ts-color-success-50:var(--ts-ref-success-50);--ts-color-success-100:var(--ts-ref-success-100);--ts-color-success-200:var(--ts-ref-success-200);--ts-color-success-300:var(--ts-ref-success-300);--ts-color-success-400:var(--ts-ref-success-400);--ts-color-success-500:var(--ts-ref-success-500);--ts-color-success-600:var(--ts-ref-success-600);--ts-color-success-700:var(--ts-ref-success-700);--ts-color-success-800:var(--ts-ref-success-800);--ts-color-success-900:var(--ts-ref-success-900);--ts-color-warning-50:var(--ts-ref-warning-50);--ts-color-warning-100:var(--ts-ref-warning-100);--ts-color-warning-200:var(--ts-ref-warning-200);--ts-color-warning-300:var(--ts-ref-warning-300);--ts-color-warning-400:var(--ts-ref-warning-400);--ts-color-warning-500:var(--ts-ref-warning-500);--ts-color-warning-600:var(--ts-ref-warning-600);--ts-color-warning-700:var(--ts-ref-warning-700);--ts-color-warning-800:var(--ts-ref-warning-800);--ts-color-warning-900:var(--ts-ref-warning-900);--ts-color-danger-50:var(--ts-ref-danger-50);--ts-color-danger-100:var(--ts-ref-danger-100);--ts-color-danger-200:var(--ts-ref-danger-200);--ts-color-danger-300:var(--ts-ref-danger-300);--ts-color-danger-400:var(--ts-ref-danger-400);--ts-color-danger-500:var(--ts-ref-danger-500);--ts-color-danger-600:var(--ts-ref-danger-600);--ts-color-danger-700:var(--ts-ref-danger-700);--ts-color-danger-800:var(--ts-ref-danger-800);--ts-color-danger-900:var(--ts-ref-danger-900);--ts-color-info-50:var(--ts-ref-info-50);--ts-color-info-100:var(--ts-ref-info-100);--ts-color-info-200:var(--ts-ref-info-200);--ts-color-info-300:var(--ts-ref-info-300);--ts-color-info-400:var(--ts-ref-info-400);--ts-color-info-500:var(--ts-ref-info-500);--ts-color-info-600:var(--ts-ref-info-600);--ts-color-info-700:var(--ts-ref-info-700);--ts-color-info-800:var(--ts-ref-info-800);--ts-color-info-900:var(--ts-ref-info-900);--ts-color-text-primary:var(--ts-ref-neutral-900);--ts-color-text-secondary:var(--ts-ref-neutral-700);--ts-color-text-tertiary:var(--ts-ref-neutral-500);--ts-color-text-disabled:var(--ts-ref-neutral-400);--ts-color-text-inverse:var(--ts-ref-neutral-0);--ts-color-text-on-primary:var(--ts-ref-white);--ts-color-text-on-secondary:var(--ts-ref-white);--ts-color-text-on-success:var(--ts-ref-white);--ts-color-text-on-warning:var(--ts-ref-neutral-900);--ts-color-text-on-danger:var(--ts-ref-white);--ts-color-text-on-info:var(--ts-ref-neutral-900);--ts-color-primary-container:var(--ts-ref-primary-50);--ts-color-on-primary-container:var(--ts-ref-primary-900);--ts-color-secondary-container:var(--ts-ref-secondary-50);--ts-color-on-secondary-container:var(--ts-ref-secondary-900);--ts-color-success-container:var(--ts-ref-success-50);--ts-color-on-success-container:var(--ts-ref-success-900);--ts-color-warning-container:var(--ts-ref-warning-50);--ts-color-on-warning-container:var(--ts-ref-warning-900);--ts-color-danger-container:var(--ts-ref-danger-50);--ts-color-on-danger-container:var(--ts-ref-danger-900);--ts-color-info-container:var(--ts-ref-info-50);--ts-color-on-info-container:var(--ts-ref-info-900);--ts-color-bg-surface:#fafbff;--ts-color-bg-elevated:#ffffff;--ts-color-bg-subtle:#f0f3ff;--ts-color-bg-overlay:rgba(0, 0, 0, 0.45);--ts-color-bg-disabled:var(--ts-ref-neutral-100);--ts-color-bg-hover:var(--ts-ref-neutral-50);--ts-color-bg-elevated-1:var(--ts-ref-neutral-0);--ts-color-bg-elevated-2:var(--ts-ref-neutral-0);--ts-color-bg-elevated-3:var(--ts-ref-neutral-0);--ts-color-border-default:var(--ts-ref-neutral-200);--ts-color-border-subtle:var(--ts-ref-neutral-100);--ts-color-border-strong:var(--ts-ref-neutral-300);--ts-color-interactive-primary:var(--ts-ref-primary-600);--ts-color-interactive-primary-hover:var(--ts-ref-primary-700);--ts-color-interactive-primary-subtle:var(--ts-ref-primary-50);--ts-color-interactive-secondary:var(--ts-ref-secondary-600);--ts-color-interactive-secondary-hover:var(--ts-ref-secondary-700);--ts-color-interactive-secondary-subtle:var(--ts-ref-secondary-50);--ts-color-interactive-danger:var(--ts-ref-danger-600);--ts-color-interactive-danger-hover:var(--ts-ref-danger-500);--ts-color-interactive-danger-subtle:rgba(220, 38, 38, 0.06);--ts-state-hover-opacity:0.08;--ts-state-focus-opacity:0.12;--ts-state-pressed-opacity:0.12;--ts-state-dragged-opacity:0.16;--ts-color-bg-selected:var(--ts-ref-primary-50);--ts-color-bg-selected-hover:var(--ts-ref-primary-100);--ts-color-text-selected:var(--ts-ref-primary-700);--ts-color-border-selected:var(--ts-ref-primary-500);--ts-color-info-bg:rgba(59, 130, 246, 0.06);--ts-color-info-border:rgba(59, 130, 246, 0.15);--ts-color-success-bg:rgba(34, 197, 94, 0.06);--ts-color-success-border:rgba(34, 197, 94, 0.15);--ts-color-warning-bg:rgba(245, 158, 11, 0.06);--ts-color-warning-border:rgba(245, 158, 11, 0.15);--ts-color-danger-bg:rgba(220, 38, 38, 0.06);--ts-color-danger-border:rgba(220, 38, 38, 0.15);--ts-color-skeleton-base:var(--ts-ref-neutral-200);--ts-color-skeleton-pulse:var(--ts-ref-neutral-100);--ts-color-focus-ring:rgba(26, 115, 232, 0.4);--ts-color-focus-ring-danger:rgba(220, 38, 38, 0.3);--ts-font-family-base:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--ts-font-family-mono:'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--ts-font-weight-regular:400;--ts-font-weight-medium:500;--ts-font-weight-semi:600;--ts-font-weight-bold:700;--ts-font-size-2xs:0.6875rem;--ts-font-size-xs:0.75rem;--ts-font-size-sm:0.875rem;--ts-font-size-md:1rem;--ts-font-size-lg:1.375rem;--ts-font-size-xl:1.5rem;--ts-font-size-2xl:1.75rem;--ts-font-size-3xl:2rem;--ts-font-size-4xl:2.8125rem;--ts-font-size-5xl:3.5625rem;--ts-font-size-6xl:5.5rem;--ts-line-height-tight:1.25;--ts-line-height-normal:1.43;--ts-line-height-loose:1.5;--ts-letter-spacing-tighter:-0.02em;--ts-letter-spacing-tight:-0.01em;--ts-letter-spacing-normal:0em;--ts-letter-spacing-wide:0.006em;--ts-letter-spacing-wider:0.009em;--ts-letter-spacing-widest:0.05em;--ts-type-display-lg-size:clamp(2.8125rem, 5vw + 1rem, 5.5rem);--ts-type-display-lg-weight:var(--ts-font-weight-semi);--ts-type-display-lg-line:1.09;--ts-type-display-lg-spacing:var(--ts-letter-spacing-normal);--ts-type-display-md-size:clamp(2rem, 4vw + 1rem, 3.5625rem);--ts-type-display-md-weight:var(--ts-font-weight-semi);--ts-type-display-md-line:1.12;--ts-type-display-md-spacing:var(--ts-letter-spacing-normal);--ts-type-display-sm-size:clamp(1.75rem, 3vw + 0.75rem, 2.8125rem);--ts-type-display-sm-weight:var(--ts-font-weight-semi);--ts-type-display-sm-line:1.16;--ts-type-display-sm-spacing:var(--ts-letter-spacing-normal);--ts-type-heading-lg-size:clamp(1.5rem, 2vw + 0.5rem, 2rem);--ts-type-heading-lg-weight:var(--ts-font-weight-semi);--ts-type-heading-lg-line:1.25;--ts-type-heading-lg-spacing:var(--ts-letter-spacing-normal);--ts-type-heading-md-size:clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem);--ts-type-heading-md-weight:var(--ts-font-weight-semi);--ts-type-heading-md-line:1.29;--ts-type-heading-md-spacing:var(--ts-letter-spacing-normal);--ts-type-heading-sm-size:var(--ts-font-size-xl);--ts-type-heading-sm-weight:var(--ts-font-weight-semi);--ts-type-heading-sm-line:1.33;--ts-type-heading-sm-spacing:var(--ts-letter-spacing-normal);--ts-type-title-lg-size:var(--ts-font-size-lg);--ts-type-title-lg-weight:var(--ts-font-weight-regular);--ts-type-title-lg-line:1.36;--ts-type-title-lg-spacing:var(--ts-letter-spacing-normal);--ts-type-title-md-size:var(--ts-font-size-md);--ts-type-title-md-weight:var(--ts-font-weight-medium);--ts-type-title-md-line:1.5;--ts-type-title-md-spacing:var(--ts-letter-spacing-normal);--ts-type-title-sm-size:var(--ts-font-size-sm);--ts-type-title-sm-weight:var(--ts-font-weight-medium);--ts-type-title-sm-line:1.43;--ts-type-title-sm-spacing:var(--ts-letter-spacing-normal);--ts-type-body-lg-size:var(--ts-font-size-md);--ts-type-body-lg-weight:var(--ts-font-weight-regular);--ts-type-body-lg-line:1.5;--ts-type-body-lg-spacing:var(--ts-letter-spacing-normal);--ts-type-body-md-size:var(--ts-font-size-sm);--ts-type-body-md-weight:var(--ts-font-weight-regular);--ts-type-body-md-line:1.43;--ts-type-body-md-spacing:var(--ts-letter-spacing-normal);--ts-type-body-sm-size:var(--ts-font-size-xs);--ts-type-body-sm-weight:var(--ts-font-weight-regular);--ts-type-body-sm-line:1.33;--ts-type-body-sm-spacing:var(--ts-letter-spacing-wide);--ts-type-label-lg-size:var(--ts-font-size-sm);--ts-type-label-lg-weight:var(--ts-font-weight-medium);--ts-type-label-lg-line:1.43;--ts-type-label-lg-spacing:var(--ts-letter-spacing-normal);--ts-type-label-md-size:var(--ts-font-size-xs);--ts-type-label-md-weight:var(--ts-font-weight-medium);--ts-type-label-md-line:1.33;--ts-type-label-md-spacing:var(--ts-letter-spacing-wide);--ts-type-label-sm-size:var(--ts-font-size-2xs);--ts-type-label-sm-weight:var(--ts-font-weight-medium);--ts-type-label-sm-line:1.45;--ts-type-label-sm-spacing:var(--ts-letter-spacing-wider);--ts-type-caption-size:var(--ts-font-size-xs);--ts-type-caption-weight:var(--ts-font-weight-regular);--ts-type-caption-line:1.33;--ts-type-caption-spacing:var(--ts-letter-spacing-wide);--ts-spacing-0:0;--ts-spacing-1:0.375rem;--ts-spacing-2:0.625rem;--ts-spacing-3:1rem;--ts-spacing-4:1.25rem;--ts-spacing-5:1.5rem;--ts-spacing-6:2rem;--ts-spacing-8:2.5rem;--ts-spacing-10:3rem;--ts-spacing-12:4rem;--ts-spacing-16:5rem;--ts-grid-columns:12;--ts-grid-gutter:var(--ts-spacing-6);--ts-grid-margin:var(--ts-spacing-4);--ts-breakpoint-sm:640px;--ts-breakpoint-md:768px;--ts-breakpoint-lg:1024px;--ts-breakpoint-xl:1280px;--ts-breakpoint-2xl:1536px;--ts-radius-none:0;--ts-radius-sm:0.375rem;--ts-radius-md:0.75rem;--ts-radius-lg:1rem;--ts-radius-xl:1.75rem;--ts-radius-full:9999px;--ts-shape-interactive:var(--ts-radius-full);--ts-shape-container:var(--ts-radius-lg);--ts-shape-overlay:var(--ts-radius-xl);--ts-shape-badge:var(--ts-radius-sm);--ts-shape-pill:var(--ts-radius-full);--ts-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.04);--ts-shadow-sm:0 1px 3px 1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ts-shadow-md:0 2px 6px 2px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ts-shadow-lg:0 4px 8px 3px rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.1);--ts-shadow-xl:0 6px 10px 4px rgba(0, 0, 0, 0.08), 0 2px 3px 0 rgba(0, 0, 0, 0.1);--ts-shadow-inset-sm:inset 0 1px 1px 0 rgba(0, 0, 0, 0.03);--ts-shadow-inset-md:inset 0 1px 3px 0 rgba(0, 0, 0, 0.05);--ts-transition-fast:160ms cubic-bezier(0.25, 0.1, 0.25, 1);--ts-transition-normal:240ms cubic-bezier(0.25, 0.1, 0.25, 1);--ts-transition-slow:360ms cubic-bezier(0.25, 0.1, 0.25, 1);--ts-transition-micro:80ms cubic-bezier(0.25, 0.1, 0.25, 1);--ts-transition-x-slow:500ms cubic-bezier(0.25, 0.1, 0.25, 1);--ts-ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--ts-ease-decelerate:cubic-bezier(0, 0, 0.2, 1);--ts-ease-accelerate:cubic-bezier(0.4, 0, 1, 1);--ts-ease-spring:cubic-bezier(0.16, 1, 0.3, 1);--ts-loading-pulse-duration:1.5s;--ts-loading-shimmer-duration:1.8s;--ts-touch-target-min:44px;--ts-touch-target-compact:32px;--ts-z-dropdown:1000;--ts-z-sticky:1020;--ts-z-fixed:1030;--ts-z-overlay:1040;--ts-z-modal:1050;--ts-z-popover:1060;--ts-z-tooltip:1070;--ts-focus-ring:0 0 0 2px var(--ts-color-focus-ring);--ts-bg-frosted:rgba(255, 255, 255, 0.8);--ts-bg-frosted-blur:12px;--ts-stagger-interval:50ms}[data-density="compact"]{--ts-spacing-1:0.25rem;--ts-spacing-2:0.5rem;--ts-spacing-3:0.75rem;--ts-spacing-4:1rem;--ts-spacing-5:1.25rem;--ts-spacing-6:1.5rem;--ts-font-size-xs:0.6875rem;--ts-font-size-sm:0.75rem;--ts-font-size-md:0.875rem;--ts-touch-target-min:var(--ts-touch-target-compact);--ts-grid-gutter:var(--ts-spacing-4)}[data-density="spacious"]{--ts-spacing-1:0.5rem;--ts-spacing-2:0.75rem;--ts-spacing-3:1.25rem;--ts-spacing-4:1.5rem;--ts-spacing-5:2rem;--ts-spacing-6:2.5rem;--ts-font-size-sm:1rem;--ts-font-size-md:1.125rem;--ts-grid-gutter:var(--ts-spacing-8)}[data-theme="dark"]{color-scheme:dark;color:var(--ts-color-text-primary);background-color:var(--ts-color-bg-surface);--ts-color-neutral-0:#0e1016;--ts-color-neutral-50:#14161c;--ts-color-neutral-100:#1e2029;--ts-color-neutral-200:#2a2d36;--ts-color-neutral-300:#3b3e48;--ts-color-neutral-400:#636770;--ts-color-neutral-500:#8b8f98;--ts-color-neutral-600:#a8acb5;--ts-color-neutral-700:#cdd0d8;--ts-color-neutral-800:#e4e6ec;--ts-color-neutral-900:#f4f5f8;--ts-color-text-primary:#f4f5f8;--ts-color-text-secondary:#cdd0d8;--ts-color-text-tertiary:#8b8f98;--ts-color-text-disabled:#636770;--ts-color-text-inverse:#0e1016;--ts-color-text-on-primary:#ffffff;--ts-color-text-on-warning:#0e1016;--ts-color-text-on-info:#0e1016;--ts-color-primary-container:rgba(26, 115, 232, 0.15);--ts-color-on-primary-container:var(--ts-ref-primary-200);--ts-color-secondary-container:rgba(13, 148, 136, 0.15);--ts-color-on-secondary-container:var(--ts-ref-secondary-200);--ts-color-success-container:rgba(34, 197, 94, 0.15);--ts-color-on-success-container:var(--ts-ref-success-200);--ts-color-warning-container:rgba(245, 158, 11, 0.15);--ts-color-on-warning-container:var(--ts-ref-warning-200);--ts-color-danger-container:rgba(220, 38, 38, 0.15);--ts-color-on-danger-container:var(--ts-ref-danger-200);--ts-color-info-container:rgba(59, 130, 246, 0.15);--ts-color-on-info-container:var(--ts-ref-info-200);--ts-color-bg-surface:#111318;--ts-color-bg-elevated:#1b1d24;--ts-color-bg-subtle:#1e2029;--ts-color-bg-overlay:rgba(0, 0, 0, 0.65);--ts-color-bg-disabled:#1e2029;--ts-color-bg-hover:#1b1d24;--ts-color-bg-elevated-1:#181a21;--ts-color-bg-elevated-2:#1e2029;--ts-color-bg-elevated-3:#252730;--ts-color-border-default:#2a2d36;--ts-color-border-subtle:#1e2029;--ts-color-border-strong:#3b3e48;--ts-color-interactive-primary-subtle:rgba(26, 115, 232, 0.15);--ts-color-interactive-secondary-subtle:rgba(13, 148, 136, 0.12);--ts-color-interactive-danger-subtle:rgba(220, 38, 38, 0.12);--ts-color-bg-selected:rgba(26, 115, 232, 0.12);--ts-color-bg-selected-hover:rgba(26, 115, 232, 0.18);--ts-color-text-selected:var(--ts-ref-primary-300);--ts-color-border-selected:var(--ts-ref-primary-400);--ts-color-info-bg:rgba(59, 130, 246, 0.12);--ts-color-info-border:rgba(59, 130, 246, 0.25);--ts-color-success-bg:rgba(34, 197, 94, 0.12);--ts-color-success-border:rgba(34, 197, 94, 0.25);--ts-color-warning-bg:rgba(245, 158, 11, 0.12);--ts-color-warning-border:rgba(245, 158, 11, 0.25);--ts-color-danger-bg:rgba(220, 38, 38, 0.12);--ts-color-danger-border:rgba(220, 38, 38, 0.25);--ts-color-skeleton-base:#2a2d36;--ts-color-skeleton-pulse:#1e2029;--ts-bg-frosted:rgba(17, 19, 24, 0.8);--ts-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.2);--ts-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--ts-shadow-md:0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 1px 2px -1px rgba(0, 0, 0, 0.2);--ts-shadow-lg:0 4px 8px -2px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);--ts-shadow-xl:0 8px 16px -4px rgba(0, 0, 0, 0.35), 0 4px 6px -4px rgba(0, 0, 0, 0.2);--ts-shadow-inset-sm:inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);--ts-shadow-inset-md:inset 0 1px 3px 0 rgba(0, 0, 0, 0.25)}[data-theme="high-contrast"]{--ts-color-neutral-0:#ffffff;--ts-color-neutral-50:#f5f5f5;--ts-color-neutral-100:#ebebeb;--ts-color-neutral-200:#d6d6d6;--ts-color-neutral-300:#b8b8b8;--ts-color-neutral-400:#8a8a8a;--ts-color-neutral-500:#6b6b6b;--ts-color-neutral-600:#4a4a4a;--ts-color-neutral-700:#2d2d2d;--ts-color-neutral-800:#1a1a1a;--ts-color-neutral-900:#000000;--ts-color-text-primary:#000000;--ts-color-text-secondary:#1a1a1a;--ts-color-text-tertiary:#4a4a4a;--ts-color-text-disabled:#6b6b6b;--ts-color-bg-surface:#ffffff;--ts-color-bg-elevated:#ffffff;--ts-color-bg-subtle:#f5f5f5;--ts-color-bg-disabled:#ebebeb;--ts-color-border-default:#000000;--ts-color-border-subtle:#4a4a4a;--ts-color-border-strong:#000000;--ts-color-interactive-primary:#185abc;--ts-color-interactive-primary-hover:#174ea6;--ts-color-interactive-danger:#b91c1c;--ts-color-interactive-danger-hover:#991b1b;--ts-color-focus-ring:rgba(0, 0, 0, 0.6);--ts-focus-ring:0 0 0 2px var(--ts-color-focus-ring);--ts-shadow-sm:0 0 0 1px #000000;--ts-shadow-md:0 0 0 1px #000000;--ts-shadow-lg:0 0 0 2px #000000;--ts-shadow-xl:0 0 0 2px #000000}@media (forced-colors: active){:root{--ts-focus-ring:0 0 0 2px Highlight}}

package/dist/tessera-ui/tessera-ui.esm.js

@@ -0,0 +1,2 @@
+import{p as e,g as a,b as l}from"./p-V8-ENixA.js";export{s as setNonce}from"./p-V8-ENixA.js";var t=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};t().then((async e=>{await a();return l([["p-bce40715",[[769,"ts-banner",{variant:[513],dismissible:[516],icon:[1],sticky:[516],isVisible:[32],close:[64],show:[64]}]]],["p-e1d2b141",[[769,"ts-empty-state",{heading:[1],description:[1],icon:[1],size:[513]}]]],["p-b09f202c",[[769,"ts-nav-item",{href:[1],active:[516],disabled:[516],icon:[1]}]]],["p-d5cbadd6",[[769,"ts-step",{label:[1],description:[1],completed:[516],error:[516],disabled:[516],icon:[1]}]]],["p-35eb8496",[[769,"ts-switch-option",{value:[513],disabled:[516],icon:[1],active:[1540]}]]],["p-16fc632b",[[769,"ts-tabs",{value:[1537],variant:[513],size:[513]},null,{value:[{handleValueChange:0}]}]]],["p-79ff8ceb",[[769,"ts-tree-item",{label:[1],expanded:[1540],selected:[1540],disabled:[516],icon:[1],hasChildren:[32]},null,{expanded:[{onExpandedChange:0}]}]]],["p-24305379",[[769,"ts-accordion",{multiple:[4]},[[0,"tsToggle","handleToggle"]]]]],["p-50d092ce",[[769,"ts-accordion-item",{open:[1540],disabled:[516],heading:[1],internalOpen:[32]},null,{open:[{onOpenChange:0}]}]]],["p-b3f60955",[[769,"ts-alert",{variant:[513],closable:[4],isVisible:[32],close:[64],show:[64]}]]],["p-7fa64f00",[[769,"ts-avatar",{src:[1],alt:[1],name:[1],size:[513],variant:[513],color:[1],hasError:[32]}]]],["p-91ccef3f",[[769,"ts-badge",{variant:[513],size:[513],pill:[516],dot:[516],outline:[516]}]]],["p-a83d903e",[[769,"ts-breadcrumb",{separator:[1]}]]],["p-04aa8b90",[[769,"ts-breadcrumb-item",{href:[1],current:[516],separator:[1]}]]],["p-122e43b7",[[769,"ts-button",{variant:[513],appearance:[513],size:[513],disabled:[516],loading:[516],block:[516],type:[1],href:[1],target:[1]}]]],["p-c35c7049",[[769,"ts-card",{elevation:[513],interactive:[516],bordered:[516],padding:[513]}]]],["p-50efadf3",[[769,"ts-checkbox",{checked:[1540],indeterminate:[1540],disabled:[516],value:[1],name:[1],label:[1],size:[513],error:[516],toggle:[64]}]]],["p-491e1a75",[[769,"ts-chip",{variant:[513],size:[513],removable:[516],disabled:[516],selected:[516],outline:[516]}]]],["p-a55a5695",[[769,"ts-container",{size:[513],padding:[516]}]]],["p-1d73f6c9",[[513,"ts-date-picker",{value:[1537],placeholder:[1],disabled:[516],min:[1],max:[1],label:[1],error:[516],errorMessage:[1,"error-message"],size:[513],name:[1],isOpen:[32],viewMonth:[32],viewYear:[32],focusedDay:[32]},null,{value:[{handleValueChange:0}]}]]],["p-fef9a993",[[769,"ts-dialog",{open:[1540],heading:[1],size:[513],dismissible:[4],isAnimating:[32],show:[64],close:[64]},null,{open:[{handleOpenChange:0}]}]]],["p-6d35a60c",[[513,"ts-divider",{orientation:[513],variant:[513],label:[1]}]]],["p-829c4307",[[769,"ts-drawer",{open:[1540],placement:[513],size:[513],dismissible:[4],heading:[1],isAnimating:[32],show:[64],close:[64]},null,{open:[{handleOpenChange:0}]}]]],["p-56f2b070",[[769,"ts-file-upload",{accept:[1],multiple:[4],maxSize:[2,"max-size"],disabled:[516],label:[1],name:[1],isDragOver:[32]}]]],["p-6760f922",[[769,"ts-grid",{columns:[513],gap:[513],minColumnWidth:[513,"min-column-width"],align:[513]}]]],["p-0424cd55",[[769,"ts-input",{value:[1537],type:[513],size:[513],label:[1],placeholder:[1],helpText:[1,"help-text"],error:[1],required:[516],disabled:[516],readonly:[516],maxlength:[2],minlength:[2],pattern:[1],autocomplete:[1],name:[1],hasFocus:[32],setFocus:[64],selectText:[64]},null,{value:[{handleValueChange:0}]}]]],["p-53846d59",[[769,"ts-menu",{open:[1540],trigger:[513],placement:[513],focusedIndex:[32]},[[4,"click","handleDocumentClick"],[0,"tsSelect","handleItemSelect"],[0,"keydown","handleKeydown"]],{open:[{handleOpenChange:0}]}]]],["p-7e531195",[[769,"ts-menu-item",{disabled:[516],value:[513],href:[1],setFocus:[64]}]]],["p-441310f7",[[769,"ts-modal",{open:[1540],size:[513],label:[1],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showClose:[4,"show-close"],isAnimating:[32],show:[64],close:[64]},null,{open:[{handleOpenChange:0}]}]]],["p-080eaf89",[[769,"ts-nav",{variant:[513],collapsed:[516]}]]],["p-fd2376e0",[[513,"ts-pagination",{total:[2],pageSize:[2,"page-size"],currentPage:[1538,"current-page"],siblingCount:[2,"sibling-count"],size:[513]}]]],["p-b1182592",[[769,"ts-popover",{open:[1540],placement:[513],trigger:[1],dismissible:[4],isVisible:[32],show:[64],hide:[64]},null,{open:[{handleOpenChange:0}]}]]],["p-9209e603",[[513,"ts-progress",{value:[2],max:[2],variant:[513],size:[513],indeterminate:[516],label:[1],showValue:[516,"show-value"]}]]],["p-4277460b",[[769,"ts-radio",{checked:[1540],disabled:[516],value:[1],name:[1],label:[1],size:[513],select:[64]}]]],["p-9b41b538",[[769,"ts-row",{gap:[513],align:[513],justify:[513],wrap:[516],reverse:[516],stackAt:[513,"stack-at"]}]]],["p-3aec66b4",[[769,"ts-select",{value:[1537],placeholder:[1],disabled:[516],size:[513],label:[1],helpText:[1,"help-text"],error:[516],errorMessage:[1,"error-message"],required:[516],name:[1],multiple:[516],isOpen:[32],focusedIndex:[32],options:[32]},[[4,"click","handleDocumentClick"]],{value:[{handleValueChange:0}]}]]],["p-97a9def7",[[513,"ts-skeleton",{variant:[513],width:[1],height:[1],lines:[2],animation:[513]}]]],["p-bb9ebbd8",[[513,"ts-slider",{value:[1538],min:[2],max:[2],step:[2],disabled:[516],label:[1],showValue:[516,"show-value"],size:[513],dragging:[32]}]]],["p-708d4eb5",[[513,"ts-spacer",{size:[513],axis:[513]}]]],["p-0ec061e5",[[513,"ts-spinner",{size:[513],color:[1],label:[1]}]]],["p-d318774a",[[769,"ts-stack",{gap:[513],align:[513]}]]],["p-04522bf9",[[769,"ts-stepper",{activeStep:[514,"active-step"],orientation:[513],linear:[4]},null,{activeStep:[{handleActiveStepChange:0}]}]]],["p-adc807dc",[[769,"ts-switch-group",{value:[1537],size:[513],disabled:[516],fullWidth:[516,"full-width"]},[[0,"tsOptionSelect","handleOptionSelect"],[0,"keydown","handleKeyDown"]],{value:[{onValueChange:0}]}]]],["p-6ec285ad",[[769,"ts-tab-panel",{tab:[1],value:[513],disabled:[516],icon:[1]}]]],["p-9c0504fd",[[772,"ts-table",{striped:[516],bordered:[516],hoverable:[516],compact:[516],stickyHeader:[516,"sticky-header"]}]]],["p-25f77cc9",[[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]},null,{value:[{handleValueChange:0}]}]]],["p-c59ecffa",[[769,"ts-toast",{variant:[513],duration:[2],dismissible:[4],open:[1540],position:[513],isVisible:[32],close:[64],show:[64]},null,{open:[{handleOpenChange:0}]}]]],["p-69bb11ed",[[769,"ts-toggle",{checked:[1540],size:[513],disabled:[516],name:[1],value:[1],toggle:[64]}]]],["p-f639213a",[[769,"ts-toolbar",{variant:[513],size:[513]}]]],["p-16bb8ca8",[[769,"ts-tooltip",{content:[1],placement:[513],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],disabled:[516],isVisible:[32],show:[64],hide:[64]}]]],["p-a120b5d6",[[769,"ts-tree",{selectable:[516]},[[0,"keydown","handleKeyDown"]]]]],["p-f0bf6408",[[769,"ts-icon",{name:[513],src:[1],size:[513],label:[1],color:[513],svgContent:[32]},null,{name:[{nameChanged:0}]}]]]],e)}));
+//# sourceMappingURL=tessera-ui.esm.js.map

package/dist/tessera-ui/tessera-ui.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tessera-ui.esm.js","sources":["node_modules/.pnpm/@stencil+core@4.43.3/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

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

@@ -0,0 +1,28 @@
+import type { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot - Default slot for panel content.
+ * @slot header - Custom header content (replaces heading text).
+ *
+ * @part header - The header button.
+ * @part panel - The content panel.
+ */
+export declare class TsAccordionItem {
+    private headerId;
+    private panelId;
+    /** Whether the item is expanded. */
+    open: boolean;
+    /** Disables toggling. */
+    disabled: boolean;
+    /** Header text for the item. */
+    heading?: string;
+    /** Emitted when the item is toggled. */
+    tsToggle: EventEmitter<{
+        open: boolean;
+    }>;
+    internalOpen: boolean;
+    onOpenChange(newVal: boolean): void;
+    connectedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/accordion/accordion-item.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+/**
+ * @slot - Default slot for ts-accordion-item children.
+ */
+export declare class TsAccordion {
+    hostEl: HTMLElement;
+    /** Allow multiple items to be open simultaneously. */
+    multiple: boolean;
+    handleToggle(event: CustomEvent<{
+        open: boolean;
+    }>): void;
+    render(): any;
+}

package/dist/types/components/accordion/accordion.stories.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        multiple: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        multiple: boolean;
+    };
+};
+export declare const MultipleOpen: () => string;
+export declare const States: () => string;
+export declare const Composition: () => string;

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

@@ -0,0 +1,30 @@
+import type { EventEmitter } from '../../stencil-public-runtime';
+import type { TsVariant } from '../../types';
+/**
+ * @slot - Default slot for alert message content.
+ * @slot icon - Custom icon to override the default variant icon.
+ * @slot action - Action buttons or links displayed at the end.
+ *
+ * @part base - The alert container.
+ * @part icon - The icon wrapper.
+ * @part message - The message wrapper.
+ * @part action - The action slot wrapper.
+ * @part close - The close button.
+ */
+export declare class TsAlert {
+    /** The alert's semantic variant. */
+    variant: TsVariant;
+    /** Whether the alert can be dismissed. */
+    closable: boolean;
+    /** Whether the alert is currently visible. */
+    isVisible: boolean;
+    /** Emitted when the alert is closed. */
+    tsClose: EventEmitter<void>;
+    /** Programmatically close the alert. */
+    close(): Promise<void>;
+    /** Programmatically show the alert. */
+    show(): Promise<void>;
+    private handleClose;
+    private renderDefaultIcon;
+    render(): any;
+}

package/dist/types/components/alert/alert.stories.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        closable: {
+            control: string;
+            description: string;
+        };
+        slotContent: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        variant: string;
+        closable: boolean;
+        slotContent: string;
+    };
+};
+export declare const Variants: () => string;
+export declare const States: () => string;
+export declare const WithIcons: () => string;
+export declare const WithActions: () => string;
+export declare const Composition: () => string;

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

@@ -0,0 +1,26 @@
+/**
+ * @slot - Default slot for custom content (e.g., icon).
+ *
+ * @part base - The avatar container.
+ * @part image - The avatar image element.
+ * @part initials - The initials text element.
+ */
+export declare class TsAvatar {
+    /** Image URL for the avatar. */
+    src?: string;
+    /** Alt text for the avatar image. */
+    alt?: string;
+    /** Name used to generate initials fallback. */
+    name?: string;
+    /** The size of the avatar. */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Shape variant of the avatar. */
+    variant: 'circle' | 'square';
+    /** Background color for the initials fallback. */
+    color?: string;
+    /** Whether the image failed to load. */
+    hasError: boolean;
+    private handleError;
+    private getInitials;
+    render(): any;
+}

package/dist/types/components/avatar/avatar.stories.d.ts

@@ -0,0 +1,51 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        src: {
+            control: string;
+            description: string;
+        };
+        alt: {
+            control: string;
+            description: string;
+        };
+        name: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        src: string;
+        alt: string;
+        name: string;
+        size: string;
+        variant: string;
+        color: string;
+    };
+};
+export declare const Sizes: () => string;
+export declare const Variants: () => string;
+export declare const InitialsFallback: () => string;
+export declare const WithImages: () => string;
+export declare const ImageErrorFallback: () => string;
+export declare const UserList: () => string;

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

@@ -0,0 +1,19 @@
+import type { TsSize, TsVariant } from '../../types';
+/**
+ * @slot - Default slot for badge content.
+ *
+ * @part base - The badge element.
+ */
+export declare class TsBadge {
+    /** The badge's color variant. */
+    variant: TsVariant;
+    /** The badge's size. */
+    size: TsSize;
+    /** Renders the badge with rounded-pill shape. */
+    pill: boolean;
+    /** Renders the badge as a small dot indicator (content is hidden). */
+    dot: boolean;
+    /** Renders an outlined style instead of solid. */
+    outline: boolean;
+    render(): any;
+}

package/dist/types/components/badge/badge.stories.d.ts

@@ -0,0 +1,50 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        pill: {
+            control: string;
+            description: string;
+        };
+        dot: {
+            control: string;
+            description: string;
+        };
+        outline: {
+            control: string;
+            description: string;
+        };
+        slotContent: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        variant: string;
+        size: string;
+        pill: boolean;
+        dot: boolean;
+        outline: boolean;
+        slotContent: string;
+    };
+};
+export declare const Variants: () => string;
+export declare const Sizes: () => string;
+export declare const States: () => string;
+export declare const WithIcons: () => string;
+export declare const Composition: () => string;

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

@@ -0,0 +1,33 @@
+import type { EventEmitter } from '../../stencil-public-runtime';
+import type { TsVariant } from '../../types';
+/**
+ * @slot - Default slot for message content.
+ * @slot action - CTA button.
+ *
+ * @part base - The banner container.
+ * @part icon - The icon wrapper.
+ * @part message - The message wrapper.
+ * @part action - The action slot wrapper.
+ * @part close - The close/dismiss button.
+ */
+export declare class TsBanner {
+    /** The banner's semantic variant. */
+    variant: TsVariant;
+    /** Whether the banner can be dismissed. */
+    dismissible: boolean;
+    /** Optional Lucide icon name. */
+    icon?: string;
+    /** Whether the banner sticks to the top of the viewport. */
+    sticky: boolean;
+    /** Whether the banner is currently visible. */
+    isVisible: boolean;
+    /** Emitted when the banner is dismissed. */
+    tsClose: EventEmitter<void>;
+    /** Programmatically close the banner. */
+    close(): Promise<void>;
+    /** Programmatically show the banner. */
+    show(): Promise<void>;
+    private handleClose;
+    private renderDefaultIcon;
+    render(): any;
+}

package/dist/types/components/banner/banner.stories.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        dismissible: {
+            control: string;
+            description: string;
+        };
+        icon: {
+            control: string;
+            description: string;
+        };
+        sticky: {
+            control: string;
+            description: string;
+        };
+        slotContent: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        variant: string;
+        dismissible: boolean;
+        slotContent: string;
+    };
+};
+export declare const Variants: () => string;
+export declare const States: () => string;
+export declare const Composition: () => string;

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

@@ -0,0 +1,15 @@
+/**
+ * @slot - Default slot for label text.
+ *
+ * @part link - The anchor or span element.
+ * @part separator - The separator element.
+ */
+export declare class TsBreadcrumbItem {
+    /** If set, renders as a link. */
+    href?: string;
+    /** Marks this item as the current page. */
+    current: boolean;
+    /** Separator character (set by parent ts-breadcrumb). */
+    separator?: string;
+    render(): any;
+}

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

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+/**
+ * @slot - Default slot for ts-breadcrumb-item children.
+ *
+ * @part nav - The nav element.
+ * @part list - The ordered list element.
+ */
+export declare class TsBreadcrumb {
+    hostEl: HTMLElement;
+    /** The separator character between breadcrumb items. */
+    separator: string;
+    componentDidRender(): void;
+    render(): any;
+}

package/dist/types/components/breadcrumb/breadcrumb.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        separator: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ((args: Record<string, unknown>) => string) & {
+    args: Record<string, unknown>;
+} & {
+    args: {
+        separator: string;
+    };
+};
+export declare const Variants: () => string;
+export declare const Composition: () => string;

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

@@ -0,0 +1,45 @@
+import type { EventEmitter } from '../../stencil-public-runtime';
+import type { TsSize, TsVariant, TsAppearance } from '../../types';
+/**
+ * @slot - Default slot for button label content.
+ * @slot prefix - Content before the label (e.g., icon).
+ * @slot suffix - Content after the label (e.g., icon).
+ *
+ * @part base - The native button element.
+ * @part label - The label wrapper.
+ * @part prefix - The prefix slot wrapper.
+ * @part suffix - The suffix slot wrapper.
+ * @part spinner - The loading spinner element.
+ */
+export declare class TsButton {
+    hostEl: HTMLElement;
+    /** The button's visual variant. */
+    variant: TsVariant;
+    /** The button's visual weight / appearance. */
+    appearance: TsAppearance;
+    /** The button's size. */
+    size: TsSize;
+    /** Renders the button in a disabled state. */
+    disabled: boolean;
+    /** Renders a loading spinner and disables the button. */
+    loading: boolean;
+    /** Makes the button take the full width of its container. */
+    block: boolean;
+    /** The type attribute for the native button. */
+    type: 'button' | 'submit' | 'reset';
+    /** An optional href — renders an anchor instead of a button. */
+    href?: string;
+    /** Target attribute when href is set. */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** Emitted when the button is clicked (not fired when disabled/loading). */
+    tsClick: EventEmitter<void>;
+    /** Emitted when the button receives focus. */
+    tsFocus: EventEmitter<void>;
+    /** Emitted when the button loses focus. */
+    tsBlur: EventEmitter<void>;
+    private handleClick;
+    private handleFocus;
+    private handleBlur;
+    private renderSpinner;
+    render(): any;
+}