@ind-ds/core 0.1.0 → 0.2.0

package/dist/components/ind-batch-control-panel.d.ts

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

package/dist/components/ind-batch-control-panel.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,c as t,h as i,a as n,t as s}from"./index.js";import{d}from"./p-B-dXQIRL.js";import{d as r}from"./p-CRSC4h1X.js";import{d as o}from"./p-Ca70rR-o.js";import{d as c}from"./p-B-KVhtvw.js";import{d as l}from"./p-D79nNJVt.js";const p=()=>`: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 f=()=>`:host{min-width:320px}ind-progress{width:100%}.phase{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.phase-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.phase-name{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);padding:2px 8px;border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-raised)}.state-running{color:var(--ind-state-running-bg, #16a34a)}.state-held{color:var(--ind-state-warning-bg, #f59e0b)}.state-fault{color:var(--ind-state-fault-bg, #dc2626)}.state-complete{color:var(--ind-color-palette-cyan-300, #22d3ee)}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const b={idle:"Idle",running:"Running",held:"Held",complete:"Complete",fault:"Fault"};const m=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indStart=t(this,"indStart");this.indHold=t(this,"indHold");this.indStop=t(this,"indStop")}heading="Batch control";batchId;phase;state="idle";progress=0;parameters=[];indStart;indHold;indStop;render(){const a=this.state==="running";const e=this.state==="fault"?"error":this.state==="held"?"warning":"default";return i(n,{key:"360352d8819d7d5a116b3e92d326dd673514b491"},i("div",{key:"93b95f77983940a84936e7cc583b5df407ced82a",class:"panel-head"},i("div",{key:"d7e2993d2d9eac492ef60c37bcb9ae5b78507ec8",class:"panel-titles"},i("span",{key:"8ccbe6dce41a8cb66066141b15ca7f04ead1a713",class:"panel-title",part:"heading"},this.heading),this.batchId&&i("span",{key:"69d40b525971ada02d15e907cf4652974acab222",class:"panel-subtitle"},"Batch ",this.batchId)),i("span",{key:"d36e094bb538c5b391e22e5da32dbcedaa86f19b",class:`state state-${this.state}`,part:"state"},b[this.state])),i("div",{key:"8dcf054cccc1831150cf938d429074f0e8fc32e2",class:"panel-body"},this.phase&&i("div",{key:"9ec2cb3823c53a76242d7aa40510954f6f1779d3",class:"phase",part:"phase"},i("span",{key:"fe72a704ec0933d79c9e4e3dab55cf7a1cfedbdc",class:"phase-label"},"Phase"),i("span",{key:"b1bd64a6de46e6c647da7a9902cb9348fcb7a479",class:"phase-name"},this.phase)),i("ind-progress",{key:"27b250908786d280b3c845c5c6d1131be306b62e",value:this.progress,max:100,variant:e,size:"md","show-value":true}),i("ind-command-group",{key:"0739bc80b204905295ee82feadeaf2c571a975d1",label:"Batch commands"},i("ind-button",{key:"bd06dcc9d3d6793acd0fd89dffaa96511fbd7dc7",variant:"primary",size:"sm",label:"Start",disabled:a,onIndActivate:()=>this.indStart.emit()}),i("ind-button",{key:"b63daaaaa133f1c1b46abd192e7efe95ae13ea9f",variant:"default",size:"sm",label:"Hold",disabled:!a,onIndActivate:()=>this.indHold.emit()}),i("ind-button",{key:"4086f63667d7a16460e676721887ac6bb6b8d19f",variant:"danger",size:"sm",label:"Stop",disabled:this.state==="idle",onIndActivate:()=>this.indStop.emit()})),this.parameters.length>0&&i("div",{key:"c261467ad480e31dc519cb462cf911fe062d0337",class:"params",part:"params"},this.parameters.map(((a,e)=>i("ind-batch-parameter-row",{key:e,label:a.label,value:a.value,unit:a.unit,target:a.target,disabled:true}))))))}static get style(){return p()+f()}},[513,"ind-batch-control-panel",{heading:[1],batchId:[1,"batch-id"],phase:[1],state:[513],progress:[2],parameters:[16]}]);function u(){if(typeof customElements==="undefined"){return}const a=["ind-batch-control-panel","ind-batch-parameter-row","ind-button","ind-command-group","ind-input","ind-progress"];a.forEach((a=>{switch(a){case"ind-batch-control-panel":if(!customElements.get(s(a))){customElements.define(s(a),m)}break;case"ind-batch-parameter-row":if(!customElements.get(s(a))){d()}break;case"ind-button":if(!customElements.get(s(a))){r()}break;case"ind-command-group":if(!customElements.get(s(a))){o()}break;case"ind-input":if(!customElements.get(s(a))){c()}break;case"ind-progress":if(!customElements.get(s(a))){l()}break}}))}u();const h=m;const g=u;export{h as IndBatchControlPanel,g as defineCustomElement};
+//# sourceMappingURL=ind-batch-control-panel.js.map

package/dist/components/ind-batch-control-panel.js.map

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

package/dist/components/ind-batch-parameter-row.d.ts

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

package/dist/components/ind-batch-parameter-row.js

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

package/dist/components/ind-batch-parameter-row.js.map

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

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

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

package/dist/components/ind-breadcrumb-item.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as r,h as s,a,t as n}from"./index.js";const i=()=>`: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)}.crumb{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));text-decoration:none}a.crumb:hover,button.crumb:hover{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-decoration:underline}.crumb:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px;border-radius:var(--ind-radius-sm, 2px)}:host([current]) .crumb{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:var(--ind-font-weight-semibold, 600);cursor:default}.sep{color:var(--ind-surface-text-muted, #7a8694);user-select:none}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indNavigate=r(this,"indNavigate")}href;current=false;last=false;indNavigate;onClick=e=>{if(this.current){e.preventDefault();return}this.indNavigate.emit()};render(){const e=!this.current;return s(a,{key:"ea2f0840d0904558285e0645f99db8833e8ba05f",role:"listitem"},e&&this.href?s("a",{class:"crumb",part:"crumb",href:this.href,onClick:this.onClick},s("slot",null)):e?s("button",{type:"button",class:"crumb",part:"crumb",onClick:this.onClick},s("slot",null)):s("span",{class:"crumb",part:"crumb","aria-current":"page"},s("slot",null)),!this.last&&s("span",{key:"79aa0f9f8d13766a05c2df663869b46d94ce27a9",class:"sep",part:"separator","aria-hidden":"true"},"/"))}static get style(){return i()}},[769,"ind-breadcrumb-item",{href:[1],current:[516],last:[516]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-breadcrumb-item"];e.forEach((e=>{switch(e){case"ind-breadcrumb-item":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}c();const u=o;const d=c;export{u as IndBreadcrumbItem,d as defineCustomElement};
+//# sourceMappingURL=ind-breadcrumb-item.js.map

package/dist/components/ind-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbItemCss","IndBreadcrumbItem","__stencil_proxyCustomElement","HTMLElement","href","current","last","indNavigate","onClick","e","this","preventDefault","emit","render","interactive","h","Host","key","role","class","part","type"],"sources":["src/components/atoms/breadcrumb-item/breadcrumb-item.css?tag=ind-breadcrumb-item&encapsulation=shadow","src/components/atoms/breadcrumb-item/breadcrumb-item.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}\n\n.crumb {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  cursor: pointer;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  text-decoration: none;\n}\n\na.crumb:hover,\nbutton.crumb:hover {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  text-decoration: underline;\n}\n\n.crumb:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n  border-radius: var(--ind-radius-sm, 2px);\n}\n\n:host([current]) .crumb {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-weight: var(--ind-font-weight-semibold, 600);\n  cursor: default;\n}\n\n.sep {\n  color: var(--ind-surface-text-muted, #7a8694);\n  user-select: none;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.css',\n  shadow: true,\n})\nexport class IndBreadcrumbItem {\n  /** Navigation target. When omitted the item renders as a button. */\n  @Prop() href?: string;\n  /** Marks the current page (last crumb) — not interactive. */\n  @Prop({ reflect: true }) current: boolean = false;\n  /** Hide the trailing separator (set on the last item). */\n  @Prop({ reflect: true }) last: boolean = false;\n\n  /** Fires when a non-current item is activated. */\n  @Event() indNavigate!: EventEmitter<void>;\n\n  private onClick = (e: MouseEvent) => {\n    if (this.current) {\n      e.preventDefault();\n      return;\n    }\n    this.indNavigate.emit();\n  };\n\n  render() {\n    const interactive = !this.current;\n    return (\n      <Host role=\"listitem\">\n        {interactive && this.href ? (\n          <a class=\"crumb\" part=\"crumb\" href={this.href} onClick={this.onClick}>\n            <slot />\n          </a>\n        ) : interactive ? (\n          <button type=\"button\" class=\"crumb\" part=\"crumb\" onClick={this.onClick}>\n            <slot />\n          </button>\n        ) : (\n          <span class=\"crumb\" part=\"crumb\" aria-current=\"page\">\n            <slot />\n          </span>\n        )}\n        {!this.last && <span class=\"sep\" part=\"separator\" aria-hidden=\"true\">/</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAoB,IAAM,21B,MCOnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,wHAEpBC,KAEiBC,QAAmB,MAEnBC,KAAgB,MAGhCC,YAEDC,QAAWC,IACjB,GAAIC,KAAKL,QAAS,CAChBI,EAAEE,iBACF,M,CAEFD,KAAKH,YAAYK,MAAM,EAGzB,MAAAC,GACE,MAAMC,GAAeJ,KAAKL,QAC1B,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACRJ,GAAeJ,KAAKN,KACnBW,EAAA,KAAGI,MAAM,QAAQC,KAAK,QAAQhB,KAAMM,KAAKN,KAAMI,QAASE,KAAKF,SAC3DO,EAAA,cAEAD,EACFC,EAAA,UAAQM,KAAK,SAASF,MAAM,QAAQC,KAAK,QAAQZ,QAASE,KAAKF,SAC7DO,EAAA,cAGFA,EAAA,QAAMI,MAAM,QAAQC,KAAK,QAAO,eAAc,QAC5CL,EAAA,eAGFL,KAAKJ,MAAQS,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,YAAW,cAAa,QAAM,K","ignoreList":[]}

package/dist/components/ind-button.js

@@ -1,2 +1,2 @@
-import{p as t,H as n,c as i,h as e,a,t as r}from"./index.js";const o=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);font-family:inherit;font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1;letter-spacing:0.01em;background:var(--_bg, var(--ind-button-default-bg, #1a2129));color:var(--_fg, var(--ind-button-default-fg, #eef1f5));border:1px solid var(--_border, var(--ind-button-default-border, #3d4856));border-radius:var(--ind-radius-md, 3px);cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.btn:hover:not(:disabled){background:var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340))}.btn:active:not(:disabled),.btn.is-holding:not(:disabled){background:var(--_bg-active, var(--ind-button-default-bg-active, #3d4856))}.btn:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed}:host([variant="primary"]) .btn{--_bg:var(--ind-button-primary-bg, #2563eb);--_bg-hover:var(--ind-button-primary-bg-hover, #60a5fa);--_bg-active:var(--ind-button-primary-bg-active, #60a5fa);--_fg:var(--ind-button-primary-fg, #ffffff);--_border:var(--ind-button-primary-border, #60a5fa)}:host([variant="danger"]) .btn{--_bg:var(--ind-button-danger-bg, #dc2626);--_bg-hover:var(--ind-button-danger-bg-hover, #f87171);--_bg-active:var(--ind-button-danger-bg-active, #f87171);--_fg:var(--ind-button-danger-fg, #ffffff);--_border:var(--ind-button-danger-border, #f87171)}:host([variant="ghost"]) .btn{--_bg:transparent;--_bg-hover:var(--ind-button-ghost-bg-hover, #1a2129);--_bg-active:var(--ind-button-ghost-bg-active, #2a3340)}:host([size="sm"]) .btn{font-size:var(--ind-font-size-sm, 11px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px)}:host([size="lg"]) .btn{font-size:var(--ind-font-size-lg, 14px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px)}.content{position:relative;z-index:1}.hold-progress{position:absolute;inset:0;background:currentColor;opacity:0.18;transform-origin:left center;transform:scaleX(0);transition:transform 60ms linear;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;const s=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.indActivate=i(this,"indActivate")}variant="default";size="md";disabled=false;label;holdToConfirmMs=0;indActivate;progress=0;holdStart=0;rafHandle=null;startHold=t=>{if(this.disabled)return;t.preventDefault();if(this.holdToConfirmMs<=0){this.indActivate.emit();return}this.holdStart=performance.now();this.progress=0;this.tick()};tick=()=>{const t=performance.now()-this.holdStart;this.progress=Math.min(1,t/this.holdToConfirmMs);if(this.progress>=1){this.cancelHold();this.indActivate.emit();return}this.rafHandle=requestAnimationFrame(this.tick)};cancelHold=()=>{if(this.rafHandle!==null){cancelAnimationFrame(this.rafHandle);this.rafHandle=null}this.progress=0};onKeyDown=t=>{if(t.key===" "||t.key==="Enter"){t.preventDefault();this.startHold(t)}};disconnectedCallback(){this.cancelHold()}render(){const t=this.progress>0&&this.progress<1;return e(a,{key:"bbafede18f13eac5486d9cae0c2bd727375e7762"},e("button",{key:"82bf34d3c9943e33edd5c8863be6457d3c201ece",type:"button",class:{btn:true,"is-holding":t},part:"btn",disabled:this.disabled,"aria-label":this.label,"aria-describedby":this.holdToConfirmMs>0?"hold-hint":undefined,onPointerDown:this.startHold,onPointerUp:this.cancelHold,onPointerLeave:this.cancelHold,onPointerCancel:this.cancelHold,onKeyDown:this.onKeyDown,onKeyUp:this.cancelHold},e("span",{key:"75252fda5e1229f6c335df277b0c09a18d0b621d",class:"content",part:"content"},e("slot",{key:"f9a158deadf76da0cf1e13680c1b1dd444273387"},this.label)),this.holdToConfirmMs>0&&e("span",{key:"7ba778902c08b3d8fe6b1c6a963c4ab645369110",class:"hold-progress",part:"hold-progress",style:{transform:`scaleX(${this.progress})`},"aria-hidden":"true"})),this.holdToConfirmMs>0&&e("span",{key:"9c2f72de9486bfed4855c5dc81dbf54161c97842",id:"hold-hint",class:"sr-only"},"Hold to confirm (",this.holdToConfirmMs," ms)"))}static get style(){return o()}},[769,"ind-button",{variant:[513],size:[513],disabled:[516],label:[1],holdToConfirmMs:[2,"hold-to-confirm-ms"],progress:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["ind-button"];t.forEach((t=>{switch(t){case"ind-button":if(!customElements.get(r(t))){customElements.define(r(t),s)}break}}))}d();const b=s;const c=d;export{b as IndButton,c as defineCustomElement};
+import{I as o,d as s}from"./p-CRSC4h1X.js";const t=o;const p=s;export{t as IndButton,p as defineCustomElement};
 //# sourceMappingURL=ind-button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["buttonCss","IndButton","__stencil_proxyCustomElement","HTMLElement","variant","size","disabled","label","holdToConfirmMs","indActivate","progress","holdStart","rafHandle","startHold","e","this","preventDefault","emit","performance","now","tick","elapsed","Math","min","cancelHold","requestAnimationFrame","cancelAnimationFrame","onKeyDown","key","disconnectedCallback","render","isHolding","h","Host","type","class","btn","part","undefined","onPointerDown","onPointerUp","onPointerLeave","onPointerCancel","onKeyUp","style","transform","id"],"sources":["src/components/atoms/button/button.css?tag=ind-button&encapsulation=shadow","src/components/atoms/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n}\n\n.btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);\n\n  font-family: inherit;\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1;\n  letter-spacing: 0.01em;\n\n  background: var(--_bg, var(--ind-button-default-bg, #1a2129));\n  color: var(--_fg, var(--ind-button-default-fg, #eef1f5));\n  border: 1px solid var(--_border, var(--ind-button-default-border, #3d4856));\n  border-radius: var(--ind-radius-md, 3px);\n\n  cursor: pointer;\n  user-select: none;\n  touch-action: manipulation;\n  transition:\n    background-color var(--ind-motion-duration-fast, 120ms),\n    border-color var(--ind-motion-duration-fast, 120ms);\n}\n\n.btn:hover:not(:disabled) {\n  background: var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340));\n}\n\n.btn:active:not(:disabled),\n.btn.is-holding:not(:disabled) {\n  background: var(--_bg-active, var(--ind-button-default-bg-active, #3d4856));\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);\n  outline-offset: 2px;\n}\n\n.btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n:host([variant=\"primary\"]) .btn {\n  --_bg:        var(--ind-button-primary-bg, #2563eb);\n  --_bg-hover:  var(--ind-button-primary-bg-hover, #60a5fa);\n  --_bg-active: var(--ind-button-primary-bg-active, #60a5fa);\n  --_fg:        var(--ind-button-primary-fg, #ffffff);\n  --_border:    var(--ind-button-primary-border, #60a5fa);\n}\n\n:host([variant=\"danger\"]) .btn {\n  --_bg:        var(--ind-button-danger-bg, #dc2626);\n  --_bg-hover:  var(--ind-button-danger-bg-hover, #f87171);\n  --_bg-active: var(--ind-button-danger-bg-active, #f87171);\n  --_fg:        var(--ind-button-danger-fg, #ffffff);\n  --_border:    var(--ind-button-danger-border, #f87171);\n}\n\n:host([variant=\"ghost\"]) .btn {\n  --_bg:        transparent;\n  --_bg-hover:  var(--ind-button-ghost-bg-hover, #1a2129);\n  --_bg-active: var(--ind-button-ghost-bg-active, #2a3340);\n}\n\n:host([size=\"sm\"]) .btn {\n  font-size: var(--ind-font-size-sm, 11px);\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n}\n:host([size=\"lg\"]) .btn {\n  font-size: var(--ind-font-size-lg, 14px);\n  padding: var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px);\n}\n\n.content {\n  position: relative;\n  z-index: 1;\n}\n\n.hold-progress {\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0.18;\n  transform-origin: left center;\n  transform: scaleX(0);\n  transition: transform 60ms linear;\n  pointer-events: none;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type ButtonVariant = 'default' | 'primary' | 'danger' | 'ghost';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class IndButton {\n  /** Visual variant. `danger` should be paired with `holdToConfirmMs` for critical actions. */\n  @Prop({ reflect: true }) variant: ButtonVariant = 'default';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: ButtonSize = 'md';\n\n  /** Disabled state. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Optional accessible label (falls back to slotted text). */\n  @Prop() label?: string;\n\n  /**\n   * If > 0, the button must be held this many milliseconds before activating.\n   * Use for critical actions (Stop, Trip, Reset) to prevent accidental clicks —\n   * standard NAMUR / safety-instrumented operating practice.\n   */\n  @Prop() holdToConfirmMs: number = 0;\n\n  /** Fired on click (or after hold completes if `holdToConfirmMs > 0`). */\n  @Event() indActivate!: EventEmitter<void>;\n\n  @State() private progress: number = 0;\n\n  private holdStart = 0;\n  private rafHandle: number | null = null;\n\n  private startHold = (e: Event) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    if (this.holdToConfirmMs <= 0) {\n      this.indActivate.emit();\n      return;\n    }\n    this.holdStart = performance.now();\n    this.progress = 0;\n    this.tick();\n  };\n\n  private tick = () => {\n    const elapsed = performance.now() - this.holdStart;\n    this.progress = Math.min(1, elapsed / this.holdToConfirmMs);\n    if (this.progress >= 1) {\n      this.cancelHold();\n      this.indActivate.emit();\n      return;\n    }\n    this.rafHandle = requestAnimationFrame(this.tick);\n  };\n\n  private cancelHold = () => {\n    if (this.rafHandle !== null) {\n      cancelAnimationFrame(this.rafHandle);\n      this.rafHandle = null;\n    }\n    this.progress = 0;\n  };\n\n  private onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      this.startHold(e);\n    }\n  };\n\n  disconnectedCallback() {\n    this.cancelHold();\n  }\n\n  render() {\n    const isHolding = this.progress > 0 && this.progress < 1;\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class={{ btn: true, 'is-holding': isHolding }}\n          part=\"btn\"\n          disabled={this.disabled}\n          aria-label={this.label}\n          aria-describedby={this.holdToConfirmMs > 0 ? 'hold-hint' : undefined}\n          onPointerDown={this.startHold}\n          onPointerUp={this.cancelHold}\n          onPointerLeave={this.cancelHold}\n          onPointerCancel={this.cancelHold}\n          onKeyDown={this.onKeyDown}\n          onKeyUp={this.cancelHold}\n        >\n          <span class=\"content\" part=\"content\">\n            <slot>{this.label}</slot>\n          </span>\n          {this.holdToConfirmMs > 0 && (\n            <span\n              class=\"hold-progress\"\n              part=\"hold-progress\"\n              style={{ transform: `scaleX(${this.progress})` }}\n              aria-hidden=\"true\"\n            />\n          )}\n        </button>\n        {this.holdToConfirmMs > 0 && (\n          <span id=\"hold-hint\" class=\"sr-only\">\n            Hold to confirm ({this.holdToConfirmMs} ms)\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAY,IAAM,y9E,MCkBXC,EAASC,EAAA,MAAAD,UAAAE,E,wHAEKC,QAAyB,UAGzBC,KAAmB,KAGnBC,SAAoB,MAGrCC,MAOAC,gBAA0B,EAGzBC,YAEQC,SAAmB,EAE5BC,UAAY,EACZC,UAA2B,KAE3BC,UAAaC,IACnB,GAAIC,KAAKT,SAAU,OACnBQ,EAAEE,iBACF,GAAID,KAAKP,iBAAmB,EAAG,CAC7BO,KAAKN,YAAYQ,OACjB,M,CAEFF,KAAKJ,UAAYO,YAAYC,MAC7BJ,KAAKL,SAAW,EAChBK,KAAKK,MAAM,EAGLA,KAAO,KACb,MAAMC,EAAUH,YAAYC,MAAQJ,KAAKJ,UACzCI,KAAKL,SAAWY,KAAKC,IAAI,EAAGF,EAAUN,KAAKP,iBAC3C,GAAIO,KAAKL,UAAY,EAAG,CACtBK,KAAKS,aACLT,KAAKN,YAAYQ,OACjB,M,CAEFF,KAAKH,UAAYa,sBAAsBV,KAAKK,KAAK,EAG3CI,WAAa,KACnB,GAAIT,KAAKH,YAAc,KAAM,CAC3Bc,qBAAqBX,KAAKH,WAC1BG,KAAKH,UAAY,I,CAEnBG,KAAKL,SAAW,CAAC,EAGXiB,UAAab,IACnB,GAAIA,EAAEc,MAAQ,KAAOd,EAAEc,MAAQ,QAAS,CACtCd,EAAEE,iBACFD,KAAKF,UAAUC,E,GAInB,oBAAAe,GACEd,KAAKS,Y,CAGP,MAAAM,GACE,MAAMC,EAAYhB,KAAKL,SAAW,GAAKK,KAAKL,SAAW,EACvD,OACEsB,EAACC,EAAI,CAAAL,IAAA,4CACHI,EAAA,UAAAJ,IAAA,2CACEM,KAAK,SACLC,MAAO,CAAEC,IAAK,KAAM,aAAcL,GAClCM,KAAK,MACL/B,SAAUS,KAAKT,SAAQ,aACXS,KAAKR,MAAK,mBACJQ,KAAKP,gBAAkB,EAAI,YAAc8B,UAC3DC,cAAexB,KAAKF,UACpB2B,YAAazB,KAAKS,WAClBiB,eAAgB1B,KAAKS,WACrBkB,gBAAiB3B,KAAKS,WACtBG,UAAWZ,KAAKY,UAChBgB,QAAS5B,KAAKS,YAEdQ,EAAA,QAAAJ,IAAA,2CAAMO,MAAM,UAAUE,KAAK,WACzBL,EAAA,QAAAJ,IAAA,4CAAOb,KAAKR,QAEbQ,KAAKP,gBAAkB,GACtBwB,EAAA,QAAAJ,IAAA,2CACEO,MAAM,gBACNE,KAAK,gBACLO,MAAO,CAAEC,UAAW,UAAU9B,KAAKL,aAAa,cACpC,UAIjBK,KAAKP,gBAAkB,GACtBwB,EAAA,QAAAJ,IAAA,2CAAMkB,GAAG,YAAYX,MAAM,WAAS,oBAChBpB,KAAKP,gBAAe,Q","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-canvas-layer.d.ts

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

package/dist/components/ind-canvas-layer.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a as n,t as a}from"./index.js";const c=()=>`:host{position:absolute;display:inline-block;transform-origin:center}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}x=0;y=0;rotation=0;scale=1;z=0;anchor="center";render(){const t=this.anchor==="center"?"translate(-50%, -50%)":"translate(0, 0)";return s(n,{key:"9133c1e4def8fc950638b32d0e459ee7424a0d1d",style:{left:`${this.x}%`,top:`${this.y}%`,zIndex:String(this.z),transform:`${t} rotate(${this.rotation}deg) scale(${this.scale})`}},s("slot",{key:"168b3e4ecc1c9d34f96a8fc0faf5e9dab5ffc2a3"}))}static get style(){return c()}},[769,"ind-canvas-layer",{x:[2],y:[2],rotation:[2],scale:[2],z:[2],anchor:[513]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-canvas-layer"];t.forEach((t=>{switch(t){case"ind-canvas-layer":if(!customElements.get(a(t))){customElements.define(a(t),r)}break}}))}o();const i=r;const l=o;export{i as IndCanvasLayer,l as defineCustomElement};
+//# sourceMappingURL=ind-canvas-layer.js.map

package/dist/components/ind-canvas-layer.js.map

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

package/dist/components/ind-checkbox.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as t,h as i,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-flex;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:20px}.wrap{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);cursor:pointer;user-select:none}.box{position:relative;display:inline-block;width:var(--_size);height:var(--_size);flex-shrink:0}.native{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.mark{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);transition:background var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.mark::after{content:"";position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:70%;opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms)}:host([checked]) .mark,:host([indeterminate]) .mark{background:var(--ind-button-primary-bg, #2563eb);border-color:var(--ind-button-primary-border, #60a5fa)}:host([checked]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 5'/></svg>")}:host([indeterminate]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/></svg>")}.native:focus-visible+.mark{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}:host([disabled]){opacity:0.5}:host([disabled]) .wrap{cursor:not-allowed}.label{line-height:1.2}`;const o=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}get host(){return this}checked=false;indeterminate=false;disabled=false;size="md";label;name;value;indChange;componentDidLoad(){this.syncIndeterminate()}syncIndeterminate(){const e=this.host.shadowRoot?.querySelector("input");if(e)e.indeterminate=this.indeterminate}onChange=e=>{const a=e.target.checked;this.checked=a;this.indChange.emit(a)};render(){const e=this.indeterminate?"mixed":this.checked?"true":"false";return i(s,{key:"d4b48a80703ea584c4db306d26fcaebd990f9d87"},i("label",{key:"d101498325e34b2d4ce87189aaf82930f81fd831",class:"wrap",part:"wrap"},i("span",{key:"8363b37e0c6a9a082dbab4e0bb26b09506cb4b00",class:"box",part:"box"},i("input",{key:"2c2a0d2e10c70a97aa2c983941f14bd3c6bc30dd",type:"checkbox",class:"native",part:"native",checked:this.checked,disabled:this.disabled,name:this.name,value:this.value,"aria-checked":e,onChange:this.onChange}),i("span",{key:"41f5ba40d9c2e27e899366e9de111d3aa4a3817c",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&i("span",{key:"c9955a662691ac94a2be379edc332f550f09b53e",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}static get style(){return r()}},[513,"ind-checkbox",{checked:[1540],indeterminate:[516],disabled:[516],size:[513],label:[1],name:[1],value:[1]},undefined,{indeterminate:[{syncIndeterminate:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-checkbox"];e.forEach((e=>{switch(e){case"ind-checkbox":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();const c=o;const l=d;export{c as IndCheckbox,l as defineCustomElement};
+import{p as e,H as a,c as t,h as i,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-flex;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:20px}.wrap{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);cursor:pointer;user-select:none}.box{position:relative;display:inline-block;width:var(--_size);height:var(--_size);flex-shrink:0}.native{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.mark{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);transition:background var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.mark::after{content:"";position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:70%;opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms)}:host([checked]) .mark,:host([indeterminate]) .mark{background:var(--ind-button-primary-bg, #2563eb);border-color:var(--ind-button-primary-border, #60a5fa)}:host([checked]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 5'/></svg>")}:host([indeterminate]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/></svg>")}.native:focus-visible+.mark{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}:host([disabled]){opacity:0.5}:host([disabled]) .wrap{cursor:not-allowed}.label{line-height:1.2}`;const o=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}get host(){return this}checked=false;indeterminate=false;disabled=false;size="md";label;name;value;indChange;componentDidLoad(){this.syncIndeterminate()}syncIndeterminate(){const e=this.host.shadowRoot?.querySelector("input");if(e)e.indeterminate=this.indeterminate}onChange=e=>{const a=e.target.checked;this.checked=a;this.indChange.emit(a)};render(){const e=this.indeterminate?"mixed":this.checked?"true":"false";return i(s,{key:"97a30cc5fc8eb0a01e0193b56e811abd3f322a31"},i("label",{key:"cac1ab16f2b130f3dac76e5b861ecbd3a9271b23",class:"wrap",part:"wrap"},i("span",{key:"e18b87b7e0fbc6f87a631b47a03e7d56d12bda9a",class:"box",part:"box"},i("input",{key:"e2f3e227b34b5b0161fced6d2ac9dc671a1812ed",type:"checkbox",class:"native",part:"native",checked:this.checked,disabled:this.disabled,name:this.name,value:this.value,"aria-checked":e,onChange:this.onChange}),i("span",{key:"0181321087723255ed57ac80503fe2bfa54a3b13",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&i("span",{key:"27a256ee09a5c9f362221a78b4faeb32b4e63f86",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}static get style(){return r()}},[513,"ind-checkbox",{checked:[1540],indeterminate:[516],disabled:[516],size:[513],label:[1],name:[1],value:[1]},undefined,{indeterminate:[{syncIndeterminate:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-checkbox"];e.forEach((e=>{switch(e){case"ind-checkbox":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();const c=o;const l=d;export{c as IndCheckbox,l as defineCustomElement};
 //# sourceMappingURL=ind-checkbox.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as i,t}from"./index.js";const d=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const r=()=>`:host{min-width:360px}.panel-grid ::slotted(ind-button){width:100%}`;const s=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Commands";columns=3;render(){return n(i,{key:"0e940307c0d90ba04dbc0f76d64719da1de05645"},n("div",{key:"9d1f55e83a5ef6349ce9aca43e160a33498f632d",class:"panel-head"},n("span",{key:"8528df0fbc7392610f97065563f11ced38671ecb",class:"panel-title",part:"heading"},this.heading),n("div",{key:"2a40df00eeb14acc6e826b0598197610a0b66c32",class:"panel-actions"},n("slot",{key:"94651051f0ce2c1b623b40a415684beeb15992cd",name:"actions"}))),n("div",{key:"e59a5ac82ad66bc57f25b85e3183624d1b595066",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"9e771be3149a0a349c5933fbd3498e005ab78158"})))}static get style(){return d()+r()}},[769,"ind-command-center",{heading:[1],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-command-center"];e.forEach((e=>{switch(e){case"ind-command-center":if(!customElements.get(t(e))){customElements.define(t(e),s)}break}}))}o();const l=s;const c=o;export{l as IndCommandCenter,c as defineCustomElement};
+//# sourceMappingURL=ind-command-center.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","commandCenterCss","IndCommandCenter","__stencil_proxyCustomElement","HTMLElement","heading","columns","render","h","Host","key","class","part","this","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 360px;\n}\n\n.panel-grid ::slotted(ind-button) {\n  width: 100%;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Command center: a grid palette of command buttons / command groups for an\n * operator landing page or a quick-action overlay. Slot the commands in.\n */\n@Component({\n  tag: 'ind-command-center',\n  styleUrls: ['../_shared/panel.css', 'command-center.css'],\n  shadow: true,\n})\nexport class IndCommandCenter {\n  @Prop() heading: string = 'Commands';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAmB,IAAM,sE,MCWlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFACnBC,QAAkB,WAElBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,SAC/CG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLG,MAAO,CAAEC,oBAAqB,UAAUH,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

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

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

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

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

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

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

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

package/dist/components/ind-compressor.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as s,t as n}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`:host([state="running"]) .spin{animation:ind-compressor-spin 1.2s linear infinite}@keyframes ind-compressor-spin{to{transform:rotate(360deg)}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"compressor";return a(s,{key:"177263a885e412e000fbc75ddfc64ada327237ed",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"3f61b41e05047ddc7919194573f9fde74f0669da",class:"symbol",viewBox:"0 0 48 36","aria-hidden":"true"},a("circle",{key:"b878724289639bdc93d548cca9709020e89a6bc9",class:"body",cx:"20",cy:"18",r:"16"}),a("polygon",{key:"e138a8bb432b20a78164ffd73dfff52dc50fdece",class:"accent",points:"10,8 30,14 30,22 10,28"}),a("g",{key:"5f2d983f2269d4d9af48cba1277c9e9701233d30",class:"spin",style:{transformOrigin:"20px 18px"}},a("line",{key:"128d83535a477ea26d1f158c37d79b7f06434c3a",class:"stroke",x1:"20",y1:"6",x2:"20",y2:"30"}))),(this.tag||this.label)&&a("div",{key:"7a20496716daaa18f7c54c3548bf713cb0323157",class:"caption"},this.tag&&a("span",{key:"5f00781bcc9ad63a2b190001e4894185c8913159",class:"tag"},this.tag),this.label&&a("span",{key:"5a8fa6b2586eea7d75269f936fd08491a0ba9104",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-compressor",{state:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-compressor"];e.forEach((e=>{switch(e){case"ind-compressor":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}c();const d=o;const l=c;export{d as IndCompressor,l as defineCustomElement};
+//# sourceMappingURL=ind-compressor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","compressorCss","IndCompressor","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","points","style","transformOrigin","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",":host([state=\"running\"]) .spin {\n  animation: ind-compressor-spin 1.2s linear infinite;\n}\n\n@keyframes ind-compressor-spin {\n  to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-compressor',\n  styleUrls: ['../_equipment/equipment.css', 'compressor.css'],\n  shadow: true,\n})\nexport class IndCompressor {\n  /** Process state. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"K-401\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'compressor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Centrifugal compressor: trapezoid casing (wide inlet → narrow outlet). */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 36\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"20\" cy=\"18\" r=\"16\" />\n          <polygon class=\"accent\" points=\"10,8 30,14 30,22 10,28\" />\n          <g class=\"spin\" style={{ transformOrigin: '20px 18px' }}>\n            <line class=\"stroke\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"30\" />\n          </g>\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAgB,IAAM,iJ,MCQfC,EAAaC,EAAA,MAAAD,UAAAE,E,iFAECC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,aACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,WAAAE,IAAA,2CAASE,MAAM,SAASK,OAAO,2BAC/BT,EAAA,KAAAE,IAAA,2CAAGE,MAAM,OAAOM,MAAO,CAAEC,gBAAiB,cACxCX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASQ,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,UAGjDhB,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/components/ind-connection-indicator.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/ind-conveyor.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as n,t as s}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`.belt{fill:none;stroke:var(--_accent);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}:host([state="running"]) .belt{animation:ind-conveyor-move 0.6s linear infinite}:host([state="running"][direction="reverse"]) .belt{animation-direction:reverse}@keyframes ind-conveyor-move{to{stroke-dashoffset:-9}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";direction="forward";size="md";tag;label;render(){const e=this.label??this.tag??"conveyor";return a(n,{key:"119483cfd3b46fa20abfa53f062e0948d243b189",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"cdcd920ef9905aeb912b5c7588b1f2c30c4ccc3e",class:"symbol",viewBox:"0 0 64 28","aria-hidden":"true"},a("circle",{key:"7bdbeceaf95f8d8600d2e8aa71afa9df8bf9add0",class:"body",cx:"12",cy:"14",r:"9"}),a("circle",{key:"cbc83e2420905a33381f5b90401944c926c201f6",class:"body",cx:"52",cy:"14",r:"9"}),a("line",{key:"fd62d7978b9ff8292bfeab3986f80941ea9bc3a2",class:"stroke",x1:"12",y1:"5",x2:"52",y2:"5"}),a("line",{key:"3993536a33ab62c99178248b1a1acf9c2854ddd7",class:"stroke",x1:"12",y1:"23",x2:"52",y2:"23"}),a("line",{key:"79d19a316213f1fd72c6a5e3da140ef8e8e2db95",class:"belt",x1:"12",y1:"14",x2:"52",y2:"14"})),(this.tag||this.label)&&a("div",{key:"e5a1ad87d4d83a8a170d63bb8598c899c03a7978",class:"caption"},this.tag&&a("span",{key:"c49c170dbc541096d764df90ca0e483431fc6813",class:"tag"},this.tag),this.label&&a("span",{key:"560b91cd85f821b47ffe8747f98b52897950843c",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-conveyor",{state:[513],direction:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-conveyor"];e.forEach((e=>{switch(e){case"ind-conveyor":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}c();const d=o;const l=c;export{d as IndConveyor,l as defineCustomElement};
+//# sourceMappingURL=ind-conveyor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","conveyorCss","IndConveyor","__stencil_proxyCustomElement","HTMLElement","state","direction","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".belt {\n  fill: none;\n  stroke: var(--_accent);\n  stroke-width: 2;\n  stroke-dasharray: 5 4;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) .belt {\n  animation: ind-conveyor-move 0.6s linear infinite;\n}\n:host([state=\"running\"][direction=\"reverse\"]) .belt {\n  animation-direction: reverse;\n}\n\n@keyframes ind-conveyor-move {\n  to { stroke-dashoffset: -9; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\nexport type ConveyorDirection = 'forward' | 'reverse';\n\n@Component({\n  tag: 'ind-conveyor',\n  styleUrls: ['../_equipment/equipment.css', 'conveyor.css'],\n  shadow: true,\n})\nexport class IndConveyor {\n  /** Process state. `running` animates the belt. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Belt travel direction. */\n  @Prop({ reflect: true }) direction: ConveyorDirection = 'forward';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"CV-501\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'conveyor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        <svg class=\"symbol\" viewBox=\"0 0 64 28\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"12\" cy=\"14\" r=\"9\" />\n          <circle class=\"body\" cx=\"52\" cy=\"14\" r=\"9\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"5\" x2=\"52\" y2=\"5\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"23\" x2=\"52\" y2=\"23\" />\n          <line class=\"belt\" x1=\"12\" y1=\"14\" x2=\"52\" y2=\"14\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAc,IAAM,oU,MCUbC,EAAWC,EAAA,MAAAD,UAAAE,E,iFAEGC,MAAwB,UAExBC,UAA+B,UAE/BC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,WACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKP,SAC7CQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCR,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCR,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,MAC/CZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAChDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,SAE9Cb,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

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

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

package/dist/components/ind-cooler.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as n,t as s}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`.coil{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}:host([state="running"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb)}:host([state="running"]) .coil{stroke:var(--ind-state-maintenance-border, #93c5fd)}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"cooler";return a(n,{key:"e498b99ea5768deb7147352d066b8f0650d4a176",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"c0acab84becce756d8281cf4ba0bef88c4aab776",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"83ed34a7c484bc3c40e4c0fc35540644506c2d14",class:"body",cx:"24",cy:"24",r:"16"}),a("g",{key:"ff62a6c27629d9e42c497365410125ac700d4005",class:"flake"},a("line",{key:"56870b9cc154793ee7ba0e702dfccea779a165c1",class:"coil",x1:"24",y1:"12",x2:"24",y2:"36"}),a("line",{key:"61f78a1ec7382a07662e27d32a7f4e8497d73136",class:"coil",x1:"13.6",y1:"18",x2:"34.4",y2:"30"}),a("line",{key:"e5b632f4239a6697dc3887b72ac473a4e3a8325d",class:"coil",x1:"13.6",y1:"30",x2:"34.4",y2:"18"}))),(this.tag||this.label)&&a("div",{key:"9b40254100d0e346dfb23d5eb8746bd1071c7dba",class:"caption"},this.tag&&a("span",{key:"bf78571570a9cb4d2a994ed0ddc9a3d26eb87b77",class:"tag"},this.tag),this.label&&a("span",{key:"6849888c1495f4170c4622556cfc166c7b6db259",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-cooler",{state:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-cooler"];e.forEach((e=>{switch(e){case"ind-cooler":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}c();const d=o;const l=c;export{d as IndCooler,l as defineCustomElement};
+//# sourceMappingURL=ind-cooler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","coolerCss","IndCooler","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".coil {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) {\n  --_stroke: var(--ind-state-maintenance-border, #60a5fa);\n  --_fill: var(--ind-state-maintenance-bg, #2563eb);\n}\n:host([state=\"running\"]) .coil {\n  stroke: var(--ind-state-maintenance-border, #93c5fd);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-cooler',\n  styleUrls: ['../_equipment/equipment.css', 'cooler.css'],\n  shadow: true,\n})\nexport class IndCooler {\n  /** Process state. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"CL-701\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'cooler';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Cooler: circle with a snowflake. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <g class=\"flake\">\n            <line class=\"coil\" x1=\"24\" y1=\"12\" x2=\"24\" y2=\"36\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"18\" x2=\"34.4\" y2=\"30\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"30\" x2=\"34.4\" y2=\"18\" />\n          </g>\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAY,IAAM,oU,MCQXC,EAASC,EAAA,MAAAD,UAAAE,E,iFAEKC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,SACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,KAAAE,IAAA,2CAAGE,MAAM,SACPJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAC9CZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,OAAOC,GAAG,KAAKC,GAAG,OAAOC,GAAG,OAClDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,OAAOC,GAAG,KAAKC,GAAG,OAAOC,GAAG,UAGpDb,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

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

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

package/dist/components/ind-counter.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as n,t as r}from"./index.js";import{d as i}from"./p-DA_BMXS3.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`:host{min-width:210px}:host([state="error"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}.endpoint{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}`;const s=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}name;protocol;endpoint;state="disconnected";latency;render(){return t(n,{key:"d4650fd63a64a9dd3bc58fae077ea5a6f1cf71fb",role:"group","aria-label":`${this.name} connection ${this.state}`},t("div",{key:"0e4f0b7d8beeb28c51449a56a9bebea4ab0580ca",class:"card-head"},t("span",{key:"dec224a80ed7880f33e0c1bb6d2c5c28feeb8435",class:"card-title",part:"name"},this.name),this.protocol&&t("span",{key:"3e446e59f250e22556a8c6476363d6ad37395626",class:"card-tag",part:"protocol"},this.protocol)),t("ind-connection-indicator",{key:"7c41a2d6f998360827fbf299ff40197d98eb02a9",state:this.state,size:"md"}),this.endpoint&&t("code",{key:"26982889839026079a9fda011d3276efd99e26cc",class:"endpoint",part:"endpoint"},this.endpoint),this.latency!==undefined&&t("div",{key:"8eed12b7cee83a545d01efbc6fb98c24e5241b49",class:"card-detail",part:"latency"},"Latency ",Math.round(this.latency)," ms"))}static get style(){return d()+o()}},[513,"ind-device-connection-card",{name:[1],protocol:[1],endpoint:[1],state:[513],latency:[2]}]);function c(){if(typeof customElements==="undefined"){return}const a=["ind-device-connection-card","ind-connection-indicator"];a.forEach((a=>{switch(a){case"ind-device-connection-card":if(!customElements.get(r(a))){customElements.define(r(a),s)}break;case"ind-connection-indicator":if(!customElements.get(r(a))){i()}break}}))}c();const f=s;const l=c;export{f as IndDeviceConnectionCard,l as defineCustomElement};
+//# sourceMappingURL=ind-device-connection-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","deviceConnectionCardCss","IndDeviceConnectionCard","__stencil_proxyCustomElement","HTMLElement","name","protocol","endpoint","state","latency","render","h","Host","key","role","this","class","part","size","undefined","Math","round"],"sources":["src/components/molecules/_shared/card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 210px;\n}\n\n/* The connection card uses its own state vocabulary, so map error→fault chrome. */\n:host([state=\"error\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n\n.endpoint {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Connection summary for a field device / driver: protocol, endpoint, live\n * connection state and round-trip latency.\n */\n@Component({\n  tag: 'ind-device-connection-card',\n  styleUrls: ['../_shared/card.css', 'device-connection-card.css'],\n  shadow: true,\n})\nexport class IndDeviceConnectionCard {\n  /** Device / driver name. */\n  @Prop() name!: string;\n  /** Protocol (e.g. \"Modbus TCP\", \"EtherNet/IP\"). */\n  @Prop() protocol?: string;\n  /** Endpoint (host:port / URL). */\n  @Prop() endpoint?: string;\n  /** Connection state — drives the indicator and fault chrome. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Round-trip latency in ms. */\n  @Prop() latency?: number;\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} connection ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          {this.protocol && <span class=\"card-tag\" part=\"protocol\">{this.protocol}</span>}\n        </div>\n        <ind-connection-indicator state={this.state} size=\"md\" />\n        {this.endpoint && <code class=\"endpoint\" part=\"endpoint\">{this.endpoint}</code>}\n        {this.latency !== undefined && (\n          <div class=\"card-detail\" part=\"latency\">Latency {Math.round(this.latency)} ms</div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAA0B,IAAM,ib,MCYzBC,EAAuBC,EAAA,MAAAD,UAAAE,E,iFAE1BC,KAEAC,SAEAC,SAEiBC,MAAyB,eAE1CC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGC,KAAKV,mBAAmBU,KAAKP,SAC7DG,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,QAAQF,KAAKV,MAC1CU,KAAKT,UAAYK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKT,WAEjEK,EAAA,4BAAAE,IAAA,2CAA0BL,MAAOO,KAAKP,MAAOU,KAAK,OACjDH,KAAKR,UAAYI,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKR,UAC9DQ,KAAKN,UAAYU,WAChBR,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcC,KAAK,WAAS,WAAUG,KAAKC,MAAMN,KAAKN,SAAQ,O","ignoreList":[]}

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

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