likec4 1.24.0 → 1.25.0

package/__app__/src/chunks/{likec4-DgZMMrvs.js → likec4-DRDnYFvy.js}

@@ -1,5 +1,5 @@
 import Yn, { useState as fe, createContext as Zn, useCallback as ue, useMemo as me, useContext as wt, useLayoutEffect as ca, useEffect as j, forwardRef as xr, memo as ie, useRef as J } from "react";
-import { jsx as z, jsxs as se, Fragment as Se } from "react/jsx-runtime";
+import { jsx as z, jsxs as se, Fragment as Ne } from "react/jsx-runtime";
 import { createPortal as vr } from "react-dom";
 function la(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -78,15 +78,15 @@ _r.useSyncExternalStoreWithSelector = function(e, t, n, o, r) {
       function c(h) {
         if (!l) {
           if (l = !0, d = h, h = o(h), r !== void 0 && s.hasValue) {
-            var p = s.value;
-            if (r(p, h))
-              return u = p;
+            var g = s.value;
+            if (r(g, h))
+              return u = g;
           }
           return u = h;
         }
-        if (p = u, ba(d, h)) return p;
+        if (g = u, ba(d, h)) return g;
         var y = o(h);
-        return r !== void 0 && r(p, y) ? (d = h, p) : (d = h, u = y);
+        return r !== void 0 && r(g, y) ? (d = h, g) : (d = h, u = y);
       }
       var l = !1, d, u, f = n === void 0 ? null : n;
       return [
@@ -341,11 +341,11 @@ function tc(e, t) {
   var n = t ? ja : Ja, o = this._parents, r = this._groups;
   typeof e != "function" && (e = Qa(e));
   for (var i = r.length, s = new Array(i), a = new Array(i), c = new Array(i), l = 0; l < i; ++l) {
-    var d = o[l], u = r[l], f = u.length, h = nc(e.call(d, d && d.__data__, l, o)), p = h.length, y = a[l] = new Array(p), _ = s[l] = new Array(p), x = c[l] = new Array(f);
-    n(d, u, y, _, x, h, t);
-    for (var b = 0, m = 0, w, N; b < p; ++b)
-      if (w = y[b]) {
-        for (b >= m && (m = b + 1); !(N = _[m]) && ++m < p; ) ;
+    var d = o[l], u = r[l], f = u.length, h = nc(e.call(d, d && d.__data__, l, o)), g = h.length, y = a[l] = new Array(g), b = s[l] = new Array(g), x = c[l] = new Array(f);
+    n(d, u, y, b, x, h, t);
+    for (var _ = 0, p = 0, w, N; _ < g; ++_)
+      if (w = y[_]) {
+        for (_ >= p && (p = _ + 1); !(N = b[p]) && ++p < g; ) ;
         w._next = N || null;
       }
   }
@@ -363,8 +363,8 @@ function rc(e, t, n) {
 }
 function ic(e) {
   for (var t = e.selection ? e.selection() : e, n = this._groups, o = t._groups, r = n.length, i = o.length, s = Math.min(r, i), a = new Array(r), c = 0; c < s; ++c)
-    for (var l = n[c], d = o[c], u = l.length, f = a[c] = new Array(u), h, p = 0; p < u; ++p)
-      (h = l[p] || d[p]) && (f[p] = h);
+    for (var l = n[c], d = o[c], u = l.length, f = a[c] = new Array(u), h, g = 0; g < u; ++g)
+      (h = l[g] || d[g]) && (f[g] = h);
   for (; c < r; ++c)
     a[c] = n[c];
   return new de(a, this._parents);
@@ -840,15 +840,15 @@ function ml() {
 function Vr() {
   var e = hl, t = gl, n = pl, o = ml, r = {}, i = Kt("start", "drag", "end"), s = 0, a, c, l, d, u = 0;
   function f(w) {
-    w.on("mousedown.drag", h).filter(o).on("touchstart.drag", _).on("touchmove.drag", x, fl).on("touchend.drag touchcancel.drag", b).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    w.on("mousedown.drag", h).filter(o).on("touchstart.drag", b).on("touchmove.drag", x, fl).on("touchend.drag touchcancel.drag", _).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   function h(w, N) {
     if (!(d || !e.call(this, w, N))) {
-      var k = m(this, t.call(this, w, N), w, N, "mouse");
-      k && (le(w.view).on("mousemove.drag", p, ct).on("mouseup.drag", y, ct), Dr(w.view), wn(w), l = !1, a = w.clientX, c = w.clientY, k("start", w));
+      var k = p(this, t.call(this, w, N), w, N, "mouse");
+      k && (le(w.view).on("mousemove.drag", g, ct).on("mouseup.drag", y, ct), Dr(w.view), wn(w), l = !1, a = w.clientX, c = w.clientY, k("start", w));
     }
   }
-  function p(w) {
+  function g(w) {
     if (Be(w), !l) {
       var N = w.clientX - a, k = w.clientY - c;
       l = N * N + k * k > u;
@@ -858,11 +858,11 @@ function Vr() {
   function y(w) {
     le(w.view).on("mousemove.drag mouseup.drag", null), Hr(w.view, l), Be(w), r.mouse("end", w);
   }
-  function _(w, N) {
+  function b(w, N) {
     if (e.call(this, w, N)) {
       var k = w.changedTouches, S = t.call(this, w, N), P = k.length, I, A;
       for (I = 0; I < P; ++I)
-        (A = m(this, S, w, N, k[I].identifier, k[I])) && (wn(w), A("start", w, k[I]));
+        (A = p(this, S, w, N, k[I].identifier, k[I])) && (wn(w), A("start", w, k[I]));
     }
   }
   function x(w) {
@@ -870,16 +870,16 @@ function Vr() {
     for (S = 0; S < k; ++S)
       (P = r[N[S].identifier]) && (Be(w), P("drag", w, N[S]));
   }
-  function b(w) {
+  function _(w) {
     var N = w.changedTouches, k = N.length, S, P;
     for (d && clearTimeout(d), d = setTimeout(function() {
       d = null;
     }, 500), S = 0; S < k; ++S)
       (P = r[N[S].identifier]) && (wn(w), P("end", w, N[S]));
   }
-  function m(w, N, k, S, P, I) {
-    var A = i.copy(), V = he(I || k, N), D, H, g;
-    if ((g = n.call(w, new kn("beforestart", {
+  function p(w, N, k, S, P, I) {
+    var A = i.copy(), V = he(I || k, N), D, H, m;
+    if ((m = n.call(w, new kn("beforestart", {
       sourceEvent: k,
       target: f,
       identifier: P,
@@ -890,8 +890,8 @@ function Vr() {
       dy: 0,
       dispatch: A
     }), S)) != null)
-      return D = g.x - V[0] || 0, H = g.y - V[1] || 0, function E(v, M, $) {
-        var C = V, T;
+      return D = m.x - V[0] || 0, H = m.y - V[1] || 0, function E(v, C, $) {
+        var M = V, T;
         switch (v) {
           case "start":
             r[P] = E, T = s++;
@@ -899,22 +899,22 @@ function Vr() {
           case "end":
             delete r[P], --s;
           case "drag":
-            V = he($ || M, N), T = s;
+            V = he($ || C, N), T = s;
             break;
         }
         A.call(
           v,
           w,
           new kn(v, {
-            sourceEvent: M,
-            subject: g,
+            sourceEvent: C,
+            subject: m,
             target: f,
             identifier: P,
             active: T,
             x: V[0] + D,
             y: V[1] + H,
-            dx: V[0] - C[0],
-            dy: V[1] - C[1],
+            dx: V[0] - M[0],
+            dy: V[1] - M[1],
             dispatch: A
           }),
           S
@@ -1323,10 +1323,10 @@ function Xr(e, t, n, o) {
   function r(l) {
     return l.length ? l.pop() + " " : "";
   }
-  function i(l, d, u, f, h, p) {
+  function i(l, d, u, f, h, g) {
     if (l !== u || d !== f) {
       var y = h.push("translate(", null, t, null, n);
-      p.push({ i: y - 4, x: $e(l, u) }, { i: y - 2, x: $e(d, f) });
+      g.push({ i: y - 4, x: $e(l, u) }, { i: y - 2, x: $e(d, f) });
     } else (u || f) && h.push("translate(" + u + t + f + n);
   }
   function s(l, d, u, f) {
@@ -1335,16 +1335,16 @@ function Xr(e, t, n, o) {
   function a(l, d, u, f) {
     l !== d ? f.push({ i: u.push(r(u) + "skewX(", null, o) - 2, x: $e(l, d) }) : d && u.push(r(u) + "skewX(" + d + o);
   }
-  function c(l, d, u, f, h, p) {
+  function c(l, d, u, f, h, g) {
     if (l !== u || d !== f) {
       var y = h.push(r(h) + "scale(", null, ",", null, ")");
-      p.push({ i: y - 4, x: $e(l, u) }, { i: y - 2, x: $e(d, f) });
+      g.push({ i: y - 4, x: $e(l, u) }, { i: y - 2, x: $e(d, f) });
     } else (u !== 1 || f !== 1) && h.push(r(h) + "scale(" + u + "," + f + ")");
   }
   return function(l, d) {
     var u = [], f = [];
     return l = e(l), d = e(d), i(l.translateX, l.translateY, d.translateX, d.translateY, u, f), s(l.rotate, d.rotate, u, f), a(l.skewX, d.skewX, u, f), c(l.scaleX, l.scaleY, d.scaleX, d.scaleY, u, f), l = d = null, function(h) {
-      for (var p = -1, y = f.length, _; ++p < y; ) u[(_ = f[p]).i] = _.x(h);
+      for (var g = -1, y = f.length, b; ++g < y; ) u[(b = f[g]).i] = b.x(h);
       return u.join("");
     };
   };
@@ -1361,27 +1361,27 @@ function Bl(e) {
 }
 const Fl = function e(t, n, o) {
   function r(i, s) {
-    var a = i[0], c = i[1], l = i[2], d = s[0], u = s[1], f = s[2], h = d - a, p = u - c, y = h * h + p * p, _, x;
+    var a = i[0], c = i[1], l = i[2], d = s[0], u = s[1], f = s[2], h = d - a, g = u - c, y = h * h + g * g, b, x;
     if (y < Rl)
-      x = Math.log(f / l) / t, _ = function(S) {
+      x = Math.log(f / l) / t, b = function(S) {
         return [
           a + S * h,
-          c + S * p,
+          c + S * g,
           l * Math.exp(t * S * x)
         ];
       };
     else {
-      var b = Math.sqrt(y), m = (f * f - l * l + o * y) / (2 * l * n * b), w = (f * f - l * l - o * y) / (2 * f * n * b), N = Math.log(Math.sqrt(m * m + 1) - m), k = Math.log(Math.sqrt(w * w + 1) - w);
-      x = (k - N) / t, _ = function(S) {
-        var P = S * x, I = $o(N), A = l / (n * b) * (I * Bl(t * P + N) - Ll(N));
+      var _ = Math.sqrt(y), p = (f * f - l * l + o * y) / (2 * l * n * _), w = (f * f - l * l - o * y) / (2 * f * n * _), N = Math.log(Math.sqrt(p * p + 1) - p), k = Math.log(Math.sqrt(w * w + 1) - w);
+      x = (k - N) / t, b = function(S) {
+        var P = S * x, I = $o(N), A = l / (n * _) * (I * Bl(t * P + N) - Ll(N));
         return [
           a + A * h,
-          c + A * p,
+          c + A * g,
           l * I / $o(t * P + N)
         ];
       };
     }
-    return _.duration = x * 1e3 * t / Math.SQRT2, _;
+    return b.duration = x * 1e3 * t / Math.SQRT2, b;
   }
   return r.rho = function(i) {
     var s = Math.max(1e-3, +i), a = s * s, c = a * a;
@@ -1476,7 +1476,7 @@ function Jn(e, t) {
   if (n.state > qr) throw new Error("too late; already scheduled");
   return n;
 }
-function xe(e, t) {
+function ve(e, t) {
   var n = ye(e, t);
   if (n.state > Tt) throw new Error("too late; already running");
   return n;
@@ -1541,7 +1541,7 @@ function Ul(e) {
 function Ql(e, t) {
   var n, o;
   return function() {
-    var r = xe(this, e), i = r.tween;
+    var r = ve(this, e), i = r.tween;
     if (i !== n) {
       o = n = i;
       for (var s = 0, a = o.length; s < a; ++s)
@@ -1557,7 +1557,7 @@ function Jl(e, t, n) {
   var o, r;
   if (typeof n != "function") throw new Error();
   return function() {
-    var i = xe(this, e), s = i.tween;
+    var i = ve(this, e), s = i.tween;
     if (s !== o) {
       r = (o = s).slice();
       for (var a = { name: t, value: n }, c = 0, l = r.length; c < l; ++c)
@@ -1583,7 +1583,7 @@ function jl(e, t) {
 function jn(e, t, n) {
   var o = e._id;
   return e.each(function() {
-    var r = xe(this, o);
+    var r = ve(this, o);
     (r.value || (r.value = {}))[t] = n.apply(this, arguments);
   }), function(r) {
     return ye(r, o).value[t];
@@ -1685,12 +1685,12 @@ function gu(e) {
 }
 function pu(e, t) {
   return function() {
-    xe(this, e).duration = +t.apply(this, arguments);
+    ve(this, e).duration = +t.apply(this, arguments);
   };
 }
 function mu(e, t) {
   return t = +t, function() {
-    xe(this, e).duration = t;
+    ve(this, e).duration = t;
   };
 }
 function yu(e) {
@@ -1700,7 +1700,7 @@ function yu(e) {
 function wu(e, t) {
   if (typeof t != "function") throw new Error();
   return function() {
-    xe(this, e).ease = t;
+    ve(this, e).ease = t;
   };
 }
 function xu(e) {
@@ -1711,7 +1711,7 @@ function vu(e, t) {
   return function() {
     var n = t.apply(this, arguments);
     if (typeof n != "function") throw new Error();
-    xe(this, e).ease = n;
+    ve(this, e).ease = n;
   };
 }
 function _u(e) {
@@ -1723,7 +1723,7 @@ function bu(e) {
   for (var t = this._groups, n = t.length, o = new Array(n), r = 0; r < n; ++r)
     for (var i = t[r], s = i.length, a = o[r] = [], c, l = 0; l < s; ++l)
       (c = i[l]) && e.call(c, c.__data__, l, i) && a.push(c);
-  return new Ee(o, this._parents, this._name, this._id);
+  return new Se(o, this._parents, this._name, this._id);
 }
 function Eu(e) {
   if (e._id !== this._id) throw new Error();
@@ -1732,7 +1732,7 @@ function Eu(e) {
       (f = c[h] || l[h]) && (u[h] = f);
   for (; a < o; ++a)
     s[a] = t[a];
-  return new Ee(s, this._parents, this._name, this._id);
+  return new Se(s, this._parents, this._name, this._id);
 }
 function Su(e) {
   return (e + "").trim().split(/^|\s+/).every(function(t) {
@@ -1741,7 +1741,7 @@ function Su(e) {
   });
 }
 function Nu(e, t, n) {
-  var o, r, i = Su(t) ? Jn : xe;
+  var o, r, i = Su(t) ? Jn : ve;
   return function() {
     var s = i(this, e), a = s.on;
     a !== o && (r = (o = a).copy()).on(t, n), s.on = r;
@@ -1767,7 +1767,7 @@ function $u(e) {
   for (var o = this._groups, r = o.length, i = new Array(r), s = 0; s < r; ++s)
     for (var a = o[s], c = a.length, l = i[s] = new Array(c), d, u, f = 0; f < c; ++f)
       (d = a[f]) && (u = e.call(d, d.__data__, f, a)) && ("__data__" in d && (u.__data__ = d.__data__), l[f] = u, Jt(l[f], t, n, f, l, ye(d, n)));
-  return new Ee(i, this._parents, t, n);
+  return new Se(i, this._parents, t, n);
 }
 function Iu(e) {
   var t = this._name, n = this._id;
@@ -1775,11 +1775,11 @@ function Iu(e) {
   for (var o = this._groups, r = o.length, i = [], s = [], a = 0; a < r; ++a)
     for (var c = o[a], l = c.length, d, u = 0; u < l; ++u)
       if (d = c[u]) {
-        for (var f = e.call(d, d.__data__, u, c), h, p = ye(d, n), y = 0, _ = f.length; y < _; ++y)
-          (h = f[y]) && Jt(h, t, n, y, f, p);
+        for (var f = e.call(d, d.__data__, u, c), h, g = ye(d, n), y = 0, b = f.length; y < b; ++y)
+          (h = f[y]) && Jt(h, t, n, y, f, g);
         i.push(f), s.push(d);
       }
-  return new Ee(i, s, t, n);
+  return new Se(i, s, t, n);
 }
 var Au = xt.prototype.constructor;
 function Pu() {
@@ -1814,7 +1814,7 @@ function Du(e, t, n) {
 function Hu(e, t) {
   var n, o, r, i = "style." + t, s = "end." + i, a;
   return function() {
-    var c = xe(this, e), l = c.on, d = c.value[i] == null ? a || (a = Kr(t)) : void 0;
+    var c = ve(this, e), l = c.on, d = c.value[i] == null ? a || (a = Kr(t)) : void 0;
     (l !== n || r !== d) && (o = (n = l).copy()).on(s, r = d), c.on = o;
   };
 }
@@ -1888,7 +1888,7 @@ function qu() {
           ease: d.ease
         });
       }
-  return new Ee(o, this._parents, e, n);
+  return new Se(o, this._parents, e, n);
 }
 function Gu() {
   var e, t, n = this, o = n._id, r = n.size();
@@ -1897,35 +1897,35 @@ function Gu() {
       --r === 0 && i();
     } };
     n.each(function() {
-      var l = xe(this, o), d = l.on;
+      var l = ve(this, o), d = l.on;
       d !== e && (t = (e = d).copy(), t._.cancel.push(a), t._.interrupt.push(a), t._.end.push(c)), l.on = t;
     }), r === 0 && i();
   });
 }
 var Ku = 0;
-function Ee(e, t, n, o) {
+function Se(e, t, n, o) {
   this._groups = e, this._parents = t, this._name = n, this._id = o;
 }
 function Ur() {
   return ++Ku;
 }
-var ve = xt.prototype;
-Ee.prototype = {
-  constructor: Ee,
+var _e = xt.prototype;
+Se.prototype = {
+  constructor: Se,
   select: $u,
   selectAll: Iu,
-  selectChild: ve.selectChild,
-  selectChildren: ve.selectChildren,
+  selectChild: _e.selectChild,
+  selectChildren: _e.selectChildren,
   filter: bu,
   merge: Eu,
   selection: Pu,
   transition: qu,
-  call: ve.call,
-  nodes: ve.nodes,
-  node: ve.node,
-  size: ve.size,
-  empty: ve.empty,
-  each: ve.each,
+  call: _e.call,
+  nodes: _e.nodes,
+  node: _e.node,
+  size: _e.size,
+  empty: _e.empty,
+  each: _e.each,
   on: Cu,
   attr: su,
   attrTween: du,
@@ -1940,7 +1940,7 @@ Ee.prototype = {
   ease: xu,
   easeVarying: _u,
   end: Gu,
-  [Symbol.iterator]: ve[Symbol.iterator]
+  [Symbol.iterator]: _e[Symbol.iterator]
 };
 function Uu(e) {
   return ((e *= 2) <= 1 ? e * e * e : (e -= 2) * e * e + 2) / 2;
@@ -1960,11 +1960,11 @@ function Ju(e, t) {
 }
 function ju(e) {
   var t, n;
-  e instanceof Ee ? (t = e._id, e = e._name) : (t = Ur(), (n = Qu).time = Qn(), e = e == null ? null : e + "");
+  e instanceof Se ? (t = e._id, e = e._name) : (t = Ur(), (n = Qu).time = Qn(), e = e == null ? null : e + "");
   for (var o = this._groups, r = o.length, i = 0; i < r; ++i)
     for (var s = o[i], a = s.length, c, l = 0; l < a; ++l)
       (c = s[l]) && Jt(c, e, t, l, s, n || Ju(c, t));
-  return new Ee(o, this._parents, e, t);
+  return new Se(o, this._parents, e, t);
 }
 xt.prototype.interrupt = Ul;
 xt.prototype.transition = ju;
@@ -1983,16 +1983,16 @@ function ed(e, {
     _: { value: r }
   });
 }
-function _e(e, t, n) {
+function be(e, t, n) {
   this.k = e, this.x = t, this.y = n;
 }
-_e.prototype = {
-  constructor: _e,
+be.prototype = {
+  constructor: be,
   scale: function(e) {
-    return e === 1 ? this : new _e(this.k * e, this.x, this.y);
+    return e === 1 ? this : new be(this.k * e, this.x, this.y);
   },
   translate: function(e, t) {
-    return e === 0 & t === 0 ? this : new _e(this.k, this.x + this.k * e, this.y + this.k * t);
+    return e === 0 & t === 0 ? this : new be(this.k, this.x + this.k * e, this.y + this.k * t);
   },
   apply: function(e) {
     return [e[0] * this.k + this.x, e[1] * this.k + this.y];
@@ -2022,8 +2022,8 @@ _e.prototype = {
     return "translate(" + this.x + "," + this.y + ") scale(" + this.k + ")";
   }
 };
-var jt = new _e(1, 0, 0);
-Qr.prototype = _e.prototype;
+var jt = new be(1, 0, 0);
+Qr.prototype = be.prototype;
 function Qr(e) {
   for (; !e.__zoom; ) if (!(e = e.parentNode)) return jt;
   return e.__zoom;
@@ -2058,93 +2058,93 @@ function id(e, t, n) {
   );
 }
 function Jr() {
-  var e = td, t = nd, n = id, o = od, r = rd, i = [0, 1 / 0], s = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, c = Fl, l = Kt("start", "zoom", "end"), d, u, f, h = 500, p = 150, y = 0, _ = 10;
-  function x(g) {
-    g.property("__zoom", To).on("wheel.zoom", P, { passive: !1 }).on("mousedown.zoom", I).on("dblclick.zoom", A).filter(r).on("touchstart.zoom", V).on("touchmove.zoom", D).on("touchend.zoom touchcancel.zoom", H).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  var e = td, t = nd, n = id, o = od, r = rd, i = [0, 1 / 0], s = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, c = Fl, l = Kt("start", "zoom", "end"), d, u, f, h = 500, g = 150, y = 0, b = 10;
+  function x(m) {
+    m.property("__zoom", To).on("wheel.zoom", P, { passive: !1 }).on("mousedown.zoom", I).on("dblclick.zoom", A).filter(r).on("touchstart.zoom", V).on("touchmove.zoom", D).on("touchend.zoom touchcancel.zoom", H).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  x.transform = function(g, E, v, M) {
-    var $ = g.selection ? g.selection() : g;
-    $.property("__zoom", To), g !== $ ? N(g, E, v, M) : $.interrupt().each(function() {
-      k(this, arguments).event(M).start().zoom(null, typeof E == "function" ? E.apply(this, arguments) : E).end();
+  x.transform = function(m, E, v, C) {
+    var $ = m.selection ? m.selection() : m;
+    $.property("__zoom", To), m !== $ ? N(m, E, v, C) : $.interrupt().each(function() {
+      k(this, arguments).event(C).start().zoom(null, typeof E == "function" ? E.apply(this, arguments) : E).end();
     });
-  }, x.scaleBy = function(g, E, v, M) {
-    x.scaleTo(g, function() {
-      var $ = this.__zoom.k, C = typeof E == "function" ? E.apply(this, arguments) : E;
-      return $ * C;
-    }, v, M);
-  }, x.scaleTo = function(g, E, v, M) {
-    x.transform(g, function() {
-      var $ = t.apply(this, arguments), C = this.__zoom, T = v == null ? w($) : typeof v == "function" ? v.apply(this, arguments) : v, O = C.invert(T), R = typeof E == "function" ? E.apply(this, arguments) : E;
-      return n(m(b(C, R), T, O), $, s);
-    }, v, M);
-  }, x.translateBy = function(g, E, v, M) {
-    x.transform(g, function() {
+  }, x.scaleBy = function(m, E, v, C) {
+    x.scaleTo(m, function() {
+      var $ = this.__zoom.k, M = typeof E == "function" ? E.apply(this, arguments) : E;
+      return $ * M;
+    }, v, C);
+  }, x.scaleTo = function(m, E, v, C) {
+    x.transform(m, function() {
+      var $ = t.apply(this, arguments), M = this.__zoom, T = v == null ? w($) : typeof v == "function" ? v.apply(this, arguments) : v, O = M.invert(T), R = typeof E == "function" ? E.apply(this, arguments) : E;
+      return n(p(_(M, R), T, O), $, s);
+    }, v, C);
+  }, x.translateBy = function(m, E, v, C) {
+    x.transform(m, function() {
       return n(this.__zoom.translate(
         typeof E == "function" ? E.apply(this, arguments) : E,
         typeof v == "function" ? v.apply(this, arguments) : v
       ), t.apply(this, arguments), s);
-    }, null, M);
-  }, x.translateTo = function(g, E, v, M, $) {
-    x.transform(g, function() {
-      var C = t.apply(this, arguments), T = this.__zoom, O = M == null ? w(C) : typeof M == "function" ? M.apply(this, arguments) : M;
+    }, null, C);
+  }, x.translateTo = function(m, E, v, C, $) {
+    x.transform(m, function() {
+      var M = t.apply(this, arguments), T = this.__zoom, O = C == null ? w(M) : typeof C == "function" ? C.apply(this, arguments) : C;
       return n(jt.translate(O[0], O[1]).scale(T.k).translate(
         typeof E == "function" ? -E.apply(this, arguments) : -E,
         typeof v == "function" ? -v.apply(this, arguments) : -v
-      ), C, s);
-    }, M, $);
+      ), M, s);
+    }, C, $);
   };
-  function b(g, E) {
-    return E = Math.max(i[0], Math.min(i[1], E)), E === g.k ? g : new _e(E, g.x, g.y);
+  function _(m, E) {
+    return E = Math.max(i[0], Math.min(i[1], E)), E === m.k ? m : new be(E, m.x, m.y);
   }
-  function m(g, E, v) {
-    var M = E[0] - v[0] * g.k, $ = E[1] - v[1] * g.k;
-    return M === g.x && $ === g.y ? g : new _e(g.k, M, $);
+  function p(m, E, v) {
+    var C = E[0] - v[0] * m.k, $ = E[1] - v[1] * m.k;
+    return C === m.x && $ === m.y ? m : new be(m.k, C, $);
   }
-  function w(g) {
-    return [(+g[0][0] + +g[1][0]) / 2, (+g[0][1] + +g[1][1]) / 2];
+  function w(m) {
+    return [(+m[0][0] + +m[1][0]) / 2, (+m[0][1] + +m[1][1]) / 2];
   }
-  function N(g, E, v, M) {
-    g.on("start.zoom", function() {
-      k(this, arguments).event(M).start();
+  function N(m, E, v, C) {
+    m.on("start.zoom", function() {
+      k(this, arguments).event(C).start();
     }).on("interrupt.zoom end.zoom", function() {
-      k(this, arguments).event(M).end();
+      k(this, arguments).event(C).end();
     }).tween("zoom", function() {
-      var $ = this, C = arguments, T = k($, C).event(M), O = t.apply($, C), R = v == null ? w(O) : typeof v == "function" ? v.apply($, C) : v, W = Math.max(O[1][0] - O[0][0], O[1][1] - O[0][1]), Y = $.__zoom, F = typeof E == "function" ? E.apply($, C) : E, Z = c(Y.invert(R).concat(W / Y.k), F.invert(R).concat(W / F.k));
+      var $ = this, M = arguments, T = k($, M).event(C), O = t.apply($, M), R = v == null ? w(O) : typeof v == "function" ? v.apply($, M) : v, Y = Math.max(O[1][0] - O[0][0], O[1][1] - O[0][1]), X = $.__zoom, F = typeof E == "function" ? E.apply($, M) : E, Z = c(X.invert(R).concat(Y / X.k), F.invert(R).concat(Y / F.k));
       return function(L) {
         if (L === 1) L = F;
         else {
-          var X = Z(L), K = W / X[2];
-          L = new _e(K, R[0] - X[0] * K, R[1] - X[1] * K);
+          var W = Z(L), G = Y / W[2];
+          L = new be(G, R[0] - W[0] * G, R[1] - W[1] * G);
         }
         T.zoom(null, L);
       };
     });
   }
-  function k(g, E, v) {
-    return !v && g.__zooming || new S(g, E);
+  function k(m, E, v) {
+    return !v && m.__zooming || new S(m, E);
   }
-  function S(g, E) {
-    this.that = g, this.args = E, this.active = 0, this.sourceEvent = null, this.extent = t.apply(g, E), this.taps = 0;
+  function S(m, E) {
+    this.that = m, this.args = E, this.active = 0, this.sourceEvent = null, this.extent = t.apply(m, E), this.taps = 0;
   }
   S.prototype = {
-    event: function(g) {
-      return g && (this.sourceEvent = g), this;
+    event: function(m) {
+      return m && (this.sourceEvent = m), this;
     },
     start: function() {
       return ++this.active === 1 && (this.that.__zooming = this, this.emit("start")), this;
     },
-    zoom: function(g, E) {
-      return this.mouse && g !== "mouse" && (this.mouse[1] = E.invert(this.mouse[0])), this.touch0 && g !== "touch" && (this.touch0[1] = E.invert(this.touch0[0])), this.touch1 && g !== "touch" && (this.touch1[1] = E.invert(this.touch1[0])), this.that.__zoom = E, this.emit("zoom"), this;
+    zoom: function(m, E) {
+      return this.mouse && m !== "mouse" && (this.mouse[1] = E.invert(this.mouse[0])), this.touch0 && m !== "touch" && (this.touch0[1] = E.invert(this.touch0[0])), this.touch1 && m !== "touch" && (this.touch1[1] = E.invert(this.touch1[0])), this.that.__zoom = E, this.emit("zoom"), this;
     },
     end: function() {
       return --this.active === 0 && (delete this.that.__zooming, this.emit("end")), this;
     },
-    emit: function(g) {
+    emit: function(m) {
       var E = le(this.that).datum();
       l.call(
-        g,
+        m,
         this.that,
-        new ed(g, {
+        new ed(m, {
           sourceEvent: this.sourceEvent,
           target: x,
           transform: this.that.__zoom,
@@ -2154,106 +2154,106 @@ function Jr() {
       );
     }
   };
-  function P(g, ...E) {
+  function P(m, ...E) {
     if (!e.apply(this, arguments)) return;
-    var v = k(this, E).event(g), M = this.__zoom, $ = Math.max(i[0], Math.min(i[1], M.k * Math.pow(2, o.apply(this, arguments)))), C = he(g);
+    var v = k(this, E).event(m), C = this.__zoom, $ = Math.max(i[0], Math.min(i[1], C.k * Math.pow(2, o.apply(this, arguments)))), M = he(m);
     if (v.wheel)
-      (v.mouse[0][0] !== C[0] || v.mouse[0][1] !== C[1]) && (v.mouse[1] = M.invert(v.mouse[0] = C)), clearTimeout(v.wheel);
+      (v.mouse[0][0] !== M[0] || v.mouse[0][1] !== M[1]) && (v.mouse[1] = C.invert(v.mouse[0] = M)), clearTimeout(v.wheel);
     else {
-      if (M.k === $) return;
-      v.mouse = [C, M.invert(C)], Ht(this), v.start();
+      if (C.k === $) return;
+      v.mouse = [M, C.invert(M)], Ht(this), v.start();
     }
-    ot(g), v.wheel = setTimeout(T, p), v.zoom("mouse", n(m(b(M, $), v.mouse[0], v.mouse[1]), v.extent, s));
+    ot(m), v.wheel = setTimeout(T, g), v.zoom("mouse", n(p(_(C, $), v.mouse[0], v.mouse[1]), v.extent, s));
     function T() {
       v.wheel = null, v.end();
     }
   }
-  function I(g, ...E) {
+  function I(m, ...E) {
     if (f || !e.apply(this, arguments)) return;
-    var v = g.currentTarget, M = k(this, E, !0).event(g), $ = le(g.view).on("mousemove.zoom", R, !0).on("mouseup.zoom", W, !0), C = he(g, v), T = g.clientX, O = g.clientY;
-    Dr(g.view), _n(g), M.mouse = [C, this.__zoom.invert(C)], Ht(this), M.start();
-    function R(Y) {
-      if (ot(Y), !M.moved) {
-        var F = Y.clientX - T, Z = Y.clientY - O;
-        M.moved = F * F + Z * Z > y;
+    var v = m.currentTarget, C = k(this, E, !0).event(m), $ = le(m.view).on("mousemove.zoom", R, !0).on("mouseup.zoom", Y, !0), M = he(m, v), T = m.clientX, O = m.clientY;
+    Dr(m.view), _n(m), C.mouse = [M, this.__zoom.invert(M)], Ht(this), C.start();
+    function R(X) {
+      if (ot(X), !C.moved) {
+        var F = X.clientX - T, Z = X.clientY - O;
+        C.moved = F * F + Z * Z > y;
       }
-      M.event(Y).zoom("mouse", n(m(M.that.__zoom, M.mouse[0] = he(Y, v), M.mouse[1]), M.extent, s));
+      C.event(X).zoom("mouse", n(p(C.that.__zoom, C.mouse[0] = he(X, v), C.mouse[1]), C.extent, s));
     }
-    function W(Y) {
-      $.on("mousemove.zoom mouseup.zoom", null), Hr(Y.view, M.moved), ot(Y), M.event(Y).end();
+    function Y(X) {
+      $.on("mousemove.zoom mouseup.zoom", null), Hr(X.view, C.moved), ot(X), C.event(X).end();
     }
   }
-  function A(g, ...E) {
+  function A(m, ...E) {
     if (e.apply(this, arguments)) {
-      var v = this.__zoom, M = he(g.changedTouches ? g.changedTouches[0] : g, this), $ = v.invert(M), C = v.k * (g.shiftKey ? 0.5 : 2), T = n(m(b(v, C), M, $), t.apply(this, E), s);
-      ot(g), a > 0 ? le(this).transition().duration(a).call(N, T, M, g) : le(this).call(x.transform, T, M, g);
+      var v = this.__zoom, C = he(m.changedTouches ? m.changedTouches[0] : m, this), $ = v.invert(C), M = v.k * (m.shiftKey ? 0.5 : 2), T = n(p(_(v, M), C, $), t.apply(this, E), s);
+      ot(m), a > 0 ? le(this).transition().duration(a).call(N, T, C, m) : le(this).call(x.transform, T, C, m);
     }
   }
-  function V(g, ...E) {
+  function V(m, ...E) {
     if (e.apply(this, arguments)) {
-      var v = g.touches, M = v.length, $ = k(this, E, g.changedTouches.length === M).event(g), C, T, O, R;
-      for (_n(g), T = 0; T < M; ++T)
-        O = v[T], R = he(O, this), R = [R, this.__zoom.invert(R), O.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== R[2] && ($.touch1 = R, $.taps = 0) : ($.touch0 = R, C = !0, $.taps = 1 + !!d);
-      d && (d = clearTimeout(d)), C && ($.taps < 2 && (u = R[0], d = setTimeout(function() {
+      var v = m.touches, C = v.length, $ = k(this, E, m.changedTouches.length === C).event(m), M, T, O, R;
+      for (_n(m), T = 0; T < C; ++T)
+        O = v[T], R = he(O, this), R = [R, this.__zoom.invert(R), O.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== R[2] && ($.touch1 = R, $.taps = 0) : ($.touch0 = R, M = !0, $.taps = 1 + !!d);
+      d && (d = clearTimeout(d)), M && ($.taps < 2 && (u = R[0], d = setTimeout(function() {
         d = null;
       }, h)), Ht(this), $.start());
     }
   }
-  function D(g, ...E) {
+  function D(m, ...E) {
     if (this.__zooming) {
-      var v = k(this, E).event(g), M = g.changedTouches, $ = M.length, C, T, O, R;
-      for (ot(g), C = 0; C < $; ++C)
-        T = M[C], O = he(T, this), v.touch0 && v.touch0[2] === T.identifier ? v.touch0[0] = O : v.touch1 && v.touch1[2] === T.identifier && (v.touch1[0] = O);
+      var v = k(this, E).event(m), C = m.changedTouches, $ = C.length, M, T, O, R;
+      for (ot(m), M = 0; M < $; ++M)
+        T = C[M], O = he(T, this), v.touch0 && v.touch0[2] === T.identifier ? v.touch0[0] = O : v.touch1 && v.touch1[2] === T.identifier && (v.touch1[0] = O);
       if (T = v.that.__zoom, v.touch1) {
-        var W = v.touch0[0], Y = v.touch0[1], F = v.touch1[0], Z = v.touch1[1], L = (L = F[0] - W[0]) * L + (L = F[1] - W[1]) * L, X = (X = Z[0] - Y[0]) * X + (X = Z[1] - Y[1]) * X;
-        T = b(T, Math.sqrt(L / X)), O = [(W[0] + F[0]) / 2, (W[1] + F[1]) / 2], R = [(Y[0] + Z[0]) / 2, (Y[1] + Z[1]) / 2];
+        var Y = v.touch0[0], X = v.touch0[1], F = v.touch1[0], Z = v.touch1[1], L = (L = F[0] - Y[0]) * L + (L = F[1] - Y[1]) * L, W = (W = Z[0] - X[0]) * W + (W = Z[1] - X[1]) * W;
+        T = _(T, Math.sqrt(L / W)), O = [(Y[0] + F[0]) / 2, (Y[1] + F[1]) / 2], R = [(X[0] + Z[0]) / 2, (X[1] + Z[1]) / 2];
       } else if (v.touch0) O = v.touch0[0], R = v.touch0[1];
       else return;
-      v.zoom("touch", n(m(T, O, R), v.extent, s));
+      v.zoom("touch", n(p(T, O, R), v.extent, s));
     }
   }
-  function H(g, ...E) {
+  function H(m, ...E) {
     if (this.__zooming) {
-      var v = k(this, E).event(g), M = g.changedTouches, $ = M.length, C, T;
-      for (_n(g), f && clearTimeout(f), f = setTimeout(function() {
+      var v = k(this, E).event(m), C = m.changedTouches, $ = C.length, M, T;
+      for (_n(m), f && clearTimeout(f), f = setTimeout(function() {
         f = null;
-      }, h), C = 0; C < $; ++C)
-        T = M[C], v.touch0 && v.touch0[2] === T.identifier ? delete v.touch0 : v.touch1 && v.touch1[2] === T.identifier && delete v.touch1;
+      }, h), M = 0; M < $; ++M)
+        T = C[M], v.touch0 && v.touch0[2] === T.identifier ? delete v.touch0 : v.touch1 && v.touch1[2] === T.identifier && delete v.touch1;
       if (v.touch1 && !v.touch0 && (v.touch0 = v.touch1, delete v.touch1), v.touch0) v.touch0[1] = this.__zoom.invert(v.touch0[0]);
-      else if (v.end(), v.taps === 2 && (T = he(T, this), Math.hypot(u[0] - T[0], u[1] - T[1]) < _)) {
+      else if (v.end(), v.taps === 2 && (T = he(T, this), Math.hypot(u[0] - T[0], u[1] - T[1]) < b)) {
         var O = le(this).on("dblclick.zoom");
         O && O.apply(this, arguments);
       }
     }
   }
-  return x.wheelDelta = function(g) {
-    return arguments.length ? (o = typeof g == "function" ? g : kt(+g), x) : o;
-  }, x.filter = function(g) {
-    return arguments.length ? (e = typeof g == "function" ? g : kt(!!g), x) : e;
-  }, x.touchable = function(g) {
-    return arguments.length ? (r = typeof g == "function" ? g : kt(!!g), x) : r;
-  }, x.extent = function(g) {
-    return arguments.length ? (t = typeof g == "function" ? g : kt([[+g[0][0], +g[0][1]], [+g[1][0], +g[1][1]]]), x) : t;
-  }, x.scaleExtent = function(g) {
-    return arguments.length ? (i[0] = +g[0], i[1] = +g[1], x) : [i[0], i[1]];
-  }, x.translateExtent = function(g) {
-    return arguments.length ? (s[0][0] = +g[0][0], s[1][0] = +g[1][0], s[0][1] = +g[0][1], s[1][1] = +g[1][1], x) : [[s[0][0], s[0][1]], [s[1][0], s[1][1]]];
-  }, x.constrain = function(g) {
-    return arguments.length ? (n = g, x) : n;
-  }, x.duration = function(g) {
-    return arguments.length ? (a = +g, x) : a;
-  }, x.interpolate = function(g) {
-    return arguments.length ? (c = g, x) : c;
+  return x.wheelDelta = function(m) {
+    return arguments.length ? (o = typeof m == "function" ? m : kt(+m), x) : o;
+  }, x.filter = function(m) {
+    return arguments.length ? (e = typeof m == "function" ? m : kt(!!m), x) : e;
+  }, x.touchable = function(m) {
+    return arguments.length ? (r = typeof m == "function" ? m : kt(!!m), x) : r;
+  }, x.extent = function(m) {
+    return arguments.length ? (t = typeof m == "function" ? m : kt([[+m[0][0], +m[0][1]], [+m[1][0], +m[1][1]]]), x) : t;
+  }, x.scaleExtent = function(m) {
+    return arguments.length ? (i[0] = +m[0], i[1] = +m[1], x) : [i[0], i[1]];
+  }, x.translateExtent = function(m) {
+    return arguments.length ? (s[0][0] = +m[0][0], s[1][0] = +m[1][0], s[0][1] = +m[0][1], s[1][1] = +m[1][1], x) : [[s[0][0], s[0][1]], [s[1][0], s[1][1]]];
+  }, x.constrain = function(m) {
+    return arguments.length ? (n = m, x) : n;
+  }, x.duration = function(m) {
+    return arguments.length ? (a = +m, x) : a;
+  }, x.interpolate = function(m) {
+    return arguments.length ? (c = m, x) : c;
   }, x.on = function() {
-    var g = l.on.apply(l, arguments);
-    return g === l ? x : g;
-  }, x.clickDistance = function(g) {
-    return arguments.length ? (y = (g = +g) * g, x) : Math.sqrt(y);
-  }, x.tapDistance = function(g) {
-    return arguments.length ? (_ = +g, x) : _;
+    var m = l.on.apply(l, arguments);
+    return m === l ? x : m;
+  }, x.clickDistance = function(m) {
+    return arguments.length ? (y = (m = +m) * m, x) : Math.sqrt(y);
+  }, x.tapDistance = function(m) {
+    return arguments.length ? (b = +m, x) : b;
   }, x;
 }
-const Ne = {
+const xe = {
   error001: () => "[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001",
   error002: () => "It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.",
   error003: (e) => `Node type "${e}" not found. Using fallback type "default".`,
@@ -2267,7 +2267,8 @@ const Ne = {
   error011: (e) => `Edge type "${e}" not found. Using fallback type "default".`,
   error012: (e) => `Node with id "${e}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
   error013: (e = "react") => `It seems that you haven't loaded the styles. Please import '@xyflow/${e}/dist/style.css' or base.css to make sure everything is working properly.`,
-  error014: () => "useNodeConnections: No node ID found. Call useNodeConnections inside a custom Node or provide a node ID."
+  error014: () => "useNodeConnections: No node ID found. Call useNodeConnections inside a custom Node or provide a node ID.",
+  error015: () => "It seems that you are trying to drag a node that is not initialized. Please use onNodesChange as explained in the docs."
 }, ht = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
@@ -2354,8 +2355,8 @@ const ni = (e) => "id" in e && "source" in e && "target" in e, sd = (e) => "id"
     const { measured: d, selectable: u = !0, hidden: f = !1 } = l;
     if (s && !u || f)
       continue;
-    const h = d.width ?? l.width ?? l.initialWidth ?? null, p = d.height ?? l.height ?? l.initialHeight ?? null, y = pt(a, Ge(l)), _ = (h ?? 0) * (p ?? 0), x = i && y > 0;
-    (!l.internals.handleBounds || x || y >= _ || l.dragging) && c.push(l);
+    const h = d.width ?? l.width ?? l.initialWidth ?? null, g = d.height ?? l.height ?? l.initialHeight ?? null, y = pt(a, Ge(l)), b = (h ?? 0) * (g ?? 0), x = i && y > 0;
+    (!l.internals.handleBounds || x || y >= b || l.dragging) && c.push(l);
   }
   return c;
 }, cd = (e, t) => {
@@ -2381,12 +2382,12 @@ function ri({ nodeId: e, nextPosition: t, nodeLookup: n, nodeOrigin: o = [0, 0],
   let u = r;
   if (s.extent === "parent" && !s.expandParent)
     if (!a)
-      i?.("005", Ne.error005());
+      i?.("005", xe.error005());
     else {
-      const h = a.measured.width, p = a.measured.height;
-      h && p && (u = [
+      const h = a.measured.width, g = a.measured.height;
+      h && g && (u = [
         [c, l],
-        [c + h, l + p]
+        [c + h, l + g]
       ]);
     }
   else a && Ke(s.extent) && (u = [
@@ -2394,10 +2395,10 @@ function ri({ nodeId: e, nextPosition: t, nodeLookup: n, nodeOrigin: o = [0, 0],
     [s.extent[1][0] + c, s.extent[1][1] + l]
   ]);
   const f = Ke(u) ? Oe(t, u, s.measured) : t;
-  return {
+  return (s.measured.width === void 0 || s.measured.height === void 0) && i?.("015", xe.error015()), {
     position: {
-      x: f.x - c + s.measured.width * d[0],
-      y: f.y - l + s.measured.height * d[1]
+      x: f.x - c + (s.measured.width ?? 0) * d[0],
+      y: f.y - l + (s.measured.height ?? 0) * d[1]
     },
     positionAbsolute: f
   };
@@ -2407,12 +2408,12 @@ async function ld({ nodesToRemove: e = [], edgesToRemove: t = [], nodes: n, edge
   for (const f of n) {
     if (f.deletable === !1)
       continue;
-    const h = i.has(f.id), p = !h && f.parentId && s.find((y) => y.id === f.parentId);
-    (h || p) && s.push(f);
+    const h = i.has(f.id), g = !h && f.parentId && s.find((y) => y.id === f.parentId);
+    (h || g) && s.push(f);
   }
   const a = new Set(t.map((f) => f.id)), c = o.filter((f) => f.deletable !== !1), d = cd(s, c);
   for (const f of c)
-    a.has(f.id) && !d.find((p) => p.id === f.id) && d.push(f);
+    a.has(f.id) && !d.find((g) => g.id === f.id) && d.push(f);
   if (!r)
     return {
       edges: d,
@@ -2518,7 +2519,7 @@ function Oo(e, t) {
   return !0;
 }
 function st(e, { snapGrid: t = [0, 0], snapToGrid: n = !1, transform: o, containerBounds: r }) {
-  const { x: i, y: s } = be(e), a = bt({ x: i - (r?.left ?? 0), y: s - (r?.top ?? 0) }, o), { x: c, y: l } = n ? nn(a, t) : a;
+  const { x: i, y: s } = Ee(e), a = bt({ x: i - (r?.left ?? 0), y: s - (r?.top ?? 0) }, o), { x: c, y: l } = n ? nn(a, t) : a;
   return {
     xSnapped: c,
     ySnapped: l,
@@ -2533,7 +2534,7 @@ function On(e) {
   const t = e.composedPath?.()?.[0] || e.target;
   return t?.nodeType !== 1 ? !1 : dd.includes(t.nodeName) || t.hasAttribute("contenteditable") || !!t.closest(".nokey");
 }
-const fi = (e) => "clientX" in e, be = (e, t) => {
+const fi = (e) => "clientX" in e, Ee = (e, t) => {
   const n = fi(e), o = n ? e.clientX : e.touches?.[0].clientX, r = n ? e.clientY : e.touches?.[0].clientY;
   return {
     x: o - (t?.left ?? 0),
@@ -2588,7 +2589,7 @@ function gi({ sourceX: e, sourceY: t, sourcePosition: n = B.Bottom, targetX: o,
     x2: e,
     y2: t,
     c: s
-  }), [u, f, h, p] = hi({
+  }), [u, f, h, g] = hi({
     sourceX: e,
     sourceY: t,
     targetX: o,
@@ -2603,7 +2604,7 @@ function gi({ sourceX: e, sourceY: t, sourcePosition: n = B.Bottom, targetX: o,
     u,
     f,
     h,
-    p
+    g
   ];
 }
 function pi({ sourceX: e, sourceY: t, targetX: n, targetY: o }) {
@@ -2657,18 +2658,18 @@ function wd({ source: e, sourcePosition: t = B.Bottom, target: n, targetPosition
     sourcePosition: t,
     target: l
   }), u = d.x !== 0 ? "x" : "y", f = d[u];
-  let h = [], p, y;
-  const _ = { x: 0, y: 0 }, x = { x: 0, y: 0 }, [b, m, w, N] = pi({
+  let h = [], g, y;
+  const b = { x: 0, y: 0 }, x = { x: 0, y: 0 }, [_, p, w, N] = pi({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
     targetY: n.y
   });
   if (s[u] * a[u] === -1) {
-    p = r.x ?? b, y = r.y ?? m;
+    g = r.x ?? _, y = r.y ?? p;
     const S = [
-      { x: p, y: c.y },
-      { x: p, y: l.y }
+      { x: g, y: c.y },
+      { x: g, y: l.y }
     ], P = [
       { x: c.x, y },
       { x: l.x, y }
@@ -2679,24 +2680,24 @@ function wd({ source: e, sourcePosition: t = B.Bottom, target: n, targetPosition
     if (u === "x" ? h = s.x === f ? P : S : h = s.y === f ? S : P, t === o) {
       const H = Math.abs(e[u] - n[u]);
       if (H <= i) {
-        const g = Math.min(i - 1, i - H);
-        s[u] === f ? _[u] = (c[u] > e[u] ? -1 : 1) * g : x[u] = (l[u] > n[u] ? -1 : 1) * g;
+        const m = Math.min(i - 1, i - H);
+        s[u] === f ? b[u] = (c[u] > e[u] ? -1 : 1) * m : x[u] = (l[u] > n[u] ? -1 : 1) * m;
       }
     }
     if (t !== o) {
-      const H = u === "x" ? "y" : "x", g = s[u] === a[H], E = c[H] > l[H], v = c[H] < l[H];
-      (s[u] === 1 && (!g && E || g && v) || s[u] !== 1 && (!g && v || g && E)) && (h = u === "x" ? S : P);
+      const H = u === "x" ? "y" : "x", m = s[u] === a[H], E = c[H] > l[H], v = c[H] < l[H];
+      (s[u] === 1 && (!m && E || m && v) || s[u] !== 1 && (!m && v || m && E)) && (h = u === "x" ? S : P);
     }
-    const I = { x: c.x + _.x, y: c.y + _.y }, A = { x: l.x + x.x, y: l.y + x.y }, V = Math.max(Math.abs(I.x - h[0].x), Math.abs(A.x - h[0].x)), D = Math.max(Math.abs(I.y - h[0].y), Math.abs(A.y - h[0].y));
-    V >= D ? (p = (I.x + A.x) / 2, y = h[0].y) : (p = h[0].x, y = (I.y + A.y) / 2);
+    const I = { x: c.x + b.x, y: c.y + b.y }, A = { x: l.x + x.x, y: l.y + x.y }, V = Math.max(Math.abs(I.x - h[0].x), Math.abs(A.x - h[0].x)), D = Math.max(Math.abs(I.y - h[0].y), Math.abs(A.y - h[0].y));
+    V >= D ? (g = (I.x + A.x) / 2, y = h[0].y) : (g = h[0].x, y = (I.y + A.y) / 2);
   }
   return [[
     e,
-    { x: c.x + _.x, y: c.y + _.y },
+    { x: c.x + b.x, y: c.y + b.y },
     ...h,
     { x: l.x + x.x, y: l.y + x.y },
     n
-  ], p, y, w, N];
+  ], g, y, w, N];
 }
 function xd(e, t, n, o) {
   const r = Math.min(Fo(e, t) / 2, Fo(t, n) / 2, o), { x: i, y: s } = t;
@@ -2710,7 +2711,7 @@ function xd(e, t, n, o) {
   return `L ${i},${s + r * c}Q ${i},${s} ${i + r * a},${s}`;
 }
 function Rn({ sourceX: e, sourceY: t, sourcePosition: n = B.Bottom, targetX: o, targetY: r, targetPosition: i = B.Top, borderRadius: s = 5, centerX: a, centerY: c, offset: l = 20 }) {
-  const [d, u, f, h, p] = wd({
+  const [d, u, f, h, g] = wd({
     source: { x: e, y: t },
     sourcePosition: n,
     target: { x: o, y: r },
@@ -2718,10 +2719,10 @@ function Rn({ sourceX: e, sourceY: t, sourcePosition: n = B.Bottom, targetX: o,
     center: { x: a, y: c },
     offset: l
   });
-  return [d.reduce((_, x, b) => {
-    let m = "";
-    return b > 0 && b < d.length - 1 ? m = xd(d[b - 1], x, d[b + 1], s) : m = `${b === 0 ? "M" : "L"}${x.x} ${x.y}`, _ += m, _;
-  }, ""), u, f, h, p];
+  return [d.reduce((b, x, _) => {
+    let p = "";
+    return _ > 0 && _ < d.length - 1 ? p = xd(d[_ - 1], x, d[_ + 1], s) : p = `${_ === 0 ? "M" : "L"}${x.x} ${x.y}`, b += p, b;
+  }, ""), u, f, h, g];
 }
 function Xo(e) {
   return e && !!(e.internals.handleBounds || e.handles?.length) && !!(e.measured.width || e.width || e.initialWidth);
@@ -2736,7 +2737,7 @@ function vd(e) {
     e.targetHandle
   );
   if (!i || !s)
-    return e.onError?.("008", Ne.error008(i ? "target" : "source", {
+    return e.onError?.("008", xe.error008(i ? "target" : "source", {
       id: e.id,
       sourceHandle: e.sourceHandle,
       targetHandle: e.targetHandle
@@ -2884,12 +2885,12 @@ function ro(e, t, n, o) {
     return;
   }
   Nd(e, n);
-  const l = r ? 1e3 : 0, { x: d, y: u, z: f } = Cd(e, c, i, s, l), { positionAbsolute: h } = e.internals, p = d !== h.x || u !== h.y;
-  (p || f !== e.internals.z) && t.set(e.id, {
+  const l = r ? 1e3 : 0, { x: d, y: u, z: f } = Cd(e, c, i, s, l), { positionAbsolute: h } = e.internals, g = d !== h.x || u !== h.y;
+  (g || f !== e.internals.z) && t.set(e.id, {
     ...e,
     internals: {
       ...e.internals,
-      positionAbsolute: p ? { x: d, y: u } : h,
+      positionAbsolute: g ? { x: d, y: u } : h,
       z: f
     }
   });
@@ -2918,21 +2919,21 @@ function io(e, t, n, o = [0, 0]) {
     i.set(s.parentId, { expandedRect: l, parent: a });
   }
   return i.size > 0 && i.forEach(({ expandedRect: s, parent: a }, c) => {
-    const l = a.internals.positionAbsolute, d = Ce(a), u = a.origin ?? o, f = s.x < l.x ? Math.round(Math.abs(l.x - s.x)) : 0, h = s.y < l.y ? Math.round(Math.abs(l.y - s.y)) : 0, p = Math.max(d.width, Math.round(s.width)), y = Math.max(d.height, Math.round(s.height)), _ = (p - d.width) * u[0], x = (y - d.height) * u[1];
-    (f > 0 || h > 0 || _ || x) && (r.push({
+    const l = a.internals.positionAbsolute, d = Ce(a), u = a.origin ?? o, f = s.x < l.x ? Math.round(Math.abs(l.x - s.x)) : 0, h = s.y < l.y ? Math.round(Math.abs(l.y - s.y)) : 0, g = Math.max(d.width, Math.round(s.width)), y = Math.max(d.height, Math.round(s.height)), b = (g - d.width) * u[0], x = (y - d.height) * u[1];
+    (f > 0 || h > 0 || b || x) && (r.push({
       id: c,
       type: "position",
       position: {
-        x: a.position.x - f + _,
+        x: a.position.x - f + b,
         y: a.position.y - h + x
       }
-    }), n.get(c)?.forEach((b) => {
-      e.some((m) => m.id === b.id) || r.push({
-        id: b.id,
+    }), n.get(c)?.forEach((_) => {
+      e.some((p) => p.id === _.id) || r.push({
+        id: _.id,
         type: "position",
         position: {
-          x: b.position.x + f,
-          y: b.position.y + h
+          x: _.position.x + f,
+          y: _.position.y + h
         }
       });
     })), (d.width < s.width || d.height < s.height || f || h) && r.push({
@@ -2940,7 +2941,7 @@ function io(e, t, n, o = [0, 0]) {
       type: "dimensions",
       setAttributes: !0,
       dimensions: {
-        width: p + (f ? u[0] * f - _ : 0),
+        width: g + (f ? u[0] * f - b : 0),
         height: y + (h ? u[1] * h - x : 0)
       }
     });
@@ -2966,17 +2967,17 @@ function Md(e, t, n, o, r, i) {
       }), a = !0;
       continue;
     }
-    const p = on(f.nodeElement), y = h.measured.width !== p.width || h.measured.height !== p.height;
-    if (!!(p.width && p.height && (y || !h.internals.handleBounds || f.force))) {
-      const x = f.nodeElement.getBoundingClientRect(), b = Ke(h.extent) ? h.extent : i;
-      let { positionAbsolute: m } = h.internals;
-      h.parentId && h.extent === "parent" ? m = ii(m, p, t.get(h.parentId)) : b && (m = Oe(m, b, p));
+    const g = on(f.nodeElement), y = h.measured.width !== g.width || h.measured.height !== g.height;
+    if (!!(g.width && g.height && (y || !h.internals.handleBounds || f.force))) {
+      const x = f.nodeElement.getBoundingClientRect(), _ = Ke(h.extent) ? h.extent : i;
+      let { positionAbsolute: p } = h.internals;
+      h.parentId && h.extent === "parent" ? p = ii(p, g, t.get(h.parentId)) : _ && (p = Oe(p, _, g));
       const w = {
         ...h,
-        measured: p,
+        measured: g,
         internals: {
           ...h.internals,
-          positionAbsolute: m,
+          positionAbsolute: p,
           handleBounds: {
             source: Ro("source", f.nodeElement, x, d, h.id),
             target: Ro("target", f.nodeElement, x, d, h.id)
@@ -2986,7 +2987,7 @@ function Md(e, t, n, o, r, i) {
       t.set(h.id, w), h.parentId && ro(w, t, n, { nodeOrigin: r }), a = !0, y && (c.push({
         id: h.id,
         type: "dimensions",
-        dimensions: p
+        dimensions: g
       }), h.expandParent && h.parentId && u.push({
         id: h.id,
         parentId: h.parentId,
@@ -3099,49 +3100,49 @@ function bn({ nodeId: e, dragItems: t, nodeLookup: n, dragging: o = !0 }) {
 }
 function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, onDragStop: r }) {
   let i = { x: null, y: null }, s = 0, a = /* @__PURE__ */ new Map(), c = !1, l = { x: 0, y: 0 }, d = null, u = !1, f = null, h = !1;
-  function p({ noDragClassName: _, handleSelector: x, domNode: b, isSelectable: m, nodeId: w, nodeClickDistance: N = 0 }) {
-    f = le(b);
+  function g({ noDragClassName: b, handleSelector: x, domNode: _, isSelectable: p, nodeId: w, nodeClickDistance: N = 0 }) {
+    f = le(_);
     function k({ x: A, y: V }, D) {
-      const { nodeLookup: H, nodeExtent: g, snapGrid: E, snapToGrid: v, nodeOrigin: M, onNodeDrag: $, onSelectionDrag: C, onError: T, updateNodePositions: O } = t();
+      const { nodeLookup: H, nodeExtent: m, snapGrid: E, snapToGrid: v, nodeOrigin: C, onNodeDrag: $, onSelectionDrag: M, onError: T, updateNodePositions: O } = t();
       i = { x: A, y: V };
-      let R = !1, W = { x: 0, y: 0, x2: 0, y2: 0 };
-      if (a.size > 1 && g) {
-        const Y = Ue(a);
-        W = Vn(Y);
+      let R = !1, Y = { x: 0, y: 0, x2: 0, y2: 0 };
+      if (a.size > 1 && m) {
+        const X = Ue(a);
+        Y = Vn(X);
       }
-      for (const [Y, F] of a) {
-        if (!H.has(Y))
+      for (const [X, F] of a) {
+        if (!H.has(X))
           continue;
         let Z = { x: A - F.distance.x, y: V - F.distance.y };
         v && (Z = nn(Z, E));
         let L = [
-          [g[0][0], g[0][1]],
-          [g[1][0], g[1][1]]
+          [m[0][0], m[0][1]],
+          [m[1][0], m[1][1]]
         ];
-        if (a.size > 1 && g && !F.extent) {
-          const { positionAbsolute: te } = F.internals, Q = te.x - W.x + g[0][0], q = te.x + F.measured.width - W.x2 + g[1][0], U = te.y - W.y + g[0][1], oe = te.y + F.measured.height - W.y2 + g[1][1];
+        if (a.size > 1 && m && !F.extent) {
+          const { positionAbsolute: te } = F.internals, Q = te.x - Y.x + m[0][0], q = te.x + F.measured.width - Y.x2 + m[1][0], U = te.y - Y.y + m[0][1], oe = te.y + F.measured.height - Y.y2 + m[1][1];
           L = [
             [Q, U],
             [q, oe]
           ];
         }
-        const { position: X, positionAbsolute: K } = ri({
-          nodeId: Y,
+        const { position: W, positionAbsolute: G } = ri({
+          nodeId: X,
           nextPosition: Z,
           nodeLookup: H,
           nodeExtent: L,
-          nodeOrigin: M,
+          nodeOrigin: C,
           onError: T
         });
-        R = R || F.position.x !== X.x || F.position.y !== X.y, F.position = X, F.internals.positionAbsolute = K;
+        R = R || F.position.x !== W.x || F.position.y !== W.y, F.position = W, F.internals.positionAbsolute = G;
       }
-      if (R && (O(a, !0), D && (o || $ || !w && C))) {
-        const [Y, F] = bn({
+      if (R && (O(a, !0), D && (o || $ || !w && M))) {
+        const [X, F] = bn({
           nodeId: w,
           dragItems: a,
           nodeLookup: H
         });
-        o?.(D, a, Y, F), $?.(D, Y, F), w || C?.(D, F);
+        o?.(D, a, X, F), $?.(D, X, F), w || M?.(D, F);
       }
     }
     async function S() {
@@ -3152,51 +3153,51 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
         c = !1, cancelAnimationFrame(s);
         return;
       }
-      const [g, E] = si(l, d, D);
-      (g !== 0 || E !== 0) && (i.x = (i.x ?? 0) - g / A[2], i.y = (i.y ?? 0) - E / A[2], await V({ x: g, y: E }) && k(i, null)), s = requestAnimationFrame(S);
+      const [m, E] = si(l, d, D);
+      (m !== 0 || E !== 0) && (i.x = (i.x ?? 0) - m / A[2], i.y = (i.y ?? 0) - E / A[2], await V({ x: m, y: E }) && k(i, null)), s = requestAnimationFrame(S);
     }
     function P(A) {
-      const { nodeLookup: V, multiSelectionActive: D, nodesDraggable: H, transform: g, snapGrid: E, snapToGrid: v, selectNodesOnDrag: M, onNodeDragStart: $, onSelectionDragStart: C, unselectNodesAndEdges: T } = t();
-      u = !0, (!M || !m) && !D && w && (V.get(w)?.selected || T()), m && M && w && e?.(w);
-      const O = st(A.sourceEvent, { transform: g, snapGrid: E, snapToGrid: v, containerBounds: d });
-      if (i = O, a = $d(V, H, O, w), a.size > 0 && (n || $ || !w && C)) {
-        const [R, W] = bn({
+      const { nodeLookup: V, multiSelectionActive: D, nodesDraggable: H, transform: m, snapGrid: E, snapToGrid: v, selectNodesOnDrag: C, onNodeDragStart: $, onSelectionDragStart: M, unselectNodesAndEdges: T } = t();
+      u = !0, (!C || !p) && !D && w && (V.get(w)?.selected || T()), p && C && w && e?.(w);
+      const O = st(A.sourceEvent, { transform: m, snapGrid: E, snapToGrid: v, containerBounds: d });
+      if (i = O, a = $d(V, H, O, w), a.size > 0 && (n || $ || !w && M)) {
+        const [R, Y] = bn({
           nodeId: w,
           dragItems: a,
           nodeLookup: V
         });
-        n?.(A.sourceEvent, a, R, W), $?.(A.sourceEvent, R, W), w || C?.(A.sourceEvent, W);
+        n?.(A.sourceEvent, a, R, Y), $?.(A.sourceEvent, R, Y), w || M?.(A.sourceEvent, Y);
       }
     }
     const I = Vr().clickDistance(N).on("start", (A) => {
-      const { domNode: V, nodeDragThreshold: D, transform: H, snapGrid: g, snapToGrid: E } = t();
-      d = V?.getBoundingClientRect() || null, h = !1, D === 0 && P(A), i = st(A.sourceEvent, { transform: H, snapGrid: g, snapToGrid: E, containerBounds: d }), l = be(A.sourceEvent, d);
+      const { domNode: V, nodeDragThreshold: D, transform: H, snapGrid: m, snapToGrid: E } = t();
+      d = V?.getBoundingClientRect() || null, h = !1, D === 0 && P(A), i = st(A.sourceEvent, { transform: H, snapGrid: m, snapToGrid: E, containerBounds: d }), l = Ee(A.sourceEvent, d);
     }).on("drag", (A) => {
-      const { autoPanOnNodeDrag: V, transform: D, snapGrid: H, snapToGrid: g, nodeDragThreshold: E, nodeLookup: v } = t(), M = st(A.sourceEvent, { transform: D, snapGrid: H, snapToGrid: g, containerBounds: d });
+      const { autoPanOnNodeDrag: V, transform: D, snapGrid: H, snapToGrid: m, nodeDragThreshold: E, nodeLookup: v } = t(), C = st(A.sourceEvent, { transform: D, snapGrid: H, snapToGrid: m, containerBounds: d });
       if ((A.sourceEvent.type === "touchmove" && A.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       w && !v.has(w)) && (h = !0), !h) {
         if (!c && V && u && (c = !0, S()), !u) {
-          const $ = M.xSnapped - (i.x ?? 0), C = M.ySnapped - (i.y ?? 0);
-          Math.sqrt($ * $ + C * C) > E && P(A);
+          const $ = C.xSnapped - (i.x ?? 0), M = C.ySnapped - (i.y ?? 0);
+          Math.sqrt($ * $ + M * M) > E && P(A);
         }
-        (i.x !== M.xSnapped || i.y !== M.ySnapped) && a && u && (l = be(A.sourceEvent, d), k(M, A.sourceEvent));
+        (i.x !== C.xSnapped || i.y !== C.ySnapped) && a && u && (l = Ee(A.sourceEvent, d), k(C, A.sourceEvent));
       }
     }).on("end", (A) => {
       if (!(!u || h) && (c = !1, u = !1, cancelAnimationFrame(s), a.size > 0)) {
-        const { nodeLookup: V, updateNodePositions: D, onNodeDragStop: H, onSelectionDragStop: g } = t();
-        if (D(a, !1), r || H || !w && g) {
+        const { nodeLookup: V, updateNodePositions: D, onNodeDragStop: H, onSelectionDragStop: m } = t();
+        if (D(a, !1), r || H || !w && m) {
           const [E, v] = bn({
             nodeId: w,
             dragItems: a,
             nodeLookup: V,
             dragging: !1
           });
-          r?.(A.sourceEvent, a, E, v), H?.(A.sourceEvent, E, v), w || g?.(A.sourceEvent, v);
+          r?.(A.sourceEvent, a, E, v), H?.(A.sourceEvent, E, v), w || m?.(A.sourceEvent, v);
         }
       }
     }).filter((A) => {
       const V = A.target;
-      return !A.button && (!_ || !qo(V, `.${_}`, b)) && (!x || qo(V, x, b));
+      return !A.button && (!b || !qo(V, `.${b}`, _)) && (!x || qo(V, x, _));
     });
     f.call(I);
   }
@@ -3204,7 +3205,7 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
     f?.on(".drag", null);
   }
   return {
-    update: p,
+    update: g,
     destroy: y
   };
 }
@@ -3255,50 +3256,50 @@ function Td(e, t) {
   return t ? n = !0 : e && !t && (n = !1), n;
 }
 const bi = () => !0;
-function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: l, autoPanOnConnect: d, flowId: u, panBy: f, cancelConnection: h, onConnectStart: p, onConnect: y, onConnectEnd: _, isValidConnection: x = bi, onReconnectEnd: b, updateConnection: m, getTransform: w, getFromHandle: N, autoPanSpeed: k }) {
+function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: l, autoPanOnConnect: d, flowId: u, panBy: f, cancelConnection: h, onConnectStart: g, onConnect: y, onConnectEnd: b, isValidConnection: x = bi, onReconnectEnd: _, updateConnection: p, getTransform: w, getFromHandle: N, autoPanSpeed: k }) {
   const S = di(e.target);
   let P = 0, I;
-  const { x: A, y: V } = be(e), D = S?.elementFromPoint(A, V), H = _i(i, D), g = a?.getBoundingClientRect();
-  if (!g || !H)
+  const { x: A, y: V } = Ee(e), D = S?.elementFromPoint(A, V), H = _i(i, D), m = a?.getBoundingClientRect();
+  if (!m || !H)
     return;
   const E = vi(r, H, o, c, t);
   if (!E)
     return;
-  let v = be(e, g), M = !1, $ = null, C = !1, T = null;
+  let v = Ee(e, m), C = !1, $ = null, M = !1, T = null;
   function O() {
-    if (!d || !g)
+    if (!d || !m)
       return;
-    const [K, te] = si(v, g, k);
-    f({ x: K, y: te }), P = requestAnimationFrame(O);
+    const [G, te] = si(v, m, k);
+    f({ x: G, y: te }), P = requestAnimationFrame(O);
   }
   const R = {
     ...E,
     nodeId: r,
     type: H,
     position: E.position
-  }, W = c.get(r), F = {
+  }, Y = c.get(r), F = {
     inProgress: !0,
     isValid: null,
-    from: mt(W, R, B.Left, !0),
+    from: mt(Y, R, B.Left, !0),
     fromHandle: R,
     fromPosition: R.position,
-    fromNode: W,
+    fromNode: Y,
     to: v,
     toHandle: null,
     toPosition: Do[R.position],
     toNode: null
   };
-  m(F);
+  p(F);
   let Z = F;
-  p?.(e, { nodeId: r, handleId: o, handleType: H });
-  function L(K) {
+  g?.(e, { nodeId: r, handleId: o, handleType: H });
+  function L(G) {
     if (!N() || !R) {
-      X(K);
+      W(G);
       return;
     }
     const te = w();
-    v = be(K, g), I = zd(bt(v, te, !1, [1, 1]), n, c, R), M || (O(), M = !0);
-    const Q = Ei(K, {
+    v = Ee(G, m), I = zd(bt(v, te, !1, [1, 1]), n, c, R), C || (O(), C = !0);
+    const Q = Ei(G, {
       handle: I,
       connectionMode: t,
       fromNodeId: r,
@@ -3310,48 +3311,48 @@ function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
       flowId: u,
       nodeLookup: c
     });
-    T = Q.handleDomNode, $ = Q.connection, C = Td(!!I, Q.isValid);
+    T = Q.handleDomNode, $ = Q.connection, M = Td(!!I, Q.isValid);
     const q = {
       // from stays the same
       ...Z,
-      isValid: C,
-      to: I && C ? ci({ x: I.x, y: I.y }, te) : v,
+      isValid: M,
+      to: I && M ? ci({ x: I.x, y: I.y }, te) : v,
       toHandle: Q.toHandle,
-      toPosition: C && Q.toHandle ? Q.toHandle.position : Do[R.position],
+      toPosition: M && Q.toHandle ? Q.toHandle.position : Do[R.position],
       toNode: Q.toHandle ? c.get(Q.toHandle.nodeId) : null
     };
-    C && I && Z.toHandle && q.toHandle && Z.toHandle.type === q.toHandle.type && Z.toHandle.nodeId === q.toHandle.nodeId && Z.toHandle.id === q.toHandle.id && Z.to.x === q.to.x && Z.to.y === q.to.y || (m(q), Z = q);
+    M && I && Z.toHandle && q.toHandle && Z.toHandle.type === q.toHandle.type && Z.toHandle.nodeId === q.toHandle.nodeId && Z.toHandle.id === q.toHandle.id && Z.to.x === q.to.x && Z.to.y === q.to.y || (p(q), Z = q);
   }
-  function X(K) {
-    (I || T) && $ && C && y?.($);
+  function W(G) {
+    (I || T) && $ && M && y?.($);
     const { inProgress: te, ...Q } = Z, q = {
       ...Q,
       toPosition: Z.toHandle ? Z.toPosition : null
     };
-    _?.(K, q), i && b?.(K, q), h(), cancelAnimationFrame(P), M = !1, C = !1, $ = null, T = null, S.removeEventListener("mousemove", L), S.removeEventListener("mouseup", X), S.removeEventListener("touchmove", L), S.removeEventListener("touchend", X);
+    b?.(G, q), i && _?.(G, q), h(), cancelAnimationFrame(P), C = !1, M = !1, $ = null, T = null, S.removeEventListener("mousemove", L), S.removeEventListener("mouseup", W), S.removeEventListener("touchmove", L), S.removeEventListener("touchend", W);
   }
-  S.addEventListener("mousemove", L), S.addEventListener("mouseup", X), S.addEventListener("touchmove", L), S.addEventListener("touchend", X);
+  S.addEventListener("mousemove", L), S.addEventListener("mouseup", W), S.addEventListener("touchmove", L), S.addEventListener("touchend", W);
 }
 function Ei(e, { handle: t, connectionMode: n, fromNodeId: o, fromHandleId: r, fromType: i, doc: s, lib: a, flowId: c, isValidConnection: l = bi, nodeLookup: d }) {
-  const u = i === "target", f = t ? s.querySelector(`.${a}-flow__handle[data-id="${c}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: h, y: p } = be(e), y = s.elementFromPoint(h, p), _ = y?.classList.contains(`${a}-flow__handle`) ? y : f, x = {
-    handleDomNode: _,
+  const u = i === "target", f = t ? s.querySelector(`.${a}-flow__handle[data-id="${c}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: h, y: g } = Ee(e), y = s.elementFromPoint(h, g), b = y?.classList.contains(`${a}-flow__handle`) ? y : f, x = {
+    handleDomNode: b,
     isValid: !1,
     connection: null,
     toHandle: null
   };
-  if (_) {
-    const b = _i(void 0, _), m = _.getAttribute("data-nodeid"), w = _.getAttribute("data-handleid"), N = _.classList.contains("connectable"), k = _.classList.contains("connectableend");
-    if (!m || !b)
+  if (b) {
+    const _ = _i(void 0, b), p = b.getAttribute("data-nodeid"), w = b.getAttribute("data-handleid"), N = b.classList.contains("connectable"), k = b.classList.contains("connectableend");
+    if (!p || !_)
       return x;
     const S = {
-      source: u ? m : o,
+      source: u ? p : o,
       sourceHandle: u ? w : r,
-      target: u ? o : m,
+      target: u ? o : p,
       targetHandle: u ? r : w
     };
     x.connection = S;
-    const I = N && k && (n === We.Strict ? u && b === "source" || !u && b === "target" : m !== o || w !== r);
-    x.isValid = I && l(S), x.toHandle = vi(m, b, w, d, n, !1);
+    const I = N && k && (n === We.Strict ? u && _ === "source" || !u && _ === "target" : p !== o || w !== r);
+    x.isValid = I && l(S), x.toHandle = vi(p, _, w, d, n, !1);
   }
   return x;
 }
@@ -3362,26 +3363,26 @@ const Fn = {
 function Hd({ domNode: e, panZoom: t, getTransform: n, getViewScale: o }) {
   const r = le(e);
   function i({ translateExtent: a, width: c, height: l, zoomStep: d = 10, pannable: u = !0, zoomable: f = !0, inversePan: h = !1 }) {
-    const p = (m) => {
+    const g = (p) => {
       const w = n();
-      if (m.sourceEvent.type !== "wheel" || !t)
+      if (p.sourceEvent.type !== "wheel" || !t)
         return;
-      const N = -m.sourceEvent.deltaY * (m.sourceEvent.deltaMode === 1 ? 0.05 : m.sourceEvent.deltaMode ? 1 : 2e-3) * d, k = w[2] * Math.pow(2, N);
+      const N = -p.sourceEvent.deltaY * (p.sourceEvent.deltaMode === 1 ? 0.05 : p.sourceEvent.deltaMode ? 1 : 2e-3) * d, k = w[2] * Math.pow(2, N);
       t.scaleTo(k);
     };
     let y = [0, 0];
-    const _ = (m) => {
-      (m.sourceEvent.type === "mousedown" || m.sourceEvent.type === "touchstart") && (y = [
-        m.sourceEvent.clientX ?? m.sourceEvent.touches[0].clientX,
-        m.sourceEvent.clientY ?? m.sourceEvent.touches[0].clientY
+    const b = (p) => {
+      (p.sourceEvent.type === "mousedown" || p.sourceEvent.type === "touchstart") && (y = [
+        p.sourceEvent.clientX ?? p.sourceEvent.touches[0].clientX,
+        p.sourceEvent.clientY ?? p.sourceEvent.touches[0].clientY
       ]);
-    }, x = (m) => {
+    }, x = (p) => {
       const w = n();
-      if (m.sourceEvent.type !== "mousemove" && m.sourceEvent.type !== "touchmove" || !t)
+      if (p.sourceEvent.type !== "mousemove" && p.sourceEvent.type !== "touchmove" || !t)
         return;
       const N = [
-        m.sourceEvent.clientX ?? m.sourceEvent.touches[0].clientX,
-        m.sourceEvent.clientY ?? m.sourceEvent.touches[0].clientY
+        p.sourceEvent.clientX ?? p.sourceEvent.touches[0].clientX,
+        p.sourceEvent.clientY ?? p.sourceEvent.touches[0].clientY
       ], k = [N[0] - y[0], N[1] - y[1]];
       y = N;
       const S = o() * Math.max(w[2], Math.log(w[2])) * (h ? -1 : 1), P = {
@@ -3396,8 +3397,8 @@ function Hd({ domNode: e, panZoom: t, getTransform: n, getViewScale: o }) {
         y: P.y,
         zoom: w[2]
       }, I, a);
-    }, b = Jr().on("start", _).on("zoom", u ? x : null).on("zoom.wheel", f ? p : null);
-    r.call(b, {});
+    }, _ = Jr().on("start", b).on("zoom", u ? x : null).on("zoom.wheel", f ? g : null);
+    r.call(_, {});
   }
   function s() {
     r.on("zoom", null);
@@ -3427,16 +3428,16 @@ function Od({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: o,
     d.preventDefault(), d.stopImmediatePropagation();
     const u = n.property("__zoom").k || 1;
     if (d.ctrlKey && s) {
-      const _ = he(d), x = Ni(d), b = u * Math.pow(2, x);
-      o.scaleTo(n, b, _, d);
+      const b = he(d), x = Ni(d), _ = u * Math.pow(2, x);
+      o.scaleTo(n, _, b, d);
       return;
     }
     const f = d.deltaMode === 1 ? 20 : 1;
-    let h = r === He.Vertical ? 0 : d.deltaX * f, p = r === He.Horizontal ? 0 : d.deltaY * f;
-    !Zt() && d.shiftKey && r !== He.Vertical && (h = d.deltaY * f, p = 0), o.translateBy(
+    let h = r === He.Vertical ? 0 : d.deltaX * f, g = r === He.Horizontal ? 0 : d.deltaY * f;
+    !Zt() && d.shiftKey && r !== He.Vertical && (h = d.deltaY * f, g = 0), o.translateBy(
       n,
       -(h / u) * i,
-      -(p / u) * i,
+      -(g / u) * i,
       // @ts-ignore
       { internal: !0 }
     );
@@ -3505,7 +3506,7 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     panScrollTimeout: void 0,
     isPanScrolling: !1
   }, u = e.getBoundingClientRect(), f = Jr().clickDistance(!pe(o) || o < 0 ? 0 : o).scaleExtent([t, n]).translateExtent(r), h = le(e).call(f);
-  m({
+  p({
     x: i.x,
     y: i.y,
     zoom: qe(i.zoom, t, n)
@@ -3513,22 +3514,22 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     [0, 0],
     [u.width, u.height]
   ], r);
-  const p = h.on("wheel.zoom"), y = h.on("dblclick.zoom");
+  const g = h.on("wheel.zoom"), y = h.on("dblclick.zoom");
   f.wheelDelta(Ni);
-  function _(D, H) {
-    return h ? new Promise((g) => {
-      f?.transform(Sn(h, H?.duration, () => g(!0)), D);
+  function b(D, H) {
+    return h ? new Promise((m) => {
+      f?.transform(Sn(h, H?.duration, () => m(!0)), D);
     }) : Promise.resolve(!1);
   }
-  function x({ noWheelClassName: D, noPanClassName: H, onPaneContextMenu: g, userSelectionActive: E, panOnScroll: v, panOnDrag: M, panOnScrollMode: $, panOnScrollSpeed: C, preventScrolling: T, zoomOnPinch: O, zoomOnScroll: R, zoomOnDoubleClick: W, zoomActivationKeyPressed: Y, lib: F, onTransformChange: Z }) {
-    E && !d.isZoomingOrPanning && b();
-    const X = v && !Y && !E ? Od({
+  function x({ noWheelClassName: D, noPanClassName: H, onPaneContextMenu: m, userSelectionActive: E, panOnScroll: v, panOnDrag: C, panOnScrollMode: $, panOnScrollSpeed: M, preventScrolling: T, zoomOnPinch: O, zoomOnScroll: R, zoomOnDoubleClick: Y, zoomActivationKeyPressed: X, lib: F, onTransformChange: Z }) {
+    E && !d.isZoomingOrPanning && _();
+    const W = v && !X && !E ? Od({
       zoomPanValues: d,
       noWheelClassName: D,
       d3Selection: h,
       d3Zoom: f,
       panOnScrollMode: $,
-      panOnScrollSpeed: C,
+      panOnScrollSpeed: M,
       zoomOnPinch: O,
       onPanZoomStart: a,
       onPanZoom: s,
@@ -3536,9 +3537,9 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     }) : Rd({
       noWheelClassName: D,
       preventScrolling: T,
-      d3ZoomHandler: p
+      d3ZoomHandler: g
     });
-    if (h.on("wheel.zoom", X, { passive: !1 }), !E) {
+    if (h.on("wheel.zoom", W, { passive: !1 }), !E) {
       const te = Ld({
         zoomPanValues: d,
         onDraggingChange: l,
@@ -3547,51 +3548,51 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       f.on("start", te);
       const Q = Bd({
         zoomPanValues: d,
-        panOnDrag: M,
-        onPaneContextMenu: !!g,
+        panOnDrag: C,
+        onPaneContextMenu: !!m,
         onPanZoom: s,
         onTransformChange: Z
       });
       f.on("zoom", Q);
       const q = Fd({
         zoomPanValues: d,
-        panOnDrag: M,
+        panOnDrag: C,
         panOnScroll: v,
-        onPaneContextMenu: g,
+        onPaneContextMenu: m,
         onPanZoomEnd: c,
         onDraggingChange: l
       });
       f.on("end", q);
     }
-    const K = Xd({
-      zoomActivationKeyPressed: Y,
-      panOnDrag: M,
+    const G = Xd({
+      zoomActivationKeyPressed: X,
+      panOnDrag: C,
       zoomOnScroll: R,
       panOnScroll: v,
-      zoomOnDoubleClick: W,
+      zoomOnDoubleClick: Y,
       zoomOnPinch: O,
       userSelectionActive: E,
       noPanClassName: H,
       noWheelClassName: D,
       lib: F
     });
-    f.filter(K), W ? h.on("dblclick.zoom", y) : h.on("dblclick.zoom", null);
+    f.filter(G), Y ? h.on("dblclick.zoom", y) : h.on("dblclick.zoom", null);
   }
-  function b() {
+  function _() {
     f.on("zoom", null);
   }
-  async function m(D, H, g) {
-    const E = En(D), v = f?.constrain()(E, H, g);
-    return v && await _(v), new Promise((M) => M(v));
+  async function p(D, H, m) {
+    const E = En(D), v = f?.constrain()(E, H, m);
+    return v && await b(v), new Promise((C) => C(v));
   }
   async function w(D, H) {
-    const g = En(D);
-    return await _(g, H), new Promise((E) => E(g));
+    const m = En(D);
+    return await b(m, H), new Promise((E) => E(m));
   }
   function N(D) {
     if (h) {
-      const H = En(D), g = h.property("__zoom");
-      (g.k !== D.zoom || g.x !== D.x || g.y !== D.y) && f?.transform(h, H, null, { sync: !0 });
+      const H = En(D), m = h.property("__zoom");
+      (m.k !== D.zoom || m.x !== D.x || m.y !== D.y) && f?.transform(h, H, null, { sync: !0 });
     }
   }
   function k() {
@@ -3599,13 +3600,13 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     return { x: D.x, y: D.y, zoom: D.k };
   }
   function S(D, H) {
-    return h ? new Promise((g) => {
-      f?.scaleTo(Sn(h, H?.duration, () => g(!0)), D);
+    return h ? new Promise((m) => {
+      f?.scaleTo(Sn(h, H?.duration, () => m(!0)), D);
     }) : Promise.resolve(!1);
   }
   function P(D, H) {
-    return h ? new Promise((g) => {
-      f?.scaleBy(Sn(h, H?.duration, () => g(!0)), D);
+    return h ? new Promise((m) => {
+      f?.scaleBy(Sn(h, H?.duration, () => m(!0)), D);
     }) : Promise.resolve(!1);
   }
   function I(D) {
@@ -3620,9 +3621,9 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
   }
   return {
     update: x,
-    destroy: b,
+    destroy: _,
     setViewport: w,
-    setViewportConstrained: m,
+    setViewportConstrained: p,
     getViewport: k,
     scaleTo: S,
     scaleBy: P,
@@ -3663,49 +3664,49 @@ function Go(e, t) {
 }
 function qd(e, t, n, o, r, i, s, a) {
   let { affectsX: c, affectsY: l } = t;
-  const { isHorizontal: d, isVertical: u } = t, f = d && u, { xSnapped: h, ySnapped: p } = n, { minWidth: y, maxWidth: _, minHeight: x, maxHeight: b } = o, { x: m, y: w, width: N, height: k, aspectRatio: S } = e;
-  let P = Math.floor(d ? h - e.pointerX : 0), I = Math.floor(u ? p - e.pointerY : 0);
+  const { isHorizontal: d, isVertical: u } = t, f = d && u, { xSnapped: h, ySnapped: g } = n, { minWidth: y, maxWidth: b, minHeight: x, maxHeight: _ } = o, { x: p, y: w, width: N, height: k, aspectRatio: S } = e;
+  let P = Math.floor(d ? h - e.pointerX : 0), I = Math.floor(u ? g - e.pointerY : 0);
   const A = N + (c ? -P : P), V = k + (l ? -I : I), D = -i[0] * N, H = -i[1] * k;
-  let g = It(A, y, _), E = It(V, x, b);
+  let m = It(A, y, b), E = It(V, x, _);
   if (s) {
-    let $ = 0, C = 0;
-    c && P < 0 ? $ = Me(m + P + D, s[0][0]) : !c && P > 0 && ($ = ke(m + A + D, s[1][0])), l && I < 0 ? C = Me(w + I + H, s[0][1]) : !l && I > 0 && (C = ke(w + V + H, s[1][1])), g = Math.max(g, $), E = Math.max(E, C);
+    let $ = 0, M = 0;
+    c && P < 0 ? $ = Me(p + P + D, s[0][0]) : !c && P > 0 && ($ = ke(p + A + D, s[1][0])), l && I < 0 ? M = Me(w + I + H, s[0][1]) : !l && I > 0 && (M = ke(w + V + H, s[1][1])), m = Math.max(m, $), E = Math.max(E, M);
   }
   if (a) {
-    let $ = 0, C = 0;
-    c && P > 0 ? $ = ke(m + P, a[0][0]) : !c && P < 0 && ($ = Me(m + A, a[1][0])), l && I > 0 ? C = ke(w + I, a[0][1]) : !l && I < 0 && (C = Me(w + V, a[1][1])), g = Math.max(g, $), E = Math.max(E, C);
+    let $ = 0, M = 0;
+    c && P > 0 ? $ = ke(p + P, a[0][0]) : !c && P < 0 && ($ = Me(p + A, a[1][0])), l && I > 0 ? M = ke(w + I, a[0][1]) : !l && I < 0 && (M = Me(w + V, a[1][1])), m = Math.max(m, $), E = Math.max(E, M);
   }
   if (r) {
     if (d) {
-      const $ = It(A / S, x, b) * S;
-      if (g = Math.max(g, $), s) {
-        let C = 0;
-        !c && !l || c && !l && f ? C = ke(w + H + A / S, s[1][1]) * S : C = Me(w + H + (c ? P : -P) / S, s[0][1]) * S, g = Math.max(g, C);
+      const $ = It(A / S, x, _) * S;
+      if (m = Math.max(m, $), s) {
+        let M = 0;
+        !c && !l || c && !l && f ? M = ke(w + H + A / S, s[1][1]) * S : M = Me(w + H + (c ? P : -P) / S, s[0][1]) * S, m = Math.max(m, M);
       }
       if (a) {
-        let C = 0;
-        !c && !l || c && !l && f ? C = Me(w + A / S, a[1][1]) * S : C = ke(w + (c ? P : -P) / S, a[0][1]) * S, g = Math.max(g, C);
+        let M = 0;
+        !c && !l || c && !l && f ? M = Me(w + A / S, a[1][1]) * S : M = ke(w + (c ? P : -P) / S, a[0][1]) * S, m = Math.max(m, M);
       }
     }
     if (u) {
-      const $ = It(V * S, y, _) / S;
+      const $ = It(V * S, y, b) / S;
       if (E = Math.max(E, $), s) {
-        let C = 0;
-        !c && !l || l && !c && f ? C = ke(m + V * S + D, s[1][0]) / S : C = Me(m + (l ? I : -I) * S + D, s[0][0]) / S, E = Math.max(E, C);
+        let M = 0;
+        !c && !l || l && !c && f ? M = ke(p + V * S + D, s[1][0]) / S : M = Me(p + (l ? I : -I) * S + D, s[0][0]) / S, E = Math.max(E, M);
       }
       if (a) {
-        let C = 0;
-        !c && !l || l && !c && f ? C = Me(m + V * S, a[1][0]) / S : C = ke(m + (l ? I : -I) * S, a[0][0]) / S, E = Math.max(E, C);
+        let M = 0;
+        !c && !l || l && !c && f ? M = Me(p + V * S, a[1][0]) / S : M = ke(p + (l ? I : -I) * S, a[0][0]) / S, E = Math.max(E, M);
       }
     }
   }
-  I = I + (I < 0 ? E : -E), P = P + (P < 0 ? g : -g), r && (f ? A > V * S ? I = (Go(c, l) ? -P : P) / S : P = (Go(c, l) ? -I : I) * S : d ? (I = P / S, l = c) : (P = I * S, c = l));
-  const v = c ? m + P : m, M = l ? w + I : w;
+  I = I + (I < 0 ? E : -E), P = P + (P < 0 ? m : -m), r && (f ? A > V * S ? I = (Go(c, l) ? -P : P) / S : P = (Go(c, l) ? -I : I) * S : d ? (I = P / S, l = c) : (P = I * S, c = l));
+  const v = c ? p + P : p, C = l ? w + I : w;
   return {
     width: N + (c ? -P : P),
     height: k + (l ? -I : I),
     x: i[0] * P * (c ? -1 : 1) + v,
-    y: i[1] * I * (l ? -1 : 1) + M
+    y: i[1] * I * (l ? -1 : 1) + C
   };
 }
 const Ci = { width: 0, height: 0, x: 0, y: 0 }, Gd = {
@@ -3729,39 +3730,39 @@ function Ud(e, t, n) {
 }
 function Qd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r }) {
   const i = le(e);
-  function s({ controlPosition: c, boundaries: l, keepAspectRatio: d, onResizeStart: u, onResize: f, onResizeEnd: h, shouldResize: p }) {
-    let y = { ...Ci }, _ = { ...Gd };
+  function s({ controlPosition: c, boundaries: l, keepAspectRatio: d, onResizeStart: u, onResize: f, onResizeEnd: h, shouldResize: g }) {
+    let y = { ...Ci }, b = { ...Gd };
     const x = Wd(c);
-    let b, m = null, w = [], N, k, S;
+    let _, p = null, w = [], N, k, S;
     const P = Vr().on("start", (I) => {
-      const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, paneDomNode: E } = n();
-      if (b = A.get(t), !b)
+      const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: m, paneDomNode: E } = n();
+      if (_ = A.get(t), !_)
         return;
-      m = E?.getBoundingClientRect() ?? null;
-      const { xSnapped: v, ySnapped: M } = st(I.sourceEvent, {
+      p = E?.getBoundingClientRect() ?? null;
+      const { xSnapped: v, ySnapped: C } = st(I.sourceEvent, {
         transform: V,
         snapGrid: D,
         snapToGrid: H,
-        containerBounds: m
+        containerBounds: p
       });
       y = {
-        width: b.measured.width ?? 0,
-        height: b.measured.height ?? 0,
-        x: b.position.x ?? 0,
-        y: b.position.y ?? 0
-      }, _ = {
+        width: _.measured.width ?? 0,
+        height: _.measured.height ?? 0,
+        x: _.position.x ?? 0,
+        y: _.position.y ?? 0
+      }, b = {
         ...y,
         pointerX: v,
-        pointerY: M,
+        pointerY: C,
         aspectRatio: y.width / y.height
-      }, N = void 0, b.parentId && (b.extent === "parent" || b.expandParent) && (N = A.get(b.parentId), k = N && b.extent === "parent" ? Kd(N) : void 0), w = [], S = void 0;
-      for (const [$, C] of A)
-        if (C.parentId === t && (w.push({
+      }, N = void 0, _.parentId && (_.extent === "parent" || _.expandParent) && (N = A.get(_.parentId), k = N && _.extent === "parent" ? Kd(N) : void 0), w = [], S = void 0;
+      for (const [$, M] of A)
+        if (M.parentId === t && (w.push({
           id: $,
-          position: { ...C.position },
-          extent: C.extent
-        }), C.extent === "parent" || C.expandParent)) {
-          const T = Ud(C, b, C.origin ?? g);
+          position: { ...M.position },
+          extent: M.extent
+        }), M.extent === "parent" || M.expandParent)) {
+          const T = Ud(M, _, M.origin ?? m);
           S ? S = [
             [Math.min(T[0][0], S[0][0]), Math.min(T[0][1], S[0][1])],
             [Math.max(T[1][0], S[1][0]), Math.max(T[1][1], S[1][1])]
@@ -3769,40 +3770,40 @@ function Qd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
         }
       u?.(I, { ...y });
     }).on("drag", (I) => {
-      const { transform: A, snapGrid: V, snapToGrid: D, nodeOrigin: H } = n(), g = st(I.sourceEvent, {
+      const { transform: A, snapGrid: V, snapToGrid: D, nodeOrigin: H } = n(), m = st(I.sourceEvent, {
         transform: A,
         snapGrid: V,
         snapToGrid: D,
-        containerBounds: m
+        containerBounds: p
       }), E = [];
-      if (!b)
+      if (!_)
         return;
-      const { x: v, y: M, width: $, height: C } = y, T = {}, O = b.origin ?? H, { width: R, height: W, x: Y, y: F } = qd(_, x, g, l, d, O, k, S), Z = R !== $, L = W !== C, X = Y !== v && Z, K = F !== M && L;
-      if (!X && !K && !Z && !L)
+      const { x: v, y: C, width: $, height: M } = y, T = {}, O = _.origin ?? H, { width: R, height: Y, x: X, y: F } = qd(b, x, m, l, d, O, k, S), Z = R !== $, L = Y !== M, W = X !== v && Z, G = F !== C && L;
+      if (!W && !G && !Z && !L)
         return;
-      if ((X || K || O[0] === 1 || O[1] === 1) && (T.x = X ? Y : y.x, T.y = K ? F : y.y, y.x = T.x, y.y = T.y, w.length > 0)) {
-        const U = Y - v, oe = F - M;
+      if ((W || G || O[0] === 1 || O[1] === 1) && (T.x = W ? X : y.x, T.y = G ? F : y.y, y.x = T.x, y.y = T.y, w.length > 0)) {
+        const U = X - v, oe = F - C;
         for (const ae of w)
           ae.position = {
             x: ae.position.x - U + O[0] * (R - $),
-            y: ae.position.y - oe + O[1] * (W - C)
+            y: ae.position.y - oe + O[1] * (Y - M)
           }, E.push(ae);
       }
-      if ((Z || L) && (T.width = Z ? R : y.width, T.height = L ? W : y.height, y.width = T.width, y.height = T.height), N && b.expandParent) {
+      if ((Z || L) && (T.width = Z ? R : y.width, T.height = L ? Y : y.height, y.width = T.width, y.height = T.height), N && _.expandParent) {
         const U = O[0] * (T.width ?? 0);
-        T.x && T.x < U && (y.x = U, _.x = _.x - (T.x - U));
+        T.x && T.x < U && (y.x = U, b.x = b.x - (T.x - U));
         const oe = O[1] * (T.height ?? 0);
-        T.y && T.y < oe && (y.y = oe, _.y = _.y - (T.y - oe));
+        T.y && T.y < oe && (y.y = oe, b.y = b.y - (T.y - oe));
       }
       const te = Zd({
         width: y.width,
         prevWidth: $,
         height: y.height,
-        prevHeight: C,
+        prevHeight: M,
         affectsX: x.affectsX,
         affectsY: x.affectsY
       }), Q = { ...y, direction: te };
-      p?.(I, Q) !== !1 && (f?.(I, Q), o(T, E));
+      g?.(I, Q) !== !1 && (f?.(I, Q), o(T, E));
     }).on("end", (I) => {
       h?.(I, { ...y }), r?.();
     });
@@ -3822,7 +3823,7 @@ const Jd = {}, Ko = (e) => {
     const f = typeof d == "function" ? d(t) : d;
     if (!Object.is(f, t)) {
       const h = t;
-      t = u ?? (typeof f != "object" || f === null) ? f : Object.assign({}, t, f), n.forEach((p) => p(t, h));
+      t = u ?? (typeof f != "object" || f === null) ? f : Object.assign({}, t, f), n.forEach((g) => g(t, h));
     }
   }, r = () => t, c = { setState: o, getState: r, getInitialState: () => l, subscribe: (d) => (n.add(d), () => n.delete(d)), destroy: () => {
     (Jd ? "production" : void 0) !== "production" && console.warn(
@@ -3872,8 +3873,8 @@ function ne(e, t) {
       return !1;
   return !0;
 }
-const sn = Zn(null), rf = sn.Provider, ki = Ne.error001();
-function G(e, t) {
+const sn = Zn(null), rf = sn.Provider, ki = xe.error001();
+function K(e, t) {
   const n = wt(sn);
   if (n === null)
     throw new Error(ki);
@@ -3901,14 +3902,14 @@ const Qo = { display: "none" }, sf = {
   clipPath: "inset(100%)"
 }, $i = "react-flow__node-desc", Ii = "react-flow__edge-desc", af = "react-flow__aria-live", cf = (e) => e.ariaLiveMessage;
 function lf({ rfId: e }) {
-  const t = G(cf);
+  const t = K(cf);
   return z("div", { id: `${af}-${e}`, "aria-live": "assertive", "aria-atomic": "true", style: sf, children: t });
 }
 function uf({ rfId: e, disableKeyboardA11y: t }) {
-  return se(Se, { children: [se("div", { id: `${$i}-${e}`, style: Qo, children: ["Press enter or space to select a node.", !t && "You can then use the arrow keys to move the node around.", " Press delete to remove it and escape to cancel.", " "] }), z("div", { id: `${Ii}-${e}`, style: Qo, children: "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel." }), !t && z(lf, { rfId: e })] });
+  return se(Ne, { children: [se("div", { id: `${$i}-${e}`, style: Qo, children: ["Press enter or space to select a node.", !t && "You can then use the arrow keys to move the node around.", " Press delete to remove it and escape to cancel.", " "] }), z("div", { id: `${Ii}-${e}`, style: Qo, children: "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel." }), !t && z(lf, { rfId: e })] });
 }
 const df = (e) => e.userSelectionActive ? "none" : "all", an = xr(({ position: e = "top-left", children: t, className: n, style: o, ...r }, i) => {
-  const s = G(df), a = `${e}`.split("-");
+  const s = K(df), a = `${e}`.split("-");
   return z("div", { className: re(["react-flow__panel", n, ...a]), style: { ...o, pointerEvents: s }, ref: i, ...r, children: t });
 });
 an.displayName = "Panel";
@@ -3927,7 +3928,7 @@ function gf(e, t) {
   return ne(e.selectedNodes.map(At), t.selectedNodes.map(At)) && ne(e.selectedEdges.map(At), t.selectedEdges.map(At));
 }
 function pf({ onSelectionChange: e }) {
-  const t = ee(), { selectedNodes: n, selectedEdges: o } = G(hf, gf);
+  const t = ee(), { selectedNodes: n, selectedEdges: o } = K(hf, gf);
   return j(() => {
     const r = { nodes: n, edges: o };
     e?.(r), t.getState().onSelectionChangeHandlers.forEach((i) => i(r));
@@ -3935,7 +3936,7 @@ function pf({ onSelectionChange: e }) {
 }
 const mf = (e) => !!e.onSelectionChangeHandlers;
 function yf({ onSelectionChange: e }) {
-  const t = G(mf);
+  const t = K(mf);
   return e || t ? z(pf, { onSelectionChange: e }) : null;
 }
 const Ai = [0, 0], wf = { x: 0, y: 0, zoom: 1 }, xf = [
@@ -4020,7 +4021,7 @@ const Ai = [0, 0], wf = { x: 0, y: 0, zoom: 1 }, xf = [
   paneClickDistance: 0
 };
 function _f(e) {
-  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: l } = G(vf, ne), d = ee();
+  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: l } = K(vf, ne), d = ee();
   j(() => (c(e.defaultNodes, e.defaultEdges), () => {
     u.current = jo, a();
   }), []);
@@ -4028,8 +4029,8 @@ function _f(e) {
   return j(
     () => {
       for (const f of Jo) {
-        const h = e[f], p = u.current[f];
-        h !== p && (typeof e[f] > "u" || (f === "nodes" ? t(h) : f === "edges" ? n(h) : f === "minZoom" ? o(h) : f === "maxZoom" ? r(h) : f === "translateExtent" ? i(h) : f === "nodeExtent" ? s(h) : f === "paneClickDistance" ? l(h) : f === "fitView" ? d.setState({ fitViewOnInit: h }) : f === "fitViewOptions" ? d.setState({ fitViewOnInitOptions: h }) : d.setState({ [f]: h })));
+        const h = e[f], g = u.current[f];
+        h !== g && (typeof e[f] > "u" || (f === "nodes" ? t(h) : f === "edges" ? n(h) : f === "minZoom" ? o(h) : f === "maxZoom" ? r(h) : f === "translateExtent" ? i(h) : f === "nodeExtent" ? s(h) : f === "paneClickDistance" ? l(h) : f === "fitView" ? d.setState({ fitViewOnInit: h }) : f === "fitViewOptions" ? d.setState({ fitViewOnInitOptions: h }) : d.setState({ [f]: h })));
       }
       u.current = e;
     },
@@ -4073,13 +4074,13 @@ function yt(e = null, t = { target: tr, actInsideInputWithModifier: !0 }) {
       const l = (f) => {
         if (r.current = f.ctrlKey || f.metaKey || f.shiftKey, (!r.current || r.current && !t.actInsideInputWithModifier) && On(f))
           return !1;
-        const p = or(f.code, a);
-        i.current.add(f[p]), nr(s, i.current, !1) && (f.preventDefault(), o(!0));
+        const g = or(f.code, a);
+        i.current.add(f[g]), nr(s, i.current, !1) && (f.preventDefault(), o(!0));
       }, d = (f) => {
         if ((!r.current || r.current && !t.actInsideInputWithModifier) && On(f))
           return !1;
-        const p = or(f.code, a);
-        nr(s, i.current, !0) ? (o(!1), i.current.clear()) : i.current.delete(f[p]), f.key === "Meta" && i.current.clear(), r.current = !1;
+        const g = or(f.code, a);
+        nr(s, i.current, !0) ? (o(!1), i.current.clear()) : i.current.delete(f[g]), f.key === "Meta" && i.current.clear(), r.current = !1;
       }, u = () => {
         i.current.clear(), o(!1);
       };
@@ -4286,8 +4287,8 @@ function kf({ children: e }) {
   const t = ee(), n = ue((a) => {
     const { nodes: c = [], setNodes: l, hasDefaultNodes: d, onNodesChange: u, nodeLookup: f } = t.getState();
     let h = c;
-    for (const p of a)
-      h = typeof p == "function" ? p(h) : p;
+    for (const g of a)
+      h = typeof g == "function" ? g(h) : g;
     d ? l(h) : u && u(rr({
       items: h,
       lookup: f
@@ -4295,8 +4296,8 @@ function kf({ children: e }) {
   }, []), o = ar(n), r = ue((a) => {
     const { edges: c = [], setEdges: l, hasDefaultEdges: d, onEdgesChange: u, edgeLookup: f } = t.getState();
     let h = c;
-    for (const p of a)
-      h = typeof p == "function" ? p(h) : p;
+    for (const g of a)
+      h = typeof g == "function" ? g(h) : g;
     d ? l(h) : u && u(rr({
       items: h,
       lookup: f
@@ -4312,32 +4313,32 @@ function $f() {
 }
 const If = (e) => !!e.panZoom;
 function so() {
-  const e = Ef(), t = ee(), n = $f(), o = G(If), r = me(() => {
+  const e = Ef(), t = ee(), n = $f(), o = K(If), r = me(() => {
     const i = (u) => t.getState().nodeLookup.get(u), s = (u) => {
       n.nodeQueue.push(u);
     }, a = (u) => {
       n.edgeQueue.push(u);
     }, c = (u) => {
-      const { nodeLookup: f, nodeOrigin: h } = t.getState(), p = sr(u) ? u : f.get(u.id), y = p.parentId ? ui(p.position, p.measured, p.parentId, f, h) : p.position, _ = {
-        ...p,
+      const { nodeLookup: f, nodeOrigin: h } = t.getState(), g = sr(u) ? u : f.get(u.id), y = g.parentId ? ui(g.position, g.measured, g.parentId, f, h) : g.position, b = {
+        ...g,
         position: y,
-        width: p.measured?.width ?? p.width,
-        height: p.measured?.height ?? p.height
+        width: g.measured?.width ?? g.width,
+        height: g.measured?.height ?? g.height
       };
-      return Ge(_);
+      return Ge(b);
     }, l = (u, f, h = { replace: !1 }) => {
-      s((p) => p.map((y) => {
+      s((g) => g.map((y) => {
         if (y.id === u) {
-          const _ = typeof f == "function" ? f(y) : f;
-          return h.replace && sr(_) ? _ : { ...y, ..._ };
+          const b = typeof f == "function" ? f(y) : f;
+          return h.replace && sr(b) ? b : { ...y, ...b };
         }
         return y;
       }));
     }, d = (u, f, h = { replace: !1 }) => {
-      a((p) => p.map((y) => {
+      a((g) => g.map((y) => {
         if (y.id === u) {
-          const _ = typeof f == "function" ? f(y) : f;
-          return h.replace && Nf(_) ? _ : { ...y, ..._ };
+          const b = typeof f == "function" ? f(y) : f;
+          return h.replace && Nf(b) ? b : { ...y, ...b };
         }
         return y;
       }));
@@ -4362,42 +4363,42 @@ function so() {
         n.edgeQueue.push((h) => [...h, ...f]);
       },
       toObject: () => {
-        const { nodes: u = [], edges: f = [], transform: h } = t.getState(), [p, y, _] = h;
+        const { nodes: u = [], edges: f = [], transform: h } = t.getState(), [g, y, b] = h;
         return {
           nodes: u.map((x) => ({ ...x })),
           edges: f.map((x) => ({ ...x })),
           viewport: {
-            x: p,
+            x: g,
             y,
-            zoom: _
+            zoom: b
           }
         };
       },
       deleteElements: async ({ nodes: u = [], edges: f = [] }) => {
-        const { nodes: h, edges: p, onNodesDelete: y, onEdgesDelete: _, triggerNodeChanges: x, triggerEdgeChanges: b, onDelete: m, onBeforeDelete: w } = t.getState(), { nodes: N, edges: k } = await ld({
+        const { nodes: h, edges: g, onNodesDelete: y, onEdgesDelete: b, triggerNodeChanges: x, triggerEdgeChanges: _, onDelete: p, onBeforeDelete: w } = t.getState(), { nodes: N, edges: k } = await ld({
           nodesToRemove: u,
           edgesToRemove: f,
           nodes: h,
-          edges: p,
+          edges: g,
           onBeforeDelete: w
         }), S = k.length > 0, P = N.length > 0;
         if (S) {
           const I = k.map(ir);
-          _?.(k), b(I);
+          b?.(k), _(I);
         }
         if (P) {
           const I = N.map(ir);
           y?.(N), x(I);
         }
-        return (P || S) && m?.({ nodes: N, edges: k }), { deletedNodes: N, deletedEdges: k };
+        return (P || S) && p?.({ nodes: N, edges: k }), { deletedNodes: N, deletedEdges: k };
       },
       getIntersectingNodes: (u, f = !0, h) => {
-        const p = Vo(u), y = p ? u : c(u), _ = h !== void 0;
+        const g = Vo(u), y = g ? u : c(u), b = h !== void 0;
         return y ? (h || t.getState().nodes).filter((x) => {
-          const b = t.getState().nodeLookup.get(x.id);
-          if (b && !p && (x.id === u.id || !b.internals.positionAbsolute))
+          const _ = t.getState().nodeLookup.get(x.id);
+          if (_ && !g && (x.id === u.id || !_.internals.positionAbsolute))
             return !1;
-          const m = Ge(_ ? x : b), w = pt(m, y);
+          const p = Ge(b ? x : _), w = pt(p, y);
           return f && w > 0 || w >= y.width * y.height;
         }) : [];
       },
@@ -4405,21 +4406,21 @@ function so() {
         const y = Vo(u) ? u : c(u);
         if (!y)
           return !1;
-        const _ = pt(y, f);
-        return h && _ > 0 || _ >= y.width * y.height;
+        const b = pt(y, f);
+        return h && b > 0 || b >= y.width * y.height;
       },
       updateNode: l,
       updateNodeData: (u, f, h = { replace: !1 }) => {
-        l(u, (p) => {
-          const y = typeof f == "function" ? f(p) : f;
-          return h.replace ? { ...p, data: y } : { ...p, data: { ...p.data, ...y } };
+        l(u, (g) => {
+          const y = typeof f == "function" ? f(g) : f;
+          return h.replace ? { ...g, data: y } : { ...g, data: { ...g.data, ...y } };
         }, h);
       },
       updateEdge: d,
       updateEdgeData: (u, f, h = { replace: !1 }) => {
-        d(u, (p) => {
-          const y = typeof f == "function" ? f(p) : f;
-          return h.replace ? { ...p, data: y } : { ...p, data: { ...p.data, ...y } };
+        d(u, (g) => {
+          const y = typeof f == "function" ? f(g) : f;
+          return h.replace ? { ...g, data: y } : { ...g, data: { ...g.data, ...y } };
         }, h);
       },
       getNodesBounds: (u) => {
@@ -4455,7 +4456,7 @@ function Tf(e) {
       if (!e.current)
         return !1;
       const o = on(e.current);
-      (o.height === 0 || o.width === 0) && t.getState().onError?.("004", Ne.error004()), t.setState({ width: o.width || 500, height: o.height || 500 });
+      (o.height === 0 || o.width === 0) && t.getState().onError?.("004", xe.error004()), t.setState({ width: o.width || 500, height: o.height || 500 });
     };
     if (e.current) {
       n(), window.addEventListener("resize", n);
@@ -4476,12 +4477,12 @@ const cn = {
   userSelectionActive: e.userSelectionActive,
   lib: e.lib
 });
-function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: o = !1, panOnScrollSpeed: r = 0.5, panOnScrollMode: i = He.Free, zoomOnDoubleClick: s = !0, panOnDrag: a = !0, defaultViewport: c, translateExtent: l, minZoom: d, maxZoom: u, zoomActivationKeyCode: f, preventScrolling: h = !0, children: p, noWheelClassName: y, noPanClassName: _, onViewportChange: x, isControlledViewport: b, paneClickDistance: m }) {
-  const w = ee(), N = J(null), { userSelectionActive: k, lib: S } = G(Df, ne), P = yt(f), I = J();
+function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: o = !1, panOnScrollSpeed: r = 0.5, panOnScrollMode: i = He.Free, zoomOnDoubleClick: s = !0, panOnDrag: a = !0, defaultViewport: c, translateExtent: l, minZoom: d, maxZoom: u, zoomActivationKeyCode: f, preventScrolling: h = !0, children: g, noWheelClassName: y, noPanClassName: b, onViewportChange: x, isControlledViewport: _, paneClickDistance: p }) {
+  const w = ee(), N = J(null), { userSelectionActive: k, lib: S } = K(Df, ne), P = yt(f), I = J();
   Tf(N);
   const A = ue((V) => {
-    x?.({ x: V[0], y: V[1], zoom: V[2] }), b || w.setState({ transform: V });
-  }, [x, b]);
+    x?.({ x: V[0], y: V[1], zoom: V[2] }), _ || w.setState({ transform: V });
+  }, [x, _]);
   return j(() => {
     if (N.current) {
       I.current = Yd({
@@ -4490,19 +4491,19 @@ function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
         maxZoom: u,
         translateExtent: l,
         viewport: c,
-        paneClickDistance: m,
-        onDraggingChange: (g) => w.setState({ paneDragging: g }),
-        onPanZoomStart: (g, E) => {
-          const { onViewportChangeStart: v, onMoveStart: M } = w.getState();
-          M?.(g, E), v?.(E);
+        paneClickDistance: p,
+        onDraggingChange: (m) => w.setState({ paneDragging: m }),
+        onPanZoomStart: (m, E) => {
+          const { onViewportChangeStart: v, onMoveStart: C } = w.getState();
+          C?.(m, E), v?.(E);
         },
-        onPanZoom: (g, E) => {
-          const { onViewportChange: v, onMove: M } = w.getState();
-          M?.(g, E), v?.(E);
+        onPanZoom: (m, E) => {
+          const { onViewportChange: v, onMove: C } = w.getState();
+          C?.(m, E), v?.(E);
         },
-        onPanZoomEnd: (g, E) => {
-          const { onViewportChangeEnd: v, onMoveEnd: M } = w.getState();
-          M?.(g, E), v?.(E);
+        onPanZoomEnd: (m, E) => {
+          const { onViewportChangeEnd: v, onMoveEnd: C } = w.getState();
+          C?.(m, E), v?.(E);
         }
       });
       const { x: V, y: D, zoom: H } = I.current.getViewport();
@@ -4526,7 +4527,7 @@ function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
       panOnDrag: a,
       zoomActivationKeyPressed: P,
       preventScrolling: h,
-      noPanClassName: _,
+      noPanClassName: b,
       userSelectionActive: k,
       noWheelClassName: y,
       lib: S,
@@ -4543,19 +4544,19 @@ function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
     a,
     P,
     h,
-    _,
+    b,
     k,
     y,
     S,
     A
-  ]), z("div", { className: "react-flow__renderer", ref: N, style: cn, children: p });
+  ]), z("div", { className: "react-flow__renderer", ref: N, style: cn, children: g });
 }
 const Vf = (e) => ({
   userSelectionActive: e.userSelectionActive,
   userSelectionRect: e.userSelectionRect
 });
 function Of() {
-  const { userSelectionActive: e, userSelectionRect: t } = G(Vf, ne);
+  const { userSelectionActive: e, userSelectionRect: t } = K(Vf, ne);
   return e && t ? z("div", { className: "react-flow__selection react-flow__container", style: {
     width: t.width,
     height: t.height,
@@ -4570,12 +4571,12 @@ const Nn = (e, t) => (n) => {
   dragging: e.paneDragging
 });
 function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full, panOnDrag: o, selectionOnDrag: r, onSelectionStart: i, onSelectionEnd: s, onPaneClick: a, onPaneContextMenu: c, onPaneScroll: l, onPaneMouseEnter: d, onPaneMouseMove: u, onPaneMouseLeave: f, children: h }) {
-  const p = ee(), { userSelectionActive: y, elementsSelectable: _, dragging: x } = G(Rf, ne), b = _ && (e || y), m = J(null), w = J(), N = J(/* @__PURE__ */ new Set()), k = J(/* @__PURE__ */ new Set()), S = J(!1), P = J(!1), I = (v) => {
+  const g = ee(), { userSelectionActive: y, elementsSelectable: b, dragging: x } = K(Rf, ne), _ = b && (e || y), p = J(null), w = J(), N = J(/* @__PURE__ */ new Set()), k = J(/* @__PURE__ */ new Set()), S = J(!1), P = J(!1), I = (v) => {
     if (S.current) {
       S.current = !1;
       return;
     }
-    a?.(v), p.getState().resetSelectedElements(), p.setState({ nodesSelectionActive: !1 });
+    a?.(v), g.getState().resetSelectedElements(), g.setState({ nodesSelectionActive: !1 });
   }, A = (v) => {
     if (Array.isArray(o) && o?.includes(2)) {
       v.preventDefault();
@@ -4583,36 +4584,36 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
     }
     c?.(v);
   }, V = l ? (v) => l(v) : void 0, D = (v) => {
-    const { resetSelectedElements: M, domNode: $ } = p.getState();
-    if (w.current = $?.getBoundingClientRect(), !_ || !e || v.button !== 0 || v.target !== m.current || !w.current)
+    const { resetSelectedElements: C, domNode: $ } = g.getState();
+    if (w.current = $?.getBoundingClientRect(), !b || !e || v.button !== 0 || v.target !== p.current || !w.current)
       return;
     v.target?.setPointerCapture?.(v.pointerId), P.current = !0, S.current = !1;
-    const { x: C, y: T } = be(v.nativeEvent, w.current);
-    M(), p.setState({
+    const { x: M, y: T } = Ee(v.nativeEvent, w.current);
+    C(), g.setState({
       userSelectionRect: {
         width: 0,
         height: 0,
-        startX: C,
+        startX: M,
         startY: T,
-        x: C,
+        x: M,
         y: T
       }
     }), i?.(v);
   }, H = (v) => {
-    const { userSelectionRect: M, transform: $, nodeLookup: C, edgeLookup: T, connectionLookup: O, triggerNodeChanges: R, triggerEdgeChanges: W, defaultEdgeOptions: Y } = p.getState();
-    if (!w.current || !M)
+    const { userSelectionRect: C, transform: $, nodeLookup: M, edgeLookup: T, connectionLookup: O, triggerNodeChanges: R, triggerEdgeChanges: Y, defaultEdgeOptions: X } = g.getState();
+    if (!w.current || !C)
       return;
     S.current = !0;
-    const { x: F, y: Z } = be(v.nativeEvent, w.current), { startX: L, startY: X } = M, K = {
+    const { x: F, y: Z } = Ee(v.nativeEvent, w.current), { startX: L, startY: W } = C, G = {
       startX: L,
-      startY: X,
+      startY: W,
       x: F < L ? F : L,
-      y: Z < X ? Z : X,
+      y: Z < W ? Z : W,
       width: Math.abs(F - L),
-      height: Math.abs(Z - X)
+      height: Math.abs(Z - W)
     }, te = N.current, Q = k.current;
-    N.current = new Set(oi(C, K, $, n === gt.Partial, !0).map((U) => U.id)), k.current = /* @__PURE__ */ new Set();
-    const q = Y?.selectable ?? !0;
+    N.current = new Set(oi(M, G, $, n === gt.Partial, !0).map((U) => U.id)), k.current = /* @__PURE__ */ new Set();
+    const q = X?.selectable ?? !0;
     for (const U of N.current) {
       const oe = O.get(U);
       if (oe)
@@ -4622,35 +4623,35 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
         }
     }
     if (!Oo(te, N.current)) {
-      const U = Le(C, N.current, !0);
+      const U = Le(M, N.current, !0);
       R(U);
     }
     if (!Oo(Q, k.current)) {
       const U = Le(T, k.current);
-      W(U);
+      Y(U);
     }
-    p.setState({
-      userSelectionRect: K,
+    g.setState({
+      userSelectionRect: G,
       userSelectionActive: !0,
       nodesSelectionActive: !1
     });
-  }, g = (v) => {
+  }, m = (v) => {
     if (v.button !== 0 || !P.current)
       return;
     v.target?.releasePointerCapture?.(v.pointerId);
-    const { userSelectionRect: M } = p.getState();
-    !y && M && v.target === m.current && I?.(v), p.setState({
+    const { userSelectionRect: C } = g.getState();
+    !y && C && v.target === p.current && I?.(v), g.setState({
       userSelectionActive: !1,
       userSelectionRect: null,
       nodesSelectionActive: N.current.size > 0
     }), s?.(v), (t || r) && (S.current = !1), P.current = !1;
   }, E = o === !0 || Array.isArray(o) && o.includes(0);
-  return se("div", { className: re(["react-flow__pane", { draggable: E, dragging: x, selection: e }]), onClick: b ? void 0 : Nn(I, m), onContextMenu: Nn(A, m), onWheel: Nn(V, m), onPointerEnter: b ? void 0 : d, onPointerDown: b ? D : u, onPointerMove: b ? H : u, onPointerUp: b ? g : void 0, onPointerLeave: f, ref: m, style: cn, children: [h, z(Of, {})] });
+  return se("div", { className: re(["react-flow__pane", { draggable: E, dragging: x, selection: e }]), onClick: _ ? void 0 : Nn(I, p), onContextMenu: Nn(A, p), onWheel: Nn(V, p), onPointerEnter: _ ? void 0 : d, onPointerDown: _ ? D : u, onPointerMove: _ ? H : u, onPointerUp: _ ? m : void 0, onPointerLeave: f, ref: p, style: cn, children: [h, z(Of, {})] });
 }
 function Xn({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
   const { addSelectedNodes: r, unselectNodesAndEdges: i, multiSelectionActive: s, nodeLookup: a, onError: c } = t.getState(), l = a.get(e);
   if (!l) {
-    c?.("012", Ne.error012(e));
+    c?.("012", xe.error012(e));
     return;
   }
   t.setState({ nodesSelectionActive: !1 }), l.selected ? (n || l.selected && s) && (i({ nodes: [l], edges: [] }), requestAnimationFrame(() => o?.current?.blur())) : r([e]);
@@ -4694,24 +4695,24 @@ const Bf = (e) => (t) => t.selected && (t.draggable || e && typeof t.draggable >
 function Oi() {
   const e = ee();
   return ue((n) => {
-    const { nodeExtent: o, snapToGrid: r, snapGrid: i, nodesDraggable: s, onError: a, updateNodePositions: c, nodeLookup: l, nodeOrigin: d } = e.getState(), u = /* @__PURE__ */ new Map(), f = Bf(s), h = r ? i[0] : 5, p = r ? i[1] : 5, y = n.direction.x * h * n.factor, _ = n.direction.y * p * n.factor;
+    const { nodeExtent: o, snapToGrid: r, snapGrid: i, nodesDraggable: s, onError: a, updateNodePositions: c, nodeLookup: l, nodeOrigin: d } = e.getState(), u = /* @__PURE__ */ new Map(), f = Bf(s), h = r ? i[0] : 5, g = r ? i[1] : 5, y = n.direction.x * h * n.factor, b = n.direction.y * g * n.factor;
     for (const [, x] of l) {
       if (!f(x))
         continue;
-      let b = {
+      let _ = {
         x: x.internals.positionAbsolute.x + y,
-        y: x.internals.positionAbsolute.y + _
+        y: x.internals.positionAbsolute.y + b
       };
-      r && (b = nn(b, i));
-      const { position: m, positionAbsolute: w } = ri({
+      r && (_ = nn(_, i));
+      const { position: p, positionAbsolute: w } = ri({
         nodeId: x.id,
-        nextPosition: b,
+        nextPosition: _,
         nodeLookup: l,
         nodeExtent: o,
         nodeOrigin: d,
         onError: a
       });
-      x.position = m, x.internals.positionAbsolute = w, u.set(x.id, x);
+      x.position = p, x.internals.positionAbsolute = w, u.set(x.id, x);
     }
     c(u);
   }, []);
@@ -4730,85 +4731,86 @@ const co = () => wt(ao), Xf = (e) => ({
     clickConnecting: r?.nodeId === e && r?.id === t && r?.type === n,
     isPossibleEndHandle: i === We.Strict ? a?.type !== n : e !== a?.nodeId || t !== a?.id,
     connectionInProcess: !!a,
+    clickConnectionInProcess: !!r,
     valid: d && l
   };
 };
 function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: r = !0, isConnectableEnd: i = !0, id: s, onConnect: a, children: c, className: l, onMouseDown: d, onTouchStart: u, ...f }, h) {
-  const p = s || null, y = e === "target", _ = ee(), x = co(), { connectOnClick: b, noPanClassName: m, rfId: w } = G(Xf, ne), { connectingFrom: N, connectingTo: k, clickConnecting: S, isPossibleEndHandle: P, connectionInProcess: I, valid: A } = G(Yf(x, p, e), ne);
-  x || _.getState().onError?.("010", Ne.error010());
-  const V = (g) => {
-    const { defaultEdgeOptions: E, onConnect: v, hasDefaultEdges: M } = _.getState(), $ = {
-      ...E,
-      ...g
+  const g = s || null, y = e === "target", b = ee(), x = co(), { connectOnClick: _, noPanClassName: p, rfId: w } = K(Xf, ne), { connectingFrom: N, connectingTo: k, clickConnecting: S, isPossibleEndHandle: P, connectionInProcess: I, clickConnectionInProcess: A, valid: V } = K(Yf(x, g, e), ne);
+  x || b.getState().onError?.("010", xe.error010());
+  const D = (E) => {
+    const { defaultEdgeOptions: v, onConnect: C, hasDefaultEdges: $ } = b.getState(), M = {
+      ...v,
+      ...E
     };
-    if (M) {
-      const { edges: C, setEdges: T } = _.getState();
-      T(md($, C));
+    if ($) {
+      const { edges: T, setEdges: O } = b.getState();
+      O(md(M, T));
     }
-    v?.($), a?.($);
-  }, D = (g) => {
+    C?.(M), a?.(M);
+  }, H = (E) => {
     if (!x)
       return;
-    const E = fi(g.nativeEvent);
-    if (r && (E && g.button === 0 || !E)) {
-      const v = _.getState();
-      Fn.onPointerDown(g.nativeEvent, {
-        autoPanOnConnect: v.autoPanOnConnect,
-        connectionMode: v.connectionMode,
-        connectionRadius: v.connectionRadius,
-        domNode: v.domNode,
-        nodeLookup: v.nodeLookup,
-        lib: v.lib,
+    const v = fi(E.nativeEvent);
+    if (r && (v && E.button === 0 || !v)) {
+      const C = b.getState();
+      Fn.onPointerDown(E.nativeEvent, {
+        autoPanOnConnect: C.autoPanOnConnect,
+        connectionMode: C.connectionMode,
+        connectionRadius: C.connectionRadius,
+        domNode: C.domNode,
+        nodeLookup: C.nodeLookup,
+        lib: C.lib,
         isTarget: y,
-        handleId: p,
+        handleId: g,
         nodeId: x,
-        flowId: v.rfId,
-        panBy: v.panBy,
-        cancelConnection: v.cancelConnection,
-        onConnectStart: v.onConnectStart,
-        onConnectEnd: v.onConnectEnd,
-        updateConnection: v.updateConnection,
-        onConnect: V,
-        isValidConnection: n || v.isValidConnection,
-        getTransform: () => _.getState().transform,
-        getFromHandle: () => _.getState().connection.fromHandle,
-        autoPanSpeed: v.autoPanSpeed
+        flowId: C.rfId,
+        panBy: C.panBy,
+        cancelConnection: C.cancelConnection,
+        onConnectStart: C.onConnectStart,
+        onConnectEnd: C.onConnectEnd,
+        updateConnection: C.updateConnection,
+        onConnect: D,
+        isValidConnection: n || C.isValidConnection,
+        getTransform: () => b.getState().transform,
+        getFromHandle: () => b.getState().connection.fromHandle,
+        autoPanSpeed: C.autoPanSpeed
       });
     }
-    E ? d?.(g) : u?.(g);
-  }, H = (g) => {
-    const { onClickConnectStart: E, onClickConnectEnd: v, connectionClickStartHandle: M, connectionMode: $, isValidConnection: C, lib: T, rfId: O, nodeLookup: R, connection: W } = _.getState();
-    if (!x || !M && !r)
+    v ? d?.(E) : u?.(E);
+  }, m = (E) => {
+    const { onClickConnectStart: v, onClickConnectEnd: C, connectionClickStartHandle: $, connectionMode: M, isValidConnection: T, lib: O, rfId: R, nodeLookup: Y, connection: X } = b.getState();
+    if (!x || !$ && !r)
       return;
-    if (!M) {
-      E?.(g.nativeEvent, { nodeId: x, handleId: p, handleType: e }), _.setState({ connectionClickStartHandle: { nodeId: x, type: e, id: p } });
+    if (!$) {
+      v?.(E.nativeEvent, { nodeId: x, handleId: g, handleType: e }), b.setState({ connectionClickStartHandle: { nodeId: x, type: e, id: g } });
       return;
     }
-    const Y = di(g.target), F = n || C, { connection: Z, isValid: L } = Fn.isValid(g.nativeEvent, {
+    const F = di(E.target), Z = n || T, { connection: L, isValid: W } = Fn.isValid(E.nativeEvent, {
       handle: {
         nodeId: x,
-        id: p,
+        id: g,
         type: e
       },
-      connectionMode: $,
-      fromNodeId: M.nodeId,
-      fromHandleId: M.id || null,
-      fromType: M.type,
-      isValidConnection: F,
-      flowId: O,
-      doc: Y,
-      lib: T,
-      nodeLookup: R
+      connectionMode: M,
+      fromNodeId: $.nodeId,
+      fromHandleId: $.id || null,
+      fromType: $.type,
+      isValidConnection: Z,
+      flowId: R,
+      doc: F,
+      lib: O,
+      nodeLookup: Y
     });
-    L && Z && V(Z);
-    const X = structuredClone(W);
-    delete X.inProgress, X.toPosition = X.toHandle ? X.toHandle.position : null, v?.(g, X), _.setState({ connectionClickStartHandle: null });
+    W && L && D(L);
+    const G = structuredClone(X);
+    delete G.inProgress, G.toPosition = G.toHandle ? G.toHandle.position : null, C?.(E, G), b.setState({ connectionClickStartHandle: null });
   };
-  return z("div", { "data-handleid": p, "data-nodeid": x, "data-handlepos": t, "data-id": `${w}-${x}-${p}-${e}`, className: re([
+  return z("div", { "data-handleid": g, "data-nodeid": x, "data-handlepos": t, "data-id": `${w}-${x}-${g}-${e}`, className: re([
     "react-flow__handle",
     `react-flow__handle-${t}`,
     "nodrag",
-    m,
+    p,
     l,
     {
       source: !y,
@@ -4819,27 +4821,27 @@ function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isC
       clickconnecting: S,
       connectingfrom: N,
       connectingto: k,
-      valid: A,
+      valid: V,
       /*
        * shows where you can start a connection from
        * and where you can end it while connecting
        */
-      connectionindicator: o && (!I || P) && (I ? i : r)
+      connectionindicator: o && (!I || P) && (I || A ? i : r)
     }
-  ]), onMouseDown: D, onTouchStart: D, onClick: b ? H : void 0, ref: h, ...f, children: c });
+  ]), onMouseDown: H, onTouchStart: H, onClick: _ ? m : void 0, ref: h, ...f, children: c });
 }
 const Wt = ie(Di(Zf));
 function Wf({ data: e, isConnectable: t, sourcePosition: n = B.Bottom }) {
-  return se(Se, { children: [e?.label, z(Wt, { type: "source", position: n, isConnectable: t })] });
+  return se(Ne, { children: [e?.label, z(Wt, { type: "source", position: n, isConnectable: t })] });
 }
 function qf({ data: e, isConnectable: t, targetPosition: n = B.Top, sourcePosition: o = B.Bottom }) {
-  return se(Se, { children: [z(Wt, { type: "target", position: n, isConnectable: t }), e?.label, z(Wt, { type: "source", position: o, isConnectable: t })] });
+  return se(Ne, { children: [z(Wt, { type: "target", position: n, isConnectable: t }), e?.label, z(Wt, { type: "source", position: o, isConnectable: t })] });
 }
 function Gf() {
   return null;
 }
 function Kf({ data: e, isConnectable: t, targetPosition: n = B.Top }) {
-  return se(Se, { children: [z(Wt, { type: "target", position: n, isConnectable: t }), e?.label] });
+  return se(Ne, { children: [z(Wt, { type: "target", position: n, isConnectable: t }), e?.label] });
 }
 const qt = {
   ArrowUp: { x: 0, y: -1 },
@@ -4873,7 +4875,7 @@ const Qf = (e) => {
   };
 };
 function Jf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
-  const o = ee(), { width: r, height: i, transformString: s, userSelectionActive: a } = G(Qf, ne), c = Oi(), l = J(null);
+  const o = ee(), { width: r, height: i, transformString: s, userSelectionActive: a } = K(Qf, ne), c = Oi(), l = J(null);
   if (j(() => {
     n || l.current?.focus({
       preventScroll: !0
@@ -4883,7 +4885,7 @@ function Jf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   }), a || !r || !i)
     return null;
   const d = e ? (f) => {
-    const h = o.getState().nodes.filter((p) => p.selected);
+    const h = o.getState().nodes.filter((g) => g.selected);
     e(f, h);
   } : void 0, u = (f) => {
     Object.prototype.hasOwnProperty.call(qt, f.key) && (f.preventDefault(), c({
@@ -4899,18 +4901,18 @@ function Jf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   } }) });
 }
 const ur = typeof window < "u" ? window : void 0, jf = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
-function Ri({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: p, panActivationKeyCode: y, zoomActivationKeyCode: _, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: m, panOnScroll: w, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: P, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, preventScrolling: H, onSelectionContextMenu: g, noWheelClassName: E, noPanClassName: v, disableKeyboardA11y: M, onViewportChange: $, isControlledViewport: C }) {
-  const { nodesSelectionActive: T, userSelectionActive: O } = G(jf), R = yt(l, { target: ur }), W = yt(y, { target: ur }), Y = W || P, F = W || w, Z = d && Y !== !0, L = R || O || Z;
-  return zf({ deleteKeyCode: c, multiSelectionKeyCode: p }), z(Hf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: m, panOnScroll: F, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: !R && Y, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, zoomActivationKeyCode: _, preventScrolling: H, noWheelClassName: E, noPanClassName: v, onViewportChange: $, isControlledViewport: C, paneClickDistance: a, children: se(Lf, { onSelectionStart: f, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: Y, isSelecting: !!L, selectionMode: u, selectionKeyPressed: R, selectionOnDrag: Z, children: [e, T && z(Jf, { onSelectionContextMenu: g, noPanClassName: v, disableKeyboardA11y: M })] }) });
+function Ri({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: g, panActivationKeyCode: y, zoomActivationKeyCode: b, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: w, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: P, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, preventScrolling: H, onSelectionContextMenu: m, noWheelClassName: E, noPanClassName: v, disableKeyboardA11y: C, onViewportChange: $, isControlledViewport: M }) {
+  const { nodesSelectionActive: T, userSelectionActive: O } = K(jf), R = yt(l, { target: ur }), Y = yt(y, { target: ur }), X = Y || P, F = Y || w, Z = d && X !== !0, L = R || O || Z;
+  return zf({ deleteKeyCode: c, multiSelectionKeyCode: g }), z(Hf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: F, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: !R && X, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, zoomActivationKeyCode: b, preventScrolling: H, noWheelClassName: E, noPanClassName: v, onViewportChange: $, isControlledViewport: M, paneClickDistance: a, children: se(Lf, { onSelectionStart: f, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: X, isSelecting: !!L, selectionMode: u, selectionKeyPressed: R, selectionOnDrag: Z, children: [e, T && z(Jf, { onSelectionContextMenu: m, noPanClassName: v, disableKeyboardA11y: C })] }) });
 }
 Ri.displayName = "FlowRenderer";
 const eh = ie(Ri), th = (e) => (t) => e ? oi(t.nodeLookup, { x: 0, y: 0, width: t.width, height: t.height }, t.transform, !0).map((n) => n.id) : Array.from(t.nodeLookup.keys());
 function nh(e) {
-  return G(ue(th(e), [e]), ne);
+  return K(ue(th(e), [e]), ne);
 }
 const oh = (e) => e.updateNodeInternals;
 function rh() {
-  const e = G(oh), [t] = fe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((n) => {
+  const e = K(oh), [t] = fe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((n) => {
     const o = /* @__PURE__ */ new Map();
     n.forEach((r) => {
       const i = r.target.getAttribute("data-id");
@@ -4938,46 +4940,46 @@ function ih({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
     }
   }, [e.id, t, e.sourcePosition, e.targetPosition]), i;
 }
-function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave: r, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: l, nodesFocusable: d, resizeObserver: u, noDragClassName: f, noPanClassName: h, disableKeyboardA11y: p, rfId: y, nodeTypes: _, nodeClickDistance: x, onError: b }) {
-  const { node: m, internals: w, isParent: N } = G((L) => {
-    const X = L.nodeLookup.get(e), K = L.parentLookup.has(e);
+function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave: r, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: l, nodesFocusable: d, resizeObserver: u, noDragClassName: f, noPanClassName: h, disableKeyboardA11y: g, rfId: y, nodeTypes: b, nodeClickDistance: x, onError: _ }) {
+  const { node: p, internals: w, isParent: N } = K((L) => {
+    const W = L.nodeLookup.get(e), G = L.parentLookup.has(e);
     return {
-      node: X,
-      internals: X.internals,
-      isParent: K
+      node: W,
+      internals: W.internals,
+      isParent: G
     };
   }, ne);
-  let k = m.type || "default", S = _?.[k] || lr[k];
-  S === void 0 && (b?.("003", Ne.error003(k)), k = "default", S = lr.default);
-  const P = !!(m.draggable || a && typeof m.draggable > "u"), I = !!(m.selectable || c && typeof m.selectable > "u"), A = !!(m.connectable || l && typeof m.connectable > "u"), V = !!(m.focusable || d && typeof m.focusable > "u"), D = ee(), H = li(m), g = ih({ node: m, nodeType: k, hasDimensions: H, resizeObserver: u }), E = Vi({
-    nodeRef: g,
-    disabled: m.hidden || !P,
+  let k = p.type || "default", S = b?.[k] || lr[k];
+  S === void 0 && (_?.("003", xe.error003(k)), k = "default", S = lr.default);
+  const P = !!(p.draggable || a && typeof p.draggable > "u"), I = !!(p.selectable || c && typeof p.selectable > "u"), A = !!(p.connectable || l && typeof p.connectable > "u"), V = !!(p.focusable || d && typeof p.focusable > "u"), D = ee(), H = li(p), m = ih({ node: p, nodeType: k, hasDimensions: H, resizeObserver: u }), E = Vi({
+    nodeRef: m,
+    disabled: p.hidden || !P,
     noDragClassName: f,
-    handleSelector: m.dragHandle,
+    handleSelector: p.dragHandle,
     nodeId: e,
     isSelectable: I,
     nodeClickDistance: x
   }), v = Oi();
-  if (m.hidden)
+  if (p.hidden)
     return null;
-  const M = Ce(m), $ = Uf(m), C = I || P || t || n || o || r, T = n ? (L) => n(L, { ...w.userNode }) : void 0, O = o ? (L) => o(L, { ...w.userNode }) : void 0, R = r ? (L) => r(L, { ...w.userNode }) : void 0, W = i ? (L) => i(L, { ...w.userNode }) : void 0, Y = s ? (L) => s(L, { ...w.userNode }) : void 0, F = (L) => {
-    const { selectNodesOnDrag: X, nodeDragThreshold: K } = D.getState();
-    I && (!X || !P || K > 0) && Xn({
+  const C = Ce(p), $ = Uf(p), M = I || P || t || n || o || r, T = n ? (L) => n(L, { ...w.userNode }) : void 0, O = o ? (L) => o(L, { ...w.userNode }) : void 0, R = r ? (L) => r(L, { ...w.userNode }) : void 0, Y = i ? (L) => i(L, { ...w.userNode }) : void 0, X = s ? (L) => s(L, { ...w.userNode }) : void 0, F = (L) => {
+    const { selectNodesOnDrag: W, nodeDragThreshold: G } = D.getState();
+    I && (!W || !P || G > 0) && Xn({
       id: e,
       store: D,
-      nodeRef: g
+      nodeRef: m
     }), t && t(L, { ...w.userNode });
   }, Z = (L) => {
-    if (!(On(L.nativeEvent) || p))
+    if (!(On(L.nativeEvent) || g))
       if (jr.includes(L.key) && I) {
-        const X = L.key === "Escape";
+        const W = L.key === "Escape";
         Xn({
           id: e,
           store: D,
-          unselect: X,
-          nodeRef: g
+          unselect: W,
+          nodeRef: m
         });
-      } else P && m.selected && Object.prototype.hasOwnProperty.call(qt, L.key) && (L.preventDefault(), D.setState({
+      } else P && p.selected && Object.prototype.hasOwnProperty.call(qt, L.key) && (L.preventDefault(), D.setState({
         ariaLiveMessage: `Moved selected node ${L.key.replace("Arrow", "").toLowerCase()}. New position, x: ${~~w.positionAbsolute.x}, y: ${~~w.positionAbsolute.y}`
       }), v({
         direction: qt[L.key],
@@ -4991,22 +4993,22 @@ function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
       // this is overwritable by passing `nopan` as a class name
       [h]: P
     },
-    m.className,
+    p.className,
     {
-      selected: m.selected,
+      selected: p.selected,
       selectable: I,
       parent: N,
       draggable: P,
       dragging: E
     }
-  ]), ref: g, style: {
+  ]), ref: m, style: {
     zIndex: w.z,
     transform: `translate(${w.positionAbsolute.x}px,${w.positionAbsolute.y}px)`,
-    pointerEvents: C ? "all" : "none",
+    pointerEvents: M ? "all" : "none",
     visibility: H ? "visible" : "hidden",
-    ...m.style,
+    ...p.style,
     ...$
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: O, onMouseLeave: R, onContextMenu: W, onClick: F, onDoubleClick: Y, onKeyDown: V ? Z : void 0, tabIndex: V ? 0 : void 0, role: V ? "button" : void 0, "aria-describedby": p ? void 0 : `${$i}-${y}`, "aria-label": m.ariaLabel, children: z(Ff, { value: e, children: z(S, { id: e, data: m.data, type: k, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: m.selected ?? !1, selectable: I, draggable: P, deletable: m.deletable ?? !0, isConnectable: A, sourcePosition: m.sourcePosition, targetPosition: m.targetPosition, dragging: E, dragHandle: m.dragHandle, zIndex: w.z, parentId: m.parentId, ...M }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: O, onMouseLeave: R, onContextMenu: Y, onClick: F, onDoubleClick: X, onKeyDown: V ? Z : void 0, tabIndex: V ? 0 : void 0, role: V ? "button" : void 0, "aria-describedby": g ? void 0 : `${$i}-${y}`, "aria-label": p.ariaLabel, children: z(Ff, { value: e, children: z(S, { id: e, data: p.data, type: k, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: p.selected ?? !1, selectable: I, draggable: P, deletable: p.deletable ?? !0, isConnectable: A, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: E, dragHandle: p.dragHandle, zIndex: w.z, parentId: p.parentId, ...C }) }) });
 }
 const ah = (e) => ({
   nodesDraggable: e.nodesDraggable,
@@ -5016,7 +5018,7 @@ const ah = (e) => ({
   onError: e.onError
 });
 function Li(e) {
-  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = G(ah, ne), s = nh(e.onlyRenderVisibleElements), a = rh();
+  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = K(ah, ne), s = nh(e.onlyRenderVisibleElements), a = rh();
   return z("div", { className: "react-flow__nodes", style: cn, children: s.map((c) => (
     /*
      * The split of responsibilities between NodeRenderer and
@@ -5049,7 +5051,7 @@ function Li(e) {
 Li.displayName = "NodeRenderer";
 const ch = ie(Li);
 function lh(e) {
-  return G(ue((n) => {
+  return K(ue((n) => {
     if (!e)
       return n.edges.map((r) => r.id);
     const o = [];
@@ -5080,13 +5082,13 @@ const uh = ({ color: e = "none", strokeWidth: t = 1 }) => z("polyline", { style:
 };
 function fh(e) {
   const t = ee();
-  return me(() => Object.prototype.hasOwnProperty.call(dr, e) ? dr[e] : (t.getState().onError?.("009", Ne.error009(e)), null), [e]);
+  return me(() => Object.prototype.hasOwnProperty.call(dr, e) ? dr[e] : (t.getState().onError?.("009", xe.error009(e)), null), [e]);
 }
 const hh = ({ id: e, type: t, color: n, width: o = 12.5, height: r = 12.5, markerUnits: i = "strokeWidth", strokeWidth: s, orient: a = "auto-start-reverse" }) => {
   const c = fh(t);
   return c ? z("marker", { className: "react-flow__arrowhead", id: e, markerWidth: `${o}`, markerHeight: `${r}`, viewBox: "-10 -10 20 20", markerUnits: i, orient: a, refX: "0", refY: "0", children: z(c, { color: n, strokeWidth: s }) }) : null;
 }, Bi = ({ defaultColor: e, rfId: t }) => {
-  const n = G((i) => i.edges), o = G((i) => i.defaultEdgeOptions), r = me(() => _d(n, {
+  const n = K((i) => i.edges), o = K((i) => i.defaultEdgeOptions), r = me(() => _d(n, {
     id: t,
     defaultColor: e,
     defaultMarkerStart: o?.markerStart,
@@ -5097,10 +5099,10 @@ const hh = ({ id: e, type: t, color: n, width: o = 12.5, height: r = 12.5, marke
 Bi.displayName = "MarkerDefinitions";
 var gh = ie(Bi);
 function Fi({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: r = !0, labelBgStyle: i = {}, labelBgPadding: s = [2, 4], labelBgBorderRadius: a = 2, children: c, className: l, ...d }) {
-  const [u, f] = fe({ x: 1, y: 0, width: 0, height: 0 }), h = re(["react-flow__edge-textwrapper", l]), p = J(null);
+  const [u, f] = fe({ x: 1, y: 0, width: 0, height: 0 }), h = re(["react-flow__edge-textwrapper", l]), g = J(null);
   return j(() => {
-    if (p.current) {
-      const y = p.current.getBBox();
+    if (g.current) {
+      const y = g.current.getBBox();
       f({
         x: y.x,
         y: y.y,
@@ -5108,12 +5110,12 @@ function Fi({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: r = !0, lab
         height: y.height
       });
     }
-  }, [n]), typeof n > "u" || !n ? null : se("g", { transform: `translate(${e - u.width / 2} ${t - u.height / 2})`, className: h, visibility: u.width ? "visible" : "hidden", ...d, children: [r && z("rect", { width: u.width + 2 * s[0], x: -s[0], y: -s[1], height: u.height + 2 * s[1], className: "react-flow__edge-textbg", style: i, rx: a, ry: a }), z("text", { className: "react-flow__edge-text", y: u.height / 2, dy: "0.3em", ref: p, style: o, children: n }), c] });
+  }, [n]), typeof n > "u" || !n ? null : se("g", { transform: `translate(${e - u.width / 2} ${t - u.height / 2})`, className: h, visibility: u.width ? "visible" : "hidden", ...d, children: [r && z("rect", { width: u.width + 2 * s[0], x: -s[0], y: -s[1], height: u.height + 2 * s[1], className: "react-flow__edge-textbg", style: i, rx: a, ry: a }), z("text", { className: "react-flow__edge-text", y: u.height / 2, dy: "0.3em", ref: g, style: o, children: n }), c] });
 }
 Fi.displayName = "EdgeText";
 const ph = ie(Fi);
 function ln({ path: e, labelX: t, labelY: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c, interactionWidth: l = 20, ...d }) {
-  return se(Se, { children: [z("path", { ...d, d: e, fill: "none", className: re(["react-flow__edge-path", d.className]) }), l && z("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: l, className: "react-flow__edge-interaction" }), o && pe(t) && pe(n) ? z(ph, { x: t, y: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c }) : null] });
+  return se(Ne, { children: [z("path", { ...d, d: e, fill: "none", className: re(["react-flow__edge-path", d.className]) }), l && z("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: l, className: "react-flow__edge-interaction" }), o && pe(t) && pe(n) ? z(ph, { x: t, y: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c }) : null] });
 }
 function fr({ pos: e, x1: t, y1: n, x2: o, y2: r }) {
   return e === B.Left || e === B.Right ? [0.5 * (t + o), n] : [t, 0.5 * (n + r)];
@@ -5150,8 +5152,8 @@ function Xi({ sourceX: e, sourceY: t, sourcePosition: n = B.Bottom, targetX: o,
   ];
 }
 function Yi(e) {
-  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, sourcePosition: s = B.Bottom, targetPosition: a = B.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: x }) => {
-    const [b, m, w] = Xi({
+  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, sourcePosition: s = B.Bottom, targetPosition: a = B.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: g, markerEnd: y, markerStart: b, interactionWidth: x }) => {
+    const [_, p, w] = Xi({
       sourceX: n,
       sourceY: o,
       sourcePosition: s,
@@ -5159,25 +5161,25 @@ function Yi(e) {
       targetY: i,
       targetPosition: a
     }), N = e.isInternal ? void 0 : t;
-    return z(ln, { id: N, path: b, labelX: m, labelY: w, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: x });
+    return z(ln, { id: N, path: _, labelX: p, labelY: w, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: g, markerEnd: y, markerStart: b, interactionWidth: x });
   });
 }
 const mh = Yi({ isInternal: !1 }), Zi = Yi({ isInternal: !0 });
 mh.displayName = "SimpleBezierEdge";
 Zi.displayName = "SimpleBezierEdgeInternal";
 function Wi(e) {
-  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, sourcePosition: h = B.Bottom, targetPosition: p = B.Top, markerEnd: y, markerStart: _, pathOptions: x, interactionWidth: b }) => {
-    const [m, w, N] = Rn({
+  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, sourcePosition: h = B.Bottom, targetPosition: g = B.Top, markerEnd: y, markerStart: b, pathOptions: x, interactionWidth: _ }) => {
+    const [p, w, N] = Rn({
       sourceX: n,
       sourceY: o,
       sourcePosition: h,
       targetX: r,
       targetY: i,
-      targetPosition: p,
+      targetPosition: g,
       borderRadius: x?.borderRadius,
       offset: x?.offset
     }), k = e.isInternal ? void 0 : t;
-    return z(ln, { id: k, path: m, labelX: w, labelY: N, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: y, markerStart: _, interactionWidth: b });
+    return z(ln, { id: k, path: p, labelX: w, labelY: N, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: y, markerStart: b, interactionWidth: _ });
   });
 }
 const qi = Wi({ isInternal: !1 }), Gi = Wi({ isInternal: !0 });
@@ -5193,17 +5195,17 @@ const yh = Ki({ isInternal: !1 }), Ui = Ki({ isInternal: !0 });
 yh.displayName = "StepEdge";
 Ui.displayName = "StepEdgeInternal";
 function Qi(e) {
-  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: p, interactionWidth: y }) => {
-    const [_, x, b] = mi({ sourceX: n, sourceY: o, targetX: r, targetY: i }), m = e.isInternal ? void 0 : t;
-    return z(ln, { id: m, path: _, labelX: x, labelY: b, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: p, interactionWidth: y });
+  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: y }) => {
+    const [b, x, _] = mi({ sourceX: n, sourceY: o, targetX: r, targetY: i }), p = e.isInternal ? void 0 : t;
+    return z(ln, { id: p, path: b, labelX: x, labelY: _, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: y });
   });
 }
 const wh = Qi({ isInternal: !1 }), Ji = Qi({ isInternal: !0 });
 wh.displayName = "StraightEdge";
 Ji.displayName = "StraightEdgeInternal";
 function ji(e) {
-  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, sourcePosition: s = B.Bottom, targetPosition: a = B.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, pathOptions: x, interactionWidth: b }) => {
-    const [m, w, N] = gi({
+  return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, sourcePosition: s = B.Bottom, targetPosition: a = B.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: g, markerEnd: y, markerStart: b, pathOptions: x, interactionWidth: _ }) => {
+    const [p, w, N] = gi({
       sourceX: n,
       sourceY: o,
       sourcePosition: s,
@@ -5212,7 +5214,7 @@ function ji(e) {
       targetPosition: a,
       curvature: x?.curvature
     }), k = e.isInternal ? void 0 : t;
-    return z(ln, { id: k, path: m, labelX: w, labelY: N, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: b });
+    return z(ln, { id: k, path: p, labelX: w, labelY: N, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: h, style: g, markerEnd: y, markerStart: b, interactionWidth: _ });
   });
 }
 const xh = ji({ isInternal: !1 }), es = ji({ isInternal: !0 });
@@ -5236,13 +5238,13 @@ function mr({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown:
   return z("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: s, className: re([pr, `${pr}-${a}`]), cx: vh(t, o, e), cy: _h(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
 }
 function bh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: s, sourcePosition: a, targetPosition: c, onReconnect: l, onReconnectStart: d, onReconnectEnd: u, setReconnecting: f, setUpdateHover: h }) {
-  const p = ee(), y = (w, N) => {
+  const g = ee(), y = (w, N) => {
     if (w.button !== 0)
       return;
-    const { autoPanOnConnect: k, domNode: S, isValidConnection: P, connectionMode: I, connectionRadius: A, lib: V, onConnectStart: D, onConnectEnd: H, cancelConnection: g, nodeLookup: E, rfId: v, panBy: M, updateConnection: $ } = p.getState(), C = N.type === "target";
+    const { autoPanOnConnect: k, domNode: S, isValidConnection: P, connectionMode: I, connectionRadius: A, lib: V, onConnectStart: D, onConnectEnd: H, cancelConnection: m, nodeLookup: E, rfId: v, panBy: C, updateConnection: $ } = g.getState(), M = N.type === "target";
     f(!0), d?.(w, n, N.type);
-    const T = (R, W) => {
-      f(!1), u?.(R, n, N.type, W);
+    const T = (R, Y) => {
+      f(!1), u?.(R, n, N.type, Y);
     }, O = (R) => l?.(n, R);
     Fn.onPointerDown(w.nativeEvent, {
       autoPanOnConnect: k,
@@ -5252,91 +5254,91 @@ function bh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourc
       handleId: N.id,
       nodeId: N.nodeId,
       nodeLookup: E,
-      isTarget: C,
+      isTarget: M,
       edgeUpdaterType: N.type,
       lib: V,
       flowId: v,
-      cancelConnection: g,
-      panBy: M,
+      cancelConnection: m,
+      panBy: C,
       isValidConnection: P,
       onConnect: O,
       onConnectStart: D,
       onConnectEnd: H,
       onReconnectEnd: T,
       updateConnection: $,
-      getTransform: () => p.getState().transform,
-      getFromHandle: () => p.getState().connection.fromHandle
+      getTransform: () => g.getState().transform,
+      getFromHandle: () => g.getState().connection.fromHandle
     });
-  }, _ = (w) => y(w, { nodeId: n.target, id: n.targetHandle ?? null, type: "target" }), x = (w) => y(w, { nodeId: n.source, id: n.sourceHandle ?? null, type: "source" }), b = () => h(!0), m = () => h(!1);
-  return se(Se, { children: [(e === !0 || e === "source") && z(mr, { position: a, centerX: o, centerY: r, radius: t, onMouseDown: _, onMouseEnter: b, onMouseOut: m, type: "source" }), (e === !0 || e === "target") && z(mr, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: x, onMouseEnter: b, onMouseOut: m, type: "target" })] });
-}
-function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: o, onClick: r, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, rfId: p, edgeTypes: y, noPanClassName: _, onError: x, disableKeyboardA11y: b }) {
-  let m = G((q) => q.edgeLookup.get(e));
-  const w = G((q) => q.defaultEdgeOptions);
-  m = w ? { ...w, ...m } : m;
-  let N = m.type || "default", k = y?.[N] || hr[N];
-  k === void 0 && (x?.("011", Ne.error011(N)), N = "default", k = hr.default);
-  const S = !!(m.focusable || t && typeof m.focusable > "u"), P = typeof u < "u" && (m.reconnectable || n && typeof m.reconnectable > "u"), I = !!(m.selectable || o && typeof m.selectable > "u"), A = J(null), [V, D] = fe(!1), [H, g] = fe(!1), E = ee(), { zIndex: v, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: R } = G(ue((q) => {
-    const U = q.nodeLookup.get(m.source), oe = q.nodeLookup.get(m.target);
+  }, b = (w) => y(w, { nodeId: n.target, id: n.targetHandle ?? null, type: "target" }), x = (w) => y(w, { nodeId: n.source, id: n.sourceHandle ?? null, type: "source" }), _ = () => h(!0), p = () => h(!1);
+  return se(Ne, { children: [(e === !0 || e === "source") && z(mr, { position: a, centerX: o, centerY: r, radius: t, onMouseDown: b, onMouseEnter: _, onMouseOut: p, type: "source" }), (e === !0 || e === "target") && z(mr, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: x, onMouseEnter: _, onMouseOut: p, type: "target" })] });
+}
+function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: o, onClick: r, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, rfId: g, edgeTypes: y, noPanClassName: b, onError: x, disableKeyboardA11y: _ }) {
+  let p = K((q) => q.edgeLookup.get(e));
+  const w = K((q) => q.defaultEdgeOptions);
+  p = w ? { ...w, ...p } : p;
+  let N = p.type || "default", k = y?.[N] || hr[N];
+  k === void 0 && (x?.("011", xe.error011(N)), N = "default", k = hr.default);
+  const S = !!(p.focusable || t && typeof p.focusable > "u"), P = typeof u < "u" && (p.reconnectable || n && typeof p.reconnectable > "u"), I = !!(p.selectable || o && typeof p.selectable > "u"), A = J(null), [V, D] = fe(!1), [H, m] = fe(!1), E = ee(), { zIndex: v, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R } = K(ue((q) => {
+    const U = q.nodeLookup.get(p.source), oe = q.nodeLookup.get(p.target);
     if (!U || !oe)
       return {
-        zIndex: m.zIndex,
+        zIndex: p.zIndex,
         ...gr
       };
     const ae = vd({
       id: e,
       sourceNode: U,
       targetNode: oe,
-      sourceHandle: m.sourceHandle || null,
-      targetHandle: m.targetHandle || null,
+      sourceHandle: p.sourceHandle || null,
+      targetHandle: p.targetHandle || null,
       connectionMode: q.connectionMode,
       onError: x
     });
     return {
       zIndex: fd({
-        selected: m.selected,
-        zIndex: m.zIndex,
+        selected: p.selected,
+        zIndex: p.zIndex,
         sourceNode: U,
         targetNode: oe,
         elevateOnSelect: q.elevateEdgesOnSelect
       }),
       ...ae || gr
     };
-  }, [m.source, m.target, m.sourceHandle, m.targetHandle, m.selected, m.zIndex]), ne), W = me(() => m.markerStart ? `url('#${Ln(m.markerStart, p)}')` : void 0, [m.markerStart, p]), Y = me(() => m.markerEnd ? `url('#${Ln(m.markerEnd, p)}')` : void 0, [m.markerEnd, p]);
-  if (m.hidden || M === null || $ === null || C === null || T === null)
+  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex]), ne), Y = me(() => p.markerStart ? `url('#${Ln(p.markerStart, g)}')` : void 0, [p.markerStart, g]), X = me(() => p.markerEnd ? `url('#${Ln(p.markerEnd, g)}')` : void 0, [p.markerEnd, g]);
+  if (p.hidden || C === null || $ === null || M === null || T === null)
     return null;
   const F = (q) => {
     const { addSelectedEdges: U, unselectNodesAndEdges: oe, multiSelectionActive: ae } = E.getState();
-    I && (E.setState({ nodesSelectionActive: !1 }), m.selected && ae ? (oe({ nodes: [], edges: [m] }), A.current?.blur()) : U([e])), r && r(q, m);
+    I && (E.setState({ nodesSelectionActive: !1 }), p.selected && ae ? (oe({ nodes: [], edges: [p] }), A.current?.blur()) : U([e])), r && r(q, p);
   }, Z = i ? (q) => {
-    i(q, { ...m });
+    i(q, { ...p });
   } : void 0, L = s ? (q) => {
-    s(q, { ...m });
-  } : void 0, X = a ? (q) => {
-    a(q, { ...m });
-  } : void 0, K = c ? (q) => {
-    c(q, { ...m });
+    s(q, { ...p });
+  } : void 0, W = a ? (q) => {
+    a(q, { ...p });
+  } : void 0, G = c ? (q) => {
+    c(q, { ...p });
   } : void 0, te = l ? (q) => {
-    l(q, { ...m });
+    l(q, { ...p });
   } : void 0, Q = (q) => {
-    if (!b && jr.includes(q.key) && I) {
+    if (!_ && jr.includes(q.key) && I) {
       const { unselectNodesAndEdges: U, addSelectedEdges: oe } = E.getState();
-      q.key === "Escape" ? (A.current?.blur(), U({ edges: [m] })) : oe([e]);
+      q.key === "Escape" ? (A.current?.blur(), U({ edges: [p] })) : oe([e]);
     }
   };
   return z("svg", { style: { zIndex: v }, children: se("g", { className: re([
     "react-flow__edge",
     `react-flow__edge-${N}`,
-    m.className,
-    _,
+    p.className,
+    b,
     {
-      selected: m.selected,
-      animated: m.animated,
+      selected: p.selected,
+      animated: p.animated,
       inactive: !I && !r,
       updating: V,
       selectable: I
     }
-  ]), onClick: F, onDoubleClick: Z, onContextMenu: L, onMouseEnter: X, onMouseMove: K, onMouseLeave: te, onKeyDown: S ? Q : void 0, tabIndex: S ? 0 : void 0, role: S ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": m.ariaLabel === null ? void 0 : m.ariaLabel || `Edge from ${m.source} to ${m.target}`, "aria-describedby": S ? `${Ii}-${p}` : void 0, ref: A, children: [!H && z(k, { id: e, source: m.source, target: m.target, type: m.type, selected: m.selected, animated: m.animated, selectable: I, deletable: m.deletable ?? !0, label: m.label, labelStyle: m.labelStyle, labelShowBg: m.labelShowBg, labelBgStyle: m.labelBgStyle, labelBgPadding: m.labelBgPadding, labelBgBorderRadius: m.labelBgBorderRadius, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: R, data: m.data, style: m.style, sourceHandleId: m.sourceHandle, targetHandleId: m.targetHandle, markerStart: W, markerEnd: Y, pathOptions: "pathOptions" in m ? m.pathOptions : void 0, interactionWidth: m.interactionWidth }), P && z(bh, { edge: m, isReconnectable: P, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: R, setUpdateHover: D, setReconnecting: g })] }) });
+  ]), onClick: F, onDoubleClick: Z, onContextMenu: L, onMouseEnter: W, onMouseMove: G, onMouseLeave: te, onKeyDown: S ? Q : void 0, tabIndex: S ? 0 : void 0, role: S ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": S ? `${Ii}-${g}` : void 0, ref: A, children: [!H && z(k, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: I, deletable: p.deletable ?? !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: Y, markerEnd: X, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), P && z(bh, { edge: p, isReconnectable: P, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R, setUpdateHover: D, setReconnecting: m })] }) });
 }
 const Sh = (e) => ({
   edgesFocusable: e.edgesFocusable,
@@ -5345,14 +5347,14 @@ const Sh = (e) => ({
   connectionMode: e.connectionMode,
   onError: e.onError
 });
-function ts({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: o, noPanClassName: r, onReconnect: i, onEdgeContextMenu: s, onEdgeMouseEnter: a, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: d, reconnectRadius: u, onEdgeDoubleClick: f, onReconnectStart: h, onReconnectEnd: p, disableKeyboardA11y: y }) {
-  const { edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, onError: m } = G(Sh, ne), w = lh(t);
-  return se("div", { className: "react-flow__edges", children: [z(gh, { defaultColor: e, rfId: n }), w.map((N) => z(Eh, { id: N, edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, noPanClassName: r, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, onClick: d, reconnectRadius: u, onDoubleClick: f, onReconnectStart: h, onReconnectEnd: p, rfId: n, onError: m, edgeTypes: o, disableKeyboardA11y: y }, N))] });
+function ts({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: o, noPanClassName: r, onReconnect: i, onEdgeContextMenu: s, onEdgeMouseEnter: a, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: d, reconnectRadius: u, onEdgeDoubleClick: f, onReconnectStart: h, onReconnectEnd: g, disableKeyboardA11y: y }) {
+  const { edgesFocusable: b, edgesReconnectable: x, elementsSelectable: _, onError: p } = K(Sh, ne), w = lh(t);
+  return se("div", { className: "react-flow__edges", children: [z(gh, { defaultColor: e, rfId: n }), w.map((N) => z(Eh, { id: N, edgesFocusable: b, edgesReconnectable: x, elementsSelectable: _, noPanClassName: r, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, onClick: d, reconnectRadius: u, onDoubleClick: f, onReconnectStart: h, onReconnectEnd: g, rfId: n, onError: p, edgeTypes: o, disableKeyboardA11y: y }, N))] });
 }
 ts.displayName = "EdgeRenderer";
 const Nh = ie(ts), Ch = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
 function Mh({ children: e }) {
-  const t = G(Ch);
+  const t = K(Ch);
   return z("div", { className: "react-flow__viewport xyflow__viewport react-flow__container", style: { transform: t }, children: e });
 }
 function kh(e) {
@@ -5363,7 +5365,7 @@ function kh(e) {
 }
 const $h = (e) => e.panZoom?.syncViewport;
 function Ih(e) {
-  const t = G($h), n = ee();
+  const t = K($h), n = ee();
   return j(() => {
     e && (t?.(e), n.setState({ transform: [e.x, e.y, e.zoom] }));
   }, [e, t]), null;
@@ -5376,7 +5378,7 @@ function Ph(e) {
 }
 function zh(e) {
   const t = Ph();
-  return G(t, ne);
+  return K(t, ne);
 }
 const Th = (e) => ({
   nodesConnectable: e.nodesConnectable,
@@ -5386,7 +5388,7 @@ const Th = (e) => ({
   height: e.height
 });
 function Dh({ containerStyle: e, style: t, type: n, component: o }) {
-  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = G(Th, ne);
+  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = K(Th, ne);
   return !(i && r && c) ? null : z("svg", { style: e, width: i, height: s, className: "react-flow__connectionline react-flow__container", children: z("g", { className: re(["react-flow__connection", ti(a)]), children: z(ns, { style: t, type: n, CustomComponent: o, isValid: a }) }) });
 }
 const ns = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) => {
@@ -5396,7 +5398,7 @@ const ns = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) =
   if (n)
     return z(n, { connectionLineType: t, connectionLineStyle: e, fromNode: s, fromHandle: a, fromX: i.x, fromY: i.y, toX: l.x, toY: l.y, fromPosition: c, toPosition: f, connectionStatus: ti(o), toNode: d, toHandle: u });
   let h = "";
-  const p = {
+  const g = {
     sourceX: i.x,
     sourceY: i.y,
     sourcePosition: c,
@@ -5406,22 +5408,22 @@ const ns = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) =
   };
   switch (t) {
     case Ie.Bezier:
-      [h] = gi(p);
+      [h] = gi(g);
       break;
     case Ie.SimpleBezier:
-      [h] = Xi(p);
+      [h] = Xi(g);
       break;
     case Ie.Step:
       [h] = Rn({
-        ...p,
+        ...g,
         borderRadius: 0
       });
       break;
     case Ie.SmoothStep:
-      [h] = Rn(p);
+      [h] = Rn(g);
       break;
     default:
-      [h] = mi(p);
+      [h] = mi(g);
   }
   return z("path", { d: h, fill: "none", className: "react-flow__connection-path", style: e });
 };
@@ -5435,30 +5437,30 @@ function Vh() {
   ee(), J(!1), j(() => {
   }, []);
 }
-function os({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: h, connectionLineType: p, connectionLineStyle: y, connectionLineComponent: _, connectionLineContainerStyle: x, selectionKeyCode: b, selectionOnDrag: m, selectionMode: w, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, deleteKeyCode: P, onlyRenderVisibleElements: I, elementsSelectable: A, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, preventScrolling: E, defaultMarkerColor: v, zoomOnScroll: M, zoomOnPinch: $, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, zoomOnDoubleClick: R, panOnDrag: W, onPaneClick: Y, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneScroll: X, onPaneContextMenu: K, paneClickDistance: te, nodeClickDistance: Q, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: gn, rfId: et, viewport: tt, onViewportChange: Et }) {
-  return yr(e), yr(t), Vh(), kh(n), Ih(tt), z(eh, { onPaneClick: Y, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneContextMenu: K, onPaneScroll: X, paneClickDistance: te, deleteKeyCode: P, selectionKeyCode: b, selectionOnDrag: m, selectionMode: w, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, elementsSelectable: A, zoomOnScroll: M, zoomOnPinch: $, zoomOnDoubleClick: R, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, panOnDrag: W, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, onSelectionContextMenu: u, preventScrolling: E, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: Et, isControlledViewport: !!tt, children: se(Mh, { children: [z(Nh, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, onlyRenderVisibleElements: I, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), z(Dh, { style: y, type: p, component: _, containerStyle: x }), z("div", { className: "react-flow__edgelabel-renderer" }), z(ch, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: gn, rfId: et }), z("div", { className: "react-flow__viewport-portal" })] }) });
+function os({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: h, connectionLineType: g, connectionLineStyle: y, connectionLineComponent: b, connectionLineContainerStyle: x, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, deleteKeyCode: P, onlyRenderVisibleElements: I, elementsSelectable: A, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: m, preventScrolling: E, defaultMarkerColor: v, zoomOnScroll: C, zoomOnPinch: $, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: O, zoomOnDoubleClick: R, panOnDrag: Y, onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneScroll: W, onPaneContextMenu: G, paneClickDistance: te, nodeClickDistance: Q, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: gn, rfId: et, viewport: tt, onViewportChange: Et }) {
+  return yr(e), yr(t), Vh(), kh(n), Ih(tt), z(eh, { onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneContextMenu: G, onPaneScroll: W, paneClickDistance: te, deleteKeyCode: P, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, elementsSelectable: A, zoomOnScroll: C, zoomOnPinch: $, zoomOnDoubleClick: R, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: O, panOnDrag: Y, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: m, onSelectionContextMenu: u, preventScrolling: E, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: Et, isControlledViewport: !!tt, children: se(Mh, { children: [z(Nh, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, onlyRenderVisibleElements: I, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), z(Dh, { style: y, type: g, component: b, containerStyle: x }), z("div", { className: "react-flow__edgelabel-renderer" }), z(ch, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: gn, rfId: et }), z("div", { className: "react-flow__viewport-portal" })] }) });
 }
 os.displayName = "GraphView";
 const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c } = {}) => {
-  const l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), h = o ?? t ?? [], p = n ?? e ?? [], y = a ?? [0, 0], _ = c ?? ht;
-  wi(u, f, h), Bn(p, l, d, {
+  const l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), h = o ?? t ?? [], g = n ?? e ?? [], y = a ?? [0, 0], b = c ?? ht;
+  wi(u, f, h), Bn(g, l, d, {
     nodeOrigin: y,
-    nodeExtent: _,
+    nodeExtent: b,
     elevateNodesOnSelect: !1
   });
   let x = [0, 0, 1];
   if (s && r && i) {
-    const b = Ue(l, {
+    const _ = Ue(l, {
       filter: (k) => !!((k.width || k.initialWidth) && (k.height || k.initialHeight))
-    }), { x: m, y: w, zoom: N } = to(b, r, i, 0.5, 2, 0.1);
-    x = [m, w, N];
+    }), { x: p, y: w, zoom: N } = to(_, r, i, 0.5, 2, 0.1);
+    x = [p, w, N];
   }
   return {
     rfId: "1",
     width: 0,
     height: 0,
     transform: x,
-    nodes: p,
+    nodes: g,
     nodeLookup: l,
     parentLookup: d,
     edges: h,
@@ -5472,7 +5474,7 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
     minZoom: 0.5,
     maxZoom: 2,
     translateExtent: ht,
-    nodeExtent: _,
+    nodeExtent: b,
     nodesSelectionActive: !1,
     userSelectionActive: !1,
     userSelectionRect: null,
@@ -5514,9 +5516,9 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
 }, Rh = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c }) => of((l, d) => ({
   ...wr({ nodes: e, edges: t, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c, defaultNodes: n, defaultEdges: o }),
   setNodes: (u) => {
-    const { nodeLookup: f, parentLookup: h, nodeOrigin: p, elevateNodesOnSelect: y } = d();
+    const { nodeLookup: f, parentLookup: h, nodeOrigin: g, elevateNodesOnSelect: y } = d();
     Bn(u, f, h, {
-      nodeOrigin: p,
+      nodeOrigin: g,
       nodeExtent: c,
       elevateNodesOnSelect: y,
       checkEquality: !0
@@ -5542,13 +5544,13 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
    * new dimensions and update the nodes.
    */
   updateNodeInternals: (u, f = { triggerFitView: !0 }) => {
-    const { triggerNodeChanges: h, nodeLookup: p, parentLookup: y, fitViewOnInit: _, fitViewDone: x, fitViewOnInitOptions: b, domNode: m, nodeOrigin: w, nodeExtent: N, debug: k, fitViewSync: S } = d(), { changes: P, updatedInternals: I } = Md(u, p, y, m, w, N);
+    const { triggerNodeChanges: h, nodeLookup: g, parentLookup: y, fitViewOnInit: b, fitViewDone: x, fitViewOnInitOptions: _, domNode: p, nodeOrigin: w, nodeExtent: N, debug: k, fitViewSync: S } = d(), { changes: P, updatedInternals: I } = Md(u, g, y, p, w, N);
     if (I) {
-      if (Sd(p, y, { nodeOrigin: w, nodeExtent: N }), f.triggerFitView) {
+      if (Sd(g, y, { nodeOrigin: w, nodeExtent: N }), f.triggerFitView) {
         let A = x;
-        !x && _ && (A = S({
-          ...b,
-          nodes: b?.nodes
+        !x && b && (A = S({
+          ..._,
+          nodes: _?.nodes
         })), l({ fitViewDone: A });
       } else
         l({});
@@ -5556,77 +5558,77 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
     }
   },
   updateNodePositions: (u, f = !1) => {
-    const h = [], p = [];
-    for (const [y, _] of u) {
-      const x = !!(_?.expandParent && _?.parentId && _?.position), b = {
-        id: y,
+    const h = [], g = [], { nodeLookup: y, triggerNodeChanges: b } = d();
+    for (const [x, _] of u) {
+      const p = y.get(x), w = !!(p?.expandParent && p?.parentId && _?.position), N = {
+        id: x,
         type: "position",
-        position: x ? {
+        position: w ? {
           x: Math.max(0, _.position.x),
           y: Math.max(0, _.position.y)
         } : _.position,
         dragging: f
       };
-      x && h.push({
-        id: y,
-        parentId: _.parentId,
+      w && p.parentId && h.push({
+        id: x,
+        parentId: p.parentId,
         rect: {
           ..._.internals.positionAbsolute,
-          width: _.measured.width,
-          height: _.measured.height
+          width: _.measured.width ?? 0,
+          height: _.measured.height ?? 0
         }
-      }), p.push(b);
+      }), g.push(N);
     }
     if (h.length > 0) {
-      const { nodeLookup: y, parentLookup: _, nodeOrigin: x } = d(), b = io(h, y, _, x);
-      p.push(...b);
+      const { parentLookup: x, nodeOrigin: _ } = d(), p = io(h, y, x, _);
+      g.push(...p);
     }
-    d().triggerNodeChanges(p);
+    b(g);
   },
   triggerNodeChanges: (u) => {
-    const { onNodesChange: f, setNodes: h, nodes: p, hasDefaultNodes: y, debug: _ } = d();
+    const { onNodesChange: f, setNodes: h, nodes: g, hasDefaultNodes: y, debug: b } = d();
     if (u?.length) {
       if (y) {
-        const x = zi(u, p);
+        const x = zi(u, g);
         h(x);
       }
-      _ && console.log("React Flow: trigger node changes", u), f?.(u);
+      b && console.log("React Flow: trigger node changes", u), f?.(u);
     }
   },
   triggerEdgeChanges: (u) => {
-    const { onEdgesChange: f, setEdges: h, edges: p, hasDefaultEdges: y, debug: _ } = d();
+    const { onEdgesChange: f, setEdges: h, edges: g, hasDefaultEdges: y, debug: b } = d();
     if (u?.length) {
       if (y) {
-        const x = Ti(u, p);
+        const x = Ti(u, g);
         h(x);
       }
-      _ && console.log("React Flow: trigger edge changes", u), f?.(u);
+      b && console.log("React Flow: trigger edge changes", u), f?.(u);
     }
   },
   addSelectedNodes: (u) => {
-    const { multiSelectionActive: f, edgeLookup: h, nodeLookup: p, triggerNodeChanges: y, triggerEdgeChanges: _ } = d();
+    const { multiSelectionActive: f, edgeLookup: h, nodeLookup: g, triggerNodeChanges: y, triggerEdgeChanges: b } = d();
     if (f) {
-      const x = u.map((b) => ze(b, !0));
+      const x = u.map((_) => ze(_, !0));
       y(x);
       return;
     }
-    y(Le(p, /* @__PURE__ */ new Set([...u]), !0)), _(Le(h));
+    y(Le(g, /* @__PURE__ */ new Set([...u]), !0)), b(Le(h));
   },
   addSelectedEdges: (u) => {
-    const { multiSelectionActive: f, edgeLookup: h, nodeLookup: p, triggerNodeChanges: y, triggerEdgeChanges: _ } = d();
+    const { multiSelectionActive: f, edgeLookup: h, nodeLookup: g, triggerNodeChanges: y, triggerEdgeChanges: b } = d();
     if (f) {
-      const x = u.map((b) => ze(b, !0));
-      _(x);
+      const x = u.map((_) => ze(_, !0));
+      b(x);
       return;
     }
-    _(Le(h, /* @__PURE__ */ new Set([...u]))), y(Le(p, /* @__PURE__ */ new Set(), !0));
+    b(Le(h, /* @__PURE__ */ new Set([...u]))), y(Le(g, /* @__PURE__ */ new Set(), !0));
   },
   unselectNodesAndEdges: ({ nodes: u, edges: f } = {}) => {
-    const { edges: h, nodes: p, nodeLookup: y, triggerNodeChanges: _, triggerEdgeChanges: x } = d(), b = u || p, m = f || h, w = b.map((k) => {
+    const { edges: h, nodes: g, nodeLookup: y, triggerNodeChanges: b, triggerEdgeChanges: x } = d(), _ = u || g, p = f || h, w = _.map((k) => {
       const S = y.get(k.id);
       return S && (S.selected = !1), ze(k.id, !1);
-    }), N = m.map((k) => ze(k.id, !1));
-    _(w), x(N);
+    }), N = p.map((k) => ze(k.id, !1));
+    b(w), x(N);
   },
   setMinZoom: (u) => {
     const { panZoom: f, maxZoom: h } = d();
@@ -5643,34 +5645,34 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
     d().panZoom?.setClickDistance(u);
   },
   resetSelectedElements: () => {
-    const { edges: u, nodes: f, triggerNodeChanges: h, triggerEdgeChanges: p } = d(), y = f.reduce((x, b) => b.selected ? [...x, ze(b.id, !1)] : x, []), _ = u.reduce((x, b) => b.selected ? [...x, ze(b.id, !1)] : x, []);
-    h(y), p(_);
+    const { edges: u, nodes: f, triggerNodeChanges: h, triggerEdgeChanges: g } = d(), y = f.reduce((x, _) => _.selected ? [...x, ze(_.id, !1)] : x, []), b = u.reduce((x, _) => _.selected ? [...x, ze(_.id, !1)] : x, []);
+    h(y), g(b);
   },
   setNodeExtent: (u) => {
-    const { nodes: f, nodeLookup: h, parentLookup: p, nodeOrigin: y, elevateNodesOnSelect: _, nodeExtent: x } = d();
-    u[0][0] === x[0][0] && u[0][1] === x[0][1] && u[1][0] === x[1][0] && u[1][1] === x[1][1] || (Bn(f, h, p, {
+    const { nodes: f, nodeLookup: h, parentLookup: g, nodeOrigin: y, elevateNodesOnSelect: b, nodeExtent: x } = d();
+    u[0][0] === x[0][0] && u[0][1] === x[0][1] && u[1][0] === x[1][0] && u[1][1] === x[1][1] || (Bn(f, h, g, {
       nodeOrigin: y,
       nodeExtent: u,
-      elevateNodesOnSelect: _,
+      elevateNodesOnSelect: b,
       checkEquality: !1
     }), l({ nodeExtent: u }));
   },
   panBy: (u) => {
-    const { transform: f, width: h, height: p, panZoom: y, translateExtent: _ } = d();
-    return kd({ delta: u, panZoom: y, transform: f, translateExtent: _, width: h, height: p });
+    const { transform: f, width: h, height: g, panZoom: y, translateExtent: b } = d();
+    return kd({ delta: u, panZoom: y, transform: f, translateExtent: b, width: h, height: g });
   },
   fitView: (u) => {
-    const { panZoom: f, width: h, height: p, minZoom: y, maxZoom: _, nodeLookup: x } = d();
+    const { panZoom: f, width: h, height: g, minZoom: y, maxZoom: b, nodeLookup: x } = d();
     if (!f)
       return Promise.resolve(!1);
-    const b = Dn(x, u);
+    const _ = Dn(x, u);
     return Hn({
-      nodes: b,
+      nodes: _,
       width: h,
-      height: p,
+      height: g,
       panZoom: f,
       minZoom: y,
-      maxZoom: _
+      maxZoom: b
     }, u);
   },
   /*
@@ -5678,18 +5680,18 @@ const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
    * for that we created this sync version of fitView
    */
   fitViewSync: (u) => {
-    const { panZoom: f, width: h, height: p, minZoom: y, maxZoom: _, nodeLookup: x } = d();
+    const { panZoom: f, width: h, height: g, minZoom: y, maxZoom: b, nodeLookup: x } = d();
     if (!f)
       return !1;
-    const b = Dn(x, u);
+    const _ = Dn(x, u);
     return Hn({
-      nodes: b,
+      nodes: _,
       width: h,
-      height: p,
+      height: g,
       panZoom: f,
       minZoom: y,
-      maxZoom: _
-    }, u), b.size > 0;
+      maxZoom: b
+    }, u), _.size > 0;
   },
   cancelConnection: () => {
     l({
@@ -5716,7 +5718,7 @@ function Lh({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: o
   return z(rf, { value: d, children: z(kf, { children: l }) });
 }
 function Bh({ children: e, nodes: t, edges: n, defaultNodes: o, defaultEdges: r, width: i, height: s, fitView: a, nodeOrigin: c, nodeExtent: l }) {
-  return wt(sn) ? z(Se, { children: e }) : z(Lh, { initialNodes: t, initialEdges: n, defaultNodes: o, defaultEdges: r, initialWidth: i, initialHeight: s, fitView: a, nodeOrigin: c, nodeExtent: l, children: e });
+  return wt(sn) ? z(Ne, { children: e }) : z(Lh, { initialNodes: t, initialEdges: n, defaultNodes: o, defaultEdges: r, initialWidth: i, initialHeight: s, fitView: a, nodeOrigin: c, nodeExtent: l, children: e });
 }
 const Fh = {
   width: "100%",
@@ -5725,16 +5727,16 @@ const Fh = {
   position: "relative",
   zIndex: 0
 };
-function Xh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, onNodeMouseEnter: b, onNodeMouseMove: m, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onSelectionChange: H, onSelectionDragStart: g, onSelectionDrag: E, onSelectionDragStop: v, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onBeforeDelete: T, connectionMode: O, connectionLineType: R = Ie.Bezier, connectionLineStyle: W, connectionLineComponent: Y, connectionLineContainerStyle: F, deleteKeyCode: Z = "Backspace", selectionKeyCode: L = "Shift", selectionOnDrag: X = !1, selectionMode: K = gt.Full, panActivationKeyCode: te = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: q = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, nodeOrigin: Qe = Ai, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: gn = wf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: Et = ht, preventScrolling: as = !0, nodeExtent: pn, defaultMarkerColor: cs = "#b1b1b7", zoomOnScroll: ls = !0, zoomOnPinch: us = !0, panOnScroll: ds = !1, panOnScrollSpeed: fs = 0.5, panOnScrollMode: hs = He.Free, zoomOnDoubleClick: gs = !0, panOnDrag: ps = !0, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo = 0, nodeClickDistance: bs = 0, children: Es, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps = 10, onNodesChange: zs, onEdgesChange: Ts, noDragClassName: Ds = "nodrag", noWheelClassName: Hs = "nowheel", noPanClassName: uo = "nopan", fitView: fo, fitViewOptions: Vs, connectOnClick: Os, attributionPosition: Rs, proOptions: Ls, defaultEdgeOptions: Bs, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, connectionRadius: qs, isValidConnection: Gs, onError: Ks, style: Us, id: go, nodeDragThreshold: Qs, viewport: Js, onViewportChange: js, width: ea, height: ta, colorMode: na = "light", debug: oa, onScroll: po, ...ra }, ia) {
+function Xh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onSelectionChange: H, onSelectionDragStart: m, onSelectionDrag: E, onSelectionDragStop: v, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onBeforeDelete: T, connectionMode: O, connectionLineType: R = Ie.Bezier, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, deleteKeyCode: Z = "Backspace", selectionKeyCode: L = "Shift", selectionOnDrag: W = !1, selectionMode: G = gt.Full, panActivationKeyCode: te = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: q = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, nodeOrigin: Qe = Ai, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: gn = wf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: Et = ht, preventScrolling: as = !0, nodeExtent: pn, defaultMarkerColor: cs = "#b1b1b7", zoomOnScroll: ls = !0, zoomOnPinch: us = !0, panOnScroll: ds = !1, panOnScrollSpeed: fs = 0.5, panOnScrollMode: hs = He.Free, zoomOnDoubleClick: gs = !0, panOnDrag: ps = !0, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo = 0, nodeClickDistance: bs = 0, children: Es, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps = 10, onNodesChange: zs, onEdgesChange: Ts, noDragClassName: Ds = "nodrag", noWheelClassName: Hs = "nowheel", noPanClassName: uo = "nopan", fitView: fo, fitViewOptions: Vs, connectOnClick: Os, attributionPosition: Rs, proOptions: Ls, defaultEdgeOptions: Bs, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, connectionRadius: qs, isValidConnection: Gs, onError: Ks, style: Us, id: go, nodeDragThreshold: Qs, viewport: Js, onViewportChange: js, width: ea, height: ta, colorMode: na = "light", debug: oa, onScroll: po, ...ra }, ia) {
   const mn = go || "1", sa = bf(na), aa = ue((mo) => {
     mo.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" }), po?.(mo);
   }, [po]);
-  return z("div", { "data-testid": "rf__wrapper", ...ra, onScroll: aa, style: { ...Us, ...Fh }, ref: ia, className: re(["react-flow", r, sa]), id: go, children: se(Bh, { nodes: e, edges: t, width: ea, height: ta, fitView: fo, nodeOrigin: Qe, nodeExtent: pn, children: [z(Oh, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: b, onNodeMouseMove: m, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, nodeTypes: i, edgeTypes: s, connectionLineType: R, connectionLineStyle: W, connectionLineComponent: Y, connectionLineContainerStyle: F, selectionKeyCode: L, selectionOnDrag: X, selectionMode: K, deleteKeyCode: Z, multiSelectionKeyCode: Q, panActivationKeyCode: te, zoomActivationKeyCode: q, onlyRenderVisibleElements: ae, defaultViewport: gn, translateExtent: Et, minZoom: et, maxZoom: tt, preventScrolling: as, zoomOnScroll: ls, zoomOnPinch: us, zoomOnDoubleClick: gs, panOnScroll: ds, panOnScrollSpeed: fs, panOnScrollMode: hs, panOnDrag: ps, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo, nodeClickDistance: bs, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps, defaultMarkerColor: cs, noDragClassName: Ds, noWheelClassName: Hs, noPanClassName: uo, rfId: mn, disableKeyboardA11y: ho, nodeExtent: pn, viewport: Js, onViewportChange: js }), z(_f, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, minZoom: et, maxZoom: tt, nodeExtent: pn, onNodesChange: zs, onEdgesChange: Ts, snapToGrid: U, snapGrid: oe, connectionMode: O, translateExtent: Et, connectOnClick: Os, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Vs, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onSelectionDrag: E, onSelectionDragStart: g, onSelectionDragStop: v, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: uo, nodeOrigin: Qe, rfId: mn, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, onError: Ks, connectionRadius: qs, isValidConnection: Gs, selectNodesOnDrag: Pe, nodeDragThreshold: Qs, onBeforeDelete: T, paneClickDistance: lo, debug: oa }), z(yf, { onSelectionChange: H }), Es, z(ff, { proOptions: Ls, position: Rs }), z(uf, { rfId: mn, disableKeyboardA11y: ho })] }) });
+  return z("div", { "data-testid": "rf__wrapper", ...ra, onScroll: aa, style: { ...Us, ...Fh }, ref: ia, className: re(["react-flow", r, sa]), id: go, children: se(Bh, { nodes: e, edges: t, width: ea, height: ta, fitView: fo, nodeOrigin: Qe, nodeExtent: pn, children: [z(Oh, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, nodeTypes: i, edgeTypes: s, connectionLineType: R, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, selectionKeyCode: L, selectionOnDrag: W, selectionMode: G, deleteKeyCode: Z, multiSelectionKeyCode: Q, panActivationKeyCode: te, zoomActivationKeyCode: q, onlyRenderVisibleElements: ae, defaultViewport: gn, translateExtent: Et, minZoom: et, maxZoom: tt, preventScrolling: as, zoomOnScroll: ls, zoomOnPinch: us, zoomOnDoubleClick: gs, panOnScroll: ds, panOnScrollSpeed: fs, panOnScrollMode: hs, panOnDrag: ps, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo, nodeClickDistance: bs, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps, defaultMarkerColor: cs, noDragClassName: Ds, noWheelClassName: Hs, noPanClassName: uo, rfId: mn, disableKeyboardA11y: ho, nodeExtent: pn, viewport: Js, onViewportChange: js }), z(_f, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, minZoom: et, maxZoom: tt, nodeExtent: pn, onNodesChange: zs, onEdgesChange: Ts, snapToGrid: U, snapGrid: oe, connectionMode: O, translateExtent: Et, connectOnClick: Os, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Vs, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onSelectionDrag: E, onSelectionDragStart: m, onSelectionDragStop: v, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: uo, nodeOrigin: Qe, rfId: mn, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, onError: Ks, connectionRadius: qs, isValidConnection: Gs, selectNodesOnDrag: Pe, nodeDragThreshold: Qs, onBeforeDelete: T, paneClickDistance: lo, debug: oa }), z(yf, { onSelectionChange: H }), Es, z(ff, { proOptions: Ls, position: Rs }), z(uf, { rfId: mn, disableKeyboardA11y: ho })] }) });
 }
 var _g = Di(Xh);
 const Yh = (e) => e.domNode?.querySelector(".react-flow__edgelabel-renderer");
 function bg({ children: e }) {
-  const t = G(Yh);
+  const t = K(Yh);
   return t ? vr(e, t) : null;
 }
 function Eg(e) {
@@ -5756,7 +5758,7 @@ function Ng({ onStart: e, onChange: t, onEnd: n }) {
   }, [n]);
 }
 function Cg(e) {
-  return G(ue((n) => n.nodeLookup.get(e), [e]), ne);
+  return K(ue((n) => n.nodeLookup.get(e), [e]), ne);
 }
 function Zh({ dimensions: e, lineWidth: t, variant: n, className: o }) {
   return z("path", { strokeWidth: t, d: `M${e[0] / 2} 0 V${e[1]} M0 ${e[1] / 2} H${e[0]}`, className: re(["react-flow__background-pattern", n, o]) });
@@ -5788,7 +5790,7 @@ function rs({
   className: l,
   patternClassName: d
 }) {
-  const u = J(null), { transform: f, patternId: h } = G(Gh, ne), p = o || qh[t], y = t === Ae.Dots, _ = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], b = [x[0] * f[2] || 1, x[1] * f[2] || 1], m = p * f[2], w = Array.isArray(i) ? i : [i, i], N = _ ? [m, m] : b, k = [
+  const u = J(null), { transform: f, patternId: h } = K(Gh, ne), g = o || qh[t], y = t === Ae.Dots, b = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], _ = [x[0] * f[2] || 1, x[1] * f[2] || 1], p = g * f[2], w = Array.isArray(i) ? i : [i, i], N = b ? [p, p] : _, k = [
     w[0] * f[2] || 1 + N[0] / 2,
     w[1] * f[2] || 1 + N[1] / 2
   ], S = `${h}${e || ""}`;
@@ -5797,7 +5799,7 @@ function rs({
     ...cn,
     "--xy-background-color-props": a,
     "--xy-background-pattern-color-props": s
-  }, ref: u, "data-testid": "rf__background", children: [z("pattern", { id: S, x: f[0] % b[0], y: f[1] % b[1], width: b[0], height: b[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${k[0]},-${k[1]})`, children: y ? z(Wh, { radius: m / 2, className: d }) : z(Zh, { dimensions: N, lineWidth: r, variant: t, className: d }) }), z("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${S})` })] });
+  }, ref: u, "data-testid": "rf__background", children: [z("pattern", { id: S, x: f[0] % _[0], y: f[1] % _[1], width: _[0], height: _[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${k[0]},-${k[1]})`, children: y ? z(Wh, { radius: p / 2, className: d }) : z(Zh, { dimensions: N, lineWidth: r, variant: t, className: d }) }), z("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${S})` })] });
 }
 rs.displayName = "Background";
 const Mg = ie(rs);
@@ -5825,27 +5827,27 @@ const eg = (e) => ({
   maxZoomReached: e.transform[2] >= e.maxZoom
 });
 function is({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: r, onZoomIn: i, onZoomOut: s, onFitView: a, onInteractiveChange: c, className: l, children: d, position: u = "bottom-left", orientation: f = "vertical", "aria-label": h = "React Flow controls" }) {
-  const p = ee(), { isInteractive: y, minZoomReached: _, maxZoomReached: x } = G(eg, ne), { zoomIn: b, zoomOut: m, fitView: w } = so(), N = () => {
-    b(), i?.();
+  const g = ee(), { isInteractive: y, minZoomReached: b, maxZoomReached: x } = K(eg, ne), { zoomIn: _, zoomOut: p, fitView: w } = so(), N = () => {
+    _(), i?.();
   }, k = () => {
-    m(), s?.();
+    p(), s?.();
   }, S = () => {
     w(r), a?.();
   }, P = () => {
-    p.setState({
+    g.setState({
       nodesDraggable: !y,
       nodesConnectable: !y,
       elementsSelectable: !y
     }), c?.(!y);
   };
-  return se(an, { className: re(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: u, style: e, "data-testid": "rf__controls", "aria-label": h, children: [t && se(Se, { children: [z(Pt, { onClick: N, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: x, children: z(Kh, {}) }), z(Pt, { onClick: k, className: "react-flow__controls-zoomout", title: "zoom out", "aria-label": "zoom out", disabled: _, children: z(Uh, {}) })] }), n && z(Pt, { className: "react-flow__controls-fitview", onClick: S, title: "fit view", "aria-label": "fit view", children: z(Qh, {}) }), o && z(Pt, { className: "react-flow__controls-interactive", onClick: P, title: "toggle interactivity", "aria-label": "toggle interactivity", children: y ? z(jh, {}) : z(Jh, {}) }), d] });
+  return se(an, { className: re(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: u, style: e, "data-testid": "rf__controls", "aria-label": h, children: [t && se(Ne, { children: [z(Pt, { onClick: N, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: x, children: z(Kh, {}) }), z(Pt, { onClick: k, className: "react-flow__controls-zoomout", title: "zoom out", "aria-label": "zoom out", disabled: b, children: z(Uh, {}) })] }), n && z(Pt, { className: "react-flow__controls-fitview", onClick: S, title: "fit view", "aria-label": "fit view", children: z(Qh, {}) }), o && z(Pt, { className: "react-flow__controls-interactive", onClick: P, title: "toggle interactivity", "aria-label": "toggle interactivity", children: y ? z(jh, {}) : z(Jh, {}) }), d] });
 }
 is.displayName = "Controls";
 ie(is);
 function tg({ id: e, x: t, y: n, width: o, height: r, style: i, color: s, strokeColor: a, strokeWidth: c, className: l, borderRadius: d, shapeRendering: u, selected: f, onClick: h }) {
-  const { background: p, backgroundColor: y } = i || {}, _ = s || p || y;
+  const { background: g, backgroundColor: y } = i || {}, b = s || g || y;
   return z("rect", { className: re(["react-flow__minimap-node", { selected: f }, l]), x: t, y: n, rx: d, ry: d, width: o, height: r, style: {
-    fill: _,
+    fill: b,
     stroke: a,
     strokeWidth: c
   }, shapeRendering: u, onClick: h ? (x) => h(x, e) : void 0 });
@@ -5864,8 +5866,8 @@ function rg({
   nodeComponent: i = ng,
   onClick: s
 }) {
-  const a = G(og, ne), c = Cn(t), l = Cn(e), d = Cn(n), u = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
-  return z(Se, { children: a.map((f) => (
+  const a = K(og, ne), c = Cn(t), l = Cn(e), d = Cn(n), u = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
+  return z(Ne, { children: a.map((f) => (
     /*
      * The split of responsibilities between MiniMapNodes and
      * NodeComponentWrapper may appear weird. However, it’s designed to
@@ -5877,14 +5879,14 @@ function rg({
   )) });
 }
 function ig({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: o, nodeBorderRadius: r, nodeStrokeWidth: i, shapeRendering: s, NodeComponent: a, onClick: c }) {
-  const { node: l, x: d, y: u, width: f, height: h } = G((p) => {
-    const y = p.nodeLookup.get(e), { x: _, y: x } = y.internals.positionAbsolute, { width: b, height: m } = Ce(y);
+  const { node: l, x: d, y: u, width: f, height: h } = K((g) => {
+    const y = g.nodeLookup.get(e), { x: b, y: x } = y.internals.positionAbsolute, { width: _, height: p } = Ce(y);
     return {
       node: y,
-      x: _,
+      x: b,
       y: x,
-      width: b,
-      height: m
+      width: _,
+      height: p
     };
   }, ne);
   return !l || l.hidden || !li(l) ? null : z(a, { x: d, y: u, width: f, height: h, style: l.style, selected: !!l.selected, className: o(l), color: t(l), borderRadius: r, strokeColor: n(l), strokeWidth: i, shapeRendering: s, onClick: c, id: l.id });
@@ -5927,42 +5929,42 @@ function ss({
   maskStrokeWidth: u,
   position: f = "bottom-right",
   onClick: h,
-  onNodeClick: p,
+  onNodeClick: g,
   pannable: y = !1,
-  zoomable: _ = !1,
+  zoomable: b = !1,
   ariaLabel: x = "React Flow mini map",
-  inversePan: b,
-  zoomStep: m = 10,
+  inversePan: _,
+  zoomStep: p = 10,
   offsetScale: w = 5
 }) {
-  const N = ee(), k = J(null), { boundingRect: S, viewBB: P, rfId: I, panZoom: A, translateExtent: V, flowWidth: D, flowHeight: H } = G(ug, ne), g = e?.width ?? cg, E = e?.height ?? lg, v = S.width / g, M = S.height / E, $ = Math.max(v, M), C = $ * g, T = $ * E, O = w * $, R = S.x - (C - S.width) / 2 - O, W = S.y - (T - S.height) / 2 - O, Y = C + O * 2, F = T + O * 2, Z = `${dg}-${I}`, L = J(0), X = J();
+  const N = ee(), k = J(null), { boundingRect: S, viewBB: P, rfId: I, panZoom: A, translateExtent: V, flowWidth: D, flowHeight: H } = K(ug, ne), m = e?.width ?? cg, E = e?.height ?? lg, v = S.width / m, C = S.height / E, $ = Math.max(v, C), M = $ * m, T = $ * E, O = w * $, R = S.x - (M - S.width) / 2 - O, Y = S.y - (T - S.height) / 2 - O, X = M + O * 2, F = T + O * 2, Z = `${dg}-${I}`, L = J(0), W = J();
   L.current = $, j(() => {
     if (k.current && A)
-      return X.current = Hd({
+      return W.current = Hd({
         domNode: k.current,
         panZoom: A,
         getTransform: () => N.getState().transform,
         getViewScale: () => L.current
       }), () => {
-        X.current?.destroy();
+        W.current?.destroy();
       };
   }, [A]), j(() => {
-    X.current?.update({
+    W.current?.update({
       translateExtent: V,
       width: D,
       height: H,
-      inversePan: b,
+      inversePan: _,
       pannable: y,
-      zoomStep: m,
-      zoomable: _
+      zoomStep: p,
+      zoomable: b
     });
-  }, [y, _, b, m, V, D, H]);
-  const K = h ? (Q) => {
-    const [q, U] = X.current?.pointer(Q) || [0, 0];
+  }, [y, b, _, p, V, D, H]);
+  const G = h ? (Q) => {
+    const [q, U] = W.current?.pointer(Q) || [0, 0];
     h(Q, { x: q, y: U });
-  } : void 0, te = p ? ue((Q, q) => {
+  } : void 0, te = g ? ue((Q, q) => {
     const U = N.getState().nodeLookup.get(q);
-    p(Q, U);
+    g(Q, U);
   }, []) : void 0;
   return z(an, { position: f, style: {
     ...e,
@@ -5973,33 +5975,33 @@ function ss({
     "--xy-minimap-node-background-color-props": typeof o == "string" ? o : void 0,
     "--xy-minimap-node-stroke-color-props": typeof n == "string" ? n : void 0,
     "--xy-minimap-node-stroke-width-props": typeof s == "string" ? s : void 0
-  }, className: re(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: se("svg", { width: g, height: E, viewBox: `${R} ${W} ${Y} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Z, ref: k, onClick: K, children: [x && z("title", { id: Z, children: x }), z(ag, { onClick: te, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), z("path", { className: "react-flow__minimap-mask", d: `M${R - O},${W - O}h${Y + O * 2}v${F + O * 2}h${-Y - O * 2}z
+  }, className: re(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: se("svg", { width: m, height: E, viewBox: `${R} ${Y} ${X} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Z, ref: k, onClick: G, children: [x && z("title", { id: Z, children: x }), z(ag, { onClick: te, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), z("path", { className: "react-flow__minimap-mask", d: `M${R - O},${Y - O}h${X + O * 2}v${F + O * 2}h${-X - O * 2}z
         M${P.x},${P.y}h${P.width}v${P.height}h${-P.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 ss.displayName = "MiniMap";
 ie(ss);
-function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, style: r = {}, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: u = !1, shouldResize: f, onResizeStart: h, onResize: p, onResizeEnd: y }) {
-  const _ = co(), x = typeof e == "string" ? e : _, b = ee(), m = J(null), w = n === at.Line ? "right" : "bottom-right", N = t ?? w, k = J(null);
+function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, style: r = {}, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: u = !1, shouldResize: f, onResizeStart: h, onResize: g, onResizeEnd: y }) {
+  const b = co(), x = typeof e == "string" ? e : b, _ = ee(), p = J(null), w = n === at.Line ? "right" : "bottom-right", N = t ?? w, k = J(null);
   j(() => {
-    if (!(!m.current || !x))
+    if (!(!p.current || !x))
       return k.current || (k.current = Qd({
-        domNode: m.current,
+        domNode: p.current,
         nodeId: x,
         getStoreItems: () => {
-          const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, domNode: E } = b.getState();
+          const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: m, domNode: E } = _.getState();
           return {
             nodeLookup: A,
             transform: V,
             snapGrid: D,
             snapToGrid: H,
-            nodeOrigin: g,
+            nodeOrigin: m,
             paneDomNode: E
           };
         },
         onChange: (A, V) => {
-          const { triggerNodeChanges: D, nodeLookup: H, parentLookup: g, nodeOrigin: E } = b.getState(), v = [], M = { x: A.x, y: A.y }, $ = H.get(x);
+          const { triggerNodeChanges: D, nodeLookup: H, parentLookup: m, nodeOrigin: E } = _.getState(), v = [], C = { x: A.x, y: A.y }, $ = H.get(x);
           if ($ && $.expandParent && $.parentId) {
-            const C = $.origin ?? E, T = A.width ?? $.measured.width, O = A.height ?? $.measured.height, R = {
+            const M = $.origin ?? E, T = A.width ?? $.measured.width ?? 0, O = A.height ?? $.measured.height ?? 0, R = {
               id: $.id,
               parentId: $.parentId,
               rect: {
@@ -6008,21 +6010,21 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
                 ...ui({
                   x: A.x ?? $.position.x,
                   y: A.y ?? $.position.y
-                }, { width: T, height: O }, $.parentId, H, C)
+                }, { width: T, height: O }, $.parentId, H, M)
               }
-            }, W = io([R], H, g, E);
-            v.push(...W), M.x = A.x ? Math.max(C[0] * T, A.x) : void 0, M.y = A.y ? Math.max(C[1] * O, A.y) : void 0;
+            }, Y = io([R], H, m, E);
+            v.push(...Y), C.x = A.x ? Math.max(M[0] * T, A.x) : void 0, C.y = A.y ? Math.max(M[1] * O, A.y) : void 0;
           }
-          if (M.x !== void 0 && M.y !== void 0) {
-            const C = {
+          if (C.x !== void 0 && C.y !== void 0) {
+            const M = {
               id: x,
               type: "position",
-              position: { ...M }
+              position: { ...C }
             };
-            v.push(C);
+            v.push(M);
           }
           if (A.width !== void 0 && A.height !== void 0) {
-            const C = {
+            const M = {
               id: x,
               type: "dimensions",
               resizing: !0,
@@ -6032,11 +6034,11 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
                 height: A.height
               }
             };
-            v.push(C);
+            v.push(M);
           }
-          for (const C of V) {
+          for (const M of V) {
             const T = {
-              ...C,
+              ...M,
               type: "position"
             };
             v.push(T);
@@ -6049,7 +6051,7 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
             type: "dimensions",
             resizing: !1
           };
-          b.getState().triggerNodeChanges([A]);
+          _.getState().triggerNodeChanges([A]);
         }
       })), k.current.update({
         controlPosition: N,
@@ -6061,7 +6063,7 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
         },
         keepAspectRatio: u,
         onResizeStart: h,
-        onResize: p,
+        onResize: g,
         onResizeEnd: y,
         shouldResize: f
       }), () => {
@@ -6075,17 +6077,17 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
     d,
     u,
     h,
-    p,
+    g,
     y,
     f
   ]);
   const S = N.split("-"), P = n === at.Line ? "borderColor" : "backgroundColor", I = s ? { ...r, [P]: s } : r;
-  return z("div", { className: re(["react-flow__resize-control", "nodrag", ...S, n, o]), ref: m, style: I, children: i });
+  return z("div", { className: re(["react-flow__resize-control", "nodrag", ...S, n, o]), ref: p, style: I, children: i });
 }
 ie(fg);
 const hg = (e) => e.domNode?.querySelector(".react-flow__renderer");
 function gg({ children: e }) {
-  const t = G(hg);
+  const t = K(hg);
   return t ? vr(e, t) : null;
 }
 const pg = (e, t) => e?.internals.positionAbsolute.x !== t?.internals.positionAbsolute.x || e?.internals.positionAbsolute.y !== t?.internals.positionAbsolute.y || e?.measured.width !== t?.measured.width || e?.measured.height !== t?.measured.height || e?.selected !== t?.selected || e?.internals.z !== t?.internals.z, mg = (e, t) => {
@@ -6105,16 +6107,16 @@ function kg({ nodeId: e, children: t, className: n, style: o, isVisible: r, posi
   const l = co(), d = ue((N) => (Array.isArray(e) ? e : [e || l || ""]).reduce((P, I) => {
     const A = N.nodeLookup.get(I);
     return A && P.set(A.id, A), P;
-  }, /* @__PURE__ */ new Map()), [e, l]), u = G(d, mg), { x: f, y: h, zoom: p, selectedNodesCount: y } = G(yg, ne);
+  }, /* @__PURE__ */ new Map()), [e, l]), u = K(d, mg), { x: f, y: h, zoom: g, selectedNodesCount: y } = K(yg, ne);
   if (!(typeof r == "boolean" ? r : u.size === 1 && u.values().next().value?.selected && y === 1) || !u.size)
     return null;
-  const x = Ue(u), b = Array.from(u.values()), m = Math.max(...b.map((N) => N.internals.z + 1)), w = {
+  const x = Ue(u), _ = Array.from(u.values()), p = Math.max(..._.map((N) => N.internals.z + 1)), w = {
     position: "absolute",
-    transform: bd(x, { x: f, y: h, zoom: p }, i, s, a),
-    zIndex: m,
+    transform: bd(x, { x: f, y: h, zoom: g }, i, s, a),
+    zIndex: p,
     ...o
   };
-  return z(gg, { children: z("div", { style: w, className: re(["react-flow__node-toolbar", n]), ...c, "data-id": b.reduce((N, k) => `${N}${k.id} `, "").trim(), children: t }) });
+  return z(gg, { children: z("div", { style: w, className: re(["react-flow__node-toolbar", n]), ...c, "data-id": _.reduce((N, k) => `${N}${k.id} `, "").trim(), children: t }) });
 }
 export {
   ln as B,
@@ -6127,7 +6129,7 @@ export {
   Mg as b,
   Ae as c,
   ee as d,
-  G as e,
+  K as e,
   so as f,
   Cg as g,
   Ce as h,