migrate some components

packages/svelte/src/lib/container/Panel/Panel.svelte

@@ -3,24 +3,24 @@
   import type { PanelProps } from './types';
   import { useStore } from '$lib/store';
 
-  type $$Props = PanelProps;
-
-  export let position: $$Props['position'] = 'top-right';
-  export let style: $$Props['style'] = undefined;
-
-  let className: $$Props['class'] = undefined;
-  export { className as class };
+  let {
+    position = 'top-right',
+    style,
+    class: className,
+    children,
+    ...restProps
+  }: PanelProps = $props();
 
   const { selectionRectMode } = useStore();
 
-  $: positionClasses = `${position}`.split('-');
+  let positionClasses = $derived(`${position}`.split('-'));
 </script>
 
 <div
   class={cc(['svelte-flow__panel', className, ...positionClasses])}
   {style}
   style:pointer-events={$selectionRectMode ? 'none' : ''}
-  {...$$restProps}
+  {...restProps}
 >
-  <slot />
+  {@render children?.()}
 </div>

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

@@ -79,8 +79,8 @@
     onbeforedelete,
     oninit,
     nodeOrigin,
-    paneClickDistance = 0,
-    nodeClickDistance = 0,
+    paneClickDistance = 1,
+    nodeClickDistance = 1,
     defaultMarkerColor = '#b1b1b7',
     style,
     class: className,
@@ -109,6 +109,8 @@
 
   const initViewport = $viewport || initialViewport;
 
+  //TODO SVELTE5
+
   const store = hasContext(key)
     ? useStore()
     : createStoreContext({
@@ -262,15 +264,11 @@
           {onedgemouseleave}
           {defaultEdgeOptions}
         />
-        <!-- <ConnectionLine
+        <ConnectionLine
           containerStyle={connectionLineContainerStyle}
           style={connectionLineStyle}
-          isCustomComponent={connectionLine}
-        >
-          {#snippet connectionLine()}
-            {@render connectionLine_render?.()}
-          {/snippet}
-        </ConnectionLine> -->
+          {connectionLine}
+        />
         <div class="svelte-flow__edgelabel-renderer"></div>
         <div class="svelte-flow__viewport-portal"></div>
         <NodeRenderer