@ind-ds/core 0.1.1 → 0.2.1

package/dist/components/ind-command-center.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as i,t}from"./index.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 r=()=>`:host{min-width:360px}.panel-grid ::slotted(ind-button){width:100%}`;const s=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Commands";columns=3;render(){return n(i,{key:"0e940307c0d90ba04dbc0f76d64719da1de05645"},n("div",{key:"9d1f55e83a5ef6349ce9aca43e160a33498f632d",class:"panel-head"},n("span",{key:"8528df0fbc7392610f97065563f11ced38671ecb",class:"panel-title",part:"heading"},this.heading),n("div",{key:"2a40df00eeb14acc6e826b0598197610a0b66c32",class:"panel-actions"},n("slot",{key:"94651051f0ce2c1b623b40a415684beeb15992cd",name:"actions"}))),n("div",{key:"e59a5ac82ad66bc57f25b85e3183624d1b595066",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"9e771be3149a0a349c5933fbd3498e005ab78158"})))}static get style(){return d()+r()}},[769,"ind-command-center",{heading:[1],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-command-center"];e.forEach((e=>{switch(e){case"ind-command-center":if(!customElements.get(t(e))){customElements.define(t(e),s)}break}}))}o();const l=s;const c=o;export{l as IndCommandCenter,c as defineCustomElement};
+//# sourceMappingURL=ind-command-center.js.map

package/dist/components/ind-command-center.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","commandCenterCss","IndCommandCenter","__stencil_proxyCustomElement","HTMLElement","heading","columns","render","h","Host","key","class","part","this","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.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: 360px;\n}\n\n.panel-grid ::slotted(ind-button) {\n  width: 100%;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Command center: a grid palette of command buttons / command groups for an\n * operator landing page or a quick-action overlay. Slot the commands in.\n */\n@Component({\n  tag: 'ind-command-center',\n  styleUrls: ['../_shared/panel.css', 'command-center.css'],\n  shadow: true,\n})\nexport class IndCommandCenter {\n  @Prop() heading: string = 'Commands';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\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":"sDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAmB,IAAM,sE,MCWlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFACnBC,QAAkB,WAElBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,SAC/CG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLG,MAAO,CAAEC,oBAAqB,UAAUH,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-command-group.d.ts

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

package/dist/components/ind-command-group.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-Ca70rR-o.js";const r=o;const t=s;export{r as IndCommandGroup,t as defineCustomElement};
+//# sourceMappingURL=ind-command-group.js.map

package/dist/components/ind-command-group.js.map

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

package/dist/components/ind-compressor.d.ts

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

package/dist/components/ind-compressor.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as s,t as n}from"./index.js";const i=()=>`: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 r=()=>`:host([state="running"]) .spin{animation:ind-compressor-spin 1.2s linear infinite}@keyframes ind-compressor-spin{to{transform:rotate(360deg)}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"compressor";return a(s,{key:"177263a885e412e000fbc75ddfc64ada327237ed",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"3f61b41e05047ddc7919194573f9fde74f0669da",class:"symbol",viewBox:"0 0 48 36","aria-hidden":"true"},a("circle",{key:"b878724289639bdc93d548cca9709020e89a6bc9",class:"body",cx:"20",cy:"18",r:"16"}),a("polygon",{key:"e138a8bb432b20a78164ffd73dfff52dc50fdece",class:"accent",points:"10,8 30,14 30,22 10,28"}),a("g",{key:"5f2d983f2269d4d9af48cba1277c9e9701233d30",class:"spin",style:{transformOrigin:"20px 18px"}},a("line",{key:"128d83535a477ea26d1f158c37d79b7f06434c3a",class:"stroke",x1:"20",y1:"6",x2:"20",y2:"30"}))),(this.tag||this.label)&&a("div",{key:"7a20496716daaa18f7c54c3548bf713cb0323157",class:"caption"},this.tag&&a("span",{key:"5f00781bcc9ad63a2b190001e4894185c8913159",class:"tag"},this.tag),this.label&&a("span",{key:"5a8fa6b2586eea7d75269f936fd08491a0ba9104",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-compressor",{state:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-compressor"];e.forEach((e=>{switch(e){case"ind-compressor":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}c();const d=o;const l=c;export{d as IndCompressor,l as defineCustomElement};
+//# sourceMappingURL=ind-compressor.js.map

package/dist/components/ind-compressor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","compressorCss","IndCompressor","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","points","style","transformOrigin","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.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",":host([state=\"running\"]) .spin {\n  animation: ind-compressor-spin 1.2s linear infinite;\n}\n\n@keyframes ind-compressor-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-compressor',\n  styleUrls: ['../_equipment/equipment.css', 'compressor.css'],\n  shadow: true,\n})\nexport class IndCompressor {\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. \"K-401\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'compressor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Centrifugal compressor: trapezoid casing (wide inlet → narrow outlet). */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 36\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"20\" cy=\"18\" r=\"16\" />\n          <polygon class=\"accent\" points=\"10,8 30,14 30,22 10,28\" />\n          <g class=\"spin\" style={{ transformOrigin: '20px 18px' }}>\n            <line class=\"stroke\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"30\" />\n          </g>\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":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAgB,IAAM,iJ,MCQfC,EAAaC,EAAA,MAAAD,UAAAE,E,iFAECC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,aACvC,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,WAAAE,IAAA,2CAASE,MAAM,SAASK,OAAO,2BAC/BT,EAAA,KAAAE,IAAA,2CAAGE,MAAM,OAAOM,MAAO,CAAEC,gBAAiB,cACxCX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASQ,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,UAGjDhB,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/components/ind-connection-indicator.d.ts

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

package/dist/components/ind-connection-indicator.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-DA_BMXS3.js";const t=o;const p=s;export{t as IndConnectionIndicator,p as defineCustomElement};
+//# sourceMappingURL=ind-connection-indicator.js.map

package/dist/components/ind-connection-indicator.js.map

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

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

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

package/dist/components/ind-context-toolbar.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,a as s,t as i}from"./index.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));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 c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading;subtitle;render(){return t(s,{key:"a9302d86369c895379721464d9d34a4e1eb4b51d",role:"toolbar"},t("span",{key:"74c7eb1387b559dfb0887d79668a3fb618666b1c",class:"breadcrumb",part:"breadcrumb"},t("slot",{key:"5a3e0b0d88a6b57843b0cff7e34dfcfe68347863",name:"breadcrumb"})),(this.heading||this.subtitle)&&t("div",{key:"9107f282eac897052bbccb930a88d84601477c82",class:"titles",part:"titles"},this.heading&&t("span",{key:"6520511d7296e7353e4ac5fde3355fd6731ba8af",class:"title"},this.heading),this.subtitle&&t("span",{key:"089fa093f744c1b365671f7578b71e6e5b2f8637",class:"subtitle"},this.subtitle)),t("span",{key:"65d9a6a58f4b00fde695b419adc06b340854d305",class:"spacer"}),t("div",{key:"eefc07c418165ace1d4532ea3035f224ae0ffbb6",class:"actions",part:"actions"},t("slot",{key:"3b0d55e1bb6c71dc063a8b815d8f32695c524ea2",name:"actions"})),t("slot",{key:"751f2e3f4b3a209a85f3c73a570bee89612b1806"}))}static get style(){return n()}},[769,"ind-context-toolbar",{heading:[1],subtitle:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["ind-context-toolbar"];e.forEach((e=>{switch(e){case"ind-context-toolbar":if(!customElements.get(i(e))){customElements.define(i(e),c)}break}}))}r();const d=c;const o=r;export{d as IndContextToolbar,o as defineCustomElement};
+//# sourceMappingURL=ind-context-toolbar.js.map

package/dist/components/ind-context-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["contextToolbarCss","IndContextToolbar","__stencil_proxyCustomElement","HTMLElement","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":"2DAAA,MAAMA,EAAoB,IAAM,o2B,MCYnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,iFAEpBC,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/components/ind-conveyor.d.ts

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

package/dist/components/ind-conveyor.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as n,t as s}from"./index.js";const i=()=>`: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 r=()=>`.belt{fill:none;stroke:var(--_accent);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}:host([state="running"]) .belt{animation:ind-conveyor-move 0.6s linear infinite}:host([state="running"][direction="reverse"]) .belt{animation-direction:reverse}@keyframes ind-conveyor-move{to{stroke-dashoffset:-9}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";direction="forward";size="md";tag;label;render(){const e=this.label??this.tag??"conveyor";return a(n,{key:"119483cfd3b46fa20abfa53f062e0948d243b189",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"cdcd920ef9905aeb912b5c7588b1f2c30c4ccc3e",class:"symbol",viewBox:"0 0 64 28","aria-hidden":"true"},a("circle",{key:"7bdbeceaf95f8d8600d2e8aa71afa9df8bf9add0",class:"body",cx:"12",cy:"14",r:"9"}),a("circle",{key:"cbc83e2420905a33381f5b90401944c926c201f6",class:"body",cx:"52",cy:"14",r:"9"}),a("line",{key:"fd62d7978b9ff8292bfeab3986f80941ea9bc3a2",class:"stroke",x1:"12",y1:"5",x2:"52",y2:"5"}),a("line",{key:"3993536a33ab62c99178248b1a1acf9c2854ddd7",class:"stroke",x1:"12",y1:"23",x2:"52",y2:"23"}),a("line",{key:"79d19a316213f1fd72c6a5e3da140ef8e8e2db95",class:"belt",x1:"12",y1:"14",x2:"52",y2:"14"})),(this.tag||this.label)&&a("div",{key:"e5a1ad87d4d83a8a170d63bb8598c899c03a7978",class:"caption"},this.tag&&a("span",{key:"c49c170dbc541096d764df90ca0e483431fc6813",class:"tag"},this.tag),this.label&&a("span",{key:"560b91cd85f821b47ffe8747f98b52897950843c",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-conveyor",{state:[513],direction:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-conveyor"];e.forEach((e=>{switch(e){case"ind-conveyor":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}c();const d=o;const l=c;export{d as IndConveyor,l as defineCustomElement};
+//# sourceMappingURL=ind-conveyor.js.map

package/dist/components/ind-conveyor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","conveyorCss","IndConveyor","__stencil_proxyCustomElement","HTMLElement","state","direction","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.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",".belt {\n  fill: none;\n  stroke: var(--_accent);\n  stroke-width: 2;\n  stroke-dasharray: 5 4;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) .belt {\n  animation: ind-conveyor-move 0.6s linear infinite;\n}\n:host([state=\"running\"][direction=\"reverse\"]) .belt {\n  animation-direction: reverse;\n}\n\n@keyframes ind-conveyor-move {\n  to { stroke-dashoffset: -9; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\nexport type ConveyorDirection = 'forward' | 'reverse';\n\n@Component({\n  tag: 'ind-conveyor',\n  styleUrls: ['../_equipment/equipment.css', 'conveyor.css'],\n  shadow: true,\n})\nexport class IndConveyor {\n  /** Process state. `running` animates the belt. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Belt travel direction. */\n  @Prop({ reflect: true }) direction: ConveyorDirection = 'forward';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"CV-501\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'conveyor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        <svg class=\"symbol\" viewBox=\"0 0 64 28\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"12\" cy=\"14\" r=\"9\" />\n          <circle class=\"body\" cx=\"52\" cy=\"14\" r=\"9\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"5\" x2=\"52\" y2=\"5\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"23\" x2=\"52\" y2=\"23\" />\n          <line class=\"belt\" x1=\"12\" y1=\"14\" x2=\"52\" y2=\"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":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAc,IAAM,oU,MCUbC,EAAWC,EAAA,MAAAD,UAAAE,E,iFAEGC,MAAwB,UAExBC,UAA+B,UAE/BC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,WACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKP,SAC7CQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCR,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCR,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,MAC/CZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAChDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,SAE9Cb,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/components/ind-cooler.d.ts

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

package/dist/components/ind-cooler.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as n,t as s}from"./index.js";const i=()=>`: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 r=()=>`.coil{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}:host([state="running"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb)}:host([state="running"]) .coil{stroke:var(--ind-state-maintenance-border, #93c5fd)}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"cooler";return a(n,{key:"e498b99ea5768deb7147352d066b8f0650d4a176",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"c0acab84becce756d8281cf4ba0bef88c4aab776",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"83ed34a7c484bc3c40e4c0fc35540644506c2d14",class:"body",cx:"24",cy:"24",r:"16"}),a("g",{key:"ff62a6c27629d9e42c497365410125ac700d4005",class:"flake"},a("line",{key:"56870b9cc154793ee7ba0e702dfccea779a165c1",class:"coil",x1:"24",y1:"12",x2:"24",y2:"36"}),a("line",{key:"61f78a1ec7382a07662e27d32a7f4e8497d73136",class:"coil",x1:"13.6",y1:"18",x2:"34.4",y2:"30"}),a("line",{key:"e5b632f4239a6697dc3887b72ac473a4e3a8325d",class:"coil",x1:"13.6",y1:"30",x2:"34.4",y2:"18"}))),(this.tag||this.label)&&a("div",{key:"9b40254100d0e346dfb23d5eb8746bd1071c7dba",class:"caption"},this.tag&&a("span",{key:"bf78571570a9cb4d2a994ed0ddc9a3d26eb87b77",class:"tag"},this.tag),this.label&&a("span",{key:"6849888c1495f4170c4622556cfc166c7b6db259",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-cooler",{state:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-cooler"];e.forEach((e=>{switch(e){case"ind-cooler":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}c();const d=o;const l=c;export{d as IndCooler,l as defineCustomElement};
+//# sourceMappingURL=ind-cooler.js.map

package/dist/components/ind-cooler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","coolerCss","IndCooler","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.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",".coil {\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:host([state=\"running\"]) {\n  --_stroke: var(--ind-state-maintenance-border, #60a5fa);\n  --_fill: var(--ind-state-maintenance-bg, #2563eb);\n}\n:host([state=\"running\"]) .coil {\n  stroke: var(--ind-state-maintenance-border, #93c5fd);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-cooler',\n  styleUrls: ['../_equipment/equipment.css', 'cooler.css'],\n  shadow: true,\n})\nexport class IndCooler {\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. \"CL-701\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'cooler';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Cooler: circle with a snowflake. */}\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=\"flake\">\n            <line class=\"coil\" x1=\"24\" y1=\"12\" x2=\"24\" y2=\"36\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"18\" x2=\"34.4\" y2=\"30\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"30\" x2=\"34.4\" y2=\"18\" />\n          </g>\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":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAY,IAAM,oU,MCQXC,EAASC,EAAA,MAAAD,UAAAE,E,iFAEKC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,SACvC,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,KAAAE,IAAA,2CAAGE,MAAM,SACPJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAC9CZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,OAAOC,GAAG,KAAKC,GAAG,OAAOC,GAAG,OAClDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,OAAOC,GAAG,KAAKC,GAAG,OAAOC,GAAG,UAGpDb,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/components/ind-counter.d.ts

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

package/dist/components/ind-counter.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as i,a,t as n}from"./index.js";const s=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_bg:var(--ind-surface-strong, #5a6776);--_fg:var(--ind-surface-text-inverse, #f4f6f8)}.label{font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);line-height:1;color:var(--_fg);background:var(--_bg);border-radius:var(--ind-radius-full, 9999px);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="sm"]) .count{min-width:14px;height:14px;font-size:9px;padding:0 4px}:host([size="lg"]) .count{min-width:22px;height:22px;font-size:var(--ind-font-size-sm, 11px)}.count.is-dot{min-width:8px;width:8px;height:8px;padding:0}:host([variant="success"]){--_bg:var(--ind-feedback-success-bg, #16a34a)}:host([variant="info"]){--_bg:var(--ind-feedback-info-bg, #0891b2)}:host([variant="warning"]){--_bg:var(--ind-feedback-warning-bg, #f59e0b);--_fg:#1a1205}:host([variant="error"]){--_bg:var(--ind-feedback-error-bg, #dc2626)}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}value=0;max;variant="neutral";size="md";label;dotWhenZero=false;display(){if(this.max!==undefined&&this.value>this.max)return`${this.max}+`;return String(this.value)}render(){const t=this.dotWhenZero&&this.value===0;return i(a,{key:"48026380f78d108475e632677800e9c36ecba2a7",role:"status","aria-label":`${this.label?this.label+": ":""}${this.value}`},this.label&&i("span",{key:"7ebaf39bda7222c110cf2006d63abc59f649aa3a",class:"label",part:"label"},this.label),i("span",{key:"c3185a7fcfea5f3b4666d9216006b56e27544707",class:{count:true,"is-dot":t},part:"count"},!t&&this.display()))}static get style(){return s()}},[513,"ind-counter",{value:[2],max:[2],variant:[513],size:[513],label:[1],dotWhenZero:[516,"dot-when-zero"]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-counter"];t.forEach((t=>{switch(t){case"ind-counter":if(!customElements.get(n(t))){customElements.define(n(t),r)}break}}))}o();const d=r;const c=o;export{d as IndCounter,c as defineCustomElement};
+//# sourceMappingURL=ind-counter.js.map

package/dist/components/ind-counter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["counterCss","IndCounter","__stencil_proxyCustomElement","HTMLElement","value","max","variant","size","label","dotWhenZero","display","this","undefined","String","render","zeroDot","h","Host","key","role","class","part","count"],"sources":["src/components/atoms/counter/counter.css?tag=ind-counter&encapsulation=shadow","src/components/atoms/counter/counter.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_bg: var(--ind-surface-strong, #5a6776);\n  --_fg: var(--ind-surface-text-inverse, #f4f6f8);\n}\n\n.label {\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n  color: var(--_fg);\n  background: var(--_bg);\n  border-radius: var(--ind-radius-full, 9999px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n:host([size=\"sm\"]) .count { min-width: 14px; height: 14px; font-size: 9px; padding: 0 4px; }\n:host([size=\"lg\"]) .count { min-width: 22px; height: 22px; font-size: var(--ind-font-size-sm, 11px); }\n\n.count.is-dot {\n  min-width: 8px;\n  width: 8px;\n  height: 8px;\n  padding: 0;\n}\n\n:host([variant=\"success\"]) { --_bg: var(--ind-feedback-success-bg, #16a34a); }\n:host([variant=\"info\"])    { --_bg: var(--ind-feedback-info-bg, #0891b2); }\n:host([variant=\"warning\"]) { --_bg: var(--ind-feedback-warning-bg, #f59e0b); --_fg: #1a1205; }\n:host([variant=\"error\"])   { --_bg: var(--ind-feedback-error-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CounterVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';\nexport type CounterSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-counter',\n  styleUrl: 'counter.css',\n  shadow: true,\n})\nexport class IndCounter {\n  /** Numeric value. */\n  @Prop() value: number = 0;\n\n  /** Clamp the displayed value, rendering e.g. \"99+\" beyond this. */\n  @Prop() max?: number;\n\n  /** Semantic color. */\n  @Prop({ reflect: true }) variant: CounterVariant = 'neutral';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: CounterSize = 'md';\n\n  /** Optional label rendered before the count. */\n  @Prop() label?: string;\n\n  /** Render as a small circular dot when the value is 0 (no number). */\n  @Prop({ reflect: true }) dotWhenZero: boolean = false;\n\n  private display(): string {\n    if (this.max !== undefined && this.value > this.max) return `${this.max}+`;\n    return String(this.value);\n  }\n\n  render() {\n    const zeroDot = this.dotWhenZero && this.value === 0;\n    return (\n      <Host role=\"status\" aria-label={`${this.label ? this.label + ': ' : ''}${this.value}`}>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        <span class={{ count: true, 'is-dot': zeroDot }} part=\"count\">\n          {!zeroDot && this.display()}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAa,IAAM,sxC,MCUZC,EAAUC,EAAA,MAAAD,UAAAE,E,iFAEbC,MAAgB,EAGhBC,IAGiBC,QAA0B,UAG1BC,KAAoB,KAGrCC,MAGiBC,YAAuB,MAExC,OAAAC,GACN,GAAIC,KAAKN,MAAQO,WAAaD,KAAKP,MAAQO,KAAKN,IAAK,MAAO,GAAGM,KAAKN,OACpE,OAAOQ,OAAOF,KAAKP,M,CAGrB,MAAAU,GACE,MAAMC,EAAUJ,KAAKF,aAAeE,KAAKP,QAAU,EACnD,OACEY,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,aAAa,GAAGR,KAAKH,MAAQG,KAAKH,MAAQ,KAAO,KAAKG,KAAKP,SAC3EO,KAAKH,OAASQ,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASV,KAAKH,OACtDQ,EAAA,QAAAE,IAAA,2CAAME,MAAO,CAAEE,MAAO,KAAM,SAAUP,GAAWM,KAAK,UAClDN,GAAWJ,KAAKD,W","ignoreList":[]}

package/dist/components/ind-datetime-picker.d.ts

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

package/dist/components/ind-datetime-picker.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as i,h as t,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:26px}:host([size="sm"]){--_h:22px}:host([size="lg"]){--_h:32px}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.input{height:var(--_h);padding:0 var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-size:var(--ind-font-size-base, 12px);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-primary, #eef1f5);background:var(--ind-surface-sunken, light-dark(#fff, #000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);color-scheme:dark light}.input:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:0}.input:disabled{opacity:0.5;cursor:not-allowed}:host([invalid]) .input{border-color:var(--ind-state-fault-bg, #dc2626)}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange")}mode="datetime-local";value="";min;max;step;disabled=false;invalid=false;size="md";label;name;indChange;onChange=e=>{const a=e.target.value;this.value=a;this.indChange.emit(a)};render(){return t(s,{key:"adbe5d948799289119a3271a5a13853499194df9"},t("label",{key:"1ad4d7391ced4d2215f33c0bda1e72922e46aa3c",class:"wrap",part:"wrap"},this.label&&t("span",{key:"e009a29ae52273e383d099ea48e7a93f1948ac0f",class:"label",part:"label"},this.label),t("input",{key:"758b22432cdc271ac603533257f04fb619297522",class:"input",part:"input",type:this.mode,value:this.value,min:this.min,max:this.max,step:this.step,name:this.name,disabled:this.disabled,"aria-invalid":this.invalid?"true":"false","aria-label":this.label,onChange:this.onChange})))}static get style(){return r()}},[513,"ind-datetime-picker",{mode:[513],value:[1025],min:[1],max:[1],step:[8],disabled:[516],invalid:[516],size:[513],label:[1],name:[1]}]);function l(){if(typeof customElements==="undefined"){return}const e=["ind-datetime-picker"];e.forEach((e=>{switch(e){case"ind-datetime-picker":if(!customElements.get(n(e))){customElements.define(n(e),d)}break}}))}l();const o=d;const c=l;export{o as IndDatetimePicker,c as defineCustomElement};
+//# sourceMappingURL=ind-datetime-picker.js.map

package/dist/components/ind-datetime-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datetimePickerCss","IndDateTimePicker","__stencil_proxyCustomElement","HTMLElement","mode","value","min","max","step","disabled","invalid","size","label","name","indChange","onChange","e","v","target","this","emit","render","h","Host","key","class","part","type"],"sources":["src/components/atoms/datetime-picker/datetime-picker.css?tag=ind-datetime-picker&encapsulation=shadow","src/components/atoms/datetime-picker/datetime-picker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: 26px;\n}\n\n:host([size=\"sm\"]) { --_h: 22px; }\n:host([size=\"lg\"]) { --_h: 32px; }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.input {\n  height: var(--_h);\n  padding: 0 var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-size: var(--ind-font-size-base, 12px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  color: var(--ind-surface-text-primary, #eef1f5);\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-sm, 2px);\n  color-scheme: dark light;\n}\n\n.input:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 0;\n}\n\n.input:disabled { opacity: 0.5; cursor: not-allowed; }\n\n:host([invalid]) .input {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type DateTimeMode = 'datetime-local' | 'date' | 'time' | 'month' | 'week';\nexport type DateTimeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-datetime-picker',\n  styleUrl: 'datetime-picker.css',\n  shadow: true,\n})\nexport class IndDateTimePicker {\n  /** Picker mode (maps to the native input type). */\n  @Prop({ reflect: true }) mode: DateTimeMode = 'datetime-local';\n  /** Current ISO value. */\n  @Prop({ mutable: true }) value: string = '';\n  /** Min bound (ISO). */\n  @Prop() min?: string;\n  /** Max bound (ISO). */\n  @Prop() max?: string;\n  /** Step (seconds for time-based modes). */\n  @Prop() step?: number | string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Invalid state. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: DateTimeSize = 'md';\n  /** Visible label. */\n  @Prop() label?: string;\n  /** Field name (forms). */\n  @Prop() name?: string;\n\n  /** Fires on commit. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <input\n            class=\"input\"\n            part=\"input\"\n            type={this.mode}\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            step={this.step as unknown as string}\n            name={this.name}\n            disabled={this.disabled}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            aria-label={this.label}\n            onChange={this.onChange}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAoB,IAAM,4nC,MCUnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,oHAEHC,KAAqB,iBAErBC,MAAgB,GAEjCC,IAEAC,IAEAC,KAEiBC,SAAoB,MAEpBC,QAAmB,MAEnBC,KAAqB,KAEtCC,MAEAC,KAGCC,UAEDC,SAAYC,IAClB,MAAMC,EAAKD,EAAEE,OAA4Bb,MACzCc,KAAKd,MAAQY,EACbE,KAAKL,UAAUM,KAAKH,EAAE,EAGxB,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBP,KAAKP,OAASU,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAASP,KAAKP,OACtDU,EAAA,SAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,QACLC,KAAMR,KAAKf,KACXC,MAAOc,KAAKd,MACZC,IAAKa,KAAKb,IACVC,IAAKY,KAAKZ,IACVC,KAAMW,KAAKX,KACXK,KAAMM,KAAKN,KACXJ,SAAUU,KAAKV,SAAQ,eACTU,KAAKT,QAAU,OAAS,QAAO,aACjCS,KAAKP,MACjBG,SAAUI,KAAKJ,Y","ignoreList":[]}

package/dist/components/ind-device-connection-card.d.ts

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

package/dist/components/ind-device-connection-card.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as n,t as r}from"./index.js";import{d as i}from"./p-DA_BMXS3.js";const d=()=>`: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 o=()=>`:host{min-width:210px}:host([state="error"]){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)}.endpoint{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}`;const s=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}name;protocol;endpoint;state="disconnected";latency;render(){return t(n,{key:"d4650fd63a64a9dd3bc58fae077ea5a6f1cf71fb",role:"group","aria-label":`${this.name} connection ${this.state}`},t("div",{key:"0e4f0b7d8beeb28c51449a56a9bebea4ab0580ca",class:"card-head"},t("span",{key:"dec224a80ed7880f33e0c1bb6d2c5c28feeb8435",class:"card-title",part:"name"},this.name),this.protocol&&t("span",{key:"3e446e59f250e22556a8c6476363d6ad37395626",class:"card-tag",part:"protocol"},this.protocol)),t("ind-connection-indicator",{key:"7c41a2d6f998360827fbf299ff40197d98eb02a9",state:this.state,size:"md"}),this.endpoint&&t("code",{key:"26982889839026079a9fda011d3276efd99e26cc",class:"endpoint",part:"endpoint"},this.endpoint),this.latency!==undefined&&t("div",{key:"8eed12b7cee83a545d01efbc6fb98c24e5241b49",class:"card-detail",part:"latency"},"Latency ",Math.round(this.latency)," ms"))}static get style(){return d()+o()}},[513,"ind-device-connection-card",{name:[1],protocol:[1],endpoint:[1],state:[513],latency:[2]}]);function c(){if(typeof customElements==="undefined"){return}const a=["ind-device-connection-card","ind-connection-indicator"];a.forEach((a=>{switch(a){case"ind-device-connection-card":if(!customElements.get(r(a))){customElements.define(r(a),s)}break;case"ind-connection-indicator":if(!customElements.get(r(a))){i()}break}}))}c();const f=s;const l=c;export{f as IndDeviceConnectionCard,l as defineCustomElement};
+//# sourceMappingURL=ind-device-connection-card.js.map

package/dist/components/ind-device-connection-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","deviceConnectionCardCss","IndDeviceConnectionCard","__stencil_proxyCustomElement","HTMLElement","name","protocol","endpoint","state","latency","render","h","Host","key","role","this","class","part","size","undefined","Math","round"],"sources":["src/components/molecules/_shared/card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-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: 210px;\n}\n\n/* The connection card uses its own state vocabulary, so map error→fault chrome. */\n:host([state=\"error\"]) {\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\n.endpoint {\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  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Connection summary for a field device / driver: protocol, endpoint, live\n * connection state and round-trip latency.\n */\n@Component({\n  tag: 'ind-device-connection-card',\n  styleUrls: ['../_shared/card.css', 'device-connection-card.css'],\n  shadow: true,\n})\nexport class IndDeviceConnectionCard {\n  /** Device / driver name. */\n  @Prop() name!: string;\n  /** Protocol (e.g. \"Modbus TCP\", \"EtherNet/IP\"). */\n  @Prop() protocol?: string;\n  /** Endpoint (host:port / URL). */\n  @Prop() endpoint?: string;\n  /** Connection state — drives the indicator and fault chrome. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Round-trip latency in ms. */\n  @Prop() latency?: number;\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} connection ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          {this.protocol && <span class=\"card-tag\" part=\"protocol\">{this.protocol}</span>}\n        </div>\n        <ind-connection-indicator state={this.state} size=\"md\" />\n        {this.endpoint && <code class=\"endpoint\" part=\"endpoint\">{this.endpoint}</code>}\n        {this.latency !== undefined && (\n          <div class=\"card-detail\" part=\"latency\">Latency {Math.round(this.latency)} ms</div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAA0B,IAAM,ib,MCYzBC,EAAuBC,EAAA,MAAAD,UAAAE,E,iFAE1BC,KAEAC,SAEAC,SAEiBC,MAAyB,eAE1CC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGC,KAAKV,mBAAmBU,KAAKP,SAC7DG,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,QAAQF,KAAKV,MAC1CU,KAAKT,UAAYK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKT,WAEjEK,EAAA,4BAAAE,IAAA,2CAA0BL,MAAOO,KAAKP,MAAOU,KAAK,OACjDH,KAAKR,UAAYI,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKR,UAC9DQ,KAAKN,UAAYU,WAChBR,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcC,KAAK,WAAS,WAAUG,KAAKC,MAAMN,KAAKN,SAAQ,O","ignoreList":[]}

package/dist/components/ind-device-diagnostics-panel.d.ts

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

package/dist/components/ind-device-diagnostics-panel.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as i,a as n,t as r}from"./index.js";import{d}from"./p-DA_BMXS3.js";import{d as t}from"./p-B0kcsf9E.js";const s=()=>`: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 o=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const c=()=>`:host{min-width:300px}.panel-body>ind-device-info-card{border:0;padding:0;background:transparent;min-width:0}.metrics{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--ind-spacing-3, 6px)}.metric{display:flex;flex-direction:column;gap:1px;padding:var(--ind-spacing-3, 6px);background:var(--ind-surface-sunken);border-radius:var(--ind-radius-sm, 2px);border-left:2px solid var(--ind-surface-border-strong)}.metric-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-muted)}.metric-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.metric-ok{border-left-color:var(--ind-state-running-bg, #16a34a)}.metric-warn{border-left-color:var(--ind-state-warning-bg, #f59e0b)}.metric-fault{border-left-color:var(--ind-state-fault-bg, #dc2626)}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Diagnostics";name;vendor;model;firmware;serial;address;state="disconnected";metrics=[];render(){return i(n,{key:"87d13057cbdf0ae8cc50951231be0c72a5970236"},i("div",{key:"399c23ad7dff5cd8bf8430c2dfe3e7b21d13f807",class:"panel-head"},i("span",{key:"7b05113457a67d943203ea9c4f3a6896d953cfab",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"5685e0cffe993b39f956d0081fb0c9ff0b7e88f1",class:"panel-body"},i("ind-device-info-card",{key:"fdba4747a89414806cee8c781cc90e7e5bebd063",name:this.name,vendor:this.vendor,model:this.model,firmware:this.firmware,serial:this.serial,address:this.address,state:this.state}),this.metrics.length>0&&i("div",{key:"16eeeda3f9919ace04e34b118fe31e08ac1e3d94",class:"metrics",part:"metrics"},this.metrics.map(((e,a)=>i("div",{class:`metric metric-${e.status??"ok"}`,part:"metric",key:a},i("span",{class:"metric-label"},e.label),i("span",{class:"metric-value"},e.value,e.unit?` ${e.unit}`:"")))))))}static get style(){return s()+(o()+c())}},[513,"ind-device-diagnostics-panel",{heading:[1],name:[1],vendor:[1],model:[1],firmware:[1],serial:[1],address:[1],state:[513],metrics:[16]}]);function p(){if(typeof customElements==="undefined"){return}const e=["ind-device-diagnostics-panel","ind-connection-indicator","ind-device-info-card"];e.forEach((e=>{switch(e){case"ind-device-diagnostics-panel":if(!customElements.get(r(e))){customElements.define(r(e),l)}break;case"ind-connection-indicator":if(!customElements.get(r(e))){d()}break;case"ind-device-info-card":if(!customElements.get(r(e))){t()}break}}))}p();const f=l;const m=p;export{f as IndDeviceDiagnosticsPanel,m as defineCustomElement};
+//# sourceMappingURL=ind-device-diagnostics-panel.js.map

package/dist/components/ind-device-diagnostics-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","deviceDiagnosticsPanelCss","IndDeviceDiagnosticsPanel","__stencil_proxyCustomElement","HTMLElement","heading","name","vendor","model","firmware","serial","address","state","metrics","render","h","Host","key","class","part","this","length","map","m","i","status","label","value","unit"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/device-diagnostics-panel/device-diagnostics-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","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 300px;\n}\n\n.panel-body > ind-device-info-card {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n\n.metrics {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.metric {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  padding: var(--ind-spacing-3, 6px);\n  background: var(--ind-surface-sunken);\n  border-radius: var(--ind-radius-sm, 2px);\n  border-left: 2px solid var(--ind-surface-border-strong);\n}\n\n.metric-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-muted);\n}\n\n.metric-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.metric-ok { border-left-color: var(--ind-state-running-bg, #16a34a); }\n.metric-warn { border-left-color: var(--ind-state-warning-bg, #f59e0b); }\n.metric-fault { border-left-color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\nexport interface DiagnosticMetric {\n  label: string;\n  value: string | number;\n  unit?: string;\n  status?: 'ok' | 'warn' | 'fault';\n}\n\n/**\n * Device diagnostics panel: nameplate / connection via `<ind-device-info-card>`\n * plus a list of live diagnostic metrics (CPU, memory, temperature, errors).\n */\n@Component({\n  tag: 'ind-device-diagnostics-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'device-diagnostics-panel.css'],\n  shadow: true,\n})\nexport class IndDeviceDiagnosticsPanel {\n  @Prop() heading: string = 'Diagnostics';\n  @Prop() name!: string;\n  @Prop() vendor?: string;\n  @Prop() model?: string;\n  @Prop() firmware?: string;\n  @Prop() serial?: string;\n  @Prop() address?: string;\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Diagnostic metrics. */\n  @Prop() metrics: DiagnosticMetric[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          <ind-device-info-card\n            name={this.name}\n            vendor={this.vendor}\n            model={this.model}\n            firmware={this.firmware}\n            serial={this.serial}\n            address={this.address}\n            state={this.state}\n          ></ind-device-info-card>\n          {this.metrics.length > 0 && (\n            <div class=\"metrics\" part=\"metrics\">\n              {this.metrics.map((m, i) => (\n                <div class={`metric metric-${m.status ?? 'ok'}`} part=\"metric\" key={i}>\n                  <span class=\"metric-label\">{m.label}</span>\n                  <span class=\"metric-value\">\n                    {m.value}{m.unit ? ` ${m.unit}` : ''}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8HAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAA4B,IAAM,84B,MCmB3BC,EAAyBC,EAAA,MAAAD,UAAAE,E,iFAC5BC,QAAkB,cAClBC,KACAC,OACAC,MACAC,SACAC,OACAC,QACiBC,MAAyB,eAE1CC,QAA8B,GAEtC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKf,UAEjDU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,wBAAAE,IAAA,2CACEX,KAAMc,KAAKd,KACXC,OAAQa,KAAKb,OACbC,MAAOY,KAAKZ,MACZC,SAAUW,KAAKX,SACfC,OAAQU,KAAKV,OACbC,QAASS,KAAKT,QACdC,MAAOQ,KAAKR,QAEbQ,KAAKP,QAAQQ,OAAS,GACrBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,KAAK,WACvBC,KAAKP,QAAQS,KAAI,CAACC,EAAGC,IACpBT,EAAA,OAAKG,MAAO,iBAAiBK,EAAEE,QAAU,OAAQN,KAAK,SAASF,IAAKO,GAClET,EAAA,QAAMG,MAAM,gBAAgBK,EAAEG,OAC9BX,EAAA,QAAMG,MAAM,gBACTK,EAAEI,MAAOJ,EAAEK,KAAO,IAAIL,EAAEK,OAAS,S","ignoreList":[]}

package/dist/components/ind-device-info-card.d.ts

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

package/dist/components/ind-device-info-card.js

@@ -0,0 +1,2 @@
+import{I as s,d as o}from"./p-B0kcsf9E.js";const t=s;const c=o;export{t as IndDeviceInfoCard,c as defineCustomElement};
+//# sourceMappingURL=ind-device-info-card.js.map

package/dist/components/ind-device-info-card.js.map

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

package/dist/components/ind-dialog.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as a,h as i,a as n,t as s}from"./index.js";const o=()=>`:host{display:contents}.dialog{padding:0;border:none;background:transparent;color:inherit;max-width:90vw;max-height:90vh;overflow:visible}.dialog::backdrop{background:rgba(0, 0, 0, 0.55);backdrop-filter:blur(2px)}.content{display:flex;flex-direction:column;background:var(--ind-surface-raised, light-dark(#ffffff, #1a2129));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);max-height:90vh;overflow:hidden}:host([size="sm"]) .content{width:320px}:host([size="md"]) .content{width:480px}:host([size="lg"]) .content{width:720px}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);border-bottom:1px solid var(--ind-surface-border-subtle)}.heading{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600);margin:0}.close{background:transparent;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--ind-radius-sm, 2px)}.close:hover{background:var(--ind-surface-panel)}.close:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.body{flex:1;overflow:auto;padding:var(--ind-spacing-6, 16px);line-height:var(--ind-font-line-height-normal, 1.4)}.footer{display:flex;justify-content:flex-end;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);border-top:1px solid var(--ind-surface-border-subtle)}.footer.is-empty{display:none}`;const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indOpen=a(this,"indOpen");this.indClose=a(this,"indClose")}get host(){return this}open=false;heading;size="md";closeOnBackdrop=true;hasFooter=false;indOpen;indClose;componentDidLoad(){this.syncOpen();this.watchFooter()}onOpenChange(){this.syncOpen()}syncOpen(){const e=this.host.shadowRoot?.querySelector("dialog");if(!e)return;if(this.open&&!e.open){e.showModal();this.indOpen.emit()}else if(!this.open&&e.open){e.close()}}watchFooter(){const e=this.host.shadowRoot?.querySelector('slot[name="footer"]');if(!e)return;const t=()=>{this.hasFooter=e.assignedNodes({flatten:true}).some((e=>{if(e.nodeType===Node.ELEMENT_NODE)return true;return e.nodeType===Node.TEXT_NODE&&(e.textContent??"").trim().length>0}))};t();e.addEventListener("slotchange",t)}async show(){this.open=true}async close(){this.open=false}onNativeClose=()=>{if(this.open){this.open=false;this.indClose.emit()}};onClick=e=>{if(!this.closeOnBackdrop)return;const t=e.currentTarget;if(e.target!==t)return;const a=t.getBoundingClientRect();const i=e.clientX>=a.left&&e.clientX<=a.right&&e.clientY>=a.top&&e.clientY<=a.bottom;if(!i)this.close()};render(){return i(n,{key:"2fc6c8608a86b696f04a42989f9fa89e90c815ca"},i("dialog",{key:"2ace88391803eeacc9ab918906db7ff01f96af05",class:"dialog",part:"dialog","aria-label":this.heading,onClose:this.onNativeClose,onClick:this.onClick},i("div",{key:"01d6bcd48e243524bf657559407e58ec70995752",class:"content",part:"content"},this.heading&&i("header",{key:"930017b49c0ea7056eb5ec71efd30090bf5d2ef1",class:"header",part:"header"},i("h2",{key:"be329505ab6c8d2ae4b94ea399c1426c9bb2ca23",class:"heading",part:"heading"},this.heading),i("button",{key:"6943d296514bb4035bc44f292fd9a3be42b96bd7",type:"button",class:"close",part:"close","aria-label":"Close",onClick:()=>this.close()},"×")),i("div",{key:"79277205e3a87957a9f4885a80ff2d88ff250615",class:"body",part:"body"},i("slot",{key:"c1bf7607910c5d5dff0bdaa14f9285be09aecbce"})),i("footer",{key:"102f2ea37b063d77f4874c619e134abad87161c9",class:{footer:true,"is-empty":!this.hasFooter},part:"footer"},i("slot",{key:"d6068ca633c113c5a9bf6bd87e793a96928ae95e",name:"footer"})))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return o()}},[769,"ind-dialog",{open:[1540],heading:[1],size:[513],closeOnBackdrop:[4,"close-on-backdrop"],hasFooter:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-dialog"];e.forEach((e=>{switch(e){case"ind-dialog":if(!customElements.get(s(e))){customElements.define(s(e),r)}break}}))}d();const c=r;const f=d;export{c as IndDialog,f as defineCustomElement};
+import{p as e,H as t,c as a,h as i,a as n,t as s}from"./index.js";const o=()=>`:host{display:contents}.dialog{padding:0;border:none;background:transparent;color:inherit;max-width:90vw;max-height:90vh;overflow:visible}.dialog::backdrop{background:rgba(0, 0, 0, 0.55);backdrop-filter:blur(2px)}.content{display:flex;flex-direction:column;background:var(--ind-surface-raised, light-dark(#ffffff, #1a2129));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);max-height:90vh;overflow:hidden}:host([size="sm"]) .content{width:320px}:host([size="md"]) .content{width:480px}:host([size="lg"]) .content{width:720px}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);border-bottom:1px solid var(--ind-surface-border-subtle)}.heading{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600);margin:0}.close{background:transparent;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--ind-radius-sm, 2px)}.close:hover{background:var(--ind-surface-panel)}.close:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.body{flex:1;overflow:auto;padding:var(--ind-spacing-6, 16px);line-height:var(--ind-font-line-height-normal, 1.4)}.footer{display:flex;justify-content:flex-end;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);border-top:1px solid var(--ind-surface-border-subtle)}.footer.is-empty{display:none}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indOpen=a(this,"indOpen");this.indClose=a(this,"indClose")}get host(){return this}open=false;heading;size="md";closeOnBackdrop=true;hasFooter=false;indOpen;indClose;componentDidLoad(){this.syncOpen();this.watchFooter()}onOpenChange(){this.syncOpen()}syncOpen(){const e=this.host.shadowRoot?.querySelector("dialog");if(!e)return;if(this.open&&!e.open){e.showModal();this.indOpen.emit()}else if(!this.open&&e.open){e.close()}}watchFooter(){const e=this.host.shadowRoot?.querySelector('slot[name="footer"]');if(!e)return;const t=()=>{this.hasFooter=e.assignedNodes({flatten:true}).some((e=>{if(e.nodeType===Node.ELEMENT_NODE)return true;return e.nodeType===Node.TEXT_NODE&&(e.textContent??"").trim().length>0}))};t();e.addEventListener("slotchange",t)}async show(){this.open=true}async close(){this.open=false}onNativeClose=()=>{if(this.open){this.open=false;this.indClose.emit()}};onClick=e=>{if(!this.closeOnBackdrop)return;const t=e.currentTarget;if(e.target!==t)return;const a=t.getBoundingClientRect();const i=e.clientX>=a.left&&e.clientX<=a.right&&e.clientY>=a.top&&e.clientY<=a.bottom;if(!i)this.close()};render(){return i(n,{key:"87b1b19e34124d336690c96e1eafc5dcdce689aa"},i("dialog",{key:"98199eb56477658120f7ff9bc421fd388d956207",class:"dialog",part:"dialog","aria-label":this.heading,onClose:this.onNativeClose,onClick:this.onClick},i("div",{key:"058705a27904ca8dea5da499afca1ab2d040517a",class:"content",part:"content"},this.heading&&i("header",{key:"0feedadbfec3051654dd9ce6968917afef5d97fc",class:"header",part:"header"},i("h2",{key:"d43f968c6248adafd0383bb2beae39d156c193db",class:"heading",part:"heading"},this.heading),i("button",{key:"2bbafbf683baeb78cfeeba5f436d3449bc8041c5",type:"button",class:"close",part:"close","aria-label":"Close",onClick:()=>this.close()},"×")),i("div",{key:"71e78c288ebe5a9d5437a8dfb240b08ce4ee7aea",class:"body",part:"body"},i("slot",{key:"81581e2f10629935fc08c02544144d7c9be00ebd"})),i("footer",{key:"9f3ae5dee0ea4d1c5300a9b0fd35662d1493c159",class:{footer:true,"is-empty":!this.hasFooter},part:"footer"},i("slot",{key:"27c4a6d3e2c914acb40cddf3d57b944643af62a2",name:"footer"})))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return o()}},[769,"ind-dialog",{open:[1540],heading:[1],size:[513],closeOnBackdrop:[4,"close-on-backdrop"],hasFooter:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function r(){if(typeof customElements==="undefined"){return}const e=["ind-dialog"];e.forEach((e=>{switch(e){case"ind-dialog":if(!customElements.get(s(e))){customElements.define(s(e),d)}break}}))}r();const c=d;const f=r;export{c as IndDialog,f as defineCustomElement};
 //# sourceMappingURL=ind-dialog.js.map

package/dist/components/ind-divider.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as i,t as n,a as o}from"./index.js";const r=()=>`:host{display:block;background:var(--ind-surface-border-default, #2a3340);flex-shrink:0}:host([orientation="horizontal"]){width:100%;height:1px}:host([orientation="vertical"]){height:100%;min-height:1em;width:1px}`;const s=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}orientation="horizontal";render(){return i(o,{key:"eae104b602756afe326c0002f84d926134075e44",role:"separator","aria-orientation":this.orientation})}static get style(){return r()}},[513,"ind-divider",{orientation:[513]}]);function a(){if(typeof customElements==="undefined"){return}const t=["ind-divider"];t.forEach((t=>{switch(t){case"ind-divider":if(!customElements.get(n(t))){customElements.define(n(t),s)}break}}))}a();const d=s;const c=a;export{d as IndDivider,c as defineCustomElement};
+import{p as t,H as e,h as i,t as n,a as o}from"./index.js";const r=()=>`:host{display:block;background:var(--ind-surface-border-default, #2a3340);flex-shrink:0}:host([orientation="horizontal"]){width:100%;height:1px}:host([orientation="vertical"]){height:100%;min-height:1em;width:1px}`;const s=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}orientation="horizontal";render(){return i(o,{key:"177e60e429d2cf5cfd3faa97d34e3c605c1c898e",role:"separator","aria-orientation":this.orientation})}static get style(){return r()}},[513,"ind-divider",{orientation:[513]}]);function a(){if(typeof customElements==="undefined"){return}const t=["ind-divider"];t.forEach((t=>{switch(t){case"ind-divider":if(!customElements.get(n(t))){customElements.define(n(t),s)}break}}))}a();const c=s;const d=a;export{c as IndDivider,d as defineCustomElement};
 //# sourceMappingURL=ind-divider.js.map

package/dist/components/ind-energy-card.d.ts

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

package/dist/components/ind-energy-card.js

@@ -0,0 +1,2 @@
+import{p as a,H as t,h as e,a as r,t as i}from"./index.js";import{d as n}from"./p-5RlFcxee.js";import{d as s}from"./p-BInyhy9s.js";const d=()=>`: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 o=()=>`: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 c=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}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 t=this.trend==="flat"?"stable":this.trend==="none"?"none":this.trend;return e(r,{key:"6a1e87d1ba637c85937d672a72e6b04eb2c53bd1",role:"group","aria-label":`${this.label}: ${this.value.toFixed(this.precision)} ${this.unit}`},e("div",{key:"a9b7c35217f479e2fecd7c4b3055bee9c31dc792",class:"card-head"},e("span",{key:"97d732992573a11bebce1c7eb71637c1c0d4e8ec",class:"card-title",part:"label"},this.label),a&&e("span",{key:"ddfa5633ce99e620fff7f3014c56b854d7609d5e",class:`arrow trend-${this.trend}`,part:"arrow","aria-hidden":"true"},a)),e("ind-value",{key:"c9a36ee2223c248354bc03f1ca5713b293906acd",part:"value",value:this.value,unit:this.unit,precision:this.precision,trend:t,size:"lg"}),this.points.length>1&&e("ind-sparkline",{key:"acb497f4a84df274fc77f07ebd2ae92f511ec41b",class:"spark",part:"spark",points:this.points,variant:"default",area:true}),this.total!==undefined&&e("div",{key:"66afecfb971972446303c9cacb79b5ec7aaa191d",class:"card-detail",part:"total"},this.total.toLocaleString()," ",this.totalUnit," this period"))}static get style(){return d()+o()}},[513,"ind-energy-card",{label:[1],value:[2],unit:[1],precision:[2],points:[16],trend:[1],total:[2],totalUnit:[1,"total-unit"]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-energy-card","ind-sparkline","ind-value"];a.forEach((a=>{switch(a){case"ind-energy-card":if(!customElements.get(i(a))){customElements.define(i(a),c)}break;case"ind-sparkline":if(!customElements.get(i(a))){n()}break;case"ind-value":if(!customElements.get(i(a))){s()}break}}))}l();const f=c;const p=l;export{f as IndEnergyCard,p as defineCustomElement};
+//# sourceMappingURL=ind-energy-card.js.map

package/dist/components/ind-energy-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","energyCardCss","IndEnergyCard","__stencil_proxyCustomElement","HTMLElement","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":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAgB,IAAM,mO,MCafC,EAAaC,EAAA,MAAAD,UAAAE,E,iFAEhBC,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/components/ind-energy-dashboard.d.ts

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

package/dist/components/ind-energy-dashboard.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as n,t as i}from"./index.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 s=()=>`:host{min-width:480px}.total{margin-left:auto;display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px)}.total-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted);margin-right:var(--ind-spacing-2, 4px)}.total-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-bold, 700)}.total-unit{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}`;const r=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Energy";totalLabel;totalValue;totalUnit="kW";columns=3;render(){return t(n,{key:"f12552c4b162b357e4a381a6bdd2cde2e414706f"},t("div",{key:"361d328f8b2d8bf3e3a0236f29c77b9bceb37885",class:"panel-head"},t("span",{key:"3310ec4ced60dbde07d62a187ca7676dffa1c478",class:"panel-title",part:"heading"},this.heading),this.totalValue!==undefined&&t("div",{key:"73df821d7349a80ac2abe9efda65dd823b7d8fc9",class:"total",part:"total"},this.totalLabel&&t("span",{key:"84ee94d7cdf6773e41070b8f949159724837b212",class:"total-label"},this.totalLabel),t("span",{key:"34fb429b84bde4bbb443f4d54b02db4a67421be1",class:"total-value"},this.totalValue.toLocaleString()),t("span",{key:"9e473401e54beb65c714bf440b8b6577d650068d",class:"total-unit"},this.totalUnit))),t("div",{key:"e5e5a8d673bdc23d79f59c684d7e08cb00ddb5bb",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},t("slot",{key:"4ad364dceb9c131ed639c833ec0ce7b36c754e3b"})))}static get style(){return d()+s()}},[769,"ind-energy-dashboard",{heading:[1],totalLabel:[1,"total-label"],totalValue:[2,"total-value"],totalUnit:[1,"total-unit"],columns:[2]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-energy-dashboard"];a.forEach((a=>{switch(a){case"ind-energy-dashboard":if(!customElements.get(i(a))){customElements.define(i(a),r)}break}}))}l();const o=r;const c=l;export{o as IndEnergyDashboard,c as defineCustomElement};
+//# sourceMappingURL=ind-energy-dashboard.js.map

package/dist/components/ind-energy-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","energyDashboardCss","IndEnergyDashboard","__stencil_proxyCustomElement","HTMLElement","heading","totalLabel","totalValue","totalUnit","columns","render","h","Host","key","class","part","this","undefined","toLocaleString","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-energy-dashboard&encapsulation=shadow","src/components/organisms/energy-dashboard/energy-dashboard.css?tag=ind-energy-dashboard&encapsulation=shadow","src/components/organisms/energy-dashboard/energy-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: 480px;\n}\n\n.total {\n  margin-left: auto;\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.total-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  margin-right: var(--ind-spacing-2, 4px);\n}\n\n.total-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-xl, 16px);\n  font-weight: var(--ind-font-weight-bold, 700);\n}\n\n.total-unit {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Energy dashboard. A headline total in the header and a grid of slotted\n * `<ind-energy-card>` / KPI molecules below.\n */\n@Component({\n  tag: 'ind-energy-dashboard',\n  styleUrls: ['../_shared/panel.css', 'energy-dashboard.css'],\n  shadow: true,\n})\nexport class IndEnergyDashboard {\n  @Prop() heading: string = 'Energy';\n  /** Headline total label (e.g. \"Site total\"). */\n  @Prop() totalLabel?: string;\n  /** Headline total value. */\n  @Prop() totalValue?: number;\n  /** Headline total unit. */\n  @Prop() totalUnit: string = 'kW';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          {this.totalValue !== undefined && (\n            <div class=\"total\" part=\"total\">\n              {this.totalLabel && <span class=\"total-label\">{this.totalLabel}</span>}\n              <span class=\"total-value\">{this.totalValue.toLocaleString()}</span>\n              <span class=\"total-unit\">{this.totalUnit}</span>\n            </div>\n          )}\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":"2DAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAqB,IAAM,sgB,MCWpBC,EAAkBC,EAAA,MAAAD,UAAAE,E,iFACrBC,QAAkB,SAElBC,WAEAC,WAEAC,UAAoB,KAEpBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKX,SAC9CW,KAAKT,aAAeU,WACnBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACrBC,KAAKV,YAAcK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeE,KAAKV,YACpDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeE,KAAKT,WAAWW,kBAC3CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAKR,aAIrCG,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLI,MAAO,CAAEC,oBAAqB,UAAUJ,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-equipment-dashboard.d.ts

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

package/dist/components/ind-equipment-dashboard.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as i,t}from"./index.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 s=()=>`:host{min-width:480px}`;const r=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Equipment";columns=3;render(){return n(i,{key:"1b21d41333ef6d4d58235b334a50e90a8aebb415"},n("div",{key:"56bc5ea686d16eb409529169e475ae1939d60338",class:"panel-head"},n("span",{key:"15da308f985628e770bea272c7c7ad96c318c528",class:"panel-title",part:"heading"},this.heading),n("div",{key:"6c437965be2951afff07b65c45553e1157a9941b",class:"panel-actions"},n("slot",{key:"91a65bf2ca09d8e05e489c0cb4af658da90b4bdb",name:"actions"}))),n("div",{key:"9d6e55b809e3c68e5ab7097c4264a4ad8febee0b",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"c9102cb92c046cd4697bfc33b397b78d0db8740f"})))}static get style(){return d()+s()}},[769,"ind-equipment-dashboard",{heading:[1],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-equipment-dashboard"];e.forEach((e=>{switch(e){case"ind-equipment-dashboard":if(!customElements.get(t(e))){customElements.define(t(e),r)}break}}))}o();const l=r;const p=o;export{l as IndEquipmentDashboard,p as defineCustomElement};
+//# sourceMappingURL=ind-equipment-dashboard.js.map

package/dist/components/ind-equipment-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","equipmentDashboardCss","IndEquipmentDashboard","__stencil_proxyCustomElement","HTMLElement","heading","columns","render","h","Host","key","class","part","this","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-equipment-dashboard&encapsulation=shadow","src/components/organisms/equipment-dashboard/equipment-dashboard.css?tag=ind-equipment-dashboard&encapsulation=shadow","src/components/organisms/equipment-dashboard/equipment-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: 480px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Responsive grid host for equipment faceplate molecules (motor/pump/valve/\n * tank cards). Slot the cards in; the dashboard supplies the heading and the\n * column layout.\n */\n@Component({\n  tag: 'ind-equipment-dashboard',\n  styleUrls: ['../_shared/panel.css', 'equipment-dashboard.css'],\n  shadow: true,\n})\nexport class IndEquipmentDashboard {\n  @Prop() heading: string = 'Equipment';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\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":"sDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAwB,IAAM,yB,MCYvBC,EAAqBC,EAAA,MAAAD,UAAAE,E,iFACxBC,QAAkB,YAElBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,SAC/CG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLG,MAAO,CAAEC,oBAAqB,UAAUH,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}