@dschz/solid-flow 0.2.2 → 0.3.0-next.0

package/dist/index/index.d.ts

@@ -1,8 +1,7 @@
-import { JSX, ParentProps, ParentComponent, Accessor } from 'solid-js';
-import { NodeProps as NodeProps$1, NodeBase, InternalNodeBase, EdgeBase, EdgePosition, BezierPathOptions, StepPathOptions, SmoothStepPathOptions, DefaultEdgeOptionsBase, OnReconnect, HandleType, FinalConnectionState, PanOnScrollMode as PanOnScrollMode$1, Position as Position$1, FitViewOptionsBase, ResizeControlVariant as ResizeControlVariant$1, ConnectionMode as ConnectionMode$1, SelectionMode as SelectionMode$1, ConnectionLineType as ConnectionLineType$2, Connection, OnBeforeDeleteBase, XYPosition, Handle as Handle$1, PanelPosition, Viewport, OnMove, OnMoveStart, OnMoveEnd, HandleProps as HandleProps$1, MarkerProps as MarkerProps$1, EdgeToolbarBaseProps, ShouldResize, OnResizeStart, OnResize, OnResizeEnd, ControlPosition, Align, NodeOrigin, SnapGrid, CoordinateExtent, ColorMode, ZIndexMode, ProOptions, OnError, OnConnectStart, OnConnectEnd, OnReconnectStart, OnReconnectEnd, AriaLabelConfig, ColorModeClass, ConnectionState, NodeConnection, ZoomInOut, ViewportHelperFunctionOptions, SetCenterOptions, Rect, FitBoundsOptions, HandleConnection, UpdateNodeInternals } from '@xyflow/system';
-export { Align, AriaLabelConfig, BezierPathOptions, Box, ColorMode, ColorModeClass, Connection, ConnectionLineType, ConnectionMode, ControlLinePosition, ControlPosition, CoordinateExtent, Dimensions, EdgeMarker, EdgeMarkerType, FitBounds, FitBoundsOptions, GetBezierPathParams, GetSmoothStepPathParams, GetStraightPathParams, HandleConnection, IsValidConnection, MarkerType, NodeConnection, NodeOrigin, OnConnect, OnConnectEnd, OnConnectStart, OnConnectStartParams, OnError, OnMove, OnMoveEnd, OnMoveStart, OnReconnect, OnReconnectEnd, OnReconnectStart, OnResize, OnResizeEnd, OnResizeStart, OnSelectionDrag, PanOnScrollMode, PanelPosition, Position, ProOptions, Rect, ResizeControlVariant, ResizeDragEvent, ResizeParams, ResizeParamsWithDirection, SelectionMode, SelectionRect, SetCenter, SetCenterOptions, SetViewport, ShouldResize, SmoothStepPathOptions, SnapGrid, Transform, Viewport, ViewportHelperFunctionOptions, XYPosition, XYZPosition, addEdge, getBezierEdgeCenter, getBezierPath, getConnectedEdges, getEdgeCenter, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds } from '@xyflow/system';
-import { Store, SetStoreFunction } from 'solid-js/store';
-
+import { JSX } from "@solidjs/web";
+import { Accessor, ParentComponent, ParentProps, Store, StoreSetter } from "solid-js";
+import { Align, Align as Align$1, AriaLabelConfig, AriaLabelConfig as AriaLabelConfig$1, BezierPathOptions, BezierPathOptions as BezierPathOptions$1, Box, ColorMode, ColorMode as ColorMode$1, ColorModeClass, ColorModeClass as ColorModeClass$1, Connection, Connection as Connection$1, ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, ConnectionState, ControlLinePosition, ControlPosition, ControlPosition as ControlPosition$1, CoordinateExtent, CoordinateExtent as CoordinateExtent$1, DefaultEdgeOptionsBase, Dimensions, EdgeBase, EdgeMarker, EdgeMarkerType, EdgePosition, EdgeToolbarBaseProps, FinalConnectionState, FitBounds, FitBoundsOptions, FitBoundsOptions as FitBoundsOptions$1, FitViewOptionsBase, GetBezierPathParams, GetSmoothStepPathParams, GetStraightPathParams, Handle as Handle$1, HandleConnection, HandleConnection as HandleConnection$1, HandleProps, HandleType, InternalNodeBase, IsValidConnection, MarkerProps, MarkerType, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeOrigin, NodeOrigin as NodeOrigin$1, NodeProps as NodeProps$1, OnBeforeDeleteBase, OnConnect, OnConnectEnd, OnConnectEnd as OnConnectEnd$1, OnConnectStart, OnConnectStart as OnConnectStart$1, OnConnectStartParams, OnError, OnError as OnError$1, OnMove, OnMove as OnMove$1, OnMoveEnd, OnMoveEnd as OnMoveEnd$1, OnMoveStart, OnMoveStart as OnMoveStart$1, OnReconnect, OnReconnect as OnReconnect$1, OnReconnectEnd, OnReconnectEnd as OnReconnectEnd$1, OnReconnectStart, OnReconnectStart as OnReconnectStart$1, OnResize, OnResize as OnResize$1, OnResizeEnd, OnResizeEnd as OnResizeEnd$1, OnResizeStart, OnResizeStart as OnResizeStart$1, OnSelectionDrag, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanelPosition, PanelPosition as PanelPosition$1, Position as Position$1, Position as Position$2, ProOptions, ProOptions as ProOptions$1, Rect, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeDragEvent, ResizeParams, ResizeParamsWithDirection, SelectionMode, SelectionMode as SelectionMode$1, SelectionRect, SetCenter, SetCenterOptions, SetCenterOptions as SetCenterOptions$1, SetViewport, ShouldResize, ShouldResize as ShouldResize$1, SmoothStepPathOptions, SmoothStepPathOptions as SmoothStepPathOptions$1, SnapGrid, SnapGrid as SnapGrid$1, StepPathOptions, Transform, UpdateNodeInternals, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, XYZPosition, ZIndexMode, ZoomInOut, addEdge, getBezierEdgeCenter, getBezierPath, getConnectedEdges, getEdgeCenter, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds } from "@xyflow/system";
+//#region src/types/node.d.ts
 /**
  * The node data structure that gets used for internal nodes.
  * There are some data structures added under node.internal
@@ -15,122 +14,122 @@ type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeType>;
  * @public
  */
 type Node<NodeData extends UnknownStruct = UnknownStruct, NodeType extends string | undefined = string | undefined> = NodeBase<NodeData, NodeType> & {
-    class?: string;
-    style?: JSX.CSSProperties;
-    focusable?: boolean;
-    /**
-     * The ARIA role attribute for the node element, used for accessibility.
-     * @default "group"
-     */
-    ariaRole?: JSX.HTMLAttributes<HTMLDivElement>["role"];
-    /**
-     * General escape hatch for adding custom attributes to the node's DOM element.
-     */
-    domAttributes?: Omit<JSX.HTMLAttributes<HTMLDivElement>, "id" | "style" | "class" | "draggable" | "role" | "aria-label" | keyof JSX.HTMLAttributes<HTMLDivElement>>;
+  class?: string;
+  style?: JSX.CSSProperties;
+  focusable?: boolean;
+  /**
+   * The ARIA role attribute for the node element, used for accessibility.
+   * @default "group"
+   */
+  ariaRole?: JSX.HTMLAttributes<HTMLDivElement>["role"];
+  /**
+   * General escape hatch for adding custom attributes to the node's DOM element.
+   */
+  domAttributes?: Omit<JSX.HTMLAttributes<HTMLDivElement>, "id" | "style" | "class" | "draggable" | "role" | "aria-label" | keyof JSX.HTMLAttributes<HTMLDivElement>>;
 };
 type NodeProps<TData extends UnknownStruct = UnknownStruct, TType extends string | undefined = string | undefined> = NodeProps$1<Node<TData, TType>>;
 /**
  * Map of node types to their components.
  */
-type NodeTypes = {
-    [K in string]: {
-        bivarianceHack(props: NodeProps<Record<string, unknown>, string | undefined>): JSX.Element;
-    }["bivarianceHack"];
-};
+type NodeTypes = { [K in string]: {
+  bivarianceHack(props: NodeProps<Record<string, unknown>, string | undefined>): JSX.Element;
+}["bivarianceHack"]; };
 type BuiltInNode = Node<{
-    label: string;
+  label: string;
 }, "input" | "output" | "default"> | Node<Record<string, never>, "group">;
 type BuiltInNodeTypes = {
-    input: (props: NodeProps<{
-        label: string;
-    }, "input">) => JSX.Element;
-    output: (props: NodeProps<{
-        label: string;
-    }, "output">) => JSX.Element;
-    default: (props: NodeProps<{
-        label: string;
-    }, "default">) => JSX.Element;
-    group: (props: NodeProps<Record<string, never>, "group">) => JSX.Element;
+  input: (props: NodeProps<{
+    label: string;
+  }, "input">) => JSX.Element;
+  output: (props: NodeProps<{
+    label: string;
+  }, "output">) => JSX.Element;
+  default: (props: NodeProps<{
+    label: string;
+  }, "default">) => JSX.Element;
+  group: (props: NodeProps<Record<string, never>, "group">) => JSX.Element;
 };
-
+//#endregion
+//#region src/types/custom.d.ts
 type UnknownStruct = Record<string, unknown>;
-
+//#endregion
+//#region src/types/edge.d.ts
 /**
  * An `Edge` is the complete description with everything Svelte Flow needs to know in order to
  * render it.
  * @public
  */
 type Edge<EdgeData extends UnknownStruct = UnknownStruct, EdgeType extends string | undefined = string | undefined> = EdgeBase<EdgeData, EdgeType> & {
-    label?: string;
-    labelStyle?: JSX.CSSProperties;
-    style?: JSX.CSSProperties;
-    class?: string;
-    focusable?: boolean;
-    /**
-     * The ARIA role attribute for the edge, used for accessibility.
-     * @default "group"
-     */
-    ariaRole?: JSX.HTMLAttributes<HTMLElement>["role"];
-    /**
-     * General escape hatch for adding custom attributes to the edge's DOM element.
-     */
-    domAttributes?: Omit<JSX.SvgSVGAttributes<SVGGElement>, "id" | "style" | "class" | "role" | "aria-label">;
+  label?: string;
+  labelStyle?: JSX.CSSProperties;
+  style?: JSX.CSSProperties;
+  class?: string;
+  focusable?: boolean;
+  /**
+   * The ARIA role attribute for the edge, used for accessibility.
+   * @default "group"
+   */
+  ariaRole?: JSX.HTMLAttributes<HTMLElement>["role"];
+  /**
+   * General escape hatch for adding custom attributes to the edge's DOM element.
+   */
+  domAttributes?: Omit<JSX.SvgSVGAttributes<SVGGElement>, "id" | "style" | "class" | "role" | "aria-label">;
 };
 /**
  * Props passed to edge components. This is the main interface that custom edge components should implement.
  */
 type EdgeProps<EdgeData extends UnknownStruct = UnknownStruct, EdgeType extends string | undefined = string | undefined> = Omit<Edge<EdgeData, EdgeType>, "sourceHandle" | "targetHandle"> & EdgePosition & {
-    markerStart?: string;
-    markerEnd?: string;
-    sourceHandleId?: string | null;
-    targetHandleId?: string | null;
+  markerStart?: string;
+  markerEnd?: string;
+  sourceHandleId?: string | null;
+  targetHandleId?: string | null;
 };
 /**
  * Props for built-in edge components that render the actual SVG path.
  */
 type BaseEdgeProps = {
-    /** SVG path of the edge */
-    path: string;
-    /** The x coordinate of the label */
-    labelX?: number;
-    /** The y coordinate of the label */
-    labelY?: number;
-    /** Marker at start of edge */
-    markerStart?: string;
-    /** Marker at end of edge */
-    markerEnd?: string;
-    /** CSS class for the edge */
-    class?: string;
-    /** Edge label */
-    label?: string;
-    /** Styles for the edge label */
-    labelStyle?: JSX.CSSProperties;
-    /** Styles for the edge path */
-    style?: JSX.CSSProperties;
-    /** Interaction width for edge selection */
-    interactionWidth?: number;
+  /** SVG path of the edge */
+  path: string;
+  /** The x coordinate of the label */
+  labelX?: number;
+  /** The y coordinate of the label */
+  labelY?: number;
+  /** Marker at start of edge */
+  markerStart?: string;
+  /** Marker at end of edge */
+  markerEnd?: string;
+  /** CSS class for the edge */
+  class?: string;
+  /** Edge label */
+  label?: string;
+  /** Styles for the edge label */
+  labelStyle?: JSX.CSSProperties;
+  /** Styles for the edge path */
+  style?: JSX.CSSProperties;
+  /** Interaction width for edge selection */
+  interactionWidth?: number;
 } & JSX.SvgSVGAttributes<SVGPathElement>;
 /**
  * Props for built-in edge components (these match the actual component implementations)
  */
 type BezierEdgeProps = EdgeProps<Record<string, unknown>, "default"> & {
-    pathOptions?: BezierPathOptions;
+  pathOptions?: BezierPathOptions$1;
 };
 type StraightEdgeProps = Omit<EdgeProps<Record<string, unknown>, "straight">, "sourcePosition" | "targetPosition">;
 type StepEdgeProps = EdgeProps<Record<string, unknown>, "step"> & {
-    pathOptions?: StepPathOptions;
+  pathOptions?: StepPathOptions;
 };
 type SmoothStepEdgeProps = EdgeProps<Record<string, unknown>, "smoothstep"> & {
-    pathOptions?: SmoothStepPathOptions;
+  pathOptions?: SmoothStepPathOptions$1;
 };
 /**
  * Built-in edge types with their component signatures
  */
 type BuiltInEdgeTypes = {
-    default: (props: BezierEdgeProps) => JSX.Element;
-    straight: (props: StraightEdgeProps) => JSX.Element;
-    step: (props: StepEdgeProps) => JSX.Element;
-    smoothstep: (props: SmoothStepEdgeProps) => JSX.Element;
+  default: (props: BezierEdgeProps) => JSX.Element;
+  straight: (props: StraightEdgeProps) => JSX.Element;
+  step: (props: StepEdgeProps) => JSX.Element;
+  smoothstep: (props: SmoothStepEdgeProps) => JSX.Element;
 };
 /**
  * Union of all built-in edge props
@@ -139,132 +138,132 @@ type BuiltInEdge = BezierEdgeProps | StraightEdgeProps | StepEdgeProps | SmoothS
 /**
  * Map of edge types to their components.
  */
-type EdgeTypes = {
-    [K in string]: {
-        bivarianceHack(props: EdgeProps<Record<string, unknown>, string | undefined>): JSX.Element;
-    }["bivarianceHack"];
-};
+type EdgeTypes = { [K in string]: {
+  bivarianceHack(props: EdgeProps<Record<string, unknown>, string | undefined>): JSX.Element;
+}["bivarianceHack"]; };
 type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
