refactor(packages): add @reactflow/system

packages/svelte/src/lib/components/Handle.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
   import cc from 'classcat';
-	import { type HandleType, Position } from '@reactflow/core';
+	import { type HandleType, Position } from '@reactflow/system';
 
   export let type: HandleType = 'source';
   export let position: Position = Position.Top;

packages/svelte/src/lib/components/nodes/BaseNode.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount, setContext } from 'svelte';
-  import type { XYPosition } from '@reactflow/core';
+  import type { XYPosition } from '@reactflow/system';
 
   import drag  from '$lib/hooks/drag'
 	import { useStore } from '$lib/store';

packages/svelte/src/lib/components/nodes/DefaultNode.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Position } from '@reactflow/core';
+  import { Position } from '@reactflow/system';
   
   import Handle from '$lib/components/Handle.svelte';
 

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

@@ -6,7 +6,7 @@ import {
 	type XYPosition,
 	Position,
 	internalsSymbol
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 export function getNodeData(node?: Node): [Rect, NodeHandleBounds | null, boolean] {
 	const handleBounds = node?.[internalsSymbol]?.handleBounds || null;

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

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { setContext, onMount } from 'svelte'
   import cc from 'classcat';
-  import type { Node, Edge } from '@reactflow/core';
+  import type { Node, Edge } from '@reactflow/system';
 
 	import { key, createStore } from '$lib/store';
   import Viewport from '$lib/container/Viewport.svelte';

packages/svelte/src/lib/hooks/drag/index.ts

@@ -1,7 +1,7 @@
 import { get, type Writable } from 'svelte/store';
 import { drag as d3Drag, type D3DragEvent, type SubjectPosition } from 'd3-drag';
 import { select } from 'd3-selection';
-import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/core';
+import type { XYPosition, CoordinateExtent, Node, Transform } from '@reactflow/system';
 
 import { getDragItems, hasSelector, calcNextPosition } from './utils';
 

packages/svelte/src/lib/hooks/drag/utils.ts

@@ -5,7 +5,7 @@ import type {
 	NodeInternals,
 	NodeOrigin,
 	XYPosition
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 import { clampPosition, isNumeric } from '../../../utils';
 

packages/svelte/src/lib/hooks/zoom/index.ts

@@ -3,7 +3,7 @@ import type { Writable } from 'svelte/store';
 import { select } from 'd3-selection';
 import { zoom as d3Zoom, zoomIdentity } from 'd3-zoom';
 import type { D3ZoomEvent } from 'd3-zoom';
-import type { Transform } from '@reactflow/core';
+import type { Transform } from '@reactflow/system';
 
 const isWrappedWithClass = (event: any, className: string | undefined) =>
 	event.target.closest(`.${className}`);

packages/svelte/src/lib/index.ts

@@ -1,4 +1,3 @@
-// Reexport your entry components here
 import SvelteFlow from '$lib/container/SvelteFlow.svelte';
 
 export default SvelteFlow;

packages/svelte/src/lib/store/index.ts

@@ -6,9 +6,9 @@ import {
 	type NodeDragItem,
 	type NodeDimensionUpdate,
 	type Edge,
-	Position
-} from '@reactflow/core';
-import { internalsSymbol } from '@reactflow/core';
+	Position,
+	internalsSymbol
+} from '@reactflow/system';
 
 import { getDimensions, getHandleBounds } from '../../utils';
 import {

packages/svelte/src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Node, Edge } from '@reactflow/core';
+  import type { Node, Edge } from '@reactflow/system';
   
   import SvelteFlow from '../lib/index';
 

packages/svelte/src/utils/index.ts

@@ -7,7 +7,7 @@ import {
 	type HandleElement,
 	internalsSymbol,
 	Position
-} from '@reactflow/core';
+} from '@reactflow/system';
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);