@dschz/solid-flow 0.3.0-next.1 → 0.3.0-next.3

package/dist/index/index.d.ts

@@ -1,6 +1,9 @@
 import { JSX } from "@solidjs/web";
+import { Align as Align$1, AriaLabelConfig as AriaLabelConfig$1, BezierPathOptions as BezierPathOptions$1, Box as Box$1, ColorMode as ColorMode$1, 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 as Dimensions$1, EdgeBase, EdgeMarker, EdgeMarkerType as EdgeMarkerType$1, EdgePosition, EdgeToolbarBaseProps, FinalConnectionState, FitBounds, FitBoundsOptions as FitBoundsOptions$1, FitViewOptionsBase, GetBezierPathParams as GetBezierPathParams$1, GetSmoothStepPathParams as GetSmoothStepPathParams$1, GetStraightPathParams as GetStraightPathParams$1, Handle as Handle$1, HandleConnection, HandleConnection as HandleConnection$1, HandleProps, HandleType, InternalNodeBase, IsValidConnection as IsValidConnection$1, MarkerProps, MarkerType, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeOrigin, NodeOrigin as NodeOrigin$1, NodeProps as NodeProps$1, OnBeforeDeleteBase, OnConnect as OnConnect$1, OnConnectEnd as OnConnectEnd$1, OnConnectStart as OnConnectStart$1, OnConnectStartParams as OnConnectStartParams$1, OnError as OnError$1, OnMove, OnMove as OnMove$1, OnMoveEnd as OnMoveEnd$1, OnMoveStart as OnMoveStart$1, OnReconnect as OnReconnect$1, OnReconnectEnd as OnReconnectEnd$1, OnReconnectStart as OnReconnectStart$1, OnResize as OnResize$1, OnResizeEnd as OnResizeEnd$1, OnResizeStart as OnResizeStart$1, OnSelectionDrag as OnSelectionDrag$1, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanelPosition, PanelPosition as PanelPosition$1, Position, Position as Position$1, ProOptions as ProOptions$1, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeDragEvent as ResizeDragEvent$1, ResizeParams as ResizeParams$1, ResizeParamsWithDirection as ResizeParamsWithDirection$1, SelectionMode as SelectionMode$1, SelectionRect as SelectionRect$1, SetCenter, SetCenterOptions as SetCenterOptions$1, SetViewport, ShouldResize, ShouldResize as ShouldResize$1, SmoothStepPathOptions as SmoothStepPathOptions$1, SnapGrid as SnapGrid$1, StepPathOptions, Transform as Transform$1, UpdateNodeInternals, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, XYZPosition as XYZPosition$1, ZIndexMode, ZoomInOut, addEdge, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getConnectedEdges, getEdgeCenter as getEdgeCenter$1, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds } from "@xyflow/system";
 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/custom.d.ts
+type UnknownStruct = Record<string, unknown>;
+//#endregion
 //#region src/types/node.d.ts
 /**
  * The node data structure that gets used for internal nodes.
@@ -27,6 +30,7 @@ type Node<NodeData extends UnknownStruct = UnknownStruct, NodeType extends strin
    */
   domAttributes?: Omit<JSX.HTMLAttributes<HTMLDivElement>, "id" | "style" | "class" | "draggable" | "role" | "aria-label" | keyof JSX.HTMLAttributes<HTMLDivElement>>;
 };
+/** Props passed to a node component (custom or built-in). */
 type NodeProps<TData extends UnknownStruct = UnknownStruct, TType extends string | undefined = string | undefined> = NodeProps$1<Node<TData, TType>>;
 /**
  * Map of node types to their components.
@@ -34,9 +38,11 @@ type NodeProps<TData extends UnknownStruct = UnknownStruct, TType extends string
 type NodeTypes = { [K in string]: {
   bivarianceHack(props: NodeProps<Record<string, unknown>, string | undefined>): JSX.Element;
 }["bivarianceHack"]; };
+/** Union of the built-in node shapes (input, output, default, group). */
 type BuiltInNode = Node<{
   label: string;
 }, "input" | "output" | "default"> | Node<Record<string, never>, "group">;
