@infinit-canvas/react 0.1.6 → 0.1.8

package/dist/react-infinite-canvas.js

@@ -1,4 +1,4 @@
-import { jsx as S, jsxs as $t, Fragment as Ne } from "react/jsx-runtime";
+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 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;
@@ -63,8 +63,8 @@ function jn(t) {
 function xo(t, e, n = { x: 0, y: 0, zoom: 1 }, r = !1) {
   const s = e.x, o = e.y, i = e.x + e.width, c = e.y + e.height;
   return t.filter((u) => {
-    const { width: l, height: y } = jn(u), m = u.position.x, C = u.position.y, z = m + l, M = C + y;
-    return r ? m < i && z > s && C < c && M > o : m >= s && z <= i && C >= o && M <= c;
+    const { width: l, height: g } = jn(u), v = u.position.x, N = u.position.y, z = v + l, R = N + g;
+    return r ? v < i && z > s && N < c && R > o : v >= s && z <= i && N >= o && R <= c;
   });
 }
 function mo(t) {
@@ -949,8 +949,8 @@ function Cr(t, e) {
   const s = { worker: r };
   return mn.set(t, s), s;
 }
-const Vt = 160, jt = 60, Lr = 10;
-function Nr({
+const Vt = 160, jt = 60, Nr = 10;
+function Lr({
   cards: t = [],
   nodes: e = [],
   edges: n = [],
@@ -961,27 +961,27 @@ function Nr({
   onConnect: c,
   onNodeClick: u,
   onNodeDragStart: l,
-  onNodeDrag: y,
-  onNodeDragStop: m,
-  onEdgeClick: C,
+  onNodeDrag: g,
+  onNodeDragStop: v,
+  onEdgeClick: N,
   onEdgeDoubleClick: z,
-  onEdgeMouseEnter: M,
+  onEdgeMouseEnter: R,
   onEdgeMouseMove: $,
-  onEdgeMouseLeave: R,
+  onEdgeMouseLeave: k,
   onEdgeContextMenu: E,
   onNodeDoubleClick: _,
-  onNodeMouseEnter: D,
-  onNodeMouseMove: g,
+  onNodeMouseEnter: B,
+  onNodeMouseMove: D,
   onNodeMouseLeave: f,
-  onNodeContextMenu: p,
-  onPaneClick: v,
-  onPaneContextMenu: L,
+  onNodeContextMenu: h,
+  onPaneClick: p,
+  onPaneContextMenu: M,
   onPaneMouseEnter: w,
-  onPaneMouseMove: P,
-  onPaneMouseLeave: k,
-  onSelectionChange: B,
+  onPaneMouseMove: C,
+  onPaneMouseLeave: x,
+  onSelectionChange: T,
   onConnectStart: j,
-  onConnectEnd: X,
+  onConnectEnd: W,
   onInit: xt,
   onMoveStart: K,
   onMove: rt,
@@ -994,12 +994,12 @@ function Nr({
   gridSize: It = 40,
   zoomMin: it = 0.1,
   zoomMax: mt = 4,
-  initialCamera: Lt = { x: 0, y: 0, zoom: 1 },
+  initialCamera: Nt = { x: 0, y: 0, zoom: 1 },
   fitView: zt = !1,
   fitViewOptions: dt,
   nodesDraggable: ht = !0,
   nodesConnectable: Rt = !0,
-  elementsSelectable: Nt = !0,
+  elementsSelectable: Lt = !0,
   multiSelectionKeyCode: gt = "Shift",
   selectionOnDrag: ne = !1,
   selectionMode: Ie = "partial",
@@ -1023,11 +1023,11 @@ function Nr({
   autoPanOnNodeDrag: dn = !0,
   autoPanOnConnect: fn = !0,
   autoPanSpeed: Qt = 5,
-  edgesReconnectable: Ln = !1,
+  edgesReconnectable: Nn = !1,
   elevateNodesOnSelect: hn = !1,
   edgeRouting: fe = !0
 } = {}) {
-  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({});
+  const vt = 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({});
   O.current = {
     onHudUpdate: r,
     onNodesProcessed: s,
@@ -1036,27 +1036,27 @@ function Nr({
     onConnect: c,
     onNodeClick: u,
     onNodeDragStart: l,
-    onNodeDrag: y,
-    onNodeDragStop: m,
-    onEdgeClick: C,
+    onNodeDrag: g,
+    onNodeDragStop: v,
+    onEdgeClick: N,
     onEdgeDoubleClick: z,
-    onEdgeMouseEnter: M,
+    onEdgeMouseEnter: R,
     onEdgeMouseMove: $,
-    onEdgeMouseLeave: R,
+    onEdgeMouseLeave: k,
     onEdgeContextMenu: E,
     onNodeDoubleClick: _,
-    onNodeMouseEnter: D,
-    onNodeMouseMove: g,
+    onNodeMouseEnter: B,
+    onNodeMouseMove: D,
     onNodeMouseLeave: f,
-    onNodeContextMenu: p,
-    onPaneClick: v,
-    onPaneContextMenu: L,
+    onNodeContextMenu: h,
+    onPaneClick: p,
+    onPaneContextMenu: M,
     onPaneMouseEnter: w,
-    onPaneMouseMove: P,
-    onPaneMouseLeave: k,
-    onSelectionChange: B,
+    onPaneMouseMove: C,
+    onPaneMouseLeave: x,
+    onSelectionChange: T,
     onConnectStart: j,
-    onConnectEnd: X,
+    onConnectEnd: W,
     onInit: xt,
     onMoveStart: K,
     onMove: rt,
@@ -1094,88 +1094,88 @@ function Nr({
   ft(() => {
     const a = (d) => {
       d.key === gt && (Ut.current = !0), d.key === we && (ke.current = !0);
-    }, x = (d) => {
+    }, m = (d) => {
       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);
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
     };
   }, [gt, we]);
   const Jt = F(() => {
     var b;
-    const a = Z.current.filter((N) => N.selected), x = Pt.current.filter((N) => N.selected), d = { nodes: a, edges: x };
+    const a = Z.current.filter((L) => L.selected), m = Pt.current.filter((L) => L.selected), d = { nodes: a, edges: m };
     (b = ye.current) == null || b.call(ye, d);
-    for (const N of he) N(d);
+    for (const L of he) L(d);
   }, [he]);
   ft(() => {
     var a;
     se.current = [...t], (a = Et.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
   }, [t]);
   const ze = F((a) => {
-    const x = {};
-    for (const d of a) x[d.id] = d;
+    const m = {};
+    for (const d of a) m[d.id] = d;
     return a.map((d) => {
       if (!d.parentId) return d;
-      const b = x[d.parentId];
+      const b = m[d.parentId];
       if (!b) return d;
-      let N = d.position.x, I = d.position.y, h = b;
-      for (; h; )
-        N += h.position.x, I += h.position.y, h = h.parentId ? x[h.parentId] : null;
-      return { ...d, _absolutePosition: { x: N, y: I } };
+      let L = d.position.x, I = d.position.y, y = b;
+      for (; y; )
+        L += y.position.x, I += y.position.y, y = y.parentId ? m[y.parentId] : null;
+      return { ...d, _absolutePosition: { x: L, y: I } };
     });
   }, []), ee = tt([]), Q = F((a) => {
-    const x = yn.current;
-    if (!x || x.size === 0) return a;
+    const m = yn.current;
+    if (!m || m.size === 0) return a;
     const d = {};
-    for (const [, b] of x)
+    for (const [, b] of m)
       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 N = d[b.id];
-      return N && N.length > 0 ? { ...b, handles: N } : b;
+      const L = d[b.id];
+      return L && L.length > 0 ? { ...b, handles: L } : b;
     });
   }, []), Ft = F(() => {
-    var x;
+    var m;
     if (_t.current) return;
     const a = Q(ee.current);
-    (x = Et.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
+    (m = Et.current) == null || m.postMessage({ type: "nodes", data: { nodes: a } });
   }, [Q]);
   ft(() => {
     var d;
     if (_t.current) {
-      const b = _t.current.id, N = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((h) => h.id)]), I = {};
-      for (const h of Z.current)
-        N.has(h.id) && (I[h.id] = { ...h.position });
+      const b = _t.current.id, L = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((y) => y.id)]), I = {};
+      for (const y of Z.current)
+        L.has(y.id) && (I[y.id] = { ...y.position });
       Z.current = [...e];
-      for (const h of Z.current)
-        I[h.id] && (h.position = I[h.id]);
+      for (const y of Z.current)
+        I[y.id] && (y.position = I[y.id]);
       ee.current = ze(Z.current);
       return;
     }
     Z.current = [...e];
     const a = ze(e);
     ee.current = a;
-    const x = Q(a);
-    (d = Et.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
+    const m = Q(a);
+    (d = Et.current) == null || d.postMessage({ type: "nodes", data: { nodes: m } });
   }, [e, ze, Q]), ft(() => {
     var a;
     Pt.current = [...n], (a = Et.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
   }, [n]);
-  const at = F((a, x) => {
+  const at = F((a, m) => {
     const d = vt.current;
     if (!d) return { x: 0, y: 0 };
-    const b = d.getBoundingClientRect(), N = pt.current;
+    const b = d.getBoundingClientRect(), L = pt.current;
     return {
-      x: (a - b.left - N.x) / N.zoom,
-      y: (x - b.top - N.y) / N.zoom
+      x: (a - b.left - L.x) / L.zoom,
+      y: (m - b.top - L.y) / L.zoom
     };
-  }, []), Tt = F((a, x) => {
+  }, []), Tt = F((a, m) => {
     const d = ee.current.length > 0 ? ee.current : Z.current;
     let b = null;
-    for (let N = d.length - 1; N >= 0; N--) {
-      const I = d[N];
+    for (let L = d.length - 1; L >= 0; L--) {
+      const I = d[L];
       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) {
+      const y = I._absolutePosition || I.position, A = I.width || Vt, P = I.height || jt;
+      if (a >= y.x && a <= y.x + A && m >= y.y && m <= y.y + P) {
         if (I.type === "group") {
           b || (b = I);
           continue;
@@ -1184,58 +1184,58 @@ function Nr({
       }
     }
     return b;
-  }, []), xe = F((a, x) => {
-    const d = x.width || Vt, b = x.height || jt;
+  }, []), xe = F((a, m) => {
+    const d = m.width || Vt, b = m.height || jt;
     if (a.x !== void 0 && a.y !== void 0)
-      return { x: x.position.x + a.x, y: x.position.y + a.y };
+      return { x: m.position.x + a.x, y: m.position.y + a.y };
     switch (a.position || (a.type === "source" ? "right" : "left")) {
       case "top":
-        return { x: x.position.x + d / 2, y: x.position.y };
+        return { x: m.position.x + d / 2, y: m.position.y };
       case "bottom":
-        return { x: x.position.x + d / 2, y: x.position.y + b };
+        return { x: m.position.x + d / 2, y: m.position.y + b };
       case "left":
-        return { x: x.position.x, y: x.position.y + b / 2 };
+        return { x: m.position.x, y: m.position.y + b / 2 };
       case "right":
-        return { x: x.position.x + d, y: x.position.y + b / 2 };
+        return { x: m.position.x + d, y: m.position.y + b / 2 };
       default:
-        return { x: x.position.x + d, y: x.position.y + b / 2 };
+        return { x: m.position.x + d, y: m.position.y + b / 2 };
     }
   }, []), Ee = F((a) => {
-    const x = a.width || Vt, d = a.height || jt;
+    const m = a.width || Vt, d = a.height || jt;
     return a.handles && a.handles.length > 0 ? a.handles.map((b) => {
-      const N = xe(b, a);
-      return { id: b.id || null, type: b.type, x: N.x, y: N.y };
+      const L = xe(b, a);
+      return { id: b.id || null, type: b.type, x: L.x, y: L.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 }
+      { id: null, type: "source", x: a.position.x + m, y: a.position.y + d / 2 }
     ];
-  }, [xe]), tn = F((a, x) => {
-    const d = Z.current, b = pt.current, N = Math.max(Lr, Ot) / b.zoom;
+  }, [xe]), tn = F((a, m) => {
+    const d = Z.current, b = pt.current, L = Math.max(Nr, 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) < N && Math.abs(x - T.y) < N)
-          return { nodeId: h.id, handleId: T.id, type: T.type, x: T.x, y: T.y };
+      const y = d[I];
+      if (y.hidden) continue;
+      const A = Ee(y);
+      for (const P of A)
+        if (Math.abs(a - P.x) < L && Math.abs(m - P.y) < L)
+          return { nodeId: y.id, handleId: P.id, type: P.type, x: P.x, y: P.y };
     }
     return null;
-  }, [Ee]), ue = F((a, x) => {
+  }, [Ee]), ue = F((a, m) => {
     const b = 8 / pt.current.zoom;
-    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, 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;
+    for (let L = Pt.current.length - 1; L >= 0; L--) {
+      const I = Pt.current[L], y = Z.current.find((Mt) => Mt.id === I.source), A = Z.current.find((Mt) => Mt.id === I.target);
+      if (!y || !A) continue;
+      const P = y.width || Vt, Y = y.height || jt, H = A.height || jt, J = y.position.x + P, ct = y.position.y + Y / 2, U = A.position.x, nt = A.position.y + H / 2;
+      if (Ir(a, m, J, ct, U, nt) < b) return I;
     }
     return null;
   }, []);
   ft(() => {
-    const a = Te.current, x = vt.current;
-    if (!a || !x) return;
-    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, {
+    const a = Te.current, m = vt.current;
+    if (!a || !m) return;
+    const d = m.getBoundingClientRect(), b = st !== void 0 ? st : matchMedia("(prefers-color-scheme: dark)").matches, L = ze(Z.current);
+    ee.current = L;
+    const I = Q(L), { worker: y } = Cr(a, {
       width: d.width,
       height: d.height,
       camera: pt.current,
@@ -1246,18 +1246,18 @@ function Nr({
       gridSize: It,
       edgeRouting: fe
     });
-    h.onmessage = (H) => {
+    y.onmessage = (H) => {
       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;
+    }, Et.current = y;
     const A = new ResizeObserver((H) => {
       const { width: J, height: ct } = H[0].contentRect;
-      h.postMessage({ type: "resize", data: { width: J, height: ct } });
+      y.postMessage({ type: "resize", data: { width: J, height: ct } });
     });
-    A.observe(x);
-    let T, 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;
+    A.observe(m);
+    let P, Y;
+    return st === void 0 && (P = matchMedia("(prefers-color-scheme: dark)"), Y = (H) => y.postMessage({ type: "theme", data: { dark: H.matches } }), P.addEventListener("change", Y)), () => {
+      A.disconnect(), P && Y && P.removeEventListener("change", Y), Et.current = null;
     };
   }, []), ft(() => {
     var a;
@@ -1266,69 +1266,69 @@ function Nr({
     var a;
     (a = Et.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
   }, [fe]);
-  const Nn = tt(0), Ct = F((a = null) => {
-    var b, N, I;
-    const x = pt.current;
+  const Ln = tt(0), Ct = F((a = null) => {
+    var b, L, I;
+    const m = pt.current;
     if (re) {
-      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));
+      const y = vt.current;
+      if (y) {
+        const A = y.getBoundingClientRect(), P = -re[1][0] * m.zoom + A.width, Y = -re[1][1] * m.zoom + A.height, H = -re[0][0] * m.zoom, J = -re[0][1] * m.zoom;
+        m.x = Math.min(H, Math.max(P, m.x)), m.y = Math.min(J, Math.max(Y, m.y));
       }
     }
-    (b = Et.current) == null || b.postMessage({ type: "camera", data: { camera: { ...x } } });
-    const d = { x: x.x, y: x.y, zoom: x.zoom };
-    (I = (N = O.current).onMove) == null || I.call(N, a, d);
-    for (const h of Kt) h(d);
-    cancelAnimationFrame(Nn.current), Nn.current = requestAnimationFrame(() => {
-      Je({ x: x.x, y: x.y, zoom: x.zoom });
+    (b = Et.current) == null || b.postMessage({ type: "camera", data: { camera: { ...m } } });
+    const d = { x: m.x, y: m.y, zoom: m.zoom };
+    (I = (L = O.current).onMove) == null || I.call(L, a, d);
+    for (const y of Kt) y(d);
+    cancelAnimationFrame(Ln.current), Ln.current = requestAnimationFrame(() => {
+      Je({ x: m.x, y: m.y, zoom: m.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));
-  }, []), Le = F(() => {
-    var x, d;
+    const a = Wt.current, m = Me.current;
+    a && m ? ((d = Et.current) == null || d.postMessage({ type: "connecting", data: { from: a.startPos, to: m, _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(() => {
+    var m, 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 });
+    a ? (m = Et.current) == null || m.postMessage({ type: "selectionBox", data: a }) : (d = Et.current) == null || d.postMessage({ type: "selectionBox", data: null });
   }, []), dr = F((a) => {
-    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) {
+    var L, I, y, A, P, Y, H, J, ct, U, nt, wt, Mt, At, Xt, Ht;
+    const m = Z.current.length > 0, d = at(a.clientX, a.clientY), b = Ut.current;
+    if (m && Rt) {
+      const X = tn(d.x, d.y);
+      if (Yt && Re.current && X) {
         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) && ((N = ce.current) == null || N.call(ce, { ...qt, ...be }));
+        if (X.nodeId !== V.nodeId) {
+          const qt = V.handleType === "target" ? { source: X.nodeId, target: V.nodeId, sourceHandle: X.handleId || null, targetHandle: V.handleId } : { source: V.nodeId, target: X.nodeId, sourceHandle: V.handleId, targetHandle: X.handleId || null };
+          (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((L = ce.current) == null || L.call(ce, { ...qt, ...be }));
         }
         Re.current = null;
         return;
       }
-      if (Bt === "strict" ? W && W.type === "source" : W != null) {
+      if (Bt === "strict" ? X && X.type === "source" : X != null) {
         if (Yt) {
-          Re.current = { nodeId: W.nodeId, handleId: W.handleId || null, handleType: W.type }, (h = (I = O.current).onConnectStart) == null || h.call(I, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type });
+          Re.current = { nodeId: X.nodeId, handleId: X.handleId || null, handleType: X.type }, (y = (I = O.current).onConnectStart) == null || y.call(I, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type });
           return;
         }
         Wt.current = {
-          sourceId: W.nodeId,
-          sourceHandle: W.handleId || null,
-          sourceType: W.type,
-          startPos: { x: W.x, y: W.y }
-        }, 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();
+          sourceId: X.nodeId,
+          sourceHandle: X.handleId || null,
+          sourceType: X.type,
+          startPos: { x: X.x, y: X.y }
+        }, Me.current = { x: d.x, y: d.y }, (A = vt.current) == null || A.setPointerCapture(a.pointerId), (Y = (P = O.current).onConnectStart) == null || Y.call(P, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type }), Ce();
         return;
       }
     }
-    if (x) {
-      const W = Tt(d.x, d.y);
-      if (W) {
-        if (bt.current && Nt) {
+    if (m) {
+      const X = Tt(d.x, d.y);
+      if (X) {
+        if (bt.current && Lt) {
           const kt = [];
           if (b)
-            kt.push({ id: W.id, type: "select", selected: !W.selected });
-          else if (!W.selected) {
+            kt.push({ id: X.id, type: "select", selected: !X.selected });
+          else if (!X.selected) {
             for (const V of Z.current)
-              V.id === W.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
+              V.id === X.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
             if (Dt.current) {
               const V = Pt.current.filter((et) => et.selected).map((et) => ({ id: et.id, type: "select", selected: !1 }));
               V.length && Dt.current(V);
@@ -1336,32 +1336,32 @@ function Nr({
           }
           if (kt.length) {
             if (bt.current(kt), hn && !b) {
-              const V = Z.current.findIndex((et) => et.id === W.id);
+              const V = Z.current.findIndex((et) => et.id === X.id);
               V >= 0 && V < Z.current.length - 1 && bt.current([
-                { id: W.id, type: "remove" },
+                { id: X.id, type: "remove" },
                 { type: "add", item: { ...Z.current[V], selected: !0 } }
               ]);
             }
             Jt();
           }
         }
-        if ((H = De.current) == null || H.call(De, a, W), ht) {
-          const kt = b && W.selected;
+        if ((H = De.current) == null || H.call(De, a, X), ht) {
+          const kt = b && X.selected;
           let V = null;
-          if (W.parentId && W.extent === "parent") {
-            const et = Z.current.find((qt) => qt.id === W.parentId);
+          if (X.parentId && X.extent === "parent") {
+            const et = Z.current.find((qt) => qt.id === X.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 || ((ct = W.measured) == null ? void 0 : ct.height) || jt;
+              const qt = et.width || Vt, Xe = et.height || jt, en = X.width || ((J = X.measured) == null ? void 0 : J.width) || Vt, Fe = X.height || ((ct = X.measured) == null ? void 0 : ct.height) || jt;
               V = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
             }
           }
           if (_t.current = {
-            id: W.id,
-            startPos: { ...W.position },
+            id: X.id,
+            startPos: { ...X.position },
             startMouse: { x: d.x, y: d.y },
             parentClamp: V,
-            parentId: W.parentId || null,
-            selectedStarts: kt ? Z.current.filter((et) => et.selected && et.id !== W.id).map((et) => {
+            parentId: X.parentId || null,
+            selectedStarts: kt ? Z.current.filter((et) => et.selected && et.id !== X.id).map((et) => {
               var Xe, en;
               let qt = null;
               if (et.parentId && et.extent === "parent") {
@@ -1373,8 +1373,8 @@ function Nr({
               }
               return { id: et.id, startPos: { ...et.position }, parentClamp: qt, parentId: et.parentId || null };
             }) : []
-          }, (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 }];
+          }, (U = vt.current) == null || U.setPointerCapture(a.pointerId), (nt = Ae.current) == null || nt.call(Ae, a, X), bt.current) {
+            const et = [{ id: X.id, type: "position", dragging: !0 }];
             for (const qt of _t.current.selectedStarts)
               et.push({ id: qt.id, type: "position", dragging: !0 });
             bt.current(et);
@@ -1383,16 +1383,16 @@ function Nr({
         return;
       }
     }
-    if (Pt.current.length > 0 && Nt) {
-      const W = ue(d.x, d.y);
-      if (W) {
+    if (Pt.current.length > 0 && Lt) {
+      const X = ue(d.x, d.y);
+      if (X) {
         if (Dt.current) {
           const kt = [];
           if (b)
-            kt.push({ id: W.id, type: "select", selected: !W.selected });
+            kt.push({ id: X.id, type: "select", selected: !X.selected });
           else {
             for (const V of Pt.current)
-              V.id === W.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
+              V.id === X.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
             if (bt.current) {
               const V = Z.current.filter((et) => et.selected).map((et) => ({ id: et.id, type: "select", selected: !1 }));
               V.length && bt.current(V);
@@ -1400,40 +1400,40 @@ function Nr({
           }
           kt.length && (Dt.current(kt), Jt());
         }
-        (wt = le.current) == null || wt.call(le, a, W);
+        (wt = le.current) == null || wt.call(le, a, X);
         return;
       }
     }
     if (!b) {
-      const W = Z.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 })), kt = Pt.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 }));
-      W.length && bt.current && bt.current(W), kt.length && Dt.current && Dt.current(kt), (W.length || kt.length) && Jt();
+      const X = Z.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 })), kt = Pt.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 }));
+      X.length && bt.current && bt.current(X), kt.length && Dt.current && Dt.current(kt), (X.length || kt.length) && Jt();
     }
     if ((Mt = We.current) == null || Mt.call(We, a), ne || b) {
-      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = vt.current) == null || At.setPointerCapture(a.pointerId), Le();
+      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = vt.current) == null || At.setPointerCapture(a.pointerId), Ne();
       return;
     }
     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) => {
+  }, [at, Tt, tn, ue, ht, Rt, Lt, ne, Ce, Ne, Jt]), fr = F((a) => {
     var d, b;
     if (Wt.current) {
       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;
+        const L = vt.current;
+        if (L) {
+          const I = L.getBoundingClientRect(), y = 40, A = a.clientX - I.left, P = 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));
+          A < y ? Y = Qt : A > I.width - y && (Y = -Qt), P < y ? H = Qt : P > I.height - y && (H = -Qt), (Y || H) && (pt.current.x += Y, pt.current.y += H, Ct(a));
         }
       }
       return;
     }
     if (ie.current) {
-      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);
+      ie.current.endWorld = at(a.clientX, a.clientY), Ne();
+      const L = ie.current, I = Math.min(L.startWorld.x, L.endWorld.x), y = Math.min(L.startWorld.y, L.endWorld.y), A = Math.max(L.startWorld.x, L.endWorld.x), P = Math.max(L.startWorld.y, L.endWorld.y);
       if (bt.current) {
         const Y = [];
         for (const H of Z.current) {
           if (H.hidden) continue;
-          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;
+          const J = H.width || Vt, ct = H.height || jt, U = Ie === "full" ? H.position.x >= I && H.position.x + J <= A && H.position.y >= y && H.position.y + ct <= P : H.position.x + J > I && H.position.x < A && H.position.y + ct > y && H.position.y < P;
           U !== !!H.selected && Y.push({ id: H.id, type: "select", selected: U });
         }
         Y.length && bt.current(Y);
@@ -1441,15 +1441,15 @@ function Nr({
       return;
     }
     if (_t.current) {
-      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 L = at(a.clientX, a.clientY), I = _t.current, y = L.x - I.startMouse.x, A = L.y - I.startMouse.y;
+      let P = { x: I.startPos.x + y, y: I.startPos.y + A };
+      if (me && (P = Pn(P, de)), oe && (P = Tn(P, oe)), I.parentClamp) {
         const U = I.parentClamp;
-        T = { x: Math.max(U.minX, Math.min(T.x, U.maxX)), y: Math.max(U.minY, Math.min(T.y, U.maxY)) };
+        P = { x: Math.max(U.minX, Math.min(P.x, U.maxX)), y: Math.max(U.minY, Math.min(P.y, U.maxY)) };
       }
-      const Y = [{ id: I.id, position: T }];
+      const Y = [{ id: I.id, position: P }];
       for (const U of I.selectedStarts) {
-        let nt = { x: U.startPos.x + h, y: U.startPos.y + A };
+        let nt = { x: U.startPos.x + y, y: U.startPos.y + A };
         if (me && (nt = Pn(nt, de)), oe && (nt = Tn(nt, oe)), U.parentClamp) {
           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)) };
@@ -1508,12 +1508,12 @@ function Nr({
       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, at, Ce, Le]), hr = F((a) => {
-    var x, d, b, N, I;
+    const m = pt.current;
+    m.x += a.clientX - te.current.x, m.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Ct();
+  }, [Ct, at, Ce, Ne]), hr = F((a) => {
+    var m, d, b, L, I;
     if (Wt.current) {
-      const h = at(a.clientX, a.clientY), A = tn(h.x, h.y);
+      const y = at(a.clientX, a.clientY), A = tn(y.x, y.y);
       if (A && A.nodeId !== Wt.current.sourceId && (Bt === "loose" || A.type === "target")) {
         const H = Wt.current.sourceType === "target" ? {
           source: A.nodeId,
@@ -1526,25 +1526,25 @@ function Nr({
           sourceHandle: Wt.current.sourceHandle,
           targetHandle: A.handleId || null
         };
-        (O.current.isValidConnection ? O.current.isValidConnection(H) : !0) && ((x = ce.current) == null || x.call(ce, { ...H, ...be }));
+        (O.current.isValidConnection ? O.current.isValidConnection(H) : !0) && ((m = ce.current) == null || m.call(ce, { ...H, ...be }));
       }
       (b = (d = O.current).onConnectEnd) == null || b.call(d, a.nativeEvent || a), Wt.current = null, Me.current = null, Ce();
       return;
     }
     if (ie.current) {
-      ie.current = null, Le(), Jt();
+      ie.current = null, Ne(), Jt();
       return;
     }
     if (_t.current) {
-      const h = _t.current;
+      const y = _t.current;
       if (bt.current) {
-        const T = Z.current.find((H) => H.id === h.id), Y = [{
-          id: h.id,
+        const P = Z.current.find((H) => H.id === y.id), Y = [{
+          id: y.id,
           type: "position",
-          position: T ? { ...T.position } : void 0,
+          position: P ? { ...P.position } : void 0,
           dragging: !1
         }];
-        for (const H of h.selectedStarts) {
+        for (const H of y.selectedStarts) {
           const J = Z.current.find((ct) => ct.id === H.id);
           Y.push({
             id: H.id,
@@ -1558,198 +1558,198 @@ function Nr({
       requestAnimationFrame(() => {
         _t.current = null;
       });
-      const A = Z.current.find((T) => T.id === h.id);
-      A && ((N = _e.current) == null || N.call(_e, a, A));
+      const A = Z.current.find((P) => P.id === y.id);
+      A && ((L = _e.current) == null || L.call(_e, a, A));
       return;
     }
     Se.current = !1, (I = vt.current) == null || I.classList.remove("dragging");
-  }, [at, tn, Ce, Le, Jt]);
+  }, [at, tn, Ce, Ne, Jt]);
   ft(() => {
     const a = vt.current;
     if (!a) return;
-    const x = (d) => {
+    const m = (d) => {
       Pe && d.preventDefault();
       const b = pt.current;
       if (Ge || ke.current) {
-        const T = Ze;
-        $e === "horizontal" ? b.x -= d.deltaY * T : ($e === "vertical" || (b.x -= d.deltaX * T), b.y -= d.deltaY * T), Ct(d);
+        const P = Ze;
+        $e === "horizontal" ? b.x -= d.deltaY * P : ($e === "vertical" || (b.x -= d.deltaX * P), b.y -= d.deltaY * P), Ct(d);
         return;
       }
       if (!Oe) return;
-      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);
+      const L = d.deltaY > 0 ? 0.92 : 1.08, I = a.getBoundingClientRect(), y = d.clientX - I.left, A = d.clientY - I.top;
+      b.x = y - (y - b.x) * L, b.y = A - (A - b.y) * L, b.zoom = Math.min(mt, Math.max(it, b.zoom * L)), Ct(d);
     };
-    return a.addEventListener("wheel", x, { passive: !Pe }), () => a.removeEventListener("wheel", x);
+    return a.addEventListener("wheel", m, { passive: !Pe }), () => a.removeEventListener("wheel", m);
   }, [Ct, it, mt, Ge, $e, Ze, Oe, Pe]), ft(() => {
     if (!Ke) return;
     const a = vt.current;
     if (!a) return;
-    let x = 0, d = null;
-    const b = (h) => {
-      if (h.touches.length === 2) {
-        const A = h.touches[0].clientX - h.touches[1].clientX, T = h.touches[0].clientY - h.touches[1].clientY;
-        x = Math.hypot(A, T);
+    let m = 0, d = null;
+    const b = (y) => {
+      if (y.touches.length === 2) {
+        const A = y.touches[0].clientX - y.touches[1].clientX, P = y.touches[0].clientY - y.touches[1].clientY;
+        m = Math.hypot(A, P);
         const Y = a.getBoundingClientRect();
         d = {
-          x: (h.touches[0].clientX + h.touches[1].clientX) / 2 - Y.left,
-          y: (h.touches[0].clientY + h.touches[1].clientY) / 2 - Y.top
-        }, h.preventDefault();
+          x: (y.touches[0].clientX + y.touches[1].clientX) / 2 - Y.left,
+          y: (y.touches[0].clientY + y.touches[1].clientY) / 2 - Y.top
+        }, y.preventDefault();
       }
-    }, 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;
+    }, L = (y) => {
+      if (y.touches.length === 2 && m > 0) {
+        y.preventDefault();
+        const A = y.touches[0].clientX - y.touches[1].clientX, P = y.touches[0].clientY - y.touches[1].clientY, Y = Math.hypot(A, P), H = Y / m;
+        m = Y;
         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);
+        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(y);
       }
     }, I = () => {
-      x = 0, d = null;
+      m = 0, d = null;
     };
-    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);
+    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);
     };
   }, [Ke, Ct, it, mt]), ft(() => {
     if (!Qe) return;
     const a = vt.current;
     if (!a) return;
-    const x = (d) => {
+    const m = (d) => {
       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 N = ue(b.x, b.y);
-      if (N) {
-        (U = (ct = O.current).onEdgeDoubleClick) == null || U.call(ct, d, N);
+      const L = ue(b.x, b.y);
+      if (L) {
+        (U = (ct = O.current).onEdgeDoubleClick) == null || U.call(ct, d, L);
         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(mt, Math.max(it, Y.zoom * I)), Ct(d);
+      const I = 1.5, y = a.getBoundingClientRect(), A = d.clientX - y.left, P = d.clientY - y.top, Y = pt.current;
+      Y.x = A - (A - Y.x) * I, Y.y = P - (P - 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);
+    return a.addEventListener("dblclick", m), () => a.removeEventListener("dblclick", m);
   }, [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 = at(d.clientX, d.clientY), N = Tt(b.x, b.y);
-      if (N) {
-        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, N);
+    const m = (d) => {
+      var y, A, P, Y, H, J;
+      const b = at(d.clientX, d.clientY), L = Tt(b.x, b.y);
+      if (L) {
+        (A = (y = O.current).onNodeContextMenu) == null || A.call(y, d, L);
         return;
       }
       const I = ue(b.x, b.y);
       if (I) {
-        (Y = (T = O.current).onEdgeContextMenu) == null || Y.call(T, d, I);
+        (Y = (P = O.current).onEdgeContextMenu) == null || Y.call(P, d, I);
         return;
       }
       (J = (H = O.current).onPaneContextMenu) == null || J.call(H, d);
     };
-    return a.addEventListener("contextmenu", x), () => a.removeEventListener("contextmenu", x);
+    return a.addEventListener("contextmenu", m), () => a.removeEventListener("contextmenu", m);
   }, [at, Tt, ue]), ft(() => {
     const a = vt.current;
     if (!a) return;
-    let x = null, d = null;
-    const b = (h) => {
-      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 = 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) {
+    let m = null, d = null;
+    const b = (y) => {
+      var Y, H, J, ct, U, nt, wt, Mt, At, Xt, Ht, X, kt, V;
+      (H = (Y = O.current).onPaneMouseMove) == null || H.call(Y, y);
+      const A = at(y.clientX, y.clientY), P = Tt(A.x, A.y);
+      if (P !== m && (m && ((ct = (J = O.current).onNodeMouseLeave) == null || ct.call(J, y, m)), P && ((nt = (U = O.current).onNodeMouseEnter) == null || nt.call(U, y, P)), m = P), P && ((Mt = (wt = O.current).onNodeMouseMove) == null || Mt.call(wt, y, P)), !P) {
         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));
+        et !== d && (d && ((Xt = (At = O.current).onEdgeMouseLeave) == null || Xt.call(At, y, d)), et && ((X = (Ht = O.current).onEdgeMouseEnter) == null || X.call(Ht, y, et)), d = et), et && ((V = (kt = O.current).onEdgeMouseMove) == null || V.call(kt, y, et));
       }
-    }, 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, 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);
+    }, L = (y) => {
+      var A, P;
+      return (P = (A = O.current).onPaneMouseEnter) == null ? void 0 : P.call(A, y);
+    }, I = (y) => {
+      var A, P, Y, H, J, ct;
+      (P = (A = O.current).onPaneMouseLeave) == null || P.call(A, y), m && ((H = (Y = O.current).onNodeMouseLeave) == null || H.call(Y, y, m), m = null), d && ((ct = (J = O.current).onEdgeMouseLeave) == null || ct.call(J, y, d), d = null);
     };
-    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);
+    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);
     };
   }, [at, Tt, ue]), ft(() => {
-    const a = Array.isArray(ve) ? ve : [ve], x = async (d) => {
-      var b, N;
+    const a = Array.isArray(ve) ? ve : [ve], m = async (d) => {
+      var b, L;
       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);
-        if (!I.length && !h.length || O.current.onBeforeDelete && !await O.current.onBeforeDelete({ nodes: I, edges: h }))
+        const I = Z.current.filter((P) => P.selected), y = Pt.current.filter((P) => P.selected);
+        if (!I.length && !y.length || O.current.onBeforeDelete && !await O.current.onBeforeDelete({ nodes: I, edges: y }))
           return;
-        const A = new Set(I.map((T) => T.id));
-        if (I.length && bt.current && (bt.current(I.map((T) => ({ id: T.id, type: "remove" }))), Dt.current)) {
-          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" })));
+        const A = new Set(I.map((P) => P.id));
+        if (I.length && bt.current && (bt.current(I.map((P) => ({ id: P.id, type: "remove" }))), Dt.current)) {
+          const P = Pt.current.filter((Y) => A.has(Y.source) || A.has(Y.target));
+          P.length && Dt.current(P.map((Y) => ({ id: Y.id, type: "remove" })));
         }
-        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 });
+        y.length && Dt.current && Dt.current(y.map((P) => ({ id: P.id, type: "remove" }))), (L = (b = O.current).onDelete) == null || L.call(b, { nodes: I, edges: y });
       }
       if ((d.ctrlKey || d.metaKey) && d.key === "a") {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA") return;
         if (d.preventDefault(), bt.current) {
-          const I = Z.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
+          const I = Z.current.filter((y) => !y.selected).map((y) => ({ id: y.id, type: "select", selected: !0 }));
           I.length && bt.current(I);
         }
         if (Dt.current) {
-          const I = Pt.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
+          const I = Pt.current.filter((y) => !y.selected).map((y) => ({ id: y.id, type: "select", selected: !0 }));
           I.length && Dt.current(I);
         }
       }
     };
-    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
   }, [ve]);
   const In = tt(!1);
   ft(() => {
-    var a, x;
+    var a, m;
     if (!In.current && Et.current) {
       if (In.current = !0, zt && Z.current.length > 0) {
         const d = vt.current;
         if (d) {
-          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();
+          const b = d.getBoundingClientRect(), L = (dt == null ? void 0 : dt.padding) ?? 0.1, I = Mn(Z.current), y = Rn(I, b.width, b.height, L);
+          dt != null && dt.maxZoom && (y.zoom = Math.min(y.zoom, dt.maxZoom)), dt != null && dt.minZoom && (y.zoom = Math.max(y.zoom, dt.minZoom)), pt.current = y, Ct();
         }
       }
-      (x = (a = O.current).onInit) == null || x.call(a, {
+      (m = (a = O.current).onInit) == null || m.call(a, {
         getNodes: () => [...Z.current],
         getEdges: () => [...Pt.current],
         getViewport: () => ({ ...pt.current }),
         fitView: (d = {}) => {
           const b = vt.current;
           if (!b || !Z.current.length) return;
-          const N = b.getBoundingClientRect(), I = Mn(Z.current), h = Rn(I, N.width, N.height, d.padding ?? 0.1);
-          pt.current = h, Ct();
+          const L = b.getBoundingClientRect(), I = Mn(Z.current), y = Rn(I, L.width, L.height, d.padding ?? 0.1);
+          pt.current = y, Ct();
         }
       });
     }
   });
   const yr = F(() => {
-    pt.current = { ...Lt }, Ct();
-  }, [Ct, Lt]), gr = F((a) => {
-    var x;
+    pt.current = { ...Nt }, Ct();
+  }, [Ct, Nt]), gr = F((a) => {
+    var m;
     if (a)
       se.current.push(a);
     else {
       const d = pt.current, b = vt.current;
       if (!b) return;
-      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);
+      const L = b.getBoundingClientRect(), I = Math.round(-d.x / d.zoom + L.width / 2 / d.zoom), y = Math.round(-d.y / d.zoom + L.height / 2 / d.zoom);
       se.current.push({
         x: I - 80,
-        y: h - 45,
+        y: y - 45,
         w: 160,
         h: 90,
         title: "Note " + (se.current.length + 1),
         body: "Added at viewport center"
       });
     }
-    (x = Et.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
+    (m = Et.current) == null || m.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 = vt.current;
+      const m = pt.current, d = vt.current;
       if (!d) return;
       const b = d.getBoundingClientRect();
       a.position = {
-        x: Math.round(-x.x / x.zoom + b.width / 2 / x.zoom) - Vt / 2,
-        y: Math.round(-x.y / x.zoom + b.height / 2 / x.zoom) - jt / 2
+        x: Math.round(-m.x / m.zoom + b.width / 2 / m.zoom) - Vt / 2,
+        y: Math.round(-m.y / m.zoom + b.height / 2 / m.zoom) - jt / 2
       };
     }
     a.data || (a.data = { label: a.id }), bt.current && bt.current([{ type: "add", item: a }]);
@@ -1828,36 +1828,36 @@ function Ro() {
   return qe(je);
 }
 function $r({ node: t, nodeType: e }) {
-  var m, C, z;
+  var v, N, z;
   const n = yt(), r = tt(null), s = t._absolutePosition || t.position, o = tt(null);
   ft(() => {
-    const M = r.current;
-    if (!M) return;
-    const $ = new ResizeObserver((R) => {
-      var D, g, f, p;
-      const { width: E, height: _ } = R[0].contentRect;
+    const R = r.current;
+    if (!R) return;
+    const $ = new ResizeObserver((k) => {
+      var B, D, f, h;
+      const { width: E, height: _ } = k[0].contentRect;
       if (E > 0 && _ > 0) {
-        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, [
+        const p = n.nodesRef.current.find((C) => C.id === t.id), M = (p == null ? void 0 : p.width) || ((B = p == null ? void 0 : p.measured) == null ? void 0 : B.width), w = (p == null ? void 0 : p.height) || ((D = p == null ? void 0 : p.measured) == null ? void 0 : D.height);
+        (Math.abs((M || 0) - E) > 1 || Math.abs((w || 0) - _) > 1) && ((h = (f = n.onNodesChangeRef).current) == null || h.call(f, [
           { id: t.id, type: "dimensions", dimensions: { width: E, height: _ }, setAttributes: !0 }
         ]));
       }
     });
-    return $.observe(M), () => $.disconnect();
+    return $.observe(R), () => $.disconnect();
   }, [t.id, n]);
-  const i = F((M) => {
-    var B, j, X, xt;
-    M.stopPropagation();
-    const $ = M.target.tagName;
-    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;
+  const i = F((R) => {
+    var T, j, W, xt;
+    R.stopPropagation();
+    const $ = R.target.tagName;
+    if ($ === "INPUT" || $ === "TEXTAREA" || $ === "SELECT" || $ === "BUTTON" || $ === "A" || $ === "LABEL" || R.target.isContentEditable) return;
+    let k = R.target;
+    for (; k && k !== r.current; ) {
+      if ((T = k.classList) != null && T.contains("nodrag") || (j = k.classList) != null && j.contains("nopan")) return;
+      k = k.parentElement;
     }
     if (n.onNodesChangeRef.current) {
       const K = [];
-      if (M.shiftKey)
+      if (R.shiftKey)
         K.push({ id: t.id, type: "select", selected: !t.selected });
       else
         for (const q of n.nodesRef.current)
@@ -1866,20 +1866,20 @@ function $r({ node: t, nodeType: e }) {
     }
     const E = n.cameraRef.current, _ = n.wrapRef.current;
     if (!_) return;
-    const D = _.getBoundingClientRect(), g = (M.clientX - D.left - E.x) / E.zoom, f = (M.clientY - D.top - E.y) / E.zoom, v = M.shiftKey && t.selected ? n.nodesRef.current.filter((K) => K.selected && K.id !== t.id).map((K) => ({ id: K.id, startPos: { ...K.position } })) : [];
+    const B = _.getBoundingClientRect(), D = (R.clientX - B.left - E.x) / E.zoom, f = (R.clientY - B.top - E.y) / E.zoom, p = R.shiftKey && t.selected ? n.nodesRef.current.filter((K) => K.selected && K.id !== t.id).map((K) => ({ id: K.id, startPos: { ...K.position } })) : [];
     o.current = {
       startPos: { ...t.position },
-      startMouse: { x: g, y: f },
-      selectedStarts: v
+      startMouse: { x: D, y: f },
+      selectedStarts: p
     };
-    const L = [{ id: t.id, type: "position", dragging: !0 }];
-    for (const K of v)
-      L.push({ id: K.id, type: "position", dragging: !0 });
-    (xt = (X = n.onNodesChangeRef).current) == null || xt.call(X, L);
+    const M = [{ id: t.id, type: "position", dragging: !0 }];
+    for (const K of p)
+      M.push({ id: K.id, type: "position", dragging: !0 });
+    (xt = (W = n.onNodesChangeRef).current) == null || xt.call(W, M);
     const w = r.current;
-    w && w.setPointerCapture(M.pointerId);
-    const P = (K) => {
-      var it, mt, Lt, zt;
+    w && w.setPointerCapture(R.pointerId);
+    const C = (K) => {
+      var it, mt, Nt, zt;
       if (!o.current) return;
       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 };
@@ -1889,9 +1889,9 @@ function $r({ node: t, nodeType: e }) {
       }), t.parentId && t.extent === "parent") {
         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;
+          const ht = dt.width || 160, Rt = dt.height || 60, Lt = 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)),
+            x: Math.max(0, Math.min(st.x, ht - Lt)),
             y: Math.max(0, Math.min(st.y, Rt - gt))
           };
         }
@@ -1904,22 +1904,22 @@ function $r({ node: t, nodeType: e }) {
           y: n.snapGrid[1] * Math.round(ht.y / n.snapGrid[1])
         }), It.push({ id: dt.id, type: "position", position: ht, dragging: !0 });
       }
-      (zt = (Lt = n.onNodesChangeRef).current) == null || zt.call(Lt, It);
-    }, k = (K) => {
+      (zt = (Nt = n.onNodesChangeRef).current) == null || zt.call(Nt, It);
+    }, x = (K) => {
       var q, G;
       if (!o.current) return;
       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);
+      (G = (q = n.onNodesChangeRef).current) == null || G.call(q, rt), o.current = null, w && w.releasePointerCapture(K.pointerId), w == null || w.removeEventListener("pointermove", C), w == null || w.removeEventListener("pointerup", x);
     };
-    w == null || w.addEventListener("pointermove", P), w == null || w.addEventListener("pointerup", k);
-  }, [t, n]), c = F((M) => {
-    var g, f, p, v, L, w;
+    w == null || w.addEventListener("pointermove", C), w == null || w.addEventListener("pointerup", x);
+  }, [t, n]), c = F((R) => {
+    var D, f, h, p, M, w;
     if (!t.selected) return;
-    const $ = M.shiftKey ? 10 : 1;
-    let R = 0, E = 0;
-    switch (M.key) {
+    const $ = R.shiftKey ? 10 : 1;
+    let k = 0, E = 0;
+    switch (R.key) {
       case "ArrowUp":
         E = -$;
         break;
@@ -1927,27 +1927,27 @@ function $r({ node: t, nodeType: e }) {
         E = $;
         break;
       case "ArrowLeft":
-        R = -$;
+        k = -$;
         break;
       case "ArrowRight":
-        R = $;
+        k = $;
         break;
       case "Escape":
-        (f = (g = n.onNodesChangeRef).current) == null || f.call(g, [{ id: t.id, type: "select", selected: !1 }]);
+        (f = (D = n.onNodesChangeRef).current) == null || f.call(D, [{ id: t.id, type: "select", selected: !1 }]);
         return;
       case "Delete":
       case "Backspace":
-        t.deletable !== !1 && ((v = (p = n.onNodesChangeRef).current) == null || v.call(p, [{ id: t.id, type: "remove" }]));
+        t.deletable !== !1 && ((p = (h = n.onNodesChangeRef).current) == null || p.call(h, [{ id: t.id, type: "remove" }]));
         return;
       default:
         return;
     }
-    M.preventDefault();
-    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 + 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);
+    R.preventDefault();
+    const _ = { x: t.position.x + k, y: t.position.y + E }, B = [{ id: t.id, type: "position", position: _ }];
+    for (const C of n.nodesRef.current)
+      C.selected && C.id !== t.id && B.push({ id: C.id, type: "position", position: { x: C.position.x + k, y: C.position.y + E } });
+    (w = (M = n.onNodesChangeRef).current) == null || w.call(M, B);
+  }, [t, n]), u = t.width || ((v = t.measured) == null ? void 0 : v.width), l = t.height || ((N = t.measured) == null ? void 0 : N.height), g = !!(u && l);
   return /* @__PURE__ */ S(je.Provider, { value: t.id, children: /* @__PURE__ */ S(
     "div",
     {
@@ -1959,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",
+        visibility: g ? "visible" : "hidden",
         outline: "none"
       },
       "data-nodeid": t.id,
@@ -2002,32 +2000,32 @@ function Bn(t, e, n, r) {
   var c, u;
   const s = t.width || ((c = t.measured) == null ? void 0 : c.width) || On, o = t.height || ((u = t.measured) == null ? void 0 : u.height) || Qn, i = t._absolutePosition || t.position;
   if (t.handleBounds) {
-    const l = t.handleBounds[e] || [], y = n ? l.find((m) => m.id === n) : l[0];
-    if (y && y.x !== void 0 && y.y !== void 0) {
-      const m = y.position || (e === "source" ? "right" : "left");
-      return { x: i.x + y.x, y: i.y + y.y, position: m };
+    const l = t.handleBounds[e] || [], g = n ? l.find((v) => v.id === n) : l[0];
+    if (g && g.x !== void 0 && g.y !== void 0) {
+      const v = g.position || (e === "source" ? "right" : "left");
+      return { x: i.x + g.x, y: i.y + g.y, position: v };
     }
   }
   if (r) {
-    const l = `${t.id}__${n || e}`, y = r.get(l);
-    if (y && y.x !== void 0 && y.y !== void 0)
-      return { x: i.x + y.x, y: i.y + y.y, position: y.position || (e === "source" ? "right" : "left") };
+    const l = `${t.id}__${n || e}`, g = r.get(l);
+    if (g && g.x !== void 0 && g.y !== void 0)
+      return { x: i.x + g.x, y: i.y + g.y, position: g.position || (e === "source" ? "right" : "left") };
   }
   if (t.handles && t.handles.length) {
     for (const l of t.handles)
       if (l.type === e && (!n || l.id === n)) {
         if (l.x !== void 0 && l.y !== void 0)
           return { x: i.x + l.x, y: i.y + l.y, position: l.position || (e === "source" ? "right" : "left") };
-        const y = l.position || (e === "source" ? "right" : "left");
-        switch (y) {
+        const g = l.position || (e === "source" ? "right" : "left");
+        switch (g) {
           case "top":
-            return { x: i.x + s / 2, y: i.y, position: y };
+            return { x: i.x + s / 2, y: i.y, position: g };
           case "bottom":
-            return { x: i.x + s / 2, y: i.y + o, position: y };
+            return { x: i.x + s / 2, y: i.y + o, position: g };
           case "left":
-            return { x: i.x, y: i.y + o / 2, position: y };
+            return { x: i.x, y: i.y + o / 2, position: g };
           default:
-            return { x: i.x + s, y: i.y + o / 2, position: y };
+            return { x: i.x + s, y: i.y + o / 2, position: g };
         }
       }
   }
@@ -2055,32 +2053,32 @@ 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, L, w, P) => {
+  var D, f, h;
+  const s = yt(), [o, i] = Gt(null), c = F((p, M, w, C) => {
     var rt;
-    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;
+    M.stopPropagation(), M.preventDefault();
+    const x = s.wrapRef.current;
+    if (!x) return;
+    const T = p === "source" ? C : w, j = p === "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 } }
+      data: { from: { x: T.x, y: T.y }, to: { x: T.x, y: T.y } }
     });
-    const X = k.getBoundingClientRect(), xt = (q) => {
+    const W = x.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;
+      const G = s.cameraRef.current, ot = (q.clientX - W.left - G.x) / G.zoom, lt = (q.clientY - W.top - G.y) / G.zoom;
       (ut = s.workerRef.current) == null || ut.postMessage({
         type: "connecting",
-        data: { from: { x: B.x, y: B.y }, to: { x: ot, y: lt } }
+        data: { from: { x: T.x, y: T.y }, to: { x: ot, y: lt } }
       });
     }, 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;
+      var mt, Nt, zt, dt;
+      const G = s.cameraRef.current, ot = (q.clientX - W.left - G.x) / G.zoom, lt = (q.clientY - W.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 = [];
+        const Rt = ht.width || On, Lt = ht.height || Qn, gt = ht._absolutePosition || ht.position, ne = [];
         if (it)
           for (const [, Bt] of it)
             Bt.nodeId === ht.id && ne.push(Bt);
@@ -2098,13 +2096,13 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
                 Ot = gt.x + Rt / 2, Yt = gt.y;
                 break;
               case "bottom":
-                Ot = gt.x + Rt / 2, Yt = gt.y + Nt;
+                Ot = gt.x + Rt / 2, Yt = gt.y + Lt;
                 break;
               case "left":
-                Ot = gt.x, Yt = gt.y + Nt / 2;
+                Ot = gt.x, Yt = gt.y + Lt / 2;
                 break;
               default:
-                Ot = gt.x + Rt, Yt = gt.y + Nt / 2;
+                Ot = gt.x + Rt, Yt = gt.y + Lt / 2;
                 break;
             }
           if (Math.abs(ot - Ot) < ut && Math.abs(lt - Yt) < ut) {
@@ -2115,17 +2113,17 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
         if (st) break;
       }
       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, [
+        const ht = p === "source" ? { source: st.id, target: j, sourceHandle: It, targetHandle: t.targetHandle } : { source: j, target: st.id, sourceHandle: t.sourceHandle, targetHandle: It };
+        (zt = (Nt = s.onEdgesChangeRef).current) == null || zt.call(Nt, [
           { id: t.id, type: "remove" },
           { type: "add", item: { id: t.id, ...ht } }
         ]);
       }
-      (dt = s.workerRef.current) == null || dt.postMessage({ type: "connecting", data: null }), k.removeEventListener("pointermove", xt), k.removeEventListener("pointerup", K);
+      (dt = s.workerRef.current) == null || dt.postMessage({ type: "connecting", data: null }), x.removeEventListener("pointermove", xt), x.removeEventListener("pointerup", K);
     };
-    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(
+    x.addEventListener("pointermove", xt), x.addEventListener("pointerup", K);
+  }, [t, s]), u = n.find((p) => p.id === t.source), l = n.find((p) => p.id === t.target), g = u && !!(u.width || (D = u.measured) != null && D.width), v = l && !!(l.width || (f = l.measured) != null && f.width), N = (h = s.handleRegistryRef) == null ? void 0 : h.current, z = g ? Bn(u, "source", t.sourceHandle, N) : null, R = v ? Bn(l, "target", t.targetHandle, N) : null, $ = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", k = s.routedEdges || s.edges, E = k == null ? void 0 : k.find((p) => p.id === t.id), _ = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, B = r !== !1 && t.reconnectable !== !1;
+  return !z || !R ? null : /* @__PURE__ */ $t(
     "g",
     {
       className: `ric-edge-wrapper ${t.selected ? "selected" : ""}`,
@@ -2141,10 +2139,10 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             target: t.target,
             sourceX: z.x,
             sourceY: z.y,
-            targetX: M.x,
-            targetY: M.y,
+            targetX: R.x,
+            targetY: R.y,
             sourcePosition: z.position,
-            targetPosition: M.position,
+            targetPosition: R.position,
             sourceHandleId: t.sourceHandle,
             targetHandleId: t.targetHandle,
             data: t.data,
@@ -2158,7 +2156,7 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             routedPoints: _
           }
         ),
-        D && (o || t.selected) && /* @__PURE__ */ $t(Ne, { children: [
+        B && (o || t.selected) && /* @__PURE__ */ $t(Le, { children: [
           /* @__PURE__ */ S(
             Dn,
             {
@@ -2166,17 +2164,17 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
               y: z.y,
               position: z.position,
               type: "source",
-              onPointerDown: (v) => c("source", v, z, M)
+              onPointerDown: (p) => c("source", p, z, R)
             }
           ),
           /* @__PURE__ */ S(
             Dn,
             {
-              x: M.x,
-              y: M.y,
-              position: M.position,
+              x: R.x,
+              y: R.y,
+              position: R.position,
               type: "target",
-              onPointerDown: (v) => c("target", v, z, M)
+              onPointerDown: (p) => c("target", p, z, R)
             }
           )
         ] })
@@ -2189,46 +2187,46 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
   var $;
   const n = yt(), [r, s] = Gt(null), o = tt(null);
   if (ft(() => {
-    const R = n.wrapRef.current;
-    if (!R) return;
-    let E = !1, _ = null, D = !1;
-    const g = (w) => {
-      w.key === t && (D = !0);
+    const k = n.wrapRef.current;
+    if (!k) return;
+    let E = !1, _ = null, B = !1;
+    const D = (w) => {
+      w.key === t && (B = !0);
     }, f = (w) => {
-      w.key === t && (D = !1);
-    }, p = (w) => {
-      if (!D) return;
-      const P = w.target;
-      if (P.closest(".ric-node-wrapper") || P.closest(".ric-handle")) return;
+      w.key === t && (B = !1);
+    }, h = (w) => {
+      if (!B) return;
+      const C = w.target;
+      if (C.closest(".ric-node-wrapper") || C.closest(".ric-handle")) return;
       E = !0;
-      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) => {
+      const x = n.cameraRef.current, T = k.getBoundingClientRect(), j = (w.clientX - T.left - x.x) / x.zoom, W = (w.clientY - T.top - x.y) / x.zoom;
+      _ = { x: j, y: W }, s({ startX: j, startY: W, endX: j, endY: W }), w.stopPropagation();
+    }, p = (w) => {
       if (!E || !_) return;
-      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) => {
+      const C = n.cameraRef.current, x = k.getBoundingClientRect(), T = (w.clientX - x.left - C.x) / C.zoom, j = (w.clientY - x.top - C.y) / C.zoom;
+      s({ startX: _.x, startY: _.y, endX: T, endY: j });
+    }, M = (w) => {
       var K, rt;
       if (!E || !_) return;
       E = !1;
-      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),
+      const C = n.cameraRef.current, x = k.getBoundingClientRect(), T = (w.clientX - x.left - C.x) / C.zoom, j = (w.clientY - x.top - C.y) / C.zoom, W = {
+        x: Math.min(_.x, T),
         y: Math.min(_.y, j),
-        width: Math.abs(B - _.x),
+        width: Math.abs(T - _.x),
         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 });
+        e === "full" ? ut = G.x >= W.x && G.y >= W.y && G.x + ot <= W.x + W.width && G.y + lt <= W.y + W.height : ut = G.x + ot > W.x && G.x < W.x + W.width && G.y + lt > W.y && G.y < W.y + W.height, xt.push({ id: q.id, type: "select", selected: ut });
       }
       xt.length && ((rt = (K = n.onNodesChangeRef).current) == null || rt.call(K, xt)), _ = null, s(null);
     };
-    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);
+    return k.addEventListener("pointerdown", h, !0), k.addEventListener("pointermove", p), k.addEventListener("pointerup", M), window.addEventListener("keydown", D), window.addEventListener("keyup", f), () => {
+      k.removeEventListener("pointerdown", h, !0), k.removeEventListener("pointermove", p), k.removeEventListener("pointerup", M), window.removeEventListener("keydown", D), 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;
+  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), g = Math.abs(r.endY - r.startY), v = c * i.zoom + i.x, N = u * i.zoom + i.y, z = l * i.zoom, R = g * i.zoom;
   return /* @__PURE__ */ S(
     "div",
     {
@@ -2236,10 +2234,10 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
       className: "ric-selection-box",
       style: {
         position: "absolute",
-        left: m,
-        top: C,
+        left: v,
+        top: N,
         width: z,
-        height: M,
+        height: R,
         border: "1px dashed #3b82f6",
         background: "rgba(59, 130, 246, 0.08)",
         pointerEvents: "none",
@@ -2290,84 +2288,84 @@ function on({
   className: c = "",
   style: u = {},
   onConnect: l,
-  ...y
+  ...g
 }) {
-  const m = qe(je), C = yt(), z = tt(null), M = tt(C);
-  M.current = C;
+  const v = qe(je), N = yt(), z = tt(null), R = tt(N);
+  R.current = N;
   const $ = F(() => {
-    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;
+    var w, C, x;
+    const B = z.current;
+    if (!B || !v) return;
+    const D = R.current, f = (w = D.handleRegistryRef) == null ? void 0 : w.current;
     if (!f) return;
-    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);
+    const h = `${v}__${n || t}`, p = (x = (C = D.cameraRef) == null ? void 0 : C.current) == null ? void 0 : x.zoom, M = Hr(B, p);
+    if (M) {
+      const T = { nodeId: v, id: n || null, type: t, position: e, x: M.x, y: M.y };
+      f.set(h, T);
     }
-  }, [m, n, t, e]);
+  }, [v, n, t, e]);
   kr(() => {
     $();
   }, [$]), ft(() => {
-    if (!m) return;
-    const D = M.current;
-    An(D, m);
-    const g = z.current, f = g == null ? void 0 : g.closest(".ric-node-wrapper"), p = new ResizeObserver(() => {
-      $(), An(M.current, m);
+    if (!v) return;
+    const B = R.current;
+    An(B, v);
+    const D = z.current, f = D == null ? void 0 : D.closest(".ric-node-wrapper"), h = new ResizeObserver(() => {
+      $(), An(R.current, v);
     });
-    return f && p.observe(f), () => {
-      var P;
-      p.disconnect();
-      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);
+    return f && h.observe(f), () => {
+      var C;
+      h.disconnect();
+      const p = R.current, M = (C = p.handleRegistryRef) == null ? void 0 : C.current, w = `${v}__${n || t}`;
+      M == null || M.delete(w), Jn(p, v);
     };
-  }, [m, n, t, e, $]);
-  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 = (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;
+  }, [v, n, t, e, $]);
+  const k = F(() => {
+    var x;
+    const B = R.current, D = B.nodesRef.current.find((T) => T.id === v);
+    if (!D) return null;
+    const f = D._absolutePosition || D.position, h = (x = B.handleRegistryRef) == null ? void 0 : x.current, p = `${v}__${n || t}`, M = h == null ? void 0 : h.get(p);
+    if (M && M.x !== void 0 && M.y !== void 0)
+      return { x: f.x + M.x, y: f.y + M.y };
+    const w = D.width || 160, C = D.height || 60;
     switch (e) {
       case "top":
         return { x: f.x + w / 2, y: f.y };
       case "bottom":
-        return { x: f.x + w / 2, y: f.y + P };
+        return { x: f.x + w / 2, y: f.y + C };
       case "left":
-        return { x: f.x, y: f.y + P / 2 };
+        return { x: f.x, y: f.y + C / 2 };
       default:
-        return { x: f.x + w, y: f.y + P / 2 };
+        return { x: f.x + w, y: f.y + C / 2 };
     }
-  }, [m, n, t, e]), E = F((D) => {
+  }, [v, n, t, e]), E = F((B) => {
     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(), L = R();
-    if (!L) return;
-    const w = L.x, P = L.y;
-    (j = g.workerRef.current) == null || j.postMessage({
+    B.stopPropagation(), B.preventDefault();
+    const D = R.current, f = D.cameraRef.current, h = D.wrapRef.current;
+    if (!h) return;
+    const p = h.getBoundingClientRect(), M = k();
+    if (!M) return;
+    const w = M.x, C = M.y;
+    (j = D.workerRef.current) == null || j.postMessage({
       type: "connecting",
-      data: { from: { x: w, y: P }, to: { x: w, y: P } }
-    }), p.setPointerCapture(D.pointerId);
-    const k = (X) => {
+      data: { from: { x: w, y: C }, to: { x: w, y: C } }
+    }), h.setPointerCapture(B.pointerId);
+    const x = (W) => {
       var rt;
-      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({
+      const xt = (W.clientX - p.left - f.x) / f.zoom, K = (W.clientY - p.top - f.y) / f.zoom;
+      (rt = D.workerRef.current) == null || rt.postMessage({
         type: "connecting",
-        data: { from: { x: w, y: P }, to: { x: xt, y: K } }
+        data: { from: { x: w, y: C }, to: { x: xt, y: K } }
       });
-    }, B = (X) => {
+    }, T = (W) => {
       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;
+      const xt = (W.clientX - p.left - f.x) / f.zoom, K = (W.clientY - p.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 = [];
+      const ot = (lt = D.handleRegistryRef) == null ? void 0 : lt.current;
+      for (const it of D.nodesRef.current) {
+        if (it.id === v || it.hidden) continue;
+        const mt = it.width || 160, Nt = it.height || 60, zt = it._absolutePosition || it.position, dt = [];
         if (ot)
           for (const [, Rt] of ot)
             Rt.nodeId === it.id && dt.push(Rt);
@@ -2376,25 +2374,25 @@ function on({
           { type: "source", position: "right" }
         ];
         for (const Rt of ht) {
-          let Nt, gt;
+          let Lt, gt;
           if (Rt.x !== void 0 && Rt.y !== void 0)
-            Nt = zt.x + Rt.x, gt = zt.y + Rt.y;
+            Lt = zt.x + Rt.x, gt = zt.y + Rt.y;
           else
             switch (Rt.position || (Rt.type === "source" ? "right" : "left")) {
               case "top":
-                Nt = zt.x + mt / 2, gt = zt.y;
+                Lt = zt.x + mt / 2, gt = zt.y;
                 break;
               case "bottom":
-                Nt = zt.x + mt / 2, gt = zt.y + Lt;
+                Lt = zt.x + mt / 2, gt = zt.y + Nt;
                 break;
               case "left":
-                Nt = zt.x, gt = zt.y + Lt / 2;
+                Lt = zt.x, gt = zt.y + Nt / 2;
                 break;
               default:
-                Nt = zt.x + mt, gt = zt.y + Lt / 2;
+                Lt = zt.x + mt, gt = zt.y + Nt / 2;
                 break;
             }
-          if (Math.abs(xt - Nt) < rt && Math.abs(K - gt) < rt) {
+          if (Math.abs(xt - Lt) < rt && Math.abs(K - gt) < rt) {
             q = it, G = Rt.id || null;
             break;
           }
@@ -2403,17 +2401,17 @@ function on({
       }
       if (q) {
         const it = {
-          source: t === "source" ? m : q.id,
-          target: t === "source" ? q.id : m,
+          source: t === "source" ? v : q.id,
+          target: t === "source" ? q.id : v,
           sourceHandle: t === "source" ? n || null : G,
           targetHandle: t === "source" ? G : n || null
         };
-        (st = (ut = g.onEdgesChangeRef) == null ? void 0 : ut.current) == null || st.call(ut, [{ type: "add", item: { id: `e-${it.source}-${it.target}`, ...it } }]);
+        (st = (ut = D.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", k), p.removeEventListener("pointerup", B);
+      (It = D.workerRef.current) == null || It.postMessage({ type: "connecting", data: null }), h.removeEventListener("pointermove", x), h.removeEventListener("pointerup", T);
     };
-    p.addEventListener("pointermove", k), p.addEventListener("pointerup", B);
-  }, [m, n, t, e, r, s, R]), _ = {
+    h.addEventListener("pointermove", x), h.addEventListener("pointerup", T);
+  }, [v, n, t, e, r, s, k]), _ = {
     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%)" },
@@ -2425,7 +2423,7 @@ function on({
       ref: z,
       className: `ric-handle ric-handle-${e} ric-handle-${t} ${c}`,
       "data-handleid": n || null,
-      "data-nodeid": m,
+      "data-nodeid": v,
       "data-handlepos": e,
       "data-handletype": t,
       onPointerDown: E,
@@ -2442,7 +2440,7 @@ function on({
         ..._,
         ...u
       },
-      ...y,
+      ...g,
       children: i
     }
   );
@@ -2576,34 +2574,34 @@ function Vn({
   labelBgBorderRadius: c = 2,
   children: u,
   className: l = "",
-  ...y
+  ...g
 }) {
-  const [m, C] = Gt({ x: 1, y: 0, width: 0, height: 0 }), z = tt(null);
+  const [v, N] = Gt({ x: 1, y: 0, width: 0, height: 0 }), z = tt(null);
   return ft(() => {
     if (z.current) {
-      const M = z.current.getBBox();
-      C({
-        x: M.x,
-        y: M.y,
-        width: M.width,
-        height: M.height
+      const R = z.current.getBBox();
+      N({
+        x: R.x,
+        y: R.y,
+        width: R.width,
+        height: R.height
       });
     }
   }, [n]), n ? /* @__PURE__ */ $t(
     "g",
     {
-      transform: `translate(${t - m.width / 2} ${e - m.height / 2})`,
+      transform: `translate(${t - v.width / 2} ${e - v.height / 2})`,
       className: `ric-edge-textwrapper ${l}`,
-      visibility: m.width ? "visible" : "hidden",
-      ...y,
+      visibility: v.width ? "visible" : "hidden",
+      ...g,
       children: [
         s && /* @__PURE__ */ S(
           "rect",
           {
-            width: m.width + 2 * i[0],
+            width: v.width + 2 * i[0],
             x: -i[0],
             y: -i[1],
-            height: m.height + 2 * i[1],
+            height: v.height + 2 * i[1],
             className: "ric-edge-textbg",
             style: o,
             rx: c,
@@ -2614,7 +2612,7 @@ function Vn({
           "text",
           {
             className: "ric-edge-text",
-            y: m.height / 2,
+            y: v.height / 2,
             dy: "0.3em",
             ref: z,
             style: r,
@@ -2642,14 +2640,14 @@ function un({
   labelBgStyle: c,
   labelBgPadding: u,
   labelBgBorderRadius: l,
-  interactionWidth: y = 20,
-  style: m,
-  markerEnd: C,
+  interactionWidth: g = 20,
+  style: v,
+  markerEnd: N,
   markerStart: z,
-  className: M = "",
+  className: R = "",
   ...$
 }) {
-  return /* @__PURE__ */ $t(Ne, { children: [
+  return /* @__PURE__ */ $t(Le, { children: [
     /* @__PURE__ */ S(
       "path",
       {
@@ -2658,20 +2656,20 @@ function un({
         fill: "none",
         stroke: "#b1b1b7",
         strokeWidth: 1.5,
-        className: `ric-edge-path ${M}`,
-        style: m,
-        markerEnd: C,
+        className: `ric-edge-path ${R}`,
+        style: v,
+        markerEnd: N,
         markerStart: z,
         ...$
       }
     ),
-    y ? /* @__PURE__ */ S(
+    g ? /* @__PURE__ */ S(
       "path",
       {
         d: e,
         fill: "none",
         strokeOpacity: 0,
-        strokeWidth: y,
+        strokeWidth: g,
         className: "ric-edge-interaction",
         style: { pointerEvents: "stroke" }
       }
@@ -2716,64 +2714,64 @@ const tr = Zt(function({
   targetPosition: c = "top",
   label: u,
   labelStyle: l,
-  labelShowBg: y,
-  labelBgStyle: m,
-  labelBgPadding: C,
+  labelShowBg: g,
+  labelBgStyle: v,
+  labelBgPadding: N,
   labelBgBorderRadius: z,
-  style: M,
+  style: R,
   markerEnd: $,
-  markerStart: R,
+  markerStart: k,
   interactionWidth: E
 }) {
-  let _, D, g;
-  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;
+  let _, B, D;
+  const f = _n(n, r, i), h = _n(s, o, c), p = Math.abs(h.x - f.x), M = Math.max(50, p * 0.5);
+  let w, C, x, T;
   switch (i) {
     case "left":
-      w = f.x - L, P = f.y;
+      w = f.x - M, C = f.y;
       break;
     case "top":
-      w = f.x, P = f.y - L;
+      w = f.x, C = f.y - M;
       break;
     case "bottom":
-      w = f.x, P = f.y + L;
+      w = f.x, C = f.y + M;
       break;
     default:
-      w = f.x + L, P = f.y;
+      w = f.x + M, C = f.y;
       break;
   }
   switch (c) {
     case "right":
-      k = p.x + L, B = p.y;
+      x = h.x + M, T = h.y;
       break;
     case "top":
-      k = p.x, B = p.y - L;
+      x = h.x, T = h.y - M;
       break;
     case "bottom":
-      k = p.x, B = p.y + L;
+      x = h.x, T = h.y + M;
       break;
     default:
-      k = p.x - L, B = p.y;
+      x = h.x - M, T = h.y;
       break;
   }
-  _ = `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(
+  _ = `M ${n},${r} L ${f.x},${f.y} C ${w},${C} ${x},${T} ${h.x},${h.y} L ${s},${o}`;
+  const j = 0.5, W = 0.5;
+  return B = W * W * W * f.x + 3 * W * W * j * w + 3 * W * j * j * x + j * j * j * h.x, D = W * W * W * f.y + 3 * W * W * j * C + 3 * W * j * j * T + j * j * j * h.y, /* @__PURE__ */ S(
     un,
     {
       id: e,
       path: _,
-      labelX: D,
-      labelY: g,
+      labelX: B,
+      labelY: D,
       label: u,
       labelStyle: l,
-      labelShowBg: y,
-      labelBgStyle: m,
-      labelBgPadding: C,
+      labelShowBg: g,
+      labelBgStyle: v,
+      labelBgPadding: N,
       labelBgBorderRadius: z,
-      style: M,
+      style: R,
       markerEnd: $,
-      markerStart: R,
+      markerStart: k,
       interactionWidth: E
     }
   );
@@ -2792,42 +2790,42 @@ function nr({
   targetPosition: o = "left",
   curvature: i = 0.25
 }) {
-  const c = Math.abs(n - t), u = Math.abs(r - e), l = Math.sqrt(c * c + u * u), y = Math.max(l * i, 50);
-  let m, C, z, M;
+  const c = Math.abs(n - t), u = Math.abs(r - e), l = Math.sqrt(c * c + u * u), g = Math.max(l * i, 50);
+  let v, N, z, R;
   switch (s) {
     case "top":
-      m = t, C = e - y;
+      v = t, N = e - g;
       break;
     case "bottom":
-      m = t, C = e + y;
+      v = t, N = e + g;
       break;
     case "left":
-      m = t - y, C = e;
+      v = t - g, N = e;
       break;
     default:
-      m = t + y, C = e;
+      v = t + g, N = e;
       break;
   }
   switch (o) {
     case "top":
-      z = n, M = r - y;
+      z = n, R = r - g;
       break;
     case "bottom":
-      z = n, M = r + y;
+      z = n, R = r + g;
       break;
     case "right":
-      z = n + y, M = r;
+      z = n + g, R = r;
       break;
     default:
-      z = n - y, M = r;
+      z = n - g, R = r;
       break;
   }
-  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];
+  const $ = `M ${t},${e} C ${v},${N} ${z},${R} ${n},${r}`, k = 0.5, E = 1 - k, _ = E * E * E * t + 3 * E * E * k * v + 3 * E * k * k * z + k * k * k * n, B = E * E * E * e + 3 * E * E * k * N + 3 * E * k * k * R + k * k * k * r;
+  return [$, _, B, 0, 0];
 }
 function rr({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
-  const s = Math.abs(n - t), o = Math.max(s * 0.5, 50), i = t + o, c = n - o, u = `M ${t},${e} C ${i},${e} ${c},${r} ${n},${r}`, l = 0.5, y = 0.5, m = y * y * y * t + 3 * y * y * l * i + 3 * y * l * l * c + l * l * l * n, C = y * y * y * e + 3 * y * y * l * e + 3 * y * l * l * r + l * l * l * r;
-  return [u, m, C, 0, 0];
+  const s = Math.abs(n - t), o = Math.max(s * 0.5, 50), i = t + o, c = n - o, u = `M ${t},${e} C ${i},${e} ${c},${r} ${n},${r}`, l = 0.5, g = 0.5, v = g * g * g * t + 3 * g * g * l * i + 3 * g * l * l * c + l * l * l * n, N = g * g * g * e + 3 * g * g * l * e + 3 * g * l * l * r + l * l * l * r;
+  return [u, v, N, 0, 0];
 }
 function kn({
   sourceX: t,
@@ -2843,11 +2841,11 @@ function kn({
   if (u) {
     if (Math.abs(r - e) < 1)
       return [`M ${t},${e} L ${n},${r}`, (t + n) / 2, e, 0, 0];
-    const z = (t + n) / 2, M = r > e ? 1 : -1;
-    return [`M ${t},${e} L ${z - l},${e} Q ${z},${e} ${z},${e + M * l} L ${z},${r - M * l} Q ${z},${r} ${z + (n > z ? l : -l)},${r} L ${n},${r}`, z, (e + r) / 2, 0, 0];
+    const z = (t + n) / 2, R = r > e ? 1 : -1;
+    return [`M ${t},${e} L ${z - l},${e} Q ${z},${e} ${z},${e + R * l} L ${z},${r - R * l} Q ${z},${r} ${z + (n > z ? l : -l)},${r} L ${n},${r}`, z, (e + r) / 2, 0, 0];
   }
-  const y = (e + r) / 2, m = n > t ? 1 : -1;
-  return [`M ${t},${e} L ${t},${y - l} Q ${t},${y} ${t + m * l},${y} L ${n - m * l},${y} Q ${n},${y} ${n},${y + (r > y ? l : -l)} L ${n},${r}`, (t + n) / 2, y, 0, 0];
+  const g = (e + r) / 2, v = n > t ? 1 : -1;
+  return [`M ${t},${e} L ${t},${g - l} Q ${t},${g} ${t + v * l},${g} L ${n - v * l},${g} Q ${n},${g} ${n},${g + (r > g ? l : -l)} L ${n},${r}`, (t + n) / 2, g, 0, 0];
 }
 function zo({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
   const [, s, o] = nr({ sourceX: t, sourceY: e, targetX: n, targetY: r });
@@ -2905,20 +2903,20 @@ function ln(t, e) {
   }
 }
 function Yr(t, e, n, r, s, o, i, c) {
-  const u = Math.min(t, n), l = Math.max(t, n), y = Math.min(e, r), m = Math.max(e, r);
-  if (l <= s || u >= s + i || m <= o || y >= o + c) return !1;
-  const C = 0.5;
-  if (t > s + C && t < s + i - C && e > o + C && e < o + c - C || n > s + C && n < s + i - C && r > o + C && r < o + c - C) return !0;
-  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 u = Math.min(t, n), l = Math.max(t, n), g = Math.min(e, r), v = Math.max(e, r);
+  if (l <= s || u >= s + i || v <= o || g >= o + c) return !1;
+  const N = 0.5;
+  if (t > s + N && t < s + i - N && e > o + N && e < o + c - N || n > s + N && n < s + i - N && r > o + N && r < o + c - N) return !0;
+  const z = (t + n) / 2, R = (e + r) / 2;
+  if (z > s + N && z < s + i - N && R > o + N && R < o + c - N) return !0;
   const $ = [[s, o], [s + i, o], [s + i, o + c], [s, o + c]];
-  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;
+  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;
   return !1;
 }
 function Ur(t, e, n, r, s, o, i, c) {
-  const u = (i - s) * (e - o) - (c - o) * (t - s), l = (i - s) * (r - o) - (c - o) * (n - s), y = (n - t) * (o - e) - (r - e) * (s - t), m = (n - t) * (c - e) - (r - e) * (i - t);
-  return (u > 0 && l < 0 || u < 0 && l > 0) && (y > 0 && m < 0 || y < 0 && m > 0);
+  const u = (i - s) * (e - o) - (c - o) * (t - s), l = (i - s) * (r - o) - (c - o) * (n - s), g = (n - t) * (o - e) - (r - e) * (s - t), v = (n - t) * (c - e) - (r - e) * (i - t);
+  return (u > 0 && l < 0 || u < 0 && l > 0) && (g > 0 && v < 0 || g < 0 && v > 0);
 }
 function zn(t, e, n, r, s) {
   for (let o = 0; o < s.length; o++) {
@@ -2958,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 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);
+  for (let x = 0; x < n.length; x++) {
+    const T = n[x];
+    r.add(T.x), r.add(T.x + T.w), s.add(T.y), s.add(T.y + T.h);
   }
-  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 i = [...r].sort((x, T) => x - T), c = [...s].sort((x, T) => x - T), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  for (let x = 0; x < i.length; x++) u.set(i[x], x);
+  for (let x = 0; x < c.length; x++) l.set(c[x], x);
+  const g = i.length, v = c.length, N = (x, T) => T * g + x, z = u.get(t.x), R = l.get(t.y), $ = u.get(e.x), k = l.get(e.y);
+  if (z === void 0 || R === void 0 || $ === void 0 || k === void 0) return null;
+  const E = N(z, R), _ = N($, k), B = new Float64Array(g * v).fill(1 / 0), D = new Float64Array(g * v).fill(1 / 0), f = new Int32Array(g * v).fill(-1), h = new Int8Array(g * v).fill(-1), p = new Uint8Array(g * v);
+  B[E] = 0, D[E] = Math.abs(i[$] - t.x) + Math.abs(c[k] - t.y);
+  const M = [E], w = 15, C = [[1, 0], [-1, 0], [0, 1], [0, -1]];
+  for (; M.length > 0; ) {
+    let x = 0;
+    for (let q = 1; q < M.length; q++)
+      D[M[q]] < D[M[x]] && (x = q);
+    const T = M[x];
+    if (M[x] = M[M.length - 1], M.pop(), T === _) {
       const q = [];
       let G = _;
       for (; G !== -1 && G !== E; ) {
-        const ot = G / y | 0, lt = G % y;
+        const ot = G / g | 0, lt = G % g;
         q.unshift({ x: i[lt], y: c[ot] }), G = f[G];
       }
       return q.unshift({ x: t.x, y: t.y }), jr(q, n);
     }
-    if (v[B]) continue;
-    v[B] = 1;
-    const j = B / y | 0, X = B % y, xt = i[X], K = c[j], rt = p[B];
+    if (p[T]) continue;
+    p[T] = 1;
+    const j = T / g | 0, W = T % g, xt = i[W], K = c[j], rt = h[T];
     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 G = W + C[q][0], ot = j + C[q][1];
+      if (G < 0 || G >= g || ot < 0 || ot >= v) continue;
+      const lt = N(G, ot);
+      if (p[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));
+      const It = Math.abs(ut - xt) + Math.abs(st - K), it = rt >= 0 && rt !== q ? w : 0, mt = B[T] + It + it;
+      mt < B[lt] && (f[lt] = T, h[lt] = q, B[lt] = mt, D[lt] = mt + Math.abs(i[$] - ut) + Math.abs(c[k] - st), M.push(lt));
     }
   }
   return null;
@@ -3035,8 +3033,8 @@ function Gr(t) {
       if (i.length < 2) continue;
       const c = (i.length - 1) * nn / 2;
       for (let u = 0; u < i.length; u++) {
-        const l = i[u], y = -c + u * nn, m = r.get(l.edgeId);
-        m && (m[l.segIdx].y += y, m[l.segIdx + 1].y += y);
+        const l = i[u], g = -c + u * nn, v = r.get(l.edgeId);
+        v && (v[l.segIdx].y += g, v[l.segIdx + 1].y += g);
       }
     }
   }
@@ -3047,8 +3045,8 @@ function Gr(t) {
       if (i.length < 2) continue;
       const c = (i.length - 1) * nn / 2;
       for (let u = 0; u < i.length; u++) {
-        const l = i[u], y = -c + u * nn, m = r.get(l.edgeId);
-        m && (m[l.segIdx].x += y, m[l.segIdx + 1].x += y);
+        const l = i[u], g = -c + u * nn, v = r.get(l.edgeId);
+        v && (v[l.segIdx].x += g, v[l.segIdx + 1].x += g);
       }
     }
   }
@@ -3073,10 +3071,10 @@ function En(t, e = 6, n = !1) {
   const r = e;
   let s = `M ${t[0].x},${t[0].y}`;
   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, 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}`;
+    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), g = Math.abs(u.x - c.x) + Math.abs(u.y - c.y), v = Math.min(r, l / 2, g / 2);
+    if (v > 0.5) {
+      const N = c.x - i.x, z = c.y - i.y, R = u.x - c.x, $ = u.y - c.y, k = Math.sqrt(N * N + z * z) || 1, E = Math.sqrt(R * R + $ * $) || 1;
+      s += ` L ${c.x - N / k * v},${c.y - z / k * v}`, s += ` Q ${c.x},${c.y} ${c.x + R / E * v},${c.y + $ / E * v}`;
     } else
       s += ` L ${c.x},${c.y}`;
   }
@@ -3090,8 +3088,8 @@ function Zr(t) {
   const e = 0.3;
   let n = `M ${t[0].x},${t[0].y}`;
   for (let r = 0; r < t.length - 1; r++) {
-    const s = t[r === 0 ? 0 : r - 1], o = t[r], i = t[r + 1], c = t[r + 2 < t.length ? r + 2 : t.length - 1], u = o.x + (i.x - s.x) * e, l = o.y + (i.y - s.y) * e, y = i.x - (c.x - o.x) * e, m = i.y - (c.y - o.y) * e;
-    n += ` C ${u},${l} ${y},${m} ${i.x},${i.y}`;
+    const s = t[r === 0 ? 0 : r - 1], o = t[r], i = t[r + 1], c = t[r + 2 < t.length ? r + 2 : t.length - 1], u = o.x + (i.x - s.x) * e, l = o.y + (i.y - s.y) * e, g = i.x - (c.x - o.x) * e, v = i.y - (c.y - o.y) * e;
+    n += ` C ${u},${l} ${g},${v} ${i.x},${i.y}`;
   }
   return n;
 }
@@ -3114,30 +3112,30 @@ function Cn(t) {
   }
   return { x: t[0].x, y: t[0].y };
 }
-function Lo(t, e) {
+function No(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, L, w;
+    var h, p, M, 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, 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;
+    const l = Wn(c, "source", o.sourceHandle), g = Wn(u, "target", o.targetHandle), v = ln(l, cn), N = ln(g, cn), z = 5, R = r.filter((C) => C.id !== o.source && C.id !== o.target), $ = c._absolutePosition || c.position, k = c.width || ((h = c.measured) == null ? void 0 : h.width) || sn, E = c.height || ((p = c.measured) == null ? void 0 : p.height) || an;
+    R.push({ id: o.source, x: $.x - z, y: $.y - z, w: k + 2 * z, h: E + 2 * z });
+    const _ = u._absolutePosition || u.position, B = u.width || ((M = u.measured) == null ? void 0 : M.width) || sn, D = u.height || ((w = u.measured) == null ? void 0 : w.height) || an;
+    if (R.push({ id: o.target, x: _.x - z, y: _.y - z, w: B + 2 * z, h: D + 2 * z }), R.length === 0) return o;
+    const f = sr(v, N, R);
+    return f && f.length >= 2 ? (f.unshift({ x: l.x, y: l.y }), f.push({ x: g.x, y: g.y }), { ...o, _routedPoints: f }) : o;
   });
   return Gr(s);
 }
-function No(t, e, n, r, s, o, i, c) {
+function Lo(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);
-  return z && z.length >= 2 ? (z.unshift({ x: l.x, y: l.y }), z.push({ x: y.x, y: y.y }), z) : null;
+  const l = { x: t, y: e, dir: s || "right" }, g = { x: n, y: r, dir: o || "left" }, v = ln(l, cn), N = ln(g, cn), z = sr(v, N, u);
+  return z && z.length >= 2 ? (z.unshift({ x: l.x, y: l.y }), z.push({ x: g.x, y: g.y }), z) : null;
 }
 const ir = Zt(function({
   id: e,
@@ -3149,37 +3147,37 @@ const ir = Zt(function({
   labelStyle: c,
   labelShowBg: u,
   labelBgStyle: l,
-  labelBgPadding: y,
-  labelBgBorderRadius: m,
-  style: C,
+  labelBgPadding: g,
+  labelBgBorderRadius: v,
+  style: N,
   markerEnd: z,
-  markerStart: M,
+  markerStart: R,
   interactionWidth: $,
-  routedPoints: R
+  routedPoints: k
 }) {
-  let E, _, D;
-  if (R && R.length >= 2) {
-    E = En(R);
-    const g = Cn(R);
-    _ = g.x, D = g.y;
+  let E, _, B;
+  if (k && k.length >= 2) {
+    E = En(k);
+    const D = Cn(k);
+    _ = D.x, B = D.y;
   } else
-    [E, _, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
+    [E, _, B] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
   return /* @__PURE__ */ S(
     un,
     {
       id: e,
       path: E,
       labelX: _,
-      labelY: D,
+      labelY: B,
       label: i,
       labelStyle: c,
       labelShowBg: u,
       labelBgStyle: l,
-      labelBgPadding: y,
-      labelBgBorderRadius: m,
-      style: C,
+      labelBgPadding: g,
+      labelBgBorderRadius: v,
+      style: N,
       markerEnd: z,
-      markerStart: M,
+      markerStart: R,
       interactionWidth: $
     }
   );
@@ -3195,24 +3193,24 @@ const ar = Zt(function({
   targetPosition: c = "top",
   label: u,
   labelStyle: l,
-  labelShowBg: y,
-  labelBgStyle: m,
-  labelBgPadding: C,
+  labelShowBg: g,
+  labelBgStyle: v,
+  labelBgPadding: N,
   labelBgBorderRadius: z,
-  style: M,
+  style: R,
   markerEnd: $,
-  markerStart: R,
+  markerStart: k,
   pathOptions: E,
   interactionWidth: _,
-  routedPoints: D
+  routedPoints: B
 }) {
-  let g, f, p;
-  if (D && D.length >= 2) {
-    g = En(D);
-    const v = Cn(D);
-    f = v.x, p = v.y;
+  let D, f, h;
+  if (B && B.length >= 2) {
+    D = En(B);
+    const p = Cn(B);
+    f = p.x, h = p.y;
   } else
-    [g, f, p] = kn({
+    [D, f, h] = kn({
       sourceX: n,
       sourceY: r,
       sourcePosition: i,
@@ -3226,18 +3224,18 @@ const ar = Zt(function({
     un,
     {
       id: e,
-      path: g,
+      path: D,
       labelX: f,
-      labelY: p,
+      labelY: h,
       label: u,
       labelStyle: l,
-      labelShowBg: y,
-      labelBgStyle: m,
-      labelBgPadding: C,
+      labelShowBg: g,
+      labelBgStyle: v,
+      labelBgPadding: N,
       labelBgBorderRadius: z,
-      style: M,
+      style: R,
       markerEnd: $,
-      markerStart: R,
+      markerStart: k,
       interactionWidth: _
     }
   );
@@ -3265,23 +3263,23 @@ const cr = Zt(function({
   targetPosition: c,
   label: u,
   labelStyle: l,
-  labelShowBg: y,
-  labelBgStyle: m,
-  labelBgPadding: C,
+  labelShowBg: g,
+  labelBgStyle: v,
+  labelBgPadding: N,
   labelBgBorderRadius: z,
-  style: M,
+  style: R,
   markerEnd: $,
-  markerStart: R,
+  markerStart: k,
   interactionWidth: E,
   routedPoints: _
 }) {
-  let D, g, f;
+  let B, D, f;
   if (_ && _.length >= 2) {
-    D = En(_);
-    const p = Cn(_);
-    g = p.x, f = p.y;
+    B = En(_);
+    const h = Cn(_);
+    D = h.x, f = h.y;
   } else
-    [D, g, f] = rr({
+    [B, D, f] = rr({
       sourceX: n,
       sourceY: r,
       targetX: s,
@@ -3291,18 +3289,18 @@ const cr = Zt(function({
     un,
     {
       id: e,
-      path: D,
-      labelX: g,
+      path: B,
+      labelX: D,
       labelY: f,
       label: u,
       labelStyle: l,
-      labelShowBg: y,
-      labelBgStyle: m,
-      labelBgPadding: C,
+      labelShowBg: g,
+      labelBgStyle: v,
+      labelBgPadding: N,
       labelBgBorderRadius: z,
-      style: M,
+      style: R,
       markerEnd: $,
-      markerStart: R,
+      markerStart: k,
       interactionWidth: E
     }
   );
@@ -3332,29 +3330,29 @@ function Io({
   width: c = "100%",
   height: u = "420px",
   className: l = "",
-  style: y = {},
+  style: g = {},
   // Zoom/Camera
-  zoomMin: m,
-  zoomMax: C,
+  zoomMin: v,
+  zoomMax: N,
   initialCamera: z,
-  fitView: M,
+  fitView: R,
   fitViewOptions: $,
   // Node/Edge callbacks
-  onNodesChange: R,
+  onNodesChange: k,
   onEdgesChange: E,
   onConnect: _,
-  onConnectStart: D,
-  onConnectEnd: g,
+  onConnectStart: B,
+  onConnectEnd: D,
   onNodeClick: f,
-  onNodeDoubleClick: p,
-  onNodeMouseEnter: v,
-  onNodeMouseMove: L,
+  onNodeDoubleClick: h,
+  onNodeMouseEnter: p,
+  onNodeMouseMove: M,
   onNodeMouseLeave: w,
-  onNodeContextMenu: P,
-  onNodeDragStart: k,
-  onNodeDrag: B,
+  onNodeContextMenu: C,
+  onNodeDragStart: x,
+  onNodeDrag: T,
   onNodeDragStop: j,
-  onEdgeClick: X,
+  onEdgeClick: W,
   onEdgeDoubleClick: xt,
   onEdgeMouseEnter: K,
   onEdgeMouseMove: rt,
@@ -3367,12 +3365,12 @@ function Io({
   onPaneMouseLeave: It,
   onSelectionChange: it,
   onInit: mt,
-  onMoveStart: Lt,
+  onMoveStart: Nt,
   onMove: zt,
   onMoveEnd: dt,
   onDelete: ht,
   onBeforeDelete: Rt,
-  onError: Nt,
+  onError: Lt,
   // Drag and drop
   onDragOver: gt,
   onDrop: ne,
@@ -3398,7 +3396,7 @@ function Io({
   panOnScrollMode: dn,
   panOnScrollSpeed: fn,
   zoomOnScroll: Qt,
-  zoomOnDoubleClick: Ln,
+  zoomOnDoubleClick: Nn,
   zoomOnPinch: hn,
   preventScrolling: fe,
   translateExtent: vt,
@@ -3439,34 +3437,34 @@ function Io({
     onPointerMove: He,
     onPointerUp: _e,
     store: le
-  } = Nr({
+  } = Lr({
     cards: t,
     nodes: O,
     edges: bt,
     dark: o,
     gridSize: i,
-    zoomMin: m,
-    zoomMax: C,
+    zoomMin: v,
+    zoomMax: N,
     initialCamera: z,
-    fitView: M,
+    fitView: R,
     fitViewOptions: $,
     onHudUpdate: Ve,
     onNodesProcessed: gn,
-    onNodesChange: R,
+    onNodesChange: k,
     onEdgesChange: E,
     onConnect: _,
-    onConnectStart: D,
-    onConnectEnd: g,
+    onConnectStart: B,
+    onConnectEnd: D,
     onNodeClick: f,
-    onNodeDoubleClick: p,
-    onNodeMouseEnter: v,
-    onNodeMouseMove: L,
+    onNodeDoubleClick: h,
+    onNodeMouseEnter: p,
+    onNodeMouseMove: M,
     onNodeMouseLeave: w,
-    onNodeContextMenu: P,
-    onNodeDragStart: k,
-    onNodeDrag: B,
+    onNodeContextMenu: C,
+    onNodeDragStart: x,
+    onNodeDrag: T,
     onNodeDragStop: j,
-    onEdgeClick: X,
+    onEdgeClick: W,
     onEdgeDoubleClick: xt,
     onEdgeMouseEnter: K,
     onEdgeMouseMove: rt,
@@ -3479,12 +3477,12 @@ function Io({
     onPaneMouseLeave: It,
     onSelectionChange: it,
     onInit: mt,
-    onMoveStart: Lt,
+    onMoveStart: Nt,
     onMove: zt,
     onMoveEnd: dt,
     onDelete: ht,
     onBeforeDelete: Rt,
-    onError: Nt,
+    onError: Lt,
     nodesDraggable: Ot,
     nodesConnectable: Yt,
     elementsSelectable: me,
@@ -3504,7 +3502,7 @@ function Io({
     panOnScrollMode: dn,
     panOnScrollSpeed: fn,
     zoomOnScroll: Qt,
-    zoomOnDoubleClick: Ln,
+    zoomOnDoubleClick: Nn,
     zoomOnPinch: hn,
     preventScrolling: fe,
     translateExtent: vt,
@@ -3541,7 +3539,7 @@ function Io({
     {
       ref: Dt,
       className: `ric-wrap ${l}`,
-      style: { width: c, height: u, ...y },
+      style: { width: c, height: u, ...g },
       onPointerDown: Ae,
       onPointerMove: He,
       onPointerUp: _e,
@@ -3650,11 +3648,11 @@ function Io({
           ")   zoom: ",
           Ut.zoom,
           "x",
-          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Ne, { children: [
+          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   nodes: ",
             Ut.nodeCount
           ] }),
-          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Ne, { children: [
+          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   edges: ",
             Ut.edgeCount
           ] })
@@ -3747,97 +3745,103 @@ function So(t) {
   return [e, n, r];
 }
 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, L;
-    if (typeof g == "function") {
-      const w = g(t.nodesRef.current);
-      (p = (f = t.onNodesChangeRef).current) == null || p.call(f, [
-        ...t.nodesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...w.map((P) => ({ type: "add", item: P }))
+  const t = yt(), e = F(() => [...t.nodesRef.current], [t]), n = F(() => [...t.edgesRef.current], [t]), r = F((f) => t.nodesRef.current.find((h) => h.id === f), [t]), s = F((f) => t.edgesRef.current.find((h) => h.id === f), [t]), o = F((f) => {
+    var h, p, M, w;
+    if (typeof f == "function") {
+      const C = f(t.nodesRef.current);
+      (p = (h = t.onNodesChangeRef).current) == null || p.call(h, [
+        ...t.nodesRef.current.map((x) => ({ id: x.id, type: "remove" })),
+        ...C.map((x) => ({ type: "add", item: x }))
       ]);
     } else
-      (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 }))
+      (w = (M = t.onNodesChangeRef).current) == null || w.call(M, [
+        ...t.nodesRef.current.map((C) => ({ id: C.id, type: "remove" })),
+        ...f.map((C) => ({ type: "add", item: C }))
       ]);
-  }, [t]), i = F((g) => {
-    var f, p, v, L;
-    if (typeof g == "function") {
-      const w = g(t.edgesRef.current);
-      (p = (f = t.onEdgesChangeRef).current) == null || p.call(f, [
-        ...t.edgesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...w.map((P) => ({ type: "add", item: P }))
+  }, [t]), i = F((f) => {
+    var h, p, M, w;
+    if (typeof f == "function") {
+      const C = f(t.edgesRef.current);
+      (p = (h = t.onEdgesChangeRef).current) == null || p.call(h, [
+        ...t.edgesRef.current.map((x) => ({ id: x.id, type: "remove" })),
+        ...C.map((x) => ({ type: "add", item: x }))
       ]);
     } else
-      (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 }))
+      (w = (M = t.onEdgesChangeRef).current) == null || w.call(M, [
+        ...t.edgesRef.current.map((C) => ({ id: C.id, type: "remove" })),
+        ...f.map((C) => ({ type: "add", item: C }))
       ]);
-  }, [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((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((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" })));
-      const p = zr(g, t.edgesRef.current);
-      p.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(p.map((v) => ({ id: v.id, type: "remove" })));
+  }, [t]), c = F((f) => {
+    var p, M;
+    const h = Array.isArray(f) ? f : [f];
+    (M = (p = t.onNodesChangeRef).current) == null || M.call(p, h.map((w) => ({ type: "add", item: w })));
+  }, [t]), u = F((f) => {
+    var p, M;
+    const h = Array.isArray(f) ? f : [f];
+    (M = (p = t.onEdgesChangeRef).current) == null || M.call(p, h.map((w) => ({ type: "add", item: w })));
+  }, [t]), l = F(({ nodes: f = [], edges: h = [] }) => {
+    if (f.length && t.onNodesChangeRef.current) {
+      t.onNodesChangeRef.current(f.map((M) => ({ id: M.id, type: "remove" })));
+      const p = zr(f, t.edgesRef.current);
+      p.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(p.map((M) => ({ id: M.id, type: "remove" })));
     }
-    f.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(f.map((p) => ({ id: p.id, type: "remove" })));
-  }, [t]), y = F(() => {
-    const g = t.cameraRef.current;
-    return { x: g.x, y: g.y, zoom: g.zoom };
-  }, [t]), m = F((g, f) => {
+    h.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(h.map((p) => ({ id: p.id, type: "remove" })));
+  }, [t]), g = F(() => {
+    const f = t.cameraRef.current;
+    return { x: f.x, y: f.y, zoom: f.zoom };
+  }, [t]), v = F((f, h) => {
     t.cameraRef.current = {
-      x: g.x ?? t.cameraRef.current.x,
-      y: g.y ?? t.cameraRef.current.y,
-      zoom: g.zoom ?? t.cameraRef.current.zoom
+      x: f.x ?? t.cameraRef.current.x,
+      y: f.y ?? t.cameraRef.current.y,
+      zoom: f.zoom ?? t.cameraRef.current.zoom
     }, t.sendCamera();
-  }, [t]), C = F(() => t.cameraRef.current.zoom, [t]), z = F((g) => {
-    const f = t.cameraRef.current, p = t.wrapRef.current;
+  }, [t]), N = F(() => t.cameraRef.current.zoom, [t]), z = F((f) => {
+    const h = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    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;
+    const M = p.getBoundingClientRect(), w = M.width / 2, C = M.height / 2, x = 1.2;
+    h.x = w - (w - h.x) * x, h.y = C - (C - h.y) * x, h.zoom = Math.min(t.zoomMax, h.zoom * x), t.sendCamera();
+  }, [t]), R = F((f) => {
+    const h = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    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;
+    const M = p.getBoundingClientRect(), w = M.width / 2, C = M.height / 2, x = 1 / 1.2;
+    h.x = w - (w - h.x) * x, h.y = C - (C - h.y) * x, h.zoom = Math.max(t.zoomMin, h.zoom * x), t.sendCamera();
+  }, [t]), $ = F((f) => {
+    const h = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    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 M = p.getBoundingClientRect(), w = M.width / 2, C = M.height / 2, x = f / h.zoom;
+    h.x = w - (w - h.x) * x, h.y = C - (C - h.y) * x, h.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, f)), t.sendCamera();
+  }, [t]), k = F((f = {}) => {
+    const h = t.nodesRef.current;
+    if (!h.length) return;
     const p = t.wrapRef.current;
     if (!p) return;
-    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), 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 L = v.getBoundingClientRect(), w = p.zoom ?? t.cameraRef.current.zoom;
+    const M = p.getBoundingClientRect(), w = f.padding ?? 0.1, C = f.nodes ? h.filter((j) => f.nodes.some((W) => W.id === j.id)) : h;
+    if (!C.length) return;
+    const x = Mn(C), T = Rn(x, M.width, M.height, w);
+    f.maxZoom && (T.zoom = Math.min(T.zoom, f.maxZoom)), f.minZoom && (T.zoom = Math.max(T.zoom, f.minZoom)), t.cameraRef.current = T, t.sendCamera();
+  }, [t]), E = F((f, h, p = {}) => {
+    const M = t.wrapRef.current;
+    if (!M) return;
+    const w = M.getBoundingClientRect(), C = p.zoom ?? t.cameraRef.current.zoom;
     t.cameraRef.current = {
-      x: L.width / 2 - g * w,
-      y: L.height / 2 - f * w,
-      zoom: w
+      x: w.width / 2 - f * C,
+      y: w.height / 2 - h * C,
+      zoom: C
     }, t.sendCamera();
-  }, [t]), _ = F((g) => t.screenToWorld(g.x, g.y), [t]), D = F((g) => {
-    const f = t.cameraRef.current, p = t.wrapRef.current;
+  }, [t]), _ = F((f) => t.screenToWorld(f.x, f.y), [t]), B = F((f) => {
+    const h = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return { x: 0, y: 0 };
-    const v = p.getBoundingClientRect();
+    const M = p.getBoundingClientRect();
     return {
-      x: g.x * f.zoom + f.x + v.left,
-      y: g.y * f.zoom + f.y + v.top
+      x: f.x * h.zoom + h.x + M.left,
+      y: f.y * h.zoom + h.y + M.top
     };
+  }, [t]), D = F((f, h) => {
+    var w, C;
+    const p = t.nodesRef.current.find((x) => x.id === f);
+    if (!p) return;
+    const M = typeof h == "function" ? h(p.data) : { ...p.data, ...h };
+    (C = (w = t.onNodesChangeRef).current) == null || C.call(w, [{ id: f, type: "replace", item: { ...p, data: M } }]);
   }, [t]);
   return {
     getNodes: e,
@@ -3849,16 +3853,17 @@ function eo() {
     addNodes: c,
     addEdges: u,
     deleteElements: l,
-    getViewport: y,
-    setViewport: m,
-    getZoom: C,
+    getViewport: g,
+    setViewport: v,
+    getZoom: N,
     zoomIn: z,
-    zoomOut: M,
+    zoomOut: R,
     zoomTo: $,
-    fitView: R,
+    fitView: k,
     setCenter: E,
     screenToFlowPosition: _,
-    flowToScreenPosition: D
+    flowToScreenPosition: B,
+    updateNodeData: D
   };
 }
 function Bo() {
@@ -3969,52 +3974,52 @@ function Qo({
   style: o = {},
   className: i = ""
 }) {
-  const c = yt(), u = tt(null), l = tt(null), y = F(() => {
-    const m = u.current;
-    if (!m) return;
-    const C = m.getContext("2d"), z = window.devicePixelRatio || 1;
-    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, 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 c = yt(), u = tt(null), l = tt(null), g = F(() => {
+    const v = u.current;
+    if (!v) return;
+    const N = v.getContext("2d"), z = window.devicePixelRatio || 1;
+    v.width = t * z, v.height = e * z, N.scale(z, z), N.clearRect(0, 0, t, e);
+    const R = c.nodesRef.current;
+    if (!R.length) return;
+    let $ = 1 / 0, k = 1 / 0, E = -1 / 0, _ = -1 / 0;
+    for (const x of R) {
+      const T = x.width || wn, j = x.height || bn;
+      x.position.x < $ && ($ = x.position.x), x.position.y < k && (k = x.position.y), x.position.x + T > E && (E = x.position.x + T), x.position.y + j > _ && (_ = x.position.y + j);
     }
-    const D = 40;
-    $ -= 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 B = 40;
+    $ -= B, k -= B, E += B, _ += B;
+    const D = E - $, f = _ - k, h = Math.min(t / D, e / f), p = (t - D * h) / 2, M = (e - f * h) / 2;
+    for (const x of R) {
+      if (x.hidden) continue;
+      const T = x.width || wn, j = x.height || bn, W = (x.position.x - $) * h + p, xt = (x.position.y - k) * h + M, K = T * h, rt = j * h;
+      N.fillStyle = x.selected ? "#f59e0b" : typeof n == "function" ? n(x) : n, N.fillRect(W, xt, Math.max(K, 2), Math.max(rt, 2));
     }
-    const w = c.cameraRef.current, P = c.wrapRef.current;
-    if (P) {
-      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 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) {
+    const w = c.cameraRef.current, C = c.wrapRef.current;
+    if (C) {
+      const x = C.getBoundingClientRect(), T = -w.x / w.zoom, j = -w.y / w.zoom, W = x.width / w.zoom, xt = x.height / w.zoom;
+      N.fillStyle = s, N.fillRect(0, 0, t, e);
+      const K = (T - $) * h + p, rt = (j - k) * h + M, q = W * h, G = xt * h;
+      N.clearRect(K, rt, q, G);
+      for (const ot of R) {
         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));
+        const lt = ot.width || wn, ut = ot.height || bn, st = (ot.position.x - $) * h + p, It = (ot.position.y - k) * h + M;
+        N.fillStyle = ot.selected ? "#f59e0b" : typeof n == "function" ? n(ot) : n, N.fillRect(st, It, Math.max(lt * h, 2), Math.max(ut * h, 2));
       }
-      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(K, rt, q, G);
+      N.strokeStyle = "#3b82f6", N.lineWidth = 1.5, N.strokeRect(K, rt, q, G);
     }
   }, [c, t, e, n, r, s]);
   return ft(() => {
-    let m = !0;
-    function C() {
-      m && (y(), l.current = requestAnimationFrame(C));
+    let v = !0;
+    function N() {
+      v && (g(), l.current = requestAnimationFrame(N));
     }
     const z = setInterval(() => {
-      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(C);
+      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(N);
     }, 66);
-    return y(), () => {
-      m = !1, clearInterval(z), cancelAnimationFrame(l.current);
+    return g(), () => {
+      v = !1, clearInterval(z), cancelAnimationFrame(l.current);
     };
-  }, [y]), /* @__PURE__ */ S(
+  }, [g]), /* @__PURE__ */ S(
     "canvas",
     {
       ref: u,
@@ -4080,21 +4085,21 @@ function ao({
   onInteractiveChange: c,
   position: u = "bottom-left",
   orientation: l = "vertical",
-  style: y = {},
-  className: m = "",
-  "aria-label": C = "Canvas controls",
+  style: g = {},
+  className: v = "",
+  "aria-label": N = "Canvas controls",
   children: z
 }) {
-  const M = yt(), { zoomIn: $, zoomOut: R, fitView: E, getZoom: _ } = eo(), [D, g] = Gt(!0), f = _() <= M.zoomMin, p = _() >= M.zoomMax, v = F(() => {
+  const R = yt(), { zoomIn: $, zoomOut: k, fitView: E, getZoom: _ } = eo(), [B, D] = Gt(!0), f = _() <= R.zoomMin, h = _() >= R.zoomMax, p = F(() => {
     $(), s == null || s();
-  }, [$, s]), L = F(() => {
-    R(), o == null || o();
-  }, [R, o]), w = F(() => {
+  }, [$, s]), M = F(() => {
+    k(), o == null || o();
+  }, [k, 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]), k = {
+  }, [E, r, i]), C = F(() => {
+    const T = !B;
+    D(T), c == null || c(T);
+  }, [B, c]), x = {
     "top-left": { top: 10, left: 10 },
     "top-right": { top: 10, right: 10 },
     "top-center": { top: 10, left: "50%", transform: "translateX(-50%)" },
@@ -4105,25 +4110,25 @@ function ao({
   return /* @__PURE__ */ $t(
     "div",
     {
-      className: `ric-controls ${m}`,
+      className: `ric-controls ${v}`,
       style: {
         position: "absolute",
         display: "flex",
         flexDirection: l === "horizontal" ? "row" : "column",
         gap: 2,
         zIndex: 5,
-        ...k,
-        ...y
+        ...x,
+        ...g
       },
       role: "toolbar",
-      "aria-label": C,
+      "aria-label": N,
       children: [
-        t && /* @__PURE__ */ $t(Ne, { children: [
+        t && /* @__PURE__ */ $t(Le, { children: [
           /* @__PURE__ */ S(
             rn,
             {
-              onClick: v,
-              disabled: p,
+              onClick: p,
+              disabled: h,
               title: "Zoom in",
               "aria-label": "Zoom in",
               className: "ric-controls-zoomin",
@@ -4133,7 +4138,7 @@ function ao({
           /* @__PURE__ */ S(
             rn,
             {
-              onClick: L,
+              onClick: M,
               disabled: f,
               title: "Zoom out",
               "aria-label": "Zoom out",
@@ -4155,11 +4160,11 @@ function ao({
         n && /* @__PURE__ */ S(
           rn,
           {
-            onClick: P,
-            title: D ? "Lock interactivity" : "Unlock interactivity",
-            "aria-label": D ? "Lock interactivity" : "Unlock interactivity",
+            onClick: C,
+            title: B ? "Lock interactivity" : "Unlock interactivity",
+            "aria-label": B ? "Lock interactivity" : "Unlock interactivity",
             className: "ric-controls-interactive",
-            children: D ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
+            children: B ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
           }
         ),
         z
@@ -4237,34 +4242,34 @@ function ts({
   color: c = "#3b82f6",
   onResizeStart: u,
   onResize: l,
-  onResizeEnd: y
+  onResizeEnd: g
 }) {
-  const m = qe(je), C = yt(), z = tt(null), M = F((E, _) => {
+  const v = qe(je), N = yt(), z = tt(null), R = F((E, _) => {
     E.stopPropagation(), E.preventDefault();
-    const D = C.nodesRef.current.find((p) => p.id === m);
-    if (!D) return;
+    const B = N.nodesRef.current.find((h) => h.id === v);
+    if (!B) return;
     z.current = {
       direction: _,
       startX: E.clientX,
       startY: E.clientY,
-      width: D.width || 160,
-      height: D.height || 60
+      width: B.width || 160,
+      height: B.height || 60
     }, u == null || u(E, { width: z.current.width, height: z.current.height });
-    const g = (p) => {
-      var j, X;
+    const D = (h) => {
+      var j, W;
       if (!z.current) return;
-      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);
+      const p = z.current, M = N.cameraRef.current, w = (h.clientX - p.startX) / M.zoom, C = (h.clientY - p.startY) / M.zoom;
+      let x = p.width, T = p.height;
+      p.direction.includes("e") && (x = Math.min(n, Math.max(t, p.width + w))), p.direction.includes("w") && (x = Math.min(n, Math.max(t, p.width - w))), p.direction.includes("s") && (T = Math.min(r, Math.max(e, p.height + C))), p.direction.includes("n") && (T = Math.min(r, Math.max(e, p.height - C))), (W = (j = N.onNodesChangeRef).current) == null || W.call(j, [
+        { id: v, type: "dimensions", dimensions: { width: x, height: T }, setAttributes: !0 }
+      ]), l == null || l(h, { width: x, height: T });
+    }, f = (h) => {
+      z.current = null, g == null || g(h, {}), window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", f);
     };
-    window.addEventListener("pointermove", g), window.addEventListener("pointerup", f);
-  }, [m, C, t, e, n, r, u, l, y]);
+    window.addEventListener("pointermove", D), window.addEventListener("pointerup", f);
+  }, [v, N, t, e, n, r, u, l, g]);
   if (!s) return null;
-  const $ = 8, R = {
+  const $ = 8, k = {
     position: "absolute",
     width: $,
     height: $,
@@ -4274,61 +4279,61 @@ function ts({
     zIndex: 20,
     ...o
   };
-  return /* @__PURE__ */ $t(Ne, { children: [
+  return /* @__PURE__ */ $t(Le, { children: [
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
-        onPointerDown: (E) => M(E, "se")
+        style: { ...k, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
+        onPointerDown: (E) => R(E, "se")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
-        onPointerDown: (E) => M(E, "sw")
+        style: { ...k, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
+        onPointerDown: (E) => R(E, "sw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
-        onPointerDown: (E) => M(E, "ne")
+        style: { ...k, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
+        onPointerDown: (E) => R(E, "ne")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
-        onPointerDown: (E) => M(E, "nw")
+        style: { ...k, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
+        onPointerDown: (E) => R(E, "nw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
-        onPointerDown: (E) => M(E, "e")
+        style: { ...k, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        onPointerDown: (E) => R(E, "e")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
-        onPointerDown: (E) => M(E, "w")
+        style: { ...k, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        onPointerDown: (E) => R(E, "w")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
-        onPointerDown: (E) => M(E, "n")
+        style: { ...k, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        onPointerDown: (E) => R(E, "n")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...R, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
-        onPointerDown: (E) => M(E, "s")
+        style: { ...k, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        onPointerDown: (E) => R(E, "s")
       }
     )
   ] });
@@ -4342,9 +4347,9 @@ function es({
   style: o = {},
   className: i = ""
 }) {
-  const c = qe(je), l = yt().nodes.find((C) => C.id === c);
+  const c = qe(je), l = yt().nodes.find((N) => N.id === c);
   if (!(t !== void 0 ? t : l == null ? void 0 : l.selected)) return null;
-  const m = {
+  const v = {
     top: { bottom: "100%", left: r === "start" ? 0 : r === "end" ? void 0 : "50%", right: r === "end" ? 0 : void 0, transform: r === "center" ? "translateX(-50%)" : void 0, marginBottom: n },
     bottom: { top: "100%", left: r === "start" ? 0 : r === "end" ? void 0 : "50%", right: r === "end" ? 0 : void 0, transform: r === "center" ? "translateX(-50%)" : void 0, marginTop: n },
     left: { right: "100%", top: r === "start" ? 0 : r === "end" ? void 0 : "50%", bottom: r === "end" ? 0 : void 0, transform: r === "center" ? "translateY(-50%)" : void 0, marginRight: n },
@@ -4358,10 +4363,10 @@ function es({
         position: "absolute",
         zIndex: 1e3,
         pointerEvents: "all",
-        ...m,
+        ...v,
         ...o
       },
-      onPointerDown: (C) => C.stopPropagation(),
+      onPointerDown: (N) => N.stopPropagation(),
       children: s
     }
   );
@@ -4529,7 +4534,7 @@ export {
   vo as boxToRect,
   or as buildObstacles,
   Tn as clampPosition,
-  Lo as computeRoutedEdges,
+  No as computeRoutedEdges,
   zo as getBezierEdgeCenter,
   nr as getBezierPath,
   wo as getBoundsOfBoxes,
@@ -4552,14 +4557,14 @@ export {
   Mo as nodeToRect,
   Co as reconnectEdge,
   mo as rectToBox,
-  No as routeSinglePath,
+  Lo as routeSinglePath,
   En as routedPointsToPath,
   Pn as snapPosition,
   Ho as useConnection,
   Do as useEdges,
   So as useEdgesState,
   Xo as useHandleConnections,
-  Nr as useInfiniteCanvas,
+  Lr as useInfiniteCanvas,
   Go as useInternalNode,
   Uo as useKeyPress,
   Wo as useNodeConnections,