@ind-ds/core 0.1.1 → 0.2.1

package/dist/ind-ds/p-cf5b9e07.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unitLabelCss","IndUnitLabel","unit","size","render","h","Host","key","class","part","this"],"sources":["src/components/atoms/unit-label/unit-label.css?tag=ind-unit-label&encapsulation=shadow","src/components/atoms/unit-label/unit-label.tsx"],"sourcesContent":[":host {\n  display: inline;\n  --_size: var(--ind-font-size-sm, 11px);\n}\n\n:host([size=\"sm\"]) { --_size: var(--ind-font-size-xs, 10px); }\n:host([size=\"md\"]) { --_size: var(--ind-font-size-sm, 11px); }\n:host([size=\"lg\"]) { --_size: var(--ind-font-size-base, 12px); }\n\n.unit {\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--_size);\n  font-weight: var(--ind-font-weight-regular, 400);\n  color: var(--ind-surface-text-muted, #7a8694);\n  white-space: nowrap;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type UnitLabelSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-unit-label',\n  styleUrl: 'unit-label.css',\n  shadow: true,\n})\nexport class IndUnitLabel {\n  /** Engineering unit text, e.g. \"bar\", \"°C\", \"m³/h\". Falls back to the slot. */\n  @Prop() unit?: string;\n  /** Size. */\n  @Prop({ reflect: true }) size: UnitLabelSize = 'md';\n\n  render() {\n    return (\n      <Host>\n        <span class=\"unit\" part=\"unit\">\n          {this.unit ?? <slot />}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,ub,MCSdC,EAAY,M,yBAEfC,KAEiBC,KAAsB,KAE/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOC,KAAK,QACrBC,KAAKR,MAAQG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ind-ds/p-d0c6070b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const i=()=>`.glyph{fill:var(--_stroke);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-weight:var(--ind-font-weight-bold, 700);font-size:14px}.run-ring{fill:none;stroke:var(--_accent);stroke-width:2;stroke-dasharray:6 6;opacity:0;transform-origin:22px 24px}:host([state="running"]) .run-ring{opacity:1;animation:ind-motor-spin 3s linear infinite}@keyframes ind-motor-spin{to{transform:rotate(360deg)}}`;const s=class{constructor(t){e(this,t)}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"motor";return t(a,{key:"1ee3962dd285d6202145155fde4296009c759444",role:"img","aria-label":`${e} — ${this.state}`},t("svg",{key:"07b47dd2b80f9d32ec4a54f82208cbf2fe1b6646",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},t("circle",{key:"cf5b7ab9ab0e379c73f88708aae2388e344b29f1",class:"body",cx:"22",cy:"24",r:"14"}),t("line",{key:"bc02e341f6aa878c14b2de8abb022ca1d0cbdb15",class:"stroke",x1:"36",y1:"24",x2:"44",y2:"24"}),t("text",{key:"5d9165f5bfe7054ceda5807868198d03aed36829",class:"glyph",x:"22",y:"24","text-anchor":"middle","dominant-baseline":"central"},"M"),t("circle",{key:"cade6157f921fbf0d4281ba80e8991ebcb261c1e",class:"run-ring",cx:"22",cy:"24",r:"14"})),(this.tag||this.label)&&t("div",{key:"91d7a976ce7a5404243345155502e4f25a6d7990",class:"caption"},this.tag&&t("span",{key:"fc438469150d3430dda1c7eaa4d12c045c2fa184",class:"tag"},this.tag),this.label&&t("span",{key:"5980fecb73e38cc38bb266178a97937b0ad0abec",class:"label"},this.label)))}};s.style=n()+i();export{s as ind_motor};
+//# sourceMappingURL=p-d0c6070b.entry.js.map

package/dist/ind-ds/p-d0c6070b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","motorCss","IndMotor","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2","x","y"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-motor&encapsulation=shadow","src/components/atoms/motor/motor.css?tag=ind-motor&encapsulation=shadow","src/components/atoms/motor/motor.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".glyph {\n  fill: var(--_stroke);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-weight: var(--ind-font-weight-bold, 700);\n  font-size: 14px;\n}\n\n.run-ring {\n  fill: none;\n  stroke: var(--_accent);\n  stroke-width: 2;\n  stroke-dasharray: 6 6;\n  opacity: 0;\n  transform-origin: 22px 24px;\n}\n\n:host([state=\"running\"]) .run-ring {\n  opacity: 1;\n  animation: ind-motor-spin 3s linear infinite;\n}\n\n@keyframes ind-motor-spin {\n  to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-motor',\n  styleUrls: ['../_equipment/equipment.css', 'motor.css'],\n  shadow: true,\n})\nexport class IndMotor {\n  /** Process state. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"M-201\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'motor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* ISA motor: circle with shaft and \"M\". */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"22\" cy=\"24\" r=\"14\" />\n          <line class=\"stroke\" x1=\"36\" y1=\"24\" x2=\"44\" y2=\"24\" />\n          <text class=\"glyph\" x=\"22\" y=\"24\" text-anchor=\"middle\" dominant-baseline=\"central\">M</text>\n          <circle class=\"run-ring\" cx=\"22\" cy=\"24\" r=\"14\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAW,IAAM,4Z,MCQVC,EAAQ,M,yBAEMC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,QACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAChDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQS,EAAE,KAAKC,EAAE,KAAI,cAAa,SAAQ,oBAAmB,WAAS,KAClFd,EAAA,UAAAE,IAAA,2CAAQE,MAAM,WAAWE,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAE3CT,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/ind-ds/p-d454102f.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as e}from"./p-Bls_NlWP.js";const r=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const i=()=>`:host{min-width:180px}.arrow.trend-up{color:var(--ind-state-fault-bg, #dc2626)}.arrow.trend-down{color:var(--ind-state-running-bg, #16a34a)}.arrow.trend-flat{color:var(--ind-surface-text-muted)}.spark{width:100%;height:36px}`;const n=class{constructor(t){a(this,t)}label;value;unit="kW";precision=1;points=[];trend="none";total;totalUnit="kWh";render(){const a=this.trend==="up"?"▲":this.trend==="down"?"▼":this.trend==="flat"?"▬":"";const r=this.trend==="flat"?"stable":this.trend==="none"?"none":this.trend;return t(e,{key:"6a1e87d1ba637c85937d672a72e6b04eb2c53bd1",role:"group","aria-label":`${this.label}: ${this.value.toFixed(this.precision)} ${this.unit}`},t("div",{key:"a9b7c35217f479e2fecd7c4b3055bee9c31dc792",class:"card-head"},t("span",{key:"97d732992573a11bebce1c7eb71637c1c0d4e8ec",class:"card-title",part:"label"},this.label),a&&t("span",{key:"ddfa5633ce99e620fff7f3014c56b854d7609d5e",class:`arrow trend-${this.trend}`,part:"arrow","aria-hidden":"true"},a)),t("ind-value",{key:"c9a36ee2223c248354bc03f1ca5713b293906acd",part:"value",value:this.value,unit:this.unit,precision:this.precision,trend:r,size:"lg"}),this.points.length>1&&t("ind-sparkline",{key:"acb497f4a84df274fc77f07ebd2ae92f511ec41b",class:"spark",part:"spark",points:this.points,variant:"default",area:true}),this.total!==undefined&&t("div",{key:"66afecfb971972446303c9cacb79b5ec7aaa191d",class:"card-detail",part:"total"},this.total.toLocaleString()," ",this.totalUnit," this period"))}};n.style=r()+i();export{n as ind_energy_card};
+//# sourceMappingURL=p-d454102f.entry.js.map

package/dist/ind-ds/p-d454102f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","energyCardCss","IndEnergyCard","label","value","unit","precision","points","trend","total","totalUnit","render","arrow","this","valueTrend","h","Host","key","role","toFixed","class","part","size","length","variant","area","undefined","toLocaleString"],"sources":["src/components/molecules/_shared/card.css?tag=ind-energy-card&encapsulation=shadow","src/components/molecules/energy-card/energy-card.css?tag=ind-energy-card&encapsulation=shadow","src/components/molecules/energy-card/energy-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 180px;\n}\n\n.arrow.trend-up   { color: var(--ind-state-fault-bg, #dc2626); }\n.arrow.trend-down { color: var(--ind-state-running-bg, #16a34a); }\n.arrow.trend-flat { color: var(--ind-surface-text-muted); }\n\n.spark {\n  width: 100%;\n  height: 36px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EnergyTrend = 'none' | 'up' | 'down' | 'flat';\n\n/**\n * Energy / power KPI card: a headline reading plus an `<ind-sparkline>` for the\n * recent profile and an optional cumulative figure for the period.\n */\n@Component({\n  tag: 'ind-energy-card',\n  styleUrls: ['../_shared/card.css', 'energy-card.css'],\n  shadow: true,\n})\nexport class IndEnergyCard {\n  /** Metric name (e.g. \"Active power\", \"Energy today\"). */\n  @Prop() label!: string;\n  /** Instantaneous value. */\n  @Prop() value!: number;\n  /** Unit (default kW). */\n  @Prop() unit: string = 'kW';\n  /** Decimal places. */\n  @Prop() precision: number = 1;\n  /** Recent samples for the sparkline. */\n  @Prop() points: number[] = [];\n  /** Trend arrow. */\n  @Prop() trend: EnergyTrend = 'none';\n  /** Cumulative value for the period (e.g. kWh today). */\n  @Prop() total?: number;\n  /** Cumulative unit (default kWh). */\n  @Prop() totalUnit: string = 'kWh';\n\n  render() {\n    const arrow = this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : this.trend === 'flat' ? '▬' : '';\n    const valueTrend = this.trend === 'flat' ? 'stable' : this.trend === 'none' ? 'none' : this.trend;\n    return (\n      <Host role=\"group\" aria-label={`${this.label}: ${this.value.toFixed(this.precision)} ${this.unit}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {arrow && <span class={`arrow trend-${this.trend}`} part=\"arrow\" aria-hidden=\"true\">{arrow}</span>}\n        </div>\n        <ind-value\n          part=\"value\"\n          value={this.value}\n          unit={this.unit}\n          precision={this.precision}\n          trend={valueTrend as 'none' | 'up' | 'down' | 'stable'}\n          size=\"lg\"\n        />\n        {this.points.length > 1 && (\n          <ind-sparkline class=\"spark\" part=\"spark\" points={this.points} variant=\"default\" area />\n        )}\n        {this.total !== undefined && (\n          <div class=\"card-detail\" part=\"total\">\n            {this.total.toLocaleString()} {this.totalUnit} this period\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAgB,IAAM,mO,MCafC,EAAa,M,yBAEhBC,MAEAC,MAEAC,KAAe,KAEfC,UAAoB,EAEpBC,OAAmB,GAEnBC,MAAqB,OAErBC,MAEAC,UAAoB,MAE5B,MAAAC,GACE,MAAMC,EAAQC,KAAKL,QAAU,KAAO,IAAMK,KAAKL,QAAU,OAAS,IAAMK,KAAKL,QAAU,OAAS,IAAM,GACtG,MAAMM,EAAaD,KAAKL,QAAU,OAAS,SAAWK,KAAKL,QAAU,OAAS,OAASK,KAAKL,MAC5F,OACEO,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGL,KAAKV,UAAUU,KAAKT,MAAMe,QAAQN,KAAKP,cAAcO,KAAKR,QAC1FU,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,SAASR,KAAKV,OAC3CS,GAASG,EAAA,QAAAE,IAAA,2CAAMG,MAAO,eAAeP,KAAKL,QAASa,KAAK,QAAO,cAAa,QAAQT,IAEvFG,EAAA,aAAAE,IAAA,2CACEI,KAAK,QACLjB,MAAOS,KAAKT,MACZC,KAAMQ,KAAKR,KACXC,UAAWO,KAAKP,UAChBE,MAAOM,EACPQ,KAAK,OAENT,KAAKN,OAAOgB,OAAS,GACpBR,EAAA,iBAAAE,IAAA,2CAAeG,MAAM,QAAQC,KAAK,QAAQd,OAAQM,KAAKN,OAAQiB,QAAQ,UAAUC,KAAI,OAEtFZ,KAAKJ,QAAUiB,WACdX,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcC,KAAK,SAC3BR,KAAKJ,MAAMkB,iBAAgB,IAAGd,KAAKH,UAAS,gB","ignoreList":[]}

package/dist/ind-ds/p-d760dc98.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as r,H as s}from"./p-Bls_NlWP.js";const i=()=>`:host{display:block;font-family:var(--ind-font-family-sans)}.header{display:flex;align-items:center;gap:var(--ind-spacing-2, 4px);width:100%;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);background:transparent;border:0;cursor:pointer;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;text-align:left}.header:hover{color:var(--ind-surface-text-primary)}.header:focus-visible{outline:2px solid var(--ind-surface-focus-ring);outline-offset:-2px}.chevron{transition:transform var(--ind-motion-duration-fast, 120ms) var(--ind-motion-easing-standard, ease);font-size:0.9em}:host([collapsed]) .chevron{transform:rotate(-90deg)}.label{flex:1 1 auto}.badge{font-family:var(--ind-font-family-mono);background:var(--ind-surface-raised);border-radius:var(--ind-radius-full, 9999px);padding:1px 6px;font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-primary)}.items{display:flex;flex-direction:column}@media (prefers-reduced-motion: reduce){.chevron{transition:none}}`;const t=class{constructor(r){a(this,r);this.indToggle=e(this,"indToggle")}label;collapsed=false;badge;indToggle;toggle=()=>{this.collapsed=!this.collapsed;this.indToggle.emit(this.collapsed)};render(){const a=this.badge!==undefined&&this.badge!==""&&this.badge!==null;return r(s,{key:"c428e8258ddee64bc19253a3ab41594e61dd7263"},r("button",{key:"4366d2cb991f04a9be194d382fb09bebf0dd6401",type:"button",class:"header",part:"header","aria-expanded":this.collapsed?"false":"true",onClick:this.toggle},r("span",{key:"9de90b716e33138b5fec712ff512007d0dd0e576",class:"chevron",part:"chevron","aria-hidden":"true"},"▾"),r("span",{key:"45a405517d376fe13b787a87abf8e726b93d99bf",class:"label",part:"label"},this.label),a&&r("span",{key:"808fac09e356816232630b27ab5e57ab07d8a84d",class:"badge",part:"badge"},this.badge)),r("div",{key:"135bb64aa0f5ea5996827164e7fdf98ea3c770c2",class:"items",part:"items",hidden:this.collapsed},r("slot",{key:"1c48aa5cb904a6a331fc14089b958c7453a74c48"})))}};t.style=i();export{t as ind_sidebar_group};
+//# sourceMappingURL=p-d760dc98.entry.js.map

package/dist/ind-ds/p-d760dc98.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sidebarGroupCss","IndSidebarGroup","label","collapsed","badge","indToggle","toggle","this","emit","render","showBadge","undefined","h","Host","key","type","class","part","onClick","hidden"],"sources":["src/components/molecules/sidebar-group/sidebar-group.css?tag=ind-sidebar-group&encapsulation=shadow","src/components/molecules/sidebar-group/sidebar-group.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--ind-font-family-sans);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  width: 100%;\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  text-align: left;\n}\n\n.header:hover {\n  color: var(--ind-surface-text-primary);\n}\n\n.header:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring);\n  outline-offset: -2px;\n}\n\n.chevron {\n  transition: transform var(--ind-motion-duration-fast, 120ms) var(--ind-motion-easing-standard, ease);\n  font-size: 0.9em;\n}\n\n:host([collapsed]) .chevron {\n  transform: rotate(-90deg);\n}\n\n.label {\n  flex: 1 1 auto;\n}\n\n.badge {\n  font-family: var(--ind-font-family-mono);\n  background: var(--ind-surface-raised);\n  border-radius: var(--ind-radius-full, 9999px);\n  padding: 1px 6px;\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-primary);\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .chevron { transition: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * Collapsible heading for a section of the navigation sidebar. Slot\n * `<ind-nav-item>`s into the default slot; the group provides the section\n * title and an expand/collapse affordance.\n */\n@Component({\n  tag: 'ind-sidebar-group',\n  styleUrl: 'sidebar-group.css',\n  shadow: true,\n})\nexport class IndSidebarGroup {\n  /** Section title. */\n  @Prop() label!: string;\n  /** Collapsed state (two-way). */\n  @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n  /** Optional count badge (e.g. active alarms in the section). */\n  @Prop() badge?: string | number;\n\n  /** Fires with the new collapsed state on toggle. */\n  @Event() indToggle!: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.collapsed = !this.collapsed;\n    this.indToggle.emit(this.collapsed);\n  };\n\n  render() {\n    const showBadge = this.badge !== undefined && this.badge !== '' && this.badge !== null;\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"header\"\n          part=\"header\"\n          aria-expanded={this.collapsed ? 'false' : 'true'}\n          onClick={this.toggle}\n        >\n          <span class=\"chevron\" part=\"chevron\" aria-hidden=\"true\">▾</span>\n          <span class=\"label\" part=\"label\">{this.label}</span>\n          {showBadge && <span class=\"badge\" part=\"badge\">{this.badge}</span>}\n        </button>\n        <div class=\"items\" part=\"items\" hidden={this.collapsed}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,IAAM,qnC,MCYjBC,EAAe,M,4DAElBC,MAEgCC,UAAqB,MAErDC,MAGCC,UAEDC,OAAS,KACfC,KAAKJ,WAAaI,KAAKJ,UACvBI,KAAKF,UAAUG,KAAKD,KAAKJ,UAAU,EAGrC,MAAAM,GACE,MAAMC,EAAYH,KAAKH,QAAUO,WAAaJ,KAAKH,QAAU,IAAMG,KAAKH,QAAU,KAClF,OACEQ,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,KAAK,SACLC,MAAM,SACNC,KAAK,SAAQ,gBACEV,KAAKJ,UAAY,QAAU,OAC1Ce,QAASX,KAAKD,QAEdM,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,UAAS,cAAa,QAAM,KACvDL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASV,KAAKL,OACtCQ,GAAaE,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASV,KAAKH,QAEvDQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,QAAQE,OAAQZ,KAAKJ,WAC3CS,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ind-ds/{p-99f55d2a.entry.js → p-ddbed251.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as s}from"./p-D2yNiL0d.js";const n=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-bottom:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-wrap:wrap}.filter ::slotted(*){min-width:200px}.flags{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px)}.spacer{flex:1}.counter{font-family:var(--ind-font-family-mono);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-sm, 11px);white-space:nowrap}.actions{display:flex;gap:var(--ind-spacing-3, 6px)}`;const t=class{constructor(e){a(this,e)}counter;render(){const a=this.counter!==undefined&&this.counter!==""&&this.counter!==null;return e(s,{key:"335b711876377ee50cfeaac4635c2794d5c038eb"},e("span",{key:"69cf5e6ca388c2bef9004cddd515db9c1d34f2f9",class:"filter",part:"filter"},e("slot",{key:"6a5d72136095b2531214ea2e28a39a795e8b7e2d",name:"filter"})),e("span",{key:"614f12f7432752c3deef9cca8174a503d7048878",class:"flags",part:"flags"},e("slot",{key:"db14ea5398c70574cb0b690db2e0578aafa6a545",name:"flags"})),e("span",{key:"07ff837c88d3228666b7bcd36ae52f9efa5b081d",class:"spacer"}),a&&e("span",{key:"ee9220383a9a4c9c471f4945da3c28f67dada3ee",class:"counter",part:"counter"},this.counter),e("span",{key:"53bc247add97382c56d4447b30c9b73e663fbe96",class:"actions",part:"actions"},e("slot",{key:"da6c78e96a87a412f44d620356268ef1a746fc99",name:"actions"})))}};t.style=n();export{t as ind_toolbar_action};
-//# sourceMappingURL=p-99f55d2a.entry.js.map
+import{r as a,h as e,H as s}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-bottom:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-wrap:wrap}.filter ::slotted(*){min-width:200px}.flags{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px)}.spacer{flex:1}.counter{font-family:var(--ind-font-family-mono);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-sm, 11px);white-space:nowrap}.actions{display:flex;gap:var(--ind-spacing-3, 6px)}`;const t=class{constructor(e){a(this,e)}counter;render(){const a=this.counter!==undefined&&this.counter!==""&&this.counter!==null;return e(s,{key:"81aa8e4cad409b96e588cf4691bef6ebd66ce043"},e("span",{key:"3fc77803b13475a052d44eb78349532f225c89a6",class:"filter",part:"filter"},e("slot",{key:"52b82a86e26d0cceddd855e99c10451847c31b6b",name:"filter"})),e("span",{key:"ee63d41fc03f48290c8af4b9fecf2b3f3bd69037",class:"flags",part:"flags"},e("slot",{key:"8e9b7de789964881f0b563d52dac4df81aec34b1",name:"flags"})),e("span",{key:"8a326615b88b093098174cb4ed4cd862975c6223",class:"spacer"}),a&&e("span",{key:"287d17705a342b6d0051de2231fd21f8c75d83ac",class:"counter",part:"counter"},this.counter),e("span",{key:"cbeae4f7b493ed26aa3c1e3c0d85fd3184bb00aa",class:"actions",part:"actions"},e("slot",{key:"b6725f26e0fae0dc46d0cf34de3dbf894922777c",name:"actions"})))}};t.style=n();export{t as ind_toolbar_action};
+//# sourceMappingURL=p-ddbed251.entry.js.map

package/dist/ind-ds/p-ddc19668.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const i=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const r=()=>`.card-head{align-items:center}.address{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}.readout{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-4, 8px)}.value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.flags{display:inline-flex;gap:var(--ind-spacing-2, 4px)}.flag{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted);background:var(--ind-surface-raised);border-radius:var(--ind-radius-sm, 2px);padding:1px 5px;white-space:nowrap}`;const n=()=>`:host{min-width:220px}`;const s=class{constructor(e){a(this,e)}label;topic;value;unit;qos=0;retained=false;state="disconnected";render(){const a=this.value!==undefined?String(this.value):"—";return e(t,{key:"91e10cb05ff15d0433c21671217755a07a8cf839",role:"group","aria-label":`MQTT ${this.topic}`},e("div",{key:"6c6e89543957fc8a46ea7453c3d635a434682ba9",class:"card-head"},e("span",{key:"66c5e517be5affa4884a3cc17684604e3f31155d",class:"card-title",part:"label"},this.label??"MQTT"),e("ind-connection-indicator",{key:"45424df1e2ae710564e27c07cec08efbe756a793",state:this.state,size:"sm"})),e("code",{key:"c75951ebdfd0ebd1bbaab8320d4e0f6444687a00",class:"address",part:"topic"},this.topic),e("div",{key:"94d6cc331ee1ff28ec16c27d3cff3fc144d6cf35",class:"readout",part:"readout"},e("span",{key:"5e0b8f02e7efa155f7902f432687896557052d9a",class:"value",part:"value"},a,this.unit?` ${this.unit}`:""),e("span",{key:"2d48d247486292a2ed3ff510ae0708e8fc195d9a",class:"flags",part:"flags"},e("span",{key:"7d403bb7af76c35aafd529bcea1ca7ca13752640",class:"flag",part:"qos"},"QoS ",this.qos),this.retained&&e("span",{key:"a4357d910b2aa15a9fa9e782f0dd8402db60f172",class:"flag",part:"retain"},"retained"))))}};s.style=i()+(r()+n());export{s as ind_mqtt_tag_binding};
+//# sourceMappingURL=p-ddc19668.entry.js.map

package/dist/ind-ds/p-ddc19668.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","bindingCss","mqttTagBindingCss","IndMqttTagBinding","label","topic","value","unit","qos","retained","state","render","v","this","undefined","String","h","Host","key","role","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/_shared/binding.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/mqtt-tag-binding/mqtt-tag-binding.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/mqtt-tag-binding/mqtt-tag-binding.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n","/* Shared chrome for protocol tag-binding cards (MQTT, OPC UA). */\n.card-head {\n  align-items: center;\n}\n\n.address {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.flags {\n  display: inline-flex;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.flag {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n  background: var(--ind-surface-raised);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 1px 5px;\n  white-space: nowrap;\n}\n",":host {\n  min-width: 220px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Visualises the binding between an MQTT topic and a process value: topic,\n * last value, QoS, retain flag and the broker connection state.\n */\n@Component({\n  tag: 'ind-mqtt-tag-binding',\n  styleUrls: ['../_shared/card.css', '../_shared/binding.css', 'mqtt-tag-binding.css'],\n  shadow: true,\n})\nexport class IndMqttTagBinding {\n  /** Friendly label (e.g. \"Tank level\"). */\n  @Prop() label?: string;\n  /** MQTT topic (e.g. \"plant/line2/tank/level\"). */\n  @Prop() topic!: string;\n  /** Last received value. */\n  @Prop() value?: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Quality of Service level. */\n  @Prop() qos: 0 | 1 | 2 = 0;\n  /** Retained message flag. */\n  @Prop() retained: boolean = false;\n  /** Broker connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  render() {\n    const v = this.value !== undefined ? String(this.value) : '—';\n    return (\n      <Host role=\"group\" aria-label={`MQTT ${this.topic}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label ?? 'MQTT'}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <code class=\"address\" part=\"topic\">{this.topic}</code>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"value\" part=\"value\">{v}{this.unit ? ` ${this.unit}` : ''}</span>\n          <span class=\"flags\" part=\"flags\">\n            <span class=\"flag\" part=\"qos\">QoS {this.qos}</span>\n            {this.retained && <span class=\"flag\" part=\"retain\">retained</span>}\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,4xBCAzB,MAAMC,EAAoB,IAAM,yB,MCYnBC,EAAiB,M,yBAEpBC,MAEAC,MAEAC,MAEAC,KAEAC,IAAiB,EAEjBC,SAAoB,MAEHC,MAAyB,eAElD,MAAAC,GACE,MAAMC,EAAIC,KAAKP,QAAUQ,UAAYC,OAAOF,KAAKP,OAAS,IAC1D,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,QAAQN,KAAKR,SAC1CW,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASR,KAAKT,OAAS,QACrDY,EAAA,4BAAAE,IAAA,2CAA0BR,MAAOG,KAAKH,MAAOY,KAAK,QAEpDN,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,SAASR,KAAKR,OACzCW,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAAST,EAAGC,KAAKN,KAAO,IAAIM,KAAKN,OAAS,IACnES,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAK,OAAMR,KAAKL,KACvCK,KAAKJ,UAAYO,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,UAAQ,c","ignoreList":[]}