+/** The built-in node renderer map, keyed by node type. */
 type BuiltInNodeTypes = {
   input: (props: NodeProps<{
     label: string;
@@ -50,9 +56,6 @@ type BuiltInNodeTypes = {
   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
@@ -115,10 +118,13 @@ type BaseEdgeProps = {
 type BezierEdgeProps = EdgeProps<Record<string, unknown>, "default"> & {
   pathOptions?: BezierPathOptions$1;
 };
+/** Props for the built-in straight edge. */
 type StraightEdgeProps = Omit<EdgeProps<Record<string, unknown>, "straight">, "sourcePosition" | "targetPosition">;
+/** Props for the built-in step edge. */
 type StepEdgeProps = EdgeProps<Record<string, unknown>, "step"> & {
   pathOptions?: StepPathOptions;
 };
+/** Props for the built-in smooth-step edge. */
 type SmoothStepEdgeProps = EdgeProps<Record<string, unknown>, "smoothstep"> & {
   pathOptions?: SmoothStepPathOptions$1;
 };
@@ -141,6 +147,7 @@ type BuiltInEdge = BezierEdgeProps | StraightEdgeProps | StepEdgeProps | SmoothS
 type EdgeTypes = { [K in string]: {
   bivarianceHack(props: EdgeProps<Record<string, unknown>, string | undefined>): JSX.Element;
 }["bivarianceHack"]; };
+/** Defaults applied to every new edge added to the flow. */
 type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
 type EdgeLayouted<EdgeType extends Edge = Edge> = EdgeType & EdgePosition & {
   sourceNode?: Node;
@@ -164,6 +171,7 @@ type NodeTargetEventWithPointer<T = PointerEvent, NodeType extends Node = Node>
   nodes: NodeType[];
   event: T;
 }) => void;
+/** Node pointer and drag event handlers accepted by the flow. */
 type NodeEvents<NodeType extends Node = Node> = {
   /** This event handler is called when a user clicks on a node. */
   onNodeClick?: NodeEventWithPointer<MouseEvent | TouchEvent, NodeType>;
@@ -182,12 +190,14 @@ type NodeEvents<NodeType extends Node = Node> = {
   /** This event handler is called when the pointer of a user moves over a node. */
   onNodePointerMove?: NodeEventWithPointer<PointerEvent, NodeType>;
 };
+/** Selection-box event handlers. */
 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>;
 };
+/** Pane (background) event handlers. */
 type PaneEvents = {
   /** This event handler is called when a user clicks the pane. */
   onPaneClick?: ({ event }: {
@@ -198,6 +208,7 @@ type PaneEvents = {
     event: PointerEvent;
   }) => void;
 };
+/** Edge pointer event handlers. */
 type EdgeEvents<EdgeType extends Edge = Edge> = {
   /** This event handler is called when a user clicks an edge. */
   onEdgeClick?: ({ edge, event }: {
@@ -220,10 +231,12 @@ type EdgeEvents<EdgeType extends Edge = Edge> = {
     event: PointerEvent;
   }) => void;
 };
+/** Handlers fired after node/edge deletions. */
 type DeleteEvents<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   onNodesDelete?: (nodes: NodeType[]) => void;
   onEdgesDelete?: (edges: EdgeType[]) => void;
 };
+/** Handlers for edge reconnection gestures. */
 type EdgeReconnectEvents<EdgeType extends Edge = Edge> = {
   /**
    * This handler is called when the source or target of a reconnectable edge is dragged from the
@@ -241,34 +254,65 @@ type EdgeReconnectEvents<EdgeType extends Edge = Edge> = {
    */
   onReconnectEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType, connectionState: FinalConnectionState) => void;
 };
-type OnSelectionDrag$1<NodeType extends Node = Node> = (event: MouseEvent, nodes: NodeType[]) => void;
+type OnSelectionDrag$2<NodeType extends Node = Node> = (event: MouseEvent, nodes: NodeType[]) => void;
 //#endregion
 //#region src/types/general.d.ts
-type Position$3 = `${Position$2}`;
+type Position$2 = `${Position$1}`;
 type ConnectionMode$2 = `${ConnectionMode$1}`;
-type ConnectionLineType$3 = `${ConnectionLineType$1}`;
+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)
+ * component. The `ConnectionLineComponentProps` are passed to your custom component.
+ *
+ * @public
+ */
+type ConnectionLineComponentProps<NodeType extends Node = Node> = {
+  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$2;
+  readonly toPosition: Position$2;
+  readonly connectionStatus: "valid" | "invalid" | null;
+  readonly toNode: InternalNode<NodeType> | null;
+  readonly toHandle: Handle$1 | null;
+};
 type SelectionMode$2 = `${SelectionMode$1}`;
 type PanOnScrollMode$2 = `${PanOnScrollMode$1}`;
 type ResizeControlVariant$2 = `${ResizeControlVariant$1}`;
+/** A single keyboard modifier key. */
 type ShortcutModifier = "alt" | "ctrl" | "meta" | "shift";
+/** Modifier requirement for a shortcut: none (`null`/`false`), one modifier, or a list that must all be held. */
 type ShortcutModifierDefinition = null | false | ShortcutModifier | (ShortcutModifier | ShortcutModifier[])[];
+/** Alias of `ShortcutModifierDefinition`. */
 type KeyModifier = ShortcutModifierDefinition;
+/** A key name plus an optional modifier requirement. */
 type KeyDefinitionObject = {
   key: string;
   modifier?: KeyModifier;
 };
+/** A shortcut key: a plain key name or a `KeyDefinitionObject`. */
 type KeyDefinition = string | KeyDefinitionObject;
+/** Live state of an in-progress connection gesture. */
 type ConnectionData = {
   connectionPosition: XYPosition$1 | null;
   connectionStartHandle: Handle$1 | null;
   connectionEndHandle: Handle$1 | null;
   connectionStatus: string | null;
 };
+/** Options for `fitView`: padding, zoom bounds, duration, and the node subset to fit. */
 type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
+/** Handler called after nodes and/or edges are deleted. */
 type OnDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
   nodes: NodeType[];
   edges: EdgeType[];
 }) => void;
+/** A connection together with the id of the edge it produced. */
 type EdgeConnection = Connection$1 & {
   id: string;
 };
@@ -276,30 +320,47 @@ type EdgeConnection = Connection$1 & {
 type OnBeforeEdgeConnect<EdgeType extends Edge = Edge> = (connection: EdgeConnection) => EdgeType | EdgeConnection | undefined;
 /** Callback that gets called after a handle connection is created. */
 type OnEdgeConnect = (connection: EdgeConnection) => void;
+/** Callback fired before a reconnect is applied; return the modified edge, or `undefined` to cancel. */
 type OnBeforeReconnect<EdgeType extends Edge = Edge> = (newEdge: EdgeType, oldEdge: EdgeType) => EdgeType | undefined;
+/** Callback fired before nodes/edges are deleted; can abort or narrow the deletion. */
 type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = OnBeforeDeleteBase<NodeType, EdgeType>;
-type IsValidConnection$1<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection$1) => boolean;
+type IsValidConnection$2<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection$1) => boolean;
+/** Handler called when the set of selected nodes and edges changes. */
 type OnSelectionChange<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
   nodes: NodeType[];
   edges: EdgeType[];
 }) => void;
