@mp70/react-networks 0.5.0-rc.1 → 0.6.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import React$1, { Component, ReactNode, ErrorInfo } from 'react';
-import { Node, NodeTypes, EdgeTypes, Connection, Edge, ConnectionMode, ReactFlowInstance, Viewport, FitViewOptions, NodeProps, EdgeProps } from 'reactflow';
+import React$1, { Component, ReactNode, ErrorInfo, CSSProperties } from 'react';
+import * as reactflow from 'reactflow';
+import { Node, Connection, NodeTypes, EdgeTypes, Edge, ConnectionMode, ReactFlowInstance, Viewport, FitViewOptions, NodeProps, EdgeProps } from 'reactflow';
 
 type FibreFlowCableKind = 'simple' | 'tube';
 interface FibreFlowEndpoint {
@@ -240,12 +241,12 @@ declare enum Width {
  * Port type enumeration
  * @public
  */
-type PortType = 'ethernet' | 'fiber' | 'console' | 'mgmt' | 'usb' | 'power_ac' | 'power_c13' | 'power_c19';
+type PortType = "ethernet" | "rj45" | "fiber" | "console" | "mgmt" | "usb" | "power_ac" | "power_c13" | "power_c19";
 /**
  * Cable types used for connected network ports.
  * @public
  */
-type PortCableType = 'smf' | 'cat6' | 'om3' | 'om4' | 'om5' | 'cat5e' | 'cat6a' | 'cat7' | 'fiber' | 'ethernet';
+type PortCableType = "smf" | "cat6" | "om3" | "om4" | "om5" | "cat5e" | "cat6a" | "cat7" | "fiber" | "ethernet";
 /**
  * Device image fit options.
  *
@@ -254,12 +255,12 @@ type PortCableType = 'smf' | 'cat6' | 'om3' | 'om4' | 'om5' | 'cat5e' | 'cat6a'
  *
  * @public
  */
-type DeviceImageFit = 'cover' | 'contain' | 'contain-height' | 'fill' | 'none' | 'scale-down';
+type DeviceImageFit = "cover" | "contain" | "contain-height" | "fill" | "none" | "scale-down";
 /**
  * Device image repeat options.
  * @public
  */
-type DeviceImageRepeat = 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y';
+type DeviceImageRepeat = "no-repeat" | "repeat" | "repeat-x" | "repeat-y";
 /**
  * Shared image configuration for rack-mounted devices and device nodes.
  * @public
@@ -288,7 +289,7 @@ interface DeviceImageOptions {
  */
 interface PortPosition {
     /** Handle side on the node */
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    side?: "top" | "right" | "bottom" | "left";
     /** Side offset as percentage (0-100) */
     offsetPercent?: number;
     /** Side offset in pixels */
@@ -314,7 +315,7 @@ interface DevicePort {
     /** Display label for the port */
     label: string;
     /** Front/rear device face. `back` is accepted as an alias for `rear`. */
-    face?: DeviceFace | 'back';
+    face?: DeviceFace | "back";
     /** Optional block/group name (for example `Network Ports`, `QSFP28`, `Power Ports`) */
     group?: string;
     /** Optional source/detected family label used for visual kind inference */
@@ -326,7 +327,7 @@ interface DevicePort {
     /** Cable type for connection validation */
     cableType?: PortCableType;
     /** Optional power connector type for rendering (mainly for PDU ports) */
-    connectorType?: 'C13' | 'C14' | 'C19' | 'C20';
+    connectorType?: "C13" | "C14" | "C19" | "C20";
     /** Optional compatibility keys. When omitted, defaults are derived from type/cable/connector data. */
     compatibility?: string[];
     /** Optional sort order within a face/group bucket */
@@ -352,7 +353,7 @@ interface Port {
     /** Cable type for connection validation */
     cableType?: PortCableType;
     /** Optional power connector type for rendering (mainly for PDU ports) */
-    connectorType?: 'C13' | 'C14' | 'C19' | 'C20';
+    connectorType?: "C13" | "C14" | "C19" | "C20";
     /** Optional compatibility keys. When omitted, defaults are derived from type/cable/connector data. */
     compatibility?: string[];
     /** Optional explicit handle placement */
@@ -372,37 +373,48 @@ interface PortBlock {
  * Network node types supported by the diagram
  * @public
  */
-type NetworkNodeType = 'rack' | 'switch' | 'router' | 'server' | 'fiber' | 'patch-panel' | 'device' | 'vertical-pdu' | 'splice' | 'splice-tray' | 'tube' | 'cable' | 'multi-tube-cable' | 'coupler' | 'closure' | 'fibre-split' | 'fibre-flow-cable' | 'fibre-flow-closure';
+type NetworkNodeType = "rack" | "switch" | "router" | "server" | "fiber" | "patch-panel" | "device" | "vertical-pdu" | "splice" | "splice-tray" | "tube" | "cable" | "multi-tube-cable" | "coupler" | "closure" | "fibre-split" | "fibre-flow-cable" | "fibre-flow-closure";
 /**
  * Device status states
  * @public
  */
-type DeviceStatus = 'active' | 'inactive' | 'maintenance';
+type DeviceStatus = "active" | "inactive" | "maintenance";
 /**
  * Device face orientations
  * @public
  */
-type DeviceFace = 'front' | 'rear';
+type DeviceFace = "front" | "rear";
+type DiagramPortHandleRef = {
+    nodeId: string;
+    handleId: string;
+};
+type DiagramPortClickPayload = {
+    nodeId: string;
+    handleId: string;
+    groupName: string;
+    portLabel: string;
+    face: DeviceFace;
+};
 /**
  * Rack rendering layout modes.
  * @public
  */
-type RackLayoutMode = 'single-face' | 'split-face';
+type RackLayoutMode = "single-face" | "split-face";
 /**
  * Rack mounting behavior for a device.
  * @public
  */
-type RackMountMode = 'front' | 'rear' | 'both';
+type RackMountMode = "front" | "rear" | "both";
 /**
  * Power port side configuration
  * @public
  */
-type PowerSide = 'left' | 'right';
+type PowerSide = "left" | "right";
 /**
  * U numbering direction for racks
  * @public
  */
-type UNumberingDirection = 'bottom-up' | 'top-down';
+type UNumberingDirection = "bottom-up" | "top-down";
 /**
  * Shared node data fields available across node types.
  * Specific node kinds can narrow these fields via `NetworkNodeDataByType`.
@@ -413,22 +425,24 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     label: string;
     /** Current status of the node/device */
     status?: DeviceStatus | string;
-    /** Simple flat port input. Use `portGroups` / `rearPortGroups` for explicit grouped control. */
-    ports?: DevicePort[] | number;
+    /** Simple flat port input or grouped port blocks. Use `portGroups` / `rearPortGroups` for explicit grouped control. */
+    ports?: DevicePort[] | PortBlock[] | number;
     /** Advanced grouped front port input */
     portGroups?: PortBlock[];
     /** Advanced grouped rear port input */
     rearPortGroups?: PortBlock[];
+    /** Grouped rear port blocks (rack JSON alias for `rearPortGroups`) */
+    rearPorts?: PortBlock[];
     /** List of connected node IDs */
     connections?: string[];
     /** NetBox integration ID */
     netboxId?: number | string;
     /** NetBox object type */
-    netboxType?: 'device' | 'rack' | 'interface' | 'cable' | string;
+    netboxType?: "device" | "rack" | "interface" | "cable" | string;
     /** Inventory integration ID */
     inventoryId?: number | string;
     /** Inventory object type */
-    inventoryType?: 'device' | 'rack' | 'interface' | 'cable' | string;
+    inventoryType?: "device" | "rack" | "interface" | "cable" | string;
     /** Rack height in U units */
     uHeight?: number;
     /** Device position within rack in U units */
@@ -445,6 +459,11 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     mountMode?: RackMountMode;
     /** Device type specification */
     deviceType?: string;
+    /**
+     * When false, device elevation renders as a status-colored block without front/rear photos.
+     * Defaults to true (show photos when URLs exist).
+     */
+    showDeviceImages?: boolean;
     /** Device manufacturer */
     manufacturer?: string;
     /** Device role in network */
@@ -458,13 +477,13 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     /** Number of AC power ports */
     powerPorts?: number;
     /** Optional explicit PDU connector sequence */
-    portTypes?: Array<'C13' | 'C19'>;
+    portTypes?: Array<"C13" | "C19">;
     /** Optional grouped PDU ports (supports custom positions/types) */
     pduPortGroups?: PortBlock[];
     /** Vertical PDU width in pixels */
     widthPx?: number;
     /** Optional management unit position for vertical PDUs */
-    mgmt_unit?: 'top' | 'middle' | 'bottom';
+    mgmt_unit?: "top" | "middle" | "bottom";
     /** U numbering direction for rack nodes */
     uNumberingDirection?: UNumberingDirection;
     /** Custom header text for rack nodes */
@@ -476,13 +495,13 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     /** Loss value in dB for splice nodes */
     lossDb?: number;
     /** Splice mode */
-    mode?: 'single' | 'ribbon';
+    mode?: "single" | "ribbon";
     /** Legacy ribbon flag */
     ribbon?: boolean;
     /** Ribbon fiber IDs */
     ribbonFiberIds?: number[];
     /** Connector type for coupler nodes */
-    connector?: 'SC' | 'LC';
+    connector?: "SC" | "LC";
     /** Number of fibers for coupler nodes (1, 2, or 4) */
     couplerFiberCount?: 1 | 2 | 4;
     /** Optional port labels for left side of coupler */
@@ -510,7 +529,7 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     /** Header text for container nodes */
     header?: string;
     /** Type of fibre splitter: 'splitter' or 'WDM' (default: 'splitter') */
-    splitterType?: 'splitter' | 'WDM';
+    splitterType?: "splitter" | "WDM";
     /** Number of input fibers on the left (1 or 2, default: 1) */
     inputCount?: number;
     /** Number of output fibers on the right (1-64, default: 8) */
@@ -532,7 +551,7 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     /** Rotation in degrees for rotatable nodes */
     rotation?: number;
     /** Tube handle orientation */
-    startOn?: 'left-center' | 'left' | 'right';
+    startOn?: "left-center" | "left" | "right";
     /** Rack metadata for integrations */
     facilityId?: string | number | null;
     /** Rack serial metadata */
@@ -554,7 +573,7 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     devices?: unknown[];
     cables?: unknown[];
     /** UI color mode metadata */
-    colorMode?: 'light' | 'dark' | 'system';
+    colorMode?: "light" | "dark" | "system";
     /** Generic dimensions used by some helpers */
     height?: number;
     headerHeight?: number;
@@ -575,7 +594,7 @@ interface RackNodeData extends NetworkNodeDataBase {
  * @public
  */
 interface DeviceNodeData extends NetworkNodeDataBase {
-    ports?: DevicePort[] | number;
+    ports?: DevicePort[] | PortBlock[] | number;
 }
 /**
  * Fibre flow cable node data.
@@ -583,13 +602,13 @@ interface DeviceNodeData extends NetworkNodeDataBase {
  */
 interface FibreFlowCableNodeData extends NetworkNodeDataBase {
     cable: FibreFlowCable;
-    side: 'left' | 'right';
+    side: "left" | "right";
     rowHeight: number;
     columnWidth: number;
     showTubeLabels: boolean;
     showFiberNumbers: boolean;
     layout: unknown;
-    colorMode?: 'dark' | 'light';
+    colorMode?: "dark" | "light";
 }
 /**
  * Fibre flow closure node data.
@@ -599,7 +618,7 @@ interface FibreFlowClosureNodeData extends NetworkNodeDataBase {
     width?: number;
     height?: number;
     headerHeight?: number;
-    colorMode?: 'dark' | 'light';
+    colorMode?: "dark" | "light";
 }
 /**
  * Mapping from node type to corresponding data type.
@@ -611,19 +630,19 @@ interface NetworkNodeDataByType {
     router: DeviceNodeData;
     server: DeviceNodeData;
     fiber: NetworkNodeDataBase;
-    'patch-panel': NetworkNodeDataBase;
+    "patch-panel": NetworkNodeDataBase;
     device: DeviceNodeData;
-    'vertical-pdu': NetworkNodeDataBase;
+    "vertical-pdu": NetworkNodeDataBase;
     splice: NetworkNodeDataBase;
-    'splice-tray': NetworkNodeDataBase;
+    "splice-tray": NetworkNodeDataBase;
     tube: NetworkNodeDataBase;
     cable: NetworkNodeDataBase;
-    'multi-tube-cable': NetworkNodeDataBase;
+    "multi-tube-cable": NetworkNodeDataBase;
     coupler: NetworkNodeDataBase;
     closure: NetworkNodeDataBase;
-    'fibre-split': NetworkNodeDataBase;
-    'fibre-flow-cable': FibreFlowCableNodeData;
-    'fibre-flow-closure': FibreFlowClosureNodeData;
+    "fibre-split": NetworkNodeDataBase;
+    "fibre-flow-cable": FibreFlowCableNodeData;
+    "fibre-flow-closure": FibreFlowClosureNodeData;
 }
 /**
  * Union of all node data variants.
@@ -644,7 +663,7 @@ type NetworkNode<TType extends NetworkNodeType = NetworkNodeType, TExtra = unkno
  * Network edge types
  * @public
  */
-type NetworkEdgeType = 'fiber' | 'ethernet' | 'power' | 'smoothstep' | 'step' | 'thick-cable' | 'fibre-flow' | 'fibre-flow-link';
+type NetworkEdgeType = "fiber" | "ethernet" | "power" | "smoothstep" | "step" | "thick-cable" | "fibre-flow" | "fibre-flow-link";
 /**
  * Edge data payload.
  * @public
@@ -657,7 +676,7 @@ interface NetworkEdgeData {
     /** Edge color for styling */
     color?: string;
     /** Edge kind for styling/validation */
-    kind?: 'fiber' | 'power' | 'network';
+    kind?: "fiber" | "power" | "network";
     /** Whether this edge represents a ribbon fiber connection */
     isRibbon?: boolean;
     /** Array of fiber IDs for ribbon mode (6-12 fibers) */
@@ -676,10 +695,10 @@ interface NetworkEdgeData {
     cableType?: PortCableType;
     /** NetBox integration metadata */
     netboxId?: number | string;
-    netboxType?: 'device' | 'rack' | 'interface' | 'cable' | string;
+    netboxType?: "device" | "rack" | "interface" | "cable" | string;
     /** Inventory integration metadata */
     inventoryId?: number | string;
-    inventoryType?: 'device' | 'rack' | 'interface' | 'cable' | string;
+    inventoryType?: "device" | "rack" | "interface" | "cable" | string;
     /** Status metadata */
     status?: string;
     /** Endpoint metadata */
@@ -736,7 +755,7 @@ interface DiagramDocument {
  * Node kinds used by the document model.
  * @public
  */
-type DiagramNodeKind = 'rack' | 'equipment' | 'pdu' | 'fiber' | 'tube' | 'cable' | 'multi-tube-cable' | 'splice' | 'coupler' | 'splitter' | 'container' | 'fibre-flow-cable' | 'fibre-flow-closure';
+type DiagramNodeKind = "rack" | "equipment" | "pdu" | "fiber" | "tube" | "cable" | "multi-tube-cable" | "splice" | "coupler" | "splitter" | "container" | "fibre-flow-cable" | "fibre-flow-closure";
 /**
  * Placement data for document nodes.
  * @public
@@ -747,7 +766,7 @@ interface DiagramNodePlacement {
         y: number;
     };
     parentId?: string;
-    extent?: 'parent';
+    extent?: "parent";
     rack?: {
         uPosition?: number;
         mountMode?: RackMountMode;
@@ -767,10 +786,10 @@ interface DiagramNodePlacement {
 interface DiagramEndpoint {
     id: string;
     label: string;
-    face?: DeviceFace | 'internal';
+    face?: DeviceFace | "internal";
     group?: string;
-    role?: 'network' | 'power' | 'fiber' | 'tube' | 'splice' | 'coupler' | 'splitter' | 'cable' | 'generic';
-    medium?: 'ethernet' | 'fiber' | 'power' | 'tube' | 'generic';
+    role?: "network" | "power" | "fiber" | "tube" | "splice" | "coupler" | "splitter" | "cable" | "generic";
+    medium?: "ethernet" | "fiber" | "power" | "tube" | "generic";
     type?: PortType;
     cableType?: PortCableType;
     connector?: string;
@@ -789,7 +808,7 @@ interface DiagramNodeRender {
     height?: number;
     header?: string;
     color?: string;
-    colorMode?: 'light' | 'dark' | 'system';
+    colorMode?: "light" | "dark" | "system";
     rackWidthPx?: number;
     rackFaceGapPx?: number;
     images?: DeviceImageOptions;
@@ -804,7 +823,7 @@ interface DiagramNodeRender {
  * @public
  */
 interface DiagramExternalRef {
-    source: 'netbox' | 'inventory' | string;
+    source: "netbox" | "inventory" | string;
     id: string | number;
     type?: string;
     metadata?: Record<string, unknown>;
@@ -861,7 +880,7 @@ interface DiagramUiState {
  * Rack device types
  * @public
  */
-type RackDeviceType = 'server' | 'switch' | 'router' | 'patch-panel' | 'ups';
+type RackDeviceType = "server" | "switch" | "router" | "patch-panel" | "ups";
 /**
  * Rack configuration structure
  * @public
@@ -912,14 +931,16 @@ interface RackDevice extends DeviceImageOptions {
     mountMode?: RackMountMode;
     /** Device role in network */
     role?: string;
-    /** Recommended simple port input. Use `portGroups` / `rearPortGroups` for explicit grouped control. */
-    ports?: DevicePort[];
+    /** Recommended simple port input (flat `DevicePort[]` or grouped `PortBlock[]`). */
+    ports?: DevicePort[] | PortBlock[];
     /** Current status of the device */
     status?: DeviceStatus | string;
     /** Advanced grouped front port input */
     portGroups?: PortBlock[];
     /** Advanced grouped rear port input */
     rearPortGroups?: PortBlock[];
+    /** Grouped rear port blocks (rack JSON alias for `rearPortGroups`) */
+    rearPorts?: PortBlock[];
     /** Power port side for rear face */
     powerSide?: PowerSide;
     /** Connected device IDs */
@@ -929,7 +950,7 @@ interface RackDevice extends DeviceImageOptions {
  * Fiber cable types
  * @public
  */
-type FiberCableType = 'single-mode' | 'multi-mode';
+type FiberCableType = "single-mode" | "multi-mode";
 /**
  * Fiber cable configuration
  * @public
@@ -967,7 +988,7 @@ interface SpliceConfig {
     /** Loss value in dB */
     lossDb?: number;
     /** Splice mode: 'single' for individual fiber, 'ribbon' for ribbon splices */
-    mode?: 'single' | 'ribbon';
+    mode?: "single" | "ribbon";
     /** For ribbon mode: array of fiber IDs (6-12) in the ribbon */
     ribbonFiberIds?: number[];
 }
@@ -1070,7 +1091,7 @@ interface NetworkDiagramToImageOptions {
  * Fit-view options that support targeting node IDs directly.
  * @public
  */
-interface NetworkDiagramFitViewOptions extends Omit<FitViewOptions, 'nodes'> {
+interface NetworkDiagramFitViewOptions extends Omit<FitViewOptions, "nodes"> {
     /** Optional node IDs to fit */
     nodes?: string[];
 }
@@ -1184,7 +1205,7 @@ interface NetworkDiagramProps {
     /** Allow rack-mounted devices to move between racks/ungroup on drag and drop. Defaults to true. */
     reAssignable?: boolean;
     /** Color mode for the diagram */
-    colorMode?: 'light' | 'dark' | 'system';
+    colorMode?: "light" | "dark" | "system";
     /** Callback when React Flow instance is initialized */
     onInit?: (instance: ReactFlowInstance) => void;
     /** Callback to get React Flow methods for save/restore */
@@ -1192,7 +1213,7 @@ interface NetworkDiagramProps {
     /** Show download button */
     showDownloadButton?: boolean;
     /** Download button position */
-    downloadButtonPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    downloadButtonPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
     /** Custom download button text */
     downloadButtonText?: string;
     /** Download button styling options */
@@ -1207,11 +1228,64 @@ interface NetworkDiagramProps {
     actionPanel?: NetworkDiagramActionPanelOptions;
     /** Optional fitView options passed to React Flow */
     fitViewOptions?: FitViewOptions;
+    /**
+     * Minimum zoom passed to React Flow. Defaults to 0.1 so the always-on
+     * fitView can actually fit tall scenes (React Flow's own 0.5 default clamps
+     * the fit and crops full-height racks, which viewport culling then never
+     * mounts).
+     */
+    minZoom?: number;
+    /** Maximum zoom passed to React Flow. Defaults to 4. */
+    maxZoom?: number;
     /**
      * Let React Flow render only viewport-visible nodes and edges.
      * Defaults to true, matching the library's existing large-diagram behavior.
      */
     onlyRenderVisibleElements?: boolean;
+    /** Node IDs to keep at full opacity when diagram focus dimming is enabled */
+    highlightedNodeIds?: string[];
+    /** Edge IDs to keep at full opacity when diagram focus dimming is enabled */
+    highlightedEdgeIds?: string[];
+    /**
+     * When true, non-highlighted nodes and edges are dimmed while focus IDs are set.
+     * Edges connected to highlighted nodes remain in focus unless
+     * `connectEdgesToHighlightedNodes` is false.
+     */
+    dimUnhighlighted?: boolean;
+    /** Opacity for dimmed nodes/edges (0-1). Defaults to 0.25 */
+    dimOpacity?: number;
+    /** When false, only explicit highlightedEdgeIds stay bright during focus. */
+    connectEdgesToHighlightedNodes?: boolean;
+    /** When false, devices render without rack photos. Status border still uses `getStatusColor`. Default true. */
+    showDeviceImages?: boolean;
+    /** Port handles kept highlighted during diagram trace/focus. */
+    highlightedPortHandles?: DiagramPortHandleRef[];
+    /** Fired when a port handle is clicked (typically in read-only trace mode). */
+    onPortClick?: (payload: DiagramPortClickPayload) => void;
+    /**
+     * Pointer distance (px) within which a drag snaps onto a handle, forwarded to
+     * React Flow's `connectionRadius`. Larger values make small port handles easier
+     * to target; smaller values reduce mis-targeting on densely packed devices.
+     * When omitted, React Flow's default is used.
+     */
+    connectionRadius?: number;
+    /**
+     * Fired when a connection attempt is rejected by the diagram's validation
+     * (incompatible endpoints, an occupied non-replaceable handle, a disallowed
+     * fiber pairing, etc.). Lets host apps surface feedback instead of failing
+     * silently. Not called for the continuous hover validation during a drag —
+     * only when an actual connect or reconnect attempt is rejected.
+     */
+    onConnectRejected?: (payload: NetworkConnectionRejection) => void;
+}
+/** Payload describing why a connection attempt was rejected. */
+interface NetworkConnectionRejection {
+    /** The connection the user attempted to make. */
+    connection: Connection;
+    /** Human-readable reason the connection was rejected. */
+    reason: string;
+    /** Whether the rejection happened while creating a new edge or reconnecting an existing one. */
+    phase: "connect" | "reconnect";
 }
 
 declare const NetworkDiagram: React$1.FC<NetworkDiagramProps>;
@@ -1260,91 +1334,32 @@ interface RackNodeProps extends NodeProps<NetworkNode['data']> {
     onRackFaceChange?: (rackId: string, face: 'front' | 'rear') => void;
     isDragOver?: boolean;
 }
-/**
- * Rack visualization component with U positioning support.
- *
- * Displays a 19" rack with configurable height, front/rear face switching,
- * and support for mounting devices at specific U positions.
- *
- * @example
- * ```tsx
- * {
- *   id: 'rack-1',
- *   type: 'rack',
- *   position: { x: 100, y: 100 },
- *   data: {
- *     label: 'Main Rack',
- *     uHeight: 42,
- *     status: 'active'
- *   }
- * }
- * ```
- *
- * @public
- */
-declare const RackNode: React$1.FC<RackNodeProps>;
+/** Memoized; uses useStoreApi (not useReactFlow) so rack chrome does not re-render on every node move. */
+declare const RackNode: React$1.NamedExoticComponent<RackNodeProps>;
 
 declare const FiberNode: React$1.FC<NodeProps<NetworkNode['data']>>;
 
-/**
- * Fiber edge component for connecting fiber ports between nodes.
- *
- * Supports both single fiber connections with color coding and ribbon fiber
- * connections (6-12 fibers) with parallel stripe visualization.
- *
- * @example
- * ```tsx
- * {
- *   id: 'edge-1',
- *   source: 'node-1',
- *   target: 'node-2',
- *   sourceHandle: 'fiber-1',
- *   targetHandle: 'fiber-2',
- *   type: 'fiber',
- *   data: {
- *     kind: 'fiber',
- *     ribbonFiberIds: [1, 2, 3, 4, 5, 6] // For ribbon mode
- *   }
- * }
- * ```
- *
- * @public
- */
-declare const FiberEdge: React$1.FC<EdgeProps<NetworkEdge['data']> & {
+declare const FiberEdge: React$1.NamedExoticComponent<Pick<reactflow.Edge<NetworkEdgeData | undefined>, "id" | "data" | "source" | "target" | "style" | "selected" | "animated"> & Pick<reactflow.WrapEdgeProps<any>, "sourcePosition" | "targetPosition" | "interactionWidth" | "sourceX" | "sourceY" | "targetX" | "targetY" | "sourceHandleId" | "targetHandleId"> & {
+    label?: string | React$1.ReactNode;
+    labelStyle?: React$1.CSSProperties;
+    labelShowBg?: boolean;
+    labelBgStyle?: React$1.CSSProperties;
+    labelBgPadding?: [number, number];
+    labelBgBorderRadius?: number;
+} & {
+    markerStart?: string;
+    markerEnd?: string;
+    pathOptions?: any;
+} & {
     className?: string;
 }>;
 
-declare const PowerEdge: React$1.FC<EdgeProps>;
+declare const PowerEdge: React$1.NamedExoticComponent<EdgeProps>;
 
-/**
- * Device visualization component with port management.
- *
- * Represents a device that can be placed in a rack. Supports port configuration,
- * U positioning, front/rear views, and various device types (servers, switches, routers, etc.).
- *
- * @example
- * ```tsx
- * {
- *   id: 'server-1',
- *   type: 'device',
- *   position: { x: 120, y: 150 },
- *   parentId: 'rack-1',
- *   data: {
- *     label: 'Web Server',
- *     deviceType: 'server',
- *     uPosition: 1,
- *     ports: [
- *       { id: 'eth0', label: 'eth0', group: 'Network Ports', connected: true, type: 'ethernet' }
- *     ]
- *   }
- * }
- * ```
- *
- * @public
- */
-declare const DeviceNode: React$1.FC<NodeProps<NetworkNode['data']>>;
+/** Memoized to avoid re-rendering rack devices when unrelated nodes move (React Flow perf guide). */
+declare const DeviceNode: React$1.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
 
-declare const VerticalPDU: React$1.FC<NodeProps<NetworkNode['data']>>;
+declare const VerticalPDU: React$1.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
 
 declare const SpliceNode: React$1.FC<NodeProps<NetworkNode['data']>>;
 
@@ -2128,7 +2143,10 @@ declare function buildPortBlocksFromPorts(devicePorts: DevicePort[]): {
  * flat `ports: DevicePort[]` or explicit `portGroups` / `rearPortGroups`.
  * @public
  */
-declare function getResolvedPortBlocks(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): {
+type ResolvedPortBlockInput = Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> & {
+    rearPorts?: PortBlock[];
+};
+declare function getResolvedPortBlocks(data: ResolvedPortBlockInput | undefined): {
     ports: PortBlock[];
     rearPorts: PortBlock[];
 };
@@ -2158,6 +2176,139 @@ declare function hasRearPorts(data: Pick<NetworkNode['data'], 'ports' | 'portGro
  */
 declare function getDefaultDeviceFace(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): DeviceFace;
 
+/**
+ * Normalize source/target directional suffixes used for bidirectional handles.
+ * Example: `Rear Ports-1-target` -\> `Rear Ports-1`.
+ */
+declare function normalizeDirectionalHandleId(handleId: string | null | undefined): string;
+/**
+ * Normalize rendered handle ids back to their canonical endpoint id.
+ * This removes both directional suffixes and split-face rear aliases.
+ */
+declare function normalizeHandleId(handleId: string | null | undefined): string;
+/**
+ * Returns true when a port type is considered power-related.
+ */
+declare function isPowerPortType(portType: string | undefined): boolean;
+/**
+ * Build a stable handle id for a port.
+ * Power ports use the label directly to preserve legacy ids.
+ */
+declare function buildPortHandleId(portBlockName: string, port: Pick<Port, 'label' | 'id'> & {
+    type?: string;
+}): string;
+/**
+ * Heuristic for whether a handle id represents a power endpoint.
+ */
+declare function looksLikePowerHandleId(handleId: string): boolean;
+
+/**
+ * Resolve the effective device face for a flat port input.
+ * @public
+ */
+declare function resolveDevicePortFace(port: Pick<DevicePort, 'face' | 'type'>): DeviceFace;
+/** @deprecated Use {@link resolveDevicePortFace}. */
+declare const resolveReactNetworksPortFace: typeof resolveDevicePortFace;
+/**
+ * Resolve the effective port group name for a flat port input.
+ * @public
+ */
+declare function resolveDevicePortGroup(port: Pick<DevicePort, 'face' | 'group' | 'type'>): string;
+/** @deprecated Use {@link resolveDevicePortGroup}. */
+declare const resolveReactNetworksPortGroup: typeof resolveDevicePortGroup;
+/**
+ * Normalize unknown port array input into canonical flat {@link DevicePort} entries.
+ * @public
+ */
+declare function normalizeDevicePorts(value: unknown): DevicePort[] | undefined;
+/** @deprecated Use {@link normalizeDevicePorts}. */
+declare const normalizeReactNetworksPorts: typeof normalizeDevicePorts;
+/**
+ * Resolve flat device ports from node data supporting flat or grouped port input.
+ * @public
+ */
+declare function resolveNodeDevicePorts(value: unknown): DevicePort[] | undefined;
+/** @deprecated Use {@link resolveNodeDevicePorts}. */
+declare const resolveReactNetworksNodePorts: typeof resolveNodeDevicePorts;
+/**
+ * Flatten grouped port blocks into canonical flat {@link DevicePort} entries.
+ * @public
+ */
+declare function flattenDevicePortsFromGroups({ portGroups, rearPortGroups, }: {
+    portGroups?: PortBlock[];
+    rearPortGroups?: PortBlock[];
+}): DevicePort[];
+/** @deprecated Use {@link flattenDevicePortsFromGroups}. */
+declare const flattenReactNetworksPortGroups: typeof flattenDevicePortsFromGroups;
+/**
+ * Build grouped port blocks from flat device port input.
+ * @public
+ */
+declare function buildDevicePortGroupsFromPorts(ports: DevicePort[] | undefined): {
+    portGroups: PortBlock[];
+    rearPortGroups: PortBlock[];
+};
+/** @deprecated Use {@link buildDevicePortGroupsFromPorts}. */
+declare const buildReactNetworksPortGroupsFromPorts: typeof buildDevicePortGroupsFromPorts;
+interface ListPossiblePortHandleIdsOptions {
+    deviceType?: string;
+    face?: DeviceFace;
+}
+/**
+ * List handle ids that may exist on a rendered node for a port.
+ * @public
+ */
+declare function listPossiblePortHandleIds(portBlockName: string, port: Pick<Port, 'id' | 'label' | 'type'>, options?: ListPossiblePortHandleIdsOptions): string[];
+/**
+ * Validate that a handle id exists on node data after grouping resolution.
+ * @public
+ */
+declare function validatePortHandleOnNodeData(nodeData: Pick<NetworkNodeDataBase, 'ports' | 'portGroups' | 'rearPortGroups'> | undefined, handle: string, options?: {
+    deviceType?: string;
+    sanitizeHandle?: (value: string) => string;
+}): boolean;
+/**
+ * Convert flat ports to grouped blocks using the same rules as renderers.
+ * @public
+ */
+declare function resolveDevicePortBlocksFromFlatPorts(ports: DevicePort[]): {
+    portGroups: PortBlock[];
+    rearPortGroups: PortBlock[];
+};
+
+declare const parseSemanticPortPosition: (value: string) => PortPosition | undefined;
+declare const normalizePortPositionInput: (value: unknown) => PortPosition | undefined;
+
+type PathLayoutDirection = 'horizontal' | 'vertical';
+interface PathLayoutStepInput {
+    id: string;
+    type?: NetworkNode['type'];
+    data?: NetworkNode['data'];
+}
+interface PathLayoutEdgeInput {
+    id: string;
+    source: string;
+    target: string;
+    type?: NetworkEdge['type'];
+    data?: NetworkEdge['data'];
+}
+interface BuildPathLayoutOptions {
+    direction?: PathLayoutDirection;
+    spacing?: number;
+    origin?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Lay out a sequential path of nodes and connecting edges with deterministic spacing.
+ * @public
+ */
+declare function buildPathLayoutGraph(steps: PathLayoutStepInput[], edges: PathLayoutEdgeInput[], options?: BuildPathLayoutOptions): {
+    nodes: NetworkNode[];
+    edges: NetworkEdge[];
+};
+
 interface NetworkGraphSnapshot {
     nodes: NetworkNode[];
     edges: NetworkEdge[];
@@ -2365,6 +2516,41 @@ interface ReplaceEdgeOptions {
  */
 declare function replaceEdge(options: ReplaceEdgeOptions): Edge[] | null;
 
+interface DiagramFocusOptions {
+    highlightedNodeIds?: readonly string[];
+    highlightedEdgeIds?: readonly string[];
+    dimUnhighlighted?: boolean;
+    dimOpacity?: number;
+    /** When false, only explicit highlightedEdgeIds stay bright (not every edge on a highlighted node). */
+    connectEdgesToHighlightedNodes?: boolean;
+}
+declare const DEFAULT_DIAGRAM_DIM_OPACITY = 0.25;
+declare function hasDiagramFocus(options: DiagramFocusOptions): boolean;
+declare function isNodeInDiagramFocus(nodeId: string, options: DiagramFocusOptions): boolean;
+declare function isEdgeInDiagramFocus(edgeId: string, edge: Pick<NetworkEdge, 'source' | 'target'>, options: DiagramFocusOptions): boolean;
+type RuntimeNode = NetworkNode & {
+    style?: CSSProperties;
+};
+type RuntimeEdge = NetworkEdge & {
+    style?: CSSProperties;
+};
+declare function applyDiagramFocusToNodes<TNode extends RuntimeNode>(nodes: TNode[], options: DiagramFocusOptions): TNode[];
+declare function applyDiagramFocusToEdges<TEdge extends RuntimeEdge>(edges: TEdge[], options: DiagramFocusOptions): TEdge[];
+
+declare function isDeviceDiagramNode(node: NetworkNode): boolean;
+declare function applyDeviceDisplayToNodes(nodes: NetworkNode[], options?: {
+    showDeviceImages?: boolean;
+}, previousNodes?: NetworkNode[]): NetworkNode[];
+
+type DiagramPortContextValue = {
+    highlightedPortHandles?: readonly DiagramPortHandleRef[];
+    onPortClick?: (payload: DiagramPortClickPayload) => void;
+    portClickEnabled: boolean;
+};
+declare const DiagramPortProvider: React$1.Provider<DiagramPortContextValue>;
+declare function useDiagramPortInteraction(): DiagramPortContextValue;
+declare function isDiagramPortHandleHighlighted(highlightedPortHandles: readonly DiagramPortHandleRef[] | undefined, nodeId: string, handleId: string): boolean;
+
 /**
  * Template Schema V2 — unified device template model.
  *
@@ -2674,4 +2860,4 @@ declare function useNetworkDiagram(store: NetworkDiagramStore): NetworkDiagramSt
 declare function useNodes(store: NetworkDiagramStore): NetworkNode[];
 declare function useEdges(store: NetworkDiagramStore): NetworkEdge[];
 
-export { COUPLERS_PER_PANEL, COUPLER_SLOT_HEIGHT_PX, COUPLER_WIDTH_PX, CableNode, ClosureNode, CouplerNode, type DeviceFace, type DeviceImageFit, type DeviceImageOptions, type DeviceImageRepeat, DeviceNode, type DeviceNodeData, DevicePlacementError, type DevicePlacementValidation, type DevicePort, type DeviceStatus, type DeviceTemplateV2, type DiagramDocument, type DiagramEdge, type DiagramEdgeEndpoint, type DiagramEndpoint, DiagramErrorBoundary, type DiagramErrorBoundaryProps, type DiagramErrorBoundaryState, type DiagramExternalRef, type DiagramNode, type DiagramNodeKind, type DiagramNodePlacement, type DiagramNodeRender, type DiagramUiState, type EndpointConnectionKind, type EndpointMetadata, FIBER_COLORS_12, type FiberCable, type FiberCableType, type FiberColorId, FiberEdge, FiberNode, FibreCableWithTubesExpanded, type FibreCableWithTubesExpandedProps, type FibreFlowCable, type FibreFlowCableKind, type FibreFlowCableLayout, type FibreFlowCableNodeData, type FibreFlowCircuit, type FibreFlowClosure, type FibreFlowClosureNodeData, type FibreFlowColorMode, type FibreFlowEndpoint, type FibreFlowLayoutDirection, FibreFlowMap, type FibreFlowMapProps, type FibreFlowRow, type FibreFlowSplice, type FibreFlowTubeLabel, FibreSplitNode, HANDLE_EXTENSION_PX, type InventoryCableDTO, type InventoryDeviceDTO, type InventoryRackDTO, type MountClass, MultiTubeCableNode, type NetBoxCable, type NetBoxDevice, type NetBoxDeviceTransformOptions, type NetBoxInterface, type NetBoxMappedPort, type NetBoxPortPosition, type NetBoxRack, NetworkDiagram, type NetworkDiagramActionPanelOptions, type NetworkDiagramFitViewOptions, type NetworkDiagramFlowMethods, type NetworkDiagramFlowObject, type NetworkDiagramInteractionOptions, type NetworkDiagramOptions, type NetworkDiagramProps, type NetworkDiagramState, type NetworkDiagramStore, type NetworkDiagramStoreApi, type NetworkDiagramStoreState, type NetworkDiagramToImageOptions, type NetworkDiagramValidateConnectionParams, type NetworkDiagramValidationResult, type NetworkEdge, type NetworkEdgeData, type NetworkEdgeType, type NetworkGraphSnapshot, type NetworkNode, type NetworkNodeData, type NetworkNodeDataBase, type NetworkNodeDataByType, type NetworkNodeType, PANEL_BORDER_WIDTH, PANEL_HEADER_HEIGHT, PANEL_HEIGHT_PX, PANEL_PADDING, PANEL_TUBE_TRAY_SPACING, PANEL_WIDTH_PX, POWER_CONNECTORS, PatchPanelNode, type Port, type PortBlock, type PortCableType, type PortPosition, type PortType, type PortVisualDimensions, type PortVisualInput, type PortVisualKind, type PowerConnectorConfig, PowerEdge, type PowerPortStyle, type PowerSide, RACK_HEADER_HEIGHT, RACK_WIDTH_PX, type RackConfig, type RackDevice, type RackDeviceType, type RackLayoutMode, type RackMountMode, type RackMountedNodeType, RackNode, type RackNodeData, type RackNodeProps, type RackSchemaOptions, type RawNetboxTemplate, type RawTemplatePort, type RawTemplatePortBlock, type ReplaceEdgeOptions, type SpliceConfig, SpliceNode, SplicePlacementError, type SplicePlacementValidation, type SpliceSchemaOptions, type SpliceTrayConfig, SpliceTrayNode, TEMPLATE_SCHEMA_VERSION, type TemplateFaceData, type TemplateFrontRearPortLink, type TemplateParseResult, type TemplatePort, type TemplatePortBlock, type TemplateSource, type TemplateValidationIssue, type TemplateValidationReport, type TemplateWidth, TubeNode, type UNumberingDirection, U_HEIGHT_PX, type ValidateConnectionParams, type ValidationResult, VerticalPDU, Width, addDeviceToRack, addSpliceToTray, baseColorFor, buildNodesFromRackConfig, buildNodesFromSpliceConfig, buildPortBlocksFromPorts, calculateClosureDimensions, calculateCouplerRightX, calculateCouplerSlotSpacing, calculateCouplerSpacing, calculateDevicePositionFromU, calculatePanelDimensions, calculateSlotPositionFromY, calculateSplicePositionFromNumber, calculateUPositions, calculateYFromSlotPosition, countTemplateFacePorts, createNetworkDiagramStore, createRackConfigFromNodes, createSpliceConfigFromNodes, diagramDocumentToNetworkGraph, fiberSolidOrStriped, findNearestRack, findNextAvailableHolderPosition, findNextAvailableUPosition, generateLayout, getConnectorConfig, getCouplerDimensions, getDefaultDeviceFace, getDeviceConnectorType, getEndpointMetadata, getFiberColor, getFrontPortBlocks, getInnerContentWidth, getPDUPortType, getPanelHeight, getPanelWidth, getPowerPortStyle, getRackBounds, getRearPortBlocks, getResolvedPortBlocks, getStandardPortVisualDimensions, getStatusColor, getTrayDimensions, getTubeDimensions, hasFrontPorts, hasRearPorts, inventoryCableToNetworkEdge, inventoryDeviceToNetworkNode, inventoryRackToNetworkNode, inventoryToDiagramDocument, inventoryToNetworkDiagram, isHighPowerConnector, isPointInRack, isStriped, isUPositionAvailable, netboxCableToNetworkEdge, netboxDeviceToNetworkNode, netboxRackToNetworkNode, netboxToDiagramDocument, netboxToNetworkDiagram, networkGraphToDiagramDocument, parseNetboxTemplate, removeDeviceFromRack, removeSpliceFromTray, replaceEdge, resolveEndpointCompatibilityKeys, resolvePortVisualKind, snapToCouplerPosition, snapToSplicePosition, snapToUPosition, updateDeviceUPosition$1 as updateDeviceUPosition, updateDeviceUPosition as updateDeviceUPositionInSchema, updateSpliceHolderPosition, useEdges as useDiagramEdges, useNodes as useDiagramNodes, useNetworkDiagram, validateAndSnapDevice, validateRackDevicePlacements, validateRenderFidelity, validateSplicePlacements };
+export { type BuildPathLayoutOptions, COUPLERS_PER_PANEL, COUPLER_SLOT_HEIGHT_PX, COUPLER_WIDTH_PX, CableNode, ClosureNode, CouplerNode, DEFAULT_DIAGRAM_DIM_OPACITY, type DeviceFace, type DeviceImageFit, type DeviceImageOptions, type DeviceImageRepeat, DeviceNode, type DeviceNodeData, DevicePlacementError, type DevicePlacementValidation, type DevicePort, type DeviceStatus, type DeviceTemplateV2, type DiagramDocument, type DiagramEdge, type DiagramEdgeEndpoint, type DiagramEndpoint, DiagramErrorBoundary, type DiagramErrorBoundaryProps, type DiagramErrorBoundaryState, type DiagramExternalRef, type DiagramFocusOptions, type DiagramNode, type DiagramNodeKind, type DiagramNodePlacement, type DiagramNodeRender, type DiagramPortClickPayload, type DiagramPortContextValue, type DiagramPortHandleRef, DiagramPortProvider, type DiagramUiState, type EndpointConnectionKind, type EndpointMetadata, FIBER_COLORS_12, type FiberCable, type FiberCableType, type FiberColorId, FiberEdge, FiberNode, FibreCableWithTubesExpanded, type FibreCableWithTubesExpandedProps, type FibreFlowCable, type FibreFlowCableKind, type FibreFlowCableLayout, type FibreFlowCableNodeData, type FibreFlowCircuit, type FibreFlowClosure, type FibreFlowClosureNodeData, type FibreFlowColorMode, type FibreFlowEndpoint, type FibreFlowLayoutDirection, FibreFlowMap, type FibreFlowMapProps, type FibreFlowRow, type FibreFlowSplice, type FibreFlowTubeLabel, FibreSplitNode, HANDLE_EXTENSION_PX, type InventoryCableDTO, type InventoryDeviceDTO, type InventoryRackDTO, type ListPossiblePortHandleIdsOptions, type MountClass, MultiTubeCableNode, type NetBoxCable, type NetBoxDevice, type NetBoxDeviceTransformOptions, type NetBoxInterface, type NetBoxMappedPort, type NetBoxPortPosition, type NetBoxRack, type NetworkConnectionRejection, NetworkDiagram, type NetworkDiagramActionPanelOptions, type NetworkDiagramFitViewOptions, type NetworkDiagramFlowMethods, type NetworkDiagramFlowObject, type NetworkDiagramInteractionOptions, type NetworkDiagramOptions, type NetworkDiagramProps, type NetworkDiagramState, type NetworkDiagramStore, type NetworkDiagramStoreApi, type NetworkDiagramStoreState, type NetworkDiagramToImageOptions, type NetworkDiagramValidateConnectionParams, type NetworkDiagramValidationResult, type NetworkEdge, type NetworkEdgeData, type NetworkEdgeType, type NetworkGraphSnapshot, type NetworkNode, type NetworkNodeData, type NetworkNodeDataBase, type NetworkNodeDataByType, type NetworkNodeType, PANEL_BORDER_WIDTH, PANEL_HEADER_HEIGHT, PANEL_HEIGHT_PX, PANEL_PADDING, PANEL_TUBE_TRAY_SPACING, PANEL_WIDTH_PX, POWER_CONNECTORS, PatchPanelNode, type PathLayoutDirection, type PathLayoutEdgeInput, type PathLayoutStepInput, type Port, type PortBlock, type PortCableType, type PortPosition, type PortType, type PortVisualDimensions, type PortVisualInput, type PortVisualKind, type PowerConnectorConfig, PowerEdge, type PowerPortStyle, type PowerSide, RACK_HEADER_HEIGHT, RACK_WIDTH_PX, type RackConfig, type RackDevice, type RackDeviceType, type RackLayoutMode, type RackMountMode, type RackMountedNodeType, RackNode, type RackNodeData, type RackNodeProps, type RackSchemaOptions, type RawNetboxTemplate, type RawTemplatePort, type RawTemplatePortBlock, type ReplaceEdgeOptions, type SpliceConfig, SpliceNode, SplicePlacementError, type SplicePlacementValidation, type SpliceSchemaOptions, type SpliceTrayConfig, SpliceTrayNode, TEMPLATE_SCHEMA_VERSION, type TemplateFaceData, type TemplateFrontRearPortLink, type TemplateParseResult, type TemplatePort, type TemplatePortBlock, type TemplateSource, type TemplateValidationIssue, type TemplateValidationReport, type TemplateWidth, TubeNode, type UNumberingDirection, U_HEIGHT_PX, type ValidateConnectionParams, type ValidationResult, VerticalPDU, Width, addDeviceToRack, addSpliceToTray, applyDeviceDisplayToNodes, applyDiagramFocusToEdges, applyDiagramFocusToNodes, baseColorFor, buildDevicePortGroupsFromPorts, buildNodesFromRackConfig, buildNodesFromSpliceConfig, buildPathLayoutGraph, buildPortBlocksFromPorts, buildPortHandleId, buildPortHandleId as buildReactNetworksHandleId, buildReactNetworksPortGroupsFromPorts, calculateClosureDimensions, calculateCouplerRightX, calculateCouplerSlotSpacing, calculateCouplerSpacing, calculateDevicePositionFromU, calculatePanelDimensions, calculateSlotPositionFromY, calculateSplicePositionFromNumber, calculateUPositions, calculateYFromSlotPosition, countTemplateFacePorts, createNetworkDiagramStore, createRackConfigFromNodes, createSpliceConfigFromNodes, diagramDocumentToNetworkGraph, fiberSolidOrStriped, findNearestRack, findNextAvailableHolderPosition, findNextAvailableUPosition, flattenDevicePortsFromGroups, flattenReactNetworksPortGroups, generateLayout, getConnectorConfig, getCouplerDimensions, getDefaultDeviceFace, getDeviceConnectorType, getEndpointMetadata, getFiberColor, getFrontPortBlocks, getInnerContentWidth, getPDUPortType, getPanelHeight, getPanelWidth, getPowerPortStyle, getRackBounds, getRearPortBlocks, getResolvedPortBlocks, getStandardPortVisualDimensions, getStatusColor, getTrayDimensions, getTubeDimensions, hasDiagramFocus, hasFrontPorts, hasRearPorts, inventoryCableToNetworkEdge, inventoryDeviceToNetworkNode, inventoryRackToNetworkNode, inventoryToDiagramDocument, inventoryToNetworkDiagram, isDeviceDiagramNode, isDiagramPortHandleHighlighted, isEdgeInDiagramFocus, isHighPowerConnector, isNodeInDiagramFocus, isPointInRack, isPowerPortType, isStriped, isUPositionAvailable, listPossiblePortHandleIds, looksLikePowerHandleId, netboxCableToNetworkEdge, netboxDeviceToNetworkNode, netboxRackToNetworkNode, netboxToDiagramDocument, netboxToNetworkDiagram, networkGraphToDiagramDocument, normalizeDevicePorts, normalizeDirectionalHandleId, normalizeHandleId, normalizePortPositionInput, normalizeReactNetworksPorts, parseNetboxTemplate, parseSemanticPortPosition, removeDeviceFromRack, removeSpliceFromTray, replaceEdge, resolveDevicePortBlocksFromFlatPorts, resolveDevicePortFace, resolveDevicePortGroup, resolveEndpointCompatibilityKeys, resolveNodeDevicePorts, resolvePortVisualKind, resolveReactNetworksNodePorts, resolveReactNetworksPortFace, resolveReactNetworksPortGroup, snapToCouplerPosition, snapToSplicePosition, snapToUPosition, updateDeviceUPosition$1 as updateDeviceUPosition, updateDeviceUPosition as updateDeviceUPositionInSchema, updateSpliceHolderPosition, useEdges as useDiagramEdges, useNodes as useDiagramNodes, useDiagramPortInteraction, useNetworkDiagram, validateAndSnapDevice, validatePortHandleOnNodeData, validateRackDevicePlacements, validateRenderFidelity, validateSplicePlacements };