-
-type NodeEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ node, event, }: {
-    node: NodeType;
-    event: T;
+//#endregion
+//#region src/types/events.d.ts
+type NodeEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ node, event }: {
+  node: NodeType;
+  event: T;
 }) => void;
-type NodesEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ nodes, event, }: {
-    nodes: NodeType[];
-    event: T;
+type NodesEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ nodes, event }: {
+  nodes: NodeType[];
+  event: T;
 }) => void;
-type NodeTargetEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ targetNode, nodes, event, }: {
-    targetNode: NodeType | null;
-    nodes: NodeType[];
-    event: T;
+type NodeTargetEventWithPointer<T = PointerEvent, NodeType extends Node = Node> = ({ targetNode, nodes, event }: {
+  targetNode: NodeType | null;
+  nodes: NodeType[];
+  event: T;
 }) => void;
 type NodeEvents<NodeType extends Node = Node> = {
-    /** This event handler is called when a user clicks on a node. */
-    onNodeClick?: NodeEventWithPointer<MouseEvent | TouchEvent, NodeType>;
-    /** This event handler is called when a user right-clicks on a node. */
-    onNodeContextMenu?: NodeEventWithPointer<MouseEvent, NodeType>;
-    /** This event handler is called when a user drags a node. */
-    onNodeDrag?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
-    /** This event handler is called when a user starts to drag a node. */
-    onNodeDragStart?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
-    /** This event handler is called when a user stops dragging a node. */
-    onNodeDragStop?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
-    /** This event handler is called when the pointer of a user enters a node. */
-    onNodePointerEnter?: NodeEventWithPointer<PointerEvent, NodeType>;
-    /** This event handler is called when the pointer of a user leaves a node. */
-    onNodePointerLeave?: NodeEventWithPointer<PointerEvent, NodeType>;
-    /** This event handler is called when the pointer of a user moves over a node. */
-    onNodePointerMove?: NodeEventWithPointer<PointerEvent, NodeType>;
+  /** This event handler is called when a user clicks on a node. */
+  onNodeClick?: NodeEventWithPointer<MouseEvent | TouchEvent, NodeType>;
+  /** This event handler is called when a user right-clicks on a node. */
+  onNodeContextMenu?: NodeEventWithPointer<MouseEvent, NodeType>;
+  /** This event handler is called when a user drags a node. */
+  onNodeDrag?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
+  /** This event handler is called when a user starts to drag a node. */
+  onNodeDragStart?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
+  /** This event handler is called when a user stops dragging a node. */
+  onNodeDragStop?: NodeTargetEventWithPointer<MouseEvent | TouchEvent, NodeType>;
+  /** This event handler is called when the pointer of a user enters a node. */
+  onNodePointerEnter?: NodeEventWithPointer<PointerEvent, NodeType>;
+  /** This event handler is called when the pointer of a user leaves a node. */
+  onNodePointerLeave?: NodeEventWithPointer<PointerEvent, NodeType>;
+  /** This event handler is called when the pointer of a user moves over a node. */
+  onNodePointerMove?: NodeEventWithPointer<PointerEvent, NodeType>;
 };
 type NodeSelectionEvents<NodeType extends Node = Node> = {
-    /** This event handler is called when a user right-clicks the selection box. */
-    onSelectionContextMenu?: NodesEventWithPointer<PointerEvent, NodeType>;
-    /** This event handler is called when a user clicks the selection box. */
-    onSelectionClick?: NodesEventWithPointer<MouseEvent, NodeType>;
+  /** This event handler is called when a user right-clicks the selection box. */
+  onSelectionContextMenu?: NodesEventWithPointer<PointerEvent, NodeType>;
+  /** This event handler is called when a user clicks the selection box. */
+  onSelectionClick?: NodesEventWithPointer<MouseEvent, NodeType>;
 };
 type PaneEvents = {
-    /** This event handler is called when a user clicks the pane. */
-    onPaneClick?: ({ event }: {
-        event: MouseEvent;
-    }) => void;
-    /** This event handler is called when a user right-clicks the pane. */
-    onPaneContextMenu?: ({ event }: {
-        event: PointerEvent;
-    }) => void;
+  /** This event handler is called when a user clicks the pane. */
+  onPaneClick?: ({ event }: {
+    event: MouseEvent;
+  }) => void;
+  /** This event handler is called when a user right-clicks the pane. */
+  onPaneContextMenu?: ({ event }: {
+    event: PointerEvent;
+  }) => void;
 };
 type EdgeEvents<EdgeType extends Edge = Edge> = {
-    /** This event handler is called when a user clicks an edge. */
-    onEdgeClick?: ({ edge, event }: {
-        edge: EdgeType;
-        event: MouseEvent;
-    }) => void;
-    /** This event handler is called when a user right-clicks an edge. */
-    onEdgeContextMenu?: ({ edge, event }: {
-        edge: EdgeType;
-        event: PointerEvent;
-    }) => void;
-    /** This event handler is called when the pointer of a user enters an edge. */
-    onEdgePointerEnter?: ({ edge, event }: {
-        edge: EdgeType;
-        event: PointerEvent;
-    }) => void;
-    /** This event handler is called when the pointer of a user enters an edge. */
-    onEdgePointerLeave?: ({ edge, event }: {
-        edge: EdgeType;
-        event: PointerEvent;
-    }) => void;
+  /** This event handler is called when a user clicks an edge. */
+  onEdgeClick?: ({ edge, event }: {
+    edge: EdgeType;
+    event: MouseEvent;
+  }) => void;
+  /** This event handler is called when a user right-clicks an edge. */
+  onEdgeContextMenu?: ({ edge, event }: {
+    edge: EdgeType;
+    event: PointerEvent;
+  }) => void;
+  /** This event handler is called when the pointer of a user enters an edge. */
+  onEdgePointerEnter?: ({ edge, event }: {
+    edge: EdgeType;
+    event: PointerEvent;
+  }) => void;
+  /** This event handler is called when the pointer of a user enters an edge. */
+  onEdgePointerLeave?: ({ edge, event }: {
+    edge: EdgeType;
+    event: PointerEvent;
+  }) => void;
 };
 type DeleteEvents<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
-    onNodesDelete?: (nodes: NodeType[]) => void;
-    onEdgesDelete?: (edges: EdgeType[]) => void;
+  onNodesDelete?: (nodes: NodeType[]) => void;
+  onEdgesDelete?: (edges: EdgeType[]) => void;
 };
 type EdgeReconnectEvents<EdgeType extends Edge = Edge> = {
-    /**
-     * This handler is called when the source or target of a reconnectable edge is dragged from the
-     * current node. It will fire even if the edge's source or target do not end up changing.
-     * You can use the `reconnectEdge` utility to convert the connection to a new edge.
-     */
-    onReconnect?: OnReconnect<EdgeType>;
-    /**
-     * This event fires when the user begins dragging the source or target of an editable edge.
-     */
-    onReconnectStart?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
-    /**
-     * This event fires when the user releases the source or target of an editable edge. It is called
-     * even if an edge update does not occur.
-     */
-    onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType, connectionState: FinalConnectionState) => void;
+  /**
+   * This handler is called when the source or target of a reconnectable edge is dragged from the
+   * current node. It will fire even if the edge's source or target do not end up changing.
+   * You can use the `reconnectEdge` utility to convert the connection to a new edge.
+   */
+  onReconnect?: OnReconnect$1<EdgeType>;
+  /**
+   * This event fires when the user begins dragging the source or target of an editable edge.
+   */
+  onReconnectStart?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
+  /**
+   * This event fires when the user releases the source or target of an editable edge. It is called
+   * even if an edge update does not occur.
+   */
+  onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType, connectionState: FinalConnectionState) => void;
 };
-type OnSelectionDrag<NodeType extends Node = Node> = (event: MouseEvent, nodes: NodeType[]) => void;
-
-type Position = `${Position$1}`;
-type ConnectionMode = `${ConnectionMode$1}`;
-type ConnectionLineType$1 = `${ConnectionLineType$2}`;
-type SelectionMode = `${SelectionMode$1}`;
-type PanOnScrollMode = `${PanOnScrollMode$1}`;
-type ResizeControlVariant = `${ResizeControlVariant$1}`;
+type OnSelectionDrag$1<NodeType extends Node = Node> = (event: MouseEvent, nodes: NodeType[]) => void;
+//#endregion
+//#region src/types/general.d.ts
+type Position$3 = `${Position$2}`;
+type ConnectionMode$2 = `${ConnectionMode$1}`;
+type ConnectionLineType$3 = `${ConnectionLineType$1}`;
+type SelectionMode$2 = `${SelectionMode$1}`;
+type PanOnScrollMode$2 = `${PanOnScrollMode$1}`;
+type ResizeControlVariant$2 = `${ResizeControlVariant$1}`;
 type ShortcutModifier = "alt" | "ctrl" | "meta" | "shift";
 type ShortcutModifierDefinition = null | false | ShortcutModifier | (ShortcutModifier | ShortcutModifier[])[];
 type KeyModifier = ShortcutModifierDefinition;
 type KeyDefinitionObject = {
-    key: string;
-    modifier?: KeyModifier;
+  key: string;
+  modifier?: KeyModifier;
 };
 type KeyDefinition = string | KeyDefinitionObject;
 type ConnectionData = {
-    connectionPosition: XYPosition | null;
-    connectionStartHandle: Handle$1 | null;
-    connectionEndHandle: Handle$1 | null;
-    connectionStatus: string | null;
+  connectionPosition: XYPosition$1 | null;
+  connectionStartHandle: Handle$1 | null;
+  connectionEndHandle: Handle$1 | null;
+  connectionStatus: string | null;
 };
 type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
 type OnDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
-    nodes: NodeType[];
-    edges: EdgeType[];
+  nodes: NodeType[];
+  edges: EdgeType[];
 }) => void;
-type EdgeConnection = Connection & {
-    id: string;
+type EdgeConnection = Connection$1 & {
+  id: string;
 };
 /** Callback that gets called before a handle connection is created. */
 type OnBeforeEdgeConnect<EdgeType extends Edge = Edge> = (connection: EdgeConnection) => EdgeType | EdgeConnection | undefined;
@@ -272,71 +271,78 @@ type OnBeforeEdgeConnect<EdgeType extends Edge = Edge> = (connection: EdgeConnec
 type OnEdgeConnect = (connection: EdgeConnection) => void;
 type OnBeforeReconnect<EdgeType extends Edge = Edge> = (newEdge: EdgeType, oldEdge: EdgeType) => EdgeType | undefined;
 type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = OnBeforeDeleteBase<NodeType, EdgeType>;
-type IsValidConnection<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection) => boolean;
+type IsValidConnection$1<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection$1) => boolean;
 type OnSelectionChange<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
-    nodes: NodeType[];
-    edges: EdgeType[];
+  nodes: NodeType[];
+  edges: EdgeType[];
 }) => void;
 type NodeGraph<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
-    readonly nodes: NodeType[];
-    readonly edges: EdgeType[];
+  readonly nodes: NodeType[];
+  readonly edges: EdgeType[];
 };
-type OnEdgeCreate<EdgeType extends Edge = Edge> = (connection: Connection) => EdgeType | Connection;
-
+type OnEdgeCreate<EdgeType extends Edge = Edge> = (connection: Connection$1) => EdgeType | Connection$1;
+//#endregion
+//#region src/components/container/EdgeRenderer.d.ts
 type EdgeRendererProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
-    readonly defaultEdgeOptions?: DefaultEdgeOptions;
-    readonly reconnectRadius: number;
+  readonly defaultEdgeOptions?: DefaultEdgeOptions;
+  readonly reconnectRadius: number;
 };
 declare const EdgeRenderer: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeRendererProps<EdgeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/container/NodeRenderer.d.ts
 type NodeRendererProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
