@ind-ds/core 0.1.1 → 0.2.0

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":[]}

package/dist/components/ind-equipment-status-card.d.ts

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

package/dist/components/ind-equipment-status-card.js

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

package/dist/components/ind-equipment-status-card.js.map

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

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

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

package/dist/components/ind-estop.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";const r=()=>`: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);--_size:56px}:host([size="sm"]){--_size:40px}:host([size="lg"]){--_size:80px}.btn{appearance:none;border:none;background:none;padding:0;cursor:pointer;line-height:0}.btn:disabled{cursor:not-allowed;opacity:0.5}.ring{display:inline-flex;align-items:center;justify-content:center;width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(circle at 50% 40%, #ffd400, #d9a900);box-shadow:0 2px 6px rgba(0, 0, 0, 0.5)}.mushroom{display:block;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);box-shadow:inset 0 -3px 6px rgba(0, 0, 0, 0.5),     inset 0 2px 4px rgba(255, 255, 255, 0.4);transition:transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease}:host([engaged]) .mushroom{transform:scale(0.86);box-shadow:inset 0 -1px 3px rgba(0, 0, 0, 0.6),     0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent)}.btn:focus-visible .ring{outline:3px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:3px}.caption{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);letter-spacing:0.04em;color:var(--ind-state-fault-bg, #dc2626);text-align:center}@media (prefers-reduced-motion: reduce){.mushroom{transition:none}}`;const o=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indActivate=t(this,"indActivate");this.indReset=t(this,"indReset")}engaged=false;disabled=false;size="md";label;indActivate;indReset;press=()=>{if(this.disabled)return;if(this.engaged){this.engaged=false;this.indReset.emit()}else{this.engaged=true;this.indActivate.emit()}};render(){const e=this.label??"EMERGENCY STOP";return i(a,{key:"1d89daec6d582afdf9a80afab71bd74fa581b9fb"},i("button",{key:"e143f5cdcbf6128f14aa2be18d9e14484dc6848f",type:"button",class:"btn",part:"button","aria-pressed":this.engaged?"true":"false","aria-label":`${e}${this.engaged?" — engaged":""}`,disabled:this.disabled,onClick:this.press},i("span",{key:"4080a0c05c0c0519aace4f85c1855d873bd5e98e",class:"ring",part:"ring"},i("span",{key:"74ee36092a5d05adceded87b76276b245c191010",class:"mushroom",part:"mushroom"}))),i("span",{key:"1e055f18d1b651c7ebb7a86085976f54ffbf2787",class:"caption",part:"caption"},e))}static get style(){return r()}},[513,"ind-estop",{engaged:[1540],disabled:[516],size:[513],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-estop"];e.forEach((e=>{switch(e){case"ind-estop":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();const c=o;const f=d;export{c as IndEstop,f as defineCustomElement};
+//# sourceMappingURL=ind-estop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["estopCss","IndEstop","__stencil_proxyCustomElement","HTMLElement","engaged","disabled","size","label","indActivate","indReset","press","this","emit","render","caption","h","Host","key","type","class","part","onClick"],"sources":["src/components/atoms/estop/estop.css?tag=ind-estop&encapsulation=shadow","src/components/atoms/estop/estop.tsx"],"sourcesContent":[":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  --_size: 56px;\n}\n\n:host([size=\"sm\"]) { --_size: 40px; }\n:host([size=\"lg\"]) { --_size: 80px; }\n\n.btn {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 0;\n}\n\n.btn:disabled { cursor: not-allowed; opacity: 0.5; }\n\n.ring {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: radial-gradient(circle at 50% 40%, #ffd400, #d9a900);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.mushroom {\n  display: block;\n  width: 72%;\n  height: 72%;\n  border-radius: 50%;\n  background: radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);\n  box-shadow:\n    inset 0 -3px 6px rgba(0, 0, 0, 0.5),\n    inset 0 2px 4px rgba(255, 255, 255, 0.4);\n  transition: transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n:host([engaged]) .mushroom {\n  transform: scale(0.86);\n  box-shadow:\n    inset 0 -1px 3px rgba(0, 0, 0, 0.6),\n    0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent);\n}\n\n.btn:focus-visible .ring {\n  outline: 3px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 3px;\n}\n\n.caption {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  letter-spacing: 0.04em;\n  color: var(--ind-state-fault-bg, #dc2626);\n  text-align: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mushroom { transition: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type EstopSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-estop',\n  styleUrl: 'estop.css',\n  shadow: true,\n})\nexport class IndEstop {\n  /** Whether the mushroom button is latched (pressed/engaged). */\n  @Prop({ mutable: true, reflect: true }) engaged: boolean = false;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: EstopSize = 'md';\n  /** Visible caption. Defaults to \"EMERGENCY STOP\". */\n  @Prop() label?: string;\n\n  /** Fires when pressed to engage the stop. */\n  @Event() indActivate!: EventEmitter<void>;\n  /** Fires when reset (twist-release) from an engaged state. */\n  @Event() indReset!: EventEmitter<void>;\n\n  private press = () => {\n    if (this.disabled) return;\n    if (this.engaged) {\n      this.engaged = false;\n      this.indReset.emit();\n    } else {\n      this.engaged = true;\n      this.indActivate.emit();\n    }\n  };\n\n  render() {\n    const caption = this.label ?? 'EMERGENCY STOP';\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"btn\"\n          part=\"button\"\n          aria-pressed={this.engaged ? 'true' : 'false'}\n          aria-label={`${caption}${this.engaged ? ' — engaged' : ''}`}\n          disabled={this.disabled}\n          onClick={this.press}\n        >\n          <span class=\"ring\" part=\"ring\">\n            <span class=\"mushroom\" part=\"mushroom\" />\n          </span>\n        </button>\n        <span class=\"caption\" part=\"caption\">{caption}</span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAW,IAAM,s6C,MCSVC,EAAQC,EAAA,MAAAD,UAAAE,E,yJAEqBC,QAAmB,MAElCC,SAAoB,MAEpBC,KAAkB,KAEnCC,MAGCC,YAEAC,SAEDC,MAAQ,KACd,GAAIC,KAAKN,SAAU,OACnB,GAAIM,KAAKP,QAAS,CAChBO,KAAKP,QAAU,MACfO,KAAKF,SAASG,M,KACT,CACLD,KAAKP,QAAU,KACfO,KAAKH,YAAYI,M,GAIrB,MAAAC,GACE,MAAMC,EAAUH,KAAKJ,OAAS,iBAC9B,OACEQ,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,KAAK,SACLC,MAAM,MACNC,KAAK,SAAQ,eACCT,KAAKP,QAAU,OAAS,QAAO,aACjC,GAAGU,IAAUH,KAAKP,QAAU,aAAe,KACvDC,SAAUM,KAAKN,SACfgB,QAASV,KAAKD,OAEdK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QACtBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,eAGhCL,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,WAAWN,G","ignoreList":[]}

package/dist/components/ind-event-journal.d.ts

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

package/dist/components/ind-event-journal.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as i,t}from"./index.js";import{d as s}from"./p-yllNHAkG.js";import{d}from"./p-D-FsSjAC.js";const r=()=>`: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=()=>`:host{min-width:420px}.panel-list{max-height:420px}.filter{font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);background:var(--ind-surface-sunken);color:var(--ind-surface-text-primary);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-sm, 2px);padding:3px 6px}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Event journal";events=[];filter="all";onFilter=e=>{this.filter=e.target.value};render(){const e=this.filter==="all"?this.events:this.events.filter((e=>e.severity===this.filter));return n(i,{key:"929ed5552330cf00cd4d19d634d28084f620e45a"},n("div",{key:"cda7f696c5979c7d43bb5fe820e91bb906e4056f",class:"panel-head"},n("span",{key:"5c60680f7f033917b8c39fa2c9735a0587632ead",class:"panel-title",part:"heading"},this.heading),n("div",{key:"de0dec2492782802de3b62a7542b34fa47d61a75",class:"panel-actions"},n("select",{key:"6b9d2b537af2b4e5d8ed50ff0cd1242f29a20c6d",class:"filter",part:"filter",onChange:this.onFilter},n("option",{key:"b86227a678a5851e6dd859f2acb38c9a763c8c56",value:"all"},"All severities"),n("option",{key:"7f2f904e5d13783b45d42a53d4df66ce07064913",value:"error"},"Error"),n("option",{key:"545575b6488b207f90c2dc392cb6eb323e36dcdc",value:"warning"},"Warning"),n("option",{key:"de94ee66b3d5fc73d63ddea1f96e313a67fedbd9",value:"success"},"Success"),n("option",{key:"25d7721fb074f259851800252eb5c1f5675a6ae5",value:"info"},"Info")))),n("div",{key:"e10810c54e731d3b99bf337134ac3775332d8055",class:"panel-list",part:"list"},e.length===0?n("div",{class:"panel-empty"},"No events"):e.map(((e,a)=>n("ind-event-row",{key:a,time:e.time,severity:e.severity,source:e.source,message:e.message})))))}static get style(){return r()+o()}},[513,"ind-event-journal",{heading:[1],events:[16],filter:[1025]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-event-journal","ind-event-row","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-event-journal":if(!customElements.get(t(e))){customElements.define(t(e),l)}break;case"ind-event-row":if(!customElements.get(t(e))){s()}break;case"ind-status-dot":if(!customElements.get(t(e))){d()}break}}))}c();const f=l;const p=c;export{f as IndEventJournal,p as defineCustomElement};
+//# sourceMappingURL=ind-event-journal.js.map

