@mp70/react-networks 0.5.0-alpha.0 → 0.5.0-rc.1

package/dist/index.d.mts

@@ -65,7 +65,7 @@ interface NetBoxDeviceTransformOptions {
     includeInterfacePorts?: boolean;
     /** Include per-port position metadata when provided */
     includePortPositions?: boolean;
-    /** Optional mapper for full control over interface->port mapping */
+    /** Optional mapper for full control over interface-to-port mapping */
     mapInterfaceToPort?: (args: {
         device: NetBoxDevice;
         iface: NetBoxInterface;
@@ -78,6 +78,7 @@ interface NetBoxDevice {
     device_type: {
         id: number;
         model: string;
+        u_height?: number;
         manufacturer: {
             name: string;
         };
@@ -296,6 +297,10 @@ interface PortPosition {
     xPercent?: number;
     /** Absolute Y position as percentage (0-100) */
     yPercent?: number;
+    /** Authored port width as a percentage of the rendered image frame */
+    widthPercent?: number;
+    /** Authored port height as a percentage of the rendered image frame */
+    heightPercent?: number;
 }
 /**
  * Recommended simple port input for device and PDU rendering.
@@ -309,9 +314,11 @@ interface DevicePort {
     /** Display label for the port */
     label: string;
     /** Front/rear device face. `back` is accepted as an alias for `rear`. */
-    face?: DeviceView | '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 */
+    sourceTypeLabel?: string;
     /** Whether the port is currently connected */
     connected?: boolean;
     /** Type of port for styling and validation */
@@ -336,6 +343,8 @@ interface Port {
     id?: string;
     /** Display label for the port */
     label: string;
+    /** Optional source/detected family label used for visual kind inference */
+    sourceTypeLabel?: string;
     /** Whether the port is currently connected */
     connected: boolean;
     /** Type of port for styling and validation */
@@ -370,10 +379,10 @@ type NetworkNodeType = 'rack' | 'switch' | 'router' | 'server' | 'fiber' | 'patc
  */
 type DeviceStatus = 'active' | 'inactive' | 'maintenance';
 /**
- * Device view orientations
+ * Device face orientations
  * @public
  */
-type DeviceView = 'front' | 'rear';
+type DeviceFace = 'front' | 'rear';
 /**
  * Rack rendering layout modes.
  * @public
@@ -426,10 +435,8 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     uPosition?: number;
     /** Whether this node is currently mounted inside a rack container */
     isRackMounted?: boolean;
-    /** Current front/rear view orientation */
-    view?: DeviceView;
-    /** Rack face orientation */
-    face?: DeviceView;
+    /** Front/rear orientation for devices and rack faces */
+    face?: DeviceFace;
     /** Rack rendering layout mode */
     rackLayout?: RackLayoutMode;
     /** Gap in pixels between front and rear faces in split-face mode */
@@ -444,7 +451,7 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     role?: string;
     /** Device width configuration */
     width?: Width | number;
-    /** Power port side for rear view */
+    /** Power port side for rear face */
     powerSide?: PowerSide;
     /** Vertical PDU height in centimeters */
     heightCm?: number;
@@ -552,7 +559,7 @@ interface NetworkNodeDataBase extends DeviceImageOptions {
     height?: number;
     headerHeight?: number;
     /** Optional precomputed map for handle-to-face resolution */
-    handleSideMap?: Record<string, DeviceView>;
+    handleSideMap?: Record<string, DeviceFace>;
     /** Additional extension metadata */
     metadata?: Record<string, unknown>;
 }
@@ -714,7 +721,9 @@ type NetworkEdge<TData extends NetworkEdgeData = NetworkEdgeData> = {
     data?: TData;
 };
 /**
- * High-level document format independent from React Flow handle ids.
+ * Canonical persisted/editor document schema independent from React Flow handle ids.
+ * Prefer this model for saving diagrams, syncing external systems, and controlled
+ * document-mode usage via `document` / `onDocumentChange`.
  * @public
  */
 interface DiagramDocument {
@@ -758,7 +767,7 @@ interface DiagramNodePlacement {
 interface DiagramEndpoint {
     id: string;
     label: string;
-    face?: DeviceView | 'internal';
+    face?: DeviceFace | 'internal';
     group?: string;
     role?: 'network' | 'power' | 'fiber' | 'tube' | 'splice' | 'coupler' | 'splitter' | 'cable' | 'generic';
     medium?: 'ethernet' | 'fiber' | 'power' | 'tube' | 'generic';
@@ -774,8 +783,7 @@ interface DiagramEndpoint {
  */
 interface DiagramNodeRender {
     status?: DeviceStatus | string;
-    view?: DeviceView;
-    face?: DeviceView;
+    face?: DeviceFace;
     width?: Width | number;
     widthPx?: number;
     height?: number;
@@ -844,9 +852,8 @@ interface DiagramEdge {
  */
 interface DiagramUiState {
     nodeState?: Record<string, {
-        view?: DeviceView;
-        face?: DeviceView;
-        handleSideMap?: Record<string, DeviceView>;
+        face?: DeviceFace;
+        handleSideMap?: Record<string, DeviceFace>;
     }>;
     metadata?: Record<string, unknown>;
 }
@@ -913,7 +920,7 @@ interface RackDevice extends DeviceImageOptions {
     portGroups?: PortBlock[];
     /** Advanced grouped rear port input */
     rearPortGroups?: PortBlock[];
-    /** Power port side for rear view */
+    /** Power port side for rear face */
     powerSide?: PowerSide;
     /** Connected device IDs */
     connections?: string[];
@@ -1081,36 +1088,43 @@ interface NetworkDiagramFlowMethods {
     getEdges: () => NetworkEdge[];
     fitView: (options?: NetworkDiagramFitViewOptions) => void;
 }
+/**
+ * Store state shape used by `NetworkDiagramStoreApi`.
+ * @public
+ */
+interface NetworkDiagramStoreState {
+    nodes: NetworkNode[];
+    edges: NetworkEdge[];
+    debug?: boolean;
+}
+/**
+ * Store connection validation parameters.
+ * @public
+ */
+interface NetworkDiagramValidateConnectionParams {
+    source: string | null;
+    target: string | null;
+    sourceHandle?: string | null;
+    targetHandle?: string | null;
+}
+/**
+ * Store connection validation result.
+ * @public
+ */
+interface NetworkDiagramValidationResult {
+    valid: boolean;
+    reason?: string;
+}
 /**
  * Store contract accepted by `NetworkDiagram`.
  * @public
  */
 interface NetworkDiagramStoreApi {
-    getState: () => {
-        nodes: NetworkNode[];
-        edges: NetworkEdge[];
-        debug?: boolean;
-    };
-    setState: (partial: Partial<{
-        nodes: NetworkNode[];
-        edges: NetworkEdge[];
-        debug?: boolean;
-    }>) => void;
-    subscribe: (listener: (state: {
-        nodes: NetworkNode[];
-        edges: NetworkEdge[];
-        debug?: boolean;
-    }) => void) => () => void;
+    getState: () => NetworkDiagramStoreState;
+    setState: (partial: Partial<NetworkDiagramStoreState>) => void;
+    subscribe: (listener: (state: NetworkDiagramStoreState) => void) => () => void;
     selectEdgeZIndex: (edge: NetworkEdge) => number;
-    validateConnection: (params: {
-        source: string | null;
-        target: string | null;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-    }) => {
-        valid: boolean;
-        reason?: string;
-    };
+    validateConnection: (params: NetworkDiagramValidateConnectionParams) => NetworkDiagramValidationResult;
     selectNodeById: (id: string) => NetworkNode | undefined;
     selectConnectedEdges: (nodeId: string) => NetworkEdge[];
 }
@@ -1157,10 +1171,10 @@ interface NetworkDiagramProps {
     isValidConnection?: (connection: Connection) => boolean;
     /** Optional connection mode override */
     connectionMode?: ConnectionMode;
-    /** Callback when device view changes */
-    onViewChange?: (nodeId: string, view: DeviceView) => void;
+    /** Callback when a device face changes */
+    onFaceChange?: (nodeId: string, face: DeviceFace) => void;
     /** Callback when rack face changes */
-    onRackFaceChange?: (rackId: string, face: DeviceView) => void;
+    onRackFaceChange?: (rackId: string, face: DeviceFace) => void;
     /** CSS class name */
     className?: string;
     /** Inline styles */
@@ -1191,16 +1205,13 @@ interface NetworkDiagramProps {
     interaction?: NetworkDiagramInteractionOptions;
     /** Configuration for the floating action panel shown on selected rack/device nodes. */
     actionPanel?: NetworkDiagramActionPanelOptions;
-    /** Enable connecting edges by clicking on handles. When true, increases handle sizes for better touch targets. Default is true. */
-    connectOnClick?: boolean;
-    /** Disable panning on drag. Default is false. */
-    panOnDrag?: boolean;
-    /** Disable panning on scroll. Default is true. */
-    panOnScroll?: boolean;
-    /** Disable zooming on scroll. Default is true. */
-    zoomOnScroll?: boolean;
     /** Optional fitView options passed to React Flow */
     fitViewOptions?: FitViewOptions;
+    /**
+     * Let React Flow render only viewport-visible nodes and edges.
+     * Defaults to true, matching the library's existing large-diagram behavior.
+     */
+    onlyRenderVisibleElements?: boolean;
 }
 
 declare const NetworkDiagram: React$1.FC<NetworkDiagramProps>;
@@ -1213,7 +1224,7 @@ interface DiagramErrorBoundaryProps {
     /** Optional callback when an error is caught (e.g. for logging) */
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
 }
-interface State {
+interface DiagramErrorBoundaryState {
     error: Error | null;
 }
 /**
@@ -1236,23 +1247,23 @@ interface State {
  * </DiagramErrorBoundary>
  * ```
  */
-declare class DiagramErrorBoundary extends Component<DiagramErrorBoundaryProps, State> {
-    state: State;
-    static getDerivedStateFromError(error: Error): State;
+declare class DiagramErrorBoundary extends Component<DiagramErrorBoundaryProps, DiagramErrorBoundaryState> {
+    state: DiagramErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): DiagramErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     reset: () => void;
     render(): ReactNode;
 }
 
 interface RackNodeProps extends NodeProps<NetworkNode['data']> {
-    onViewChange?: (nodeId: string, view: 'front' | 'rear') => void;
+    onFaceChange?: (nodeId: string, face: 'front' | 'rear') => void;
     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 view switching,
+ * Displays a 19" rack with configurable height, front/rear face switching,
  * and support for mounting devices at specific U positions.
  *
  * @example
@@ -1400,9 +1411,7 @@ interface FibreFlowMapProps {
     className?: string;
     style?: React$1.CSSProperties;
     readOnly?: boolean;
-    panOnDrag?: boolean;
-    panOnScroll?: boolean;
-    zoomOnScroll?: boolean;
+    interaction?: NetworkDiagramInteractionOptions;
 }
 declare const FibreFlowMap: React$1.FC<FibreFlowMapProps>;
 
@@ -1543,6 +1552,14 @@ declare const inventoryToNetworkDiagram: (data: {
     nodes: NetworkNode[];
     edges: NetworkEdge[];
 };
+/**
+ * Convert inventory data directly into the canonical DiagramDocument model.
+ */
+declare const inventoryToDiagramDocument: (data: {
+    racks: InventoryRackDTO[];
+    devices: InventoryDeviceDTO[];
+    cables: InventoryCableDTO[];
+}) => DiagramDocument;
 /**
  * Generate simple layout positions for nodes array
  */
@@ -1571,6 +1588,14 @@ declare const netboxToNetworkDiagram: (data: {
     nodes: NetworkNode[];
     edges: NetworkEdge[];
 };
+/**
+ * Convert NetBox data directly into the canonical DiagramDocument model.
+ */
+declare const netboxToDiagramDocument: (data: {
+    racks: NetBoxRack[];
+    devices: NetBoxDevice[];
+    cables: NetBoxCable[];
+}, options?: NetBoxDeviceTransformOptions) => DiagramDocument;
 /**
  * Calculate U position for devices in a rack
  */
@@ -2088,18 +2113,50 @@ declare function addSpliceToTray(trays: SpliceTrayConfig[], trayId: string, spli
  */
 declare function removeSpliceFromTray(trays: SpliceTrayConfig[], trayId: string, spliceId: string): SpliceTrayConfig[];
 
-type PortFaces = {
+/**
+ * Normalize flat `DevicePort[]` input into explicit front/rear grouped blocks.
+ * This is the bridge between the recommended simple port schema and the
+ * lower-level grouped renderer input.
+ * @public
+ */
+declare function buildPortBlocksFromPorts(devicePorts: DevicePort[]): {
     ports: PortBlock[];
     rearPorts: PortBlock[];
 };
-type PortFaceData = Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'>;
-declare function buildPortBlocksFromPorts(devicePorts: DevicePort[]): PortFaces;
-declare function getResolvedPortBlocks(data: PortFaceData | undefined): PortFaces;
-declare function getFrontPortBlocks(data: PortFaceData | undefined): PortBlock[];
-declare function getRearPortBlocks(data: PortFaceData | undefined): PortBlock[];
-declare function hasFrontPorts(data: PortFaceData | undefined): boolean;
-declare function hasRearPorts(data: PortFaceData | undefined): boolean;
-declare function getDefaultDeviceView(data: PortFaceData | undefined): DeviceView;
+/**
+ * Resolve the grouped front/rear port blocks from either supported input form:
+ * flat `ports: DevicePort[]` or explicit `portGroups` / `rearPortGroups`.
+ * @public
+ */
+declare function getResolvedPortBlocks(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): {
+    ports: PortBlock[];
+    rearPorts: PortBlock[];
+};
+/**
+ * Resolve the front-facing grouped port blocks for a node/device data object.
+ * @public
+ */
+declare function getFrontPortBlocks(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): PortBlock[];
+/**
+ * Resolve the rear-facing grouped port blocks for a node/device data object.
+ * @public
+ */
+declare function getRearPortBlocks(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): PortBlock[];
+/**
+ * Determine whether a node/device data object resolves to any front ports.
+ * @public
+ */
+declare function hasFrontPorts(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): boolean;
+/**
+ * Determine whether a node/device data object resolves to any rear ports.
+ * @public
+ */
+declare function hasRearPorts(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): boolean;
+/**
+ * Choose the default device face based on the resolved front/rear port data.
+ * @public
+ */
+declare function getDefaultDeviceFace(data: Pick<NetworkNode['data'], 'ports' | 'portGroups' | 'rearPortGroups'> | undefined): DeviceFace;
 
 interface NetworkGraphSnapshot {
     nodes: NetworkNode[];
@@ -2111,7 +2168,7 @@ declare function diagramDocumentToNetworkGraph(document: DiagramDocument): Netwo
 type EndpointConnectionKind = 'power' | 'network' | 'unknown';
 interface EndpointMetadata {
     normalizedHandle: string;
-    face?: DeviceView;
+    face?: DeviceFace;
     kind: EndpointConnectionKind;
     compatibility: string[];
 }
@@ -2125,6 +2182,23 @@ declare function resolveEndpointCompatibilityKeys(input: {
 }): string[];
 declare function getEndpointMetadata(node?: NetworkNode, handle?: string | null): EndpointMetadata;
 
+type PortVisualKind = 'generic' | 'rj45' | 'sfp' | 'qsfp' | 'osfp' | 'console' | 'usb' | 'power_c13' | 'power_c19' | 'power_ac';
+interface PortVisualInput {
+    type?: PortType | string;
+    label?: string;
+    id?: string;
+    group?: string;
+    sourceTypeLabel?: string;
+    connectorType?: string;
+}
+interface PortVisualDimensions {
+    width: number;
+    height: number;
+    borderRadius: string;
+}
+declare function resolvePortVisualKind(input: PortVisualInput): PortVisualKind;
+declare function getStandardPortVisualDimensions(inputOrKind: PortVisualInput | PortVisualKind): PortVisualDimensions | undefined;
+
 /**
  * Power connector utilities for consistent styling across devices and PDUs
  */
@@ -2600,4 +2674,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 DeviceImageFit, type DeviceImageOptions, type DeviceImageRepeat, DeviceNode, DevicePlacementError, type DevicePlacementValidation, type DevicePort, type DeviceStatus, type DeviceTemplateV2, type DeviceView, type DiagramDocument, type DiagramEdge, type DiagramEdgeEndpoint, type DiagramEndpoint, DiagramErrorBoundary, type DiagramErrorBoundaryProps, type DiagramExternalRef, type DiagramNode, type DiagramNodeKind, type DiagramNodePlacement, type DiagramNodeRender, type DiagramUiState, FIBER_COLORS_12, type FiberCable, type FiberCableType, type FiberColorId, FiberEdge, FiberNode, FibreCableWithTubesExpanded, type FibreFlowCable, type FibreFlowCableKind, type FibreFlowCableNodeData, type FibreFlowCircuit, type FibreFlowClosure, type FibreFlowClosureNodeData, type FibreFlowEndpoint, FibreFlowMap, type FibreFlowMapProps, type FibreFlowSplice, FibreSplitNode, HANDLE_EXTENSION_PX, type MountClass, MultiTubeCableNode, NetworkDiagram, type NetworkDiagramFitViewOptions, type NetworkDiagramFlowMethods, type NetworkDiagramFlowObject, type NetworkDiagramOptions, type NetworkDiagramProps, type NetworkDiagramStoreApi, type NetworkDiagramToImageOptions, type NetworkEdge, type NetworkEdgeData, type NetworkGraphSnapshot, type NetworkNode, type NetworkNodeData, type NetworkNodeDataBase, type NetworkNodeDataByType, 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, PowerEdge, type PowerSide, RACK_HEADER_HEIGHT, RACK_WIDTH_PX, type RackConfig, type RackDevice, type RackDeviceType, type RackLayoutMode, type RackMountMode, RackNode, 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, getDefaultDeviceView, getDeviceConnectorType, getEndpointMetadata, getFiberColor, getFrontPortBlocks, getInnerContentWidth, getPDUPortType, getPanelHeight, getPanelWidth, getPowerPortStyle, getRackBounds, getRearPortBlocks, getResolvedPortBlocks, getStatusColor, getTrayDimensions, getTubeDimensions, hasFrontPorts, hasRearPorts, inventoryCableToNetworkEdge, inventoryDeviceToNetworkNode, inventoryRackToNetworkNode, inventoryToNetworkDiagram, isHighPowerConnector, isPointInRack, isStriped, isUPositionAvailable, netboxCableToNetworkEdge, netboxDeviceToNetworkNode, netboxRackToNetworkNode, netboxToNetworkDiagram, networkGraphToDiagramDocument, parseNetboxTemplate, removeDeviceFromRack, removeSpliceFromTray, replaceEdge, resolveEndpointCompatibilityKeys, snapToCouplerPosition, snapToSplicePosition, snapToUPosition, updateDeviceUPosition$1 as updateDeviceUPosition, updateDeviceUPosition as updateDeviceUPositionInSchema, updateSpliceHolderPosition, useEdges as useDiagramEdges, useNodes as useDiagramNodes, useNetworkDiagram, validateAndSnapDevice, validateRackDevicePlacements, validateRenderFidelity, validateSplicePlacements };
+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 };