@infinit-canvas/react 0.1.5 → 0.1.7

package/dist/react-infinite-canvas.js

@@ -1,5 +1,5 @@
-import { jsx as S, jsxs as $t, Fragment as Le } from "react/jsx-runtime";
-import { useRef as tt, useState as Gt, useMemo as St, useEffect as ht, useCallback as F, useContext as qe, createContext as Fn, memo as Zt, useLayoutEffect as kr } from "react";
+import { jsx as S, jsxs as $t, Fragment as Ne } from "react/jsx-runtime";
+import { useRef as tt, useState as Gt, useMemo as St, useEffect as ft, useCallback as F, useContext as qe, createContext as Fn, memo as Zt, useLayoutEffect as kr } from "react";
 import { createPortal as Yn } from "react-dom";
 const Un = 160, qn = 60;
 function ho(t) {
@@ -949,8 +949,8 @@ function Cr(t, e) {
   const s = { worker: r };
   return mn.set(t, s), s;
 }
-const Vt = 160, jt = 60, Nr = 10;
-function Lr({
+const Vt = 160, jt = 60, Lr = 10;
+function Nr({
   cards: t = [],
   nodes: e = [],
   edges: n = [],
@@ -967,7 +967,7 @@ function Lr({
   onEdgeDoubleClick: z,
   onEdgeMouseEnter: M,
   onEdgeMouseMove: $,
-  onEdgeMouseLeave: k,
+  onEdgeMouseLeave: R,
   onEdgeContextMenu: E,
   onNodeDoubleClick: _,
   onNodeMouseEnter: D,
@@ -975,32 +975,32 @@ function Lr({
   onNodeMouseLeave: f,
   onNodeContextMenu: p,
   onPaneClick: v,
-  onPaneContextMenu: N,
+  onPaneContextMenu: L,
   onPaneMouseEnter: w,
   onPaneMouseMove: P,
-  onPaneMouseLeave: R,
+  onPaneMouseLeave: k,
   onSelectionChange: B,
-  onConnectStart: q,
+  onConnectStart: j,
   onConnectEnd: X,
-  onInit: K,
-  onMoveStart: at,
+  onInit: xt,
+  onMoveStart: K,
   onMove: rt,
-  onMoveEnd: G,
-  onDelete: j,
-  onBeforeDelete: it,
-  onError: dt,
-  isValidConnection: ot,
-  dark: ft,
+  onMoveEnd: q,
+  onDelete: G,
+  onBeforeDelete: ot,
+  onError: lt,
+  isValidConnection: ut,
+  dark: st,
   gridSize: It = 40,
-  zoomMin: st = 0.1,
-  zoomMax: xt = 4,
-  initialCamera: Nt = { x: 0, y: 0, zoom: 1 },
-  fitView: gt = !1,
-  fitViewOptions: ct,
-  nodesDraggable: zt = !0,
+  zoomMin: it = 0.1,
+  zoomMax: mt = 4,
+  initialCamera: Lt = { x: 0, y: 0, zoom: 1 },
+  fitView: zt = !1,
+  fitViewOptions: dt,
+  nodesDraggable: ht = !0,
   nodesConnectable: Rt = !0,
-  elementsSelectable: Lt = !0,
-  multiSelectionKeyCode: wt = "Shift",
+  elementsSelectable: Nt = !0,
+  multiSelectionKeyCode: gt = "Shift",
   selectionOnDrag: ne = !1,
   selectionMode: Ie = "partial",
   connectionMode: Bt = "loose",
@@ -1023,11 +1023,11 @@ function Lr({
   autoPanOnNodeDrag: dn = !0,
   autoPanOnConnect: fn = !0,
   autoPanSpeed: Qt = 5,
-  edgesReconnectable: Nn = !1,
+  edgesReconnectable: Ln = !1,
   elevateNodesOnSelect: hn = !1,
   edgeRouting: fe = !0
 } = {}) {
-  const mt = tt(null), Te = tt(null), Et = tt(null), pt = tt({ ...Nt }), se = tt([...t]), Z = tt([...e]), Pt = tt([...n]), yn = tt(/* @__PURE__ */ new Map()), Se = tt(!1), te = tt(null), [gn, pn] = Gt(!1), _t = tt(null), Wt = tt(null), Me = tt(null), ie = tt(null), Ut = tt(!1), Re = tt(null), [Be, Je] = Gt({ x: Nt.x, y: Nt.y, zoom: Nt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = tt(!1), O = tt({});
+  const vt = tt(null), Te = tt(null), Et = tt(null), pt = tt({ ...Lt }), se = tt([...t]), Z = tt([...e]), Pt = tt([...n]), yn = tt(/* @__PURE__ */ new Map()), Se = tt(!1), te = tt(null), [gn, pn] = Gt(!1), _t = tt(null), Wt = tt(null), Me = tt(null), ie = tt(null), Ut = tt(!1), Re = tt(null), [Be, Je] = Gt({ x: Lt.x, y: Lt.y, zoom: Lt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = tt(!1), O = tt({});
   O.current = {
     onHudUpdate: r,
     onNodesProcessed: s,
@@ -1042,7 +1042,7 @@ function Lr({
     onEdgeDoubleClick: z,
     onEdgeMouseEnter: M,
     onEdgeMouseMove: $,
-    onEdgeMouseLeave: k,
+    onEdgeMouseLeave: R,
     onEdgeContextMenu: E,
     onNodeDoubleClick: _,
     onNodeMouseEnter: D,
@@ -1050,21 +1050,21 @@ function Lr({
     onNodeMouseLeave: f,
     onNodeContextMenu: p,
     onPaneClick: v,
-    onPaneContextMenu: N,
+    onPaneContextMenu: L,
     onPaneMouseEnter: w,
     onPaneMouseMove: P,
-    onPaneMouseLeave: R,
+    onPaneMouseLeave: k,
     onSelectionChange: B,
-    onConnectStart: q,
+    onConnectStart: j,
     onConnectEnd: X,
-    onInit: K,
-    onMoveStart: at,
+    onInit: xt,
+    onMoveStart: K,
     onMove: rt,
-    onMoveEnd: G,
-    onDelete: j,
-    onBeforeDelete: it,
-    onError: dt,
-    isValidConnection: ot
+    onMoveEnd: q,
+    onDelete: G,
+    onBeforeDelete: ot,
+    onError: lt,
+    isValidConnection: ut
   };
   const bt = { get current() {
     return O.current.onNodesChange;
@@ -1091,23 +1091,23 @@ function Lr({
   } }, pe = { get current() {
     return O.current.onNodesProcessed;
   } };
-  ht(() => {
+  ft(() => {
     const a = (d) => {
-      d.key === wt && (Ut.current = !0), d.key === we && (ke.current = !0);
+      d.key === gt && (Ut.current = !0), d.key === we && (ke.current = !0);
     }, x = (d) => {
-      d.key === wt && (Ut.current = !1), d.key === we && (ke.current = !1);
+      d.key === gt && (Ut.current = !1), d.key === we && (ke.current = !1);
     };
     return window.addEventListener("keydown", a), window.addEventListener("keyup", x), () => {
       window.removeEventListener("keydown", a), window.removeEventListener("keyup", x);
     };
-  }, [wt, we]);
+  }, [gt, we]);
   const Jt = F(() => {
     var b;
-    const a = Z.current.filter((L) => L.selected), x = Pt.current.filter((L) => L.selected), d = { nodes: a, edges: x };
+    const a = Z.current.filter((N) => N.selected), x = Pt.current.filter((N) => N.selected), d = { nodes: a, edges: x };
     (b = ye.current) == null || b.call(ye, d);
-    for (const L of he) L(d);
+    for (const N of he) N(d);
   }, [he]);
-  ht(() => {
+  ft(() => {
     var a;
     se.current = [...t], (a = Et.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
   }, [t]);
@@ -1118,10 +1118,10 @@ function Lr({
       if (!d.parentId) return d;
       const b = x[d.parentId];
       if (!b) return d;
-      let L = d.position.x, I = d.position.y, h = b;
+      let N = d.position.x, I = d.position.y, h = b;
       for (; h; )
-        L += h.position.x, I += h.position.y, h = h.parentId ? x[h.parentId] : null;
-      return { ...d, _absolutePosition: { x: L, y: I } };
+        N += h.position.x, I += h.position.y, h = h.parentId ? x[h.parentId] : null;
+      return { ...d, _absolutePosition: { x: N, y: I } };
     });
   }, []), ee = tt([]), Q = F((a) => {
     const x = yn.current;
@@ -1130,8 +1130,8 @@ function Lr({
     for (const [, b] of x)
       d[b.nodeId] || (d[b.nodeId] = []), d[b.nodeId].push({ id: b.id, type: b.type, position: b.position, x: b.x, y: b.y });
     return a.map((b) => {
-      const L = d[b.id];
-      return L && L.length > 0 ? { ...b, handles: L } : b;
+      const N = d[b.id];
+      return N && N.length > 0 ? { ...b, handles: N } : b;
     });
   }, []), Ft = F(() => {
     var x;
@@ -1139,12 +1139,12 @@ function Lr({
     const a = Q(ee.current);
     (x = Et.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
   }, [Q]);
-  ht(() => {
+  ft(() => {
     var d;
     if (_t.current) {
-      const b = _t.current.id, L = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((h) => h.id)]), I = {};
+      const b = _t.current.id, N = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((h) => h.id)]), I = {};
       for (const h of Z.current)
-        L.has(h.id) && (I[h.id] = { ...h.position });
+        N.has(h.id) && (I[h.id] = { ...h.position });
       Z.current = [...e];
       for (const h of Z.current)
         I[h.id] && (h.position = I[h.id]);
@@ -1156,23 +1156,23 @@ function Lr({
     ee.current = a;
     const x = Q(a);
     (d = Et.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
-  }, [e, ze, Q]), ht(() => {
+  }, [e, ze, Q]), ft(() => {
     var a;
     Pt.current = [...n], (a = Et.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
   }, [n]);
-  const lt = F((a, x) => {
-    const d = mt.current;
+  const at = F((a, x) => {
+    const d = vt.current;
     if (!d) return { x: 0, y: 0 };
-    const b = d.getBoundingClientRect(), L = pt.current;
+    const b = d.getBoundingClientRect(), N = pt.current;
     return {
-      x: (a - b.left - L.x) / L.zoom,
-      y: (x - b.top - L.y) / L.zoom
+      x: (a - b.left - N.x) / N.zoom,
+      y: (x - b.top - N.y) / N.zoom
     };
   }, []), Tt = F((a, x) => {
     const d = ee.current.length > 0 ? ee.current : Z.current;
     let b = null;
-    for (let L = d.length - 1; L >= 0; L--) {
-      const I = d[L];
+    for (let N = d.length - 1; N >= 0; N--) {
+      const I = d[N];
       if (I.hidden) continue;
       const h = I._absolutePosition || I.position, A = I.width || Vt, T = I.height || jt;
       if (a >= h.x && a <= h.x + A && x >= h.y && x <= h.y + T) {
@@ -1203,39 +1203,39 @@ function Lr({
   }, []), Ee = F((a) => {
     const x = a.width || Vt, d = a.height || jt;
     return a.handles && a.handles.length > 0 ? a.handles.map((b) => {
-      const L = xe(b, a);
-      return { id: b.id || null, type: b.type, x: L.x, y: L.y };
+      const N = xe(b, a);
+      return { id: b.id || null, type: b.type, x: N.x, y: N.y };
     }) : [
       { id: null, type: "target", x: a.position.x, y: a.position.y + d / 2 },
       { id: null, type: "source", x: a.position.x + x, y: a.position.y + d / 2 }
     ];
   }, [xe]), tn = F((a, x) => {
-    const d = Z.current, b = pt.current, L = Math.max(Nr, Ot) / b.zoom;
+    const d = Z.current, b = pt.current, N = Math.max(Lr, Ot) / b.zoom;
     for (let I = d.length - 1; I >= 0; I--) {
       const h = d[I];
       if (h.hidden) continue;
       const A = Ee(h);
       for (const T of A)
-        if (Math.abs(a - T.x) < L && Math.abs(x - T.y) < L)
+        if (Math.abs(a - T.x) < N && Math.abs(x - T.y) < N)
           return { nodeId: h.id, handleId: T.id, type: T.type, x: T.x, y: T.y };
     }
     return null;
   }, [Ee]), ue = F((a, x) => {
     const b = 8 / pt.current.zoom;
-    for (let L = Pt.current.length - 1; L >= 0; L--) {
-      const I = Pt.current[L], h = Z.current.find((Mt) => Mt.id === I.source), A = Z.current.find((Mt) => Mt.id === I.target);
+    for (let N = Pt.current.length - 1; N >= 0; N--) {
+      const I = Pt.current[N], h = Z.current.find((Mt) => Mt.id === I.source), A = Z.current.find((Mt) => Mt.id === I.target);
       if (!h || !A) continue;
-      const T = h.width || Vt, Y = h.height || jt, H = A.height || jt, J = h.position.x + T, ut = h.position.y + Y / 2, U = A.position.x, nt = A.position.y + H / 2;
-      if (Ir(a, x, J, ut, U, nt) < b) return I;
+      const T = h.width || Vt, Y = h.height || jt, H = A.height || jt, J = h.position.x + T, ct = h.position.y + Y / 2, U = A.position.x, nt = A.position.y + H / 2;
+      if (Ir(a, x, J, ct, U, nt) < b) return I;
     }
     return null;
   }, []);
-  ht(() => {
-    const a = Te.current, x = mt.current;
+  ft(() => {
+    const a = Te.current, x = vt.current;
     if (!a || !x) return;
-    const d = x.getBoundingClientRect(), b = ft !== void 0 ? ft : matchMedia("(prefers-color-scheme: dark)").matches, L = ze(Z.current);
-    ee.current = L;
-    const I = Q(L), { worker: h } = Cr(a, {
+    const d = x.getBoundingClientRect(), b = st !== void 0 ? st : matchMedia("(prefers-color-scheme: dark)").matches, N = ze(Z.current);
+    ee.current = N;
+    const I = Q(N), { worker: h } = Cr(a, {
       width: d.width,
       height: d.height,
       camera: pt.current,
@@ -1247,30 +1247,30 @@ function Lr({
       edgeRouting: fe
     });
     h.onmessage = (H) => {
-      var J, ut;
-      H.data.type === "hud" && ((J = ge.current) == null || J.call(ge, H.data.data)), H.data.type === "ready" && pn(!0), H.data.type === "nodesProcessed" && ((ut = pe.current) == null || ut.call(pe, H.data.data));
+      var J, ct;
+      H.data.type === "hud" && ((J = ge.current) == null || J.call(ge, H.data.data)), H.data.type === "ready" && pn(!0), H.data.type === "nodesProcessed" && ((ct = pe.current) == null || ct.call(pe, H.data.data));
     }, Et.current = h;
     const A = new ResizeObserver((H) => {
-      const { width: J, height: ut } = H[0].contentRect;
-      h.postMessage({ type: "resize", data: { width: J, height: ut } });
+      const { width: J, height: ct } = H[0].contentRect;
+      h.postMessage({ type: "resize", data: { width: J, height: ct } });
     });
     A.observe(x);
     let T, Y;
-    return ft === void 0 && (T = matchMedia("(prefers-color-scheme: dark)"), Y = (H) => h.postMessage({ type: "theme", data: { dark: H.matches } }), T.addEventListener("change", Y)), () => {
+    return st === void 0 && (T = matchMedia("(prefers-color-scheme: dark)"), Y = (H) => h.postMessage({ type: "theme", data: { dark: H.matches } }), T.addEventListener("change", Y)), () => {
       A.disconnect(), T && Y && T.removeEventListener("change", Y), Et.current = null;
     };
-  }, []), ht(() => {
+  }, []), ft(() => {
     var a;
-    ft !== void 0 && ((a = Et.current) == null || a.postMessage({ type: "theme", data: { dark: ft } }));
-  }, [ft]), ht(() => {
+    st !== void 0 && ((a = Et.current) == null || a.postMessage({ type: "theme", data: { dark: st } }));
+  }, [st]), ft(() => {
     var a;
     (a = Et.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
   }, [fe]);
-  const Ln = tt(0), Ct = F((a = null) => {
-    var b, L, I;
+  const Nn = tt(0), Ct = F((a = null) => {
+    var b, N, I;
     const x = pt.current;
     if (re) {
-      const h = mt.current;
+      const h = vt.current;
       if (h) {
         const A = h.getBoundingClientRect(), T = -re[1][0] * x.zoom + A.width, Y = -re[1][1] * x.zoom + A.height, H = -re[0][0] * x.zoom, J = -re[0][1] * x.zoom;
         x.x = Math.min(H, Math.max(T, x.x)), x.y = Math.min(J, Math.max(Y, x.y));
@@ -1278,29 +1278,29 @@ function Lr({
     }
     (b = Et.current) == null || b.postMessage({ type: "camera", data: { camera: { ...x } } });
     const d = { x: x.x, y: x.y, zoom: x.zoom };
-    (I = (L = O.current).onMove) == null || I.call(L, a, d);
+    (I = (N = O.current).onMove) == null || I.call(N, a, d);
     for (const h of Kt) h(d);
-    cancelAnimationFrame(Ln.current), Ln.current = requestAnimationFrame(() => {
+    cancelAnimationFrame(Nn.current), Nn.current = requestAnimationFrame(() => {
       Je({ x: x.x, y: x.y, zoom: x.zoom });
     });
   }, [Kt, re]), Ce = F(() => {
     var d, b;
     const a = Wt.current, x = Me.current;
     a && x ? ((d = Et.current) == null || d.postMessage({ type: "connecting", data: { from: a.startPos, to: x, _routedPoints: null } }), ae({ source: a.sourceId, sourceHandle: a.sourceHandle, target: null, targetHandle: null })) : ((b = Et.current) == null || b.postMessage({ type: "connecting", data: null }), ae(null));
-  }, []), Ne = F(() => {
+  }, []), Le = F(() => {
     var x, d;
     const a = ie.current;
     a ? (x = Et.current) == null || x.postMessage({ type: "selectionBox", data: a }) : (d = Et.current) == null || d.postMessage({ type: "selectionBox", data: null });
   }, []), dr = F((a) => {
-    var L, I, h, A, T, Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht;
-    const x = Z.current.length > 0, d = lt(a.clientX, a.clientY), b = Ut.current;
+    var N, I, h, A, T, Y, H, J, ct, U, nt, wt, Mt, At, Xt, Ht;
+    const x = Z.current.length > 0, d = at(a.clientX, a.clientY), b = Ut.current;
     if (x && Rt) {
       const W = tn(d.x, d.y);
       if (Yt && Re.current && W) {
         const V = Re.current;
         if (W.nodeId !== V.nodeId) {
           const qt = V.handleType === "target" ? { source: W.nodeId, target: V.nodeId, sourceHandle: W.handleId || null, targetHandle: V.handleId } : { source: V.nodeId, target: W.nodeId, sourceHandle: V.handleId, targetHandle: W.handleId || null };
-          (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((L = ce.current) == null || L.call(ce, { ...qt, ...be }));
+          (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((N = ce.current) == null || N.call(ce, { ...qt, ...be }));
         }
         Re.current = null;
         return;
@@ -1315,14 +1315,14 @@ function Lr({
           sourceHandle: W.handleId || null,
           sourceType: W.type,
           startPos: { x: W.x, y: W.y }
-        }, Me.current = { x: d.x, y: d.y }, (A = mt.current) == null || A.setPointerCapture(a.pointerId), (Y = (T = O.current).onConnectStart) == null || Y.call(T, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type }), Ce();
+        }, Me.current = { x: d.x, y: d.y }, (A = vt.current) == null || A.setPointerCapture(a.pointerId), (Y = (T = O.current).onConnectStart) == null || Y.call(T, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type }), Ce();
         return;
       }
     }
     if (x) {
       const W = Tt(d.x, d.y);
       if (W) {
-        if (bt.current && Lt) {
+        if (bt.current && Nt) {
           const kt = [];
           if (b)
             kt.push({ id: W.id, type: "select", selected: !W.selected });
@@ -1345,13 +1345,13 @@ function Lr({
             Jt();
           }
         }
-        if ((H = De.current) == null || H.call(De, a, W), zt) {
+        if ((H = De.current) == null || H.call(De, a, W), ht) {
           const kt = b && W.selected;
           let V = null;
           if (W.parentId && W.extent === "parent") {
             const et = Z.current.find((qt) => qt.id === W.parentId);
             if (et) {
-              const qt = et.width || Vt, Xe = et.height || jt, en = W.width || ((J = W.measured) == null ? void 0 : J.width) || Vt, Fe = W.height || ((ut = W.measured) == null ? void 0 : ut.height) || jt;
+              const qt = et.width || Vt, Xe = et.height || jt, en = W.width || ((J = W.measured) == null ? void 0 : J.width) || Vt, Fe = W.height || ((ct = W.measured) == null ? void 0 : ct.height) || jt;
               V = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
             }
           }
@@ -1373,7 +1373,7 @@ function Lr({
               }
               return { id: et.id, startPos: { ...et.position }, parentClamp: qt, parentId: et.parentId || null };
             }) : []
-          }, (U = mt.current) == null || U.setPointerCapture(a.pointerId), (nt = Ae.current) == null || nt.call(Ae, a, W), bt.current) {
+          }, (U = vt.current) == null || U.setPointerCapture(a.pointerId), (nt = Ae.current) == null || nt.call(Ae, a, W), bt.current) {
             const et = [{ id: W.id, type: "position", dragging: !0 }];
             for (const qt of _t.current.selectedStarts)
               et.push({ id: qt.id, type: "position", dragging: !0 });
@@ -1383,7 +1383,7 @@ function Lr({
         return;
       }
     }
-    if (Pt.current.length > 0 && Lt) {
+    if (Pt.current.length > 0 && Nt) {
       const W = ue(d.x, d.y);
       if (W) {
         if (Dt.current) {
@@ -1400,7 +1400,7 @@ function Lr({
           }
           kt.length && (Dt.current(kt), Jt());
         }
-        (vt = le.current) == null || vt.call(le, a, W);
+        (wt = le.current) == null || wt.call(le, a, W);
         return;
       }
     }
@@ -1409,17 +1409,17 @@ function Lr({
       W.length && bt.current && bt.current(W), kt.length && Dt.current && Dt.current(kt), (W.length || kt.length) && Jt();
     }
     if ((Mt = We.current) == null || Mt.call(We, a), ne || b) {
-      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = mt.current) == null || At.setPointerCapture(a.pointerId), Ne();
+      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = vt.current) == null || At.setPointerCapture(a.pointerId), Le();
       return;
     }
-    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = mt.current) == null || Xt.classList.add("dragging"), (Ht = mt.current) == null || Ht.setPointerCapture(a.pointerId);
-  }, [lt, Tt, tn, ue, zt, Rt, Lt, ne, Ce, Ne, Jt]), fr = F((a) => {
+    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = vt.current) == null || Xt.classList.add("dragging"), (Ht = vt.current) == null || Ht.setPointerCapture(a.pointerId);
+  }, [at, Tt, tn, ue, ht, Rt, Nt, ne, Ce, Le, Jt]), fr = F((a) => {
     var d, b;
     if (Wt.current) {
-      if (Me.current = lt(a.clientX, a.clientY), Ce(), fn) {
-        const L = mt.current;
-        if (L) {
-          const I = L.getBoundingClientRect(), h = 40, A = a.clientX - I.left, T = a.clientY - I.top;
+      if (Me.current = at(a.clientX, a.clientY), Ce(), fn) {
+        const N = vt.current;
+        if (N) {
+          const I = N.getBoundingClientRect(), h = 40, A = a.clientX - I.left, T = a.clientY - I.top;
           let Y = 0, H = 0;
           A < h ? Y = Qt : A > I.width - h && (Y = -Qt), T < h ? H = Qt : T > I.height - h && (H = -Qt), (Y || H) && (pt.current.x += Y, pt.current.y += H, Ct(a));
         }
@@ -1427,13 +1427,13 @@ function Lr({
       return;
     }
     if (ie.current) {
-      ie.current.endWorld = lt(a.clientX, a.clientY), Ne();
-      const L = ie.current, I = Math.min(L.startWorld.x, L.endWorld.x), h = Math.min(L.startWorld.y, L.endWorld.y), A = Math.max(L.startWorld.x, L.endWorld.x), T = Math.max(L.startWorld.y, L.endWorld.y);
+      ie.current.endWorld = at(a.clientX, a.clientY), Le();
+      const N = ie.current, I = Math.min(N.startWorld.x, N.endWorld.x), h = Math.min(N.startWorld.y, N.endWorld.y), A = Math.max(N.startWorld.x, N.endWorld.x), T = Math.max(N.startWorld.y, N.endWorld.y);
       if (bt.current) {
         const Y = [];
         for (const H of Z.current) {
           if (H.hidden) continue;
-          const J = H.width || Vt, ut = H.height || jt, U = Ie === "full" ? H.position.x >= I && H.position.x + J <= A && H.position.y >= h && H.position.y + ut <= T : H.position.x + J > I && H.position.x < A && H.position.y + ut > h && H.position.y < T;
+          const J = H.width || Vt, ct = H.height || jt, U = Ie === "full" ? H.position.x >= I && H.position.x + J <= A && H.position.y >= h && H.position.y + ct <= T : H.position.x + J > I && H.position.x < A && H.position.y + ct > h && H.position.y < T;
           U !== !!H.selected && Y.push({ id: H.id, type: "select", selected: U });
         }
         Y.length && bt.current(Y);
@@ -1441,7 +1441,7 @@ function Lr({
       return;
     }
     if (_t.current) {
-      const L = lt(a.clientX, a.clientY), I = _t.current, h = L.x - I.startMouse.x, A = L.y - I.startMouse.y;
+      const N = at(a.clientX, a.clientY), I = _t.current, h = N.x - I.startMouse.x, A = N.y - I.startMouse.y;
       let T = { x: I.startPos.x + h, y: I.startPos.y + A };
       if (me && (T = Pn(T, de)), oe && (T = Tn(T, oe)), I.parentClamp) {
         const U = I.parentClamp;
@@ -1451,27 +1451,27 @@ function Lr({
       for (const U of I.selectedStarts) {
         let nt = { x: U.startPos.x + h, y: U.startPos.y + A };
         if (me && (nt = Pn(nt, de)), oe && (nt = Tn(nt, oe)), U.parentClamp) {
-          const vt = U.parentClamp;
-          nt = { x: Math.max(vt.minX, Math.min(nt.x, vt.maxX)), y: Math.max(vt.minY, Math.min(nt.y, vt.maxY)) };
+          const wt = U.parentClamp;
+          nt = { x: Math.max(wt.minX, Math.min(nt.x, wt.maxX)), y: Math.max(wt.minY, Math.min(nt.y, wt.maxY)) };
         }
         Y.push({ id: U.id, position: nt });
       }
       const H = [];
       for (const U of Y) {
-        const nt = Z.current.find((vt) => vt.id === U.id);
+        const nt = Z.current.find((wt) => wt.id === U.id);
         if (nt) {
           nt.position = U.position, nt.dragging = !0;
-          let vt = U.position;
+          let wt = U.position;
           if (nt.parentId) {
             let Mt = Z.current.find((Ht) => Ht.id === nt.parentId), At = U.position.x, Xt = U.position.y;
             for (; Mt; )
               At += Mt.position.x, Xt += Mt.position.y, Mt = Mt.parentId ? Z.current.find((Ht) => Ht.id === Mt.parentId) : null;
-            vt = { x: At, y: Xt };
+            wt = { x: At, y: Xt };
           }
           H.push({
             id: U.id,
             position: U.position,
-            _absolutePosition: vt,
+            _absolutePosition: wt,
             width: nt.width,
             height: nt.height,
             dragging: !0,
@@ -1482,13 +1482,13 @@ function Lr({
       const J = new Set(Y.map((U) => U.id));
       for (const U of Z.current)
         if (U.parentId && J.has(U.parentId) && !J.has(U.id)) {
-          let nt = Z.current.find((At) => At.id === U.parentId), vt = U.position.x, Mt = U.position.y;
+          let nt = Z.current.find((At) => At.id === U.parentId), wt = U.position.x, Mt = U.position.y;
           for (; nt; )
-            vt += nt.position.x, Mt += nt.position.y, nt = nt.parentId ? Z.current.find((At) => At.id === nt.parentId) : null;
+            wt += nt.position.x, Mt += nt.position.y, nt = nt.parentId ? Z.current.find((At) => At.id === nt.parentId) : null;
           H.push({
             id: U.id,
             position: U.position,
-            _absolutePosition: { x: vt, y: Mt },
+            _absolutePosition: { x: wt, y: Mt },
             width: U.width,
             height: U.height,
             dragging: !1,
@@ -1496,24 +1496,24 @@ function Lr({
           });
         }
       if ((d = Et.current) == null || d.postMessage({ type: "nodePositions", data: { updates: H } }), dn) {
-        const U = mt.current;
+        const U = vt.current;
         if (U) {
-          const nt = U.getBoundingClientRect(), vt = 40, Mt = a.clientX - nt.left, At = a.clientY - nt.top;
+          const nt = U.getBoundingClientRect(), wt = 40, Mt = a.clientX - nt.left, At = a.clientY - nt.top;
           let Xt = 0, Ht = 0;
-          Mt < vt ? Xt = Qt : Mt > nt.width - vt && (Xt = -Qt), At < vt ? Ht = Qt : At > nt.height - vt && (Ht = -Qt), (Xt || Ht) && (pt.current.x += Xt, pt.current.y += Ht, Ct(a));
+          Mt < wt ? Xt = Qt : Mt > nt.width - wt && (Xt = -Qt), At < wt ? Ht = Qt : At > nt.height - wt && (Ht = -Qt), (Xt || Ht) && (pt.current.x += Xt, pt.current.y += Ht, Ct(a));
         }
       }
-      const ut = Z.current.find((U) => U.id === I.id);
-      ut && ((b = He.current) == null || b.call(He, a, ut));
+      const ct = Z.current.find((U) => U.id === I.id);
+      ct && ((b = He.current) == null || b.call(He, a, ct));
       return;
     }
     if (!Se.current) return;
     const x = pt.current;
     x.x += a.clientX - te.current.x, x.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Ct();
-  }, [Ct, lt, Ce, Ne]), hr = F((a) => {
-    var x, d, b, L, I;
+  }, [Ct, at, Ce, Le]), hr = F((a) => {
+    var x, d, b, N, I;
     if (Wt.current) {
-      const h = lt(a.clientX, a.clientY), A = tn(h.x, h.y);
+      const h = at(a.clientX, a.clientY), A = tn(h.x, h.y);
       if (A && A.nodeId !== Wt.current.sourceId && (Bt === "loose" || A.type === "target")) {
         const H = Wt.current.sourceType === "target" ? {
           source: A.nodeId,
@@ -1532,7 +1532,7 @@ function Lr({
       return;
     }
     if (ie.current) {
-      ie.current = null, Ne(), Jt();
+      ie.current = null, Le(), Jt();
       return;
     }
     if (_t.current) {
@@ -1545,7 +1545,7 @@ function Lr({
           dragging: !1
         }];
         for (const H of h.selectedStarts) {
-          const J = Z.current.find((ut) => ut.id === H.id);
+          const J = Z.current.find((ct) => ct.id === H.id);
           Y.push({
             id: H.id,
             type: "position",
@@ -1559,13 +1559,13 @@ function Lr({
         _t.current = null;
       });
       const A = Z.current.find((T) => T.id === h.id);
-      A && ((L = _e.current) == null || L.call(_e, a, A));
+      A && ((N = _e.current) == null || N.call(_e, a, A));
       return;
     }
-    Se.current = !1, (I = mt.current) == null || I.classList.remove("dragging");
-  }, [lt, tn, Ce, Ne, Jt]);
-  ht(() => {
-    const a = mt.current;
+    Se.current = !1, (I = vt.current) == null || I.classList.remove("dragging");
+  }, [at, tn, Ce, Le, Jt]);
+  ft(() => {
+    const a = vt.current;
     if (!a) return;
     const x = (d) => {
       Pe && d.preventDefault();
@@ -1576,13 +1576,13 @@ function Lr({
         return;
       }
       if (!Oe) return;
-      const L = d.deltaY > 0 ? 0.92 : 1.08, I = a.getBoundingClientRect(), h = d.clientX - I.left, A = d.clientY - I.top;
-      b.x = h - (h - b.x) * L, b.y = A - (A - b.y) * L, b.zoom = Math.min(xt, Math.max(st, b.zoom * L)), Ct(d);
+      const N = d.deltaY > 0 ? 0.92 : 1.08, I = a.getBoundingClientRect(), h = d.clientX - I.left, A = d.clientY - I.top;
+      b.x = h - (h - b.x) * N, b.y = A - (A - b.y) * N, b.zoom = Math.min(mt, Math.max(it, b.zoom * N)), Ct(d);
     };
     return a.addEventListener("wheel", x, { passive: !Pe }), () => a.removeEventListener("wheel", x);
-  }, [Ct, st, xt, Ge, $e, Ze, Oe, Pe]), ht(() => {
+  }, [Ct, it, mt, Ge, $e, Ze, Oe, Pe]), ft(() => {
     if (!Ke) return;
-    const a = mt.current;
+    const a = vt.current;
     if (!a) return;
     let x = 0, d = null;
     const b = (h) => {
@@ -1595,48 +1595,48 @@ function Lr({
           y: (h.touches[0].clientY + h.touches[1].clientY) / 2 - Y.top
         }, h.preventDefault();
       }
-    }, L = (h) => {
+    }, N = (h) => {
       if (h.touches.length === 2 && x > 0) {
         h.preventDefault();
         const A = h.touches[0].clientX - h.touches[1].clientX, T = h.touches[0].clientY - h.touches[1].clientY, Y = Math.hypot(A, T), H = Y / x;
         x = Y;
-        const J = pt.current, ut = d.x, U = d.y;
-        J.x = ut - (ut - J.x) * H, J.y = U - (U - J.y) * H, J.zoom = Math.min(xt, Math.max(st, J.zoom * H)), Ct(h);
+        const J = pt.current, ct = d.x, U = d.y;
+        J.x = ct - (ct - J.x) * H, J.y = U - (U - J.y) * H, J.zoom = Math.min(mt, Math.max(it, J.zoom * H)), Ct(h);
       }
     }, I = () => {
       x = 0, d = null;
     };
-    return a.addEventListener("touchstart", b, { passive: !1 }), a.addEventListener("touchmove", L, { passive: !1 }), a.addEventListener("touchend", I), () => {
-      a.removeEventListener("touchstart", b), a.removeEventListener("touchmove", L), a.removeEventListener("touchend", I);
+    return a.addEventListener("touchstart", b, { passive: !1 }), a.addEventListener("touchmove", N, { passive: !1 }), a.addEventListener("touchend", I), () => {
+      a.removeEventListener("touchstart", b), a.removeEventListener("touchmove", N), a.removeEventListener("touchend", I);
     };
-  }, [Ke, Ct, st, xt]), ht(() => {
+  }, [Ke, Ct, it, mt]), ft(() => {
     if (!Qe) return;
-    const a = mt.current;
+    const a = vt.current;
     if (!a) return;
     const x = (d) => {
-      var H, J, ut, U;
-      const b = lt(d.clientX, d.clientY);
+      var H, J, ct, U;
+      const b = at(d.clientX, d.clientY);
       if (Tt(b.x, b.y)) {
         (J = (H = O.current).onNodeDoubleClick) == null || J.call(H, d, Tt(b.x, b.y));
         return;
       }
-      const L = ue(b.x, b.y);
-      if (L) {
-        (U = (ut = O.current).onEdgeDoubleClick) == null || U.call(ut, d, L);
+      const N = ue(b.x, b.y);
+      if (N) {
+        (U = (ct = O.current).onEdgeDoubleClick) == null || U.call(ct, d, N);
         return;
       }
       const I = 1.5, h = a.getBoundingClientRect(), A = d.clientX - h.left, T = d.clientY - h.top, Y = pt.current;
-      Y.x = A - (A - Y.x) * I, Y.y = T - (T - Y.y) * I, Y.zoom = Math.min(xt, Math.max(st, Y.zoom * I)), Ct(d);
+      Y.x = A - (A - Y.x) * I, Y.y = T - (T - Y.y) * I, Y.zoom = Math.min(mt, Math.max(it, Y.zoom * I)), Ct(d);
     };
     return a.addEventListener("dblclick", x), () => a.removeEventListener("dblclick", x);
-  }, [Qe, Ct, st, xt, lt, Tt, ue]), ht(() => {
-    const a = mt.current;
+  }, [Qe, Ct, it, mt, at, Tt, ue]), ft(() => {
+    const a = vt.current;
     if (!a) return;
     const x = (d) => {
       var h, A, T, Y, H, J;
-      const b = lt(d.clientX, d.clientY), L = Tt(b.x, b.y);
-      if (L) {
-        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, L);
+      const b = at(d.clientX, d.clientY), N = Tt(b.x, b.y);
+      if (N) {
+        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, N);
         return;
       }
       const I = ue(b.x, b.y);
@@ -1647,31 +1647,31 @@ function Lr({
       (J = (H = O.current).onPaneContextMenu) == null || J.call(H, d);
     };
     return a.addEventListener("contextmenu", x), () => a.removeEventListener("contextmenu", x);
-  }, [lt, Tt, ue]), ht(() => {
-    const a = mt.current;
+  }, [at, Tt, ue]), ft(() => {
+    const a = vt.current;
     if (!a) return;
     let x = null, d = null;
     const b = (h) => {
-      var Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht, W, kt, V;
+      var Y, H, J, ct, U, nt, wt, Mt, At, Xt, Ht, W, kt, V;
       (H = (Y = O.current).onPaneMouseMove) == null || H.call(Y, h);
-      const A = lt(h.clientX, h.clientY), T = Tt(A.x, A.y);
-      if (T !== x && (x && ((ut = (J = O.current).onNodeMouseLeave) == null || ut.call(J, h, x)), T && ((nt = (U = O.current).onNodeMouseEnter) == null || nt.call(U, h, T)), x = T), T && ((Mt = (vt = O.current).onNodeMouseMove) == null || Mt.call(vt, h, T)), !T) {
+      const A = at(h.clientX, h.clientY), T = Tt(A.x, A.y);
+      if (T !== x && (x && ((ct = (J = O.current).onNodeMouseLeave) == null || ct.call(J, h, x)), T && ((nt = (U = O.current).onNodeMouseEnter) == null || nt.call(U, h, T)), x = T), T && ((Mt = (wt = O.current).onNodeMouseMove) == null || Mt.call(wt, h, T)), !T) {
         const et = ue(A.x, A.y);
         et !== d && (d && ((Xt = (At = O.current).onEdgeMouseLeave) == null || Xt.call(At, h, d)), et && ((W = (Ht = O.current).onEdgeMouseEnter) == null || W.call(Ht, h, et)), d = et), et && ((V = (kt = O.current).onEdgeMouseMove) == null || V.call(kt, h, et));
       }
-    }, L = (h) => {
+    }, N = (h) => {
       var A, T;
       return (T = (A = O.current).onPaneMouseEnter) == null ? void 0 : T.call(A, h);
     }, I = (h) => {
-      var A, T, Y, H, J, ut;
-      (T = (A = O.current).onPaneMouseLeave) == null || T.call(A, h), x && ((H = (Y = O.current).onNodeMouseLeave) == null || H.call(Y, h, x), x = null), d && ((ut = (J = O.current).onEdgeMouseLeave) == null || ut.call(J, h, d), d = null);
+      var A, T, Y, H, J, ct;
+      (T = (A = O.current).onPaneMouseLeave) == null || T.call(A, h), x && ((H = (Y = O.current).onNodeMouseLeave) == null || H.call(Y, h, x), x = null), d && ((ct = (J = O.current).onEdgeMouseLeave) == null || ct.call(J, h, d), d = null);
     };
-    return a.addEventListener("mousemove", b), a.addEventListener("mouseenter", L), a.addEventListener("mouseleave", I), () => {
-      a.removeEventListener("mousemove", b), a.removeEventListener("mouseenter", L), a.removeEventListener("mouseleave", I);
+    return a.addEventListener("mousemove", b), a.addEventListener("mouseenter", N), a.addEventListener("mouseleave", I), () => {
+      a.removeEventListener("mousemove", b), a.removeEventListener("mouseenter", N), a.removeEventListener("mouseleave", I);
     };
-  }, [lt, Tt, ue]), ht(() => {
+  }, [at, Tt, ue]), ft(() => {
     const a = Array.isArray(ve) ? ve : [ve], x = async (d) => {
-      var b, L;
+      var b, N;
       if (a.includes(d.key)) {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA" || d.target.isContentEditable) return;
         const I = Z.current.filter((T) => T.selected), h = Pt.current.filter((T) => T.selected);
@@ -1682,7 +1682,7 @@ function Lr({
           const T = Pt.current.filter((Y) => A.has(Y.source) || A.has(Y.target));
           T.length && Dt.current(T.map((Y) => ({ id: Y.id, type: "remove" })));
         }
-        h.length && Dt.current && Dt.current(h.map((T) => ({ id: T.id, type: "remove" }))), (L = (b = O.current).onDelete) == null || L.call(b, { nodes: I, edges: h });
+        h.length && Dt.current && Dt.current(h.map((T) => ({ id: T.id, type: "remove" }))), (N = (b = O.current).onDelete) == null || N.call(b, { nodes: I, edges: h });
       }
       if ((d.ctrlKey || d.metaKey) && d.key === "a") {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA") return;
@@ -1699,14 +1699,14 @@ function Lr({
     return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
   }, [ve]);
   const In = tt(!1);
-  ht(() => {
+  ft(() => {
     var a, x;
     if (!In.current && Et.current) {
-      if (In.current = !0, gt && Z.current.length > 0) {
-        const d = mt.current;
+      if (In.current = !0, zt && Z.current.length > 0) {
+        const d = vt.current;
         if (d) {
-          const b = d.getBoundingClientRect(), L = (ct == null ? void 0 : ct.padding) ?? 0.1, I = Mn(Z.current), h = Rn(I, b.width, b.height, L);
-          ct != null && ct.maxZoom && (h.zoom = Math.min(h.zoom, ct.maxZoom)), ct != null && ct.minZoom && (h.zoom = Math.max(h.zoom, ct.minZoom)), pt.current = h, Ct();
+          const b = d.getBoundingClientRect(), N = (dt == null ? void 0 : dt.padding) ?? 0.1, I = Mn(Z.current), h = Rn(I, b.width, b.height, N);
+          dt != null && dt.maxZoom && (h.zoom = Math.min(h.zoom, dt.maxZoom)), dt != null && dt.minZoom && (h.zoom = Math.max(h.zoom, dt.minZoom)), pt.current = h, Ct();
         }
       }
       (x = (a = O.current).onInit) == null || x.call(a, {
@@ -1714,24 +1714,24 @@ function Lr({
         getEdges: () => [...Pt.current],
         getViewport: () => ({ ...pt.current }),
         fitView: (d = {}) => {
-          const b = mt.current;
+          const b = vt.current;
           if (!b || !Z.current.length) return;
-          const L = b.getBoundingClientRect(), I = Mn(Z.current), h = Rn(I, L.width, L.height, d.padding ?? 0.1);
+          const N = b.getBoundingClientRect(), I = Mn(Z.current), h = Rn(I, N.width, N.height, d.padding ?? 0.1);
           pt.current = h, Ct();
         }
       });
     }
   });
   const yr = F(() => {
-    pt.current = { ...Nt }, Ct();
-  }, [Ct, Nt]), gr = F((a) => {
+    pt.current = { ...Lt }, Ct();
+  }, [Ct, Lt]), gr = F((a) => {
     var x;
     if (a)
       se.current.push(a);
     else {
-      const d = pt.current, b = mt.current;
+      const d = pt.current, b = vt.current;
       if (!b) return;
-      const L = b.getBoundingClientRect(), I = Math.round(-d.x / d.zoom + L.width / 2 / d.zoom), h = Math.round(-d.y / d.zoom + L.height / 2 / d.zoom);
+      const N = b.getBoundingClientRect(), I = Math.round(-d.x / d.zoom + N.width / 2 / d.zoom), h = Math.round(-d.y / d.zoom + N.height / 2 / d.zoom);
       se.current.push({
         x: I - 80,
         y: h - 45,
@@ -1744,7 +1744,7 @@ function Lr({
     (x = Et.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
   }, []), pr = F((a) => {
     if (a.id || (a.id = "node-" + Date.now()), !a.position) {
-      const x = pt.current, d = mt.current;
+      const x = pt.current, d = vt.current;
       if (!d) return;
       const b = d.getBoundingClientRect();
       a.position = {
@@ -1755,8 +1755,8 @@ function Lr({
     a.data || (a.data = { label: a.id }), bt.current && bt.current([{ type: "add", item: a }]);
   }, []), xr = F(() => ({ ...pt.current }), []), mr = F((a) => {
     pt.current = { ...pt.current, ...a }, Ct();
-  }, [Ct]), vr = F((a) => lt(a.x, a.y), [lt]), $n = n, wr = St(() => ({
-    wrapRef: mt,
+  }, [Ct]), vr = F((a) => at(a.x, a.y), [at]), $n = n, wr = St(() => ({
+    wrapRef: vt,
     canvasRef: Te,
     workerRef: Et,
     cameraRef: pt,
@@ -1767,11 +1767,11 @@ function Lr({
     onNodesChangeRef: bt,
     onEdgesChangeRef: Dt,
     sendCamera: Ct,
-    screenToWorld: lt,
+    screenToWorld: at,
     viewportListeners: Kt,
     selectionListeners: he,
-    zoomMin: st,
-    zoomMax: xt,
+    zoomMin: it,
+    zoomMax: mt,
     snapToGrid: me,
     snapGrid: de,
     nodeExtent: oe,
@@ -1793,9 +1793,9 @@ function Lr({
     get connection() {
       return Ve;
     }
-  }), [e, n, $n, Be, Ve, Ct, lt, Ft, Kt, he, st, xt, me, de, oe, be, fe]);
+  }), [e, n, $n, Be, Ve, Ct, at, Ft, Kt, he, it, mt, me, de, oe, be, fe]);
   return {
-    wrapRef: mt,
+    wrapRef: vt,
     canvasRef: Te,
     canvasReady: gn,
     onPointerDown: dr,
@@ -1830,15 +1830,15 @@ function Ro() {
 function $r({ node: t, nodeType: e }) {
   var m, C, z;
   const n = yt(), r = tt(null), s = t._absolutePosition || t.position, o = tt(null);
-  ht(() => {
+  ft(() => {
     const M = r.current;
     if (!M) return;
-    const $ = new ResizeObserver((k) => {
+    const $ = new ResizeObserver((R) => {
       var D, g, f, p;
-      const { width: E, height: _ } = k[0].contentRect;
+      const { width: E, height: _ } = R[0].contentRect;
       if (E > 0 && _ > 0) {
-        const v = n.nodesRef.current.find((P) => P.id === t.id), N = (v == null ? void 0 : v.width) || ((D = v == null ? void 0 : v.measured) == null ? void 0 : D.width), w = (v == null ? void 0 : v.height) || ((g = v == null ? void 0 : v.measured) == null ? void 0 : g.height);
-        (Math.abs((N || 0) - E) > 1 || Math.abs((w || 0) - _) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
+        const v = n.nodesRef.current.find((P) => P.id === t.id), L = (v == null ? void 0 : v.width) || ((D = v == null ? void 0 : v.measured) == null ? void 0 : D.width), w = (v == null ? void 0 : v.height) || ((g = v == null ? void 0 : v.measured) == null ? void 0 : g.height);
+        (Math.abs((L || 0) - E) > 1 || Math.abs((w || 0) - _) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
           { id: t.id, type: "dimensions", dimensions: { width: E, height: _ }, setAttributes: !0 }
         ]));
       }
@@ -1846,21 +1846,22 @@ function $r({ node: t, nodeType: e }) {
     return $.observe(M), () => $.disconnect();
   }, [t.id, n]);
   const i = F((M) => {
-    var B, q, X;
+    var B, j, X, xt;
+    M.stopPropagation();
     const $ = M.target.tagName;
-    if ($ === "INPUT" || $ === "TEXTAREA" || $ === "SELECT" || $ === "BUTTON" || $ === "A" || M.target.isContentEditable) return;
-    let k = M.target;
-    for (; k && k !== r.current; ) {
-      if ((B = k.classList) != null && B.contains("nodrag")) return;
-      k = k.parentElement;
+    if ($ === "INPUT" || $ === "TEXTAREA" || $ === "SELECT" || $ === "BUTTON" || $ === "A" || $ === "LABEL" || M.target.isContentEditable) return;
+    let R = M.target;
+    for (; R && R !== r.current; ) {
+      if ((B = R.classList) != null && B.contains("nodrag") || (j = R.classList) != null && j.contains("nopan")) return;
+      R = R.parentElement;
     }
-    if (M.stopPropagation(), n.onNodesChangeRef.current) {
+    if (n.onNodesChangeRef.current) {
       const K = [];
       if (M.shiftKey)
         K.push({ id: t.id, type: "select", selected: !t.selected });
       else
-        for (const rt of n.nodesRef.current)
-          rt.id === t.id && !rt.selected ? K.push({ id: rt.id, type: "select", selected: !0 }) : rt.id !== t.id && rt.selected && K.push({ id: rt.id, type: "select", selected: !1 });
+        for (const q of n.nodesRef.current)
+          q.id === t.id && !q.selected ? K.push({ id: q.id, type: "select", selected: !0 }) : q.id !== t.id && q.selected && K.push({ id: q.id, type: "select", selected: !1 });
       K.length && n.onNodesChangeRef.current(K);
     }
     const E = n.cameraRef.current, _ = n.wrapRef.current;
@@ -1871,53 +1872,53 @@ function $r({ node: t, nodeType: e }) {
       startMouse: { x: g, y: f },
       selectedStarts: v
     };
-    const N = [{ id: t.id, type: "position", dragging: !0 }];
+    const L = [{ id: t.id, type: "position", dragging: !0 }];
     for (const K of v)
-      N.push({ id: K.id, type: "position", dragging: !0 });
-    (X = (q = n.onNodesChangeRef).current) == null || X.call(q, N);
+      L.push({ id: K.id, type: "position", dragging: !0 });
+    (xt = (X = n.onNodesChangeRef).current) == null || xt.call(X, L);
     const w = r.current;
     w && w.setPointerCapture(M.pointerId);
     const P = (K) => {
-      var It, st, xt, Nt;
+      var it, mt, Lt, zt;
       if (!o.current) return;
-      const at = n.cameraRef.current, rt = _.getBoundingClientRect(), G = (K.clientX - rt.left - at.x) / at.zoom, j = (K.clientY - rt.top - at.y) / at.zoom, it = G - o.current.startMouse.x, dt = j - o.current.startMouse.y;
-      let ot = { x: o.current.startPos.x + it, y: o.current.startPos.y + dt };
-      if (n.snapToGrid && n.snapGrid && (ot = {
-        x: n.snapGrid[0] * Math.round(ot.x / n.snapGrid[0]),
-        y: n.snapGrid[1] * Math.round(ot.y / n.snapGrid[1])
+      const rt = n.cameraRef.current, q = _.getBoundingClientRect(), G = (K.clientX - q.left - rt.x) / rt.zoom, ot = (K.clientY - q.top - rt.y) / rt.zoom, lt = G - o.current.startMouse.x, ut = ot - o.current.startMouse.y;
+      let st = { x: o.current.startPos.x + lt, y: o.current.startPos.y + ut };
+      if (n.snapToGrid && n.snapGrid && (st = {
+        x: n.snapGrid[0] * Math.round(st.x / n.snapGrid[0]),
+        y: n.snapGrid[1] * Math.round(st.y / n.snapGrid[1])
       }), t.parentId && t.extent === "parent") {
-        const gt = n.nodesRef.current.find((ct) => ct.id === t.parentId);
-        if (gt) {
-          const ct = gt.width || 160, zt = gt.height || 60, Rt = t.width || ((It = t.measured) == null ? void 0 : It.width) || 160, Lt = t.height || ((st = t.measured) == null ? void 0 : st.height) || 60;
-          ot = {
-            x: Math.max(0, Math.min(ot.x, ct - Rt)),
-            y: Math.max(0, Math.min(ot.y, zt - Lt))
+        const dt = n.nodesRef.current.find((ht) => ht.id === t.parentId);
+        if (dt) {
+          const ht = dt.width || 160, Rt = dt.height || 60, Nt = t.width || ((it = t.measured) == null ? void 0 : it.width) || 160, gt = t.height || ((mt = t.measured) == null ? void 0 : mt.height) || 60;
+          st = {
+            x: Math.max(0, Math.min(st.x, ht - Nt)),
+            y: Math.max(0, Math.min(st.y, Rt - gt))
           };
         }
       }
-      const ft = [{ id: t.id, type: "position", position: ot, dragging: !0 }];
-      for (const gt of o.current.selectedStarts) {
-        let ct = { x: gt.startPos.x + it, y: gt.startPos.y + dt };
-        n.snapToGrid && n.snapGrid && (ct = {
-          x: n.snapGrid[0] * Math.round(ct.x / n.snapGrid[0]),
-          y: n.snapGrid[1] * Math.round(ct.y / n.snapGrid[1])
-        }), ft.push({ id: gt.id, type: "position", position: ct, dragging: !0 });
+      const It = [{ id: t.id, type: "position", position: st, dragging: !0 }];
+      for (const dt of o.current.selectedStarts) {
+        let ht = { x: dt.startPos.x + lt, y: dt.startPos.y + ut };
+        n.snapToGrid && n.snapGrid && (ht = {
+          x: n.snapGrid[0] * Math.round(ht.x / n.snapGrid[0]),
+          y: n.snapGrid[1] * Math.round(ht.y / n.snapGrid[1])
+        }), It.push({ id: dt.id, type: "position", position: ht, dragging: !0 });
       }
-      (Nt = (xt = n.onNodesChangeRef).current) == null || Nt.call(xt, ft);
-    }, R = (K) => {
-      var rt, G;
+      (zt = (Lt = n.onNodesChangeRef).current) == null || zt.call(Lt, It);
+    }, k = (K) => {
+      var q, G;
       if (!o.current) return;
-      const at = [{ id: t.id, type: "position", dragging: !1 }];
-      for (const j of o.current.selectedStarts)
-        at.push({ id: j.id, type: "position", dragging: !1 });
-      (G = (rt = n.onNodesChangeRef).current) == null || G.call(rt, at), o.current = null, w && w.releasePointerCapture(K.pointerId), w == null || w.removeEventListener("pointermove", P), w == null || w.removeEventListener("pointerup", R);
+      const rt = [{ id: t.id, type: "position", dragging: !1 }];
+      for (const ot of o.current.selectedStarts)
+        rt.push({ id: ot.id, type: "position", dragging: !1 });
+      (G = (q = n.onNodesChangeRef).current) == null || G.call(q, rt), o.current = null, w && w.releasePointerCapture(K.pointerId), w == null || w.removeEventListener("pointermove", P), w == null || w.removeEventListener("pointerup", k);
     };
-    w == null || w.addEventListener("pointermove", P), w == null || w.addEventListener("pointerup", R);
+    w == null || w.addEventListener("pointermove", P), w == null || w.addEventListener("pointerup", k);
   }, [t, n]), c = F((M) => {
-    var g, f, p, v, N, w;
+    var g, f, p, v, L, w;
     if (!t.selected) return;
     const $ = M.shiftKey ? 10 : 1;
-    let k = 0, E = 0;
+    let R = 0, E = 0;
     switch (M.key) {
       case "ArrowUp":
         E = -$;
@@ -1926,10 +1927,10 @@ function $r({ node: t, nodeType: e }) {
         E = $;
         break;
       case "ArrowLeft":
-        k = -$;
+        R = -$;
         break;
       case "ArrowRight":
-        k = $;
+        R = $;
         break;
       case "Escape":
         (f = (g = n.onNodesChangeRef).current) == null || f.call(g, [{ id: t.id, type: "select", selected: !1 }]);
@@ -1942,10 +1943,10 @@ function $r({ node: t, nodeType: e }) {
         return;
     }
     M.preventDefault();
-    const _ = { x: t.position.x + k, y: t.position.y + E }, D = [{ id: t.id, type: "position", position: _ }];
+    const _ = { x: t.position.x + R, y: t.position.y + E }, D = [{ id: t.id, type: "position", position: _ }];
     for (const P of n.nodesRef.current)
-      P.selected && P.id !== t.id && D.push({ id: P.id, type: "position", position: { x: P.position.x + k, y: P.position.y + E } });
-    (w = (N = n.onNodesChangeRef).current) == null || w.call(N, D);
+      P.selected && P.id !== t.id && D.push({ id: P.id, type: "position", position: { x: P.position.x + R, y: P.position.y + E } });
+    (w = (L = n.onNodesChangeRef).current) == null || w.call(L, D);
   }, [t, n]), u = t.width || ((m = t.measured) == null ? void 0 : m.width), l = t.height || ((C = t.measured) == null ? void 0 : C.height), y = !!(u && l);
   return /* @__PURE__ */ S(je.Provider, { value: t.id, children: /* @__PURE__ */ S(
     "div",
@@ -1958,9 +1959,7 @@ function $r({ node: t, nodeType: e }) {
         top: s.y,
         zIndex: t.type === "group" ? 0 : t.zIndex || 1,
         pointerEvents: t.type === "group" ? "none" : "all",
-        cursor: t.dragging ? "grabbing" : "grab",
         visibility: y ? "visible" : "hidden",
-        userSelect: "none",
         outline: "none"
       },
       "data-nodeid": t.id,
@@ -2055,75 +2054,75 @@ function Dn({ x: t, y: e, position: n, type: r, onPointerDown: s }) {
 }
 function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
   var g, f, p;
-  const s = yt(), [o, i] = Gt(null), c = F((v, N, w, P) => {
+  const s = yt(), [o, i] = Gt(null), c = F((v, L, w, P) => {
     var rt;
-    N.stopPropagation(), N.preventDefault();
-    const R = s.wrapRef.current;
-    if (!R) return;
-    const B = v === "source" ? P : w, q = v === "source" ? t.target : t.source;
+    L.stopPropagation(), L.preventDefault();
+    const k = s.wrapRef.current;
+    if (!k) return;
+    const B = v === "source" ? P : w, j = v === "source" ? t.target : t.source;
     (rt = s.workerRef.current) == null || rt.postMessage({
       type: "connecting",
       data: { from: { x: B.x, y: B.y }, to: { x: B.x, y: B.y } }
     });
-    const X = R.getBoundingClientRect(), K = (G) => {
-      var ot;
-      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom;
-      (ot = s.workerRef.current) == null || ot.postMessage({
+    const X = k.getBoundingClientRect(), xt = (q) => {
+      var ut;
+      const G = s.cameraRef.current, ot = (q.clientX - X.left - G.x) / G.zoom, lt = (q.clientY - X.top - G.y) / G.zoom;
+      (ut = s.workerRef.current) == null || ut.postMessage({
         type: "connecting",
-        data: { from: { x: B.x, y: B.y }, to: { x: it, y: dt } }
+        data: { from: { x: B.x, y: B.y }, to: { x: ot, y: lt } }
       });
-    }, at = (G) => {
-      var xt, Nt, gt, ct;
-      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom, ot = 20 / j.zoom;
-      let ft = null, It = null;
-      const st = (xt = s.handleRegistryRef) == null ? void 0 : xt.current;
-      for (const zt of s.nodesRef.current) {
-        if (zt.hidden) continue;
-        const Rt = zt.width || On, Lt = zt.height || Qn, wt = zt._absolutePosition || zt.position, ne = [];
-        if (st)
-          for (const [, Bt] of st)
-            Bt.nodeId === zt.id && ne.push(Bt);
-        const Ie = ne.length > 0 ? ne : zt.handles || [
+    }, K = (q) => {
+      var mt, Lt, zt, dt;
+      const G = s.cameraRef.current, ot = (q.clientX - X.left - G.x) / G.zoom, lt = (q.clientY - X.top - G.y) / G.zoom, ut = 20 / G.zoom;
+      let st = null, It = null;
+      const it = (mt = s.handleRegistryRef) == null ? void 0 : mt.current;
+      for (const ht of s.nodesRef.current) {
+        if (ht.hidden) continue;
+        const Rt = ht.width || On, Nt = ht.height || Qn, gt = ht._absolutePosition || ht.position, ne = [];
+        if (it)
+          for (const [, Bt] of it)
+            Bt.nodeId === ht.id && ne.push(Bt);
+        const Ie = ne.length > 0 ? ne : ht.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
         for (const Bt of Ie) {
           let Ot, Yt;
           if (Bt.x !== void 0 && Bt.y !== void 0)
-            Ot = wt.x + Bt.x, Yt = wt.y + Bt.y;
+            Ot = gt.x + Bt.x, Yt = gt.y + Bt.y;
           else
             switch (Bt.position || (Bt.type === "source" ? "right" : "left")) {
               case "top":
-                Ot = wt.x + Rt / 2, Yt = wt.y;
+                Ot = gt.x + Rt / 2, Yt = gt.y;
                 break;
               case "bottom":
-                Ot = wt.x + Rt / 2, Yt = wt.y + Lt;
+                Ot = gt.x + Rt / 2, Yt = gt.y + Nt;
                 break;
               case "left":
-                Ot = wt.x, Yt = wt.y + Lt / 2;
+                Ot = gt.x, Yt = gt.y + Nt / 2;
                 break;
               default:
-                Ot = wt.x + Rt, Yt = wt.y + Lt / 2;
+                Ot = gt.x + Rt, Yt = gt.y + Nt / 2;
                 break;
             }
-          if (Math.abs(it - Ot) < ot && Math.abs(dt - Yt) < ot) {
-            ft = zt, It = Bt.id || null;
+          if (Math.abs(ot - Ot) < ut && Math.abs(lt - Yt) < ut) {
+            st = ht, It = Bt.id || null;
             break;
           }
         }
-        if (ft) break;
+        if (st) break;
       }
-      if (ft) {
-        const zt = v === "source" ? { source: ft.id, target: q, sourceHandle: It, targetHandle: t.targetHandle } : { source: q, target: ft.id, sourceHandle: t.sourceHandle, targetHandle: It };
-        (gt = (Nt = s.onEdgesChangeRef).current) == null || gt.call(Nt, [
+      if (st) {
+        const ht = v === "source" ? { source: st.id, target: j, sourceHandle: It, targetHandle: t.targetHandle } : { source: j, target: st.id, sourceHandle: t.sourceHandle, targetHandle: It };
+        (zt = (Lt = s.onEdgesChangeRef).current) == null || zt.call(Lt, [
           { id: t.id, type: "remove" },
-          { type: "add", item: { id: t.id, ...zt } }
+          { type: "add", item: { id: t.id, ...ht } }
         ]);
       }
-      (ct = s.workerRef.current) == null || ct.postMessage({ type: "connecting", data: null }), R.removeEventListener("pointermove", K), R.removeEventListener("pointerup", at);
+      (dt = s.workerRef.current) == null || dt.postMessage({ type: "connecting", data: null }), k.removeEventListener("pointermove", xt), k.removeEventListener("pointerup", K);
     };
-    R.addEventListener("pointermove", K), R.addEventListener("pointerup", at);
-  }, [t, s]), u = n.find((v) => v.id === t.source), l = n.find((v) => v.id === t.target), y = u && !!(u.width || (g = u.measured) != null && g.width), m = l && !!(l.width || (f = l.measured) != null && f.width), C = (p = s.handleRegistryRef) == null ? void 0 : p.current, z = y ? Bn(u, "source", t.sourceHandle, C) : null, M = m ? Bn(l, "target", t.targetHandle, C) : null, $ = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", k = s.routedEdges || s.edges, E = k == null ? void 0 : k.find((v) => v.id === t.id), _ = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, D = r !== !1 && t.reconnectable !== !1;
+    k.addEventListener("pointermove", xt), k.addEventListener("pointerup", K);
+  }, [t, s]), u = n.find((v) => v.id === t.source), l = n.find((v) => v.id === t.target), y = u && !!(u.width || (g = u.measured) != null && g.width), m = l && !!(l.width || (f = l.measured) != null && f.width), C = (p = s.handleRegistryRef) == null ? void 0 : p.current, z = y ? Bn(u, "source", t.sourceHandle, C) : null, M = m ? Bn(l, "target", t.targetHandle, C) : null, $ = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", R = s.routedEdges || s.edges, E = R == null ? void 0 : R.find((v) => v.id === t.id), _ = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, D = r !== !1 && t.reconnectable !== !1;
   return !z || !M ? null : /* @__PURE__ */ $t(
     "g",
     {
@@ -2157,7 +2156,7 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             routedPoints: _
           }
         ),
-        D && (o || t.selected) && /* @__PURE__ */ $t(Le, { children: [
+        D && (o || t.selected) && /* @__PURE__ */ $t(Ne, { children: [
           /* @__PURE__ */ S(
             Dn,
             {
@@ -2187,9 +2186,9 @@ const Dr = Zt(Br);
 function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
   var $;
   const n = yt(), [r, s] = Gt(null), o = tt(null);
-  if (ht(() => {
-    const k = n.wrapRef.current;
-    if (!k) return;
+  if (ft(() => {
+    const R = n.wrapRef.current;
+    if (!R) return;
     let E = !1, _ = null, D = !1;
     const g = (w) => {
       w.key === t && (D = !0);
@@ -2200,31 +2199,31 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
       const P = w.target;
       if (P.closest(".ric-node-wrapper") || P.closest(".ric-handle")) return;
       E = !0;
-      const R = n.cameraRef.current, B = k.getBoundingClientRect(), q = (w.clientX - B.left - R.x) / R.zoom, X = (w.clientY - B.top - R.y) / R.zoom;
-      _ = { x: q, y: X }, s({ startX: q, startY: X, endX: q, endY: X }), w.stopPropagation();
+      const k = n.cameraRef.current, B = R.getBoundingClientRect(), j = (w.clientX - B.left - k.x) / k.zoom, X = (w.clientY - B.top - k.y) / k.zoom;
+      _ = { x: j, y: X }, s({ startX: j, startY: X, endX: j, endY: X }), w.stopPropagation();
     }, v = (w) => {
       if (!E || !_) return;
-      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom;
-      s({ startX: _.x, startY: _.y, endX: B, endY: q });
-    }, N = (w) => {
-      var at, rt;
+      const P = n.cameraRef.current, k = R.getBoundingClientRect(), B = (w.clientX - k.left - P.x) / P.zoom, j = (w.clientY - k.top - P.y) / P.zoom;
+      s({ startX: _.x, startY: _.y, endX: B, endY: j });
+    }, L = (w) => {
+      var K, rt;
       if (!E || !_) return;
       E = !1;
-      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom, X = {
+      const P = n.cameraRef.current, k = R.getBoundingClientRect(), B = (w.clientX - k.left - P.x) / P.zoom, j = (w.clientY - k.top - P.y) / P.zoom, X = {
         x: Math.min(_.x, B),
-        y: Math.min(_.y, q),
+        y: Math.min(_.y, j),
         width: Math.abs(B - _.x),
-        height: Math.abs(q - _.y)
-      }, K = [];
-      for (const G of n.nodesRef.current) {
-        const j = G._absolutePosition || G.position, it = G.width || 160, dt = G.height || 60;
-        let ot;
-        e === "full" ? ot = j.x >= X.x && j.y >= X.y && j.x + it <= X.x + X.width && j.y + dt <= X.y + X.height : ot = j.x + it > X.x && j.x < X.x + X.width && j.y + dt > X.y && j.y < X.y + X.height, K.push({ id: G.id, type: "select", selected: ot });
+        height: Math.abs(j - _.y)
+      }, xt = [];
+      for (const q of n.nodesRef.current) {
+        const G = q._absolutePosition || q.position, ot = q.width || 160, lt = q.height || 60;
+        let ut;
+        e === "full" ? ut = G.x >= X.x && G.y >= X.y && G.x + ot <= X.x + X.width && G.y + lt <= X.y + X.height : ut = G.x + ot > X.x && G.x < X.x + X.width && G.y + lt > X.y && G.y < X.y + X.height, xt.push({ id: q.id, type: "select", selected: ut });
       }
-      K.length && ((rt = (at = n.onNodesChangeRef).current) == null || rt.call(at, K)), _ = null, s(null);
+      xt.length && ((rt = (K = n.onNodesChangeRef).current) == null || rt.call(K, xt)), _ = null, s(null);
     };
-    return k.addEventListener("pointerdown", p, !0), k.addEventListener("pointermove", v), k.addEventListener("pointerup", N), window.addEventListener("keydown", g), window.addEventListener("keyup", f), () => {
-      k.removeEventListener("pointerdown", p, !0), k.removeEventListener("pointermove", v), k.removeEventListener("pointerup", N), window.removeEventListener("keydown", g), window.removeEventListener("keyup", f);
+    return R.addEventListener("pointerdown", p, !0), R.addEventListener("pointermove", v), R.addEventListener("pointerup", L), window.addEventListener("keydown", g), window.addEventListener("keyup", f), () => {
+      R.removeEventListener("pointerdown", p, !0), R.removeEventListener("pointermove", v), R.removeEventListener("pointerup", L), window.removeEventListener("keydown", g), window.removeEventListener("keyup", f);
     };
   }, [n, t, e]), !r) return null;
   const i = (($ = n.cameraRef) == null ? void 0 : $.current) || { x: 0, y: 0, zoom: 1 }, c = Math.min(r.startX, r.endX), u = Math.min(r.startY, r.endY), l = Math.abs(r.endX - r.startX), y = Math.abs(r.endY - r.startY), m = c * i.zoom + i.x, C = u * i.zoom + i.y, z = l * i.zoom, M = y * i.zoom;
@@ -2294,20 +2293,20 @@ function on({
   const m = qe(je), C = yt(), z = tt(null), M = tt(C);
   M.current = C;
   const $ = F(() => {
-    var w, P, R;
+    var w, P, k;
     const D = z.current;
     if (!D || !m) return;
     const g = M.current, f = (w = g.handleRegistryRef) == null ? void 0 : w.current;
     if (!f) return;
-    const p = `${m}__${n || t}`, v = (R = (P = g.cameraRef) == null ? void 0 : P.current) == null ? void 0 : R.zoom, N = Hr(D, v);
-    if (N) {
-      const B = { nodeId: m, id: n || null, type: t, position: e, x: N.x, y: N.y };
+    const p = `${m}__${n || t}`, v = (k = (P = g.cameraRef) == null ? void 0 : P.current) == null ? void 0 : k.zoom, L = Hr(D, v);
+    if (L) {
+      const B = { nodeId: m, id: n || null, type: t, position: e, x: L.x, y: L.y };
       f.set(p, B);
     }
   }, [m, n, t, e]);
   kr(() => {
     $();
-  }, [$]), ht(() => {
+  }, [$]), ft(() => {
     if (!m) return;
     const D = M.current;
     An(D, m);
@@ -2317,17 +2316,17 @@ function on({
     return f && p.observe(f), () => {
       var P;
       p.disconnect();
-      const v = M.current, N = (P = v.handleRegistryRef) == null ? void 0 : P.current, w = `${m}__${n || t}`;
-      N == null || N.delete(w), Jn(v, m);
+      const v = M.current, L = (P = v.handleRegistryRef) == null ? void 0 : P.current, w = `${m}__${n || t}`;
+      L == null || L.delete(w), Jn(v, m);
     };
   }, [m, n, t, e, $]);
-  const k = F(() => {
-    var R;
+  const R = F(() => {
+    var k;
     const D = M.current, g = D.nodesRef.current.find((B) => B.id === m);
     if (!g) return null;
-    const f = g._absolutePosition || g.position, p = (R = D.handleRegistryRef) == null ? void 0 : R.current, v = `${m}__${n || t}`, N = p == null ? void 0 : p.get(v);
-    if (N && N.x !== void 0 && N.y !== void 0)
-      return { x: f.x + N.x, y: f.y + N.y };
+    const f = g._absolutePosition || g.position, p = (k = D.handleRegistryRef) == null ? void 0 : k.current, v = `${m}__${n || t}`, L = p == null ? void 0 : p.get(v);
+    if (L && L.x !== void 0 && L.y !== void 0)
+      return { x: f.x + L.x, y: f.y + L.y };
     const w = g.width || 160, P = g.height || 60;
     switch (e) {
       case "top":
@@ -2340,79 +2339,79 @@ function on({
         return { x: f.x + w, y: f.y + P / 2 };
     }
   }, [m, n, t, e]), E = F((D) => {
-    var q;
+    var j;
     if (!r || !s) return;
     D.stopPropagation(), D.preventDefault();
     const g = M.current, f = g.cameraRef.current, p = g.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), N = k();
-    if (!N) return;
-    const w = N.x, P = N.y;
-    (q = g.workerRef.current) == null || q.postMessage({
+    const v = p.getBoundingClientRect(), L = R();
+    if (!L) return;
+    const w = L.x, P = L.y;
+    (j = g.workerRef.current) == null || j.postMessage({
       type: "connecting",
       data: { from: { x: w, y: P }, to: { x: w, y: P } }
     }), p.setPointerCapture(D.pointerId);
-    const R = (X) => {
+    const k = (X) => {
       var rt;
-      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom;
+      const xt = (X.clientX - v.left - f.x) / f.zoom, K = (X.clientY - v.top - f.y) / f.zoom;
       (rt = g.workerRef.current) == null || rt.postMessage({
         type: "connecting",
-        data: { from: { x: w, y: P }, to: { x: K, y: at } }
+        data: { from: { x: w, y: P }, to: { x: xt, y: K } }
       });
     }, B = (X) => {
-      var dt, ot, ft, It;
-      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom, rt = 20 / f.zoom;
-      let G = null, j = null;
-      const it = (dt = g.handleRegistryRef) == null ? void 0 : dt.current;
-      for (const st of g.nodesRef.current) {
-        if (st.id === m || st.hidden) continue;
-        const xt = st.width || 160, Nt = st.height || 60, gt = st._absolutePosition || st.position, ct = [];
-        if (it)
-          for (const [, Rt] of it)
-            Rt.nodeId === st.id && ct.push(Rt);
-        const zt = ct.length > 0 ? ct : st.handles || [
+      var lt, ut, st, It;
+      const xt = (X.clientX - v.left - f.x) / f.zoom, K = (X.clientY - v.top - f.y) / f.zoom, rt = 20 / f.zoom;
+      let q = null, G = null;
+      const ot = (lt = g.handleRegistryRef) == null ? void 0 : lt.current;
+      for (const it of g.nodesRef.current) {
+        if (it.id === m || it.hidden) continue;
+        const mt = it.width || 160, Lt = it.height || 60, zt = it._absolutePosition || it.position, dt = [];
+        if (ot)
+          for (const [, Rt] of ot)
+            Rt.nodeId === it.id && dt.push(Rt);
+        const ht = dt.length > 0 ? dt : it.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
-        for (const Rt of zt) {
-          let Lt, wt;
+        for (const Rt of ht) {
+          let Nt, gt;
           if (Rt.x !== void 0 && Rt.y !== void 0)
-            Lt = gt.x + Rt.x, wt = gt.y + Rt.y;
+            Nt = zt.x + Rt.x, gt = zt.y + Rt.y;
           else
             switch (Rt.position || (Rt.type === "source" ? "right" : "left")) {
               case "top":
-                Lt = gt.x + xt / 2, wt = gt.y;
+                Nt = zt.x + mt / 2, gt = zt.y;
                 break;
               case "bottom":
-                Lt = gt.x + xt / 2, wt = gt.y + Nt;
+                Nt = zt.x + mt / 2, gt = zt.y + Lt;
                 break;
               case "left":
-                Lt = gt.x, wt = gt.y + Nt / 2;
+                Nt = zt.x, gt = zt.y + Lt / 2;
                 break;
               default:
-                Lt = gt.x + xt, wt = gt.y + Nt / 2;
+                Nt = zt.x + mt, gt = zt.y + Lt / 2;
                 break;
             }
-          if (Math.abs(K - Lt) < rt && Math.abs(at - wt) < rt) {
-            G = st, j = Rt.id || null;
+          if (Math.abs(xt - Nt) < rt && Math.abs(K - gt) < rt) {
+            q = it, G = Rt.id || null;
             break;
           }
         }
-        if (G) break;
+        if (q) break;
       }
-      if (G) {
-        const st = {
-          source: t === "source" ? m : G.id,
-          target: t === "source" ? G.id : m,
-          sourceHandle: t === "source" ? n || null : j,
-          targetHandle: t === "source" ? j : n || null
+      if (q) {
+        const it = {
+          source: t === "source" ? m : q.id,
+          target: t === "source" ? q.id : m,
+          sourceHandle: t === "source" ? n || null : G,
+          targetHandle: t === "source" ? G : n || null
         };
-        (ft = (ot = g.onEdgesChangeRef) == null ? void 0 : ot.current) == null || ft.call(ot, [{ type: "add", item: { id: `e-${st.source}-${st.target}`, ...st } }]);
+        (st = (ut = g.onEdgesChangeRef) == null ? void 0 : ut.current) == null || st.call(ut, [{ type: "add", item: { id: `e-${it.source}-${it.target}`, ...it } }]);
       }
-      (It = g.workerRef.current) == null || It.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", R), p.removeEventListener("pointerup", B);
+      (It = g.workerRef.current) == null || It.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", k), p.removeEventListener("pointerup", B);
     };
-    p.addEventListener("pointermove", R), p.addEventListener("pointerup", B);
-  }, [m, n, t, e, r, s, k]), _ = {
+    p.addEventListener("pointermove", k), p.addEventListener("pointerup", B);
+  }, [m, n, t, e, r, s, R]), _ = {
     top: { top: 0, left: "50%", transform: "translate(-50%, -50%)" },
     bottom: { bottom: 0, left: "50%", transform: "translate(-50%, 50%)" },
     left: { top: "50%", left: 0, transform: "translate(-50%, -50%)" },
@@ -2578,7 +2577,7 @@ function Vn({
   ...y
 }) {
   const [m, C] = Gt({ x: 1, y: 0, width: 0, height: 0 }), z = tt(null);
-  return ht(() => {
+  return ft(() => {
     if (z.current) {
       const M = z.current.getBBox();
       C({
@@ -2648,7 +2647,7 @@ function un({
   className: M = "",
   ...$
 }) {
-  return /* @__PURE__ */ $t(Le, { children: [
+  return /* @__PURE__ */ $t(Ne, { children: [
     /* @__PURE__ */ S(
       "path",
       {
@@ -2721,43 +2720,43 @@ const tr = Zt(function({
   labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: k,
+  markerStart: R,
   interactionWidth: E
 }) {
   let _, D, g;
-  const f = _n(n, r, i), p = _n(s, o, c), v = Math.abs(p.x - f.x), N = Math.max(50, v * 0.5);
-  let w, P, R, B;
+  const f = _n(n, r, i), p = _n(s, o, c), v = Math.abs(p.x - f.x), L = Math.max(50, v * 0.5);
+  let w, P, k, B;
   switch (i) {
     case "left":
-      w = f.x - N, P = f.y;
+      w = f.x - L, P = f.y;
       break;
     case "top":
-      w = f.x, P = f.y - N;
+      w = f.x, P = f.y - L;
       break;
     case "bottom":
-      w = f.x, P = f.y + N;
+      w = f.x, P = f.y + L;
       break;
     default:
-      w = f.x + N, P = f.y;
+      w = f.x + L, P = f.y;
       break;
   }
   switch (c) {
     case "right":
-      R = p.x + N, B = p.y;
+      k = p.x + L, B = p.y;
       break;
     case "top":
-      R = p.x, B = p.y - N;
+      k = p.x, B = p.y - L;
       break;
     case "bottom":
-      R = p.x, B = p.y + N;
+      k = p.x, B = p.y + L;
       break;
     default:
-      R = p.x - N, B = p.y;
+      k = p.x - L, B = p.y;
       break;
   }
-  _ = `M ${n},${r} L ${f.x},${f.y} C ${w},${P} ${R},${B} ${p.x},${p.y} L ${s},${o}`;
-  const q = 0.5, X = 0.5;
-  return D = X * X * X * f.x + 3 * X * X * q * w + 3 * X * q * q * R + q * q * q * p.x, g = X * X * X * f.y + 3 * X * X * q * P + 3 * X * q * q * B + q * q * q * p.y, /* @__PURE__ */ S(
+  _ = `M ${n},${r} L ${f.x},${f.y} C ${w},${P} ${k},${B} ${p.x},${p.y} L ${s},${o}`;
+  const j = 0.5, X = 0.5;
+  return D = X * X * X * f.x + 3 * X * X * j * w + 3 * X * j * j * k + j * j * j * p.x, g = X * X * X * f.y + 3 * X * X * j * P + 3 * X * j * j * B + j * j * j * p.y, /* @__PURE__ */ S(
     un,
     {
       id: e,
@@ -2772,7 +2771,7 @@ const tr = Zt(function({
       labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: k,
+      markerStart: R,
       interactionWidth: E
     }
   );
@@ -2821,7 +2820,7 @@ function nr({
       z = n - y, M = r;
       break;
   }
-  const $ = `M ${t},${e} C ${m},${C} ${z},${M} ${n},${r}`, k = 0.5, E = 1 - k, _ = E * E * E * t + 3 * E * E * k * m + 3 * E * k * k * z + k * k * k * n, D = E * E * E * e + 3 * E * E * k * C + 3 * E * k * k * M + k * k * k * r;
+  const $ = `M ${t},${e} C ${m},${C} ${z},${M} ${n},${r}`, R = 0.5, E = 1 - R, _ = E * E * E * t + 3 * E * E * R * m + 3 * E * R * R * z + R * R * R * n, D = E * E * E * e + 3 * E * E * R * C + 3 * E * R * R * M + R * R * R * r;
   return [$, _, D, 0, 0];
 }
 function rr({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
@@ -2911,8 +2910,8 @@ function Yr(t, e, n, r, s, o, i, c) {
   const z = (t + n) / 2, M = (e + r) / 2;
   if (z > s + C && z < s + i - C && M > o + C && M < o + c - C) return !0;
   const $ = [[s, o], [s + i, o], [s + i, o + c], [s, o + c]];
-  for (let k = 0; k < 4; k++)
-    if (Ur(t, e, n, r, $[k][0], $[k][1], $[(k + 1) % 4][0], $[(k + 1) % 4][1])) return !0;
+  for (let R = 0; R < 4; R++)
+    if (Ur(t, e, n, r, $[R][0], $[R][1], $[(R + 1) % 4][0], $[(R + 1) % 4][1])) return !0;
   return !1;
 }
 function Ur(t, e, n, r, s, o, i, c) {
@@ -2957,44 +2956,44 @@ function sr(t, e, n) {
   r.add(t.x), r.add(e.x), s.add(t.y), s.add(e.y);
   const o = Ue + 5;
   t.dir === "right" ? r.add(t.x + o) : t.dir === "left" ? r.add(t.x - o) : t.dir === "top" ? s.add(t.y - o) : t.dir === "bottom" && s.add(t.y + o), e.dir === "right" ? r.add(e.x + o) : e.dir === "left" ? r.add(e.x - o) : e.dir === "top" ? s.add(e.y - o) : e.dir === "bottom" && s.add(e.y + o);
-  for (let R = 0; R < n.length; R++) {
-    const B = n[R];
+  for (let k = 0; k < n.length; k++) {
+    const B = n[k];
     r.add(B.x), r.add(B.x + B.w), s.add(B.y), s.add(B.y + B.h);
   }
-  const i = [...r].sort((R, B) => R - B), c = [...s].sort((R, B) => R - B), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-  for (let R = 0; R < i.length; R++) u.set(i[R], R);
-  for (let R = 0; R < c.length; R++) l.set(c[R], R);
-  const y = i.length, m = c.length, C = (R, B) => B * y + R, z = u.get(t.x), M = l.get(t.y), $ = u.get(e.x), k = l.get(e.y);
-  if (z === void 0 || M === void 0 || $ === void 0 || k === void 0) return null;
-  const E = C(z, M), _ = C($, k), D = new Float64Array(y * m).fill(1 / 0), g = new Float64Array(y * m).fill(1 / 0), f = new Int32Array(y * m).fill(-1), p = new Int8Array(y * m).fill(-1), v = new Uint8Array(y * m);
-  D[E] = 0, g[E] = Math.abs(i[$] - t.x) + Math.abs(c[k] - t.y);
-  const N = [E], w = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
-  for (; N.length > 0; ) {
-    let R = 0;
-    for (let G = 1; G < N.length; G++)
-      g[N[G]] < g[N[R]] && (R = G);
-    const B = N[R];
-    if (N[R] = N[N.length - 1], N.pop(), B === _) {
-      const G = [];
-      let j = _;
-      for (; j !== -1 && j !== E; ) {
-        const it = j / y | 0, dt = j % y;
-        G.unshift({ x: i[dt], y: c[it] }), j = f[j];
+  const i = [...r].sort((k, B) => k - B), c = [...s].sort((k, B) => k - B), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  for (let k = 0; k < i.length; k++) u.set(i[k], k);
+  for (let k = 0; k < c.length; k++) l.set(c[k], k);
+  const y = i.length, m = c.length, C = (k, B) => B * y + k, z = u.get(t.x), M = l.get(t.y), $ = u.get(e.x), R = l.get(e.y);
+  if (z === void 0 || M === void 0 || $ === void 0 || R === void 0) return null;
+  const E = C(z, M), _ = C($, R), D = new Float64Array(y * m).fill(1 / 0), g = new Float64Array(y * m).fill(1 / 0), f = new Int32Array(y * m).fill(-1), p = new Int8Array(y * m).fill(-1), v = new Uint8Array(y * m);
+  D[E] = 0, g[E] = Math.abs(i[$] - t.x) + Math.abs(c[R] - t.y);
+  const L = [E], w = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
+  for (; L.length > 0; ) {
+    let k = 0;
+    for (let q = 1; q < L.length; q++)
+      g[L[q]] < g[L[k]] && (k = q);
+    const B = L[k];
+    if (L[k] = L[L.length - 1], L.pop(), B === _) {
+      const q = [];
+      let G = _;
+      for (; G !== -1 && G !== E; ) {
+        const ot = G / y | 0, lt = G % y;
+        q.unshift({ x: i[lt], y: c[ot] }), G = f[G];
       }
-      return G.unshift({ x: t.x, y: t.y }), jr(G, n);
+      return q.unshift({ x: t.x, y: t.y }), jr(q, n);
     }
     if (v[B]) continue;
     v[B] = 1;
-    const q = B / y | 0, X = B % y, K = i[X], at = c[q], rt = p[B];
-    for (let G = 0; G < 4; G++) {
-      const j = X + P[G][0], it = q + P[G][1];
-      if (j < 0 || j >= y || it < 0 || it >= m) continue;
-      const dt = C(j, it);
-      if (v[dt]) continue;
-      const ot = i[j], ft = c[it];
-      if (qr(ot, ft, n) || !zn(K, at, ot, ft, n)) continue;
-      const It = Math.abs(ot - K) + Math.abs(ft - at), st = rt >= 0 && rt !== G ? w : 0, xt = D[B] + It + st;
-      xt < D[dt] && (f[dt] = B, p[dt] = G, D[dt] = xt, g[dt] = xt + Math.abs(i[$] - ot) + Math.abs(c[k] - ft), N.push(dt));
+    const j = B / y | 0, X = B % y, xt = i[X], K = c[j], rt = p[B];
+    for (let q = 0; q < 4; q++) {
+      const G = X + P[q][0], ot = j + P[q][1];
+      if (G < 0 || G >= y || ot < 0 || ot >= m) continue;
+      const lt = C(G, ot);
+      if (v[lt]) continue;
+      const ut = i[G], st = c[ot];
+      if (qr(ut, st, n) || !zn(xt, K, ut, st, n)) continue;
+      const It = Math.abs(ut - xt) + Math.abs(st - K), it = rt >= 0 && rt !== q ? w : 0, mt = D[B] + It + it;
+      mt < D[lt] && (f[lt] = B, p[lt] = q, D[lt] = mt, g[lt] = mt + Math.abs(i[$] - ut) + Math.abs(c[R] - st), L.push(lt));
     }
   }
   return null;
@@ -3074,8 +3073,8 @@ function En(t, e = 6, n = !1) {
   for (let o = 1; o < t.length - 1; o++) {
     const i = t[o - 1], c = t[o], u = t[o + 1], l = Math.abs(c.x - i.x) + Math.abs(c.y - i.y), y = Math.abs(u.x - c.x) + Math.abs(u.y - c.y), m = Math.min(r, l / 2, y / 2);
     if (m > 0.5) {
-      const C = c.x - i.x, z = c.y - i.y, M = u.x - c.x, $ = u.y - c.y, k = Math.sqrt(C * C + z * z) || 1, E = Math.sqrt(M * M + $ * $) || 1;
-      s += ` L ${c.x - C / k * m},${c.y - z / k * m}`, s += ` Q ${c.x},${c.y} ${c.x + M / E * m},${c.y + $ / E * m}`;
+      const C = c.x - i.x, z = c.y - i.y, M = u.x - c.x, $ = u.y - c.y, R = Math.sqrt(C * C + z * z) || 1, E = Math.sqrt(M * M + $ * $) || 1;
+      s += ` L ${c.x - C / R * m},${c.y - z / R * m}`, s += ` Q ${c.x},${c.y} ${c.x + M / E * m},${c.y + $ / E * m}`;
     } else
       s += ` L ${c.x},${c.y}`;
   }
@@ -3113,26 +3112,26 @@ function Cn(t) {
   }
   return { x: t[0].x, y: t[0].y };
 }
-function No(t, e) {
+function Lo(t, e) {
   if (!t || !e || t.length === 0 || e.length === 0) return e;
   const n = {};
   for (const o of t) n[o.id] = o;
   const r = or(t, null), s = e.map((o) => {
-    var p, v, N, w;
+    var p, v, L, w;
     const i = o.type || "default";
     if (i === "bezier" || i === "simplebezier" || i === "default") return o;
     const c = n[o.source], u = n[o.target];
     if (!c || !u || c.hidden || u.hidden) return o;
-    const l = Wn(c, "source", o.sourceHandle), y = Wn(u, "target", o.targetHandle), m = ln(l, cn), C = ln(y, cn), z = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), $ = c._absolutePosition || c.position, k = c.width || ((p = c.measured) == null ? void 0 : p.width) || sn, E = c.height || ((v = c.measured) == null ? void 0 : v.height) || an;
-    M.push({ id: o.source, x: $.x - z, y: $.y - z, w: k + 2 * z, h: E + 2 * z });
-    const _ = u._absolutePosition || u.position, D = u.width || ((N = u.measured) == null ? void 0 : N.width) || sn, g = u.height || ((w = u.measured) == null ? void 0 : w.height) || an;
+    const l = Wn(c, "source", o.sourceHandle), y = Wn(u, "target", o.targetHandle), m = ln(l, cn), C = ln(y, cn), z = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), $ = c._absolutePosition || c.position, R = c.width || ((p = c.measured) == null ? void 0 : p.width) || sn, E = c.height || ((v = c.measured) == null ? void 0 : v.height) || an;
+    M.push({ id: o.source, x: $.x - z, y: $.y - z, w: R + 2 * z, h: E + 2 * z });
+    const _ = u._absolutePosition || u.position, D = u.width || ((L = u.measured) == null ? void 0 : L.width) || sn, g = u.height || ((w = u.measured) == null ? void 0 : w.height) || an;
     if (M.push({ id: o.target, x: _.x - z, y: _.y - z, w: D + 2 * z, h: g + 2 * z }), M.length === 0) return o;
     const f = sr(m, C, M);
     return f && f.length >= 2 ? (f.unshift({ x: l.x, y: l.y }), f.push({ x: y.x, y: y.y }), { ...o, _routedPoints: f }) : o;
   });
   return Gr(s);
 }
-function Lo(t, e, n, r, s, o, i, c) {
+function No(t, e, n, r, s, o, i, c) {
   const u = or(i, c ? new Set(c) : null);
   if (u.length === 0) return null;
   const l = { x: t, y: e, dir: s || "right" }, y = { x: n, y: r, dir: o || "left" }, m = ln(l, cn), C = ln(y, cn), z = sr(m, C, u);
@@ -3154,12 +3153,12 @@ const ir = Zt(function({
   markerEnd: z,
   markerStart: M,
   interactionWidth: $,
-  routedPoints: k
+  routedPoints: R
 }) {
   let E, _, D;
-  if (k && k.length >= 2) {
-    E = En(k);
-    const g = Cn(k);
+  if (R && R.length >= 2) {
+    E = En(R);
+    const g = Cn(R);
     _ = g.x, D = g.y;
   } else
     [E, _, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
@@ -3200,7 +3199,7 @@ const ar = Zt(function({
   labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: k,
+  markerStart: R,
   pathOptions: E,
   interactionWidth: _,
   routedPoints: D
@@ -3236,7 +3235,7 @@ const ar = Zt(function({
       labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: k,
+      markerStart: R,
       interactionWidth: _
     }
   );
@@ -3270,7 +3269,7 @@ const cr = Zt(function({
   labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: k,
+  markerStart: R,
   interactionWidth: E,
   routedPoints: _
 }) {
@@ -3301,7 +3300,7 @@ const cr = Zt(function({
       labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: k,
+      markerStart: R,
       interactionWidth: E
     }
   );
@@ -3339,7 +3338,7 @@ function Io({
   fitView: M,
   fitViewOptions: $,
   // Node/Edge callbacks
-  onNodesChange: k,
+  onNodesChange: R,
   onEdgesChange: E,
   onConnect: _,
   onConnectStart: D,
@@ -3347,33 +3346,33 @@ function Io({
   onNodeClick: f,
   onNodeDoubleClick: p,
   onNodeMouseEnter: v,
-  onNodeMouseMove: N,
+  onNodeMouseMove: L,
   onNodeMouseLeave: w,
   onNodeContextMenu: P,
-  onNodeDragStart: R,
+  onNodeDragStart: k,
   onNodeDrag: B,
-  onNodeDragStop: q,
+  onNodeDragStop: j,
   onEdgeClick: X,
-  onEdgeDoubleClick: K,
-  onEdgeMouseEnter: at,
+  onEdgeDoubleClick: xt,
+  onEdgeMouseEnter: K,
   onEdgeMouseMove: rt,
-  onEdgeMouseLeave: G,
-  onEdgeContextMenu: j,
-  onPaneClick: it,
-  onPaneContextMenu: dt,
-  onPaneMouseEnter: ot,
-  onPaneMouseMove: ft,
+  onEdgeMouseLeave: q,
+  onEdgeContextMenu: G,
+  onPaneClick: ot,
+  onPaneContextMenu: lt,
+  onPaneMouseEnter: ut,
+  onPaneMouseMove: st,
   onPaneMouseLeave: It,
-  onSelectionChange: st,
-  onInit: xt,
-  onMoveStart: Nt,
-  onMove: gt,
-  onMoveEnd: ct,
-  onDelete: zt,
+  onSelectionChange: it,
+  onInit: mt,
+  onMoveStart: Lt,
+  onMove: zt,
+  onMoveEnd: dt,
+  onDelete: ht,
   onBeforeDelete: Rt,
-  onError: Lt,
+  onError: Nt,
   // Drag and drop
-  onDragOver: wt,
+  onDragOver: gt,
   onDrop: ne,
   onDragEnter: Ie,
   onDragLeave: Bt,
@@ -3397,10 +3396,10 @@ function Io({
   panOnScrollMode: dn,
   panOnScrollSpeed: fn,
   zoomOnScroll: Qt,
-  zoomOnDoubleClick: Nn,
+  zoomOnDoubleClick: Ln,
   zoomOnPinch: hn,
   preventScrolling: fe,
-  translateExtent: mt,
+  translateExtent: vt,
   nodeExtent: Te,
   autoPanOnNodeDrag: Et,
   autoPanOnConnect: pt,
@@ -3426,8 +3425,8 @@ function Io({
     [te]
   ), ae = St(() => ({ ...Qr, ...r }), [r]), Kt = St(() => ({ ...Kr, ...s }), [s]), he = St(() => {
     const Q = e.filter((Ft) => Ft.type && ae[Ft.type]);
-    return Q.sort((Ft, lt) => {
-      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = lt.type === "group" || !lt.parentId && Q.some((Ee) => Ee.parentId === lt.id);
+    return Q.sort((Ft, at) => {
+      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = at.type === "group" || !at.parentId && Q.some((Ee) => Ee.parentId === at.id);
       return Tt && !xe ? -1 : !Tt && xe ? 1 : 0;
     });
   }, [e, ae]), ke = St(() => n.filter((Q) => Q.type && Kt[Q.type]), [n, Kt]), O = St(() => e.map((Q) => Q.type && ae[Q.type] ? { ...Q, _customRendered: !0 } : Q), [e, ae]), bt = St(() => n.map((Q) => Q.type && Kt[Q.type] ? { ...Q, _customRendered: !0 } : Q), [n, Kt]), {
@@ -3438,7 +3437,7 @@ function Io({
     onPointerMove: He,
     onPointerUp: _e,
     store: le
-  } = Lr({
+  } = Nr({
     cards: t,
     nodes: O,
     edges: bt,
@@ -3451,7 +3450,7 @@ function Io({
     fitViewOptions: $,
     onHudUpdate: Ve,
     onNodesProcessed: gn,
-    onNodesChange: k,
+    onNodesChange: R,
     onEdgesChange: E,
     onConnect: _,
     onConnectStart: D,
@@ -3459,31 +3458,31 @@ function Io({
     onNodeClick: f,
     onNodeDoubleClick: p,
     onNodeMouseEnter: v,
-    onNodeMouseMove: N,
+    onNodeMouseMove: L,
     onNodeMouseLeave: w,
     onNodeContextMenu: P,
-    onNodeDragStart: R,
+    onNodeDragStart: k,
     onNodeDrag: B,
-    onNodeDragStop: q,
+    onNodeDragStop: j,
     onEdgeClick: X,
-    onEdgeDoubleClick: K,
-    onEdgeMouseEnter: at,
+    onEdgeDoubleClick: xt,
+    onEdgeMouseEnter: K,
     onEdgeMouseMove: rt,
-    onEdgeMouseLeave: G,
-    onEdgeContextMenu: j,
-    onPaneClick: it,
-    onPaneContextMenu: dt,
-    onPaneMouseEnter: ot,
-    onPaneMouseMove: ft,
+    onEdgeMouseLeave: q,
+    onEdgeContextMenu: G,
+    onPaneClick: ot,
+    onPaneContextMenu: lt,
+    onPaneMouseEnter: ut,
+    onPaneMouseMove: st,
     onPaneMouseLeave: It,
-    onSelectionChange: st,
-    onInit: xt,
-    onMoveStart: Nt,
-    onMove: gt,
-    onMoveEnd: ct,
-    onDelete: zt,
+    onSelectionChange: it,
+    onInit: mt,
+    onMoveStart: Lt,
+    onMove: zt,
+    onMoveEnd: dt,
+    onDelete: ht,
     onBeforeDelete: Rt,
-    onError: Lt,
+    onError: Nt,
     nodesDraggable: Ot,
     nodesConnectable: Yt,
     elementsSelectable: me,
@@ -3503,10 +3502,10 @@ function Io({
     panOnScrollMode: dn,
     panOnScrollSpeed: fn,
     zoomOnScroll: Qt,
-    zoomOnDoubleClick: Nn,
+    zoomOnDoubleClick: Ln,
     zoomOnPinch: hn,
     preventScrolling: fe,
-    translateExtent: mt,
+    translateExtent: vt,
     nodeExtent: Te,
     autoPanOnNodeDrag: Et,
     autoPanOnConnect: pt,
@@ -3526,10 +3525,10 @@ function Io({
       return n;
     }
   }), [le, e, n]), ye = tt(null), ge = tt(null), pe = tt(null), Jt = tt(null);
-  ht(() => {
+  ft(() => {
     let Q;
     const Ft = () => {
-      const lt = le.cameraRef.current, Tt = `translate(${lt.x}px, ${lt.y}px) scale(${lt.zoom})`, xe = `translate(${lt.x}, ${lt.y}) scale(${lt.zoom})`;
+      const at = le.cameraRef.current, Tt = `translate(${at.x}px, ${at.y}px) scale(${at.zoom})`, xe = `translate(${at.x}, ${at.y}) scale(${at.zoom})`;
       ye.current && (ye.current.style.transform = Tt), ge.current && ge.current.setAttribute("transform", xe), pe.current && (pe.current.style.transform = Tt), Jt.current && (Jt.current.style.transform = Tt), Q = requestAnimationFrame(Ft);
     };
     return Q = requestAnimationFrame(Ft), () => cancelAnimationFrame(Q);
@@ -3544,7 +3543,7 @@ function Io({
       onPointerDown: Ae,
       onPointerMove: He,
       onPointerUp: _e,
-      onDragOver: wt,
+      onDragOver: gt,
       onDrop: ne,
       onDragEnter: Ie,
       onDragLeave: Bt,
@@ -3649,11 +3648,11 @@ function Io({
           ")   zoom: ",
           Ut.zoom,
           "x",
-          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
+          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Ne, { children: [
             "   nodes: ",
             Ut.nodeCount
           ] }),
-          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
+          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Ne, { children: [
             "   edges: ",
             Ut.edgeCount
           ] })
@@ -3747,7 +3746,7 @@ function So(t) {
 }
 function eo() {
   const t = yt(), e = F(() => [...t.nodesRef.current], [t]), n = F(() => [...t.edgesRef.current], [t]), r = F((g) => t.nodesRef.current.find((f) => f.id === g), [t]), s = F((g) => t.edgesRef.current.find((f) => f.id === g), [t]), o = F((g) => {
-    var f, p, v, N;
+    var f, p, v, L;
     if (typeof g == "function") {
       const w = g(t.nodesRef.current);
       (p = (f = t.onNodesChangeRef).current) == null || p.call(f, [
@@ -3755,12 +3754,12 @@ function eo() {
         ...w.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (N = (v = t.onNodesChangeRef).current) == null || N.call(v, [
+      (L = (v = t.onNodesChangeRef).current) == null || L.call(v, [
         ...t.nodesRef.current.map((w) => ({ id: w.id, type: "remove" })),
         ...g.map((w) => ({ type: "add", item: w }))
       ]);
   }, [t]), i = F((g) => {
-    var f, p, v, N;
+    var f, p, v, L;
     if (typeof g == "function") {
       const w = g(t.edgesRef.current);
       (p = (f = t.onEdgesChangeRef).current) == null || p.call(f, [
@@ -3768,18 +3767,18 @@ function eo() {
         ...w.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (N = (v = t.onEdgesChangeRef).current) == null || N.call(v, [
+      (L = (v = t.onEdgesChangeRef).current) == null || L.call(v, [
         ...t.edgesRef.current.map((w) => ({ id: w.id, type: "remove" })),
         ...g.map((w) => ({ type: "add", item: w }))
       ]);
   }, [t]), c = F((g) => {
     var p, v;
     const f = Array.isArray(g) ? g : [g];
-    (v = (p = t.onNodesChangeRef).current) == null || v.call(p, f.map((N) => ({ type: "add", item: N })));
+    (v = (p = t.onNodesChangeRef).current) == null || v.call(p, f.map((L) => ({ type: "add", item: L })));
   }, [t]), u = F((g) => {
     var p, v;
     const f = Array.isArray(g) ? g : [g];
-    (v = (p = t.onEdgesChangeRef).current) == null || v.call(p, f.map((N) => ({ type: "add", item: N })));
+    (v = (p = t.onEdgesChangeRef).current) == null || v.call(p, f.map((L) => ({ type: "add", item: L })));
   }, [t]), l = F(({ nodes: g = [], edges: f = [] }) => {
     if (g.length && t.onNodesChangeRef.current) {
       t.onNodesChangeRef.current(g.map((v) => ({ id: v.id, type: "remove" })));
@@ -3799,34 +3798,34 @@ function eo() {
   }, [t]), C = F(() => t.cameraRef.current.zoom, [t]), z = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = 1.2;
-    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
+    const v = p.getBoundingClientRect(), L = v.width / 2, w = v.height / 2, P = 1.2;
+    f.x = L - (L - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
   }, [t]), M = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = 1 / 1.2;
-    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
+    const v = p.getBoundingClientRect(), L = v.width / 2, w = v.height / 2, P = 1 / 1.2;
+    f.x = L - (L - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
   }, [t]), $ = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = g / f.zoom;
-    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, g)), t.sendCamera();
-  }, [t]), k = F((g = {}) => {
+    const v = p.getBoundingClientRect(), L = v.width / 2, w = v.height / 2, P = g / f.zoom;
+    f.x = L - (L - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, g)), t.sendCamera();
+  }, [t]), R = F((g = {}) => {
     const f = t.nodesRef.current;
     if (!f.length) return;
     const p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), N = g.padding ?? 0.1, w = g.nodes ? f.filter((B) => g.nodes.some((q) => q.id === B.id)) : f;
+    const v = p.getBoundingClientRect(), L = g.padding ?? 0.1, w = g.nodes ? f.filter((B) => g.nodes.some((j) => j.id === B.id)) : f;
     if (!w.length) return;
-    const P = Mn(w), R = Rn(P, v.width, v.height, N);
-    g.maxZoom && (R.zoom = Math.min(R.zoom, g.maxZoom)), g.minZoom && (R.zoom = Math.max(R.zoom, g.minZoom)), t.cameraRef.current = R, t.sendCamera();
+    const P = Mn(w), k = Rn(P, v.width, v.height, L);
+    g.maxZoom && (k.zoom = Math.min(k.zoom, g.maxZoom)), g.minZoom && (k.zoom = Math.max(k.zoom, g.minZoom)), t.cameraRef.current = k, t.sendCamera();
   }, [t]), E = F((g, f, p = {}) => {
     const v = t.wrapRef.current;
     if (!v) return;
-    const N = v.getBoundingClientRect(), w = p.zoom ?? t.cameraRef.current.zoom;
+    const L = v.getBoundingClientRect(), w = p.zoom ?? t.cameraRef.current.zoom;
     t.cameraRef.current = {
-      x: N.width / 2 - g * w,
-      y: N.height / 2 - f * w,
+      x: L.width / 2 - g * w,
+      y: L.height / 2 - f * w,
       zoom: w
     }, t.sendCamera();
   }, [t]), _ = F((g) => t.screenToWorld(g.x, g.y), [t]), D = F((g) => {
@@ -3854,7 +3853,7 @@ function eo() {
     zoomIn: z,
     zoomOut: M,
     zoomTo: $,
-    fitView: k,
+    fitView: R,
     setCenter: E,
     screenToFlowPosition: _,
     flowToScreenPosition: D
@@ -3889,13 +3888,13 @@ function Xo({ nodeId: t, type: e, handleId: n }) {
 }
 function Fo({ onChange: t, onStart: e, onEnd: n }) {
   const r = yt(), s = tt(t), o = tt(e), i = tt(n);
-  ht(() => {
+  ft(() => {
     s.current = t;
-  }, [t]), ht(() => {
+  }, [t]), ft(() => {
     o.current = e;
-  }, [e]), ht(() => {
+  }, [e]), ft(() => {
     i.current = n;
-  }, [n]), ht(() => {
+  }, [n]), ft(() => {
     const c = (u) => {
       var l;
       (l = s.current) == null || l.call(s, { x: u.x, y: u.y, zoom: u.zoom });
@@ -3905,9 +3904,9 @@ function Fo({ onChange: t, onStart: e, onEnd: n }) {
 }
 function Yo({ onChange: t }) {
   const e = yt(), n = tt(t);
-  ht(() => {
+  ft(() => {
     n.current = t;
-  }, [t]), ht(() => {
+  }, [t]), ft(() => {
     const r = (s) => {
       var o;
       (o = n.current) == null || o.call(n, s);
@@ -3917,7 +3916,7 @@ function Yo({ onChange: t }) {
 }
 function Uo(t) {
   const [e, n] = Gt(!1), r = Array.isArray(t) ? t : [t];
-  return ht(() => {
+  return ft(() => {
     const s = (i) => {
       r.includes(i.key) && n(!0);
     }, o = (i) => {
@@ -3975,34 +3974,34 @@ function Qo({
     m.width = t * z, m.height = e * z, C.scale(z, z), C.clearRect(0, 0, t, e);
     const M = c.nodesRef.current;
     if (!M.length) return;
-    let $ = 1 / 0, k = 1 / 0, E = -1 / 0, _ = -1 / 0;
-    for (const R of M) {
-      const B = R.width || wn, q = R.height || bn;
-      R.position.x < $ && ($ = R.position.x), R.position.y < k && (k = R.position.y), R.position.x + B > E && (E = R.position.x + B), R.position.y + q > _ && (_ = R.position.y + q);
+    let $ = 1 / 0, R = 1 / 0, E = -1 / 0, _ = -1 / 0;
+    for (const k of M) {
+      const B = k.width || wn, j = k.height || bn;
+      k.position.x < $ && ($ = k.position.x), k.position.y < R && (R = k.position.y), k.position.x + B > E && (E = k.position.x + B), k.position.y + j > _ && (_ = k.position.y + j);
     }
     const D = 40;
-    $ -= D, k -= D, E += D, _ += D;
-    const g = E - $, f = _ - k, p = Math.min(t / g, e / f), v = (t - g * p) / 2, N = (e - f * p) / 2;
-    for (const R of M) {
-      if (R.hidden) continue;
-      const B = R.width || wn, q = R.height || bn, X = (R.position.x - $) * p + v, K = (R.position.y - k) * p + N, at = B * p, rt = q * p;
-      C.fillStyle = R.selected ? "#f59e0b" : typeof n == "function" ? n(R) : n, C.fillRect(X, K, Math.max(at, 2), Math.max(rt, 2));
+    $ -= D, R -= D, E += D, _ += D;
+    const g = E - $, f = _ - R, p = Math.min(t / g, e / f), v = (t - g * p) / 2, L = (e - f * p) / 2;
+    for (const k of M) {
+      if (k.hidden) continue;
+      const B = k.width || wn, j = k.height || bn, X = (k.position.x - $) * p + v, xt = (k.position.y - R) * p + L, K = B * p, rt = j * p;
+      C.fillStyle = k.selected ? "#f59e0b" : typeof n == "function" ? n(k) : n, C.fillRect(X, xt, Math.max(K, 2), Math.max(rt, 2));
     }
     const w = c.cameraRef.current, P = c.wrapRef.current;
     if (P) {
-      const R = P.getBoundingClientRect(), B = -w.x / w.zoom, q = -w.y / w.zoom, X = R.width / w.zoom, K = R.height / w.zoom;
+      const k = P.getBoundingClientRect(), B = -w.x / w.zoom, j = -w.y / w.zoom, X = k.width / w.zoom, xt = k.height / w.zoom;
       C.fillStyle = s, C.fillRect(0, 0, t, e);
-      const at = (B - $) * p + v, rt = (q - k) * p + N, G = X * p, j = K * p;
-      C.clearRect(at, rt, G, j);
-      for (const it of M) {
-        if (it.hidden) continue;
-        const dt = it.width || wn, ot = it.height || bn, ft = (it.position.x - $) * p + v, It = (it.position.y - k) * p + N;
-        C.fillStyle = it.selected ? "#f59e0b" : typeof n == "function" ? n(it) : n, C.fillRect(ft, It, Math.max(dt * p, 2), Math.max(ot * p, 2));
+      const K = (B - $) * p + v, rt = (j - R) * p + L, q = X * p, G = xt * p;
+      C.clearRect(K, rt, q, G);
+      for (const ot of M) {
+        if (ot.hidden) continue;
+        const lt = ot.width || wn, ut = ot.height || bn, st = (ot.position.x - $) * p + v, It = (ot.position.y - R) * p + L;
+        C.fillStyle = ot.selected ? "#f59e0b" : typeof n == "function" ? n(ot) : n, C.fillRect(st, It, Math.max(lt * p, 2), Math.max(ut * p, 2));
       }
-      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(at, rt, G, j);
+      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(K, rt, q, G);
     }
   }, [c, t, e, n, r, s]);
-  return ht(() => {
+  return ft(() => {
     let m = !0;
     function C() {
       m && (y(), l.current = requestAnimationFrame(C));
@@ -4084,16 +4083,16 @@ function ao({
   "aria-label": C = "Canvas controls",
   children: z
 }) {
-  const M = yt(), { zoomIn: $, zoomOut: k, fitView: E, getZoom: _ } = eo(), [D, g] = Gt(!0), f = _() <= M.zoomMin, p = _() >= M.zoomMax, v = F(() => {
+  const M = yt(), { zoomIn: $, zoomOut: R, fitView: E, getZoom: _ } = eo(), [D, g] = Gt(!0), f = _() <= M.zoomMin, p = _() >= M.zoomMax, v = F(() => {
     $(), s == null || s();
-  }, [$, s]), N = F(() => {
-    k(), o == null || o();
-  }, [k, o]), w = F(() => {
+  }, [$, s]), L = F(() => {
+    R(), o == null || o();
+  }, [R, o]), w = F(() => {
     E(r || { padding: 0.1 }), i == null || i();
   }, [E, r, i]), P = F(() => {
     const B = !D;
     g(B), c == null || c(B);
-  }, [D, c]), R = {
+  }, [D, c]), k = {
     "top-left": { top: 10, left: 10 },
     "top-right": { top: 10, right: 10 },
     "top-center": { top: 10, left: "50%", transform: "translateX(-50%)" },
@@ -4111,13 +4110,13 @@ function ao({
         flexDirection: l === "horizontal" ? "row" : "column",
         gap: 2,
         zIndex: 5,
-        ...R,
+        ...k,
         ...y
       },
       role: "toolbar",
       "aria-label": C,
       children: [
-        t && /* @__PURE__ */ $t(Le, { children: [
+        t && /* @__PURE__ */ $t(Ne, { children: [
           /* @__PURE__ */ S(
             rn,
             {
@@ -4132,7 +4131,7 @@ function ao({
           /* @__PURE__ */ S(
             rn,
             {
-              onClick: N,
+              onClick: L,
               disabled: f,
               title: "Zoom out",
               "aria-label": "Zoom out",
@@ -4250,20 +4249,20 @@ function ts({
       height: D.height || 60
     }, u == null || u(E, { width: z.current.width, height: z.current.height });
     const g = (p) => {
-      var q, X;
+      var j, X;
       if (!z.current) return;
-      const v = z.current, N = C.cameraRef.current, w = (p.clientX - v.startX) / N.zoom, P = (p.clientY - v.startY) / N.zoom;
-      let R = v.width, B = v.height;
-      v.direction.includes("e") && (R = Math.min(n, Math.max(t, v.width + w))), v.direction.includes("w") && (R = Math.min(n, Math.max(t, v.width - w))), v.direction.includes("s") && (B = Math.min(r, Math.max(e, v.height + P))), v.direction.includes("n") && (B = Math.min(r, Math.max(e, v.height - P))), (X = (q = C.onNodesChangeRef).current) == null || X.call(q, [
-        { id: m, type: "dimensions", dimensions: { width: R, height: B }, setAttributes: !0 }
-      ]), l == null || l(p, { width: R, height: B });
+      const v = z.current, L = C.cameraRef.current, w = (p.clientX - v.startX) / L.zoom, P = (p.clientY - v.startY) / L.zoom;
+      let k = v.width, B = v.height;
+      v.direction.includes("e") && (k = Math.min(n, Math.max(t, v.width + w))), v.direction.includes("w") && (k = Math.min(n, Math.max(t, v.width - w))), v.direction.includes("s") && (B = Math.min(r, Math.max(e, v.height + P))), v.direction.includes("n") && (B = Math.min(r, Math.max(e, v.height - P))), (X = (j = C.onNodesChangeRef).current) == null || X.call(j, [
+        { id: m, type: "dimensions", dimensions: { width: k, height: B }, setAttributes: !0 }
+      ]), l == null || l(p, { width: k, height: B });
     }, f = (p) => {
       z.current = null, y == null || y(p, {}), window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f);
     };
     window.addEventListener("pointermove", g), window.addEventListener("pointerup", f);
   }, [m, C, t, e, n, r, u, l, y]);
   if (!s) return null;
-  const $ = 8, k = {
+  const $ = 8, R = {
     position: "absolute",
     width: $,
     height: $,
@@ -4273,60 +4272,60 @@ function ts({
     zIndex: 20,
     ...o
   };
-  return /* @__PURE__ */ $t(Le, { children: [
+  return /* @__PURE__ */ $t(Ne, { children: [
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
+        style: { ...R, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
         onPointerDown: (E) => M(E, "se")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
+        style: { ...R, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
         onPointerDown: (E) => M(E, "sw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
+        style: { ...R, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
         onPointerDown: (E) => M(E, "ne")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
+        style: { ...R, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
         onPointerDown: (E) => M(E, "nw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        style: { ...R, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
         onPointerDown: (E) => M(E, "e")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        style: { ...R, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
         onPointerDown: (E) => M(E, "w")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        style: { ...R, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
         onPointerDown: (E) => M(E, "n")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        style: { ...R, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
         onPointerDown: (E) => M(E, "s")
       }
     )
@@ -4528,7 +4527,7 @@ export {
   vo as boxToRect,
   or as buildObstacles,
   Tn as clampPosition,
-  No as computeRoutedEdges,
+  Lo as computeRoutedEdges,
   zo as getBezierEdgeCenter,
   nr as getBezierPath,
   wo as getBoundsOfBoxes,
@@ -4551,14 +4550,14 @@ export {
   Mo as nodeToRect,
   Co as reconnectEdge,
   mo as rectToBox,
-  Lo as routeSinglePath,
+  No as routeSinglePath,
   En as routedPointsToPath,
   Pn as snapPosition,
   Ho as useConnection,
   Do as useEdges,
   So as useEdgesState,
   Xo as useHandleConnections,
-  Lr as useInfiniteCanvas,
+  Nr as useInfiniteCanvas,
   Go as useInternalNode,
   Uo as useKeyPress,
   Wo as useNodeConnections,