refactor(svelte): cleanup types

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

@@ -1,24 +1,23 @@
 <script lang="ts">
-  import { setContext, onMount, SvelteComponent } from 'svelte'
+  import { setContext, onMount } from 'svelte'
   import cc from 'classcat';
-  import type { Node, Edge } from '@reactflow/system';
 
 	import { key, createStore } from '$lib/store';
   import Zoom from '$lib/container/Zoom/index.svelte';
   import Pane from '$lib/container/Pane/index.svelte';
   import Viewport from '$lib/container/Viewport.svelte';
-  import NodeRenderer from '$lib/container/NodeRenderer.svelte';
+  import NodeRenderer from '$lib/container/NodeRenderer/index.svelte';
   import EdgeRenderer from '$lib/container/EdgeRenderer/index.svelte';
   import UserSelection from '$lib/components/UserSelection/index.svelte';
   import NodeSelection from '$lib/components/NodeSelection/index.svelte';
   import KeyHandler from '$lib/components/KeyHandler/index.svelte';
+	import type { NodeTypes, Node, Edge } from '$lib/types';
 
   export let id: string = '1';
   export let nodes: Node[] = [];
   export let edges: Edge[] = [];
   export let fitView: boolean = false;
-  export let nodeTypes: Record<string, SvelteComponent>
-
+  export let nodeTypes: NodeTypes;
   let className: string = '';
   export { className as class };
 
@@ -71,4 +70,10 @@
     position: relative;
     z-index: 0;
   }
+
+  .react-flow :global(.react-flow__node-default),
+  .react-flow :global(.react-flow__node-input),
+  .react-flow :global(.react-flow__node-output) {
+    padding: 10px;
+  }
 </style>