@ind-ds/core 0.1.0

package/dist/types/components.d.ts

@@ -0,0 +1,1775 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AlarmPriority } from "./components/atoms/alarm/alarm";
+import { AppHeaderConnectionState } from "./components/organisms/app-header/app-header";
+import { ButtonSize, ButtonVariant } from "./components/atoms/button/button";
+import { CheckboxSize } from "./components/atoms/checkbox/checkbox";
+import { DialogSize } from "./components/atoms/dialog/dialog";
+import { DividerOrientation } from "./components/atoms/divider/divider";
+import { FillRowVariant } from "./components/molecules/fill-row/fill-row";
+import { HealthState } from "./components/molecules/health-card/health-card";
+import { InputMode, InputSize, InputType } from "./components/atoms/input/input";
+import { LedSize, LedState } from "./components/atoms/led/led";
+import { ProgressSize, ProgressVariant } from "./components/atoms/progress/progress";
+import { ScaraState } from "./components/atoms/scara-canvas/scara-canvas";
+import { SelectOption, SelectSize } from "./components/atoms/select/select";
+import { ShelfSlot } from "./components/atoms/shelf-canvas/shelf-canvas";
+import { StatusBarState } from "./components/organisms/status-bar/status-bar";
+import { StatusDotSize, StatusDotState } from "./components/atoms/status-dot/status-dot";
+import { TextareaSize, TextareaVariant } from "./components/atoms/textarea/textarea";
+import { ValueAlarm, ValueSize, ValueTrend } from "./components/atoms/value/value";
+import { ValveOrientation, ValveSize, ValveState } from "./components/atoms/valve/valve";
+export { AlarmPriority } from "./components/atoms/alarm/alarm";
+export { AppHeaderConnectionState } from "./components/organisms/app-header/app-header";
+export { ButtonSize, ButtonVariant } from "./components/atoms/button/button";
+export { CheckboxSize } from "./components/atoms/checkbox/checkbox";
+export { DialogSize } from "./components/atoms/dialog/dialog";
+export { DividerOrientation } from "./components/atoms/divider/divider";
+export { FillRowVariant } from "./components/molecules/fill-row/fill-row";
+export { HealthState } from "./components/molecules/health-card/health-card";
+export { InputMode, InputSize, InputType } from "./components/atoms/input/input";
+export { LedSize, LedState } from "./components/atoms/led/led";
+export { ProgressSize, ProgressVariant } from "./components/atoms/progress/progress";
+export { ScaraState } from "./components/atoms/scara-canvas/scara-canvas";
+export { SelectOption, SelectSize } from "./components/atoms/select/select";
+export { ShelfSlot } from "./components/atoms/shelf-canvas/shelf-canvas";
+export { StatusBarState } from "./components/organisms/status-bar/status-bar";
+export { StatusDotSize, StatusDotState } from "./components/atoms/status-dot/status-dot";
+export { TextareaSize, TextareaVariant } from "./components/atoms/textarea/textarea";
+export { ValueAlarm, ValueSize, ValueTrend } from "./components/atoms/value/value";
+export { ValveOrientation, ValveSize, ValveState } from "./components/atoms/valve/valve";
+export namespace Components {
+    interface IndAlarm {
+        /**
+          * When false, the chip blinks (per ISA-18.2 unack convention).
+          * @default false
+         */
+        "acknowledged": boolean;
+        /**
+          * Required human description of the alarm.
+         */
+        "label": string;
+        /**
+          * ISA-18.2 alarm priority.
+          * @default 'high'
+         */
+        "priority": AlarmPriority;
+        /**
+          * Optional ISO-8601 timestamp. Rendered with `<time>`.
+         */
+        "timestamp"?: string;
+    }
+    interface IndAppHeader {
+        /**
+          * Brand name (uppercase by convention).
+         */
+        "brand": string;
+        /**
+          * Documentation URL.
+         */
+        "docsUrl"?: string;
+        /**
+          * Hide the built-in "Change machine" button.
+          * @default false
+         */
+        "hideChangeMachine": boolean;
+        /**
+          * Hide the built-in "Disconnect" button.
+          * @default false
+         */
+        "hideDisconnect": boolean;
+        /**
+          * Machine identifier shown next to the brand.
+         */
+        "machineId"?: string;
+        /**
+          * Label rendered next to the dot (e.g. "Connected").
+         */
+        "mqttLabel"?: string;
+        /**
+          * Broker / realtime connection state — drives the dot.
+          * @default 'neutral'
+         */
+        "mqttState": AppHeaderConnectionState;
+        /**
+          * Sub-brand line (e.g. "Maintenance Console").
+         */
+        "subBrand"?: string;
+        /**
+          * App version (e.g. "v1.4.2").
+         */
+        "version"?: string;
+    }
+    interface IndButton {
+        /**
+          * Disabled state.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * If > 0, the button must be held this many milliseconds before activating. Use for critical actions (Stop, Trip, Reset) to prevent accidental clicks — standard NAMUR / safety-instrumented operating practice.
+          * @default 0
+         */
+        "holdToConfirmMs": number;
+        /**
+          * Optional accessible label (falls back to slotted text).
+         */
+        "label"?: string;
+        /**
+          * Size.
+          * @default 'md'
+         */
+        "size": ButtonSize;
+        /**
+          * Visual variant. `danger` should be paired with `holdToConfirmMs` for critical actions.
+          * @default 'default'
+         */
+        "variant": ButtonVariant;
+    }
+    interface IndCheckbox {
+        /**
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "indeterminate": boolean;
+        "label"?: string;
+        "name"?: string;
+        /**
+          * @default 'md'
+         */
+        "size": CheckboxSize;
+        "value"?: string;
+    }
+    interface IndDialog {
+        /**
+          * Programmatically close.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Close when the operator clicks outside the dialog content.
+          * @default true
+         */
+        "closeOnBackdrop": boolean;
+        /**
+          * Heading rendered in the header bar. Becomes the accessible name.
+         */
+        "heading"?: string;
+        /**
+          * Open state. Two-way reflectable.
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Programmatically open.
+         */
+        "show": () => Promise<void>;
+        /**
+          * Size of the dialog content.
+          * @default 'md'
+         */
+        "size": DialogSize;
+    }
+    interface IndDivider {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation": DividerOrientation;
+    }
+    interface IndFillRow {
+        /**
+          * Human description.
+         */
+        "label": string;
+        /**
+          * Max value. Default 100.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Render the severity glyph between the value and the actions.
+          * @default false
+         */
+        "severity": boolean;
+        /**
+          * Short ID rendered in mono (e.g. "F1", "TK-101").
+         */
+        "tag"?: string;
+        /**
+          * Unit suffix on the numeric value (default `%`).
+          * @default '%'
+         */
+        "unit": string;
+        /**
+          * Current level.
+          * @default 0
+         */
+        "value": number;
+        /**
+          * Drives the progress color and the severity glyph.
+          * @default 'default'
+         */
+        "variant": FillRowVariant;
+    }
+    interface IndHealthCard {
+        /**
+          * Optional sub-line for context (timestamp, last error, etc.).
+         */
+        "detail"?: string;
+        /**
+          * Subsystem name (e.g. "PLC", "Dispense robot", "Washer").
+         */
+        "heading": string;
+        /**
+          * Process state — drives the dot color and the prominent text color.
+          * @default 'unknown'
+         */
+        "state": HealthState;
+        /**
+          * Override the default label (e.g. show "RUN 24 h" instead of "OK").
+         */
+        "stateLabel"?: string;
+    }
+    interface IndInput {
+        "autocomplete"?: string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "invalid": boolean;
+        "label"?: string;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Maps to the native `inputmode` attribute — named `mode` to avoid clashing with `HTMLElement.inputMode`.
+         */
+        "mode"?: InputMode;
+        "name"?: string;
+        "pattern"?: string;
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Programmatically focus the underlying input.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * @default 'md'
+         */
+        "size": InputSize;
+        "step"?: number | string;
+        /**
+          * @default 'text'
+         */
+        "type": InputType;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
+    interface IndLed {
+        /**
+          * Blink. For SCADA, fast blink = unacknowledged condition. Stops respecting prefers-reduced-motion.
+          * @default false
+         */
+        "blinking": boolean;
+        /**
+          * Optional visible label rendered next to the LED. Always becomes the accessible name.
+         */
+        "label"?: string;
+        /**
+          * Visual size.
+          * @default 'md'
+         */
+        "size": LedSize;
+        /**
+          * Process state driving the LED color and ARIA live politeness.
+          * @default 'stopped'
+         */
+        "state": LedState;
+    }
+    interface IndMqttMonitor {
+        /**
+          * Active filter — substring match on each line, case-insensitive.
+          * @default ''
+         */
+        "filterValue": string;
+        /**
+          * Full log content. Newline-separated lines.
+          * @default ''
+         */
+        "log": string;
+        /**
+          * When true, the log doesn't auto-scroll on new content.
+          * @default false
+         */
+        "paused": boolean;
+        /**
+          * Visible rows of the log textarea.
+          * @default 18
+         */
+        "rows": number;
+    }
+    interface IndNavItem {
+        /**
+          * Current page indicator — gets the ▶ prefix and active styling.
+          * @default false
+         */
+        "active": boolean;
+        /**
+          * Optional badge — alarm count, unread messages, etc.
+         */
+        "badge"?: string | number;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional href. When set, renders as `<a>` so middle-click / right-click open in new tab.
+         */
+        "href"?: string;
+        /**
+          * Label text. Falls back to slotted content.
+         */
+        "label"?: string;
+    }
+    interface IndProgress {
+        /**
+          * Indeterminate (animated bar, no value).
+          * @default false
+         */
+        "indeterminate": boolean;
+        /**
+          * Optional label rendered above the bar.
+         */
+        "label"?: string;
+        /**
+          * Max value.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Show numeric value next to the label.
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * Size.
+          * @default 'md'
+         */
+        "size": ProgressSize;
+        /**
+          * Unit suffix for the displayed value.
+         */
+        "unit"?: string;
+        /**
+          * Current value (0–`max`).
+          * @default 0
+         */
+        "value": number;
+        /**
+          * Visual variant. Use `warning` / `error` for low / critical fill levels.
+          * @default 'default'
+         */
+        "variant": ProgressVariant;
+    }
+    /**
+     * 2D top-down SCARA arm view. Pure presentational — pass joint angles and
+     * link lengths, the component computes forward kinematics in SVG space.
+     *   <ind-scara-canvas .joints=${[30, 45, 0]} state="moving"></ind-scara-canvas>
+     * - `joints[0]` (J1) — shoulder rotation in degrees, 0 = +X axis
+     * - `joints[1]` (J2) — elbow rotation in degrees, relative to link 1
+     * - `joints[2]` (J3) — wrist (end effector) rotation, drives the small indicator
+     * Z translation isn't represented — it would require a separate side view.
+     */
+    interface IndScaraCanvas {
+        /**
+          * @default [0, 0, 0]
+         */
+        "joints": number[] | string;
+        /**
+          * @default [110, 90]
+         */
+        "linkLengths": number[] | string;
+        /**
+          * @default 'idle'
+         */
+        "state": ScaraState;
+    }
+    interface IndSelect {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "invalid": boolean;
+        "label"?: string;
+        "name"?: string;
+        /**
+          * Options. Pass an array via JS property (`.options = [...]`) OR a JSON-stringified array via the HTML `options` attribute. The native picker handles keyboard nav and mobile UI without us building a popover.
+          * @default []
+         */
+        "options": SelectOption[] | string;
+        "placeholder"?: string;
+        /**
+          * @default 'md'
+         */
+        "size": SelectSize;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * Grid of bottle/container slots showing their fill level. Generic — represents
+     * any rack of resupplyable containers (bottles, cartridges, kegs, etc.).
+     *   <ind-shelf-canvas
+     *     .slots=${[{id:'a', label:'A', level:78}, {id:'b', label:'B', level:12}]}
+     *     cols="2"></ind-shelf-canvas>
+     */
+    interface IndShelfCanvas {
+        /**
+          * @default 4
+         */
+        "cols": number;
+        "heading"?: string;
+        /**
+          * @default 1
+         */
+        "rows": number;
+        /**
+          * @default []
+         */
+        "slots": ShelfSlot[] | string;
+    }
+    /**
+     * Sidebar shell: a brand area on top, a scrollable nav list, and a footer area.
+     * State management is left to the consumer — drive `active` on each <ind-nav-item>
+     * from your router. The component is intentionally thin so it works with any
+     * routing approach (React Router, Vue Router, hash-based, none).
+     */
+    interface IndSidebarNav {
+    }
+    /**
+     * Global footer bar: status dot + message on the left, slotted content on the right.
+     * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size="sm">`
+     * children for right-aligned context (timestamps, server identifiers, action buttons).
+     */
+    interface IndStatusBar {
+        "message"?: string;
+        /**
+          * @default 'neutral'
+         */
+        "state": StatusBarState;
+    }
+    interface IndStatusDot {
+        /**
+          * @default false
+         */
+        "blinking": boolean;
+        /**
+          * Optional accessible name. Set when the dot stands alone; leave undefined when it's paired with adjacent text that already names the status.
+         */
+        "label"?: string;
+        /**
+          * @default 'md'
+         */
+        "size": StatusDotSize;
+        /**
+          * @default 'neutral'
+         */
+        "state": StatusDotState;
+    }
+    interface IndTextarea {
+        /**
+          * When true, auto-scrolls to bottom whenever `value` changes. Pair with `readonly` for log streams.
+          * @default false
+         */
+        "autoScroll": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "invalid": boolean;
+        "label"?: string;
+        "name"?: string;
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default 4
+         */
+        "rows": number;
+        /**
+          * @default 'md'
+         */
+        "size": TextareaSize;
+        /**
+          * @default ''
+         */
+        "value": string;
+        /**
+          * `mono` swaps to JetBrains Mono and small font — for logs and MQTT streams.
+          * @default 'default'
+         */
+        "variant": TextareaVariant;
+    }
+    interface IndToolbarAction {
+        /**
+          * Counter rendered before the actions (e.g. "1 248 messages").
+         */
+        "counter"?: string | number;
+    }
+    interface IndValue {
+        /**
+          * Active alarm priority. Highlights the readout with the ISA-18.2 color.
+          * @default 'none'
+         */
+        "alarm": ValueAlarm;
+        /**
+          * Human label shown above the number (e.g. "Discharge pressure").
+         */
+        "label"?: string;
+        /**
+          * Decimal places when `value` is numeric. Default: as-is.
+         */
+        "precision"?: number;
+        /**
+          * Readout size — `lg` is appropriate for primary KPIs (uses the 3xl font).
+          * @default 'md'
+         */
+        "size": ValueSize;
+        /**
+          * Equipment tag shown above the number (e.g. "PT-101").
+         */
+        "tag"?: string;
+        /**
+          * Process trend direction. Renders a small arrow next to the unit.
+          * @default 'none'
+         */
+        "trend": ValueTrend;
+        /**
+          * Engineering unit shown after the number (e.g. "bar", "°C", "m³/h").
+         */
+        "unit"?: string;
+        /**
+          * Raw value to display. Numeric values are formatted with `precision`.
+         */
+        "value": number | string;
+    }
+    interface IndValve {
+        /**
+          * Human label rendered as caption (e.g. "Discharge valve").
+         */
+        "label"?: string;
+        /**
+          * Render the symbol along the flow direction.
+          * @default 'horizontal'
+         */
+        "orientation": ValveOrientation;
+        /**
+          * Visual size.
+          * @default 'md'
+         */
+        "size": ValveSize;
+        /**
+          * Valve state. `transit` is mid-stroke (transitioning between open and closed).
+          * @default 'closed'
+         */
+        "state": ValveState;
+        /**
+          * Equipment tag rendered as caption (e.g. "V-12").
+         */
+        "tag"?: string;
+    }
+}
+export interface IndAppHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndAppHeaderElement;
+}
+export interface IndButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndButtonElement;
+}
+export interface IndCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndCheckboxElement;
+}
+export interface IndDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndDialogElement;
+}
+export interface IndInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndInputElement;
+}
+export interface IndMqttMonitorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndMqttMonitorElement;
+}
+export interface IndNavItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndNavItemElement;
+}
+export interface IndSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndSelectElement;
+}
+export interface IndTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIndTextareaElement;
+}
+declare global {
+    interface HTMLIndAlarmElement extends Components.IndAlarm, HTMLStencilElement {
+    }
+    var HTMLIndAlarmElement: {
+        prototype: HTMLIndAlarmElement;
+        new (): HTMLIndAlarmElement;
+    };
+    interface HTMLIndAppHeaderElementEventMap {
+        "indChangeMachine": void;
+        "indDisconnect": void;
+    }
+    interface HTMLIndAppHeaderElement extends Components.IndAppHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndAppHeaderElementEventMap>(type: K, listener: (this: HTMLIndAppHeaderElement, ev: IndAppHeaderCustomEvent<HTMLIndAppHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndAppHeaderElementEventMap>(type: K, listener: (this: HTMLIndAppHeaderElement, ev: IndAppHeaderCustomEvent<HTMLIndAppHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndAppHeaderElement: {
+        prototype: HTMLIndAppHeaderElement;
+        new (): HTMLIndAppHeaderElement;
+    };
+    interface HTMLIndButtonElementEventMap {
+        "indActivate": void;
+    }
+    interface HTMLIndButtonElement extends Components.IndButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndButtonElementEventMap>(type: K, listener: (this: HTMLIndButtonElement, ev: IndButtonCustomEvent<HTMLIndButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndButtonElementEventMap>(type: K, listener: (this: HTMLIndButtonElement, ev: IndButtonCustomEvent<HTMLIndButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndButtonElement: {
+        prototype: HTMLIndButtonElement;
+        new (): HTMLIndButtonElement;
+    };
+    interface HTMLIndCheckboxElementEventMap {
+        "indChange": boolean;
+    }
+    interface HTMLIndCheckboxElement extends Components.IndCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndCheckboxElementEventMap>(type: K, listener: (this: HTMLIndCheckboxElement, ev: IndCheckboxCustomEvent<HTMLIndCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndCheckboxElementEventMap>(type: K, listener: (this: HTMLIndCheckboxElement, ev: IndCheckboxCustomEvent<HTMLIndCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndCheckboxElement: {
+        prototype: HTMLIndCheckboxElement;
+        new (): HTMLIndCheckboxElement;
+    };
+    interface HTMLIndDialogElementEventMap {
+        "indOpen": void;
+        "indClose": void;
+    }
+    interface HTMLIndDialogElement extends Components.IndDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndDialogElementEventMap>(type: K, listener: (this: HTMLIndDialogElement, ev: IndDialogCustomEvent<HTMLIndDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndDialogElementEventMap>(type: K, listener: (this: HTMLIndDialogElement, ev: IndDialogCustomEvent<HTMLIndDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndDialogElement: {
+        prototype: HTMLIndDialogElement;
+        new (): HTMLIndDialogElement;
+    };
+    interface HTMLIndDividerElement extends Components.IndDivider, HTMLStencilElement {
+    }
+    var HTMLIndDividerElement: {
+        prototype: HTMLIndDividerElement;
+        new (): HTMLIndDividerElement;
+    };
+    interface HTMLIndFillRowElement extends Components.IndFillRow, HTMLStencilElement {
+    }
+    var HTMLIndFillRowElement: {
+        prototype: HTMLIndFillRowElement;
+        new (): HTMLIndFillRowElement;
+    };
+    interface HTMLIndHealthCardElement extends Components.IndHealthCard, HTMLStencilElement {
+    }
+    var HTMLIndHealthCardElement: {
+        prototype: HTMLIndHealthCardElement;
+        new (): HTMLIndHealthCardElement;
+    };
+    interface HTMLIndInputElementEventMap {
+        "indInput": string;
+        "indChange": string;
+    }
+    interface HTMLIndInputElement extends Components.IndInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndInputElementEventMap>(type: K, listener: (this: HTMLIndInputElement, ev: IndInputCustomEvent<HTMLIndInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndInputElementEventMap>(type: K, listener: (this: HTMLIndInputElement, ev: IndInputCustomEvent<HTMLIndInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndInputElement: {
+        prototype: HTMLIndInputElement;
+        new (): HTMLIndInputElement;
+    };
+    interface HTMLIndLedElement extends Components.IndLed, HTMLStencilElement {
+    }
+    var HTMLIndLedElement: {
+        prototype: HTMLIndLedElement;
+        new (): HTMLIndLedElement;
+    };
+    interface HTMLIndMqttMonitorElementEventMap {
+        "indFilterChange": string;
+        "indPauseChange": boolean;
+        "indClear": void;
+    }
+    interface HTMLIndMqttMonitorElement extends Components.IndMqttMonitor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndMqttMonitorElementEventMap>(type: K, listener: (this: HTMLIndMqttMonitorElement, ev: IndMqttMonitorCustomEvent<HTMLIndMqttMonitorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndMqttMonitorElementEventMap>(type: K, listener: (this: HTMLIndMqttMonitorElement, ev: IndMqttMonitorCustomEvent<HTMLIndMqttMonitorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndMqttMonitorElement: {
+        prototype: HTMLIndMqttMonitorElement;
+        new (): HTMLIndMqttMonitorElement;
+    };
+    interface HTMLIndNavItemElementEventMap {
+        "indSelect": void;
+    }
+    interface HTMLIndNavItemElement extends Components.IndNavItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndNavItemElementEventMap>(type: K, listener: (this: HTMLIndNavItemElement, ev: IndNavItemCustomEvent<HTMLIndNavItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndNavItemElementEventMap>(type: K, listener: (this: HTMLIndNavItemElement, ev: IndNavItemCustomEvent<HTMLIndNavItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndNavItemElement: {
+        prototype: HTMLIndNavItemElement;
+        new (): HTMLIndNavItemElement;
+    };
+    interface HTMLIndProgressElement extends Components.IndProgress, HTMLStencilElement {
+    }
+    var HTMLIndProgressElement: {
+        prototype: HTMLIndProgressElement;
+        new (): HTMLIndProgressElement;
+    };
+    /**
+     * 2D top-down SCARA arm view. Pure presentational — pass joint angles and
+     * link lengths, the component computes forward kinematics in SVG space.
+     *   <ind-scara-canvas .joints=${[30, 45, 0]} state="moving"></ind-scara-canvas>
+     * - `joints[0]` (J1) — shoulder rotation in degrees, 0 = +X axis
+     * - `joints[1]` (J2) — elbow rotation in degrees, relative to link 1
+     * - `joints[2]` (J3) — wrist (end effector) rotation, drives the small indicator
+     * Z translation isn't represented — it would require a separate side view.
+     */
+    interface HTMLIndScaraCanvasElement extends Components.IndScaraCanvas, HTMLStencilElement {
+    }
+    var HTMLIndScaraCanvasElement: {
+        prototype: HTMLIndScaraCanvasElement;
+        new (): HTMLIndScaraCanvasElement;
+    };
+    interface HTMLIndSelectElementEventMap {
+        "indChange": string;
+    }
+    interface HTMLIndSelectElement extends Components.IndSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndSelectElementEventMap>(type: K, listener: (this: HTMLIndSelectElement, ev: IndSelectCustomEvent<HTMLIndSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndSelectElementEventMap>(type: K, listener: (this: HTMLIndSelectElement, ev: IndSelectCustomEvent<HTMLIndSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndSelectElement: {
+        prototype: HTMLIndSelectElement;
+        new (): HTMLIndSelectElement;
+    };
+    /**
+     * Grid of bottle/container slots showing their fill level. Generic — represents
+     * any rack of resupplyable containers (bottles, cartridges, kegs, etc.).
+     *   <ind-shelf-canvas
+     *     .slots=${[{id:'a', label:'A', level:78}, {id:'b', label:'B', level:12}]}
+     *     cols="2"></ind-shelf-canvas>
+     */
+    interface HTMLIndShelfCanvasElement extends Components.IndShelfCanvas, HTMLStencilElement {
+    }
+    var HTMLIndShelfCanvasElement: {
+        prototype: HTMLIndShelfCanvasElement;
+        new (): HTMLIndShelfCanvasElement;
+    };
+    /**
+     * Sidebar shell: a brand area on top, a scrollable nav list, and a footer area.
+     * State management is left to the consumer — drive `active` on each <ind-nav-item>
+     * from your router. The component is intentionally thin so it works with any
+     * routing approach (React Router, Vue Router, hash-based, none).
+     */
+    interface HTMLIndSidebarNavElement extends Components.IndSidebarNav, HTMLStencilElement {
+    }
+    var HTMLIndSidebarNavElement: {
+        prototype: HTMLIndSidebarNavElement;
+        new (): HTMLIndSidebarNavElement;
+    };
+    /**
+     * Global footer bar: status dot + message on the left, slotted content on the right.
+     * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size="sm">`
+     * children for right-aligned context (timestamps, server identifiers, action buttons).
+     */
+    interface HTMLIndStatusBarElement extends Components.IndStatusBar, HTMLStencilElement {
+    }
+    var HTMLIndStatusBarElement: {
+        prototype: HTMLIndStatusBarElement;
+        new (): HTMLIndStatusBarElement;
+    };
+    interface HTMLIndStatusDotElement extends Components.IndStatusDot, HTMLStencilElement {
+    }
+    var HTMLIndStatusDotElement: {
+        prototype: HTMLIndStatusDotElement;
+        new (): HTMLIndStatusDotElement;
+    };
+    interface HTMLIndTextareaElementEventMap {
+        "indInput": string;
+        "indChange": string;
+    }
+    interface HTMLIndTextareaElement extends Components.IndTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIndTextareaElementEventMap>(type: K, listener: (this: HTMLIndTextareaElement, ev: IndTextareaCustomEvent<HTMLIndTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIndTextareaElementEventMap>(type: K, listener: (this: HTMLIndTextareaElement, ev: IndTextareaCustomEvent<HTMLIndTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIndTextareaElement: {
+        prototype: HTMLIndTextareaElement;
+        new (): HTMLIndTextareaElement;
+    };
+    interface HTMLIndToolbarActionElement extends Components.IndToolbarAction, HTMLStencilElement {
+    }
+    var HTMLIndToolbarActionElement: {
+        prototype: HTMLIndToolbarActionElement;
+        new (): HTMLIndToolbarActionElement;
+    };
+    interface HTMLIndValueElement extends Components.IndValue, HTMLStencilElement {
+    }
+    var HTMLIndValueElement: {
+        prototype: HTMLIndValueElement;
+        new (): HTMLIndValueElement;
+    };
+    interface HTMLIndValveElement extends Components.IndValve, HTMLStencilElement {
+    }
+    var HTMLIndValveElement: {
+        prototype: HTMLIndValveElement;
+        new (): HTMLIndValveElement;
+    };
+    interface HTMLElementTagNameMap {
+        "ind-alarm": HTMLIndAlarmElement;
+        "ind-app-header": HTMLIndAppHeaderElement;
+        "ind-button": HTMLIndButtonElement;
+        "ind-checkbox": HTMLIndCheckboxElement;
+        "ind-dialog": HTMLIndDialogElement;
+        "ind-divider": HTMLIndDividerElement;
+        "ind-fill-row": HTMLIndFillRowElement;
+        "ind-health-card": HTMLIndHealthCardElement;
+        "ind-input": HTMLIndInputElement;
+        "ind-led": HTMLIndLedElement;
+        "ind-mqtt-monitor": HTMLIndMqttMonitorElement;
+        "ind-nav-item": HTMLIndNavItemElement;
+        "ind-progress": HTMLIndProgressElement;
+        "ind-scara-canvas": HTMLIndScaraCanvasElement;
+        "ind-select": HTMLIndSelectElement;
+        "ind-shelf-canvas": HTMLIndShelfCanvasElement;
+        "ind-sidebar-nav": HTMLIndSidebarNavElement;
+        "ind-status-bar": HTMLIndStatusBarElement;
+        "ind-status-dot": HTMLIndStatusDotElement;
+        "ind-textarea": HTMLIndTextareaElement;
+        "ind-toolbar-action": HTMLIndToolbarActionElement;
+        "ind-value": HTMLIndValueElement;
+        "ind-valve": HTMLIndValveElement;
+    }
+}
+declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
+    interface IndAlarm {
+        /**
+          * When false, the chip blinks (per ISA-18.2 unack convention).
+          * @default false
+         */
+        "acknowledged"?: boolean;
+        /**
+          * Required human description of the alarm.
+         */
+        "label": string;
+        /**
+          * ISA-18.2 alarm priority.
+          * @default 'high'
+         */
+        "priority"?: AlarmPriority;
+        /**
+          * Optional ISO-8601 timestamp. Rendered with `<time>`.
+         */
+        "timestamp"?: string;
+    }
+    interface IndAppHeader {
+        /**
+          * Brand name (uppercase by convention).
+         */
+        "brand": string;
+        /**
+          * Documentation URL.
+         */
+        "docsUrl"?: string;
+        /**
+          * Hide the built-in "Change machine" button.
+          * @default false
+         */
+        "hideChangeMachine"?: boolean;
+        /**
+          * Hide the built-in "Disconnect" button.
+          * @default false
+         */
+        "hideDisconnect"?: boolean;
+        /**
+          * Machine identifier shown next to the brand.
+         */
+        "machineId"?: string;
+        /**
+          * Label rendered next to the dot (e.g. "Connected").
+         */
+        "mqttLabel"?: string;
+        /**
+          * Broker / realtime connection state — drives the dot.
+          * @default 'neutral'
+         */
+        "mqttState"?: AppHeaderConnectionState;
+        "onIndChangeMachine"?: (event: IndAppHeaderCustomEvent<void>) => void;
+        "onIndDisconnect"?: (event: IndAppHeaderCustomEvent<void>) => void;
+        /**
+          * Sub-brand line (e.g. "Maintenance Console").
+         */
+        "subBrand"?: string;
+        /**
+          * App version (e.g. "v1.4.2").
+         */
+        "version"?: string;
+    }
+    interface IndButton {
+        /**
+          * Disabled state.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * If > 0, the button must be held this many milliseconds before activating. Use for critical actions (Stop, Trip, Reset) to prevent accidental clicks — standard NAMUR / safety-instrumented operating practice.
+          * @default 0
+         */
+        "holdToConfirmMs"?: number;
+        /**
+          * Optional accessible label (falls back to slotted text).
+         */
+        "label"?: string;
+        /**
+          * Fired on click (or after hold completes if `holdToConfirmMs > 0`).
+         */
+        "onIndActivate"?: (event: IndButtonCustomEvent<void>) => void;
+        /**
+          * Size.
+          * @default 'md'
+         */
+        "size"?: ButtonSize;
+        /**
+          * Visual variant. `danger` should be paired with `holdToConfirmMs` for critical actions.
+          * @default 'default'
+         */
+        "variant"?: ButtonVariant;
+    }
+    interface IndCheckbox {
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onIndChange"?: (event: IndCheckboxCustomEvent<boolean>) => void;
+        /**
+          * @default 'md'
+         */
+        "size"?: CheckboxSize;
+        "value"?: string;
+    }
+    interface IndDialog {
+        /**
+          * Close when the operator clicks outside the dialog content.
+          * @default true
+         */
+        "closeOnBackdrop"?: boolean;
+        /**
+          * Heading rendered in the header bar. Becomes the accessible name.
+         */
+        "heading"?: string;
+        /**
+          * Fires when the dialog closes — for any reason (ESC, backdrop, close button, .close()).
+         */
+        "onIndClose"?: (event: IndDialogCustomEvent<void>) => void;
+        "onIndOpen"?: (event: IndDialogCustomEvent<void>) => void;
+        /**
+          * Open state. Two-way reflectable.
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Size of the dialog content.
+          * @default 'md'
+         */
+        "size"?: DialogSize;
+    }
+    interface IndDivider {
+        /**
+          * @default 'horizontal'
+         */
+        "orientation"?: DividerOrientation;
+    }
+    interface IndFillRow {
+        /**
+          * Human description.
+         */
+        "label": string;
+        /**
+          * Max value. Default 100.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * Render the severity glyph between the value and the actions.
+          * @default false
+         */
+        "severity"?: boolean;
+        /**
+          * Short ID rendered in mono (e.g. "F1", "TK-101").
+         */
+        "tag"?: string;
+        /**
+          * Unit suffix on the numeric value (default `%`).
+          * @default '%'
+         */
+        "unit"?: string;
+        /**
+          * Current level.
+          * @default 0
+         */
+        "value"?: number;
+        /**
+          * Drives the progress color and the severity glyph.
+          * @default 'default'
+         */
+        "variant"?: FillRowVariant;
+    }
+    interface IndHealthCard {
+        /**
+          * Optional sub-line for context (timestamp, last error, etc.).
+         */
+        "detail"?: string;
+        /**
+          * Subsystem name (e.g. "PLC", "Dispense robot", "Washer").
+         */
+        "heading": string;
+        /**
+          * Process state — drives the dot color and the prominent text color.
+          * @default 'unknown'
+         */
+        "state"?: HealthState;
+        /**
+          * Override the default label (e.g. show "RUN 24 h" instead of "OK").
+         */
+        "stateLabel"?: string;
+    }
+    interface IndInput {
+        "autocomplete"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "invalid"?: boolean;
+        "label"?: string;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Maps to the native `inputmode` attribute — named `mode` to avoid clashing with `HTMLElement.inputMode`.
+         */
+        "mode"?: InputMode;
+        "name"?: string;
+        /**
+          * Fires on change (blur or Enter).
+         */
+        "onIndChange"?: (event: IndInputCustomEvent<string>) => void;
+        /**
+          * Fires on every keystroke.
+         */
+        "onIndInput"?: (event: IndInputCustomEvent<string>) => void;
+        "pattern"?: string;
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default 'md'
+         */
+        "size"?: InputSize;
+        "step"?: number | string;
+        /**
+          * @default 'text'
+         */
+        "type"?: InputType;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface IndLed {
+        /**
+          * Blink. For SCADA, fast blink = unacknowledged condition. Stops respecting prefers-reduced-motion.
+          * @default false
+         */
+        "blinking"?: boolean;
+        /**
+          * Optional visible label rendered next to the LED. Always becomes the accessible name.
+         */
+        "label"?: string;
+        /**
+          * Visual size.
+          * @default 'md'
+         */
+        "size"?: LedSize;
+        /**
+          * Process state driving the LED color and ARIA live politeness.
+          * @default 'stopped'
+         */
+        "state"?: LedState;
+    }
+    interface IndMqttMonitor {
+        /**
+          * Active filter — substring match on each line, case-insensitive.
+          * @default ''
+         */
+        "filterValue"?: string;
+        /**
+          * Full log content. Newline-separated lines.
+          * @default ''
+         */
+        "log"?: string;
+        "onIndClear"?: (event: IndMqttMonitorCustomEvent<void>) => void;
+        "onIndFilterChange"?: (event: IndMqttMonitorCustomEvent<string>) => void;
+        "onIndPauseChange"?: (event: IndMqttMonitorCustomEvent<boolean>) => void;
+        /**
+          * When true, the log doesn't auto-scroll on new content.
+          * @default false
+         */
+        "paused"?: boolean;
+        /**
+          * Visible rows of the log textarea.
+          * @default 18
+         */
+        "rows"?: number;
+    }
+    interface IndNavItem {
+        /**
+          * Current page indicator — gets the ▶ prefix and active styling.
+          * @default false
+         */
+        "active"?: boolean;
+        /**
+          * Optional badge — alarm count, unread messages, etc.
+         */
+        "badge"?: string | number;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional href. When set, renders as `<a>` so middle-click / right-click open in new tab.
+         */
+        "href"?: string;
+        /**
+          * Label text. Falls back to slotted content.
+         */
+        "label"?: string;
+        /**
+          * Fires on click (or Enter / Space). Use this to drive client-side routers.
+         */
+        "onIndSelect"?: (event: IndNavItemCustomEvent<void>) => void;
+    }
+    interface IndProgress {
+        /**
+          * Indeterminate (animated bar, no value).
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Optional label rendered above the bar.
+         */
+        "label"?: string;
+        /**
+          * Max value.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * Show numeric value next to the label.
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * Size.
+          * @default 'md'
+         */
+        "size"?: ProgressSize;
+        /**
+          * Unit suffix for the displayed value.
+         */
+        "unit"?: string;
+        /**
+          * Current value (0–`max`).
+          * @default 0
+         */
+        "value"?: number;
+        /**
+          * Visual variant. Use `warning` / `error` for low / critical fill levels.
+          * @default 'default'
+         */
+        "variant"?: ProgressVariant;
+    }
+    /**
+     * 2D top-down SCARA arm view. Pure presentational — pass joint angles and
+     * link lengths, the component computes forward kinematics in SVG space.
+     *   <ind-scara-canvas .joints=${[30, 45, 0]} state="moving"></ind-scara-canvas>
+     * - `joints[0]` (J1) — shoulder rotation in degrees, 0 = +X axis
+     * - `joints[1]` (J2) — elbow rotation in degrees, relative to link 1
+     * - `joints[2]` (J3) — wrist (end effector) rotation, drives the small indicator
+     * Z translation isn't represented — it would require a separate side view.
+     */
+    interface IndScaraCanvas {
+        /**
+          * @default [0, 0, 0]
+         */
+        "joints"?: number[] | string;
+        /**
+          * @default [110, 90]
+         */
+        "linkLengths"?: number[] | string;
+        /**
+          * @default 'idle'
+         */
+        "state"?: ScaraState;
+    }
+    interface IndSelect {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "invalid"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onIndChange"?: (event: IndSelectCustomEvent<string>) => void;
+        /**
+          * Options. Pass an array via JS property (`.options = [...]`) OR a JSON-stringified array via the HTML `options` attribute. The native picker handles keyboard nav and mobile UI without us building a popover.
+          * @default []
+         */
+        "options"?: SelectOption[] | string;
+        "placeholder"?: string;
+        /**
+          * @default 'md'
+         */
+        "size"?: SelectSize;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
+    /**
+     * Grid of bottle/container slots showing their fill level. Generic — represents
+     * any rack of resupplyable containers (bottles, cartridges, kegs, etc.).
+     *   <ind-shelf-canvas
+     *     .slots=${[{id:'a', label:'A', level:78}, {id:'b', label:'B', level:12}]}
+     *     cols="2"></ind-shelf-canvas>
+     */
+    interface IndShelfCanvas {
+        /**
+          * @default 4
+         */
+        "cols"?: number;
+        "heading"?: string;
+        /**
+          * @default 1
+         */
+        "rows"?: number;
+        /**
+          * @default []
+         */
+        "slots"?: ShelfSlot[] | string;
+    }
+    /**
+     * Sidebar shell: a brand area on top, a scrollable nav list, and a footer area.
+     * State management is left to the consumer — drive `active` on each <ind-nav-item>
+     * from your router. The component is intentionally thin so it works with any
+     * routing approach (React Router, Vue Router, hash-based, none).
+     */
+    interface IndSidebarNav {
+    }
+    /**
+     * Global footer bar: status dot + message on the left, slotted content on the right.
+     * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size="sm">`
+     * children for right-aligned context (timestamps, server identifiers, action buttons).
+     */
+    interface IndStatusBar {
+        "message"?: string;
+        /**
+          * @default 'neutral'
+         */
+        "state"?: StatusBarState;
+    }
+    interface IndStatusDot {
+        /**
+          * @default false
+         */
+        "blinking"?: boolean;
+        /**
+          * Optional accessible name. Set when the dot stands alone; leave undefined when it's paired with adjacent text that already names the status.
+         */
+        "label"?: string;
+        /**
+          * @default 'md'
+         */
+        "size"?: StatusDotSize;
+        /**
+          * @default 'neutral'
+         */
+        "state"?: StatusDotState;
+    }
+    interface IndTextarea {
+        /**
+          * When true, auto-scrolls to bottom whenever `value` changes. Pair with `readonly` for log streams.
+          * @default false
+         */
+        "autoScroll"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "invalid"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onIndChange"?: (event: IndTextareaCustomEvent<string>) => void;
+        "onIndInput"?: (event: IndTextareaCustomEvent<string>) => void;
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default 4
+         */
+        "rows"?: number;
+        /**
+          * @default 'md'
+         */
+        "size"?: TextareaSize;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+        /**
+          * `mono` swaps to JetBrains Mono and small font — for logs and MQTT streams.
+          * @default 'default'
+         */
+        "variant"?: TextareaVariant;
+    }
+    interface IndToolbarAction {
+        /**
+          * Counter rendered before the actions (e.g. "1 248 messages").
+         */
+        "counter"?: string | number;
+    }
+    interface IndValue {
+        /**
+          * Active alarm priority. Highlights the readout with the ISA-18.2 color.
+          * @default 'none'
+         */
+        "alarm"?: ValueAlarm;
+        /**
+          * Human label shown above the number (e.g. "Discharge pressure").
+         */
+        "label"?: string;
+        /**
+          * Decimal places when `value` is numeric. Default: as-is.
+         */
+        "precision"?: number;
+        /**
+          * Readout size — `lg` is appropriate for primary KPIs (uses the 3xl font).
+          * @default 'md'
+         */
+        "size"?: ValueSize;
+        /**
+          * Equipment tag shown above the number (e.g. "PT-101").
+         */
+        "tag"?: string;
+        /**
+          * Process trend direction. Renders a small arrow next to the unit.
+          * @default 'none'
+         */
+        "trend"?: ValueTrend;
+        /**
+          * Engineering unit shown after the number (e.g. "bar", "°C", "m³/h").
+         */
+        "unit"?: string;
+        /**
+          * Raw value to display. Numeric values are formatted with `precision`.
+         */
+        "value": number | string;
+    }
+    interface IndValve {
+        /**
+          * Human label rendered as caption (e.g. "Discharge valve").
+         */
+        "label"?: string;
+        /**
+          * Render the symbol along the flow direction.
+          * @default 'horizontal'
+         */
+        "orientation"?: ValveOrientation;
+        /**
+          * Visual size.
+          * @default 'md'
+         */
+        "size"?: ValveSize;
+        /**
+          * Valve state. `transit` is mid-stroke (transitioning between open and closed).
+          * @default 'closed'
+         */
+        "state"?: ValveState;
+        /**
+          * Equipment tag rendered as caption (e.g. "V-12").
+         */
+        "tag"?: string;
+    }
+
+    interface IndAlarmAttributes {
+        "priority": AlarmPriority;
+        "acknowledged": boolean;
+        "label": string;
+        "timestamp": string;
+    }
+    interface IndAppHeaderAttributes {
+        "brand": string;
+        "subBrand": string;
+        "machineId": string;
+        "mqttState": AppHeaderConnectionState;
+        "mqttLabel": string;
+        "version": string;
+        "docsUrl": string;
+        "hideChangeMachine": boolean;
+        "hideDisconnect": boolean;
+    }
+    interface IndButtonAttributes {
+        "variant": ButtonVariant;
+        "size": ButtonSize;
+        "disabled": boolean;
+        "label": string;
+        "holdToConfirmMs": number;
+    }
+    interface IndCheckboxAttributes {
+        "checked": boolean;
+        "indeterminate": boolean;
+        "disabled": boolean;
+        "size": CheckboxSize;
+        "label": string;
+        "name": string;
+        "value": string;
+    }
+    interface IndDialogAttributes {
+        "open": boolean;
+        "heading": string;
+        "size": DialogSize;
+        "closeOnBackdrop": boolean;
+    }
+    interface IndDividerAttributes {
+        "orientation": DividerOrientation;
+    }
+    interface IndFillRowAttributes {
+        "tag": string;
+        "label": string;
+        "value": number;
+        "max": number;
+        "unit": string;
+        "variant": FillRowVariant;
+        "severity": boolean;
+    }
+    interface IndHealthCardAttributes {
+        "heading": string;
+        "state": HealthState;
+        "stateLabel": string;
+        "detail": string;
+    }
+    interface IndInputAttributes {
+        "type": InputType;
+        "size": InputSize;
+        "value": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "readonly": boolean;
+        "invalid": boolean;
+        "label": string;
+        "name": string;
+        "min": string;
+        "max": string;
+        "step": string;
+        "pattern": string;
+        "autocomplete": string;
+        "mode": InputMode;
+    }
+    interface IndLedAttributes {
+        "state": LedState;
+        "size": LedSize;
+        "blinking": boolean;
+        "label": string;
+    }
+    interface IndMqttMonitorAttributes {
+        "log": string;
+        "filterValue": string;
+        "paused": boolean;
+        "rows": number;
+    }
+    interface IndNavItemAttributes {
+        "active": boolean;
+        "disabled": boolean;
+        "label": string;
+        "href": string;
+        "badge": string;
+    }
+    interface IndProgressAttributes {
+        "value": number;
+        "max": number;
+        "variant": ProgressVariant;
+        "size": ProgressSize;
+        "label": string;
+        "showValue": boolean;
+        "unit": string;
+        "indeterminate": boolean;
+    }
+    interface IndScaraCanvasAttributes {
+        "joints": number[] | string;
+        "linkLengths": number[] | string;
+        "state": ScaraState;
+    }
+    interface IndSelectAttributes {
+        "options": SelectOption[] | string;
+        "value": string;
+        "placeholder": string;
+        "label": string;
+        "name": string;
+        "size": SelectSize;
+        "disabled": boolean;
+        "invalid": boolean;
+    }
+    interface IndShelfCanvasAttributes {
+        "slots": ShelfSlot[] | string;
+        "rows": number;
+        "cols": number;
+        "heading": string;
+    }
+    interface IndStatusBarAttributes {
+        "state": StatusBarState;
+        "message": string;
+    }
+    interface IndStatusDotAttributes {
+        "state": StatusDotState;
+        "size": StatusDotSize;
+        "blinking": boolean;
+        "label": string;
+    }
+    interface IndTextareaAttributes {
+        "value": string;
+        "placeholder": string;
+        "label": string;
+        "name": string;
+        "rows": number;
+        "size": TextareaSize;
+        "variant": TextareaVariant;
+        "disabled": boolean;
+        "readonly": boolean;
+        "invalid": boolean;
+        "autoScroll": boolean;
+    }
+    interface IndToolbarActionAttributes {
+        "counter": string;
+    }
+    interface IndValueAttributes {
+        "value": string;
+        "unit": string;
+        "precision": number;
+        "alarm": ValueAlarm;
+        "trend": ValueTrend;
+        "size": ValueSize;
+        "label": string;
+        "tag": string;
+    }
+    interface IndValveAttributes {
+        "state": ValveState;
+        "orientation": ValveOrientation;
+        "size": ValveSize;
+        "label": string;
+        "tag": string;
+    }
+
+    interface IntrinsicElements {
+        "ind-alarm": Omit<IndAlarm, keyof IndAlarmAttributes> & { [K in keyof IndAlarm & keyof IndAlarmAttributes]?: IndAlarm[K] } & { [K in keyof IndAlarm & keyof IndAlarmAttributes as `attr:${K}`]?: IndAlarmAttributes[K] } & { [K in keyof IndAlarm & keyof IndAlarmAttributes as `prop:${K}`]?: IndAlarm[K] } & OneOf<"label", IndAlarm["label"], IndAlarmAttributes["label"]>;
+        "ind-app-header": Omit<IndAppHeader, keyof IndAppHeaderAttributes> & { [K in keyof IndAppHeader & keyof IndAppHeaderAttributes]?: IndAppHeader[K] } & { [K in keyof IndAppHeader & keyof IndAppHeaderAttributes as `attr:${K}`]?: IndAppHeaderAttributes[K] } & { [K in keyof IndAppHeader & keyof IndAppHeaderAttributes as `prop:${K}`]?: IndAppHeader[K] } & OneOf<"brand", IndAppHeader["brand"], IndAppHeaderAttributes["brand"]>;
+        "ind-button": Omit<IndButton, keyof IndButtonAttributes> & { [K in keyof IndButton & keyof IndButtonAttributes]?: IndButton[K] } & { [K in keyof IndButton & keyof IndButtonAttributes as `attr:${K}`]?: IndButtonAttributes[K] } & { [K in keyof IndButton & keyof IndButtonAttributes as `prop:${K}`]?: IndButton[K] };
+        "ind-checkbox": Omit<IndCheckbox, keyof IndCheckboxAttributes> & { [K in keyof IndCheckbox & keyof IndCheckboxAttributes]?: IndCheckbox[K] } & { [K in keyof IndCheckbox & keyof IndCheckboxAttributes as `attr:${K}`]?: IndCheckboxAttributes[K] } & { [K in keyof IndCheckbox & keyof IndCheckboxAttributes as `prop:${K}`]?: IndCheckbox[K] };
+        "ind-dialog": Omit<IndDialog, keyof IndDialogAttributes> & { [K in keyof IndDialog & keyof IndDialogAttributes]?: IndDialog[K] } & { [K in keyof IndDialog & keyof IndDialogAttributes as `attr:${K}`]?: IndDialogAttributes[K] } & { [K in keyof IndDialog & keyof IndDialogAttributes as `prop:${K}`]?: IndDialog[K] };
+        "ind-divider": Omit<IndDivider, keyof IndDividerAttributes> & { [K in keyof IndDivider & keyof IndDividerAttributes]?: IndDivider[K] } & { [K in keyof IndDivider & keyof IndDividerAttributes as `attr:${K}`]?: IndDividerAttributes[K] } & { [K in keyof IndDivider & keyof IndDividerAttributes as `prop:${K}`]?: IndDivider[K] };
+        "ind-fill-row": Omit<IndFillRow, keyof IndFillRowAttributes> & { [K in keyof IndFillRow & keyof IndFillRowAttributes]?: IndFillRow[K] } & { [K in keyof IndFillRow & keyof IndFillRowAttributes as `attr:${K}`]?: IndFillRowAttributes[K] } & { [K in keyof IndFillRow & keyof IndFillRowAttributes as `prop:${K}`]?: IndFillRow[K] } & OneOf<"label", IndFillRow["label"], IndFillRowAttributes["label"]>;
+        "ind-health-card": Omit<IndHealthCard, keyof IndHealthCardAttributes> & { [K in keyof IndHealthCard & keyof IndHealthCardAttributes]?: IndHealthCard[K] } & { [K in keyof IndHealthCard & keyof IndHealthCardAttributes as `attr:${K}`]?: IndHealthCardAttributes[K] } & { [K in keyof IndHealthCard & keyof IndHealthCardAttributes as `prop:${K}`]?: IndHealthCard[K] } & OneOf<"heading", IndHealthCard["heading"], IndHealthCardAttributes["heading"]>;
+        "ind-input": Omit<IndInput, keyof IndInputAttributes> & { [K in keyof IndInput & keyof IndInputAttributes]?: IndInput[K] } & { [K in keyof IndInput & keyof IndInputAttributes as `attr:${K}`]?: IndInputAttributes[K] } & { [K in keyof IndInput & keyof IndInputAttributes as `prop:${K}`]?: IndInput[K] };
+        "ind-led": Omit<IndLed, keyof IndLedAttributes> & { [K in keyof IndLed & keyof IndLedAttributes]?: IndLed[K] } & { [K in keyof IndLed & keyof IndLedAttributes as `attr:${K}`]?: IndLedAttributes[K] } & { [K in keyof IndLed & keyof IndLedAttributes as `prop:${K}`]?: IndLed[K] };
+        "ind-mqtt-monitor": Omit<IndMqttMonitor, keyof IndMqttMonitorAttributes> & { [K in keyof IndMqttMonitor & keyof IndMqttMonitorAttributes]?: IndMqttMonitor[K] } & { [K in keyof IndMqttMonitor & keyof IndMqttMonitorAttributes as `attr:${K}`]?: IndMqttMonitorAttributes[K] } & { [K in keyof IndMqttMonitor & keyof IndMqttMonitorAttributes as `prop:${K}`]?: IndMqttMonitor[K] };
+        "ind-nav-item": Omit<IndNavItem, keyof IndNavItemAttributes> & { [K in keyof IndNavItem & keyof IndNavItemAttributes]?: IndNavItem[K] } & { [K in keyof IndNavItem & keyof IndNavItemAttributes as `attr:${K}`]?: IndNavItemAttributes[K] } & { [K in keyof IndNavItem & keyof IndNavItemAttributes as `prop:${K}`]?: IndNavItem[K] };
+        "ind-progress": Omit<IndProgress, keyof IndProgressAttributes> & { [K in keyof IndProgress & keyof IndProgressAttributes]?: IndProgress[K] } & { [K in keyof IndProgress & keyof IndProgressAttributes as `attr:${K}`]?: IndProgressAttributes[K] } & { [K in keyof IndProgress & keyof IndProgressAttributes as `prop:${K}`]?: IndProgress[K] };
+        "ind-scara-canvas": Omit<IndScaraCanvas, keyof IndScaraCanvasAttributes> & { [K in keyof IndScaraCanvas & keyof IndScaraCanvasAttributes]?: IndScaraCanvas[K] } & { [K in keyof IndScaraCanvas & keyof IndScaraCanvasAttributes as `attr:${K}`]?: IndScaraCanvasAttributes[K] } & { [K in keyof IndScaraCanvas & keyof IndScaraCanvasAttributes as `prop:${K}`]?: IndScaraCanvas[K] };
+        "ind-select": Omit<IndSelect, keyof IndSelectAttributes> & { [K in keyof IndSelect & keyof IndSelectAttributes]?: IndSelect[K] } & { [K in keyof IndSelect & keyof IndSelectAttributes as `attr:${K}`]?: IndSelectAttributes[K] } & { [K in keyof IndSelect & keyof IndSelectAttributes as `prop:${K}`]?: IndSelect[K] };
+        "ind-shelf-canvas": Omit<IndShelfCanvas, keyof IndShelfCanvasAttributes> & { [K in keyof IndShelfCanvas & keyof IndShelfCanvasAttributes]?: IndShelfCanvas[K] } & { [K in keyof IndShelfCanvas & keyof IndShelfCanvasAttributes as `attr:${K}`]?: IndShelfCanvasAttributes[K] } & { [K in keyof IndShelfCanvas & keyof IndShelfCanvasAttributes as `prop:${K}`]?: IndShelfCanvas[K] };
+        "ind-sidebar-nav": IndSidebarNav;
+        "ind-status-bar": Omit<IndStatusBar, keyof IndStatusBarAttributes> & { [K in keyof IndStatusBar & keyof IndStatusBarAttributes]?: IndStatusBar[K] } & { [K in keyof IndStatusBar & keyof IndStatusBarAttributes as `attr:${K}`]?: IndStatusBarAttributes[K] } & { [K in keyof IndStatusBar & keyof IndStatusBarAttributes as `prop:${K}`]?: IndStatusBar[K] };
+        "ind-status-dot": Omit<IndStatusDot, keyof IndStatusDotAttributes> & { [K in keyof IndStatusDot & keyof IndStatusDotAttributes]?: IndStatusDot[K] } & { [K in keyof IndStatusDot & keyof IndStatusDotAttributes as `attr:${K}`]?: IndStatusDotAttributes[K] } & { [K in keyof IndStatusDot & keyof IndStatusDotAttributes as `prop:${K}`]?: IndStatusDot[K] };
+        "ind-textarea": Omit<IndTextarea, keyof IndTextareaAttributes> & { [K in keyof IndTextarea & keyof IndTextareaAttributes]?: IndTextarea[K] } & { [K in keyof IndTextarea & keyof IndTextareaAttributes as `attr:${K}`]?: IndTextareaAttributes[K] } & { [K in keyof IndTextarea & keyof IndTextareaAttributes as `prop:${K}`]?: IndTextarea[K] };
+        "ind-toolbar-action": Omit<IndToolbarAction, keyof IndToolbarActionAttributes> & { [K in keyof IndToolbarAction & keyof IndToolbarActionAttributes]?: IndToolbarAction[K] } & { [K in keyof IndToolbarAction & keyof IndToolbarActionAttributes as `attr:${K}`]?: IndToolbarActionAttributes[K] } & { [K in keyof IndToolbarAction & keyof IndToolbarActionAttributes as `prop:${K}`]?: IndToolbarAction[K] };
+        "ind-value": Omit<IndValue, keyof IndValueAttributes> & { [K in keyof IndValue & keyof IndValueAttributes]?: IndValue[K] } & { [K in keyof IndValue & keyof IndValueAttributes as `attr:${K}`]?: IndValueAttributes[K] } & { [K in keyof IndValue & keyof IndValueAttributes as `prop:${K}`]?: IndValue[K] } & OneOf<"value", IndValue["value"], IndValueAttributes["value"]>;
+        "ind-valve": Omit<IndValve, keyof IndValveAttributes> & { [K in keyof IndValve & keyof IndValveAttributes]?: IndValve[K] } & { [K in keyof IndValve & keyof IndValveAttributes as `attr:${K}`]?: IndValveAttributes[K] } & { [K in keyof IndValve & keyof IndValveAttributes as `prop:${K}`]?: IndValve[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "ind-alarm": LocalJSX.IntrinsicElements["ind-alarm"] & JSXBase.HTMLAttributes<HTMLIndAlarmElement>;
+            "ind-app-header": LocalJSX.IntrinsicElements["ind-app-header"] & JSXBase.HTMLAttributes<HTMLIndAppHeaderElement>;
+            "ind-button": LocalJSX.IntrinsicElements["ind-button"] & JSXBase.HTMLAttributes<HTMLIndButtonElement>;
+            "ind-checkbox": LocalJSX.IntrinsicElements["ind-checkbox"] & JSXBase.HTMLAttributes<HTMLIndCheckboxElement>;
+            "ind-dialog": LocalJSX.IntrinsicElements["ind-dialog"] & JSXBase.HTMLAttributes<HTMLIndDialogElement>;
+            "ind-divider": LocalJSX.IntrinsicElements["ind-divider"] & JSXBase.HTMLAttributes<HTMLIndDividerElement>;
+            "ind-fill-row": LocalJSX.IntrinsicElements["ind-fill-row"] & JSXBase.HTMLAttributes<HTMLIndFillRowElement>;
+            "ind-health-card": LocalJSX.IntrinsicElements["ind-health-card"] & JSXBase.HTMLAttributes<HTMLIndHealthCardElement>;
+            "ind-input": LocalJSX.IntrinsicElements["ind-input"] & JSXBase.HTMLAttributes<HTMLIndInputElement>;
+            "ind-led": LocalJSX.IntrinsicElements["ind-led"] & JSXBase.HTMLAttributes<HTMLIndLedElement>;
+            "ind-mqtt-monitor": LocalJSX.IntrinsicElements["ind-mqtt-monitor"] & JSXBase.HTMLAttributes<HTMLIndMqttMonitorElement>;
+            "ind-nav-item": LocalJSX.IntrinsicElements["ind-nav-item"] & JSXBase.HTMLAttributes<HTMLIndNavItemElement>;
+            "ind-progress": LocalJSX.IntrinsicElements["ind-progress"] & JSXBase.HTMLAttributes<HTMLIndProgressElement>;
+            /**
+             * 2D top-down SCARA arm view. Pure presentational — pass joint angles and
+             * link lengths, the component computes forward kinematics in SVG space.
+             *   <ind-scara-canvas .joints=${[30, 45, 0]} state="moving"></ind-scara-canvas>
+             * - `joints[0]` (J1) — shoulder rotation in degrees, 0 = +X axis
+             * - `joints[1]` (J2) — elbow rotation in degrees, relative to link 1
+             * - `joints[2]` (J3) — wrist (end effector) rotation, drives the small indicator
+             * Z translation isn't represented — it would require a separate side view.
+             */
+            "ind-scara-canvas": LocalJSX.IntrinsicElements["ind-scara-canvas"] & JSXBase.HTMLAttributes<HTMLIndScaraCanvasElement>;
+            "ind-select": LocalJSX.IntrinsicElements["ind-select"] & JSXBase.HTMLAttributes<HTMLIndSelectElement>;
+            /**
+             * Grid of bottle/container slots showing their fill level. Generic — represents
+             * any rack of resupplyable containers (bottles, cartridges, kegs, etc.).
+             *   <ind-shelf-canvas
+             *     .slots=${[{id:'a', label:'A', level:78}, {id:'b', label:'B', level:12}]}
+             *     cols="2"></ind-shelf-canvas>
+             */
+            "ind-shelf-canvas": LocalJSX.IntrinsicElements["ind-shelf-canvas"] & JSXBase.HTMLAttributes<HTMLIndShelfCanvasElement>;
+            /**
+             * Sidebar shell: a brand area on top, a scrollable nav list, and a footer area.
+             * State management is left to the consumer — drive `active` on each <ind-nav-item>
+             * from your router. The component is intentionally thin so it works with any
+             * routing approach (React Router, Vue Router, hash-based, none).
+             */
+            "ind-sidebar-nav": LocalJSX.IntrinsicElements["ind-sidebar-nav"] & JSXBase.HTMLAttributes<HTMLIndSidebarNavElement>;
+            /**
+             * Global footer bar: status dot + message on the left, slotted content on the right.
+             * Sized to be unobtrusive (~24 px). Drop additional `<span>` / `<ind-button size="sm">`
+             * children for right-aligned context (timestamps, server identifiers, action buttons).
+             */
+            "ind-status-bar": LocalJSX.IntrinsicElements["ind-status-bar"] & JSXBase.HTMLAttributes<HTMLIndStatusBarElement>;
+            "ind-status-dot": LocalJSX.IntrinsicElements["ind-status-dot"] & JSXBase.HTMLAttributes<HTMLIndStatusDotElement>;
+            "ind-textarea": LocalJSX.IntrinsicElements["ind-textarea"] & JSXBase.HTMLAttributes<HTMLIndTextareaElement>;
+            "ind-toolbar-action": LocalJSX.IntrinsicElements["ind-toolbar-action"] & JSXBase.HTMLAttributes<HTMLIndToolbarActionElement>;
+            "ind-value": LocalJSX.IntrinsicElements["ind-value"] & JSXBase.HTMLAttributes<HTMLIndValueElement>;
+            "ind-valve": LocalJSX.IntrinsicElements["ind-valve"] & JSXBase.HTMLAttributes<HTMLIndValveElement>;
+        }
+    }
+}