package/dist/components/ind-event-journal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","eventJournalCss","IndEventJournal","__stencil_proxyCustomElement","HTMLElement","heading","events","filter","onFilter","e","this","target","value","render","rows","severity","h","Host","key","class","part","onChange","length","map","i","time","source","message"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-event-journal&encapsulation=shadow","src/components/organisms/event-journal/event-journal.css?tag=ind-event-journal&encapsulation=shadow","src/components/organisms/event-journal/event-journal.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 420px;\n}\n\n.panel-list {\n  max-height: 420px;\n}\n\n.filter {\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-sm, 11px);\n  background: var(--ind-surface-sunken);\n  color: var(--ind-surface-text-primary);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 3px 6px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EventSeverity } from '../../molecules/event-row/event-row';\n\nexport interface EventJournalItem {\n  time?: string;\n  severity: EventSeverity;\n  source?: string;\n  message: string;\n}\n\n/**\n * Chronological event / system log built from `<ind-event-row>`s, with a\n * severity filter in the toolbar.\n */\n@Component({\n  tag: 'ind-event-journal',\n  styleUrls: ['../_shared/panel.css', 'event-journal.css'],\n  shadow: true,\n})\nexport class IndEventJournal {\n  @Prop() heading: string = 'Event journal';\n  /** Events, most-recent first. */\n  @Prop() events: EventJournalItem[] = [];\n  /** Active severity filter — `all` shows everything. */\n  @Prop({ mutable: true }) filter: 'all' | EventSeverity = 'all';\n\n  private onFilter = (e: Event) => {\n    this.filter = (e.target as HTMLSelectElement).value as 'all' | EventSeverity;\n  };\n\n  render() {\n    const rows = this.filter === 'all' ? this.events : this.events.filter((e) => e.severity === this.filter);\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\">\n            <select class=\"filter\" part=\"filter\" onChange={this.onFilter}>\n              <option value=\"all\">All severities</option>\n              <option value=\"error\">Error</option>\n              <option value=\"warning\">Warning</option>\n              <option value=\"success\">Success</option>\n              <option value=\"info\">Info</option>\n            </select>\n          </div>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {rows.length === 0 ? (\n            <div class=\"panel-empty\">No events</div>\n          ) : (\n            rows.map((e, i) => (\n              <ind-event-row\n                key={i}\n                time={e.time}\n                severity={e.severity}\n                source={e.source}\n                message={e.message}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yHAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,oU,MCmBjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAClBC,QAAkB,gBAElBC,OAA6B,GAEZC,OAAgC,MAEjDC,SAAYC,IAClBC,KAAKH,OAAUE,EAAEE,OAA6BC,KAA8B,EAG9E,MAAAC,GACE,MAAMC,EAAOJ,KAAKH,SAAW,MAAQG,KAAKJ,OAASI,KAAKJ,OAAOC,QAAQE,GAAMA,EAAEM,WAAaL,KAAKH,SACjG,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWV,KAAKL,SAC/CW,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,SAASC,KAAK,SAASC,SAAUX,KAAKF,UAClDQ,EAAA,UAAAE,IAAA,2CAAQN,MAAM,OAAK,kBACnBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,SAAO,SACrBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,WAAS,WACvBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,WAAS,WACvBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,QAAM,WAI1BI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BN,EAAKQ,SAAW,EACfN,EAAA,OAAKG,MAAM,eAAa,aAExBL,EAAKS,KAAI,CAACd,EAAGe,IACXR,EAAA,iBACEE,IAAKM,EACLC,KAAMhB,EAAEgB,KACRV,SAAUN,EAAEM,SACZW,OAAQjB,EAAEiB,OACVC,QAASlB,EAAEkB,a","ignoreList":[]}

