@ind-ds/core 0.1.0

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

@@ -0,0 +1,331 @@
+import { h, Host, } from "@stencil/core";
+export class IndTextarea {
+    host;
+    value = '';
+    placeholder;
+    label;
+    name;
+    rows = 4;
+    size = 'md';
+    /** `mono` swaps to JetBrains Mono and small font — for logs and MQTT streams. */
+    variant = 'default';
+    disabled = false;
+    readonly = false;
+    invalid = false;
+    /** When true, auto-scrolls to bottom whenever `value` changes. Pair with `readonly` for log streams. */
+    autoScroll = false;
+    indInput;
+    indChange;
+    componentDidLoad() {
+        if (this.autoScroll)
+            this.scrollToBottom();
+    }
+    onValueChange() {
+        if (this.autoScroll)
+            this.scrollToBottom();
+    }
+    scrollToBottom() {
+        requestAnimationFrame(() => {
+            const ta = this.host.shadowRoot?.querySelector('textarea');
+            if (ta)
+                ta.scrollTop = ta.scrollHeight;
+        });
+    }
+    onInput = (e) => {
+        const v = e.target.value;
+        this.value = v;
+        this.indInput.emit(v);
+    };
+    onChange = (e) => {
+        this.indChange.emit(e.target.value);
+    };
+    render() {
+        return (h(Host, { key: 'a4ca904c7a9ca65900e0ccc696aab66429bdde71' }, h("label", { key: '57f1880efe8a30a2bd5e1253c81f058360519c9f', class: "wrap", part: "wrap" }, this.label && h("span", { key: 'aa0367d91235eca6d69fd520617ea831b1ac71fc', class: "label", part: "label" }, this.label), h("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 is() { return "ind-textarea"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["textarea.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["textarea.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            },
+            "rows": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rows",
+                "defaultValue": "4"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextareaSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "TextareaSize": {
+                            "location": "local",
+                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/textarea/textarea.tsx",
+                            "id": "src/components/atoms/textarea/textarea.tsx::TextareaSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextareaVariant",
+                    "resolved": "\"default\" | \"mono\"",
+                    "references": {
+                        "TextareaVariant": {
+                            "location": "local",
+                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/textarea/textarea.tsx",
+                            "id": "src/components/atoms/textarea/textarea.tsx::TextareaVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`mono` swaps to JetBrains Mono and small font \u2014 for logs and MQTT streams."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "readonly",
+                "defaultValue": "false"
+            },
+            "invalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "invalid",
+                "defaultValue": "false"
+            },
+            "autoScroll": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, auto-scrolls to bottom whenever `value` changes. Pair with `readonly` for log streams."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "auto-scroll",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indInput",
+                "name": "indInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "indChange",
+                "name": "indChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "onValueChange"
+            }];
+    }
+}
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EAEL,OAAO,EACP,KAAK,EACL,CAAC,EACD,IAAI,GACL,MAAM,eAAe,CAAC;AAUvB,MAAM,OAAO,WAAW;IACX,IAAI,CAAe;IAEL,KAAK,GAAW,EAAE,CAAC;IACpC,WAAW,CAAU;IACrB,KAAK,CAAU;IACf,IAAI,CAAU;IACd,IAAI,GAAW,CAAC,CAAC;IACA,IAAI,GAAiB,IAAI,CAAC;IACnD,iFAAiF;IACxD,OAAO,GAAoB,SAAS,CAAC;IACrC,QAAQ,GAAY,KAAK,CAAC;IAC1B,QAAQ,GAAY,KAAK,CAAC;IAC1B,OAAO,GAAY,KAAK,CAAC;IAClD,wGAAwG;IAChG,UAAU,GAAY,KAAK,CAAC;IAE3B,QAAQ,CAAwB;IAChC,SAAS,CAAwB;IAE1C,gBAAgB;QACd,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;IAGD,aAAa;QACX,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;IAEO,cAAc;QACpB,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;YAC3D,IAAI,EAAE;gBAAE,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC7B,MAAM,CAAC,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEM,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;IAC/D,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,iEACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACvB,IAAI,CAAC,KAAK,CAAY,CAClB,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type TextareaSize = 'sm' | 'md' | 'lg';\nexport type TextareaVariant = 'default' | 'mono';\n\n@Component({\n  tag: 'ind-textarea',\n  styleUrl: 'textarea.css',\n  shadow: true,\n})\nexport class IndTextarea {\n  @Element() host!: HTMLElement;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop() rows: number = 4;\n  @Prop({ reflect: true }) size: TextareaSize = 'md';\n  /** `mono` swaps to JetBrains Mono and small font — for logs and MQTT streams. */\n  @Prop({ reflect: true }) variant: TextareaVariant = 'default';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) readonly: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  /** When true, auto-scrolls to bottom whenever `value` changes. Pair with `readonly` for log streams. */\n  @Prop() autoScroll: boolean = false;\n\n  @Event() indInput!: EventEmitter<string>;\n  @Event() indChange!: EventEmitter<string>;\n\n  componentDidLoad() {\n    if (this.autoScroll) this.scrollToBottom();\n  }\n\n  @Watch('value')\n  onValueChange() {\n    if (this.autoScroll) this.scrollToBottom();\n  }\n\n  private scrollToBottom() {\n    requestAnimationFrame(() => {\n      const ta = this.host.shadowRoot?.querySelector('textarea');\n      if (ta) ta.scrollTop = ta.scrollHeight;\n    });\n  }\n\n  private onInput = (e: Event) => {\n    const v = (e.target as HTMLTextAreaElement).value;\n    this.value = v;\n    this.indInput.emit(v);\n  };\n\n  private onChange = (e: Event) => {\n    this.indChange.emit((e.target as HTMLTextAreaElement).value);\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          <textarea\n            part=\"textarea\"\n            class=\"textarea\"\n            placeholder={this.placeholder}\n            rows={this.rows}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            name={this.name}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            onInput={this.onInput}\n            onChange={this.onChange}\n          >{this.value}</textarea>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,115 @@
+:host {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--ind-spacing-2, 4px);
+  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
+  background: var(--ind-surface-sunken, #000);
+  border: 1px solid var(--ind-surface-border-default, #2a3340);
+  border-radius: var(--ind-radius-md, 3px);
+  font-family: var(--ind-font-family-sans);
+  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
+  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
+  min-width: 96px;
+  transition:
+    background-color var(--ind-motion-duration-base, 200ms),
+    border-color var(--ind-motion-duration-base, 200ms),
+    color var(--ind-motion-duration-base, 200ms);
+}
+
+.header {
+  display: flex;
+  gap: var(--ind-spacing-3, 6px);
+  align-items: baseline;
+  font-size: var(--ind-font-size-sm, 11px);
+  line-height: var(--ind-font-line-height-tight, 1.1);
+  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
+}
+
+.tag {
+  font-family: var(--ind-font-family-mono);
+  font-weight: var(--ind-font-weight-semibold, 600);
+  letter-spacing: 0.02em;
+}
+
+.label {
+  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
+}
+
+.readout {
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-2, 4px);
+  line-height: 1;
+}
+
+.number {
+  font-family: var(--ind-font-family-mono);
+  font-weight: var(--ind-font-weight-bold, 700);
+  font-variant-numeric: tabular-nums;
+}
+
+.unit {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
+  font-weight: var(--ind-font-weight-medium, 500);
+}
+
+.trend {
+  font-size: var(--ind-font-size-md, 13px);
+  margin-left: var(--ind-spacing-2, 4px);
+}
+
+:host([size="sm"]) .number { font-size: var(--ind-font-size-xl, 16px); }
+:host([size="md"]) .number { font-size: var(--ind-font-size-2xl, 20px); }
+:host([size="lg"]) .number { font-size: var(--ind-font-size-3xl, 28px); }
+
+/* Alarm highlight — uses the ISA-18.2 alarm tokens directly. */
+:host([alarm="high-high"]) {
+  background: var(--ind-alarm-high-high-bg, #dc2626);
+  color: var(--ind-alarm-high-high-fg, #ffffff);
+  border-color: var(--ind-alarm-high-high-border, #f87171);
+}
+:host([alarm="high"]) {
+  background: var(--ind-alarm-high-bg, #f59e0b);
+  color: var(--ind-alarm-high-fg, #000000);
+  border-color: var(--ind-alarm-high-border, #fcd34d);
+}
+:host([alarm="low"]) {
+  background: var(--ind-alarm-low-bg, #0891b2);
+  color: var(--ind-alarm-low-fg, #ffffff);
+  border-color: var(--ind-alarm-low-border, #22d3ee);
+}
+:host([alarm="low-low"]) {
+  background: var(--ind-alarm-low-low-bg, #7c3aed);
+  color: var(--ind-alarm-low-low-fg, #ffffff);
+  border-color: var(--ind-alarm-low-low-border, #a78bfa);
+}
+
+/* When in an alarm state, force every descendant to inherit the host color
+ * (which is the high-contrast alarm fg, e.g. black on amber for "high").
+ *
+ * We have to override `.header` explicitly because it sets its own color —
+ * otherwise `.label` and `.tag` inherit *from .header*, not from :host,
+ * and stay at the original muted neutral color (broken contrast on alarm bg).
+ */
+:host([alarm]:not([alarm="none"])) .header,
+:host([alarm]:not([alarm="none"])) .tag,
+:host([alarm]:not([alarm="none"])) .label,
+:host([alarm]:not([alarm="none"])) .unit {
+  color: inherit;
+}
+
+/* The tag identifies WHICH instrument is alarming — keep it at full opacity
+ * so operators can read it at a glance. Label/unit can be slightly faded. */
+:host([alarm]:not([alarm="none"])) .label,
+:host([alarm]:not([alarm="none"])) .unit {
+  opacity: 0.85;
+}
+:host([alarm]:not([alarm="none"])) .tag {
+  opacity: 1;
+  font-weight: var(--ind-font-weight-bold, 700);
+}
+
+:host([trend="up"])     .trend { color: var(--ind-trend-up-fg, #fcd34d); }
+:host([trend="down"])   .trend { color: var(--ind-trend-down-fg, #22d3ee); }
+:host([trend="stable"]) .trend { color: var(--ind-trend-stable-fg, #8390a0); }

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

@@ -0,0 +1,223 @@
+import { h, Host } from "@stencil/core";
+export class IndValue {
+    /** Raw value to display. Numeric values are formatted with `precision`. */
+    value;
+    /** Engineering unit shown after the number (e.g. "bar", "°C", "m³/h"). */
+    unit;
+    /** Decimal places when `value` is numeric. Default: as-is. */
+    precision;
+    /** Active alarm priority. Highlights the readout with the ISA-18.2 color. */
+    alarm = 'none';
+    /** Process trend direction. Renders a small arrow next to the unit. */
+    trend = 'none';
+    /** Readout size — `lg` is appropriate for primary KPIs (uses the 3xl font). */
+    size = 'md';
+    /** Human label shown above the number (e.g. "Discharge pressure"). */
+    label;
+    /** Equipment tag shown above the number (e.g. "PT-101"). */
+    tag;
+    formatted() {
+        if (typeof this.value === 'string')
+            return this.value;
+        if (!Number.isFinite(this.value))
+            return '--';
+        if (this.precision !== undefined)
+            return this.value.toFixed(this.precision);
+        return String(this.value);
+    }
+    render() {
+        const accessibleName = this.label ?? this.tag ?? 'process value';
+        const alarmSuffix = this.alarm !== 'none' ? `, alarm ${this.alarm}` : '';
+        return (h(Host, { key: 'cda5c03f956f161e618626d2aef0aac40409281a', role: "group", "aria-label": `${accessibleName}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}${alarmSuffix}`, "aria-live": this.alarm === 'high-high' ? 'assertive' : 'polite' }, (this.tag || this.label) && (h("div", { key: '8fe9dfd6fb733e6ba0e7e607efc5d023736cca9e', class: "header", part: "header" }, this.tag && h("span", { key: 'adec308000bce2cee378504fffedf8662a091c8c', class: "tag", part: "tag" }, this.tag), this.label && h("span", { key: '4de4405dfbb798ca1781ade6fd7e1419089226ca', class: "label", part: "label" }, this.label))), h("div", { key: 'b7f9e66b333a6d7e3341585af4bba571dae65bf6', class: "readout", part: "readout" }, h("span", { key: 'c6a942f2a64187cf9acd75b112d262928556d84b', class: "number", part: "number" }, this.formatted()), this.unit && h("span", { key: '39714e17d50497d59afe6e81eca9b51cf2182332', class: "unit", part: "unit" }, this.unit), this.trend !== 'none' && (h("span", { key: '1e4f671cc86bf24617f26e3db4eb3709160291b3', class: "trend", part: "trend", "aria-hidden": "true" }, this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : '◆')))));
+    }
+    static get is() { return "ind-value"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["value.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["value.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Raw value to display. Numeric values are formatted with `precision`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "unit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Engineering unit shown after the number (e.g. \"bar\", \"\u00B0C\", \"m\u00B3/h\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "unit"
+            },
+            "precision": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Decimal places when `value` is numeric. Default: as-is."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "precision"
+            },
+            "alarm": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValueAlarm",
+                    "resolved": "\"high\" | \"high-high\" | \"low\" | \"low-low\" | \"none\"",
+                    "references": {
+                        "ValueAlarm": {
+                            "location": "local",
+                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/value/value.tsx",
+                            "id": "src/components/atoms/value/value.tsx::ValueAlarm"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Active alarm priority. Highlights the readout with the ISA-18.2 color."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "alarm",
+                "defaultValue": "'none'"
+            },
+            "trend": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValueTrend",
+                    "resolved": "\"down\" | \"none\" | \"stable\" | \"up\"",
+                    "references": {
+                        "ValueTrend": {
+                            "location": "local",
+                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/value/value.tsx",
+                            "id": "src/components/atoms/value/value.tsx::ValueTrend"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Process trend direction. Renders a small arrow next to the unit."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "trend",
+                "defaultValue": "'none'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValueSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "ValueSize": {
+                            "location": "local",
+                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/value/value.tsx",
+                            "id": "src/components/atoms/value/value.tsx::ValueSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Readout size \u2014 `lg` is appropriate for primary KPIs (uses the 3xl font)."
+                },
+                "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": "Human label shown above the number (e.g. \"Discharge pressure\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Equipment tag shown above the number (e.g. \"PT-101\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            }
+        };
+    }
+}
+//# sourceMappingURL=value.js.map