chore(examples): update imports

examples/nextjs/pages/Backgrounds/index.tsx

@@ -1,7 +1,6 @@
 import React, { FC } from 'react';
 
-import {
-  ReactFlow,
+import ReactFlow, {
   Node,
   ReactFlowProvider,
   useNodesState,

examples/nextjs/pages/ControlledUncontrolled/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   useReactFlow,
   Node,
   Edge,
@@ -9,7 +8,7 @@ import {
   useEdgesState,
   Background,
   BackgroundVariant,
-} from '@react-flow/bunde';
+} from 'reactflow';
 
 const defaultNodes: Node[] = [
   {

examples/nextjs/pages/CustomConnectionLine/index.tsx

@@ -1,6 +1,5 @@
 import React, { useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   Node,
   addEdge,
   Connection,

examples/nextjs/pages/CustomNode/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, useEffect, MouseEvent, ChangeEvent, useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   MiniMap,
   Controls,
   addEdge,

examples/nextjs/pages/DefaultNodes/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactFlow, useReactFlow, Node, Edge, ReactFlowProvider, Background, BackgroundVariant } from 'reactflow';
+import ReactFlow, { useReactFlow, Node, Edge, ReactFlowProvider, Background, BackgroundVariant } from 'reactflow';
 
 const defaultNodes: Node[] = [
   {

examples/nextjs/pages/DragHandle/index.tsx

@@ -1,11 +1,5 @@
 import React, { MouseEvent } from 'react';
-import {
-  ReactFlow,
-  Node,
-  Edge,
-  useNodesState,
-  useEdgesState,
-} from '@react-flow/core';
+import ReactFlow, { Node, Edge, useNodesState, useEdgesState } from 'reactflow';
 
 import DragHandleNode from './DragHandleNode';
 

examples/nextjs/pages/DragNDrop/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, DragEvent } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   ReactFlowProvider,
   addEdge,
   ReactFlowInstance,

examples/nextjs/pages/EdgeTypes/index.tsx

@@ -3,8 +3,7 @@
  */
 import React, { useCallback } from 'react';
 
-import {
-  ReactFlow,
+import ReactFlow, {
   Background,
   Controls,
   MiniMap,

examples/nextjs/pages/Edges/index.tsx

@@ -1,8 +1,7 @@
 import React, { MouseEvent, useCallback } from 'react';
-import {
+import ReactFlow, {
   Controls,
   Background,
-  ReactFlow,
   MiniMap,
   addEdge,
   Connection,

examples/nextjs/pages/Empty/index.tsx

@@ -1,7 +1,6 @@
 import React, { MouseEvent, CSSProperties, useCallback } from 'react';
 
-import {
-  ReactFlow,
+import ReactFlow, {
   Background,
   BackgroundVariant,
   Controls,

examples/nextjs/pages/FloatingEdges/index.tsx

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
 
-import {
-  ReactFlow,
+import ReactFlow, {
   Background,
   addEdge,
   ReactFlowInstance,

examples/nextjs/pages/Hidden/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useCallback } from 'react';
 
-import { ReactFlow, addEdge, Connection, Edge, Node, useNodesState, useEdgesState, MiniMap, Controls } from 'reactflow';
+import ReactFlow, { addEdge, Connection, Edge, Node, useNodesState, useEdgesState, MiniMap, Controls } from 'reactflow';
 
 const initialNodes: Node[] = [
   {

examples/nextjs/pages/Interaction/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   addEdge,
   Node,
   Connection,

examples/nextjs/pages/Layouting/index.tsx

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
-import {
+import ReactFlow, {
   Controls,
-  ReactFlow,
   ReactFlowProvider,
   addEdge,
   Connection,

examples/nextjs/pages/MultiFlows/index.tsx

@@ -1,7 +1,6 @@
 import React, { FC } from 'react';
 
-import {
-  ReactFlow,
+import ReactFlow, {
   Background,
   addEdge,
   Node,

examples/nextjs/pages/NestedNodes/index.tsx

@@ -1,9 +1,8 @@
 import React, { useState, MouseEvent, useCallback } from 'react';
-import {
+import ReactFlow, {
   Controls,
   MiniMap,
   Background,
-  ReactFlow,
   addEdge,
   useNodesState,
   useEdgesState,

examples/nextjs/pages/NodeTypeChange/index.tsx

@@ -1,6 +1,6 @@
 import React, { CSSProperties, useCallback } from 'react';
 
-import { ReactFlow, addEdge, Node, Position, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import ReactFlow, { addEdge, Node, Position, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
 
 const initialNodes: Node[] = [
   {

examples/nextjs/pages/NodeTypesObjectChange/index.tsx

@@ -1,7 +1,5 @@
 import React, { useState, CSSProperties, FC, useCallback } from 'react';
-
-import {
-  ReactFlow,
+import ReactFlow, {
   addEdge,
   Node,
   Position,

examples/nextjs/pages/Overview/index.tsx

@@ -1,7 +1,5 @@
 import React, { MouseEvent as ReactMouseEvent, CSSProperties, useCallback } from 'react';
-
-import {
-  ReactFlow,
+import ReactFlow, {
   addEdge,
   Node,
   Viewport,

examples/nextjs/pages/Provider/index.tsx

@@ -1,6 +1,5 @@
 import React, { MouseEvent, useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   Controls,
   ReactFlowProvider,
   addEdge,

examples/nextjs/pages/SaveRestore/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { ReactFlow, ReactFlowProvider, Node, addEdge, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import ReactFlow, { ReactFlowProvider, Node, addEdge, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
 import Controls from './Controls';
 
 const initialNodes: Node[] = [

examples/nextjs/pages/Stress/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, CSSProperties, useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   ReactFlowInstance,
   Edge,
   Node,

examples/nextjs/pages/Subflow/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, MouseEvent, useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   addEdge,
   Node,
   Edge,

examples/nextjs/pages/Switch/index.tsx

@@ -1,5 +1,5 @@
 import React, { MouseEvent, useCallback } from 'react';
-import { ReactFlow, addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
+import ReactFlow, { addEdge, Node, Connection, Edge, useNodesState, useEdgesState } from 'reactflow';
 
 const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node);
 const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node);

examples/nextjs/pages/TouchDevice/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { ReactFlow, Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from 'reactflow';
+import ReactFlow, { Node, Edge, useNodesState, useEdgesState, Position, Connection, addEdge } from 'reactflow';
 
 import styles from './touch-device.module.css';
 

examples/nextjs/pages/Undirectional/index.tsx

@@ -1,7 +1,5 @@
 import React, { MouseEvent, useCallback } from 'react';
-
-import {
-  ReactFlow,
+import ReactFlow, {
   useReactFlow,
   NodeTypes,
   addEdge,
@@ -15,6 +13,7 @@ import {
   useNodesState,
   useEdgesState,
 } from 'reactflow';
+
 import CustomNode from './CustomNode';
 
 const initialNodes: Node[] = [

examples/nextjs/pages/UpdatableEdge/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState, useCallback } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   updateEdge,
   addEdge,
   applyNodeChanges,

examples/nextjs/pages/UpdateNode/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { ReactFlow, Node, Edge, useNodesState, useEdgesState } from 'reactflow';
+import ReactFlow, { Node, Edge, useNodesState, useEdgesState } from 'reactflow';
 
 import styles from './updatenode.module.css';
 

examples/nextjs/pages/UseReactFlow/index.tsx

@@ -1,8 +1,7 @@
 import React, { useCallback, MouseEvent, useEffect } from 'react';
-import {
+import ReactFlow, {
   Background,
   MiniMap,
-  ReactFlow,
   Node,
   addEdge,
   useReactFlow,

examples/nextjs/pages/UseUpdateNodeInternals/index.tsx

@@ -1,6 +1,5 @@
 import { useCallback, MouseEvent } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   NodeTypes,
   addEdge,
   useReactFlow,

examples/nextjs/pages/Validation/index.tsx

@@ -1,6 +1,5 @@
 import React, { FC, useCallback, useState } from 'react';
-import {
-  ReactFlow,
+import ReactFlow, {
   addEdge,
   Handle,
   Connection,

examples/nextjs/pages/index.tsx

@@ -1,8 +1,6 @@
 import React, { MouseEvent } from 'react';
-
-import {
+import ReactFlow, {
   MiniMap,
-  ReactFlow,
   Background,
   BackgroundVariant,
   Controls,