package/dist/components/ind-event-row.d.ts

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

package/dist/components/ind-event-row.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-yllNHAkG.js";const t=o;const p=s;export{t as IndEventRow,p as defineCustomElement};
+//# sourceMappingURL=ind-event-row.js.map

package/dist/components/ind-event-row.js.map

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

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

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

package/dist/components/ind-fan.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 c=()=>`.hub{fill:var(--_stroke)}:host([state="running"]) .spin{animation:ind-fan-spin 0.9s linear infinite}@keyframes ind-fan-spin{to{transform:rotate(360deg)}}`;const r=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??"fan";return a(n,{key:"05348b06294a71319dbf2ac7bcde6357b1f2ddda",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"8cd4aa8242c8aa5581ec910accf1bd6743307cf6",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"992d9e08891850d4d68580b6c5abc575738b2e14",class:"body",cx:"24",cy:"24",r:"16"}),a("g",{key:"31c5fe5dbbf268482987e8f672853f1fe7d84e02",class:"spin",style:{transformOrigin:"24px 24px"}},a("path",{key:"0563126793186c4757fbb48c44305a2037392d7c",class:"accent",d:"M24 24 C30 14, 34 18, 24 24 Z"}),a("path",{key:"cb14c0e5f38f73ec35a2294ba6ebd8f4344645e3",class:"accent",d:"M24 24 C34 30, 30 34, 24 24 Z"}),a("path",{key:"8cc12dc34bd9123cb543fdcb6e78688493dc5bf2",class:"accent",d:"M24 24 C18 34, 14 30, 24 24 Z"}),a("path",{key:"43c40edef2152d78fb88d32044fa78b08d85c44e",class:"accent",d:"M24 24 C14 18, 18 14, 24 24 Z"})),a("circle",{key:"47925754f8e411ac8f4210d4293ee03350391f9a",class:"hub",cx:"24",cy:"24",r:"2.5"})),(this.tag||this.label)&&a("div",{key:"2da1231dc992891380181bcddceb289eeb9de7cc",class:"caption"},this.tag&&a("span",{key:"c8638a92c2c5fbdc9956cf2055f8663815b49f74",class:"tag"},this.tag),this.label&&a("span",{key:"12766db2ca33e5d180dd23b1962d1bd12f9bcefa",class:"label"},this.label)))}static get style(){return i()+c()}},[513,"ind-fan",{state:[513],size:[513],tag:[1],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-fan"];e.forEach((e=>{switch(e){case"ind-fan":if(!customElements.get(s(e))){customElements.define(s(e),r)}break}}))}d();const o=r;const f=d;export{o as IndFan,f as defineCustomElement};
+//# sourceMappingURL=ind-fan.js.map

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

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

package/dist/components/ind-fill-row.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as t,a as i,t as s}from"./index.js";import{d as n}from"./p-acsAzrRn.js";const r=()=>`:host{display:grid;grid-template-columns:max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;gap:var(--ind-spacing-4, 8px);align-items:center;padding:var(--ind-spacing-3, 6px) 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)}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;min-width:32px}.label{font-size:var(--ind-font-size-base, 12px)}.progress{display:block;width:100%}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-md, 13px);min-width:52px;text-align:right;white-space:nowrap}.severity{font-size:var(--ind-font-size-md, 13px);width:16px;text-align:center;color:var(--ind-feedback-warning-bg, #f59e0b);line-height:1}:host([variant="error"]) .severity{color:var(--ind-feedback-error-bg, #dc2626)}.actions{display:flex;gap:var(--ind-spacing-2, 4px)}::slotted(*){flex-shrink:0}@media (max-width: 640px){:host{grid-template-columns:max-content 1fr;grid-template-rows:auto auto auto}.progress{grid-column:1 / -1}.value,.severity,.actions{grid-column:1 / -1}}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}tag;label;value=0;max=100;unit="%";variant="default";severity=false;render(){return t(i,{key:"58a3405e85cdc048d8efe47d3f4c1c010bc94318"},this.tag&&t("span",{key:"afe363e1253cbf40db6e9a61001a5654d2b3dfcd",class:"tag",part:"tag"},this.tag),t("span",{key:"8854993e5011b07756acb62914e3cd8c16e17ea8",class:"label",part:"label"},this.label),t("ind-progress",{key:"67b5c4f3d210cbf1df3dd3765b9293482e47d040",class:"progress",part:"progress",value:this.value,max:this.max,variant:this.variant,size:"sm"}),t("span",{key:"4bfde6d18d08e3bd8ede25a769b2776a8720a80b",class:"value",part:"value"},Math.round(this.value),this.unit?" "+this.unit:""),this.severity&&t("span",{key:"fd0cf71dd4cae3e5c4404da29e0232e42e6e3642",class:"severity",part:"severity","aria-hidden":"true"},"⚠"),t("span",{key:"663240206f948685c4235fbb9057450bc0874c0f",class:"actions",part:"actions"},t("slot",{key:"7c924c36ed5e348bc7262a7c50c0673ce102b8ae"})))}static get style(){return r()}},[769,"ind-fill-row",{tag:[1],label:[1],value:[2],max:[2],unit:[1],variant:[513],severity:[4]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-fill-row","ind-progress"];e.forEach((e=>{switch(e){case"ind-fill-row":if(!customElements.get(s(e))){customElements.define(s(e),d)}break;case"ind-progress":if(!customElements.get(s(e))){n()}break}}))}o();const c=d;const l=o;export{c as IndFillRow,l as defineCustomElement};
+import{p as a,H as e,h as t,a as i,t as s}from"./index.js";import{d as n}from"./p-D79nNJVt.js";const r=()=>`:host{display:grid;grid-template-columns:max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;gap:var(--ind-spacing-4, 8px);align-items:center;padding:var(--ind-spacing-3, 6px) 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)}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;min-width:32px}.label{font-size:var(--ind-font-size-base, 12px)}.progress{display:block;width:100%}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-md, 13px);min-width:52px;text-align:right;white-space:nowrap}.severity{font-size:var(--ind-font-size-md, 13px);width:16px;text-align:center;color:var(--ind-feedback-warning-bg, #f59e0b);line-height:1}:host([variant="error"]) .severity{color:var(--ind-feedback-error-bg, #dc2626)}.actions{display:flex;gap:var(--ind-spacing-2, 4px)}::slotted(*){flex-shrink:0}@media (max-width: 640px){:host{grid-template-columns:max-content 1fr;grid-template-rows:auto auto auto}.progress{grid-column:1 / -1}.value,.severity,.actions{grid-column:1 / -1}}`;const o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}tag;label;value=0;max=100;unit="%";variant="default";severity=false;render(){return t(i,{key:"cb80dcf8705dc03c77b6e18541bff34d4d332f51"},this.tag&&t("span",{key:"d891414706180ae57bf6851a2a0ecab41b645412",class:"tag",part:"tag"},this.tag),t("span",{key:"956eae765526cf44507c26b3bb4106e807f83b10",class:"label",part:"label"},this.label),t("ind-progress",{key:"512e89f8f4e0472222b89a17fcbc25537f7f0a30",class:"progress",part:"progress",value:this.value,max:this.max,variant:this.variant,size:"sm"}),t("span",{key:"75126140321428ea001d2ee7403dd539c67261ff",class:"value",part:"value"},Math.round(this.value),this.unit?" "+this.unit:""),this.severity&&t("span",{key:"0c163111da1a1217141a17b6fae5798df43a8966",class:"severity",part:"severity","aria-hidden":"true"},"⚠"),t("span",{key:"e7b13297ff9c092c13dc17d1fee1c72252571829",class:"actions",part:"actions"},t("slot",{key:"689279b59b375558bff4032d6a2f60c928fa4744"})))}static get style(){return r()}},[769,"ind-fill-row",{tag:[1],label:[1],value:[2],max:[2],unit:[1],variant:[513],severity:[4]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-fill-row","ind-progress"];a.forEach((a=>{switch(a){case"ind-fill-row":if(!customElements.get(s(a))){customElements.define(s(a),o)}break;case"ind-progress":if(!customElements.get(s(a))){n()}break}}))}d();const f=o;const l=d;export{f as IndFillRow,l as defineCustomElement};
 //# sourceMappingURL=ind-fill-row.js.map

package/dist/components/ind-firmware-update-panel.d.ts

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

package/dist/components/ind-firmware-update-panel.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as i,h as n,a as t,t as s}from"./index.js";import{d}from"./p-CRSC4h1X.js";import{d as r}from"./p-Ca70rR-o.js";import{d as c}from"./p-D79nNJVt.js";const o=()=>`: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 l=()=>`:host{min-width:300px}ind-progress{width:100%}.versions{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.ver{display:flex;flex-direction:column}.ver-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.ver-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.arrow{color:var(--ind-surface-text-muted)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);padding:2px 8px;border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-raised)}.state-available{color:var(--ind-state-warning-bg, #f59e0b)}.state-up-to-date{color:var(--ind-state-running-bg, #16a34a)}.state-error{color:var(--ind-state-fault-bg, #dc2626)}`;const f={idle:"Idle",checking:"Checking…",available:"Update available",downloading:"Downloading…",installing:"Installing…","up-to-date":"Up to date",error:"Update failed"};const p=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indCheck=i(this,"indCheck");this.indInstall=i(this,"indInstall")}heading="Firmware";device;currentVersion;targetVersion;state="idle";progress=0;indCheck;indInstall;render(){const e=this.state==="downloading"||this.state==="installing"||this.state==="checking";const a=this.state==="available";const i=this.state==="error"?"error":"default";return n(t,{key:"c9cee9fc072636573cfa2119088ab8c602b91ddc"},n("div",{key:"b1defe4c2fef4b350cabd879bb68946c7ee90ace",class:"panel-head"},n("div",{key:"ce3e01440b4951b9ec350b6205af5dc1baf490c1",class:"panel-titles"},n("span",{key:"6760bdf61cebbbeaade59e01e0cda543b09ab6d0",class:"panel-title",part:"heading"},this.heading),this.device&&n("span",{key:"0294ac7428cdf439fca758ef1f0ee5b961f87cf7",class:"panel-subtitle"},this.device)),n("span",{key:"dd966181fa4ef9272fc277cf9aa23e9f5bbd8d9c",class:`state state-${this.state}`,part:"state"},f[this.state])),n("div",{key:"f19ef00c269639924aa1399ac7e5cf518a341e07",class:"panel-body"},n("div",{key:"9b88a26c64eaf6b000b5d1a1b22b48869ecb57fc",class:"versions",part:"versions"},n("div",{key:"29449a45053f0227faefc3d18ba90a1eb6f8d562",class:"ver"},n("span",{key:"c6b1baccacf71ccd6e632754ed3975d1813fede7",class:"ver-label"},"Installed"),n("span",{key:"00a47da41568fad6230f1005c9abd16137850367",class:"ver-value"},this.currentVersion)),n("span",{key:"d542f90b0e28cb7f2b647804902f095db680c2de",class:"arrow","aria-hidden":"true"},"→"),n("div",{key:"dd4221c1edcd9cda6325a0c4446acc8f1dc60ba3",class:"ver"},n("span",{key:"f90cc2eb98028665402d87596a4f52bcac0eeddc",class:"ver-label"},"Target"),n("span",{key:"a2bdb73992f0ea490156679f2d0aca66eaf8ca28",class:"ver-value"},this.targetVersion??"—"))),e&&n("ind-progress",{key:"9653d04c3a041bf5d5840b80c6fe0fde2fd65551",value:this.progress,max:100,variant:i,size:"md","show-value":true,indeterminate:this.state==="checking"}),n("ind-command-group",{key:"38daf75517ce16e6ab122c71e3134e5dac789770",label:"Firmware commands"},n("ind-button",{key:"1027f80e79d2f3cd36eff6f780c7874d14986a06",variant:"default",size:"sm",label:"Check",disabled:e,onIndActivate:()=>this.indCheck.emit()}),n("ind-button",{key:"e6623303064153b5e600446cc4bfdae9cb79ef01",variant:"primary",size:"sm",label:"Install",disabled:!a,onIndActivate:()=>this.indInstall.emit()}))))}static get style(){return o()+l()}},[513,"ind-firmware-update-panel",{heading:[1],device:[1],currentVersion:[1,"current-version"],targetVersion:[1,"target-version"],state:[513],progress:[2]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ind-firmware-update-panel","ind-button","ind-command-group","ind-progress"];e.forEach((e=>{switch(e){case"ind-firmware-update-panel":if(!customElements.get(s(e))){customElements.define(s(e),p)}break;case"ind-button":if(!customElements.get(s(e))){d()}break;case"ind-command-group":if(!customElements.get(s(e))){r()}break;case"ind-progress":if(!customElements.get(s(e))){c()}break}}))}b();const g=p;const u=b;export{g as IndFirmwareUpdatePanel,u as defineCustomElement};
+//# sourceMappingURL=ind-firmware-update-panel.js.map

package/dist/components/ind-firmware-update-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","firmwareUpdatePanelCss","STATE_LABEL","idle","checking","available","downloading","installing","error","IndFirmwareUpdatePanel","__stencil_proxyCustomElement","HTMLElement","heading","device","currentVersion","targetVersion","state","progress","indCheck","indInstall","render","busy","this","canInstall","progressVariant","h","Host","key","class","part","value","max","variant","size","indeterminate","label","disabled","onIndActivate","emit"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-firmware-update-panel&encapsulation=shadow","src/components/organisms/firmware-update-panel/firmware-update-panel.css?tag=ind-firmware-update-panel&encapsulation=shadow","src/components/organisms/firmware-update-panel/firmware-update-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 300px;\n}\n\nind-progress {\n  width: 100%;\n}\n\n.versions {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.ver {\n  display: flex;\n  flex-direction: column;\n}\n\n.ver-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted);\n}\n\n.ver-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.arrow {\n  color: var(--ind-surface-text-muted);\n}\n\n.state {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  padding: 2px 8px;\n  border-radius: var(--ind-radius-full, 9999px);\n  background: var(--ind-surface-raised);\n}\n\n.state-available { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-up-to-date { color: var(--ind-state-running-bg, #16a34a); }\n.state-error { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type FirmwareState =\n  | 'idle'\n  | 'checking'\n  | 'available'\n  | 'downloading'\n  | 'installing'\n  | 'up-to-date'\n  | 'error';\n\nconst STATE_LABEL: Record<FirmwareState, string> = {\n  idle: 'Idle',\n  checking: 'Checking…',\n  available: 'Update available',\n  downloading: 'Downloading…',\n  installing: 'Installing…',\n  'up-to-date': 'Up to date',\n  error: 'Update failed',\n};\n\n/**\n * Firmware update panel: current vs target version, update progress and the\n * Check / Install commands. Emits `indCheck` and `indInstall`.\n */\n@Component({\n  tag: 'ind-firmware-update-panel',\n  styleUrls: ['../_shared/panel.css', 'firmware-update-panel.css'],\n  shadow: true,\n})\nexport class IndFirmwareUpdatePanel {\n  @Prop() heading: string = 'Firmware';\n  /** Device name. */\n  @Prop() device?: string;\n  /** Installed version. */\n  @Prop() currentVersion!: string;\n  /** Available / target version. */\n  @Prop() targetVersion?: string;\n  /** Update state. */\n  @Prop({ reflect: true }) state: FirmwareState = 'idle';\n  /** Progress 0–100 % while downloading / installing. */\n  @Prop() progress: number = 0;\n\n  @Event() indCheck!: EventEmitter<void>;\n  @Event() indInstall!: EventEmitter<void>;\n\n  render() {\n    const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';\n    const canInstall = this.state === 'available';\n    const progressVariant = this.state === 'error' ? 'error' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.device && <span class=\"panel-subtitle\">{this.device}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          <div class=\"versions\" part=\"versions\">\n            <div class=\"ver\">\n              <span class=\"ver-label\">Installed</span>\n              <span class=\"ver-value\">{this.currentVersion}</span>\n            </div>\n            <span class=\"arrow\" aria-hidden=\"true\">→</span>\n            <div class=\"ver\">\n              <span class=\"ver-label\">Target</span>\n              <span class=\"ver-value\">{this.targetVersion ?? '—'}</span>\n            </div>\n          </div>\n          {busy && (\n            <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value indeterminate={this.state === 'checking'}></ind-progress>\n          )}\n          <ind-command-group label=\"Firmware commands\">\n            <ind-button variant=\"default\" size=\"sm\" label=\"Check\" disabled={busy} onIndActivate={() => this.indCheck.emit()} />\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Install\" disabled={!canInstall} onIndActivate={() => this.indInstall.emit()} />\n          </ind-command-group>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yKAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAyB,IAAM,40BCWrC,MAAMC,EAA6C,CACjDC,KAAM,OACNC,SAAU,YACVC,UAAW,mBACXC,YAAa,eACbC,WAAY,cACZ,aAAc,aACdC,MAAO,iB,MAYIC,EAAsBC,EAAA,MAAAD,UAAAE,E,uJACzBC,QAAkB,WAElBC,OAEAC,eAEAC,cAEiBC,MAAuB,OAExCC,SAAmB,EAElBC,SACAC,WAET,MAAAC,GACE,MAAMC,EAAOC,KAAKN,QAAU,eAAiBM,KAAKN,QAAU,cAAgBM,KAAKN,QAAU,WAC3F,MAAMO,EAAaD,KAAKN,QAAU,YAClC,MAAMQ,EAAkBF,KAAKN,QAAU,QAAU,QAAU,UAC3D,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWP,KAAKV,SAC9CU,KAAKT,QAAUY,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBN,KAAKT,SAErDY,EAAA,QAAAE,IAAA,2CAAMC,MAAO,eAAeN,KAAKN,QAASa,KAAK,SAAS3B,EAAYoB,KAAKN,SAE3ES,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWC,KAAK,YACzBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAW,aACvBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaN,KAAKR,iBAEhCW,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAO,cAAa,QAAM,KACtCH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAW,UACvBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaN,KAAKP,eAAiB,OAGlDM,GACCI,EAAA,gBAAAE,IAAA,2CAAcG,MAAOR,KAAKL,SAAUc,IAAK,IAAKC,QAASR,EAAiBS,KAAK,KAAI,kBAAYC,cAAeZ,KAAKN,QAAU,aAE7HS,EAAA,qBAAAE,IAAA,2CAAmBQ,MAAM,qBACvBV,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKE,MAAM,QAAQC,SAAUf,EAAMgB,cAAe,IAAMf,KAAKJ,SAASoB,SACzGb,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKE,MAAM,UAAUC,UAAWb,EAAYc,cAAe,IAAMf,KAAKH,WAAWmB,W","ignoreList":[]}

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

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

package/dist/components/ind-gauge.js

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

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

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

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

@@ -1,2 +1,2 @@
-import{p as t,H as a,h as e,a as s,t as n}from"./index.js";import{d as i}from"./p-D-FsSjAC.js";const r=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-width:160px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.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))}.status{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.state-label{font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1}.detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="running"]) .state-label{color:var(--ind-state-running-bg,     #16a34a)}:host([state="fault"]) .state-label{color:var(--ind-state-fault-bg,       #dc2626)}:host([state="warning"]) .state-label{color:var(--ind-state-warning-bg,     #f59e0b)}:host([state="maintenance"]) .state-label{color:var(--ind-state-maintenance-bg, #2563eb)}:host([state="stopped"]) .state-label{color:var(--ind-surface-text-secondary)}:host([state="unknown"]) .state-label{color:var(--ind-surface-text-muted)}: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)}`;const d={running:"OK",stopped:"Stopped",fault:"Fault",warning:"Warning",maintenance:"Maintenance",unknown:"—"};const o=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}heading;state="unknown";stateLabel;detail;render(){const t=this.stateLabel??d[this.state];const a=this.state==="unknown"?"neutral":this.state;return e(s,{key:"2bc1d2152325d8a40fb9399ec6c24b0134bde34a",role:"group","aria-label":`${this.heading}: ${t}`,"aria-live":this.state==="fault"?"assertive":"polite"},e("div",{key:"7268095055dc03a742e97786a22dd4179f6e8ac3",class:"title",part:"title"},this.heading),e("div",{key:"4069f5782516eb2b28bfafb4b0a59c3fe6133321",class:"status",part:"status"},e("ind-status-dot",{key:"651976ae059c6b8faafd4bb4de7c1fa08fd6b86b",state:a,size:"md"}),e("span",{key:"18925ef8bb2c51789f315a2adf8cacc5a7ad4712",class:"state-label",part:"state-label"},t)),this.detail&&e("div",{key:"7f3c37bca74f5f5fb92633f9c7d85681c78bd677",class:"detail",part:"detail"},this.detail))}static get style(){return r()}},[513,"ind-health-card",{heading:[1],state:[513],stateLabel:[1,"state-label"],detail:[1]}]);function l(){if(typeof customElements==="undefined"){return}const t=["ind-health-card","ind-status-dot"];t.forEach((t=>{switch(t){case"ind-health-card":if(!customElements.get(n(t))){customElements.define(n(t),o)}break;case"ind-status-dot":if(!customElements.get(n(t))){i()}break}}))}l();const c=o;const f=l;export{c as IndHealthCard,f as defineCustomElement};
+import{p as t,H as a,h as e,a as s,t as n}from"./index.js";import{d as i}from"./p-D-FsSjAC.js";const r=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-width:160px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.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))}.status{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.state-label{font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1}.detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="running"]) .state-label{color:var(--ind-state-running-bg,     #16a34a)}:host([state="fault"]) .state-label{color:var(--ind-state-fault-bg,       #dc2626)}:host([state="warning"]) .state-label{color:var(--ind-state-warning-bg,     #f59e0b)}:host([state="maintenance"]) .state-label{color:var(--ind-state-maintenance-bg, #2563eb)}:host([state="stopped"]) .state-label{color:var(--ind-surface-text-secondary)}:host([state="unknown"]) .state-label{color:var(--ind-surface-text-muted)}: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)}`;const d={running:"OK",stopped:"Stopped",fault:"Fault",warning:"Warning",maintenance:"Maintenance",unknown:"—"};const o=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}heading;state="unknown";stateLabel;detail;render(){const t=this.stateLabel??d[this.state];const a=this.state==="unknown"?"neutral":this.state;return e(s,{key:"8bcd20c7ae26a39c6627aa547ce01d12d53bdb8e",role:"group","aria-label":`${this.heading}: ${t}`,"aria-live":this.state==="fault"?"assertive":"polite"},e("div",{key:"eee5962658e3ddb193ad613083535b1101cc7770",class:"title",part:"title"},this.heading),e("div",{key:"2ab1426acd7f2863bb4b2832847b68ff9d0e4d33",class:"status",part:"status"},e("ind-status-dot",{key:"b09a658e623532ee3a5b6f72f94e27d01849ef5c",state:a,size:"md"}),e("span",{key:"365c3e7a25f850174caa59a7efad2f4df9996946",class:"state-label",part:"state-label"},t)),this.detail&&e("div",{key:"7c35221f76e00d7d0223b3c3e89795ae9a3721ce",class:"detail",part:"detail"},this.detail))}static get style(){return r()}},[513,"ind-health-card",{heading:[1],state:[513],stateLabel:[1,"state-label"],detail:[1]}]);function l(){if(typeof customElements==="undefined"){return}const t=["ind-health-card","ind-status-dot"];t.forEach((t=>{switch(t){case"ind-health-card":if(!customElements.get(n(t))){customElements.define(n(t),o)}break;case"ind-status-dot":if(!customElements.get(n(t))){i()}break}}))}l();const c=o;const f=l;export{c as IndHealthCard,f as defineCustomElement};
 //# sourceMappingURL=ind-health-card.js.map

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

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

package/dist/components/ind-heartbeat.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,a as i,t as s}from"./index.js";const r=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:10px;--_color:var(--ind-state-running-bg, #16a34a);--_period:1000ms}:host([size="sm"]){--_size:8px}:host([size="lg"]){--_size:14px}:host(:not([alive])){--_color:var(--ind-state-fault-bg, #dc2626)}.pulse{position:relative;display:inline-flex;width:var(--_size);height:var(--_size);flex:none}.core{position:absolute;inset:0;margin:auto;width:var(--_size);height:var(--_size);border-radius:50%;background:var(--_color)}.ring{position:absolute;inset:0;border-radius:50%;background:var(--_color);opacity:0}:host([alive]) .ring{animation:ind-heartbeat var(--_period) ease-out infinite}@keyframes ind-heartbeat{0%{transform:scale(1);opacity:0.6}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@media (prefers-reduced-motion: reduce){.ring{animation:none !important}}`;const n=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}alive=true;interval=1e3;size="md";label;render(){return t(i,{key:"57635f480aa687475404cc5078e5f2ad1bef3522",role:"status","aria-live":"polite","aria-label":this.label??(this.alive?"Heartbeat active":"Heartbeat lost"),style:{"--_period":`${Math.max(200,this.interval)}ms`}},t("span",{key:"c1a84671caebe2949acb923a666cd9f2318e95a7",class:"pulse",part:"pulse","aria-hidden":"true"},t("span",{key:"720ef97105a86565d5aced3d77ada332b6c1ded2",class:"core",part:"core"}),t("span",{key:"f865735ce0515440a8b1148dbe9a506bbc891cc9",class:"ring",part:"ring"})),this.label&&t("span",{key:"b15159d02b971495987871841848d27c9f21e94c",class:"label",part:"label"},this.label))}static get style(){return r()}},[513,"ind-heartbeat",{alive:[516],interval:[2],size:[513],label:[1]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-heartbeat"];e.forEach((e=>{switch(e){case"ind-heartbeat":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}o();const c=n;const l=o;export{c as IndHeartbeat,l as defineCustomElement};
+//# sourceMappingURL=ind-heartbeat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["heartbeatCss","IndHeartbeat","__stencil_proxyCustomElement","HTMLElement","alive","interval","size","label","render","h","Host","key","role","this","style","Math","max","class","part"],"sources":["src/components/atoms/heartbeat/heartbeat.css?tag=ind-heartbeat&encapsulation=shadow","src/components/atoms/heartbeat/heartbeat.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_size: 10px;\n  --_color: var(--ind-state-running-bg, #16a34a);\n  --_period: 1000ms;\n}\n\n:host([size=\"sm\"]) { --_size: 8px; }\n:host([size=\"lg\"]) { --_size: 14px; }\n\n:host(:not([alive])) { --_color: var(--ind-state-fault-bg, #dc2626); }\n\n.pulse {\n  position: relative;\n  display: inline-flex;\n  width: var(--_size);\n  height: var(--_size);\n  flex: none;\n}\n\n.core {\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: var(--_color);\n}\n\n.ring {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: var(--_color);\n  opacity: 0;\n}\n\n:host([alive]) .ring {\n  animation: ind-heartbeat var(--_period) ease-out infinite;\n}\n\n@keyframes ind-heartbeat {\n  0%   { transform: scale(1);   opacity: 0.6; }\n  70%  { transform: scale(2.6); opacity: 0; }\n  100% { transform: scale(2.6); opacity: 0; }\n}\n\n.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n\n@media (prefers-reduced-motion: reduce) {\n  .ring { animation: none !important; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type HeartbeatSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-heartbeat',\n  styleUrl: 'heartbeat.css',\n  shadow: true,\n})\nexport class IndHeartbeat {\n  /** Whether the monitored source is alive. When false the pulse stops. */\n  @Prop({ reflect: true }) alive: boolean = true;\n\n  /** Beat interval in milliseconds (drives the pulse animation period). */\n  @Prop() interval: number = 1000;\n\n  /** Size. */\n  @Prop({ reflect: true }) size: HeartbeatSize = 'md';\n\n  /** Optional label rendered next to the pulse. */\n  @Prop() label?: string;\n\n  render() {\n    return (\n      <Host\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={this.label ?? (this.alive ? 'Heartbeat active' : 'Heartbeat lost')}\n        style={{ '--_period': `${Math.max(200, this.interval)}ms` }}\n      >\n        <span class=\"pulse\" part=\"pulse\" aria-hidden=\"true\">\n          <span class=\"core\" part=\"core\" />\n          <span class=\"ring\" part=\"ring\" />\n        </span>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,+lC,MCSdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAEEC,MAAiB,KAGlCC,SAAmB,IAGFC,KAAsB,KAGvCC,MAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,YACH,SAAQ,aACNC,KAAKN,QAAUM,KAAKT,MAAQ,mBAAqB,kBAC7DU,MAAO,CAAE,YAAa,GAAGC,KAAKC,IAAI,IAAKH,KAAKR,gBAE5CI,EAAA,QAAAE,IAAA,2CAAMM,MAAM,QAAQC,KAAK,QAAO,cAAa,QAC3CT,EAAA,QAAAE,IAAA,2CAAMM,MAAM,OAAOC,KAAK,SACxBT,EAAA,QAAAE,IAAA,2CAAMM,MAAM,OAAOC,KAAK,UAEzBL,KAAKN,OAASE,EAAA,QAAAE,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAASL,KAAKN,O","ignoreList":[]}