+/** A nodes + edges pair describing a (sub)graph. */
 type NodeGraph<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   readonly nodes: NodeType[];
   readonly edges: EdgeType[];
 };
+/** Callback that maps a completed connection to the edge to create. */
 type OnEdgeCreate<EdgeType extends Edge = Edge> = (connection: Connection$1) => EdgeType | Connection$1;
 //#endregion
+//#region src/components/connection/ConnectionLine.d.ts
+type ConnectionLineProps<NodeType extends Node = Node> = {
+  readonly style: JSX.CSSProperties;
+  readonly type: ConnectionLineType$2;
+  readonly component: (props: ConnectionLineComponentProps<NodeType>) => JSX.Element;
+  readonly containerStyle: string | JSX.CSSProperties;
+};
+/** Internal component rendering the in-progress connection line. */
+declare const ConnectionLine: <NodeType extends Node = Node>(props: ParentProps<Partial<ConnectionLineProps<NodeType>>>) => JSX.Element;
+//#endregion
 //#region src/components/container/EdgeRenderer.d.ts
 type EdgeRendererProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
   readonly defaultEdgeOptions?: DefaultEdgeOptions;
   readonly reconnectRadius: number;
 };
+/** Internal renderer iterating the edge id list into `EdgeWrapper`s. */
 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;
 };
+/** Internal renderer iterating the node id list into `NodeWrapper`s; owns the shared measurement `ResizeObserver`. */
 declare const NodeRenderer: <NodeType extends Node = Node>(props: NodeRendererProps<NodeType>) => JSX.Element;
 //#endregion
 //#region src/components/container/Pane.d.ts
@@ -311,6 +372,7 @@ type PaneProps = PaneEvents & {
   readonly onSelectionStart?: (event: PointerEvent) => void;
   readonly onSelectionEnd?: (event: PointerEvent) => void;
 };
+/** Internal interaction surface handling pane clicks, the selection box, and pan gestures. */
 declare const Pane: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<PaneProps>) => JSX.Element;
 //#endregion
 //#region src/components/container/Panel.d.ts
@@ -323,9 +385,11 @@ type PanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
   readonly "data-testid"?: string;
   readonly "data-message"?: string;
 };
+/** Positioned overlay container for UI placed above the flow (used by `Controls`, `MiniMap`, attribution). */
 declare const Panel: (props: ParentProps<PanelProps>) => JSX.Element;
 //#endregion
 //#region src/components/container/ViewportPortal.d.ts
+/** Portals children into graph coordinate space so they pan and zoom with the viewport. */
 declare const ViewportPortal: (props: ParentProps) => JSX.Element;
 //#endregion
 //#region src/components/container/Zoom.d.ts
@@ -346,52 +410,22 @@ type ZoomProps = {
   readonly paneClickDistance: number;
   readonly selectionOnDrag?: boolean;
 };
+/** Internal viewport controller wiring pan/zoom gestures (XYPanZoom) to the flow. */
 declare const Zoom: (props: ParentProps<ZoomProps>) => JSX.Element;
 //#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)
