migrating hooks, fixed colorMode

packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { get } from 'svelte/store';
   import {
     shortcut,
     type ShortcutEventDetail,
@@ -7,7 +6,6 @@
   } from '@svelte-put/shortcut';
   import { getElementsToRemove, isInputDOMNode, isMacOs } from '@xyflow/system';
 
-  import { useStore } from '$lib/store';
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 

packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte

@@ -15,8 +15,6 @@
     onselectioncontextmenu
   }: NodeSelectionProps = $props();
 
-  // const { nodes } = store;
-
   let bounds: Rect | null = $derived.by(() => {
     if (store.selectionRectMode === 'nodes') {
       // eslint-disable-next-line @typescript-eslint/no-unused-expressions

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -8,7 +8,7 @@
   import DefaultNode from '$lib/components/nodes/DefaultNode.svelte';
 
   import type { ConnectableContext, NodeWrapperProps } from './types';
-  import type { Node, NodeEvents } from '$lib/types';
+  import type { NodeEvents } from '$lib/types';
 
   let {
     store,

packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte

@@ -7,7 +7,7 @@
 
   let { children }: SvelteFlowProviderProps = $props();
 
-  let store = $state.raw(createStore({ props: {} }));
+  let store = $state.raw(createStore({ props: {}, nodes: [], edges: [] }));
 
   setContext(key, {
     provider: true,