package/dist/ind-ds/p-de63cd36.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const s=()=>`.hub{fill:var(--_stroke)}:host([state="running"]) .spin{animation:ind-fan-spin 0.9s linear infinite}@keyframes ind-fan-spin{to{transform:rotate(360deg)}}`;const i=class{constructor(a){e(this,a)}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"fan";return a(t,{key:"05348b06294a71319dbf2ac7bcde6357b1f2ddda",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"8cd4aa8242c8aa5581ec910accf1bd6743307cf6",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"992d9e08891850d4d68580b6c5abc575738b2e14",class:"body",cx:"24",cy:"24",r:"16"}),a("g",{key:"31c5fe5dbbf268482987e8f672853f1fe7d84e02",class:"spin",style:{transformOrigin:"24px 24px"}},a("path",{key:"0563126793186c4757fbb48c44305a2037392d7c",class:"accent",d:"M24 24 C30 14, 34 18, 24 24 Z"}),a("path",{key:"cb14c0e5f38f73ec35a2294ba6ebd8f4344645e3",class:"accent",d:"M24 24 C34 30, 30 34, 24 24 Z"}),a("path",{key:"8cc12dc34bd9123cb543fdcb6e78688493dc5bf2",class:"accent",d:"M24 24 C18 34, 14 30, 24 24 Z"}),a("path",{key:"43c40edef2152d78fb88d32044fa78b08d85c44e",class:"accent",d:"M24 24 C14 18, 18 14, 24 24 Z"})),a("circle",{key:"47925754f8e411ac8f4210d4293ee03350391f9a",class:"hub",cx:"24",cy:"24",r:"2.5"})),(this.tag||this.label)&&a("div",{key:"2da1231dc992891380181bcddceb289eeb9de7cc",class:"caption"},this.tag&&a("span",{key:"c8638a92c2c5fbdc9956cf2055f8663815b49f74",class:"tag"},this.tag),this.label&&a("span",{key:"12766db2ca33e5d180dd23b1962d1bd12f9bcefa",class:"label"},this.label)))}};i.style=n()+s();export{i as ind_fan};
+//# sourceMappingURL=p-de63cd36.entry.js.map

