@ind-ds/core 0.1.0 → 0.2.0

package/dist/components/ind-recipe-management-panel.d.ts

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

package/dist/components/ind-recipe-management-panel.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as i,h as n,a as t,t as d}from"./index.js";import{d as s}from"./p-B-dXQIRL.js";import{d as r}from"./p-CRSC4h1X.js";import{d as o}from"./p-B-KVhtvw.js";import{d as p}from"./p-Bo4OFmkA.js";import{d as l}from"./p-BdjJnR7Z.js";const c=()=>`: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=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const m=()=>`:host{min-width:340px}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const b=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange");this.indLoad=i(this,"indLoad");this.indSave=i(this,"indSave")}heading="Recipe management";recipes=[];value;parameters=[];editable=false;indChange;indLoad;indSave;onChange=e=>{e.stopPropagation();this.value=e.detail;this.indChange.emit(e.detail)};onLoad=e=>{e.stopPropagation();this.indLoad.emit(e.detail)};render(){return n(t,{key:"311d5f0738f97dc9644bfe14e6df5ee107132e80"},n("div",{key:"8607f97cedf5ae4d8e9c1a321b8aba04d7d68344",class:"panel-head"},n("span",{key:"2662cd5984dd0e1cef9231101451606fba385153",class:"panel-title",part:"heading"},this.heading),n("div",{key:"a9e120fbef91e4899e3340db5aa600b3d4a4737d",class:"panel-actions"},n("ind-button",{key:"49dde298969047d4b94d4d58152987f42cb15863",variant:"primary",size:"sm",label:"Save",disabled:!this.editable,onIndActivate:()=>this.indSave.emit()}))),n("div",{key:"792a6a721b2a7a2f98160bccee674b0449f1d3df",class:"panel-body"},n("ind-recipe-selector",{key:"32ad3a8d71a5e3c0c28f716c94159a40bcd24c69",label:"Recipe",options:this.recipes,value:this.value,onIndChange:this.onChange,onIndLoad:this.onLoad}),this.parameters.length>0&&n("div",{key:"b63fa62ebe8eb41f4d7a199229ad411a38aa2573",class:"params",part:"params"},this.parameters.map(((e,a)=>n("ind-batch-parameter-row",{key:a,label:e.label,value:e.value,unit:e.unit,target:e.target,disabled:!this.editable}))))))}static get style(){return c()+(f()+m())}},[513,"ind-recipe-management-panel",{heading:[1],recipes:[16],value:[1025],parameters:[16],editable:[4]}]);function u(){if(typeof customElements==="undefined"){return}const e=["ind-recipe-management-panel","ind-batch-parameter-row","ind-button","ind-input","ind-recipe-selector","ind-select"];e.forEach((e=>{switch(e){case"ind-recipe-management-panel":if(!customElements.get(d(e))){customElements.define(d(e),b)}break;case"ind-batch-parameter-row":if(!customElements.get(d(e))){s()}break;case"ind-button":if(!customElements.get(d(e))){r()}break;case"ind-input":if(!customElements.get(d(e))){o()}break;case"ind-recipe-selector":if(!customElements.get(d(e))){p()}break;case"ind-select":if(!customElements.get(d(e))){l()}break}}))}u();const g=b;const x=u;export{g as IndRecipeManagementPanel,x as defineCustomElement};
+//# sourceMappingURL=ind-recipe-management-panel.js.map

package/dist/components/ind-recipe-management-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","recipeManagementPanelCss","IndRecipeManagementPanel","__stencil_proxyCustomElement","HTMLElement","heading","recipes","value","parameters","editable","indChange","indLoad","indSave","onChange","e","stopPropagation","this","detail","emit","onLoad","render","h","Host","key","class","part","variant","size","label","disabled","onIndActivate","options","onIndChange","onIndLoad","length","map","p","i","unit","target"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/recipe-management-panel/recipe-management-panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/recipe-management-panel/recipe-management-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 340px;\n}\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';\nimport type { SelectOption } from '../../atoms/select/select';\nimport type { BatchParam } from '../batch-control-panel/batch-control-panel';\n\n/**\n * Recipe management panel: pick / load a recipe, review its parameter set and\n * save edits. Combines `<ind-recipe-selector>` with a parameter list.\n */\n@Component({\n  tag: 'ind-recipe-management-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'recipe-management-panel.css'],\n  shadow: true,\n})\nexport class IndRecipeManagementPanel {\n  @Prop() heading: string = 'Recipe management';\n  /** Available recipes. */\n  @Prop() recipes: SelectOption[] = [];\n  /** Selected recipe (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  /** Parameters of the selected recipe. */\n  @Prop() parameters: BatchParam[] = [];\n  /** Allow editing the parameters. */\n  @Prop() editable: boolean = false;\n\n  @Event() indChange!: EventEmitter<string>;\n  @Event() indLoad!: EventEmitter<string>;\n  @Event() indSave!: EventEmitter<void>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n  private onLoad = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indLoad.emit(e.detail);\n  };\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\">\n            <ind-button\n              variant=\"primary\"\n              size=\"sm\"\n              label=\"Save\"\n              disabled={!this.editable}\n              onIndActivate={() => this.indSave.emit()}\n            />\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-recipe-selector\n            label=\"Recipe\"\n            options={this.recipes}\n            value={this.value}\n            onIndChange={this.onChange}\n            onIndLoad={this.onLoad}\n          />\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={!this.editable}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sPAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAA2B,IAAM,8J,MCa1BC,EAAwBC,EAAA,MAAAD,UAAAE,E,kLAC3BC,QAAkB,oBAElBC,QAA0B,GAETC,MAEjBC,WAA2B,GAE3BC,SAAoB,MAEnBC,UACAC,QACAC,QAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKT,MAAQO,EAAEG,OACfD,KAAKN,UAAUQ,KAAKJ,EAAEG,OAAO,EAEvBE,OAAUL,IAChBA,EAAEC,kBACFC,KAAKL,QAAQO,KAAKJ,EAAEG,OAAO,EAG7B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWT,KAAKX,SAC/CgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,cAAAE,IAAA,2CACEG,QAAQ,UACRC,KAAK,KACLC,MAAM,OACNC,UAAWb,KAAKP,SAChBqB,cAAe,IAAMd,KAAKJ,QAAQM,WAIxCG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,uBAAAE,IAAA,2CACEK,MAAM,SACNG,QAASf,KAAKV,QACdC,MAAOS,KAAKT,MACZyB,YAAahB,KAAKH,SAClBoB,UAAWjB,KAAKG,SAEjBH,KAAKR,WAAW0B,OAAS,GACxBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtBT,KAAKR,WAAW2B,KAAI,CAACC,EAAGC,IACvBhB,EAAA,2BACEE,IAAKc,EACLT,MAAOQ,EAAER,MACTrB,MAAO6B,EAAE7B,MACT+B,KAAMF,EAAEE,KACRC,OAAQH,EAAEG,OACVV,UAAWb,KAAKP,e","ignoreList":[]}

package/dist/components/ind-recipe-selector.d.ts

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

package/dist/components/ind-recipe-selector.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-Bo4OFmkA.js";const t=o;const m=s;export{t as IndRecipeSelector,m as defineCustomElement};
+//# sourceMappingURL=ind-recipe-selector.js.map

