@infinit-canvas/react 0.1.2 → 0.1.3

package/dist/react-infinite-canvas.js

@@ -1,5 +1,5 @@
-import { jsx as B, jsxs as It, Fragment as Le } from "react/jsx-runtime";
-import { useRef as V, useState as Gt, useMemo as St, useEffect as ut, useCallback as F, useContext as qe, createContext as Fn, memo as Zt, useLayoutEffect as kr } from "react";
+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 { 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: g } = jn(u), v = u.position.x, E = u.position.y, R = v + l, M = E + g;
-    return r ? v < i && R > s && E < c && M > o : v >= s && R <= i && E >= o && M <= c;
+    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;
   });
 }
 function mo(t) {
@@ -961,46 +961,46 @@ function Lr({
   onConnect: c,
   onNodeClick: u,
   onNodeDragStart: l,
-  onNodeDrag: g,
-  onNodeDragStop: v,
-  onEdgeClick: E,
-  onEdgeDoubleClick: R,
+  onNodeDrag: y,
+  onNodeDragStop: m,
+  onEdgeClick: C,
+  onEdgeDoubleClick: k,
   onEdgeMouseEnter: M,
-  onEdgeMouseMove: T,
-  onEdgeMouseLeave: k,
-  onEdgeContextMenu: z,
+  onEdgeMouseMove: $,
+  onEdgeMouseLeave: z,
+  onEdgeContextMenu: E,
   onNodeDoubleClick: W,
-  onNodeMouseEnter: D,
-  onNodeMouseMove: x,
+  onNodeMouseEnter: H,
+  onNodeMouseMove: g,
   onNodeMouseLeave: f,
   onNodeContextMenu: p,
-  onPaneClick: y,
-  onPaneContextMenu: N,
-  onPaneMouseEnter: C,
+  onPaneClick: v,
+  onPaneContextMenu: w,
+  onPaneMouseEnter: N,
   onPaneMouseMove: P,
-  onPaneMouseLeave: b,
-  onSelectionChange: L,
-  onConnectStart: Y,
-  onConnectEnd: H,
-  onInit: dt,
-  onMoveStart: yt,
-  onMove: ft,
+  onPaneMouseLeave: R,
+  onSelectionChange: B,
+  onConnectStart: q,
+  onConnectEnd: D,
+  onInit: it,
+  onMoveStart: nt,
+  onMove: lt,
   onMoveEnd: G,
   onDelete: j,
-  onBeforeDelete: rt,
-  onError: at,
-  isValidConnection: ct,
-  dark: lt,
-  gridSize: Ct = 40,
-  zoomMin: et = 0.1,
-  zoomMax: ot = 4,
-  initialCamera: Nt = { x: 0, y: 0, zoom: 1 },
-  fitView: Rt = !1,
-  fitViewOptions: vt,
-  nodesDraggable: Lt = !0,
+  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,
-  multiSelectionKeyCode: mt = "Shift",
+  multiSelectionKeyCode: wt = "Shift",
   selectionOnDrag: ne = !1,
   selectionMode: Ie = "partial",
   connectionMode: Bt = "loose",
@@ -1027,7 +1027,7 @@ function Lr({
   elevateNodesOnSelect: hn = !1,
   edgeRouting: fe = !0
 } = {}) {
-  const pt = V(null), Te = V(null), zt = V(null), gt = V({ ...Nt }), 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: Nt.x, y: Nt.y, zoom: Nt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = V(!1), O = V({});
+  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({});
   O.current = {
     onHudUpdate: r,
     onNodesProcessed: s,
@@ -1036,37 +1036,37 @@ function Lr({
     onConnect: c,
     onNodeClick: u,
     onNodeDragStart: l,
-    onNodeDrag: g,
-    onNodeDragStop: v,
-    onEdgeClick: E,
-    onEdgeDoubleClick: R,
+    onNodeDrag: y,
+    onNodeDragStop: m,
+    onEdgeClick: C,
+    onEdgeDoubleClick: k,
     onEdgeMouseEnter: M,
-    onEdgeMouseMove: T,
-    onEdgeMouseLeave: k,
-    onEdgeContextMenu: z,
+    onEdgeMouseMove: $,
+    onEdgeMouseLeave: z,
+    onEdgeContextMenu: E,
     onNodeDoubleClick: W,
-    onNodeMouseEnter: D,
-    onNodeMouseMove: x,
+    onNodeMouseEnter: H,
+    onNodeMouseMove: g,
     onNodeMouseLeave: f,
     onNodeContextMenu: p,
-    onPaneClick: y,
-    onPaneContextMenu: N,
-    onPaneMouseEnter: C,
+    onPaneClick: v,
+    onPaneContextMenu: w,
+    onPaneMouseEnter: N,
     onPaneMouseMove: P,
-    onPaneMouseLeave: b,
-    onSelectionChange: L,
-    onConnectStart: Y,
-    onConnectEnd: H,
-    onInit: dt,
-    onMoveStart: yt,
-    onMove: ft,
+    onPaneMouseLeave: R,
+    onSelectionChange: B,
+    onConnectStart: q,
+    onConnectEnd: D,
+    onInit: it,
+    onMoveStart: nt,
+    onMove: lt,
     onMoveEnd: G,
     onDelete: j,
-    onBeforeDelete: rt,
-    onError: at,
-    isValidConnection: ct
+    onBeforeDelete: st,
+    onError: rt,
+    isValidConnection: ut
   };
-  const wt = { get current() {
+  const Mt = { get current() {
     return O.current.onNodesChange;
   } }, Dt = { get current() {
     return O.current.onEdgesChange;
@@ -1091,223 +1091,223 @@ function Lr({
   } }, pe = { get current() {
     return O.current.onNodesProcessed;
   } };
-  ut(() => {
+  ft(() => {
     const a = (d) => {
-      d.key === mt && (Ut.current = !0), d.key === we && (ke.current = !0);
-    }, m = (d) => {
-      d.key === mt && (Ut.current = !1), d.key === we && (ke.current = !1);
+      d.key === wt && (Ut.current = !0), d.key === we && (ke.current = !0);
+    }, x = (d) => {
+      d.key === wt && (Ut.current = !1), d.key === we && (ke.current = !1);
     };
-    return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
-      window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", x), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", x);
     };
-  }, [mt, we]);
+  }, [wt, we]);
   const Jt = F(() => {
-    var w;
-    const a = Z.current.filter((I) => I.selected), m = Pt.current.filter((I) => I.selected), d = { nodes: a, edges: m };
-    (w = ye.current) == null || w.call(ye, d);
-    for (const I of he) I(d);
+    var b;
+    const a = Z.current.filter((L) => L.selected), x = Pt.current.filter((L) => L.selected), d = { nodes: a, edges: x };
+    (b = ye.current) == null || b.call(ye, d);
+    for (const L of he) L(d);
   }, [he]);
-  ut(() => {
+  ft(() => {
     var a;
-    se.current = [...t], (a = zt.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
+    se.current = [...t], (a = Ct.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
   }, [t]);
   const ze = F((a) => {
-    const m = {};
-    for (const d of a) m[d.id] = d;
+    const x = {};
+    for (const d of a) x[d.id] = d;
     return a.map((d) => {
       if (!d.parentId) return d;
-      const w = m[d.parentId];
-      if (!w) return d;
-      let I = d.position.x, $ = d.position.y, h = w;
+      const b = x[d.parentId];
+      if (!b) return d;
+      let L = d.position.x, I = d.position.y, h = b;
       for (; h; )
-        I += h.position.x, $ += h.position.y, h = h.parentId ? m[h.parentId] : null;
-      return { ...d, _absolutePosition: { x: I, y: $ } };
+        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) => {
-    const m = yn.current;
-    if (!m || m.size === 0) return a;
+    const x = yn.current;
+    if (!x || x.size === 0) return a;
     const d = {};
-    for (const [, w] of m)
-      d[w.nodeId] || (d[w.nodeId] = []), d[w.nodeId].push({ id: w.id, type: w.type, position: w.position, x: w.x, y: w.y });
-    return a.map((w) => {
-      const I = d[w.id];
-      return I && I.length > 0 ? { ...w, handles: I } : w;
+    for (const [, b] of x)
+      d[b.nodeId] || (d[b.nodeId] = []), d[b.nodeId].push({ id: b.id, type: b.type, position: b.position, x: b.x, y: b.y });
+    return a.map((b) => {
+      const L = d[b.id];
+      return L && L.length > 0 ? { ...b, handles: L } : b;
     });
   }, []), Ft = F(() => {
-    var m;
+    var x;
     if (_t.current) return;
     const a = Q(ee.current);
-    (m = zt.current) == null || m.postMessage({ type: "nodes", data: { nodes: a } });
+    (x = Ct.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
   }, [Q]);
-  ut(() => {
+  ft(() => {
     var d;
     if (_t.current) {
-      const w = _t.current.id, I = /* @__PURE__ */ new Set([w, ..._t.current.selectedStarts.map((h) => h.id)]), $ = {};
+      const b = _t.current.id, L = /* @__PURE__ */ new Set([b, ..._t.current.selectedStarts.map((h) => h.id)]), I = {};
       for (const h of Z.current)
-        I.has(h.id) && ($[h.id] = { ...h.position });
+        L.has(h.id) && (I[h.id] = { ...h.position });
       Z.current = [...e];
       for (const h of Z.current)
-        $[h.id] && (h.position = $[h.id]);
+        I[h.id] && (h.position = I[h.id]);
       ee.current = ze(Z.current);
       return;
     }
     Z.current = [...e];
     const a = ze(e);
     ee.current = a;
-    const m = Q(a);
-    (d = zt.current) == null || d.postMessage({ type: "nodes", data: { nodes: m } });
-  }, [e, ze, Q]), ut(() => {
+    const x = Q(a);
+    (d = Ct.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
+  }, [e, ze, Q]), ft(() => {
     var a;
-    Pt.current = [...n], (a = zt.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
+    Pt.current = [...n], (a = Ct.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
   }, [n]);
-  const st = F((a, m) => {
-    const d = pt.current;
+  const at = F((a, x) => {
+    const d = xt.current;
     if (!d) return { x: 0, y: 0 };
-    const w = d.getBoundingClientRect(), I = gt.current;
+    const b = d.getBoundingClientRect(), L = gt.current;
     return {
-      x: (a - w.left - I.x) / I.zoom,
-      y: (m - w.top - I.y) / I.zoom
+      x: (a - b.left - L.x) / L.zoom,
+      y: (x - b.top - L.y) / L.zoom
     };
-  }, []), Tt = F((a, m) => {
+  }, []), Tt = F((a, x) => {
     const d = ee.current.length > 0 ? ee.current : Z.current;
-    let w = null;
-    for (let I = d.length - 1; I >= 0; I--) {
-      const $ = d[I];
-      if ($.hidden) continue;
-      const h = $._absolutePosition || $.position, A = $.width || Vt, S = $.height || jt;
-      if (a >= h.x && a <= h.x + A && m >= h.y && m <= h.y + S) {
-        if ($.type === "group") {
-          w || (w = $);
+    let b = null;
+    for (let L = d.length - 1; L >= 0; L--) {
+      const I = d[L];
+      if (I.hidden) continue;
+      const h = I._absolutePosition || I.position, A = I.width || Vt, T = I.height || jt;
+      if (a >= h.x && a <= h.x + A && x >= h.y && x <= h.y + T) {
+        if (I.type === "group") {
+          b || (b = I);
           continue;
         }
-        return $;
+        return I;
       }
     }
-    return w;
-  }, []), xe = F((a, m) => {
-    const d = m.width || Vt, w = m.height || jt;
+    return b;
+  }, []), xe = F((a, x) => {
+    const d = x.width || Vt, b = x.height || jt;
     if (a.x !== void 0 && a.y !== void 0)
-      return { x: m.position.x + a.x, y: m.position.y + a.y };
+      return { x: x.position.x + a.x, y: x.position.y + a.y };
     switch (a.position || (a.type === "source" ? "right" : "left")) {
       case "top":
-        return { x: m.position.x + d / 2, y: m.position.y };
+        return { x: x.position.x + d / 2, y: x.position.y };
       case "bottom":
-        return { x: m.position.x + d / 2, y: m.position.y + w };
+        return { x: x.position.x + d / 2, y: x.position.y + b };
       case "left":
-        return { x: m.position.x, y: m.position.y + w / 2 };
+        return { x: x.position.x, y: x.position.y + b / 2 };
       case "right":
-        return { x: m.position.x + d, y: m.position.y + w / 2 };
+        return { x: x.position.x + d, y: x.position.y + b / 2 };
       default:
-        return { x: m.position.x + d, y: m.position.y + w / 2 };
+        return { x: x.position.x + d, y: x.position.y + b / 2 };
     }
   }, []), Ee = F((a) => {
-    const m = a.width || Vt, d = a.height || jt;
-    return a.handles && a.handles.length > 0 ? a.handles.map((w) => {
-      const I = xe(w, a);
-      return { id: w.id || null, type: w.type, x: I.x, y: I.y };
+    const x = a.width || Vt, d = a.height || jt;
+    return a.handles && a.handles.length > 0 ? a.handles.map((b) => {
+      const L = xe(b, a);
+      return { id: b.id || null, type: b.type, x: L.x, y: L.y };
     }) : [
       { id: null, type: "target", x: a.position.x, y: a.position.y + d / 2 },
-      { id: null, type: "source", x: a.position.x + m, y: a.position.y + d / 2 }
+      { id: null, type: "source", x: a.position.x + x, y: a.position.y + d / 2 }
     ];
-  }, [xe]), tn = F((a, m) => {
-    const d = Z.current, w = gt.current, I = Math.max(Nr, Ot) / w.zoom;
-    for (let $ = d.length - 1; $ >= 0; $--) {
-      const h = d[$];
+  }, [xe]), tn = F((a, x) => {
+    const d = Z.current, b = gt.current, L = Math.max(Nr, Ot) / b.zoom;
+    for (let I = d.length - 1; I >= 0; I--) {
+      const h = d[I];
       if (h.hidden) continue;
       const A = Ee(h);
-      for (const S of A)
-        if (Math.abs(a - S.x) < I && Math.abs(m - S.y) < I)
-          return { nodeId: h.id, handleId: S.id, type: S.type, x: S.x, y: S.y };
+      for (const T of A)
+        if (Math.abs(a - T.x) < L && Math.abs(x - T.y) < L)
+          return { nodeId: h.id, handleId: T.id, type: T.type, x: T.x, y: T.y };
     }
     return null;
-  }, [Ee]), ue = F((a, m) => {
-    const w = 8 / gt.current.zoom;
-    for (let I = Pt.current.length - 1; I >= 0; I--) {
-      const $ = Pt.current[I], h = Z.current.find((bt) => bt.id === $.source), A = Z.current.find((bt) => bt.id === $.target);
+  }, [Ee]), ue = F((a, x) => {
+    const b = 8 / gt.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);
       if (!h || !A) continue;
-      const S = h.width || Vt, U = h.height || jt, _ = A.height || jt, K = h.position.x + S, it = h.position.y + U / 2, q = A.position.x, nt = A.position.y + _ / 2;
-      if (Ir(a, m, K, it, q, nt) < w) return $;
+      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;
     }
     return null;
   }, []);
-  ut(() => {
-    const a = Te.current, m = pt.current;
-    if (!a || !m) return;
-    const d = m.getBoundingClientRect(), w = lt !== void 0 ? lt : matchMedia("(prefers-color-scheme: dark)").matches, I = ze(Z.current);
-    ee.current = I;
-    const $ = Q(I), { worker: h } = Cr(a, {
+  ft(() => {
+    const a = Te.current, x = xt.current;
+    if (!a || !x) return;
+    const d = x.getBoundingClientRect(), b = dt !== void 0 ? dt : 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,
       cards: se.current,
-      nodes: $,
+      nodes: I,
       edges: Pt.current,
-      dark: w,
-      gridSize: Ct,
+      dark: b,
+      gridSize: Lt,
       edgeRouting: fe
     });
     h.onmessage = (_) => {
-      var K, it;
-      _.data.type === "hud" && ((K = ge.current) == null || K.call(ge, _.data.data)), _.data.type === "ready" && pn(!0), _.data.type === "nodesProcessed" && ((it = pe.current) == null || it.call(pe, _.data.data));
-    }, zt.current = h;
+      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: it } = _[0].contentRect;
-      h.postMessage({ type: "resize", data: { width: K, height: it } });
+      const { width: K, height: ct } = _[0].contentRect;
+      h.postMessage({ type: "resize", data: { width: K, height: ct } });
     });
-    A.observe(m);
-    let S, U;
-    return lt === void 0 && (S = matchMedia("(prefers-color-scheme: dark)"), U = (_) => h.postMessage({ type: "theme", data: { dark: _.matches } }), S.addEventListener("change", U)), () => {
-      A.disconnect(), S && U && S.removeEventListener("change", U), zt.current = null;
+    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;
     };
-  }, []), ut(() => {
+  }, []), ft(() => {
     var a;
-    lt !== void 0 && ((a = zt.current) == null || a.postMessage({ type: "theme", data: { dark: lt } }));
-  }, [lt]), ut(() => {
+    dt !== void 0 && ((a = Ct.current) == null || a.postMessage({ type: "theme", data: { dark: dt } }));
+  }, [dt]), ft(() => {
     var a;
-    (a = zt.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
+    (a = Ct.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
   }, [fe]);
-  const Ln = V(0), Et = F((a = null) => {
-    var w, I, $;
-    const m = gt.current;
+  const Ln = V(0), Nt = F((a = null) => {
+    var b, L, I;
+    const x = gt.current;
     if (re) {
-      const h = pt.current;
+      const h = xt.current;
       if (h) {
-        const A = h.getBoundingClientRect(), S = -re[1][0] * m.zoom + A.width, U = -re[1][1] * m.zoom + A.height, _ = -re[0][0] * m.zoom, K = -re[0][1] * m.zoom;
-        m.x = Math.min(_, Math.max(S, m.x)), m.y = Math.min(K, Math.max(U, m.y));
+        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));
       }
     }
-    (w = zt.current) == null || w.postMessage({ type: "camera", data: { camera: { ...m } } });
-    const d = { x: m.x, y: m.y, zoom: m.zoom };
-    ($ = (I = O.current).onMove) == null || $.call(I, a, d);
+    (b = Ct.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);
     cancelAnimationFrame(Ln.current), Ln.current = requestAnimationFrame(() => {
-      Je({ x: m.x, y: m.y, zoom: m.zoom });
+      Je({ x: x.x, y: x.y, zoom: x.zoom });
     });
   }, [Kt, re]), Ce = F(() => {
-    var d, w;
-    const a = Wt.current, m = Me.current;
-    a && m ? ((d = zt.current) == null || d.postMessage({ type: "connecting", data: { from: a.startPos, to: m, _routedPoints: null } }), ae({ source: a.sourceId, sourceHandle: a.sourceHandle, target: null, targetHandle: null })) : ((w = zt.current) == null || w.postMessage({ type: "connecting", data: null }), ae(null));
+    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));
   }, []), Ne = F(() => {
-    var m, d;
+    var x, d;
     const a = ie.current;
-    a ? (m = zt.current) == null || m.postMessage({ type: "selectionBox", data: a }) : (d = zt.current) == null || d.postMessage({ type: "selectionBox", data: null });
+    a ? (x = Ct.current) == null || x.postMessage({ type: "selectionBox", data: a }) : (d = Ct.current) == null || d.postMessage({ type: "selectionBox", data: null });
   }, []), dr = F((a) => {
-    var I, $, h, A, S, U, _, K, it, q, nt, xt, bt, Ht, Xt, At;
-    const m = Z.current.length > 0, d = st(a.clientX, a.clientY), w = Ut.current;
-    if (m && kt) {
+    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 };
-          (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((I = ce.current) == null || I.call(ce, { ...qt, ...be }));
+          (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 (Yt) {
-          Re.current = { nodeId: X.nodeId, handleId: X.handleId || null, handleType: X.type }, (h = ($ = O.current).onConnectStart) == null || h.call($, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type });
+          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 });
           return;
         }
         Wt.current = {
@@ -1315,29 +1315,29 @@ function Lr({
           sourceHandle: X.handleId || null,
           sourceType: X.type,
           startPos: { x: X.x, y: X.y }
-        }, Me.current = { x: d.x, y: d.y }, (A = pt.current) == null || A.setPointerCapture(a.pointerId), (U = (S = O.current).onConnectStart) == null || U.call(S, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type }), Ce();
+        }, 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();
         return;
       }
     }
-    if (m) {
+    if (x) {
       const X = Tt(d.x, d.y);
       if (X) {
-        if (wt.current && $t) {
-          const Mt = [];
-          if (w)
-            Mt.push({ id: X.id, type: "select", selected: !X.selected });
+        if (Mt.current && $t) {
+          const zt = [];
+          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 ? Mt.push({ id: J.id, type: "select", selected: !0 }) : J.selected && Mt.push({ id: J.id, type: "select", selected: !1 });
+              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 (Dt.current) {
               const J = Pt.current.filter((tt) => tt.selected).map((tt) => ({ id: tt.id, type: "select", selected: !1 }));
               J.length && Dt.current(J);
             }
           }
-          if (Mt.length) {
-            if (wt.current(Mt), hn && !w) {
+          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 && wt.current([
+              J >= 0 && J < Z.current.length - 1 && Mt.current([
                 { id: X.id, type: "remove" },
                 { type: "add", item: { ...Z.current[J], selected: !0 } }
               ]);
@@ -1345,13 +1345,13 @@ function Lr({
             Jt();
           }
         }
-        if ((_ = De.current) == null || _.call(De, a, X), Lt) {
-          const Mt = w && X.selected;
+        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 || ((it = X.measured) == null ? void 0 : it.height) || jt;
+              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 };
             }
           }
@@ -1361,7 +1361,7 @@ function Lr({
             startMouse: { x: d.x, y: d.y },
             parentClamp: J,
             parentId: X.parentId || null,
-            selectedStarts: Mt ? Z.current.filter((tt) => tt.selected && tt.id !== X.id).map((tt) => {
+            selectedStarts: zt ? Z.current.filter((tt) => tt.selected && tt.id !== X.id).map((tt) => {
               var Xe, en;
               let qt = null;
               if (tt.parentId && tt.extent === "parent") {
@@ -1373,11 +1373,11 @@ function Lr({
               }
               return { id: tt.id, startPos: { ...tt.position }, parentClamp: qt, parentId: tt.parentId || null };
             }) : []
-          }, (q = pt.current) == null || q.setPointerCapture(a.pointerId), (nt = He.current) == null || nt.call(He, a, X), wt.current) {
+          }, (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 }];
             for (const qt of _t.current.selectedStarts)
               tt.push({ id: qt.id, type: "position", dragging: !0 });
-            wt.current(tt);
+            Mt.current(tt);
           }
         }
         return;
@@ -1387,133 +1387,133 @@ function Lr({
       const X = ue(d.x, d.y);
       if (X) {
         if (Dt.current) {
-          const Mt = [];
-          if (w)
-            Mt.push({ id: X.id, type: "select", selected: !X.selected });
+          const zt = [];
+          if (b)
+            zt.push({ id: X.id, type: "select", selected: !X.selected });
           else {
             for (const J of Pt.current)
-              J.id === X.id ? Mt.push({ id: J.id, type: "select", selected: !0 }) : J.selected && Mt.push({ id: J.id, type: "select", selected: !1 });
-            if (wt.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 && wt.current(J);
+              J.length && Mt.current(J);
             }
           }
-          Mt.length && (Dt.current(Mt), Jt());
+          zt.length && (Dt.current(zt), Jt());
         }
-        (xt = le.current) == null || xt.call(le, a, X);
+        (mt = le.current) == null || mt.call(le, a, X);
         return;
       }
     }
-    if (!w) {
-      const X = Z.current.filter((J) => J.selected).map((J) => ({ id: J.id, type: "select", selected: !1 })), Mt = Pt.current.filter((J) => J.selected).map((J) => ({ id: J.id, type: "select", selected: !1 }));
-      X.length && wt.current && wt.current(X), Mt.length && Dt.current && Dt.current(Mt), (X.length || Mt.length) && Jt();
+    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();
     }
-    if ((bt = We.current) == null || bt.call(We, a), ne || w) {
-      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (Ht = pt.current) == null || Ht.setPointerCapture(a.pointerId), Ne();
+    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();
       return;
     }
-    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = pt.current) == null || Xt.classList.add("dragging"), (At = pt.current) == null || At.setPointerCapture(a.pointerId);
-  }, [st, Tt, tn, ue, Lt, kt, $t, ne, Ce, Ne, Jt]), fr = F((a) => {
-    var d, w;
+    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) => {
+    var d, b;
     if (Wt.current) {
-      if (Me.current = st(a.clientX, a.clientY), Ce(), fn) {
-        const I = pt.current;
-        if (I) {
-          const $ = I.getBoundingClientRect(), h = 40, A = a.clientX - $.left, S = a.clientY - $.top;
-          let U = 0, _ = 0;
-          A < h ? U = Qt : A > $.width - h && (U = -Qt), S < h ? _ = Qt : S > $.height - h && (_ = -Qt), (U || _) && (gt.current.x += U, gt.current.y += _, Et(a));
+      if (Me.current = at(a.clientX, a.clientY), Ce(), fn) {
+        const L = xt.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));
         }
       }
       return;
     }
     if (ie.current) {
-      ie.current.endWorld = st(a.clientX, a.clientY), Ne();
-      const I = ie.current, $ = Math.min(I.startWorld.x, I.endWorld.x), h = Math.min(I.startWorld.y, I.endWorld.y), A = Math.max(I.startWorld.x, I.endWorld.x), S = Math.max(I.startWorld.y, I.endWorld.y);
-      if (wt.current) {
-        const U = [];
+      ie.current.endWorld = at(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) {
+        const Y = [];
         for (const _ of Z.current) {
           if (_.hidden) continue;
-          const K = _.width || Vt, it = _.height || jt, q = Ie === "full" ? _.position.x >= $ && _.position.x + K <= A && _.position.y >= h && _.position.y + it <= S : _.position.x + K > $ && _.position.x < A && _.position.y + it > h && _.position.y < S;
-          q !== !!_.selected && U.push({ id: _.id, type: "select", selected: q });
+          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 });
         }
-        U.length && wt.current(U);
+        Y.length && Mt.current(Y);
       }
       return;
     }
     if (_t.current) {
-      const I = st(a.clientX, a.clientY), $ = _t.current, h = I.x - $.startMouse.x, A = I.y - $.startMouse.y;
-      let S = { x: $.startPos.x + h, y: $.startPos.y + A };
-      if (me && (S = Pn(S, de)), oe && (S = Tn(S, oe)), $.parentClamp) {
-        const q = $.parentClamp;
-        S = { x: Math.max(q.minX, Math.min(S.x, q.maxX)), y: Math.max(q.minY, Math.min(S.y, q.maxY)) };
+      const L = at(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;
+        T = { x: Math.max(U.minX, Math.min(T.x, U.maxX)), y: Math.max(U.minY, Math.min(T.y, U.maxY)) };
       }
-      const U = [{ id: $.id, position: S }];
-      for (const q of $.selectedStarts) {
-        let nt = { x: q.startPos.x + h, y: q.startPos.y + A };
-        if (me && (nt = Pn(nt, de)), oe && (nt = Tn(nt, oe)), q.parentClamp) {
-          const xt = q.parentClamp;
-          nt = { x: Math.max(xt.minX, Math.min(nt.x, xt.maxX)), y: Math.max(xt.minY, Math.min(nt.y, xt.maxY)) };
+      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)) };
         }
-        U.push({ id: q.id, position: nt });
+        Y.push({ id: U.id, position: et });
       }
       const _ = [];
-      for (const q of U) {
-        const nt = Z.current.find((xt) => xt.id === q.id);
-        if (nt) {
-          nt.position = q.position, nt.dragging = !0;
-          let xt = q.position;
-          if (nt.parentId) {
-            let bt = Z.current.find((At) => At.id === nt.parentId), Ht = q.position.x, Xt = q.position.y;
-            for (; bt; )
-              Ht += bt.position.x, Xt += bt.position.y, bt = bt.parentId ? Z.current.find((At) => At.id === bt.parentId) : null;
-            xt = { x: Ht, y: Xt };
+      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 };
           }
           _.push({
-            id: q.id,
-            position: q.position,
-            _absolutePosition: xt,
-            width: nt.width,
-            height: nt.height,
+            id: U.id,
+            position: U.position,
+            _absolutePosition: mt,
+            width: et.width,
+            height: et.height,
             dragging: !0,
-            selected: nt.selected
+            selected: et.selected
           });
         }
       }
-      const K = new Set(U.map((q) => q.id));
-      for (const q of Z.current)
-        if (q.parentId && K.has(q.parentId) && !K.has(q.id)) {
-          let nt = Z.current.find((Ht) => Ht.id === q.parentId), xt = q.position.x, bt = q.position.y;
-          for (; nt; )
-            xt += nt.position.x, bt += nt.position.y, nt = nt.parentId ? Z.current.find((Ht) => Ht.id === nt.parentId) : null;
+      const K = 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({
-            id: q.id,
-            position: q.position,
-            _absolutePosition: { x: xt, y: bt },
-            width: q.width,
-            height: q.height,
+            id: U.id,
+            position: U.position,
+            _absolutePosition: { x: mt, y: Rt },
+            width: U.width,
+            height: U.height,
             dragging: !1,
-            selected: q.selected
+            selected: U.selected
           });
         }
-      if ((d = zt.current) == null || d.postMessage({ type: "nodePositions", data: { updates: _ } }), dn) {
-        const q = pt.current;
-        if (q) {
-          const nt = q.getBoundingClientRect(), xt = 40, bt = a.clientX - nt.left, Ht = a.clientY - nt.top;
+      if ((d = Ct.current) == null || d.postMessage({ type: "nodePositions", data: { updates: _ } }), dn) {
+        const U = xt.current;
+        if (U) {
+          const et = U.getBoundingClientRect(), mt = 40, Rt = a.clientX - et.left, Ht = a.clientY - et.top;
           let Xt = 0, At = 0;
-          bt < xt ? Xt = Qt : bt > nt.width - xt && (Xt = -Qt), Ht < xt ? At = Qt : Ht > nt.height - xt && (At = -Qt), (Xt || At) && (gt.current.x += Xt, gt.current.y += At, Et(a));
+          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 it = Z.current.find((q) => q.id === $.id);
-      it && ((w = Ae.current) == null || w.call(Ae, a, it));
+      const ct = Z.current.find((U) => U.id === I.id);
+      ct && ((b = Ae.current) == null || b.call(Ae, a, ct));
       return;
     }
     if (!Se.current) return;
-    const m = gt.current;
-    m.x += a.clientX - te.current.x, m.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Et();
-  }, [Et, st, Ce, Ne]), hr = F((a) => {
-    var m, d, w, I, $;
+    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) => {
+    var x, d, b, L, I;
     if (Wt.current) {
-      const h = st(a.clientX, a.clientY), A = tn(h.x, h.y);
+      const h = at(a.clientX, a.clientY), A = tn(h.x, h.y);
       if (A && A.nodeId !== Wt.current.sourceId && (Bt === "loose" || A.type === "target")) {
         const _ = Wt.current.sourceType === "target" ? {
           source: A.nodeId,
@@ -1526,9 +1526,9 @@ function Lr({
           sourceHandle: Wt.current.sourceHandle,
           targetHandle: A.handleId || null
         };
-        (O.current.isValidConnection ? O.current.isValidConnection(_) : !0) && ((m = ce.current) == null || m.call(ce, { ..._, ...be }));
+        (O.current.isValidConnection ? O.current.isValidConnection(_) : !0) && ((x = ce.current) == null || x.call(ce, { ..._, ...be }));
       }
-      (w = (d = O.current).onConnectEnd) == null || w.call(d, a.nativeEvent || a), Wt.current = null, Me.current = null, Ce();
+      (b = (d = O.current).onConnectEnd) == null || b.call(d, a.nativeEvent || a), Wt.current = null, Me.current = null, Ce();
       return;
     }
     if (ie.current) {
@@ -1537,203 +1537,203 @@ function Lr({
     }
     if (_t.current) {
       const h = _t.current;
-      if (wt.current) {
-        const S = Z.current.find((_) => _.id === h.id), U = [{
+      if (Mt.current) {
+        const T = Z.current.find((_) => _.id === h.id), Y = [{
           id: h.id,
           type: "position",
-          position: S ? { ...S.position } : void 0,
+          position: T ? { ...T.position } : void 0,
           dragging: !1
         }];
         for (const _ of h.selectedStarts) {
-          const K = Z.current.find((it) => it.id === _.id);
-          U.push({
+          const K = Z.current.find((ct) => ct.id === _.id);
+          Y.push({
             id: _.id,
             type: "position",
             position: K ? { ...K.position } : void 0,
             dragging: !1
           });
         }
-        wt.current(U);
+        Mt.current(Y);
       }
       requestAnimationFrame(() => {
         _t.current = null;
       });
-      const A = Z.current.find((S) => S.id === h.id);
-      A && ((I = _e.current) == null || I.call(_e, a, A));
+      const A = Z.current.find((T) => T.id === h.id);
+      A && ((L = _e.current) == null || L.call(_e, a, A));
       return;
     }
-    Se.current = !1, ($ = pt.current) == null || $.classList.remove("dragging");
-  }, [st, tn, Ce, Ne, Jt]);
-  ut(() => {
-    const a = pt.current;
+    Se.current = !1, (I = xt.current) == null || I.classList.remove("dragging");
+  }, [at, tn, Ce, Ne, Jt]);
+  ft(() => {
+    const a = xt.current;
     if (!a) return;
-    const m = (d) => {
+    const x = (d) => {
       Pe && d.preventDefault();
-      const w = gt.current;
+      const b = gt.current;
       if (Ge || ke.current) {
-        const S = Ze;
-        $e === "horizontal" ? w.x -= d.deltaY * S : ($e === "vertical" || (w.x -= d.deltaX * S), w.y -= d.deltaY * S), Et(d);
+        const T = Ze;
+        $e === "horizontal" ? b.x -= d.deltaY * T : ($e === "vertical" || (b.x -= d.deltaX * T), b.y -= d.deltaY * T), Nt(d);
         return;
       }
       if (!Oe) return;
-      const I = d.deltaY > 0 ? 0.92 : 1.08, $ = a.getBoundingClientRect(), h = d.clientX - $.left, A = d.clientY - $.top;
-      w.x = h - (h - w.x) * I, w.y = A - (A - w.y) * I, w.zoom = Math.min(ot, Math.max(et, w.zoom * I)), Et(d);
+      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);
     };
-    return a.addEventListener("wheel", m, { passive: !Pe }), () => a.removeEventListener("wheel", m);
-  }, [Et, et, ot, Ge, $e, Ze, Oe, Pe]), ut(() => {
+    return a.addEventListener("wheel", x, { passive: !Pe }), () => a.removeEventListener("wheel", x);
+  }, [Nt, ot, pt, Ge, $e, Ze, Oe, Pe]), ft(() => {
     if (!Ke) return;
-    const a = pt.current;
+    const a = xt.current;
     if (!a) return;
-    let m = 0, d = null;
-    const w = (h) => {
+    let x = 0, d = null;
+    const b = (h) => {
       if (h.touches.length === 2) {
-        const A = h.touches[0].clientX - h.touches[1].clientX, S = h.touches[0].clientY - h.touches[1].clientY;
-        m = Math.hypot(A, S);
-        const U = a.getBoundingClientRect();
+        const A = h.touches[0].clientX - h.touches[1].clientX, T = h.touches[0].clientY - h.touches[1].clientY;
+        x = Math.hypot(A, T);
+        const Y = a.getBoundingClientRect();
         d = {
-          x: (h.touches[0].clientX + h.touches[1].clientX) / 2 - U.left,
-          y: (h.touches[0].clientY + h.touches[1].clientY) / 2 - U.top
+          x: (h.touches[0].clientX + h.touches[1].clientX) / 2 - Y.left,
+          y: (h.touches[0].clientY + h.touches[1].clientY) / 2 - Y.top
         }, h.preventDefault();
       }
-    }, I = (h) => {
-      if (h.touches.length === 2 && m > 0) {
+    }, L = (h) => {
+      if (h.touches.length === 2 && x > 0) {
         h.preventDefault();
-        const A = h.touches[0].clientX - h.touches[1].clientX, S = h.touches[0].clientY - h.touches[1].clientY, U = Math.hypot(A, S), _ = U / m;
-        m = U;
-        const K = gt.current, it = d.x, q = d.y;
-        K.x = it - (it - K.x) * _, K.y = q - (q - K.y) * _, K.zoom = Math.min(ot, Math.max(et, K.zoom * _)), Et(h);
+        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;
+        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);
       }
-    }, $ = () => {
-      m = 0, d = null;
+    }, I = () => {
+      x = 0, d = null;
     };
-    return a.addEventListener("touchstart", w, { passive: !1 }), a.addEventListener("touchmove", I, { passive: !1 }), a.addEventListener("touchend", $), () => {
-      a.removeEventListener("touchstart", w), a.removeEventListener("touchmove", I), a.removeEventListener("touchend", $);
+    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, Et, et, ot]), ut(() => {
+  }, [Ke, Nt, ot, pt]), ft(() => {
     if (!Qe) return;
-    const a = pt.current;
+    const a = xt.current;
     if (!a) return;
-    const m = (d) => {
-      var _, K, it, q;
-      const w = st(d.clientX, d.clientY);
-      if (Tt(w.x, w.y)) {
-        (K = (_ = O.current).onNodeDoubleClick) == null || K.call(_, d, Tt(w.x, w.y));
+    const x = (d) => {
+      var _, K, ct, U;
+      const b = at(d.clientX, d.clientY);
+      if (Tt(b.x, b.y)) {
+        (K = (_ = O.current).onNodeDoubleClick) == null || K.call(_, d, Tt(b.x, b.y));
         return;
       }
-      const I = ue(w.x, w.y);
-      if (I) {
-        (q = (it = O.current).onEdgeDoubleClick) == null || q.call(it, d, I);
+      const L = ue(b.x, b.y);
+      if (L) {
+        (U = (ct = O.current).onEdgeDoubleClick) == null || U.call(ct, d, L);
         return;
       }
-      const $ = 1.5, h = a.getBoundingClientRect(), A = d.clientX - h.left, S = d.clientY - h.top, U = gt.current;
-      U.x = A - (A - U.x) * $, U.y = S - (S - U.y) * $, U.zoom = Math.min(ot, Math.max(et, U.zoom * $)), Et(d);
+      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);
     };
-    return a.addEventListener("dblclick", m), () => a.removeEventListener("dblclick", m);
-  }, [Qe, Et, et, ot, st, Tt, ue]), ut(() => {
-    const a = pt.current;
+    return a.addEventListener("dblclick", x), () => a.removeEventListener("dblclick", x);
+  }, [Qe, Nt, ot, pt, at, Tt, ue]), ft(() => {
+    const a = xt.current;
     if (!a) return;
-    const m = (d) => {
-      var h, A, S, U, _, K;
-      const w = st(d.clientX, d.clientY), I = Tt(w.x, w.y);
-      if (I) {
-        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, I);
+    const x = (d) => {
+      var h, A, T, Y, _, K;
+      const b = at(d.clientX, d.clientY), L = Tt(b.x, b.y);
+      if (L) {
+        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, L);
         return;
       }
-      const $ = ue(w.x, w.y);
-      if ($) {
-        (U = (S = O.current).onEdgeContextMenu) == null || U.call(S, d, $);
+      const I = ue(b.x, b.y);
+      if (I) {
+        (Y = (T = O.current).onEdgeContextMenu) == null || Y.call(T, d, I);
         return;
       }
       (K = (_ = O.current).onPaneContextMenu) == null || K.call(_, d);
     };
-    return a.addEventListener("contextmenu", m), () => a.removeEventListener("contextmenu", m);
-  }, [st, Tt, ue]), ut(() => {
-    const a = pt.current;
+    return a.addEventListener("contextmenu", x), () => a.removeEventListener("contextmenu", x);
+  }, [at, Tt, ue]), ft(() => {
+    const a = xt.current;
     if (!a) return;
-    let m = null, d = null;
-    const w = (h) => {
-      var U, _, K, it, q, nt, xt, bt, Ht, Xt, At, X, Mt, J;
-      (_ = (U = O.current).onPaneMouseMove) == null || _.call(U, h);
-      const A = st(h.clientX, h.clientY), S = Tt(A.x, A.y);
-      if (S !== m && (m && ((it = (K = O.current).onNodeMouseLeave) == null || it.call(K, h, m)), S && ((nt = (q = O.current).onNodeMouseEnter) == null || nt.call(q, h, S)), m = S), S && ((bt = (xt = O.current).onNodeMouseMove) == null || bt.call(xt, h, S)), !S) {
+    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 = (Mt = O.current).onEdgeMouseMove) == null || J.call(Mt, h, tt));
+        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));
       }
+    }, L = (h) => {
+      var A, T;
+      return (T = (A = O.current).onPaneMouseEnter) == null ? void 0 : T.call(A, h);
     }, I = (h) => {
-      var A, S;
-      return (S = (A = O.current).onPaneMouseEnter) == null ? void 0 : S.call(A, h);
-    }, $ = (h) => {
-      var A, S, U, _, K, it;
-      (S = (A = O.current).onPaneMouseLeave) == null || S.call(A, h), m && ((_ = (U = O.current).onNodeMouseLeave) == null || _.call(U, h, m), m = null), d && ((it = (K = O.current).onEdgeMouseLeave) == null || it.call(K, h, d), d = null);
+      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);
     };
-    return a.addEventListener("mousemove", w), a.addEventListener("mouseenter", I), a.addEventListener("mouseleave", $), () => {
-      a.removeEventListener("mousemove", w), a.removeEventListener("mouseenter", I), a.removeEventListener("mouseleave", $);
+    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);
     };
-  }, [st, Tt, ue]), ut(() => {
-    const a = Array.isArray(ve) ? ve : [ve], m = async (d) => {
-      var w, I;
+  }, [at, Tt, ue]), ft(() => {
+    const a = Array.isArray(ve) ? ve : [ve], x = async (d) => {
+      var b, L;
       if (a.includes(d.key)) {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA" || d.target.isContentEditable) return;
-        const $ = Z.current.filter((S) => S.selected), h = Pt.current.filter((S) => S.selected);
-        if (!$.length && !h.length || O.current.onBeforeDelete && !await O.current.onBeforeDelete({ nodes: $, edges: h }))
+        const I = Z.current.filter((T) => T.selected), h = Pt.current.filter((T) => T.selected);
+        if (!I.length && !h.length || O.current.onBeforeDelete && !await O.current.onBeforeDelete({ nodes: I, edges: h }))
           return;
-        const A = new Set($.map((S) => S.id));
-        if ($.length && wt.current && (wt.current($.map((S) => ({ id: S.id, type: "remove" }))), Dt.current)) {
-          const S = Pt.current.filter((U) => A.has(U.source) || A.has(U.target));
-          S.length && Dt.current(S.map((U) => ({ id: U.id, type: "remove" })));
+        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)) {
+          const T = Pt.current.filter((Y) => A.has(Y.source) || A.has(Y.target));
+          T.length && Dt.current(T.map((Y) => ({ id: Y.id, type: "remove" })));
         }
-        h.length && Dt.current && Dt.current(h.map((S) => ({ id: S.id, type: "remove" }))), (I = (w = O.current).onDelete) == null || I.call(w, { nodes: $, edges: h });
+        h.length && Dt.current && Dt.current(h.map((T) => ({ id: T.id, type: "remove" }))), (L = (b = O.current).onDelete) == null || L.call(b, { nodes: I, edges: h });
       }
       if ((d.ctrlKey || d.metaKey) && d.key === "a") {
         if (d.target.tagName === "INPUT" || d.target.tagName === "TEXTAREA") return;
-        if (d.preventDefault(), wt.current) {
-          const $ = Z.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
-          $.length && wt.current($);
+        if (d.preventDefault(), Mt.current) {
+          const I = Z.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
+          I.length && Mt.current(I);
         }
         if (Dt.current) {
-          const $ = Pt.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
-          $.length && Dt.current($);
+          const I = Pt.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
+          I.length && Dt.current(I);
         }
       }
     };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
   }, [ve]);
   const In = V(!1);
-  ut(() => {
-    var a, m;
-    if (!In.current && zt.current) {
-      if (In.current = !0, Rt && Z.current.length > 0) {
-        const d = pt.current;
+  ft(() => {
+    var a, x;
+    if (!In.current && Ct.current) {
+      if (In.current = !0, ht && Z.current.length > 0) {
+        const d = xt.current;
         if (d) {
-          const w = d.getBoundingClientRect(), I = (vt == null ? void 0 : vt.padding) ?? 0.1, $ = Mn(Z.current), h = Rn($, w.width, w.height, I);
-          vt != null && vt.maxZoom && (h.zoom = Math.min(h.zoom, vt.maxZoom)), vt != null && vt.minZoom && (h.zoom = Math.max(h.zoom, vt.minZoom)), gt.current = h, Et();
+          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();
         }
       }
-      (m = (a = O.current).onInit) == null || m.call(a, {
+      (x = (a = O.current).onInit) == null || x.call(a, {
         getNodes: () => [...Z.current],
         getEdges: () => [...Pt.current],
         getViewport: () => ({ ...gt.current }),
         fitView: (d = {}) => {
-          const w = pt.current;
-          if (!w || !Z.current.length) return;
-          const I = w.getBoundingClientRect(), $ = Mn(Z.current), h = Rn($, I.width, I.height, d.padding ?? 0.1);
-          gt.current = h, Et();
+          const b = xt.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();
         }
       });
     }
   });
   const yr = F(() => {
-    gt.current = { ...Nt }, Et();
-  }, [Et, Nt]), gr = F((a) => {
-    var m;
+    gt.current = { ...vt }, Nt();
+  }, [Nt, vt]), gr = F((a) => {
+    var x;
     if (a)
       se.current.push(a);
     else {
-      const d = gt.current, w = pt.current;
-      if (!w) return;
-      const I = w.getBoundingClientRect(), $ = Math.round(-d.x / d.zoom + I.width / 2 / d.zoom), h = Math.round(-d.y / d.zoom + I.height / 2 / d.zoom);
+      const d = gt.current, b = xt.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({
-        x: $ - 80,
+        x: I - 80,
         y: h - 45,
         w: 160,
         h: 90,
@@ -1741,37 +1741,37 @@ function Lr({
         body: "Added at viewport center"
       });
     }
-    (m = zt.current) == null || m.postMessage({ type: "cards", data: { cards: [...se.current] } });
+    (x = Ct.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
   }, []), pr = F((a) => {
     if (a.id || (a.id = "node-" + Date.now()), !a.position) {
-      const m = gt.current, d = pt.current;
+      const x = gt.current, d = xt.current;
       if (!d) return;
-      const w = d.getBoundingClientRect();
+      const b = d.getBoundingClientRect();
       a.position = {
-        x: Math.round(-m.x / m.zoom + w.width / 2 / m.zoom) - Vt / 2,
-        y: Math.round(-m.y / m.zoom + w.height / 2 / m.zoom) - jt / 2
+        x: Math.round(-x.x / x.zoom + b.width / 2 / x.zoom) - Vt / 2,
+        y: Math.round(-x.y / x.zoom + b.height / 2 / x.zoom) - jt / 2
       };
     }
-    a.data || (a.data = { label: a.id }), wt.current && wt.current([{ type: "add", item: a }]);
+    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 }, Et();
-  }, [Et]), vr = F((a) => st(a.x, a.y), [st]), $n = n, wr = St(() => ({
-    wrapRef: pt,
+    gt.current = { ...gt.current, ...a }, Nt();
+  }, [Nt]), vr = F((a) => at(a.x, a.y), [at]), $n = n, wr = St(() => ({
+    wrapRef: xt,
     canvasRef: Te,
-    workerRef: zt,
+    workerRef: Ct,
     cameraRef: gt,
     nodesRef: Z,
     edgesRef: Pt,
     handleRegistryRef: yn,
     syncNodesToWorker: Ft,
-    onNodesChangeRef: wt,
+    onNodesChangeRef: Mt,
     onEdgesChangeRef: Dt,
-    sendCamera: Et,
-    screenToWorld: st,
+    sendCamera: Nt,
+    screenToWorld: at,
     viewportListeners: Kt,
     selectionListeners: he,
-    zoomMin: et,
-    zoomMax: ot,
+    zoomMin: ot,
+    zoomMax: pt,
     snapToGrid: me,
     snapGrid: de,
     nodeExtent: oe,
@@ -1793,9 +1793,9 @@ function Lr({
     get connection() {
       return Ve;
     }
-  }), [e, n, $n, Be, Ve, Et, st, Ft, Kt, he, et, ot, me, de, oe, be, fe]);
+  }), [e, n, $n, Be, Ve, Nt, at, Ft, Kt, he, ot, pt, me, de, oe, be, fe]);
   return {
-    wrapRef: pt,
+    wrapRef: xt,
     canvasRef: Te,
     canvasReady: gn,
     onPointerDown: dr,
@@ -1817,7 +1817,7 @@ function Ir(t, e, n, r, s, o) {
   return l = Math.max(0, Math.min(1, l)), Math.hypot(t - (n + l * i), e - (r + l * c));
 }
 const Zn = Fn(null);
-function ht() {
+function yt() {
   const t = qe(Zn);
   if (!t)
     throw new Error("useCanvasStore must be used within <InfiniteCanvas> or <InfiniteCanvasProvider>");
@@ -1828,119 +1828,125 @@ function Ro() {
   return qe(je);
 }
 function $r({ node: t, nodeType: e }) {
-  var v, E, R;
-  const n = ht(), r = V(null), s = t._absolutePosition || t.position, o = V(null);
-  ut(() => {
+  var m, C, k;
+  const n = yt(), r = V(null), s = t._absolutePosition || t.position, o = V(null);
+  ft(() => {
     const M = r.current;
     if (!M) return;
-    const T = new ResizeObserver((k) => {
-      var D, x, f, p;
-      const { width: z, height: W } = k[0].contentRect;
-      if (z > 0 && W > 0) {
-        const y = n.nodesRef.current.find((P) => P.id === t.id), N = (y == null ? void 0 : y.width) || ((D = y == null ? void 0 : y.measured) == null ? void 0 : D.width), C = (y == null ? void 0 : y.height) || ((x = y == null ? void 0 : y.measured) == null ? void 0 : x.height);
-        (Math.abs((N || 0) - z) > 1 || Math.abs((C || 0) - W) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
-          { id: t.id, type: "dimensions", dimensions: { width: z, height: W }, setAttributes: !0 }
+    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 }
         ]));
       }
     });
-    return T.observe(M), () => T.disconnect();
+    return $.observe(M), () => $.disconnect();
   }, [t.id, n]);
   const i = F((M) => {
-    var P, b;
-    if (M.stopPropagation(), n.onNodesChangeRef.current) {
-      const L = [];
+    var R, B, q;
+    M.stopPropagation();
+    let $ = M.target;
+    for (; $ && $ !== r.current; ) {
+      if ((R = $.classList) != null && R.contains("nodrag")) return;
+      $ = $.parentElement;
+    }
+    if (n.onNodesChangeRef.current) {
+      const D = [];
       if (M.shiftKey)
-        L.push({ id: t.id, type: "select", selected: !t.selected });
+        D.push({ id: t.id, type: "select", selected: !t.selected });
       else
-        for (const H of n.nodesRef.current)
-          H.id === t.id && !H.selected ? L.push({ id: H.id, type: "select", selected: !0 }) : H.id !== t.id && H.selected && L.push({ id: H.id, type: "select", selected: !1 });
-      L.length && n.onNodesChangeRef.current(L);
+        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);
     }
-    const T = n.cameraRef.current, k = n.wrapRef.current;
-    if (!k) return;
-    const z = k.getBoundingClientRect(), W = (M.clientX - z.left - T.x) / T.zoom, D = (M.clientY - z.top - T.y) / T.zoom, f = M.shiftKey && t.selected ? n.nodesRef.current.filter((L) => L.selected && L.id !== t.id).map((L) => ({ id: L.id, startPos: { ...L.position } })) : [];
+    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 } })) : [];
     o.current = {
       startPos: { ...t.position },
-      startMouse: { x: W, y: D },
-      selectedStarts: f
+      startMouse: { x: H, y: g },
+      selectedStarts: p
     };
-    const p = [{ id: t.id, type: "position", dragging: !0 }];
-    for (const L of f)
-      p.push({ id: L.id, type: "position", dragging: !0 });
-    (b = (P = n.onNodesChangeRef).current) == null || b.call(P, p);
-    const y = r.current;
-    y && y.setPointerCapture(M.pointerId);
-    const N = (L) => {
-      var at, ct, lt, Ct;
+    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 w = r.current;
+    w && w.setPointerCapture(M.pointerId);
+    const N = (D) => {
+      var dt, Lt, ot, pt;
       if (!o.current) return;
-      const Y = n.cameraRef.current, H = k.getBoundingClientRect(), dt = (L.clientX - H.left - Y.x) / Y.zoom, yt = (L.clientY - H.top - Y.y) / Y.zoom, ft = dt - o.current.startMouse.x, G = yt - o.current.startMouse.y;
-      let j = { x: o.current.startPos.x + ft, y: o.current.startPos.y + G };
-      if (n.snapToGrid && n.snapGrid && (j = {
-        x: n.snapGrid[0] * Math.round(j.x / n.snapGrid[0]),
-        y: n.snapGrid[1] * Math.round(j.y / n.snapGrid[1])
+      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])
       }), t.parentId && t.extent === "parent") {
-        const et = n.nodesRef.current.find((ot) => ot.id === t.parentId);
-        if (et) {
-          const ot = et.width || 160, Nt = et.height || 60, Rt = t.width || ((at = t.measured) == null ? void 0 : at.width) || 160, vt = t.height || ((ct = t.measured) == null ? void 0 : ct.height) || 60;
-          j = {
-            x: Math.max(0, Math.min(j.x, ot - Rt)),
-            y: Math.max(0, Math.min(j.y, Nt - vt))
+        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 rt = [{ id: t.id, type: "position", position: j, dragging: !0 }];
-      for (const et of o.current.selectedStarts) {
-        let ot = { x: et.startPos.x + ft, y: et.startPos.y + G };
-        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])
-        }), rt.push({ id: et.id, type: "position", position: ot, dragging: !0 });
+      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 });
       }
-      (Ct = (lt = n.onNodesChangeRef).current) == null || Ct.call(lt, rt);
-    }, C = (L) => {
-      var H, dt;
+      (pt = (ot = n.onNodesChangeRef).current) == null || pt.call(ot, ut);
+    }, P = (D) => {
+      var nt, lt;
       if (!o.current) return;
-      const Y = [{ id: t.id, type: "position", dragging: !1 }];
-      for (const yt of o.current.selectedStarts)
-        Y.push({ id: yt.id, type: "position", dragging: !1 });
-      (dt = (H = n.onNodesChangeRef).current) == null || dt.call(H, Y), o.current = null, y && y.releasePointerCapture(L.pointerId), y == null || y.removeEventListener("pointermove", N), y == null || y.removeEventListener("pointerup", C);
+      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);
     };
-    y == null || y.addEventListener("pointermove", N), y == null || y.addEventListener("pointerup", C);
+    w == null || w.addEventListener("pointermove", N), w == null || w.addEventListener("pointerup", P);
   }, [t, n]), c = F((M) => {
-    var x, f, p, y, N, C;
+    var g, f, p, v, w, N;
     if (!t.selected) return;
-    const T = M.shiftKey ? 10 : 1;
-    let k = 0, z = 0;
+    const $ = M.shiftKey ? 10 : 1;
+    let z = 0, E = 0;
     switch (M.key) {
       case "ArrowUp":
-        z = -T;
+        E = -$;
         break;
       case "ArrowDown":
-        z = T;
+        E = $;
         break;
       case "ArrowLeft":
-        k = -T;
+        z = -$;
         break;
       case "ArrowRight":
-        k = T;
+        z = $;
         break;
       case "Escape":
-        (f = (x = n.onNodesChangeRef).current) == null || f.call(x, [{ id: t.id, type: "select", selected: !1 }]);
+        (f = (g = n.onNodesChangeRef).current) == null || f.call(g, [{ id: t.id, type: "select", selected: !1 }]);
         return;
       case "Delete":
       case "Backspace":
-        t.deletable !== !1 && ((y = (p = n.onNodesChangeRef).current) == null || y.call(p, [{ id: t.id, type: "remove" }]));
+        t.deletable !== !1 && ((v = (p = n.onNodesChangeRef).current) == null || v.call(p, [{ id: t.id, type: "remove" }]));
         return;
       default:
         return;
     }
     M.preventDefault();
-    const W = { x: t.position.x + k, y: t.position.y + z }, D = [{ id: t.id, type: "position", position: W }];
+    const W = { x: t.position.x + z, y: t.position.y + E }, H = [{ id: t.id, type: "position", position: W }];
     for (const P of n.nodesRef.current)
-      P.selected && P.id !== t.id && D.push({ id: P.id, type: "position", position: { x: P.position.x + k, y: P.position.y + z } });
-    (C = (N = n.onNodesChangeRef).current) == null || C.call(N, D);
-  }, [t, n]), u = t.width || ((v = t.measured) == null ? void 0 : v.width), l = t.height || ((E = t.measured) == null ? void 0 : E.height), g = !!(u && l);
-  return /* @__PURE__ */ B(je.Provider, { value: t.id, children: /* @__PURE__ */ B(
+      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);
+  }, [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",
     {
       ref: r,
@@ -1952,18 +1958,18 @@ function $r({ node: t, nodeType: e }) {
         zIndex: t.type === "group" ? 0 : t.zIndex || 1,
         pointerEvents: t.type === "group" ? "none" : "all",
         cursor: t.dragging ? "grabbing" : "grab",
-        visibility: g ? "visible" : "hidden",
+        visibility: y ? "visible" : "hidden",
         userSelect: "none",
         outline: "none"
       },
       "data-nodeid": t.id,
       tabIndex: t.selectable !== !1 ? 0 : void 0,
       role: "button",
-      "aria-label": `Node ${((R = t.data) == null ? void 0 : R.label) || t.id}`,
+      "aria-label": `Node ${((k = t.data) == null ? void 0 : k.label) || t.id}`,
       "aria-selected": !!t.selected,
       onPointerDown: i,
       onKeyDown: c,
-      children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ S(
         e,
         {
           id: t.id,
@@ -1994,32 +2000,32 @@ function Bn(t, e, n, r) {
   var c, u;
   const s = t.width || ((c = t.measured) == null ? void 0 : c.width) || On, o = t.height || ((u = t.measured) == null ? void 0 : u.height) || Qn, i = t._absolutePosition || t.position;
   if (t.handleBounds) {
-    const l = t.handleBounds[e] || [], g = n ? l.find((v) => v.id === n) : l[0];
-    if (g && g.x !== void 0 && g.y !== void 0) {
-      const v = g.position || (e === "source" ? "right" : "left");
-      return { x: i.x + g.x, y: i.y + g.y, position: v };
+    const l = t.handleBounds[e] || [], y = n ? l.find((m) => m.id === n) : l[0];
+    if (y && y.x !== void 0 && y.y !== void 0) {
+      const m = y.position || (e === "source" ? "right" : "left");
+      return { x: i.x + y.x, y: i.y + y.y, position: m };
     }
   }
   if (r) {
-    const l = `${t.id}__${n || e}`, g = r.get(l);
-    if (g && g.x !== void 0 && g.y !== void 0)
-      return { x: i.x + g.x, y: i.y + g.y, position: g.position || (e === "source" ? "right" : "left") };
+    const l = `${t.id}__${n || e}`, y = r.get(l);
+    if (y && y.x !== void 0 && y.y !== void 0)
+      return { x: i.x + y.x, y: i.y + y.y, position: y.position || (e === "source" ? "right" : "left") };
   }
   if (t.handles && t.handles.length) {
     for (const l of t.handles)
       if (l.type === e && (!n || l.id === n)) {
         if (l.x !== void 0 && l.y !== void 0)
           return { x: i.x + l.x, y: i.y + l.y, position: l.position || (e === "source" ? "right" : "left") };
-        const g = l.position || (e === "source" ? "right" : "left");
-        switch (g) {
+        const y = l.position || (e === "source" ? "right" : "left");
+        switch (y) {
           case "top":
-            return { x: i.x + s / 2, y: i.y, position: g };
+            return { x: i.x + s / 2, y: i.y, position: y };
           case "bottom":
-            return { x: i.x + s / 2, y: i.y + o, position: g };
+            return { x: i.x + s / 2, y: i.y + o, position: y };
           case "left":
-            return { x: i.x, y: i.y + o / 2, position: g };
+            return { x: i.x, y: i.y + o / 2, position: y };
           default:
-            return { x: i.x + s, y: i.y + o / 2, position: g };
+            return { x: i.x + s, y: i.y + o / 2, position: y };
         }
       }
   }
@@ -2032,7 +2038,7 @@ function Sr(t, e, n) {
   return n === "top" ? t - e : n === "bottom" ? t + e : t;
 }
 function Dn({ x: t, y: e, position: n, type: r, onPointerDown: s }) {
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "circle",
     {
       className: `ric-edge-anchor ric-edge-anchor-${r}`,
@@ -2047,77 +2053,77 @@ function Dn({ x: t, y: e, position: n, type: r, onPointerDown: s }) {
   );
 }
 function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
-  var x, f, p;
-  const s = ht(), [o, i] = Gt(null), c = F((y, N, C, P) => {
-    var ft;
-    N.stopPropagation(), N.preventDefault();
-    const b = s.wrapRef.current;
-    if (!b) return;
-    const L = y === "source" ? P : C, Y = y === "source" ? t.target : t.source;
-    (ft = s.workerRef.current) == null || ft.postMessage({
+  var g, f, p;
+  const s = yt(), [o, i] = Gt(null), c = F((v, w, N, P) => {
+    var lt;
+    w.stopPropagation(), w.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({
       type: "connecting",
-      data: { from: { x: L.x, y: L.y }, to: { x: L.x, y: L.y } }
+      data: { from: { x: B.x, y: B.y }, to: { x: B.x, y: B.y } }
     });
-    const H = b.getBoundingClientRect(), dt = (G) => {
-      var ct;
-      const j = s.cameraRef.current, rt = (G.clientX - H.left - j.x) / j.zoom, at = (G.clientY - H.top - j.y) / j.zoom;
-      (ct = s.workerRef.current) == null || ct.postMessage({
+    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({
         type: "connecting",
-        data: { from: { x: L.x, y: L.y }, to: { x: rt, y: at } }
+        data: { from: { x: B.x, y: B.y }, to: { x: st, y: rt } }
       });
-    }, yt = (G) => {
-      var ot, Nt, Rt, vt;
-      const j = s.cameraRef.current, rt = (G.clientX - H.left - j.x) / j.zoom, at = (G.clientY - H.top - j.y) / j.zoom, ct = 20 / j.zoom;
-      let lt = null, Ct = null;
-      const et = (ot = s.handleRegistryRef) == null ? void 0 : ot.current;
-      for (const Lt of s.nodesRef.current) {
-        if (Lt.hidden) continue;
-        const kt = Lt.width || On, $t = Lt.height || Qn, mt = Lt._absolutePosition || Lt.position, ne = [];
-        if (et)
-          for (const [, Bt] of et)
-            Bt.nodeId === Lt.id && ne.push(Bt);
-        const Ie = ne.length > 0 ? ne : Lt.handles || [
+    }, 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 || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
         for (const Bt of Ie) {
           let Ot, Yt;
           if (Bt.x !== void 0 && Bt.y !== void 0)
-            Ot = mt.x + Bt.x, Yt = mt.y + Bt.y;
+            Ot = wt.x + Bt.x, Yt = wt.y + Bt.y;
           else
             switch (Bt.position || (Bt.type === "source" ? "right" : "left")) {
               case "top":
-                Ot = mt.x + kt / 2, Yt = mt.y;
+                Ot = wt.x + kt / 2, Yt = wt.y;
                 break;
               case "bottom":
-                Ot = mt.x + kt / 2, Yt = mt.y + $t;
+                Ot = wt.x + kt / 2, Yt = wt.y + $t;
                 break;
               case "left":
-                Ot = mt.x, Yt = mt.y + $t / 2;
+                Ot = wt.x, Yt = wt.y + $t / 2;
                 break;
               default:
-                Ot = mt.x + kt, Yt = mt.y + $t / 2;
+                Ot = wt.x + kt, Yt = wt.y + $t / 2;
                 break;
             }
-          if (Math.abs(rt - Ot) < ct && Math.abs(at - Yt) < ct) {
-            lt = Lt, Ct = Bt.id || null;
+          if (Math.abs(st - Ot) < ut && Math.abs(rt - Yt) < ut) {
+            dt = Et, Lt = Bt.id || null;
             break;
           }
         }
-        if (lt) break;
+        if (dt) break;
       }
-      if (lt) {
-        const Lt = y === "source" ? { source: lt.id, target: Y, sourceHandle: Ct, targetHandle: t.targetHandle } : { source: Y, target: lt.id, sourceHandle: t.sourceHandle, targetHandle: Ct };
-        (Rt = (Nt = s.onEdgesChangeRef).current) == null || Rt.call(Nt, [
+      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, [
           { id: t.id, type: "remove" },
-          { type: "add", item: { id: t.id, ...Lt } }
+          { type: "add", item: { id: t.id, ...Et } }
         ]);
       }
-      (vt = s.workerRef.current) == null || vt.postMessage({ type: "connecting", data: null }), b.removeEventListener("pointermove", dt), b.removeEventListener("pointerup", yt);
+      (bt = s.workerRef.current) == null || bt.postMessage({ type: "connecting", data: null }), R.removeEventListener("pointermove", it), R.removeEventListener("pointerup", nt);
     };
-    b.addEventListener("pointermove", dt), b.addEventListener("pointerup", yt);
-  }, [t, s]), u = n.find((y) => y.id === t.source), l = n.find((y) => y.id === t.target), g = u && !!(u.width || (x = u.measured) != null && x.width), v = l && !!(l.width || (f = l.measured) != null && f.width), E = (p = s.handleRegistryRef) == null ? void 0 : p.current, R = g ? Bn(u, "source", t.sourceHandle, E) : null, M = v ? Bn(l, "target", t.targetHandle, E) : null, T = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", k = s.routedEdges || s.edges, z = k == null ? void 0 : k.find((y) => y.id === t.id), W = T ? null : (z == null ? void 0 : z._routedPoints) || t._routedPoints || null, D = r !== !1 && t.reconnectable !== !1;
-  return !R || !M ? null : /* @__PURE__ */ It(
+    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(
     "g",
     {
       className: `ric-edge-wrapper ${t.selected ? "selected" : ""}`,
@@ -2125,17 +2131,17 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
       onMouseEnter: () => i(!0),
       onMouseLeave: () => i(!1),
       children: [
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           e,
           {
             id: t.id,
             source: t.source,
             target: t.target,
-            sourceX: R.x,
-            sourceY: R.y,
+            sourceX: k.x,
+            sourceY: k.y,
             targetX: M.x,
             targetY: M.y,
-            sourcePosition: R.position,
+            sourcePosition: k.position,
             targetPosition: M.position,
             sourceHandleId: t.sourceHandle,
             targetHandleId: t.targetHandle,
@@ -2150,25 +2156,25 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             routedPoints: W
           }
         ),
-        D && (o || t.selected) && /* @__PURE__ */ It(Le, { children: [
-          /* @__PURE__ */ B(
+        H && (o || t.selected) && /* @__PURE__ */ It(Le, { children: [
+          /* @__PURE__ */ S(
             Dn,
             {
-              x: R.x,
-              y: R.y,
-              position: R.position,
+              x: k.x,
+              y: k.y,
+              position: k.position,
               type: "source",
-              onPointerDown: (y) => c("source", y, R, M)
+              onPointerDown: (v) => c("source", v, k, M)
             }
           ),
-          /* @__PURE__ */ B(
+          /* @__PURE__ */ S(
             Dn,
             {
               x: M.x,
               y: M.y,
               position: M.position,
               type: "target",
-              onPointerDown: (y) => c("target", y, R, M)
+              onPointerDown: (v) => c("target", v, k, M)
             }
           )
         ] })
@@ -2178,59 +2184,59 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
 }
 const Dr = Zt(Br);
 function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
-  var T;
-  const n = ht(), [r, s] = Gt(null), o = V(null);
-  if (ut(() => {
-    const k = n.wrapRef.current;
-    if (!k) return;
-    let z = !1, W = null, D = !1;
-    const x = (C) => {
-      C.key === t && (D = !0);
-    }, f = (C) => {
-      C.key === t && (D = !1);
-    }, p = (C) => {
-      if (!D) return;
-      const P = C.target;
+  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;
       if (P.closest(".ric-node-wrapper") || P.closest(".ric-handle")) return;
-      z = !0;
-      const b = n.cameraRef.current, L = k.getBoundingClientRect(), Y = (C.clientX - L.left - b.x) / b.zoom, H = (C.clientY - L.top - b.y) / b.zoom;
-      W = { x: Y, y: H }, s({ startX: Y, startY: H, endX: Y, endY: H }), C.stopPropagation();
-    }, y = (C) => {
-      if (!z || !W) return;
-      const P = n.cameraRef.current, b = k.getBoundingClientRect(), L = (C.clientX - b.left - P.x) / P.zoom, Y = (C.clientY - b.top - P.y) / P.zoom;
-      s({ startX: W.x, startY: W.y, endX: L, endY: Y });
-    }, N = (C) => {
-      var yt, ft;
-      if (!z || !W) return;
-      z = !1;
-      const P = n.cameraRef.current, b = k.getBoundingClientRect(), L = (C.clientX - b.left - P.x) / P.zoom, Y = (C.clientY - b.top - P.y) / P.zoom, H = {
-        x: Math.min(W.x, L),
-        y: Math.min(W.y, Y),
-        width: Math.abs(L - W.x),
-        height: Math.abs(Y - W.y)
-      }, dt = [];
+      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;
+      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 = [];
       for (const G of n.nodesRef.current) {
-        const j = G._absolutePosition || G.position, rt = G.width || 160, at = G.height || 60;
-        let ct;
-        e === "full" ? ct = j.x >= H.x && j.y >= H.y && j.x + rt <= H.x + H.width && j.y + at <= H.y + H.height : ct = j.x + rt > H.x && j.x < H.x + H.width && j.y + at > H.y && j.y < H.y + H.height, dt.push({ id: G.id, type: "select", selected: ct });
+        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 });
       }
-      dt.length && ((ft = (yt = n.onNodesChangeRef).current) == null || ft.call(yt, dt)), W = null, s(null);
+      it.length && ((lt = (nt = n.onNodesChangeRef).current) == null || lt.call(nt, it)), W = null, s(null);
     };
-    return k.addEventListener("pointerdown", p, !0), k.addEventListener("pointermove", y), k.addEventListener("pointerup", N), window.addEventListener("keydown", x), window.addEventListener("keyup", f), () => {
-      k.removeEventListener("pointerdown", p, !0), k.removeEventListener("pointermove", y), k.removeEventListener("pointerup", N), window.removeEventListener("keydown", x), window.removeEventListener("keyup", f);
+    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);
     };
   }, [n, t, e]), !r) return null;
-  const i = ((T = n.cameraRef) == null ? void 0 : T.current) || { x: 0, y: 0, zoom: 1 }, c = Math.min(r.startX, r.endX), u = Math.min(r.startY, r.endY), l = Math.abs(r.endX - r.startX), g = Math.abs(r.endY - r.startY), v = c * i.zoom + i.x, E = u * i.zoom + i.y, R = l * i.zoom, M = g * i.zoom;
-  return /* @__PURE__ */ B(
+  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;
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: o,
       className: "ric-selection-box",
       style: {
         position: "absolute",
-        left: v,
-        top: E,
-        width: R,
+        left: m,
+        top: C,
+        width: k,
         height: M,
         border: "1px dashed #3b82f6",
         background: "rgba(59, 130, 246, 0.08)",
@@ -2282,145 +2288,145 @@ function on({
   className: c = "",
   style: u = {},
   onConnect: l,
-  ...g
+  ...y
 }) {
-  const v = qe(je), E = ht(), R = V(null), M = V(E);
-  M.current = E;
-  const T = F(() => {
-    var C, P, b;
-    const D = R.current;
-    if (!D || !v) return;
-    const x = M.current, f = (C = x.handleRegistryRef) == null ? void 0 : C.current;
+  const m = qe(je), C = yt(), k = V(null), M = V(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;
     if (!f) return;
-    const p = `${v}__${n || t}`, y = (b = (P = x.cameraRef) == null ? void 0 : P.current) == null ? void 0 : b.zoom, N = Ar(D, y);
-    if (N) {
-      const L = { nodeId: v, id: n || null, type: t, position: e, x: N.x, y: N.y };
-      f.set(p, L);
+    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 };
+      f.set(p, B);
     }
-  }, [v, n, t, e]);
+  }, [m, n, t, e]);
   kr(() => {
-    T();
-  }, [T]), ut(() => {
-    if (!v) return;
-    const D = M.current;
-    Hn(D, v);
-    const x = R.current, f = x == null ? void 0 : x.closest(".ric-node-wrapper"), p = new ResizeObserver(() => {
-      T(), Hn(M.current, v);
+    $();
+  }, [$]), ft(() => {
+    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);
     });
     return f && p.observe(f), () => {
       var P;
       p.disconnect();
-      const y = M.current, N = (P = y.handleRegistryRef) == null ? void 0 : P.current, C = `${v}__${n || t}`;
-      N == null || N.delete(C), Jn(y, v);
+      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);
     };
-  }, [v, n, t, e, T]);
-  const k = F(() => {
-    var b;
-    const D = M.current, x = D.nodesRef.current.find((L) => L.id === v);
-    if (!x) return null;
-    const f = x._absolutePosition || x.position, p = (b = D.handleRegistryRef) == null ? void 0 : b.current, y = `${v}__${n || t}`, N = p == null ? void 0 : p.get(y);
-    if (N && N.x !== void 0 && N.y !== void 0)
-      return { x: f.x + N.x, y: f.y + N.y };
-    const C = x.width || 160, P = x.height || 60;
+  }, [m, n, t, e, $]);
+  const z = F(() => {
+    var R;
+    const H = M.current, g = H.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;
     switch (e) {
       case "top":
-        return { x: f.x + C / 2, y: f.y };
+        return { x: f.x + N / 2, y: f.y };
       case "bottom":
-        return { x: f.x + C / 2, y: f.y + P };
+        return { x: f.x + N / 2, y: f.y + P };
       case "left":
         return { x: f.x, y: f.y + P / 2 };
       default:
-        return { x: f.x + C, y: f.y + P / 2 };
+        return { x: f.x + N, y: f.y + P / 2 };
     }
-  }, [v, n, t, e]), z = F((D) => {
-    var Y;
+  }, [m, n, t, e]), E = F((H) => {
+    var q;
     if (!r || !s) return;
-    D.stopPropagation(), D.preventDefault();
-    const x = M.current, f = x.cameraRef.current, p = x.wrapRef.current;
+    H.stopPropagation(), H.preventDefault();
+    const g = M.current, f = g.cameraRef.current, p = g.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = k();
-    if (!N) return;
-    const C = N.x, P = N.y;
-    (Y = x.workerRef.current) == null || Y.postMessage({
+    const v = p.getBoundingClientRect(), w = z();
+    if (!w) return;
+    const N = w.x, P = w.y;
+    (q = g.workerRef.current) == null || q.postMessage({
       type: "connecting",
-      data: { from: { x: C, y: P }, to: { x: C, y: P } }
-    }), p.setPointerCapture(D.pointerId);
-    const b = (H) => {
-      var ft;
-      const dt = (H.clientX - y.left - f.x) / f.zoom, yt = (H.clientY - y.top - f.y) / f.zoom;
-      (ft = x.workerRef.current) == null || ft.postMessage({
+      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({
         type: "connecting",
-        data: { from: { x: C, y: P }, to: { x: dt, y: yt } }
+        data: { from: { x: N, y: P }, to: { x: it, y: nt } }
       });
-    }, L = (H) => {
-      var at, ct, lt, Ct;
-      const dt = (H.clientX - y.left - f.x) / f.zoom, yt = (H.clientY - y.top - f.y) / f.zoom, ft = 20 / f.zoom;
+    }, 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;
       let G = null, j = null;
-      const rt = (at = x.handleRegistryRef) == null ? void 0 : at.current;
-      for (const et of x.nodesRef.current) {
-        if (et.id === v || et.hidden) continue;
-        const ot = et.width || 160, Nt = et.height || 60, Rt = et._absolutePosition || et.position, vt = [];
-        if (rt)
-          for (const [, kt] of rt)
-            kt.nodeId === et.id && vt.push(kt);
-        const Lt = vt.length > 0 ? vt : et.handles || [
+      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 || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
-        for (const kt of Lt) {
-          let $t, mt;
+        for (const kt of Et) {
+          let $t, wt;
           if (kt.x !== void 0 && kt.y !== void 0)
-            $t = Rt.x + kt.x, mt = Rt.y + kt.y;
+            $t = ht.x + kt.x, wt = ht.y + kt.y;
           else
             switch (kt.position || (kt.type === "source" ? "right" : "left")) {
               case "top":
-                $t = Rt.x + ot / 2, mt = Rt.y;
+                $t = ht.x + pt / 2, wt = ht.y;
                 break;
               case "bottom":
-                $t = Rt.x + ot / 2, mt = Rt.y + Nt;
+                $t = ht.x + pt / 2, wt = ht.y + vt;
                 break;
               case "left":
-                $t = Rt.x, mt = Rt.y + Nt / 2;
+                $t = ht.x, wt = ht.y + vt / 2;
                 break;
               default:
-                $t = Rt.x + ot, mt = Rt.y + Nt / 2;
+                $t = ht.x + pt, wt = ht.y + vt / 2;
                 break;
             }
-          if (Math.abs(dt - $t) < ft && Math.abs(yt - mt) < ft) {
-            G = et, j = kt.id || null;
+          if (Math.abs(it - $t) < lt && Math.abs(nt - wt) < lt) {
+            G = ot, j = kt.id || null;
             break;
           }
         }
         if (G) break;
       }
       if (G) {
-        const et = {
-          source: t === "source" ? v : G.id,
-          target: t === "source" ? G.id : v,
+        const ot = {
+          source: t === "source" ? m : G.id,
+          target: t === "source" ? G.id : m,
           sourceHandle: t === "source" ? n || null : j,
           targetHandle: t === "source" ? j : n || null
         };
-        (lt = (ct = x.onEdgesChangeRef) == null ? void 0 : ct.current) == null || lt.call(ct, [{ type: "add", item: { id: `e-${et.source}-${et.target}`, ...et } }]);
+        (dt = (ut = g.onEdgesChangeRef) == null ? void 0 : ut.current) == null || dt.call(ut, [{ type: "add", item: { id: `e-${ot.source}-${ot.target}`, ...ot } }]);
       }
-      (Ct = x.workerRef.current) == null || Ct.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", b), p.removeEventListener("pointerup", L);
+      (Lt = g.workerRef.current) == null || Lt.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", R), p.removeEventListener("pointerup", B);
     };
-    p.addEventListener("pointermove", b), p.addEventListener("pointerup", L);
-  }, [v, n, t, e, r, s, k]), W = {
+    p.addEventListener("pointermove", R), p.addEventListener("pointerup", B);
+  }, [m, n, t, e, r, s, z]), W = {
     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%)" },
     right: { top: "50%", right: 0, transform: "translate(50%, -50%)" }
   }[e] || {};
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
-      ref: R,
+      ref: k,
       className: `ric-handle ric-handle-${e} ric-handle-${t} ${c}`,
       "data-handleid": n || null,
-      "data-nodeid": v,
+      "data-nodeid": m,
       "data-handlepos": e,
       "data-handletype": t,
-      onPointerDown: z,
+      onPointerDown: E,
       style: {
         position: "absolute",
         width: 8,
@@ -2434,7 +2440,7 @@ function on({
         ...W,
         ...u
       },
-      ...g,
+      ...y,
       children: i
     }
   );
@@ -2463,9 +2469,9 @@ function ko({
         boxShadow: n ? "0 0 0 0.5px #1a192b" : "none"
       },
       children: [
-        !i && /* @__PURE__ */ B(on, { type: "target", position: r, isConnectable: e }),
-        /* @__PURE__ */ B("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
-        !o && /* @__PURE__ */ B(on, { type: "source", position: s, isConnectable: e })
+        !i && /* @__PURE__ */ S(on, { type: "target", position: r, isConnectable: e }),
+        /* @__PURE__ */ S("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
+        !o && /* @__PURE__ */ S(on, { type: "source", position: s, isConnectable: e })
       ]
     }
   );
@@ -2493,8 +2499,8 @@ function _r({
         boxShadow: n ? "0 0 0 0.5px #1a192b" : "none"
       },
       children: [
-        /* @__PURE__ */ B("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
-        !s && /* @__PURE__ */ B(on, { type: "source", position: r, isConnectable: e })
+        /* @__PURE__ */ S("div", { className: "ric-node-content", children: t == null ? void 0 : t.label }),
+        !s && /* @__PURE__ */ S(on, { type: "source", position: r, isConnectable: e })
       ]
     }
   );
@@ -2522,14 +2528,14 @@ function Wr({
         boxShadow: n ? "0 0 0 0.5px #1a192b" : "none"
       },
       children: [
-        !s && /* @__PURE__ */ B(on, { type: "target", position: r, isConnectable: e }),
-        /* @__PURE__ */ B("div", { className: "ric-node-content", children: t == null ? void 0 : t.label })
+        !s && /* @__PURE__ */ S(on, { type: "target", position: r, isConnectable: e }),
+        /* @__PURE__ */ S("div", { className: "ric-node-content", children: t == null ? void 0 : t.label })
       ]
     }
   );
 }
 function Xr({ data: t, selected: e, width: n, height: r }) {
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
       className: `ric-group-node${e ? " selected" : ""}`,
@@ -2542,7 +2548,7 @@ function Xr({ data: t, selected: e, width: n, height: r }) {
         padding: 8,
         boxSizing: "border-box"
       },
-      children: (t == null ? void 0 : t.label) && /* @__PURE__ */ B(
+      children: (t == null ? void 0 : t.label) && /* @__PURE__ */ S(
         "div",
         {
           style: {
@@ -2568,13 +2574,13 @@ function Vn({
   labelBgBorderRadius: c = 2,
   children: u,
   className: l = "",
-  ...g
+  ...y
 }) {
-  const [v, E] = Gt({ x: 1, y: 0, width: 0, height: 0 }), R = V(null);
-  return ut(() => {
-    if (R.current) {
-      const M = R.current.getBBox();
-      E({
+  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();
+      C({
         x: M.x,
         y: M.y,
         width: M.width,
@@ -2584,31 +2590,31 @@ function Vn({
   }, [n]), n ? /* @__PURE__ */ It(
     "g",
     {
-      transform: `translate(${t - v.width / 2} ${e - v.height / 2})`,
+      transform: `translate(${t - m.width / 2} ${e - m.height / 2})`,
       className: `ric-edge-textwrapper ${l}`,
-      visibility: v.width ? "visible" : "hidden",
-      ...g,
+      visibility: m.width ? "visible" : "hidden",
+      ...y,
       children: [
-        s && /* @__PURE__ */ B(
+        s && /* @__PURE__ */ S(
           "rect",
           {
-            width: v.width + 2 * i[0],
+            width: m.width + 2 * i[0],
             x: -i[0],
             y: -i[1],
-            height: v.height + 2 * i[1],
+            height: m.height + 2 * i[1],
             className: "ric-edge-textbg",
             style: o,
             rx: c,
             ry: c
           }
         ),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           "text",
           {
             className: "ric-edge-text",
-            y: v.height / 2,
+            y: m.height / 2,
             dy: "0.3em",
-            ref: R,
+            ref: k,
             style: r,
             children: n
           }
@@ -2634,15 +2640,15 @@ function un({
   labelBgStyle: c,
   labelBgPadding: u,
   labelBgBorderRadius: l,
-  interactionWidth: g = 20,
-  style: v,
-  markerEnd: E,
-  markerStart: R,
+  interactionWidth: y = 20,
+  style: m,
+  markerEnd: C,
+  markerStart: k,
   className: M = "",
-  ...T
+  ...$
 }) {
   return /* @__PURE__ */ It(Le, { children: [
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "path",
       {
         id: t,
@@ -2651,24 +2657,24 @@ function un({
         stroke: "#b1b1b7",
         strokeWidth: 1.5,
         className: `ric-edge-path ${M}`,
-        style: v,
-        markerEnd: E,
-        markerStart: R,
-        ...T
+        style: m,
+        markerEnd: C,
+        markerStart: k,
+        ...$
       }
     ),
-    g ? /* @__PURE__ */ B(
+    y ? /* @__PURE__ */ S(
       "path",
       {
         d: e,
         fill: "none",
         strokeOpacity: 0,
-        strokeWidth: g,
+        strokeWidth: y,
         className: "ric-edge-interaction",
         style: { pointerEvents: "stroke" }
       }
     ) : null,
-    s && An(n) && An(r) ? /* @__PURE__ */ B(
+    s && An(n) && An(r) ? /* @__PURE__ */ S(
       Fr,
       {
         x: n,
@@ -2708,65 +2714,65 @@ const tr = Zt(function({
   targetPosition: c = "top",
   label: u,
   labelStyle: l,
-  labelShowBg: g,
-  labelBgStyle: v,
-  labelBgPadding: E,
-  labelBgBorderRadius: R,
+  labelShowBg: y,
+  labelBgStyle: m,
+  labelBgPadding: C,
+  labelBgBorderRadius: k,
   style: M,
-  markerEnd: T,
-  markerStart: k,
-  interactionWidth: z
+  markerEnd: $,
+  markerStart: z,
+  interactionWidth: E
 }) {
-  let W, D, x;
-  const f = _n(n, r, i), p = _n(s, o, c), y = Math.abs(p.x - f.x), N = Math.max(50, y * 0.5);
-  let C, P, b, L;
+  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;
   switch (i) {
     case "left":
-      C = f.x - N, P = f.y;
+      N = f.x - w, P = f.y;
       break;
     case "top":
-      C = f.x, P = f.y - N;
+      N = f.x, P = f.y - w;
       break;
     case "bottom":
-      C = f.x, P = f.y + N;
+      N = f.x, P = f.y + w;
       break;
     default:
-      C = f.x + N, P = f.y;
+      N = f.x + w, P = f.y;
       break;
   }
   switch (c) {
     case "right":
-      b = p.x + N, L = p.y;
+      R = p.x + w, B = p.y;
       break;
     case "top":
-      b = p.x, L = p.y - N;
+      R = p.x, B = p.y - w;
       break;
     case "bottom":
-      b = p.x, L = p.y + N;
+      R = p.x, B = p.y + w;
       break;
     default:
-      b = p.x - N, L = p.y;
+      R = p.x - w, B = p.y;
       break;
   }
-  W = `M ${n},${r} L ${f.x},${f.y} C ${C},${P} ${b},${L} ${p.x},${p.y} L ${s},${o}`;
-  const Y = 0.5, H = 0.5;
-  return D = H * H * H * f.x + 3 * H * H * Y * C + 3 * H * Y * Y * b + Y * Y * Y * p.x, x = H * H * H * f.y + 3 * H * H * Y * P + 3 * H * Y * Y * L + Y * Y * Y * p.y, /* @__PURE__ */ B(
+  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(
     un,
     {
       id: e,
       path: W,
-      labelX: D,
-      labelY: x,
+      labelX: H,
+      labelY: g,
       label: u,
       labelStyle: l,
-      labelShowBg: g,
-      labelBgStyle: v,
-      labelBgPadding: E,
-      labelBgBorderRadius: R,
+      labelShowBg: y,
+      labelBgStyle: m,
+      labelBgPadding: C,
+      labelBgBorderRadius: k,
       style: M,
-      markerEnd: T,
-      markerStart: k,
-      interactionWidth: z
+      markerEnd: $,
+      markerStart: z,
+      interactionWidth: E
     }
   );
 });
@@ -2784,42 +2790,42 @@ function nr({
   targetPosition: o = "left",
   curvature: i = 0.25
 }) {
-  const c = Math.abs(n - t), u = Math.abs(r - e), l = Math.sqrt(c * c + u * u), g = Math.max(l * i, 50);
-  let v, E, R, M;
+  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;
   switch (s) {
     case "top":
-      v = t, E = e - g;
+      m = t, C = e - y;
       break;
     case "bottom":
-      v = t, E = e + g;
+      m = t, C = e + y;
       break;
     case "left":
-      v = t - g, E = e;
+      m = t - y, C = e;
       break;
     default:
-      v = t + g, E = e;
+      m = t + y, C = e;
       break;
   }
   switch (o) {
     case "top":
-      R = n, M = r - g;
+      k = n, M = r - y;
       break;
     case "bottom":
-      R = n, M = r + g;
+      k = n, M = r + y;
       break;
     case "right":
-      R = n + g, M = r;
+      k = n + y, M = r;
       break;
     default:
-      R = n - g, M = r;
+      k = n - y, M = r;
       break;
   }
-  const T = `M ${t},${e} C ${v},${E} ${R},${M} ${n},${r}`, k = 0.5, z = 1 - k, W = z * z * z * t + 3 * z * z * k * v + 3 * z * k * k * R + k * k * k * n, D = z * z * z * e + 3 * z * z * k * E + 3 * z * k * k * M + k * k * k * r;
-  return [T, W, D, 0, 0];
+  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];
 }
 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, g = 0.5, v = g * g * g * t + 3 * g * g * l * i + 3 * g * l * l * c + l * l * l * n, E = g * g * g * e + 3 * g * g * l * e + 3 * g * l * l * r + l * l * l * r;
-  return [u, v, E, 0, 0];
+  const s = Math.abs(n - t), o = Math.max(s * 0.5, 50), i = t + o, c = n - o, u = `M ${t},${e} C ${i},${e} ${c},${r} ${n},${r}`, l = 0.5, y = 0.5, m = y * y * y * t + 3 * y * y * l * i + 3 * y * l * l * c + l * l * l * n, C = y * y * y * e + 3 * y * y * l * e + 3 * y * l * l * r + l * l * l * r;
+  return [u, m, C, 0, 0];
 }
 function kn({
   sourceX: t,
@@ -2835,11 +2841,11 @@ function kn({
   if (u) {
     if (Math.abs(r - e) < 1)
       return [`M ${t},${e} L ${n},${r}`, (t + n) / 2, e, 0, 0];
-    const R = (t + n) / 2, M = r > e ? 1 : -1;
-    return [`M ${t},${e} L ${R - l},${e} Q ${R},${e} ${R},${e + M * l} L ${R},${r - M * l} Q ${R},${r} ${R + (n > R ? l : -l)},${r} L ${n},${r}`, R, (e + r) / 2, 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 g = (e + r) / 2, v = n > t ? 1 : -1;
-  return [`M ${t},${e} L ${t},${g - l} Q ${t},${g} ${t + v * l},${g} L ${n - v * l},${g} Q ${n},${g} ${n},${g + (r > g ? l : -l)} L ${n},${r}`, (t + n) / 2, g, 0, 0];
+  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];
 }
 function zo({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
   const [, s, o] = nr({ sourceX: t, sourceY: e, targetX: n, targetY: r });
@@ -2897,20 +2903,20 @@ function ln(t, e) {
   }
 }
 function Yr(t, e, n, r, s, o, i, c) {
-  const u = Math.min(t, n), l = Math.max(t, n), g = Math.min(e, r), v = Math.max(e, r);
-  if (l <= s || u >= s + i || v <= o || g >= o + c) return !1;
-  const E = 0.5;
-  if (t > s + E && t < s + i - E && e > o + E && e < o + c - E || n > s + E && n < s + i - E && r > o + E && r < o + c - E) return !0;
-  const R = (t + n) / 2, M = (e + r) / 2;
-  if (R > s + E && R < s + i - E && M > o + E && M < o + c - E) return !0;
-  const T = [[s, o], [s + i, o], [s + i, o + c], [s, o + c]];
-  for (let k = 0; k < 4; k++)
-    if (Ur(t, e, n, r, T[k][0], T[k][1], T[(k + 1) % 4][0], T[(k + 1) % 4][1])) return !0;
+  const u = Math.min(t, n), l = Math.max(t, n), y = Math.min(e, r), m = Math.max(e, r);
+  if (l <= s || u >= s + i || m <= o || y >= o + c) return !1;
+  const C = 0.5;
+  if (t > s + C && t < s + i - C && e > o + C && e < o + c - C || n > s + C && n < s + i - C && r > o + C && r < o + c - C) return !0;
+  const 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 $ = [[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;
   return !1;
 }
 function Ur(t, e, n, r, s, o, i, c) {
-  const u = (i - s) * (e - o) - (c - o) * (t - s), l = (i - s) * (r - o) - (c - o) * (n - s), g = (n - t) * (o - e) - (r - e) * (s - t), v = (n - t) * (c - e) - (r - e) * (i - t);
-  return (u > 0 && l < 0 || u < 0 && l > 0) && (g > 0 && v < 0 || g < 0 && v > 0);
+  const u = (i - s) * (e - o) - (c - o) * (t - s), l = (i - s) * (r - o) - (c - o) * (n - s), y = (n - t) * (o - e) - (r - e) * (s - t), m = (n - t) * (c - e) - (r - e) * (i - t);
+  return (u > 0 && l < 0 || u < 0 && l > 0) && (y > 0 && m < 0 || y < 0 && m > 0);
 }
 function zn(t, e, n, r, s) {
   for (let o = 0; o < s.length; o++) {
@@ -2950,44 +2956,44 @@ function sr(t, e, n) {
   r.add(t.x), r.add(e.x), s.add(t.y), s.add(e.y);
   const o = Ue + 5;
   t.dir === "right" ? r.add(t.x + o) : t.dir === "left" ? r.add(t.x - o) : t.dir === "top" ? s.add(t.y - o) : t.dir === "bottom" && s.add(t.y + o), e.dir === "right" ? r.add(e.x + o) : e.dir === "left" ? r.add(e.x - o) : e.dir === "top" ? s.add(e.y - o) : e.dir === "bottom" && s.add(e.y + o);
-  for (let b = 0; b < n.length; b++) {
-    const L = n[b];
-    r.add(L.x), r.add(L.x + L.w), s.add(L.y), s.add(L.y + L.h);
+  for (let R = 0; R < n.length; R++) {
+    const B = n[R];
+    r.add(B.x), r.add(B.x + B.w), s.add(B.y), s.add(B.y + B.h);
   }
-  const i = [...r].sort((b, L) => b - L), c = [...s].sort((b, L) => b - L), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-  for (let b = 0; b < i.length; b++) u.set(i[b], b);
-  for (let b = 0; b < c.length; b++) l.set(c[b], b);
-  const g = i.length, v = c.length, E = (b, L) => L * g + b, R = u.get(t.x), M = l.get(t.y), T = u.get(e.x), k = l.get(e.y);
-  if (R === void 0 || M === void 0 || T === void 0 || k === void 0) return null;
-  const z = E(R, M), W = E(T, k), D = new Float64Array(g * v).fill(1 / 0), x = new Float64Array(g * v).fill(1 / 0), f = new Int32Array(g * v).fill(-1), p = new Int8Array(g * v).fill(-1), y = new Uint8Array(g * v);
-  D[z] = 0, x[z] = Math.abs(i[T] - t.x) + Math.abs(c[k] - t.y);
-  const N = [z], C = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
-  for (; N.length > 0; ) {
-    let b = 0;
-    for (let G = 1; G < N.length; G++)
-      x[N[G]] < x[N[b]] && (b = G);
-    const L = N[b];
-    if (N[b] = N[N.length - 1], N.pop(), L === W) {
+  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; ) {
+    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) {
       const G = [];
       let j = W;
-      for (; j !== -1 && j !== z; ) {
-        const rt = j / g | 0, at = j % g;
-        G.unshift({ x: i[at], y: c[rt] }), j = f[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];
       }
       return G.unshift({ x: t.x, y: t.y }), jr(G, n);
     }
-    if (y[L]) continue;
-    y[L] = 1;
-    const Y = L / g | 0, H = L % g, dt = i[H], yt = c[Y], ft = p[L];
+    if (v[B]) continue;
+    v[B] = 1;
+    const q = B / y | 0, D = B % y, it = i[D], nt = c[q], lt = p[B];
     for (let G = 0; G < 4; G++) {
-      const j = H + P[G][0], rt = Y + P[G][1];
-      if (j < 0 || j >= g || rt < 0 || rt >= v) continue;
-      const at = E(j, rt);
-      if (y[at]) continue;
-      const ct = i[j], lt = c[rt];
-      if (qr(ct, lt, n) || !zn(dt, yt, ct, lt, n)) continue;
-      const Ct = Math.abs(ct - dt) + Math.abs(lt - yt), et = ft >= 0 && ft !== G ? C : 0, ot = D[L] + Ct + et;
-      ot < D[at] && (f[at] = L, p[at] = G, D[at] = ot, x[at] = ot + Math.abs(i[T] - ct) + Math.abs(c[k] - lt), N.push(at));
+      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));
     }
   }
   return null;
@@ -3027,8 +3033,8 @@ function Gr(t) {
       if (i.length < 2) continue;
       const c = (i.length - 1) * nn / 2;
       for (let u = 0; u < i.length; u++) {
-        const l = i[u], g = -c + u * nn, v = r.get(l.edgeId);
-        v && (v[l.segIdx].y += g, v[l.segIdx + 1].y += g);
+        const l = i[u], y = -c + u * nn, m = r.get(l.edgeId);
+        m && (m[l.segIdx].y += y, m[l.segIdx + 1].y += y);
       }
     }
   }
@@ -3039,8 +3045,8 @@ function Gr(t) {
       if (i.length < 2) continue;
       const c = (i.length - 1) * nn / 2;
       for (let u = 0; u < i.length; u++) {
-        const l = i[u], g = -c + u * nn, v = r.get(l.edgeId);
-        v && (v[l.segIdx].x += g, v[l.segIdx + 1].x += g);
+        const l = i[u], y = -c + u * nn, m = r.get(l.edgeId);
+        m && (m[l.segIdx].x += y, m[l.segIdx + 1].x += y);
       }
     }
   }
@@ -3065,10 +3071,10 @@ function En(t, e = 6, n = !1) {
   const r = e;
   let s = `M ${t[0].x},${t[0].y}`;
   for (let o = 1; o < t.length - 1; o++) {
-    const i = t[o - 1], c = t[o], u = t[o + 1], l = Math.abs(c.x - i.x) + Math.abs(c.y - i.y), g = Math.abs(u.x - c.x) + Math.abs(u.y - c.y), v = Math.min(r, l / 2, g / 2);
-    if (v > 0.5) {
-      const E = c.x - i.x, R = c.y - i.y, M = u.x - c.x, T = u.y - c.y, k = Math.sqrt(E * E + R * R) || 1, z = Math.sqrt(M * M + T * T) || 1;
-      s += ` L ${c.x - E / k * v},${c.y - R / k * v}`, s += ` Q ${c.x},${c.y} ${c.x + M / z * v},${c.y + T / z * v}`;
+    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}`;
     } else
       s += ` L ${c.x},${c.y}`;
   }
@@ -3082,8 +3088,8 @@ function Zr(t) {
   const e = 0.3;
   let n = `M ${t[0].x},${t[0].y}`;
   for (let r = 0; r < t.length - 1; r++) {
-    const s = t[r === 0 ? 0 : r - 1], o = t[r], i = t[r + 1], c = t[r + 2 < t.length ? r + 2 : t.length - 1], u = o.x + (i.x - s.x) * e, l = o.y + (i.y - s.y) * e, g = i.x - (c.x - o.x) * e, v = i.y - (c.y - o.y) * e;
-    n += ` C ${u},${l} ${g},${v} ${i.x},${i.y}`;
+    const s = t[r === 0 ? 0 : r - 1], o = t[r], i = t[r + 1], c = t[r + 2 < t.length ? r + 2 : t.length - 1], u = o.x + (i.x - s.x) * e, l = o.y + (i.y - s.y) * e, y = i.x - (c.x - o.x) * e, m = i.y - (c.y - o.y) * e;
+    n += ` C ${u},${l} ${y},${m} ${i.x},${i.y}`;
   }
   return n;
 }
@@ -3111,25 +3117,25 @@ 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, y, N, C;
+    var p, v, w, N;
     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), g = Wn(u, "target", o.targetHandle), v = ln(l, cn), E = ln(g, cn), R = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), T = c._absolutePosition || c.position, k = c.width || ((p = c.measured) == null ? void 0 : p.width) || sn, z = c.height || ((y = c.measured) == null ? void 0 : y.height) || an;
-    M.push({ id: o.source, x: T.x - R, y: T.y - R, w: k + 2 * R, h: z + 2 * R });
-    const W = u._absolutePosition || u.position, D = u.width || ((N = u.measured) == null ? void 0 : N.width) || sn, x = u.height || ((C = u.measured) == null ? void 0 : C.height) || an;
-    if (M.push({ id: o.target, x: W.x - R, y: W.y - R, w: D + 2 * R, h: x + 2 * R }), M.length === 0) return o;
-    const f = sr(v, E, M);
-    return f && f.length >= 2 ? (f.unshift({ x: l.x, y: l.y }), f.push({ x: g.x, y: g.y }), { ...o, _routedPoints: f }) : o;
+    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 f = sr(m, C, M);
+    return f && f.length >= 2 ? (f.unshift({ x: l.x, y: l.y }), f.push({ x: y.x, y: y.y }), { ...o, _routedPoints: f }) : o;
   });
   return Gr(s);
 }
 function Lo(t, e, n, r, s, o, i, c) {
   const u = or(i, c ? new Set(c) : null);
   if (u.length === 0) return null;
-  const l = { x: t, y: e, dir: s || "right" }, g = { x: n, y: r, dir: o || "left" }, v = ln(l, cn), E = ln(g, cn), R = sr(v, E, u);
-  return R && R.length >= 2 ? (R.unshift({ x: l.x, y: l.y }), R.push({ x: g.x, y: g.y }), R) : 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 ir = Zt(function({
   id: e,
@@ -3141,38 +3147,38 @@ const ir = Zt(function({
   labelStyle: c,
   labelShowBg: u,
   labelBgStyle: l,
-  labelBgPadding: g,
-  labelBgBorderRadius: v,
-  style: E,
-  markerEnd: R,
+  labelBgPadding: y,
+  labelBgBorderRadius: m,
+  style: C,
+  markerEnd: k,
   markerStart: M,
-  interactionWidth: T,
-  routedPoints: k
+  interactionWidth: $,
+  routedPoints: z
 }) {
-  let z, W, D;
-  if (k && k.length >= 2) {
-    z = En(k);
-    const x = Cn(k);
-    W = x.x, D = x.y;
+  let E, W, H;
+  if (z && z.length >= 2) {
+    E = En(z);
+    const g = Cn(z);
+    W = g.x, H = g.y;
   } else
-    [z, W, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
-  return /* @__PURE__ */ B(
+    [E, W, H] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
+  return /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: z,
+      path: E,
       labelX: W,
-      labelY: D,
+      labelY: H,
       label: i,
       labelStyle: c,
       labelShowBg: u,
       labelBgStyle: l,
-      labelBgPadding: g,
-      labelBgBorderRadius: v,
-      style: E,
-      markerEnd: R,
+      labelBgPadding: y,
+      labelBgBorderRadius: m,
+      style: C,
+      markerEnd: k,
       markerStart: M,
-      interactionWidth: T
+      interactionWidth: $
     }
   );
 });
@@ -3187,49 +3193,49 @@ const ar = Zt(function({
   targetPosition: c = "top",
   label: u,
   labelStyle: l,
-  labelShowBg: g,
-  labelBgStyle: v,
-  labelBgPadding: E,
-  labelBgBorderRadius: R,
+  labelShowBg: y,
+  labelBgStyle: m,
+  labelBgPadding: C,
+  labelBgBorderRadius: k,
   style: M,
-  markerEnd: T,
-  markerStart: k,
-  pathOptions: z,
+  markerEnd: $,
+  markerStart: z,
+  pathOptions: E,
   interactionWidth: W,
-  routedPoints: D
+  routedPoints: H
 }) {
-  let x, f, p;
-  if (D && D.length >= 2) {
-    x = En(D);
-    const y = Cn(D);
-    f = y.x, p = y.y;
+  let g, f, p;
+  if (H && H.length >= 2) {
+    g = En(H);
+    const v = Cn(H);
+    f = v.x, p = v.y;
   } else
-    [x, f, p] = kn({
+    [g, f, p] = kn({
       sourceX: n,
       sourceY: r,
       sourcePosition: i,
       targetX: s,
       targetY: o,
       targetPosition: c,
-      borderRadius: z == null ? void 0 : z.borderRadius,
-      offset: z == null ? void 0 : z.offset
+      borderRadius: E == null ? void 0 : E.borderRadius,
+      offset: E == null ? void 0 : E.offset
     });
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: x,
+      path: g,
       labelX: f,
       labelY: p,
       label: u,
       labelStyle: l,
-      labelShowBg: g,
-      labelBgStyle: v,
-      labelBgPadding: E,
-      labelBgBorderRadius: R,
+      labelShowBg: y,
+      labelBgStyle: m,
+      labelBgPadding: C,
+      labelBgBorderRadius: k,
       style: M,
-      markerEnd: T,
-      markerStart: k,
+      markerEnd: $,
+      markerStart: z,
       interactionWidth: W
     }
   );
@@ -3244,7 +3250,7 @@ const Or = Zt(function({ id: e, ...n }) {
     },
     [(s = n.pathOptions) == null ? void 0 : s.offset]
   );
-  return /* @__PURE__ */ B(ar, { ...n, id: e, pathOptions: r });
+  return /* @__PURE__ */ S(ar, { ...n, id: e, pathOptions: r });
 });
 Or.displayName = "StepEdge";
 const cr = Zt(function({
@@ -3257,45 +3263,45 @@ const cr = Zt(function({
   targetPosition: c,
   label: u,
   labelStyle: l,
-  labelShowBg: g,
-  labelBgStyle: v,
-  labelBgPadding: E,
-  labelBgBorderRadius: R,
+  labelShowBg: y,
+  labelBgStyle: m,
+  labelBgPadding: C,
+  labelBgBorderRadius: k,
   style: M,
-  markerEnd: T,
-  markerStart: k,
-  interactionWidth: z,
+  markerEnd: $,
+  markerStart: z,
+  interactionWidth: E,
   routedPoints: W
 }) {
-  let D, x, f;
+  let H, g, f;
   if (W && W.length >= 2) {
-    D = En(W);
+    H = En(W);
     const p = Cn(W);
-    x = p.x, f = p.y;
+    g = p.x, f = p.y;
   } else
-    [D, x, f] = rr({
+    [H, g, f] = rr({
       sourceX: n,
       sourceY: r,
       targetX: s,
       targetY: o
     });
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: D,
-      labelX: x,
+      path: H,
+      labelX: g,
       labelY: f,
       label: u,
       labelStyle: l,
-      labelShowBg: g,
-      labelBgStyle: v,
-      labelBgPadding: E,
-      labelBgBorderRadius: R,
+      labelShowBg: y,
+      labelBgStyle: m,
+      labelBgPadding: C,
+      labelBgBorderRadius: k,
       style: M,
-      markerEnd: T,
-      markerStart: k,
-      interactionWidth: z
+      markerEnd: $,
+      markerStart: z,
+      interactionWidth: E
     }
   );
 });
@@ -3324,49 +3330,49 @@ function Io({
   width: c = "100%",
   height: u = "420px",
   className: l = "",
-  style: g = {},
+  style: y = {},
   // Zoom/Camera
-  zoomMin: v,
-  zoomMax: E,
-  initialCamera: R,
+  zoomMin: m,
+  zoomMax: C,
+  initialCamera: k,
   fitView: M,
-  fitViewOptions: T,
+  fitViewOptions: $,
   // Node/Edge callbacks
-  onNodesChange: k,
-  onEdgesChange: z,
+  onNodesChange: z,
+  onEdgesChange: E,
   onConnect: W,
-  onConnectStart: D,
-  onConnectEnd: x,
+  onConnectStart: H,
+  onConnectEnd: g,
   onNodeClick: f,
   onNodeDoubleClick: p,
-  onNodeMouseEnter: y,
-  onNodeMouseMove: N,
-  onNodeMouseLeave: C,
+  onNodeMouseEnter: v,
+  onNodeMouseMove: w,
+  onNodeMouseLeave: N,
   onNodeContextMenu: P,
-  onNodeDragStart: b,
-  onNodeDrag: L,
-  onNodeDragStop: Y,
-  onEdgeClick: H,
-  onEdgeDoubleClick: dt,
-  onEdgeMouseEnter: yt,
-  onEdgeMouseMove: ft,
+  onNodeDragStart: R,
+  onNodeDrag: B,
+  onNodeDragStop: q,
+  onEdgeClick: D,
+  onEdgeDoubleClick: it,
+  onEdgeMouseEnter: nt,
+  onEdgeMouseMove: lt,
   onEdgeMouseLeave: G,
   onEdgeContextMenu: j,
-  onPaneClick: rt,
-  onPaneContextMenu: at,
-  onPaneMouseEnter: ct,
-  onPaneMouseMove: lt,
-  onPaneMouseLeave: Ct,
-  onSelectionChange: et,
-  onInit: ot,
-  onMoveStart: Nt,
-  onMove: Rt,
-  onMoveEnd: vt,
-  onDelete: Lt,
+  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,
   // Drag and drop
-  onDragOver: mt,
+  onDragOver: wt,
   onDrop: ne,
   onDragEnter: Ie,
   onDragLeave: Bt,
@@ -3393,9 +3399,9 @@ function Io({
   zoomOnDoubleClick: Nn,
   zoomOnPinch: hn,
   preventScrolling: fe,
-  translateExtent: pt,
+  translateExtent: xt,
   nodeExtent: Te,
-  autoPanOnNodeDrag: zt,
+  autoPanOnNodeDrag: Ct,
   autoPanOnConnect: gt,
   autoPanSpeed: se,
   edgesReconnectable: Z,
@@ -3419,11 +3425,11 @@ function Io({
     [te]
   ), ae = St(() => ({ ...Qr, ...r }), [r]), Kt = St(() => ({ ...Kr, ...s }), [s]), he = St(() => {
     const Q = e.filter((Ft) => Ft.type && ae[Ft.type]);
-    return Q.sort((Ft, st) => {
-      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = st.type === "group" || !st.parentId && Q.some((Ee) => Ee.parentId === st.id);
+    return Q.sort((Ft, at) => {
+      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = at.type === "group" || !at.parentId && Q.some((Ee) => Ee.parentId === at.id);
       return Tt && !xe ? -1 : !Tt && xe ? 1 : 0;
     });
-  }, [e, ae]), ke = St(() => n.filter((Q) => Q.type && Kt[Q.type]), [n, Kt]), O = St(() => e.map((Q) => Q.type && ae[Q.type] ? { ...Q, _customRendered: !0 } : Q), [e, ae]), wt = 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]), Mt = St(() => n.map((Q) => Q.type && Kt[Q.type] ? { ...Q, _customRendered: !0 } : Q), [n, Kt]), {
     wrapRef: Dt,
     canvasRef: ce,
     canvasReady: De,
@@ -3434,47 +3440,47 @@ function Io({
   } = Lr({
     cards: t,
     nodes: O,
-    edges: wt,
+    edges: Mt,
     dark: o,
     gridSize: i,
-    zoomMin: v,
-    zoomMax: E,
-    initialCamera: R,
+    zoomMin: m,
+    zoomMax: C,
+    initialCamera: k,
     fitView: M,
-    fitViewOptions: T,
+    fitViewOptions: $,
     onHudUpdate: Ve,
     onNodesProcessed: gn,
-    onNodesChange: k,
-    onEdgesChange: z,
+    onNodesChange: z,
+    onEdgesChange: E,
     onConnect: W,
-    onConnectStart: D,
-    onConnectEnd: x,
+    onConnectStart: H,
+    onConnectEnd: g,
     onNodeClick: f,
     onNodeDoubleClick: p,
-    onNodeMouseEnter: y,
-    onNodeMouseMove: N,
-    onNodeMouseLeave: C,
+    onNodeMouseEnter: v,
+    onNodeMouseMove: w,
+    onNodeMouseLeave: N,
     onNodeContextMenu: P,
-    onNodeDragStart: b,
-    onNodeDrag: L,
-    onNodeDragStop: Y,
-    onEdgeClick: H,
-    onEdgeDoubleClick: dt,
-    onEdgeMouseEnter: yt,
-    onEdgeMouseMove: ft,
+    onNodeDragStart: R,
+    onNodeDrag: B,
+    onNodeDragStop: q,
+    onEdgeClick: D,
+    onEdgeDoubleClick: it,
+    onEdgeMouseEnter: nt,
+    onEdgeMouseMove: lt,
     onEdgeMouseLeave: G,
     onEdgeContextMenu: j,
-    onPaneClick: rt,
-    onPaneContextMenu: at,
-    onPaneMouseEnter: ct,
-    onPaneMouseMove: lt,
-    onPaneMouseLeave: Ct,
-    onSelectionChange: et,
-    onInit: ot,
-    onMoveStart: Nt,
-    onMove: Rt,
-    onMoveEnd: vt,
-    onDelete: Lt,
+    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,
     nodesDraggable: Ot,
@@ -3499,9 +3505,9 @@ function Io({
     zoomOnDoubleClick: Nn,
     zoomOnPinch: hn,
     preventScrolling: fe,
-    translateExtent: pt,
+    translateExtent: xt,
     nodeExtent: Te,
-    autoPanOnNodeDrag: zt,
+    autoPanOnNodeDrag: Ct,
     autoPanOnConnect: gt,
     autoPanSpeed: se,
     edgesReconnectable: Z,
@@ -3519,33 +3525,33 @@ function Io({
       return n;
     }
   }), [le, e, n]), ye = V(null), ge = V(null), pe = V(null), Jt = V(null);
-  ut(() => {
+  ft(() => {
     let Q;
     const Ft = () => {
-      const st = le.cameraRef.current, Tt = `translate(${st.x}px, ${st.y}px) scale(${st.zoom})`, xe = `translate(${st.x}, ${st.y}) scale(${st.zoom})`;
+      const at = le.cameraRef.current, Tt = `translate(${at.x}px, ${at.y}px) scale(${at.zoom})`, xe = `translate(${at.x}, ${at.y}) scale(${at.zoom})`;
       ye.current && (ye.current.style.transform = Tt), ge.current && ge.current.setAttribute("transform", xe), pe.current && (pe.current.style.transform = Tt), Jt.current && (Jt.current.style.transform = Tt), Q = requestAnimationFrame(Ft);
     };
     return Q = requestAnimationFrame(Ft), () => cancelAnimationFrame(Q);
   }, [le]);
   const ze = he.length > 0, ee = ke.length > 0;
-  return /* @__PURE__ */ B(Zn.Provider, { value: We, children: /* @__PURE__ */ It(
+  return /* @__PURE__ */ S(Zn.Provider, { value: We, children: /* @__PURE__ */ It(
     "div",
     {
       ref: Dt,
       className: `ric-wrap ${l}`,
-      style: { width: c, height: u, ...g },
+      style: { width: c, height: u, ...y },
       onPointerDown: He,
       onPointerMove: Ae,
       onPointerUp: _e,
-      onDragOver: mt,
+      onDragOver: wt,
       onDrop: ne,
       onDragEnter: Ie,
       onDragLeave: Bt,
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ B("canvas", { ref: ce, className: "ric-canvas" }),
-        !De && /* @__PURE__ */ B("div", { className: "ric-loader", children: /* @__PURE__ */ B("div", { className: "ric-spinner" }) }),
-        ee && /* @__PURE__ */ B(
+        /* @__PURE__ */ S("canvas", { ref: ce, className: "ric-canvas" }),
+        !De && /* @__PURE__ */ S("div", { className: "ric-loader", children: /* @__PURE__ */ S("div", { className: "ric-spinner" }) }),
+        ee && /* @__PURE__ */ S(
           "svg",
           {
             className: "ric-edges-overlay",
@@ -3558,7 +3564,7 @@ function Io({
               pointerEvents: "none",
               overflow: "visible"
             },
-            children: /* @__PURE__ */ B("g", { ref: ge, children: ke.map((Q) => /* @__PURE__ */ B(
+            children: /* @__PURE__ */ S("g", { ref: ge, children: ke.map((Q) => /* @__PURE__ */ S(
               Dr,
               {
                 edge: Q,
@@ -3570,7 +3576,7 @@ function Io({
             )) })
           }
         ),
-        ze && /* @__PURE__ */ B(
+        ze && /* @__PURE__ */ S(
           "div",
           {
             ref: ye,
@@ -3585,7 +3591,7 @@ function Io({
               pointerEvents: "none",
               zIndex: 10
             },
-            children: he.map((Q) => /* @__PURE__ */ B(
+            children: he.map((Q) => /* @__PURE__ */ S(
               Pr,
               {
                 node: Q,
@@ -3595,7 +3601,7 @@ function Io({
             ))
           }
         ),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           "div",
           {
             ref: (Q) => {
@@ -3614,7 +3620,7 @@ function Io({
             }
           }
         ),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           "div",
           {
             ref: (Q) => {
@@ -3633,7 +3639,7 @@ function Io({
             }
           }
         ),
-        _t && /* @__PURE__ */ B("div", { className: "ric-hint", children: Wt }),
+        _t && /* @__PURE__ */ S("div", { className: "ric-hint", children: Wt }),
         pn && /* @__PURE__ */ It("div", { className: "ric-info", children: [
           "world: (",
           Ut.wx,
@@ -3651,7 +3657,7 @@ function Io({
             Ut.edgeCount
           ] })
         ] }),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           Hr,
           {
             selectionKeyCode: de || "Shift",
@@ -3739,96 +3745,96 @@ function So(t) {
   return [e, n, r];
 }
 function eo() {
-  const t = ht(), e = F(() => [...t.nodesRef.current], [t]), n = F(() => [...t.edgesRef.current], [t]), r = F((x) => t.nodesRef.current.find((f) => f.id === x), [t]), s = F((x) => t.edgesRef.current.find((f) => f.id === x), [t]), o = F((x) => {
-    var f, p, y, N;
-    if (typeof x == "function") {
-      const C = x(t.nodesRef.current);
+  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;
+    if (typeof g == "function") {
+      const N = g(t.nodesRef.current);
       (p = (f = t.onNodesChangeRef).current) == null || p.call(f, [
         ...t.nodesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...C.map((P) => ({ type: "add", item: P }))
+        ...N.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (N = (y = t.onNodesChangeRef).current) == null || N.call(y, [
-        ...t.nodesRef.current.map((C) => ({ id: C.id, type: "remove" })),
-        ...x.map((C) => ({ type: "add", item: C }))
+      (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 }))
       ]);
-  }, [t]), i = F((x) => {
-    var f, p, y, N;
-    if (typeof x == "function") {
-      const C = x(t.edgesRef.current);
+  }, [t]), i = F((g) => {
+    var f, p, v, w;
+    if (typeof g == "function") {
+      const N = g(t.edgesRef.current);
       (p = (f = t.onEdgesChangeRef).current) == null || p.call(f, [
         ...t.edgesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...C.map((P) => ({ type: "add", item: P }))
+        ...N.map((P) => ({ type: "add", item: P }))
       ]);
     } else
-      (N = (y = t.onEdgesChangeRef).current) == null || N.call(y, [
-        ...t.edgesRef.current.map((C) => ({ id: C.id, type: "remove" })),
-        ...x.map((C) => ({ type: "add", item: C }))
+      (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 }))
       ]);
-  }, [t]), c = F((x) => {
-    var p, y;
-    const f = Array.isArray(x) ? x : [x];
-    (y = (p = t.onNodesChangeRef).current) == null || y.call(p, f.map((N) => ({ type: "add", item: N })));
-  }, [t]), u = F((x) => {
-    var p, y;
-    const f = Array.isArray(x) ? x : [x];
-    (y = (p = t.onEdgesChangeRef).current) == null || y.call(p, f.map((N) => ({ type: "add", item: N })));
-  }, [t]), l = F(({ nodes: x = [], edges: f = [] }) => {
-    if (x.length && t.onNodesChangeRef.current) {
-      t.onNodesChangeRef.current(x.map((y) => ({ id: y.id, type: "remove" })));
-      const p = zr(x, t.edgesRef.current);
-      p.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(p.map((y) => ({ id: y.id, type: "remove" })));
+  }, [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 })));
+  }, [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 })));
+  }, [t]), l = F(({ nodes: g = [], edges: f = [] }) => {
+    if (g.length && t.onNodesChangeRef.current) {
+      t.onNodesChangeRef.current(g.map((v) => ({ id: v.id, type: "remove" })));
+      const p = zr(g, t.edgesRef.current);
+      p.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(p.map((v) => ({ id: v.id, type: "remove" })));
     }
     f.length && t.onEdgesChangeRef.current && t.onEdgesChangeRef.current(f.map((p) => ({ id: p.id, type: "remove" })));
-  }, [t]), g = F(() => {
-    const x = t.cameraRef.current;
-    return { x: x.x, y: x.y, zoom: x.zoom };
-  }, [t]), v = F((x, f) => {
+  }, [t]), y = F(() => {
+    const g = t.cameraRef.current;
+    return { x: g.x, y: g.y, zoom: g.zoom };
+  }, [t]), m = F((g, f) => {
     t.cameraRef.current = {
-      x: x.x ?? t.cameraRef.current.x,
-      y: x.y ?? t.cameraRef.current.y,
-      zoom: x.zoom ?? t.cameraRef.current.zoom
+      x: g.x ?? t.cameraRef.current.x,
+      y: g.y ?? t.cameraRef.current.y,
+      zoom: g.zoom ?? t.cameraRef.current.zoom
     }, t.sendCamera();
-  }, [t]), E = F(() => t.cameraRef.current.zoom, [t]), R = F((x) => {
+  }, [t]), C = F(() => t.cameraRef.current.zoom, [t]), k = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = y.width / 2, C = y.height / 2, P = 1.2;
-    f.x = N - (N - f.x) * P, f.y = C - (C - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
-  }, [t]), M = F((x) => {
+    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();
+  }, [t]), M = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = y.width / 2, C = y.height / 2, P = 1 / 1.2;
-    f.x = N - (N - f.x) * P, f.y = C - (C - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
-  }, [t]), T = F((x) => {
+    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();
+  }, [t]), $ = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = y.width / 2, C = y.height / 2, P = x / f.zoom;
-    f.x = N - (N - f.x) * P, f.y = C - (C - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, x)), t.sendCamera();
-  }, [t]), k = F((x = {}) => {
+    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 f = t.nodesRef.current;
     if (!f.length) return;
     const p = t.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = x.padding ?? 0.1, C = x.nodes ? f.filter((L) => x.nodes.some((Y) => Y.id === L.id)) : f;
-    if (!C.length) return;
-    const P = Mn(C), b = Rn(P, y.width, y.height, N);
-    x.maxZoom && (b.zoom = Math.min(b.zoom, x.maxZoom)), x.minZoom && (b.zoom = Math.max(b.zoom, x.minZoom)), t.cameraRef.current = b, t.sendCamera();
-  }, [t]), z = F((x, f, p = {}) => {
-    const y = t.wrapRef.current;
-    if (!y) return;
-    const N = y.getBoundingClientRect(), C = p.zoom ?? t.cameraRef.current.zoom;
+    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);
+    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;
     t.cameraRef.current = {
-      x: N.width / 2 - x * C,
-      y: N.height / 2 - f * C,
-      zoom: C
+      x: w.width / 2 - g * N,
+      y: w.height / 2 - f * N,
+      zoom: N
     }, t.sendCamera();
-  }, [t]), W = F((x) => t.screenToWorld(x.x, x.y), [t]), D = F((x) => {
+  }, [t]), W = F((g) => t.screenToWorld(g.x, g.y), [t]), H = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return { x: 0, y: 0 };
-    const y = p.getBoundingClientRect();
+    const v = p.getBoundingClientRect();
     return {
-      x: x.x * f.zoom + f.x + y.left,
-      y: x.y * f.zoom + f.y + y.top
+      x: g.x * f.zoom + f.x + v.left,
+      y: g.y * f.zoom + f.y + v.top
     };
   }, [t]);
   return {
@@ -3841,54 +3847,54 @@ function eo() {
     addNodes: c,
     addEdges: u,
     deleteElements: l,
-    getViewport: g,
-    setViewport: v,
-    getZoom: E,
-    zoomIn: R,
+    getViewport: y,
+    setViewport: m,
+    getZoom: C,
+    zoomIn: k,
     zoomOut: M,
-    zoomTo: T,
-    fitView: k,
-    setCenter: z,
+    zoomTo: $,
+    fitView: z,
+    setCenter: E,
     screenToFlowPosition: W,
-    flowToScreenPosition: D
+    flowToScreenPosition: H
   };
 }
 function Bo() {
-  return ht().nodes;
+  return yt().nodes;
 }
 function Do() {
-  return ht().edges;
+  return yt().edges;
 }
 function Ho() {
-  return ht().viewport;
+  return yt().viewport;
 }
 function Ao() {
-  return ht().connection;
+  return yt().connection;
 }
 function _o(t) {
-  const e = ht(), n = Array.isArray(t) ? t : [t];
+  const e = yt(), n = Array.isArray(t) ? t : [t];
   return St(() => n.map((r) => {
     const s = e.nodes.find((o) => o.id === r);
     return s ? { id: s.id, type: s.type, data: s.data } : null;
   }).filter(Boolean), [e.nodes, ...n]);
 }
 function Wo(t) {
-  const e = ht();
+  const e = yt();
   return St(() => e.edges.filter((n) => n.source === t || n.target === t), [e.edges, t]);
 }
 function Xo({ nodeId: t, type: e, handleId: n }) {
-  const r = ht();
+  const r = yt();
   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 = ht(), s = V(t), o = V(e), i = V(n);
-  ut(() => {
+  const r = yt(), s = V(t), o = V(e), i = V(n);
+  ft(() => {
     s.current = t;
-  }, [t]), ut(() => {
+  }, [t]), ft(() => {
     o.current = e;
-  }, [e]), ut(() => {
+  }, [e]), ft(() => {
     i.current = n;
-  }, [n]), ut(() => {
+  }, [n]), ft(() => {
     const c = (u) => {
       var l;
       (l = s.current) == null || l.call(s, { x: u.x, y: u.y, zoom: u.zoom });
@@ -3897,10 +3903,10 @@ function Fo({ onChange: t, onStart: e, onEnd: n }) {
   }, [r]);
 }
 function Yo({ onChange: t }) {
-  const e = ht(), n = V(t);
-  ut(() => {
+  const e = yt(), n = V(t);
+  ft(() => {
     n.current = t;
-  }, [t]), ut(() => {
+  }, [t]), ft(() => {
     const r = (s) => {
       var o;
       (o = n.current) == null || o.call(n, s);
@@ -3910,7 +3916,7 @@ function Yo({ onChange: t }) {
 }
 function Uo(t) {
   const [e, n] = Gt(!1), r = Array.isArray(t) ? t : [t];
-  return ut(() => {
+  return ft(() => {
     const s = (i) => {
       r.includes(i.key) && n(!0);
     }, o = (i) => {
@@ -3922,7 +3928,7 @@ function Uo(t) {
   }, [r.join(",")]), e;
 }
 function qo() {
-  const t = ht();
+  const t = yt();
   return F((e) => {
     var n;
     (n = t.workerRef.current) == null || n.postMessage({
@@ -3932,18 +3938,18 @@ function qo() {
   }, [t]);
 }
 function jo(t = {}) {
-  return ht().nodes.length > 0;
+  return yt().nodes.length > 0;
 }
 function Go(t) {
-  const e = ht();
+  const e = yt();
   return St(() => e.nodes.find((n) => n.id === t) || void 0, [e.nodes, t]);
 }
 function Zo(t) {
-  const e = ht();
+  const e = yt();
   return typeof t == "function" ? t(e) : e;
 }
 function Oo() {
-  const t = ht();
+  const t = yt();
   return St(() => ({
     getState: () => t,
     setState: () => {
@@ -3961,52 +3967,52 @@ function Qo({
   style: o = {},
   className: i = ""
 }) {
-  const c = ht(), u = V(null), l = V(null), g = F(() => {
-    const v = u.current;
-    if (!v) return;
-    const E = v.getContext("2d"), R = window.devicePixelRatio || 1;
-    v.width = t * R, v.height = e * R, E.scale(R, R), E.clearRect(0, 0, t, e);
+  const c = yt(), u = V(null), l = V(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 M = c.nodesRef.current;
     if (!M.length) return;
-    let T = 1 / 0, k = 1 / 0, z = -1 / 0, W = -1 / 0;
-    for (const b of M) {
-      const L = b.width || wn, Y = b.height || bn;
-      b.position.x < T && (T = b.position.x), b.position.y < k && (k = b.position.y), b.position.x + L > z && (z = b.position.x + L), b.position.y + Y > W && (W = b.position.y + Y);
+    let $ = 1 / 0, z = 1 / 0, E = -1 / 0, W = -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);
     }
-    const D = 40;
-    T -= D, k -= D, z += D, W += D;
-    const x = z - T, f = W - k, p = Math.min(t / x, e / f), y = (t - x * p) / 2, N = (e - f * p) / 2;
-    for (const b of M) {
-      if (b.hidden) continue;
-      const L = b.width || wn, Y = b.height || bn, H = (b.position.x - T) * p + y, dt = (b.position.y - k) * p + N, yt = L * p, ft = Y * p;
-      E.fillStyle = b.selected ? "#f59e0b" : typeof n == "function" ? n(b) : n, E.fillRect(H, dt, Math.max(yt, 2), Math.max(ft, 2));
+    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;
+    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 C = c.cameraRef.current, P = c.wrapRef.current;
+    const N = c.cameraRef.current, P = c.wrapRef.current;
     if (P) {
-      const b = P.getBoundingClientRect(), L = -C.x / C.zoom, Y = -C.y / C.zoom, H = b.width / C.zoom, dt = b.height / C.zoom;
-      E.fillStyle = s, E.fillRect(0, 0, t, e);
-      const yt = (L - T) * p + y, ft = (Y - k) * p + N, G = H * p, j = dt * p;
-      E.clearRect(yt, ft, G, j);
-      for (const rt of M) {
-        if (rt.hidden) continue;
-        const at = rt.width || wn, ct = rt.height || bn, lt = (rt.position.x - T) * p + y, Ct = (rt.position.y - k) * p + N;
-        E.fillStyle = rt.selected ? "#f59e0b" : typeof n == "function" ? n(rt) : n, E.fillRect(lt, Ct, Math.max(at * p, 2), Math.max(ct * p, 2));
+      const R = P.getBoundingClientRect(), B = -N.x / N.zoom, q = -N.y / N.zoom, D = R.width / N.zoom, it = R.height / N.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));
       }
-      E.strokeStyle = "#3b82f6", E.lineWidth = 1.5, E.strokeRect(yt, ft, G, j);
+      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(nt, lt, G, j);
     }
   }, [c, t, e, n, r, s]);
-  return ut(() => {
-    let v = !0;
-    function E() {
-      v && (g(), l.current = requestAnimationFrame(E));
+  return ft(() => {
+    let m = !0;
+    function C() {
+      m && (y(), l.current = requestAnimationFrame(C));
     }
-    const R = setInterval(() => {
-      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(E);
+    const k = setInterval(() => {
+      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(C);
     }, 66);
-    return g(), () => {
-      v = !1, clearInterval(R), cancelAnimationFrame(l.current);
+    return y(), () => {
+      m = !1, clearInterval(k), cancelAnimationFrame(l.current);
     };
-  }, [g]), /* @__PURE__ */ B(
+  }, [y]), /* @__PURE__ */ S(
     "canvas",
     {
       ref: u,
@@ -4028,30 +4034,30 @@ 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: [
-    /* @__PURE__ */ B("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ B("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+    /* @__PURE__ */ S("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ S("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
 function ro() {
-  return /* @__PURE__ */ B("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__ */ B("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+  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("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
 function oo() {
-  return /* @__PURE__ */ B("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__ */ B("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) });
+  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: [
-    /* @__PURE__ */ B("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-    /* @__PURE__ */ B("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+    /* @__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: [
-    /* @__PURE__ */ B("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-    /* @__PURE__ */ B("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+    /* @__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" })
   ] });
 }
 function rn({ children: t, className: e = "", ...n }) {
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "button",
     {
       className: `ric-controls-button ${e}`,
@@ -4072,21 +4078,21 @@ function ao({
   onInteractiveChange: c,
   position: u = "bottom-left",
   orientation: l = "vertical",
-  style: g = {},
-  className: v = "",
-  "aria-label": E = "Canvas controls",
-  children: R
+  style: y = {},
+  className: m = "",
+  "aria-label": C = "Canvas controls",
+  children: k
 }) {
-  const M = ht(), { zoomIn: T, zoomOut: k, fitView: z, getZoom: W } = eo(), [D, x] = Gt(!0), f = W() <= M.zoomMin, p = W() >= M.zoomMax, y = F(() => {
-    T(), s == null || s();
-  }, [T, s]), N = F(() => {
-    k(), o == null || o();
-  }, [k, o]), C = F(() => {
-    z(r || { padding: 0.1 }), i == null || i();
-  }, [z, r, i]), P = F(() => {
-    const L = !D;
-    x(L), c == null || c(L);
-  }, [D, c]), b = {
+  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(() => {
+    $(), s == null || s();
+  }, [$, s]), w = F(() => {
+    z(), o == null || o();
+  }, [z, o]), N = F(() => {
+    E(r || { padding: 0.1 }), i == null || i();
+  }, [E, r, i]), P = F(() => {
+    const B = !H;
+    g(B), c == null || c(B);
+  }, [H, c]), R = {
     "top-left": { top: 10, left: 10 },
     "top-right": { top: 10, right: 10 },
     "top-center": { top: 10, left: "50%", transform: "translateX(-50%)" },
@@ -4097,64 +4103,64 @@ function ao({
   return /* @__PURE__ */ It(
     "div",
     {
-      className: `ric-controls ${v}`,
+      className: `ric-controls ${m}`,
       style: {
         position: "absolute",
         display: "flex",
         flexDirection: l === "horizontal" ? "row" : "column",
         gap: 2,
         zIndex: 5,
-        ...b,
-        ...g
+        ...R,
+        ...y
       },
       role: "toolbar",
-      "aria-label": E,
+      "aria-label": C,
       children: [
         t && /* @__PURE__ */ It(Le, { children: [
-          /* @__PURE__ */ B(
+          /* @__PURE__ */ S(
             rn,
             {
-              onClick: y,
+              onClick: v,
               disabled: p,
               title: "Zoom in",
               "aria-label": "Zoom in",
               className: "ric-controls-zoomin",
-              children: /* @__PURE__ */ B(no, {})
+              children: /* @__PURE__ */ S(no, {})
             }
           ),
-          /* @__PURE__ */ B(
+          /* @__PURE__ */ S(
             rn,
             {
-              onClick: N,
+              onClick: w,
               disabled: f,
               title: "Zoom out",
               "aria-label": "Zoom out",
               className: "ric-controls-zoomout",
-              children: /* @__PURE__ */ B(ro, {})
+              children: /* @__PURE__ */ S(ro, {})
             }
           )
         ] }),
-        e && /* @__PURE__ */ B(
+        e && /* @__PURE__ */ S(
           rn,
           {
-            onClick: C,
+            onClick: N,
             title: "Fit view",
             "aria-label": "Fit view",
             className: "ric-controls-fitview",
-            children: /* @__PURE__ */ B(oo, {})
+            children: /* @__PURE__ */ S(oo, {})
           }
         ),
-        n && /* @__PURE__ */ B(
+        n && /* @__PURE__ */ S(
           rn,
           {
             onClick: P,
-            title: D ? "Lock interactivity" : "Unlock interactivity",
-            "aria-label": D ? "Lock interactivity" : "Unlock interactivity",
+            title: H ? "Lock interactivity" : "Unlock interactivity",
+            "aria-label": H ? "Lock interactivity" : "Unlock interactivity",
             className: "ric-controls-interactive",
-            children: D ? /* @__PURE__ */ B(io, {}) : /* @__PURE__ */ B(so, {})
+            children: H ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
           }
         ),
-        R
+        k
       ]
     }
   );
@@ -4182,7 +4188,7 @@ function Jo({
   style: s = {},
   className: o = ""
 }) {
-  const i = ht();
+  const i = yt();
   return i.workerRef.current && i.workerRef.current.postMessage({
     type: "background",
     data: { variant: t, gap: e, size: n, color: r }
@@ -4202,7 +4208,7 @@ function Vo({
     "bottom-right": { bottom: 10, right: 10 },
     "bottom-center": { bottom: 10, left: "50%", transform: "translateX(-50%)" }
   }[t] || { top: 10, left: 10 };
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
       className: `ric-panel ${n}`,
@@ -4229,37 +4235,37 @@ function ts({
   color: c = "#3b82f6",
   onResizeStart: u,
   onResize: l,
-  onResizeEnd: g
+  onResizeEnd: y
 }) {
-  const v = qe(je), E = ht(), R = V(null), M = F((z, W) => {
-    z.stopPropagation(), z.preventDefault();
-    const D = E.nodesRef.current.find((p) => p.id === v);
-    if (!D) return;
-    R.current = {
+  const m = qe(je), C = yt(), k = V(null), M = F((E, W) => {
+    E.stopPropagation(), E.preventDefault();
+    const H = C.nodesRef.current.find((p) => p.id === m);
+    if (!H) return;
+    k.current = {
       direction: W,
-      startX: z.clientX,
-      startY: z.clientY,
-      width: D.width || 160,
-      height: D.height || 60
-    }, u == null || u(z, { width: R.current.width, height: R.current.height });
-    const x = (p) => {
-      var Y, H;
-      if (!R.current) return;
-      const y = R.current, N = E.cameraRef.current, C = (p.clientX - y.startX) / N.zoom, P = (p.clientY - y.startY) / N.zoom;
-      let b = y.width, L = y.height;
-      y.direction.includes("e") && (b = Math.min(n, Math.max(t, y.width + C))), y.direction.includes("w") && (b = Math.min(n, Math.max(t, y.width - C))), y.direction.includes("s") && (L = Math.min(r, Math.max(e, y.height + P))), y.direction.includes("n") && (L = Math.min(r, Math.max(e, y.height - P))), (H = (Y = E.onNodesChangeRef).current) == null || H.call(Y, [
-        { id: v, type: "dimensions", dimensions: { width: b, height: L }, setAttributes: !0 }
-      ]), l == null || l(p, { width: b, height: L });
+      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 });
+    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;
+      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, [
+        { id: m, type: "dimensions", dimensions: { width: R, height: B }, setAttributes: !0 }
+      ]), l == null || l(p, { width: R, height: B });
     }, f = (p) => {
-      R.current = null, g == null || g(p, {}), window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", f);
+      k.current = null, y == null || y(p, {}), window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", f);
     };
-    window.addEventListener("pointermove", x), window.addEventListener("pointerup", f);
-  }, [v, E, t, e, n, r, u, l, g]);
+    window.addEventListener("pointermove", g), window.addEventListener("pointerup", f);
+  }, [m, C, t, e, n, r, u, l, y]);
   if (!s) return null;
-  const T = 8, k = {
+  const $ = 8, z = {
     position: "absolute",
-    width: T,
-    height: T,
+    width: $,
+    height: $,
     background: c,
     border: "1px solid #fff",
     borderRadius: 2,
@@ -4267,60 +4273,60 @@ function ts({
     ...o
   };
   return /* @__PURE__ */ It(Le, { children: [
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, bottom: -T / 2, right: -T / 2, cursor: "nwse-resize" },
-        onPointerDown: (z) => M(z, "se")
+        style: { ...z, bottom: -$ / 2, right: -$ / 2, cursor: "nwse-resize" },
+        onPointerDown: (E) => M(E, "se")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, bottom: -T / 2, left: -T / 2, cursor: "nesw-resize" },
-        onPointerDown: (z) => M(z, "sw")
+        style: { ...z, bottom: -$ / 2, left: -$ / 2, cursor: "nesw-resize" },
+        onPointerDown: (E) => M(E, "sw")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: -T / 2, right: -T / 2, cursor: "nesw-resize" },
-        onPointerDown: (z) => M(z, "ne")
+        style: { ...z, top: -$ / 2, right: -$ / 2, cursor: "nesw-resize" },
+        onPointerDown: (E) => M(E, "ne")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: -T / 2, left: -T / 2, cursor: "nwse-resize" },
-        onPointerDown: (z) => M(z, "nw")
+        style: { ...z, top: -$ / 2, left: -$ / 2, cursor: "nwse-resize" },
+        onPointerDown: (E) => M(E, "nw")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: "50%", right: -T / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
-        onPointerDown: (z) => M(z, "e")
+        style: { ...z, top: "50%", right: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        onPointerDown: (E) => M(E, "e")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, top: "50%", left: -T / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
-        onPointerDown: (z) => M(z, "w")
+        style: { ...z, top: "50%", left: -$ / 2, cursor: "ew-resize", transform: "translateY(-50%)" },
+        onPointerDown: (E) => M(E, "w")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, left: "50%", top: -T / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
-        onPointerDown: (z) => M(z, "n")
+        style: { ...z, left: "50%", top: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        onPointerDown: (E) => M(E, "n")
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, left: "50%", bottom: -T / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
-        onPointerDown: (z) => M(z, "s")
+        style: { ...z, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        onPointerDown: (E) => M(E, "s")
       }
     )
   ] });
@@ -4334,15 +4340,15 @@ function es({
   style: o = {},
   className: i = ""
 }) {
-  const c = qe(je), l = ht().nodes.find((E) => E.id === c);
+  const c = qe(je), l = yt().nodes.find((C) => C.id === c);
   if (!(t !== void 0 ? t : l == null ? void 0 : l.selected)) return null;
-  const v = {
+  const m = {
     top: { bottom: "100%", left: r === "start" ? 0 : r === "end" ? void 0 : "50%", right: r === "end" ? 0 : void 0, transform: r === "center" ? "translateX(-50%)" : void 0, marginBottom: n },
     bottom: { top: "100%", left: r === "start" ? 0 : r === "end" ? void 0 : "50%", right: r === "end" ? 0 : void 0, transform: r === "center" ? "translateX(-50%)" : void 0, marginTop: n },
     left: { right: "100%", top: r === "start" ? 0 : r === "end" ? void 0 : "50%", bottom: r === "end" ? 0 : void 0, transform: r === "center" ? "translateY(-50%)" : void 0, marginRight: n },
     right: { left: "100%", top: r === "start" ? 0 : r === "end" ? void 0 : "50%", bottom: r === "end" ? 0 : void 0, transform: r === "center" ? "translateY(-50%)" : void 0, marginLeft: n }
   }[e] || {};
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
       className: `ric-node-toolbar ${i}`,
@@ -4350,10 +4356,10 @@ function es({
         position: "absolute",
         zIndex: 1e3,
         pointerEvents: "all",
-        ...v,
+        ...m,
         ...o
       },
-      onPointerDown: (E) => E.stopPropagation(),
+      onPointerDown: (C) => C.stopPropagation(),
       children: s
     }
   );
@@ -4370,7 +4376,7 @@ function ns({
 }) {
   if (!t) return null;
   const u = r === "center" ? "-50%" : r === "right" ? "-100%" : "0", l = s === "center" ? "-50%" : s === "bottom" ? "-100%" : "0";
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
       className: `ric-edge-toolbar ${c}`,
@@ -4389,12 +4395,12 @@ function ns({
 }
 function rs({ children: t }) {
   var r;
-  const n = (r = ht().edgeLabelContainerRef) == null ? void 0 : r.current;
+  const n = (r = yt().edgeLabelContainerRef) == null ? void 0 : r.current;
   return n ? Yn(t, n) : null;
 }
 function os({ children: t }) {
   var r;
-  const n = (r = ht().viewportPortalRef) == null ? void 0 : r.current;
+  const n = (r = yt().viewportPortalRef) == null ? void 0 : r.current;
   return n ? Yn(t, n) : null;
 }
 function ur({
@@ -4409,7 +4415,7 @@ function ur({
   connectionLineComponent: u
 }) {
   if (u)
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ S(
       u,
       {
         fromX: t,
@@ -4460,7 +4466,7 @@ function ur({
       });
       break;
   }
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "path",
     {
       d: l,