- * component. The `ConnectionLineComponentProps` are passed to your custom component.
- *
- * @public
- */
-type ConnectionLineComponentProps<NodeType extends Node = Node> = {
-  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$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
+//#region src/components/edge/BaseEdge.d.ts
+/** Lowest-level edge primitive: renders the SVG path, label, and interaction width. */
 declare const BaseEdge: (props: ParentProps<BaseEdgeProps>) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/BezierEdge.d.ts
+//#region src/components/edge/BezierEdge.d.ts
+/** Built-in bezier edge component. */
 declare const BezierEdge: (props: BezierEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/BezierEdgeInternal.d.ts
+//#region src/components/edge/BezierEdgeInternal.d.ts
+/** Renderer-internal bezier edge variant. */
 declare const BezierEdgeInternal: (props: BezierEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/EdgeLabel.d.ts
+//#region src/components/edge/EdgeLabel.d.ts
 type EdgeLabelProps = {
   readonly x?: number;
   readonly y?: number;
@@ -401,12 +435,14 @@ type EdgeLabelProps = {
   readonly transparent?: boolean;
   readonly style?: JSX.CSSProperties;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
+/** Renders an edge label positioned in graph coordinates. */
 declare const EdgeLabel: (props: ParentProps<EdgeLabelProps>) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/EdgeLabelRenderer.d.ts
+//#region src/components/edge/EdgeLabelRenderer.d.ts
+/** Portals edge labels into a shared HTML layer rendered above the edge SVG. */
 declare const EdgeLabelRenderer: (props: ParentProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/EdgeReconnectAnchor.d.ts
+//#region src/components/edge/EdgeReconnectAnchor.d.ts
 type EdgeReconnectAnchorProps = {
   readonly type: HandleType;
   readonly class?: string;
@@ -415,328 +451,156 @@ type EdgeReconnectAnchorProps = {
   readonly size?: number;
   readonly reconnecting?: boolean;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
+/** Grab area that lets an edge end be dragged off its handle and reconnected. */
 declare const EdgeReconnectAnchor: (props: ParentProps<EdgeReconnectAnchorProps>) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/EdgeWrapper.d.ts
+//#region src/components/edge/EdgeWrapper.d.ts
 type EdgeWrapperProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
   readonly edgeId: string;
 };
+/** Internal per-edge wrapper: interaction, a11y, viewport culling, and the dynamic edge component. */
 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
+//#region src/components/edge/SmoothStepEdge.d.ts
+/** Built-in smooth-step edge component. */
 declare const SmoothStepEdge: (props: SmoothStepEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/SmoothStepEdgeInternal.d.ts
+//#region src/components/edge/SmoothStepEdgeInternal.d.ts
+/** Renderer-internal smooth-step edge variant. */
 declare const SmoothStepEdgeInternal: (props: SmoothStepEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/StepEdge.d.ts
+//#region src/components/edge/StepEdge.d.ts
+/** Built-in step edge component. */
 declare const StepEdge: (props: StepEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/StepEdgeInternal.d.ts
+//#region src/components/edge/StepEdgeInternal.d.ts
+/** Renderer-internal step edge variant. */
 declare const StepEdgeInternal: (props: StepEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/StraightEdge.d.ts
+//#region src/components/edge/StraightEdge.d.ts
+/** Built-in straight edge component. */
 declare const StraightEdge: (props: StraightEdgeProps) => JSX.Element;
 //#endregion
-//#region src/components/graph/edge/StraightEdgeInternal.d.ts
+//#region src/components/edge/StraightEdgeInternal.d.ts
+/** Renderer-internal straight edge variant. */
 declare const StraightEdgeInternal: (props: Omit<StraightEdgeProps, "sourcePosition" | "targetPosition">) => JSX.Element;
 //#endregion
-//#region src/components/graph/handle/Handle.d.ts
+//#region src/components/handle/Handle.d.ts
 type HandleProps$1 = Omit<HandleProps, "position"> & {
-  readonly position: Position$3;
+  readonly position: Position$2;
   readonly class?: string;
   readonly style?: JSX.CSSProperties;
   readonly onConnect?: (connections: Connection$1[]) => void;
   readonly onDisconnect?: (connections: Connection$1[]) => void;
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
+/** Connection point on a node; place inside custom nodes to make them connectable. */
 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
+//#region src/components/marker/Marker.d.ts
 type MarkerProps$1 = MarkerProps & {
   readonly markerUnits?: "strokeWidth" | "userSpaceOnUse";
   readonly strokeWidth?: number;
 };
+/** Internal SVG `<marker>` definition for one edge marker configuration. */
 declare const Marker: (props: MarkerProps$1) => JSX.Element;
 //#endregion
-//#region src/components/graph/marker/MarkerDefinition.d.ts
+//#region src/components/marker/MarkerDefinition.d.ts
+/** Internal collector rendering every unique edge marker into one SVG defs block. */
 declare const MarkerDefinition: () => JSX.Element;
 //#endregion
-//#region src/components/graph/node/DefaultNode.d.ts
+//#region src/components/node/DefaultNode.d.ts
+/** Built-in default node: label with source and target handles. */
 declare const DefaultNode: (props: NodeProps<{
   label: string;
 }, "default">) => JSX.Element;
 //#endregion
-//#region src/components/graph/node/GroupNode.d.ts
+//#region src/components/node/GroupNode.d.ts
+/** Built-in group node: a plain container for child nodes. */
 declare const GroupNode: (props: NodeProps<Record<string, never>>) => JSX.Element;
 //#endregion
-//#region src/components/graph/node/InputNode.d.ts
+//#region src/components/node/InputNode.d.ts
+/** Built-in input node: label with a source handle only. */
 declare const InputNode: (props: NodeProps<{
   label: string;
 }>) => JSX.Element;
 //#endregion
-//#region src/components/graph/node/NodeWrapper.d.ts
+//#region src/components/node/NodeWrapper.d.ts
 type NodeWrapperProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
   readonly nodeId: string;
   readonly resizeObserver: ResizeObserver | undefined;
   readonly nodeClickDistance: number;
 };
+/** Internal per-node wrapper: dragging, selection, a11y, measurement, viewport culling, and the dynamic node component. */
 declare const NodeWrapper: <NodeType extends Node = Node>(props: NodeWrapperProps<NodeType>) => JSX.Element;
 //#endregion
-//#region src/components/graph/node/OutputNode.d.ts
+//#region src/components/node/OutputNode.d.ts
+/** Built-in output node: label with a target handle only. */
 declare const OutputNode: (props: NodeProps<{
   label: string;
 }>) => JSX.Element;
 //#endregion
-//#region src/components/graph/plugins/background/types.d.ts
-type BackgroundVariant = "lines" | "dots" | "cross";
+//#region src/components/selection/NodeSelection.d.ts
+type NodeSelectionProps<NodeType extends Node = Node> = NodeSelectionEvents<NodeType> & Pick<NodeEvents<NodeType>, "onNodeDrag" | "onNodeDragStart" | "onNodeDragStop">;
+/** Internal draggable bounding box rendered around multi-selected nodes. */
+declare const NodeSelection: <NodeType extends Node = Node>(props: NodeSelectionProps<NodeType>) => JSX.Element;
 //#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;
+//#region src/components/selection/Selection.d.ts
+type SelectionProps = {
+  readonly x?: number;
+  readonly y?: number;
+  readonly width?: number | string;
+  readonly height?: number | string;
+  readonly isVisible?: boolean;
 };
-declare const Background: (props: BackgroundProps) => JSX.Element;
+/** Internal selection-rectangle visual. */
+declare const Selection: (props: SelectionProps) => 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>;
+//#region src/core/flowProps.d.ts
+/** Initial (uncontrolled) values used to seed a flow before the first measure/fit. */
+type SolidFlowInitialProps = {
+  readonly initialNodes: Node[];
+  readonly initialEdges: Edge[];
+  readonly initialWidth: number;
+  readonly initialHeight: number;
+  readonly fitView: boolean;
+  readonly nodeOrigin: NodeOrigin$1;
 };
-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$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;
-} & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 /**
- * The `<EdgeToolbar />` component renders a toolbar or tooltip for an edge.
- * It must be used inside a custom edge component. By default it is only
- * visible when the edge is selected; pass `isVisible` to control it manually.
- *
- * The toolbar does not scale with the viewport so that its content is always legible.
+ * Props accepted by the `SolidFlow` component — the full configuration surface
+ * of a flow, and the config contract of the headless core (`createFlowState`).
  */
-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
+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 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 id?: string;
+  /** Sets a fixed width for the flow */
   readonly width?: number;
-  /** Height of minimap */
+  /** Sets a fixed height for the flow */
   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
+  /**
+   * 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 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$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$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;
-};
-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 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[]>;
   /**
@@ -981,9 +845,13 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
    */
   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
+   * Viewport culling: elements outside the (overscanned) viewport are hidden
+   * with CSS (`visibility: hidden` + `pointer-events: none`). Everything
+   * stays mounted — custom nodes keep their DOM state off-screen, and
+   * measurement/fitView/minimap are unaffected. Selected elements are never
+   * culled. Set to `false` to keep every element visible; note that culled
+   * elements leave the accessibility tree and tab order while off-screen.
+   * @default true
    */
   readonly onlyRenderVisibleElements?: boolean;
   /**
@@ -1023,7 +891,7 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
    * @example 'straight' | 'default' | 'step' | 'smoothstep' | 'bezier'
    * @example ConnectionLineType.Straight | ConnectionLineType.Default | ConnectionLineType.Step | ConnectionLineType.SmoothStep | ConnectionLineType.Bezier
    */
-  readonly connectionLineType?: ConnectionLineType$3;
+  readonly connectionLineType?: ConnectionLineType$2;
   /** Enabling this option will raise the z-index of nodes when they are selected.
    * @default true
    */
@@ -1090,7 +958,7 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
    * before doing so.
    */
   readonly proOptions?: ProOptions$1;
-  readonly isValidConnection?: IsValidConnection$1<EdgeType>;
+  readonly isValidConnection?: IsValidConnection$2<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 */
@@ -1138,11 +1006,11 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
   /** 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>;
+  readonly onSelectionDragStart?: OnSelectionDrag$2<NodeType>;
   /** This event handler gets called when a user drags a selection box. */
-  readonly onSelectionDrag?: OnSelectionDrag$1<NodeType>;
+  readonly onSelectionDrag?: OnSelectionDrag$2<NodeType>;
   /** This event handler gets called when a user stops dragging a selection box. */
-  readonly onSelectionDragStop?: OnSelectionDrag$1<NodeType>;
+  readonly onSelectionDragStop?: OnSelectionDrag$2<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 */
@@ -1156,11 +1024,98 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
 //#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">;
+/** The flow canvas component: renders nodes and edges and wires up viewport and interactions. */
 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
+/** Hoists flow state above `SolidFlow` so hooks work outside the component (multi-panel UIs). */
 declare const SolidFlowProvider: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<SolidFlowProps<NodeType, EdgeType>>) => JSX.Element;
 //#endregion
+//#region src/core/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>];
+/**
+ * Creates a type-safe reactive store of edges for use in Solid Flow.
+ *
+ * This utility function provides full type safety and autocomplete for creating edges,
+ * combining both built-in edge types (default, straight, step, smoothstep) and custom user-defined
+ * edge types. When a specific edge type is selected, TypeScript automatically infers the
+ * required data structure and validates the edge configuration.
+ *
+ * @template TUserEdgeTypes - The user's custom edge types map (optional)
+ * @param edges - Array of edge configurations to create
+ * @returns A SolidJS store tuple [store, setStore] with properly typed Edge objects
+ *
+ * @example
+ * ```typescript
+ * // Using only built-in edge types (no generic parameter needed)
+ * const [builtInEdges, setBuiltInEdges] = createEdgeStore([
+ *   {
+ *     id: "1",
+ *     source: "1",
+ *     target: "2",
+ *     type: "default",
+ *     data: { label: "Start" }
+ *   },
+ *   {
+ *     id: "2",
+ *     source: "2",
+ *     target: "3",
+ *     type: "default",
+ *     data: { label: "Process" }
+ *   }
+ * ]);
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Using custom edge types (requires generic parameter)
+ * const customEdgeTypes = {
+ *   textEdge: (props: EdgeProps<{ content: string }, "textEdge">) =>
+ *     <div>{props.data.content}</div>,
+ *   numberEdge: (props: EdgeProps<{ value: number }, "numberEdge">) =>
+ *     <div>{props.data.value}</div>
+ * } satisfies EdgeTypes;
+ *
+ * const [mixedEdges, setMixedEdges] = createEdgeStore<typeof customEdgeTypes>([
+ *   {
+ *     id: "1",
+ *     source: "1",
+ *     target: "2",
+ *     type: "default",        // Built-in type
+ *     data: { label: "Input" }
+ *   },
+ *   {
+ *     id: "2",
+ *     source: "2",
+ *     target: "3",
+ *     type: "textEdge",     // Custom type - gets autocomplete
+ *     data: { content: "Custom text edge" }  // Type-safe data
+ *   },
+ *   {
+ *     id: "3",
+ *     source: "3",
+ *     target: "4",
+ *     type: "numberEdge",   // Another custom type
+ *     data: { value: 42 },  // Type-safe data
+ *     style: { "background-color": "lightblue" }  // All Edge properties available
+ *   }
+ * ]);
+ * ```
+ *
+ * @remarks
+ * - Provides autocomplete for the `type` field with all available node types
+ * - Validates `data` structure based on the selected node type
+ * - Supports all Node properties (style, draggable, hidden, etc.)
+ * - 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>[]>, StoreSetter<EdgesInput<TUserEdgeTypes>[]>];
+//#endregion
 //#region src/core/projections/connections.d.ts
 /**
  * Lookup keys for the connection index. Each edge is registered under six
@@ -1169,6 +1124,7 @@ declare const SolidFlowProvider: <NodeType extends Node = Node, EdgeType extends
  *   `${nodeId}` · `${nodeId}-${type}` · `${nodeId}-${type}-${handleId}`
  */
 declare const connectionKey: (nodeId: string, type?: HandleType, handleId?: string | null) => string;
+/** The connections index: a handle's `connectionKey` mapped to its live `HandleConnection`s. */
 type ConnectionsRecord = Record<string, Record<string, HandleConnection$1>>;
 //#endregion
 //#region src/core/flowState.d.ts
@@ -1313,92 +1269,7 @@ type FlowCommands<NodeType extends Node = Node, EdgeType extends Edge = Edge> =
   };
 };
 //#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>];
-/**
- * Creates a type-safe reactive store of edges for use in Solid Flow.
- *
- * This utility function provides full type safety and autocomplete for creating edges,
- * combining both built-in edge types (default, straight, step, smoothstep) and custom user-defined
- * edge types. When a specific edge type is selected, TypeScript automatically infers the
- * required data structure and validates the edge configuration.
- *
- * @template TUserEdgeTypes - The user's custom edge types map (optional)
- * @param edges - Array of edge configurations to create
- * @returns A SolidJS store tuple [store, setStore] with properly typed Edge objects
- *
- * @example
- * ```typescript
- * // Using only built-in edge types (no generic parameter needed)
- * const [builtInEdges, setBuiltInEdges] = createEdgeStore([
- *   {
- *     id: "1",
- *     source: "1",
- *     target: "2",
- *     type: "default",
- *     data: { label: "Start" }
- *   },
- *   {
- *     id: "2",
- *     source: "2",
- *     target: "3",
- *     type: "default",
- *     data: { label: "Process" }
- *   }
- * ]);
- * ```
- *
- * @example
- * ```typescript
- * // Using custom edge types (requires generic parameter)
- * const customEdgeTypes = {
- *   textEdge: (props: EdgeProps<{ content: string }, "textEdge">) =>
- *     <div>{props.data.content}</div>,
- *   numberEdge: (props: EdgeProps<{ value: number }, "numberEdge">) =>
- *     <div>{props.data.value}</div>
- * } satisfies EdgeTypes;
- *
- * const [mixedEdges, setMixedEdges] = createEdgeStore<typeof customEdgeTypes>([
- *   {
- *     id: "1",
- *     source: "1",
- *     target: "2",
- *     type: "default",        // Built-in type
- *     data: { label: "Input" }
- *   },
- *   {
- *     id: "2",
- *     source: "2",
- *     target: "3",
- *     type: "textEdge",     // Custom type - gets autocomplete
- *     data: { content: "Custom text edge" }  // Type-safe data
- *   },
- *   {
- *     id: "3",
- *     source: "3",
- *     target: "4",
- *     type: "numberEdge",   // Another custom type
- *     data: { value: 42 },  // Type-safe data
- *     style: { "background-color": "lightblue" }  // All Edge properties available
- *   }
- * ]);
- * ```
- *
- * @remarks
- * - Provides autocomplete for the `type` field with all available node types
- * - Validates `data` structure based on the selected node type
- * - Supports all Node properties (style, draggable, hidden, etc.)
- * - 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>[]>, StoreSetter<EdgesInput<TUserEdgeTypes>[]>];
-//#endregion
-//#region src/data/createNodeStore.d.ts
+//#region src/core/createNodeStore.d.ts
 type ExtractNodeInfo<T> = T extends ((props: NodeProps<infer TData, infer TType>) => unknown) ? {
   data: TData;
   type: TType;
@@ -1523,6 +1394,7 @@ declare function useEdges<EdgeType extends Edge = Edge>(): Accessor<EdgeType[]>;
 declare function useViewport(): Accessor<Viewport$1>;
 //#endregion
 //#region src/hooks/useHandleEdgeSelect.d.ts
+/** Returns a callback applying edge-selection semantics for the given edge id. */
 declare function useHandleEdgeSelect(): (id: string) => void;
 //#endregion
 //#region src/hooks/useInitialized.d.ts
@@ -1584,6 +1456,7 @@ type NodeData<NodeType extends Node> = Pick<NodeType, "id" | "data" | "type">;
  * @returns A memo with an array of data objects
  */
 declare function useNodesData<NodeType extends Node = Node>(nodeId: Accessor<string | undefined | null>): Accessor<NodeData<NodeType> | undefined>;
+/** Reactive accessor for the `data` of one or many nodes by id. */
 declare function useNodesData<NodeType extends Node = Node>(nodeIds: Accessor<string[] | undefined | null>): Accessor<NodeData<NodeType>[]>;
 //#endregion
 //#region src/hooks/useSolidFlow.d.ts
@@ -1646,4 +1519,309 @@ declare function useSolidFlow<NodeType extends Node = Node, EdgeType extends Edg
  */
 declare function useUpdateNodeInternals(): UpdateNodeInternals;
 //#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, type ConnectionsRecord, 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 FlowCommands, type FlowSelection, type FlowState, 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, UseSolidFlowReturn, Viewport, type ViewportHelperFunctionOptions, ViewportPortal, type XYPosition, type XYZPosition, Zoom, addEdge, connectionKey, 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 };
+//#region src/plugins/background/types.d.ts
+/** Available background pattern styles. */
+type BackgroundVariant = "lines" | "dots" | "cross";
+//#endregion
+//#region src/plugins/background/Background.d.ts
+/** Props for the `Background` plugin. */
+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;
+};
+/** Canvas background pattern (lines, dots, or cross) rendered beneath the graph. */
+declare const Background: (props: BackgroundProps) => JSX.Element;
+//#endregion
+//#region src/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>;
+};
+/** A styled button for use inside `Controls`. */
+declare const ControlButton: (props: ParentProps<ControlButtonProps>) => JSX.Element;
+//#endregion
+//#region src/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$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">;
+/** Viewport control panel: zoom in/out, fit view, and interactivity lock. */
+declare const Controls: (props: ParentProps<ControlsProps>) => JSX.Element;
+//#endregion
+//#region src/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$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;
+};
+/** Miniature overview map of the whole flow, with optional pan/zoom interaction. */
+declare const MiniMap: <NodeType extends Node>(props: ParentProps<Partial<MiniMapProps<NodeType>>>) => JSX.Element;
+//#endregion
+//#region src/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$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">;
+/** Resize handles and lines around a node; place inside a custom node to make it resizable. */
+declare const NodeResizer: (props: Partial<NodeResizerProps>) => JSX.Element;
+//#endregion
+//#region src/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$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">;
+/** A single resize handle or line — the building block of `NodeResizer`. */
+declare const ResizeControl: <NodeType extends Node = Node>(props: ParentProps<ResizeControlProps>) => JSX.Element;
+//#endregion
+//#region src/plugins/toolbar/EdgeToolbar.d.ts
+/** Props for the `EdgeToolbar` plugin. */
+type EdgeToolbarProps = EdgeToolbarBaseProps & {
+  /** 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.
+ * It must be used inside a custom edge component. By default it is only
+ * visible when the edge is selected; pass `isVisible` to control it manually.
+ *
+ * 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/plugins/toolbar/NodeToolbar.d.ts
+/** Props for the `NodeToolbar` plugin. */
+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$2;
+  /** 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">;
+};
+/** Toolbar attached to a node, rendered above the graph so it does not scale with zoom. */
+declare const NodeToolbar: ParentComponent<Partial<NodeToolbarProps>>;
+//#endregion
+//#region src/types/system.d.ts
+/** Alignment of an attached element (e.g. a toolbar) along its side: 'start' | 'center' | 'end'. */
+type Align = Align$1;
+/** Configurable UI strings and ARIA descriptions (localization / a11y overrides). */
+type AriaLabelConfig = AriaLabelConfig$1;
+/** Options controlling bezier edge path curvature. */
+type BezierPathOptions = BezierPathOptions$1;
+/** A rectangle expressed as top-left position plus bottom-right extent. */
+type Box = Box$1;
+/** Color scheme for the flow: an explicit class or 'system' (media-query resolved). */
+type ColorMode = ColorMode$1;
+/** A resolved color scheme class: 'light' | 'dark'. */
+type ColorModeClass = ColorModeClass$1;
+/** A width/height pair. */
+type Dimensions = Dimensions$1;
+/** An edge marker reference: a marker type string or a full `EdgeMarker` config. */
+type EdgeMarkerType = EdgeMarkerType$1;
+/** Options for fitting the viewport to a set of bounds. */
+type FitBoundsOptions = FitBoundsOptions$1;
+/** Parameters accepted by `getBezierPath`. */
+type GetBezierPathParams = GetBezierPathParams$1;
+/** Parameters accepted by `getSmoothStepPath`. */
+type GetSmoothStepPathParams = GetSmoothStepPathParams$1;
+/** Parameters accepted by `getStraightPath`. */
+type GetStraightPathParams = GetStraightPathParams$1;
+/** Predicate deciding whether a pending connection may become an edge. */
+type IsValidConnection<EdgeType extends EdgeBase = EdgeBase> = IsValidConnection$1<EdgeType>;
+/** Handler called when a connection successfully completes. */
+type OnConnect = OnConnect$1;
+/** Handler called when a connection gesture ends (whether or not an edge was made). */
+type OnConnectEnd<NodeType extends NodeBase = NodeBase> = OnConnectEnd$1<NodeType>;
+/** Handler called when a user starts dragging a connection from a handle. */
+type OnConnectStart = OnConnectStart$1;
+/** The handle a connection gesture started from. */
+type OnConnectStartParams = OnConnectStartParams$1;
+/** Handler for internal, non-fatal flow errors (logged instead of thrown). */
+type OnError = OnError$1;
+/** Handler called when the user starts panning or zooming the viewport. */
+type OnMoveStart = OnMove$1;
+/** Handler called when the user stops panning or zooming the viewport. */
+type OnMoveEnd = OnMove$1;
+/** Handler called after an edge has been reconnected to a different handle. */
+type OnReconnect<EdgeType extends EdgeBase = EdgeBase> = OnReconnect$1<EdgeType>;
+/** Handler called when an edge reconnection gesture ends. */
+type OnReconnectEnd<NodeType extends NodeBase = NodeBase, EdgeType extends EdgeBase = EdgeBase> = OnReconnectEnd$1<NodeType, EdgeType>;
+/** Handler called when the user starts dragging an edge end off its handle. */
+type OnReconnectStart<EdgeType extends EdgeBase = EdgeBase> = OnReconnectStart$1<EdgeType>;
+/** Handler called while a node is being resized. */
+type OnResize = OnResize$1;
+/** Handler called when a node resize gesture ends. */
+type OnResizeEnd = OnResizeEnd$1;
+/** Handler called when a node resize gesture starts. */
+type OnResizeStart = OnResizeStart$1;
+/** Handler called while a selection of nodes is dragged. */
+type OnSelectionDrag<NodeType extends NodeBase = NodeBase> = OnSelectionDrag$1<NodeType>;
+/** Pro/attribution options (`hideAttribution`). */
+type ProOptions = ProOptions$1;
+/** A rectangle: position plus dimensions. */
+type Rect = Rect$1;
+/** The drag event delivered to resize handlers. */
+type ResizeDragEvent = ResizeDragEvent$1;
+/** Geometry of a resize step: position and dimensions. */
+type ResizeParams = ResizeParams$1;
+/** Resize geometry plus the direction of the drag. */
+type ResizeParamsWithDirection = ResizeParamsWithDirection$1;
+/** The user-drawn selection rectangle in flow coordinates. */
+type SelectionRect = SelectionRect$1;
+/** Options for `setCenter`: zoom and transition behavior. */
+type SetCenterOptions = SetCenterOptions$1;
+/** Options controlling smooth-step edge path geometry. */
+type SmoothStepPathOptions = SmoothStepPathOptions$1;
+/** Grid nodes snap to while dragging: `[x, y]` step sizes. */
+type SnapGrid = SnapGrid$1;
+/** The viewport transform as `[translateX, translateY, zoom]`. */
+type Transform = Transform$1;
+/** Common options for viewport helper functions (e.g. transition duration). */
+type ViewportHelperFunctionOptions = ViewportHelperFunctionOptions$1;
+/** An x/y position with a z-index. */
+type XYZPosition = XYZPosition$1;
+/**
+ * How drag-selection decides membership: 'full' requires nodes to be fully
+ * inside the selection box, 'partial' selects on any overlap.
+ */
+declare const SelectionMode: typeof SelectionMode$1;
+/** See {@link SelectionMode}. */
+type SelectionMode = SelectionMode$1;
+/** Returns the center `[x, y]` of a straight edge between two points. */
+declare const getEdgeCenter: typeof getEdgeCenter$1;
+/** Returns the label center and offsets for a bezier edge. */
+declare const getBezierEdgeCenter: typeof getBezierEdgeCenter$1;
+//#endregion
+export { Align, AriaLabelConfig, Background, type BackgroundProps, type BackgroundVariant, BaseEdge, BezierEdge, BezierEdgeInternal, type BezierEdgeProps, BezierPathOptions, Box, type BuiltInEdge, type BuiltInNode, type BuiltInNodeTypes, ColorMode, ColorModeClass, type Connection, ConnectionData, ConnectionLine, ConnectionLineComponentProps, ConnectionLineType, ConnectionMode, type ConnectionsRecord, ControlButton, type ControlLinePosition, type ControlPosition, Controls, type CoordinateExtent, type DefaultEdgeOptions, DefaultNode, DeleteEvents, Dimensions, type Edge, EdgeConnection, EdgeEvents, EdgeLabel, EdgeLabelRenderer, type EdgeMarker, EdgeMarkerType, type EdgeProps, EdgeReconnectAnchor, EdgeReconnectEvents, EdgeRenderer, EdgeToolbar, EdgeToolbarProps, type EdgeTypes, EdgeWrapper, type FitBounds, FitBoundsOptions, FitViewOptions, type FlowCommands, type FlowSelection, type FlowState, GetBezierPathParams, GetSmoothStepPathParams, 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, OnConnect, OnConnectEnd, OnConnectStart, OnConnectStartParams, OnDelete, OnEdgeConnect, OnEdgeCreate, OnError, type OnMove, OnMoveEnd, OnMoveStart, OnReconnect, OnReconnectEnd, OnReconnectStart, OnResize, OnResizeEnd, OnResizeStart, OnSelectionChange, OnSelectionDrag, OutputNode, PanOnScrollMode, Pane, PaneEvents, Panel, type PanelPosition, Position, ProOptions, Rect, ResizeControl, ResizeControlVariant, ResizeDragEvent, ResizeParams, ResizeParamsWithDirection, Selection, SelectionMode, SelectionRect, type SetCenter, SetCenterOptions, type SetViewport, ShortcutModifier, ShortcutModifierDefinition, type ShouldResize, SmoothStepEdge, SmoothStepEdgeInternal, type SmoothStepEdgeProps, SmoothStepPathOptions, SnapGrid, SolidFlow, type SolidFlowInitialProps, type SolidFlowProps, SolidFlowProvider, StepEdge, StepEdgeInternal, type StepEdgeProps, StraightEdge, StraightEdgeInternal, type StraightEdgeProps, Transform, UseSolidFlowReturn, Viewport, ViewportHelperFunctionOptions, ViewportPortal, type XYPosition, XYZPosition, Zoom, addEdge, connectionKey, 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 };