chore(svelte): bump

.changeset/thin-dryers-worry.md

@@ -1,5 +0,0 @@
----
-'@xyflow/system': major
----
-
-Use css `translate` to align handles to the center of their side instead of using hard-coded 4px to each direction, otherwise handles with different sizes aren't correctly aligned by the default handle styles

packages/react/src/index.ts

@@ -8,7 +8,7 @@ export { default as SimpleBezierEdge, getSimpleBezierPath } from './components/E
 export { default as SmoothStepEdge } from './components/Edges/SmoothStepEdge';
 export { default as BaseEdge } from './components/Edges/BaseEdge';
 export { default as ReactFlowProvider } from './components/ReactFlowProvider';
-export { default as Panel } from './components/Panel';
+export { default as Panel, type PanelProps } from './components/Panel';
 export { default as EdgeLabelRenderer } from './components/EdgeLabelRenderer';
 
 export { default as useReactFlow } from './hooks/useReactFlow';

packages/react/src/store/initialState.ts

@@ -33,8 +33,8 @@ const getInitialState = ({
       height: node.size?.height,
     }));
     const bounds = getNodesBounds(nodesWithDimensions, [0, 0]);
-    const { x, y, z } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
-    transform = [x, y, z];
+    const { x, y, zoom } = getViewportForBounds(bounds, width, height, 0.5, 2, 0.1);
+    transform = [x, y, zoom];
   }
 
   return {

packages/svelte/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 0.0.27
+
+- ⚠️ rename `screenToFlowCoordinate` to `screenToFlowPosition`
+- ⚠️ rename `flowToScreenCoordinate` to `flowToScreenPosition`
+- ⚠️ rename `getTransformForBounds` to `getViewportForBounds` (return `{ x: number, y: number, zoom: number }` instead of `[number, number, number]`)
+- ⚠️ rename `getRectOfNodes` to `getNodesBounds`
+- simplify handle default styles, so that it's easier to override them
+- added e2e tests
+
+## 0.0.26
+
+- fixes broken version on npm
+
 ## 0.0.25
 
 - add `toObject` to `useSvelteFlow` hook

packages/svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

packages/svelte/src/lib/plugins/Minimap/index.ts

@@ -1 +1,2 @@
 export { default as MiniMap } from './Minimap.svelte';
+export * from './types';

packages/system/package.json

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