package/dist/components/ind-recipe-selector.js.map

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

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

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as t,a as s,t as r}from"./index.js";const n=()=>`:host{display:block;width:var(--ind-size-canvas-robot-width, 320px);height:var(--ind-size-canvas-robot-height, 220px);font-family:var(--ind-font-family-mono)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.envelope{fill:none;stroke:var(--ind-surface-border-subtle);stroke-dasharray:2 4}.envelope-inner{stroke-dasharray:1 3;opacity:0.6}.axis{stroke:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));stroke-width:1}.axis-label{font-family:var(--ind-font-family-mono);font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.link{stroke-width:5;stroke-linecap:round;transition:stroke 240ms}.link-1{stroke:var(--ind-state-running-bg, #16a34a)}.link-2{stroke:var(--ind-state-running-border, #4ade80)}.wrist{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2;stroke-linecap:round}.joint{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke:var(--ind-surface-border-strong);stroke-width:1}.joint.base{fill:var(--ind-state-stopped-bg, #5a6776);stroke:var(--ind-state-stopped-border, #8390a0)}.joint.effector{fill:var(--ind-state-warning-bg, #f59e0b);stroke:var(--ind-state-warning-border, #fcd34d)}.readout text{font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-feature-settings:"tnum" 1}.readout tspan{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:700}:host([state="moving"]) .link{stroke-dasharray:4 2;animation:ind-scara-move 1.2s linear infinite}:host([state="fault"]) .link,:host([state="fault"]) .wrist{stroke:var(--ind-state-fault-bg, #dc2626)}:host([state="fault"]) .joint{stroke:var(--ind-state-fault-border, #f87171)}@keyframes ind-scara-move{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){:host([state="moving"]) .link{animation:none}}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}joints=[0,0,0];linkLengths=[110,90];state="idle";parseArr(e){if(Array.isArray(e))return e;if(typeof e==="string"&&e.trim()){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}render(){const e=this.parseArr(this.joints);const a=this.parseArr(this.linkLengths);const[r=0,n=0,c=0]=e;const[i=110,f=90]=a;const d=160;const o=105;const l=r*Math.PI/180;const b=n*Math.PI/180;const k=c*Math.PI/180;const y=d+i*Math.cos(l);const h=o+i*Math.sin(l);const x=y+f*Math.cos(l+b);const u=h+f*Math.sin(l+b);const v=14;const p=x+v*Math.cos(l+b+k);const g=u+v*Math.sin(l+b+k);const m=e=>e.toFixed(1);const w=e=>e.toFixed(0);return t(s,{key:"0634f9fc9b197f66bf334c43c38e85c19066d090",role:"img","aria-label":`SCARA arm: J1 ${m(r)}°, J2 ${m(n)}°, J3 ${m(c)}°`},t("svg",{key:"c16607c36459cfad670b9ab913d46c23daf99883",viewBox:"0 0 320 220",part:"svg"},t("circle",{key:"4fc539c4f5a658ffbb4a2a9594a864e04cd6e9fe",cx:d,cy:o,r:i+f,class:"envelope envelope-outer"}),t("circle",{key:"b493720a1f306e75dedf48dbd1ccb53850248230",cx:d,cy:o,r:Math.max(0,i-f),class:"envelope envelope-inner"}),t("line",{key:"e28c6dc2ac8e73bac4381bba4dfb4cdb983097c7",x1:"10",y1:o,x2:"22",y2:o,class:"axis"}),t("line",{key:"5f460ffa1860dd1484100e972d043fd9a1491621",x1:d,y1:"6",x2:d,y2:"18",class:"axis"}),t("text",{key:"f4cb4f52a3279f7924aea8d8e642a91be18c38a5",x:"24",y:o+3,class:"axis-label"},"X"),t("text",{key:"d3d18e860674380af133295b763c52bc0adf591b",x:d+4,y:"14",class:"axis-label"},"Y"),t("line",{key:"cfad2277909207ee8a0f99fc73cc823db20f4f8e",x1:d,y1:o,x2:y,y2:h,class:"link link-1"}),t("line",{key:"2ea11a2363123b2f6876179a2519dc38e9882126",x1:y,y1:h,x2:x,y2:u,class:"link link-2"}),t("line",{key:"ad0a714279eea710da7e72a2141aab8165576c34",x1:x,y1:u,x2:p,y2:g,class:"wrist"}),t("circle",{key:"89f2b18ca37ed7b0e67b0dee6ed28e0702cafa54",cx:d,cy:o,r:"8",class:"joint base"}),t("circle",{key:"44129fff9afa9becab60e20ab86933e4a111f854",cx:y,cy:h,r:"6",class:"joint elbow"}),t("circle",{key:"bfa99f679b71e28f58c244267e5876c73c9cd6aa",cx:x,cy:u,r:"7",class:"joint effector"}),t("g",{key:"3753b9117625a70389a12c518330660d943a237f",class:"readout"},t("text",{key:"420f362c46c764ea86fbf12128727600a1454e51",x:"10",y:"198"},"J1 ",t("tspan",{key:"4f1afe52d964043034d93d02eb27b4fc4e7b7f3c"},m(r),"°")),t("text",{key:"185d3d66158b63322153d59a97d79792e5105957",x:"74",y:"198"},"J2 ",t("tspan",{key:"9c6802f9ee9b2bb8ae3154880e2b7b1ffaf21167"},m(n),"°")),t("text",{key:"b6d0a5aa47c925997cc7efa0c1cadd067f184243",x:"138",y:"198"},"J3 ",t("tspan",{key:"5c06a24d477670deeceb6f80e3fb707b39b1b1e3"},m(c),"°")),t("text",{key:"99c96bf07d28555af967c4cb22a2856c1bdb46fb",x:"202",y:"198"},"X ",t("tspan",{key:"4097b0a431bed9c608f5a43994ad213bfdd56663"},w(x-d))),t("text",{key:"56ccbac660ea805f260977c0e64fdf424f1d40fe",x:"254",y:"198"},"Y ",t("tspan",{key:"d4cfa6e17fc0da8494f8f526e7d5f27cf233dc22"},w(u-o))))))}static get style(){return n()}},[513,"ind-scara-canvas",{joints:[1],linkLengths:[1,"link-lengths"],state:[513]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ind-scara-canvas"];e.forEach((e=>{switch(e){case"ind-scara-canvas":if(!customElements.get(r(e))){customElements.define(r(e),c)}break}}))}i();const f=c;const d=i;export{f as IndScaraCanvas,d as defineCustomElement};
+import{p as e,H as a,h as t,a as s,t as r}from"./index.js";const n=()=>`:host{display:block;width:var(--ind-size-canvas-robot-width, 320px);height:var(--ind-size-canvas-robot-height, 220px);font-family:var(--ind-font-family-mono)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.envelope{fill:none;stroke:var(--ind-surface-border-subtle);stroke-dasharray:2 4}.envelope-inner{stroke-dasharray:1 3;opacity:0.6}.axis{stroke:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));stroke-width:1}.axis-label{font-family:var(--ind-font-family-mono);font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.link{stroke-width:5;stroke-linecap:round;transition:stroke 240ms}.link-1{stroke:var(--ind-state-running-bg, #16a34a)}.link-2{stroke:var(--ind-state-running-border, #4ade80)}.wrist{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2;stroke-linecap:round}.joint{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke:var(--ind-surface-border-strong);stroke-width:1}.joint.base{fill:var(--ind-state-stopped-bg, #5a6776);stroke:var(--ind-state-stopped-border, #8390a0)}.joint.effector{fill:var(--ind-state-warning-bg, #f59e0b);stroke:var(--ind-state-warning-border, #fcd34d)}.readout text{font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-feature-settings:"tnum" 1}.readout tspan{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:700}:host([state="moving"]) .link{stroke-dasharray:4 2;animation:ind-scara-move 1.2s linear infinite}:host([state="fault"]) .link,:host([state="fault"]) .wrist{stroke:var(--ind-state-fault-bg, #dc2626)}:host([state="fault"]) .joint{stroke:var(--ind-state-fault-border, #f87171)}@keyframes ind-scara-move{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){:host([state="moving"]) .link{animation:none}}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}joints=[0,0,0];linkLengths=[110,90];state="idle";parseArr(e){if(Array.isArray(e))return e;if(typeof e==="string"&&e.trim()){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}render(){const e=this.parseArr(this.joints);const a=this.parseArr(this.linkLengths);const[r=0,n=0,c=0]=e;const[i=110,d=90]=a;const o=160;const f=105;const l=r*Math.PI/180;const b=n*Math.PI/180;const k=c*Math.PI/180;const y=o+i*Math.cos(l);const h=f+i*Math.sin(l);const x=y+d*Math.cos(l+b);const u=h+d*Math.sin(l+b);const v=14;const p=x+v*Math.cos(l+b+k);const g=u+v*Math.sin(l+b+k);const m=e=>e.toFixed(1);const w=e=>e.toFixed(0);return t(s,{key:"e220c57195ecb3c211223a9c678ad6a832c584cd",role:"img","aria-label":`SCARA arm: J1 ${m(r)}°, J2 ${m(n)}°, J3 ${m(c)}°`},t("svg",{key:"7a04466cdcedb3e90bb45d0e86ee1d846f16d2fe",viewBox:"0 0 320 220",part:"svg"},t("circle",{key:"9f1c589063eae5f24c60017e12b45afe5f44a714",cx:o,cy:f,r:i+d,class:"envelope envelope-outer"}),t("circle",{key:"a6228d89177c0dca40aaf37e85a08e59a04a2488",cx:o,cy:f,r:Math.max(0,i-d),class:"envelope envelope-inner"}),t("line",{key:"21e8c9bbf7cf19afa8dd88f909c94e1b458c928d",x1:"10",y1:f,x2:"22",y2:f,class:"axis"}),t("line",{key:"bd2a5eca21b2e7fc73828a601870c730cc153bbd",x1:o,y1:"6",x2:o,y2:"18",class:"axis"}),t("text",{key:"dab2bdb3cd08468e10220174102d9d198658b26b",x:"24",y:f+3,class:"axis-label"},"X"),t("text",{key:"66581ab90a79151eeb64522a5525de10e151d0ad",x:o+4,y:"14",class:"axis-label"},"Y"),t("line",{key:"0f8c1214d584f7c9e062927af7ca0425242e6e2b",x1:o,y1:f,x2:y,y2:h,class:"link link-1"}),t("line",{key:"e19107929c6f87d3b3e47042f017a73193714b30",x1:y,y1:h,x2:x,y2:u,class:"link link-2"}),t("line",{key:"a4cb08318e5c5df59494f6b38477307477313378",x1:x,y1:u,x2:p,y2:g,class:"wrist"}),t("circle",{key:"25f7d34a6cc339b46a59437809bce8b7e5b4015b",cx:o,cy:f,r:"8",class:"joint base"}),t("circle",{key:"0fd90ea8c7b17654d927be0627ad2a0bcdb54c93",cx:y,cy:h,r:"6",class:"joint elbow"}),t("circle",{key:"528398188bef093e0d931bb23877022fd94900cf",cx:x,cy:u,r:"7",class:"joint effector"}),t("g",{key:"3fafeb02e9001d091436addbe37c53cfa5281df5",class:"readout"},t("text",{key:"3d5c879baea3c1ef177fbd53153d846eb1158411",x:"10",y:"198"},"J1 ",t("tspan",{key:"df726f043b2a33357c2525c68a6f23861def214d"},m(r),"°")),t("text",{key:"68565b08ced6589ecd0a2d84cd738535ebe9fc63",x:"74",y:"198"},"J2 ",t("tspan",{key:"65a013c07a5f9412b603557e39409d34ba5b4812"},m(n),"°")),t("text",{key:"88712594e3a0ac5e8e506ce467192d0bbcbf4a7f",x:"138",y:"198"},"J3 ",t("tspan",{key:"31f1c81c381841747057257d6e4ee1af9d213dd8"},m(c),"°")),t("text",{key:"42d91dc495775b5bf29cc455e6d6404c72e2839f",x:"202",y:"198"},"X ",t("tspan",{key:"00d7e9336de136e9ec0dd21ec85fd2a7a9b3ebf9"},w(x-o))),t("text",{key:"8ba2b283b6cd83942747e5df2c93d51b4dcb85bd",x:"254",y:"198"},"Y ",t("tspan",{key:"767695ce2b72564dec42536bc618835070d4b1a7"},w(u-f))))))}static get style(){return n()}},[513,"ind-scara-canvas",{joints:[1],linkLengths:[1,"link-lengths"],state:[513]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ind-scara-canvas"];e.forEach((e=>{switch(e){case"ind-scara-canvas":if(!customElements.get(r(e))){customElements.define(r(e),c)}break}}))}i();const d=c;const o=i;export{d as IndScaraCanvas,o as defineCustomElement};
 //# sourceMappingURL=ind-scara-canvas.js.map

package/dist/components/ind-select.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as i,h as n,a as t,t as r}from"./index.js";const s=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{position:relative;display:inline-flex;align-items:center;height:var(--_h);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field:focus-within{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.native{appearance:none;-webkit-appearance:none;flex:1;height:100%;background:transparent;border:none;outline:none;padding:0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);font:inherit;color:inherit;cursor:pointer;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.native::-ms-expand{display:none}.native option{background:var(--ind-surface-panel);color:var(--ind-surface-text-primary)}.caret{position:absolute;right:var(--ind-spacing-4, 8px);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));pointer-events:none;line-height:1}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange")}options=[];value="";placeholder;label;name;size="md";disabled=false;invalid=false;indChange;parseOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options==="string"&&this.options.trim()){try{const e=JSON.parse(this.options);return Array.isArray(e)?e:[]}catch{return[]}}return[]}onChange=e=>{const a=e.target.value;this.value=a;this.indChange.emit(a)};render(){const e=this.parseOptions();return n(t,{key:"283d3e72b726d0b04958b452629df4e579907f05"},n("label",{key:"dcbfc48d00c096cd6b709e4eb16b687cd07dd350",class:"wrap",part:"wrap"},this.label&&n("span",{key:"011fa524c21bfc749cedc70f6ec810ca90a73be2",class:"label",part:"label"},this.label),n("span",{key:"8fc35e3db2cbf2bd9cb780d8e1e1ee395c022d1a",class:"field",part:"field"},n("select",{key:"a8944a8a82162e4f1b36e9384145dd4e0399afaf",class:"native",part:"native",disabled:this.disabled,name:this.name,"aria-invalid":this.invalid?"true":"false",onChange:this.onChange},this.placeholder&&n("option",{key:"8da45f0c3d932005210e61a216f7f9dfa9581767",value:"",disabled:true,selected:this.value===""},this.placeholder),e.map((e=>n("option",{value:e.value,disabled:e.disabled,selected:e.value===this.value},e.label)))),n("span",{key:"ca2db8e41ee4fe3a8ef1a51458189face0450541",class:"caret",part:"caret","aria-hidden":"true"},"▾"))))}static get style(){return s()}},[513,"ind-select",{options:[1],value:[1025],placeholder:[1],label:[1],name:[1],size:[513],disabled:[516],invalid:[516]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-select"];e.forEach((e=>{switch(e){case"ind-select":if(!customElements.get(r(e))){customElements.define(r(e),d)}break}}))}o();const c=d;const l=o;export{c as IndSelect,l as defineCustomElement};
+import{I as o,d as s}from"./p-BdjJnR7Z.js";const t=o;const n=s;export{t as IndSelect,n as defineCustomElement};
 //# sourceMappingURL=ind-select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["selectCss","IndSelect","__stencil_proxyCustomElement","HTMLElement","options","value","placeholder","label","name","size","disabled","invalid","indChange","parseOptions","Array","isArray","this","trim","parsed","JSON","parse","onChange","e","v","target","emit","render","opts","h","Host","key","class","part","selected","map","o"],"sources":["src/components/atoms/select/select.css?tag=ind-select&encapsulation=shadow","src/components/atoms/select/select.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: var(--ind-size-input-md, 32px);\n}\n\n:host([size=\"sm\"]) { --_h: var(--ind-size-input-sm, 24px); }\n:host([size=\"md\"]) { --_h: var(--ind-size-input-md, 32px); }\n:host([size=\"lg\"]) { --_h: var(--ind-size-input-lg, 40px); }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  min-width: 160px;\n}\n\n.label {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.field {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  height: var(--_h);\n  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  transition:\n    border-color var(--ind-motion-duration-fast, 120ms),\n    box-shadow   var(--ind-motion-duration-fast, 120ms);\n}\n\n.field:focus-within {\n  border-color: var(--ind-surface-focus-ring, #22d3ee);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);\n}\n\n.native {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: 1;\n  height: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.native::-ms-expand { display: none; }\n\n/* Native option styling: at least give them a dark theme bg when\n * the OS picker honors it (Chrome/Edge mostly do). */\n.native option {\n  background: var(--ind-surface-panel);\n  color: var(--ind-surface-text-primary);\n}\n\n.caret {\n  position: absolute;\n  right: var(--ind-spacing-4, 8px);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  pointer-events: none;\n  line-height: 1;\n}\n\n:host([invalid]) .field {\n  border-color: var(--ind-feedback-error-bg, #dc2626);\n}\n:host([invalid]) .field:focus-within {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);\n}\n\n:host([disabled]) {\n  opacity: 0.55;\n  pointer-events: none;\n}\n","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type SelectSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-select',\n  styleUrl: 'select.css',\n  shadow: true,\n})\nexport class IndSelect {\n  /**\n   * Options. Pass an array via JS property (`.options = [...]`) OR a JSON-stringified\n   * array via the HTML `options` attribute. The native picker handles keyboard nav and\n   * mobile UI without us building a popover.\n   */\n  @Prop() options: SelectOption[] | string = [];\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop({ reflect: true }) size: SelectSize = 'md';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  @Event() indChange!: EventEmitter<string>;\n\n  private parseOptions(): SelectOption[] {\n    if (Array.isArray(this.options)) return this.options;\n    if (typeof this.options === 'string' && this.options.trim()) {\n      try {\n        const parsed = JSON.parse(this.options);\n        return Array.isArray(parsed) ? parsed : [];\n      } catch {\n        return [];\n      }\n    }\n    return [];\n  }\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLSelectElement).value;\n    this.value = v;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    const opts = this.parseOptions();\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <span class=\"field\" part=\"field\">\n            <select\n              class=\"native\"\n              part=\"native\"\n              disabled={this.disabled}\n              name={this.name}\n              aria-invalid={this.invalid ? 'true' : 'false'}\n              onChange={this.onChange}\n            >\n              {this.placeholder && (\n                <option value=\"\" disabled selected={this.value === ''}>\n                  {this.placeholder}\n                </option>\n              )}\n              {opts.map((o) => (\n                <option value={o.value} disabled={o.disabled} selected={o.value === this.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n            <span class=\"caret\" part=\"caret\" aria-hidden=\"true\">▾</span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAY,IAAM,2gE,MCeXC,EAASC,EAAA,MAAAD,UAAAE,E,oHAMZC,QAAmC,GAClBC,MAAgB,GACjCC,YACAC,MACAC,KACiBC,KAAmB,KACnBC,SAAoB,MACpBC,QAAmB,MAEnCC,UAED,YAAAC,GACN,GAAIC,MAAMC,QAAQC,KAAKZ,SAAU,OAAOY,KAAKZ,QAC7C,UAAWY,KAAKZ,UAAY,UAAYY,KAAKZ,QAAQa,OAAQ,CAC3D,IACE,MAAMC,EAASC,KAAKC,MAAMJ,KAAKZ,SAC/B,OAAOU,MAAMC,QAAQG,GAAUA,EAAS,E,CACxC,MACA,MAAO,E,EAGX,MAAO,E,CAGDG,SAAYC,IAClB,MAAMC,EAAKD,EAAEE,OAA6BnB,MAC1CW,KAAKX,MAAQkB,EACbP,KAAKJ,UAAUa,KAAKF,EAAE,EAGxB,MAAAG,GACE,MAAMC,EAAOX,KAAKH,eAClB,OACEe,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBhB,KAAKT,OAASqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAShB,KAAKT,OACtDqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACvBJ,EAAA,UAAAE,IAAA,2CACEC,MAAM,SACNC,KAAK,SACLtB,SAAUM,KAAKN,SACfF,KAAMQ,KAAKR,KAAI,eACDQ,KAAKL,QAAU,OAAS,QACtCU,SAAUL,KAAKK,UAEdL,KAAKV,aACJsB,EAAA,UAAAE,IAAA,2CAAQzB,MAAM,GAAGK,SAAQ,KAACuB,SAAUjB,KAAKX,QAAU,IAChDW,KAAKV,aAGTqB,EAAKO,KAAKC,GACTP,EAAA,UAAQvB,MAAO8B,EAAE9B,MAAOK,SAAUyB,EAAEzB,SAAUuB,SAAUE,EAAE9B,QAAUW,KAAKX,OACtE8B,EAAE5B,UAITqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,QAAO,cAAa,QAAM,O","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-selector-switch.d.ts

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