package/dist/ind-ds/p-de63cd36.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","fanCss","IndFan","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","style","transformOrigin","d"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-fan&encapsulation=shadow","src/components/atoms/fan/fan.css?tag=ind-fan&encapsulation=shadow","src/components/atoms/fan/fan.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".hub {\n  fill: var(--_stroke);\n}\n\n:host([state=\"running\"]) .spin {\n  animation: ind-fan-spin 0.9s linear infinite;\n}\n\n@keyframes ind-fan-spin {\n  to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-fan',\n  styleUrls: ['../_equipment/equipment.css', 'fan.css'],\n  shadow: true,\n})\nexport class IndFan {\n  /** Process state. `running` spins the blades. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"FN-301\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'fan';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <g class=\"spin\" style={{ transformOrigin: '24px 24px' }}>\n            <path class=\"accent\" d=\"M24 24 C30 14, 34 18, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C34 30, 30 34, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C18 34, 14 30, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C14 18, 18 14, 24 24 Z\" />\n          </g>\n          <circle class=\"hub\" cx=\"24\" cy=\"24\" r=\"2.5\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAS,IAAM,4J,MCQRC,EAAM,M,yBAEQC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,MACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAC7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,KAAAE,IAAA,2CAAGE,MAAM,OAAOK,MAAO,CAAEC,gBAAiB,cACxCV,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASO,EAAE,kCACvBX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASO,EAAE,kCACvBX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASO,EAAE,kCACvBX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASO,EAAE,mCAEzBX,EAAA,UAAAE,IAAA,2CAAQE,MAAM,MAAME,GAAG,KAAKC,GAAG,KAAKC,EAAE,UAEtCT,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/ind-ds/p-e0644932.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline}.ts{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-size:var(--ind-font-size-sm, 11px);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));white-space:nowrap}:host([format="relative"]) .ts{font-family:var(--ind-font-family-sans, system-ui, sans-serif)}`;const n=class{constructor(e){t(this,e)}value;format="datetime";locale;seconds=true;date(){if(this.value===undefined)return new Date;return new Date(this.value)}relative(t){const e=t.getTime()-Date.now();const i=Math.abs(e);const s=new Intl.RelativeTimeFormat(this.locale,{numeric:"auto"});const n=[["day",864e5],["hour",36e5],["minute",6e4],["second",1e3]];for(const[t,a]of n){if(i>=a||t==="second"){return s.format(Math.round(e/a),t)}}return s.format(0,"second")}formatted(t){if(Number.isNaN(t.getTime()))return"--";const e=this.seconds?{second:"2-digit"}:{};switch(this.format){case"iso":return t.toISOString();case"date":return t.toLocaleDateString(this.locale);case"time":return t.toLocaleTimeString(this.locale,{hour:"2-digit",minute:"2-digit",...e});case"relative":return this.relative(t);case"datetime":default:return t.toLocaleString(this.locale,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",...e})}}render(){const t=this.date();const s=this.formatted(t);const n=Number.isNaN(t.getTime())?undefined:t.toISOString();return e(i,{key:"46b6ebf2b8408a8b533293ef5a40c5c9380d6b91"},e("time",{key:"6bc3d7c3e5286927d44594c5eccc7bd03209f83a",class:"ts",part:"time",dateTime:n},s))}};n.style=s();export{n as ind_timestamp};
+//# sourceMappingURL=p-e0644932.entry.js.map

package/dist/ind-ds/p-e0644932.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["timestampCss","IndTimestamp","value","format","locale","seconds","date","this","undefined","Date","relative","d","diff","getTime","now","abs","Math","rtf","Intl","RelativeTimeFormat","numeric","units","unit","ms","round","formatted","Number","isNaN","sec","second","toISOString","toLocaleDateString","toLocaleTimeString","hour","minute","toLocaleString","year","month","day","render","text","iso","h","Host","key","class","part","dateTime"],"sources":["src/components/atoms/timestamp/timestamp.css?tag=ind-timestamp&encapsulation=shadow","src/components/atoms/timestamp/timestamp.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n.ts {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-size: var(--ind-font-size-sm, 11px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  white-space: nowrap;\n}\n\n:host([format=\"relative\"]) .ts {\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TimestampFormat = 'datetime' | 'date' | 'time' | 'relative' | 'iso';\n\n@Component({\n  tag: 'ind-timestamp',\n  styleUrl: 'timestamp.css',\n  shadow: true,\n})\nexport class IndTimestamp {\n  /** ISO string or epoch milliseconds. Defaults to now when omitted. */\n  @Prop() value?: string | number;\n  /** Display format. */\n  @Prop({ reflect: true }) format: TimestampFormat = 'datetime';\n  /** BCP-47 locale for formatting. */\n  @Prop() locale?: string;\n  /** Show seconds for time/datetime formats. */\n  @Prop() seconds: boolean = true;\n\n  private date(): Date {\n    if (this.value === undefined) return new Date();\n    return new Date(this.value);\n  }\n\n  private relative(d: Date): string {\n    const diff = d.getTime() - Date.now();\n    const abs = Math.abs(diff);\n    const rtf = new Intl.RelativeTimeFormat(this.locale, { numeric: 'auto' });\n    const units: [Intl.RelativeTimeFormatUnit, number][] = [\n      ['day', 86400000],\n      ['hour', 3600000],\n      ['minute', 60000],\n      ['second', 1000],\n    ];\n    for (const [unit, ms] of units) {\n      if (abs >= ms || unit === 'second') {\n        return rtf.format(Math.round(diff / ms), unit);\n      }\n    }\n    return rtf.format(0, 'second');\n  }\n\n  private formatted(d: Date): string {\n    if (Number.isNaN(d.getTime())) return '--';\n    const sec = this.seconds ? { second: '2-digit' as const } : {};\n    switch (this.format) {\n      case 'iso':\n        return d.toISOString();\n      case 'date':\n        return d.toLocaleDateString(this.locale);\n      case 'time':\n        return d.toLocaleTimeString(this.locale, { hour: '2-digit', minute: '2-digit', ...sec });\n      case 'relative':\n        return this.relative(d);\n      case 'datetime':\n      default:\n        return d.toLocaleString(this.locale, {\n          year: 'numeric', month: '2-digit', day: '2-digit',\n          hour: '2-digit', minute: '2-digit', ...sec,\n        });\n    }\n  }\n\n  render() {\n    const d = this.date();\n    const text = this.formatted(d);\n    const iso = Number.isNaN(d.getTime()) ? undefined : d.toISOString();\n    return (\n      <Host>\n        <time class=\"ts\" part=\"time\" dateTime={iso}>{text}</time>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4X,MCSdC,EAAY,M,yBAEfC,MAEiBC,OAA0B,WAE3CC,OAEAC,QAAmB,KAEnB,IAAAC,GACN,GAAIC,KAAKL,QAAUM,UAAW,OAAO,IAAIC,KACzC,OAAO,IAAIA,KAAKF,KAAKL,M,CAGf,QAAAQ,CAASC,GACf,MAAMC,EAAOD,EAAEE,UAAYJ,KAAKK,MAChC,MAAMC,EAAMC,KAAKD,IAAIH,GACrB,MAAMK,EAAM,IAAIC,KAAKC,mBAAmBZ,KAAKH,OAAQ,CAAEgB,QAAS,SAChE,MAAMC,EAAiD,CACrD,CAAC,MAAO,OACR,CAAC,OAAQ,MACT,CAAC,SAAU,KACX,CAAC,SAAU,MAEb,IAAK,MAAOC,EAAMC,KAAOF,EAAO,CAC9B,GAAIN,GAAOQ,GAAMD,IAAS,SAAU,CAClC,OAAOL,EAAId,OAAOa,KAAKQ,MAAMZ,EAAOW,GAAKD,E,EAG7C,OAAOL,EAAId,OAAO,EAAG,S,CAGf,SAAAsB,CAAUd,GAChB,GAAIe,OAAOC,MAAMhB,EAAEE,WAAY,MAAO,KACtC,MAAMe,EAAMrB,KAAKF,QAAU,CAAEwB,OAAQ,WAAuB,GAC5D,OAAQtB,KAAKJ,QACX,IAAK,MACH,OAAOQ,EAAEmB,cACX,IAAK,OACH,OAAOnB,EAAEoB,mBAAmBxB,KAAKH,QACnC,IAAK,OACH,OAAOO,EAAEqB,mBAAmBzB,KAAKH,OAAQ,CAAE6B,KAAM,UAAWC,OAAQ,aAAcN,IACpF,IAAK,WACH,OAAOrB,KAAKG,SAASC,GACvB,IAAK,WACL,QACE,OAAOA,EAAEwB,eAAe5B,KAAKH,OAAQ,CACnCgC,KAAM,UAAWC,MAAO,UAAWC,IAAK,UACxCL,KAAM,UAAWC,OAAQ,aAAcN,I,CAK/C,MAAAW,GACE,MAAM5B,EAAIJ,KAAKD,OACf,MAAMkC,EAAOjC,KAAKkB,UAAUd,GAC5B,MAAM8B,EAAMf,OAAOC,MAAMhB,EAAEE,WAAaL,UAAYG,EAAEmB,cACtD,OACEY,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,KAAKC,KAAK,OAAOC,SAAUN,GAAMD,G","ignoreList":[]}

