@xyflow/vue 2.0.0-next.5 → 2.0.0-next.6

package/dist/index.d.mts

@@ -73,10 +73,10 @@ interface BackgroundProps {
 //#region src/components/Background/Background.vue.d.ts
 declare const _default: typeof __VLS_export$15;
 declare const __VLS_export$15: __VLS_WithSlots$11<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
+  offset: number | [number, number];
   x: number;
   y: number;
   size: number;
-  offset: number | [number, number];
   variant: BackgroundVariant;
   gap: number | number[];
   lineWidth: number;
@@ -2051,8 +2051,8 @@ interface NodeToolbarProps {
 //#region src/components/NodeToolbar/NodeToolbar.vue.d.ts
 declare const _default$12: typeof __VLS_export$3;
 declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<NodeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeToolbarProps> & Readonly<{}>, {
-  position: Position$1;
   offset: number;
+  position: Position$1;
   isVisible: boolean;
   align: "center" | "start" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2174,6 +2174,35 @@ interface UseNodesInitializedOptions {
  */
 declare function useNodesInitialized(options?: UseNodesInitializedOptions): import("vue").ComputedRef<boolean>;
 //#endregion
+//#region src/composables/setupVueFlow.d.ts
+/**
+ * Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
+ * same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
+ * in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
+ * `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
+ * store instead of creating their own.
+ *
+ * Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
+ * `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
+ *
+ * @public
+ * @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
+ * @returns the VueFlow instance (same shape `useVueFlow()` returns)
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { setupVueFlow, VueFlow } from '@xyflow/vue'
+ *
+ * const { addEdges, fitView } = setupVueFlow()
+ * </script>
+ *
+ * <template>
+ *   <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
+ * </template>
+ * ```
+ */
+declare function setupVueFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(options?: FlowOptions<NodeType, EdgeType>): VueFlowInstance<NodeType, EdgeType>;
+//#endregion
 //#region src/container/VueFlow/VueFlow.vue.d.ts
 declare const _default$14: typeof __VLS_export$1;
 declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -2509,5 +2538,5 @@ declare function addEdge<EdgeType extends EdgeBase>(edgeParams: EdgeType | Conne
  */
 declare function reconnectEdge<EdgeType extends EdgeBase>(oldEdge: EdgeType, newConnection: Connection$1, edges: EdgeType[], options?: ReconnectEdgeOptions): EdgeType[];
 //#endregion
-export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, addEdge, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, connectionLineProps, defaultEdgeTypes, defaultNodeTypes, edgeProps, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, nodeProps, pointToRendererPoint, reconnectEdge, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
+export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, addEdge, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, connectionLineProps, defaultEdgeTypes, defaultNodeTypes, edgeProps, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, nodeProps, pointToRendererPoint, reconnectEdge, rendererPointToPoint, setupVueFlow, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.ts

@@ -73,10 +73,10 @@ interface BackgroundProps {
 //#region src/components/Background/Background.vue.d.ts
 declare const _default: typeof __VLS_export$15;
 declare const __VLS_export$15: __VLS_WithSlots$11<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
+  offset: number | [number, number];
   x: number;
   y: number;
   size: number;
-  offset: number | [number, number];
   variant: BackgroundVariant;
   gap: number | number[];
   lineWidth: number;
@@ -2051,8 +2051,8 @@ interface NodeToolbarProps {
 //#region src/components/NodeToolbar/NodeToolbar.vue.d.ts
 declare const _default$12: typeof __VLS_export$3;
 declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<NodeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeToolbarProps> & Readonly<{}>, {
-  position: Position$1;
   offset: number;
+  position: Position$1;
   isVisible: boolean;
   align: "center" | "start" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2174,6 +2174,35 @@ interface UseNodesInitializedOptions {
  */
 declare function useNodesInitialized(options?: UseNodesInitializedOptions): import("vue").ComputedRef<boolean>;
 //#endregion
+//#region src/composables/setupVueFlow.d.ts
+/**
+ * Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
+ * same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
+ * in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
+ * `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
+ * store instead of creating their own.
+ *
+ * Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
+ * `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
+ *
+ * @public
+ * @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
+ * @returns the VueFlow instance (same shape `useVueFlow()` returns)
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { setupVueFlow, VueFlow } from '@xyflow/vue'
+ *
+ * const { addEdges, fitView } = setupVueFlow()
+ * </script>
+ *
+ * <template>
+ *   <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
+ * </template>
+ * ```
+ */
+declare function setupVueFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(options?: FlowOptions<NodeType, EdgeType>): VueFlowInstance<NodeType, EdgeType>;
+//#endregion
 //#region src/container/VueFlow/VueFlow.vue.d.ts
 declare const _default$14: typeof __VLS_export$1;
 declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -2509,5 +2538,5 @@ declare function addEdge<EdgeType extends EdgeBase>(edgeParams: EdgeType | Conne
  */
 declare function reconnectEdge<EdgeType extends EdgeBase>(oldEdge: EdgeType, newConnection: Connection$1, edges: EdgeType[], options?: ReconnectEdgeOptions): EdgeType[];
 //#endregion
-export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, addEdge, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, connectionLineProps, defaultEdgeTypes, defaultNodeTypes, edgeProps, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, nodeProps, pointToRendererPoint, reconnectEdge, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
+export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, addEdge, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, connectionLineProps, defaultEdgeTypes, defaultNodeTypes, edgeProps, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, nodeProps, pointToRendererPoint, reconnectEdge, rendererPointToPoint, setupVueFlow, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -4040,70 +4040,6 @@ function useNodesInitialized(options = { includeHiddenNodes: false }) {
 	return (0, vue.computed)(() => areNodesInitialized(nodeLookup, options.includeHiddenNodes));
 }
 //#endregion
-//#region src/components/A11y/A11yDescriptions.vue
-const _sfc_main$11 = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "A11yDescriptions",
-	compatConfig: { MODE: 3 },
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const { id } = useVueFlow();
-		const { disableKeyboardA11y, ariaLiveMessage, ariaLabelConfig } = storeToRefs(useStore());
-		const __returned__ = {
-			id,
-			disableKeyboardA11y,
-			ariaLiveMessage,
-			ariaLabelConfig,
-			get ARIA_EDGE_DESC_KEY() {
-				return ARIA_EDGE_DESC_KEY;
-			},
-			get ARIA_LIVE_MESSAGE() {
-				return ARIA_LIVE_MESSAGE;
-			},
-			get ARIA_NODE_DESC_KEY() {
-				return ARIA_NODE_DESC_KEY;
-			}
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-const _hoisted_1$5 = ["id"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = ["id"];
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
-		(0, vue.createElementVNode)("div", {
-			id: `${$setup.ARIA_NODE_DESC_KEY}-${$setup.id}`,
-			style: { "display": "none" }
-		}, (0, vue.toDisplayString)($setup.disableKeyboardA11y ? $setup.ariaLabelConfig["node.a11yDescription.default"] : $setup.ariaLabelConfig["node.a11yDescription.keyboardDisabled"]), 9, _hoisted_1$5),
-		(0, vue.createElementVNode)("div", {
-			id: `${$setup.ARIA_EDGE_DESC_KEY}-${$setup.id}`,
-			style: { "display": "none" }
-		}, (0, vue.toDisplayString)($setup.ariaLabelConfig["edge.a11yDescription.default"]), 9, _hoisted_2),
-		!$setup.disableKeyboardA11y ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-			key: 0,
-			id: `${$setup.ARIA_LIVE_MESSAGE}-${$setup.id}`,
-			"aria-live": "assertive",
-			"aria-atomic": "true",
-			style: {
-				"position": "absolute",
-				"width": "1px",
-				"height": "1px",
-				"margin": "-1px",
-				"border": "0",
-				"padding": "0",
-				"overflow": "hidden",
-				"clip": "rect(0px, 0px, 0px, 0px)",
-				"clip-path": "inset(100%)"
-			}
-		}, (0, vue.toDisplayString)($setup.ariaLiveMessage), 9, _hoisted_3)) : (0, vue.createCommentVNode)("v-if", true)
-	], 64);
-}
-var A11yDescriptions_default = /* @__PURE__ */ export_helper_default(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/A11y/A11yDescriptions.vue"]]);
-//#endregion
 //#region src/store/hooks.ts
 function createHooks() {
 	return {
@@ -5157,6 +5093,101 @@ function useCreateVueFlow(options, signals) {
 	return handle;
 }
 //#endregion
+//#region src/composables/setupVueFlow.ts
+/**
+* Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
+* same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
+* in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
+* `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
+* store instead of creating their own.
+*
+* Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
+* `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
+*
+* @public
+* @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
+* @returns the VueFlow instance (same shape `useVueFlow()` returns)
+* @example
+* ```vue
+* <script setup lang="ts">
+* import { setupVueFlow, VueFlow } from '@xyflow/vue'
+*
+* const { addEdges, fitView } = setupVueFlow()
+* <\/script>
+*
+* <template>
+*   <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
+* </template>
+* ```
+*/
+function setupVueFlow(options) {
+	return useCreateVueFlow(options).instance;
+}
+//#endregion
+//#region src/components/A11y/A11yDescriptions.vue
+const _sfc_main$11 = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "A11yDescriptions",
+	compatConfig: { MODE: 3 },
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const { id } = useVueFlow();
+		const { disableKeyboardA11y, ariaLiveMessage, ariaLabelConfig } = storeToRefs(useStore());
+		const __returned__ = {
+			id,
+			disableKeyboardA11y,
+			ariaLiveMessage,
+			ariaLabelConfig,
+			get ARIA_EDGE_DESC_KEY() {
+				return ARIA_EDGE_DESC_KEY;
+			},
+			get ARIA_LIVE_MESSAGE() {
+				return ARIA_LIVE_MESSAGE;
+			},
+			get ARIA_NODE_DESC_KEY() {
+				return ARIA_NODE_DESC_KEY;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+const _hoisted_1$5 = ["id"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["id"];
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
+		(0, vue.createElementVNode)("div", {
+			id: `${$setup.ARIA_NODE_DESC_KEY}-${$setup.id}`,
+			style: { "display": "none" }
+		}, (0, vue.toDisplayString)($setup.disableKeyboardA11y ? $setup.ariaLabelConfig["node.a11yDescription.default"] : $setup.ariaLabelConfig["node.a11yDescription.keyboardDisabled"]), 9, _hoisted_1$5),
+		(0, vue.createElementVNode)("div", {
+			id: `${$setup.ARIA_EDGE_DESC_KEY}-${$setup.id}`,
+			style: { "display": "none" }
+		}, (0, vue.toDisplayString)($setup.ariaLabelConfig["edge.a11yDescription.default"]), 9, _hoisted_2),
+		!$setup.disableKeyboardA11y ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			key: 0,
+			id: `${$setup.ARIA_LIVE_MESSAGE}-${$setup.id}`,
+			"aria-live": "assertive",
+			"aria-atomic": "true",
+			style: {
+				"position": "absolute",
+				"width": "1px",
+				"height": "1px",
+				"margin": "-1px",
+				"border": "0",
+				"padding": "0",
+				"overflow": "hidden",
+				"clip": "rect(0px, 0px, 0px, 0px)",
+				"clip-path": "inset(100%)"
+			}
+		}, (0, vue.toDisplayString)($setup.ariaLiveMessage), 9, _hoisted_3)) : (0, vue.createCommentVNode)("v-if", true)
+	], 64);
+}
+var A11yDescriptions_default = /* @__PURE__ */ export_helper_default(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/A11y/A11yDescriptions.vue"]]);
+//#endregion
 //#region src/composables/useOnInitHandler.ts
 /**
 * Composable that handles the initialization of the viewport.
@@ -7793,6 +7824,7 @@ Object.defineProperty(exports, "rendererPointToPoint", {
 		return _xyflow_system.rendererPointToPoint;
 	}
 });
+exports.setupVueFlow = setupVueFlow;
 exports.storeToRefs = storeToRefs;
 exports.useConnection = useConnection;
 exports.useEdge = useEdge;