refactor(packages): change package structure

packages/svelte/src/lib/container/EdgeRenderer/MarkerDefinition/Marker.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type MarkerProps, MarkerType } from '@reactflow/system';
+  import { type MarkerProps, MarkerType } from '@xyflow/system';
 
   type $$Props = MarkerProps;
 

packages/svelte/src/lib/container/EdgeRenderer/utils.ts

@@ -1,11 +1,11 @@
-import { getHandlePosition } from '@reactflow/edge-utils';
+import { getHandlePosition } from '@xyflow/system';
 import {
   type NodeHandleBounds,
   type Rect,
   type HandleElement,
   Position,
   internalsSymbol
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Node } from '$lib/types';
 

packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
-  import { internalsSymbol } from '@reactflow/system';
-  import { getPositionWithOrigin } from '@reactflow/utils';
+  import { internalsSymbol } from '@xyflow/system';
+  import { getPositionWithOrigin } from '@xyflow/system';
 
   import { NodeWrapper } from '$lib/components/NodeWrapper';
   import { useStore } from '$lib/store';

packages/svelte/src/lib/container/Pane/Pane.svelte

@@ -30,8 +30,8 @@
 
 <script lang="ts">
   import { createEventDispatcher } from 'svelte';
-  import { SelectionMode } from '@reactflow/system';
-  import { getEventPosition, getNodesInside } from '@reactflow/utils';
+  import { SelectionMode } from '@xyflow/system';
+  import { getEventPosition, getNodesInside } from '@xyflow/system';
   
   import { useStore } from '$lib/store';
   import { getConnectedEdges } from '$lib/utils';

packages/svelte/src/lib/container/Panel/types.ts

@@ -1,4 +1,4 @@
-import type { PanelPosition } from '@reactflow/system';
+import type { PanelPosition } from '@xyflow/system';
 import type { HTMLAttributes } from 'svelte/elements';
 
 export type PanelProps = HTMLAttributes<HTMLDivElement> & {

packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import cc from 'classcat';
-  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@reactflow/system';
+  import { PanOnScrollMode, type CoordinateExtent, type Viewport } from '@xyflow/system';
 
   import { Zoom } from '$lib/container/Zoom';
   import { Pane } from '$lib/container/Pane';

packages/svelte/src/lib/container/SvelteFlow/types.ts

@@ -13,7 +13,7 @@ import type {
   CoordinateExtent,
   PanOnScrollMode,
   IsValidConnection
-} from '@reactflow/system';
+} from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
 

packages/svelte/src/lib/container/Zoom/Zoom.svelte

@@ -1,5 +1,5 @@
 <script lang="ts"> 
-  import { PanOnScrollMode } from '@reactflow/system';
+  import { PanOnScrollMode } from '@xyflow/system';
 
   import { useStore } from '$lib/store';
   import zoom from '$lib/actions/zoom';
@@ -26,7 +26,8 @@
     minZoom,
     maxZoom,
     dragging,
-    translateExtent
+    translateExtent,
+    lib
   } = useStore();
   
   $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
@@ -54,7 +55,8 @@
   noPanClassName: 'nopan',
   noWheelClassName: 'nowheel',
   userSelectionActive: $selectionKeyPressed,
-  translateExtent: $translateExtent
+  translateExtent: $translateExtent,
+  lib: $lib
 }}>
   <slot />
 </div>

packages/svelte/src/lib/container/Zoom/types.ts

@@ -1,4 +1,4 @@
-import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@reactflow/system';
+import type { OnMoveStart, OnMove, OnMoveEnd, PanOnScrollMode, Viewport } from '@xyflow/system';
 
 export type ZoomProps = {
   initialViewport: Viewport;