@tessera-ui/core 0.4.0

package/dist/tessera-ui/p-91ccef3f.entry.js.map

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

package/dist/tessera-ui/p-9209e603.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as r,H as e}from"./p-V8-ENixA.js";const t=()=>`:host{display:flex;align-items:center;gap:var(--ts-spacing-2);--ts-progress-track-bg:var(--ts-color-neutral-200);--ts-progress-fill-bg:var(--ts-color-interactive-primary);--ts-progress-radius:var(--ts-radius-full);--ts-progress-height:0.5rem}.progress__track{flex:1;block-size:var(--ts-progress-height);background-color:var(--ts-progress-track-bg);border-radius:var(--ts-progress-radius);overflow:hidden;position:relative}.progress__fill{block-size:100%;background-color:var(--ts-progress-fill-bg);border-radius:var(--ts-progress-radius);transition:width var(--ts-transition-normal)}.progress__label{font-family:var(--ts-font-family-base);font-size:var(--ts-font-size-sm);font-weight:var(--ts-font-weight-semi);color:var(--ts-color-text-secondary);min-inline-size:3ch;text-align:end}:host([size="sm"]){--ts-progress-height:0.25rem}:host([size="lg"]){--ts-progress-height:0.75rem}:host([variant="success"]){--ts-progress-fill-bg:var(--ts-color-success-600)}:host([variant="warning"]){--ts-progress-fill-bg:var(--ts-color-warning-600)}:host([variant="danger"]){--ts-progress-fill-bg:var(--ts-color-danger-500)}:host([variant="info"]){--ts-progress-fill-bg:var(--ts-color-info-500)}:host([indeterminate]) .progress__fill{width:40%;animation:ts-progress-slide 1.5s ease-in-out infinite}@keyframes ts-progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}`;const a=class{constructor(r){s(this,r)}value=0;max=100;variant="primary";size="md";indeterminate=false;label;showValue=false;get percentage(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}render(){const s=this.percentage;return r(e,{key:"d74892b8e752c9a837c01ef147ae83a53d4460d4",class:{"ts-progress":true,[`ts-progress--${this.variant}`]:true,[`ts-progress--${this.size}`]:true,"ts-progress--indeterminate":this.indeterminate}},r("div",{key:"2a43e6036aa6709d3880f07a7f0598a6ade68268",class:"progress__track",part:"track",role:"progressbar","aria-valuenow":this.indeterminate?undefined:this.value,"aria-valuemin":0,"aria-valuemax":this.max,"aria-label":this.label||undefined},r("div",{key:"09f9f244e037a34024a1dacb8beacd8be9cb9de9",class:"progress__fill",part:"fill",style:this.indeterminate?undefined:{width:`${s}%`}})),this.showValue&&!this.indeterminate&&r("span",{key:"795864d0e9d184c7c354179e845e954aca3d7113",class:"progress__label",part:"label","aria-hidden":"true"},Math.round(s),"%"))}};a.style=t();export{a as ts_progress};
+//# sourceMappingURL=p-9209e603.entry.js.map

package/dist/tessera-ui/p-9209e603.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressCss","TsProgress","value","max","variant","size","indeterminate","label","showValue","percentage","this","Math","min","render","percent","h","Host","key","class","part","role","undefined","style","width","round"],"sources":["src/components/progress/progress.css?tag=ts-progress&encapsulation=shadow","src/components/progress/progress.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-progress — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-progress-track-bg     Track background color\n     --ts-progress-fill-bg      Fill bar background color\n     --ts-progress-radius       Border radius\n     --ts-progress-height       Track height\n   ========================================================================== */\n\n:host {\n  display: flex;\n  align-items: center;\n  gap: var(--ts-spacing-2);\n\n  --ts-progress-track-bg: var(--ts-color-neutral-200);\n  --ts-progress-fill-bg: var(--ts-color-interactive-primary);\n  --ts-progress-radius: var(--ts-radius-full);\n  --ts-progress-height: 0.5rem;\n}\n\n/* ---- Track ---- */\n.progress__track {\n  flex: 1;\n  block-size: var(--ts-progress-height);\n  background-color: var(--ts-progress-track-bg);\n  border-radius: var(--ts-progress-radius);\n  overflow: hidden;\n  position: relative;\n}\n\n/* ---- Fill ---- */\n.progress__fill {\n  block-size: 100%;\n  background-color: var(--ts-progress-fill-bg);\n  border-radius: var(--ts-progress-radius);\n  transition: width var(--ts-transition-normal);\n}\n\n/* ---- Label ---- */\n.progress__label {\n  font-family: var(--ts-font-family-base);\n  font-size: var(--ts-font-size-sm);\n  font-weight: var(--ts-font-weight-semi);\n  color: var(--ts-color-text-secondary);\n  min-inline-size: 3ch;\n  text-align: end;\n}\n\n/* ---- Sizes ---- */\n:host([size=\"sm\"]) {\n  --ts-progress-height: 0.25rem;\n}\n\n:host([size=\"lg\"]) {\n  --ts-progress-height: 0.75rem;\n}\n\n/* ---- Variants ---- */\n:host([variant=\"success\"]) {\n  --ts-progress-fill-bg: var(--ts-color-success-600);\n}\n\n:host([variant=\"warning\"]) {\n  --ts-progress-fill-bg: var(--ts-color-warning-600);\n}\n\n:host([variant=\"danger\"]) {\n  --ts-progress-fill-bg: var(--ts-color-danger-500);\n}\n\n:host([variant=\"info\"]) {\n  --ts-progress-fill-bg: var(--ts-color-info-500);\n}\n\n/* ---- Indeterminate animation ---- */\n:host([indeterminate]) .progress__fill {\n  width: 40%;\n  animation: ts-progress-slide 1.5s ease-in-out infinite;\n}\n\n@keyframes ts-progress-slide {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(350%);\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { TsSize } from '../../types';\n\ntype TsProgressVariant = 'primary' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * @part track - The progress track.\n * @part fill - The progress fill bar.\n * @part label - The value label text.\n */\n@Component({\n  tag: 'ts-progress',\n  styleUrl: 'progress.css',\n  shadow: true,\n})\nexport class TsProgress {\n  /** Current progress value (0 to max). */\n  @Prop() value = 0;\n\n  /** Maximum value. */\n  @Prop() max = 100;\n\n  /** The color variant. */\n  @Prop({ reflect: true }) variant: TsProgressVariant = 'primary';\n\n  /** The size of the progress bar. */\n  @Prop({ reflect: true }) size: TsSize = 'md';\n\n  /** Whether the progress is indeterminate. */\n  @Prop({ reflect: true }) indeterminate = false;\n\n  /** Accessible label for the progress bar. */\n  @Prop() label?: string;\n\n  /** Whether to display the percentage value. */\n  @Prop({ reflect: true }) showValue = false;\n\n  private get percentage(): number {\n    if (this.max <= 0) return 0;\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100));\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const percent = this.percentage;\n\n    return (\n      <Host\n        class={{\n          'ts-progress': true,\n          [`ts-progress--${this.variant}`]: true,\n          [`ts-progress--${this.size}`]: true,\n          'ts-progress--indeterminate': this.indeterminate,\n        }}\n      >\n        <div\n          class=\"progress__track\"\n          part=\"track\"\n          role=\"progressbar\"\n          aria-valuenow={this.indeterminate ? undefined : this.value}\n          aria-valuemin={0}\n          aria-valuemax={this.max}\n          aria-label={this.label || undefined}\n        >\n          <div\n            class=\"progress__fill\"\n            part=\"fill\"\n            style={this.indeterminate ? undefined : { width: `${percent}%` }}\n          />\n        </div>\n        {this.showValue && !this.indeterminate && (\n          <span class=\"progress__label\" part=\"label\" aria-hidden=\"true\">\n            {Math.round(percent)}%\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,IAAM,k2C,MCebC,EAAU,M,yBAEbC,MAAQ,EAGRC,IAAM,IAGWC,QAA6B,UAG7BC,KAAe,KAGfC,cAAgB,MAGjCC,MAGiBC,UAAY,MAErC,cAAYC,GACV,GAAIC,KAAKP,KAAO,EAAG,OAAO,EAC1B,OAAOQ,KAAKC,IAAI,IAAKD,KAAKR,IAAI,EAAIO,KAAKR,MAAQQ,KAAKP,IAAO,K,CAI7D,MAAAU,GACE,MAAMC,EAAUJ,KAAKD,WAErB,OACEM,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,cAAe,KACf,CAAC,gBAAgBR,KAAKN,WAAY,KAClC,CAAC,gBAAgBM,KAAKL,QAAS,KAC/B,6BAA8BK,KAAKJ,gBAGrCS,EAAA,OAAAE,IAAA,2CACEC,MAAM,kBACNC,KAAK,QACLC,KAAK,cAAa,gBACHV,KAAKJ,cAAgBe,UAAYX,KAAKR,MAAK,gBAC3C,EAAC,gBACDQ,KAAKP,IAAG,aACXO,KAAKH,OAASc,WAE1BN,EAAA,OAAAE,IAAA,2CACEC,MAAM,iBACNC,KAAK,OACLG,MAAOZ,KAAKJ,cAAgBe,UAAY,CAAEE,MAAO,GAAGT,SAGvDJ,KAAKF,YAAcE,KAAKJ,eACvBS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBC,KAAK,QAAO,cAAa,QACpDR,KAAKa,MAAMV,GAAQ,K","ignoreList":[]}

package/dist/tessera-ui/p-97a9def7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,H as t}from"./p-V8-ENixA.js";const a=()=>`:host{display:block;font-family:var(--ts-font-family-base);--ts-skeleton-radius:var(--ts-radius-sm);--ts-skeleton-height:1em;--ts-color-skeleton-base:var(--ts-color-neutral-200);--ts-color-skeleton-pulse:var(--ts-color-neutral-300)}.skeleton__base{display:flex;flex-direction:column;gap:var(--ts-spacing-2);width:100%;height:100%}.skeleton__line{block-size:var(--ts-skeleton-height);inline-size:100%;border-radius:var(--ts-skeleton-radius);background-color:var(--ts-color-skeleton-base)}.skeleton__line--last{inline-size:75%}:host([variant="circular"]) .skeleton__base{border-radius:50%;background-color:var(--ts-color-skeleton-base);aspect-ratio:1}:host([variant="rectangular"]) .skeleton__base{border-radius:var(--ts-skeleton-radius);background-color:var(--ts-color-skeleton-base);min-block-size:var(--ts-skeleton-height)}:host([animation="pulse"]) .skeleton__line,:host([animation="pulse"][variant="circular"]) .skeleton__base,:host([animation="pulse"][variant="rectangular"]) .skeleton__base{animation:ts-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ts-skeleton-pulse{0%,100%{background-color:var(--ts-color-skeleton-base)}50%{background-color:var(--ts-color-skeleton-pulse)}}:host([animation="wave"]) .skeleton__line,:host([animation="wave"][variant="circular"]) .skeleton__base,:host([animation="wave"][variant="rectangular"]) .skeleton__base{background:linear-gradient(     90deg,     var(--ts-color-skeleton-base) 25%,     var(--ts-color-skeleton-pulse) 50%,     var(--ts-color-skeleton-base) 75%   );background-size:200% 100%;animation:ts-skeleton-wave 1.5s ease-in-out infinite}@keyframes ts-skeleton-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}:host([animation="none"]) .skeleton__line,:host([animation="none"][variant="circular"]) .skeleton__base,:host([animation="none"][variant="rectangular"]) .skeleton__base{animation:none}`;const o=class{constructor(s){e(this,s)}variant="text";width="100%";height;lines=1;animation="pulse";render(){const e={};if(this.width)e["width"]=this.width;if(this.height)e["height"]=this.height;if(this.variant==="text"){const a=[];for(let e=0;e<this.lines;e++){const t=e===this.lines-1&&this.lines>1;a.push(s("div",{class:{skeleton__line:true,"skeleton__line--last":t},part:"line"}))}return s(t,{class:{"ts-skeleton":true,[`ts-skeleton--${this.variant}`]:true,[`ts-skeleton--${this.animation}`]:true},style:e,"aria-hidden":"true"},s("div",{class:"skeleton__base",part:"base"},a))}return s(t,{class:{"ts-skeleton":true,[`ts-skeleton--${this.variant}`]:true,[`ts-skeleton--${this.animation}`]:true},style:e,"aria-hidden":"true"},s("div",{class:"skeleton__base",part:"base"}))}};o.style=a();export{o as ts_skeleton};
+//# sourceMappingURL=p-97a9def7.entry.js.map