package/dist/components/ind-selector-switch.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CDXZCm5V.js";const t=o;const m=s;export{t as IndSelectorSwitch,m as defineCustomElement};
+//# sourceMappingURL=ind-selector-switch.js.map

package/dist/components/ind-selector-switch.js.map

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

package/dist/components/ind-setpoint-control.d.ts

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

package/dist/components/ind-setpoint-control.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CICnxqic.js";const t=o;const c=s;export{t as IndSetpointControl,c as defineCustomElement};
+//# sourceMappingURL=ind-setpoint-control.js.map

package/dist/components/ind-setpoint-control.js.map

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

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

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

package/dist/components/ind-setpoint.js

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

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

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

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

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as e,a as n,t as i}from"./index.js";const r=()=>`:host{display:block;width:var(--ind-size-canvas-shelves-width, 480px);height:var(--ind-size-canvas-shelves-height, 340px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.heading{font-family:var(--ind-font-family-sans);font-size:13px;font-weight:700;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-transform:uppercase;letter-spacing:0.05em}.outline{fill:color-mix(in srgb, var(--ind-surface-raised) 40%, transparent);stroke:var(--ind-surface-border-strong);stroke-width:1.5;stroke-linejoin:round}.fill{fill:var(--ind-state-running-bg, #16a34a);transition:y 240ms, height 240ms}.slot--partial .fill{fill:var(--ind-feedback-warning-bg, #f59e0b)}.slot--empty .fill{fill:var(--ind-feedback-error-bg, #dc2626)}.slot--missing .outline{fill:transparent;stroke-dasharray:4 2;stroke:var(--ind-surface-border-subtle)}.label{font-family:var(--ind-font-family-mono);font-size:11px;font-weight:600;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));letter-spacing:0.02em}.level{font-family:var(--ind-font-family-mono);font-size:12px;font-weight:700;fill:#ffffff;paint-order:stroke;stroke:rgba(0, 0, 0, 0.55);stroke-width:3;letter-spacing:0.02em}.slot--missing .level{display:none}`;const a=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}slots=[];rows=1;cols=4;heading;parseSlots(){if(Array.isArray(this.slots))return this.slots;if(typeof this.slots==="string"&&this.slots.trim()){try{const t=JSON.parse(this.slots);return Array.isArray(t)?t:[]}catch{return[]}}return[]}resolveState(t){if(t.state)return t.state;if(t.level===undefined)return"missing";if(t.level>=60)return"full";if(t.level>=20)return"partial";return"empty"}render(){const t=this.parseSlots();const s=480;const i=340;const r=24;const a=this.heading?40:24;const o=28;const l=s-r*2;const c=i-a-o;const f=l/this.cols;const d=c/this.rows;return e(n,{key:"e368cf70181cf224e4076b937a1e12a53e95e58f",role:"img","aria-label":this.heading??"Shelf inventory"},e("svg",{key:"e5fa8c4d7bed40cddbd4c6a691aa49a9c29007a5",viewBox:`0 0 ${s} ${i}`,part:"svg"},this.heading&&e("text",{key:"ec0c820367a330cc570b2c44c6d63c11fbed7f3b",x:s/2,y:"22",class:"heading","text-anchor":"middle"},this.heading),t.slice(0,this.rows*this.cols).map((s=>{const n=t.indexOf(s);const i=n%this.cols;const o=Math.floor(n/this.cols);const l=r+i*f+f/2;const c=a+o*d+d/2;const h=Math.min(f-30,80);const u=Math.max(40,d-60);const g=l-h/2;const m=c-u/2;const v=g+h*.32;const p=g+h*.68;const y=m+14;const b=this.resolveState(s);const x=s.level??0;const k=5;const $=u-20-k*2;const w=Math.max(0,$*(x/100));return e("g",{class:`slot slot--${b}`},e("path",{class:"outline",d:`\n                    M ${v} ${m}\n                    L ${p} ${m}\n                    L ${p} ${m+8}\n                    L ${g+h} ${y}\n                    L ${g+h} ${m+u}\n                    L ${g} ${m+u}\n                    L ${g} ${y}\n                    L ${v} ${m+8}\n                    Z\n                  `}),b!=="missing"&&x>0&&e("rect",{class:"fill",x:g+k,y:m+u-k-w,width:h-k*2,height:w,rx:"2"}),b!=="missing"&&e("text",{x:l,y:c+4,class:"level","text-anchor":"middle"},Math.round(x),"%"),e("text",{x:l,y:m+u+16,class:"label","text-anchor":"middle"},s.label))}))))}static get style(){return r()}},[513,"ind-shelf-canvas",{slots:[1],rows:[2],cols:[2],heading:[1]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-shelf-canvas"];t.forEach((t=>{switch(t){case"ind-shelf-canvas":if(!customElements.get(i(t))){customElements.define(i(t),a)}break}}))}o();const l=a;const c=o;export{l as IndShelfCanvas,c as defineCustomElement};
+import{p as t,H as s,h as e,a as n,t as i}from"./index.js";const a=()=>`:host{display:block;width:var(--ind-size-canvas-shelves-width, 480px);height:var(--ind-size-canvas-shelves-height, 340px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.heading{font-family:var(--ind-font-family-sans);font-size:13px;font-weight:700;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-transform:uppercase;letter-spacing:0.05em}.outline{fill:color-mix(in srgb, var(--ind-surface-raised) 40%, transparent);stroke:var(--ind-surface-border-strong);stroke-width:1.5;stroke-linejoin:round}.fill{fill:var(--ind-state-running-bg, #16a34a);transition:y 240ms, height 240ms}.slot--partial .fill{fill:var(--ind-feedback-warning-bg, #f59e0b)}.slot--empty .fill{fill:var(--ind-feedback-error-bg, #dc2626)}.slot--missing .outline{fill:transparent;stroke-dasharray:4 2;stroke:var(--ind-surface-border-subtle)}.label{font-family:var(--ind-font-family-mono);font-size:11px;font-weight:600;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));letter-spacing:0.02em}.level{font-family:var(--ind-font-family-mono);font-size:12px;font-weight:700;fill:#ffffff;paint-order:stroke;stroke:rgba(0, 0, 0, 0.55);stroke-width:3;letter-spacing:0.02em}.slot--missing .level{display:none}`;const r=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}slots=[];rows=1;cols=4;heading;parseSlots(){if(Array.isArray(this.slots))return this.slots;if(typeof this.slots==="string"&&this.slots.trim()){try{const t=JSON.parse(this.slots);return Array.isArray(t)?t:[]}catch{return[]}}return[]}resolveState(t){if(t.state)return t.state;if(t.level===undefined)return"missing";if(t.level>=60)return"full";if(t.level>=20)return"partial";return"empty"}render(){const t=this.parseSlots();const s=480;const i=340;const a=24;const r=this.heading?40:24;const o=28;const l=s-a*2;const c=i-r-o;const f=l/this.cols;const d=c/this.rows;return e(n,{key:"c50aafdae929f6c548b744ea7bed202403478616",role:"img","aria-label":this.heading??"Shelf inventory"},e("svg",{key:"cead1ebbee9dc4bf985a3a3ec28c946cc9a0c29c",viewBox:`0 0 ${s} ${i}`,part:"svg"},this.heading&&e("text",{key:"7d83c3c7f7ed080825aa08271eba2f2862ca3c15",x:s/2,y:"22",class:"heading","text-anchor":"middle"},this.heading),t.slice(0,this.rows*this.cols).map((s=>{const n=t.indexOf(s);const i=n%this.cols;const o=Math.floor(n/this.cols);const l=a+i*f+f/2;const c=r+o*d+d/2;const h=Math.min(f-30,80);const u=Math.max(40,d-60);const g=l-h/2;const m=c-u/2;const v=g+h*.32;const p=g+h*.68;const y=m+14;const b=this.resolveState(s);const x=s.level??0;const k=5;const $=u-20-k*2;const w=Math.max(0,$*(x/100));return e("g",{class:`slot slot--${b}`},e("path",{class:"outline",d:`\n                    M ${v} ${m}\n                    L ${p} ${m}\n                    L ${p} ${m+8}\n                    L ${g+h} ${y}\n                    L ${g+h} ${m+u}\n                    L ${g} ${m+u}\n                    L ${g} ${y}\n                    L ${v} ${m+8}\n                    Z\n                  `}),b!=="missing"&&x>0&&e("rect",{class:"fill",x:g+k,y:m+u-k-w,width:h-k*2,height:w,rx:"2"}),b!=="missing"&&e("text",{x:l,y:c+4,class:"level","text-anchor":"middle"},Math.round(x),"%"),e("text",{x:l,y:m+u+16,class:"label","text-anchor":"middle"},s.label))}))))}static get style(){return a()}},[513,"ind-shelf-canvas",{slots:[1],rows:[2],cols:[2],heading:[1]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-shelf-canvas"];t.forEach((t=>{switch(t){case"ind-shelf-canvas":if(!customElements.get(i(t))){customElements.define(i(t),r)}break}}))}o();const l=r;const c=o;export{l as IndShelfCanvas,c as defineCustomElement};
 //# sourceMappingURL=ind-shelf-canvas.js.map

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

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

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

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

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

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

package/dist/components/ind-sidebar-nav.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,h as r,a as d,t as s}from"./index.js";const t=()=>`:host{display:flex;flex-direction:column;width:var(--ind-size-sidebar-width, 178px);height:100%;background:var(--ind-surface-panel);border-right:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-shrink:0;box-sizing:border-box}.brand{padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px)}.brand:has(>:nth-child(1):empty),.brand:not(:has(*)){display:none}.items{flex:1;overflow-y:auto;padding:var(--ind-spacing-2, 4px) 0;scrollbar-width:thin;scrollbar-color:var(--ind-surface-border-strong) transparent}.items::-webkit-scrollbar{width:8px}.items::-webkit-scrollbar-thumb{background:var(--ind-surface-border-strong);border-radius:4px}.items::-webkit-scrollbar-track{background:transparent}.footer{padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-top:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.footer:not(:has(*)){display:none}`;const n=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}render(){return r(d,{key:"3ffd6c6d8afe2ed104b24ad1435d7a1d163c5071",role:"navigation"},r("div",{key:"2a56d85274fca7043d8e5624a93cb99c8767fc74",class:"brand",part:"brand"},r("slot",{key:"d185e1c6570b33648700dd922e671f023b3d34fc",name:"brand"})),r("div",{key:"31aaa48b8e08549a3a4990cbe4ae74507b0a8ccb",class:"items",part:"items"},r("slot",{key:"4ddb250ed915874ea6114588ab336e662526383f"})),r("div",{key:"d666ea3f666be22246d6f2e2464a85b741b4bfed",class:"footer",part:"footer"},r("slot",{key:"fff6600b601ec97d47f2a79b983d0a7ef261db33",name:"footer"})))}static get style(){return t()}},[257,"ind-sidebar-nav"]);function i(){if(typeof customElements==="undefined"){return}const a=["ind-sidebar-nav"];a.forEach((a=>{switch(a){case"ind-sidebar-nav":if(!customElements.get(s(a))){customElements.define(s(a),n)}break}}))}i();const o=n;const c=i;export{o as IndSidebarNav,c as defineCustomElement};
+import{p as e,H as a,h as r,a as d,t as s}from"./index.js";const t=()=>`:host{display:flex;flex-direction:column;width:var(--ind-size-sidebar-width, 178px);height:100%;background:var(--ind-surface-panel);border-right:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-shrink:0;box-sizing:border-box}.brand{padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px)}.brand:has(>:nth-child(1):empty),.brand:not(:has(*)){display:none}.items{flex:1;overflow-y:auto;padding:var(--ind-spacing-2, 4px) 0;scrollbar-width:thin;scrollbar-color:var(--ind-surface-border-strong) transparent}.items::-webkit-scrollbar{width:8px}.items::-webkit-scrollbar-thumb{background:var(--ind-surface-border-strong);border-radius:4px}.items::-webkit-scrollbar-track{background:transparent}.footer{padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-top:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.footer:not(:has(*)){display:none}`;const n=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}render(){return r(d,{key:"9d04eb64c4d78199a2675d8f8908783ee03c592d",role:"navigation"},r("div",{key:"a4cda235f70f218c1b0074997f51484599ee1cec",class:"brand",part:"brand"},r("slot",{key:"ed5d43d3e799902dba9f0e725186c80ea80d9ff1",name:"brand"})),r("div",{key:"21178ccce78cf2f294d0eb93c38417db8f5a749d",class:"items",part:"items"},r("slot",{key:"5902adf3f49022bd38fddf31edf43c458c5e7b8f"})),r("div",{key:"0789a9c4b2705f258108a77ecd1d898a5104ce85",class:"footer",part:"footer"},r("slot",{key:"87c03fb3608b92aa1130017d79eb2fd556de5ca4",name:"footer"})))}static get style(){return t()}},[257,"ind-sidebar-nav"]);function i(){if(typeof customElements==="undefined"){return}const e=["ind-sidebar-nav"];e.forEach((e=>{switch(e){case"ind-sidebar-nav":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}i();const o=n;const c=i;export{o as IndSidebarNav,c as defineCustomElement};
 //# sourceMappingURL=ind-sidebar-nav.js.map

package/dist/components/ind-signal-quality.d.ts

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

package/dist/components/ind-signal-quality.js

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

package/dist/components/ind-signal-quality.js.map

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

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

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

package/dist/components/ind-silo.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: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 o=()=>`.liquid{fill:var(--ind-state-stopped-bg, #a8722e);transition:y var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease),               height var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([alarm="high"]) .liquid{fill:var(--ind-state-fault-bg, #dc2626)}:host([alarm="low"]) .liquid{fill:var(--ind-state-warning-bg, #f59e0b)}.body{fill:none}`;const r=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";level=0;alarm="none";size="md";tag;label;showValue=false;render(){const e=Math.min(100,Math.max(0,this.level));const a=4;const i=52;const n=e/100*i;const o=a+i-n;const r=this.label??this.tag??"silo";return t(s,{key:"84c25d836dbf8e6402ea40c60a50c0c879439b5c",role:"meter","aria-valuenow":Math.round(e),"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${r} level ${Math.round(e)}%`},t("svg",{key:"eead3013668a32dfc450ec104c952709e064a74b",class:"symbol",viewBox:"0 0 40 60","aria-hidden":"true"},t("defs",{key:"e0eb34c44ea241fa7d2a77c4e78e26dacdf4b810"},t("clipPath",{key:"5527f52907e0d982dbf9c94d925898e62a19f568",id:"silo-clip"},t("path",{key:"490fb90afb3953a1367f65e5e9bd367b01f0295f",d:"M6 4 H34 V44 L24 56 H16 L6 44 Z"}))),t("rect",{key:"38ee389346454ef3f034ccb11443659768cb30f3",class:"liquid",x:"0",y:o,width:"40",height:n,"clip-path":"url(#silo-clip)"}),t("path",{key:"8bf35bd099cef83f9b2710becb9fa7a3f9d442a3",class:"body",d:"M6 4 H34 V44 L24 56 H16 L6 44 Z"})),(this.tag||this.label||this.showValue)&&t("div",{key:"6e040ee15207bf4879a75c562dcc9dd417737499",class:"caption"},this.tag&&t("span",{key:"f08c6ca00d8b490eb0672aee4151a6ec635601ca",class:"tag"},this.tag),this.showValue&&t("span",{key:"e696ee93fef364c7a626fb50f3487a394f49ee99",class:"tag"},Math.round(e),"%"),this.label&&t("span",{key:"76c657068f1cfd939b1efa5e9efa66f944433508",class:"label"},this.label)))}static get style(){return n()+o()}},[513,"ind-silo",{state:[513],level:[2],alarm:[513],size:[513],tag:[1],label:[1],showValue:[4,"show-value"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["ind-silo"];e.forEach((e=>{switch(e){case"ind-silo":if(!customElements.get(i(e))){customElements.define(i(e),r)}break}}))}l();const d=r;const c=l;export{d as IndSilo,c as defineCustomElement};
+//# sourceMappingURL=ind-silo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","siloCss","IndSilo","__stencil_proxyCustomElement","HTMLElement","state","level","alarm","size","tag","label","showValue","render","pct","Math","min","max","this","top","height","fillH","fillY","name","h","Host","key","role","round","class","viewBox","id","d","x","y","width"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-silo&encapsulation=shadow","src/components/atoms/silo/silo.css?tag=ind-silo&encapsulation=shadow","src/components/atoms/silo/silo.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",".liquid {\n  fill: var(--ind-state-stopped-bg, #a8722e);\n  transition: y var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease),\n              height var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([alarm=\"high\"]) .liquid { fill: var(--ind-state-fault-bg, #dc2626); }\n:host([alarm=\"low\"]) .liquid  { fill: var(--ind-state-warning-bg, #f59e0b); }\n\n.body {\n  fill: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-silo',\n  styleUrls: ['../_equipment/equipment.css', 'silo.css'],\n  shadow: true,\n})\nexport class IndSilo {\n  /** Process state (drives outline color). */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Fill level, 0–100 %. */\n  @Prop() level: number = 0;\n  /** Alarm tint of the contents. */\n  @Prop({ reflect: true }) alarm: 'none' | 'low' | 'high' = 'none';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"SL-12\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n  /** Show the numeric level under the symbol. */\n  @Prop() showValue: boolean = false;\n\n  render() {\n    const pct = Math.min(100, Math.max(0, this.level));\n    const top = 4;\n    const height = 52;\n    const fillH = (pct / 100) * height;\n    const fillY = top + height - fillH;\n    const name = this.label ?? this.tag ?? 'silo';\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={Math.round(pct)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={`${name} level ${Math.round(pct)}%`}\n      >\n        {/* Cylindrical body with a conical hopper bottom. */}\n        <svg class=\"symbol\" viewBox=\"0 0 40 60\" aria-hidden=\"true\">\n          <defs>\n            <clipPath id=\"silo-clip\">\n              <path d=\"M6 4 H34 V44 L24 56 H16 L6 44 Z\" />\n            </clipPath>\n          </defs>\n          <rect class=\"liquid\" x=\"0\" y={fillY} width=\"40\" height={fillH} clip-path=\"url(#silo-clip)\" />\n          <path class=\"body\" d=\"M6 4 H34 V44 L24 56 H16 L6 44 Z\" />\n        </svg>\n        {(this.tag || this.label || this.showValue) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.showValue && <span class=\"tag\">{Math.round(pct)}%</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,EAAU,IAAM,mZ,MCQTC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,MAAwB,UAEzCC,MAAgB,EAECC,MAAiC,OAEjCC,KAAsB,KAEvCC,IAEAC,MAEAC,UAAqB,MAE7B,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGC,KAAKX,QAC3C,MAAMY,EAAM,EACZ,MAAMC,EAAS,GACf,MAAMC,EAASP,EAAM,IAAOM,EAC5B,MAAME,EAAQH,EAAMC,EAASC,EAC7B,MAAME,EAAOL,KAAKP,OAASO,KAAKR,KAAO,OACvC,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGZ,KAAKa,MAAMd,GAAI,gBACf,EAAC,gBACD,IAAG,aACN,GAAGS,WAAcR,KAAKa,MAAMd,OAGxCU,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDN,EAAA,QAAAE,IAAA,4CACEF,EAAA,YAAAE,IAAA,2CAAUK,GAAG,aACXP,EAAA,QAAAE,IAAA,2CAAMM,EAAE,sCAGZR,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASI,EAAE,IAAIC,EAAGZ,EAAOa,MAAM,KAAKf,OAAQC,EAAK,YAAY,oBACzEG,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOG,EAAE,sCAErBd,KAAKR,KAAOQ,KAAKP,OAASO,KAAKN,YAC/BY,EAAA,OAAAE,IAAA,2CAAKG,MAAM,WACRX,KAAKR,KAAOc,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOX,KAAKR,KACpCQ,KAAKN,WAAaY,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOd,KAAKa,MAAMd,GAAa,KAC7DI,KAAKP,OAASa,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASX,KAAKP,Q","ignoreList":[]}

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

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

package/dist/components/ind-slider.js

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

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

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

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

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

package/dist/components/ind-sparkline.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-5RlFcxee.js";const t=o;const c=s;export{t as IndSparkline,c as defineCustomElement};
+//# sourceMappingURL=ind-sparkline.js.map

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

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

package/dist/components/ind-speed-control.d.ts

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

package/dist/components/ind-speed-control.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-DGb-eiYo.js";const t=o;const p=s;export{t as IndSpeedControl,p as defineCustomElement};
+//# sourceMappingURL=ind-speed-control.js.map

package/dist/components/ind-speed-control.js.map

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

package/dist/components/ind-start-stop-control.d.ts

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

package/dist/components/ind-start-stop-control.js

@@ -0,0 +1,2 @@
+import{I as o,d as p}from"./p-Dk2CwpEp.js";const s=o;const t=p;export{s as IndStartStopControl,t as defineCustomElement};
+//# sourceMappingURL=ind-start-stop-control.js.map

package/dist/components/ind-start-stop-control.js.map

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

package/dist/components/ind-status-bar.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as a,a as t,t as n}from"./index.js";import{d as i}from"./p-D-FsSjAC.js";const r=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-top:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-height:24px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.message{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.end{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px)}::slotted(*){font-size:var(--ind-font-size-sm, 11px)}`;const d=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="neutral";message;render(){return a(t,{key:"ea26634fed8ac15e259de910eb7bcd4e5ce3d094",role:"status","aria-live":"polite"},a("ind-status-dot",{key:"a9305e75e5b0e35c5cccf526020ed00177d729e4",state:this.state,size:"sm"}),this.message&&a("span",{key:"816506e0c34aaf66249bcca19fa0741841a1dae5",class:"message",part:"message"},this.message),a("span",{key:"15edfed427f793ad354d7b71e256149323ab59b4",class:"spacer"}),a("span",{key:"abd85f3229fbc9ad3e6257400a87bab0e9743dae",class:"end",part:"end"},a("slot",{key:"bc0a1f8844f91d9158ec4f265ae12cc27b443740"})))}static get style(){return r()}},[769,"ind-status-bar",{state:[513],message:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-status-bar","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-status-bar":if(!customElements.get(n(e))){customElements.define(n(e),d)}break;case"ind-status-dot":if(!customElements.get(n(e))){i()}break}}))}c();const o=d;const f=c;export{o as IndStatusBar,f as defineCustomElement};
+import{p as e,H as s,h as t,a,t as n}from"./index.js";import{d as i}from"./p-D-FsSjAC.js";const d=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-top:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-height:24px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.message{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.end{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px)}::slotted(*){font-size:var(--ind-font-size-sm, 11px)}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="neutral";message;render(){return t(a,{key:"0e24fa0f2693d5756328492c64d61278f52ba1aa",role:"status","aria-live":"polite"},t("ind-status-dot",{key:"b3c8d0f81d67fc1c0968a5400e3e2b1ffea6e050",state:this.state,size:"sm"}),this.message&&t("span",{key:"d6c47a4b16ed872430df471f9980c4dde551a963",class:"message",part:"message"},this.message),t("span",{key:"833ee65843c75d0df1b95ecbf29390d848147bc6",class:"spacer"}),t("span",{key:"71d6fb61744466c96639fe8e5c6b922c891d5b8d",class:"end",part:"end"},t("slot",{key:"188dec4734c910b1da01047f0a4ccb530f267640"})))}static get style(){return d()}},[769,"ind-status-bar",{state:[513],message:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-status-bar","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-status-bar":if(!customElements.get(n(e))){customElements.define(n(e),r)}break;case"ind-status-dot":if(!customElements.get(n(e))){i()}break}}))}c();const f=r;const o=c;export{f as IndStatusBar,o as defineCustomElement};
 //# sourceMappingURL=ind-status-bar.js.map

package/dist/components/ind-status-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["statusBarCss","IndStatusBar","__stencil_proxyCustomElement","HTMLElement","state","message","render","h","Host","key","role","this","size","class","part"],"sources":["src/components/organisms/status-bar/status-bar.css?tag=ind-status-bar&encapsulation=shadow","src/components/organisms/status-bar/status-bar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border-top: 1px solid var(--ind-surface-border-default);\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  min-height: 24px;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.message {\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.spacer {\n  flex: 1;\n}\n\n.end {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n::slotted(*) {\n  font-size: var(--ind-font-size-sm, 11px);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type StatusBarState =\n  | 'neutral' | 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance' | 'success' | 'info' | 'error';\n\n/**\n * Global footer bar: status dot + message on the left, slotted content on the right.\n *\n * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size=\"sm\">`\n * children for right-aligned context (timestamps, server identifiers, action buttons).\n */\n@Component({\n  tag: 'ind-status-bar',\n  styleUrl: 'status-bar.css',\n  shadow: true,\n})\nexport class IndStatusBar {\n  @Prop({ reflect: true }) state: StatusBarState = 'neutral';\n  @Prop() message?: string;\n\n  render() {\n    return (\n      <Host role=\"status\" aria-live=\"polite\">\n        <ind-status-dot state={this.state} size=\"sm\" />\n        {this.message && <span class=\"message\" part=\"message\">{this.message}</span>}\n        <span class=\"spacer\" />\n        <span class=\"end\" part=\"end\"><slot /></span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAe,IAAM,kqB,MCgBdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFACEC,MAAwB,UACzCC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,YAAW,UAC5BH,EAAA,kBAAAE,IAAA,2CAAgBL,MAAOO,KAAKP,MAAOQ,KAAK,OACvCD,KAAKN,SAAWE,EAAA,QAAAE,IAAA,2CAAMI,MAAM,UAAUC,KAAK,WAAWH,KAAKN,SAC5DE,EAAA,QAAAE,IAAA,2CAAMI,MAAM,WACZN,EAAA,QAAAE,IAAA,2CAAMI,MAAM,MAAMC,KAAK,OAAMP,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["statusBarCss","IndStatusBar","__stencil_proxyCustomElement","HTMLElement","state","message","render","h","Host","key","role","this","size","class","part"],"sources":["src/components/organisms/status-bar/status-bar.css?tag=ind-status-bar&encapsulation=shadow","src/components/organisms/status-bar/status-bar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border-top: 1px solid var(--ind-surface-border-default);\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  min-height: 24px;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.message {\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.spacer {\n  flex: 1;\n}\n\n.end {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n::slotted(*) {\n  font-size: var(--ind-font-size-sm, 11px);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type StatusBarState =\n  | 'neutral' | 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance' | 'success' | 'info' | 'error';\n\n/**\n * Global footer bar: status dot + message on the left, slotted content on the right.\n *\n * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size=\"sm\">`\n * children for right-aligned context (timestamps, server identifiers, action buttons).\n */\n@Component({\n  tag: 'ind-status-bar',\n  styleUrl: 'status-bar.css',\n  shadow: true,\n})\nexport class IndStatusBar {\n  @Prop({ reflect: true }) state: StatusBarState = 'neutral';\n  @Prop() message?: string;\n\n  render() {\n    return (\n      <Host role=\"status\" aria-live=\"polite\">\n        <ind-status-dot state={this.state} size=\"sm\" />\n        {this.message && <span class=\"message\" part=\"message\">{this.message}</span>}\n        <span class=\"spacer\" />\n        <span class=\"end\" part=\"end\"><slot /></span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAe,IAAM,kqB,MCgBdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFACEC,MAAwB,UACzCC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,YAAW,UAC5BH,EAAA,kBAAAE,IAAA,2CAAgBL,MAAOO,KAAKP,MAAOQ,KAAK,OACvCD,KAAKN,SAAWE,EAAA,QAAAE,IAAA,2CAAMI,MAAM,UAAUC,KAAK,WAAWH,KAAKN,SAC5DE,EAAA,QAAAE,IAAA,2CAAMI,MAAM,WACZN,EAAA,QAAAE,IAAA,2CAAMI,MAAM,MAAMC,KAAK,OAAMP,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

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

package/dist/components/ind-tab.js

@@ -0,0 +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 o=()=>`:host{display:inline-flex}.tab{appearance:none;display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));transition:color var(--ind-motion-duration-fast, 120ms) ease, border-color var(--ind-motion-duration-fast, 120ms) ease}.tab:hover:not(:disabled){color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.tab:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:-2px}:host([selected]) .tab{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom-color:var(--ind-button-primary-bg, #2563eb);font-weight:var(--ind-font-weight-semibold, 600)}:host([disabled]) .tab{opacity:0.5;cursor:not-allowed}.icon:empty,.badge:empty{display:none}.icon,.badge{display:inline-flex;align-items:center}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indSelect=t(this,"indSelect")}selected=false;disabled=false;tabId;indSelect;activate=()=>{if(this.disabled||this.selected)return;this.indSelect.emit(this.tabId)};onKey=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.activate()}};render(){return i(s,{key:"80610acb7a454a8e50b01f284942f0a55650bdd6"},i("button",{key:"cad17b0d0a9850486b77e8012042a91dd3615276",type:"button",class:"tab",part:"tab",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,tabindex:this.selected?"0":"-1",onClick:this.activate,onKeyDown:this.onKey},i("span",{key:"3c8531773262e8da453771366b8c242e4f5dc1b8",class:"icon",part:"icon"},i("slot",{key:"10ed053ba7659569b45211b827503ca23e63e33a",name:"icon"})),i("span",{key:"d658c67c3f874bcfd01f746c4df379a9f41aa7b1",class:"label",part:"label"},i("slot",{key:"0b0bcdaf87c92e1252556500448726680adc4718"})),i("span",{key:"6bfa8167f56ddda8c18bd1c0d23ad06a0eb29a49",class:"badge",part:"badge"},i("slot",{key:"345cb8f4b94885d62f4f14476f6b2bf3303f06ef",name:"badge"}))))}static get style(){return o()}},[769,"ind-tab",{selected:[516],disabled:[516],tabId:[1,"tab-id"]}]);function r(){if(typeof customElements==="undefined"){return}const e=["ind-tab"];e.forEach((e=>{switch(e){case"ind-tab":if(!customElements.get(n(e))){customElements.define(n(e),d)}break}}))}r();const c=d;const b=r;export{c as IndTab,b as defineCustomElement};
+//# sourceMappingURL=ind-tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tabCss","IndTab","__stencil_proxyCustomElement","HTMLElement","selected","disabled","tabId","indSelect","activate","this","emit","onKey","e","key","preventDefault","render","h","Host","type","class","part","role","tabindex","onClick","onKeyDown","name"],"sources":["src/components/atoms/tab/tab.css?tag=ind-tab&encapsulation=shadow","src/components/atoms/tab/tab.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\n.tab {\n  appearance: none;\n  display: inline-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: none;\n  border-bottom: 2px solid transparent;\n  background: none;\n  cursor: pointer;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  transition: color var(--ind-motion-duration-fast, 120ms) ease, border-color var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n.tab:hover:not(:disabled) { color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5)); }\n\n.tab:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: -2px;\n}\n\n:host([selected]) .tab {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom-color: var(--ind-button-primary-bg, #2563eb);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n:host([disabled]) .tab { opacity: 0.5; cursor: not-allowed; }\n\n.icon:empty, .badge:empty { display: none; }\n\n.icon, .badge { display: inline-flex; align-items: center; }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-tab',\n  styleUrl: 'tab.css',\n  shadow: true,\n})\nexport class IndTab {\n  /** Selected state. */\n  @Prop({ reflect: true }) selected: boolean = false;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Stable id for the tab (emitted on select). */\n  @Prop() tabId?: string;\n\n  /** Fires when the tab is activated. */\n  @Event() indSelect!: EventEmitter<string | undefined>;\n\n  private activate = () => {\n    if (this.disabled || this.selected) return;\n    this.indSelect.emit(this.tabId);\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.activate();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"tab\"\n          part=\"tab\"\n          role=\"tab\"\n          aria-selected={this.selected ? 'true' : 'false'}\n          disabled={this.disabled}\n          tabindex={this.selected ? '0' : '-1'}\n          onClick={this.activate}\n          onKeyDown={this.onKey}\n        >\n          <span class=\"icon\" part=\"icon\"><slot name=\"icon\" /></span>\n          <span class=\"label\" part=\"label\"><slot /></span>\n          <span class=\"badge\" part=\"badge\"><slot name=\"badge\" /></span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAS,IAAM,4mC,MCORC,EAAMC,EAAA,MAAAD,UAAAE,E,oHAEQC,SAAoB,MAEpBC,SAAoB,MAErCC,MAGCC,UAEDC,SAAW,KACjB,GAAIC,KAAKJ,UAAYI,KAAKL,SAAU,OACpCK,KAAKF,UAAUG,KAAKD,KAAKH,MAAM,EAGzBK,MAASC,IACf,GAAIA,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,IAAK,CACtCD,EAAEE,iBACFL,KAAKD,U,GAIT,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,UAAAH,IAAA,2CACEK,KAAK,SACLC,MAAM,MACNC,KAAK,MACLC,KAAK,MAAK,gBACKZ,KAAKL,SAAW,OAAS,QACxCC,SAAUI,KAAKJ,SACfiB,SAAUb,KAAKL,SAAW,IAAM,KAChCmB,QAASd,KAAKD,SACdgB,UAAWf,KAAKE,OAEhBK,EAAA,QAAAH,IAAA,2CAAMM,MAAM,OAAOC,KAAK,QAAOJ,EAAA,QAAAH,IAAA,2CAAMY,KAAK,UAC1CT,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAAQJ,EAAA,QAAAH,IAAA,8CACjCG,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAAQJ,EAAA,QAAAH,IAAA,2CAAMY,KAAK,Y","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{p as a,H as t,h as e,a as s,t as r}from"./index.js";import{d as n}from"./p-D-FsSjAC.js";import{d as i}from"./p-BInyhy9s.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`:host{min-width:150px}.card-head{align-items:center}`;const c=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}tag;label;value;unit;precision;alarm="none";trend="none";state="running";render(){return e(s,{key:"402b61b88c41d1772252a520b304a53da94e6d91"},e("div",{key:"44625ebbb4b356ff06652e4ac862eb2069deeeba",class:"card-head"},e("span",{key:"b40c723b0912b4a84736d6cfb90c3cc728fd5aab",class:"card-tag",part:"tag"},this.tag),e("ind-status-dot",{key:"334452a4e73b1f5178ea8b5a3505cfee0490ca41",state:this.state,size:"sm"})),e("ind-value",{key:"f18e7d774139fe46291bea42334a0cdabf1cd253",part:"value",value:this.value,unit:this.unit,precision:this.precision,alarm:this.alarm,trend:this.trend,label:this.label,size:"lg"}))}static get style(){return d()+o()}},[513,"ind-tag-card",{tag:[1],label:[1],value:[8],unit:[1],precision:[2],alarm:[513],trend:[1],state:[513]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-tag-card","ind-status-dot","ind-value"];a.forEach((a=>{switch(a){case"ind-tag-card":if(!customElements.get(r(a))){customElements.define(r(a),c)}break;case"ind-status-dot":if(!customElements.get(r(a))){n()}break;case"ind-value":if(!customElements.get(r(a))){i()}break}}))}l();const f=c;const u=l;export{f as IndTagCard,u as defineCustomElement};
+//# sourceMappingURL=ind-tag-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","tagCardCss","IndTagCard","__stencil_proxyCustomElement","HTMLElement","tag","label","value","unit","precision","alarm","trend","state","render","h","Host","key","class","part","this","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-tag-card&encapsulation=shadow","src/components/molecules/tag-card/tag-card.css?tag=ind-tag-card&encapsulation=shadow","src/components/molecules/tag-card/tag-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: 150px;\n}\n\n.card-head {\n  align-items: center;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TagCardState =\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'neutral';\nexport type TagCardAlarm = 'none' | 'low-low' | 'low' | 'high' | 'high-high';\nexport type TagCardTrend = 'none' | 'up' | 'down' | 'stable';\n\n/**\n * Compact card for a single process tag: identifier + live value + status dot.\n * The atom of any tag wall / faceplate grid.\n */\n@Component({\n  tag: 'ind-tag-card',\n  styleUrls: ['../_shared/card.css', 'tag-card.css'],\n  shadow: true,\n})\nexport class IndTagCard {\n  /** Process tag (e.g. \"PT-101\"). */\n  @Prop() tag!: string;\n  /** Human description (e.g. \"Discharge pressure\"). */\n  @Prop() label?: string;\n  /** Current value. */\n  @Prop() value!: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places when numeric. */\n  @Prop() precision?: number;\n  /** Active alarm priority — tints the readout. */\n  @Prop({ reflect: true }) alarm: TagCardAlarm = 'none';\n  /** Process trend direction. */\n  @Prop() trend: TagCardTrend = 'none';\n  /** Equipment / comms status shown by the dot. */\n  @Prop({ reflect: true }) state: TagCardState = 'running';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-tag\" part=\"tag\">{this.tag}</span>\n          <ind-status-dot state={this.state} size=\"sm\" />\n        </div>\n        <ind-value\n          part=\"value\"\n          value={this.value}\n          unit={this.unit}\n          precision={this.precision}\n          alarm={this.alarm}\n          trend={this.trend}\n          label={this.label}\n          size=\"lg\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,uD,MCqBZC,EAAUC,EAAA,MAAAD,UAAAE,E,iFAEbC,IAEAC,MAEAC,MAEAC,KAEAC,UAEiBC,MAAsB,OAEvCC,MAAsB,OAELC,MAAsB,UAE/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,OAAOC,KAAKd,KACxCS,EAAA,kBAAAE,IAAA,2CAAgBJ,MAAOO,KAAKP,MAAOQ,KAAK,QAE1CN,EAAA,aAAAE,IAAA,2CACEE,KAAK,QACLX,MAAOY,KAAKZ,MACZC,KAAMW,KAAKX,KACXC,UAAWU,KAAKV,UAChBC,MAAOS,KAAKT,MACZC,MAAOQ,KAAKR,MACZL,MAAOa,KAAKb,MACZc,KAAK,O","ignoreList":[]}

package/dist/components/ind-tag-name.d.ts

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

package/dist/components/ind-tag-name.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,h as a,a as t,t as n}from"./index.js";const i=()=>`:host{display:inline-flex;--_size:var(--ind-font-size-base, 12px)}:host([size="sm"]){--_size:var(--ind-font-size-sm, 11px)}:host([size="md"]){--_size:var(--ind-font-size-base, 12px)}:host([size="lg"]){--_size:var(--ind-font-size-lg, 14px)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-size:var(--_size);font-weight:var(--ind-font-weight-semibold, 600);letter-spacing:0.01em;color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);white-space:nowrap}:host([boxed]) .tag{padding:1px var(--ind-spacing-3, 6px);border:1px solid var(--ind-surface-border-strong, #5a6776);border-radius:var(--ind-radius-sm, 2px);background:var(--ind-surface-sunken, light-dark(#fff, #000))}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}tag;size="md";boxed=false;render(){return a(t,{key:"c2427b778ac295c0a097b9391daad1360b4b46d4"},a("span",{key:"0aa09696c274c2b9136c85afd48203983db04853",class:"tag",part:"tag"},this.tag??a("slot",{key:"46131f7f0b24d62cae551125c0b2733a92764569"})))}static get style(){return i()}},[769,"ind-tag-name",{tag:[1],size:[513],boxed:[516]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-tag-name"];e.forEach((e=>{switch(e){case"ind-tag-name":if(!customElements.get(n(e))){customElements.define(n(e),r)}break}}))}o();const d=r;const f=o;export{d as IndTagName,f as defineCustomElement};
+//# sourceMappingURL=ind-tag-name.js.map

package/dist/components/ind-tag-name.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tagNameCss","IndTagName","__stencil_proxyCustomElement","HTMLElement","tag","size","boxed","render","h","Host","key","class","part","this"],"sources":["src/components/atoms/tag-name/tag-name.css?tag=ind-tag-name&encapsulation=shadow","src/components/atoms/tag-name/tag-name.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  --_size: var(--ind-font-size-base, 12px);\n}\n\n:host([size=\"sm\"]) { --_size: var(--ind-font-size-sm, 11px); }\n:host([size=\"md\"]) { --_size: var(--ind-font-size-base, 12px); }\n:host([size=\"lg\"]) { --_size: var(--ind-font-size-lg, 14px); }\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-size: var(--_size);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  letter-spacing: 0.01em;\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  white-space: nowrap;\n}\n\n:host([boxed]) .tag {\n  padding: 1px var(--ind-spacing-3, 6px);\n  border: 1px solid var(--ind-surface-border-strong, #5a6776);\n  border-radius: var(--ind-radius-sm, 2px);\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TagNameSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-tag-name',\n  styleUrl: 'tag-name.css',\n  shadow: true,\n})\nexport class IndTagName {\n  /** Equipment / instrument tag, e.g. \"PT-101\". Falls back to the slot. */\n  @Prop() tag?: string;\n  /** Size. */\n  @Prop({ reflect: true }) size: TagNameSize = 'md';\n  /** Render in a boxed style (outlined chip). */\n  @Prop({ reflect: true }) boxed: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <span class=\"tag\" part=\"tag\">\n          {this.tag ?? <slot />}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAa,IAAM,uwB,MCSZC,EAAUC,EAAA,MAAAD,UAAAE,E,iFAEbC,IAEiBC,KAAoB,KAEpBC,MAAiB,MAE1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,MAAMC,KAAK,OACpBC,KAAKT,KAAOI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-tank-level-card.d.ts

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