feat(svelte): add SvelteFlowProvider and useSvelteFlow hook

packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte

@@ -24,7 +24,7 @@
   export let selected: $$Props['selected'] = false;
   export let label: $$Props['label'] = undefined;
 
-  const { edgeTypes, edges } = useStore();
+  const { edges, edgeTypes } = useStore();
   const dispatch = createEventDispatcher();
 
   const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;

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

@@ -5,13 +5,13 @@
   import type { KeyHandlerProps } from './types';
   import type { KeyDefinition, KeyDefinitionObject } from '$lib/types';
 
-  const { selectionKeyPressed, deleteKeyPressed } = useStore();
-
   type $$Props = KeyHandlerProps;
 
   export let selectionKey: $$Props['selectionKey'] = 'Shift';
   export let deleteKey: $$Props['deleteKey'] = 'Backspace';
 
+  const { selectionKeyPressed, deleteKeyPressed } = useStore();
+
   function isKeyObject(key?: KeyDefinition): key is KeyDefinitionObject {
     return typeof key === 'object';
   }

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

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { setContext } from 'svelte';
+  
+  import { createStore, key } from '$lib/store';
+
+  const store = createStore();
+
+  setContext(key, {
+    getStore: () => store
+  });
+</script>
+
+<slot />

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

@@ -0,0 +1,2 @@
+export { default as SvelteFlowProvider } from './SvelteFlowProvider.svelte';
+export type { SvelteFlowProviderProps } from './types';

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

@@ -0,0 +1,6 @@
+import type { SvelteFlowProps } from '$lib/container/SvelteFlow/types';
+
+export type SvelteFlowProviderProps = Pick<
+  SvelteFlowProps,
+  'nodes' | 'edges' | 'fitView' | 'nodeTypes'
+>;