@ind-ds/core 0.1.1 → 0.2.1

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;

package/dist/components/ind-tank-level-card.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as i,t as n}from"./index.js";import{d as s}from"./p-Dnxar2_f.js";import{d as r}from"./p-DC9NDak5.js";import{d}from"./p-BInyhy9s.js";const l=()=>`: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 c=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{flex:0 0 auto}.metrics{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);margin-left:auto;align-items:flex-end;text-align:right}`;const o=()=>`:host{min-width:210px}ind-linear-gauge{width:100%}`;const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}tag;label;state="running";level=0;alarm="none";capacity;unit="L";render(){const a=Math.min(100,Math.max(0,this.level));const e=this.label??this.tag??"Tank";const n=this.alarm==="high"?"high":this.alarm==="low"?"low":"none";return t(i,{key:"5d6a6f6b6548d7ba5addfdc1db0d823ca95b4ad4",role:"group","aria-label":`${e} level ${Math.round(a)} percent`},t("div",{key:"a7a312f8303325cf679702176dc905a715551a8b",class:"card-head"},t("span",{key:"2f063cf5494e5bed48e2e01ea4821030cdf974ca",class:"card-title",part:"label"},e),this.tag&&t("span",{key:"b41273e27e1ef980837ec53f6e678d52d3d850ea",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"0add427bf608da5e11895e0f34b422a1fd0bcffd",class:"body",part:"body"},t("ind-tank",{key:"b20d9ff05ba43b9bdbb692420b27bae809ed62ef",class:"symbol",state:this.state,level:a,alarm:this.alarm,size:"md"}),t("div",{key:"a593e704843bf704266732312424f1c27b835532",class:"metrics",part:"metrics"},t("ind-value",{key:"91abab48fbc9e642e597a56ceb3720c4b8a9ecc9",value:a,unit:"%",precision:0,alarm:n,label:"Level",size:"lg"}),this.capacity!==undefined&&t("ind-value",{key:"f0cbf620bcd7e840a1f89e3b5c91ee6c3b2aa456",value:this.capacity*a/100,unit:this.unit,precision:0,label:"Volume",size:"sm"}))),t("ind-linear-gauge",{key:"6962c05beb268f96fdbb9608f33e42882bd0aff7",part:"gauge",value:a,min:0,max:100,orientation:"horizontal",unit:"%",size:"sm"}))}static get style(){return l()+(c()+o())}},[513,"ind-tank-level-card",{tag:[1],label:[1],state:[513],level:[2],alarm:[513],capacity:[2],unit:[1]}]);function b(){if(typeof customElements==="undefined"){return}const a=["ind-tank-level-card","ind-linear-gauge","ind-tank","ind-value"];a.forEach((a=>{switch(a){case"ind-tank-level-card":if(!customElements.get(n(a))){customElements.define(n(a),f)}break;case"ind-linear-gauge":if(!customElements.get(n(a))){s()}break;case"ind-tank":if(!customElements.get(n(a))){r()}break;case"ind-value":if(!customElements.get(n(a))){d()}break}}))}b();const u=f;const m=b;export{u as IndTankLevelCard,m as defineCustomElement};
+//# sourceMappingURL=ind-tank-level-card.js.map

