@ind-ds/core 0.1.1 → 0.2.0

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

@@ -0,0 +1,171 @@
+import { h, Host } from "@stencil/core";
+export class IndCounter {
+    /** Numeric value. */
+    value = 0;
+    /** Clamp the displayed value, rendering e.g. "99+" beyond this. */
+    max;
+    /** Semantic color. */
+    variant = 'neutral';
+    /** Size. */
+    size = 'md';
+    /** Optional label rendered before the count. */
+    label;
+    /** Render as a small circular dot when the value is 0 (no number). */
+    dotWhenZero = false;
+    display() {
+        if (this.max !== undefined && this.value > this.max)
+            return `${this.max}+`;
+        return String(this.value);
+    }
+    render() {
+        const zeroDot = this.dotWhenZero && this.value === 0;
+        return (h(Host, { key: '48026380f78d108475e632677800e9c36ecba2a7', role: "status", "aria-label": `${this.label ? this.label + ': ' : ''}${this.value}` }, this.label && h("span", { key: '7ebaf39bda7222c110cf2006d63abc59f649aa3a', class: "label", part: "label" }, this.label), h("span", { key: 'c3185a7fcfea5f3b4666d9216006b56e27544707', class: { count: true, 'is-dot': zeroDot }, part: "count" }, !zeroDot && this.display())));
+    }
+    static get is() { return "ind-counter"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["counter.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["counter.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Numeric value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "0"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Clamp the displayed value, rendering e.g. \"99+\" beyond this."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CounterVariant",
+                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+                    "references": {
+                        "CounterVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/counter/counter.tsx",
+                            "id": "src/components/atoms/counter/counter.tsx::CounterVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Semantic color."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'neutral'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CounterSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "CounterSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/counter/counter.tsx",
+                            "id": "src/components/atoms/counter/counter.tsx::CounterSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional label rendered before the count."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "dotWhenZero": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Render as a small circular dot when the value is 0 (no number)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "dot-when-zero",
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=counter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../../src/components/atoms/counter/counter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD,MAAM,OAAO,UAAU;IACrB,qBAAqB;IACb,KAAK,GAAW,CAAC,CAAC;IAE1B,mEAAmE;IAC3D,GAAG,CAAU;IAErB,sBAAsB;IACG,OAAO,GAAmB,SAAS,CAAC;IAE7D,YAAY;IACa,IAAI,GAAgB,IAAI,CAAC;IAElD,gDAAgD;IACxC,KAAK,CAAU;IAEvB,sEAAsE;IAC7C,WAAW,GAAY,KAAK,CAAC;IAE9C,OAAO;QACb,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG;YAAE,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;QAC3E,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,QAAQ,gBAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;YAClF,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;YACnE,6DAAM,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAC,OAAO,IAC1D,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE,CACtB,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CounterVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';\nexport type CounterSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-counter',\n  styleUrl: 'counter.css',\n  shadow: true,\n})\nexport class IndCounter {\n  /** Numeric value. */\n  @Prop() value: number = 0;\n\n  /** Clamp the displayed value, rendering e.g. \"99+\" beyond this. */\n  @Prop() max?: number;\n\n  /** Semantic color. */\n  @Prop({ reflect: true }) variant: CounterVariant = 'neutral';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: CounterSize = 'md';\n\n  /** Optional label rendered before the count. */\n  @Prop() label?: string;\n\n  /** Render as a small circular dot when the value is 0 (no number). */\n  @Prop({ reflect: true }) dotWhenZero: boolean = false;\n\n  private display(): string {\n    if (this.max !== undefined && this.value > this.max) return `${this.max}+`;\n    return String(this.value);\n  }\n\n  render() {\n    const zeroDot = this.dotWhenZero && this.value === 0;\n    return (\n      <Host role=\"status\" aria-label={`${this.label ? this.label + ': ' : ''}${this.value}`}>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        <span class={{ count: true, 'is-dot': zeroDot }} part=\"count\">\n          {!zeroDot && this.display()}\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/datetime-picker/datetime-picker.css

@@ -0,0 +1,46 @@
+:host {
+  display: inline-block;
+  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
+  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
+  --_h: 26px;
+}
+
+:host([size="sm"]) { --_h: 22px; }
+:host([size="lg"]) { --_h: 32px; }
+
+.wrap {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--ind-spacing-2, 4px);
+}
+
+.label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
+}
+
+.input {
+  height: var(--_h);
+  padding: 0 var(--ind-spacing-3, 6px);
+  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
+  font-size: var(--ind-font-size-base, 12px);
+  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
+  color: var(--ind-surface-text-primary, #eef1f5);
+  background: var(--ind-surface-sunken, light-dark(#fff, #000));
+  border: 1px solid var(--ind-surface-border-default, #2a3340);
+  border-radius: var(--ind-radius-sm, 2px);
+  color-scheme: dark light;
+}
+
+.input:focus-visible {
+  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);
+  outline-offset: 0;
+}
+
+.input:disabled { opacity: 0.5; cursor: not-allowed; }
+
+:host([invalid]) .input {
+  border-color: var(--ind-state-fault-bg, #dc2626);
+}

package/dist/collection/components/atoms/datetime-picker/datetime-picker.js

@@ -0,0 +1,275 @@
+import { h, Host } from "@stencil/core";
+export class IndDateTimePicker {
+    /** Picker mode (maps to the native input type). */
+    mode = 'datetime-local';
+    /** Current ISO value. */
+    value = '';
+    /** Min bound (ISO). */
+    min;
+    /** Max bound (ISO). */
+    max;
+    /** Step (seconds for time-based modes). */
+    step;
+    /** Disabled. */
+    disabled = false;
+    /** Invalid state. */
+    invalid = false;
+    /** Size. */
+    size = 'md';
+    /** Visible label. */
+    label;
+    /** Field name (forms). */
+    name;
+    /** Fires on commit. */
+    indChange;
+    onChange = (e) => {
+        const v = e.target.value;
+        this.value = v;
+        this.indChange.emit(v);
+    };
+    render() {
+        return (h(Host, { key: 'adbe5d948799289119a3271a5a13853499194df9' }, h("label", { key: '1ad4d7391ced4d2215f33c0bda1e72922e46aa3c', class: "wrap", part: "wrap" }, this.label && h("span", { key: 'e009a29ae52273e383d099ea48e7a93f1948ac0f', class: "label", part: "label" }, this.label), h("input", { key: '758b22432cdc271ac603533257f04fb619297522', class: "input", part: "input", type: this.mode, value: this.value, min: this.min, max: this.max, step: this.step, name: this.name, disabled: this.disabled, "aria-invalid": this.invalid ? 'true' : 'false', "aria-label": this.label, onChange: this.onChange }))));
+    }
+    static get is() { return "ind-datetime-picker"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["datetime-picker.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["datetime-picker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DateTimeMode",
+                    "resolved": "\"date\" | \"datetime-local\" | \"month\" | \"time\" | \"week\"",
+                    "references": {
+                        "DateTimeMode": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/datetime-picker/datetime-picker.tsx",
+                            "id": "src/components/atoms/datetime-picker/datetime-picker.tsx::DateTimeMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Picker mode (maps to the native input type)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "mode",
+                "defaultValue": "'datetime-local'"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Current ISO value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "min": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Min bound (ISO)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min"
+            },
+            "max": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Max bound (ISO)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
+            },
+            "step": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Step (seconds for time-based modes)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "step"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "invalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Invalid state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "invalid",
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DateTimeSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "DateTimeSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/datetime-picker/datetime-picker.tsx",
+                            "id": "src/components/atoms/datetime-picker/datetime-picker.tsx::DateTimeSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Visible label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Field name (forms)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indChange",
+                "name": "indChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires on commit."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=datetime-picker.js.map

package/dist/collection/components/atoms/datetime-picker/datetime-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/datetime-picker/datetime-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAU9E,MAAM,OAAO,iBAAiB;IAC5B,mDAAmD;IAC1B,IAAI,GAAiB,gBAAgB,CAAC;IAC/D,yBAAyB;IACA,KAAK,GAAW,EAAE,CAAC;IAC5C,uBAAuB;IACf,GAAG,CAAU;IACrB,uBAAuB;IACf,GAAG,CAAU;IACrB,2CAA2C;IACnC,IAAI,CAAmB;IAC/B,gBAAgB;IACS,QAAQ,GAAY,KAAK,CAAC;IACnD,qBAAqB;IACI,OAAO,GAAY,KAAK,CAAC;IAClD,YAAY;IACa,IAAI,GAAiB,IAAI,CAAC;IACnD,qBAAqB;IACb,KAAK,CAAU;IACvB,0BAA0B;IAClB,IAAI,CAAU;IAEtB,uBAAuB;IACd,SAAS,CAAwB;IAElC,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC9B,MAAM,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;gBAC5B,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACnE,8DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAyB,EACpC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBACjC,IAAI,CAAC,KAAK,EACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACI,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type DateTimeMode = 'datetime-local' | 'date' | 'time' | 'month' | 'week';\nexport type DateTimeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-datetime-picker',\n  styleUrl: 'datetime-picker.css',\n  shadow: true,\n})\nexport class IndDateTimePicker {\n  /** Picker mode (maps to the native input type). */\n  @Prop({ reflect: true }) mode: DateTimeMode = 'datetime-local';\n  /** Current ISO value. */\n  @Prop({ mutable: true }) value: string = '';\n  /** Min bound (ISO). */\n  @Prop() min?: string;\n  /** Max bound (ISO). */\n  @Prop() max?: string;\n  /** Step (seconds for time-based modes). */\n  @Prop() step?: number | string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Invalid state. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: DateTimeSize = 'md';\n  /** Visible label. */\n  @Prop() label?: string;\n  /** Field name (forms). */\n  @Prop() name?: string;\n\n  /** Fires on commit. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <input\n            class=\"input\"\n            part=\"input\"\n            type={this.mode}\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            step={this.step as unknown as string}\n            name={this.name}\n            disabled={this.disabled}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            aria-label={this.label}\n            onChange={this.onChange}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -75,7 +75,7 @@ export class IndDialog {
             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" }))))));
+        return (h(Host, { key: '87b1b19e34124d336690c96e1eafc5dcdce689aa' }, h("dialog", { key: '98199eb56477658120f7ff9bc421fd388d956207', class: "dialog", part: "dialog", "aria-label": this.heading, onClose: this.onNativeClose, onClick: this.onClick }, h("div", { key: '058705a27904ca8dea5da499afca1ab2d040517a', class: "content", part: "content" }, this.heading && (h("header", { key: '0feedadbfec3051654dd9ce6968917afef5d97fc', class: "header", part: "header" }, h("h2", { key: 'd43f968c6248adafd0383bb2beae39d156c193db', class: "heading", part: "heading" }, this.heading), h("button", { key: '2bbafbf683baeb78cfeeba5f436d3449bc8041c5', type: "button", class: "close", part: "close", "aria-label": "Close", onClick: () => this.close() }, "\u00D7"))), h("div", { key: '71e78c288ebe5a9d5437a8dfb240b08ce4ee7aea', class: "body", part: "body" }, h("slot", { key: '81581e2f10629935fc08c02544144d7c9be00ebd' })), h("footer", { key: '9f3ae5dee0ea4d1c5300a9b0fd35662d1493c159', class: { footer: true, 'is-empty': !this.hasFooter }, part: "footer" }, h("slot", { key: '27c4a6d3e2c914acb40cddf3d57b944643af62a2', name: "footer" }))))));
     }
     static get is() { return "ind-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class IndDivider {
     orientation = 'horizontal';
     render() {
-        return h(Host, { key: 'eae104b602756afe326c0002f84d926134075e44', role: "separator", "aria-orientation": this.orientation });
+        return h(Host, { key: '177e60e429d2cf5cfd3faa97d34e3c605c1c898e', role: "separator", "aria-orientation": this.orientation });
     }
     static get is() { return "ind-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,69 @@
+:host {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--ind-spacing-2, 4px);
+  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
+  --_size: 56px;
+}
+
+:host([size="sm"]) { --_size: 40px; }
+:host([size="lg"]) { --_size: 80px; }
+
+.btn {
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+  line-height: 0;
+}
+
+.btn:disabled { cursor: not-allowed; opacity: 0.5; }
+
+.ring {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--_size);
+  height: var(--_size);
+  border-radius: 50%;
+  background: radial-gradient(circle at 50% 40%, #ffd400, #d9a900);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.mushroom {
+  display: block;
+  width: 72%;
+  height: 72%;
+  border-radius: 50%;
+  background: radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);
+  box-shadow:
+    inset 0 -3px 6px rgba(0, 0, 0, 0.5),
+    inset 0 2px 4px rgba(255, 255, 255, 0.4);
+  transition: transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease;
+}
+
+:host([engaged]) .mushroom {
+  transform: scale(0.86);
+  box-shadow:
+    inset 0 -1px 3px rgba(0, 0, 0, 0.6),
+    0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent);
+}
+
+.btn:focus-visible .ring {
+  outline: 3px solid var(--ind-surface-focus-ring, #67e8f9);
+  outline-offset: 3px;
+}
+
+.caption {
+  font-size: var(--ind-font-size-xs, 10px);
+  font-weight: var(--ind-font-weight-bold, 700);
+  letter-spacing: 0.04em;
+  color: var(--ind-state-fault-bg, #dc2626);
+  text-align: center;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mushroom { transition: none; }
+}