refactor(packages): change package structure

examples/vite-app/cypress/components/hooks/useEdges.cy.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import ReactFlow, { Edge, useEdges } from 'reactflow';
+import ReactFlow, { Edge, useEdges } from '@xyflow/react';
 
 import { nodes as initialNodes, edges as initialEdges } from '../../fixtures/simpleflow';
 

examples/vite-app/cypress/components/hooks/useNodes.cy.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import ReactFlow, { Node, useNodes } from 'reactflow';
+import ReactFlow, { Node, useNodes } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 

examples/vite-app/cypress/components/hooks/useNodesInitialized.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { useNodesInitialized } from 'reactflow';
+import ReactFlow, { useNodesInitialized } from '@xyflow/react';
 
 import { nodes } from '../../fixtures/simpleflow';
 import ControlledFlow from '../../support/ControlledFlow';

examples/vite-app/cypress/components/hooks/useOnViewportChange.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { useOnViewportChange, Viewport } from 'reactflow';
+import ReactFlow, { useOnViewportChange, Viewport } from '@xyflow/react';
 
 describe('useOnViewportChange.cy.tsx', () => {
   it('listen to viewport drag', () => {

examples/vite-app/cypress/components/hooks/useViewport.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { useViewport, Viewport } from 'reactflow';
+import ReactFlow, { useViewport, Viewport } from '@xyflow/react';
 
 describe('useViewport.cy.tsx', () => {
   it('handles drag', () => {

examples/vite-app/cypress/components/reactflow/basic-props.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { EdgeProps } from 'reactflow';
+import ReactFlow, { EdgeProps } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';

examples/vite-app/cypress/components/reactflow/multiple-instance.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from 'reactflow';
+import ReactFlow, { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, ReactFlowProvider } from '@xyflow/react';
 import * as simpleflow from '../../fixtures/simpleflow';
 
 function CustomEdge(props: EdgeProps) {

examples/vite-app/cypress/components/reactflow/uncontrolled.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow from 'reactflow';
+import ReactFlow from '@xyflow/react';
 
 import { nodes, edges } from '../../fixtures/simpleflow';
 

examples/vite-app/cypress/components/reactflow/view-props.cy.tsx

@@ -1,4 +1,4 @@
-import ReactFlow, { ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from 'reactflow';
+import ReactFlow, { ReactFlowProps, Viewport, useViewport, SnapGrid, CoordinateExtent, Node } from '@xyflow/react';
 
 import ControlledFlow from '../../support/ControlledFlow';
 import * as simpleflow from '../../fixtures/simpleflow';

examples/vite-app/cypress/components/utils/graph-utils.cy.ts

@@ -1,4 +1,4 @@
-import { Node, Edge, isNode, isEdge, getOutgoers, getIncomers, addEdge } from 'reactflow';
+import { Node, Edge, isNode, isEdge, getOutgoers, getIncomers, addEdge } from '@xyflow/react';
 
 const nodes: Node[] = [
   {

examples/vite-app/cypress/fixtures/simpleflow.ts

@@ -1,4 +1,4 @@
-import { Node, Edge } from 'reactflow';
+import { Node, Edge } from '@xyflow/react';
 
 export const nodes: Node[] = [
   {

examples/vite-app/cypress/support/ControlledFlow.tsx

@@ -10,7 +10,7 @@ import {
   Connection,
   addEdge,
   ReactFlowProps,
-} from 'reactflow';
+} from '@xyflow/react';
 
 function ControlledFlow({
   addOnNodeChangeHandler = true,

examples/vite-app/cypress/support/component.ts

@@ -6,9 +6,9 @@ import './commands';
 import 'cypress-real-events/support';
 
 import { mount } from 'cypress/react18';
-import { XYPosition } from 'reactflow';
+import { XYPosition } from '@xyflow/react';
 
-import 'reactflow/dist/style.css';
+import '@xyflow/react/dist/style.css';
 
 declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace