chore(svelte): cleanup examples

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

@@ -13,7 +13,9 @@
     type Edge,
     type Connection
   } from '../../lib/index';
-  import { CustomNode } from './CustomNode';
+  import CustomNode from './CustomNode.svelte';
+
+  import '../../styles/style.css';
 
   const nodeTypes: NodeTypes = {
     colorNode: CustomNode

packages/svelte/src/routes/customnode/CustomNode/index.ts

@@ -1 +0,0 @@
-export { default as CustomNode } from './Custom.svelte';

packages/svelte/src/routes/drag-n-drop/Flow.svelte

@@ -11,6 +11,8 @@
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',

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

@@ -9,6 +9,8 @@
     MarkerType
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',

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

@@ -8,6 +8,8 @@
     SelectionMode
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const onPaneContextMenu = (e: any) => {
     e.preventDefault();
     console.log('context menu');

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

@@ -11,6 +11,8 @@
     type Edge
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',

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

@@ -10,6 +10,8 @@
     type Edge
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const yNodes = 25;
   const xNodes = 25;
 

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

@@ -10,7 +10,9 @@
     type Node
   } from '../../lib/index';
 
-  import { DebugNode } from './DebugNode';
+  import '../../styles/style.css';
+
+  import DebugNode from './DebugNode.svelte';
 
   const nodeTypes: NodeTypes = {
     default: DebugNode

packages/svelte/src/routes/subflows/DebugNode.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Handle, Position, type NodeProps } from '../../../lib/index';
+  import { Handle, Position, type NodeProps } from '../../lib/index';
 
   type $$Props = NodeProps;
 

packages/svelte/src/routes/subflows/DebugNode/index.ts

@@ -1 +0,0 @@
-export { default as DebugNode } from './DebugNode.svelte';

packages/svelte/src/routes/usesvelteflow/Flow.svelte

@@ -4,6 +4,8 @@
 
   import Sidebar from './Sidebar.svelte';
 
+  import '../../styles/style.css';
+
   const nodes = writable([
     {
       id: '1',

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

@@ -9,6 +9,8 @@
     Position
   } from '../../lib/index';
 
+  import '../../styles/style.css';
+
   const nodeDefaults = {
     sourcePosition: Position.Right,
     targetPosition: Position.Left

packages/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",