@infinit-canvas/react 0.1.3 → 0.1.4

package/dist/react-infinite-canvas.js

@@ -1,5 +1,5 @@
-import { jsx as S, jsxs as It, Fragment as Le } from "react/jsx-runtime";
-import { useRef as V, 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 { jsx as S, jsxs as $t, Fragment as Le } from "react/jsx-runtime";
+import { useRef as tt, useState as Gt, useMemo as St, useEffect as ht, useCallback as F, useContext as qe, createContext as Fn, memo as Zt, useLayoutEffect as kr } from "react";
 import { createPortal as Yn } from "react-dom";
 const Un = 160, qn = 60;
 function ho(t) {
@@ -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, k = m + l, M = C + y;
-    return r ? m < i && k > s && C < c && M > o : m >= s && k <= i && C >= o && M <= c;
+    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;
   });
 }
 function mo(t) {
@@ -964,42 +964,42 @@ function Lr({
   onNodeDrag: y,
   onNodeDragStop: m,
   onEdgeClick: C,
-  onEdgeDoubleClick: k,
+  onEdgeDoubleClick: z,
   onEdgeMouseEnter: M,
   onEdgeMouseMove: $,
-  onEdgeMouseLeave: z,
+  onEdgeMouseLeave: k,
   onEdgeContextMenu: E,
-  onNodeDoubleClick: W,
-  onNodeMouseEnter: H,
+  onNodeDoubleClick: _,
+  onNodeMouseEnter: D,
   onNodeMouseMove: g,
   onNodeMouseLeave: f,
   onNodeContextMenu: p,
   onPaneClick: v,
-  onPaneContextMenu: w,
-  onPaneMouseEnter: N,
+  onPaneContextMenu: N,
+  onPaneMouseEnter: w,
   onPaneMouseMove: P,
   onPaneMouseLeave: R,
   onSelectionChange: B,
   onConnectStart: q,
-  onConnectEnd: D,
-  onInit: it,
-  onMoveStart: nt,
-  onMove: lt,
+  onConnectEnd: X,
+  onInit: K,
+  onMoveStart: at,
+  onMove: rt,
   onMoveEnd: G,
   onDelete: j,
-  onBeforeDelete: st,
-  onError: rt,
-  isValidConnection: ut,
-  dark: dt,
-  gridSize: Lt = 40,
-  zoomMin: ot = 0.1,
-  zoomMax: pt = 4,
-  initialCamera: vt = { x: 0, y: 0, zoom: 1 },
-  fitView: ht = !1,
-  fitViewOptions: bt,
-  nodesDraggable: Et = !0,
-  nodesConnectable: kt = !0,
-  elementsSelectable: $t = !0,
+  onBeforeDelete: it,
+  onError: dt,
+  isValidConnection: ot,
+  dark: ft,
+  gridSize: It = 40,
+  zoomMin: st = 0.1,
+  zoomMax: xt = 4,
+  initialCamera: Nt = { x: 0, y: 0, zoom: 1 },
+  fitView: gt = !1,
+  fitViewOptions: ct,
+  nodesDraggable: zt = !0,
+  nodesConnectable: Rt = !0,
+  elementsSelectable: Lt = !0,
   multiSelectionKeyCode: wt = "Shift",
   selectionOnDrag: ne = !1,
   selectionMode: Ie = "partial",
@@ -1027,7 +1027,7 @@ function Lr({
   elevateNodesOnSelect: hn = !1,
   edgeRouting: fe = !0
 } = {}) {
-  const xt = V(null), Te = V(null), Ct = V(null), gt = V({ ...vt }), se = V([...t]), Z = V([...e]), Pt = V([...n]), yn = V(/* @__PURE__ */ new Map()), Se = V(!1), te = V(null), [gn, pn] = Gt(!1), _t = V(null), Wt = V(null), Me = V(null), ie = V(null), Ut = V(!1), Re = V(null), [Be, Je] = Gt({ x: vt.x, y: vt.y, zoom: vt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = V(!1), O = V({});
+  const mt = tt(null), Te = tt(null), Et = tt(null), pt = tt({ ...Nt }), se = tt([...t]), Z = tt([...e]), Pt = tt([...n]), yn = tt(/* @__PURE__ */ new Map()), Se = tt(!1), te = tt(null), [gn, pn] = Gt(!1), _t = tt(null), Wt = tt(null), Me = tt(null), ie = tt(null), Ut = tt(!1), Re = tt(null), [Be, Je] = Gt({ x: Nt.x, y: Nt.y, zoom: Nt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = tt(!1), O = tt({});
   O.current = {
     onHudUpdate: r,
     onNodesProcessed: s,
@@ -1039,34 +1039,34 @@ function Lr({
     onNodeDrag: y,
     onNodeDragStop: m,
     onEdgeClick: C,
-    onEdgeDoubleClick: k,
+    onEdgeDoubleClick: z,
     onEdgeMouseEnter: M,
     onEdgeMouseMove: $,
-    onEdgeMouseLeave: z,
+    onEdgeMouseLeave: k,
     onEdgeContextMenu: E,
-    onNodeDoubleClick: W,
-    onNodeMouseEnter: H,
+    onNodeDoubleClick: _,
+    onNodeMouseEnter: D,
     onNodeMouseMove: g,
     onNodeMouseLeave: f,
     onNodeContextMenu: p,
     onPaneClick: v,
-    onPaneContextMenu: w,
-    onPaneMouseEnter: N,
+    onPaneContextMenu: N,
+    onPaneMouseEnter: w,
     onPaneMouseMove: P,
     onPaneMouseLeave: R,
     onSelectionChange: B,
     onConnectStart: q,
-    onConnectEnd: D,
-    onInit: it,
-    onMoveStart: nt,
-    onMove: lt,
+    onConnectEnd: X,
+    onInit: K,
+    onMoveStart: at,
+    onMove: rt,
     onMoveEnd: G,
     onDelete: j,
-    onBeforeDelete: st,
-    onError: rt,
-    isValidConnection: ut
+    onBeforeDelete: it,
+    onError: dt,
+    isValidConnection: ot
   };
-  const Mt = { get current() {
+  const bt = { get current() {
     return O.current.onNodesChange;
   } }, Dt = { get current() {
     return O.current.onEdgesChange;
@@ -1074,9 +1074,9 @@ function Lr({
     return O.current.onConnect;
   } }, De = { get current() {
     return O.current.onNodeClick;
-  } }, He = { get current() {
-    return O.current.onNodeDragStart;
   } }, Ae = { get current() {
+    return O.current.onNodeDragStart;
+  } }, He = { get current() {
     return O.current.onNodeDrag;
   } }, _e = { get current() {
     return O.current.onNodeDragStop;
@@ -1091,7 +1091,7 @@ function Lr({
   } }, pe = { get current() {
     return O.current.onNodesProcessed;
   } };
-  ft(() => {
+  ht(() => {
     const a = (d) => {
       d.key === wt && (Ut.current = !0), d.key === we && (ke.current = !0);
     }, x = (d) => {
@@ -1107,9 +1107,9 @@ function Lr({
     (b = ye.current) == null || b.call(ye, d);
     for (const L of he) L(d);
   }, [he]);
-  ft(() => {
+  ht(() => {
     var a;
-    se.current = [...t], (a = Ct.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
+    se.current = [...t], (a = Et.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
   }, [t]);
   const ze = F((a) => {
     const x = {};
@@ -1123,7 +1123,7 @@ function Lr({
         L += h.position.x, I += h.position.y, h = h.parentId ? x[h.parentId] : null;
       return { ...d, _absolutePosition: { x: L, y: I } };
     });
-  }, []), ee = V([]), Q = F((a) => {
+  }, []), ee = tt([]), Q = F((a) => {
     const x = yn.current;
     if (!x || x.size === 0) return a;
     const d = {};
@@ -1137,9 +1137,9 @@ function Lr({
     var x;
     if (_t.current) return;
     const a = Q(ee.current);
-    (x = Ct.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
+    (x = Et.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
   }, [Q]);
-  ft(() => {
+  ht(() => {
     var d;
     if (_t.current) {
       const b = _t.current.id, L = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((h) => h.id)]), I = {};
@@ -1155,15 +1155,15 @@ function Lr({
     const a = ze(e);
     ee.current = a;
     const x = Q(a);
-    (d = Ct.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
-  }, [e, ze, Q]), ft(() => {
+    (d = Et.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
+  }, [e, ze, Q]), ht(() => {
     var a;
-    Pt.current = [...n], (a = Ct.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
+    Pt.current = [...n], (a = Et.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
   }, [n]);
-  const at = F((a, x) => {
-    const d = xt.current;
+  const lt = F((a, x) => {
+    const d = mt.current;
     if (!d) return { x: 0, y: 0 };
-    const b = d.getBoundingClientRect(), L = gt.current;
+    const b = d.getBoundingClientRect(), L = pt.current;
     return {
       x: (a - b.left - L.x) / L.zoom,
       y: (x - b.top - L.y) / L.zoom
@@ -1210,7 +1210,7 @@ function Lr({
       { id: null, type: "source", x: a.position.x + x, y: a.position.y + d / 2 }
     ];
   }, [xe]), tn = F((a, x) => {
-    const d = Z.current, b = gt.current, L = Math.max(Nr, Ot) / b.zoom;
+    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;
@@ -1221,62 +1221,62 @@ function Lr({
     }
     return null;
   }, [Ee]), ue = F((a, x) => {
-    const b = 8 / gt.current.zoom;
+    const b = 8 / pt.current.zoom;
     for (let L = Pt.current.length - 1; L >= 0; L--) {
-      const I = Pt.current[L], h = Z.current.find((Rt) => Rt.id === I.source), A = Z.current.find((Rt) => Rt.id === I.target);
+      const I = Pt.current[L], 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, _ = A.height || jt, K = h.position.x + T, ct = h.position.y + Y / 2, U = A.position.x, et = A.position.y + _ / 2;
-      if (Ir(a, x, K, ct, U, et) < b) return I;
+      const T = h.width || Vt, Y = h.height || jt, H = A.height || jt, J = h.position.x + T, ut = h.position.y + Y / 2, U = A.position.x, nt = A.position.y + H / 2;
+      if (Ir(a, x, J, ut, U, nt) < b) return I;
     }
     return null;
   }, []);
-  ft(() => {
-    const a = Te.current, x = xt.current;
+  ht(() => {
+    const a = Te.current, x = mt.current;
     if (!a || !x) return;
-    const d = x.getBoundingClientRect(), b = dt !== void 0 ? dt : matchMedia("(prefers-color-scheme: dark)").matches, L = ze(Z.current);
+    const d = x.getBoundingClientRect(), b = ft !== void 0 ? ft : matchMedia("(prefers-color-scheme: dark)").matches, L = ze(Z.current);
     ee.current = L;
     const I = Q(L), { worker: h } = Cr(a, {
       width: d.width,
       height: d.height,
-      camera: gt.current,
+      camera: pt.current,
       cards: se.current,
       nodes: I,
       edges: Pt.current,
       dark: b,
-      gridSize: Lt,
+      gridSize: It,
       edgeRouting: fe
     });
-    h.onmessage = (_) => {
-      var K, ct;
-      _.data.type === "hud" && ((K = ge.current) == null || K.call(ge, _.data.data)), _.data.type === "ready" && pn(!0), _.data.type === "nodesProcessed" && ((ct = pe.current) == null || ct.call(pe, _.data.data));
-    }, Ct.current = h;
-    const A = new ResizeObserver((_) => {
-      const { width: K, height: ct } = _[0].contentRect;
-      h.postMessage({ type: "resize", data: { width: K, height: ct } });
+    h.onmessage = (H) => {
+      var J, ut;
+      H.data.type === "hud" && ((J = ge.current) == null || J.call(ge, H.data.data)), H.data.type === "ready" && pn(!0), H.data.type === "nodesProcessed" && ((ut = pe.current) == null || ut.call(pe, H.data.data));
+    }, Et.current = h;
+    const A = new ResizeObserver((H) => {
+      const { width: J, height: ut } = H[0].contentRect;
+      h.postMessage({ type: "resize", data: { width: J, height: ut } });
     });
     A.observe(x);
     let T, Y;
-    return dt === void 0 && (T = matchMedia("(prefers-color-scheme: dark)"), Y = (_) => h.postMessage({ type: "theme", data: { dark: _.matches } }), T.addEventListener("change", Y)), () => {
-      A.disconnect(), T && Y && T.removeEventListener("change", Y), Ct.current = null;
+    return ft === 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;
     };
-  }, []), ft(() => {
+  }, []), ht(() => {
     var a;
-    dt !== void 0 && ((a = Ct.current) == null || a.postMessage({ type: "theme", data: { dark: dt } }));
-  }, [dt]), ft(() => {
+    ft !== void 0 && ((a = Et.current) == null || a.postMessage({ type: "theme", data: { dark: ft } }));
+  }, [ft]), ht(() => {
     var a;
-    (a = Ct.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
+    (a = Et.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
   }, [fe]);
-  const Ln = V(0), Nt = F((a = null) => {
+  const Ln = tt(0), Ct = F((a = null) => {
     var b, L, I;
-    const x = gt.current;
+    const x = pt.current;
     if (re) {
-      const h = xt.current;
+      const h = mt.current;
       if (h) {
-        const A = h.getBoundingClientRect(), T = -re[1][0] * x.zoom + A.width, Y = -re[1][1] * x.zoom + A.height, _ = -re[0][0] * x.zoom, K = -re[0][1] * x.zoom;
-        x.x = Math.min(_, Math.max(T, x.x)), x.y = Math.min(K, Math.max(Y, x.y));
+        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));
       }
     }
-    (b = Ct.current) == null || b.postMessage({ type: "camera", data: { camera: { ...x } } });
+    (b = Et.current) == null || b.postMessage({ type: "camera", data: { camera: { ...x } } });
     const d = { x: x.x, y: x.y, zoom: x.zoom };
     (I = (L = O.current).onMove) == null || I.call(L, a, d);
     for (const h of Kt) h(d);
@@ -1286,162 +1286,162 @@ function Lr({
   }, [Kt, re]), Ce = F(() => {
     var d, b;
     const a = Wt.current, x = Me.current;
-    a && x ? ((d = Ct.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 = Ct.current) == null || b.postMessage({ type: "connecting", data: null }), ae(null));
+    a && x ? ((d = Et.current) == null || d.postMessage({ type: "connecting", data: { from: a.startPos, to: x, _routedPoints: null } }), ae({ source: a.sourceId, sourceHandle: a.sourceHandle, target: null, targetHandle: null })) : ((b = Et.current) == null || b.postMessage({ type: "connecting", data: null }), ae(null));
   }, []), Ne = F(() => {
     var x, d;
     const a = ie.current;
-    a ? (x = Ct.current) == null || x.postMessage({ type: "selectionBox", data: a }) : (d = Ct.current) == null || d.postMessage({ type: "selectionBox", data: null });
+    a ? (x = Et.current) == null || x.postMessage({ type: "selectionBox", data: a }) : (d = Et.current) == null || d.postMessage({ type: "selectionBox", data: null });
   }, []), dr = F((a) => {
-    var L, I, h, A, T, Y, _, K, ct, U, et, mt, Rt, Ht, Xt, At;
-    const x = Z.current.length > 0, d = at(a.clientX, a.clientY), b = Ut.current;
-    if (x && kt) {
-      const X = tn(d.x, d.y);
-      if (Yt && Re.current && X) {
-        const J = Re.current;
-        if (X.nodeId !== J.nodeId) {
-          const qt = J.handleType === "target" ? { source: X.nodeId, target: J.nodeId, sourceHandle: X.handleId || null, targetHandle: J.handleId } : { source: J.nodeId, target: X.nodeId, sourceHandle: J.handleId, targetHandle: X.handleId || null };
+    var L, I, h, A, T, Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht;
+    const x = Z.current.length > 0, d = lt(a.clientX, a.clientY), b = Ut.current;
+    if (x && Rt) {
+      const W = tn(d.x, d.y);
+      if (Yt && Re.current && W) {
+        const V = Re.current;
+        if (W.nodeId !== V.nodeId) {
+          const qt = V.handleType === "target" ? { source: W.nodeId, target: V.nodeId, sourceHandle: W.handleId || null, targetHandle: V.handleId } : { source: V.nodeId, target: W.nodeId, sourceHandle: V.handleId, targetHandle: W.handleId || null };
           (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((L = ce.current) == null || L.call(ce, { ...qt, ...be }));
         }
         Re.current = null;
         return;
       }
-      if (Bt === "strict" ? X && X.type === "source" : X != null) {
+      if (Bt === "strict" ? W && W.type === "source" : W != null) {
         if (Yt) {
-          Re.current = { nodeId: X.nodeId, handleId: X.handleId || null, handleType: X.type }, (h = (I = O.current).onConnectStart) == null || h.call(I, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type });
+          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 });
           return;
         }
         Wt.current = {
-          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 = xt.current) == null || A.setPointerCapture(a.pointerId), (Y = (T = O.current).onConnectStart) == null || Y.call(T, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type }), Ce();
+          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 = mt.current) == null || A.setPointerCapture(a.pointerId), (Y = (T = O.current).onConnectStart) == null || Y.call(T, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type }), Ce();
         return;
       }
     }
     if (x) {
-      const X = Tt(d.x, d.y);
-      if (X) {
-        if (Mt.current && $t) {
-          const zt = [];
+      const W = Tt(d.x, d.y);
+      if (W) {
+        if (bt.current && Lt) {
+          const kt = [];
           if (b)
-            zt.push({ id: X.id, type: "select", selected: !X.selected });
-          else if (!X.selected) {
-            for (const J of Z.current)
-              J.id === X.id ? zt.push({ id: J.id, type: "select", selected: !0 }) : J.selected && zt.push({ id: J.id, type: "select", selected: !1 });
+            kt.push({ id: W.id, type: "select", selected: !W.selected });
+          else if (!W.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 });
             if (Dt.current) {
-              const J = Pt.current.filter((tt) => tt.selected).map((tt) => ({ id: tt.id, type: "select", selected: !1 }));
-              J.length && Dt.current(J);
+              const V = Pt.current.filter((et) => et.selected).map((et) => ({ id: et.id, type: "select", selected: !1 }));
+              V.length && Dt.current(V);
             }
           }
-          if (zt.length) {
-            if (Mt.current(zt), hn && !b) {
-              const J = Z.current.findIndex((tt) => tt.id === X.id);
-              J >= 0 && J < Z.current.length - 1 && Mt.current([
-                { id: X.id, type: "remove" },
-                { type: "add", item: { ...Z.current[J], selected: !0 } }
+          if (kt.length) {
+            if (bt.current(kt), hn && !b) {
+              const V = Z.current.findIndex((et) => et.id === W.id);
+              V >= 0 && V < Z.current.length - 1 && bt.current([
+                { id: W.id, type: "remove" },
+                { type: "add", item: { ...Z.current[V], selected: !0 } }
               ]);
             }
             Jt();
           }
         }
-        if ((_ = De.current) == null || _.call(De, a, X), Et) {
-          const zt = b && X.selected;
-          let J = null;
-          if (X.parentId && X.extent === "parent") {
-            const tt = Z.current.find((qt) => qt.id === X.parentId);
-            if (tt) {
-              const qt = tt.width || Vt, Xe = tt.height || jt, en = X.width || ((K = X.measured) == null ? void 0 : K.width) || Vt, Fe = X.height || ((ct = X.measured) == null ? void 0 : ct.height) || jt;
-              J = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
+        if ((H = De.current) == null || H.call(De, a, W), zt) {
+          const kt = b && W.selected;
+          let V = null;
+          if (W.parentId && W.extent === "parent") {
+            const et = Z.current.find((qt) => qt.id === W.parentId);
+            if (et) {
+              const qt = et.width || Vt, Xe = et.height || jt, en = W.width || ((J = W.measured) == null ? void 0 : J.width) || Vt, Fe = W.height || ((ut = W.measured) == null ? void 0 : ut.height) || jt;
+              V = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
             }
           }
           if (_t.current = {
-            id: X.id,
-            startPos: { ...X.position },
+            id: W.id,
+            startPos: { ...W.position },
             startMouse: { x: d.x, y: d.y },
-            parentClamp: J,
-            parentId: X.parentId || null,
-            selectedStarts: zt ? Z.current.filter((tt) => tt.selected && tt.id !== X.id).map((tt) => {
+            parentClamp: V,
+            parentId: W.parentId || null,
+            selectedStarts: kt ? Z.current.filter((et) => et.selected && et.id !== W.id).map((et) => {
               var Xe, en;
               let qt = null;
-              if (tt.parentId && tt.extent === "parent") {
-                const Fe = Z.current.find((xn) => xn.id === tt.parentId);
+              if (et.parentId && et.extent === "parent") {
+                const Fe = Z.current.find((xn) => xn.id === et.parentId);
                 if (Fe) {
-                  const xn = Fe.width || Vt, br = Fe.height || jt, Mr = tt.width || ((Xe = tt.measured) == null ? void 0 : Xe.width) || Vt, Rr = tt.height || ((en = tt.measured) == null ? void 0 : en.height) || jt;
+                  const xn = Fe.width || Vt, br = Fe.height || jt, Mr = et.width || ((Xe = et.measured) == null ? void 0 : Xe.width) || Vt, Rr = et.height || ((en = et.measured) == null ? void 0 : en.height) || jt;
                   qt = { minX: 0, minY: 0, maxX: xn - Mr, maxY: br - Rr };
                 }
               }
-              return { id: tt.id, startPos: { ...tt.position }, parentClamp: qt, parentId: tt.parentId || null };
+              return { id: et.id, startPos: { ...et.position }, parentClamp: qt, parentId: et.parentId || null };
             }) : []
-          }, (U = xt.current) == null || U.setPointerCapture(a.pointerId), (et = He.current) == null || et.call(He, a, X), Mt.current) {
-            const tt = [{ id: X.id, type: "position", dragging: !0 }];
+          }, (U = mt.current) == null || U.setPointerCapture(a.pointerId), (nt = Ae.current) == null || nt.call(Ae, a, W), bt.current) {
+            const et = [{ id: W.id, type: "position", dragging: !0 }];
             for (const qt of _t.current.selectedStarts)
-              tt.push({ id: qt.id, type: "position", dragging: !0 });
-            Mt.current(tt);
+              et.push({ id: qt.id, type: "position", dragging: !0 });
+            bt.current(et);
           }
         }
         return;
       }
     }
-    if (Pt.current.length > 0 && $t) {
-      const X = ue(d.x, d.y);
-      if (X) {
+    if (Pt.current.length > 0 && Lt) {
+      const W = ue(d.x, d.y);
+      if (W) {
         if (Dt.current) {
-          const zt = [];
+          const kt = [];
           if (b)
-            zt.push({ id: X.id, type: "select", selected: !X.selected });
+            kt.push({ id: W.id, type: "select", selected: !W.selected });
           else {
-            for (const J of Pt.current)
-              J.id === X.id ? zt.push({ id: J.id, type: "select", selected: !0 }) : J.selected && zt.push({ id: J.id, type: "select", selected: !1 });
-            if (Mt.current) {
-              const J = Z.current.filter((tt) => tt.selected).map((tt) => ({ id: tt.id, type: "select", selected: !1 }));
-              J.length && Mt.current(J);
+            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 });
+            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);
             }
           }
-          zt.length && (Dt.current(zt), Jt());
+          kt.length && (Dt.current(kt), Jt());
         }
-        (mt = le.current) == null || mt.call(le, a, X);
+        (vt = le.current) == null || vt.call(le, a, W);
         return;
       }
     }
     if (!b) {
-      const X = Z.current.filter((J) => J.selected).map((J) => ({ id: J.id, type: "select", selected: !1 })), zt = Pt.current.filter((J) => J.selected).map((J) => ({ id: J.id, type: "select", selected: !1 }));
-      X.length && Mt.current && Mt.current(X), zt.length && Dt.current && Dt.current(zt), (X.length || zt.length) && Jt();
+      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();
     }
-    if ((Rt = We.current) == null || Rt.call(We, a), ne || b) {
-      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (Ht = xt.current) == null || Ht.setPointerCapture(a.pointerId), Ne();
+    if ((Mt = We.current) == null || Mt.call(We, a), ne || b) {
+      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = mt.current) == null || At.setPointerCapture(a.pointerId), Ne();
       return;
     }
-    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = xt.current) == null || Xt.classList.add("dragging"), (At = xt.current) == null || At.setPointerCapture(a.pointerId);
-  }, [at, Tt, tn, ue, Et, kt, $t, ne, Ce, Ne, Jt]), fr = F((a) => {
+    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = mt.current) == null || Xt.classList.add("dragging"), (Ht = mt.current) == null || Ht.setPointerCapture(a.pointerId);
+  }, [lt, Tt, tn, ue, zt, Rt, Lt, ne, Ce, Ne, Jt]), fr = F((a) => {
     var d, b;
     if (Wt.current) {
-      if (Me.current = at(a.clientX, a.clientY), Ce(), fn) {
-        const L = xt.current;
+      if (Me.current = lt(a.clientX, a.clientY), Ce(), fn) {
+        const L = mt.current;
         if (L) {
           const I = L.getBoundingClientRect(), h = 40, A = a.clientX - I.left, T = a.clientY - I.top;
-          let Y = 0, _ = 0;
-          A < h ? Y = Qt : A > I.width - h && (Y = -Qt), T < h ? _ = Qt : T > I.height - h && (_ = -Qt), (Y || _) && (gt.current.x += Y, gt.current.y += _, Nt(a));
+          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));
         }
       }
       return;
     }
     if (ie.current) {
-      ie.current.endWorld = at(a.clientX, a.clientY), Ne();
+      ie.current.endWorld = lt(a.clientX, a.clientY), Ne();
       const L = ie.current, I = Math.min(L.startWorld.x, L.endWorld.x), h = Math.min(L.startWorld.y, L.endWorld.y), A = Math.max(L.startWorld.x, L.endWorld.x), T = Math.max(L.startWorld.y, L.endWorld.y);
-      if (Mt.current) {
+      if (bt.current) {
         const Y = [];
-        for (const _ of Z.current) {
-          if (_.hidden) continue;
-          const K = _.width || Vt, ct = _.height || jt, U = Ie === "full" ? _.position.x >= I && _.position.x + K <= A && _.position.y >= h && _.position.y + ct <= T : _.position.x + K > I && _.position.x < A && _.position.y + ct > h && _.position.y < T;
-          U !== !!_.selected && Y.push({ id: _.id, type: "select", selected: U });
+        for (const H of Z.current) {
+          if (H.hidden) continue;
+          const J = H.width || Vt, ut = H.height || jt, U = Ie === "full" ? H.position.x >= I && H.position.x + J <= A && H.position.y >= h && H.position.y + ut <= T : H.position.x + J > I && H.position.x < A && H.position.y + ut > h && H.position.y < T;
+          U !== !!H.selected && Y.push({ id: H.id, type: "select", selected: U });
         }
-        Y.length && Mt.current(Y);
+        Y.length && bt.current(Y);
       }
       return;
     }
     if (_t.current) {
-      const L = at(a.clientX, a.clientY), I = _t.current, h = L.x - I.startMouse.x, A = L.y - I.startMouse.y;
+      const L = lt(a.clientX, a.clientY), I = _t.current, h = L.x - I.startMouse.x, A = L.y - I.startMouse.y;
       let T = { x: I.startPos.x + h, y: I.startPos.y + A };
       if (me && (T = Pn(T, de)), oe && (T = Tn(T, oe)), I.parentClamp) {
         const U = I.parentClamp;
@@ -1449,73 +1449,73 @@ function Lr({
       }
       const Y = [{ id: I.id, position: T }];
       for (const U of I.selectedStarts) {
-        let et = { x: U.startPos.x + h, y: U.startPos.y + A };
-        if (me && (et = Pn(et, de)), oe && (et = Tn(et, oe)), U.parentClamp) {
-          const mt = U.parentClamp;
-          et = { x: Math.max(mt.minX, Math.min(et.x, mt.maxX)), y: Math.max(mt.minY, Math.min(et.y, mt.maxY)) };
+        let nt = { x: U.startPos.x + h, y: U.startPos.y + A };
+        if (me && (nt = Pn(nt, de)), oe && (nt = Tn(nt, oe)), U.parentClamp) {
+          const vt = U.parentClamp;
+          nt = { x: Math.max(vt.minX, Math.min(nt.x, vt.maxX)), y: Math.max(vt.minY, Math.min(nt.y, vt.maxY)) };
         }
-        Y.push({ id: U.id, position: et });
+        Y.push({ id: U.id, position: nt });
       }
-      const _ = [];
+      const H = [];
       for (const U of Y) {
-        const et = Z.current.find((mt) => mt.id === U.id);
-        if (et) {
-          et.position = U.position, et.dragging = !0;
-          let mt = U.position;
-          if (et.parentId) {
-            let Rt = Z.current.find((At) => At.id === et.parentId), Ht = U.position.x, Xt = U.position.y;
-            for (; Rt; )
-              Ht += Rt.position.x, Xt += Rt.position.y, Rt = Rt.parentId ? Z.current.find((At) => At.id === Rt.parentId) : null;
-            mt = { x: Ht, y: Xt };
+        const nt = Z.current.find((vt) => vt.id === U.id);
+        if (nt) {
+          nt.position = U.position, nt.dragging = !0;
+          let vt = U.position;
+          if (nt.parentId) {
+            let Mt = Z.current.find((Ht) => Ht.id === nt.parentId), At = U.position.x, Xt = U.position.y;
+            for (; Mt; )
+              At += Mt.position.x, Xt += Mt.position.y, Mt = Mt.parentId ? Z.current.find((Ht) => Ht.id === Mt.parentId) : null;
+            vt = { x: At, y: Xt };
           }
-          _.push({
+          H.push({
             id: U.id,
             position: U.position,
-            _absolutePosition: mt,
-            width: et.width,
-            height: et.height,
+            _absolutePosition: vt,
+            width: nt.width,
+            height: nt.height,
             dragging: !0,
-            selected: et.selected
+            selected: nt.selected
           });
         }
       }
-      const K = new Set(Y.map((U) => U.id));
+      const J = new Set(Y.map((U) => U.id));
       for (const U of Z.current)
-        if (U.parentId && K.has(U.parentId) && !K.has(U.id)) {
-          let et = Z.current.find((Ht) => Ht.id === U.parentId), mt = U.position.x, Rt = U.position.y;
-          for (; et; )
-            mt += et.position.x, Rt += et.position.y, et = et.parentId ? Z.current.find((Ht) => Ht.id === et.parentId) : null;
-          _.push({
+        if (U.parentId && J.has(U.parentId) && !J.has(U.id)) {
+          let nt = Z.current.find((At) => At.id === U.parentId), vt = U.position.x, Mt = U.position.y;
+          for (; nt; )
+            vt += nt.position.x, Mt += nt.position.y, nt = nt.parentId ? Z.current.find((At) => At.id === nt.parentId) : null;
+          H.push({
             id: U.id,
             position: U.position,
-            _absolutePosition: { x: mt, y: Rt },
+            _absolutePosition: { x: vt, y: Mt },
             width: U.width,
             height: U.height,
             dragging: !1,
             selected: U.selected
           });
         }
-      if ((d = Ct.current) == null || d.postMessage({ type: "nodePositions", data: { updates: _ } }), dn) {
-        const U = xt.current;
+      if ((d = Et.current) == null || d.postMessage({ type: "nodePositions", data: { updates: H } }), dn) {
+        const U = mt.current;
         if (U) {
-          const et = U.getBoundingClientRect(), mt = 40, Rt = a.clientX - et.left, Ht = a.clientY - et.top;
-          let Xt = 0, At = 0;
-          Rt < mt ? Xt = Qt : Rt > et.width - mt && (Xt = -Qt), Ht < mt ? At = Qt : Ht > et.height - mt && (At = -Qt), (Xt || At) && (gt.current.x += Xt, gt.current.y += At, Nt(a));
+          const nt = U.getBoundingClientRect(), vt = 40, Mt = a.clientX - nt.left, At = a.clientY - nt.top;
+          let Xt = 0, Ht = 0;
+          Mt < vt ? Xt = Qt : Mt > nt.width - vt && (Xt = -Qt), At < vt ? Ht = Qt : At > nt.height - vt && (Ht = -Qt), (Xt || Ht) && (pt.current.x += Xt, pt.current.y += Ht, Ct(a));
         }
       }
-      const ct = Z.current.find((U) => U.id === I.id);
-      ct && ((b = Ae.current) == null || b.call(Ae, a, ct));
+      const ut = Z.current.find((U) => U.id === I.id);
+      ut && ((b = He.current) == null || b.call(He, a, ut));
       return;
     }
     if (!Se.current) return;
-    const x = gt.current;
-    x.x += a.clientX - te.current.x, x.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Nt();
-  }, [Nt, at, Ce, Ne]), hr = F((a) => {
+    const x = pt.current;
+    x.x += a.clientX - te.current.x, x.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Ct();
+  }, [Ct, lt, Ce, Ne]), hr = F((a) => {
     var x, d, b, L, I;
     if (Wt.current) {
-      const h = at(a.clientX, a.clientY), A = tn(h.x, h.y);
+      const h = lt(a.clientX, a.clientY), A = tn(h.x, h.y);
       if (A && A.nodeId !== Wt.current.sourceId && (Bt === "loose" || A.type === "target")) {
-        const _ = Wt.current.sourceType === "target" ? {
+        const H = Wt.current.sourceType === "target" ? {
           source: A.nodeId,
           target: Wt.current.sourceId,
           sourceHandle: A.handleId || null,
@@ -1526,7 +1526,7 @@ function Lr({
           sourceHandle: Wt.current.sourceHandle,
           targetHandle: A.handleId || null
         };
-        (O.current.isValidConnection ? O.current.isValidConnection(_) : !0) && ((x = ce.current) == null || x.call(ce, { ..._, ...be }));
+        (O.current.isValidConnection ? O.current.isValidConnection(H) : !0) && ((x = ce.current) == null || x.call(ce, { ...H, ...be }));
       }
       (b = (d = O.current).onConnectEnd) == null || b.call(d, a.nativeEvent || a), Wt.current = null, Me.current = null, Ce();
       return;
@@ -1537,23 +1537,23 @@ function Lr({
     }
     if (_t.current) {
       const h = _t.current;
-      if (Mt.current) {
-        const T = Z.current.find((_) => _.id === h.id), Y = [{
+      if (bt.current) {
+        const T = Z.current.find((H) => H.id === h.id), Y = [{
           id: h.id,
           type: "position",
           position: T ? { ...T.position } : void 0,
           dragging: !1
         }];
-        for (const _ of h.selectedStarts) {
-          const K = Z.current.find((ct) => ct.id === _.id);
+        for (const H of h.selectedStarts) {
+          const J = Z.current.find((ut) => ut.id === H.id);
           Y.push({
-            id: _.id,
+            id: H.id,
             type: "position",
-            position: K ? { ...K.position } : void 0,
+            position: J ? { ...J.position } : void 0,
             dragging: !1
           });
         }
-        Mt.current(Y);
+        bt.current(Y);
       }
       requestAnimationFrame(() => {
         _t.current = null;
@@ -1562,27 +1562,27 @@ function Lr({
       A && ((L = _e.current) == null || L.call(_e, a, A));
       return;
     }
-    Se.current = !1, (I = xt.current) == null || I.classList.remove("dragging");
-  }, [at, tn, Ce, Ne, Jt]);
-  ft(() => {
-    const a = xt.current;
+    Se.current = !1, (I = mt.current) == null || I.classList.remove("dragging");
+  }, [lt, tn, Ce, Ne, Jt]);
+  ht(() => {
+    const a = mt.current;
     if (!a) return;
     const x = (d) => {
       Pe && d.preventDefault();
-      const b = gt.current;
+      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), Nt(d);
+        $e === "horizontal" ? b.x -= d.deltaY * T : ($e === "vertical" || (b.x -= d.deltaX * T), b.y -= d.deltaY * T), Ct(d);
         return;
       }
       if (!Oe) return;
       const L = d.deltaY > 0 ? 0.92 : 1.08, I = a.getBoundingClientRect(), h = d.clientX - I.left, A = d.clientY - I.top;
-      b.x = h - (h - b.x) * L, b.y = A - (A - b.y) * L, b.zoom = Math.min(pt, Math.max(ot, b.zoom * L)), Nt(d);
+      b.x = h - (h - b.x) * L, b.y = A - (A - b.y) * L, b.zoom = Math.min(xt, Math.max(st, b.zoom * L)), Ct(d);
     };
     return a.addEventListener("wheel", x, { passive: !Pe }), () => a.removeEventListener("wheel", x);
-  }, [Nt, ot, pt, Ge, $e, Ze, Oe, Pe]), ft(() => {
+  }, [Ct, st, xt, Ge, $e, Ze, Oe, Pe]), ht(() => {
     if (!Ke) return;
-    const a = xt.current;
+    const a = mt.current;
     if (!a) return;
     let x = 0, d = null;
     const b = (h) => {
@@ -1598,10 +1598,10 @@ function Lr({
     }, L = (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), _ = Y / x;
+        const A = h.touches[0].clientX - h.touches[1].clientX, T = h.touches[0].clientY - h.touches[1].clientY, Y = Math.hypot(A, T), H = Y / x;
         x = Y;
-        const K = gt.current, ct = d.x, U = d.y;
-        K.x = ct - (ct - K.x) * _, K.y = U - (U - K.y) * _, K.zoom = Math.min(pt, Math.max(ot, K.zoom * _)), Nt(h);
+        const J = pt.current, ut = d.x, U = d.y;
+        J.x = ut - (ut - J.x) * H, J.y = U - (U - J.y) * H, J.zoom = Math.min(xt, Math.max(st, J.zoom * H)), Ct(h);
       }
     }, I = () => {
       x = 0, d = null;
@@ -1609,32 +1609,32 @@ function Lr({
     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, Nt, ot, pt]), ft(() => {
+  }, [Ke, Ct, st, xt]), ht(() => {
     if (!Qe) return;
-    const a = xt.current;
+    const a = mt.current;
     if (!a) return;
     const x = (d) => {
-      var _, K, ct, U;
-      const b = at(d.clientX, d.clientY);
+      var H, J, ut, U;
+      const b = lt(d.clientX, d.clientY);
       if (Tt(b.x, b.y)) {
-        (K = (_ = O.current).onNodeDoubleClick) == null || K.call(_, d, Tt(b.x, b.y));
+        (J = (H = O.current).onNodeDoubleClick) == null || J.call(H, d, Tt(b.x, b.y));
         return;
       }
       const L = ue(b.x, b.y);
       if (L) {
-        (U = (ct = O.current).onEdgeDoubleClick) == null || U.call(ct, d, L);
+        (U = (ut = O.current).onEdgeDoubleClick) == null || U.call(ut, d, L);
         return;
       }
-      const I = 1.5, h = a.getBoundingClientRect(), A = d.clientX - h.left, T = d.clientY - h.top, Y = gt.current;
-      Y.x = A - (A - Y.x) * I, Y.y = T - (T - Y.y) * I, Y.zoom = Math.min(pt, Math.max(ot, Y.zoom * I)), Nt(d);
+      const I = 1.5, h = a.getBoundingClientRect(), A = d.clientX - h.left, T = d.clientY - h.top, Y = pt.current;
+      Y.x = A - (A - Y.x) * I, Y.y = T - (T - Y.y) * I, Y.zoom = Math.min(xt, Math.max(st, Y.zoom * I)), Ct(d);
     };
     return a.addEventListener("dblclick", x), () => a.removeEventListener("dblclick", x);
-  }, [Qe, Nt, ot, pt, at, Tt, ue]), ft(() => {
-    const a = xt.current;
+  }, [Qe, Ct, st, xt, lt, Tt, ue]), ht(() => {
+    const a = mt.current;
     if (!a) return;
     const x = (d) => {
-      var h, A, T, Y, _, K;
-      const b = at(d.clientX, d.clientY), L = Tt(b.x, b.y);
+      var h, A, T, Y, H, J;
+      const b = lt(d.clientX, d.clientY), L = Tt(b.x, b.y);
       if (L) {
         (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, L);
         return;
@@ -1644,32 +1644,32 @@ function Lr({
         (Y = (T = O.current).onEdgeContextMenu) == null || Y.call(T, d, I);
         return;
       }
-      (K = (_ = O.current).onPaneContextMenu) == null || K.call(_, d);
+      (J = (H = O.current).onPaneContextMenu) == null || J.call(H, d);
     };
     return a.addEventListener("contextmenu", x), () => a.removeEventListener("contextmenu", x);
-  }, [at, Tt, ue]), ft(() => {
-    const a = xt.current;
+  }, [lt, Tt, ue]), ht(() => {
+    const a = mt.current;
     if (!a) return;
     let x = null, d = null;
     const b = (h) => {
-      var Y, _, K, ct, U, et, mt, Rt, Ht, Xt, At, X, zt, J;
-      (_ = (Y = O.current).onPaneMouseMove) == null || _.call(Y, h);
-      const A = at(h.clientX, h.clientY), T = Tt(A.x, A.y);
-      if (T !== x && (x && ((ct = (K = O.current).onNodeMouseLeave) == null || ct.call(K, h, x)), T && ((et = (U = O.current).onNodeMouseEnter) == null || et.call(U, h, T)), x = T), T && ((Rt = (mt = O.current).onNodeMouseMove) == null || Rt.call(mt, h, T)), !T) {
-        const tt = ue(A.x, A.y);
-        tt !== d && (d && ((Xt = (Ht = O.current).onEdgeMouseLeave) == null || Xt.call(Ht, h, d)), tt && ((X = (At = O.current).onEdgeMouseEnter) == null || X.call(At, h, tt)), d = tt), tt && ((J = (zt = O.current).onEdgeMouseMove) == null || J.call(zt, h, tt));
+      var Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht, W, kt, V;
+      (H = (Y = O.current).onPaneMouseMove) == null || H.call(Y, h);
+      const A = lt(h.clientX, h.clientY), T = Tt(A.x, A.y);
+      if (T !== x && (x && ((ut = (J = O.current).onNodeMouseLeave) == null || ut.call(J, h, x)), T && ((nt = (U = O.current).onNodeMouseEnter) == null || nt.call(U, h, T)), x = T), T && ((Mt = (vt = O.current).onNodeMouseMove) == null || Mt.call(vt, h, T)), !T) {
+        const et = ue(A.x, A.y);
+        et !== d && (d && ((Xt = (At = O.current).onEdgeMouseLeave) == null || Xt.call(At, h, d)), et && ((W = (Ht = O.current).onEdgeMouseEnter) == null || W.call(Ht, h, et)), d = et), et && ((V = (kt = O.current).onEdgeMouseMove) == null || V.call(kt, h, et));
       }
     }, L = (h) => {
       var A, T;
       return (T = (A = O.current).onPaneMouseEnter) == null ? void 0 : T.call(A, h);
     }, I = (h) => {
-      var A, T, Y, _, K, ct;
-      (T = (A = O.current).onPaneMouseLeave) == null || T.call(A, h), x && ((_ = (Y = O.current).onNodeMouseLeave) == null || _.call(Y, h, x), x = null), d && ((ct = (K = O.current).onEdgeMouseLeave) == null || ct.call(K, h, d), d = null);
+      var A, T, Y, H, J, ut;
+      (T = (A = O.current).onPaneMouseLeave) == null || T.call(A, h), x && ((H = (Y = O.current).onNodeMouseLeave) == null || H.call(Y, h, x), x = null), d && ((ut = (J = O.current).onEdgeMouseLeave) == null || ut.call(J, h, d), d = null);
     };
     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(() => {
+  }, [lt, Tt, ue]), ht(() => {
     const a = Array.isArray(ve) ? ve : [ve], x = async (d) => {
       var b, L;
       if (a.includes(d.key)) {
@@ -1678,7 +1678,7 @@ function Lr({
         if (!I.length && !h.length || O.current.onBeforeDelete && !await O.current.onBeforeDelete({ nodes: I, edges: h }))
           return;
         const A = new Set(I.map((T) => T.id));
-        if (I.length && Mt.current && (Mt.current(I.map((T) => ({ id: T.id, type: "remove" }))), Dt.current)) {
+        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" })));
         }
@@ -1686,9 +1686,9 @@ function Lr({
       }
       if ((d.ctrlKey || d.metaKey) && d.key === "a") {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA") return;
-        if (d.preventDefault(), Mt.current) {
+        if (d.preventDefault(), bt.current) {
           const I = Z.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
-          I.length && Mt.current(I);
+          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 }));
@@ -1698,38 +1698,38 @@ function Lr({
     };
     return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
   }, [ve]);
-  const In = V(!1);
-  ft(() => {
+  const In = tt(!1);
+  ht(() => {
     var a, x;
-    if (!In.current && Ct.current) {
-      if (In.current = !0, ht && Z.current.length > 0) {
-        const d = xt.current;
+    if (!In.current && Et.current) {
+      if (In.current = !0, gt && Z.current.length > 0) {
+        const d = mt.current;
         if (d) {
-          const b = d.getBoundingClientRect(), L = (bt == null ? void 0 : bt.padding) ?? 0.1, I = Mn(Z.current), h = Rn(I, b.width, b.height, L);
-          bt != null && bt.maxZoom && (h.zoom = Math.min(h.zoom, bt.maxZoom)), bt != null && bt.minZoom && (h.zoom = Math.max(h.zoom, bt.minZoom)), gt.current = h, Nt();
+          const b = d.getBoundingClientRect(), L = (ct == null ? void 0 : ct.padding) ?? 0.1, I = Mn(Z.current), h = Rn(I, b.width, b.height, L);
+          ct != null && ct.maxZoom && (h.zoom = Math.min(h.zoom, ct.maxZoom)), ct != null && ct.minZoom && (h.zoom = Math.max(h.zoom, ct.minZoom)), pt.current = h, Ct();
         }
       }
       (x = (a = O.current).onInit) == null || x.call(a, {
         getNodes: () => [...Z.current],
         getEdges: () => [...Pt.current],
-        getViewport: () => ({ ...gt.current }),
+        getViewport: () => ({ ...pt.current }),
         fitView: (d = {}) => {
-          const b = xt.current;
+          const b = mt.current;
           if (!b || !Z.current.length) return;
           const L = b.getBoundingClientRect(), I = Mn(Z.current), h = Rn(I, L.width, L.height, d.padding ?? 0.1);
-          gt.current = h, Nt();
+          pt.current = h, Ct();
         }
       });
     }
   });
   const yr = F(() => {
-    gt.current = { ...vt }, Nt();
-  }, [Nt, vt]), gr = F((a) => {
+    pt.current = { ...Nt }, Ct();
+  }, [Ct, Nt]), gr = F((a) => {
     var x;
     if (a)
       se.current.push(a);
     else {
-      const d = gt.current, b = xt.current;
+      const d = pt.current, b = mt.current;
       if (!b) return;
       const L = b.getBoundingClientRect(), I = Math.round(-d.x / d.zoom + L.width / 2 / d.zoom), h = Math.round(-d.y / d.zoom + L.height / 2 / d.zoom);
       se.current.push({
@@ -1741,10 +1741,10 @@ function Lr({
         body: "Added at viewport center"
       });
     }
-    (x = Ct.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
+    (x = Et.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
   }, []), pr = F((a) => {
     if (a.id || (a.id = "node-" + Date.now()), !a.position) {
-      const x = gt.current, d = xt.current;
+      const x = pt.current, d = mt.current;
       if (!d) return;
       const b = d.getBoundingClientRect();
       a.position = {
@@ -1752,26 +1752,26 @@ function Lr({
         y: Math.round(-x.y / x.zoom + b.height / 2 / x.zoom) - jt / 2
       };
     }
-    a.data || (a.data = { label: a.id }), Mt.current && Mt.current([{ type: "add", item: a }]);
-  }, []), xr = F(() => ({ ...gt.current }), []), mr = F((a) => {
-    gt.current = { ...gt.current, ...a }, Nt();
-  }, [Nt]), vr = F((a) => at(a.x, a.y), [at]), $n = n, wr = St(() => ({
-    wrapRef: xt,
+    a.data || (a.data = { label: a.id }), bt.current && bt.current([{ type: "add", item: a }]);
+  }, []), xr = F(() => ({ ...pt.current }), []), mr = F((a) => {
+    pt.current = { ...pt.current, ...a }, Ct();
+  }, [Ct]), vr = F((a) => lt(a.x, a.y), [lt]), $n = n, wr = St(() => ({
+    wrapRef: mt,
     canvasRef: Te,
-    workerRef: Ct,
-    cameraRef: gt,
+    workerRef: Et,
+    cameraRef: pt,
     nodesRef: Z,
     edgesRef: Pt,
     handleRegistryRef: yn,
     syncNodesToWorker: Ft,
-    onNodesChangeRef: Mt,
+    onNodesChangeRef: bt,
     onEdgesChangeRef: Dt,
-    sendCamera: Nt,
-    screenToWorld: at,
+    sendCamera: Ct,
+    screenToWorld: lt,
     viewportListeners: Kt,
     selectionListeners: he,
-    zoomMin: ot,
-    zoomMax: pt,
+    zoomMin: st,
+    zoomMax: xt,
     snapToGrid: me,
     snapGrid: de,
     nodeExtent: oe,
@@ -1793,9 +1793,9 @@ function Lr({
     get connection() {
       return Ve;
     }
-  }), [e, n, $n, Be, Ve, Nt, at, Ft, Kt, he, ot, pt, me, de, oe, be, fe]);
+  }), [e, n, $n, Be, Ve, Ct, lt, Ft, Kt, he, st, xt, me, de, oe, be, fe]);
   return {
-    wrapRef: xt,
+    wrapRef: mt,
     canvasRef: Te,
     canvasReady: gn,
     onPointerDown: dr,
@@ -1828,95 +1828,97 @@ function Ro() {
   return qe(je);
 }
 function $r({ node: t, nodeType: e }) {
-  var m, C, k;
-  const n = yt(), r = V(null), s = t._absolutePosition || t.position, o = V(null);
-  ft(() => {
+  var m, C, z;
+  const n = yt(), r = tt(null), s = t._absolutePosition || t.position, o = tt(null);
+  ht(() => {
     const M = r.current;
     if (!M) return;
-    const $ = new ResizeObserver((z) => {
-      var H, g, f, p;
-      const { width: E, height: W } = z[0].contentRect;
-      if (E > 0 && W > 0) {
-        const v = n.nodesRef.current.find((P) => P.id === t.id), w = (v == null ? void 0 : v.width) || ((H = v == null ? void 0 : v.measured) == null ? void 0 : H.width), N = (v == null ? void 0 : v.height) || ((g = v == null ? void 0 : v.measured) == null ? void 0 : g.height);
-        (Math.abs((w || 0) - E) > 1 || Math.abs((N || 0) - W) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
-          { id: t.id, type: "dimensions", dimensions: { width: E, height: W }, setAttributes: !0 }
+    const $ = new ResizeObserver((k) => {
+      var D, g, f, p;
+      const { width: E, height: _ } = k[0].contentRect;
+      if (E > 0 && _ > 0) {
+        const v = n.nodesRef.current.find((P) => P.id === t.id), N = (v == null ? void 0 : v.width) || ((D = v == null ? void 0 : v.measured) == null ? void 0 : D.width), w = (v == null ? void 0 : v.height) || ((g = v == null ? void 0 : v.measured) == null ? void 0 : g.height);
+        (Math.abs((N || 0) - E) > 1 || Math.abs((w || 0) - _) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
+          { id: t.id, type: "dimensions", dimensions: { width: E, height: _ }, setAttributes: !0 }
         ]));
       }
     });
     return $.observe(M), () => $.disconnect();
   }, [t.id, n]);
   const i = F((M) => {
-    var R, B, q;
+    var B, q, X;
     M.stopPropagation();
-    let $ = M.target;
-    for (; $ && $ !== r.current; ) {
-      if ((R = $.classList) != null && R.contains("nodrag")) return;
-      $ = $.parentElement;
+    const $ = M.target.tagName;
+    if ($ === "INPUT" || $ === "TEXTAREA" || $ === "SELECT" || $ === "BUTTON" || $ === "A" || M.target.isContentEditable) return;
+    let k = M.target;
+    for (; k && k !== r.current; ) {
+      if ((B = k.classList) != null && B.contains("nodrag")) return;
+      k = k.parentElement;
     }
     if (n.onNodesChangeRef.current) {
-      const D = [];
+      const K = [];
       if (M.shiftKey)
-        D.push({ id: t.id, type: "select", selected: !t.selected });
+        K.push({ id: t.id, type: "select", selected: !t.selected });
       else
-        for (const nt of n.nodesRef.current)
-          nt.id === t.id && !nt.selected ? D.push({ id: nt.id, type: "select", selected: !0 }) : nt.id !== t.id && nt.selected && D.push({ id: nt.id, type: "select", selected: !1 });
-      D.length && n.onNodesChangeRef.current(D);
+        for (const rt of n.nodesRef.current)
+          rt.id === t.id && !rt.selected ? K.push({ id: rt.id, type: "select", selected: !0 }) : rt.id !== t.id && rt.selected && K.push({ id: rt.id, type: "select", selected: !1 });
+      K.length && n.onNodesChangeRef.current(K);
     }
-    const z = n.cameraRef.current, E = n.wrapRef.current;
-    if (!E) return;
-    const W = E.getBoundingClientRect(), H = (M.clientX - W.left - z.x) / z.zoom, g = (M.clientY - W.top - z.y) / z.zoom, p = M.shiftKey && t.selected ? n.nodesRef.current.filter((D) => D.selected && D.id !== t.id).map((D) => ({ id: D.id, startPos: { ...D.position } })) : [];
+    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 } })) : [];
     o.current = {
       startPos: { ...t.position },
-      startMouse: { x: H, y: g },
-      selectedStarts: p
+      startMouse: { x: g, y: f },
+      selectedStarts: v
     };
-    const v = [{ id: t.id, type: "position", dragging: !0 }];
-    for (const D of p)
-      v.push({ id: D.id, type: "position", dragging: !0 });
-    (q = (B = n.onNodesChangeRef).current) == null || q.call(B, v);
+    const N = [{ id: t.id, type: "position", dragging: !0 }];
+    for (const K of v)
+      N.push({ id: K.id, type: "position", dragging: !0 });
+    (X = (q = n.onNodesChangeRef).current) == null || X.call(q, N);
     const w = r.current;
     w && w.setPointerCapture(M.pointerId);
-    const N = (D) => {
-      var dt, Lt, ot, pt;
+    const P = (K) => {
+      var It, st, xt, Nt;
       if (!o.current) return;
-      const it = n.cameraRef.current, nt = E.getBoundingClientRect(), lt = (D.clientX - nt.left - it.x) / it.zoom, G = (D.clientY - nt.top - it.y) / it.zoom, j = lt - o.current.startMouse.x, st = G - o.current.startMouse.y;
-      let rt = { x: o.current.startPos.x + j, y: o.current.startPos.y + st };
-      if (n.snapToGrid && n.snapGrid && (rt = {
-        x: n.snapGrid[0] * Math.round(rt.x / n.snapGrid[0]),
-        y: n.snapGrid[1] * Math.round(rt.y / n.snapGrid[1])
+      const at = n.cameraRef.current, rt = _.getBoundingClientRect(), G = (K.clientX - rt.left - at.x) / at.zoom, j = (K.clientY - rt.top - at.y) / at.zoom, it = G - o.current.startMouse.x, dt = j - o.current.startMouse.y;
+      let ot = { x: o.current.startPos.x + it, y: o.current.startPos.y + dt };
+      if (n.snapToGrid && n.snapGrid && (ot = {
+        x: n.snapGrid[0] * Math.round(ot.x / n.snapGrid[0]),
+        y: n.snapGrid[1] * Math.round(ot.y / n.snapGrid[1])
       }), t.parentId && t.extent === "parent") {
-        const vt = n.nodesRef.current.find((ht) => ht.id === t.parentId);
-        if (vt) {
-          const ht = vt.width || 160, bt = vt.height || 60, Et = t.width || ((dt = t.measured) == null ? void 0 : dt.width) || 160, kt = t.height || ((Lt = t.measured) == null ? void 0 : Lt.height) || 60;
-          rt = {
-            x: Math.max(0, Math.min(rt.x, ht - Et)),
-            y: Math.max(0, Math.min(rt.y, bt - kt))
+        const gt = n.nodesRef.current.find((ct) => ct.id === t.parentId);
+        if (gt) {
+          const ct = gt.width || 160, zt = gt.height || 60, Rt = t.width || ((It = t.measured) == null ? void 0 : It.width) || 160, Lt = t.height || ((st = t.measured) == null ? void 0 : st.height) || 60;
+          ot = {
+            x: Math.max(0, Math.min(ot.x, ct - Rt)),
+            y: Math.max(0, Math.min(ot.y, zt - Lt))
           };
         }
       }
-      const ut = [{ id: t.id, type: "position", position: rt, dragging: !0 }];
-      for (const vt of o.current.selectedStarts) {
-        let ht = { x: vt.startPos.x + j, y: vt.startPos.y + st };
-        n.snapToGrid && n.snapGrid && (ht = {
-          x: n.snapGrid[0] * Math.round(ht.x / n.snapGrid[0]),
-          y: n.snapGrid[1] * Math.round(ht.y / n.snapGrid[1])
-        }), ut.push({ id: vt.id, type: "position", position: ht, dragging: !0 });
+      const ft = [{ id: t.id, type: "position", position: ot, dragging: !0 }];
+      for (const gt of o.current.selectedStarts) {
+        let ct = { x: gt.startPos.x + it, y: gt.startPos.y + dt };
+        n.snapToGrid && n.snapGrid && (ct = {
+          x: n.snapGrid[0] * Math.round(ct.x / n.snapGrid[0]),
+          y: n.snapGrid[1] * Math.round(ct.y / n.snapGrid[1])
+        }), ft.push({ id: gt.id, type: "position", position: ct, dragging: !0 });
       }
-      (pt = (ot = n.onNodesChangeRef).current) == null || pt.call(ot, ut);
-    }, P = (D) => {
-      var nt, lt;
+      (Nt = (xt = n.onNodesChangeRef).current) == null || Nt.call(xt, ft);
+    }, R = (K) => {
+      var rt, G;
       if (!o.current) return;
-      const it = [{ id: t.id, type: "position", dragging: !1 }];
-      for (const G of o.current.selectedStarts)
-        it.push({ id: G.id, type: "position", dragging: !1 });
-      (lt = (nt = n.onNodesChangeRef).current) == null || lt.call(nt, it), o.current = null, w && w.releasePointerCapture(D.pointerId), w == null || w.removeEventListener("pointermove", N), w == null || w.removeEventListener("pointerup", P);
+      const at = [{ id: t.id, type: "position", dragging: !1 }];
+      for (const j of o.current.selectedStarts)
+        at.push({ id: j.id, type: "position", dragging: !1 });
+      (G = (rt = n.onNodesChangeRef).current) == null || G.call(rt, at), o.current = null, w && w.releasePointerCapture(K.pointerId), w == null || w.removeEventListener("pointermove", P), w == null || w.removeEventListener("pointerup", R);
     };
-    w == null || w.addEventListener("pointermove", N), w == null || w.addEventListener("pointerup", P);
+    w == null || w.addEventListener("pointermove", P), w == null || w.addEventListener("pointerup", R);
   }, [t, n]), c = F((M) => {
-    var g, f, p, v, w, N;
+    var g, f, p, v, N, w;
     if (!t.selected) return;
     const $ = M.shiftKey ? 10 : 1;
-    let z = 0, E = 0;
+    let k = 0, E = 0;
     switch (M.key) {
       case "ArrowUp":
         E = -$;
@@ -1925,10 +1927,10 @@ function $r({ node: t, nodeType: e }) {
         E = $;
         break;
       case "ArrowLeft":
-        z = -$;
+        k = -$;
         break;
       case "ArrowRight":
-        z = $;
+        k = $;
         break;
       case "Escape":
         (f = (g = n.onNodesChangeRef).current) == null || f.call(g, [{ id: t.id, type: "select", selected: !1 }]);
@@ -1941,10 +1943,10 @@ function $r({ node: t, nodeType: e }) {
         return;
     }
     M.preventDefault();
-    const W = { x: t.position.x + z, y: t.position.y + E }, H = [{ id: t.id, type: "position", position: W }];
+    const _ = { x: t.position.x + k, 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 && H.push({ id: P.id, type: "position", position: { x: P.position.x + z, y: P.position.y + E } });
-    (N = (w = n.onNodesChangeRef).current) == null || N.call(w, H);
+      P.selected && P.id !== t.id && D.push({ id: P.id, type: "position", position: { x: P.position.x + k, y: P.position.y + E } });
+    (w = (N = n.onNodesChangeRef).current) == null || w.call(N, D);
   }, [t, n]), u = t.width || ((m = t.measured) == null ? void 0 : m.width), l = t.height || ((C = t.measured) == null ? void 0 : C.height), y = !!(u && l);
   return /* @__PURE__ */ S(je.Provider, { value: t.id, children: /* @__PURE__ */ S(
     "div",
@@ -1965,7 +1967,7 @@ function $r({ node: t, nodeType: e }) {
       "data-nodeid": t.id,
       tabIndex: t.selectable !== !1 ? 0 : void 0,
       role: "button",
-      "aria-label": `Node ${((k = t.data) == null ? void 0 : k.label) || t.id}`,
+      "aria-label": `Node ${((z = t.data) == null ? void 0 : z.label) || t.id}`,
       "aria-selected": !!t.selected,
       onPointerDown: i,
       onKeyDown: c,
@@ -2054,35 +2056,35 @@ 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, w, N, P) => {
-    var lt;
-    w.stopPropagation(), w.preventDefault();
+  const s = yt(), [o, i] = Gt(null), c = F((v, N, w, P) => {
+    var rt;
+    N.stopPropagation(), N.preventDefault();
     const R = s.wrapRef.current;
     if (!R) return;
-    const B = v === "source" ? P : N, q = v === "source" ? t.target : t.source;
-    (lt = s.workerRef.current) == null || lt.postMessage({
+    const B = v === "source" ? P : w, q = v === "source" ? t.target : t.source;
+    (rt = s.workerRef.current) == null || rt.postMessage({
       type: "connecting",
       data: { from: { x: B.x, y: B.y }, to: { x: B.x, y: B.y } }
     });
-    const D = R.getBoundingClientRect(), it = (G) => {
-      var ut;
-      const j = s.cameraRef.current, st = (G.clientX - D.left - j.x) / j.zoom, rt = (G.clientY - D.top - j.y) / j.zoom;
-      (ut = s.workerRef.current) == null || ut.postMessage({
+    const X = R.getBoundingClientRect(), K = (G) => {
+      var ot;
+      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom;
+      (ot = s.workerRef.current) == null || ot.postMessage({
         type: "connecting",
-        data: { from: { x: B.x, y: B.y }, to: { x: st, y: rt } }
+        data: { from: { x: B.x, y: B.y }, to: { x: it, y: dt } }
       });
-    }, nt = (G) => {
-      var pt, vt, ht, bt;
-      const j = s.cameraRef.current, st = (G.clientX - D.left - j.x) / j.zoom, rt = (G.clientY - D.top - j.y) / j.zoom, ut = 20 / j.zoom;
-      let dt = null, Lt = null;
-      const ot = (pt = s.handleRegistryRef) == null ? void 0 : pt.current;
-      for (const Et of s.nodesRef.current) {
-        if (Et.hidden) continue;
-        const kt = Et.width || On, $t = Et.height || Qn, wt = Et._absolutePosition || Et.position, ne = [];
-        if (ot)
-          for (const [, Bt] of ot)
-            Bt.nodeId === Et.id && ne.push(Bt);
-        const Ie = ne.length > 0 ? ne : Et.handles || [
+    }, at = (G) => {
+      var xt, Nt, gt, ct;
+      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom, ot = 20 / j.zoom;
+      let ft = null, It = null;
+      const st = (xt = s.handleRegistryRef) == null ? void 0 : xt.current;
+      for (const zt of s.nodesRef.current) {
+        if (zt.hidden) continue;
+        const Rt = zt.width || On, Lt = zt.height || Qn, wt = zt._absolutePosition || zt.position, ne = [];
+        if (st)
+          for (const [, Bt] of st)
+            Bt.nodeId === zt.id && ne.push(Bt);
+        const Ie = ne.length > 0 ? ne : zt.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
@@ -2093,37 +2095,37 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
           else
             switch (Bt.position || (Bt.type === "source" ? "right" : "left")) {
               case "top":
-                Ot = wt.x + kt / 2, Yt = wt.y;
+                Ot = wt.x + Rt / 2, Yt = wt.y;
                 break;
               case "bottom":
-                Ot = wt.x + kt / 2, Yt = wt.y + $t;
+                Ot = wt.x + Rt / 2, Yt = wt.y + Lt;
                 break;
               case "left":
-                Ot = wt.x, Yt = wt.y + $t / 2;
+                Ot = wt.x, Yt = wt.y + Lt / 2;
                 break;
               default:
-                Ot = wt.x + kt, Yt = wt.y + $t / 2;
+                Ot = wt.x + Rt, Yt = wt.y + Lt / 2;
                 break;
             }
-          if (Math.abs(st - Ot) < ut && Math.abs(rt - Yt) < ut) {
-            dt = Et, Lt = Bt.id || null;
+          if (Math.abs(it - Ot) < ot && Math.abs(dt - Yt) < ot) {
+            ft = zt, It = Bt.id || null;
             break;
           }
         }
-        if (dt) break;
+        if (ft) break;
       }
-      if (dt) {
-        const Et = v === "source" ? { source: dt.id, target: q, sourceHandle: Lt, targetHandle: t.targetHandle } : { source: q, target: dt.id, sourceHandle: t.sourceHandle, targetHandle: Lt };
-        (ht = (vt = s.onEdgesChangeRef).current) == null || ht.call(vt, [
+      if (ft) {
+        const zt = v === "source" ? { source: ft.id, target: q, sourceHandle: It, targetHandle: t.targetHandle } : { source: q, target: ft.id, sourceHandle: t.sourceHandle, targetHandle: It };
+        (gt = (Nt = s.onEdgesChangeRef).current) == null || gt.call(Nt, [
           { id: t.id, type: "remove" },
-          { type: "add", item: { id: t.id, ...Et } }
+          { type: "add", item: { id: t.id, ...zt } }
         ]);
       }
-      (bt = s.workerRef.current) == null || bt.postMessage({ type: "connecting", data: null }), R.removeEventListener("pointermove", it), R.removeEventListener("pointerup", nt);
+      (ct = s.workerRef.current) == null || ct.postMessage({ type: "connecting", data: null }), R.removeEventListener("pointermove", K), R.removeEventListener("pointerup", at);
     };
-    R.addEventListener("pointermove", it), R.addEventListener("pointerup", nt);
-  }, [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, k = 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", z = s.routedEdges || s.edges, E = z == null ? void 0 : z.find((v) => v.id === t.id), W = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, H = r !== !1 && t.reconnectable !== !1;
-  return !k || !M ? null : /* @__PURE__ */ It(
+    R.addEventListener("pointermove", K), R.addEventListener("pointerup", at);
+  }, [t, s]), u = n.find((v) => v.id === t.source), l = n.find((v) => v.id === t.target), y = u && !!(u.width || (g = u.measured) != null && g.width), m = l && !!(l.width || (f = l.measured) != null && f.width), C = (p = s.handleRegistryRef) == null ? void 0 : p.current, z = y ? Bn(u, "source", t.sourceHandle, C) : null, M = m ? Bn(l, "target", t.targetHandle, C) : null, $ = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", k = s.routedEdges || s.edges, E = k == null ? void 0 : k.find((v) => v.id === t.id), _ = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, D = r !== !1 && t.reconnectable !== !1;
+  return !z || !M ? null : /* @__PURE__ */ $t(
     "g",
     {
       className: `ric-edge-wrapper ${t.selected ? "selected" : ""}`,
@@ -2137,11 +2139,11 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             id: t.id,
             source: t.source,
             target: t.target,
-            sourceX: k.x,
-            sourceY: k.y,
+            sourceX: z.x,
+            sourceY: z.y,
             targetX: M.x,
             targetY: M.y,
-            sourcePosition: k.position,
+            sourcePosition: z.position,
             targetPosition: M.position,
             sourceHandleId: t.sourceHandle,
             targetHandleId: t.targetHandle,
@@ -2153,18 +2155,18 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             style: t.style,
             selectable: t.selectable !== !1,
             deletable: t.deletable !== !1,
-            routedPoints: W
+            routedPoints: _
           }
         ),
-        H && (o || t.selected) && /* @__PURE__ */ It(Le, { children: [
+        D && (o || t.selected) && /* @__PURE__ */ $t(Le, { children: [
           /* @__PURE__ */ S(
             Dn,
             {
-              x: k.x,
-              y: k.y,
-              position: k.position,
+              x: z.x,
+              y: z.y,
+              position: z.position,
               type: "source",
-              onPointerDown: (v) => c("source", v, k, M)
+              onPointerDown: (v) => c("source", v, z, M)
             }
           ),
           /* @__PURE__ */ S(
@@ -2174,7 +2176,7 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
               y: M.y,
               position: M.position,
               type: "target",
-              onPointerDown: (v) => c("target", v, k, M)
+              onPointerDown: (v) => c("target", v, z, M)
             }
           )
         ] })
@@ -2185,48 +2187,48 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
 const Dr = Zt(Br);
 function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
   var $;
-  const n = yt(), [r, s] = Gt(null), o = V(null);
-  if (ft(() => {
-    const z = n.wrapRef.current;
-    if (!z) return;
-    let E = !1, W = null, H = !1;
-    const g = (N) => {
-      N.key === t && (H = !0);
-    }, f = (N) => {
-      N.key === t && (H = !1);
-    }, p = (N) => {
-      if (!H) return;
-      const P = N.target;
+  const n = yt(), [r, s] = Gt(null), o = tt(null);
+  if (ht(() => {
+    const k = n.wrapRef.current;
+    if (!k) return;
+    let E = !1, _ = null, D = !1;
+    const g = (w) => {
+      w.key === t && (D = !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;
       E = !0;
-      const R = n.cameraRef.current, B = z.getBoundingClientRect(), q = (N.clientX - B.left - R.x) / R.zoom, D = (N.clientY - B.top - R.y) / R.zoom;
-      W = { x: q, y: D }, s({ startX: q, startY: D, endX: q, endY: D }), N.stopPropagation();
-    }, v = (N) => {
-      if (!E || !W) return;
-      const P = n.cameraRef.current, R = z.getBoundingClientRect(), B = (N.clientX - R.left - P.x) / P.zoom, q = (N.clientY - R.top - P.y) / P.zoom;
-      s({ startX: W.x, startY: W.y, endX: B, endY: q });
-    }, w = (N) => {
-      var nt, lt;
-      if (!E || !W) return;
+      const R = n.cameraRef.current, B = k.getBoundingClientRect(), q = (w.clientX - B.left - R.x) / R.zoom, X = (w.clientY - B.top - R.y) / R.zoom;
+      _ = { x: q, y: X }, s({ startX: q, startY: X, endX: q, endY: X }), w.stopPropagation();
+    }, v = (w) => {
+      if (!E || !_) return;
+      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom;
+      s({ startX: _.x, startY: _.y, endX: B, endY: q });
+    }, N = (w) => {
+      var at, rt;
+      if (!E || !_) return;
       E = !1;
-      const P = n.cameraRef.current, R = z.getBoundingClientRect(), B = (N.clientX - R.left - P.x) / P.zoom, q = (N.clientY - R.top - P.y) / P.zoom, D = {
-        x: Math.min(W.x, B),
-        y: Math.min(W.y, q),
-        width: Math.abs(B - W.x),
-        height: Math.abs(q - W.y)
-      }, it = [];
+      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom, X = {
+        x: Math.min(_.x, B),
+        y: Math.min(_.y, q),
+        width: Math.abs(B - _.x),
+        height: Math.abs(q - _.y)
+      }, K = [];
       for (const G of n.nodesRef.current) {
-        const j = G._absolutePosition || G.position, st = G.width || 160, rt = G.height || 60;
-        let ut;
-        e === "full" ? ut = j.x >= D.x && j.y >= D.y && j.x + st <= D.x + D.width && j.y + rt <= D.y + D.height : ut = j.x + st > D.x && j.x < D.x + D.width && j.y + rt > D.y && j.y < D.y + D.height, it.push({ id: G.id, type: "select", selected: ut });
+        const j = G._absolutePosition || G.position, it = G.width || 160, dt = G.height || 60;
+        let ot;
+        e === "full" ? ot = j.x >= X.x && j.y >= X.y && j.x + it <= X.x + X.width && j.y + dt <= X.y + X.height : ot = j.x + it > X.x && j.x < X.x + X.width && j.y + dt > X.y && j.y < X.y + X.height, K.push({ id: G.id, type: "select", selected: ot });
       }
-      it.length && ((lt = (nt = n.onNodesChangeRef).current) == null || lt.call(nt, it)), W = null, s(null);
+      K.length && ((rt = (at = n.onNodesChangeRef).current) == null || rt.call(at, K)), _ = null, s(null);
     };
-    return z.addEventListener("pointerdown", p, !0), z.addEventListener("pointermove", v), z.addEventListener("pointerup", w), window.addEventListener("keydown", g), window.addEventListener("keyup", f), () => {
-      z.removeEventListener("pointerdown", p, !0), z.removeEventListener("pointermove", v), z.removeEventListener("pointerup", w), window.removeEventListener("keydown", g), window.removeEventListener("keyup", f);
+    return k.addEventListener("pointerdown", p, !0), k.addEventListener("pointermove", v), k.addEventListener("pointerup", N), window.addEventListener("keydown", g), window.addEventListener("keyup", f), () => {
+      k.removeEventListener("pointerdown", p, !0), k.removeEventListener("pointermove", v), k.removeEventListener("pointerup", N), window.removeEventListener("keydown", g), window.removeEventListener("keyup", f);
     };
   }, [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, k = 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), 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;
   return /* @__PURE__ */ S(
     "div",
     {
@@ -2236,7 +2238,7 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
         position: "absolute",
         left: m,
         top: C,
-        width: k,
+        width: z,
         height: M,
         border: "1px dashed #3b82f6",
         background: "rgba(59, 130, 246, 0.08)",
@@ -2247,7 +2249,7 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
   );
 }
 Kn.displayName = "SelectionBox";
-const Hr = Zt(Kn);
+const Ar = Zt(Kn);
 function Jn(t, e) {
   var s, o, i, c;
   const n = (s = t.handleRegistryRef) == null ? void 0 : s.current;
@@ -2263,12 +2265,12 @@ function Jn(t, e) {
   ]), (c = t.syncNodesToWorker) == null || c.call(t);
 }
 const vn = /* @__PURE__ */ new Set();
-function Hn(t, e) {
+function An(t, e) {
   vn.has(e) || (vn.add(e), queueMicrotask(() => {
     vn.delete(e), Jn(t, e);
   }));
 }
-function Ar(t, e) {
+function Hr(t, e) {
   const n = t.closest(".ric-node-wrapper");
   if (!n) return null;
   const r = n.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e || 1;
@@ -2290,128 +2292,128 @@ function on({
   onConnect: l,
   ...y
 }) {
-  const m = qe(je), C = yt(), k = V(null), M = V(C);
+  const m = qe(je), C = yt(), z = tt(null), M = tt(C);
   M.current = C;
   const $ = F(() => {
-    var N, P, R;
-    const H = k.current;
-    if (!H || !m) return;
-    const g = M.current, f = (N = g.handleRegistryRef) == null ? void 0 : N.current;
+    var w, P, R;
+    const D = z.current;
+    if (!D || !m) return;
+    const g = M.current, f = (w = g.handleRegistryRef) == null ? void 0 : w.current;
     if (!f) return;
-    const p = `${m}__${n || t}`, v = (R = (P = g.cameraRef) == null ? void 0 : P.current) == null ? void 0 : R.zoom, w = Ar(H, v);
-    if (w) {
-      const B = { nodeId: m, id: n || null, type: t, position: e, x: w.x, y: w.y };
+    const p = `${m}__${n || t}`, v = (R = (P = g.cameraRef) == null ? void 0 : P.current) == null ? void 0 : R.zoom, N = Hr(D, v);
+    if (N) {
+      const B = { nodeId: m, id: n || null, type: t, position: e, x: N.x, y: N.y };
       f.set(p, B);
     }
   }, [m, n, t, e]);
   kr(() => {
     $();
-  }, [$]), ft(() => {
+  }, [$]), ht(() => {
     if (!m) return;
-    const H = M.current;
-    Hn(H, m);
-    const g = k.current, f = g == null ? void 0 : g.closest(".ric-node-wrapper"), p = new ResizeObserver(() => {
-      $(), Hn(M.current, m);
+    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);
     });
     return f && p.observe(f), () => {
       var P;
       p.disconnect();
-      const v = M.current, w = (P = v.handleRegistryRef) == null ? void 0 : P.current, N = `${m}__${n || t}`;
-      w == null || w.delete(N), Jn(v, m);
+      const v = M.current, N = (P = v.handleRegistryRef) == null ? void 0 : P.current, w = `${m}__${n || t}`;
+      N == null || N.delete(w), Jn(v, m);
     };
   }, [m, n, t, e, $]);
-  const z = F(() => {
+  const k = F(() => {
     var R;
-    const H = M.current, g = H.nodesRef.current.find((B) => B.id === m);
+    const D = M.current, g = D.nodesRef.current.find((B) => B.id === m);
     if (!g) return null;
-    const f = g._absolutePosition || g.position, p = (R = H.handleRegistryRef) == null ? void 0 : R.current, v = `${m}__${n || t}`, w = p == null ? void 0 : p.get(v);
-    if (w && w.x !== void 0 && w.y !== void 0)
-      return { x: f.x + w.x, y: f.y + w.y };
-    const N = g.width || 160, P = g.height || 60;
+    const f = g._absolutePosition || g.position, p = (R = D.handleRegistryRef) == null ? void 0 : R.current, v = `${m}__${n || t}`, N = p == null ? void 0 : p.get(v);
+    if (N && N.x !== void 0 && N.y !== void 0)
+      return { x: f.x + N.x, y: f.y + N.y };
+    const w = g.width || 160, P = g.height || 60;
     switch (e) {
       case "top":
-        return { x: f.x + N / 2, y: f.y };
+        return { x: f.x + w / 2, y: f.y };
       case "bottom":
-        return { x: f.x + N / 2, y: f.y + P };
+        return { x: f.x + w / 2, y: f.y + P };
       case "left":
         return { x: f.x, y: f.y + P / 2 };
       default:
-        return { x: f.x + N, y: f.y + P / 2 };
+        return { x: f.x + w, y: f.y + P / 2 };
     }
-  }, [m, n, t, e]), E = F((H) => {
+  }, [m, n, t, e]), E = F((D) => {
     var q;
     if (!r || !s) return;
-    H.stopPropagation(), H.preventDefault();
+    D.stopPropagation(), D.preventDefault();
     const g = M.current, f = g.cameraRef.current, p = g.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), w = z();
-    if (!w) return;
-    const N = w.x, P = w.y;
+    const v = p.getBoundingClientRect(), N = k();
+    if (!N) return;
+    const w = N.x, P = N.y;
     (q = g.workerRef.current) == null || q.postMessage({
       type: "connecting",
-      data: { from: { x: N, y: P }, to: { x: N, y: P } }
-    }), p.setPointerCapture(H.pointerId);
-    const R = (D) => {
-      var lt;
-      const it = (D.clientX - v.left - f.x) / f.zoom, nt = (D.clientY - v.top - f.y) / f.zoom;
-      (lt = g.workerRef.current) == null || lt.postMessage({
+      data: { from: { x: w, y: P }, to: { x: w, y: P } }
+    }), p.setPointerCapture(D.pointerId);
+    const R = (X) => {
+      var rt;
+      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom;
+      (rt = g.workerRef.current) == null || rt.postMessage({
         type: "connecting",
-        data: { from: { x: N, y: P }, to: { x: it, y: nt } }
+        data: { from: { x: w, y: P }, to: { x: K, y: at } }
       });
-    }, B = (D) => {
-      var rt, ut, dt, Lt;
-      const it = (D.clientX - v.left - f.x) / f.zoom, nt = (D.clientY - v.top - f.y) / f.zoom, lt = 20 / f.zoom;
+    }, B = (X) => {
+      var dt, ot, ft, It;
+      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom, rt = 20 / f.zoom;
       let G = null, j = null;
-      const st = (rt = g.handleRegistryRef) == null ? void 0 : rt.current;
-      for (const ot of g.nodesRef.current) {
-        if (ot.id === m || ot.hidden) continue;
-        const pt = ot.width || 160, vt = ot.height || 60, ht = ot._absolutePosition || ot.position, bt = [];
-        if (st)
-          for (const [, kt] of st)
-            kt.nodeId === ot.id && bt.push(kt);
-        const Et = bt.length > 0 ? bt : ot.handles || [
+      const it = (dt = g.handleRegistryRef) == null ? void 0 : dt.current;
+      for (const st of g.nodesRef.current) {
+        if (st.id === m || st.hidden) continue;
+        const xt = st.width || 160, Nt = st.height || 60, gt = st._absolutePosition || st.position, ct = [];
+        if (it)
+          for (const [, Rt] of it)
+            Rt.nodeId === st.id && ct.push(Rt);
+        const zt = ct.length > 0 ? ct : st.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
-        for (const kt of Et) {
-          let $t, wt;
-          if (kt.x !== void 0 && kt.y !== void 0)
-            $t = ht.x + kt.x, wt = ht.y + kt.y;
+        for (const Rt of zt) {
+          let Lt, wt;
+          if (Rt.x !== void 0 && Rt.y !== void 0)
+            Lt = gt.x + Rt.x, wt = gt.y + Rt.y;
           else
-            switch (kt.position || (kt.type === "source" ? "right" : "left")) {
+            switch (Rt.position || (Rt.type === "source" ? "right" : "left")) {
               case "top":
-                $t = ht.x + pt / 2, wt = ht.y;
+                Lt = gt.x + xt / 2, wt = gt.y;
                 break;
               case "bottom":
-                $t = ht.x + pt / 2, wt = ht.y + vt;
+                Lt = gt.x + xt / 2, wt = gt.y + Nt;
                 break;
               case "left":
-                $t = ht.x, wt = ht.y + vt / 2;
+                Lt = gt.x, wt = gt.y + Nt / 2;
                 break;
               default:
-                $t = ht.x + pt, wt = ht.y + vt / 2;
+                Lt = gt.x + xt, wt = gt.y + Nt / 2;
                 break;
             }
-          if (Math.abs(it - $t) < lt && Math.abs(nt - wt) < lt) {
-            G = ot, j = kt.id || null;
+          if (Math.abs(K - Lt) < rt && Math.abs(at - wt) < rt) {
+            G = st, j = Rt.id || null;
             break;
           }
         }
         if (G) break;
       }
       if (G) {
-        const ot = {
+        const st = {
           source: t === "source" ? m : G.id,
           target: t === "source" ? G.id : m,
           sourceHandle: t === "source" ? n || null : j,
           targetHandle: t === "source" ? j : n || null
         };
-        (dt = (ut = g.onEdgesChangeRef) == null ? void 0 : ut.current) == null || dt.call(ut, [{ type: "add", item: { id: `e-${ot.source}-${ot.target}`, ...ot } }]);
+        (ft = (ot = g.onEdgesChangeRef) == null ? void 0 : ot.current) == null || ft.call(ot, [{ type: "add", item: { id: `e-${st.source}-${st.target}`, ...st } }]);
       }
-      (Lt = g.workerRef.current) == null || Lt.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", R), p.removeEventListener("pointerup", B);
+      (It = g.workerRef.current) == null || It.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", R), p.removeEventListener("pointerup", B);
     };
     p.addEventListener("pointermove", R), p.addEventListener("pointerup", B);
-  }, [m, n, t, e, r, s, z]), W = {
+  }, [m, 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%)" },
@@ -2420,7 +2422,7 @@ function on({
   return /* @__PURE__ */ S(
     "div",
     {
-      ref: k,
+      ref: z,
       className: `ric-handle ric-handle-${e} ric-handle-${t} ${c}`,
       "data-handleid": n || null,
       "data-nodeid": m,
@@ -2437,7 +2439,7 @@ function on({
         zIndex: 10,
         cursor: r ? "crosshair" : "default",
         boxSizing: "border-box",
-        ...W,
+        ..._,
         ...u
       },
       ...y,
@@ -2454,7 +2456,7 @@ function ko({
   hideSourceHandle: o = !1,
   hideTargetHandle: i = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-default-node${n ? " selected" : ""}`,
@@ -2483,7 +2485,7 @@ function _r({
   sourcePosition: r = "right",
   hideSourceHandle: s = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-input-node${n ? " selected" : ""}`,
@@ -2512,7 +2514,7 @@ function Wr({
   targetPosition: r = "left",
   hideTargetHandle: s = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-output-node${n ? " selected" : ""}`,
@@ -2576,10 +2578,10 @@ function Vn({
   className: l = "",
   ...y
 }) {
-  const [m, C] = Gt({ x: 1, y: 0, width: 0, height: 0 }), k = V(null);
-  return ft(() => {
-    if (k.current) {
-      const M = k.current.getBBox();
+  const [m, C] = Gt({ x: 1, y: 0, width: 0, height: 0 }), z = tt(null);
+  return ht(() => {
+    if (z.current) {
+      const M = z.current.getBBox();
       C({
         x: M.x,
         y: M.y,
@@ -2587,7 +2589,7 @@ function Vn({
         height: M.height
       });
     }
-  }, [n]), n ? /* @__PURE__ */ It(
+  }, [n]), n ? /* @__PURE__ */ $t(
     "g",
     {
       transform: `translate(${t - m.width / 2} ${e - m.height / 2})`,
@@ -2614,7 +2616,7 @@ function Vn({
             className: "ric-edge-text",
             y: m.height / 2,
             dy: "0.3em",
-            ref: k,
+            ref: z,
             style: r,
             children: n
           }
@@ -2626,7 +2628,7 @@ function Vn({
 }
 Vn.displayName = "EdgeText";
 const Fr = Zt(Vn);
-function An(t) {
+function Hn(t) {
   return t != null && t !== "" && !isNaN(Number(t));
 }
 function un({
@@ -2643,11 +2645,11 @@ function un({
   interactionWidth: y = 20,
   style: m,
   markerEnd: C,
-  markerStart: k,
+  markerStart: z,
   className: M = "",
   ...$
 }) {
-  return /* @__PURE__ */ It(Le, { children: [
+  return /* @__PURE__ */ $t(Le, { children: [
     /* @__PURE__ */ S(
       "path",
       {
@@ -2659,7 +2661,7 @@ function un({
         className: `ric-edge-path ${M}`,
         style: m,
         markerEnd: C,
-        markerStart: k,
+        markerStart: z,
         ...$
       }
     ),
@@ -2674,7 +2676,7 @@ function un({
         style: { pointerEvents: "stroke" }
       }
     ) : null,
-    s && An(n) && An(r) ? /* @__PURE__ */ S(
+    s && Hn(n) && Hn(r) ? /* @__PURE__ */ S(
       Fr,
       {
         x: n,
@@ -2717,61 +2719,61 @@ const tr = Zt(function({
   labelShowBg: y,
   labelBgStyle: m,
   labelBgPadding: C,
-  labelBgBorderRadius: k,
+  labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: z,
+  markerStart: k,
   interactionWidth: E
 }) {
-  let W, H, g;
-  const f = _n(n, r, i), p = _n(s, o, c), v = Math.abs(p.x - f.x), w = Math.max(50, v * 0.5);
-  let N, P, R, B;
+  let _, D, g;
+  const f = _n(n, r, i), p = _n(s, o, c), v = Math.abs(p.x - f.x), N = Math.max(50, v * 0.5);
+  let w, P, R, B;
   switch (i) {
     case "left":
-      N = f.x - w, P = f.y;
+      w = f.x - N, P = f.y;
       break;
     case "top":
-      N = f.x, P = f.y - w;
+      w = f.x, P = f.y - N;
       break;
     case "bottom":
-      N = f.x, P = f.y + w;
+      w = f.x, P = f.y + N;
       break;
     default:
-      N = f.x + w, P = f.y;
+      w = f.x + N, P = f.y;
       break;
   }
   switch (c) {
     case "right":
-      R = p.x + w, B = p.y;
+      R = p.x + N, B = p.y;
       break;
     case "top":
-      R = p.x, B = p.y - w;
+      R = p.x, B = p.y - N;
       break;
     case "bottom":
-      R = p.x, B = p.y + w;
+      R = p.x, B = p.y + N;
       break;
     default:
-      R = p.x - w, B = p.y;
+      R = p.x - N, B = p.y;
       break;
   }
-  W = `M ${n},${r} L ${f.x},${f.y} C ${N},${P} ${R},${B} ${p.x},${p.y} L ${s},${o}`;
-  const q = 0.5, D = 0.5;
-  return H = D * D * D * f.x + 3 * D * D * q * N + 3 * D * q * q * R + q * q * q * p.x, g = D * D * D * f.y + 3 * D * D * q * P + 3 * D * q * q * B + q * q * q * p.y, /* @__PURE__ */ S(
+  _ = `M ${n},${r} L ${f.x},${f.y} C ${w},${P} ${R},${B} ${p.x},${p.y} L ${s},${o}`;
+  const q = 0.5, X = 0.5;
+  return D = X * X * X * f.x + 3 * X * X * q * w + 3 * X * q * q * R + q * q * q * p.x, g = X * X * X * f.y + 3 * X * X * q * P + 3 * X * q * q * B + q * q * q * p.y, /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: W,
-      labelX: H,
+      path: _,
+      labelX: D,
       labelY: g,
       label: u,
       labelStyle: l,
       labelShowBg: y,
       labelBgStyle: m,
       labelBgPadding: C,
-      labelBgBorderRadius: k,
+      labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: z,
+      markerStart: k,
       interactionWidth: E
     }
   );
@@ -2791,7 +2793,7 @@ function nr({
   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, k, M;
+  let m, C, z, M;
   switch (s) {
     case "top":
       m = t, C = e - y;
@@ -2808,20 +2810,20 @@ function nr({
   }
   switch (o) {
     case "top":
-      k = n, M = r - y;
+      z = n, M = r - y;
       break;
     case "bottom":
-      k = n, M = r + y;
+      z = n, M = r + y;
       break;
     case "right":
-      k = n + y, M = r;
+      z = n + y, M = r;
       break;
     default:
-      k = n - y, M = r;
+      z = n - y, M = r;
       break;
   }
-  const $ = `M ${t},${e} C ${m},${C} ${k},${M} ${n},${r}`, z = 0.5, E = 1 - z, W = E * E * E * t + 3 * E * E * z * m + 3 * E * z * z * k + z * z * z * n, H = E * E * E * e + 3 * E * E * z * C + 3 * E * z * z * M + z * z * z * r;
-  return [$, W, H, 0, 0];
+  const $ = `M ${t},${e} C ${m},${C} ${z},${M} ${n},${r}`, k = 0.5, E = 1 - k, _ = E * E * E * t + 3 * E * E * k * m + 3 * E * k * k * z + k * k * k * n, D = E * E * E * e + 3 * E * E * k * C + 3 * E * k * k * M + k * k * k * r;
+  return [$, _, D, 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;
@@ -2841,8 +2843,8 @@ function kn({
   if (u) {
     if (Math.abs(r - e) < 1)
       return [`M ${t},${e} L ${n},${r}`, (t + n) / 2, e, 0, 0];
-    const k = (t + n) / 2, M = r > e ? 1 : -1;
-    return [`M ${t},${e} L ${k - l},${e} Q ${k},${e} ${k},${e + M * l} L ${k},${r - M * l} Q ${k},${r} ${k + (n > k ? l : -l)},${r} L ${n},${r}`, k, (e + r) / 2, 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 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];
@@ -2907,11 +2909,11 @@ function Yr(t, e, n, r, s, o, i, c) {
   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 k = (t + n) / 2, M = (e + r) / 2;
-  if (k > s + C && k < s + i - C && M > o + C && M < 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 $ = [[s, o], [s + i, o], [s + i, o + c], [s, o + c]];
-  for (let z = 0; z < 4; z++)
-    if (Ur(t, e, n, r, $[z][0], $[z][1], $[(z + 1) % 4][0], $[(z + 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) {
@@ -2963,37 +2965,37 @@ function sr(t, e, n) {
   const i = [...r].sort((R, B) => R - B), c = [...s].sort((R, B) => R - B), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
   for (let R = 0; R < i.length; R++) u.set(i[R], R);
   for (let R = 0; R < c.length; R++) l.set(c[R], R);
-  const y = i.length, m = c.length, C = (R, B) => B * y + R, k = u.get(t.x), M = l.get(t.y), $ = u.get(e.x), z = l.get(e.y);
-  if (k === void 0 || M === void 0 || $ === void 0 || z === void 0) return null;
-  const E = C(k, M), W = C($, z), H = 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);
-  H[E] = 0, g[E] = Math.abs(i[$] - t.x) + Math.abs(c[z] - t.y);
-  const w = [E], N = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
-  for (; w.length > 0; ) {
+  const y = i.length, m = c.length, C = (R, B) => B * y + R, z = u.get(t.x), M = l.get(t.y), $ = u.get(e.x), k = l.get(e.y);
+  if (z === void 0 || M === void 0 || $ === void 0 || k === void 0) return null;
+  const E = C(z, M), _ = C($, k), D = new Float64Array(y * m).fill(1 / 0), g = new Float64Array(y * m).fill(1 / 0), f = new Int32Array(y * m).fill(-1), p = new Int8Array(y * m).fill(-1), v = new Uint8Array(y * m);
+  D[E] = 0, g[E] = Math.abs(i[$] - t.x) + Math.abs(c[k] - t.y);
+  const N = [E], w = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
+  for (; N.length > 0; ) {
     let R = 0;
-    for (let G = 1; G < w.length; G++)
-      g[w[G]] < g[w[R]] && (R = G);
-    const B = w[R];
-    if (w[R] = w[w.length - 1], w.pop(), B === W) {
+    for (let G = 1; G < N.length; G++)
+      g[N[G]] < g[N[R]] && (R = G);
+    const B = N[R];
+    if (N[R] = N[N.length - 1], N.pop(), B === _) {
       const G = [];
-      let j = W;
+      let j = _;
       for (; j !== -1 && j !== E; ) {
-        const st = j / y | 0, rt = j % y;
-        G.unshift({ x: i[rt], y: c[st] }), j = f[j];
+        const it = j / y | 0, dt = j % y;
+        G.unshift({ x: i[dt], y: c[it] }), j = f[j];
       }
       return G.unshift({ x: t.x, y: t.y }), jr(G, n);
     }
     if (v[B]) continue;
     v[B] = 1;
-    const q = B / y | 0, D = B % y, it = i[D], nt = c[q], lt = p[B];
+    const q = B / y | 0, X = B % y, K = i[X], at = c[q], rt = p[B];
     for (let G = 0; G < 4; G++) {
-      const j = D + P[G][0], st = q + P[G][1];
-      if (j < 0 || j >= y || st < 0 || st >= m) continue;
-      const rt = C(j, st);
-      if (v[rt]) continue;
-      const ut = i[j], dt = c[st];
-      if (qr(ut, dt, n) || !zn(it, nt, ut, dt, n)) continue;
-      const Lt = Math.abs(ut - it) + Math.abs(dt - nt), ot = lt >= 0 && lt !== G ? N : 0, pt = H[B] + Lt + ot;
-      pt < H[rt] && (f[rt] = B, p[rt] = G, H[rt] = pt, g[rt] = pt + Math.abs(i[$] - ut) + Math.abs(c[z] - dt), w.push(rt));
+      const j = X + P[G][0], it = q + P[G][1];
+      if (j < 0 || j >= y || it < 0 || it >= m) continue;
+      const dt = C(j, it);
+      if (v[dt]) continue;
+      const ot = i[j], ft = c[it];
+      if (qr(ot, ft, n) || !zn(K, at, ot, ft, n)) continue;
+      const It = Math.abs(ot - K) + Math.abs(ft - at), st = rt >= 0 && rt !== G ? w : 0, xt = D[B] + It + st;
+      xt < D[dt] && (f[dt] = B, p[dt] = G, D[dt] = xt, g[dt] = xt + Math.abs(i[$] - ot) + Math.abs(c[k] - ft), N.push(dt));
     }
   }
   return null;
@@ -3073,8 +3075,8 @@ function En(t, e = 6, n = !1) {
   for (let o = 1; o < t.length - 1; o++) {
     const i = t[o - 1], c = t[o], u = t[o + 1], l = Math.abs(c.x - i.x) + Math.abs(c.y - i.y), y = Math.abs(u.x - c.x) + Math.abs(u.y - c.y), m = Math.min(r, l / 2, y / 2);
     if (m > 0.5) {
-      const C = c.x - i.x, k = c.y - i.y, M = u.x - c.x, $ = u.y - c.y, z = Math.sqrt(C * C + k * k) || 1, E = Math.sqrt(M * M + $ * $) || 1;
-      s += ` L ${c.x - C / z * m},${c.y - k / z * m}`, s += ` Q ${c.x},${c.y} ${c.x + M / E * m},${c.y + $ / E * m}`;
+      const C = c.x - i.x, z = c.y - i.y, M = u.x - c.x, $ = u.y - c.y, k = Math.sqrt(C * C + z * z) || 1, E = Math.sqrt(M * M + $ * $) || 1;
+      s += ` L ${c.x - C / k * m},${c.y - z / k * m}`, s += ` Q ${c.x},${c.y} ${c.x + M / E * m},${c.y + $ / E * m}`;
     } else
       s += ` L ${c.x},${c.y}`;
   }
@@ -3117,15 +3119,15 @@ function No(t, e) {
   const n = {};
   for (const o of t) n[o.id] = o;
   const r = or(t, null), s = e.map((o) => {
-    var p, v, w, N;
+    var p, v, N, 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), k = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), $ = c._absolutePosition || c.position, z = 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 - k, y: $.y - k, w: z + 2 * k, h: E + 2 * k });
-    const W = u._absolutePosition || u.position, H = u.width || ((w = u.measured) == null ? void 0 : w.width) || sn, g = u.height || ((N = u.measured) == null ? void 0 : N.height) || an;
-    if (M.push({ id: o.target, x: W.x - k, y: W.y - k, w: H + 2 * k, h: g + 2 * k }), M.length === 0) return o;
+    const l = Wn(c, "source", o.sourceHandle), y = Wn(u, "target", o.targetHandle), m = ln(l, cn), C = ln(y, cn), z = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), $ = c._absolutePosition || c.position, k = c.width || ((p = c.measured) == null ? void 0 : p.width) || sn, E = c.height || ((v = c.measured) == null ? void 0 : v.height) || an;
+    M.push({ id: o.source, x: $.x - z, y: $.y - z, w: k + 2 * z, h: E + 2 * z });
+    const _ = u._absolutePosition || u.position, D = u.width || ((N = u.measured) == null ? void 0 : N.width) || sn, g = u.height || ((w = u.measured) == null ? void 0 : w.height) || an;
+    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;
   });
@@ -3134,8 +3136,8 @@ function No(t, e) {
 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), k = sr(m, C, u);
-  return k && k.length >= 2 ? (k.unshift({ x: l.x, y: l.y }), k.push({ x: y.x, y: y.y }), k) : 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 ir = Zt(function({
   id: e,
@@ -3150,25 +3152,25 @@ const ir = Zt(function({
   labelBgPadding: y,
   labelBgBorderRadius: m,
   style: C,
-  markerEnd: k,
+  markerEnd: z,
   markerStart: M,
   interactionWidth: $,
-  routedPoints: z
+  routedPoints: k
 }) {
-  let E, W, H;
-  if (z && z.length >= 2) {
-    E = En(z);
-    const g = Cn(z);
-    W = g.x, H = g.y;
+  let E, _, D;
+  if (k && k.length >= 2) {
+    E = En(k);
+    const g = Cn(k);
+    _ = g.x, D = g.y;
   } else
-    [E, W, H] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
+    [E, _, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
   return /* @__PURE__ */ S(
     un,
     {
       id: e,
       path: E,
-      labelX: W,
-      labelY: H,
+      labelX: _,
+      labelY: D,
       label: i,
       labelStyle: c,
       labelShowBg: u,
@@ -3176,7 +3178,7 @@ const ir = Zt(function({
       labelBgPadding: y,
       labelBgBorderRadius: m,
       style: C,
-      markerEnd: k,
+      markerEnd: z,
       markerStart: M,
       interactionWidth: $
     }
@@ -3196,18 +3198,18 @@ const ar = Zt(function({
   labelShowBg: y,
   labelBgStyle: m,
   labelBgPadding: C,
-  labelBgBorderRadius: k,
+  labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: z,
+  markerStart: k,
   pathOptions: E,
-  interactionWidth: W,
-  routedPoints: H
+  interactionWidth: _,
+  routedPoints: D
 }) {
   let g, f, p;
-  if (H && H.length >= 2) {
-    g = En(H);
-    const v = Cn(H);
+  if (D && D.length >= 2) {
+    g = En(D);
+    const v = Cn(D);
     f = v.x, p = v.y;
   } else
     [g, f, p] = kn({
@@ -3232,11 +3234,11 @@ const ar = Zt(function({
       labelShowBg: y,
       labelBgStyle: m,
       labelBgPadding: C,
-      labelBgBorderRadius: k,
+      labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: z,
-      interactionWidth: W
+      markerStart: k,
+      interactionWidth: _
     }
   );
 });
@@ -3266,20 +3268,20 @@ const cr = Zt(function({
   labelShowBg: y,
   labelBgStyle: m,
   labelBgPadding: C,
-  labelBgBorderRadius: k,
+  labelBgBorderRadius: z,
   style: M,
   markerEnd: $,
-  markerStart: z,
+  markerStart: k,
   interactionWidth: E,
-  routedPoints: W
+  routedPoints: _
 }) {
-  let H, g, f;
-  if (W && W.length >= 2) {
-    H = En(W);
-    const p = Cn(W);
+  let D, g, f;
+  if (_ && _.length >= 2) {
+    D = En(_);
+    const p = Cn(_);
     g = p.x, f = p.y;
   } else
-    [H, g, f] = rr({
+    [D, g, f] = rr({
       sourceX: n,
       sourceY: r,
       targetX: s,
@@ -3289,7 +3291,7 @@ const cr = Zt(function({
     un,
     {
       id: e,
-      path: H,
+      path: D,
       labelX: g,
       labelY: f,
       label: u,
@@ -3297,10 +3299,10 @@ const cr = Zt(function({
       labelShowBg: y,
       labelBgStyle: m,
       labelBgPadding: C,
-      labelBgBorderRadius: k,
+      labelBgBorderRadius: z,
       style: M,
       markerEnd: $,
-      markerStart: z,
+      markerStart: k,
       interactionWidth: E
     }
   );
@@ -3334,43 +3336,43 @@ function Io({
   // Zoom/Camera
   zoomMin: m,
   zoomMax: C,
-  initialCamera: k,
+  initialCamera: z,
   fitView: M,
   fitViewOptions: $,
   // Node/Edge callbacks
-  onNodesChange: z,
+  onNodesChange: k,
   onEdgesChange: E,
-  onConnect: W,
-  onConnectStart: H,
+  onConnect: _,
+  onConnectStart: D,
   onConnectEnd: g,
   onNodeClick: f,
   onNodeDoubleClick: p,
   onNodeMouseEnter: v,
-  onNodeMouseMove: w,
-  onNodeMouseLeave: N,
+  onNodeMouseMove: N,
+  onNodeMouseLeave: w,
   onNodeContextMenu: P,
   onNodeDragStart: R,
   onNodeDrag: B,
   onNodeDragStop: q,
-  onEdgeClick: D,
-  onEdgeDoubleClick: it,
-  onEdgeMouseEnter: nt,
-  onEdgeMouseMove: lt,
+  onEdgeClick: X,
+  onEdgeDoubleClick: K,
+  onEdgeMouseEnter: at,
+  onEdgeMouseMove: rt,
   onEdgeMouseLeave: G,
   onEdgeContextMenu: j,
-  onPaneClick: st,
-  onPaneContextMenu: rt,
-  onPaneMouseEnter: ut,
-  onPaneMouseMove: dt,
-  onPaneMouseLeave: Lt,
-  onSelectionChange: ot,
-  onInit: pt,
-  onMoveStart: vt,
-  onMove: ht,
-  onMoveEnd: bt,
-  onDelete: Et,
-  onBeforeDelete: kt,
-  onError: $t,
+  onPaneClick: it,
+  onPaneContextMenu: dt,
+  onPaneMouseEnter: ot,
+  onPaneMouseMove: ft,
+  onPaneMouseLeave: It,
+  onSelectionChange: st,
+  onInit: xt,
+  onMoveStart: Nt,
+  onMove: gt,
+  onMoveEnd: ct,
+  onDelete: zt,
+  onBeforeDelete: Rt,
+  onError: Lt,
   // Drag and drop
   onDragOver: wt,
   onDrop: ne,
@@ -3399,10 +3401,10 @@ function Io({
   zoomOnDoubleClick: Nn,
   zoomOnPinch: hn,
   preventScrolling: fe,
-  translateExtent: xt,
+  translateExtent: mt,
   nodeExtent: Te,
-  autoPanOnNodeDrag: Ct,
-  autoPanOnConnect: gt,
+  autoPanOnNodeDrag: Et,
+  autoPanOnConnect: pt,
   autoPanSpeed: se,
   edgesReconnectable: Z,
   elevateNodesOnSelect: Pt,
@@ -3418,71 +3420,71 @@ function Io({
   children: Me,
   ...ie
 }) {
-  const [Ut, Re] = Gt({ wx: 0, wy: 0, zoom: "1.00" }), Be = V(null), Je = V(null), Ve = F(
+  const [Ut, Re] = Gt({ wx: 0, wy: 0, zoom: "1.00" }), Be = tt(null), Je = tt(null), Ve = F(
     (Q) => {
       Re(Q), te == null || te(Q);
     },
     [te]
   ), ae = St(() => ({ ...Qr, ...r }), [r]), Kt = St(() => ({ ...Kr, ...s }), [s]), he = St(() => {
     const Q = e.filter((Ft) => Ft.type && ae[Ft.type]);
-    return Q.sort((Ft, at) => {
-      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = at.type === "group" || !at.parentId && Q.some((Ee) => Ee.parentId === at.id);
+    return Q.sort((Ft, lt) => {
+      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = lt.type === "group" || !lt.parentId && Q.some((Ee) => Ee.parentId === lt.id);
       return Tt && !xe ? -1 : !Tt && xe ? 1 : 0;
     });
-  }, [e, ae]), ke = St(() => n.filter((Q) => Q.type && Kt[Q.type]), [n, Kt]), O = St(() => e.map((Q) => Q.type && ae[Q.type] ? { ...Q, _customRendered: !0 } : Q), [e, ae]), Mt = St(() => n.map((Q) => Q.type && Kt[Q.type] ? { ...Q, _customRendered: !0 } : Q), [n, Kt]), {
+  }, [e, ae]), ke = St(() => n.filter((Q) => Q.type && Kt[Q.type]), [n, Kt]), O = St(() => e.map((Q) => Q.type && ae[Q.type] ? { ...Q, _customRendered: !0 } : Q), [e, ae]), bt = St(() => n.map((Q) => Q.type && Kt[Q.type] ? { ...Q, _customRendered: !0 } : Q), [n, Kt]), {
     wrapRef: Dt,
     canvasRef: ce,
     canvasReady: De,
-    onPointerDown: He,
-    onPointerMove: Ae,
+    onPointerDown: Ae,
+    onPointerMove: He,
     onPointerUp: _e,
     store: le
   } = Lr({
     cards: t,
     nodes: O,
-    edges: Mt,
+    edges: bt,
     dark: o,
     gridSize: i,
     zoomMin: m,
     zoomMax: C,
-    initialCamera: k,
+    initialCamera: z,
     fitView: M,
     fitViewOptions: $,
     onHudUpdate: Ve,
     onNodesProcessed: gn,
-    onNodesChange: z,
+    onNodesChange: k,
     onEdgesChange: E,
-    onConnect: W,
-    onConnectStart: H,
+    onConnect: _,
+    onConnectStart: D,
     onConnectEnd: g,
     onNodeClick: f,
     onNodeDoubleClick: p,
     onNodeMouseEnter: v,
-    onNodeMouseMove: w,
-    onNodeMouseLeave: N,
+    onNodeMouseMove: N,
+    onNodeMouseLeave: w,
     onNodeContextMenu: P,
     onNodeDragStart: R,
     onNodeDrag: B,
     onNodeDragStop: q,
-    onEdgeClick: D,
-    onEdgeDoubleClick: it,
-    onEdgeMouseEnter: nt,
-    onEdgeMouseMove: lt,
+    onEdgeClick: X,
+    onEdgeDoubleClick: K,
+    onEdgeMouseEnter: at,
+    onEdgeMouseMove: rt,
     onEdgeMouseLeave: G,
     onEdgeContextMenu: j,
-    onPaneClick: st,
-    onPaneContextMenu: rt,
-    onPaneMouseEnter: ut,
-    onPaneMouseMove: dt,
-    onPaneMouseLeave: Lt,
-    onSelectionChange: ot,
-    onInit: pt,
-    onMoveStart: vt,
-    onMove: ht,
-    onMoveEnd: bt,
-    onDelete: Et,
-    onBeforeDelete: kt,
-    onError: $t,
+    onPaneClick: it,
+    onPaneContextMenu: dt,
+    onPaneMouseEnter: ot,
+    onPaneMouseMove: ft,
+    onPaneMouseLeave: It,
+    onSelectionChange: st,
+    onInit: xt,
+    onMoveStart: Nt,
+    onMove: gt,
+    onMoveEnd: ct,
+    onDelete: zt,
+    onBeforeDelete: Rt,
+    onError: Lt,
     nodesDraggable: Ot,
     nodesConnectable: Yt,
     elementsSelectable: me,
@@ -3505,10 +3507,10 @@ function Io({
     zoomOnDoubleClick: Nn,
     zoomOnPinch: hn,
     preventScrolling: fe,
-    translateExtent: xt,
+    translateExtent: mt,
     nodeExtent: Te,
-    autoPanOnNodeDrag: Ct,
-    autoPanOnConnect: gt,
+    autoPanOnNodeDrag: Et,
+    autoPanOnConnect: pt,
     autoPanSpeed: se,
     edgesReconnectable: Z,
     elevateNodesOnSelect: Pt,
@@ -3524,24 +3526,24 @@ function Io({
     get edges() {
       return n;
     }
-  }), [le, e, n]), ye = V(null), ge = V(null), pe = V(null), Jt = V(null);
-  ft(() => {
+  }), [le, e, n]), ye = tt(null), ge = tt(null), pe = tt(null), Jt = tt(null);
+  ht(() => {
     let Q;
     const Ft = () => {
-      const at = le.cameraRef.current, Tt = `translate(${at.x}px, ${at.y}px) scale(${at.zoom})`, xe = `translate(${at.x}, ${at.y}) scale(${at.zoom})`;
+      const lt = le.cameraRef.current, Tt = `translate(${lt.x}px, ${lt.y}px) scale(${lt.zoom})`, xe = `translate(${lt.x}, ${lt.y}) scale(${lt.zoom})`;
       ye.current && (ye.current.style.transform = Tt), ge.current && ge.current.setAttribute("transform", xe), pe.current && (pe.current.style.transform = Tt), Jt.current && (Jt.current.style.transform = Tt), Q = requestAnimationFrame(Ft);
     };
     return Q = requestAnimationFrame(Ft), () => cancelAnimationFrame(Q);
   }, [le]);
   const ze = he.length > 0, ee = ke.length > 0;
-  return /* @__PURE__ */ S(Zn.Provider, { value: We, children: /* @__PURE__ */ It(
+  return /* @__PURE__ */ S(Zn.Provider, { value: We, children: /* @__PURE__ */ $t(
     "div",
     {
       ref: Dt,
       className: `ric-wrap ${l}`,
       style: { width: c, height: u, ...y },
-      onPointerDown: He,
-      onPointerMove: Ae,
+      onPointerDown: Ae,
+      onPointerMove: He,
       onPointerUp: _e,
       onDragOver: wt,
       onDrop: ne,
@@ -3640,7 +3642,7 @@ function Io({
           }
         ),
         _t && /* @__PURE__ */ S("div", { className: "ric-hint", children: Wt }),
-        pn && /* @__PURE__ */ It("div", { className: "ric-info", children: [
+        pn && /* @__PURE__ */ $t("div", { className: "ric-info", children: [
           "world: (",
           Ut.wx,
           ", ",
@@ -3648,17 +3650,17 @@ function Io({
           ")   zoom: ",
           Ut.zoom,
           "x",
-          Ut.nodeCount > 0 && /* @__PURE__ */ It(Le, { children: [
+          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   nodes: ",
             Ut.nodeCount
           ] }),
-          Ut.edgeCount > 0 && /* @__PURE__ */ It(Le, { children: [
+          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   edges: ",
             Ut.edgeCount
           ] })
         ] }),
         /* @__PURE__ */ S(
-          Hr,
+          Ar,
           {
             selectionKeyCode: de || "Shift",
             selectionMode: we || "partial"
@@ -3746,39 +3748,39 @@ function So(t) {
 }
 function eo() {
   const t = yt(), e = F(() => [...t.nodesRef.current], [t]), n = F(() => [...t.edgesRef.current], [t]), r = F((g) => t.nodesRef.current.find((f) => f.id === g), [t]), s = F((g) => t.edgesRef.current.find((f) => f.id === g), [t]), o = F((g) => {
-    var f, p, v, w;
+    var f, p, v, N;
     if (typeof g == "function") {
-      const N = g(t.nodesRef.current);
+      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" })),
-        ...N.map((P) => ({ type: "add", item: P }))
+        ...w.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (w = (v = t.onNodesChangeRef).current) == null || w.call(v, [
-        ...t.nodesRef.current.map((N) => ({ id: N.id, type: "remove" })),
-        ...g.map((N) => ({ type: "add", item: N }))
+      (N = (v = t.onNodesChangeRef).current) == null || N.call(v, [
+        ...t.nodesRef.current.map((w) => ({ id: w.id, type: "remove" })),
+        ...g.map((w) => ({ type: "add", item: w }))
       ]);
   }, [t]), i = F((g) => {
-    var f, p, v, w;
+    var f, p, v, N;
     if (typeof g == "function") {
-      const N = g(t.edgesRef.current);
+      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" })),
-        ...N.map((P) => ({ type: "add", item: P }))
+        ...w.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (w = (v = t.onEdgesChangeRef).current) == null || w.call(v, [
-        ...t.edgesRef.current.map((N) => ({ id: N.id, type: "remove" })),
-        ...g.map((N) => ({ type: "add", item: N }))
+      (N = (v = t.onEdgesChangeRef).current) == null || N.call(v, [
+        ...t.edgesRef.current.map((w) => ({ id: w.id, type: "remove" })),
+        ...g.map((w) => ({ type: "add", item: w }))
       ]);
   }, [t]), c = F((g) => {
     var p, v;
     const f = Array.isArray(g) ? g : [g];
-    (v = (p = t.onNodesChangeRef).current) == null || v.call(p, f.map((w) => ({ type: "add", item: w })));
+    (v = (p = t.onNodesChangeRef).current) == null || v.call(p, f.map((N) => ({ type: "add", item: N })));
   }, [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((w) => ({ type: "add", item: w })));
+    (v = (p = t.onEdgesChangeRef).current) == null || v.call(p, f.map((N) => ({ type: "add", item: N })));
   }, [t]), l = F(({ nodes: g = [], edges: f = [] }) => {
     if (g.length && t.onNodesChangeRef.current) {
       t.onNodesChangeRef.current(g.map((v) => ({ id: v.id, type: "remove" })));
@@ -3795,40 +3797,40 @@ function eo() {
       y: g.y ?? t.cameraRef.current.y,
       zoom: g.zoom ?? t.cameraRef.current.zoom
     }, t.sendCamera();
-  }, [t]), C = F(() => t.cameraRef.current.zoom, [t]), k = F((g) => {
+  }, [t]), C = F(() => t.cameraRef.current.zoom, [t]), z = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), w = v.width / 2, N = v.height / 2, P = 1.2;
-    f.x = w - (w - f.x) * P, f.y = N - (N - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
+    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = 1.2;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
   }, [t]), M = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), w = v.width / 2, N = v.height / 2, P = 1 / 1.2;
-    f.x = w - (w - f.x) * P, f.y = N - (N - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
+    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = 1 / 1.2;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
   }, [t]), $ = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), w = v.width / 2, N = v.height / 2, P = g / f.zoom;
-    f.x = w - (w - f.x) * P, f.y = N - (N - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, g)), t.sendCamera();
-  }, [t]), z = F((g = {}) => {
+    const v = p.getBoundingClientRect(), N = v.width / 2, w = v.height / 2, P = g / f.zoom;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, g)), t.sendCamera();
+  }, [t]), k = F((g = {}) => {
     const f = t.nodesRef.current;
     if (!f.length) return;
     const p = t.wrapRef.current;
     if (!p) return;
-    const v = p.getBoundingClientRect(), w = g.padding ?? 0.1, N = g.nodes ? f.filter((B) => g.nodes.some((q) => q.id === B.id)) : f;
-    if (!N.length) return;
-    const P = Mn(N), R = Rn(P, v.width, v.height, w);
+    const v = p.getBoundingClientRect(), N = g.padding ?? 0.1, w = g.nodes ? f.filter((B) => g.nodes.some((q) => q.id === B.id)) : f;
+    if (!w.length) return;
+    const P = Mn(w), R = Rn(P, v.width, v.height, N);
     g.maxZoom && (R.zoom = Math.min(R.zoom, g.maxZoom)), g.minZoom && (R.zoom = Math.max(R.zoom, g.minZoom)), t.cameraRef.current = R, t.sendCamera();
   }, [t]), E = F((g, f, p = {}) => {
     const v = t.wrapRef.current;
     if (!v) return;
-    const w = v.getBoundingClientRect(), N = p.zoom ?? t.cameraRef.current.zoom;
+    const N = v.getBoundingClientRect(), w = p.zoom ?? t.cameraRef.current.zoom;
     t.cameraRef.current = {
-      x: w.width / 2 - g * N,
-      y: w.height / 2 - f * N,
-      zoom: N
+      x: N.width / 2 - g * w,
+      y: N.height / 2 - f * w,
+      zoom: w
     }, t.sendCamera();
-  }, [t]), W = F((g) => t.screenToWorld(g.x, g.y), [t]), H = F((g) => {
+  }, [t]), _ = F((g) => t.screenToWorld(g.x, g.y), [t]), D = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return { x: 0, y: 0 };
     const v = p.getBoundingClientRect();
@@ -3850,13 +3852,13 @@ function eo() {
     getViewport: y,
     setViewport: m,
     getZoom: C,
-    zoomIn: k,
+    zoomIn: z,
     zoomOut: M,
     zoomTo: $,
-    fitView: z,
+    fitView: k,
     setCenter: E,
-    screenToFlowPosition: W,
-    flowToScreenPosition: H
+    screenToFlowPosition: _,
+    flowToScreenPosition: D
   };
 }
 function Bo() {
@@ -3865,10 +3867,10 @@ function Bo() {
 function Do() {
   return yt().edges;
 }
-function Ho() {
+function Ao() {
   return yt().viewport;
 }
-function Ao() {
+function Ho() {
   return yt().connection;
 }
 function _o(t) {
@@ -3887,14 +3889,14 @@ function Xo({ nodeId: t, type: e, handleId: n }) {
   return St(() => r.edges.filter((s) => e === "source" ? s.source === t && (n ? s.sourceHandle === n : !0) : s.target === t && (n ? s.targetHandle === n : !0)), [r.edges, t, e, n]);
 }
 function Fo({ onChange: t, onStart: e, onEnd: n }) {
-  const r = yt(), s = V(t), o = V(e), i = V(n);
-  ft(() => {
+  const r = yt(), s = tt(t), o = tt(e), i = tt(n);
+  ht(() => {
     s.current = t;
-  }, [t]), ft(() => {
+  }, [t]), ht(() => {
     o.current = e;
-  }, [e]), ft(() => {
+  }, [e]), ht(() => {
     i.current = n;
-  }, [n]), ft(() => {
+  }, [n]), ht(() => {
     const c = (u) => {
       var l;
       (l = s.current) == null || l.call(s, { x: u.x, y: u.y, zoom: u.zoom });
@@ -3903,10 +3905,10 @@ function Fo({ onChange: t, onStart: e, onEnd: n }) {
   }, [r]);
 }
 function Yo({ onChange: t }) {
-  const e = yt(), n = V(t);
-  ft(() => {
+  const e = yt(), n = tt(t);
+  ht(() => {
     n.current = t;
-  }, [t]), ft(() => {
+  }, [t]), ht(() => {
     const r = (s) => {
       var o;
       (o = n.current) == null || o.call(n, s);
@@ -3916,7 +3918,7 @@ function Yo({ onChange: t }) {
 }
 function Uo(t) {
   const [e, n] = Gt(!1), r = Array.isArray(t) ? t : [t];
-  return ft(() => {
+  return ht(() => {
     const s = (i) => {
       r.includes(i.key) && n(!0);
     }, o = (i) => {
@@ -3967,50 +3969,50 @@ function Qo({
   style: o = {},
   className: i = ""
 }) {
-  const c = yt(), u = V(null), l = V(null), y = F(() => {
+  const c = yt(), u = tt(null), l = tt(null), y = F(() => {
     const m = u.current;
     if (!m) return;
-    const C = m.getContext("2d"), k = window.devicePixelRatio || 1;
-    m.width = t * k, m.height = e * k, C.scale(k, k), C.clearRect(0, 0, t, e);
+    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, z = 1 / 0, E = -1 / 0, W = -1 / 0;
+    let $ = 1 / 0, k = 1 / 0, E = -1 / 0, _ = -1 / 0;
     for (const R of M) {
       const B = R.width || wn, q = R.height || bn;
-      R.position.x < $ && ($ = R.position.x), R.position.y < z && (z = R.position.y), R.position.x + B > E && (E = R.position.x + B), R.position.y + q > W && (W = R.position.y + q);
+      R.position.x < $ && ($ = R.position.x), R.position.y < k && (k = R.position.y), R.position.x + B > E && (E = R.position.x + B), R.position.y + q > _ && (_ = R.position.y + q);
     }
-    const H = 40;
-    $ -= H, z -= H, E += H, W += H;
-    const g = E - $, f = W - z, p = Math.min(t / g, e / f), v = (t - g * p) / 2, w = (e - f * p) / 2;
+    const D = 40;
+    $ -= D, k -= D, E += D, _ += D;
+    const g = E - $, f = _ - k, p = Math.min(t / g, e / f), v = (t - g * p) / 2, N = (e - f * p) / 2;
     for (const R of M) {
       if (R.hidden) continue;
-      const B = R.width || wn, q = R.height || bn, D = (R.position.x - $) * p + v, it = (R.position.y - z) * p + w, nt = B * p, lt = q * p;
-      C.fillStyle = R.selected ? "#f59e0b" : typeof n == "function" ? n(R) : n, C.fillRect(D, it, Math.max(nt, 2), Math.max(lt, 2));
+      const B = R.width || wn, q = R.height || bn, X = (R.position.x - $) * p + v, K = (R.position.y - k) * p + N, at = B * p, rt = q * p;
+      C.fillStyle = R.selected ? "#f59e0b" : typeof n == "function" ? n(R) : n, C.fillRect(X, K, Math.max(at, 2), Math.max(rt, 2));
     }
-    const N = c.cameraRef.current, P = c.wrapRef.current;
+    const w = c.cameraRef.current, P = c.wrapRef.current;
     if (P) {
-      const R = P.getBoundingClientRect(), B = -N.x / N.zoom, q = -N.y / N.zoom, D = R.width / N.zoom, it = R.height / N.zoom;
+      const R = P.getBoundingClientRect(), B = -w.x / w.zoom, q = -w.y / w.zoom, X = R.width / w.zoom, K = R.height / w.zoom;
       C.fillStyle = s, C.fillRect(0, 0, t, e);
-      const nt = (B - $) * p + v, lt = (q - z) * p + w, G = D * p, j = it * p;
-      C.clearRect(nt, lt, G, j);
-      for (const st of M) {
-        if (st.hidden) continue;
-        const rt = st.width || wn, ut = st.height || bn, dt = (st.position.x - $) * p + v, Lt = (st.position.y - z) * p + w;
-        C.fillStyle = st.selected ? "#f59e0b" : typeof n == "function" ? n(st) : n, C.fillRect(dt, Lt, Math.max(rt * p, 2), Math.max(ut * p, 2));
+      const at = (B - $) * p + v, rt = (q - k) * p + N, G = X * p, j = K * p;
+      C.clearRect(at, rt, G, j);
+      for (const it of M) {
+        if (it.hidden) continue;
+        const dt = it.width || wn, ot = it.height || bn, ft = (it.position.x - $) * p + v, It = (it.position.y - k) * p + N;
+        C.fillStyle = it.selected ? "#f59e0b" : typeof n == "function" ? n(it) : n, C.fillRect(ft, It, Math.max(dt * p, 2), Math.max(ot * p, 2));
       }
-      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(nt, lt, G, j);
+      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(at, rt, G, j);
     }
   }, [c, t, e, n, r, s]);
-  return ft(() => {
+  return ht(() => {
     let m = !0;
     function C() {
       m && (y(), l.current = requestAnimationFrame(C));
     }
-    const k = setInterval(() => {
+    const z = setInterval(() => {
       cancelAnimationFrame(l.current), l.current = requestAnimationFrame(C);
     }, 66);
     return y(), () => {
-      m = !1, clearInterval(k), cancelAnimationFrame(l.current);
+      m = !1, clearInterval(z), cancelAnimationFrame(l.current);
     };
   }, [y]), /* @__PURE__ */ S(
     "canvas",
@@ -4033,7 +4035,7 @@ function Qo({
   );
 }
 function no() {
-  return /* @__PURE__ */ It("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ S("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ S("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
@@ -4045,13 +4047,13 @@ function oo() {
   return /* @__PURE__ */ S("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ S("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) });
 }
 function so() {
-  return /* @__PURE__ */ It("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ S("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
     /* @__PURE__ */ S("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] });
 }
 function io() {
-  return /* @__PURE__ */ It("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ S("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
     /* @__PURE__ */ S("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
   ] });
@@ -4081,18 +4083,18 @@ function ao({
   style: y = {},
   className: m = "",
   "aria-label": C = "Canvas controls",
-  children: k
+  children: z
 }) {
-  const M = yt(), { zoomIn: $, zoomOut: z, fitView: E, getZoom: W } = eo(), [H, g] = Gt(!0), f = W() <= M.zoomMin, p = W() >= M.zoomMax, v = F(() => {
+  const M = yt(), { zoomIn: $, zoomOut: k, fitView: E, getZoom: _ } = eo(), [D, g] = Gt(!0), f = _() <= M.zoomMin, p = _() >= M.zoomMax, v = F(() => {
     $(), s == null || s();
-  }, [$, s]), w = F(() => {
-    z(), o == null || o();
-  }, [z, o]), N = F(() => {
+  }, [$, s]), N = F(() => {
+    k(), o == null || o();
+  }, [k, o]), w = F(() => {
     E(r || { padding: 0.1 }), i == null || i();
   }, [E, r, i]), P = F(() => {
-    const B = !H;
+    const B = !D;
     g(B), c == null || c(B);
-  }, [H, c]), R = {
+  }, [D, c]), R = {
     "top-left": { top: 10, left: 10 },
     "top-right": { top: 10, right: 10 },
     "top-center": { top: 10, left: "50%", transform: "translateX(-50%)" },
@@ -4100,7 +4102,7 @@ function ao({
     "bottom-right": { bottom: 30, right: 10 },
     "bottom-center": { bottom: 30, left: "50%", transform: "translateX(-50%)" }
   }[u] || { bottom: 30, left: 10 };
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-controls ${m}`,
@@ -4116,7 +4118,7 @@ function ao({
       role: "toolbar",
       "aria-label": C,
       children: [
-        t && /* @__PURE__ */ It(Le, { children: [
+        t && /* @__PURE__ */ $t(Le, { children: [
           /* @__PURE__ */ S(
             rn,
             {
@@ -4131,7 +4133,7 @@ function ao({
           /* @__PURE__ */ S(
             rn,
             {
-              onClick: w,
+              onClick: N,
               disabled: f,
               title: "Zoom out",
               "aria-label": "Zoom out",
@@ -4143,7 +4145,7 @@ function ao({
         e && /* @__PURE__ */ S(
           rn,
           {
-            onClick: N,
+            onClick: w,
             title: "Fit view",
             "aria-label": "Fit view",
             className: "ric-controls-fitview",
@@ -4154,13 +4156,13 @@ function ao({
           rn,
           {
             onClick: P,
-            title: H ? "Lock interactivity" : "Unlock interactivity",
-            "aria-label": H ? "Lock interactivity" : "Unlock interactivity",
+            title: D ? "Lock interactivity" : "Unlock interactivity",
+            "aria-label": D ? "Lock interactivity" : "Unlock interactivity",
             className: "ric-controls-interactive",
-            children: H ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
+            children: D ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
           }
         ),
-        k
+        z
       ]
     }
   );
@@ -4237,32 +4239,32 @@ function ts({
   onResize: l,
   onResizeEnd: y
 }) {
-  const m = qe(je), C = yt(), k = V(null), M = F((E, W) => {
+  const m = qe(je), C = yt(), z = tt(null), M = F((E, _) => {
     E.stopPropagation(), E.preventDefault();
-    const H = C.nodesRef.current.find((p) => p.id === m);
-    if (!H) return;
-    k.current = {
-      direction: W,
+    const D = C.nodesRef.current.find((p) => p.id === m);
+    if (!D) return;
+    z.current = {
+      direction: _,
       startX: E.clientX,
       startY: E.clientY,
-      width: H.width || 160,
-      height: H.height || 60
-    }, u == null || u(E, { width: k.current.width, height: k.current.height });
+      width: D.width || 160,
+      height: D.height || 60
+    }, u == null || u(E, { width: z.current.width, height: z.current.height });
     const g = (p) => {
-      var q, D;
-      if (!k.current) return;
-      const v = k.current, w = C.cameraRef.current, N = (p.clientX - v.startX) / w.zoom, P = (p.clientY - v.startY) / w.zoom;
+      var q, X;
+      if (!z.current) return;
+      const v = z.current, N = C.cameraRef.current, w = (p.clientX - v.startX) / N.zoom, P = (p.clientY - v.startY) / N.zoom;
       let R = v.width, B = v.height;
-      v.direction.includes("e") && (R = Math.min(n, Math.max(t, v.width + N))), v.direction.includes("w") && (R = Math.min(n, Math.max(t, v.width - N))), 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))), (D = (q = C.onNodesChangeRef).current) == null || D.call(q, [
+      v.direction.includes("e") && (R = Math.min(n, Math.max(t, v.width + w))), v.direction.includes("w") && (R = Math.min(n, Math.max(t, v.width - w))), v.direction.includes("s") && (B = Math.min(r, Math.max(e, v.height + P))), v.direction.includes("n") && (B = Math.min(r, Math.max(e, v.height - P))), (X = (q = C.onNodesChangeRef).current) == null || X.call(q, [
         { id: m, type: "dimensions", dimensions: { width: R, height: B }, setAttributes: !0 }
       ]), l == null || l(p, { width: R, height: B });
     }, f = (p) => {
-      k.current = null, y == null || y(p, {}), window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f);
+      z.current = null, y == null || y(p, {}), window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f);
     };
     window.addEventListener("pointermove", g), window.addEventListener("pointerup", f);
   }, [m, C, t, e, n, r, u, l, y]);
   if (!s) return null;
-  const $ = 8, z = {
+  const $ = 8, k = {
     position: "absolute",
     width: $,
     height: $,
@@ -4272,60 +4274,60 @@ function ts({
     zIndex: 20,
     ...o
   };
-  return /* @__PURE__ */ It(Le, { children: [
+  return /* @__PURE__ */ $t(Le, { children: [
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
+        style: { ...k, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
         onPointerDown: (E) => M(E, "se")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
+        style: { ...k, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
         onPointerDown: (E) => M(E, "sw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
+        style: { ...k, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
         onPointerDown: (E) => M(E, "ne")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
+        style: { ...k, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
         onPointerDown: (E) => M(E, "nw")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        style: { ...k, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
         onPointerDown: (E) => M(E, "e")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        style: { ...k, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
         onPointerDown: (E) => M(E, "w")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        style: { ...k, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
         onPointerDown: (E) => M(E, "n")
       }
     ),
     /* @__PURE__ */ S(
       "div",
       {
-        style: { ...z, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        style: { ...k, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
         onPointerDown: (E) => M(E, "s")
       }
     )
@@ -4515,7 +4517,7 @@ export {
   Wr as OutputNode,
   Vo as Panel,
   is as Position,
-  Hr as SelectionBox,
+  Ar as SelectionBox,
   cr as SimpleBezierEdge,
   ar as SmoothStepEdge,
   Or as StepEdge,
@@ -4553,7 +4555,7 @@ export {
   Lo as routeSinglePath,
   En as routedPointsToPath,
   Pn as snapPosition,
-  Ao as useConnection,
+  Ho as useConnection,
   Do as useEdges,
   So as useEdgesState,
   Xo as useHandleConnections,
@@ -4572,5 +4574,5 @@ export {
   Zo as useStore,
   Oo as useStoreApi,
   qo as useUpdateNodeInternals,
-  Ho as useViewport
+  Ao as useViewport
 };