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

package/dist/index/index.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from "@solidjs/web";
-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, Position as Position$1, 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";
+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";
 //#region src/types/custom.d.ts
 type UnknownStruct = Record<string, unknown>;
@@ -30,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.
@@ -37,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;
@@ -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,7 +254,7 @@ 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$2 = `${Position$1}`;
@@ -272,25 +285,34 @@ type ConnectionLineComponentProps<NodeType extends Node = Node> = {
 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;
 };
@@ -298,17 +320,22 @@ 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
@@ -318,6 +345,7 @@ type ConnectionLineProps<NodeType extends Node = Node> = {
   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
@@ -325,12 +353,14 @@ 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
@@ -342,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
@@ -354,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
@@ -377,15 +410,19 @@ 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/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/edge/BezierEdge.d.ts
+/** Built-in bezier edge component. */
 declare const BezierEdge: (props: BezierEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/BezierEdgeInternal.d.ts
+/** Renderer-internal bezier edge variant. */
 declare const BezierEdgeInternal: (props: BezierEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/EdgeLabel.d.ts
@@ -398,9 +435,11 @@ 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/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/edge/EdgeReconnectAnchor.d.ts
@@ -412,30 +451,38 @@ 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/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/edge/SmoothStepEdge.d.ts
+/** Built-in smooth-step edge component. */
 declare const SmoothStepEdge: (props: SmoothStepEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/SmoothStepEdgeInternal.d.ts
+/** Renderer-internal smooth-step edge variant. */
 declare const SmoothStepEdgeInternal: (props: SmoothStepEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/StepEdge.d.ts
+/** Built-in step edge component. */
 declare const StepEdge: (props: StepEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/StepEdgeInternal.d.ts
+/** Renderer-internal step edge variant. */
 declare const StepEdgeInternal: (props: StepEdgeProps) => JSX.Element;
 //#endregion
 //#region src/components/edge/StraightEdge.d.ts
+/** Built-in straight edge component. */
 declare const StraightEdge: (props: StraightEdgeProps) => JSX.Element;
 //#endregion
 //#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/handle/Handle.d.ts
@@ -446,6 +493,7 @@ type HandleProps$1 = Omit<HandleProps, "position"> & {
   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/marker/Marker.d.ts
@@ -453,20 +501,25 @@ 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/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/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/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/node/InputNode.d.ts
+/** Built-in input node: label with a source handle only. */
 declare const InputNode: (props: NodeProps<{
   label: string;
 }>) => JSX.Element;
@@ -477,15 +530,18 @@ type NodeWrapperProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
   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/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/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/selection/Selection.d.ts
@@ -496,9 +552,11 @@ type SelectionProps = {
   readonly height?: number | string;
   readonly isVisible?: boolean;
 };
+/** Internal selection-rectangle visual. */
 declare const Selection: (props: SelectionProps) => JSX.Element;
 //#endregion
 //#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[];
@@ -507,6 +565,10 @@ type SolidFlowInitialProps = {
   readonly fitView: boolean;
   readonly nodeOrigin: NodeOrigin$1;
 };
+/**
+ * Props accepted by the `SolidFlow` component — the full configuration surface
+ * of a flow, and the config contract of the headless core (`createFlowState`).
+ */
 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.
@@ -896,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 */
@@ -944,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 */
@@ -962,9 +1024,11 @@ 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
@@ -1060,6 +1124,7 @@ declare const createEdgeStore: <TUserEdgeTypes extends EdgeTypes = Record<string
  *   `${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
@@ -1329,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
@@ -1390,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
@@ -1453,9 +1520,11 @@ declare function useSolidFlow<NodeType extends Node = Node, EdgeType extends Edg
 declare function useUpdateNodeInternals(): UpdateNodeInternals;
 //#endregion
 //#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
@@ -1479,6 +1548,7 @@ type BackgroundProps = {
   /** 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
@@ -1491,6 +1561,7 @@ type ControlButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onC
   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
@@ -1518,6 +1589,7 @@ type ControlsProps = {
   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
@@ -1561,6 +1633,7 @@ type MiniMapProps<NodeType extends Node> = Omit<JSX.HTMLAttributes<HTMLDivElemen
   /** 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
@@ -1600,6 +1673,7 @@ type NodeResizerProps = {
   /** 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
@@ -1617,9 +1691,11 @@ type ResizeControlProps = NodeResizerSubProps & {
   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;
@@ -1634,6 +1710,7 @@ type EdgeToolbarProps = EdgeToolbarBaseProps & {
 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[];
@@ -1653,6 +1730,98 @@ type NodeToolbarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
   /** 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
-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, 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, 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, type SolidFlowInitialProps, type SolidFlowProps, 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/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 };

package/dist/index/index.js

@@ -1,5 +1,5 @@
 import { Dynamic, Portal, addEvent, claimElement, className, createComponent, delegateEvents, effect, insert, isServer, memo, mergeProps, ref, setAttribute, setStyleProperty, spread, style, template } from "@solidjs/web";
-import { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, Position as Position$1, ResizeControlVariant, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS, addEdge, addEdge as addEdge$1, areConnectionMapsEqual, calcAutoPan, calculateNodePosition, clampPosition, clampPositionToParent, createDevWarn, createMarkerIds, elementSelectionKeys, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getDimensions, getEdgeCenter, getEdgePosition, getEdgeToolbarTransform, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHostForElement, getIncomers, getInternalNodesBounds, getMarkerId, getNodeDimensions, getNodePositionWithOrigin, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, infiniteExtent, initialConnection, isCoordinateExtent, isEdgeBase, isInputDOMNode, isMacOs, isNodeBase, isNumeric, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, panBy, pointToRendererPoint, rendererPointToPoint, shallowNodeData, snapPosition } from "@xyflow/system";
+import { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, Position as Position$1, ResizeControlVariant, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS, addEdge, addEdge as addEdge$1, areConnectionMapsEqual, calcAutoPan, calculateNodePosition, clampPosition, clampPositionToParent, createDevWarn, createMarkerIds, elementSelectionKeys, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getDimensions, getEdgeCenter as getEdgeCenter$1, getEdgePosition, getEdgeToolbarTransform, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHostForElement, getIncomers, getInternalNodesBounds, getMarkerId, getNodeDimensions, getNodePositionWithOrigin, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, infiniteExtent, initialConnection, isCoordinateExtent, isEdgeBase, isInputDOMNode, isMacOs, isNodeBase, isNumeric, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, panBy, pointToRendererPoint, rendererPointToPoint, shallowNodeData, snapPosition } from "@xyflow/system";
 import { For, Show, createContext, createEffect, createMemo, createProjection, createSignal, createStore, flush, mapArray, merge, omit, onCleanup, onSettled, snapshot, untrack, useContext } from "solid-js";
 import { createMediaQuery } from "@solid-primitives/media";
 import { createEventListener, createEventListenerMap } from "@solid-primitives/event-listener";
@@ -75,6 +75,7 @@ const getEdgeId = (connection) => {
 //#endregion
 //#region src/components/edge/EdgeLabel.tsx
 var _tmpl$$34 = /* @__PURE__ */ template("<div>");
+/** Renders an edge label positioned in graph coordinates. */
 const EdgeLabel = (props) => {
 	let _props = propDefaults(props, {
 		x: 0,
@@ -115,6 +116,7 @@ const EdgeLabel = (props) => {
 //#endregion
 //#region src/components/edge/BaseEdge.tsx
 var _tmpl$$33 = /* @__PURE__ */ template("<svg><path></svg>", 2), _tmpl$2$4 = /* @__PURE__ */ template("<svg><path stroke-opacity=0 fill=none class=solid-flow__edge-interaction></svg>", 2);
+/** Lowest-level edge primitive: renders the SVG path, label, and interaction width. */
 const BaseEdge = (props) => {
 	let _props = propDefaults(props, { interactionWidth: 20 }), rest = omit(_props, "class", "style", "path", "interactionWidth", "label", "labelStyle", "labelX", "labelY", "markerStart", "markerEnd");
 	return [
@@ -273,6 +275,7 @@ const BaseEdge = (props) => {
 //#endregion
 //#region src/components/edge/EdgeReconnectAnchor.tsx
 var _tmpl$$32 = /* @__PURE__ */ template("<div style=background:transparent;border:none;cursor:move>");
+/** Grab area that lets an edge end be dragged off its handle and reconnected. */
 const EdgeReconnectAnchor = (props) => {
 	let _props = propDefaults(props, {
 		size: 25,
@@ -1420,6 +1423,7 @@ const createLayoutedEdges = (source) => {
 //#endregion
 //#region src/components/edge/EdgeWrapper.tsx
 var _tmpl$$30 = /* @__PURE__ */ template("<svg class=solid-flow__edge-wrapper><g>");
+/** Internal per-edge wrapper: interaction, a11y, viewport culling, and the dynamic edge component. */
 const EdgeWrapper = (props) => {
 	let edgeRef, { store, actions } = useInternalSolidFlow(), edgeId = () => props.edgeId, edge = () => actions.getEdge(edgeId()), edgeType = () => edge().type ?? "default", selectable = () => edge().selectable ?? store.elementsSelectable, focusable = () => edge().focusable ?? store.edgesFocusable, edgeComponent = () => store.edgeTypes[edgeType()], markerStartUrl = () => edge().markerStart ? `url('#${getMarkerId(edge().markerStart, store.id)}')` : void 0, markerEndUrl = () => edge().markerEnd ? `url('#${getMarkerId(edge().markerEnd, store.id)}')` : void 0, onClick = (event) => {
 		selectable() && actions.handleEdgeSelection(edgeId()), props.onEdgeClick?.({
@@ -1854,6 +1858,7 @@ function useNodeConnectable() {
 //#endregion
 //#region src/components/handle/Handle.tsx
 var _tmpl$$29 = /* @__PURE__ */ template("<div>");
+/** Connection point on a node; place inside custom nodes to make them connectable. */
 const Handle = (props) => {
 	let _props = propDefaults(props, {
 		type: "source",
@@ -2021,6 +2026,7 @@ const Handle = (props) => {
 //#endregion
 //#region src/components/node/GroupNode.tsx
 var _tmpl$$28 = /* @__PURE__ */ template("<div style=position:absolute;left:0;top:0>");
+/** Built-in group node: a plain container for child nodes. */
 const GroupNode = (props) => (() => {
 	var _el$ = _tmpl$$28();
 	return effect(() => ({
@@ -2097,6 +2103,7 @@ function useNodeId() {
 //#endregion
 //#region src/components/node/NodeWrapper.tsx
 var _tmpl$$27 = /* @__PURE__ */ template("<div>");
+/** Internal per-node wrapper: dragging, selection, a11y, measurement, viewport culling, and the dynamic node component. */
 const NodeWrapper = (props) => {
 	let { store, nodeLookup, parentIds, actions } = useInternalSolidFlow(), [nodeRef, setNodeRef] = createSignal(), node = () => nodeLookup.get(props.nodeId), nodeId = () => node().id, nodeType = () => node().type ?? "default", deletable = () => node().deletable ?? !0, selectable = () => node().selectable ?? store.elementsSelectable, focusable = () => node().focusable ?? store.nodesFocusable, draggable = () => node().draggable ?? store.nodesDraggable, connectable = () => node().connectable ?? store.nodesConnectable, userNode = () => node().internals.userNode, nodeTypeValid = () => nodeType() in store.nodeTypes, nodeComponent = () => store.nodeTypes[nodeType()], isParentNode = () => !!parentIds[node().id], transform = () => {
 		let { x, y } = node().internals.positionAbsolute;
@@ -2494,6 +2501,7 @@ function useInternalSolidFlow() {
 //#endregion
 //#region src/components/connection/ConnectionLine.tsx
 var _tmpl$$26 = /* @__PURE__ */ template("<svg class=\"solid-flow__container solid-flow__connectionline\"><g>"), _tmpl$2$2 = /* @__PURE__ */ template("<svg><path class=solid-flow__connection-path fill=none></svg>", 2);
+/** Internal component rendering the in-progress connection line. */
 const ConnectionLine = (props) => {
 	let { store } = useInternalSolidFlow(), connectionStatus = () => getConnectionStatus(store.connection.isValid);
 	return createComponent(Show, {
@@ -2606,6 +2614,7 @@ const ConnectionLine = (props) => {
 //#endregion
 //#region src/components/marker/Marker.tsx
 var _tmpl$$25 = /* @__PURE__ */ template("<svg><polyline class=arrow fill=none stroke-linecap=round stroke-linejoin=round points=\"-5,-4 0,0 -5,4\"></svg>", 2), _tmpl$2$1 = /* @__PURE__ */ template("<svg><marker class=solid-flow__arrowhead viewBox=\"-10 -10 20 20\"refX=0 refY=0></svg>", 2), _tmpl$3$1 = /* @__PURE__ */ template("<svg><polyline class=arrowclosed stroke-linecap=round stroke-linejoin=round points=\"-5,-4 0,0 -5,4 -5,-4\"></svg>", 2);
+/** Internal SVG `<marker>` definition for one edge marker configuration. */
 const Marker = (props) => {
 	let _props = propDefaults(props, {
 		markerUnits: "strokeWidth",
@@ -2651,6 +2660,7 @@ const Marker = (props) => {
 //#endregion
 //#region src/components/marker/MarkerDefinition.tsx
 var _tmpl$$24 = /* @__PURE__ */ template("<svg class=solid-flow__marker><defs>");
+/** Internal collector rendering every unique edge marker into one SVG defs block. */
 const MarkerDefinition = () => {
 	let { store } = useInternalSolidFlow(), markers = createMemo(() => createMarkerIds(store.edges, {
 		id: store.id,
@@ -2676,6 +2686,7 @@ const MarkerDefinition = () => {
 //#endregion
 //#region src/components/container/EdgeRenderer.tsx
 var _tmpl$$23 = /* @__PURE__ */ template("<div class=solid-flow__edges><!><!>");
+/** Internal renderer iterating the edge id list into `EdgeWrapper`s. */
 const EdgeRenderer = (props) => {
 	let { store } = useInternalSolidFlow();
 	var _el$ = _tmpl$$23(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
@@ -2703,6 +2714,7 @@ const EdgeRenderer = (props) => {
 //#endregion
 //#region src/components/container/NodeRenderer.tsx
 var _tmpl$$22 = /* @__PURE__ */ template("<div class=\"solid-flow__container solid-flow__nodes\">");
+/** Internal renderer iterating the node id list into `NodeWrapper`s; owns the shared measurement `ResizeObserver`. */
 const NodeRenderer = (props) => {
 	let { actions, store } = useInternalSolidFlow(), resizeObserver = isServer ? void 0 : new ResizeObserver((entries) => {
 		actions.requestUpdateNodeInternals(entries.map((entry) => {
@@ -2907,6 +2919,7 @@ delegateEvents([
 //#endregion
 //#region src/components/container/Panel.tsx
 var _tmpl$$20 = /* @__PURE__ */ template("<div>");
+/** Positioned overlay container for UI placed above the flow (used by `Controls`, `MiniMap`, attribution). */
 const Panel = (props) => {
 	let { store } = useInternalSolidFlow(), _props = propDefaults(props, {
 		position: "top-right",
@@ -2957,6 +2970,7 @@ const Viewport = (props) => {
 //#endregion
 //#region src/components/container/Zoom.tsx
 var _tmpl$$18 = /* @__PURE__ */ template("<div class=\"solid-flow__container solid-flow__zoom\">");
+/** Internal viewport controller wiring pan/zoom gestures (XYPanZoom) to the flow. */
 const Zoom = (props) => {
 	let [ref$3, setRef] = createSignal(), { store, actions } = useInternalSolidFlow(), viewPort = () => props.initialViewport || {
 		x: 0,
@@ -3021,6 +3035,7 @@ const Zoom = (props) => {
 //#endregion
 //#region src/components/selection/Selection.tsx
 var _tmpl$$17 = /* @__PURE__ */ template("<div class=solid-flow__selection>");
+/** Internal selection-rectangle visual. */
 const Selection = (props) => {
 	let _props = propDefaults(props, { isVisible: !0 }), styles = () => ({
 		..._props.width != null && { width: typeof _props.width == "string" ? _props.width : toPxString(_props.width) },
@@ -3042,6 +3057,7 @@ const Selection = (props) => {
 //#endregion
 //#region src/components/selection/NodeSelection.tsx
 var _tmpl$$16 = /* @__PURE__ */ template("<div>");
+/** Internal draggable bounding box rendered around multi-selected nodes. */
 const NodeSelection = (props) => {
 	let { store, nodeLookup, actions } = useInternalSolidFlow(), [ref$2, setRef] = createSignal(), bounds = () => store.selectionRectMode === "nodes" ? getInternalNodesBounds(nodeLookup, { filter: (node) => !!node.selected }) : null;
 	createEffect(() => ({
@@ -3248,6 +3264,7 @@ const KeyHandler = (props) => {
 //#endregion
 //#region src/components/SolidFlow/component.tsx
 var _tmpl$$14 = /* @__PURE__ */ template("<div class=\"solid-flow__container solid-flow__viewport-back\">"), _tmpl$2 = /* @__PURE__ */ template("<div class=\"solid-flow__container solid-flow__edge-labels\">"), _tmpl$3 = /* @__PURE__ */ template("<div>");
+/** The flow canvas component: renders nodes and edges and wires up viewport and interactions. */
 const SolidFlow = (props) => {
 	let [domNodeRef, setDomNodeRef] = createSignal(), domNode, _props = merge({
 		...getDefaultFlowStateProps(),
@@ -3611,6 +3628,7 @@ function useViewport() {
 }
 //#endregion
 //#region src/hooks/useHandleEdgeSelect.ts
+/** Returns a callback applying edge-selection semantics for the given edge id. */
 function useHandleEdgeSelect() {
 	let { store, edgeLookup, actions } = useInternalSolidFlow();
 	return (id) => {
@@ -3822,6 +3840,7 @@ const DEFAULT_SIZE = {
 //#endregion
 //#region src/plugins/controls/ControlButton.tsx
 var _tmpl$$10 = /* @__PURE__ */ template("<button>");
+/** A styled button for use inside `Controls`. */
 const ControlButton = (props) => {
 	let rest = omit(props, "class", "bgColor", "bgColorHover", "color", "colorHover", "borderColor", "onClick", "children"), style = () => Object.entries({
 		"--xy-controls-button-background-color-props": props.bgColor,
@@ -4178,6 +4197,7 @@ const getAttrFunction = (func) => func instanceof Function ? func : () => func,
 //#endregion
 //#region src/plugins/nodeResizer/ResizeControl.tsx
 var _tmpl$$2 = /* @__PURE__ */ template("<div>");
+/** A single resize handle or line — the building block of `NodeResizer`. */
 const ResizeControl = (props) => {
 	let _props = propDefaults(props, {
 		variant: "handle",
@@ -4349,6 +4369,7 @@ const EdgeToolbar = (props) => {
 //#endregion
 //#region src/plugins/toolbar/NodeToolbar.tsx
 var _tmpl$ = /* @__PURE__ */ template("<div>");
+/** Toolbar attached to a node, rendered above the graph so it does not scale with zoom. */
 const NodeToolbar = (props) => {
 	let { store } = useInternalSolidFlow(), { getNodes, getNodesBounds, getInternalNode } = useSolidFlow(), _props = propDefaults(props, {
 		offset: 10,
@@ -4400,6 +4421,6 @@ const NodeToolbar = (props) => {
 			});
 		}
 	});
-};
+}, SelectionMode = SelectionMode$1, getEdgeCenter = getEdgeCenter$1, getBezierEdgeCenter = getBezierEdgeCenter$1;
 //#endregion
 export { Background, BaseEdge, BezierEdge, BezierEdgeInternal, ConnectionLine, ConnectionLineType, ConnectionMode, ControlButton, Controls, DefaultNode, EdgeLabel, EdgeLabelRenderer, EdgeReconnectAnchor, EdgeRenderer, EdgeToolbar, EdgeWrapper, GroupNode, Handle, InputNode, Marker, MarkerDefinition, MarkerType, MiniMap, NodeRenderer, NodeResizer, NodeSelection, NodeToolbar, NodeWrapper, OutputNode, PanOnScrollMode, Pane, Panel, Position, ResizeControl, ResizeControlVariant, Selection, SelectionMode, SmoothStepEdge, SmoothStepEdgeInternal, SolidFlow, SolidFlowProvider, StepEdge, StepEdgeInternal, StraightEdge, StraightEdgeInternal, Viewport, ViewportPortal, 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 };

package/dist/index/index.jsx

@@ -1,4 +1,4 @@
-import { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, Position as Position$1, ResizeControlVariant, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS, addEdge, addEdge as addEdge$1, areConnectionMapsEqual, calcAutoPan, calculateNodePosition, clampPosition, clampPositionToParent, createDevWarn, createMarkerIds, elementSelectionKeys, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getDimensions, getEdgeCenter, getEdgePosition, getEdgeToolbarTransform, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHostForElement, getIncomers, getInternalNodesBounds, getMarkerId, getNodeDimensions, getNodePositionWithOrigin, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, infiniteExtent, initialConnection, isCoordinateExtent, isEdgeBase, isInputDOMNode, isMacOs, isNodeBase, isNumeric, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, panBy, pointToRendererPoint, rendererPointToPoint, shallowNodeData, snapPosition } from "@xyflow/system";
+import { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, Position as Position$1, ResizeControlVariant, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, XY_RESIZER_HANDLE_POSITIONS, XY_RESIZER_LINE_POSITIONS, addEdge, addEdge as addEdge$1, areConnectionMapsEqual, calcAutoPan, calculateNodePosition, clampPosition, clampPositionToParent, createDevWarn, createMarkerIds, elementSelectionKeys, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getDimensions, getEdgeCenter as getEdgeCenter$1, getEdgePosition, getEdgeToolbarTransform, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHostForElement, getIncomers, getInternalNodesBounds, getMarkerId, getNodeDimensions, getNodePositionWithOrigin, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, infiniteExtent, initialConnection, isCoordinateExtent, isEdgeBase, isInputDOMNode, isMacOs, isNodeBase, isNumeric, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, panBy, pointToRendererPoint, rendererPointToPoint, shallowNodeData, snapPosition } from "@xyflow/system";
 import { For, Show, createContext, createEffect, createMemo, createProjection, createSignal, createStore, flush, mapArray, merge, omit, onCleanup, onSettled, snapshot, untrack, useContext } from "solid-js";
 import { createMediaQuery } from "@solid-primitives/media";
 import { Dynamic, Portal, isServer } from "@solidjs/web";
@@ -1390,6 +1390,7 @@ function useNodeConnectable() {
 }
 //#endregion
 //#region src/components/handle/Handle.tsx
+/** Connection point on a node; place inside custom nodes to make them connectable. */
 const Handle = (props) => {
 	let _props = propDefaults(props, {
 		type: "source",
@@ -1578,6 +1579,7 @@ function useNodeId() {
 }
 //#endregion
 //#region src/components/node/NodeWrapper.tsx
+/** Internal per-node wrapper: dragging, selection, a11y, measurement, viewport culling, and the dynamic node component. */
 const NodeWrapper = (props) => {
 	let { store, nodeLookup, parentIds, actions } = useInternalSolidFlow(), [nodeRef, setNodeRef] = createSignal(), node = () => nodeLookup.get(props.nodeId), nodeId = () => node().id, nodeType = () => node().type ?? "default", deletable = () => node().deletable ?? !0, selectable = () => node().selectable ?? store.elementsSelectable, focusable = () => node().focusable ?? store.nodesFocusable, draggable = () => node().draggable ?? store.nodesDraggable, connectable = () => node().connectable ?? store.nodesConnectable, userNode = () => node().internals.userNode, nodeTypeValid = () => nodeType() in store.nodeTypes, nodeComponent = () => store.nodeTypes[nodeType()], isParentNode = () => !!parentIds[node().id], transform = () => {
 		let { x, y } = node().internals.positionAbsolute;
@@ -1874,6 +1876,7 @@ function useInternalSolidFlow() {
 }
 //#endregion
 //#region src/components/connection/ConnectionLine.tsx
+/** Internal component rendering the in-progress connection line. */
 const ConnectionLine = (props) => {
 	let { store } = useInternalSolidFlow(), connectionStatus = () => getConnectionStatus(store.connection.isValid);
 	return <Show when={store.connection.inProgress}>
@@ -2532,6 +2535,7 @@ function useViewport() {
 }
 //#endregion
 //#region src/hooks/useHandleEdgeSelect.ts
+/** Returns a callback applying edge-selection semantics for the given edge id. */
 function useHandleEdgeSelect() {
 	let { store, edgeLookup, actions } = useInternalSolidFlow();
 	return (id) => {
@@ -2993,6 +2997,6 @@ const DotPattern = (props) => {
         </div>
       </Portal>
     </Show>;
-};
+}, SelectionMode = SelectionMode$1, getEdgeCenter = getEdgeCenter$1, getBezierEdgeCenter = getBezierEdgeCenter$1;
 //#endregion
 export { Background, BaseEdge, BezierEdge, BezierEdgeInternal, ConnectionLine, ConnectionLineType, ConnectionMode, ControlButton, Controls, DefaultNode, EdgeLabel, EdgeLabelRenderer, EdgeReconnectAnchor, EdgeRenderer, EdgeToolbar, EdgeWrapper, GroupNode, Handle, InputNode, Marker, MarkerDefinition, MarkerType, MiniMap, NodeRenderer, NodeResizer, NodeSelection, NodeToolbar, NodeWrapper, OutputNode, PanOnScrollMode, Pane, Panel, Position, ResizeControl, ResizeControlVariant, Selection, SelectionMode, SmoothStepEdge, SmoothStepEdgeInternal, SolidFlow, SolidFlowProvider, StepEdge, StepEdgeInternal, StraightEdge, StraightEdgeInternal, Viewport, ViewportPortal, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dschz/solid-flow",
-  "version": "0.3.0-next.2",
+  "version": "0.3.0-next.3",
   "description": "Solid Flow - A highly customizable Solid library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "ai workflows",