@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/atoms/dialog/dialog.css

@@ -1,85 +0,0 @@
-:host {
-  display: contents;
-}
-
-.dialog {
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: inherit;
-  max-width: 90vw;
-  max-height: 90vh;
-  overflow: visible;
-}
-
-.dialog::backdrop {
-  background: rgba(0, 0, 0, 0.55);
-  backdrop-filter: blur(2px);
-}
-
-.content {
-  display: flex;
-  flex-direction: column;
-  background: var(--ind-surface-raised, light-dark(#ffffff, #1a2129));
-  border: 1px solid var(--ind-surface-border-default, #2a3340);
-  border-radius: var(--ind-radius-md, 3px);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-family: var(--ind-font-family-sans);
-  font-size: var(--ind-font-size-base, 12px);
-  max-height: 90vh;
-  overflow: hidden;
-}
-
-:host([size="sm"]) .content { width: 320px; }
-:host([size="md"]) .content { width: 480px; }
-:host([size="lg"]) .content { width: 720px; }
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);
-  border-bottom: 1px solid var(--ind-surface-border-subtle);
-}
-
-.heading {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  margin: 0;
-}
-
-.close {
-  background: transparent;
-  border: none;
-  color: inherit;
-  font-size: 20px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 2px 8px;
-  border-radius: var(--ind-radius-sm, 2px);
-}
-.close:hover { background: var(--ind-surface-panel); }
-.close:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);
-  outline-offset: 2px;
-}
-
-.body {
-  flex: 1;
-  overflow: auto;
-  padding: var(--ind-spacing-6, 16px);
-  line-height: var(--ind-font-line-height-normal, 1.4);
-}
-
-.footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);
-  border-top: 1px solid var(--ind-surface-border-subtle);
-}
-
-.footer.is-empty {
-  display: none;
-}

package/dist/collection/components/atoms/dialog/dialog.js

@@ -1,265 +0,0 @@
-import { h, Host, } from "@stencil/core";
-export class IndDialog {
-    host;
-    /** Open state. Two-way reflectable. */
-    open = false;
-    /** Heading rendered in the header bar. Becomes the accessible name. */
-    heading;
-    /** Size of the dialog content. */
-    size = 'md';
-    /** Close when the operator clicks outside the dialog content. */
-    closeOnBackdrop = true;
-    hasFooter = false;
-    indOpen;
-    /** Fires when the dialog closes — for any reason (ESC, backdrop, close button, .close()). */
-    indClose;
-    componentDidLoad() {
-        this.syncOpen();
-        this.watchFooter();
-    }
-    onOpenChange() {
-        this.syncOpen();
-    }
-    syncOpen() {
-        const dlg = this.host.shadowRoot?.querySelector('dialog');
-        if (!dlg)
-            return;
-        if (this.open && !dlg.open) {
-            dlg.showModal();
-            this.indOpen.emit();
-        }
-        else if (!this.open && dlg.open) {
-            dlg.close();
-        }
-    }
-    watchFooter() {
-        const slot = this.host.shadowRoot?.querySelector('slot[name="footer"]');
-        if (!slot)
-            return;
-        const update = () => {
-            this.hasFooter = slot.assignedNodes({ flatten: true }).some((n) => {
-                if (n.nodeType === Node.ELEMENT_NODE)
-                    return true;
-                return n.nodeType === Node.TEXT_NODE && (n.textContent ?? '').trim().length > 0;
-            });
-        };
-        update();
-        slot.addEventListener('slotchange', update);
-    }
-    /** Programmatically open. */
-    async show() {
-        this.open = true;
-    }
-    /** Programmatically close. */
-    async close() {
-        this.open = false;
-    }
-    onNativeClose = () => {
-        if (this.open) {
-            this.open = false;
-            this.indClose.emit();
-        }
-    };
-    onClick = (e) => {
-        if (!this.closeOnBackdrop)
-            return;
-        // The native <dialog> covers the whole viewport when open via showModal(),
-        // but its bounding box is the content. Clicks outside that box are on the backdrop.
-        const dlg = e.currentTarget;
-        if (e.target !== dlg)
-            return; // ignore clicks bubbling from inside .content
-        const r = dlg.getBoundingClientRect();
-        const inside = e.clientX >= r.left && e.clientX <= r.right &&
-            e.clientY >= r.top && e.clientY <= r.bottom;
-        if (!inside)
-            this.close();
-    };
-    render() {
-        return (h(Host, { key: '2fc6c8608a86b696f04a42989f9fa89e90c815ca' }, h("dialog", { key: '2ace88391803eeacc9ab918906db7ff01f96af05', class: "dialog", part: "dialog", "aria-label": this.heading, onClose: this.onNativeClose, onClick: this.onClick }, h("div", { key: '01d6bcd48e243524bf657559407e58ec70995752', class: "content", part: "content" }, this.heading && (h("header", { key: '930017b49c0ea7056eb5ec71efd30090bf5d2ef1', class: "header", part: "header" }, h("h2", { key: 'be329505ab6c8d2ae4b94ea399c1426c9bb2ca23', class: "heading", part: "heading" }, this.heading), h("button", { key: '6943d296514bb4035bc44f292fd9a3be42b96bd7', type: "button", class: "close", part: "close", "aria-label": "Close", onClick: () => this.close() }, "\u00D7"))), h("div", { key: '79277205e3a87957a9f4885a80ff2d88ff250615', class: "body", part: "body" }, h("slot", { key: 'c1bf7607910c5d5dff0bdaa14f9285be09aecbce' })), h("footer", { key: '102f2ea37b063d77f4874c619e134abad87161c9', class: { footer: true, 'is-empty': !this.hasFooter }, part: "footer" }, h("slot", { key: 'd6068ca633c113c5a9bf6bd87e793a96928ae95e', name: "footer" }))))));
-    }
-    static get is() { return "ind-dialog"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dialog.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dialog.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "open": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Open state. Two-way reflectable."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "open",
-                "defaultValue": "false"
-            },
-            "heading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Heading rendered in the header bar. Becomes the accessible name."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DialogSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "DialogSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/dialog/dialog.tsx",
-                            "id": "src/components/atoms/dialog/dialog.tsx::DialogSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the dialog content."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "closeOnBackdrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Close when the operator clicks outside the dialog content."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "close-on-backdrop",
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "hasFooter": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indOpen",
-                "name": "indOpen",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "indClose",
-                "name": "indClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when the dialog closes \u2014 for any reason (ESC, backdrop, close button, .close())."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "show": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Programmatically open.",
-                    "tags": []
-                }
-            },
-            "close": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Programmatically close.",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "onOpenChange"
-            }];
-    }
-}
-//# sourceMappingURL=dialog.js.map