package/dist/tessera-ui/p-97a9def7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["skeletonCss","TsSkeleton","variant","width","height","lines","animation","render","style","this","lineElements","i","isLast","push","h","class","skeleton__line","part","Host"],"sources":["src/components/skeleton/skeleton.css?tag=ts-skeleton&encapsulation=shadow","src/components/skeleton/skeleton.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-skeleton — Shadow DOM Scoped Styles\n\n   Component tokens (Tier 3):\n     --ts-skeleton-radius     Border radius\n     --ts-skeleton-height     Default line height\n   ========================================================================== */\n\n:host {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-skeleton-radius: var(--ts-radius-sm);\n  --ts-skeleton-height: 1em;\n  --ts-color-skeleton-base: var(--ts-color-neutral-200);\n  --ts-color-skeleton-pulse: var(--ts-color-neutral-300);\n}\n\n.skeleton__base {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ts-spacing-2);\n  width: 100%;\n  height: 100%;\n}\n\n/* ---- Line (text variant) ---- */\n.skeleton__line {\n  block-size: var(--ts-skeleton-height);\n  inline-size: 100%;\n  border-radius: var(--ts-skeleton-radius);\n  background-color: var(--ts-color-skeleton-base);\n}\n\n.skeleton__line--last {\n  inline-size: 75%;\n}\n\n/* ---- Circular variant ---- */\n:host([variant=\"circular\"]) .skeleton__base {\n  border-radius: 50%;\n  background-color: var(--ts-color-skeleton-base);\n  aspect-ratio: 1;\n}\n\n/* ---- Rectangular variant ---- */\n:host([variant=\"rectangular\"]) .skeleton__base {\n  border-radius: var(--ts-skeleton-radius);\n  background-color: var(--ts-color-skeleton-base);\n  min-block-size: var(--ts-skeleton-height);\n}\n\n/* ---- Pulse animation ---- */\n:host([animation=\"pulse\"]) .skeleton__line,\n:host([animation=\"pulse\"][variant=\"circular\"]) .skeleton__base,\n:host([animation=\"pulse\"][variant=\"rectangular\"]) .skeleton__base {\n  animation: ts-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes ts-skeleton-pulse {\n  0%, 100% { background-color: var(--ts-color-skeleton-base); }\n  50% { background-color: var(--ts-color-skeleton-pulse); }\n}\n\n/* ---- Wave animation ---- */\n:host([animation=\"wave\"]) .skeleton__line,\n:host([animation=\"wave\"][variant=\"circular\"]) .skeleton__base,\n:host([animation=\"wave\"][variant=\"rectangular\"]) .skeleton__base {\n  background: linear-gradient(\n    90deg,\n    var(--ts-color-skeleton-base) 25%,\n    var(--ts-color-skeleton-pulse) 50%,\n    var(--ts-color-skeleton-base) 75%\n  );\n  background-size: 200% 100%;\n  animation: ts-skeleton-wave 1.5s ease-in-out infinite;\n}\n\n@keyframes ts-skeleton-wave {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* ---- No animation ---- */\n:host([animation=\"none\"]) .skeleton__line,\n:host([animation=\"none\"][variant=\"circular\"]) .skeleton__base,\n:host([animation=\"none\"][variant=\"rectangular\"]) .skeleton__base {\n  animation: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @part base - The skeleton element container.\n * @part line - Individual skeleton line (text variant).\n */\n@Component({\n  tag: 'ts-skeleton',\n  styleUrl: 'skeleton.css',\n  shadow: true,\n})\nexport class TsSkeleton {\n  /** The skeleton shape variant. */\n  @Prop({ reflect: true }) variant: 'text' | 'circular' | 'rectangular' = 'text';\n\n  /** CSS width of the skeleton. */\n  @Prop() width = '100%';\n\n  /** CSS height of the skeleton. */\n  @Prop() height?: string;\n\n  /** Number of lines to render (text variant only). */\n  @Prop() lines = 1;\n\n  /** Animation style. */\n  @Prop({ reflect: true }) animation: 'pulse' | 'wave' | 'none' = 'pulse';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const style: Record<string, string> = {};\n    if (this.width) style['width'] = this.width;\n    if (this.height) style['height'] = this.height;\n\n    if (this.variant === 'text') {\n      const lineElements = [];\n      for (let i = 0; i < this.lines; i++) {\n        const isLast = i === this.lines - 1 && this.lines > 1;\n        lineElements.push(\n          <div\n            class={{\n              'skeleton__line': true,\n              'skeleton__line--last': isLast,\n            }}\n            part=\"line\"\n          />,\n        );\n      }\n\n      return (\n        <Host\n          class={{\n            'ts-skeleton': true,\n            [`ts-skeleton--${this.variant}`]: true,\n            [`ts-skeleton--${this.animation}`]: true,\n          }}\n          style={style}\n          aria-hidden=\"true\"\n        >\n          <div class=\"skeleton__base\" part=\"base\">\n            {lineElements}\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host\n        class={{\n          'ts-skeleton': true,\n          [`ts-skeleton--${this.variant}`]: true,\n          [`ts-skeleton--${this.animation}`]: true,\n        }}\n        style={style}\n        aria-hidden=\"true\"\n      >\n        <div class=\"skeleton__base\" part=\"base\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,IAAM,k1D,MCWbC,EAAU,M,yBAEIC,QAA+C,OAGhEC,MAAQ,OAGRC,OAGAC,MAAQ,EAGSC,UAAuC,QAGhE,MAAAC,GACE,MAAMC,EAAgC,GACtC,GAAIC,KAAKN,MAAOK,EAAM,SAAWC,KAAKN,MACtC,GAAIM,KAAKL,OAAQI,EAAM,UAAYC,KAAKL,OAExC,GAAIK,KAAKP,UAAY,OAAQ,CAC3B,MAAMQ,EAAe,GACrB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,KAAKJ,MAAOM,IAAK,CACnC,MAAMC,EAASD,IAAMF,KAAKJ,MAAQ,GAAKI,KAAKJ,MAAQ,EACpDK,EAAaG,KACXC,EAAA,OACEC,MAAO,CACLC,eAAkB,KAClB,uBAAwBJ,GAE1BK,KAAK,S,CAKX,OACEH,EAACI,EAAI,CACHH,MAAO,CACL,cAAe,KACf,CAAC,gBAAgBN,KAAKP,WAAY,KAClC,CAAC,gBAAgBO,KAAKH,aAAc,MAEtCE,MAAOA,EAAK,cACA,QAEZM,EAAA,OAAKC,MAAM,iBAAiBE,KAAK,QAC9BP,G,CAMT,OACEI,EAACI,EAAI,CACHH,MAAO,CACL,cAAe,KACf,CAAC,gBAAgBN,KAAKP,WAAY,KAClC,CAAC,gBAAgBO,KAAKH,aAAc,MAEtCE,MAAOA,EAAK,cACA,QAEZM,EAAA,OAAKC,MAAM,iBAAiBE,KAAK,S","ignoreList":[]}