package/dist/components/ind-tank-level-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","equipmentCardCss","tankLevelCardCss","IndTankLevelCard","__stencil_proxyCustomElement","HTMLElement","tag","label","state","level","alarm","capacity","unit","render","pct","Math","min","max","this","name","valueAlarm","h","Host","key","role","round","class","part","size","value","precision","undefined","orientation"],"sources":["src/components/molecules/_shared/card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/_shared/equipment-card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/tank-level-card/tank-level-card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/tank-level-card/tank-level-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","/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).\n * Loaded after card.css and before each component's own sheet. */\n.body {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n  flex: 0 0 auto;\n}\n\n.metrics {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  margin-left: auto;\n  align-items: flex-end;\n  text-align: right;\n}\n",":host {\n  min-width: 210px;\n}\n\nind-linear-gauge {\n  width: 100%;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\n\nexport type TankAlarm = 'none' | 'low' | 'high';\n\n/**\n * Tank level faceplate: `<ind-tank>` symbol with a level readout and a\n * `<ind-linear-gauge>` showing the fill against low/high alarm bands.\n */\n@Component({\n  tag: 'ind-tank-level-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'tank-level-card.css'],\n  shadow: true,\n})\nexport class IndTankLevelCard {\n  /** Equipment tag (e.g. \"T-204\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Buffer tank\"). */\n  @Prop() label?: string;\n  /** Equipment state (drives fault chrome and tank outline). */\n  @Prop({ reflect: true }) state: EquipmentState = 'running';\n  /** Current level 0–100 %. */\n  @Prop() level: number = 0;\n  /** Alarm tint of the liquid. */\n  @Prop({ reflect: true }) alarm: TankAlarm = 'none';\n  /** Engineering capacity for the secondary readout (e.g. 5000). */\n  @Prop() capacity?: number;\n  /** Capacity unit (e.g. \"L\"). */\n  @Prop() unit: string = 'L';\n\n  render() {\n    const pct = Math.min(100, Math.max(0, this.level));\n    const name = this.label ?? this.tag ?? 'Tank';\n    const valueAlarm = this.alarm === 'high' ? 'high' : this.alarm === 'low' ? 'low' : 'none';\n    return (\n      <Host role=\"group\" aria-label={`${name} level ${Math.round(pct)} percent`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{name}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <ind-tank class=\"symbol\" state={this.state} level={pct} alarm={this.alarm} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            <ind-value value={pct} unit=\"%\" precision={0} alarm={valueAlarm} label=\"Level\" size=\"lg\" />\n            {this.capacity !== undefined && (\n              <ind-value\n                value={(this.capacity * pct) / 100}\n                unit={this.unit}\n                precision={0}\n                label=\"Volume\"\n                size=\"sm\"\n              />\n            )}\n          </div>\n        </div>\n        <ind-linear-gauge\n          part=\"gauge\"\n          value={pct}\n          min={0}\n          max={100}\n          orientation=\"horizontal\"\n          unit=\"%\"\n          size=\"sm\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAmB,IAAM,+NCA/B,MAAMC,EAAmB,IAAM,qD,MCclBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFAEnBC,IAEAC,MAEiBC,MAAwB,UAEzCC,MAAgB,EAECC,MAAmB,OAEpCC,SAEAC,KAAe,IAEvB,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGC,KAAKT,QAC3C,MAAMU,EAAOD,KAAKX,OAASW,KAAKZ,KAAO,OACvC,MAAMc,EAAaF,KAAKR,QAAU,OAAS,OAASQ,KAAKR,QAAU,MAAQ,MAAQ,OACnF,OACEW,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGL,WAAcJ,KAAKU,MAAMX,cACzDO,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,SAASR,GACtCD,KAAKZ,KAAOe,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,OAAOT,KAAKZ,MAEvDe,EAAA,OAAAE,IAAA,2CAAKG,MAAM,OAAOC,KAAK,QACrBN,EAAA,YAAAE,IAAA,2CAAUG,MAAM,SAASlB,MAAOU,KAAKV,MAAOC,MAAOK,EAAKJ,MAAOQ,KAAKR,MAAOkB,KAAK,OAChFP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,UAAUC,KAAK,WACxBN,EAAA,aAAAE,IAAA,2CAAWM,MAAOf,EAAKF,KAAK,IAAIkB,UAAW,EAAGpB,MAAOU,EAAYb,MAAM,QAAQqB,KAAK,OACnFV,KAAKP,WAAaoB,WACjBV,EAAA,aAAAE,IAAA,2CACEM,MAAQX,KAAKP,SAAWG,EAAO,IAC/BF,KAAMM,KAAKN,KACXkB,UAAW,EACXvB,MAAM,SACNqB,KAAK,SAKbP,EAAA,oBAAAE,IAAA,2CACEI,KAAK,QACLE,MAAOf,EACPE,IAAK,EACLC,IAAK,IACLe,YAAY,aACZpB,KAAK,IACLgB,KAAK,O","ignoreList":[]}

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

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

package/dist/components/ind-tank.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as t,h as i,a as n,t as s}from"./index.js";import{d as r}from"./p-BFESjyKK.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`:host{min-width:210px}.mode{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-muted)}.mode-heating{color:var(--ind-state-fault-bg, #dc2626)}.mode-cooling{color:var(--ind-color-palette-cyan-300, #22d3ee)}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}label;tag;value=20;pv;min=0;max=200;step=.5;precision=1;unit="°C";disabled=false;mode="idle";indChange;onChange=e=>{e.stopPropagation();this.value=e.detail;this.indChange.emit(e.detail)};render(){const e=this.mode==="heating"?"Heating":this.mode==="cooling"?"Cooling":"Idle";const a=this.mode==="heating"?"🔥":this.mode==="cooling"?"❄":"○";return i(n,{key:"0e8701bc6e89c38f88a4f9b7de7c20e5daeff9c2"},i("div",{key:"023aefad2dbebe2d6f79974010416c6aacd35abb",class:"card-head"},i("span",{key:"262f3a73e2e0a53b3fd6c1587aaa8e051e06b28c",class:"card-title",part:"label"},this.label),this.tag&&i("span",{key:"0c9a041e54488b1efa69fc56a8b18c95ec2796b2",class:"card-tag",part:"tag"},this.tag)),i("div",{key:"1b82accfe0f72b351c570ce6ad1a1752cbb1abac",class:`mode mode-${this.mode}`,part:"mode"},i("span",{key:"3e87998079be0552869ce9d4b716e061dc08cca0",class:"glyph","aria-hidden":"true"},a),i("span",{key:"1840ecae368882e89cef466bce4fa5193f50e857"},e)),i("ind-setpoint",{key:"7a7b98088e7928cbef79f10ff3b47d31b78b4bb6",part:"setpoint",value:this.value,pv:this.pv,min:this.min,max:this.max,step:this.step,precision:this.precision,unit:this.unit,disabled:this.disabled,size:"md",onIndChange:this.onChange}))}static get style(){return d()+o()}},[513,"ind-temperature-control",{label:[1],tag:[1],value:[1026],pv:[2],min:[2],max:[2],step:[2],precision:[2],unit:[1],disabled:[4],mode:[513]}]);function l(){if(typeof customElements==="undefined"){return}const e=["ind-temperature-control","ind-setpoint"];e.forEach((e=>{switch(e){case"ind-temperature-control":if(!customElements.get(s(e))){customElements.define(s(e),c)}break;case"ind-setpoint":if(!customElements.get(s(e))){r()}break}}))}l();const f=c;const p=l;export{f as IndTemperatureControl,p as defineCustomElement};
+//# sourceMappingURL=ind-temperature-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","temperatureControlCss","IndTemperatureControl","__stencil_proxyCustomElement","HTMLElement","label","tag","value","pv","min","max","step","precision","unit","disabled","mode","indChange","onChange","e","stopPropagation","this","detail","emit","render","modeLabel","glyph","h","Host","key","class","part","size","onIndChange"],"sources":["src/components/molecules/_shared/card.css?tag=ind-temperature-control&encapsulation=shadow","src/components/molecules/temperature-control/temperature-control.css?tag=ind-temperature-control&encapsulation=shadow","src/components/molecules/temperature-control/temperature-control.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 210px;\n}\n\n.mode {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-muted);\n}\n\n.mode-heating { color: var(--ind-state-fault-bg, #dc2626); }\n.mode-cooling { color: var(--ind-color-palette-cyan-300, #22d3ee); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ThermalMode = 'idle' | 'heating' | 'cooling';\n\n/**\n * Temperature loop faceplate: setpoint vs process value plus a heating/cooling\n * indicator. Re-emits the committed setpoint.\n */\n@Component({\n  tag: 'ind-temperature-control',\n  styleUrls: ['../_shared/card.css', 'temperature-control.css'],\n  shadow: true,\n})\nexport class IndTemperatureControl {\n  /** Loop label (e.g. \"Reactor jacket\"). */\n  @Prop() label!: string;\n  /** Loop tag (e.g. \"TIC-301\"). */\n  @Prop() tag?: string;\n  /** Target temperature (two-way). */\n  @Prop({ mutable: true }) value: number = 20;\n  /** Live process temperature. */\n  @Prop() pv?: number;\n  @Prop() min: number = 0;\n  @Prop() max: number = 200;\n  @Prop() step: number = 0.5;\n  @Prop() precision: number = 1;\n  /** Temperature unit (default °C). */\n  @Prop() unit: string = '°C';\n  @Prop() disabled: boolean = false;\n  /** Current thermal action — drives the indicator. */\n  @Prop({ reflect: true }) mode: ThermalMode = 'idle';\n\n  /** Committed setpoint. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onChange = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    const modeLabel = this.mode === 'heating' ? 'Heating' : this.mode === 'cooling' ? 'Cooling' : 'Idle';\n    const glyph = this.mode === 'heating' ? '🔥' : this.mode === 'cooling' ? '❄' : '○';\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class={`mode mode-${this.mode}`} part=\"mode\">\n          <span class=\"glyph\" aria-hidden=\"true\">{glyph}</span>\n          <span>{modeLabel}</span>\n        </div>\n        <ind-setpoint\n          part=\"setpoint\"\n          value={this.value}\n          pv={this.pv}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          precision={this.precision}\n          unit={this.unit}\n          disabled={this.disabled}\n          size=\"md\"\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAwB,IAAM,qV,MCavBC,EAAqBC,EAAA,MAAAD,UAAAE,E,oHAExBC,MAEAC,IAEiBC,MAAgB,GAEjCC,GACAC,IAAc,EACdC,IAAc,IACdC,KAAe,GACfC,UAAoB,EAEpBC,KAAe,KACfC,SAAoB,MAEHC,KAAoB,OAGpCC,UAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKb,MAAQW,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAE,GACE,MAAMC,EAAYJ,KAAKL,OAAS,UAAY,UAAYK,KAAKL,OAAS,UAAY,UAAY,OAC9F,MAAMU,EAAQL,KAAKL,OAAS,UAAY,KAAOK,KAAKL,OAAS,UAAY,IAAM,IAC/E,OACEW,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAASV,KAAKf,OAC3Ce,KAAKd,KAAOoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,OAAOV,KAAKd,MAEvDoB,EAAA,OAAAE,IAAA,2CAAKC,MAAO,aAAaT,KAAKL,OAAQe,KAAK,QACzCJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAO,cAAa,QAAQJ,GACxCC,EAAA,QAAAE,IAAA,4CAAOJ,IAETE,EAAA,gBAAAE,IAAA,2CACEE,KAAK,WACLvB,MAAOa,KAAKb,MACZC,GAAIY,KAAKZ,GACTC,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,KAAMS,KAAKT,KACXC,UAAWQ,KAAKR,UAChBC,KAAMO,KAAKP,KACXC,SAAUM,KAAKN,SACfiB,KAAK,KACLC,YAAaZ,KAAKH,W","ignoreList":[]}

package/dist/components/ind-textarea.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,c as t,h as r,a as i,t as n}from"./index.js";const o=()=>`:host{display:inline-block;width:100%;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.wrap{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.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}.textarea{width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);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);font-family:inherit;font-size:var(--ind-font-size-base, 12px);line-height:var(--ind-font-line-height-normal, 1.4);color:inherit;resize:vertical;outline:none;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.textarea:focus{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)}.textarea::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([variant="mono"]) .textarea{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-tight, 1.4);background:var(--ind-color-palette-neutral-0, #000000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border-color:var(--ind-surface-border-strong, #5a6776)}:host([invalid]) .textarea{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([readonly]) .textarea{cursor:default}:host([disabled]){opacity:0.55;pointer-events:none}`;const s=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indInput=t(this,"indInput");this.indChange=t(this,"indChange")}get host(){return this}value="";placeholder;label;name;rows=4;size="md";variant="default";disabled=false;readonly=false;invalid=false;autoScroll=false;indInput;indChange;componentDidLoad(){if(this.autoScroll)this.scrollToBottom()}onValueChange(){if(this.autoScroll)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const a=this.host.shadowRoot?.querySelector("textarea");if(a)a.scrollTop=a.scrollHeight}))}onInput=a=>{const e=a.target.value;this.value=e;this.indInput.emit(e)};onChange=a=>{this.indChange.emit(a.target.value)};render(){return r(i,{key:"a4ca904c7a9ca65900e0ccc696aab66429bdde71"},r("label",{key:"57f1880efe8a30a2bd5e1253c81f058360519c9f",class:"wrap",part:"wrap"},this.label&&r("span",{key:"aa0367d91235eca6d69fd520617ea831b1ac71fc",class:"label",part:"label"},this.label),r("textarea",{key:"2248ea771f4ac6f8ae9fb0cc12ea4ed038e7ab24",part:"textarea",class:"textarea",placeholder:this.placeholder,rows:this.rows,disabled:this.disabled,readonly:this.readonly,name:this.name,"aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onChange:this.onChange},this.value)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return o()}},[513,"ind-textarea",{value:[1025],placeholder:[1],label:[1],name:[1],rows:[2],size:[513],variant:[513],disabled:[516],readonly:[516],invalid:[516],autoScroll:[4,"auto-scroll"]},undefined,{value:[{onValueChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-textarea"];a.forEach((a=>{switch(a){case"ind-textarea":if(!customElements.get(n(a))){customElements.define(n(a),s)}break}}))}d();const l=s;const c=d;export{l as IndTextarea,c as defineCustomElement};
+import{p as a,H as e,c as t,h as r,a as i,t as n}from"./index.js";const o=()=>`:host{display:inline-block;width:100%;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.wrap{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.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}.textarea{width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);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);font-family:inherit;font-size:var(--ind-font-size-base, 12px);line-height:var(--ind-font-line-height-normal, 1.4);color:inherit;resize:vertical;outline:none;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.textarea:focus{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)}.textarea::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([variant="mono"]) .textarea{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-tight, 1.4);background:var(--ind-color-palette-neutral-0, #000000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border-color:var(--ind-surface-border-strong, #5a6776)}:host([invalid]) .textarea{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([readonly]) .textarea{cursor:default}:host([disabled]){opacity:0.55;pointer-events:none}`;const s=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indInput=t(this,"indInput");this.indChange=t(this,"indChange")}get host(){return this}value="";placeholder;label;name;rows=4;size="md";variant="default";disabled=false;readonly=false;invalid=false;autoScroll=false;indInput;indChange;componentDidLoad(){if(this.autoScroll)this.scrollToBottom()}onValueChange(){if(this.autoScroll)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const a=this.host.shadowRoot?.querySelector("textarea");if(a)a.scrollTop=a.scrollHeight}))}onInput=a=>{const e=a.target.value;this.value=e;this.indInput.emit(e)};onChange=a=>{this.indChange.emit(a.target.value)};render(){return r(i,{key:"57426919f6763e39da55fc5bf1366a5c9ce24436"},r("label",{key:"c0cc807246cd070846c50ad4124297fb1bd2d95d",class:"wrap",part:"wrap"},this.label&&r("span",{key:"e3a2d9a38526b6cee6f5b07e228dba59daf5d212",class:"label",part:"label"},this.label),r("textarea",{key:"8b0f6fa3c2b4457db390bf44b06c81e089724da2",part:"textarea",class:"textarea",placeholder:this.placeholder,rows:this.rows,disabled:this.disabled,readonly:this.readonly,name:this.name,"aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onChange:this.onChange},this.value)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return o()}},[513,"ind-textarea",{value:[1025],placeholder:[1],label:[1],name:[1],rows:[2],size:[513],variant:[513],disabled:[516],readonly:[516],invalid:[516],autoScroll:[4,"auto-scroll"]},undefined,{value:[{onValueChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-textarea"];a.forEach((a=>{switch(a){case"ind-textarea":if(!customElements.get(n(a))){customElements.define(n(a),s)}break}}))}d();const l=s;const c=d;export{l as IndTextarea,c as defineCustomElement};
 //# sourceMappingURL=ind-textarea.js.map

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

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

package/dist/components/ind-timestamp.js

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

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

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

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

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

package/dist/components/ind-toggle.js

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

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

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

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

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

package/dist/components/ind-tree-node.d.ts

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