package/dist/collection/components/atoms/divider/divider.css

@@ -1,16 +0,0 @@
-:host {
-  display: block;
-  background: var(--ind-surface-border-default, #2a3340);
-  flex-shrink: 0;
-}
-
-:host([orientation="horizontal"]) {
-  width: 100%;
-  height: 1px;
-}
-
-:host([orientation="vertical"]) {
-  height: 100%;
-  min-height: 1em;
-  width: 1px;
-}

package/dist/collection/components/atoms/divider/divider.js

@@ -1,50 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndDivider {
-    orientation = 'horizontal';
-    render() {
-        return h(Host, { key: 'eae104b602756afe326c0002f84d926134075e44', role: "separator", "aria-orientation": this.orientation });
-    }
-    static get is() { return "ind-divider"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["divider.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["divider.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "orientation": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DividerOrientation",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {
-                        "DividerOrientation": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/divider/divider.tsx",
-                            "id": "src/components/atoms/divider/divider.tsx::DividerOrientation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "orientation",
-                "defaultValue": "'horizontal'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=divider.js.map

package/dist/collection/components/atoms/estop/estop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"estop.js","sourceRoot":"","sources":["../../../../src/components/atoms/estop/estop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAS9E,MAAM,OAAO,QAAQ;IACnB,gEAAgE;IACxB,OAAO,GAAY,KAAK,CAAC;IACjE,gBAAgB;IACS,QAAQ,GAAY,KAAK,CAAC;IACnD,YAAY;IACa,IAAI,GAAc,IAAI,CAAC;IAChD,qDAAqD;IAC7C,KAAK,CAAU;IAEvB,6CAA6C;IACpC,WAAW,CAAsB;IAC1C,8DAA8D;IACrD,QAAQ,CAAsB;IAE/B,KAAK,GAAG,GAAG,EAAE;QACnB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,gBAAgB,CAAC;QAC/C,OAAO,CACL,EAAC,IAAI;YACH,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,QAAQ,kBACC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBACjC,GAAG,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK;gBAEnB,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;oBAC5B,6DAAM,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAG,CACpC,CACA;YACT,6DAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAAE,OAAO,CAAQ,CAChD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type EstopSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-estop',\n  styleUrl: 'estop.css',\n  shadow: true,\n})\nexport class IndEstop {\n  /** Whether the mushroom button is latched (pressed/engaged). */\n  @Prop({ mutable: true, reflect: true }) engaged: boolean = false;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: EstopSize = 'md';\n  /** Visible caption. Defaults to \"EMERGENCY STOP\". */\n  @Prop() label?: string;\n\n  /** Fires when pressed to engage the stop. */\n  @Event() indActivate!: EventEmitter<void>;\n  /** Fires when reset (twist-release) from an engaged state. */\n  @Event() indReset!: EventEmitter<void>;\n\n  private press = () => {\n    if (this.disabled) return;\n    if (this.engaged) {\n      this.engaged = false;\n      this.indReset.emit();\n    } else {\n      this.engaged = true;\n      this.indActivate.emit();\n    }\n  };\n\n  render() {\n    const caption = this.label ?? 'EMERGENCY STOP';\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"btn\"\n          part=\"button\"\n          aria-pressed={this.engaged ? 'true' : 'false'}\n          aria-label={`${caption}${this.engaged ? ' — engaged' : ''}`}\n          disabled={this.disabled}\n          onClick={this.press}\n        >\n          <span class=\"ring\" part=\"ring\">\n            <span class=\"mushroom\" part=\"mushroom\" />\n          </span>\n        </button>\n        <span class=\"caption\" part=\"caption\">{caption}</span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/fan/fan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fan.js","sourceRoot":"","sources":["../../../../src/components/atoms/fan/fan.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;IACjB,iDAAiD;IACxB,KAAK,GAAmB,SAAS,CAAC;IAC3D,mBAAmB;IACM,IAAI,GAAkB,IAAI,CAAC;IACpD,qCAAqC;IAC7B,GAAG,CAAU;IACrB,mBAAmB;IACX,KAAK,CAAU;IAEvB,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC;QAC7C,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE;YACpD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM;gBACxD,+DAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;gBAC9C,0DAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE;oBACrD,6DAAM,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,+BAA+B,GAAG;oBACzD,6DAAM,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,+BAA+B,GAAG;oBACzD,6DAAM,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,+BAA+B,GAAG;oBACzD,6DAAM,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,+BAA+B,GAAG,CACvD;gBACJ,+DAAQ,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,GAAG,CAC1C;YACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAC3B,4DAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ;gBAC/C,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-fan',\n  styleUrls: ['../_equipment/equipment.css', 'fan.css'],\n  shadow: true,\n})\nexport class IndFan {\n  /** Process state. `running` spins the blades. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"FN-301\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'fan';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <g class=\"spin\" style={{ transformOrigin: '24px 24px' }}>\n            <path class=\"accent\" d=\"M24 24 C30 14, 34 18, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C34 30, 30 34, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C18 34, 14 30, 24 24 Z\" />\n            <path class=\"accent\" d=\"M24 24 C14 18, 18 14, 24 24 Z\" />\n          </g>\n          <circle class=\"hub\" cx=\"24\" cy=\"24\" r=\"2.5\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/gauge/gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gauge.js","sourceRoot":"","sources":["../../../../src/components/atoms/gauge/gauge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface GaugeZone {\n  from: number;\n  to: number;\n  /** CSS color or a state keyword resolved to a token. */\n  color: string;\n}\n\nexport type GaugeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-gauge',\n  styleUrl: 'gauge.css',\n  shadow: true,\n})\nexport class IndGauge {\n  /** Current value. */\n  @Prop() value: number = 0;\n  /** Scale minimum. */\n  @Prop() min: number = 0;\n  /** Scale maximum. */\n  @Prop() max: number = 100;\n  /** Colored zones along the arc (e.g. green/amber/red bands). Pass as a property. */\n  @Prop() zones: GaugeZone[] = [];\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Label / tag rendered under the value. */\n  @Prop() label?: string;\n  /** Decimal places for the value. */\n  @Prop() precision?: number;\n  /** Size. */\n  @Prop({ reflect: true }) size: GaugeSize = 'md';\n\n  // 270° sweep from 135° (bottom-left) clockwise to 405°/45° (bottom-right).\n  private readonly startAngle = 135;\n  private readonly sweep = 270;\n  private readonly cx = 50;\n  private readonly cy = 50;\n  private readonly r = 40;\n\n  private valueToAngle(v: number): number {\n    const span = this.max - this.min || 1;\n    const ratio = Math.min(1, Math.max(0, (v - this.min) / span));\n    return this.startAngle + ratio * this.sweep;\n  }\n\n  private polar(angleDeg: number, radius = this.r): { x: number; y: number } {\n    const a = (angleDeg * Math.PI) / 180;\n    return { x: this.cx + radius * Math.cos(a), y: this.cy + radius * Math.sin(a) };\n  }\n\n  private arc(fromV: number, toV: number, radius = this.r): string {\n    const a0 = this.valueToAngle(fromV);\n    const a1 = this.valueToAngle(toV);\n    const p0 = this.polar(a0, radius);\n    const p1 = this.polar(a1, radius);\n    const large = a1 - a0 > 180 ? 1 : 0;\n    return `M ${p0.x.toFixed(2)} ${p0.y.toFixed(2)} A ${radius} ${radius} 0 ${large} 1 ${p1.x.toFixed(2)} ${p1.y.toFixed(2)}`;\n  }\n\n  private formatted(): string {\n    if (!Number.isFinite(this.value)) return '--';\n    return this.precision !== undefined ? this.value.toFixed(this.precision) : String(this.value);\n  }\n\n  render() {\n    const needleAngle = this.valueToAngle(this.value);\n    const tip = this.polar(needleAngle, this.r - 6);\n    const name = this.label ?? 'gauge';\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={this.value}\n        aria-valuemin={this.min}\n        aria-valuemax={this.max}\n        aria-label={`${name}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}`}\n      >\n        <svg class=\"gauge\" part=\"gauge\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <path class=\"track\" part=\"track\" d={this.arc(this.min, this.max)} />\n          {(this.zones ?? []).map((z) => (\n            <path class=\"zone\" d={this.arc(z.from, z.to)} style={{ stroke: z.color }} />\n          ))}\n          <line class=\"needle\" part=\"needle\" x1={this.cx} y1={this.cy} x2={tip.x} y2={tip.y} />\n          <circle class=\"hub\" cx={this.cx} cy={this.cy} r=\"3.5\" />\n        </svg>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"number\" part=\"number\">{this.formatted()}</span>\n          {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        </div>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/heartbeat/heartbeat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heartbeat.js","sourceRoot":"","sources":["../../../../src/components/atoms/heartbeat/heartbeat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,YAAY;IACvB,yEAAyE;IAChD,KAAK,GAAY,IAAI,CAAC;IAE/C,yEAAyE;IACjE,QAAQ,GAAW,IAAI,CAAC;IAEhC,YAAY;IACa,IAAI,GAAkB,IAAI,CAAC;IAEpD,iDAAiD;IACzC,KAAK,CAAU;IAEvB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAC9E,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;YAE3D,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,iBAAa,MAAM;gBACjD,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG;gBACjC,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,CAC5B;YACN,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC9D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type HeartbeatSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-heartbeat',\n  styleUrl: 'heartbeat.css',\n  shadow: true,\n})\nexport class IndHeartbeat {\n  /** Whether the monitored source is alive. When false the pulse stops. */\n  @Prop({ reflect: true }) alive: boolean = true;\n\n  /** Beat interval in milliseconds (drives the pulse animation period). */\n  @Prop() interval: number = 1000;\n\n  /** Size. */\n  @Prop({ reflect: true }) size: HeartbeatSize = 'md';\n\n  /** Optional label rendered next to the pulse. */\n  @Prop() label?: string;\n\n  render() {\n    return (\n      <Host\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={this.label ?? (this.alive ? 'Heartbeat active' : 'Heartbeat lost')}\n        style={{ '--_period': `${Math.max(200, this.interval)}ms` }}\n      >\n        <span class=\"pulse\" part=\"pulse\" aria-hidden=\"true\">\n          <span class=\"core\" part=\"core\" />\n          <span class=\"ring\" part=\"ring\" />\n        </span>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/heater/heater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heater.js","sourceRoot":"","sources":["../../../../src/components/atoms/heater/heater.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,SAAS;IACpB,kDAAkD;IACzB,KAAK,GAAmB,SAAS,CAAC;IAC3D,mBAAmB;IACM,IAAI,GAAkB,IAAI,CAAC;IACpD,qCAAqC;IAC7B,GAAG,CAAU;IACrB,mBAAmB;IACX,KAAK,CAAU;IAEvB,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC;QAChD,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE;YAEpD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM;gBACxD,+DAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;gBAC9C,6DAAM,KAAK,EAAC,MAAM,EAAC,CAAC,EAAC,yEAAyE,GAAG,CAC7F;YACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAC3B,4DAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ;gBAC/C,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-heater',\n  styleUrls: ['../_equipment/equipment.css', 'heater.css'],\n  shadow: true,\n})\nexport class IndHeater {\n  /** Process state. `running` glows the element. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"EH-601\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'heater';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Heating element: circle with a resistive serpentine. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <path class=\"coil\" d=\"M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAsBzD,MAAM,KAAK,GAA6B;IACtC,KAAK,EAAE,yEAAyE;IAChF,IAAI,EAAE,yEAAyE;IAC/E,IAAI,EAAE,iUAAiU;IACvU,IAAI,EAAE,qCAAqC;IAC3C,eAAe,EAAE,cAAc;IAC/B,cAAc,EAAE,cAAc;IAC9B,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,uCAAuC;IAChD,IAAI,EAAE,yDAAyD;IAC/D,KAAK,EAAE,4BAA4B;IACnC,OAAO,EAAE,wEAAwE;IACjF,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,+DAA+D;CACxE,CAAC;AAOF,MAAM,OAAO,OAAO;IAClB,8EAA8E;IACrD,IAAI,CAAY;IACzC,YAAY;IACa,IAAI,GAAa,IAAI,CAAC;IAC/C,2EAA2E;IACnE,KAAK,CAAU;IAEvB,MAAM;QACJ,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,gBAAc,IAAI,CAAC,KAAK,iBAAe,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAClH,CAAC,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM;YAClE,YAAM,CAAC,EAAE,CAAC,GAAI,CACV,CACP,CAAC,CAAC,CAAC,CACF,eAAQ,CACT,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type IconName =\n  | 'alarm'\n  | 'bell'\n  | 'gear'\n  | 'home'\n  | 'chevron-right'\n  | 'chevron-down'\n  | 'check'\n  | 'close'\n  | 'warning'\n  | 'info'\n  | 'power'\n  | 'refresh'\n  | 'play'\n  | 'pause'\n  | 'stop'\n  | 'wrench';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\n\nconst PATHS: Record<IconName, string> = {\n  alarm: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',\n  bell: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',\n  gear: 'M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 12l-1.5-1 1-3 1.8.3a6.9 6.9 0 0 1 1.5-1.5L6.5 4l3-1L11 4.5a7 7 0 0 1 2 0L14.5 3l3 1-.3 1.8a7 7 0 0 1 1.5 1.5l1.8-.3 1 3-1.5 1a7 7 0 0 1 0 2l1.5 1-1 3-1.8-.3a7 7 0 0 1-1.5 1.5l.3 1.8-3 1-1.5-1.5a7 7 0 0 1-2 0L9.5 21l-3-1 .3-1.8A6.9 6.9 0 0 1 5.3 16.7L3.5 17l-1-3 1.5-1a7 7 0 0 1 0-2z',\n  home: 'M3 11l9-8 9 8M5 10v10h5v-6h4v6h5V10',\n  'chevron-right': 'M9 5l7 7-7 7',\n  'chevron-down': 'M5 9l7 7 7-7',\n  check: 'M4 12l5 5 11-11',\n  close: 'M5 5l14 14M19 5L5 19',\n  warning: 'M12 3l10 18H2L12 3zM12 9v5M12 17.5v.5',\n  info: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v6M12 7.5v.5',\n  power: 'M12 3v9M7 6a8 8 0 1 0 10 0',\n  refresh: 'M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2M18 3v4h-4M6 21v-4h4',\n  play: 'M7 4l13 8-13 8z',\n  pause: 'M8 4v16M16 4v16',\n  stop: 'M5 5h14v14H5z',\n  wrench: 'M21 5a4 4 0 0 1-5 5L7 19l-3-3 9-9a4 4 0 0 1 5-5l-3 3 1 1 3-3z',\n};\n\n@Component({\n  tag: 'ind-icon',\n  styleUrl: 'icon.css',\n  shadow: true,\n})\nexport class IndIcon {\n  /** Built-in icon name. Omit and use the default slot to pass a custom SVG. */\n  @Prop({ reflect: true }) name?: IconName;\n  /** Size. */\n  @Prop({ reflect: true }) size: IconSize = 'md';\n  /** Accessible label. When omitted the icon is decorative (aria-hidden). */\n  @Prop() label?: string;\n\n  render() {\n    const decorative = !this.label;\n    const d = this.name ? PATHS[this.name] : undefined;\n    return (\n      <Host role={decorative ? 'presentation' : 'img'} aria-label={this.label} aria-hidden={decorative ? 'true' : undefined}>\n        {d ? (\n          <svg class=\"icon\" part=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d={d} />\n          </svg>\n        ) : (\n          <slot />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/input/input.css

@@ -1,92 +0,0 @@
-:host {
-  display: inline-block;
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_h: var(--ind-size-input-md, 32px);
-}
-
-:host([size="sm"]) { --_h: var(--ind-size-input-sm, 24px); }
-:host([size="md"]) { --_h: var(--ind-size-input-md, 32px); }
-:host([size="lg"]) { --_h: var(--ind-size-input-lg, 40px); }
-
-.wrap {
-  display: inline-flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-2, 4px);
-  min-width: 160px;
-  max-width: 100%;
-}
-
-.label {
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-medium, 500);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.field {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  height: var(--_h);
-  padding: 0 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);
-  transition:
-    border-color var(--ind-motion-duration-fast, 120ms),
-    box-shadow   var(--ind-motion-duration-fast, 120ms);
-}
-
-.field.is-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);
-}
-
-.input {
-  flex: 1;
-  min-width: 0;
-  height: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.input::placeholder {
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  opacity: 1;
-}
-
-:host([type="number"]) .input {
-  font-family: var(--ind-font-family-mono);
-  font-variant-numeric: tabular-nums;
-}
-
-:host([invalid]) .field {
-  border-color: var(--ind-feedback-error-bg, #dc2626);
-}
-:host([invalid]) .field.is-focus {
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);
-}
-
-:host([disabled]) {
-  opacity: 0.55;
-  pointer-events: none;
-}
-
-:host([readonly]) .field {
-  background: var(--ind-surface-panel, light-dark(#f4f6f9, #11161c));
-}
-
-::slotted([slot="prefix"]),
-::slotted([slot="suffix"]) {
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  font-size: var(--ind-font-size-sm, 11px);
-  font-family: var(--ind-font-family-mono);
-  white-space: nowrap;
-}

package/dist/collection/components/atoms/input/input.js

@@ -36,7 +36,7 @@ export class IndInput {
         this.indChange.emit(v);
     };
     render() {
-        return (h(Host, { key: 'bb19139e219e04af88a8d60ef7189b1fe75cb9fa' }, h("label", { key: '95047b762b29dddf02e1236c4febb7bd175a5375', class: "wrap", part: "wrap" }, this.label && h("span", { key: '3dfe06b89e8022fc4dc74e29d73edd4684ca7305', class: "label", part: "label" }, this.label), h("span", { key: '4714f42749f9018c7a472c85d4ce59537ac60b1f', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, h("slot", { key: '97e0af1ba3eec75684483fa1fb76d08eec886075', name: "prefix" }), h("input", { key: '3764cd35fb827430a05af94b3fd2164d1f812cfa', part: "input", class: "input", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, pattern: this.pattern, autocomplete: this.autocomplete, inputMode: this.mode, "aria-invalid": this.invalid ? 'true' : 'false', onFocus: () => (this.hasFocus = true), onBlur: () => (this.hasFocus = false), onInput: this.onInput, onChange: this.onChange }), h("slot", { key: '1fefcb0e2fa6efd3385aef0bbf8b228578915c3a', name: "suffix" })))));
+        return (h(Host, { key: 'dcf35aa853a7a2add80577d244296620bb261803' }, h("label", { key: '348fb0868b752944e27ff1154f975a044e09419b', class: "wrap", part: "wrap" }, this.label && h("span", { key: '1d84bbb1ce396de514050b47e84187067be64217', class: "label", part: "label" }, this.label), h("span", { key: '774e1b7bc60d21ddb8288806687246652d4e3c68', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, h("slot", { key: '59316cc9345755e9257c8c0111dbb7708a523ca9', name: "prefix" }), h("input", { key: '58fd74afcef00c48c587029c5c4d68c1bb9bc999', part: "input", class: "input", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, pattern: this.pattern, autocomplete: this.autocomplete, inputMode: this.mode, "aria-invalid": this.invalid ? 'true' : 'false', onFocus: () => (this.hasFocus = true), onBlur: () => (this.hasFocus = false), onInput: this.onInput, onChange: this.onChange }), h("slot", { key: 'a2e65d9d230e5ceed0a5732ab17892c3b239535f', name: "suffix" })))));
     }
     static get is() { return "ind-input"; }
     static get encapsulation() { return "shadow"; }