package/dist/tessera-ui/p-9b41b538.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s}from"./p-V8-ENixA.js";const r=()=>`:host{display:flex;flex-direction:row}:host([reverse]){flex-direction:row-reverse}@media (max-width: 639px){:host([stack-at="sm"]){flex-direction:column}:host([stack-at="sm"][reverse]){flex-direction:column-reverse}}@media (max-width: 767px){:host([stack-at="md"]){flex-direction:column}:host([stack-at="md"][reverse]){flex-direction:column-reverse}}@media (max-width: 1023px){:host([stack-at="lg"]){flex-direction:column}:host([stack-at="lg"][reverse]){flex-direction:column-reverse}}`;const a=class{constructor(t){e(this,t)}gap="2";align="center";justify="start";wrap=true;reverse=false;stackAt="never";render(){const e={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"};const r={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};return t(s,{key:"d66b197cc25e95aef4de4b9b71672cfcfb31ae4d",style:{gap:`var(--ts-spacing-${this.gap})`,alignItems:e[this.align]||"center",justifyContent:r[this.justify]||"flex-start",flexWrap:this.wrap?"wrap":"nowrap"}},t("slot",{key:"3d515733c0c1fa827d5c2b0d63bb6fc1ccdb60ba"}))}};a.style=r();export{a as ts_row};
+//# sourceMappingURL=p-9b41b538.entry.js.map

package/dist/tessera-ui/p-9b41b538.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","TsRow","gap","align","justify","wrap","reverse","stackAt","render","alignMap","start","center","end","stretch","baseline","justifyMap","between","around","evenly","h","Host","key","style","this","alignItems","justifyContent","flexWrap"],"sources":["src/components/row/row.css?tag=ts-row&encapsulation=shadow","src/components/row/row.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-row — Shadow DOM Scoped Styles\n\n   A horizontal flex row layout primitive with wrap and responsive stacking.\n   ========================================================================== */\n\n:host {\n  display: flex;\n  flex-direction: row;\n}\n\n:host([reverse]) {\n  flex-direction: row-reverse;\n}\n\n/* ---- Responsive stacking ---- */\n@media (max-width: 639px) {\n  :host([stack-at=\"sm\"]) {\n    flex-direction: column;\n  }\n  :host([stack-at=\"sm\"][reverse]) {\n    flex-direction: column-reverse;\n  }\n}\n\n@media (max-width: 767px) {\n  :host([stack-at=\"md\"]) {\n    flex-direction: column;\n  }\n  :host([stack-at=\"md\"][reverse]) {\n    flex-direction: column-reverse;\n  }\n}\n\n@media (max-width: 1023px) {\n  :host([stack-at=\"lg\"]) {\n    flex-direction: column;\n  }\n  :host([stack-at=\"lg\"][reverse]) {\n    flex-direction: column-reverse;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * @slot - Default slot for row content.\n */\n@Component({\n  tag: 'ts-row',\n  styleUrl: 'row.css',\n  shadow: true,\n})\nexport class TsRow {\n  /** Spacing token number controlling the gap between items. */\n  @Prop({ reflect: true }) gap: string = '2';\n\n  /** Cross-axis alignment of items. */\n  @Prop({ reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'center';\n\n  /** Main-axis alignment of items. */\n  @Prop({ reflect: true }) justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start';\n\n  /** Whether items should wrap to the next line. */\n  @Prop({ reflect: true }) wrap: boolean = true;\n\n  /** Reverse the row direction. */\n  @Prop({ reflect: true }) reverse: boolean = false;\n\n  /** Breakpoint at which the row stacks vertically. */\n  @Prop({ reflect: true, attribute: 'stack-at' }) stackAt: 'sm' | 'md' | 'lg' | 'never' = 'never';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    const alignMap: Record<string, string> = {\n      start: 'flex-start',\n      center: 'center',\n      end: 'flex-end',\n      stretch: 'stretch',\n      baseline: 'baseline',\n    };\n\n    const justifyMap: Record<string, string> = {\n      start: 'flex-start',\n      center: 'center',\n      end: 'flex-end',\n      between: 'space-between',\n      around: 'space-around',\n      evenly: 'space-evenly',\n    };\n\n    return (\n      <Host\n        style={{\n          gap: `var(--ts-spacing-${this.gap})`,\n          alignItems: alignMap[this.align] || 'center',\n          justifyContent: justifyMap[this.justify] || 'flex-start',\n          flexWrap: this.wrap ? 'wrap' : 'nowrap',\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,IAAM,we,MCURC,EAAK,M,yBAESC,IAAc,IAGdC,MAA6D,SAG7DC,QAAwE,QAGxEC,KAAgB,KAGhBC,QAAmB,MAGIC,QAAwC,QAGxF,MAAAC,GACE,MAAMC,EAAmC,CACvCC,MAAO,aACPC,OAAQ,SACRC,IAAK,WACLC,QAAS,UACTC,SAAU,YAGZ,MAAMC,EAAqC,CACzCL,MAAO,aACPC,OAAQ,SACRC,IAAK,WACLI,QAAS,gBACTC,OAAQ,eACRC,OAAQ,gBAGV,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLpB,IAAK,oBAAoBqB,KAAKrB,OAC9BsB,WAAYf,EAASc,KAAKpB,QAAU,SACpCsB,eAAgBV,EAAWQ,KAAKnB,UAAY,aAC5CsB,SAAUH,KAAKlB,KAAO,OAAS,WAGjCc,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/tessera-ui/p-9c0504fd.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a as e,h as a,H as r}from"./p-V8-ENixA.js";const s=()=>`ts-table{display:block;font-family:var(--ts-font-family-base);--ts-table-bg:var(--ts-color-bg-surface);--ts-table-border-color:var(--ts-color-border-subtle);--ts-table-header-bg:var(--ts-color-bg-subtle);--ts-table-header-color:var(--ts-color-text-primary);--ts-table-row-hover-bg:var(--ts-color-bg-hover);--ts-table-stripe-bg:var(--ts-color-bg-subtle);--ts-table-cell-padding:var(--ts-spacing-3) var(--ts-spacing-4)}ts-table[compact]{--ts-table-cell-padding:var(--ts-spacing-1) var(--ts-spacing-2)}ts-table .table__wrapper{overflow-x:auto;background-color:var(--ts-table-bg);border-radius:var(--ts-shape-container);border:1px solid var(--ts-table-border-color)}ts-table .table__wrapper:focus-visible{box-shadow:var(--ts-focus-ring);outline:none}ts-table table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ts-font-size-sm);color:var(--ts-color-text-secondary)}ts-table th{padding:var(--ts-table-cell-padding);text-align:start;font-weight:var(--ts-font-weight-medium);font-size:var(--ts-font-size-xs);color:var(--ts-table-header-color);background-color:var(--ts-table-header-bg);border-bottom:1px solid var(--ts-table-border-color);white-space:nowrap;letter-spacing:var(--ts-letter-spacing-wide);text-transform:uppercase}ts-table td{padding:var(--ts-table-cell-padding);border-bottom:1px solid var(--ts-table-border-color);vertical-align:middle}ts-table tbody tr:last-child td{border-bottom:none}ts-table.ts-table--striped tbody tr:nth-child(even){background-color:var(--ts-table-stripe-bg)}ts-table.ts-table--hoverable tbody tr{transition:background-color var(--ts-transition-fast)}ts-table.ts-table--hoverable tbody tr:hover{background-color:var(--ts-table-row-hover-bg)}ts-table.ts-table--bordered th,ts-table.ts-table--bordered td{border:1px solid var(--ts-table-border-color)}ts-table.ts-table--sticky-header .table__wrapper{max-block-size:24rem;overflow-y:auto}ts-table.ts-table--sticky-header th{position:sticky;top:0;z-index:1}`;const o=class{constructor(e){t(this,e)}get hostEl(){return e(this)}striped=false;bordered=false;hoverable=false;compact=false;stickyHeader=false;render(){return a(r,{key:"c866dae0b6964580df42d51748d98107e0d6baec",class:{"ts-table":true,"ts-table--striped":this.striped,"ts-table--bordered":this.bordered,"ts-table--hoverable":this.hoverable,"ts-table--compact":this.compact,"ts-table--sticky-header":this.stickyHeader}},a("div",{key:"e98054b22f0f106888cbb3751d77abf5fd55a8ee",class:"table__wrapper",role:"region",tabindex:0},a("slot",{key:"cd5b905f8142ce381442abef895daa39ef14431e"})))}};o.style=s();export{o as ts_table};
+//# sourceMappingURL=p-9c0504fd.entry.js.map

package/dist/tessera-ui/p-9c0504fd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableCss","TsTable","striped","bordered","hoverable","compact","stickyHeader","render","h","Host","key","class","this","role","tabindex"],"sources":["src/components/table/table.css?tag=ts-table","src/components/table/table.tsx"],"sourcesContent":["/* ==========================================================================\n   ts-table — Light DOM Styles\n\n   Uses light DOM (no Shadow DOM) so nested <table>, <th>, <td>, <tr>\n   elements can be styled directly.\n\n   Component tokens (Tier 3):\n     --ts-table-bg             Table background color\n     --ts-table-border-color   Border color for cells and edges\n     --ts-table-header-bg      Header row background\n     --ts-table-header-color   Header text color\n     --ts-table-row-hover-bg   Row hover background\n     --ts-table-stripe-bg      Alternating row background\n     --ts-table-cell-padding   Cell padding\n   ========================================================================== */\n\nts-table {\n  display: block;\n  font-family: var(--ts-font-family-base);\n\n  --ts-table-bg: var(--ts-color-bg-surface);\n  --ts-table-border-color: var(--ts-color-border-subtle);\n  --ts-table-header-bg: var(--ts-color-bg-subtle);\n  --ts-table-header-color: var(--ts-color-text-primary);\n  --ts-table-row-hover-bg: var(--ts-color-bg-hover);\n  --ts-table-stripe-bg: var(--ts-color-bg-subtle);\n  --ts-table-cell-padding: var(--ts-spacing-3) var(--ts-spacing-4);\n}\n\nts-table[compact] {\n  --ts-table-cell-padding: var(--ts-spacing-1) var(--ts-spacing-2);\n}\n\n/* ---- Scrollable Wrapper ---- */\nts-table .table__wrapper {\n  overflow-x: auto;\n  background-color: var(--ts-table-bg);\n  border-radius: var(--ts-shape-container);\n  border: 1px solid var(--ts-table-border-color);\n}\n\nts-table .table__wrapper:focus-visible {\n  box-shadow: var(--ts-focus-ring);\n  outline: none;\n}\n\n/* ---- Table ---- */\nts-table table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  font-size: var(--ts-font-size-sm);\n  color: var(--ts-color-text-secondary);\n}\n\n/* ---- Header ---- */\nts-table th {\n  padding: var(--ts-table-cell-padding);\n  text-align: start;\n  font-weight: var(--ts-font-weight-medium);\n  font-size: var(--ts-font-size-xs);\n  color: var(--ts-table-header-color);\n  background-color: var(--ts-table-header-bg);\n  border-bottom: 1px solid var(--ts-table-border-color);\n  white-space: nowrap;\n  letter-spacing: var(--ts-letter-spacing-wide);\n  text-transform: uppercase;\n}\n\n/* ---- Cells ---- */\nts-table td {\n  padding: var(--ts-table-cell-padding);\n  border-bottom: 1px solid var(--ts-table-border-color);\n  vertical-align: middle;\n}\n\n/* ---- Last row — no bottom border ---- */\nts-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n/* ---- Striped ---- */\nts-table.ts-table--striped tbody tr:nth-child(even) {\n  background-color: var(--ts-table-stripe-bg);\n}\n\n/* ---- Hoverable ---- */\nts-table.ts-table--hoverable tbody tr {\n  transition: background-color var(--ts-transition-fast);\n}\n\nts-table.ts-table--hoverable tbody tr:hover {\n  background-color: var(--ts-table-row-hover-bg);\n}\n\n/* ---- Bordered ---- */\nts-table.ts-table--bordered th,\nts-table.ts-table--bordered td {\n  border: 1px solid var(--ts-table-border-color);\n}\n\n/* ---- Sticky header ---- */\nts-table.ts-table--sticky-header .table__wrapper {\n  max-block-size: 24rem;\n  overflow-y: auto;\n}\n\nts-table.ts-table--sticky-header th {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\n\n/**\n * A styled wrapper for native HTML tables. Consumers place standard\n * `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements inside.\n *\n * Uses light DOM (no Shadow DOM) so nested table elements can be\n * styled directly via the component's CSS.\n *\n * @slot - Default slot for the native `<table>` element.\n */\n@Component({\n  tag: 'ts-table',\n  styleUrl: 'table.css',\n  shadow: false,\n})\nexport class TsTable {\n  @Element() hostEl!: HTMLElement;\n\n  /** Applies alternating row background colors. */\n  @Prop({ reflect: true }) striped = false;\n\n  /** Adds borders to all cells. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Highlights rows on hover. */\n  @Prop({ reflect: true }) hoverable = false;\n\n  /** Reduces cell padding for denser display. */\n  @Prop({ reflect: true }) compact = false;\n\n  /** Makes the table header stick to the top on scroll. */\n  @Prop({ reflect: true }) stickyHeader = false;\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-table': true,\n          'ts-table--striped': this.striped,\n          'ts-table--bordered': this.bordered,\n          'ts-table--hoverable': this.hoverable,\n          'ts-table--compact': this.compact,\n          'ts-table--sticky-header': this.stickyHeader,\n        }}\n      >\n        <div class=\"table__wrapper\" role=\"region\" tabindex={0}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,IAAM,y6D,MCgBVC,EAAO,M,qDAIOC,QAAU,MAGVC,SAAW,MAGXC,UAAY,MAGZC,QAAU,MAGVC,aAAe,MAGxC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,WAAY,KACZ,oBAAqBC,KAAKV,QAC1B,qBAAsBU,KAAKT,SAC3B,sBAAuBS,KAAKR,UAC5B,oBAAqBQ,KAAKP,QAC1B,0BAA2BO,KAAKN,eAGlCE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBE,KAAK,SAASC,SAAU,GAClDN,EAAA,QAAAE,IAAA,8C","ignoreList":[]}