package/dist/ind-ds/{p-1d871f3f.entry.js → p-e314fa9b.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as i}from"./p-D2yNiL0d.js";const t=()=>`:host{display:block;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:8px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_h:4px}:host([size="md"]){--_h:8px}:host([size="lg"]){--_h:12px}:host([variant="success"]){--_fill:var(--ind-feedback-success-bg, #16a34a)}:host([variant="warning"]){--_fill:var(--ind-feedback-warning-bg, #f59e0b)}:host([variant="error"]){--_fill:var(--ind-feedback-error-bg, #dc2626)}.header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ind-spacing-3, 6px);margin-bottom:var(--ind-spacing-2, 4px)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.track{position:relative;width:100%;height:var(--_h);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);overflow:hidden}.fill{display:block;height:100%;background:var(--_fill);transition:width var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .fill{width:30%;animation:ind-progress-march 1.4s ease-in-out infinite}@keyframes ind-progress-march{0%{margin-left:-30%}100%{margin-left:100%}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .fill{animation:none;width:100%;opacity:0.5}}`;const r=class{constructor(e){a(this,e)}value=0;max=100;variant="default";size="md";label;showValue=false;unit;indeterminate=false;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}valueLabel(){if(this.unit==="%"||this.max===100&&!this.unit){return`${Math.round(this.percent())} %`}return`${this.value}${this.unit?" "+this.unit:""} / ${this.max}`}render(){const a=this.percent();return e(i,{key:"0e74d2952b1fe8b2356927e0e38adbcb72d863c6",role:"progressbar","aria-valuenow":this.indeterminate?undefined:this.value,"aria-valuemin":0,"aria-valuemax":this.max,"aria-label":this.label},(this.label||this.showValue)&&e("div",{key:"1fbeb6fed63ac3fb1cb830408d6ee851ec9fe989",class:"header",part:"header"},this.label&&e("span",{key:"1a2a0e6bb58c4e69b5b19587906e7c53720587cb",class:"label",part:"label"},this.label),this.showValue&&!this.indeterminate&&e("span",{key:"7fa1c9ce1e0ec68abc1b478cfb373af8266467a3",class:"value",part:"value"},this.valueLabel())),e("div",{key:"e821a5f203432e33199d111ba807eb6106068b14",class:"track",part:"track"},e("div",{key:"88e1e2728d12adea9220b3cf8f68072e85bdc1dd",class:"fill",part:"fill",style:this.indeterminate?undefined:{width:`${a}%`}})))}};r.style=t();export{r as ind_progress};
-//# sourceMappingURL=p-1d871f3f.entry.js.map
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const t=()=>`:host{display:block;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:8px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_h:4px}:host([size="md"]){--_h:8px}:host([size="lg"]){--_h:12px}:host([variant="success"]){--_fill:var(--ind-feedback-success-bg, #16a34a)}:host([variant="warning"]){--_fill:var(--ind-feedback-warning-bg, #f59e0b)}:host([variant="error"]){--_fill:var(--ind-feedback-error-bg, #dc2626)}.header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ind-spacing-3, 6px);margin-bottom:var(--ind-spacing-2, 4px)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.track{position:relative;width:100%;height:var(--_h);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);overflow:hidden}.fill{display:block;height:100%;background:var(--_fill);transition:width var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .fill{width:30%;animation:ind-progress-march 1.4s ease-in-out infinite}@keyframes ind-progress-march{0%{margin-left:-30%}100%{margin-left:100%}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .fill{animation:none;width:100%;opacity:0.5}}`;const r=class{constructor(e){a(this,e)}value=0;max=100;variant="default";size="md";label;showValue=false;unit;indeterminate=false;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}valueLabel(){if(this.unit==="%"||this.max===100&&!this.unit){return`${Math.round(this.percent())} %`}return`${this.value}${this.unit?" "+this.unit:""} / ${this.max}`}render(){const a=this.percent();return e(i,{key:"97a35a339db17e295b11d1fe68f0024a44a5dc26",role:"progressbar","aria-valuenow":this.indeterminate?undefined:this.value,"aria-valuemin":0,"aria-valuemax":this.max,"aria-label":this.label},(this.label||this.showValue)&&e("div",{key:"bfc9bc977d571e39c01c1342e6aa3c1897284f48",class:"header",part:"header"},this.label&&e("span",{key:"276b5bee53c566109d62946546320e85e61ea5f2",class:"label",part:"label"},this.label),this.showValue&&!this.indeterminate&&e("span",{key:"dcbe59da993f2f88989e352dcf3aaeb3f6d1e286",class:"value",part:"value"},this.valueLabel())),e("div",{key:"3ace595c028a654ae027d44a96b738bf923bfcbf",class:"track",part:"track"},e("div",{key:"db526a2dc6a655090cf338f405415f61912cc4c2",class:"fill",part:"fill",style:this.indeterminate?undefined:{width:`${a}%`}})))}};r.style=t();export{r as ind_progress};
+//# sourceMappingURL=p-e314fa9b.entry.js.map

package/dist/ind-ds/p-e501fde9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as s}from"./p-Bls_NlWP.js";const a=()=>`:host{position:absolute;display:inline-block;transform-origin:center}`;const r=class{constructor(e){t(this,e)}x=0;y=0;rotation=0;scale=1;z=0;anchor="center";render(){const t=this.anchor==="center"?"translate(-50%, -50%)":"translate(0, 0)";return e(s,{key:"9133c1e4def8fc950638b32d0e459ee7424a0d1d",style:{left:`${this.x}%`,top:`${this.y}%`,zIndex:String(this.z),transform:`${t} rotate(${this.rotation}deg) scale(${this.scale})`}},e("slot",{key:"168b3e4ecc1c9d34f96a8fc0faf5e9dab5ffc2a3"}))}};r.style=a();export{r as ind_canvas_layer};
+//# sourceMappingURL=p-e501fde9.entry.js.map

