@procaaso/alphinity-ui-components 1.10.0 → 1.11.0

package/dist/index.d.cts

@@ -327,6 +327,8 @@ interface StatusIndicatorProps extends react__default.HTMLAttributes<HTMLDivElem
     shape?: 'circle' | 'square' | 'diamond';
     /** Whether the indicator should have a 3D LED effect */
     led?: boolean;
+    /** Whether the indicator is rendered at all. When false, nothing is rendered. Defaults to true. */
+    visible?: boolean;
     /**
      * True when the underlying tag's state is a maintenance force, not a
      * measured reading (#3607, R19). Renders a small glyph badge, never a
@@ -1173,6 +1175,18 @@ declare const DEFAULT_STATUS_COLORS: Record<DeviceStatus, StatusColorEntry>;
  * outlines a forced value's box/ring so it stays findable at a glance.
  */
 declare const FORCED_MARK_COLOR: StatusColorEntry;
+/**
+ * Position-unknown marking color (views-library #27). Deliberately outside
+ * DEFAULT_STATUS_COLORS, for the same reason as FORCED_MARK_COLOR: a device
+ * whose position the control system has disclaimed is not a health status,
+ * and must not compete with warning/alarm/fault. Values match the consuming
+ * HMI ISA token module (light theme).
+ *
+ * `fill` is the pattern background, `text` is the hatch line color.
+ */
+declare const UNKNOWN_MARK_COLOR: StatusColorEntry;
+/** Dark-theme values for UNKNOWN_MARK_COLOR. */
+declare const UNKNOWN_MARK_COLOR_DARK: StatusColorEntry;
 /**
  * Resolve a status string to a full color entry.
  *
@@ -1198,6 +1212,13 @@ interface NodeInstance {
         fill?: string;
         stroke?: string;
     };
+    /**
+     * Opt-in. True when the control system has disclaimed this device's position
+     * (for example a valve with bad limit-switch feedback). The symbol renders
+     * with a diagonal hatch, a non-colour cue, so it differs from a CLOSED
+     * symbol. Default off. Wins over status and customColors.
+     */
+    positionUnknown?: boolean;
     metadata?: Record<string, unknown>;
 }
 interface Transform {
@@ -1495,6 +1516,34 @@ interface UseTelemetryStatusOptions {
  */
 declare function useTelemetryStatus(telemetry: TelemetryMap, diagram: Diagram, setDiagram: (diagram: Diagram) => void, options?: UseTelemetryStatusOptions): void;
 
+/** Options for the signal-binding sync. */
+interface UseBooleanIndicatorsOptions {
+    /** Whether the sync is enabled (default: true). Disable in edit mode. */
+    enabled?: boolean;
+    /** Symbol id treated as a status indicator (default: 'status-indicator'). */
+    symbolId?: string;
+}
+/**
+ * Drive a status-indicator node's color and visibility from independent named
+ * signals.
+ *
+ * Each indicator node names two tags in its metadata:
+ * - `colorSource` — a tag whose truthy value shows `onColor`, falsy shows `offColor`.
+ * - `visibleSource` — a tag whose truthy value shows the node, falsy hides it.
+ *
+ * Both are resolved against a tag → value index built from every published
+ * telemetry binding, so color and visibility can follow completely different
+ * signals. A blank source leaves that property alone (color unbound, visibility
+ * static). Writes `customColors.fill` and `visible` — never touches the renderer
+ * props, so the NodeRenderer memo boundary stays intact.
+ *
+ * @example
+ * ```tsx
+ * useBooleanIndicators(telemetry, diagram, setDiagram, { enabled: mode === 'runtime' });
+ * ```
+ */
+declare function useBooleanIndicators(telemetry: TelemetryMap, diagram: Diagram, setDiagram: (diagram: Diagram) => void, options?: UseBooleanIndicatorsOptions): void;
+
 interface DragPoint {
     x: number;
     y: number;
@@ -1704,6 +1753,10 @@ interface NodeConfigPanelProps {
     onUpdateTelemetry: (updates: any) => void;
     /** Callback when telemetry binding is added for the first time */
     onAddTelemetry?: () => void;
+    /** Callback to remove/clear the telemetry binding for this node */
+    onRemoveTelemetry?: () => void;
+    /** Known signal/tag names, used to autocomplete and validate 'tag' fields. */
+    availableTags?: string[];
     /** Callback when node is removed */
     onRemove: () => void;
     /** Additional CSS class name */
@@ -1725,7 +1778,7 @@ interface NodeConfigPanelProps {
  * />
  * ```
  */
-declare function NodeConfigPanel({ node, binding, onUpdateNode, onUpdateTelemetry, onAddTelemetry, onRemove, className, style, }: NodeConfigPanelProps): react__default.JSX.Element;
+declare function NodeConfigPanel({ node, binding, onUpdateNode, onUpdateTelemetry, onAddTelemetry, onRemoveTelemetry, availableTags, onRemove, className, style, }: NodeConfigPanelProps): react__default.JSX.Element;
 
 /**
  * Validates a diagram object structure
@@ -1806,6 +1859,60 @@ declare function getSymbolDefinition(symbolId: string): SymbolDefinition | undef
  */
 declare function getAvailableSymbols(): string[];
 
+/**
+ * Appearance schema — the reusable contract for per-element editable properties.
+ *
+ * A placeable element declares its editable appearance fields as data. The
+ * properties panel (NodeConfigPanel) renders any schema generically, and the
+ * renderer (NodeRenderer) reads the same defaults. Add a new element by adding
+ * one schema entry — no panel code changes. This is the pattern the
+ * "add a placeable element" skill generates.
+ */
+type AppearanceFieldKind = 'select' | 'boolean' | 'number' | 'text' | 'tag';
+/**
+ * Where a field's value is read from and written to on the NodeInstance.
+ * - 'metadata' (default): the untyped node.metadata bag, keyed by field.key
+ * - 'visible': the node.visible flag
+ * - 'scale': node.transform.scale (via valueMap for select options)
+ */
+type AppearanceTarget = 'metadata' | 'visible' | 'scale';
+interface AppearanceField {
+    /** metadata key, or the driver for the special 'visible'/'scale' targets */
+    key: string;
+    kind: AppearanceFieldKind;
+    /** Human label for the panel; defaults to key when absent */
+    label?: string;
+    /** Options for kind 'select' */
+    options?: string[];
+    /** Where the value is stored; defaults to 'metadata' */
+    target?: AppearanceTarget;
+    /** Default value when the node has no value set */
+    default?: string | number | boolean;
+    /** For target 'scale': maps a select option to a numeric scale factor */
+    valueMap?: Record<string, number>;
+    /** Optional help text shown under the control in the panel */
+    help?: string;
+}
+type AppearanceValue = string | number | boolean;
+/** Named color presets for the boolean indicator (name → hex). */
+declare const COLOR_PRESETS: Record<string, string>;
+/** Resolve a color preset name to a hex value, falling back to grey. */
+declare function resolvePresetColor(name: string | undefined): string;
+/** Appearance schema for the Status LED symbol. */
+declare const STATUS_LED_APPEARANCE: AppearanceField[];
+/** Return the editable appearance fields for a symbol, or [] if it declares none. */
+declare function getAppearanceSchema(symbolId: string): AppearanceField[];
+/**
+ * Default values for the 'metadata'-targeted fields of a symbol, keyed by field key.
+ * The renderer merges these under the node's own metadata, so a freshly dropped
+ * element looks correct before any editing.
+ */
+declare function getAppearanceDefaults(symbolId: string): Record<string, AppearanceValue>;
+/** Read the current value of a field from a node, applying the field default. */
+declare function readAppearanceValue(node: NodeInstance, field: AppearanceField): AppearanceValue;
+/** Produce the NodeInstance update for a new field value. */
+declare function writeAppearanceValue(node: NodeInstance, field: AppearanceField, value: AppearanceValue): Partial<NodeInstance>;
+
 /**
  * Telemetry status type
  */
@@ -2222,4 +2329,4 @@ interface SimulationOptions {
  */
 declare function useSimulation(telemetry: TelemetryMap, updateTelemetryBatch: (updates: Array<any>) => void, options?: SimulationOptions): void;
 
-export { type AnchorType, Button, type ButtonProps, CardHeader, CardUnit, CardValue, CircularGauge, type CircularGaugeProps, type CommandKind, type ConfigActions, type ConfigDisplay, type ConfigParameter, type ConfigSection, type ConfigState, type ConfigTheme, type ControlCapabilities, type ControlMode, ControlPanel, type ControlPanelProps, type ControlParameter, type ControlState, type CustomAction, DEFAULT_STATUS_COLORS, DEFAULT_THRESHOLDS, DashboardCard, type DataBinding, type DeviceConfigBinding, type DeviceConfigMap, DeviceConfigPanel, type DeviceConfigPanelProps, type DeviceControlBinding, type DeviceControlMap, DeviceControlPanel, type DeviceControlPanelProps, type DeviceStatus, type Diagram, type DiagramMetadata, type DisplayMode, DisplayModeToggle, type DragPoint, type DragState, EquipmentIndicator, type EquipmentIndicatorProps, EquipmentIndicatorWithSparkline, type EquipmentIndicatorWithSparklineProps, FORCED_MARK_COLOR, FixedSVGContainer, FooterPanel, type ForcedState, FullscreenContainer, FullscreenWorkspace, type FullscreenWorkspaceProps, type FullscreenWorkspaceTab, type KeyboardShortcutsOptions, LeftPanel, LeftToggleButton, LegacyValueEntry, type LegacyValueEntryProps, type ModeConfig, NodeConfigPanel, type NodeConfigPanelProps, type NodeControlConfig, NodeControlsPanel, type NodeControlsPanelProps, type NodeInstance, NumpadDialog, type NumpadDialogProps, type Overlay, type OverlayContent, type OverlayTheme, type OverlayType, PIDCanvas, type PIDCanvasControls, type PIDCanvasFeatures, type PIDCanvasProps, PanelContent, PanelTabs, type PipeEdge, type PipeStyle, type Point, type PortDefinition, type PortInstance, type PortType, RightPanel, RightToggleButton, SVGArea, SVGLockedOverlay, type SVGLockedOverlayProps, type ScalingMetadata, ScrollableSVGWrapper, type SelectionState, Selector, type SelectorOption, type SelectorProps, type SimulationOptions, Sparkline, type SparklineProps, type StatusColorEntry, type StatusColorMap, StatusIndicator, type StatusIndicatorProps, type SymbolCategory, type SymbolDefinition, SymbolLibrary, type SymbolLibraryProps, type SymbolMetadata, type TelemetryBinding, type TelemetryMap, type TelemetryStatus$1 as TelemetryStatus, type TelemetryValue, ThemeProvider, ThemeToggle, type ThemeToggleProps, type Thresholds, type Transform, TrendLine, type TrendLineProps, type UseDeviceControlsOptions, type UseDragOptions, type UseDragResult, type UseSelectionOptions, type UseSelectionResult, type UseTelemetryOptions, type UseTelemetryResult, type UseTelemetryStatusOptions, type UseViewBoxOptions, type UseViewBoxResult, ValueEntry, type ValueEntryProps, type ViewBox, ZoomButton, ZoomControls, calculateThresholdStatus, createConfigBinding, createControlBinding, exampleDiagram, exportDiagram, generateRoutePoints, getAvailableSymbols, getPortWorldPosition, getSymbolDefinition, importDiagram, mockSymbolLibrary, nodeHasPort, overlayStyles, registerSymbol, registerSymbols, resolveStatusColor, useDeviceConfigs, useDeviceControls, useDrag, useKeyboardShortcuts, useSelection, useSimulation, useTelemetry, useTelemetryStatus, useTheme, useViewBox, validateDiagram };
+export { type AnchorType, type AppearanceField, type AppearanceFieldKind, type AppearanceTarget, type AppearanceValue, Button, type ButtonProps, COLOR_PRESETS, CardHeader, CardUnit, CardValue, CircularGauge, type CircularGaugeProps, type CommandKind, type ConfigActions, type ConfigDisplay, type ConfigParameter, type ConfigSection, type ConfigState, type ConfigTheme, type ControlCapabilities, type ControlMode, ControlPanel, type ControlPanelProps, type ControlParameter, type ControlState, type CustomAction, DEFAULT_STATUS_COLORS, DEFAULT_THRESHOLDS, DashboardCard, type DataBinding, type DeviceConfigBinding, type DeviceConfigMap, DeviceConfigPanel, type DeviceConfigPanelProps, type DeviceControlBinding, type DeviceControlMap, DeviceControlPanel, type DeviceControlPanelProps, type DeviceStatus, type Diagram, type DiagramMetadata, type DisplayMode, DisplayModeToggle, type DragPoint, type DragState, EquipmentIndicator, type EquipmentIndicatorProps, EquipmentIndicatorWithSparkline, type EquipmentIndicatorWithSparklineProps, FORCED_MARK_COLOR, FixedSVGContainer, FooterPanel, type ForcedState, FullscreenContainer, FullscreenWorkspace, type FullscreenWorkspaceProps, type FullscreenWorkspaceTab, type KeyboardShortcutsOptions, LeftPanel, LeftToggleButton, LegacyValueEntry, type LegacyValueEntryProps, type ModeConfig, NodeConfigPanel, type NodeConfigPanelProps, type NodeControlConfig, NodeControlsPanel, type NodeControlsPanelProps, type NodeInstance, NumpadDialog, type NumpadDialogProps, type Overlay, type OverlayContent, type OverlayTheme, type OverlayType, PIDCanvas, type PIDCanvasControls, type PIDCanvasFeatures, type PIDCanvasProps, PanelContent, PanelTabs, type PipeEdge, type PipeStyle, type Point, type PortDefinition, type PortInstance, type PortType, RightPanel, RightToggleButton, STATUS_LED_APPEARANCE, SVGArea, SVGLockedOverlay, type SVGLockedOverlayProps, type ScalingMetadata, ScrollableSVGWrapper, type SelectionState, Selector, type SelectorOption, type SelectorProps, type SimulationOptions, Sparkline, type SparklineProps, type StatusColorEntry, type StatusColorMap, StatusIndicator, type StatusIndicatorProps, type SymbolCategory, type SymbolDefinition, SymbolLibrary, type SymbolLibraryProps, type SymbolMetadata, type TelemetryBinding, type TelemetryMap, type TelemetryStatus$1 as TelemetryStatus, type TelemetryValue, ThemeProvider, ThemeToggle, type ThemeToggleProps, type Thresholds, type Transform, TrendLine, type TrendLineProps, UNKNOWN_MARK_COLOR, UNKNOWN_MARK_COLOR_DARK, type UseBooleanIndicatorsOptions, type UseDeviceControlsOptions, type UseDragOptions, type UseDragResult, type UseSelectionOptions, type UseSelectionResult, type UseTelemetryOptions, type UseTelemetryResult, type UseTelemetryStatusOptions, type UseViewBoxOptions, type UseViewBoxResult, ValueEntry, type ValueEntryProps, type ViewBox, ZoomButton, ZoomControls, calculateThresholdStatus, createConfigBinding, createControlBinding, exampleDiagram, exportDiagram, generateRoutePoints, getAppearanceDefaults, getAppearanceSchema, getAvailableSymbols, getPortWorldPosition, getSymbolDefinition, importDiagram, mockSymbolLibrary, nodeHasPort, overlayStyles, readAppearanceValue, registerSymbol, registerSymbols, resolvePresetColor, resolveStatusColor, useBooleanIndicators, useDeviceConfigs, useDeviceControls, useDrag, useKeyboardShortcuts, useSelection, useSimulation, useTelemetry, useTelemetryStatus, useTheme, useViewBox, validateDiagram, writeAppearanceValue };

package/dist/index.d.ts

@@ -327,6 +327,8 @@ interface StatusIndicatorProps extends react__default.HTMLAttributes<HTMLDivElem
     shape?: 'circle' | 'square' | 'diamond';
     /** Whether the indicator should have a 3D LED effect */
     led?: boolean;
+    /** Whether the indicator is rendered at all. When false, nothing is rendered. Defaults to true. */
+    visible?: boolean;
     /**
      * True when the underlying tag's state is a maintenance force, not a
      * measured reading (#3607, R19). Renders a small glyph badge, never a
@@ -1173,6 +1175,18 @@ declare const DEFAULT_STATUS_COLORS: Record<DeviceStatus, StatusColorEntry>;
  * outlines a forced value's box/ring so it stays findable at a glance.
  */
 declare const FORCED_MARK_COLOR: StatusColorEntry;
+/**
+ * Position-unknown marking color (views-library #27). Deliberately outside
+ * DEFAULT_STATUS_COLORS, for the same reason as FORCED_MARK_COLOR: a device
+ * whose position the control system has disclaimed is not a health status,
+ * and must not compete with warning/alarm/fault. Values match the consuming
+ * HMI ISA token module (light theme).
+ *
+ * `fill` is the pattern background, `text` is the hatch line color.
+ */
+declare const UNKNOWN_MARK_COLOR: StatusColorEntry;
+/** Dark-theme values for UNKNOWN_MARK_COLOR. */
+declare const UNKNOWN_MARK_COLOR_DARK: StatusColorEntry;
 /**
  * Resolve a status string to a full color entry.
  *
@@ -1198,6 +1212,13 @@ interface NodeInstance {
         fill?: string;
         stroke?: string;
     };
+    /**
+     * Opt-in. True when the control system has disclaimed this device's position
+     * (for example a valve with bad limit-switch feedback). The symbol renders
+     * with a diagonal hatch, a non-colour cue, so it differs from a CLOSED
+     * symbol. Default off. Wins over status and customColors.
+     */
+    positionUnknown?: boolean;
     metadata?: Record<string, unknown>;
 }
 interface Transform {
@@ -1495,6 +1516,34 @@ interface UseTelemetryStatusOptions {
  */
 declare function useTelemetryStatus(telemetry: TelemetryMap, diagram: Diagram, setDiagram: (diagram: Diagram) => void, options?: UseTelemetryStatusOptions): void;
 
+/** Options for the signal-binding sync. */
+interface UseBooleanIndicatorsOptions {
+    /** Whether the sync is enabled (default: true). Disable in edit mode. */
+    enabled?: boolean;
+    /** Symbol id treated as a status indicator (default: 'status-indicator'). */
+    symbolId?: string;
+}
+/**
+ * Drive a status-indicator node's color and visibility from independent named
+ * signals.
+ *
+ * Each indicator node names two tags in its metadata:
+ * - `colorSource` — a tag whose truthy value shows `onColor`, falsy shows `offColor`.
+ * - `visibleSource` — a tag whose truthy value shows the node, falsy hides it.
+ *
+ * Both are resolved against a tag → value index built from every published
+ * telemetry binding, so color and visibility can follow completely different
+ * signals. A blank source leaves that property alone (color unbound, visibility
+ * static). Writes `customColors.fill` and `visible` — never touches the renderer
+ * props, so the NodeRenderer memo boundary stays intact.
+ *
+ * @example
+ * ```tsx
+ * useBooleanIndicators(telemetry, diagram, setDiagram, { enabled: mode === 'runtime' });
+ * ```
+ */
+declare function useBooleanIndicators(telemetry: TelemetryMap, diagram: Diagram, setDiagram: (diagram: Diagram) => void, options?: UseBooleanIndicatorsOptions): void;
+
 interface DragPoint {
     x: number;
     y: number;
@@ -1704,6 +1753,10 @@ interface NodeConfigPanelProps {
     onUpdateTelemetry: (updates: any) => void;
     /** Callback when telemetry binding is added for the first time */
     onAddTelemetry?: () => void;
+    /** Callback to remove/clear the telemetry binding for this node */
+    onRemoveTelemetry?: () => void;
+    /** Known signal/tag names, used to autocomplete and validate 'tag' fields. */
+    availableTags?: string[];
     /** Callback when node is removed */
     onRemove: () => void;
     /** Additional CSS class name */
@@ -1725,7 +1778,7 @@ interface NodeConfigPanelProps {
  * />
  * ```
  */
-declare function NodeConfigPanel({ node, binding, onUpdateNode, onUpdateTelemetry, onAddTelemetry, onRemove, className, style, }: NodeConfigPanelProps): react__default.JSX.Element;
+declare function NodeConfigPanel({ node, binding, onUpdateNode, onUpdateTelemetry, onAddTelemetry, onRemoveTelemetry, availableTags, onRemove, className, style, }: NodeConfigPanelProps): react__default.JSX.Element;
 
 /**
  * Validates a diagram object structure
@@ -1806,6 +1859,60 @@ declare function getSymbolDefinition(symbolId: string): SymbolDefinition | undef
  */
 declare function getAvailableSymbols(): string[];
 
+/**
+ * Appearance schema — the reusable contract for per-element editable properties.
+ *
+ * A placeable element declares its editable appearance fields as data. The
+ * properties panel (NodeConfigPanel) renders any schema generically, and the
+ * renderer (NodeRenderer) reads the same defaults. Add a new element by adding
+ * one schema entry — no panel code changes. This is the pattern the
+ * "add a placeable element" skill generates.
+ */
+type AppearanceFieldKind = 'select' | 'boolean' | 'number' | 'text' | 'tag';
+/**
+ * Where a field's value is read from and written to on the NodeInstance.
+ * - 'metadata' (default): the untyped node.metadata bag, keyed by field.key
+ * - 'visible': the node.visible flag
+ * - 'scale': node.transform.scale (via valueMap for select options)
+ */
+type AppearanceTarget = 'metadata' | 'visible' | 'scale';
+interface AppearanceField {
+    /** metadata key, or the driver for the special 'visible'/'scale' targets */
+    key: string;
+    kind: AppearanceFieldKind;
+    /** Human label for the panel; defaults to key when absent */
+    label?: string;
+    /** Options for kind 'select' */
+    options?: string[];
+    /** Where the value is stored; defaults to 'metadata' */
+    target?: AppearanceTarget;
+    /** Default value when the node has no value set */
+    default?: string | number | boolean;
+    /** For target 'scale': maps a select option to a numeric scale factor */
+    valueMap?: Record<string, number>;
+    /** Optional help text shown under the control in the panel */
+    help?: string;
+}
+type AppearanceValue = string | number | boolean;
+/** Named color presets for the boolean indicator (name → hex). */
+declare const COLOR_PRESETS: Record<string, string>;
+/** Resolve a color preset name to a hex value, falling back to grey. */
+declare function resolvePresetColor(name: string | undefined): string;
+/** Appearance schema for the Status LED symbol. */
+declare const STATUS_LED_APPEARANCE: AppearanceField[];
+/** Return the editable appearance fields for a symbol, or [] if it declares none. */
+declare function getAppearanceSchema(symbolId: string): AppearanceField[];
+/**
+ * Default values for the 'metadata'-targeted fields of a symbol, keyed by field key.
+ * The renderer merges these under the node's own metadata, so a freshly dropped
+ * element looks correct before any editing.
+ */
+declare function getAppearanceDefaults(symbolId: string): Record<string, AppearanceValue>;
+/** Read the current value of a field from a node, applying the field default. */
+declare function readAppearanceValue(node: NodeInstance, field: AppearanceField): AppearanceValue;
+/** Produce the NodeInstance update for a new field value. */
+declare function writeAppearanceValue(node: NodeInstance, field: AppearanceField, value: AppearanceValue): Partial<NodeInstance>;
+
 /**
  * Telemetry status type
  */
@@ -2222,4 +2329,4 @@ interface SimulationOptions {
  */
 declare function useSimulation(telemetry: TelemetryMap, updateTelemetryBatch: (updates: Array<any>) => void, options?: SimulationOptions): void;
 
-export { type AnchorType, Button, type ButtonProps, CardHeader, CardUnit, CardValue, CircularGauge, type CircularGaugeProps, type CommandKind, type ConfigActions, type ConfigDisplay, type ConfigParameter, type ConfigSection, type ConfigState, type ConfigTheme, type ControlCapabilities, type ControlMode, ControlPanel, type ControlPanelProps, type ControlParameter, type ControlState, type CustomAction, DEFAULT_STATUS_COLORS, DEFAULT_THRESHOLDS, DashboardCard, type DataBinding, type DeviceConfigBinding, type DeviceConfigMap, DeviceConfigPanel, type DeviceConfigPanelProps, type DeviceControlBinding, type DeviceControlMap, DeviceControlPanel, type DeviceControlPanelProps, type DeviceStatus, type Diagram, type DiagramMetadata, type DisplayMode, DisplayModeToggle, type DragPoint, type DragState, EquipmentIndicator, type EquipmentIndicatorProps, EquipmentIndicatorWithSparkline, type EquipmentIndicatorWithSparklineProps, FORCED_MARK_COLOR, FixedSVGContainer, FooterPanel, type ForcedState, FullscreenContainer, FullscreenWorkspace, type FullscreenWorkspaceProps, type FullscreenWorkspaceTab, type KeyboardShortcutsOptions, LeftPanel, LeftToggleButton, LegacyValueEntry, type LegacyValueEntryProps, type ModeConfig, NodeConfigPanel, type NodeConfigPanelProps, type NodeControlConfig, NodeControlsPanel, type NodeControlsPanelProps, type NodeInstance, NumpadDialog, type NumpadDialogProps, type Overlay, type OverlayContent, type OverlayTheme, type OverlayType, PIDCanvas, type PIDCanvasControls, type PIDCanvasFeatures, type PIDCanvasProps, PanelContent, PanelTabs, type PipeEdge, type PipeStyle, type Point, type PortDefinition, type PortInstance, type PortType, RightPanel, RightToggleButton, SVGArea, SVGLockedOverlay, type SVGLockedOverlayProps, type ScalingMetadata, ScrollableSVGWrapper, type SelectionState, Selector, type SelectorOption, type SelectorProps, type SimulationOptions, Sparkline, type SparklineProps, type StatusColorEntry, type StatusColorMap, StatusIndicator, type StatusIndicatorProps, type SymbolCategory, type SymbolDefinition, SymbolLibrary, type SymbolLibraryProps, type SymbolMetadata, type TelemetryBinding, type TelemetryMap, type TelemetryStatus$1 as TelemetryStatus, type TelemetryValue, ThemeProvider, ThemeToggle, type ThemeToggleProps, type Thresholds, type Transform, TrendLine, type TrendLineProps, type UseDeviceControlsOptions, type UseDragOptions, type UseDragResult, type UseSelectionOptions, type UseSelectionResult, type UseTelemetryOptions, type UseTelemetryResult, type UseTelemetryStatusOptions, type UseViewBoxOptions, type UseViewBoxResult, ValueEntry, type ValueEntryProps, type ViewBox, ZoomButton, ZoomControls, calculateThresholdStatus, createConfigBinding, createControlBinding, exampleDiagram, exportDiagram, generateRoutePoints, getAvailableSymbols, getPortWorldPosition, getSymbolDefinition, importDiagram, mockSymbolLibrary, nodeHasPort, overlayStyles, registerSymbol, registerSymbols, resolveStatusColor, useDeviceConfigs, useDeviceControls, useDrag, useKeyboardShortcuts, useSelection, useSimulation, useTelemetry, useTelemetryStatus, useTheme, useViewBox, validateDiagram };
+export { type AnchorType, type AppearanceField, type AppearanceFieldKind, type AppearanceTarget, type AppearanceValue, Button, type ButtonProps, COLOR_PRESETS, CardHeader, CardUnit, CardValue, CircularGauge, type CircularGaugeProps, type CommandKind, type ConfigActions, type ConfigDisplay, type ConfigParameter, type ConfigSection, type ConfigState, type ConfigTheme, type ControlCapabilities, type ControlMode, ControlPanel, type ControlPanelProps, type ControlParameter, type ControlState, type CustomAction, DEFAULT_STATUS_COLORS, DEFAULT_THRESHOLDS, DashboardCard, type DataBinding, type DeviceConfigBinding, type DeviceConfigMap, DeviceConfigPanel, type DeviceConfigPanelProps, type DeviceControlBinding, type DeviceControlMap, DeviceControlPanel, type DeviceControlPanelProps, type DeviceStatus, type Diagram, type DiagramMetadata, type DisplayMode, DisplayModeToggle, type DragPoint, type DragState, EquipmentIndicator, type EquipmentIndicatorProps, EquipmentIndicatorWithSparkline, type EquipmentIndicatorWithSparklineProps, FORCED_MARK_COLOR, FixedSVGContainer, FooterPanel, type ForcedState, FullscreenContainer, FullscreenWorkspace, type FullscreenWorkspaceProps, type FullscreenWorkspaceTab, type KeyboardShortcutsOptions, LeftPanel, LeftToggleButton, LegacyValueEntry, type LegacyValueEntryProps, type ModeConfig, NodeConfigPanel, type NodeConfigPanelProps, type NodeControlConfig, NodeControlsPanel, type NodeControlsPanelProps, type NodeInstance, NumpadDialog, type NumpadDialogProps, type Overlay, type OverlayContent, type OverlayTheme, type OverlayType, PIDCanvas, type PIDCanvasControls, type PIDCanvasFeatures, type PIDCanvasProps, PanelContent, PanelTabs, type PipeEdge, type PipeStyle, type Point, type PortDefinition, type PortInstance, type PortType, RightPanel, RightToggleButton, STATUS_LED_APPEARANCE, SVGArea, SVGLockedOverlay, type SVGLockedOverlayProps, type ScalingMetadata, ScrollableSVGWrapper, type SelectionState, Selector, type SelectorOption, type SelectorProps, type SimulationOptions, Sparkline, type SparklineProps, type StatusColorEntry, type StatusColorMap, StatusIndicator, type StatusIndicatorProps, type SymbolCategory, type SymbolDefinition, SymbolLibrary, type SymbolLibraryProps, type SymbolMetadata, type TelemetryBinding, type TelemetryMap, type TelemetryStatus$1 as TelemetryStatus, type TelemetryValue, ThemeProvider, ThemeToggle, type ThemeToggleProps, type Thresholds, type Transform, TrendLine, type TrendLineProps, UNKNOWN_MARK_COLOR, UNKNOWN_MARK_COLOR_DARK, type UseBooleanIndicatorsOptions, type UseDeviceControlsOptions, type UseDragOptions, type UseDragResult, type UseSelectionOptions, type UseSelectionResult, type UseTelemetryOptions, type UseTelemetryResult, type UseTelemetryStatusOptions, type UseViewBoxOptions, type UseViewBoxResult, ValueEntry, type ValueEntryProps, type ViewBox, ZoomButton, ZoomControls, calculateThresholdStatus, createConfigBinding, createControlBinding, exampleDiagram, exportDiagram, generateRoutePoints, getAppearanceDefaults, getAppearanceSchema, getAvailableSymbols, getPortWorldPosition, getSymbolDefinition, importDiagram, mockSymbolLibrary, nodeHasPort, overlayStyles, readAppearanceValue, registerSymbol, registerSymbols, resolvePresetColor, resolveStatusColor, useBooleanIndicators, useDeviceConfigs, useDeviceControls, useDrag, useKeyboardShortcuts, useSelection, useSimulation, useTelemetry, useTelemetryStatus, useTheme, useViewBox, validateDiagram, writeAppearanceValue };