-    readonly nodeClickDistance: number;
+  readonly nodeClickDistance: number;
 };
 declare const NodeRenderer: <NodeType extends Node = Node>(props: NodeRendererProps<NodeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/container/Pane.d.ts
 type PaneProps = PaneEvents & {
-    readonly panOnDrag?: boolean | number[];
-    readonly selectionOnDrag?: boolean;
-    readonly paneClickDistance?: number;
-    readonly autoPanOnSelection?: boolean;
-    readonly onSelectionStart?: (event: PointerEvent) => void;
-    readonly onSelectionEnd?: (event: PointerEvent) => void;
+  readonly panOnDrag?: boolean | number[];
+  readonly selectionOnDrag?: boolean;
+  readonly paneClickDistance?: number;
+  readonly autoPanOnSelection?: boolean;
+  readonly onSelectionStart?: (event: PointerEvent) => void;
+  readonly onSelectionEnd?: (event: PointerEvent) => void;
 };
 declare const Pane: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<PaneProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/container/Panel.d.ts
 type PanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
-    /** Set position of the panel
-     * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
-     */
-    readonly position?: PanelPosition;
-    readonly style?: JSX.CSSProperties;
-    readonly "data-testid"?: string;
-    readonly "data-message"?: string;
+  /** Set position of the panel
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
+  readonly position?: PanelPosition$1;
+  readonly style?: JSX.CSSProperties;
+  readonly "data-testid"?: string;
+  readonly "data-message"?: string;
 };
 declare const Panel: (props: ParentProps<PanelProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/container/ViewportPortal.d.ts
 declare const ViewportPortal: (props: ParentProps) => JSX.Element;
-
+//#endregion
+//#region src/components/container/Zoom.d.ts
 type ZoomProps = {
-    readonly initialViewport?: Viewport;
-    readonly panOnScrollMode: PanOnScrollMode;
-    readonly onMove?: OnMove;
-    readonly onMoveStart?: OnMoveStart;
-    readonly onMoveEnd?: OnMoveEnd;
-    readonly onViewportInitialized?: () => void;
-    readonly preventScrolling: boolean;
-    readonly zoomOnScroll: boolean;
-    readonly zoomOnDoubleClick: boolean;
-    readonly zoomOnPinch: boolean;
-    readonly panOnScroll: boolean;
-    readonly panOnScrollSpeed: number;
-    readonly panOnDrag: boolean | number[];
-    readonly paneClickDistance: number;
-    readonly selectionOnDrag?: boolean;
+  readonly initialViewport?: Viewport$1;
+  readonly panOnScrollMode: PanOnScrollMode$2;
+  readonly onMove?: OnMove$1;
+  readonly onMoveStart?: OnMoveStart$1;
+  readonly onMoveEnd?: OnMoveEnd$1;
+  readonly onViewportInitialized?: () => void;
+  readonly preventScrolling: boolean;
+  readonly zoomOnScroll: boolean;
+  readonly zoomOnDoubleClick: boolean;
+  readonly zoomOnPinch: boolean;
+  readonly panOnScroll: boolean;
+  readonly panOnScrollSpeed: number;
+  readonly panOnDrag: boolean | number[];
+  readonly paneClickDistance: number;
+  readonly selectionOnDrag?: boolean;
 };
 declare const Zoom: (props: ParentProps<ZoomProps>) => JSX.Element;
-
-type ConnectionLineType = `${ConnectionLineType$2}`;
+//#endregion
+//#region src/components/graph/connection/types.d.ts
+type ConnectionLineType$2 = `${ConnectionLineType$1}`;
 /**
  * If you want to render a custom component for connection lines, you can set the
  * `connectionLineComponent` prop on the [`<SolidFlow />`](/api-reference/react-flow#connection-connectionLineComponent)
@@ -345,180 +351,207 @@ type ConnectionLineType = `${ConnectionLineType$2}`;
  * @public
  */
 type ConnectionLineComponentProps<NodeType extends Node = Node> = {
-    readonly connectionLineStyle?: JSX.CSSProperties;
-    readonly connectionLineType: ConnectionLineType;
-    readonly fromNode: InternalNode<NodeType>;
-    readonly fromHandle: Handle$1;
-    readonly fromX: number;
-    readonly fromY: number;
-    readonly toX: number;
-    readonly toY: number;
-    readonly fromPosition: Position;
-    readonly toPosition: Position;
-    readonly connectionStatus: "valid" | "invalid" | null;
-    readonly toNode: InternalNode<NodeType> | null;
-    readonly toHandle: Handle$1 | null;
+  readonly connectionLineStyle?: JSX.CSSProperties;
+  readonly connectionLineType: ConnectionLineType$2;
+  readonly fromNode: InternalNode<NodeType>;
+  readonly fromHandle: Handle$1;
+  readonly fromX: number;
+  readonly fromY: number;
+  readonly toX: number;
+  readonly toY: number;
+  readonly fromPosition: Position$3;
+  readonly toPosition: Position$3;
+  readonly connectionStatus: "valid" | "invalid" | null;
+  readonly toNode: InternalNode<NodeType> | null;
+  readonly toHandle: Handle$1 | null;
 };
-
+//#endregion
+//#region src/components/graph/connection/ConnectionLine.d.ts
 type ConnectionLineProps<NodeType extends Node = Node> = {
-    readonly style: JSX.CSSProperties;
-    readonly type: ConnectionLineType;
-    readonly component: (props: ConnectionLineComponentProps<NodeType>) => JSX.Element;
-    readonly containerStyle: string | JSX.CSSProperties;
+  readonly style: JSX.CSSProperties;
+  readonly type: ConnectionLineType$2;
+  readonly component: (props: ConnectionLineComponentProps<NodeType>) => JSX.Element;
+  readonly containerStyle: string | JSX.CSSProperties;
 };
 declare const ConnectionLine: <NodeType extends Node = Node>(props: ParentProps<Partial<ConnectionLineProps<NodeType>>>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/BaseEdge.d.ts
 declare const BaseEdge: (props: ParentProps<BaseEdgeProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/BezierEdge.d.ts
 declare const BezierEdge: (props: BezierEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/BezierEdgeInternal.d.ts
 declare const BezierEdgeInternal: (props: BezierEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/EdgeLabel.d.ts
 type EdgeLabelProps = {
-    readonly x?: number;
-    readonly y?: number;
-    readonly width?: number;
-    readonly height?: number;
-    readonly selectEdgeOnClick?: boolean;
-    readonly transparent?: boolean;
-    readonly style?: JSX.CSSProperties;
+  readonly x?: number;
+  readonly y?: number;
+  readonly width?: number;
+  readonly height?: number;
+  readonly selectEdgeOnClick?: boolean;
+  readonly transparent?: boolean;
+  readonly style?: JSX.CSSProperties;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 declare const EdgeLabel: (props: ParentProps<EdgeLabelProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/EdgeLabelRenderer.d.ts
 declare const EdgeLabelRenderer: (props: ParentProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/EdgeReconnectAnchor.d.ts
 type EdgeReconnectAnchorProps = {
-    readonly type: HandleType;
-    readonly class?: string;
-    readonly style?: JSX.CSSProperties;
-    readonly position?: XYPosition;
-    readonly size?: number;
-    readonly reconnecting?: boolean;
+  readonly type: HandleType;
+  readonly class?: string;
+  readonly style?: JSX.CSSProperties;
+  readonly position?: XYPosition$1;
+  readonly size?: number;
+  readonly reconnecting?: boolean;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 declare const EdgeReconnectAnchor: (props: ParentProps<EdgeReconnectAnchorProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/EdgeWrapper.d.ts
 type EdgeWrapperProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
-    readonly edgeId: string;
+  readonly edgeId: string;
 };
 declare const EdgeWrapper: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeWrapperProps<EdgeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/SmoothStepEdge.d.ts
 declare const SmoothStepEdge: (props: SmoothStepEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/SmoothStepEdgeInternal.d.ts
 declare const SmoothStepEdgeInternal: (props: SmoothStepEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/StepEdge.d.ts
 declare const StepEdge: (props: StepEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/StepEdgeInternal.d.ts
 declare const StepEdgeInternal: (props: StepEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/StraightEdge.d.ts
 declare const StraightEdge: (props: StraightEdgeProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/edge/StraightEdgeInternal.d.ts
 declare const StraightEdgeInternal: (props: Omit<StraightEdgeProps, "sourcePosition" | "targetPosition">) => JSX.Element;
-
-type HandleProps = Omit<HandleProps$1, "position"> & {
-    readonly position: Position;
-    readonly class?: string;
-    readonly style?: JSX.CSSProperties;
-    readonly onConnect?: (connections: Connection[]) => void;
-    readonly onDisconnect?: (connections: Connection[]) => void;
+//#endregion
+//#region src/components/graph/handle/Handle.d.ts
+type HandleProps$1 = Omit<HandleProps, "position"> & {
+  readonly position: Position$3;
+  readonly class?: string;
+  readonly style?: JSX.CSSProperties;
+  readonly onConnect?: (connections: Connection$1[]) => void;
+  readonly onDisconnect?: (connections: Connection$1[]) => void;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
-declare const Handle: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<HandleProps>) => JSX.Element;
-
-type MarkerProps = MarkerProps$1 & {
-    readonly markerUnits?: "strokeWidth" | "userSpaceOnUse";
-    readonly strokeWidth?: number;
+declare const Handle: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<HandleProps$1>) => JSX.Element;
+//#endregion
+//#region src/components/graph/marker/Marker.d.ts
+type MarkerProps$1 = MarkerProps & {
+  readonly markerUnits?: "strokeWidth" | "userSpaceOnUse";
+  readonly strokeWidth?: number;
 };
-declare const Marker: (props: MarkerProps) => JSX.Element;
-
+declare const Marker: (props: MarkerProps$1) => JSX.Element;
+//#endregion
+//#region src/components/graph/marker/MarkerDefinition.d.ts
 declare const MarkerDefinition: () => JSX.Element;
-
+//#endregion
+//#region src/components/graph/node/DefaultNode.d.ts
 declare const DefaultNode: (props: NodeProps<{
-    label: string;
+  label: string;
 }, "default">) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/node/GroupNode.d.ts
 declare const GroupNode: (props: NodeProps<Record<string, never>>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/node/InputNode.d.ts
 declare const InputNode: (props: NodeProps<{
-    label: string;
+  label: string;
 }>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/node/NodeWrapper.d.ts
 type NodeWrapperProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
-    readonly nodeId: string;
-    readonly resizeObserver: ResizeObserver;
-    readonly nodeClickDistance: number;
+  readonly nodeId: string;
+  readonly resizeObserver: ResizeObserver | undefined;
+  readonly nodeClickDistance: number;
 };
 declare const NodeWrapper: <NodeType extends Node = Node>(props: NodeWrapperProps<NodeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/node/OutputNode.d.ts
 declare const OutputNode: (props: NodeProps<{
-    label: string;
+  label: string;
 }>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/background/types.d.ts
 type BackgroundVariant = "lines" | "dots" | "cross";
-
+//#endregion
+//#region src/components/graph/plugins/background/Background.d.ts
 type BackgroundProps = {
-    readonly id?: string;
-    /** Variant of the pattern
-     * @example 'lines', 'dots', 'cross'
-     */
-    readonly variant?: BackgroundVariant;
-    /** Color of the background */
-    readonly bgColor?: string;
-    /** Color of the pattern */
-    readonly patternColor?: string;
-    /** Class applied to the pattern */
-    readonly patternClass?: string;
-    /** Class applied to the container */
-    readonly class?: string;
-    /** Gap between repetitions of the pattern */
-    readonly gap?: number | [number, number];
-    /** Size of a single pattern element */
-    readonly size?: number;
-    /** Line width of the Line pattern */
-    readonly lineWidth?: number;
-    /** Style applied to the container */
-    readonly style?: JSX.CSSProperties;
+  readonly id?: string;
+  /** Variant of the pattern
+   * @example 'lines', 'dots', 'cross'
+   */
+  readonly variant?: BackgroundVariant;
+  /** Color of the background */
+  readonly bgColor?: string;
+  /** Color of the pattern */
+  readonly patternColor?: string;
+  /** Class applied to the pattern */
+  readonly patternClass?: string;
+  /** Class applied to the container */
+  readonly class?: string;
+  /** Gap between repetitions of the pattern */
+  readonly gap?: number | [number, number];
+  /** Size of a single pattern element */
+  readonly size?: number;
+  /** Line width of the Line pattern */
+  readonly lineWidth?: number;
+  /** Style applied to the container */
+  readonly style?: JSX.CSSProperties;
 };
 declare const Background: (props: BackgroundProps) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/controls/ControlButton.d.ts
 type ControlButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
-    readonly class?: string;
-    readonly bgColor?: string;
-    readonly bgColorHover?: string;
-    readonly color?: string;
-    readonly colorHover?: string;
-    readonly borderColor?: string;
-    readonly onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
+  readonly class?: string;
+  readonly bgColor?: string;
+  readonly bgColorHover?: string;
+  readonly color?: string;
+  readonly colorHover?: string;
+  readonly borderColor?: string;
+  readonly onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
 };
 declare const ControlButton: (props: ParentProps<ControlButtonProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/controls/Controls.d.ts
 type ControlsOrientation = "horizontal" | "vertical";
 type ControlsProps = {
-    /** Position of the controls on the pane
-     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
-     * PanelPosition.BottomLeft, PanelPosition.BottomRight
-     */
-    readonly position?: PanelPosition;
-    /** Show button for zoom in/out */
-    readonly showZoom?: boolean;
-    /** Show button for fit view */
-    readonly showFitView?: boolean;
-    /** Show button for toggling interactivity */
-    readonly showLock?: boolean;
-    readonly buttonBgColor?: string;
-    readonly buttonBgColorHover?: string;
-    readonly buttonColor?: string;
-    readonly buttonColorHover?: string;
-    readonly buttonBorderColor?: string;
-    readonly style?: JSX.CSSProperties;
-    readonly orientation?: ControlsOrientation;
-    readonly fitViewOptions?: FitViewOptions;
-    readonly beforeControls?: JSX.Element;
-    readonly afterControls?: JSX.Element;
+  /** Position of the controls on the pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
+  readonly position?: PanelPosition$1;
+  /** Show button for zoom in/out */
+  readonly showZoom?: boolean;
+  /** Show button for fit view */
+  readonly showFitView?: boolean;
+  /** Show button for toggling interactivity */
+  readonly showLock?: boolean;
+  readonly buttonBgColor?: string;
+  readonly buttonBgColorHover?: string;
+  readonly buttonColor?: string;
+  readonly buttonColorHover?: string;
+  readonly buttonBorderColor?: string;
+  readonly style?: JSX.CSSProperties;
+  readonly orientation?: ControlsOrientation;
+  readonly fitViewOptions?: FitViewOptions;
+  readonly beforeControls?: JSX.Element;
+  readonly afterControls?: JSX.Element;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 declare const Controls: (props: ParentProps<ControlsProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/EdgeToolbar.d.ts
 type EdgeToolbarProps = EdgeToolbarBaseProps & {
-    /** If `true`, clicking the toolbar selects the edge it belongs to. */
-    readonly selectEdgeOnClick?: boolean;
+  /** If `true`, clicking the toolbar selects the edge it belongs to. */
+  readonly selectEdgeOnClick?: boolean;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 /**
  * The `<EdgeToolbar />` component renders a toolbar or tooltip for an edge.
@@ -528,597 +561,606 @@ type EdgeToolbarProps = EdgeToolbarBaseProps & {
  * The toolbar does not scale with the viewport so that its content is always legible.
  */
 declare const EdgeToolbar: (props: ParentProps<EdgeToolbarProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/minimap/MiniMap.d.ts
 type GetMiniMapNodeAttribute<NodeType extends Node> = (node: NodeType) => string;
 type MiniMapProps<NodeType extends Node> = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
-    /** Background color of minimap */
-    readonly bgColor?: string;
-    /** Color of nodes on the minimap */
-    readonly nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
-    /** Stroke color of nodes on the minimap */
-    readonly nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
-    /** Class applied to nodes on the minimap */
-    readonly nodeClass?: string | GetMiniMapNodeAttribute<NodeType>;
-    /** Border radius of nodes on the minimap */
-    readonly nodeBorderRadius?: number;
-    /** Stroke width of nodes on the minimap */
-    readonly nodeStrokeWidth?: number;
-    /** Color of the mask representing viewport */
-    readonly maskColor?: string;
-    /** Stroke color of the mask representing viewport */
-    readonly maskStrokeColor?: string;
-    /** Stroke width of the mask representing viewport */
-    readonly maskStrokeWidth?: number;
-    /** Position of the minimap on the pane
-     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
-     * PanelPosition.BottomLeft, PanelPosition.BottomRight
-     */
-    readonly position?: PanelPosition;
-    /** Style applied to container */
-    readonly style?: JSX.CSSProperties;
-    /** The aria-label applied to container */
-    readonly ariaLabel?: string | null;
-    /** Width of minimap */
-    readonly width?: number;
-    /** Height of minimap */
-    readonly height?: number;
-    readonly pannable?: boolean;
-    readonly zoomable?: boolean;
-    /** Invert the direction when panning the minimap viewport */
-    readonly inversePan?: boolean;
-    /** Step size for zooming in/out */
-    readonly zoomStep?: number;
+  /** Background color of minimap */
+  readonly bgColor?: string;
+  /** Color of nodes on the minimap */
+  readonly nodeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** Stroke color of nodes on the minimap */
+  readonly nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** Class applied to nodes on the minimap */
+  readonly nodeClass?: string | GetMiniMapNodeAttribute<NodeType>;
+  /** Border radius of nodes on the minimap */
+  readonly nodeBorderRadius?: number;
+  /** Stroke width of nodes on the minimap */
+  readonly nodeStrokeWidth?: number;
+  /** Color of the mask representing viewport */
+  readonly maskColor?: string;
+  /** Stroke color of the mask representing viewport */
+  readonly maskStrokeColor?: string;
+  /** Stroke width of the mask representing viewport */
+  readonly maskStrokeWidth?: number;
+  /** Position of the minimap on the pane
+   * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+   * PanelPosition.BottomLeft, PanelPosition.BottomRight
+   */
+  readonly position?: PanelPosition$1;
+  /** Style applied to container */
+  readonly style?: JSX.CSSProperties;
+  /** The aria-label applied to container */
+  readonly ariaLabel?: string | null;
+  /** Width of minimap */
+  readonly width?: number;
+  /** Height of minimap */
+  readonly height?: number;
+  readonly pannable?: boolean;
+  readonly zoomable?: boolean;
+  /** Invert the direction when panning the minimap viewport */
+  readonly inversePan?: boolean;
+  /** Step size for zooming in/out */
+  readonly zoomStep?: number;
 };
 declare const MiniMap: <NodeType extends Node>(props: ParentProps<Partial<MiniMapProps<NodeType>>>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/nodeResizer/NodeResizer.d.ts
 type NodeResizerProps = {
-    /** Id of the node it is resizing
-     * @remarks optional if used inside custom node
-     */
-    readonly nodeId?: string;
-    /** Class applied to handle */
-    readonly handleClass?: string;
-    /** Style applied to handle */
-    readonly handleStyle?: JSX.CSSProperties;
-    /** Class applied to line */
-    readonly lineClass?: string;
-    /** Style applied to line */
-    readonly lineStyle?: JSX.CSSProperties;
-    /** Are the controls visible */
-    readonly visible?: boolean;
-    /** Minimum width of node */
-    readonly minWidth?: number;
-    /** Minimum height of node */
-    readonly minHeight?: number;
-    /** Maximum width of node */
-    readonly maxWidth?: number;
-    /** Maximum height of node */
-    readonly maxHeight?: number;
-    /** Keep aspect ratio when resizing */
-    readonly keepAspectRatio?: boolean;
-    /** Automatically scale the node when resizing */
-    readonly autoScale?: boolean;
-    /** Callback to determine if node should resize */
-    readonly shouldResize?: ShouldResize;
-    /** Callback called when resizing starts */
-    readonly onResizeStart?: OnResizeStart;
-    /** Callback called when resizing */
-    readonly onResize?: OnResize;
-    /** Callback called when resizing ends */
-    readonly onResizeEnd?: OnResizeEnd;
+  /** Id of the node it is resizing
+   * @remarks optional if used inside custom node
+   */
+  readonly nodeId?: string;
+  /** Class applied to handle */
+  readonly handleClass?: string;
+  /** Style applied to handle */
+  readonly handleStyle?: JSX.CSSProperties;
+  /** Class applied to line */
+  readonly lineClass?: string;
+  /** Style applied to line */
+  readonly lineStyle?: JSX.CSSProperties;
+  /** Are the controls visible */
+  readonly visible?: boolean;
+  /** Minimum width of node */
+  readonly minWidth?: number;
+  /** Minimum height of node */
+  readonly minHeight?: number;
+  /** Maximum width of node */
+  readonly maxWidth?: number;
+  /** Maximum height of node */
+  readonly maxHeight?: number;
+  /** Keep aspect ratio when resizing */
+  readonly keepAspectRatio?: boolean;
+  /** Automatically scale the node when resizing */
+  readonly autoScale?: boolean;
+  /** Callback to determine if node should resize */
+  readonly shouldResize?: ShouldResize$1;
+  /** Callback called when resizing starts */
+  readonly onResizeStart?: OnResizeStart$1;
+  /** Callback called when resizing */
+  readonly onResize?: OnResize$1;
+  /** Callback called when resizing ends */
+  readonly onResizeEnd?: OnResizeEnd$1;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "onResize" | "style">;
 declare const NodeResizer: (props: Partial<NodeResizerProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/nodeResizer/ResizeControl.d.ts
 type NodeResizerSubProps = Pick<NodeResizerProps, "nodeId" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "autoScale" | "keepAspectRatio" | "shouldResize" | "onResizeStart" | "onResize" | "onResizeEnd">;
 type ResizeControlProps = NodeResizerSubProps & {
-    /** Position of control
-     * @example ControlPosition.TopLeft, ControlPosition.TopRight,
-     * ControlPosition.BottomLeft, ControlPosition.BottomRight
-     */
-    readonly position?: ControlPosition;
-    /** Variant of control
-     * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
-     */
-    readonly variant?: ResizeControlVariant;
-    readonly style?: JSX.CSSProperties;
+  /** Position of control
+   * @example ControlPosition.TopLeft, ControlPosition.TopRight,
+   * ControlPosition.BottomLeft, ControlPosition.BottomRight
+   */
+  readonly position?: ControlPosition$1;
+  /** Variant of control
+   * @example ResizeControlVariant.Handle, ResizeControlVariant.Line
+   */
+  readonly variant?: ResizeControlVariant$2;
+  readonly color?: string;
+  readonly style?: JSX.CSSProperties;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "onResize" | "style">;
 declare const ResizeControl: <NodeType extends Node = Node>(props: ParentProps<ResizeControlProps>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/plugins/NodeToolbar.d.ts
 type NodeToolbarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
-    /** The id of the node, or array of ids the toolbar should be displayed at */
-    readonly nodeId: string | string[];
-    /** Position of the toolbar relative to the node
-     * @example Position.TopLeft, Position.TopRight,
-     * Position.BottomLeft, Position.BottomRight
-     */
-    readonly position: Position;
-    /** Align the toolbar relative to the node
-     * @example Align.Start, Align.Center, Align.End
-     */
-    readonly align: Align;
-    /** Offset the toolbar from the node */
-    readonly offset: number;
-    /** If true, node toolbar is visible even if node is not selected */
-    readonly isVisible: boolean;
-    /** Style of the toolbar */
-    readonly style: Omit<JSX.CSSProperties, "z-index" | "position" | "transform">;
+  /** The id of the node, or array of ids the toolbar should be displayed at */
+  readonly nodeId: string | string[];
+  /** Position of the toolbar relative to the node
+   * @example Position.TopLeft, Position.TopRight,
+   * Position.BottomLeft, Position.BottomRight
+   */
+  readonly position: Position$3;
+  /** Align the toolbar relative to the node
+   * @example Align.Start, Align.Center, Align.End
+   */
+  readonly align: Align$1;
+  /** Offset the toolbar from the node */
+  readonly offset: number;
+  /** If true, node toolbar is visible even if node is not selected */
+  readonly isVisible: boolean;
+  /** Style of the toolbar */
+  readonly style: Omit<JSX.CSSProperties, "z-index" | "position" | "transform">;
 };
 declare const NodeToolbar: ParentComponent<Partial<NodeToolbarProps>>;
-
+//#endregion
+//#region src/components/graph/selection/NodeSelection.d.ts
 type NodeSelectionProps<NodeType extends Node = Node> = NodeSelectionEvents<NodeType> & Pick<NodeEvents<NodeType>, "onNodeDrag" | "onNodeDragStart" | "onNodeDragStop">;
 declare const NodeSelection: <NodeType extends Node = Node>(props: NodeSelectionProps<NodeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/graph/selection/Selection.d.ts
 type SelectionProps = {
-    readonly x?: number;
-    readonly y?: number;
-    readonly width?: number | string;
-    readonly height?: number | string;
-    readonly isVisible?: boolean;
+  readonly x?: number;
+  readonly y?: number;
+  readonly width?: number | string;
+  readonly height?: number | string;
+  readonly isVisible?: boolean;
 };
 declare const Selection: (props: SelectionProps) => JSX.Element;
-
+//#endregion
+//#region src/components/SolidFlow/types.d.ts
 type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = NodeEvents<NodeType> & NodeSelectionEvents<NodeType> & EdgeEvents<EdgeType> & DeleteEvents<NodeType, EdgeType> & PaneEvents & {
-    /**
-     * The id of the flow. This is necessary if you want to render multiple flows.
-     */
-    readonly id?: string;
-    /** Sets a fixed width for the flow */
-    readonly width?: number;
-    /** Sets a fixed height for the flow */
-    readonly height?: number;
-    /**
-     * An store of nodes to render in a flow.
-     * @example
-     * const [nodes] = createStore([
-     *  {
-     *    id: 'node-1',
-     *    type: 'input',
-     *    data: { label: 'Node 1' },
-     *    position: { x: 250, y: 50 }
-     *  }
-     * ]);
-     */
-    readonly nodes?: Store<NodeType[]>;
-    /**
-     * An store of edges to render in a flow.
-     * @example
-     * const [edges] = createStore([
-     *  {
-     *    id: 'edge-1-2',
-     *    source: 'node-1',
-     *    target: 'node-2',
-     *  }
-     * ]);
-     */
-    readonly edges?: Store<EdgeType[]>;
-    /**
-     * Custom node types to be available in a flow.
-     * Solid Flow matches a node's type to a component in the nodeTypes object.
-     * @example
-     * import CustomNode from './CustomNode';
-     *
-     * const nodeTypes = { nameOfNodeType: CustomNode };
-     */
-    readonly nodeTypes?: NodeTypes;
-    /**
-     * Custom edge types to be available in a flow.
-     * Solid Flow matches an edge's type to a component in the edgeTypes object.
-     * @example
-     * import CustomEdge from './CustomEdge';
-     *
-     * const edgeTypes = { nameOfEdgeType: CustomEdge };
-     */
-    readonly edgeTypes?: EdgeTypes;
-    /** Pressing down this key you can select multiple elements with a selection box.
-     * @default 'Shift'
-     */
-    readonly selectionKey?: KeyDefinition | KeyDefinition[] | null;
-    /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
-     *
-     * By setting this prop to null you can disable this functionality.
-     * @default 'Space'
-     */
-    readonly panActivationKey?: KeyDefinition | KeyDefinition[] | null;
-    /** Pressing down this key deletes all selected nodes & edges.
-     * @default 'Backspace'
-     */
-    readonly deleteKey?: KeyDefinition | KeyDefinition[] | null;
-    /** Pressing down this key you can select multiple elements by clicking.
-     * @default 'Meta' for macOS, "Ctrl" for other systems
-     */
-    readonly multiSelectionKey?: KeyDefinition | KeyDefinition[] | null;
-    /** If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
-     *
-     * By setting this prop to null you can disable this functionality.
-     * @default 'Meta' for macOS, "Ctrl" for other systems
-     * */
-    readonly zoomActivationKey?: KeyDefinition | KeyDefinition[] | null;
-    /** If set, initial viewport will show all nodes & edges */
-    readonly fitView?: boolean;
-    /**
-     * Options to be used in combination with fitView
-     * @example
-     * const fitViewOptions = {
-     *  padding: 0.1,
-     *  includeHiddenNodes: false,
-     *  minZoom: 0.1,
-     *  maxZoom: 1,
-     *  duration: 200,
-     *  nodes: [{id: 'node-1'}, {id: 'node-2'}], // nodes to fit
-     * };
-     */
-    readonly fitViewOptions?: FitViewOptions<NodeType>;
-    /**
-     * Defines nodes relative position to its coordinates
-     * @default [0, 0]
-     * @example
-     * [0, 0] // default, top left
-     * [0.5, 0.5] // center
-     * [1, 1] // bottom right
-     */
-    readonly nodeOrigin?: NodeOrigin;
-    /**
-     * With a threshold greater than zero you can control the distinction between node drag and click events.
-     * If threshold equals 1, you need to drag the node 1 pixel before a drag event is fired.
-     * @default 1
-     */
-    readonly nodeDragThreshold?: number;
-    /**
-     * Distance that the mouse can move between mousedown/up that will trigger a click
-     * @default 0
-     */
-    readonly paneClickDistance?: number;
-    /** Distance that the mouse can move between mousedown/up that will trigger a click
-     * @default 0
-     */
-    readonly nodeClickDistance?: number;
-    /**
-     * The threshold in pixels that the mouse must move before a connection line starts to drag.
-     * This is useful to prevent accidental connections when clicking on a handle.
-     * @default 1
-     */
-    readonly connectionDragThreshold?: number;
-    /** Minimum zoom level
-     * @default 0.5
-     */
-    readonly minZoom?: number;
-    /** Maximum zoom level
-     * @default 2
-     */
-    readonly maxZoom?: number;
-    /**
-     * Sets the initial position and zoom of the viewport.
-     * If a default viewport is provided but fitView is enabled, the default viewport will be ignored.
-     * @default { zoom: 1, position: { x: 0, y: 0 } }
-     * @example
-     * const initialViewport = {
-     *  zoom: 0.5,
-     *  position: { x: 0, y: 0 }
-     * };
-     */
-    readonly initialViewport?: Viewport;
-    /** Custom viewport to be used instead of internal one */
-    readonly viewport?: Store<Viewport>;
-    /**
-     * The radius around a handle where you drop a connection line to create a new edge.
-     * @default 20
-     */
-    readonly connectionRadius?: number;
-    /**
-     * 'strict' connection mode will only allow you to connect source handles to target handles.
-     * 'loose' connection mode will allow you to connect handles of any type to one another.
-     * @default 'strict'
-     */
-    readonly connectionMode?: ConnectionMode;
-    /** Provide a custom snippet to be used insted of the default connection line */
-    readonly connectionLineComponent?: (props: ConnectionLineComponentProps<NodeType>) => JSX.Element;
-    /** Styles to be applied to the connection line */
-    readonly connectionLineStyle?: JSX.CSSProperties;
-    /** Styles to be applied to the container of the connection line */
-    readonly connectionLineContainerStyle?: JSX.CSSProperties;
-    /**
-     * When set to "partial", when the user creates a selection box by click and dragging
-     * nodes that are only partially in the box are still selected.
-     * @default 'full'
-     */
-    readonly selectionMode?: SelectionMode;
-    /**
-     * Controls if nodes should be automatically selected when being dragged
-     */
-    readonly selectNodesOnDrag?: boolean;
-    /**
-     * Grid all nodes will snap to
-     * @example [20, 20]
-     */
-    readonly snapGrid?: SnapGrid;
-    /** Color of edge markers
-     * You can pass `null` to use the CSS variable `--xy-edge-stroke` for the marker color.
-     * @example "#b1b1b7"
-     */
-    readonly defaultMarkerColor?: string | null;
-    /**
-     * Controls if all nodes should be draggable
-     * @default true
-     */
-    readonly nodesDraggable?: boolean;
-    /**
-     * When `true`, the viewport will pan when a node is focused.
-     * @default true
-     */
-    readonly autoPanOnNodeFocus?: boolean;
-    /**
-     * When `true`, the viewport will pan when a drag selection approaches the edges of the flow container.
-     * @default true
-     */
-    readonly autoPanOnSelection?: boolean;
-    /**
-     * Controls if all nodes should be connectable to each other
-     * @default true
-     */
-    readonly nodesConnectable?: boolean;
-    /** Controls if all elements should (nodes & edges) be selectable
-     * @default true
-     */
-    readonly elementsSelectable?: boolean;
-    /**
-     * When `true`, focus between nodes can be cycled with the `Tab` key and selected with the `Enter`
-     * key. This option can be overridden by individual nodes by setting their `focusable` prop.
-     * @default true
-     */
-    readonly nodesFocusable?: boolean;
-    /**
-     * When `true`, focus between edges can be cycled with the `Tab` key and selected with the `Enter`
-     * key. This option can be overridden by individual edges by setting their `focusable` prop.
-     * @default true
-     */
-    readonly edgesFocusable?: boolean;
-    /**
-     * By default the viewport extends infinitely. You can use this prop to set a boundary.
-     * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
-     * @default @default [[-∞, -∞], [+∞, +∞]]
-     * @example [[-1000, -10000], [1000, 1000]]
-     */
-    readonly translateExtent?: CoordinateExtent;
-    /**
-     * By default the nodes can be placed anywhere. You can use this prop to set a boundary.
-     * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
-     * @default [[-∞, -∞], [+∞, +∞]]
-     * @example [[-1000, -10000], [1000, 1000]]
-     */
-    readonly nodeExtent?: CoordinateExtent;
-    /**
-     * Disabling this prop will allow the user to scroll the page even when their pointer is over the flow.
-     * @default true
-     */
-    readonly preventScrolling?: boolean;
-    /**
-     * Controls if the viewport should zoom by scrolling inside the container.
-     * @default true
-     */
-    readonly zoomOnScroll?: boolean;
-    /**
-     * Controls if the viewport should zoom by double clicking somewhere on the flow
-     * @default true
-     */
-    readonly zoomOnDoubleClick?: boolean;
-    /**
-     * Controls if the viewport should zoom by pinching on a touch screen
-     * @default true
-     */
-    readonly zoomOnPinch?: boolean;
-    /**
-     * Controls if the viewport should pan by scrolling inside the container
-     * Can be limited to a specific direction with panOnScrollMode
-     * @default false
-     */
-    readonly panOnScroll?: boolean;
-    /**
-     * This prop is used to limit the direction of panning when panOnScroll is enabled.
-     * The "free" option allows panning in any direction.
-     * @default "free"
-     * @example "horizontal" | "vertical"
-     */
-    readonly panOnScrollMode?: PanOnScrollMode;
-    /**
-     * Enableing this prop allows users to pan the viewport by clicking and dragging.
-     * You can also set this prop to an array of numbers to limit which mouse buttons can activate panning.
-     * @default true
-     * @example [0, 2] // allows panning with the left and right mouse buttons
-     * [0, 1, 2, 3, 4] // allows panning with all mouse buttons
-     */
-    readonly panOnDrag?: boolean | number[];
-    /**
-     * Select multiple elements with a selection box, without pressing down selectionKey.
-     * @default false
-     */
-    readonly selectionOnDrag?: boolean;
-    /**
-     * You can enable this optimization to instruct Solid Flow to only render nodes and edges that would be visible in the viewport.
-     * This might improve performance when you have a large number of nodes and edges but also adds an overhead.
-     * @default false
-     */
-    readonly onlyRenderVisibleElements?: boolean;
-    /**
-     * You can enable this prop to automatically pan the viewport while making a new connection.
-     * @default true
-     */
-    readonly autoPanOnConnect?: boolean;
-    /**
-     * You can enable this prop to automatically pan the viewport while dragging a node.
-     * @default true
-     */
-    readonly autoPanOnNodeDrag?: boolean;
-    /**
-     * Defaults to be applied to all new edges that are added to the flow.
-     * Properties on a new edge will override these defaults if they exist.
-     * @example
-     * const defaultEdgeOptions = {
-     *  type: 'customEdgeType',
-     *  animated: true
-     * }
-     */
-    readonly defaultEdgeOptions?: DefaultEdgeOptions;
-    /**
-     * Controls color scheme used for styling the flow
-     * @default 'system'
-     * @example 'system' | 'light' | 'dark'
-     */
-    readonly colorMode?: ColorMode;
-    /** Fallback color mode for SSR if colorMode is set to 'system' */
-    readonly colorModeSSR?: Omit<ColorMode, "system">;
-    /** Class to be applied to the flow container */
-    readonly class?: string;
-    /** Styles to be applied to the flow container */
-    readonly style?: JSX.CSSProperties;
-    /** Choose from the built-in edge types to be used for connections
-     * @default 'default' | ConnectionLineType.Bezier
-     * @example 'straight' | 'default' | 'step' | 'smoothstep' | 'bezier'
-     * @example ConnectionLineType.Straight | ConnectionLineType.Default | ConnectionLineType.Step | ConnectionLineType.SmoothStep | ConnectionLineType.Bezier
-     */
-    readonly connectionLineType?: ConnectionLineType$1;
-    /** Enabling this option will raise the z-index of nodes when they are selected.
-     * @default true
-     */
-    readonly elevateNodesOnSelect?: boolean;
-    /**
-     * Controls how z-indexes are calculated for nodes and edges.
-     * 'auto' automatically manages z-indexing for selections and sub flows,
-     * 'basic' manages z-indexing for selections only, and
-     * 'manual' does not apply any automatic z-indexing.
-     * @default "basic"
-     */
-    readonly zIndexMode?: ZIndexMode;
-    /**
-     * Enabling this option will raise the z-index of edges when they are selected,
-     * or when the connected nodes are selected.
-     * @default true
-     */
-    readonly elevateEdgesOnSelect?: boolean;
-    /**
-     * You can use this prop to disable keyboard accessibility features such as selecting nodes or
-     * moving selected nodes with the arrow keys.
-     * @default false
-     */
-    readonly disableKeyboardA11y?: boolean;
-    /**
-     * If a node is draggable, clicking and dragging that node will move it around the canvas. Adding
-     * the `"nodrag"` class prevents this behavior and this prop allows you to change the name of that
-     * class.
-     * @default "nodrag"
-     */
-    readonly noDragClass?: string;
-    /**
-     * Typically, scrolling the mouse wheel when the mouse is over the canvas will zoom the viewport.
-     * Adding the `"nowheel"` class to an element n the canvas will prevent this behavior and this prop
-     * allows you to change the name of that class.
-     * @default "nowheel"
-     */
-    readonly noWheelClass?: string;
-    /**
-     * If an element in the canvas does not stop mouse events from propagating, clicking and dragging
-     * that element will pan the viewport. Adding the `"nopan"` class prevents this behavior and this
-     * prop allows you to change the name of that class.
-     * @default "nopan"
-     */
-    readonly noPanClass?: string;
-    /** Toggles ability to make connections via clicking the handles */
-    readonly clickConnect?: boolean;
-    /**
-     * This callback can be used to validate a new connection.
-     * If you return `false`, the edge will not be added to your flow.
-     * If you have custom connection logic its preferred to use this callback over the
-     * `isValidConnection` prop on the handle component for performance reasons.
-     */
-    /**
-     * Set position of the attribution
-     * @default 'bottom-right'
-     * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
-     */
-    readonly attributionPosition?: PanelPosition;
-    /**
-     * By default, we render a small attribution in the corner of your flows that links back to the project.
-     * You are free to remove this attribution but we ask that you take a quick look at our
-     * {@link https://svelteflow.dev/learn/troubleshooting/remove-attribution | removing attribution guide}
-     * before doing so.
-     */
-    readonly proOptions?: ProOptions;
-    readonly isValidConnection?: IsValidConnection<EdgeType>;
-    /** This event handler is called when the user begins to pan or zoom the viewport */
-    readonly onMoveStart?: OnMoveStart;
-    /** This event handler is called when the user pans or zooms the viewport */
-    readonly onMove?: OnMove;
-    /** This event handler is called when the user stops panning or zooming the viewport */
-    readonly onMoveEnd?: OnMoveEnd;
-    /**
-     * Ocassionally something may happen that causes Solid Flow to throw an error.
-     * Instead of exploding your application, we log a message to the console and then call this event handler.
-     * You might use it for additional logging or to show a message to the user.
-     */
-    readonly onFlowError?: OnError;
-    /** This handler gets called when the user deletes nodes or edges.
-     * @example
-     * onDelete={({nodes, edges}) => {
-     *  console.log('deleted nodes:', nodes);
-     *  console.log('deleted edges:', edges);
-     * }}
-     */
-    readonly onDelete?: OnDelete<NodeType, EdgeType>;
-    /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
-    readonly onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
-    /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */
-    readonly onBeforeConnect?: OnBeforeEdgeConnect<EdgeType>;
-    /** This event gets fired when a connection successfully completes and an edge is created. */
-    readonly onConnect?: OnEdgeConnect;
-    /** When a user starts to drag a connection line, this event gets fired. */
-    readonly onConnectStart?: OnConnectStart;
-    /** When a user stops dragging a connection line, this event gets fired. */
-    readonly onConnectEnd?: OnConnectEnd;
-    /** This event gets fired when after an edge was reconnected*/
-    readonly onReconnect?: OnReconnect<EdgeType>;
-    /** This event gets fired when a user starts to reconnect an edge */
-    readonly onReconnectStart?: OnReconnectStart<EdgeType>;
-    /** This event gets fired when a user stops reconnecting an edge */
-    readonly onReconnectEnd?: OnReconnectEnd<NodeType, EdgeType>;
-    /** This handler gets called when an edge is reconnected. You can use it to modify the edge before the update is applied. */
-    readonly onBeforeReconnect?: OnBeforeReconnect<EdgeType>;
-    /** A connection is started by clicking on a handle */
-    readonly onClickConnectStart?: OnConnectStart;
-    /** A connection is finished by clicking on a handle */
-    readonly onClickConnectEnd?: OnConnectEnd;
-    /** This handler gets called when the flow is finished initializing */
-    readonly onInit?: () => void;
-    /** This event handler gets called when the selected nodes & edges change */
-    readonly onSelectionChange?: OnSelectionChange<NodeType, EdgeType>;
-    /** This event handler gets called when a user starts to drag a selection box. */
-    readonly onSelectionDragStart?: OnSelectionDrag<NodeType>;
-    /** This event handler gets called when a user drags a selection box. */
-    readonly onSelectionDrag?: OnSelectionDrag<NodeType>;
-    /** This event handler gets called when a user stops dragging a selection box. */
-    readonly onSelectionDragStop?: OnSelectionDrag<NodeType>;
-    /** This event handler gets called when the user starts to drag a selection box */
-    readonly onSelectionStart?: (event: PointerEvent) => void;
-    /** This event handler gets called when the user finishes dragging a selection box */
-    readonly onSelectionEnd?: (event: PointerEvent) => void;
-    /**
-     * Configuration for customizable labels, descriptions, and UI text. Provided keys will override the corresponding defaults.
-     * Allows localization, customization of ARIA descriptions, control labels, minimap labels, and other UI strings.
-     */
-    readonly ariaLabelConfig?: Partial<AriaLabelConfig>;
+  /**
+   * The id of the flow. This is necessary if you want to render multiple flows.
+   */
+  readonly id?: string;
+  /** Sets a fixed width for the flow */
+  readonly width?: number;
+  /** Sets a fixed height for the flow */
+  readonly height?: number;
+  /**
+   * An store of nodes to render in a flow.
+   * @example
+   * const [nodes] = createStore([
+   *  {
+   *    id: 'node-1',
+   *    type: 'input',
+   *    data: { label: 'Node 1' },
+   *    position: { x: 250, y: 50 }
+   *  }
+   * ]);
+   */
+  readonly nodes?: Store<NodeType[]>;
+  /**
+   * An store of edges to render in a flow.
+   * @example
+   * const [edges] = createStore([
+   *  {
+   *    id: 'edge-1-2',
+   *    source: 'node-1',
+   *    target: 'node-2',
+   *  }
+   * ]);
+   */
+  readonly edges?: Store<EdgeType[]>;
+  /**
+   * Custom node types to be available in a flow.
+   * Solid Flow matches a node's type to a component in the nodeTypes object.
+   * @example
+   * import CustomNode from './CustomNode';
+   *
+   * const nodeTypes = { nameOfNodeType: CustomNode };
+   */
+  readonly nodeTypes?: NodeTypes;
+  /**
+   * Custom edge types to be available in a flow.
+   * Solid Flow matches an edge's type to a component in the edgeTypes object.
+   * @example
+   * import CustomEdge from './CustomEdge';
+   *
+   * const edgeTypes = { nameOfEdgeType: CustomEdge };
+   */
+  readonly edgeTypes?: EdgeTypes;
+  /** Pressing down this key you can select multiple elements with a selection box.
+   * @default 'Shift'
+   */
+  readonly selectionKey?: KeyDefinition | KeyDefinition[] | null;
+  /** If a key is set, you can pan the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Space'
+   */
+  readonly panActivationKey?: KeyDefinition | KeyDefinition[] | null;
+  /** Pressing down this key deletes all selected nodes & edges.
+   * @default 'Backspace'
+   */
+  readonly deleteKey?: KeyDefinition | KeyDefinition[] | null;
+  /** Pressing down this key you can select multiple elements by clicking.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   */
+  readonly multiSelectionKey?: KeyDefinition | KeyDefinition[] | null;
+  /** If a key is set, you can zoom the viewport while that key is held down even if panOnScroll is set to false.
+   *
+   * By setting this prop to null you can disable this functionality.
+   * @default 'Meta' for macOS, "Ctrl" for other systems
+   * */
+  readonly zoomActivationKey?: KeyDefinition | KeyDefinition[] | null;
+  /** If set, initial viewport will show all nodes & edges */
+  readonly fitView?: boolean;
+  /**
+   * Options to be used in combination with fitView
+   * @example
+   * const fitViewOptions = {
+   *  padding: 0.1,
+   *  includeHiddenNodes: false,
+   *  minZoom: 0.1,
+   *  maxZoom: 1,
+   *  duration: 200,
+   *  nodes: [{id: 'node-1'}, {id: 'node-2'}], // nodes to fit
+   * };
+   */
+  readonly fitViewOptions?: FitViewOptions<NodeType>;
+  /**
+   * Defines nodes relative position to its coordinates
+   * @default [0, 0]
+   * @example
+   * [0, 0] // default, top left
+   * [0.5, 0.5] // center
+   * [1, 1] // bottom right
+   */
+  readonly nodeOrigin?: NodeOrigin$1;
+  /**
+   * With a threshold greater than zero you can control the distinction between node drag and click events.
+   * If threshold equals 1, you need to drag the node 1 pixel before a drag event is fired.
+   * @default 1
+   */
+  readonly nodeDragThreshold?: number;
+  /**
+   * Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  readonly paneClickDistance?: number;
+  /** Distance that the mouse can move between mousedown/up that will trigger a click
+   * @default 0
+   */
+  readonly nodeClickDistance?: number;
+  /**
+   * The threshold in pixels that the mouse must move before a connection line starts to drag.
+   * This is useful to prevent accidental connections when clicking on a handle.
+   * @default 1
+   */
+  readonly connectionDragThreshold?: number;
+  /** Minimum zoom level
+   * @default 0.5
+   */
+  readonly minZoom?: number;
+  /** Maximum zoom level
+   * @default 2
+   */
+  readonly maxZoom?: number;
+  /**
+   * Sets the initial position and zoom of the viewport.
+   * If a default viewport is provided but fitView is enabled, the default viewport will be ignored.
+   * @default { zoom: 1, position: { x: 0, y: 0 } }
+   * @example
+   * const initialViewport = {
+   *  zoom: 0.5,
+   *  position: { x: 0, y: 0 }
+   * };
+   */
+  readonly initialViewport?: Viewport$1;
+  /** Custom viewport to be used instead of internal one */
+  readonly viewport?: Store<Viewport$1>;
+  /**
+   * The radius around a handle where you drop a connection line to create a new edge.
+   * @default 20
+   */
+  readonly connectionRadius?: number;
+  /**
+   * 'strict' connection mode will only allow you to connect source handles to target handles.
+   * 'loose' connection mode will allow you to connect handles of any type to one another.
+   * @default 'strict'
+   */
+  readonly connectionMode?: ConnectionMode$2;
+  /** Provide a custom snippet to be used insted of the default connection line */
+  readonly connectionLineComponent?: (props: ConnectionLineComponentProps<NodeType>) => JSX.Element;
+  /** Styles to be applied to the connection line */
+  readonly connectionLineStyle?: JSX.CSSProperties;
+  /** Styles to be applied to the container of the connection line */
+  readonly connectionLineContainerStyle?: JSX.CSSProperties;
+  /**
+   * When set to "partial", when the user creates a selection box by click and dragging
+   * nodes that are only partially in the box are still selected.
+   * @default 'full'
+   */
+  readonly selectionMode?: SelectionMode$2;
+  /**
+   * Controls if nodes should be automatically selected when being dragged
+   */
+  readonly selectNodesOnDrag?: boolean;
+  /**
+   * Grid all nodes will snap to
+   * @example [20, 20]
+   */
+  readonly snapGrid?: SnapGrid$1;
+  /** Color of edge markers
+   * You can pass `null` to use the CSS variable `--xy-edge-stroke` for the marker color.
+   * @example "#b1b1b7"
+   */
+  readonly defaultMarkerColor?: string | null;
+  /**
+   * Controls if all nodes should be draggable
+   * @default true
+   */
+  readonly nodesDraggable?: boolean;
+  /**
+   * When `true`, the viewport will pan when a node is focused.
+   * @default true
+   */
+  readonly autoPanOnNodeFocus?: boolean;
+  /**
+   * When `true`, the viewport will pan when a drag selection approaches the edges of the flow container.
+   * @default true
+   */
+  readonly autoPanOnSelection?: boolean;
+  /**
+   * Controls if all nodes should be connectable to each other
+   * @default true
+   */
+  readonly nodesConnectable?: boolean;
+  /** Controls if all elements should (nodes & edges) be selectable
+   * @default true
+   */
+  readonly elementsSelectable?: boolean;
+  /**
+   * When `true`, focus between nodes can be cycled with the `Tab` key and selected with the `Enter`
+   * key. This option can be overridden by individual nodes by setting their `focusable` prop.
+   * @default true
+   */
+  readonly nodesFocusable?: boolean;
+  /**
+   * When `true`, focus between edges can be cycled with the `Tab` key and selected with the `Enter`
+   * key. This option can be overridden by individual edges by setting their `focusable` prop.
+   * @default true
+   */
+  readonly edgesFocusable?: boolean;
+  /**
+   * By default the viewport extends infinitely. You can use this prop to set a boundary.
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @default @default [[-∞, -∞], [+∞, +∞]]
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
+  readonly translateExtent?: CoordinateExtent$1;
+  /**
+   * By default the nodes can be placed anywhere. You can use this prop to set a boundary.
+   * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+   * @default [[-∞, -∞], [+∞, +∞]]
+   * @example [[-1000, -10000], [1000, 1000]]
+   */
+  readonly nodeExtent?: CoordinateExtent$1;
+  /**
+   * Disabling this prop will allow the user to scroll the page even when their pointer is over the flow.
+   * @default true
+   */
+  readonly preventScrolling?: boolean;
+  /**
+   * Controls if the viewport should zoom by scrolling inside the container.
+   * @default true
+   */
+  readonly zoomOnScroll?: boolean;
+  /**
+   * Controls if the viewport should zoom by double clicking somewhere on the flow
+   * @default true
+   */
+  readonly zoomOnDoubleClick?: boolean;
+  /**
+   * Controls if the viewport should zoom by pinching on a touch screen
+   * @default true
+   */
+  readonly zoomOnPinch?: boolean;
+  /**
+   * Controls if the viewport should pan by scrolling inside the container
+   * Can be limited to a specific direction with panOnScrollMode
+   * @default false
+   */
+  readonly panOnScroll?: boolean;
+  /**
+   * This prop is used to limit the direction of panning when panOnScroll is enabled.
+   * The "free" option allows panning in any direction.
+   * @default "free"
+   * @example "horizontal" | "vertical"
+   */
+  readonly panOnScrollMode?: PanOnScrollMode$2;
+  /**
+   * Enableing this prop allows users to pan the viewport by clicking and dragging.
+   * You can also set this prop to an array of numbers to limit which mouse buttons can activate panning.
+   * @default true
+   * @example [0, 2] // allows panning with the left and right mouse buttons
+   * [0, 1, 2, 3, 4] // allows panning with all mouse buttons
+   */
+  readonly panOnDrag?: boolean | number[];
+  /**
+   * Select multiple elements with a selection box, without pressing down selectionKey.
+   * @default false
+   */
+  readonly selectionOnDrag?: boolean;
+  /**
+   * You can enable this optimization to instruct Solid Flow to only render nodes and edges that would be visible in the viewport.
+   * This might improve performance when you have a large number of nodes and edges but also adds an overhead.
+   * @default false
+   */
+  readonly onlyRenderVisibleElements?: boolean;
+  /**
+   * You can enable this prop to automatically pan the viewport while making a new connection.
+   * @default true
+   */
+  readonly autoPanOnConnect?: boolean;
+  /**
+   * You can enable this prop to automatically pan the viewport while dragging a node.
+   * @default true
+   */
+  readonly autoPanOnNodeDrag?: boolean;
+  /**
+   * Defaults to be applied to all new edges that are added to the flow.
+   * Properties on a new edge will override these defaults if they exist.
+   * @example
+   * const defaultEdgeOptions = {
+   *  type: 'customEdgeType',
+   *  animated: true
+   * }
+   */
+  readonly defaultEdgeOptions?: DefaultEdgeOptions;
+  /**
+   * Controls color scheme used for styling the flow
+   * @default 'system'
+   * @example 'system' | 'light' | 'dark'
+   */
+  readonly colorMode?: ColorMode$1;
+  /** Fallback color mode for SSR if colorMode is set to 'system' */
+  readonly colorModeSSR?: Omit<ColorMode$1, "system">;
+  /** Class to be applied to the flow container */
+  readonly class?: string;
+  /** Styles to be applied to the flow container */
+  readonly style?: JSX.CSSProperties;
+  /** Choose from the built-in edge types to be used for connections
+   * @default 'default' | ConnectionLineType.Bezier
+   * @example 'straight' | 'default' | 'step' | 'smoothstep' | 'bezier'
+   * @example ConnectionLineType.Straight | ConnectionLineType.Default | ConnectionLineType.Step | ConnectionLineType.SmoothStep | ConnectionLineType.Bezier
+   */
+  readonly connectionLineType?: ConnectionLineType$3;
+  /** Enabling this option will raise the z-index of nodes when they are selected.
+   * @default true
+   */
+  readonly elevateNodesOnSelect?: boolean;
+  /**
+   * Controls how z-indexes are calculated for nodes and edges.
+   * 'auto' automatically manages z-indexing for selections and sub flows,
+   * 'basic' manages z-indexing for selections only, and
+   * 'manual' does not apply any automatic z-indexing.
+   * @default "basic"
+   */
+  readonly zIndexMode?: ZIndexMode;
+  /**
+   * Enabling this option will raise the z-index of edges when they are selected,
+   * or when the connected nodes are selected.
+   * @default true
+   */
+  readonly elevateEdgesOnSelect?: boolean;
+  /**
+   * You can use this prop to disable keyboard accessibility features such as selecting nodes or
+   * moving selected nodes with the arrow keys.
+   * @default false
+   */
+  readonly disableKeyboardA11y?: boolean;
+  /**
+   * If a node is draggable, clicking and dragging that node will move it around the canvas. Adding
+   * the `"nodrag"` class prevents this behavior and this prop allows you to change the name of that
+   * class.
+   * @default "nodrag"
+   */
+  readonly noDragClass?: string;
+  /**
+   * Typically, scrolling the mouse wheel when the mouse is over the canvas will zoom the viewport.
+   * Adding the `"nowheel"` class to an element n the canvas will prevent this behavior and this prop
+   * allows you to change the name of that class.
+   * @default "nowheel"
+   */
+  readonly noWheelClass?: string;
+  /**
+   * If an element in the canvas does not stop mouse events from propagating, clicking and dragging
+   * that element will pan the viewport. Adding the `"nopan"` class prevents this behavior and this
+   * prop allows you to change the name of that class.
+   * @default "nopan"
+   */
+  readonly noPanClass?: string;
+  /** Toggles ability to make connections via clicking the handles */
+  readonly clickConnect?: boolean;
+  /**
+   * This callback can be used to validate a new connection.
+   * If you return `false`, the edge will not be added to your flow.
+   * If you have custom connection logic its preferred to use this callback over the
+   * `isValidConnection` prop on the handle component for performance reasons.
+   */
+  /**
+   * Set position of the attribution
+   * @default 'bottom-right'
+   * @example 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+   */
+  readonly attributionPosition?: PanelPosition$1;
+  /**
+   * By default, we render a small attribution in the corner of your flows that links back to the project.
+   * You are free to remove this attribution but we ask that you take a quick look at our
+   * {@link https://svelteflow.dev/learn/troubleshooting/remove-attribution | removing attribution guide}
+   * before doing so.
+   */
+  readonly proOptions?: ProOptions$1;
+  readonly isValidConnection?: IsValidConnection$1<EdgeType>;
+  /** This event handler is called when the user begins to pan or zoom the viewport */
+  readonly onMoveStart?: OnMoveStart$1;
+  /** This event handler is called when the user pans or zooms the viewport */
+  readonly onMove?: OnMove$1;
+  /** This event handler is called when the user stops panning or zooming the viewport */
+  readonly onMoveEnd?: OnMoveEnd$1;
+  /**
+   * Ocassionally something may happen that causes Solid Flow to throw an error.
+   * Instead of exploding your application, we log a message to the console and then call this event handler.
+   * You might use it for additional logging or to show a message to the user.
+   */
+  readonly onFlowError?: OnError$1;
+  /** This handler gets called when the user deletes nodes or edges.
+   * @example
+   * onDelete={({nodes, edges}) => {
+   *  console.log('deleted nodes:', nodes);
+   *  console.log('deleted edges:', edges);
+   * }}
+   */
+  readonly onDelete?: OnDelete<NodeType, EdgeType>;
+  /** This handler gets called before the user deletes nodes or edges and provides a way to abort the deletion by returning false. */
+  readonly onBeforeDelete?: OnBeforeDelete<NodeType, EdgeType>;
+  /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */
+  readonly onBeforeConnect?: OnBeforeEdgeConnect<EdgeType>;
+  /** This event gets fired when a connection successfully completes and an edge is created. */
+  readonly onConnect?: OnEdgeConnect;
+  /** When a user starts to drag a connection line, this event gets fired. */
+  readonly onConnectStart?: OnConnectStart$1;
+  /** When a user stops dragging a connection line, this event gets fired. */
+  readonly onConnectEnd?: OnConnectEnd$1;
+  /** This event gets fired when after an edge was reconnected*/
+  readonly onReconnect?: OnReconnect$1<EdgeType>;
+  /** This event gets fired when a user starts to reconnect an edge */
+  readonly onReconnectStart?: OnReconnectStart$1<EdgeType>;
+  /** This event gets fired when a user stops reconnecting an edge */
+  readonly onReconnectEnd?: OnReconnectEnd$1<NodeType, EdgeType>;
+  /** This handler gets called when an edge is reconnected. You can use it to modify the edge before the update is applied. */
+  readonly onBeforeReconnect?: OnBeforeReconnect<EdgeType>;
+  /** A connection is started by clicking on a handle */
+  readonly onClickConnectStart?: OnConnectStart$1;
+  /** A connection is finished by clicking on a handle */
+  readonly onClickConnectEnd?: OnConnectEnd$1;
+  /** This handler gets called when the flow is finished initializing */
+  readonly onInit?: () => void;
+  /** This event handler gets called when the selected nodes & edges change */
+  readonly onSelectionChange?: OnSelectionChange<NodeType, EdgeType>;
+  /** This event handler gets called when a user starts to drag a selection box. */
+  readonly onSelectionDragStart?: OnSelectionDrag$1<NodeType>;
+  /** This event handler gets called when a user drags a selection box. */
+  readonly onSelectionDrag?: OnSelectionDrag$1<NodeType>;
+  /** This event handler gets called when a user stops dragging a selection box. */
+  readonly onSelectionDragStop?: OnSelectionDrag$1<NodeType>;
+  /** This event handler gets called when the user starts to drag a selection box */
+  readonly onSelectionStart?: (event: PointerEvent) => void;
+  /** This event handler gets called when the user finishes dragging a selection box */
+  readonly onSelectionEnd?: (event: PointerEvent) => void;
+  /**
+   * Configuration for customizable labels, descriptions, and UI text. Provided keys will override the corresponding defaults.
+   * Allows localization, customization of ARIA descriptions, control labels, minimap labels, and other UI strings.
+   */
+  readonly ariaLabelConfig?: Partial<AriaLabelConfig$1>;
 };
-
+//#endregion
+//#region src/components/SolidFlow/component.d.ts
 type SolidFlowComponentProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ParentProps<SolidFlowProps<NodeType, EdgeType>> & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style" | "onselectionchange" | "onSelectionChange">;
 declare const SolidFlow: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: SolidFlowComponentProps<NodeType, EdgeType>) => JSX.Element;
-
+//#endregion
+//#region src/components/SolidFlow/provider.d.ts
 declare const SolidFlowProvider: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<SolidFlowProps<NodeType, EdgeType>>) => JSX.Element;
-
-type ExtractEdgeInfo<T> = T extends (props: EdgeProps<infer TData, infer TType>) => unknown ? {
-    data: TData;
-    type: TType;
+//#endregion
+//#region src/data/createEdgeStore.d.ts
+type ExtractEdgeInfo<T> = T extends ((props: EdgeProps<infer TData, infer TType>) => unknown) ? {
+  data: TData;
+  type: TType;
 } : never;
 type AllEdgeTypes<TUserEdgeTypes extends EdgeTypes> = TUserEdgeTypes extends Record<string, never> ? BuiltInEdgeTypes : BuiltInEdgeTypes & TUserEdgeTypes;
-type EdgesInput<TUserEdgeTypes extends EdgeTypes> = {
-    [K in keyof AllEdgeTypes<TUserEdgeTypes>]: Edge<ExtractEdgeInfo<AllEdgeTypes<TUserEdgeTypes>[K]>["data"], ExtractEdgeInfo<AllEdgeTypes<TUserEdgeTypes>[K]>["type"]>;
-}[keyof AllEdgeTypes<TUserEdgeTypes>];
+type EdgesInput<TUserEdgeTypes extends EdgeTypes> = { [K in keyof AllEdgeTypes<TUserEdgeTypes>]: Edge<ExtractEdgeInfo<AllEdgeTypes<TUserEdgeTypes>[K]>["data"], ExtractEdgeInfo<AllEdgeTypes<TUserEdgeTypes>[K]>["type"]>; }[keyof AllEdgeTypes<TUserEdgeTypes>];
 /**
  * Creates a type-safe reactive store of edges for use in Solid Flow.
  *
@@ -1195,16 +1237,15 @@ type EdgesInput<TUserEdgeTypes extends EdgeTypes> = {
  * - Works seamlessly with both built-in and custom node types
  * - Type errors prevent invalid type names or incorrect data structures
  */
-declare const createEdgeStore: <TUserEdgeTypes extends EdgeTypes = Record<string, never>>(edges: EdgesInput<TUserEdgeTypes>[]) => readonly [Store<EdgesInput<TUserEdgeTypes>[]>, SetStoreFunction<EdgesInput<TUserEdgeTypes>[]>];
-
-type ExtractNodeInfo<T> = T extends (props: NodeProps<infer TData, infer TType>) => unknown ? {
-    data: TData;
-    type: TType;
+declare const createEdgeStore: <TUserEdgeTypes extends EdgeTypes = Record<string, never>>(edges: EdgesInput<TUserEdgeTypes>[]) => readonly [Store<EdgesInput<TUserEdgeTypes>[]>, StoreSetter<EdgesInput<TUserEdgeTypes>[]>];
+//#endregion
+//#region src/data/createNodeStore.d.ts
+type ExtractNodeInfo<T> = T extends ((props: NodeProps<infer TData, infer TType>) => unknown) ? {
+  data: TData;
+  type: TType;
 } : never;
 type AllNodeTypes<TUserNodeTypes extends NodeTypes> = TUserNodeTypes extends Record<string, never> ? BuiltInNodeTypes : BuiltInNodeTypes & TUserNodeTypes;
-type NodesInput<TUserNodeTypes extends NodeTypes> = {
-    [K in keyof AllNodeTypes<TUserNodeTypes>]: Node<ExtractNodeInfo<AllNodeTypes<TUserNodeTypes>[K]>["data"], ExtractNodeInfo<AllNodeTypes<TUserNodeTypes>[K]>["type"]>;
-}[keyof AllNodeTypes<TUserNodeTypes>];
+type NodesInput<TUserNodeTypes extends NodeTypes> = { [K in keyof AllNodeTypes<TUserNodeTypes>]: Node<ExtractNodeInfo<AllNodeTypes<TUserNodeTypes>[K]>["data"], ExtractNodeInfo<AllNodeTypes<TUserNodeTypes>[K]>["type"]>; }[keyof AllNodeTypes<TUserNodeTypes>];
 /**
  * Creates a type-safe reactive store of nodes for use in Solid Flow.
  *
@@ -1276,8 +1317,9 @@ type NodesInput<TUserNodeTypes extends NodeTypes> = {
  * - Works seamlessly with both built-in and custom node types
  * - Type errors prevent invalid type names or incorrect data structures
  */
-declare const createNodeStore: <TUserNodeTypes extends NodeTypes = Record<string, never>>(nodes: NodesInput<TUserNodeTypes>[]) => readonly [Store<NodesInput<TUserNodeTypes>[]>, SetStoreFunction<NodesInput<TUserNodeTypes>[]>];
-
+declare const createNodeStore: <TUserNodeTypes extends NodeTypes = Record<string, never>>(nodes: NodesInput<TUserNodeTypes>[]) => readonly [Store<NodesInput<TUserNodeTypes>[]>, StoreSetter<NodesInput<TUserNodeTypes>[]>];
+//#endregion
+//#region src/hooks/useColorMode.d.ts
 /**
  * Hook for receiving the current color mode class ('dark' or 'light').
  *
@@ -1287,8 +1329,9 @@ declare const createNodeStore: <TUserNodeTypes extends NodeTypes = Record<string
  * @public
  * @returns an accessor for the current color mode class
  */
-declare function useColorMode(): () => ColorModeClass;
-
+declare function useColorMode(): () => ColorModeClass$1;
+//#endregion
+//#region src/hooks/useConnection.d.ts
 /**
  * Hook for receiving the current connection.
  *
@@ -1296,7 +1339,8 @@ declare function useColorMode(): () => ColorModeClass;
  * @returns current connection as a readable store
  */
 declare function useConnection(): Accessor<ConnectionState>;
-
+//#endregion
+//#region src/hooks/useGraph.d.ts
 /**
  * Hook for getting the current nodes from the store.
  *
@@ -1317,10 +1361,12 @@ declare function useEdges<EdgeType extends Edge = Edge>(): Accessor<EdgeType[]>;
  * @public
  * @returns store with the viewport object
  */
-declare function useViewport(): Accessor<Viewport>;
-
+declare function useViewport(): Accessor<Viewport$1>;
+//#endregion
+//#region src/hooks/useHandleEdgeSelect.d.ts
 declare function useHandleEdgeSelect(): (id: string) => void;
-
+//#endregion
+//#region src/hooks/useInitialized.d.ts
 /**
  * Hook for seeing if all nodes have been measured.
  *
@@ -1340,7 +1386,8 @@ declare function useNodesInitialized(): Accessor<boolean>;
  * @returns an accessor that indicates whether the viewport is initialized
  */
 declare function useViewportInitialized(): Accessor<boolean>;
-
+//#endregion
+//#region src/hooks/useInternalNode.d.ts
 /**
  * Hook to get an internal node by id.
  *
@@ -1349,11 +1396,12 @@ declare function useViewportInitialized(): Accessor<boolean>;
  * @returns an accessor with an internal node or undefined
  */
 declare function useInternalNode(id: Accessor<string>): Accessor<InternalNode | undefined>;
-
+//#endregion
+//#region src/hooks/useNodeConnections.d.ts
 type UseNodeConnectionsParams = {
-    id?: string;
-    handleType?: HandleType;
-    handleId?: string;
+  id?: string;
+  handleType?: HandleType;
+  handleId?: string;
 };
 /**
  * Hook to retrieve all edges connected to a node. Can be filtered by handle type and id.
@@ -1366,8 +1414,9 @@ type UseNodeConnectionsParams = {
  * @todo @param param.onDisconnect - gets called when a connection is removed
  * @returns an array with connections
  */
-declare const useNodeConnections: (params: Accessor<UseNodeConnectionsParams>) => Accessor<NodeConnection[]>;
-
+declare const useNodeConnections: (params: Accessor<UseNodeConnectionsParams>) => Accessor<NodeConnection$1[]>;
+//#endregion
+//#region src/hooks/useNodesData.d.ts
 type NodeData<NodeType extends Node> = Pick<NodeType, "id" | "data" | "type">;
 /**
  * Hook for receiving data of one or multiple nodes
@@ -1377,7 +1426,8 @@ type NodeData<NodeType extends Node> = Pick<NodeType, "id" | "data" | "type">;
  */
 declare function useNodesData<NodeType extends Node = Node>(nodeId: Accessor<string | undefined | null>): Accessor<NodeData<NodeType> | undefined>;
 declare function useNodesData<NodeType extends Node = Node>(nodeIds: Accessor<string[] | undefined | null>): Accessor<NodeData<NodeType>[]>;
-
+//#endregion
+//#region src/hooks/useSolidFlow.d.ts
 /**
  * Hook for accessing the SvelteFlow instance.
  *
@@ -1385,252 +1435,253 @@ declare function useNodesData<NodeType extends Node = Node>(nodeIds: Accessor<st
  * @returns A set of helper functions
  */
 declare function useSolidFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(): {
-    /**
-     * Zooms viewport in by 1.2.
-     *
-     * @param options.duration - optional duration. If set, a transition will be applied
-     */
-    zoomIn: ZoomInOut;
-    /**
-     * Zooms viewport out by 1 / 1.2.
-     *
-     * @param options.duration - optional duration. If set, a transition will be applied
-     */
-    zoomOut: ZoomInOut;
-    /**
-     * Returns an internal node by id.
-     *
-     * @param id - the node id
-     * @returns the node or undefined if no node was found
-     */
-    getInternalNode: (id: string) => InternalNode<NodeType> | undefined;
-    /**
-     * Returns a node by id.
-     *
-     * @param id - the node id
-     * @returns the node or undefined if no node was found
-     */
-    getNode: (id: string) => NodeType | undefined;
-    /**
-     * Returns nodes.
-     *
-     * @returns nodes array
-     */
-    getNodes: (ids?: string[]) => NodeType[];
-    /**
-     * Returns an edge by id.
-     *
-     * @param id - the edge id
-     * @returns the edge or undefined if no edge was found
-     */
-    getEdge: (id: string) => EdgeType | undefined;
-    /**
-     * Returns edges.
-     *
-     * @returns edges array
-     */
-    getEdges: (ids?: string[]) => EdgeType[];
-    /**
-     * Add one or many nodes to your existing nodes array.
-     *
-     * @param payload - the nodes to add
-     */
-    addNodes: (payload: NodeType[] | NodeType) => void;
-    /**
-     * Add one or many edges to your existing edges array.
-     *
-     * @param payload - the edges to add
-     */
-    addEdges: (payload: EdgeType[] | EdgeType) => void;
-    /**
-     * Sets the current zoom level.
-     *
-     * @param zoomLevel - the zoom level to set
-     * @param options.duration - optional duration. If set, a transition will be applied
-     */
-    setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
-    /**
-     * Returns the current zoom level.
-     *
-     * @returns current zoom as a number
-     */
-    getZoom: () => number;
-    /**
-     * Sets the center of the view to the given position.
-     *
-     * @param x - x position
-     * @param y - y position
-     * @param options.zoom - optional zoom
-     */
-    setCenter: (x: number, y: number, options?: SetCenterOptions) => Promise<boolean>;
-    /**
-     * Sets the current viewport.
-     *
-     * @param viewport - the viewport to set
-     * @param options.duration - optional duration. If set, a transition will be applied
-     */
-    setViewport: (viewport: Viewport, options?: ViewportHelperFunctionOptions) => Promise<boolean>;
-    /**
-     * Returns the current viewport.
-     *
-     * @returns Viewport
-     */
-    getViewport: () => Viewport;
-    /**
-     * Fits the view.
-     *
-     * @param options.padding - optional padding
-     * @param options.includeHiddenNodes - optional includeHiddenNodes
-     * @param options.minZoom - optional minZoom
-     * @param options.maxZoom - optional maxZoom
-     * @param options.duration - optional duration. If set, a transition will be applied
-     * @param options.nodes - optional nodes to fit the view to
-     */
-    fitView: (options?: FitViewOptions<NodeType>) => Promise<boolean>;
-    /**
-     * Returns all nodes that intersect with the given node or rect.
-     *
-     * @param node - the node or rect to check for intersections
-     * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed node or rect
-     * @param nodes - optional nodes array to check for intersections
-     *
-     * @returns an array of intersecting nodes
-     */
-    getIntersectingNodes: (nodeOrRect: NodeType | {
-        id: NodeType["id"];
-    } | Rect, partially?: boolean, nodesToIntersect?: NodeType[]) => NodeType[];
-    /**
-     * Checks if the given node or rect intersects with the passed rect.
-     *
-     * @param node - the node or rect to check for intersections
-     * @param area - the rect to check for intersections
-     * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed react
-     *
-     * @returns true if the node or rect intersects with the given area
-     */
-    isNodeIntersecting: (nodeOrRect: NodeType | {
-        id: NodeType["id"];
-    } | Rect, area: Rect, partially?: boolean) => boolean;
-    /**
-     * Fits the view to the given bounds .
-     *
-     * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
-     * @param options.padding - optional padding
-     */
-    fitBounds: (bounds: Rect, options?: FitBoundsOptions) => Promise<boolean>;
-    /**
-     * Deletes nodes and edges.
-     *
-     * @param params.nodes - optional nodes array to delete
-     * @param params.edges - optional edges array to delete
-     *
-     * @returns a promise that resolves with the deleted nodes and edges
-     */
-    deleteElements: ({ nodes, edges, }: {
-        nodes?: (Partial<NodeType> & {
-            id: string;
-        })[];
-        edges?: (Partial<EdgeType> & {
-            id: string;
-        })[];
-    }) => Promise<{
-        deletedNodes: NodeType[];
-        deletedEdges: EdgeType[];
-    }>;
-    /**
-     * Converts a screen / client position to a flow position.
-     *
-     * @param clientPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
-     * @param options.snapToGrid - if true, the converted position will be snapped to the grid
-     * @returns position as { x: number, y: number }
-     *
-     * @example
-     * const flowPosition = screenToFlowPosition({ x: event.clientX, y: event.clientY })
-     */
-    screenToFlowPosition: (clientPosition: XYPosition, options?: {
-        snapToGrid: boolean;
-    }) => XYPosition;
-    /**
-     * Converts a flow position to a screen / client position.
-     *
-     * @param flowPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
-     * @returns position as { x: number, y: number }
-     *
-     * @example
-     * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
-     */
-    flowToScreenPosition: (flowPosition: XYPosition) => XYPosition;
-    /**
-     * Updates a node.
-     *
-     * @param id - id of the node to update
-     * @param nodeUpdate - the node update as an object or a function that receives the current node and returns the node update
-     * @param options.replace - if true, the node is replaced with the node update, otherwise the changes get merged
-     *
-     * @example
-     * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
-     */
-    updateNode: (id: string, nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>), options?: {
-        replace: boolean;
-    }) => void;
-    /**
-     * Updates the data attribute of a node.
-     *
-     * @param id - id of the node to update
-     * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
-     * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
-     *
-     * @example
-     * updateNodeData('node-1', { label: 'A new label' });
-     */
-    updateNodeData: (id: string, dataUpdate: Partial<NodeType["data"]> | ((node: NodeType) => Partial<NodeType["data"]>), options?: {
-        replace: boolean;
-    }) => void;
-    /**
-     * Returns the nodes, edges and the viewport as a JSON object.
-     *
-     * @returns the nodes, edges and the viewport as a JSON object
-     */
-    /**
-     * Updates an edge.
-     *
-     * @param id - id of the edge to update
-     * @param edgeUpdate - the edge update as an object or a function that receives the current edge and returns the edge update
-     * @param options.replace - if true, the edge is replaced with the edge update, otherwise the changes get merged
-     *
-     * @example
-     * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
-     */
-    updateEdge: (id: string, edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => Partial<EdgeType>), options?: {
-        replace: boolean;
-    }) => void;
-    toObject: () => {
-        nodes: NodeType[];
-        edges: EdgeType[];
-        viewport: Viewport;
-    };
-    /**
-     * Returns the bounds of the given nodes or node ids.
-     *
-     * @param nodes - the nodes or node ids to calculate the bounds for
-     *
-     * @returns the bounds of the given nodes
-     */
-    getNodesBounds: (nodes: (NodeType | InternalNode<NodeType> | string)[]) => Rect;
-    /** Gets all connections for a given handle belonging to a specific node.
-     *
-     * @param type - handle type 'source' or 'target'
-     * @param id - the handle id (this is only needed if you have multiple handles of the same type, meaning you have to provide a unique id for each handle)
-     * @param nodeId - the node id the handle belongs to
-     * @returns an array with handle connections
-     */
-    getHandleConnections: ({ type, id, nodeId, }: {
-        type: HandleType;
-        nodeId: string;
-        id?: string | null;
-    }) => HandleConnection[];
+  /**
+   * Zooms viewport in by 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
+  zoomIn: ZoomInOut;
+  /**
+   * Zooms viewport out by 1 / 1.2.
+   *
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
+  zoomOut: ZoomInOut;
+  /**
+   * Returns an internal node by id.
+   *
+   * @param id - the node id
+   * @returns the node or undefined if no node was found
+   */
+  getInternalNode: (id: string) => InternalNode<NodeType> | undefined;
+  /**
+   * Returns a node by id.
+   *
+   * @param id - the node id
+   * @returns the node or undefined if no node was found
+   */
+  getNode: (id: string) => NodeType | undefined;
+  /**
+   * Returns nodes.
+   *
+   * @returns nodes array
+   */
+  getNodes: (ids?: string[]) => NodeType[];
+  /**
+   * Returns an edge by id.
+   *
+   * @param id - the edge id
+   * @returns the edge or undefined if no edge was found
+   */
+  getEdge: (id: string) => EdgeType | undefined;
+  /**
+   * Returns edges.
+   *
+   * @returns edges array
+   */
+  getEdges: (ids?: string[]) => EdgeType[];
+  /**
+   * Add one or many nodes to your existing nodes array.
+   *
+   * @param payload - the nodes to add
+   */
+  addNodes: (payload: NodeType[] | NodeType) => void;
+  /**
+   * Add one or many edges to your existing edges array.
+   *
+   * @param payload - the edges to add
+   */
+  addEdges: (payload: EdgeType[] | EdgeType) => void;
+  /**
+   * Sets the current zoom level.
+   *
+   * @param zoomLevel - the zoom level to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
+  setZoom: (zoomLevel: number, options?: ViewportHelperFunctionOptions$1) => Promise<boolean>;
+  /**
+   * Returns the current zoom level.
+   *
+   * @returns current zoom as a number
+   */
+  getZoom: () => number;
+  /**
+   * Sets the center of the view to the given position.
+   *
+   * @param x - x position
+   * @param y - y position
+   * @param options.zoom - optional zoom
+   */
+  setCenter: (x: number, y: number, options?: SetCenterOptions$1) => Promise<boolean>;
+  /**
+   * Sets the current viewport.
+   *
+   * @param viewport - the viewport to set
+   * @param options.duration - optional duration. If set, a transition will be applied
+   */
+  setViewport: (viewport: Viewport$1, options?: ViewportHelperFunctionOptions$1) => Promise<boolean>;
+  /**
+   * Returns the current viewport.
+   *
+   * @returns Viewport
+   */
+  getViewport: () => Viewport$1;
+  /**
+   * Fits the view.
+   *
+   * @param options.padding - optional padding
+   * @param options.includeHiddenNodes - optional includeHiddenNodes
+   * @param options.minZoom - optional minZoom
+   * @param options.maxZoom - optional maxZoom
+   * @param options.duration - optional duration. If set, a transition will be applied
+   * @param options.nodes - optional nodes to fit the view to
+   */
+  fitView: (options?: FitViewOptions<NodeType>) => Promise<boolean>;
+  /**
+   * Returns all nodes that intersect with the given node or rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed node or rect
+   * @param nodes - optional nodes array to check for intersections
+   *
+   * @returns an array of intersecting nodes
+   */
+  getIntersectingNodes: (nodeOrRect: NodeType | {
+    id: NodeType["id"];
+  } | Rect$1, partially?: boolean, nodesToIntersect?: NodeType[]) => NodeType[];
+  /**
+   * Checks if the given node or rect intersects with the passed rect.
+   *
+   * @param node - the node or rect to check for intersections
+   * @param area - the rect to check for intersections
+   * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed react
+   *
+   * @returns true if the node or rect intersects with the given area
+   */
+  isNodeIntersecting: (nodeOrRect: NodeType | {
+    id: NodeType["id"];
+  } | Rect$1, area: Rect$1, partially?: boolean) => boolean;
+  /**
+   * Fits the view to the given bounds .
+   *
+   * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
+   * @param options.padding - optional padding
+   */
+  fitBounds: (bounds: Rect$1, options?: FitBoundsOptions$1) => Promise<boolean>;
+  /**
+   * Deletes nodes and edges.
+   *
+   * @param params.nodes - optional nodes array to delete
+   * @param params.edges - optional edges array to delete
+   *
+   * @returns a promise that resolves with the deleted nodes and edges
+   */
+  deleteElements: ({ nodes, edges }: {
+    nodes?: (Partial<NodeType> & {
+      id: string;
+    })[];
+    edges?: (Partial<EdgeType> & {
+      id: string;
+    })[];
+  }) => Promise<{
+    deletedNodes: NodeType[];
+    deletedEdges: EdgeType[];
+  }>;
+  /**
+   * Converts a screen / client position to a flow position.
+   *
+   * @param clientPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @param options.snapToGrid - if true, the converted position will be snapped to the grid
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const flowPosition = screenToFlowPosition({ x: event.clientX, y: event.clientY })
+   */
+  screenToFlowPosition: (clientPosition: XYPosition$1, options?: {
+    snapToGrid: boolean;
+  }) => XYPosition$1;
+  /**
+   * Converts a flow position to a screen / client position.
+   *
+   * @param flowPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+   * @returns position as { x: number, y: number }
+   *
+   * @example
+   * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
+   */
+  flowToScreenPosition: (flowPosition: XYPosition$1) => XYPosition$1;
+  /**
+   * Updates a node.
+   *
+   * @param id - id of the node to update
+   * @param nodeUpdate - the node update as an object or a function that receives the current node and returns the node update
+   * @param options.replace - if true, the node is replaced with the node update, otherwise the changes get merged
+   *
+   * @example
+   * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+   */
+  updateNode: (id: string, nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>), options?: {
+    replace: boolean;
+  }) => void;
+  /**
+   * Updates the data attribute of a node.
+   *
+   * @param id - id of the node to update
+   * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
+   * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
+   *
+   * @example
+   * updateNodeData('node-1', { label: 'A new label' });
+   */
+  updateNodeData: (id: string, dataUpdate: Partial<NodeType["data"]> | ((node: NodeType) => Partial<NodeType["data"]>), options?: {
+    replace: boolean;
+  }) => void;
+  /**
+   * Returns the nodes, edges and the viewport as a JSON object.
+   *
+   * @returns the nodes, edges and the viewport as a JSON object
+   */
+  /**
+   * Updates an edge.
+   *
+   * @param id - id of the edge to update
+   * @param edgeUpdate - the edge update as an object or a function that receives the current edge and returns the edge update
+   * @param options.replace - if true, the edge is replaced with the edge update, otherwise the changes get merged
+   *
+   * @example
+   * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+   */
+  updateEdge: (id: string, edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => Partial<EdgeType>), options?: {
+    replace: boolean;
+  }) => void;
+  toObject: () => {
+    nodes: NodeType[];
+    edges: EdgeType[];
+    viewport: Viewport$1;
+  };
+  /**
+   * Returns the bounds of the given nodes or node ids.
+   *
+   * @param nodes - the nodes or node ids to calculate the bounds for
+   *
+   * @returns the bounds of the given nodes
+   */
+  getNodesBounds: (nodes: (NodeType | InternalNode<NodeType> | string)[]) => Rect$1;
+  /** Gets all connections for a given handle belonging to a specific node.
+   *
+   * @param type - handle type 'source' or 'target'
+   * @param id - the handle id (this is only needed if you have multiple handles of the same type, meaning you have to provide a unique id for each handle)
+   * @param nodeId - the node id the handle belongs to
+   * @returns an array with handle connections
+   */
+  getHandleConnections: ({ type, id, nodeId }: {
+    type: HandleType;
+    nodeId: string;
+    id?: string | null;
+  }) => HandleConnection$1[];
 };
-
+//#endregion
+//#region src/hooks/useUpdateNodeInternals.d.ts
 /**
  * Hook for updating node internals.
  *
@@ -1638,5 +1689,5 @@ declare function useSolidFlow<NodeType extends Node = Node, EdgeType extends Edg
  * @returns function for updating node internals
  */
 declare function useUpdateNodeInternals(): UpdateNodeInternals;
-
-export { Background, type BackgroundProps, type BackgroundVariant, BaseEdge, BezierEdge, BezierEdgeInternal, type BezierEdgeProps, type BuiltInEdge, type BuiltInNode, type BuiltInNodeTypes, type ConnectionData, ConnectionLine, type ConnectionLineComponentProps, ControlButton, Controls, type DefaultEdgeOptions, DefaultNode, type DeleteEvents, type Edge, type EdgeConnection, type EdgeEvents, EdgeLabel, EdgeLabelRenderer, type EdgeProps, EdgeReconnectAnchor, type EdgeReconnectEvents, EdgeRenderer, EdgeToolbar, type EdgeToolbarProps, type EdgeTypes, EdgeWrapper, type FitViewOptions, GroupNode, Handle, InputNode, type InternalNode, type KeyDefinition, type KeyDefinitionObject, type KeyModifier, Marker, MarkerDefinition, MiniMap, type Node, type NodeEvents, type NodeGraph, type NodeProps, NodeRenderer, NodeResizer, NodeSelection, type NodeSelectionEvents, NodeToolbar, type NodeToolbarProps, type NodeTypes, NodeWrapper, type OnBeforeDelete, type OnBeforeEdgeConnect, type OnBeforeReconnect, type OnDelete, type OnEdgeConnect, type OnEdgeCreate, type OnSelectionChange, OutputNode, Pane, type PaneEvents, Panel, ResizeControl, Selection, type ShortcutModifier, type ShortcutModifierDefinition, SmoothStepEdge, SmoothStepEdgeInternal, type SmoothStepEdgeProps, SolidFlow, SolidFlowProvider, StepEdge, StepEdgeInternal, type StepEdgeProps, StraightEdge, StraightEdgeInternal, type StraightEdgeProps, ViewportPortal, Zoom, createEdgeStore, createNodeStore, useColorMode, useConnection, useEdges, useHandleEdgeSelect, useInternalNode, useNodeConnections, useNodes, useNodesData, useNodesInitialized, useSolidFlow, useUpdateNodeInternals, useViewport, useViewportInitialized };
+//#endregion
+export { type Align, type AriaLabelConfig, Background, type BackgroundProps, type BackgroundVariant, BaseEdge, BezierEdge, BezierEdgeInternal, type BezierEdgeProps, type BezierPathOptions, type Box, type BuiltInEdge, type BuiltInNode, type BuiltInNodeTypes, type ColorMode, type ColorModeClass, type Connection, ConnectionData, ConnectionLine, type ConnectionLineComponentProps, ConnectionLineType, ConnectionMode, ControlButton, type ControlLinePosition, type ControlPosition, Controls, type CoordinateExtent, type DefaultEdgeOptions, DefaultNode, DeleteEvents, type Dimensions, type Edge, EdgeConnection, EdgeEvents, EdgeLabel, EdgeLabelRenderer, type EdgeMarker, type EdgeMarkerType, type EdgeProps, EdgeReconnectAnchor, EdgeReconnectEvents, EdgeRenderer, EdgeToolbar, EdgeToolbarProps, type EdgeTypes, EdgeWrapper, type FitBounds, type FitBoundsOptions, FitViewOptions, type GetBezierPathParams, type GetSmoothStepPathParams, type GetStraightPathParams, GroupNode, Handle, type HandleConnection, InputNode, type InternalNode, IsValidConnection, KeyDefinition, KeyDefinitionObject, KeyModifier, Marker, MarkerDefinition, MarkerType, MiniMap, type Node, type NodeConnection, NodeEvents, NodeGraph, type NodeOrigin, type NodeProps, NodeRenderer, NodeResizer, NodeSelection, NodeSelectionEvents, NodeToolbar, NodeToolbarProps, type NodeTypes, NodeWrapper, OnBeforeDelete, OnBeforeEdgeConnect, OnBeforeReconnect, type OnConnect, type OnConnectEnd, type OnConnectStart, type OnConnectStartParams, OnDelete, OnEdgeConnect, OnEdgeCreate, type OnError, type OnMove, type OnMoveEnd, type OnMoveStart, type OnReconnect, type OnReconnectEnd, type OnReconnectStart, type OnResize, type OnResizeEnd, type OnResizeStart, OnSelectionChange, OnSelectionDrag, OutputNode, PanOnScrollMode, Pane, PaneEvents, Panel, type PanelPosition, Position$1 as Position, type ProOptions, type Rect, ResizeControl, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Selection, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, type SetViewport, ShortcutModifier, ShortcutModifierDefinition, type ShouldResize, SmoothStepEdge, SmoothStepEdgeInternal, type SmoothStepEdgeProps, type SmoothStepPathOptions, type SnapGrid, SolidFlow, SolidFlowProvider, StepEdge, StepEdgeInternal, type StepEdgeProps, StraightEdge, StraightEdgeInternal, type StraightEdgeProps, type Transform, Viewport, type ViewportHelperFunctionOptions, ViewportPortal, type XYPosition, type XYZPosition, Zoom, addEdge, createEdgeStore, createNodeStore, getBezierEdgeCenter, getBezierPath, getConnectedEdges, getEdgeCenter, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, useColorMode, useConnection, useEdges, useHandleEdgeSelect, useInternalNode, useNodeConnections, useNodes, useNodesData, useNodesInitialized, useSolidFlow, useUpdateNodeInternals, useViewport, useViewportInitialized };