package/dist/ind-ds/p-e501fde9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["canvasLayerCss","IndCanvasLayer","x","y","rotation","scale","z","anchor","render","translate","this","h","Host","key","style","left","top","zIndex","String","transform"],"sources":["src/components/atoms/canvas-layer/canvas-layer.css?tag=ind-canvas-layer&encapsulation=shadow","src/components/atoms/canvas-layer/canvas-layer.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  display: inline-block;\n  transform-origin: center;\n}\n\n/* Pair with a positioned container (e.g. an ind P&ID frame) that sets\n * `position: relative`. Layers stack by their `z` prop. */\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-canvas-layer',\n  styleUrl: 'canvas-layer.css',\n  shadow: true,\n})\nexport class IndCanvasLayer {\n  /** Horizontal position as a percentage of the parent (0–100). */\n  @Prop() x: number = 0;\n  /** Vertical position as a percentage of the parent (0–100). */\n  @Prop() y: number = 0;\n  /** Rotation in degrees. */\n  @Prop() rotation: number = 0;\n  /** Uniform scale factor. */\n  @Prop() scale: number = 1;\n  /** Stacking order. */\n  @Prop() z: number = 0;\n  /** Anchor the placed content by its center (default) or top-left. */\n  @Prop({ reflect: true }) anchor: 'center' | 'top-left' = 'center';\n\n  render() {\n    const translate = this.anchor === 'center' ? 'translate(-50%, -50%)' : 'translate(0, 0)';\n    return (\n      <Host\n        style={{\n          left: `${this.x}%`,\n          top: `${this.y}%`,\n          zIndex: String(this.z),\n          transform: `${translate} rotate(${this.rotation}deg) scale(${this.scale})`,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,IAAM,wE,MCOhBC,EAAc,M,yBAEjBC,EAAY,EAEZC,EAAY,EAEZC,SAAmB,EAEnBC,MAAgB,EAEhBC,EAAY,EAEKC,OAAgC,SAEzD,MAAAC,GACE,MAAMC,EAAYC,KAAKH,SAAW,SAAW,wBAA0B,kBACvE,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,KAAM,GAAGL,KAAKR,KACdc,IAAK,GAAGN,KAAKP,KACbc,OAAQC,OAAOR,KAAKJ,GACpBa,UAAW,GAAGV,YAAoBC,KAAKN,sBAAsBM,KAAKL,WAGpEM,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ind-ds/p-e5295b8e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as r}from"./p-Bls_NlWP.js";const t=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const i=()=>`:host{min-width:220px}.card-head{align-items:center}.meta{display:grid;grid-template-columns:auto 1fr;gap:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);margin:0}.dt{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.dd{margin:0;font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary);text-align:right}`;const d=class{constructor(e){a(this,e)}name;vendor;model;firmware;serial;address;state="disconnected";rows(){return[{label:"Vendor",value:this.vendor},{label:"Model",value:this.model},{label:"Firmware",value:this.firmware},{label:"Serial",value:this.serial},{label:"Address",value:this.address}].filter((a=>a.value!==undefined&&a.value!==""))}render(){return e(r,{key:"6096626ff4cca480a4783b9d3cd949775c184887",role:"group","aria-label":`${this.name} device information`},e("div",{key:"19399fee7f1391f85a21f737221ef3acfb1ba87e",class:"card-head"},e("span",{key:"424553a7603eb96e57892b5ac7d80ba000c29f1e",class:"card-title",part:"name"},this.name),e("ind-connection-indicator",{key:"ae732aa0de850d5e0b29ffd3c43e7503cc871a1d",state:this.state,size:"sm"})),e("dl",{key:"516b28c08e1cfef117dc5ce314c8372e61b873cd",class:"meta",part:"meta"},this.rows().map((a=>[e("dt",{class:"dt",part:"dt"},a.label),e("dd",{class:"dd",part:"dd"},a.value)]))))}};d.style=t()+i();export{d as ind_device_info_card};
+//# sourceMappingURL=p-e5295b8e.entry.js.map

package/dist/ind-ds/p-e5295b8e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","deviceInfoCardCss","IndDeviceInfoCard","name","vendor","model","firmware","serial","address","state","rows","label","value","this","filter","r","undefined","render","h","Host","key","role","class","part","size","map"],"sources":["src/components/molecules/_shared/card.css?tag=ind-device-info-card&encapsulation=shadow","src/components/molecules/device-info-card/device-info-card.css?tag=ind-device-info-card&encapsulation=shadow","src/components/molecules/device-info-card/device-info-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 220px;\n}\n\n.card-head {\n  align-items: center;\n}\n\n.meta {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n  margin: 0;\n}\n\n.dt {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.dd {\n  margin: 0;\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary);\n  text-align: right;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Device nameplate card: identity metadata (vendor, model, firmware, serial,\n * address) plus a live connection indicator. For a device detail panel.\n */\n@Component({\n  tag: 'ind-device-info-card',\n  styleUrls: ['../_shared/card.css', 'device-info-card.css'],\n  shadow: true,\n})\nexport class IndDeviceInfoCard {\n  /** Device name (e.g. \"Line 2 PLC\"). */\n  @Prop() name!: string;\n  /** Manufacturer. */\n  @Prop() vendor?: string;\n  /** Model number. */\n  @Prop() model?: string;\n  /** Firmware / software version. */\n  @Prop() firmware?: string;\n  /** Serial number. */\n  @Prop() serial?: string;\n  /** Network address (IP / endpoint). */\n  @Prop() address?: string;\n  /** Connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private rows() {\n    return [\n      { label: 'Vendor', value: this.vendor },\n      { label: 'Model', value: this.model },\n      { label: 'Firmware', value: this.firmware },\n      { label: 'Serial', value: this.serial },\n      { label: 'Address', value: this.address },\n    ].filter((r) => r.value !== undefined && r.value !== '');\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} device information`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <dl class=\"meta\" part=\"meta\">\n          {this.rows().map((r) => [\n            <dt class=\"dt\" part=\"dt\">{r.label}</dt>,\n            <dd class=\"dd\" part=\"dd\">{r.value}</dd>,\n          ])}\n        </dl>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAoB,IAAM,6a,MCYnBC,EAAiB,M,yBAEpBC,KAEAC,OAEAC,MAEAC,SAEAC,OAEAC,QAEiBC,MAAyB,eAE1C,IAAAC,GACN,MAAO,CACL,CAAEC,MAAO,SAAUC,MAAOC,KAAKT,QAC/B,CAAEO,MAAO,QAASC,MAAOC,KAAKR,OAC9B,CAAEM,MAAO,WAAYC,MAAOC,KAAKP,UACjC,CAAEK,MAAO,SAAUC,MAAOC,KAAKN,QAC/B,CAAEI,MAAO,UAAWC,MAAOC,KAAKL,UAChCM,QAAQC,GAAMA,EAAEH,QAAUI,WAAaD,EAAEH,QAAU,I,CAGvD,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGR,KAAKV,2BACrCe,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,QAAQV,KAAKV,MAC3Ce,EAAA,4BAAAE,IAAA,2CAA0BX,MAAOI,KAAKJ,MAAOe,KAAK,QAEpDN,EAAA,MAAAE,IAAA,2CAAIE,MAAM,OAAOC,KAAK,QACnBV,KAAKH,OAAOe,KAAKV,GAAM,CACtBG,EAAA,MAAII,MAAM,KAAKC,KAAK,MAAMR,EAAEJ,OAC5BO,EAAA,MAAII,MAAM,KAAKC,KAAK,MAAMR,EAAEH,W","ignoreList":[]}

package/dist/ind-ds/p-eb5e6683.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:460px}.headline{margin-left:auto;display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px)}.headline-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-3xl, 28px);font-weight:var(--ind-font-weight-bold, 700);line-height:1}.headline-unit{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.gauges{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);justify-items:center}`;const t=class{constructor(a){e(this,a)}heading="OEE";availability=0;performance=0;quality=0;oee;subtitle;computedOee(){if(this.oee!==undefined)return this.oee;return this.availability*this.performance*this.quality/1e4}render(){const e=this.computedOee();const n=[{from:0,to:60,color:"var(--ind-state-fault-bg, #dc2626)"},{from:60,to:85,color:"var(--ind-state-warning-bg, #f59e0b)"},{from:85,to:100,color:"var(--ind-state-running-bg, #16a34a)"}];return a(i,{key:"816f601703acbac5fb094e67c629cf49ee5aadb1"},a("div",{key:"a14f65ecf9fe2ca429e704429d68504d19cc676d",class:"panel-head"},a("div",{key:"e8a6a4a95843d1cc98f534b58f875f9ddd5d9066",class:"panel-titles"},a("span",{key:"b4b7943e39bdfb7a920e05e00edb7332e71cde10",class:"panel-title",part:"heading"},this.heading),this.subtitle&&a("span",{key:"2c7e7580381ccf7cc9e7a46c6986b7f6a9035dd1",class:"panel-subtitle"},this.subtitle)),a("div",{key:"4e2985de1af2d2b7cfe2a992c23052d91a8e4f2a",class:"headline",part:"headline"},a("span",{key:"d73edb0699180ff95cc395415369abf9fd65f29b",class:"headline-value"},e.toFixed(1)),a("span",{key:"cda1e64d86541b2960e9471be9d87d795e19d006",class:"headline-unit"},"% OEE"))),a("div",{key:"0625b176811332057b07de1b6908a451341bd824",class:"gauges",part:"gauges"},a("ind-gauge",{key:"387c8e169ba8efdec0d54a3db13b9d20c1564ffb",value:this.availability,min:0,max:100,unit:"%",label:"Availability",precision:0,zones:n,size:"md"}),a("ind-gauge",{key:"bc9c826ee797e31654623610ed3a934e7382701f",value:this.performance,min:0,max:100,unit:"%",label:"Performance",precision:0,zones:n,size:"md"}),a("ind-gauge",{key:"e97452d8d21fe59814b32ece038486d21db58d31",value:this.quality,min:0,max:100,unit:"%",label:"Quality",precision:0,zones:n,size:"md"})))}};t.style=n()+d();export{t as ind_oee_dashboard};
+//# sourceMappingURL=p-eb5e6683.entry.js.map

package/dist/ind-ds/p-eb5e6683.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","oeeDashboardCss","IndOeeDashboard","heading","availability","performance","quality","oee","subtitle","computedOee","this","undefined","render","zones","from","to","color","h","Host","key","class","part","toFixed","value","min","max","unit","label","precision","size"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-oee-dashboard&encapsulation=shadow","src/components/organisms/oee-dashboard/oee-dashboard.css?tag=ind-oee-dashboard&encapsulation=shadow","src/components/organisms/oee-dashboard/oee-dashboard.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 460px;\n}\n\n.headline {\n  margin-left: auto;\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.headline-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-3xl, 28px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n}\n\n.headline-unit {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.gauges {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  justify-items: center;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * OEE dashboard: the headline OEE figure plus its three factors\n * (Availability × Performance × Quality) as radial gauges.\n */\n@Component({\n  tag: 'ind-oee-dashboard',\n  styleUrls: ['../_shared/panel.css', 'oee-dashboard.css'],\n  shadow: true,\n})\nexport class IndOeeDashboard {\n  @Prop() heading: string = 'OEE';\n  /** Availability % (0–100). */\n  @Prop() availability: number = 0;\n  /** Performance % (0–100). */\n  @Prop() performance: number = 0;\n  /** Quality % (0–100). */\n  @Prop() quality: number = 0;\n  /** Override the computed OEE (A×P×Q). */\n  @Prop() oee?: number;\n  /** Context subtitle. */\n  @Prop() subtitle?: string;\n\n  private computedOee(): number {\n    if (this.oee !== undefined) return this.oee;\n    return (this.availability * this.performance * this.quality) / 10000;\n  }\n\n  render() {\n    const oee = this.computedOee();\n    const zones = [\n      { from: 0, to: 60, color: 'var(--ind-state-fault-bg, #dc2626)' },\n      { from: 60, to: 85, color: 'var(--ind-state-warning-bg, #f59e0b)' },\n      { from: 85, to: 100, color: 'var(--ind-state-running-bg, #16a34a)' },\n    ];\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.subtitle && <span class=\"panel-subtitle\">{this.subtitle}</span>}\n          </div>\n          <div class=\"headline\" part=\"headline\">\n            <span class=\"headline-value\">{oee.toFixed(1)}</span>\n            <span class=\"headline-unit\">% OEE</span>\n          </div>\n        </div>\n        <div class=\"gauges\" part=\"gauges\">\n          <ind-gauge value={this.availability} min={0} max={100} unit=\"%\" label=\"Availability\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n          <ind-gauge value={this.performance} min={0} max={100} unit=\"%\" label=\"Performance\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n          <ind-gauge value={this.quality} min={0} max={100} unit=\"%\" label=\"Quality\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,0gB,MCWjBC,EAAe,M,yBAClBC,QAAkB,MAElBC,aAAuB,EAEvBC,YAAsB,EAEtBC,QAAkB,EAElBC,IAEAC,SAEA,WAAAC,GACN,GAAIC,KAAKH,MAAQI,UAAW,OAAOD,KAAKH,IACxC,OAAQG,KAAKN,aAAeM,KAAKL,YAAcK,KAAKJ,QAAW,G,CAGjE,MAAAM,GACE,MAAML,EAAMG,KAAKD,cACjB,MAAMI,EAAQ,CACZ,CAAEC,KAAM,EAAGC,GAAI,GAAIC,MAAO,sCAC1B,CAAEF,KAAM,GAAIC,GAAI,GAAIC,MAAO,wCAC3B,CAAEF,KAAM,GAAIC,GAAI,IAAKC,MAAO,yCAE9B,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWX,KAAKP,SAC9CO,KAAKF,UAAYS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBV,KAAKF,WAEvDS,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWC,KAAK,YACzBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBb,EAAIe,QAAQ,IAC1CL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,iBAAe,WAG/BH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACvBJ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKN,aAAcoB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,eAAeC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,OACtHZ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKL,YAAamB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,cAAcC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,OACpHZ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKJ,QAASkB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,UAAUC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,Q","ignoreList":[]}

package/dist/ind-ds/p-ec65f7d2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:420px}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626)}`;const t=class{constructor(a){e(this,a)}heading;cellId;state="unknown";columns=2;render(){const e=this.state==="unknown"?"neutral":this.state;return a(i,{key:"35e4fcdd6cb701885f2c78537be16a7ecd8e91ba"},a("div",{key:"76d6be37943e5aa81675df3b2a8bfc49039b32ec",class:"panel-head"},a("ind-status-dot",{key:"3407e7603e49002642fc75617e9519c6adf169d3",state:e,size:"md"}),a("div",{key:"a6d0d7a42ca56de8b66cb7ea7779894025b6fab4",class:"panel-titles"},a("span",{key:"4b60ee48fefdae0ef2dbad4e3c2b147c27c7cd6f",class:"panel-title",part:"heading"},this.heading),this.cellId&&a("span",{key:"a16755ee33fd0d8da31a3ff87dde88e6fdec174f",class:"panel-subtitle"},this.cellId)),a("div",{key:"6d1c9d2ee8ed24496af1fb5d3832248b90612fb2",class:"panel-actions"},a("slot",{key:"5b0ac0adccd56c0ae2eb9634cc58e7c98de63fb6",name:"actions"}))),a("div",{key:"2da43e932bbe6d6690d25d265da175b0d7a4f97b",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},a("slot",{key:"1bfbe1ceab5d508e28a6359e6bb105266c776768"})))}};t.style=n()+d();export{t as ind_production_cell};
+//# sourceMappingURL=p-ec65f7d2.entry.js.map

package/dist/ind-ds/p-ec65f7d2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","productionCellCss","IndProductionCell","heading","cellId","state","columns","render","dot","this","h","Host","key","class","size","part","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 420px;\n}\n\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\n/**\n * Production cell container: groups the machines / equipment of a work cell\n * under a single header with an aggregate state. Slot the machine overviews or\n * equipment cards into the body.\n */\n@Component({\n  tag: 'ind-production-cell',\n  styleUrls: ['../_shared/panel.css', 'production-cell.css'],\n  shadow: true,\n})\nexport class IndProductionCell {\n  @Prop() heading!: string;\n  /** Cell identifier. */\n  @Prop() cellId?: string;\n  /** Aggregate cell state. */\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Grid columns for the body. */\n  @Prop() columns: number = 2;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <ind-status-dot state={dot as any} size=\"md\" />\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.cellId && <span class=\"panel-subtitle\">{this.cellId}</span>}\n          </div>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAoB,IAAM,gG,MCanBC,EAAiB,M,yBACpBC,QAEAC,OAEiBC,MAA4B,UAE7CC,QAAkB,EAE1B,MAAAC,GACE,MAAMC,EAAMC,KAAKJ,QAAU,UAAY,UAAYI,KAAKJ,MACxD,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBP,MAAOG,EAAYM,KAAK,OACxCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAK,WAAWN,KAAKN,SAC9CM,KAAKL,QAAUM,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBJ,KAAKL,SAErDM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNE,KAAK,OACLE,MAAO,CAAEC,oBAAqB,UAAUT,KAAKH,6BAE7CI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ind-ds/p-f0674d4c.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as r}from"./p-Bls_NlWP.js";const t=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`:host{min-width:200px}:host([state="error"]){border-color:var(--ind-state-fault-bg, #dc2626)}.signal{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px)}.address{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.throughput{display:flex;gap:var(--ind-spacing-6, 16px);font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary)}.arrow{color:var(--ind-surface-text-muted)}`;const d=class{constructor(e){a(this,e)}label="Network";level=0;address;rxKbps;txKbps;state="disconnected";fmt(a){if(a===undefined)return"—";return a>=1e3?`${(a/1e3).toFixed(1)} Mb/s`:`${Math.round(a)} kb/s`}render(){return e(r,{key:"1751b85b43388f16fae5f172f6f8df561fd8a629",role:"group","aria-label":`${this.label} ${this.state}`},e("div",{key:"8135d6bbfbee58a33abc67fc14da817444ea598d",class:"card-head"},e("span",{key:"cc6baee0b2673ea8d460352f011417d8aa009366",class:"card-title",part:"label"},this.label),e("ind-connection-indicator",{key:"b80f177558c359d38a945b5a19d3320a4e90eefe",state:this.state,size:"sm"})),e("div",{key:"64e367c87acb2589e46ca50fd7eac63107d80a8a",class:"signal",part:"signal"},e("ind-signal-quality",{key:"b0751c2aecf1d0c3c8cb9a6ec3eccdad8ab17e3c",level:this.level,size:"md"}),this.address&&e("code",{key:"fb6ac7d8631724723ea2adc6907bc38d38bfa12b",class:"address",part:"address"},this.address)),e("div",{key:"962d4cacd7e5e44531e2f4181b5686c40b99799f",class:"throughput",part:"throughput"},e("span",{key:"f1a5b4fd42b426591195dce0c6fe36e8b6649765",class:"tp"},e("span",{key:"75b92dc90ab7663deddf37570a8a842aaaf75e13",class:"arrow","aria-hidden":"true"},"↓")," ",this.fmt(this.rxKbps)),e("span",{key:"9faa7be07797784f537d60348497499409a3aaf2",class:"tp"},e("span",{key:"03fe2661325064012b3f7bd033e386e5baccff21",class:"arrow","aria-hidden":"true"},"↑")," ",this.fmt(this.txKbps))))}};d.style=t()+s();export{d as ind_network_status_card};
+//# sourceMappingURL=p-f0674d4c.entry.js.map

package/dist/ind-ds/p-f0674d4c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","networkStatusCardCss","IndNetworkStatusCard","label","level","address","rxKbps","txKbps","state","fmt","kbps","undefined","toFixed","Math","round","render","h","Host","key","role","this","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-network-status-card&encapsulation=shadow","src/components/molecules/network-status-card/network-status-card.css?tag=ind-network-status-card&encapsulation=shadow","src/components/molecules/network-status-card/network-status-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 200px;\n}\n\n:host([state=\"error\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n\n.signal {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.address {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.throughput {\n  display: flex;\n  gap: var(--ind-spacing-6, 16px);\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary);\n}\n\n.arrow {\n  color: var(--ind-surface-text-muted);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Network link summary: signal quality, address and throughput, with the\n * overall link state. Suits a wireless gateway or cellular modem panel.\n */\n@Component({\n  tag: 'ind-network-status-card',\n  styleUrls: ['../_shared/card.css', 'network-status-card.css'],\n  shadow: true,\n})\nexport class IndNetworkStatusCard {\n  /** Link label (e.g. \"Cellular WAN\"). */\n  @Prop() label: string = 'Network';\n  /** Signal level 0–4 for the bars. */\n  @Prop() level: number = 0;\n  /** IP / address. */\n  @Prop() address?: string;\n  /** Downlink throughput (kbit/s). */\n  @Prop() rxKbps?: number;\n  /** Uplink throughput (kbit/s). */\n  @Prop() txKbps?: number;\n  /** Overall link state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private fmt(kbps?: number): string {\n    if (kbps === undefined) return '—';\n    return kbps >= 1000 ? `${(kbps / 1000).toFixed(1)} Mb/s` : `${Math.round(kbps)} kb/s`;\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.label} ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <div class=\"signal\" part=\"signal\">\n          <ind-signal-quality level={this.level} size=\"md\" />\n          {this.address && <code class=\"address\" part=\"address\">{this.address}</code>}\n        </div>\n        <div class=\"throughput\" part=\"throughput\">\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↓</span> {this.fmt(this.rxKbps)}</span>\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↑</span> {this.fmt(this.txKbps)}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAuB,IAAM,ggB,MCYtBC,EAAoB,M,yBAEvBC,MAAgB,UAEhBC,MAAgB,EAEhBC,QAEAC,OAEAC,OAEiBC,MAAyB,eAE1C,GAAAC,CAAIC,GACV,GAAIA,IAASC,UAAW,MAAO,IAC/B,OAAOD,GAAQ,IAAO,IAAIA,EAAO,KAAME,QAAQ,UAAY,GAAGC,KAAKC,MAAMJ,S,CAG3E,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGC,KAAKjB,SAASiB,KAAKZ,SACnDQ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,SAASF,KAAKjB,OAC5Ca,EAAA,4BAAAE,IAAA,2CAA0BV,MAAOY,KAAKZ,MAAOe,KAAK,QAEpDP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,KAAK,UACvBN,EAAA,sBAAAE,IAAA,2CAAoBd,MAAOgB,KAAKhB,MAAOmB,KAAK,OAC3CH,KAAKf,SAAWW,EAAA,QAAAE,IAAA,2CAAMG,MAAM,UAAUC,KAAK,WAAWF,KAAKf,UAE9DW,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aAAaC,KAAK,cAC3BN,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAKL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAO,cAAa,QAAM,KAAS,IAAED,KAAKX,IAAIW,KAAKd,SAChFU,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAKL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAO,cAAa,QAAM,KAAS,IAAED,KAAKX,IAAIW,KAAKb,U","ignoreList":[]}

package/dist/ind-ds/p-f4182d11.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as e}from"./p-Bls_NlWP.js";const s=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const n=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{display:inline-flex;flex:0 0 auto}.status{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);margin-left:auto}.state-label{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}:host([state="running"]) .state-label{color:var(--ind-state-running-bg, #16a34a)}:host([state="fault"]) .state-label{color:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]) .state-label{color:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]) .state-label{color:var(--ind-state-maintenance-bg, #2563eb)}:host([state="stopped"]) .state-label{color:var(--ind-surface-text-secondary)}:host([state="unknown"]) .state-label{color:var(--ind-surface-text-muted)}`;const i={running:"Running",stopped:"Stopped",fault:"Fault",warning:"Warning",maintenance:"Maintenance",unknown:"—"};const r=class{constructor(t){a(this,t)}heading;tag;state="unknown";stateLabel;detail;render(){const a=this.stateLabel??i[this.state];const s=this.state==="unknown"?"neutral":this.state;return t(e,{key:"50ef02041e1221b96bb57907725bf22cc5e0d609",role:"group","aria-label":`${this.heading}: ${a}`,"aria-live":this.state==="fault"?"assertive":"polite"},t("div",{key:"b173cac3ff0f2f10ff25e461aa1016ffe2952e2d",class:"card-head"},t("span",{key:"53f425c3d75617add7807f77dd411f0ed1cd1b80",class:"card-title",part:"heading"},this.heading),this.tag&&t("span",{key:"1bcdbdaaaffc476ffb5f99a4d1c248b37f428c9a",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"75b94da1c391f16ebfa6ed3468f98d9a42b1be8d",class:"body",part:"body"},t("span",{key:"684412e91904a96e24cce09c8003cf87b3b47fb1",class:"symbol",part:"symbol"},t("slot",{key:"398342832c19ddd39cd59d3e30b8c057d939d7d1"})),t("div",{key:"6b26f6e32e85949ffa226c522be010693fcfa868",class:"status",part:"status"},t("ind-status-dot",{key:"0c9e97b62ef0435e8ebe0889fdfde5822506eb4c",state:s,size:"md"}),t("span",{key:"6a0506b7ab72f4b3f2b28c6bd5210062b77d9594",class:"state-label",part:"state-label"},a))),this.detail&&t("div",{key:"e7993508dabe25207fc675182bac2034263f775b",class:"card-detail",part:"detail"},this.detail))}};r.style=s()+n();export{r as ind_equipment_status_card};
+//# sourceMappingURL=p-f4182d11.entry.js.map

package/dist/ind-ds/p-f4182d11.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","equipmentStatusCardCss","DEFAULT_LABEL","running","stopped","fault","warning","maintenance","unknown","IndEquipmentStatusCard","heading","tag","state","stateLabel","detail","render","label","this","dot","h","Host","key","role","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-equipment-status-card&encapsulation=shadow","src/components/molecules/equipment-status-card/equipment-status-card.css?tag=ind-equipment-status-card&encapsulation=shadow","src/components/molecules/equipment-status-card/equipment-status-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",".body {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n  display: inline-flex;\n  flex: 0 0 auto;\n}\n\n.status {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  margin-left: auto;\n}\n\n.state-label {\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n:host([state=\"running\"])     .state-label { color: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"fault\"])       .state-label { color: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     .state-label { color: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) .state-label { color: var(--ind-state-maintenance-bg, #2563eb); }\n:host([state=\"stopped\"])     .state-label { color: var(--ind-surface-text-secondary); }\n:host([state=\"unknown\"])     .state-label { color: var(--ind-surface-text-muted); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EquipmentCardState =\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'unknown';\n\nconst DEFAULT_LABEL: Record<EquipmentCardState, string> = {\n  running: 'Running',\n  stopped: 'Stopped',\n  fault: 'Fault',\n  warning: 'Warning',\n  maintenance: 'Maintenance',\n  unknown: '—',\n};\n\n/**\n * Generic equipment status card. Slot a process symbol (`<ind-pump>`,\n * `<ind-motor>`, …) into the default slot; the card supplies the heading,\n * a state badge and an optional detail line.\n */\n@Component({\n  tag: 'ind-equipment-status-card',\n  styleUrls: ['../_shared/card.css', 'equipment-status-card.css'],\n  shadow: true,\n})\nexport class IndEquipmentStatusCard {\n  /** Equipment name (e.g. \"Feed pump\"). */\n  @Prop() heading!: string;\n  /** Equipment tag (e.g. \"P-101\"). */\n  @Prop() tag?: string;\n  /** Process state — drives the badge color and fault chrome. */\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Override the default state label. */\n  @Prop() stateLabel?: string;\n  /** Sub-line for context (runtime, last fault, …). */\n  @Prop() detail?: string;\n\n  render() {\n    const label = this.stateLabel ?? DEFAULT_LABEL[this.state];\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host\n        role=\"group\"\n        aria-label={`${this.heading}: ${label}`}\n        aria-live={this.state === 'fault' ? 'assertive' : 'polite'}\n      >\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"heading\">{this.heading}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <span class=\"symbol\" part=\"symbol\"><slot /></span>\n          <div class=\"status\" part=\"status\">\n            <ind-status-dot state={dot as any} size=\"md\" />\n            <span class=\"state-label\" part=\"state-label\">{label}</span>\n          </div>\n        </div>\n        {this.detail && <div class=\"card-detail\" part=\"detail\">{this.detail}</div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAyB,IAAM,+wBCUrC,MAAMC,EAAoD,CACxDC,QAAS,UACTC,QAAS,UACTC,MAAO,QACPC,QAAS,UACTC,YAAa,cACbC,QAAS,K,MAaEC,EAAsB,M,yBAEzBC,QAEAC,IAEiBC,MAA4B,UAE7CC,WAEAC,OAER,MAAAC,GACE,MAAMC,EAAQC,KAAKJ,YAAcX,EAAce,KAAKL,OACpD,MAAMM,EAAMD,KAAKL,QAAU,UAAY,UAAYK,KAAKL,MACxD,OACEO,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,aACA,GAAGL,KAAKP,YAAYM,IAAO,YAC5BC,KAAKL,QAAU,QAAU,YAAc,UAElDO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,WAAWP,KAAKP,SAC7CO,KAAKN,KAAOQ,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,OAAOP,KAAKN,MAEvDQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,UAASL,EAAA,QAAAE,IAAA,8CACnCF,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACvBL,EAAA,kBAAAE,IAAA,2CAAgBT,MAAOM,EAAYO,KAAK,OACxCN,EAAA,QAAAE,IAAA,2CAAME,MAAM,cAAcC,KAAK,eAAeR,KAGjDC,KAAKH,QAAUK,EAAA,OAAAE,IAAA,2CAAKE,MAAM,cAAcC,KAAK,UAAUP,KAAKH,Q","ignoreList":[]}

package/dist/ind-ds/p-f8613dc4.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const s=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-bottom:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;min-height:38px}.breadcrumb{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px)}.breadcrumb:empty{display:none}.titles{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.title{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.subtitle{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.spacer{flex:1 1 auto}.actions{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px)}`;const t=class{constructor(e){a(this,e)}heading;subtitle;render(){return e(i,{key:"a9302d86369c895379721464d9d34a4e1eb4b51d",role:"toolbar"},e("span",{key:"74c7eb1387b559dfb0887d79668a3fb618666b1c",class:"breadcrumb",part:"breadcrumb"},e("slot",{key:"5a3e0b0d88a6b57843b0cff7e34dfcfe68347863",name:"breadcrumb"})),(this.heading||this.subtitle)&&e("div",{key:"9107f282eac897052bbccb930a88d84601477c82",class:"titles",part:"titles"},this.heading&&e("span",{key:"6520511d7296e7353e4ac5fde3355fd6731ba8af",class:"title"},this.heading),this.subtitle&&e("span",{key:"089fa093f744c1b365671f7578b71e6e5b2f8637",class:"subtitle"},this.subtitle)),e("span",{key:"65d9a6a58f4b00fde695b419adc06b340854d305",class:"spacer"}),e("div",{key:"eefc07c418165ace1d4532ea3035f224ae0ffbb6",class:"actions",part:"actions"},e("slot",{key:"3b0d55e1bb6c71dc063a8b815d8f32695c524ea2",name:"actions"})),e("slot",{key:"751f2e3f4b3a209a85f3c73a570bee89612b1806"}))}};t.style=s();export{t as ind_context_toolbar};
+//# sourceMappingURL=p-f8613dc4.entry.js.map

package/dist/ind-ds/p-f8613dc4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contextToolbarCss","IndContextToolbar","heading","subtitle","render","h","Host","key","role","class","part","name","this"],"sources":["src/components/organisms/context-toolbar/context-toolbar.css?tag=ind-context-toolbar&encapsulation=shadow","src/components/organisms/context-toolbar/context-toolbar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border-bottom: 1px solid var(--ind-surface-border-default);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  min-height: 38px;\n}\n\n.breadcrumb {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.breadcrumb:empty {\n  display: none;\n}\n\n.titles {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.title {\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.subtitle {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.actions {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Contextual toolbar that sits below the app header: current view title (with\n * optional breadcrumb slot) on the left and contextual command buttons on the\n * right via the `actions` slot.\n */\n@Component({\n  tag: 'ind-context-toolbar',\n  styleUrl: 'context-toolbar.css',\n  shadow: true,\n})\nexport class IndContextToolbar {\n  /** Current view title. */\n  @Prop() heading?: string;\n  /** Secondary context line. */\n  @Prop() subtitle?: string;\n\n  render() {\n    return (\n      <Host role=\"toolbar\">\n        <span class=\"breadcrumb\" part=\"breadcrumb\"><slot name=\"breadcrumb\" /></span>\n        {(this.heading || this.subtitle) && (\n          <div class=\"titles\" part=\"titles\">\n            {this.heading && <span class=\"title\">{this.heading}</span>}\n            {this.subtitle && <span class=\"subtitle\">{this.subtitle}</span>}\n          </div>\n        )}\n        <span class=\"spacer\" />\n        <div class=\"actions\" part=\"actions\"><slot name=\"actions\" /></div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,IAAM,o2B,MCYnBC,EAAiB,M,yBAEpBC,QAEAC,SAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WACTH,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,cAAaL,EAAA,QAAAE,IAAA,2CAAMI,KAAK,iBACpDC,KAAKV,SAAWU,KAAKT,WACrBE,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACtBE,KAAKV,SAAWG,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASG,KAAKV,SAC1CU,KAAKT,UAAYE,EAAA,QAAAE,IAAA,2CAAME,MAAM,YAAYG,KAAKT,WAGnDE,EAAA,QAAAE,IAAA,2CAAME,MAAM,WACZJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WAAUL,EAAA,QAAAE,IAAA,2CAAMI,KAAK,aAC/CN,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ind-ds/p-fa004b8b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as t,h as e,H as r}from"./p-Bls_NlWP.js";const i=()=>`:host{display:inline-flex;--_w:36px;--_h:18px;--_pad:2px}:host([size="sm"]){--_w:28px;--_h:14px}:host([size="lg"]){--_w:46px;--_h:24px}.control{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.control:disabled{cursor:not-allowed;opacity:0.5}.track{position:relative;display:inline-flex;align-items:center;width:var(--_w);height:var(--_h);background:var(--ind-state-stopped-bg, #5a6776);border:1px solid var(--ind-surface-border-strong, #5a6776);border-radius:var(--ind-radius-full, 9999px);transition:background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}.thumb{position:absolute;top:50%;left:var(--_pad);transform:translateY(-50%);width:calc(var(--_h) - var(--_pad) * 2);height:calc(var(--_h) - var(--_pad) * 2);background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);transition:left var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}.text{flex:1;text-align:center;font-size:8px;font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;color:var(--ind-surface-text-inverse, #f4f6f8);padding:0 4px}:host([checked]) .track{background:var(--ind-state-running-bg, #16a34a);border-color:var(--ind-state-running-border, #4ade80)}:host([checked]) .thumb{left:calc(100% - var(--_h) + var(--_pad))}.control:focus-visible .track{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px}@media (prefers-reduced-motion: reduce){.thumb,.track{transition:none}}`;const s=class{constructor(e){a(this,e);this.indChange=t(this,"indChange")}checked=false;disabled=false;size="md";label;textOn;textOff;indChange;toggle=()=>{if(this.disabled)return;this.checked=!this.checked;this.indChange.emit(this.checked)};onKey=a=>{if(a.key===" "||a.key==="Enter"){a.preventDefault();this.toggle()}};render(){return e(r,{key:"e6963c1c5825f77432a6ee86a5331c73c038dc2d"},e("button",{key:"d6fc26eba0b9c4afb63a5ff4aaf3acfcd35478dc",type:"button",class:"control",part:"control",role:"switch","aria-checked":this.checked?"true":"false","aria-label":this.label,disabled:this.disabled,onClick:this.toggle,onKeyDown:this.onKey},e("span",{key:"926f8adf483f6f336665e5fc56a655de039bd960",class:"track",part:"track"},(this.textOn||this.textOff)&&e("span",{key:"6c176290532cff821d8f0eaac895528e8db3766a",class:"text",part:"text","aria-hidden":"true"},this.checked?this.textOn:this.textOff),e("span",{key:"6c87d49ca15e9f0000edd6c74291d691efd38c8f",class:"thumb",part:"thumb"})),this.label&&e("span",{key:"a0caa6d714b57d701187bf669291b9989a4b5f5d",class:"label",part:"label"},this.label)))}};s.style=i();export{s as ind_toggle};
+//# sourceMappingURL=p-fa004b8b.entry.js.map

package/dist/ind-ds/p-fa004b8b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toggleCss","IndToggle","checked","disabled","size","label","textOn","textOff","indChange","toggle","this","emit","onKey","e","key","preventDefault","render","h","Host","type","class","part","role","onClick","onKeyDown"],"sources":["src/components/atoms/toggle/toggle.css?tag=ind-toggle&encapsulation=shadow","src/components/atoms/toggle/toggle.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  --_w: 36px;\n  --_h: 18px;\n  --_pad: 2px;\n}\n\n:host([size=\"sm\"]) { --_w: 28px; --_h: 14px; }\n:host([size=\"lg\"]) { --_w: 46px; --_h: 24px; }\n\n.control {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n.control:disabled { cursor: not-allowed; opacity: 0.5; }\n\n.track {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: var(--_w);\n  height: var(--_h);\n  background: var(--ind-state-stopped-bg, #5a6776);\n  border: 1px solid var(--ind-surface-border-strong, #5a6776);\n  border-radius: var(--ind-radius-full, 9999px);\n  transition: background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n.thumb {\n  position: absolute;\n  top: 50%;\n  left: var(--_pad);\n  transform: translateY(-50%);\n  width: calc(var(--_h) - var(--_pad) * 2);\n  height: calc(var(--_h) - var(--_pad) * 2);\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n  transition: left var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n.text {\n  flex: 1;\n  text-align: center;\n  font-size: 8px;\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  color: var(--ind-surface-text-inverse, #f4f6f8);\n  padding: 0 4px;\n}\n\n:host([checked]) .track {\n  background: var(--ind-state-running-bg, #16a34a);\n  border-color: var(--ind-state-running-border, #4ade80);\n}\n\n:host([checked]) .thumb {\n  left: calc(100% - var(--_h) + var(--_pad));\n}\n\n.control:focus-visible .track {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb, .track { transition: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ToggleSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-toggle',\n  styleUrl: 'toggle.css',\n  shadow: true,\n})\nexport class IndToggle {\n  /** On/off state. */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: ToggleSize = 'md';\n  /** Visible label. Also the accessible name. */\n  @Prop() label?: string;\n  /** Text shown for the on state (in-track). */\n  @Prop() textOn?: string;\n  /** Text shown for the off state (in-track). */\n  @Prop() textOff?: string;\n\n  /** Fires when the state changes. */\n  @Event() indChange!: EventEmitter<boolean>;\n\n  private toggle = () => {\n    if (this.disabled) return;\n    this.checked = !this.checked;\n    this.indChange.emit(this.checked);\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"control\"\n          part=\"control\"\n          role=\"switch\"\n          aria-checked={this.checked ? 'true' : 'false'}\n          aria-label={this.label}\n          disabled={this.disabled}\n          onClick={this.toggle}\n          onKeyDown={this.onKey}\n        >\n          <span class=\"track\" part=\"track\">\n            {(this.textOn || this.textOff) && (\n              <span class=\"text\" part=\"text\" aria-hidden=\"true\">\n                {this.checked ? this.textOn : this.textOff}\n              </span>\n            )}\n            <span class=\"thumb\" part=\"thumb\" />\n          </span>\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,IAAM,gsD,MCSXC,EAAS,M,4DAEoBC,QAAmB,MAElCC,SAAoB,MAEpBC,KAAmB,KAEpCC,MAEAC,OAEAC,QAGCC,UAEDC,OAAS,KACf,GAAIC,KAAKP,SAAU,OACnBO,KAAKR,SAAWQ,KAAKR,QACrBQ,KAAKF,UAAUG,KAAKD,KAAKR,QAAQ,EAG3BU,MAASC,IACf,GAAIA,EAAEC,MAAQ,KAAOD,EAAEC,MAAQ,QAAS,CACtCD,EAAEE,iBACFL,KAAKD,Q,GAIT,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,UAAAH,IAAA,2CACEK,KAAK,SACLC,MAAM,UACNC,KAAK,UACLC,KAAK,SAAQ,eACCZ,KAAKR,QAAU,OAAS,QAAO,aACjCQ,KAAKL,MACjBF,SAAUO,KAAKP,SACfoB,QAASb,KAAKD,OACde,UAAWd,KAAKE,OAEhBK,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,UACrBX,KAAKJ,QAAUI,KAAKH,UACpBU,EAAA,QAAAH,IAAA,2CAAMM,MAAM,OAAOC,KAAK,OAAM,cAAa,QACxCX,KAAKR,QAAUQ,KAAKJ,OAASI,KAAKH,SAGvCU,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,WAE1BX,KAAKL,OAASY,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAASX,KAAKL,Q","ignoreList":[]}

package/dist/ind-ds/p-fa391b29.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as i,H as t}from"./p-Bls_NlWP.js";const d=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const n=()=>`:host{min-width:320px}ind-progress{width:100%}.phase{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.phase-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.phase-name{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);padding:2px 8px;border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-raised)}.state-running{color:var(--ind-state-running-bg, #16a34a)}.state-held{color:var(--ind-state-warning-bg, #f59e0b)}.state-fault{color:var(--ind-state-fault-bg, #dc2626)}.state-complete{color:var(--ind-color-palette-cyan-300, #22d3ee)}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const s={idle:"Idle",running:"Running",held:"Held",complete:"Complete",fault:"Fault"};const r=class{constructor(i){a(this,i);this.indStart=e(this,"indStart");this.indHold=e(this,"indHold");this.indStop=e(this,"indStop")}heading="Batch control";batchId;phase;state="idle";progress=0;parameters=[];indStart;indHold;indStop;render(){const a=this.state==="running";const e=this.state==="fault"?"error":this.state==="held"?"warning":"default";return i(t,{key:"360352d8819d7d5a116b3e92d326dd673514b491"},i("div",{key:"93b95f77983940a84936e7cc583b5df407ced82a",class:"panel-head"},i("div",{key:"d7e2993d2d9eac492ef60c37bcb9ae5b78507ec8",class:"panel-titles"},i("span",{key:"8ccbe6dce41a8cb66066141b15ca7f04ead1a713",class:"panel-title",part:"heading"},this.heading),this.batchId&&i("span",{key:"69d40b525971ada02d15e907cf4652974acab222",class:"panel-subtitle"},"Batch ",this.batchId)),i("span",{key:"d36e094bb538c5b391e22e5da32dbcedaa86f19b",class:`state state-${this.state}`,part:"state"},s[this.state])),i("div",{key:"8dcf054cccc1831150cf938d429074f0e8fc32e2",class:"panel-body"},this.phase&&i("div",{key:"9ec2cb3823c53a76242d7aa40510954f6f1779d3",class:"phase",part:"phase"},i("span",{key:"fe72a704ec0933d79c9e4e3dab55cf7a1cfedbdc",class:"phase-label"},"Phase"),i("span",{key:"b1bd64a6de46e6c647da7a9902cb9348fcb7a479",class:"phase-name"},this.phase)),i("ind-progress",{key:"27b250908786d280b3c845c5c6d1131be306b62e",value:this.progress,max:100,variant:e,size:"md","show-value":true}),i("ind-command-group",{key:"0739bc80b204905295ee82feadeaf2c571a975d1",label:"Batch commands"},i("ind-button",{key:"bd06dcc9d3d6793acd0fd89dffaa96511fbd7dc7",variant:"primary",size:"sm",label:"Start",disabled:a,onIndActivate:()=>this.indStart.emit()}),i("ind-button",{key:"b63daaaaa133f1c1b46abd192e7efe95ae13ea9f",variant:"default",size:"sm",label:"Hold",disabled:!a,onIndActivate:()=>this.indHold.emit()}),i("ind-button",{key:"4086f63667d7a16460e676721887ac6bb6b8d19f",variant:"danger",size:"sm",label:"Stop",disabled:this.state==="idle",onIndActivate:()=>this.indStop.emit()})),this.parameters.length>0&&i("div",{key:"c261467ad480e31dc519cb462cf911fe062d0337",class:"params",part:"params"},this.parameters.map(((a,e)=>i("ind-batch-parameter-row",{key:e,label:a.label,value:a.value,unit:a.unit,target:a.target,disabled:true}))))))}};r.style=d()+n();export{r as ind_batch_control_panel};
+//# sourceMappingURL=p-fa391b29.entry.js.map

package/dist/ind-ds/p-fa391b29.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","batchControlPanelCss","STATE_LABEL","idle","running","held","complete","fault","IndBatchControlPanel","heading","batchId","phase","state","progress","parameters","indStart","indHold","indStop","render","this","progressVariant","h","Host","key","class","part","value","max","variant","size","label","disabled","onIndActivate","emit","length","map","p","i","unit","target"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-batch-control-panel&encapsulation=shadow","src/components/organisms/batch-control-panel/batch-control-panel.css?tag=ind-batch-control-panel&encapsulation=shadow","src/components/organisms/batch-control-panel/batch-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 320px;\n}\n\nind-progress {\n  width: 100%;\n}\n\n.phase {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.phase-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted);\n}\n\n.phase-name {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.state {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  padding: 2px 8px;\n  border-radius: var(--ind-radius-full, 9999px);\n  background: var(--ind-surface-raised);\n}\n\n.state-running { color: var(--ind-state-running-bg, #16a34a); }\n.state-held { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-fault { color: var(--ind-state-fault-bg, #dc2626); }\n.state-complete { color: var(--ind-color-palette-cyan-300, #22d3ee); }\n\n.params {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--ind-surface-border-subtle);\n  border-radius: var(--ind-radius-sm, 2px);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type BatchState = 'idle' | 'running' | 'held' | 'complete' | 'fault';\n\nexport interface BatchParam {\n  label: string;\n  value: string | number;\n  unit?: string;\n  target?: string;\n}\n\nconst STATE_LABEL: Record<BatchState, string> = {\n  idle: 'Idle',\n  running: 'Running',\n  held: 'Held',\n  complete: 'Complete',\n  fault: 'Fault',\n};\n\n/**\n * Batch / phase control panel: current phase + progress, Start / Hold / Stop\n * commands and the active parameter set.\n */\n@Component({\n  tag: 'ind-batch-control-panel',\n  styleUrls: ['../_shared/panel.css', 'batch-control-panel.css'],\n  shadow: true,\n})\nexport class IndBatchControlPanel {\n  @Prop() heading: string = 'Batch control';\n  /** Batch / lot identifier. */\n  @Prop() batchId?: string;\n  /** Current phase / step name. */\n  @Prop() phase?: string;\n  /** Batch state — drives the badge. */\n  @Prop({ reflect: true }) state: BatchState = 'idle';\n  /** Phase progress 0–100 %. */\n  @Prop() progress: number = 0;\n  /** Active parameters. */\n  @Prop() parameters: BatchParam[] = [];\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indHold!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n\n  render() {\n    const running = this.state === 'running';\n    const progressVariant = this.state === 'fault' ? 'error' : this.state === 'held' ? 'warning' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.batchId && <span class=\"panel-subtitle\">Batch {this.batchId}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          {this.phase && (\n            <div class=\"phase\" part=\"phase\">\n              <span class=\"phase-label\">Phase</span>\n              <span class=\"phase-name\">{this.phase}</span>\n            </div>\n          )}\n          <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value></ind-progress>\n          <ind-command-group label=\"Batch commands\">\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Start\" disabled={running} onIndActivate={() => this.indStart.emit()} />\n            <ind-button variant=\"default\" size=\"sm\" label=\"Hold\" disabled={!running} onIndActivate={() => this.indHold.emit()} />\n            <ind-button variant=\"danger\" size=\"sm\" label=\"Stop\" disabled={this.state === 'idle'} onIndActivate={() => this.indStop.emit()} />\n          </ind-command-group>\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAuB,IAAM,g5BCWnC,MAAMC,EAA0C,CAC9CC,KAAM,OACNC,QAAS,UACTC,KAAM,OACNC,SAAU,WACVC,MAAO,S,MAYIC,EAAoB,M,wHACvBC,QAAkB,gBAElBC,QAEAC,MAEiBC,MAAoB,OAErCC,SAAmB,EAEnBC,WAA2B,GAE1BC,SACAC,QACAC,QAET,MAAAC,GACE,MAAMd,EAAUe,KAAKP,QAAU,UAC/B,MAAMQ,EAAkBD,KAAKP,QAAU,QAAU,QAAUO,KAAKP,QAAU,OAAS,UAAY,UAC/F,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWN,KAAKV,SAC9CU,KAAKT,SAAWW,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAgB,SAAQL,KAAKT,UAE5DW,EAAA,QAAAE,IAAA,2CAAMC,MAAO,eAAeL,KAAKP,QAASa,KAAK,SAASvB,EAAYiB,KAAKP,SAE3ES,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACRL,KAAKR,OACJU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACtBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAa,SACzBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcL,KAAKR,QAGnCU,EAAA,gBAAAE,IAAA,2CAAcG,MAAOP,KAAKN,SAAUc,IAAK,IAAKC,QAASR,EAAiBS,KAAK,KAAI,oBACjFR,EAAA,qBAAAE,IAAA,2CAAmBO,MAAM,kBACvBT,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKC,MAAM,QAAQC,SAAU3B,EAAS4B,cAAe,IAAMb,KAAKJ,SAASkB,SAC5GZ,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKC,MAAM,OAAOC,UAAW3B,EAAS4B,cAAe,IAAMb,KAAKH,QAAQiB,SAC3GZ,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,SAASC,KAAK,KAAKC,MAAM,OAAOC,SAAUZ,KAAKP,QAAU,OAAQoB,cAAe,IAAMb,KAAKF,QAAQgB,UAExHd,KAAKL,WAAWoB,OAAS,GACxBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtBN,KAAKL,WAAWqB,KAAI,CAACC,EAAGC,IACvBhB,EAAA,2BACEE,IAAKc,EACLP,MAAOM,EAAEN,MACTJ,MAAOU,EAAEV,MACTY,KAAMF,EAAEE,KACRC,OAAQH,EAAEG,OACVR,SAAQ,W","ignoreList":[]}

package/dist/types/components/atoms/_equipment/types.d.ts

@@ -0,0 +1,5 @@
+/** Shared process state for equipment symbols (pump, motor, fan, …). */
+export type EquipmentState = 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance';
+/** Shared size scale for equipment symbols. */
+export type EquipmentSize = 'sm' | 'md' | 'lg';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/atoms/alarm-count/alarm-count.d.ts

@@ -0,0 +1,18 @@
+export type AlarmCountSize = 'sm' | 'md' | 'lg';
+export declare class IndAlarmCount {
+    /** High-High (priority 1) count. */
+    highHigh: number;
+    /** High (priority 2) count. */
+    high: number;
+    /** Low (priority 3) count. */
+    low: number;
+    /** Low-Low (priority 4) count. */
+    lowLow: number;
+    /** Hide priority chips whose count is 0. */
+    hideZero: boolean;
+    /** Size. */
+    size: AlarmCountSize;
+    private chips;
+    render(): any;
+}
+//# sourceMappingURL=alarm-count.d.ts.map

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

@@ -0,0 +1,12 @@
+export type BadgeVariant = 'neutral' | 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance' | 'success' | 'info' | 'error';
+export type BadgeSize = 'sm' | 'md';
+export declare class IndBadge {
+    /** Semantic color. Maps to state / feedback tokens. */
+    variant: BadgeVariant;
+    /** Size. */
+    size: BadgeSize;
+    /** Outlined instead of filled. */
+    outline: boolean;
+    render(): any;
+}
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class IndBreadcrumbItem {
+    /** Navigation target. When omitted the item renders as a button. */
+    href?: string;
+    /** Marks the current page (last crumb) — not interactive. */
+    current: boolean;
+    /** Hide the trailing separator (set on the last item). */
+    last: boolean;
+    /** Fires when a non-current item is activated. */
+    indNavigate: EventEmitter<void>;
+    private onClick;
+    render(): any;
+}
+//# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/types/components/atoms/canvas-layer/canvas-layer.d.ts

@@ -0,0 +1,16 @@
+export declare class IndCanvasLayer {
+    /** Horizontal position as a percentage of the parent (0–100). */
+    x: number;
+    /** Vertical position as a percentage of the parent (0–100). */
+    y: number;
+    /** Rotation in degrees. */
+    rotation: number;
+    /** Uniform scale factor. */
+    scale: number;
+    /** Stacking order. */
+    z: number;
+    /** Anchor the placed content by its center (default) or top-left. */
+    anchor: 'center' | 'top-left';
+    render(): any;
+}
+//# sourceMappingURL=canvas-layer.d.ts.map

package/dist/types/components/atoms/compressor/compressor.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndCompressor {
+    /** Process state. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "K-401"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=compressor.d.ts.map