@infinit-canvas/react 0.1.2 → 0.1.4

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 $t, Fragment as Le } from "react/jsx-runtime";
+import { useRef as tt, useState as Gt, useMemo as St, useEffect as ht, useCallback as F, useContext as qe, createContext as Fn, memo as Zt, useLayoutEffect as kr } from "react";
 import { createPortal as Yn } from "react-dom";
 const Un = 160, qn = 60;
 function ho(t) {
@@ -63,8 +63,8 @@ function jn(t) {
 function xo(t, e, n = { x: 0, y: 0, zoom: 1 }, r = !1) {
   const s = e.x, o = e.y, i = e.x + e.width, c = e.y + e.height;
   return t.filter((u) => {
-    const { width: l, height: 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, z = m + l, M = C + y;
+    return r ? m < i && z > s && C < c && M > o : m >= s && z <= i && C >= o && M <= c;
   });
 }
 function mo(t) {
@@ -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: z,
   onEdgeMouseEnter: M,
-  onEdgeMouseMove: T,
+  onEdgeMouseMove: $,
   onEdgeMouseLeave: k,
-  onEdgeContextMenu: z,
-  onNodeDoubleClick: W,
+  onEdgeContextMenu: E,
+  onNodeDoubleClick: _,
   onNodeMouseEnter: D,
-  onNodeMouseMove: x,
+  onNodeMouseMove: g,
   onNodeMouseLeave: f,
   onNodeContextMenu: p,
-  onPaneClick: y,
+  onPaneClick: v,
   onPaneContextMenu: N,
-  onPaneMouseEnter: C,
+  onPaneMouseEnter: w,
   onPaneMouseMove: P,
-  onPaneMouseLeave: b,
-  onSelectionChange: L,
-  onConnectStart: Y,
-  onConnectEnd: H,
-  onInit: dt,
-  onMoveStart: yt,
-  onMove: ft,
+  onPaneMouseLeave: R,
+  onSelectionChange: B,
+  onConnectStart: q,
+  onConnectEnd: X,
+  onInit: K,
+  onMoveStart: at,
+  onMove: rt,
   onMoveEnd: G,
   onDelete: j,
-  onBeforeDelete: rt,
-  onError: at,
-  isValidConnection: ct,
-  dark: lt,
-  gridSize: Ct = 40,
-  zoomMin: et = 0.1,
-  zoomMax: ot = 4,
+  onBeforeDelete: it,
+  onError: dt,
+  isValidConnection: ot,
+  dark: ft,
+  gridSize: It = 40,
+  zoomMin: st = 0.1,
+  zoomMax: xt = 4,
   initialCamera: Nt = { x: 0, y: 0, zoom: 1 },
-  fitView: Rt = !1,
-  fitViewOptions: vt,
-  nodesDraggable: Lt = !0,
-  nodesConnectable: kt = !0,
-  elementsSelectable: $t = !0,
-  multiSelectionKeyCode: mt = "Shift",
+  fitView: gt = !1,
+  fitViewOptions: ct,
+  nodesDraggable: zt = !0,
+  nodesConnectable: Rt = !0,
+  elementsSelectable: Lt = !0,
+  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 mt = tt(null), Te = tt(null), Et = tt(null), pt = tt({ ...Nt }), se = tt([...t]), Z = tt([...e]), Pt = tt([...n]), yn = tt(/* @__PURE__ */ new Map()), Se = tt(!1), te = tt(null), [gn, pn] = Gt(!1), _t = tt(null), Wt = tt(null), Me = tt(null), ie = tt(null), Ut = tt(!1), Re = tt(null), [Be, Je] = Gt({ x: Nt.x, y: Nt.y, zoom: Nt.zoom }), [Ve, ae] = Gt(null), Kt = St(() => /* @__PURE__ */ new Set(), []), he = St(() => /* @__PURE__ */ new Set(), []), ke = tt(!1), O = tt({});
   O.current = {
     onHudUpdate: r,
     onNodesProcessed: s,
@@ -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: z,
     onEdgeMouseEnter: M,
-    onEdgeMouseMove: T,
+    onEdgeMouseMove: $,
     onEdgeMouseLeave: k,
-    onEdgeContextMenu: z,
-    onNodeDoubleClick: W,
+    onEdgeContextMenu: E,
+    onNodeDoubleClick: _,
     onNodeMouseEnter: D,
-    onNodeMouseMove: x,
+    onNodeMouseMove: g,
     onNodeMouseLeave: f,
     onNodeContextMenu: p,
-    onPaneClick: y,
+    onPaneClick: v,
     onPaneContextMenu: N,
-    onPaneMouseEnter: C,
+    onPaneMouseEnter: w,
     onPaneMouseMove: P,
-    onPaneMouseLeave: b,
-    onSelectionChange: L,
-    onConnectStart: Y,
-    onConnectEnd: H,
-    onInit: dt,
-    onMoveStart: yt,
-    onMove: ft,
+    onPaneMouseLeave: R,
+    onSelectionChange: B,
+    onConnectStart: q,
+    onConnectEnd: X,
+    onInit: K,
+    onMoveStart: at,
+    onMove: rt,
     onMoveEnd: G,
     onDelete: j,
-    onBeforeDelete: rt,
-    onError: at,
-    isValidConnection: ct
+    onBeforeDelete: it,
+    onError: dt,
+    isValidConnection: ot
   };
-  const wt = { get current() {
+  const bt = { get current() {
     return O.current.onNodesChange;
   } }, Dt = { get current() {
     return O.current.onEdgesChange;
@@ -1074,9 +1074,9 @@ function Lr({
     return O.current.onConnect;
   } }, De = { get current() {
     return O.current.onNodeClick;
-  } }, He = { get current() {
-    return O.current.onNodeDragStart;
   } }, Ae = { get current() {
+    return O.current.onNodeDragStart;
+  } }, He = { get current() {
     return O.current.onNodeDrag;
   } }, _e = { get current() {
     return O.current.onNodeDragStop;
@@ -1091,387 +1091,387 @@ function Lr({
   } }, pe = { get current() {
     return O.current.onNodesProcessed;
   } };
-  ut(() => {
+  ht(() => {
     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(() => {
+  ht(() => {
     var a;
-    se.current = [...t], (a = zt.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
+    se.current = [...t], (a = Et.current) == null || a.postMessage({ type: "cards", data: { cards: [...t] } });
   }, [t]);
   const ze = F((a) => {
-    const 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;
+  }, []), ee = tt([]), Q = F((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 = Et.current) == null || x.postMessage({ type: "nodes", data: { nodes: a } });
   }, [Q]);
-  ut(() => {
+  ht(() => {
     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 = Et.current) == null || d.postMessage({ type: "nodes", data: { nodes: x } });
+  }, [e, ze, Q]), ht(() => {
     var a;
-    Pt.current = [...n], (a = zt.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
+    Pt.current = [...n], (a = Et.current) == null || a.postMessage({ type: "edges", data: { edges: [...n] } });
   }, [n]);
-  const st = F((a, m) => {
-    const d = pt.current;
+  const lt = F((a, x) => {
+    const d = mt.current;
     if (!d) return { x: 0, y: 0 };
-    const w = d.getBoundingClientRect(), I = gt.current;
+    const b = d.getBoundingClientRect(), L = pt.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 = pt.current, L = Math.max(Nr, Ot) / b.zoom;
+    for (let I = d.length - 1; I >= 0; I--) {
+      const h = d[I];
       if (h.hidden) continue;
       const A = Ee(h);
-      for (const 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 / pt.current.zoom;
+    for (let L = Pt.current.length - 1; L >= 0; L--) {
+      const I = Pt.current[L], h = Z.current.find((Mt) => Mt.id === I.source), A = Z.current.find((Mt) => Mt.id === I.target);
       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, H = A.height || jt, J = h.position.x + T, ut = h.position.y + Y / 2, U = A.position.x, nt = A.position.y + H / 2;
+      if (Ir(a, x, J, ut, U, nt) < b) return I;
     }
     return null;
   }, []);
-  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, {
+  ht(() => {
+    const a = Te.current, x = mt.current;
+    if (!a || !x) return;
+    const d = x.getBoundingClientRect(), b = ft !== void 0 ? ft : matchMedia("(prefers-color-scheme: dark)").matches, L = ze(Z.current);
+    ee.current = L;
+    const I = Q(L), { worker: h } = Cr(a, {
       width: d.width,
       height: d.height,
-      camera: gt.current,
+      camera: pt.current,
       cards: se.current,
-      nodes: $,
+      nodes: I,
       edges: Pt.current,
-      dark: w,
-      gridSize: Ct,
+      dark: b,
+      gridSize: It,
       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;
-    const A = new ResizeObserver((_) => {
-      const { width: K, height: it } = _[0].contentRect;
-      h.postMessage({ type: "resize", data: { width: K, height: it } });
+    h.onmessage = (H) => {
+      var J, ut;
+      H.data.type === "hud" && ((J = ge.current) == null || J.call(ge, H.data.data)), H.data.type === "ready" && pn(!0), H.data.type === "nodesProcessed" && ((ut = pe.current) == null || ut.call(pe, H.data.data));
+    }, Et.current = h;
+    const A = new ResizeObserver((H) => {
+      const { width: J, height: ut } = H[0].contentRect;
+      h.postMessage({ type: "resize", data: { width: J, height: ut } });
     });
-    A.observe(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 ft === void 0 && (T = matchMedia("(prefers-color-scheme: dark)"), Y = (H) => h.postMessage({ type: "theme", data: { dark: H.matches } }), T.addEventListener("change", Y)), () => {
+      A.disconnect(), T && Y && T.removeEventListener("change", Y), Et.current = null;
     };
-  }, []), ut(() => {
+  }, []), ht(() => {
     var a;
-    lt !== void 0 && ((a = zt.current) == null || a.postMessage({ type: "theme", data: { dark: lt } }));
-  }, [lt]), ut(() => {
+    ft !== void 0 && ((a = Et.current) == null || a.postMessage({ type: "theme", data: { dark: ft } }));
+  }, [ft]), ht(() => {
     var a;
-    (a = zt.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
+    (a = Et.current) == null || a.postMessage({ type: "edgeRouting", data: { enabled: fe } });
   }, [fe]);
-  const Ln = V(0), Et = F((a = null) => {
-    var w, I, $;
-    const m = gt.current;
+  const Ln = tt(0), Ct = F((a = null) => {
+    var b, L, I;
+    const x = pt.current;
     if (re) {
-      const h = pt.current;
+      const h = mt.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, H = -re[0][0] * x.zoom, J = -re[0][1] * x.zoom;
+        x.x = Math.min(H, Math.max(T, x.x)), x.y = Math.min(J, Math.max(Y, x.y));
       }
     }
-    (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 = Et.current) == null || b.postMessage({ type: "camera", data: { camera: { ...x } } });
+    const d = { x: x.x, y: x.y, zoom: x.zoom };
+    (I = (L = O.current).onMove) == null || I.call(L, a, d);
     for (const h of Kt) h(d);
     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 = Et.current) == null || d.postMessage({ type: "connecting", data: { from: a.startPos, to: x, _routedPoints: null } }), ae({ source: a.sourceId, sourceHandle: a.sourceHandle, target: null, targetHandle: null })) : ((b = Et.current) == null || b.postMessage({ type: "connecting", data: null }), ae(null));
   }, []), Ne = F(() => {
-    var 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 = Et.current) == null || x.postMessage({ type: "selectionBox", data: a }) : (d = Et.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) {
-      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 }));
+    var L, I, h, A, T, Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht;
+    const x = Z.current.length > 0, d = lt(a.clientX, a.clientY), b = Ut.current;
+    if (x && Rt) {
+      const W = tn(d.x, d.y);
+      if (Yt && Re.current && W) {
+        const V = Re.current;
+        if (W.nodeId !== V.nodeId) {
+          const qt = V.handleType === "target" ? { source: W.nodeId, target: V.nodeId, sourceHandle: W.handleId || null, targetHandle: V.handleId } : { source: V.nodeId, target: W.nodeId, sourceHandle: V.handleId, targetHandle: W.handleId || null };
+          (O.current.isValidConnection ? O.current.isValidConnection(qt) : !0) && ((L = ce.current) == null || L.call(ce, { ...qt, ...be }));
         }
         Re.current = null;
         return;
       }
-      if (Bt === "strict" ? X && X.type === "source" : X != null) {
+      if (Bt === "strict" ? W && W.type === "source" : W != null) {
         if (Yt) {
-          Re.current = { nodeId: X.nodeId, handleId: X.handleId || null, handleType: X.type }, (h = ($ = O.current).onConnectStart) == null || h.call($, a, { nodeId: X.nodeId, handleId: X.handleId, handleType: X.type });
+          Re.current = { nodeId: W.nodeId, handleId: W.handleId || null, handleType: W.type }, (h = (I = O.current).onConnectStart) == null || h.call(I, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type });
           return;
         }
         Wt.current = {
-          sourceId: X.nodeId,
-          sourceHandle: X.handleId || null,
-          sourceType: X.type,
-          startPos: { x: X.x, y: X.y }
-        }, Me.current = { x: d.x, y: d.y }, (A = 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();
+          sourceId: W.nodeId,
+          sourceHandle: W.handleId || null,
+          sourceType: W.type,
+          startPos: { x: W.x, y: W.y }
+        }, Me.current = { x: d.x, y: d.y }, (A = mt.current) == null || A.setPointerCapture(a.pointerId), (Y = (T = O.current).onConnectStart) == null || Y.call(T, a, { nodeId: W.nodeId, handleId: W.handleId, handleType: W.type }), Ce();
         return;
       }
     }
-    if (m) {
-      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 });
-          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 });
+    if (x) {
+      const W = Tt(d.x, d.y);
+      if (W) {
+        if (bt.current && Lt) {
+          const kt = [];
+          if (b)
+            kt.push({ id: W.id, type: "select", selected: !W.selected });
+          else if (!W.selected) {
+            for (const V of Z.current)
+              V.id === W.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
             if (Dt.current) {
-              const J = Pt.current.filter((tt) => tt.selected).map((tt) => ({ id: tt.id, type: "select", selected: !1 }));
-              J.length && Dt.current(J);
+              const V = Pt.current.filter((et) => et.selected).map((et) => ({ id: et.id, type: "select", selected: !1 }));
+              V.length && Dt.current(V);
             }
           }
-          if (Mt.length) {
-            if (wt.current(Mt), hn && !w) {
-              const J = Z.current.findIndex((tt) => tt.id === X.id);
-              J >= 0 && J < Z.current.length - 1 && wt.current([
-                { id: X.id, type: "remove" },
-                { type: "add", item: { ...Z.current[J], selected: !0 } }
+          if (kt.length) {
+            if (bt.current(kt), hn && !b) {
+              const V = Z.current.findIndex((et) => et.id === W.id);
+              V >= 0 && V < Z.current.length - 1 && bt.current([
+                { id: W.id, type: "remove" },
+                { type: "add", item: { ...Z.current[V], selected: !0 } }
               ]);
             }
             Jt();
           }
         }
-        if ((_ = De.current) == null || _.call(De, a, X), Lt) {
-          const Mt = w && 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;
-              J = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
+        if ((H = De.current) == null || H.call(De, a, W), zt) {
+          const kt = b && W.selected;
+          let V = null;
+          if (W.parentId && W.extent === "parent") {
+            const et = Z.current.find((qt) => qt.id === W.parentId);
+            if (et) {
+              const qt = et.width || Vt, Xe = et.height || jt, en = W.width || ((J = W.measured) == null ? void 0 : J.width) || Vt, Fe = W.height || ((ut = W.measured) == null ? void 0 : ut.height) || jt;
+              V = { minX: 0, minY: 0, maxX: qt - en, maxY: Xe - Fe };
             }
           }
           if (_t.current = {
-            id: X.id,
-            startPos: { ...X.position },
+            id: W.id,
+            startPos: { ...W.position },
             startMouse: { x: d.x, y: d.y },
-            parentClamp: J,
-            parentId: X.parentId || null,
-            selectedStarts: Mt ? Z.current.filter((tt) => tt.selected && tt.id !== X.id).map((tt) => {
+            parentClamp: V,
+            parentId: W.parentId || null,
+            selectedStarts: kt ? Z.current.filter((et) => et.selected && et.id !== W.id).map((et) => {
               var Xe, en;
               let qt = null;
-              if (tt.parentId && tt.extent === "parent") {
-                const Fe = Z.current.find((xn) => xn.id === tt.parentId);
+              if (et.parentId && et.extent === "parent") {
+                const Fe = Z.current.find((xn) => xn.id === et.parentId);
                 if (Fe) {
-                  const xn = Fe.width || Vt, br = Fe.height || jt, Mr = tt.width || ((Xe = tt.measured) == null ? void 0 : Xe.width) || Vt, Rr = tt.height || ((en = tt.measured) == null ? void 0 : en.height) || jt;
+                  const xn = Fe.width || Vt, br = Fe.height || jt, Mr = et.width || ((Xe = et.measured) == null ? void 0 : Xe.width) || Vt, Rr = et.height || ((en = et.measured) == null ? void 0 : en.height) || jt;
                   qt = { minX: 0, minY: 0, maxX: xn - Mr, maxY: br - Rr };
                 }
               }
-              return { id: tt.id, startPos: { ...tt.position }, parentClamp: qt, parentId: tt.parentId || null };
+              return { id: et.id, startPos: { ...et.position }, parentClamp: qt, parentId: et.parentId || null };
             }) : []
-          }, (q = pt.current) == null || q.setPointerCapture(a.pointerId), (nt = He.current) == null || nt.call(He, a, X), wt.current) {
-            const tt = [{ id: X.id, type: "position", dragging: !0 }];
+          }, (U = mt.current) == null || U.setPointerCapture(a.pointerId), (nt = Ae.current) == null || nt.call(Ae, a, W), bt.current) {
+            const et = [{ id: W.id, type: "position", dragging: !0 }];
             for (const qt of _t.current.selectedStarts)
-              tt.push({ id: qt.id, type: "position", dragging: !0 });
-            wt.current(tt);
+              et.push({ id: qt.id, type: "position", dragging: !0 });
+            bt.current(et);
           }
         }
         return;
       }
     }
-    if (Pt.current.length > 0 && $t) {
-      const X = ue(d.x, d.y);
-      if (X) {
+    if (Pt.current.length > 0 && Lt) {
+      const W = ue(d.x, d.y);
+      if (W) {
         if (Dt.current) {
-          const Mt = [];
-          if (w)
-            Mt.push({ id: X.id, type: "select", selected: !X.selected });
+          const kt = [];
+          if (b)
+            kt.push({ id: W.id, type: "select", selected: !W.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) {
-              const J = Z.current.filter((tt) => tt.selected).map((tt) => ({ id: tt.id, type: "select", selected: !1 }));
-              J.length && wt.current(J);
+            for (const V of Pt.current)
+              V.id === W.id ? kt.push({ id: V.id, type: "select", selected: !0 }) : V.selected && kt.push({ id: V.id, type: "select", selected: !1 });
+            if (bt.current) {
+              const V = Z.current.filter((et) => et.selected).map((et) => ({ id: et.id, type: "select", selected: !1 }));
+              V.length && bt.current(V);
             }
           }
-          Mt.length && (Dt.current(Mt), Jt());
+          kt.length && (Dt.current(kt), Jt());
         }
-        (xt = le.current) == null || xt.call(le, a, X);
+        (vt = le.current) == null || vt.call(le, a, W);
         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 W = Z.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 })), kt = Pt.current.filter((V) => V.selected).map((V) => ({ id: V.id, type: "select", selected: !1 }));
+      W.length && bt.current && bt.current(W), kt.length && Dt.current && Dt.current(kt), (W.length || kt.length) && Jt();
     }
-    if ((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 ((Mt = We.current) == null || Mt.call(We, a), ne || b) {
+      ie.current = { startWorld: { ...d }, endWorld: { ...d } }, (At = mt.current) == null || At.setPointerCapture(a.pointerId), Ne();
       return;
     }
-    Se.current = !0, te.current = { x: a.clientX, y: a.clientY }, (Xt = 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 = mt.current) == null || Xt.classList.add("dragging"), (Ht = mt.current) == null || Ht.setPointerCapture(a.pointerId);
+  }, [lt, Tt, tn, ue, zt, Rt, Lt, ne, Ce, Ne, Jt]), fr = F((a) => {
+    var d, b;
     if (Wt.current) {
-      if (Me.current = 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 = lt(a.clientX, a.clientY), Ce(), fn) {
+        const L = mt.current;
+        if (L) {
+          const I = L.getBoundingClientRect(), h = 40, A = a.clientX - I.left, T = a.clientY - I.top;
+          let Y = 0, H = 0;
+          A < h ? Y = Qt : A > I.width - h && (Y = -Qt), T < h ? H = Qt : T > I.height - h && (H = -Qt), (Y || H) && (pt.current.x += Y, pt.current.y += H, Ct(a));
         }
       }
       return;
     }
     if (ie.current) {
-      ie.current.endWorld = 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 = [];
-        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 });
+      ie.current.endWorld = lt(a.clientX, a.clientY), Ne();
+      const L = ie.current, I = Math.min(L.startWorld.x, L.endWorld.x), h = Math.min(L.startWorld.y, L.endWorld.y), A = Math.max(L.startWorld.x, L.endWorld.x), T = Math.max(L.startWorld.y, L.endWorld.y);
+      if (bt.current) {
+        const Y = [];
+        for (const H of Z.current) {
+          if (H.hidden) continue;
+          const J = H.width || Vt, ut = H.height || jt, U = Ie === "full" ? H.position.x >= I && H.position.x + J <= A && H.position.y >= h && H.position.y + ut <= T : H.position.x + J > I && H.position.x < A && H.position.y + ut > h && H.position.y < T;
+          U !== !!H.selected && Y.push({ id: H.id, type: "select", selected: U });
         }
-        U.length && wt.current(U);
+        Y.length && bt.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 = lt(a.clientX, a.clientY), I = _t.current, h = L.x - I.startMouse.x, A = L.y - I.startMouse.y;
+      let T = { x: I.startPos.x + h, y: I.startPos.y + A };
+      if (me && (T = Pn(T, de)), oe && (T = Tn(T, oe)), I.parentClamp) {
+        const U = I.parentClamp;
+        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 nt = { x: U.startPos.x + h, y: U.startPos.y + A };
+        if (me && (nt = Pn(nt, de)), oe && (nt = Tn(nt, oe)), U.parentClamp) {
+          const vt = U.parentClamp;
+          nt = { x: Math.max(vt.minX, Math.min(nt.x, vt.maxX)), y: Math.max(vt.minY, Math.min(nt.y, vt.maxY)) };
         }
-        U.push({ id: q.id, position: nt });
+        Y.push({ id: U.id, position: nt });
       }
-      const _ = [];
-      for (const q of U) {
-        const nt = Z.current.find((xt) => xt.id === q.id);
+      const H = [];
+      for (const U of Y) {
+        const nt = Z.current.find((vt) => vt.id === U.id);
         if (nt) {
-          nt.position = q.position, nt.dragging = !0;
-          let xt = q.position;
+          nt.position = U.position, nt.dragging = !0;
+          let vt = U.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 };
+            let Mt = Z.current.find((Ht) => Ht.id === nt.parentId), At = U.position.x, Xt = U.position.y;
+            for (; Mt; )
+              At += Mt.position.x, Xt += Mt.position.y, Mt = Mt.parentId ? Z.current.find((Ht) => Ht.id === Mt.parentId) : null;
+            vt = { x: At, y: Xt };
           }
-          _.push({
-            id: q.id,
-            position: q.position,
-            _absolutePosition: xt,
+          H.push({
+            id: U.id,
+            position: U.position,
+            _absolutePosition: vt,
             width: nt.width,
             height: nt.height,
             dragging: !0,
@@ -1479,43 +1479,43 @@ function Lr({
           });
         }
       }
-      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;
+      const J = new Set(Y.map((U) => U.id));
+      for (const U of Z.current)
+        if (U.parentId && J.has(U.parentId) && !J.has(U.id)) {
+          let nt = Z.current.find((At) => At.id === U.parentId), vt = U.position.x, Mt = U.position.y;
           for (; nt; )
-            xt += nt.position.x, bt += nt.position.y, nt = nt.parentId ? Z.current.find((Ht) => Ht.id === nt.parentId) : null;
-          _.push({
-            id: q.id,
-            position: q.position,
-            _absolutePosition: { x: xt, y: bt },
-            width: q.width,
-            height: q.height,
+            vt += nt.position.x, Mt += nt.position.y, nt = nt.parentId ? Z.current.find((At) => At.id === nt.parentId) : null;
+          H.push({
+            id: U.id,
+            position: U.position,
+            _absolutePosition: { x: vt, y: Mt },
+            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;
-          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));
+      if ((d = Et.current) == null || d.postMessage({ type: "nodePositions", data: { updates: H } }), dn) {
+        const U = mt.current;
+        if (U) {
+          const nt = U.getBoundingClientRect(), vt = 40, Mt = a.clientX - nt.left, At = a.clientY - nt.top;
+          let Xt = 0, Ht = 0;
+          Mt < vt ? Xt = Qt : Mt > nt.width - vt && (Xt = -Qt), At < vt ? Ht = Qt : At > nt.height - vt && (Ht = -Qt), (Xt || Ht) && (pt.current.x += Xt, pt.current.y += Ht, Ct(a));
         }
       }
-      const it = Z.current.find((q) => q.id === $.id);
-      it && ((w = Ae.current) == null || w.call(Ae, a, it));
+      const ut = Z.current.find((U) => U.id === I.id);
+      ut && ((b = He.current) == null || b.call(He, a, ut));
       return;
     }
     if (!Se.current) return;
-    const 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 = pt.current;
+    x.x += a.clientX - te.current.x, x.y += a.clientY - te.current.y, te.current = { x: a.clientX, y: a.clientY }, Ct();
+  }, [Ct, lt, Ce, Ne]), hr = F((a) => {
+    var x, d, b, L, I;
     if (Wt.current) {
-      const h = st(a.clientX, a.clientY), A = tn(h.x, h.y);
+      const h = lt(a.clientX, a.clientY), A = tn(h.x, h.y);
       if (A && A.nodeId !== Wt.current.sourceId && (Bt === "loose" || A.type === "target")) {
-        const _ = Wt.current.sourceType === "target" ? {
+        const H = Wt.current.sourceType === "target" ? {
           source: A.nodeId,
           target: Wt.current.sourceId,
           sourceHandle: A.handleId || null,
@@ -1526,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(H) : !0) && ((x = ce.current) == null || x.call(ce, { ...H, ...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 (bt.current) {
+        const T = Z.current.find((H) => H.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({
-            id: _.id,
+        for (const H of h.selectedStarts) {
+          const J = Z.current.find((ut) => ut.id === H.id);
+          Y.push({
+            id: H.id,
             type: "position",
-            position: K ? { ...K.position } : void 0,
+            position: J ? { ...J.position } : void 0,
             dragging: !1
           });
         }
-        wt.current(U);
+        bt.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 = mt.current) == null || I.classList.remove("dragging");
+  }, [lt, tn, Ce, Ne, Jt]);
+  ht(() => {
+    const a = mt.current;
     if (!a) return;
-    const m = (d) => {
+    const x = (d) => {
       Pe && d.preventDefault();
-      const w = gt.current;
+      const b = pt.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), Ct(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(xt, Math.max(st, b.zoom * L)), Ct(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);
+  }, [Ct, st, xt, Ge, $e, Ze, Oe, Pe]), ht(() => {
     if (!Ke) return;
-    const a = pt.current;
+    const a = mt.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), H = Y / x;
+        x = Y;
+        const J = pt.current, ut = d.x, U = d.y;
+        J.x = ut - (ut - J.x) * H, J.y = U - (U - J.y) * H, J.zoom = Math.min(xt, Math.max(st, J.zoom * H)), Ct(h);
       }
-    }, $ = () => {
-      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, Ct, st, xt]), ht(() => {
     if (!Qe) return;
-    const a = pt.current;
+    const a = mt.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 H, J, ut, U;
+      const b = lt(d.clientX, d.clientY);
+      if (Tt(b.x, b.y)) {
+        (J = (H = O.current).onNodeDoubleClick) == null || J.call(H, d, Tt(b.x, b.y));
         return;
       }
-      const 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 = (ut = O.current).onEdgeDoubleClick) == null || U.call(ut, 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 = pt.current;
+      Y.x = A - (A - Y.x) * I, Y.y = T - (T - Y.y) * I, Y.zoom = Math.min(xt, Math.max(st, Y.zoom * I)), Ct(d);
     };
-    return a.addEventListener("dblclick", 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, Ct, st, xt, lt, Tt, ue]), ht(() => {
+    const a = mt.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, H, J;
+      const b = lt(d.clientX, d.clientY), L = Tt(b.x, b.y);
+      if (L) {
+        (A = (h = O.current).onNodeContextMenu) == null || A.call(h, d, L);
         return;
       }
-      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);
+      (J = (H = O.current).onPaneContextMenu) == null || J.call(H, 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);
+  }, [lt, Tt, ue]), ht(() => {
+    const a = mt.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) {
-        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));
+    let x = null, d = null;
+    const b = (h) => {
+      var Y, H, J, ut, U, nt, vt, Mt, At, Xt, Ht, W, kt, V;
+      (H = (Y = O.current).onPaneMouseMove) == null || H.call(Y, h);
+      const A = lt(h.clientX, h.clientY), T = Tt(A.x, A.y);
+      if (T !== x && (x && ((ut = (J = O.current).onNodeMouseLeave) == null || ut.call(J, h, x)), T && ((nt = (U = O.current).onNodeMouseEnter) == null || nt.call(U, h, T)), x = T), T && ((Mt = (vt = O.current).onNodeMouseMove) == null || Mt.call(vt, h, T)), !T) {
+        const et = ue(A.x, A.y);
+        et !== d && (d && ((Xt = (At = O.current).onEdgeMouseLeave) == null || Xt.call(At, h, d)), et && ((W = (Ht = O.current).onEdgeMouseEnter) == null || W.call(Ht, h, et)), d = et), et && ((V = (kt = O.current).onEdgeMouseMove) == null || V.call(kt, h, et));
       }
+    }, L = (h) => {
+      var A, T;
+      return (T = (A = O.current).onPaneMouseEnter) == null ? void 0 : T.call(A, h);
     }, I = (h) => {
-      var A, 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, H, J, ut;
+      (T = (A = O.current).onPaneMouseLeave) == null || T.call(A, h), x && ((H = (Y = O.current).onNodeMouseLeave) == null || H.call(Y, h, x), x = null), d && ((ut = (J = O.current).onEdgeMouseLeave) == null || ut.call(J, h, d), d = null);
     };
-    return a.addEventListener("mousemove", 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;
+  }, [lt, Tt, ue]), ht(() => {
+    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 && bt.current && (bt.current(I.map((T) => ({ id: T.id, type: "remove" }))), Dt.current)) {
+          const T = Pt.current.filter((Y) => A.has(Y.source) || A.has(Y.target));
+          T.length && Dt.current(T.map((Y) => ({ id: Y.id, type: "remove" })));
         }
-        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(), bt.current) {
+          const I = Z.current.filter((h) => !h.selected).map((h) => ({ id: h.id, type: "select", selected: !0 }));
+          I.length && bt.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;
+  const In = tt(!1);
+  ht(() => {
+    var a, x;
+    if (!In.current && Et.current) {
+      if (In.current = !0, gt && Z.current.length > 0) {
+        const d = mt.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 = (ct == null ? void 0 : ct.padding) ?? 0.1, I = Mn(Z.current), h = Rn(I, b.width, b.height, L);
+          ct != null && ct.maxZoom && (h.zoom = Math.min(h.zoom, ct.maxZoom)), ct != null && ct.minZoom && (h.zoom = Math.max(h.zoom, ct.minZoom)), pt.current = h, Ct();
         }
       }
-      (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 }),
+        getViewport: () => ({ ...pt.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 = mt.current;
+          if (!b || !Z.current.length) return;
+          const L = b.getBoundingClientRect(), I = Mn(Z.current), h = Rn(I, L.width, L.height, d.padding ?? 0.1);
+          pt.current = h, Ct();
         }
       });
     }
   });
   const yr = F(() => {
-    gt.current = { ...Nt }, Et();
-  }, [Et, Nt]), gr = F((a) => {
-    var m;
+    pt.current = { ...Nt }, Ct();
+  }, [Ct, Nt]), 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 = pt.current, b = mt.current;
+      if (!b) return;
+      const L = b.getBoundingClientRect(), I = Math.round(-d.x / d.zoom + L.width / 2 / d.zoom), h = Math.round(-d.y / d.zoom + L.height / 2 / d.zoom);
       se.current.push({
-        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 = Et.current) == null || x.postMessage({ type: "cards", data: { cards: [...se.current] } });
   }, []), pr = F((a) => {
     if (a.id || (a.id = "node-" + Date.now()), !a.position) {
-      const m = gt.current, d = pt.current;
+      const x = pt.current, d = mt.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 }]);
-  }, []), 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,
+    a.data || (a.data = { label: a.id }), bt.current && bt.current([{ type: "add", item: a }]);
+  }, []), xr = F(() => ({ ...pt.current }), []), mr = F((a) => {
+    pt.current = { ...pt.current, ...a }, Ct();
+  }, [Ct]), vr = F((a) => lt(a.x, a.y), [lt]), $n = n, wr = St(() => ({
+    wrapRef: mt,
     canvasRef: Te,
-    workerRef: zt,
-    cameraRef: gt,
+    workerRef: Et,
+    cameraRef: pt,
     nodesRef: Z,
     edgesRef: Pt,
     handleRegistryRef: yn,
     syncNodesToWorker: Ft,
-    onNodesChangeRef: wt,
+    onNodesChangeRef: bt,
     onEdgesChangeRef: Dt,
-    sendCamera: Et,
-    screenToWorld: st,
+    sendCamera: Ct,
+    screenToWorld: lt,
     viewportListeners: Kt,
     selectionListeners: he,
-    zoomMin: et,
-    zoomMax: ot,
+    zoomMin: st,
+    zoomMax: xt,
     snapToGrid: me,
     snapGrid: de,
     nodeExtent: oe,
@@ -1793,9 +1793,9 @@ function Lr({
     get connection() {
       return Ve;
     }
-  }), [e, n, $n, Be, Ve, Et, st, Ft, Kt, he, et, ot, me, de, oe, be, fe]);
+  }), [e, n, $n, Be, Ve, Ct, lt, Ft, Kt, he, st, xt, me, de, oe, be, fe]);
   return {
-    wrapRef: pt,
+    wrapRef: mt,
     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,127 @@ 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, z;
+  const n = yt(), r = tt(null), s = t._absolutePosition || t.position, o = tt(null);
+  ht(() => {
     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((k) => {
+      var D, g, f, p;
+      const { width: E, height: _ } = k[0].contentRect;
+      if (E > 0 && _ > 0) {
+        const v = n.nodesRef.current.find((P) => P.id === t.id), N = (v == null ? void 0 : v.width) || ((D = v == null ? void 0 : v.measured) == null ? void 0 : D.width), w = (v == null ? void 0 : v.height) || ((g = v == null ? void 0 : v.measured) == null ? void 0 : g.height);
+        (Math.abs((N || 0) - E) > 1 || Math.abs((w || 0) - _) > 1) && ((p = (f = n.onNodesChangeRef).current) == null || p.call(f, [
+          { id: t.id, type: "dimensions", dimensions: { width: E, height: _ }, setAttributes: !0 }
         ]));
       }
     });
-    return 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 B, q, X;
+    M.stopPropagation();
+    const $ = M.target.tagName;
+    if ($ === "INPUT" || $ === "TEXTAREA" || $ === "SELECT" || $ === "BUTTON" || $ === "A" || M.target.isContentEditable) return;
+    let k = M.target;
+    for (; k && k !== r.current; ) {
+      if ((B = k.classList) != null && B.contains("nodrag")) return;
+      k = k.parentElement;
+    }
+    if (n.onNodesChangeRef.current) {
+      const K = [];
       if (M.shiftKey)
-        L.push({ id: t.id, type: "select", selected: !t.selected });
+        K.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 rt of n.nodesRef.current)
+          rt.id === t.id && !rt.selected ? K.push({ id: rt.id, type: "select", selected: !0 }) : rt.id !== t.id && rt.selected && K.push({ id: rt.id, type: "select", selected: !1 });
+      K.length && n.onNodesChangeRef.current(K);
     }
-    const 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 E = n.cameraRef.current, _ = n.wrapRef.current;
+    if (!_) return;
+    const D = _.getBoundingClientRect(), g = (M.clientX - D.left - E.x) / E.zoom, f = (M.clientY - D.top - E.y) / E.zoom, v = M.shiftKey && t.selected ? n.nodesRef.current.filter((K) => K.selected && K.id !== t.id).map((K) => ({ id: K.id, startPos: { ...K.position } })) : [];
     o.current = {
       startPos: { ...t.position },
-      startMouse: { x: W, y: D },
-      selectedStarts: f
+      startMouse: { x: g, y: f },
+      selectedStarts: v
     };
-    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 N = [{ id: t.id, type: "position", dragging: !0 }];
+    for (const K of v)
+      N.push({ id: K.id, type: "position", dragging: !0 });
+    (X = (q = n.onNodesChangeRef).current) == null || X.call(q, N);
+    const w = r.current;
+    w && w.setPointerCapture(M.pointerId);
+    const P = (K) => {
+      var It, st, xt, Nt;
       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 at = n.cameraRef.current, rt = _.getBoundingClientRect(), G = (K.clientX - rt.left - at.x) / at.zoom, j = (K.clientY - rt.top - at.y) / at.zoom, it = G - o.current.startMouse.x, dt = j - o.current.startMouse.y;
+      let ot = { x: o.current.startPos.x + it, y: o.current.startPos.y + dt };
+      if (n.snapToGrid && n.snapGrid && (ot = {
+        x: n.snapGrid[0] * Math.round(ot.x / n.snapGrid[0]),
+        y: n.snapGrid[1] * Math.round(ot.y / n.snapGrid[1])
       }), t.parentId && t.extent === "parent") {
-        const 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 gt = n.nodesRef.current.find((ct) => ct.id === t.parentId);
+        if (gt) {
+          const ct = gt.width || 160, zt = gt.height || 60, Rt = t.width || ((It = t.measured) == null ? void 0 : It.width) || 160, Lt = t.height || ((st = t.measured) == null ? void 0 : st.height) || 60;
+          ot = {
+            x: Math.max(0, Math.min(ot.x, ct - Rt)),
+            y: Math.max(0, Math.min(ot.y, zt - Lt))
           };
         }
       }
-      const 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 ft = [{ id: t.id, type: "position", position: ot, dragging: !0 }];
+      for (const gt of o.current.selectedStarts) {
+        let ct = { x: gt.startPos.x + it, y: gt.startPos.y + dt };
+        n.snapToGrid && n.snapGrid && (ct = {
+          x: n.snapGrid[0] * Math.round(ct.x / n.snapGrid[0]),
+          y: n.snapGrid[1] * Math.round(ct.y / n.snapGrid[1])
+        }), ft.push({ id: gt.id, type: "position", position: ct, dragging: !0 });
       }
-      (Ct = (lt = n.onNodesChangeRef).current) == null || Ct.call(lt, rt);
-    }, C = (L) => {
-      var H, dt;
+      (Nt = (xt = n.onNodesChangeRef).current) == null || Nt.call(xt, ft);
+    }, R = (K) => {
+      var rt, G;
       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 at = [{ id: t.id, type: "position", dragging: !1 }];
+      for (const j of o.current.selectedStarts)
+        at.push({ id: j.id, type: "position", dragging: !1 });
+      (G = (rt = n.onNodesChangeRef).current) == null || G.call(rt, at), o.current = null, w && w.releasePointerCapture(K.pointerId), w == null || w.removeEventListener("pointermove", P), w == null || w.removeEventListener("pointerup", R);
     };
-    y == null || y.addEventListener("pointermove", N), y == null || y.addEventListener("pointerup", C);
+    w == null || w.addEventListener("pointermove", P), w == null || w.addEventListener("pointerup", R);
   }, [t, n]), c = F((M) => {
-    var x, f, p, y, N, C;
+    var g, f, p, v, N, w;
     if (!t.selected) return;
-    const T = M.shiftKey ? 10 : 1;
-    let k = 0, z = 0;
+    const $ = M.shiftKey ? 10 : 1;
+    let k = 0, E = 0;
     switch (M.key) {
       case "ArrowUp":
-        z = -T;
+        E = -$;
         break;
       case "ArrowDown":
-        z = T;
+        E = $;
         break;
       case "ArrowLeft":
-        k = -T;
+        k = -$;
         break;
       case "ArrowRight":
-        k = T;
+        k = $;
         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 _ = { x: t.position.x + k, y: t.position.y + E }, D = [{ id: t.id, type: "position", position: _ }];
     for (const P of n.nodesRef.current)
-      P.selected && P.id !== t.id && 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 && D.push({ id: P.id, type: "position", position: { x: P.position.x + k, y: P.position.y + E } });
+    (w = (N = n.onNodesChangeRef).current) == null || w.call(N, D);
+  }, [t, n]), u = t.width || ((m = t.measured) == null ? void 0 : m.width), l = t.height || ((C = t.measured) == null ? void 0 : C.height), y = !!(u && l);
+  return /* @__PURE__ */ S(je.Provider, { value: t.id, children: /* @__PURE__ */ S(
     "div",
     {
       ref: r,
@@ -1952,18 +1960,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 ${((z = t.data) == null ? void 0 : z.label) || t.id}`,
       "aria-selected": !!t.selected,
       onPointerDown: i,
       onKeyDown: c,
-      children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ S(
         e,
         {
           id: t.id,
@@ -1994,32 +2002,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 +2040,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 +2055,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;
+  var g, f, p;
+  const s = yt(), [o, i] = Gt(null), c = F((v, N, w, P) => {
+    var rt;
     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({
+    const R = s.wrapRef.current;
+    if (!R) return;
+    const B = v === "source" ? P : w, q = v === "source" ? t.target : t.source;
+    (rt = s.workerRef.current) == null || rt.postMessage({
       type: "connecting",
-      data: { from: { x: 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 X = R.getBoundingClientRect(), K = (G) => {
+      var ot;
+      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom;
+      (ot = s.workerRef.current) == null || ot.postMessage({
         type: "connecting",
-        data: { from: { x: L.x, y: L.y }, to: { x: rt, y: at } }
+        data: { from: { x: B.x, y: B.y }, to: { x: it, y: dt } }
       });
-    }, 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 || [
+    }, at = (G) => {
+      var xt, Nt, gt, ct;
+      const j = s.cameraRef.current, it = (G.clientX - X.left - j.x) / j.zoom, dt = (G.clientY - X.top - j.y) / j.zoom, ot = 20 / j.zoom;
+      let ft = null, It = null;
+      const st = (xt = s.handleRegistryRef) == null ? void 0 : xt.current;
+      for (const zt of s.nodesRef.current) {
+        if (zt.hidden) continue;
+        const Rt = zt.width || On, Lt = zt.height || Qn, wt = zt._absolutePosition || zt.position, ne = [];
+        if (st)
+          for (const [, Bt] of st)
+            Bt.nodeId === zt.id && ne.push(Bt);
+        const Ie = ne.length > 0 ? ne : zt.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
         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 + Rt / 2, Yt = wt.y;
                 break;
               case "bottom":
-                Ot = mt.x + kt / 2, Yt = mt.y + $t;
+                Ot = wt.x + Rt / 2, Yt = wt.y + Lt;
                 break;
               case "left":
-                Ot = mt.x, Yt = mt.y + $t / 2;
+                Ot = wt.x, Yt = wt.y + Lt / 2;
                 break;
               default:
-                Ot = mt.x + kt, Yt = mt.y + $t / 2;
+                Ot = wt.x + Rt, Yt = wt.y + Lt / 2;
                 break;
             }
-          if (Math.abs(rt - Ot) < ct && Math.abs(at - Yt) < ct) {
-            lt = Lt, Ct = Bt.id || null;
+          if (Math.abs(it - Ot) < ot && Math.abs(dt - Yt) < ot) {
+            ft = zt, It = Bt.id || null;
             break;
           }
         }
-        if (lt) break;
+        if (ft) 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 (ft) {
+        const zt = v === "source" ? { source: ft.id, target: q, sourceHandle: It, targetHandle: t.targetHandle } : { source: q, target: ft.id, sourceHandle: t.sourceHandle, targetHandle: It };
+        (gt = (Nt = s.onEdgesChangeRef).current) == null || gt.call(Nt, [
           { id: t.id, type: "remove" },
-          { type: "add", item: { id: t.id, ...Lt } }
+          { type: "add", item: { id: t.id, ...zt } }
         ]);
       }
-      (vt = s.workerRef.current) == null || vt.postMessage({ type: "connecting", data: null }), b.removeEventListener("pointermove", dt), b.removeEventListener("pointerup", yt);
+      (ct = s.workerRef.current) == null || ct.postMessage({ type: "connecting", data: null }), R.removeEventListener("pointermove", K), R.removeEventListener("pointerup", at);
     };
-    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", K), R.addEventListener("pointerup", at);
+  }, [t, s]), u = n.find((v) => v.id === t.source), l = n.find((v) => v.id === t.target), y = u && !!(u.width || (g = u.measured) != null && g.width), m = l && !!(l.width || (f = l.measured) != null && f.width), C = (p = s.handleRegistryRef) == null ? void 0 : p.current, z = y ? Bn(u, "source", t.sourceHandle, C) : null, M = m ? Bn(l, "target", t.targetHandle, C) : null, $ = t.type === "bezier" || t.type === "simplebezier" || t.type === "default", k = s.routedEdges || s.edges, E = k == null ? void 0 : k.find((v) => v.id === t.id), _ = $ ? null : (E == null ? void 0 : E._routedPoints) || t._routedPoints || null, D = r !== !1 && t.reconnectable !== !1;
+  return !z || !M ? null : /* @__PURE__ */ $t(
     "g",
     {
       className: `ric-edge-wrapper ${t.selected ? "selected" : ""}`,
@@ -2125,17 +2133,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: z.x,
+            sourceY: z.y,
             targetX: M.x,
             targetY: M.y,
-            sourcePosition: R.position,
+            sourcePosition: z.position,
             targetPosition: M.position,
             sourceHandleId: t.sourceHandle,
             targetHandleId: t.targetHandle,
@@ -2147,28 +2155,28 @@ function Br({ edge: t, edgeType: e, nodes: n, reconnectable: r }) {
             style: t.style,
             selectable: t.selectable !== !1,
             deletable: t.deletable !== !1,
-            routedPoints: W
+            routedPoints: _
           }
         ),
-        D && (o || t.selected) && /* @__PURE__ */ It(Le, { children: [
-          /* @__PURE__ */ B(
+        D && (o || t.selected) && /* @__PURE__ */ $t(Le, { children: [
+          /* @__PURE__ */ S(
             Dn,
             {
-              x: R.x,
-              y: R.y,
-              position: R.position,
+              x: z.x,
+              y: z.y,
+              position: z.position,
               type: "source",
-              onPointerDown: (y) => c("source", y, R, M)
+              onPointerDown: (v) => c("source", v, z, 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, z, M)
             }
           )
         ] })
@@ -2178,59 +2186,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(() => {
+  var $;
+  const n = yt(), [r, s] = Gt(null), o = tt(null);
+  if (ht(() => {
     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) => {
+    let E = !1, _ = null, D = !1;
+    const g = (w) => {
+      w.key === t && (D = !0);
+    }, f = (w) => {
+      w.key === t && (D = !1);
+    }, p = (w) => {
       if (!D) return;
-      const P = C.target;
+      const P = w.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 = k.getBoundingClientRect(), q = (w.clientX - B.left - R.x) / R.zoom, X = (w.clientY - B.top - R.y) / R.zoom;
+      _ = { x: q, y: X }, s({ startX: q, startY: X, endX: q, endY: X }), w.stopPropagation();
+    }, v = (w) => {
+      if (!E || !_) return;
+      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom;
+      s({ startX: _.x, startY: _.y, endX: B, endY: q });
+    }, N = (w) => {
+      var at, rt;
+      if (!E || !_) return;
+      E = !1;
+      const P = n.cameraRef.current, R = k.getBoundingClientRect(), B = (w.clientX - R.left - P.x) / P.zoom, q = (w.clientY - R.top - P.y) / P.zoom, X = {
+        x: Math.min(_.x, B),
+        y: Math.min(_.y, q),
+        width: Math.abs(B - _.x),
+        height: Math.abs(q - _.y)
+      }, K = [];
       for (const G of n.nodesRef.current) {
-        const j = G._absolutePosition || G.position, 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, it = G.width || 160, dt = G.height || 60;
+        let ot;
+        e === "full" ? ot = j.x >= X.x && j.y >= X.y && j.x + it <= X.x + X.width && j.y + dt <= X.y + X.height : ot = j.x + it > X.x && j.x < X.x + X.width && j.y + dt > X.y && j.y < X.y + X.height, K.push({ id: G.id, type: "select", selected: ot });
       }
-      dt.length && ((ft = (yt = n.onNodesChangeRef).current) == null || ft.call(yt, dt)), W = null, s(null);
+      K.length && ((rt = (at = n.onNodesChangeRef).current) == null || rt.call(at, K)), _ = 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 k.addEventListener("pointerdown", p, !0), k.addEventListener("pointermove", v), k.addEventListener("pointerup", N), window.addEventListener("keydown", g), window.addEventListener("keyup", f), () => {
+      k.removeEventListener("pointerdown", p, !0), k.removeEventListener("pointermove", v), k.removeEventListener("pointerup", N), window.removeEventListener("keydown", g), window.removeEventListener("keyup", f);
     };
   }, [n, t, e]), !r) return null;
-  const i = ((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, z = 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: z,
         height: M,
         border: "1px dashed #3b82f6",
         background: "rgba(59, 130, 246, 0.08)",
@@ -2241,7 +2249,7 @@ function Kn({ selectionKeyCode: t = "Shift", selectionMode: e = "partial" }) {
   );
 }
 Kn.displayName = "SelectionBox";
-const Hr = Zt(Kn);
+const Ar = Zt(Kn);
 function Jn(t, e) {
   var s, o, i, c;
   const n = (s = t.handleRegistryRef) == null ? void 0 : s.current;
@@ -2257,12 +2265,12 @@ function Jn(t, e) {
   ]), (c = t.syncNodesToWorker) == null || c.call(t);
 }
 const vn = /* @__PURE__ */ new Set();
-function Hn(t, e) {
+function An(t, e) {
   vn.has(e) || (vn.add(e), queueMicrotask(() => {
     vn.delete(e), Jn(t, e);
   }));
 }
-function Ar(t, e) {
+function Hr(t, e) {
   const n = t.closest(".ric-node-wrapper");
   if (!n) return null;
   const r = n.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e || 1;
@@ -2282,145 +2290,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(), z = tt(null), M = tt(C);
+  M.current = C;
+  const $ = F(() => {
+    var w, P, R;
+    const D = z.current;
+    if (!D || !m) return;
+    const g = M.current, f = (w = g.handleRegistryRef) == null ? void 0 : w.current;
     if (!f) return;
-    const p = `${v}__${n || t}`, y = (b = (P = x.cameraRef) == null ? void 0 : P.current) == null ? void 0 : b.zoom, N = Ar(D, y);
+    const p = `${m}__${n || t}`, v = (R = (P = g.cameraRef) == null ? void 0 : P.current) == null ? void 0 : R.zoom, N = Hr(D, v);
     if (N) {
-      const L = { nodeId: v, id: n || null, type: t, position: e, x: N.x, y: N.y };
-      f.set(p, L);
+      const B = { nodeId: m, id: n || null, type: t, position: e, x: N.x, y: N.y };
+      f.set(p, B);
     }
-  }, [v, n, t, e]);
+  }, [m, n, t, e]);
   kr(() => {
-    T();
-  }, [T]), ut(() => {
-    if (!v) return;
+    $();
+  }, [$]), ht(() => {
+    if (!m) 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);
+    An(D, m);
+    const g = z.current, f = g == null ? void 0 : g.closest(".ric-node-wrapper"), p = new ResizeObserver(() => {
+      $(), An(M.current, m);
     });
     return f && p.observe(f), () => {
       var P;
       p.disconnect();
-      const 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, N = (P = v.handleRegistryRef) == null ? void 0 : P.current, w = `${m}__${n || t}`;
+      N == null || N.delete(w), Jn(v, m);
     };
-  }, [v, n, t, e, T]);
+  }, [m, n, t, e, $]);
   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);
+    var R;
+    const D = M.current, g = D.nodesRef.current.find((B) => B.id === m);
+    if (!g) return null;
+    const f = g._absolutePosition || g.position, p = (R = D.handleRegistryRef) == null ? void 0 : R.current, v = `${m}__${n || t}`, N = p == null ? void 0 : p.get(v);
     if (N && N.x !== void 0 && N.y !== void 0)
       return { x: f.x + N.x, y: f.y + N.y };
-    const C = x.width || 160, P = x.height || 60;
+    const w = g.width || 160, P = g.height || 60;
     switch (e) {
       case "top":
-        return { x: f.x + C / 2, y: f.y };
+        return { x: f.x + w / 2, y: f.y };
       case "bottom":
-        return { x: f.x + C / 2, y: f.y + P };
+        return { x: f.x + w / 2, y: f.y + P };
       case "left":
         return { x: f.x, y: f.y + P / 2 };
       default:
-        return { x: f.x + C, y: f.y + P / 2 };
+        return { x: f.x + w, y: f.y + P / 2 };
     }
-  }, [v, n, t, e]), z = F((D) => {
-    var Y;
+  }, [m, n, t, e]), E = F((D) => {
+    var q;
     if (!r || !s) return;
     D.stopPropagation(), D.preventDefault();
-    const x = M.current, f = x.cameraRef.current, p = x.wrapRef.current;
+    const g = M.current, f = g.cameraRef.current, p = g.wrapRef.current;
     if (!p) return;
-    const y = p.getBoundingClientRect(), N = k();
+    const v = p.getBoundingClientRect(), N = k();
     if (!N) return;
-    const C = N.x, P = N.y;
-    (Y = x.workerRef.current) == null || Y.postMessage({
+    const w = N.x, P = N.y;
+    (q = g.workerRef.current) == null || q.postMessage({
       type: "connecting",
-      data: { from: { x: C, y: P }, to: { x: C, y: P } }
+      data: { from: { x: w, y: P }, to: { x: w, 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({
+    const R = (X) => {
+      var rt;
+      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom;
+      (rt = g.workerRef.current) == null || rt.postMessage({
         type: "connecting",
-        data: { from: { x: C, y: P }, to: { x: dt, y: yt } }
+        data: { from: { x: w, y: P }, to: { x: K, y: at } }
       });
-    }, 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 = (X) => {
+      var dt, ot, ft, It;
+      const K = (X.clientX - v.left - f.x) / f.zoom, at = (X.clientY - v.top - f.y) / f.zoom, rt = 20 / f.zoom;
       let G = null, j = null;
-      const 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 it = (dt = g.handleRegistryRef) == null ? void 0 : dt.current;
+      for (const st of g.nodesRef.current) {
+        if (st.id === m || st.hidden) continue;
+        const xt = st.width || 160, Nt = st.height || 60, gt = st._absolutePosition || st.position, ct = [];
+        if (it)
+          for (const [, Rt] of it)
+            Rt.nodeId === st.id && ct.push(Rt);
+        const zt = ct.length > 0 ? ct : st.handles || [
           { type: "target", position: "left" },
           { type: "source", position: "right" }
         ];
-        for (const kt of Lt) {
-          let $t, mt;
-          if (kt.x !== void 0 && kt.y !== void 0)
-            $t = Rt.x + kt.x, mt = Rt.y + kt.y;
+        for (const Rt of zt) {
+          let Lt, wt;
+          if (Rt.x !== void 0 && Rt.y !== void 0)
+            Lt = gt.x + Rt.x, wt = gt.y + Rt.y;
           else
-            switch (kt.position || (kt.type === "source" ? "right" : "left")) {
+            switch (Rt.position || (Rt.type === "source" ? "right" : "left")) {
               case "top":
-                $t = Rt.x + ot / 2, mt = Rt.y;
+                Lt = gt.x + xt / 2, wt = gt.y;
                 break;
               case "bottom":
-                $t = Rt.x + ot / 2, mt = Rt.y + Nt;
+                Lt = gt.x + xt / 2, wt = gt.y + Nt;
                 break;
               case "left":
-                $t = Rt.x, mt = Rt.y + Nt / 2;
+                Lt = gt.x, wt = gt.y + Nt / 2;
                 break;
               default:
-                $t = Rt.x + ot, mt = Rt.y + Nt / 2;
+                Lt = gt.x + xt, wt = gt.y + Nt / 2;
                 break;
             }
-          if (Math.abs(dt - $t) < ft && Math.abs(yt - mt) < ft) {
-            G = et, j = kt.id || null;
+          if (Math.abs(K - Lt) < rt && Math.abs(at - wt) < rt) {
+            G = st, j = Rt.id || null;
             break;
           }
         }
         if (G) break;
       }
       if (G) {
-        const et = {
-          source: t === "source" ? v : G.id,
-          target: t === "source" ? G.id : v,
+        const st = {
+          source: t === "source" ? m : G.id,
+          target: t === "source" ? G.id : m,
           sourceHandle: t === "source" ? n || null : j,
           targetHandle: t === "source" ? j : n || null
         };
-        (lt = (ct = x.onEdgesChangeRef) == null ? void 0 : ct.current) == null || lt.call(ct, [{ type: "add", item: { id: `e-${et.source}-${et.target}`, ...et } }]);
+        (ft = (ot = g.onEdgesChangeRef) == null ? void 0 : ot.current) == null || ft.call(ot, [{ type: "add", item: { id: `e-${st.source}-${st.target}`, ...st } }]);
       }
-      (Ct = x.workerRef.current) == null || Ct.postMessage({ type: "connecting", data: null }), p.removeEventListener("pointermove", b), p.removeEventListener("pointerup", L);
+      (It = g.workerRef.current) == null || It.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, k]), _ = {
     top: { top: 0, left: "50%", transform: "translate(-50%, -50%)" },
     bottom: { bottom: 0, left: "50%", transform: "translate(-50%, 50%)" },
     left: { top: "50%", left: 0, transform: "translate(-50%, -50%)" },
     right: { top: "50%", right: 0, transform: "translate(50%, -50%)" }
   }[e] || {};
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "div",
     {
-      ref: R,
+      ref: z,
       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,
@@ -2431,10 +2439,10 @@ function on({
         zIndex: 10,
         cursor: r ? "crosshair" : "default",
         boxSizing: "border-box",
-        ...W,
+        ..._,
         ...u
       },
-      ...g,
+      ...y,
       children: i
     }
   );
@@ -2448,7 +2456,7 @@ function ko({
   hideSourceHandle: o = !1,
   hideTargetHandle: i = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-default-node${n ? " selected" : ""}`,
@@ -2463,9 +2471,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 })
       ]
     }
   );
@@ -2477,7 +2485,7 @@ function _r({
   sourcePosition: r = "right",
   hideSourceHandle: s = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-input-node${n ? " selected" : ""}`,
@@ -2493,8 +2501,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 })
       ]
     }
   );
@@ -2506,7 +2514,7 @@ function Wr({
   targetPosition: r = "left",
   hideTargetHandle: s = !1
 }) {
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
       className: `ric-output-node${n ? " selected" : ""}`,
@@ -2522,14 +2530,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 +2550,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,47 +2576,47 @@ 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 }), z = tt(null);
+  return ht(() => {
+    if (z.current) {
+      const M = z.current.getBBox();
+      C({
         x: M.x,
         y: M.y,
         width: M.width,
         height: M.height
       });
     }
-  }, [n]), n ? /* @__PURE__ */ It(
+  }, [n]), n ? /* @__PURE__ */ $t(
     "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: z,
             style: r,
             children: n
           }
@@ -2620,7 +2628,7 @@ function Vn({
 }
 Vn.displayName = "EdgeText";
 const Fr = Zt(Vn);
-function An(t) {
+function Hn(t) {
   return t != null && t !== "" && !isNaN(Number(t));
 }
 function un({
@@ -2634,15 +2642,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: z,
   className: M = "",
-  ...T
+  ...$
 }) {
-  return /* @__PURE__ */ It(Le, { children: [
-    /* @__PURE__ */ B(
+  return /* @__PURE__ */ $t(Le, { children: [
+    /* @__PURE__ */ S(
       "path",
       {
         id: t,
@@ -2651,24 +2659,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: z,
+        ...$
       }
     ),
-    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 && Hn(n) && Hn(r) ? /* @__PURE__ */ S(
       Fr,
       {
         x: n,
@@ -2708,65 +2716,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: z,
   style: M,
-  markerEnd: T,
+  markerEnd: $,
   markerStart: k,
-  interactionWidth: 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 _, D, g;
+  const f = _n(n, r, i), p = _n(s, o, c), v = Math.abs(p.x - f.x), N = Math.max(50, v * 0.5);
+  let w, P, R, B;
   switch (i) {
     case "left":
-      C = f.x - N, P = f.y;
+      w = f.x - N, P = f.y;
       break;
     case "top":
-      C = f.x, P = f.y - N;
+      w = f.x, P = f.y - N;
       break;
     case "bottom":
-      C = f.x, P = f.y + N;
+      w = f.x, P = f.y + N;
       break;
     default:
-      C = f.x + N, P = f.y;
+      w = f.x + N, P = f.y;
       break;
   }
   switch (c) {
     case "right":
-      b = p.x + N, L = p.y;
+      R = p.x + N, B = p.y;
       break;
     case "top":
-      b = p.x, L = p.y - N;
+      R = p.x, B = p.y - N;
       break;
     case "bottom":
-      b = p.x, L = p.y + N;
+      R = p.x, B = p.y + N;
       break;
     default:
-      b = p.x - N, L = p.y;
+      R = p.x - N, 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(
+  _ = `M ${n},${r} L ${f.x},${f.y} C ${w},${P} ${R},${B} ${p.x},${p.y} L ${s},${o}`;
+  const q = 0.5, X = 0.5;
+  return D = X * X * X * f.x + 3 * X * X * q * w + 3 * X * q * q * R + q * q * q * p.x, g = X * X * X * f.y + 3 * X * X * q * P + 3 * X * q * q * B + q * q * q * p.y, /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: W,
+      path: _,
       labelX: D,
-      labelY: x,
+      labelY: g,
       label: u,
       labelStyle: l,
-      labelShowBg: g,
-      labelBgStyle: v,
-      labelBgPadding: E,
-      labelBgBorderRadius: R,
+      labelShowBg: y,
+      labelBgStyle: m,
+      labelBgPadding: C,
+      labelBgBorderRadius: z,
       style: M,
-      markerEnd: T,
+      markerEnd: $,
       markerStart: k,
-      interactionWidth: z
+      interactionWidth: E
     }
   );
 });
@@ -2784,42 +2792,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, z, 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;
+      z = n, M = r - y;
       break;
     case "bottom":
-      R = n, M = r + g;
+      z = n, M = r + y;
       break;
     case "right":
-      R = n + g, M = r;
+      z = n + y, M = r;
       break;
     default:
-      R = n - g, M = r;
+      z = 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} ${z},${M} ${n},${r}`, k = 0.5, E = 1 - k, _ = E * E * E * t + 3 * E * E * k * m + 3 * E * k * k * z + k * k * k * n, D = E * E * E * e + 3 * E * E * k * C + 3 * E * k * k * M + k * k * k * r;
+  return [$, _, D, 0, 0];
 }
 function rr({ sourceX: t, sourceY: e, targetX: n, targetY: r }) {
-  const s = Math.abs(n - t), o = Math.max(s * 0.5, 50), i = t + o, c = n - o, u = `M ${t},${e} C ${i},${e} ${c},${r} ${n},${r}`, l = 0.5, 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 +2843,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 z = (t + n) / 2, M = r > e ? 1 : -1;
+    return [`M ${t},${e} L ${z - l},${e} Q ${z},${e} ${z},${e + M * l} L ${z},${r - M * l} Q ${z},${r} ${z + (n > z ? l : -l)},${r} L ${n},${r}`, z, (e + r) / 2, 0, 0];
   }
-  const 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 +2905,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]];
+  const u = Math.min(t, n), l = Math.max(t, n), y = Math.min(e, r), m = Math.max(e, r);
+  if (l <= s || u >= s + i || m <= o || y >= o + c) return !1;
+  const C = 0.5;
+  if (t > s + C && t < s + i - C && e > o + C && e < o + c - C || n > s + C && n < s + i - C && r > o + C && r < o + c - C) return !0;
+  const z = (t + n) / 2, M = (e + r) / 2;
+  if (z > s + C && z < s + i - C && M > o + C && M < o + c - C) return !0;
+  const $ = [[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;
+    if (Ur(t, e, n, r, $[k][0], $[k][1], $[(k + 1) % 4][0], $[(k + 1) % 4][1])) return !0;
   return !1;
 }
 function Ur(t, e, n, r, s, o, i, c) {
-  const u = (i - s) * (e - o) - (c - o) * (t - s), l = (i - s) * (r - o) - (c - o) * (n - s), 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 +2958,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]];
+  const i = [...r].sort((R, B) => R - B), c = [...s].sort((R, B) => R - B), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  for (let R = 0; R < i.length; R++) u.set(i[R], R);
+  for (let R = 0; R < c.length; R++) l.set(c[R], R);
+  const y = i.length, m = c.length, C = (R, B) => B * y + R, z = u.get(t.x), M = l.get(t.y), $ = u.get(e.x), k = l.get(e.y);
+  if (z === void 0 || M === void 0 || $ === void 0 || k === void 0) return null;
+  const E = C(z, M), _ = C($, k), D = new Float64Array(y * m).fill(1 / 0), g = new Float64Array(y * m).fill(1 / 0), f = new Int32Array(y * m).fill(-1), p = new Int8Array(y * m).fill(-1), v = new Uint8Array(y * m);
+  D[E] = 0, g[E] = Math.abs(i[$] - t.x) + Math.abs(c[k] - t.y);
+  const N = [E], w = 15, P = [[1, 0], [-1, 0], [0, 1], [0, -1]];
   for (; N.length > 0; ) {
-    let b = 0;
+    let R = 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) {
+      g[N[G]] < g[N[R]] && (R = G);
+    const B = N[R];
+    if (N[R] = N[N.length - 1], N.pop(), B === _) {
       const G = [];
-      let j = W;
-      for (; j !== -1 && j !== z; ) {
-        const rt = j / g | 0, at = j % g;
-        G.unshift({ x: i[at], y: c[rt] }), j = f[j];
+      let j = _;
+      for (; j !== -1 && j !== E; ) {
+        const it = j / y | 0, dt = j % y;
+        G.unshift({ x: i[dt], y: c[it] }), j = f[j];
       }
       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, X = B % y, K = i[X], at = c[q], rt = 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 = X + P[G][0], it = q + P[G][1];
+      if (j < 0 || j >= y || it < 0 || it >= m) continue;
+      const dt = C(j, it);
+      if (v[dt]) continue;
+      const ot = i[j], ft = c[it];
+      if (qr(ot, ft, n) || !zn(K, at, ot, ft, n)) continue;
+      const It = Math.abs(ot - K) + Math.abs(ft - at), st = rt >= 0 && rt !== G ? w : 0, xt = D[B] + It + st;
+      xt < D[dt] && (f[dt] = B, p[dt] = G, D[dt] = xt, g[dt] = xt + Math.abs(i[$] - ot) + Math.abs(c[k] - ft), N.push(dt));
     }
   }
   return null;
@@ -3027,8 +3035,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 +3047,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 +3073,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, z = c.y - i.y, M = u.x - c.x, $ = u.y - c.y, k = Math.sqrt(C * C + z * z) || 1, E = Math.sqrt(M * M + $ * $) || 1;
+      s += ` L ${c.x - C / k * m},${c.y - z / k * m}`, s += ` Q ${c.x},${c.y} ${c.x + M / E * m},${c.y + $ / E * m}`;
     } else
       s += ` L ${c.x},${c.y}`;
   }
@@ -3082,8 +3090,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 +3119,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, N, w;
     const i = o.type || "default";
     if (i === "bezier" || i === "simplebezier" || i === "default") return o;
     const c = n[o.source], u = n[o.target];
     if (!c || !u || c.hidden || u.hidden) return o;
-    const l = Wn(c, "source", o.sourceHandle), 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), z = 5, M = r.filter((P) => P.id !== o.source && P.id !== o.target), $ = c._absolutePosition || c.position, k = c.width || ((p = c.measured) == null ? void 0 : p.width) || sn, E = c.height || ((v = c.measured) == null ? void 0 : v.height) || an;
+    M.push({ id: o.source, x: $.x - z, y: $.y - z, w: k + 2 * z, h: E + 2 * z });
+    const _ = u._absolutePosition || u.position, D = u.width || ((N = u.measured) == null ? void 0 : N.width) || sn, g = u.height || ((w = u.measured) == null ? void 0 : w.height) || an;
+    if (M.push({ id: o.target, x: _.x - z, y: _.y - z, w: D + 2 * z, h: g + 2 * z }), M.length === 0) return o;
+    const f = sr(m, C, M);
+    return f && f.length >= 2 ? (f.unshift({ x: l.x, y: l.y }), f.push({ x: y.x, y: y.y }), { ...o, _routedPoints: f }) : o;
   });
   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), z = sr(m, C, u);
+  return z && z.length >= 2 ? (z.unshift({ x: l.x, y: l.y }), z.push({ x: y.x, y: y.y }), z) : null;
 }
 const ir = Zt(function({
   id: e,
@@ -3141,38 +3149,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: z,
   markerStart: M,
-  interactionWidth: T,
+  interactionWidth: $,
   routedPoints: k
 }) {
-  let z, W, D;
+  let E, _, D;
   if (k && k.length >= 2) {
-    z = En(k);
-    const x = Cn(k);
-    W = x.x, D = x.y;
+    E = En(k);
+    const g = Cn(k);
+    _ = g.x, D = g.y;
   } else
-    [z, W, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
-  return /* @__PURE__ */ B(
+    [E, _, D] = er({ sourceX: n, sourceY: r, targetX: s, targetY: o });
+  return /* @__PURE__ */ S(
     un,
     {
       id: e,
-      path: z,
-      labelX: W,
+      path: E,
+      labelX: _,
       labelY: D,
       label: i,
       labelStyle: c,
       labelShowBg: u,
       labelBgStyle: l,
-      labelBgPadding: g,
-      labelBgBorderRadius: v,
-      style: E,
-      markerEnd: R,
+      labelBgPadding: y,
+      labelBgBorderRadius: m,
+      style: C,
+      markerEnd: z,
       markerStart: M,
-      interactionWidth: T
+      interactionWidth: $
     }
   );
 });
@@ -3187,50 +3195,50 @@ 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: z,
   style: M,
-  markerEnd: T,
+  markerEnd: $,
   markerStart: k,
-  pathOptions: z,
-  interactionWidth: W,
+  pathOptions: E,
+  interactionWidth: _,
   routedPoints: D
 }) {
-  let x, f, p;
+  let g, f, p;
   if (D && D.length >= 2) {
-    x = En(D);
-    const y = Cn(D);
-    f = y.x, p = y.y;
+    g = En(D);
+    const v = Cn(D);
+    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: z,
       style: M,
-      markerEnd: T,
+      markerEnd: $,
       markerStart: k,
-      interactionWidth: W
+      interactionWidth: _
     }
   );
 });
@@ -3244,7 +3252,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 +3265,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: z,
   style: M,
-  markerEnd: T,
+  markerEnd: $,
   markerStart: k,
-  interactionWidth: z,
-  routedPoints: W
+  interactionWidth: E,
+  routedPoints: _
 }) {
-  let D, x, f;
-  if (W && W.length >= 2) {
-    D = En(W);
-    const p = Cn(W);
-    x = p.x, f = p.y;
+  let D, g, f;
+  if (_ && _.length >= 2) {
+    D = En(_);
+    const p = Cn(_);
+    g = p.x, f = p.y;
   } else
-    [D, x, f] = rr({
+    [D, g, f] = rr({
       sourceX: n,
       sourceY: r,
       targetX: s,
       targetY: o
     });
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     un,
     {
       id: e,
       path: D,
-      labelX: x,
+      labelX: g,
       labelY: f,
       label: u,
       labelStyle: l,
-      labelShowBg: g,
-      labelBgStyle: v,
-      labelBgPadding: E,
-      labelBgBorderRadius: R,
+      labelShowBg: y,
+      labelBgStyle: m,
+      labelBgPadding: C,
+      labelBgBorderRadius: z,
       style: M,
-      markerEnd: T,
+      markerEnd: $,
       markerStart: k,
-      interactionWidth: z
+      interactionWidth: E
     }
   );
 });
@@ -3324,49 +3332,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: z,
   fitView: M,
-  fitViewOptions: T,
+  fitViewOptions: $,
   // Node/Edge callbacks
   onNodesChange: k,
-  onEdgesChange: z,
-  onConnect: W,
+  onEdgesChange: E,
+  onConnect: _,
   onConnectStart: D,
-  onConnectEnd: x,
+  onConnectEnd: g,
   onNodeClick: f,
   onNodeDoubleClick: p,
-  onNodeMouseEnter: y,
+  onNodeMouseEnter: v,
   onNodeMouseMove: N,
-  onNodeMouseLeave: C,
+  onNodeMouseLeave: w,
   onNodeContextMenu: P,
-  onNodeDragStart: b,
-  onNodeDrag: L,
-  onNodeDragStop: Y,
-  onEdgeClick: H,
-  onEdgeDoubleClick: dt,
-  onEdgeMouseEnter: yt,
-  onEdgeMouseMove: ft,
+  onNodeDragStart: R,
+  onNodeDrag: B,
+  onNodeDragStop: q,
+  onEdgeClick: X,
+  onEdgeDoubleClick: K,
+  onEdgeMouseEnter: at,
+  onEdgeMouseMove: rt,
   onEdgeMouseLeave: G,
   onEdgeContextMenu: j,
-  onPaneClick: rt,
-  onPaneContextMenu: at,
-  onPaneMouseEnter: ct,
-  onPaneMouseMove: lt,
-  onPaneMouseLeave: Ct,
-  onSelectionChange: et,
-  onInit: ot,
+  onPaneClick: it,
+  onPaneContextMenu: dt,
+  onPaneMouseEnter: ot,
+  onPaneMouseMove: ft,
+  onPaneMouseLeave: It,
+  onSelectionChange: st,
+  onInit: xt,
   onMoveStart: Nt,
-  onMove: Rt,
-  onMoveEnd: vt,
-  onDelete: Lt,
-  onBeforeDelete: kt,
-  onError: $t,
+  onMove: gt,
+  onMoveEnd: ct,
+  onDelete: zt,
+  onBeforeDelete: Rt,
+  onError: Lt,
   // Drag and drop
-  onDragOver: mt,
+  onDragOver: wt,
   onDrop: ne,
   onDragEnter: Ie,
   onDragLeave: Bt,
@@ -3393,10 +3401,10 @@ function Io({
   zoomOnDoubleClick: Nn,
   zoomOnPinch: hn,
   preventScrolling: fe,
-  translateExtent: pt,
+  translateExtent: mt,
   nodeExtent: Te,
-  autoPanOnNodeDrag: zt,
-  autoPanOnConnect: gt,
+  autoPanOnNodeDrag: Et,
+  autoPanOnConnect: pt,
   autoPanSpeed: se,
   edgesReconnectable: Z,
   elevateNodesOnSelect: Pt,
@@ -3412,71 +3420,71 @@ function Io({
   children: Me,
   ...ie
 }) {
-  const [Ut, Re] = Gt({ wx: 0, wy: 0, zoom: "1.00" }), Be = V(null), Je = V(null), Ve = F(
+  const [Ut, Re] = Gt({ wx: 0, wy: 0, zoom: "1.00" }), Be = tt(null), Je = tt(null), Ve = F(
     (Q) => {
       Re(Q), te == null || te(Q);
     },
     [te]
   ), ae = St(() => ({ ...Qr, ...r }), [r]), Kt = St(() => ({ ...Kr, ...s }), [s]), he = St(() => {
     const Q = e.filter((Ft) => Ft.type && ae[Ft.type]);
-    return Q.sort((Ft, 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, lt) => {
+      const Tt = Ft.type === "group" || !Ft.parentId && Q.some((Ee) => Ee.parentId === Ft.id), xe = lt.type === "group" || !lt.parentId && Q.some((Ee) => Ee.parentId === lt.id);
       return Tt && !xe ? -1 : !Tt && xe ? 1 : 0;
     });
-  }, [e, ae]), ke = St(() => n.filter((Q) => Q.type && Kt[Q.type]), [n, Kt]), O = St(() => e.map((Q) => Q.type && ae[Q.type] ? { ...Q, _customRendered: !0 } : Q), [e, ae]), 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]), bt = St(() => n.map((Q) => Q.type && Kt[Q.type] ? { ...Q, _customRendered: !0 } : Q), [n, Kt]), {
     wrapRef: Dt,
     canvasRef: ce,
     canvasReady: De,
-    onPointerDown: He,
-    onPointerMove: Ae,
+    onPointerDown: Ae,
+    onPointerMove: He,
     onPointerUp: _e,
     store: le
   } = Lr({
     cards: t,
     nodes: O,
-    edges: wt,
+    edges: bt,
     dark: o,
     gridSize: i,
-    zoomMin: v,
-    zoomMax: E,
-    initialCamera: R,
+    zoomMin: m,
+    zoomMax: C,
+    initialCamera: z,
     fitView: M,
-    fitViewOptions: T,
+    fitViewOptions: $,
     onHudUpdate: Ve,
     onNodesProcessed: gn,
     onNodesChange: k,
-    onEdgesChange: z,
-    onConnect: W,
+    onEdgesChange: E,
+    onConnect: _,
     onConnectStart: D,
-    onConnectEnd: x,
+    onConnectEnd: g,
     onNodeClick: f,
     onNodeDoubleClick: p,
-    onNodeMouseEnter: y,
+    onNodeMouseEnter: v,
     onNodeMouseMove: N,
-    onNodeMouseLeave: C,
+    onNodeMouseLeave: w,
     onNodeContextMenu: P,
-    onNodeDragStart: b,
-    onNodeDrag: L,
-    onNodeDragStop: Y,
-    onEdgeClick: H,
-    onEdgeDoubleClick: dt,
-    onEdgeMouseEnter: yt,
-    onEdgeMouseMove: ft,
+    onNodeDragStart: R,
+    onNodeDrag: B,
+    onNodeDragStop: q,
+    onEdgeClick: X,
+    onEdgeDoubleClick: K,
+    onEdgeMouseEnter: at,
+    onEdgeMouseMove: rt,
     onEdgeMouseLeave: G,
     onEdgeContextMenu: j,
-    onPaneClick: rt,
-    onPaneContextMenu: at,
-    onPaneMouseEnter: ct,
-    onPaneMouseMove: lt,
-    onPaneMouseLeave: Ct,
-    onSelectionChange: et,
-    onInit: ot,
+    onPaneClick: it,
+    onPaneContextMenu: dt,
+    onPaneMouseEnter: ot,
+    onPaneMouseMove: ft,
+    onPaneMouseLeave: It,
+    onSelectionChange: st,
+    onInit: xt,
     onMoveStart: Nt,
-    onMove: Rt,
-    onMoveEnd: vt,
-    onDelete: Lt,
-    onBeforeDelete: kt,
-    onError: $t,
+    onMove: gt,
+    onMoveEnd: ct,
+    onDelete: zt,
+    onBeforeDelete: Rt,
+    onError: Lt,
     nodesDraggable: Ot,
     nodesConnectable: Yt,
     elementsSelectable: me,
@@ -3499,10 +3507,10 @@ function Io({
     zoomOnDoubleClick: Nn,
     zoomOnPinch: hn,
     preventScrolling: fe,
-    translateExtent: pt,
+    translateExtent: mt,
     nodeExtent: Te,
-    autoPanOnNodeDrag: zt,
-    autoPanOnConnect: gt,
+    autoPanOnNodeDrag: Et,
+    autoPanOnConnect: pt,
     autoPanSpeed: se,
     edgesReconnectable: Z,
     elevateNodesOnSelect: Pt,
@@ -3518,34 +3526,34 @@ function Io({
     get edges() {
       return n;
     }
-  }), [le, e, n]), ye = V(null), ge = V(null), pe = V(null), Jt = V(null);
-  ut(() => {
+  }), [le, e, n]), ye = tt(null), ge = tt(null), pe = tt(null), Jt = tt(null);
+  ht(() => {
     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 lt = le.cameraRef.current, Tt = `translate(${lt.x}px, ${lt.y}px) scale(${lt.zoom})`, xe = `translate(${lt.x}, ${lt.y}) scale(${lt.zoom})`;
       ye.current && (ye.current.style.transform = Tt), ge.current && ge.current.setAttribute("transform", xe), pe.current && (pe.current.style.transform = Tt), Jt.current && (Jt.current.style.transform = Tt), Q = requestAnimationFrame(Ft);
     };
     return Q = requestAnimationFrame(Ft), () => cancelAnimationFrame(Q);
   }, [le]);
   const ze = he.length > 0, ee = ke.length > 0;
-  return /* @__PURE__ */ B(Zn.Provider, { value: We, children: /* @__PURE__ */ It(
+  return /* @__PURE__ */ S(Zn.Provider, { value: We, children: /* @__PURE__ */ $t(
     "div",
     {
       ref: Dt,
       className: `ric-wrap ${l}`,
-      style: { width: c, height: u, ...g },
-      onPointerDown: He,
-      onPointerMove: Ae,
+      style: { width: c, height: u, ...y },
+      onPointerDown: Ae,
+      onPointerMove: He,
       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 +3566,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 +3578,7 @@ function Io({
             )) })
           }
         ),
-        ze && /* @__PURE__ */ B(
+        ze && /* @__PURE__ */ S(
           "div",
           {
             ref: ye,
@@ -3585,7 +3593,7 @@ function Io({
               pointerEvents: "none",
               zIndex: 10
             },
-            children: he.map((Q) => /* @__PURE__ */ B(
+            children: he.map((Q) => /* @__PURE__ */ S(
               Pr,
               {
                 node: Q,
@@ -3595,7 +3603,7 @@ function Io({
             ))
           }
         ),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           "div",
           {
             ref: (Q) => {
@@ -3614,7 +3622,7 @@ function Io({
             }
           }
         ),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ S(
           "div",
           {
             ref: (Q) => {
@@ -3633,8 +3641,8 @@ function Io({
             }
           }
         ),
-        _t && /* @__PURE__ */ B("div", { className: "ric-hint", children: Wt }),
-        pn && /* @__PURE__ */ It("div", { className: "ric-info", children: [
+        _t && /* @__PURE__ */ S("div", { className: "ric-hint", children: Wt }),
+        pn && /* @__PURE__ */ $t("div", { className: "ric-info", children: [
           "world: (",
           Ut.wx,
           ", ",
@@ -3642,17 +3650,17 @@ function Io({
           ")   zoom: ",
           Ut.zoom,
           "x",
-          Ut.nodeCount > 0 && /* @__PURE__ */ It(Le, { children: [
+          Ut.nodeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   nodes: ",
             Ut.nodeCount
           ] }),
-          Ut.edgeCount > 0 && /* @__PURE__ */ It(Le, { children: [
+          Ut.edgeCount > 0 && /* @__PURE__ */ $t(Le, { children: [
             "   edges: ",
             Ut.edgeCount
           ] })
         ] }),
-        /* @__PURE__ */ B(
-          Hr,
+        /* @__PURE__ */ S(
+          Ar,
           {
             selectionKeyCode: de || "Shift",
             selectionMode: we || "partial"
@@ -3739,96 +3747,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, N;
+    if (typeof g == "function") {
+      const w = g(t.nodesRef.current);
       (p = (f = t.onNodesChangeRef).current) == null || p.call(f, [
         ...t.nodesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...C.map((P) => ({ type: "add", item: P }))
+        ...w.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 }))
+      (N = (v = t.onNodesChangeRef).current) == null || N.call(v, [
+        ...t.nodesRef.current.map((w) => ({ id: w.id, type: "remove" })),
+        ...g.map((w) => ({ type: "add", item: w }))
       ]);
-  }, [t]), i = F((x) => {
-    var f, p, y, N;
-    if (typeof x == "function") {
-      const C = x(t.edgesRef.current);
+  }, [t]), i = F((g) => {
+    var f, p, v, N;
+    if (typeof g == "function") {
+      const w = g(t.edgesRef.current);
       (p = (f = t.onEdgesChangeRef).current) == null || p.call(f, [
         ...t.edgesRef.current.map((P) => ({ id: P.id, type: "remove" })),
-        ...C.map((P) => ({ type: "add", item: P }))
+        ...w.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 }))
+      (N = (v = t.onEdgesChangeRef).current) == null || N.call(v, [
+        ...t.edgesRef.current.map((w) => ({ id: w.id, type: "remove" })),
+        ...g.map((w) => ({ type: "add", item: w }))
       ]);
-  }, [t]), c = F((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((N) => ({ type: "add", item: N })));
+  }, [t]), u = F((g) => {
+    var p, v;
+    const f = Array.isArray(g) ? g : [g];
+    (v = (p = t.onEdgesChangeRef).current) == null || v.call(p, f.map((N) => ({ type: "add", item: N })));
+  }, [t]), l = F(({ nodes: g = [], edges: f = [] }) => {
+    if (g.length && t.onNodesChangeRef.current) {
+      t.onNodesChangeRef.current(g.map((v) => ({ id: v.id, type: "remove" })));
+      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]), z = 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(), N = v.width / 2, w = v.height / 2, P = 1.2;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, f.zoom * P), t.sendCamera();
+  }, [t]), M = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const 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(), N = v.width / 2, w = v.height / 2, P = 1 / 1.2;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.max(t.zoomMin, f.zoom * P), t.sendCamera();
+  }, [t]), $ = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return;
-    const 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(), N = v.width / 2, w = v.height / 2, P = g / f.zoom;
+    f.x = N - (N - f.x) * P, f.y = w - (w - f.y) * P, f.zoom = Math.min(t.zoomMax, Math.max(t.zoomMin, g)), t.sendCamera();
+  }, [t]), k = F((g = {}) => {
     const f = t.nodesRef.current;
     if (!f.length) return;
     const p = t.wrapRef.current;
     if (!p) return;
-    const 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(), N = g.padding ?? 0.1, w = g.nodes ? f.filter((B) => g.nodes.some((q) => q.id === B.id)) : f;
+    if (!w.length) return;
+    const P = Mn(w), R = Rn(P, v.width, v.height, N);
+    g.maxZoom && (R.zoom = Math.min(R.zoom, g.maxZoom)), g.minZoom && (R.zoom = Math.max(R.zoom, g.minZoom)), t.cameraRef.current = R, t.sendCamera();
+  }, [t]), E = F((g, f, p = {}) => {
+    const v = t.wrapRef.current;
+    if (!v) return;
+    const N = v.getBoundingClientRect(), w = p.zoom ?? t.cameraRef.current.zoom;
     t.cameraRef.current = {
-      x: N.width / 2 - x * C,
-      y: N.height / 2 - f * C,
-      zoom: C
+      x: N.width / 2 - g * w,
+      y: N.height / 2 - f * w,
+      zoom: w
     }, t.sendCamera();
-  }, [t]), W = F((x) => t.screenToWorld(x.x, x.y), [t]), D = F((x) => {
+  }, [t]), _ = F((g) => t.screenToWorld(g.x, g.y), [t]), D = F((g) => {
     const f = t.cameraRef.current, p = t.wrapRef.current;
     if (!p) return { x: 0, y: 0 };
-    const 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 +3849,54 @@ function eo() {
     addNodes: c,
     addEdges: u,
     deleteElements: l,
-    getViewport: g,
-    setViewport: v,
-    getZoom: E,
-    zoomIn: R,
+    getViewport: y,
+    setViewport: m,
+    getZoom: C,
+    zoomIn: z,
     zoomOut: M,
-    zoomTo: T,
+    zoomTo: $,
     fitView: k,
-    setCenter: z,
-    screenToFlowPosition: W,
+    setCenter: E,
+    screenToFlowPosition: _,
     flowToScreenPosition: D
   };
 }
 function Bo() {
-  return ht().nodes;
+  return yt().nodes;
 }
 function Do() {
-  return ht().edges;
-}
-function Ho() {
-  return ht().viewport;
+  return yt().edges;
 }
 function Ao() {
-  return ht().connection;
+  return yt().viewport;
+}
+function Ho() {
+  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 = tt(t), o = tt(e), i = tt(n);
+  ht(() => {
     s.current = t;
-  }, [t]), ut(() => {
+  }, [t]), ht(() => {
     o.current = e;
-  }, [e]), ut(() => {
+  }, [e]), ht(() => {
     i.current = n;
-  }, [n]), ut(() => {
+  }, [n]), ht(() => {
     const c = (u) => {
       var l;
       (l = s.current) == null || l.call(s, { x: u.x, y: u.y, zoom: u.zoom });
@@ -3897,10 +3905,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 = tt(t);
+  ht(() => {
     n.current = t;
-  }, [t]), ut(() => {
+  }, [t]), ht(() => {
     const r = (s) => {
       var o;
       (o = n.current) == null || o.call(n, s);
@@ -3910,7 +3918,7 @@ function Yo({ onChange: t }) {
 }
 function Uo(t) {
   const [e, n] = Gt(!1), r = Array.isArray(t) ? t : [t];
-  return ut(() => {
+  return ht(() => {
     const s = (i) => {
       r.includes(i.key) && n(!0);
     }, o = (i) => {
@@ -3922,7 +3930,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 +3940,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 +3969,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 = tt(null), l = tt(null), y = F(() => {
+    const m = u.current;
+    if (!m) return;
+    const C = m.getContext("2d"), z = window.devicePixelRatio || 1;
+    m.width = t * z, m.height = e * z, C.scale(z, z), C.clearRect(0, 0, t, e);
     const M = c.nodesRef.current;
     if (!M.length) return;
-    let 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, k = 1 / 0, E = -1 / 0, _ = -1 / 0;
+    for (const R of M) {
+      const B = R.width || wn, q = R.height || bn;
+      R.position.x < $ && ($ = R.position.x), R.position.y < k && (k = R.position.y), R.position.x + B > E && (E = R.position.x + B), R.position.y + q > _ && (_ = R.position.y + q);
     }
     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));
+    $ -= D, k -= D, E += D, _ += D;
+    const g = E - $, f = _ - k, p = Math.min(t / g, e / f), v = (t - g * p) / 2, N = (e - f * p) / 2;
+    for (const R of M) {
+      if (R.hidden) continue;
+      const B = R.width || wn, q = R.height || bn, X = (R.position.x - $) * p + v, K = (R.position.y - k) * p + N, at = B * p, rt = q * p;
+      C.fillStyle = R.selected ? "#f59e0b" : typeof n == "function" ? n(R) : n, C.fillRect(X, K, Math.max(at, 2), Math.max(rt, 2));
     }
-    const C = c.cameraRef.current, P = c.wrapRef.current;
+    const w = 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 = -w.x / w.zoom, q = -w.y / w.zoom, X = R.width / w.zoom, K = R.height / w.zoom;
+      C.fillStyle = s, C.fillRect(0, 0, t, e);
+      const at = (B - $) * p + v, rt = (q - k) * p + N, G = X * p, j = K * p;
+      C.clearRect(at, rt, G, j);
+      for (const it of M) {
+        if (it.hidden) continue;
+        const dt = it.width || wn, ot = it.height || bn, ft = (it.position.x - $) * p + v, It = (it.position.y - k) * p + N;
+        C.fillStyle = it.selected ? "#f59e0b" : typeof n == "function" ? n(it) : n, C.fillRect(ft, It, Math.max(dt * p, 2), Math.max(ot * p, 2));
       }
-      E.strokeStyle = "#3b82f6", E.lineWidth = 1.5, E.strokeRect(yt, ft, G, j);
+      C.strokeStyle = "#3b82f6", C.lineWidth = 1.5, C.strokeRect(at, rt, G, j);
     }
   }, [c, t, e, n, r, s]);
-  return ut(() => {
-    let v = !0;
-    function E() {
-      v && (g(), l.current = requestAnimationFrame(E));
+  return ht(() => {
+    let m = !0;
+    function C() {
+      m && (y(), l.current = requestAnimationFrame(C));
     }
-    const R = setInterval(() => {
-      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(E);
+    const z = setInterval(() => {
+      cancelAnimationFrame(l.current), l.current = requestAnimationFrame(C);
     }, 66);
-    return g(), () => {
-      v = !1, clearInterval(R), cancelAnimationFrame(l.current);
+    return y(), () => {
+      m = !1, clearInterval(z), cancelAnimationFrame(l.current);
     };
-  }, [g]), /* @__PURE__ */ B(
+  }, [y]), /* @__PURE__ */ S(
     "canvas",
     {
       ref: u,
@@ -4027,31 +4035,31 @@ 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" })
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ S("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
 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" })
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+    /* @__PURE__ */ S("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] });
 }
 function io() {
-  return /* @__PURE__ */ It("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__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" })
+  return /* @__PURE__ */ $t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+    /* @__PURE__ */ S("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
   ] });
 }
 function rn({ children: t, className: e = "", ...n }) {
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "button",
     {
       className: `ric-controls-button ${e}`,
@@ -4072,21 +4080,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: z
 }) {
-  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(() => {
+  const M = yt(), { zoomIn: $, zoomOut: k, fitView: E, getZoom: _ } = eo(), [D, g] = Gt(!0), f = _() <= M.zoomMin, p = _() >= M.zoomMax, v = F(() => {
+    $(), s == null || s();
+  }, [$, s]), 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 = {
+  }, [k, o]), w = F(() => {
+    E(r || { padding: 0.1 }), i == null || i();
+  }, [E, r, i]), P = F(() => {
+    const B = !D;
+    g(B), c == null || c(B);
+  }, [D, c]), R = {
     "top-left": { top: 10, left: 10 },
     "top-right": { top: 10, right: 10 },
     "top-center": { top: 10, left: "50%", transform: "translateX(-50%)" },
@@ -4094,35 +4102,35 @@ function ao({
     "bottom-right": { bottom: 30, right: 10 },
     "bottom-center": { bottom: 30, left: "50%", transform: "translateX(-50%)" }
   }[u] || { bottom: 30, left: 10 };
-  return /* @__PURE__ */ It(
+  return /* @__PURE__ */ $t(
     "div",
     {
-      className: `ric-controls ${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(
+        t && /* @__PURE__ */ $t(Le, { children: [
+          /* @__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,
@@ -4130,31 +4138,31 @@ function ao({
               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: w,
             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",
             className: "ric-controls-interactive",
-            children: D ? /* @__PURE__ */ B(io, {}) : /* @__PURE__ */ B(so, {})
+            children: D ? /* @__PURE__ */ S(io, {}) : /* @__PURE__ */ S(so, {})
           }
         ),
-        R
+        z
       ]
     }
   );
@@ -4182,7 +4190,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 +4210,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,98 +4237,98 @@ 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);
+  const m = qe(je), C = yt(), z = tt(null), M = F((E, _) => {
+    E.stopPropagation(), E.preventDefault();
+    const D = C.nodesRef.current.find((p) => p.id === m);
     if (!D) return;
-    R.current = {
-      direction: W,
-      startX: z.clientX,
-      startY: z.clientY,
+    z.current = {
+      direction: _,
+      startX: E.clientX,
+      startY: E.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 });
+    }, u == null || u(E, { width: z.current.width, height: z.current.height });
+    const g = (p) => {
+      var q, X;
+      if (!z.current) return;
+      const v = z.current, N = C.cameraRef.current, w = (p.clientX - v.startX) / N.zoom, P = (p.clientY - v.startY) / N.zoom;
+      let R = v.width, B = v.height;
+      v.direction.includes("e") && (R = Math.min(n, Math.max(t, v.width + w))), v.direction.includes("w") && (R = Math.min(n, Math.max(t, v.width - w))), v.direction.includes("s") && (B = Math.min(r, Math.max(e, v.height + P))), v.direction.includes("n") && (B = Math.min(r, Math.max(e, v.height - P))), (X = (q = C.onNodesChangeRef).current) == null || X.call(q, [
+        { id: m, type: "dimensions", dimensions: { width: R, height: B }, setAttributes: !0 }
+      ]), l == null || l(p, { width: R, height: B });
     }, f = (p) => {
-      R.current = null, g == null || g(p, {}), window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", f);
+      z.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, k = {
     position: "absolute",
-    width: T,
-    height: T,
+    width: $,
+    height: $,
     background: c,
     border: "1px solid #fff",
     borderRadius: 2,
     zIndex: 20,
     ...o
   };
-  return /* @__PURE__ */ It(Le, { children: [
-    /* @__PURE__ */ B(
+  return /* @__PURE__ */ $t(Le, { children: [
+    /* @__PURE__ */ S(
       "div",
       {
-        style: { ...k, bottom: -T / 2, right: -T / 2, cursor: "nwse-resize" },
-        onPointerDown: (z) => M(z, "se")
+        style: { ...k, 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: { ...k, 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: { ...k, 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: { ...k, 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: { ...k, 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: { ...k, 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: { ...k, 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: { ...k, left: "50%", bottom: -$ / 2, cursor: "ns-resize", transform: "translateX(-50%)" },
+        onPointerDown: (E) => M(E, "s")
       }
     )
   ] });
@@ -4334,15 +4342,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 +4358,10 @@ function es({
         position: "absolute",
         zIndex: 1e3,
         pointerEvents: "all",
-        ...v,
+        ...m,
         ...o
       },
-      onPointerDown: (E) => E.stopPropagation(),
+      onPointerDown: (C) => C.stopPropagation(),
       children: s
     }
   );
@@ -4370,7 +4378,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 +4397,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 +4417,7 @@ function ur({
   connectionLineComponent: u
 }) {
   if (u)
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ S(
       u,
       {
         fromX: t,
@@ -4460,7 +4468,7 @@ function ur({
       });
       break;
   }
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ S(
     "path",
     {
       d: l,
@@ -4509,7 +4517,7 @@ export {
   Wr as OutputNode,
   Vo as Panel,
   is as Position,
-  Hr as SelectionBox,
+  Ar as SelectionBox,
   cr as SimpleBezierEdge,
   ar as SmoothStepEdge,
   Or as StepEdge,
@@ -4547,7 +4555,7 @@ export {
   Lo as routeSinglePath,
   En as routedPointsToPath,
   Pn as snapPosition,
-  Ao as useConnection,
+  Ho as useConnection,
   Do as useEdges,
   So as useEdgesState,
   Xo as useHandleConnections,
@@ -4566,5 +4574,5 @@ export {
   Zo as useStore,
   Oo as useStoreApi,
   qo as useUpdateNodeInternals,
-  Ho as useViewport
+  Ao as useViewport
 };