likec4 1.20.2 → 1.21.0

package/__app__/src/chunks/{likec4-D8rQPdul.js → likec4-fsbHEjF3.js}

@@ -1,5 +1,5 @@
-import Xn, { createContext as Yn, forwardRef as yr, memo as ie, useState as de, useContext as wt, useMemo as me, useCallback as fe, useRef as J, useEffect as j, useLayoutEffect as ia } from "react";
-import { jsx as P, jsxs as se, Fragment as Ee } from "react/jsx-runtime";
+import Xn, { useState as de, createContext as Yn, useCallback as fe, useMemo as me, useContext as wt, useLayoutEffect as ia, useEffect as j, forwardRef as yr, memo as ie, useRef as J } from "react";
+import { jsx as P, jsxs as se, Fragment as Se } from "react/jsx-runtime";
 import { createPortal as wr } from "react-dom";
 function sa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -163,16 +163,16 @@ function _a(e) {
   return this.select(e == null ? va : xa(typeof e == "function" ? e : br(e)));
 }
 var ba = Array.prototype.filter;
-function Sa() {
+function Ea() {
   return Array.from(this.children);
 }
-function Ea(e) {
+function Sa(e) {
   return function() {
     return ba.call(this.children, e);
   };
 }
 function Na(e) {
-  return this.selectAll(e == null ? Sa : Ea(typeof e == "function" ? e : br(e)));
+  return this.selectAll(e == null ? Ea : Sa(typeof e == "function" ? e : br(e)));
 }
 function Ca(e) {
   typeof e != "function" && (e = _r(e));
@@ -181,11 +181,11 @@ function Ca(e) {
       (c = i[u]) && e.call(c, c.__data__, u, i) && a.push(c);
   return new le(o, this._parents);
 }
-function Sr(e) {
+function Er(e) {
   return new Array(e.length);
 }
 function Ma() {
-  return new le(this._enter || this._groups.map(Sr), this._parents);
+  return new le(this._enter || this._groups.map(Er), this._parents);
 }
 function Vt(e, t) {
   this.ownerDocument = e.ownerDocument, this.namespaceURI = e.namespaceURI, this._next = null, this._parent = e, this.__data__ = t;
@@ -235,10 +235,10 @@ function Pa(e, t) {
   for (var i = r.length, s = new Array(i), a = new Array(i), c = new Array(i), u = 0; u < i; ++u) {
     var f = o[u], l = r[u], d = l.length, h = za(e.call(f, f && f.__data__, u, o)), p = h.length, y = a[u] = new Array(p), _ = s[u] = new Array(p), x = c[u] = new Array(d);
     n(f, l, y, _, x, h, t);
-    for (var b = 0, w = 0, m, S; b < p; ++b)
+    for (var b = 0, w = 0, m, E; b < p; ++b)
       if (m = y[b]) {
-        for (b >= w && (w = b + 1); !(S = _[w]) && ++w < p; ) ;
-        m._next = S || null;
+        for (b >= w && (w = b + 1); !(E = _[w]) && ++w < p; ) ;
+        m._next = E || null;
       }
   }
   return s = new le(s, o), s._enter = a, s._exit = c, s;
@@ -247,7 +247,7 @@ function za(e) {
   return typeof e == "object" && "length" in e ? e : Array.from(e);
 }
 function Ta() {
-  return new le(this._exit || this._groups.map(Sr), this._parents);
+  return new le(this._exit || this._groups.map(Er), this._parents);
 }
 function Da(e, t, n) {
   var o = this.enter(), r = this, i = this.exit();
@@ -351,7 +351,7 @@ function Ja(e, t) {
   }
   return this.each((t == null ? n.local ? qa : Wa : typeof t == "function" ? n.local ? Qa : Ua : n.local ? Ka : Ga)(n, t));
 }
-function Er(e) {
+function Sr(e) {
   return e.ownerDocument && e.ownerDocument.defaultView || e.document && e || e.defaultView;
 }
 function ja(e) {
@@ -374,7 +374,7 @@ function nc(e, t, n) {
   return arguments.length > 1 ? this.each((t == null ? ja : typeof t == "function" ? tc : ec)(e, t, n ?? "")) : Xe(this.node(), e);
 }
 function Xe(e, t) {
-  return e.style.getPropertyValue(t) || Er(e).getComputedStyle(e, null).getPropertyValue(t);
+  return e.style.getPropertyValue(t) || Sr(e).getComputedStyle(e, null).getPropertyValue(t);
 }
 function oc(e) {
   return function() {
@@ -492,17 +492,17 @@ function _c() {
 function bc() {
   return this.each(_c);
 }
-function Sc(e) {
+function Ec(e) {
   var t = typeof e == "function" ? e : xr(e);
   return this.select(function() {
     return this.appendChild(t.apply(this, arguments));
   });
 }
-function Ec() {
+function Sc() {
   return null;
 }
 function Nc(e, t) {
-  var n = typeof e == "function" ? e : xr(e), o = t == null ? Ec : typeof t == "function" ? t : Zn(t);
+  var n = typeof e == "function" ? e : xr(e), o = t == null ? Sc : typeof t == "function" ? t : Zn(t);
   return this.select(function() {
     return this.insertBefore(n.apply(this, arguments), o.apply(this, arguments) || null);
   });
@@ -578,7 +578,7 @@ function Hc(e, t, n) {
   return this;
 }
 function $r(e, t, n) {
-  var o = Er(e), r = o.CustomEvent;
+  var o = Sr(e), r = o.CustomEvent;
   typeof r == "function" ? r = new r(t, n) : (r = o.document.createEvent("Event"), n ? (r.initEvent(t, n.bubbles, n.cancelable), r.detail = n.detail) : r.initEvent(t, !1, !1)), e.dispatchEvent(r);
 }
 function Vc(e, t) {
@@ -638,7 +638,7 @@ le.prototype = xt.prototype = {
   html: wc,
   raise: vc,
   lower: bc,
-  append: Sc,
+  append: Ec,
   insert: Nc,
   remove: Mc,
   clone: Ic,
@@ -686,7 +686,7 @@ function Pr(e, t) {
     o.on("click.drag", null);
   }, 0)), "onselectstart" in n ? o.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
 }
-const Et = (e) => () => e;
+const St = (e) => () => e;
 function Mn(e, {
   sourceEvent: t,
   subject: n,
@@ -734,43 +734,43 @@ function zr() {
   function d(m) {
     m.on("mousedown.drag", h).filter(o).on("touchstart.drag", _).on("touchmove.drag", x, Xc).on("touchend.drag touchcancel.drag", b).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  function h(m, S) {
-    if (!(f || !e.call(this, m, S))) {
-      var A = w(this, t.call(this, m, S), m, S, "mouse");
+  function h(m, E) {
+    if (!(f || !e.call(this, m, E))) {
+      var A = w(this, t.call(this, m, E), m, E, "mouse");
       A && (ue(m.view).on("mousemove.drag", p, ct).on("mouseup.drag", y, ct), Ar(m.view), mn(m), u = !1, a = m.clientX, c = m.clientY, A("start", m));
     }
   }
   function p(m) {
     if (Re(m), !u) {
-      var S = m.clientX - a, A = m.clientY - c;
-      u = S * S + A * A > l;
+      var E = m.clientX - a, A = m.clientY - c;
+      u = E * E + A * A > l;
     }
     r.mouse("drag", m);
   }
   function y(m) {
     ue(m.view).on("mousemove.drag mouseup.drag", null), Pr(m.view, u), Re(m), r.mouse("end", m);
   }
-  function _(m, S) {
-    if (e.call(this, m, S)) {
-      var A = m.changedTouches, N = t.call(this, m, S), z = A.length, I, k;
+  function _(m, E) {
+    if (e.call(this, m, E)) {
+      var A = m.changedTouches, N = t.call(this, m, E), z = A.length, I, k;
       for (I = 0; I < z; ++I)
-        (k = w(this, N, m, S, A[I].identifier, A[I])) && (mn(m), k("start", m, A[I]));
+        (k = w(this, N, m, E, A[I].identifier, A[I])) && (mn(m), k("start", m, A[I]));
     }
   }
   function x(m) {
-    var S = m.changedTouches, A = S.length, N, z;
+    var E = m.changedTouches, A = E.length, N, z;
     for (N = 0; N < A; ++N)
-      (z = r[S[N].identifier]) && (Re(m), z("drag", m, S[N]));
+      (z = r[E[N].identifier]) && (Re(m), z("drag", m, E[N]));
   }
   function b(m) {
-    var S = m.changedTouches, A = S.length, N, z;
+    var E = m.changedTouches, A = E.length, N, z;
     for (f && clearTimeout(f), f = setTimeout(function() {
       f = null;
     }, 500), N = 0; N < A; ++N)
-      (z = r[S[N].identifier]) && (mn(m), z("end", m, S[N]));
+      (z = r[E[N].identifier]) && (mn(m), z("end", m, E[N]));
   }
-  function w(m, S, A, N, z, I) {
-    var k = i.copy(), V = he(I || A, S), D, H, g;
+  function w(m, E, A, N, z, I) {
+    var k = i.copy(), V = he(I || A, E), D, H, g;
     if ((g = n.call(m, new Mn("beforestart", {
       sourceEvent: A,
       target: d,
@@ -782,16 +782,16 @@ function zr() {
       dy: 0,
       dispatch: k
     }), N)) != null)
-      return D = g.x - V[0] || 0, H = g.y - V[1] || 0, function E(v, M, $) {
+      return D = g.x - V[0] || 0, H = g.y - V[1] || 0, function S(v, M, $) {
         var C = V, T;
         switch (v) {
           case "start":
-            r[z] = E, T = s++;
+            r[z] = S, T = s++;
             break;
           case "end":
             delete r[z], --s;
           case "drag":
-            V = he($ || M, S), T = s;
+            V = he($ || M, E), T = s;
             break;
         }
         k.call(
@@ -814,13 +814,13 @@ function zr() {
       };
   }
   return d.filter = function(m) {
-    return arguments.length ? (e = typeof m == "function" ? m : Et(!!m), d) : e;
+    return arguments.length ? (e = typeof m == "function" ? m : St(!!m), d) : e;
   }, d.container = function(m) {
-    return arguments.length ? (t = typeof m == "function" ? m : Et(m), d) : t;
+    return arguments.length ? (t = typeof m == "function" ? m : St(m), d) : t;
   }, d.subject = function(m) {
-    return arguments.length ? (n = typeof m == "function" ? m : Et(m), d) : n;
+    return arguments.length ? (n = typeof m == "function" ? m : St(m), d) : n;
   }, d.touchable = function(m) {
-    return arguments.length ? (o = typeof m == "function" ? m : Et(!!m), d) : o;
+    return arguments.length ? (o = typeof m == "function" ? m : St(!!m), d) : o;
   }, d.on = function() {
     var m = i.on.apply(i, arguments);
     return m === i ? d : m;
@@ -1017,7 +1017,7 @@ function xo() {
 }
 function dt(e) {
   var t, n;
-  return e = (e + "").trim().toLowerCase(), (t = Gc.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? vo(t) : n === 3 ? new ce(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? Nt(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? Nt(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = Kc.exec(e)) ? new ce(t[1], t[2], t[3], 1) : (t = Uc.exec(e)) ? new ce(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Qc.exec(e)) ? Nt(t[1], t[2], t[3], t[4]) : (t = Jc.exec(e)) ? Nt(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = jc.exec(e)) ? So(t[1], t[2] / 100, t[3] / 100, 1) : (t = eu.exec(e)) ? So(t[1], t[2] / 100, t[3] / 100, t[4]) : yo.hasOwnProperty(e) ? vo(yo[e]) : e === "transparent" ? new ce(NaN, NaN, NaN, 0) : null;
+  return e = (e + "").trim().toLowerCase(), (t = Gc.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? vo(t) : n === 3 ? new ce(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? Nt(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 4 ? Nt(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = Kc.exec(e)) ? new ce(t[1], t[2], t[3], 1) : (t = Uc.exec(e)) ? new ce(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Qc.exec(e)) ? Nt(t[1], t[2], t[3], t[4]) : (t = Jc.exec(e)) ? Nt(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = jc.exec(e)) ? Eo(t[1], t[2] / 100, t[3] / 100, 1) : (t = eu.exec(e)) ? Eo(t[1], t[2] / 100, t[3] / 100, t[4]) : yo.hasOwnProperty(e) ? vo(yo[e]) : e === "transparent" ? new ce(NaN, NaN, NaN, 0) : null;
 }
 function vo(e) {
   return new ce(e >> 16 & 255, e >> 8 & 255, e & 255, 1);
@@ -1076,7 +1076,7 @@ function De(e) {
 function Te(e) {
   return e = De(e), (e < 16 ? "0" : "") + e.toString(16);
 }
-function So(e, t, n, o) {
+function Eo(e, t, n, o) {
   return o <= 0 ? e = t = n = NaN : n <= 0 || n >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new ge(e, t, n, o);
 }
 function Dr(e) {
@@ -1110,17 +1110,17 @@ qn(ge, iu, Tr(vt, {
     );
   },
   clamp() {
-    return new ge(Eo(this.h), Ct(this.s), Ct(this.l), Bt(this.opacity));
+    return new ge(So(this.h), Ct(this.s), Ct(this.l), Bt(this.opacity));
   },
   displayable() {
     return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
   },
   formatHsl() {
     const e = Bt(this.opacity);
-    return `${e === 1 ? "hsl(" : "hsla("}${Eo(this.h)}, ${Ct(this.s) * 100}%, ${Ct(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
+    return `${e === 1 ? "hsl(" : "hsla("}${So(this.h)}, ${Ct(this.s) * 100}%, ${Ct(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
   }
 }));
-function Eo(e) {
+function So(e) {
   return e = (e || 0) % 360, e < 0 ? e + 360 : e;
 }
 function Ct(e) {
@@ -1263,13 +1263,13 @@ const xu = function e(t, n, o) {
         ];
       };
     else {
-      var b = Math.sqrt(y), w = (d * d - u * u + o * y) / (2 * u * n * b), m = (d * d - u * u - o * y) / (2 * d * n * b), S = Math.log(Math.sqrt(w * w + 1) - w), A = Math.log(Math.sqrt(m * m + 1) - m);
-      x = (A - S) / t, _ = function(N) {
-        var z = N * x, I = Mo(S), k = u / (n * b) * (I * wu(t * z + S) - yu(S));
+      var b = Math.sqrt(y), w = (d * d - u * u + o * y) / (2 * u * n * b), m = (d * d - u * u - o * y) / (2 * d * n * b), E = Math.log(Math.sqrt(w * w + 1) - w), A = Math.log(Math.sqrt(m * m + 1) - m);
+      x = (A - E) / t, _ = function(N) {
+        var z = N * x, I = Mo(E), k = u / (n * b) * (I * wu(t * z + E) - yu(E));
         return [
           a + k * h,
           c + k * p,
-          u * I / Mo(t * z + S)
+          u * I / Mo(t * z + E)
         ];
       };
     }
@@ -1317,14 +1317,14 @@ function ko() {
   try {
     _u();
   } finally {
-    Ye = 0, Su(), Ve = 0;
+    Ye = 0, Eu(), Ve = 0;
   }
 }
 function bu() {
   var e = ft.now(), t = e - Rt;
   t > Lr && (Ut -= t, Rt = e);
 }
-function Su() {
+function Eu() {
   for (var e, t = Lt, n, o = 1 / 0; t; )
     t._call ? (o > t._time && (o = t._time), e = t, t = t._next) : (n = t._next, t._next = null, t = e ? e._next = n : Lt = n);
   it = e, An(o);
@@ -1342,7 +1342,7 @@ function $o(e, t, n) {
     o.stop(), e(r + t);
   }, t, n), o;
 }
-var Eu = Gt("start", "end", "cancel", "interrupt"), Nu = [], Xr = 0, Io = 1, Pn = 2, Tt = 3, Ao = 4, zn = 5, Dt = 6;
+var Su = Gt("start", "end", "cancel", "interrupt"), Nu = [], Xr = 0, Io = 1, Pn = 2, Tt = 3, Ao = 4, zn = 5, Dt = 6;
 function Qt(e, t, n, o, r, i) {
   var s = e.__transition;
   if (!s) e.__transition = {};
@@ -1353,7 +1353,7 @@ function Qt(e, t, n, o, r, i) {
     // For context during callback.
     group: r,
     // For context during callback.
-    on: Eu,
+    on: Su,
     tween: Nu,
     time: i.time,
     delay: i.delay,
@@ -1615,7 +1615,7 @@ function ju(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, u = 0; u < s; ++u)
       (c = i[u]) && e.call(c, c.__data__, u, i) && a.push(c);
-  return new Se(o, this._parents, this._name, this._id);
+  return new Ee(o, this._parents, this._name, this._id);
 }
 function el(e) {
   if (e._id !== this._id) throw new Error();
@@ -1624,7 +1624,7 @@ function el(e) {
       (d = c[h] || u[h]) && (l[h] = d);
   for (; a < o; ++a)
     s[a] = t[a];
-  return new Se(s, this._parents, this._name, this._id);
+  return new Ee(s, this._parents, this._name, this._id);
 }
 function tl(e) {
   return (e + "").trim().split(/^|\s+/).every(function(t) {
@@ -1659,7 +1659,7 @@ function sl(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, u = i[s] = new Array(c), f, l, d = 0; d < c; ++d)
       (f = a[d]) && (l = e.call(f, f.__data__, d, a)) && ("__data__" in f && (l.__data__ = f.__data__), u[d] = l, Qt(u[d], t, n, d, u, ye(f, n)));
-  return new Se(i, this._parents, t, n);
+  return new Ee(i, this._parents, t, n);
 }
 function al(e) {
   var t = this._name, n = this._id;
@@ -1671,7 +1671,7 @@ function al(e) {
           (h = d[y]) && Qt(h, t, n, y, d, p);
         i.push(d), s.push(f);
       }
-  return new Se(i, s, t, n);
+  return new Ee(i, s, t, n);
 }
 var cl = xt.prototype.constructor;
 function ul() {
@@ -1761,14 +1761,14 @@ function bl(e) {
   }
   return o._value = e, o;
 }
-function Sl(e) {
+function El(e) {
   var t = "text";
   if (arguments.length < 1) return (t = this.tween(t)) && t._value;
   if (e == null) return this.tween(t, null);
   if (typeof e != "function") throw new Error();
   return this.tween(t, bl(e));
 }
-function El() {
+function Sl() {
   for (var e = this._name, t = this._id, n = Wr(), o = this._groups, r = o.length, i = 0; i < r; ++i)
     for (var s = o[i], a = s.length, c, u = 0; u < a; ++u)
       if (c = s[u]) {
@@ -1780,7 +1780,7 @@ function El() {
           ease: f.ease
         });
       }
-  return new Se(o, this._parents, e, n);
+  return new Ee(o, this._parents, e, n);
 }
 function Nl() {
   var e, t, n = this, o = n._id, r = n.size();
@@ -1795,15 +1795,15 @@ function Nl() {
   });
 }
 var Cl = 0;
-function Se(e, t, n, o) {
+function Ee(e, t, n, o) {
   this._groups = e, this._parents = t, this._name = n, this._id = o;
 }
 function Wr() {
   return ++Cl;
 }
 var ve = xt.prototype;
-Se.prototype = {
-  constructor: Se,
+Ee.prototype = {
+  constructor: Ee,
   select: sl,
   selectAll: al,
   selectChild: ve.selectChild,
@@ -1811,7 +1811,7 @@ Se.prototype = {
   filter: ju,
   merge: el,
   selection: ul,
-  transition: El,
+  transition: Sl,
   call: ve.call,
   nodes: ve.nodes,
   node: ve.node,
@@ -1824,7 +1824,7 @@ Se.prototype = {
   style: gl,
   styleTween: yl,
   text: vl,
-  textTween: Sl,
+  textTween: El,
   remove: il,
   tween: Iu,
   delay: Zu,
@@ -1852,11 +1852,11 @@ function $l(e, t) {
 }
 function Il(e) {
   var t, n;
-  e instanceof Se ? (t = e._id, e = e._name) : (t = Wr(), (n = kl).time = Gn(), e = e == null ? null : e + "");
+  e instanceof Ee ? (t = e._id, e = e._name) : (t = Wr(), (n = kl).time = Gn(), 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, u = 0; u < a; ++u)
       (c = s[u]) && Qt(c, e, t, u, s, n || $l(c, t));
-  return new Se(o, this._parents, e, t);
+  return new Ee(o, this._parents, e, t);
 }
 xt.prototype.interrupt = Mu;
 xt.prototype.transition = Il;
@@ -1954,54 +1954,54 @@ function Gr() {
   function x(g) {
     g.property("__zoom", Po).on("wheel.zoom", z, { passive: !1 }).on("mousedown.zoom", I).on("dblclick.zoom", k).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) {
+  x.transform = function(g, S, v, M) {
     var $ = g.selection ? g.selection() : g;
-    $.property("__zoom", Po), g !== $ ? S(g, E, v, M) : $.interrupt().each(function() {
-      A(this, arguments).event(M).start().zoom(null, typeof E == "function" ? E.apply(this, arguments) : E).end();
+    $.property("__zoom", Po), g !== $ ? E(g, S, v, M) : $.interrupt().each(function() {
+      A(this, arguments).event(M).start().zoom(null, typeof S == "function" ? S.apply(this, arguments) : S).end();
     });
-  }, x.scaleBy = function(g, E, v, M) {
+  }, x.scaleBy = function(g, S, v, M) {
     x.scaleTo(g, function() {
-      var $ = this.__zoom.k, C = typeof E == "function" ? E.apply(this, arguments) : E;
+      var $ = this.__zoom.k, C = typeof S == "function" ? S.apply(this, arguments) : S;
       return $ * C;
     }, v, M);
-  }, x.scaleTo = function(g, E, v, M) {
+  }, x.scaleTo = function(g, S, v, M) {
     x.transform(g, function() {
-      var $ = t.apply(this, arguments), C = this.__zoom, T = v == null ? m($) : typeof v == "function" ? v.apply(this, arguments) : v, O = C.invert(T), L = typeof E == "function" ? E.apply(this, arguments) : E;
+      var $ = t.apply(this, arguments), C = this.__zoom, T = v == null ? m($) : typeof v == "function" ? v.apply(this, arguments) : v, O = C.invert(T), L = typeof S == "function" ? S.apply(this, arguments) : S;
       return n(w(b(C, L), T, O), $, s);
     }, v, M);
-  }, x.translateBy = function(g, E, v, M) {
+  }, x.translateBy = function(g, S, v, M) {
     x.transform(g, function() {
       return n(this.__zoom.translate(
-        typeof E == "function" ? E.apply(this, arguments) : E,
+        typeof S == "function" ? S.apply(this, arguments) : S,
         typeof v == "function" ? v.apply(this, arguments) : v
       ), t.apply(this, arguments), s);
     }, null, M);
-  }, x.translateTo = function(g, E, v, M, $) {
+  }, x.translateTo = function(g, S, v, M, $) {
     x.transform(g, function() {
       var C = t.apply(this, arguments), T = this.__zoom, O = M == null ? m(C) : typeof M == "function" ? M.apply(this, arguments) : M;
       return n(Jt.translate(O[0], O[1]).scale(T.k).translate(
-        typeof E == "function" ? -E.apply(this, arguments) : -E,
+        typeof S == "function" ? -S.apply(this, arguments) : -S,
         typeof v == "function" ? -v.apply(this, arguments) : -v
       ), C, s);
     }, M, $);
   };
-  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 b(g, S) {
+    return S = Math.max(i[0], Math.min(i[1], S)), S === g.k ? g : new _e(S, g.x, g.y);
   }
-  function w(g, E, v) {
-    var M = E[0] - v[0] * g.k, $ = E[1] - v[1] * g.k;
+  function w(g, S, v) {
+    var M = S[0] - v[0] * g.k, $ = S[1] - v[1] * g.k;
     return M === g.x && $ === g.y ? g : new _e(g.k, M, $);
   }
   function m(g) {
     return [(+g[0][0] + +g[1][0]) / 2, (+g[0][1] + +g[1][1]) / 2];
   }
-  function S(g, E, v, M) {
+  function E(g, S, v, M) {
     g.on("start.zoom", function() {
       A(this, arguments).event(M).start();
     }).on("interrupt.zoom end.zoom", function() {
       A(this, arguments).event(M).end();
     }).tween("zoom", function() {
-      var $ = this, C = arguments, T = A($, C).event(M), O = t.apply($, C), L = v == null ? m(O) : typeof v == "function" ? v.apply($, C) : v, Z = Math.max(O[1][0] - O[0][0], O[1][1] - O[0][1]), X = $.__zoom, F = typeof E == "function" ? E.apply($, C) : E, Y = c(X.invert(L).concat(Z / X.k), F.invert(L).concat(Z / F.k));
+      var $ = this, C = arguments, T = A($, C).event(M), O = t.apply($, C), L = v == null ? m(O) : typeof v == "function" ? v.apply($, C) : v, Z = Math.max(O[1][0] - O[0][0], O[1][1] - O[0][1]), X = $.__zoom, F = typeof S == "function" ? S.apply($, C) : S, Y = c(X.invert(L).concat(Z / X.k), F.invert(L).concat(Z / F.k));
       return function(q) {
         if (q === 1) q = F;
         else {
@@ -2012,11 +2012,11 @@ function Gr() {
       };
     });
   }
-  function A(g, E, v) {
-    return !v && g.__zooming || new N(g, E);
+  function A(g, S, v) {
+    return !v && g.__zooming || new N(g, S);
   }
-  function N(g, E) {
-    this.that = g, this.args = E, this.active = 0, this.sourceEvent = null, this.extent = t.apply(g, E), this.taps = 0;
+  function N(g, S) {
+    this.that = g, this.args = S, this.active = 0, this.sourceEvent = null, this.extent = t.apply(g, S), this.taps = 0;
   }
   N.prototype = {
     event: function(g) {
@@ -2025,31 +2025,30 @@ function Gr() {
     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(g, S) {
+      return this.mouse && g !== "mouse" && (this.mouse[1] = S.invert(this.mouse[0])), this.touch0 && g !== "touch" && (this.touch0[1] = S.invert(this.touch0[0])), this.touch1 && g !== "touch" && (this.touch1[1] = S.invert(this.touch1[0])), this.that.__zoom = S, this.emit("zoom"), this;
     },
     end: function() {
       return --this.active === 0 && (delete this.that.__zooming, this.emit("end")), this;
     },
     emit: function(g) {
-      var E = ue(this.that).datum();
+      var S = ue(this.that).datum();
       u.call(
         g,
         this.that,
         new Al(g, {
           sourceEvent: this.sourceEvent,
           target: x,
-          type: g,
           transform: this.that.__zoom,
           dispatch: u
         }),
-        E
+        S
       );
     }
   };
-  function z(g, ...E) {
+  function z(g, ...S) {
     if (!e.apply(this, arguments)) return;
-    var v = A(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 = A(this, S).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);
     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);
     else {
@@ -2061,9 +2060,9 @@ function Gr() {
       v.wheel = null, v.end();
     }
   }
-  function I(g, ...E) {
+  function I(g, ...S) {
     if (d || !e.apply(this, arguments)) return;
-    var v = g.currentTarget, M = A(this, E, !0).event(g), $ = ue(g.view).on("mousemove.zoom", L, !0).on("mouseup.zoom", Z, !0), C = he(g, v), T = g.clientX, O = g.clientY;
+    var v = g.currentTarget, M = A(this, S, !0).event(g), $ = ue(g.view).on("mousemove.zoom", L, !0).on("mouseup.zoom", Z, !0), C = he(g, v), T = g.clientX, O = g.clientY;
     Ar(g.view), xn(g), M.mouse = [C, this.__zoom.invert(C)], Ht(this), M.start();
     function L(X) {
       if (ot(X), !M.moved) {
@@ -2076,15 +2075,15 @@ function Gr() {
       $.on("mousemove.zoom mouseup.zoom", null), Pr(X.view, M.moved), ot(X), M.event(X).end();
     }
   }
-  function k(g, ...E) {
+  function k(g, ...S) {
     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(w(b(v, C), M, $), t.apply(this, E), s);
-      ot(g), a > 0 ? ue(this).transition().duration(a).call(S, T, M, g) : ue(this).call(x.transform, T, M, g);
+      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(w(b(v, C), M, $), t.apply(this, S), s);
+      ot(g), a > 0 ? ue(this).transition().duration(a).call(E, T, M, g) : ue(this).call(x.transform, T, M, g);
     }
   }
-  function V(g, ...E) {
+  function V(g, ...S) {
     if (e.apply(this, arguments)) {
-      var v = g.touches, M = v.length, $ = A(this, E, g.changedTouches.length === M).event(g), C, T, O, L;
+      var v = g.touches, M = v.length, $ = A(this, S, g.changedTouches.length === M).event(g), C, T, O, L;
       for (xn(g), T = 0; T < M; ++T)
         O = v[T], L = he(O, this), L = [L, this.__zoom.invert(L), O.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== L[2] && ($.touch1 = L, $.taps = 0) : ($.touch0 = L, C = !0, $.taps = 1 + !!f);
       f && (f = clearTimeout(f)), C && ($.taps < 2 && (l = L[0], f = setTimeout(function() {
@@ -2092,9 +2091,9 @@ function Gr() {
       }, h)), Ht(this), $.start());
     }
   }
-  function D(g, ...E) {
+  function D(g, ...S) {
     if (this.__zooming) {
-      var v = A(this, E).event(g), M = g.changedTouches, $ = M.length, C, T, O, L;
+      var v = A(this, S).event(g), M = g.changedTouches, $ = M.length, C, T, O, L;
       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);
       if (T = v.that.__zoom, v.touch1) {
@@ -2105,9 +2104,9 @@ function Gr() {
       v.zoom("touch", n(w(T, O, L), v.extent, s));
     }
   }
-  function H(g, ...E) {
+  function H(g, ...S) {
     if (this.__zooming) {
-      var v = A(this, E).event(g), M = g.changedTouches, $ = M.length, C, T;
+      var v = A(this, S).event(g), M = g.changedTouches, $ = M.length, C, T;
       for (xn(g), d && clearTimeout(d), d = setTimeout(function() {
         d = null;
       }, h), C = 0; C < $; ++C)
@@ -2551,7 +2550,7 @@ function Kl({ source: e, sourcePosition: t = R.Bottom, target: n, targetPosition
     target: u
   }), l = f.x !== 0 ? "x" : "y", d = f[l];
   let h = [], p, y;
-  const _ = { x: 0, y: 0 }, x = { x: 0, y: 0 }, [b, w, m, S] = di({
+  const _ = { x: 0, y: 0 }, x = { x: 0, y: 0 }, [b, w, m, E] = di({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
@@ -2577,8 +2576,8 @@ function Kl({ source: e, sourcePosition: t = R.Bottom, target: n, targetPosition
       }
     }
     if (t !== o) {
-      const H = l === "x" ? "y" : "x", g = s[l] === a[H], E = c[H] > u[H], v = c[H] < u[H];
-      (s[l] === 1 && (!g && E || g && v) || s[l] !== 1 && (!g && v || g && E)) && (h = l === "x" ? N : z);
+      const H = l === "x" ? "y" : "x", g = s[l] === a[H], S = c[H] > u[H], v = c[H] < u[H];
+      (s[l] === 1 && (!g && S || g && v) || s[l] !== 1 && (!g && v || g && S)) && (h = l === "x" ? N : z);
     }
     const I = { x: c.x + _.x, y: c.y + _.y }, k = { x: u.x + x.x, y: u.y + x.y }, V = Math.max(Math.abs(I.x - h[0].x), Math.abs(k.x - h[0].x)), D = Math.max(Math.abs(I.y - h[0].y), Math.abs(k.y - h[0].y));
     V >= D ? (p = (I.x + k.x) / 2, y = h[0].y) : (p = h[0].x, y = (I.y + k.y) / 2);
@@ -2589,7 +2588,7 @@ function Kl({ source: e, sourcePosition: t = R.Bottom, target: n, targetPosition
     ...h,
     { x: u.x + x.x, y: u.y + x.y },
     n
-  ], p, y, m, S];
+  ], p, y, m, E];
 }
 function Ul(e, t, n, o) {
   const r = Math.min(Lo(e, t) / 2, Lo(t, n) / 2, o), { x: i, y: s } = t;
@@ -2992,10 +2991,10 @@ function vn({ nodeId: e, dragItems: t, nodeLookup: n, dragging: o = !0 }) {
 }
 function ad({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, onDragStop: r }) {
   let i = { x: null, y: null }, s = 0, a = /* @__PURE__ */ new Map(), c = !1, u = { x: 0, y: 0 }, f = null, l = !1, d = null, h = !1;
-  function p({ noDragClassName: _, handleSelector: x, domNode: b, isSelectable: w, nodeId: m, nodeClickDistance: S = 0 }) {
+  function p({ noDragClassName: _, handleSelector: x, domNode: b, isSelectable: w, nodeId: m, nodeClickDistance: E = 0 }) {
     d = ue(b);
     function A({ x: k, 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: g, snapGrid: S, snapToGrid: v, nodeOrigin: M, onNodeDrag: $, onSelectionDrag: C, onError: T, updateNodePositions: O } = t();
       i = { x: k, y: V };
       let L = !1, Z = { x: 0, y: 0, x2: 0, y2: 0 };
       if (a.size > 1 && g) {
@@ -3006,7 +3005,7 @@ function ad({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
         if (!H.has(X))
           continue;
         let Y = { x: k - F.distance.x, y: V - F.distance.y };
-        v && (Y = tn(Y, E));
+        v && (Y = tn(Y, S));
         let q = [
           [g[0][0], g[0][1]],
           [g[1][0], g[1][1]]
@@ -3044,9 +3043,9 @@ function ad({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
       (H !== 0 || g !== 0) && (i.x = (i.x ?? 0) - H / k[2], i.y = (i.y ?? 0) - g / k[2], await V({ x: H, y: g }) && A(i, null)), s = requestAnimationFrame(N);
     }
     function z(k) {
-      const { nodeLookup: V, multiSelectionActive: D, nodesDraggable: H, transform: g, snapGrid: E, snapToGrid: v, selectNodesOnDrag: M, onNodeDragStart: $, onSelectionDragStart: C, unselectNodesAndEdges: T } = t();
+      const { nodeLookup: V, multiSelectionActive: D, nodesDraggable: H, transform: g, snapGrid: S, snapToGrid: v, selectNodesOnDrag: M, onNodeDragStart: $, onSelectionDragStart: C, unselectNodesAndEdges: T } = t();
       l = !0, (!M || !w) && !D && m && (V.get(m)?.selected || T()), w && M && m && e?.(m);
-      const O = st(k.sourceEvent, { transform: g, snapGrid: E, snapToGrid: v, containerBounds: f });
+      const O = st(k.sourceEvent, { transform: g, snapGrid: S, snapToGrid: v, containerBounds: f });
       if (i = O, a = sd(V, H, O, m), a.size > 0 && (n || $ || !m && C)) {
         const [L, Z] = vn({
           nodeId: m,
@@ -3056,16 +3055,16 @@ function ad({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
         n?.(k.sourceEvent, a, L, Z), $?.(k.sourceEvent, L, Z), m || C?.(k.sourceEvent, Z);
       }
     }
-    const I = zr().clickDistance(S).on("start", (k) => {
-      const { domNode: V, nodeDragThreshold: D, transform: H, snapGrid: g, snapToGrid: E } = t();
-      f = V?.getBoundingClientRect() || null, h = !1, D === 0 && z(k), i = st(k.sourceEvent, { transform: H, snapGrid: g, snapToGrid: E, containerBounds: f }), u = be(k.sourceEvent, f);
+    const I = zr().clickDistance(E).on("start", (k) => {
+      const { domNode: V, nodeDragThreshold: D, transform: H, snapGrid: g, snapToGrid: S } = t();
+      f = V?.getBoundingClientRect() || null, h = !1, D === 0 && z(k), i = st(k.sourceEvent, { transform: H, snapGrid: g, snapToGrid: S, containerBounds: f }), u = be(k.sourceEvent, f);
     }).on("drag", (k) => {
-      const { autoPanOnNodeDrag: V, transform: D, snapGrid: H, snapToGrid: g, nodeDragThreshold: E, nodeLookup: v } = t(), M = st(k.sourceEvent, { transform: D, snapGrid: H, snapToGrid: g, containerBounds: f });
+      const { autoPanOnNodeDrag: V, transform: D, snapGrid: H, snapToGrid: g, nodeDragThreshold: S, nodeLookup: v } = t(), M = st(k.sourceEvent, { transform: D, snapGrid: H, snapToGrid: g, containerBounds: f });
       if ((k.sourceEvent.type === "touchmove" && k.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       m && !v.has(m)) && (h = !0), !h) {
         if (!c && V && l && (c = !0, N()), !l) {
           const $ = M.xSnapped - (i.x ?? 0), C = M.ySnapped - (i.y ?? 0);
-          Math.sqrt($ * $ + C * C) > E && z(k);
+          Math.sqrt($ * $ + C * C) > S && z(k);
         }
         (i.x !== M.xSnapped || i.y !== M.ySnapped) && a && l && (u = be(k.sourceEvent, f), A(M, k.sourceEvent));
       }
@@ -3073,13 +3072,13 @@ function ad({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
       if (!(!l || h) && (c = !1, l = !1, cancelAnimationFrame(s), a.size > 0)) {
         const { nodeLookup: V, updateNodePositions: D, onNodeDragStop: H, onSelectionDragStop: g } = t();
         if (D(a, !1), r || H || !m && g) {
-          const [E, v] = vn({
+          const [S, v] = vn({
             nodeId: m,
             dragItems: a,
             nodeLookup: V,
             dragging: !1
           });
-          r?.(k.sourceEvent, a, E, v), H?.(k.sourceEvent, E, v), m || g?.(k.sourceEvent, v);
+          r?.(k.sourceEvent, a, S, v), H?.(k.sourceEvent, S, v), m || g?.(k.sourceEvent, v);
         }
       }
     }).filter((k) => {
@@ -3143,14 +3142,14 @@ function dd(e, t) {
   return t ? n = !0 : e && !t && (n = !1), n;
 }
 const wi = () => !0;
-function fd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: u, autoPanOnConnect: f, flowId: l, panBy: d, cancelConnection: h, onConnectStart: p, onConnect: y, onConnectEnd: _, isValidConnection: x = wi, onReconnectEnd: b, updateConnection: w, getTransform: m, getFromHandle: S, autoPanSpeed: A }) {
+function fd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: u, autoPanOnConnect: f, flowId: l, panBy: d, cancelConnection: h, onConnectStart: p, onConnect: y, onConnectEnd: _, isValidConnection: x = wi, onReconnectEnd: b, updateConnection: w, getTransform: m, getFromHandle: E, autoPanSpeed: A }) {
   const N = ai(e.target);
   let z = 0, I;
   const { x: k, y: V } = be(e), D = N?.elementFromPoint(k, V), H = yi(i, D), g = a?.getBoundingClientRect();
   if (!g || !H)
     return;
-  const E = mi(r, H, o, c, t);
-  if (!E)
+  const S = mi(r, H, o, c, t);
+  if (!S)
     return;
   let v = be(e, g), M = !1, $ = null, C = !1, T = null;
   function O() {
@@ -3160,10 +3159,10 @@ function fd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
     d({ x: G, y: ee }), z = requestAnimationFrame(O);
   }
   const L = {
-    ...E,
+    ...S,
     nodeId: r,
     type: H,
-    position: E.position
+    position: S.position
   }, Z = c.get(r), F = {
     inProgress: !0,
     isValid: null,
@@ -3180,7 +3179,7 @@ function fd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
   let Y = F;
   p?.(e, { nodeId: r, handleId: o, handleType: H });
   function q(G) {
-    if (!S() || !L) {
+    if (!E() || !L) {
       B(G);
       return;
     }
@@ -3228,7 +3227,7 @@ function xi(e, { handle: t, connectionMode: n, fromNodeId: o, fromHandleId: r, f
     toHandle: null
   };
   if (_) {
-    const b = yi(void 0, _), w = _.getAttribute("data-nodeid"), m = _.getAttribute("data-handleid"), S = _.classList.contains("connectable"), A = _.classList.contains("connectableend");
+    const b = yi(void 0, _), w = _.getAttribute("data-nodeid"), m = _.getAttribute("data-handleid"), E = _.classList.contains("connectable"), A = _.classList.contains("connectableend");
     if (!w || !b)
       return x;
     const N = {
@@ -3238,7 +3237,7 @@ function xi(e, { handle: t, connectionMode: n, fromNodeId: o, fromHandleId: r, f
       targetHandle: l ? r : m
     };
     x.connection = N;
-    const I = S && A && (n === Ze.Strict ? l && b === "source" || !l && b === "target" : w !== o || m !== r);
+    const I = E && A && (n === Ze.Strict ? l && b === "source" || !l && b === "target" : w !== o || m !== r);
     x.isValid = I && u(N), x.toHandle = mi(w, b, m, f, n, !1);
   }
   return x;
@@ -3254,7 +3253,7 @@ function hd({ domNode: e, panZoom: t, getTransform: n, getViewScale: o }) {
       const m = n();
       if (w.sourceEvent.type !== "wheel" || !t)
         return;
-      const S = -w.sourceEvent.deltaY * (w.sourceEvent.deltaMode === 1 ? 0.05 : w.sourceEvent.deltaMode ? 1 : 2e-3) * f, A = m[2] * Math.pow(2, S);
+      const E = -w.sourceEvent.deltaY * (w.sourceEvent.deltaMode === 1 ? 0.05 : w.sourceEvent.deltaMode ? 1 : 2e-3) * f, A = m[2] * Math.pow(2, E);
       t.scaleTo(A);
     };
     let y = [0, 0];
@@ -3267,11 +3266,11 @@ function hd({ domNode: e, panZoom: t, getTransform: n, getViewScale: o }) {
       const m = n();
       if (w.sourceEvent.type !== "mousemove" && w.sourceEvent.type !== "touchmove" || !t)
         return;
-      const S = [
+      const E = [
         w.sourceEvent.clientX ?? w.sourceEvent.touches[0].clientX,
         w.sourceEvent.clientY ?? w.sourceEvent.touches[0].clientY
-      ], A = [S[0] - y[0], S[1] - y[1]];
-      y = S;
+      ], A = [E[0] - y[0], E[1] - y[1]];
+      y = E;
       const N = o() * Math.max(m[2], Math.log(m[2])) * (h ? -1 : 1), z = {
         x: m[0] - A[0] * N,
         y: m[1] - A[1] * N
@@ -3408,9 +3407,9 @@ function _d({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       d?.transform(bn(h, H?.duration, () => g(!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: L, zoomOnDoubleClick: Z, zoomActivationKeyPressed: X, lib: F, onTransformChange: Y }) {
-    E && !f.isZoomingOrPanning && b();
-    const B = v && !X && !E ? pd({
+  function x({ noWheelClassName: D, noPanClassName: H, onPaneContextMenu: g, userSelectionActive: S, panOnScroll: v, panOnDrag: M, panOnScrollMode: $, panOnScrollSpeed: C, preventScrolling: T, zoomOnPinch: O, zoomOnScroll: L, zoomOnDoubleClick: Z, zoomActivationKeyPressed: X, lib: F, onTransformChange: Y }) {
+    S && !f.isZoomingOrPanning && b();
+    const B = v && !X && !S ? pd({
       zoomPanValues: f,
       noWheelClassName: D,
       d3Selection: h,
@@ -3426,7 +3425,7 @@ function _d({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       preventScrolling: T,
       d3ZoomHandler: p
     });
-    if (h.on("wheel.zoom", B, { passive: !1 }), !E) {
+    if (h.on("wheel.zoom", B, { passive: !1 }), !S) {
       const ee = yd({
         zoomPanValues: f,
         onDraggingChange: u,
@@ -3458,7 +3457,7 @@ function _d({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       panOnScroll: v,
       zoomOnDoubleClick: Z,
       zoomOnPinch: O,
-      userSelectionActive: E,
+      userSelectionActive: S,
       noPanClassName: H,
       noWheelClassName: D,
       lib: F
@@ -3469,14 +3468,14 @@ function _d({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     d.on("zoom", null);
   }
   async function w(D, H, g) {
-    const E = _n(D), v = d?.constrain()(E, H, g);
+    const S = _n(D), v = d?.constrain()(S, H, g);
     return v && await _(v), new Promise((M) => M(v));
   }
   async function m(D, H) {
     const g = _n(D);
-    return await _(g, H), new Promise((E) => E(g));
+    return await _(g, H), new Promise((S) => S(g));
   }
-  function S(D) {
+  function E(D) {
     if (h) {
       const H = _n(D), g = h.property("__zoom");
       (g.k !== D.zoom || g.x !== D.x || g.y !== D.y) && d?.transform(h, H, null, { sync: !0 });
@@ -3516,7 +3515,7 @@ function _d({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     scaleBy: z,
     setScaleExtent: I,
     setTranslateExtent: k,
-    syncViewport: S,
+    syncViewport: E,
     setClickDistance: V
   };
 }
@@ -3528,7 +3527,7 @@ function bd({ width: e, prevWidth: t, height: n, prevHeight: o, affectsX: r, aff
   const s = e - t, a = n - o, c = [s > 0 ? 1 : s < 0 ? -1 : 0, a > 0 ? 1 : a < 0 ? -1 : 0];
   return s && r && (c[0] = c[0] * -1), a && i && (c[1] = c[1] * -1), c;
 }
-function Sd(e) {
+function Ed(e) {
   const t = e.includes("right") || e.includes("left"), n = e.includes("bottom") || e.includes("top"), o = e.includes("left"), r = e.includes("top");
   return {
     isHorizontal: t,
@@ -3549,19 +3548,19 @@ function It(e, t, n) {
 function Wo(e, t) {
   return e ? !t : t;
 }
-function Ed(e, t, n, o, r, i, s, a) {
+function Sd(e, t, n, o, r, i, s, a) {
   let { affectsX: c, affectsY: u } = t;
-  const { isHorizontal: f, isVertical: l } = t, d = f && l, { xSnapped: h, ySnapped: p } = n, { minWidth: y, maxWidth: _, minHeight: x, maxHeight: b } = o, { x: w, y: m, width: S, height: A, aspectRatio: N } = e;
+  const { isHorizontal: f, isVertical: l } = t, d = f && l, { xSnapped: h, ySnapped: p } = n, { minWidth: y, maxWidth: _, minHeight: x, maxHeight: b } = o, { x: w, y: m, width: E, height: A, aspectRatio: N } = e;
   let z = Math.floor(f ? h - e.pointerX : 0), I = Math.floor(l ? p - e.pointerY : 0);
-  const k = S + (c ? -z : z), V = A + (u ? -I : I), D = -i[0] * S, H = -i[1] * A;
-  let g = It(k, y, _), E = It(V, x, b);
+  const k = E + (c ? -z : z), V = A + (u ? -I : I), D = -i[0] * E, H = -i[1] * A;
+  let g = It(k, y, _), S = It(V, x, b);
   if (s) {
     let $ = 0, C = 0;
-    c && z < 0 ? $ = Me(w + z + D, s[0][0]) : !c && z > 0 && ($ = ke(w + k + D, s[1][0])), u && I < 0 ? C = Me(m + I + H, s[0][1]) : !u && I > 0 && (C = ke(m + V + H, s[1][1])), g = Math.max(g, $), E = Math.max(E, C);
+    c && z < 0 ? $ = Me(w + z + D, s[0][0]) : !c && z > 0 && ($ = ke(w + k + D, s[1][0])), u && I < 0 ? C = Me(m + I + H, s[0][1]) : !u && I > 0 && (C = ke(m + V + H, s[1][1])), g = Math.max(g, $), S = Math.max(S, C);
   }
   if (a) {
     let $ = 0, C = 0;
-    c && z > 0 ? $ = ke(w + z, a[0][0]) : !c && z < 0 && ($ = Me(w + k, a[1][0])), u && I > 0 ? C = ke(m + I, a[0][1]) : !u && I < 0 && (C = Me(m + V, a[1][1])), g = Math.max(g, $), E = Math.max(E, C);
+    c && z > 0 ? $ = ke(w + z, a[0][0]) : !c && z < 0 && ($ = Me(w + k, a[1][0])), u && I > 0 ? C = ke(m + I, a[0][1]) : !u && I < 0 && (C = Me(m + V, a[1][1])), g = Math.max(g, $), S = Math.max(S, C);
   }
   if (r) {
     if (f) {
@@ -3577,20 +3576,20 @@ function Ed(e, t, n, o, r, i, s, a) {
     }
     if (l) {
       const $ = It(V * N, y, _) / N;
-      if (E = Math.max(E, $), s) {
+      if (S = Math.max(S, $), s) {
         let C = 0;
-        !c && !u || u && !c && d ? C = ke(w + V * N + D, s[1][0]) / N : C = Me(w + (u ? I : -I) * N + D, s[0][0]) / N, E = Math.max(E, C);
+        !c && !u || u && !c && d ? C = ke(w + V * N + D, s[1][0]) / N : C = Me(w + (u ? I : -I) * N + D, s[0][0]) / N, S = Math.max(S, C);
       }
       if (a) {
         let C = 0;
-        !c && !u || u && !c && d ? C = Me(w + V * N, a[1][0]) / N : C = ke(w + (u ? I : -I) * N, a[0][0]) / N, E = Math.max(E, C);
+        !c && !u || u && !c && d ? C = Me(w + V * N, a[1][0]) / N : C = ke(w + (u ? I : -I) * N, a[0][0]) / N, S = Math.max(S, C);
       }
     }
   }
-  I = I + (I < 0 ? E : -E), z = z + (z < 0 ? g : -g), r && (d ? k > V * N ? I = (Wo(c, u) ? -z : z) / N : z = (Wo(c, u) ? -I : I) * N : f ? (I = z / N, u = c) : (z = I * N, c = u));
+  I = I + (I < 0 ? S : -S), z = z + (z < 0 ? g : -g), r && (d ? k > V * N ? I = (Wo(c, u) ? -z : z) / N : z = (Wo(c, u) ? -I : I) * N : f ? (I = z / N, u = c) : (z = I * N, c = u));
   const v = c ? w + z : w, M = u ? m + I : m;
   return {
-    width: S + (c ? -z : z),
+    width: E + (c ? -z : z),
     height: A + (u ? -I : I),
     x: i[0] * z * (c ? -1 : 1) + v,
     y: i[1] * I * (u ? -1 : 1) + M
@@ -3619,13 +3618,13 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
   const i = ue(e);
   function s({ controlPosition: c, boundaries: u, keepAspectRatio: f, onResizeStart: l, onResize: d, onResizeEnd: h, shouldResize: p }) {
     let y = { ...bi }, _ = { ...Nd };
-    const x = Sd(c);
-    let b, w = null, m = [], S, A, N;
+    const x = Ed(c);
+    let b, w = null, m = [], E, A, N;
     const z = zr().on("start", (I) => {
-      const { nodeLookup: k, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, paneDomNode: E } = n();
+      const { nodeLookup: k, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, paneDomNode: S } = n();
       if (b = k.get(t), !b)
         return;
-      w = E?.getBoundingClientRect() ?? null;
+      w = S?.getBoundingClientRect() ?? null;
       const { xSnapped: v, ySnapped: M } = st(I.sourceEvent, {
         transform: V,
         snapGrid: D,
@@ -3642,7 +3641,7 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
         pointerX: v,
         pointerY: M,
         aspectRatio: y.width / y.height
-      }, S = void 0, b.parentId && (b.extent === "parent" || b.expandParent) && (S = k.get(b.parentId), A = S && b.extent === "parent" ? Cd(S) : void 0), m = [], N = void 0;
+      }, E = void 0, b.parentId && (b.extent === "parent" || b.expandParent) && (E = k.get(b.parentId), A = E && b.extent === "parent" ? Cd(E) : void 0), m = [], N = void 0;
       for (const [$, C] of k)
         if (C.parentId === t && (m.push({
           id: $,
@@ -3662,10 +3661,10 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
         snapGrid: V,
         snapToGrid: D,
         containerBounds: w
-      }), E = [];
+      }), S = [];
       if (!b)
         return;
-      const { x: v, y: M, width: $, height: C } = y, T = {}, O = b.origin ?? H, { width: L, height: Z, x: X, y: F } = Ed(_, x, g, u, f, O, A, N), Y = L !== $, q = Z !== C, B = X !== v && Y, G = F !== M && q;
+      const { x: v, y: M, width: $, height: C } = y, T = {}, O = b.origin ?? H, { width: L, height: Z, x: X, y: F } = Sd(_, x, g, u, f, O, A, N), Y = L !== $, q = Z !== C, B = X !== v && Y, G = F !== M && q;
       if (!B && !G && !Y && !q)
         return;
       if ((B || G || O[0] === 1 || O[1] === 1) && (T.x = B ? X : y.x, T.y = G ? F : y.y, y.x = T.x, y.y = T.y, m.length > 0)) {
@@ -3674,9 +3673,9 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
           ae.position = {
             x: ae.position.x - U + O[0] * (L - $),
             y: ae.position.y - oe + O[1] * (Z - C)
-          }, E.push(ae);
+          }, S.push(ae);
       }
-      if ((Y || q) && (T.width = Y ? L : y.width, T.height = q ? Z : y.height, y.width = T.width, y.height = T.height), S && b.expandParent) {
+      if ((Y || q) && (T.width = Y ? L : y.width, T.height = q ? Z : y.height, y.width = T.width, y.height = T.height), E && b.expandParent) {
         const U = O[0] * (T.width ?? 0);
         T.x && T.x < U && (y.x = U, _.x = _.x - (T.x - U));
         const oe = O[1] * (T.height ?? 0);
@@ -3690,7 +3689,7 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
         affectsX: x.affectsX,
         affectsY: x.affectsY
       }), Q = { ...y, direction: ee };
-      p?.(I, Q) !== !1 && (d?.(I, Q), o(T, E));
+      p?.(I, Q) !== !1 && (d?.(I, Q), o(T, S));
     }).on("end", (I) => {
       h?.(I, { ...y }), r?.();
     });
@@ -3704,7 +3703,7 @@ function kd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
     destroy: a
   };
 }
-var oo = { exports: {} }, Si = {}, ro = { exports: {} }, Ei = {};
+var oo = { exports: {} }, Ei = {}, ro = { exports: {} }, Si = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.min.js
@@ -3722,14 +3721,14 @@ var Id = typeof Object.is == "function" ? Object.is : $d, Ad = Ke.useState, Pd =
 function Dd(e, t) {
   var n = t(), o = Ad({ inst: { value: n, getSnapshot: t } }), r = o[0].inst, i = o[1];
   return zd(function() {
-    r.value = n, r.getSnapshot = t, Sn(r) && i({ inst: r });
+    r.value = n, r.getSnapshot = t, En(r) && i({ inst: r });
   }, [e, n, t]), Pd(function() {
-    return Sn(r) && i({ inst: r }), e(function() {
-      Sn(r) && i({ inst: r });
+    return En(r) && i({ inst: r }), e(function() {
+      En(r) && i({ inst: r });
     });
   }, [e]), Td(n), n;
 }
-function Sn(e) {
+function En(e) {
   var t = e.getSnapshot;
   e = e.value;
   try {
@@ -3743,9 +3742,9 @@ function Hd(e, t) {
   return t();
 }
 var Vd = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? Hd : Dd;
-Ei.useSyncExternalStore = Ke.useSyncExternalStore !== void 0 ? Ke.useSyncExternalStore : Vd;
+Si.useSyncExternalStore = Ke.useSyncExternalStore !== void 0 ? Ke.useSyncExternalStore : Vd;
 ro.exports;
-ro.exports = Ei;
+ro.exports = Si;
 var Od = ro.exports;
 /**
  * @license React
@@ -3761,7 +3760,7 @@ function Ld(e, t) {
   return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
 }
 var Rd = typeof Object.is == "function" ? Object.is : Ld, Fd = Bd.useSyncExternalStore, Xd = rn.useRef, Yd = rn.useEffect, Zd = rn.useMemo, Wd = rn.useDebugValue;
-Si.useSyncExternalStoreWithSelector = function(e, t, n, o, r) {
+Ei.useSyncExternalStoreWithSelector = function(e, t, n, o, r) {
   var i = Xd(null);
   if (i.current === null) {
     var s = { hasValue: !1, value: null };
@@ -3793,9 +3792,9 @@ Si.useSyncExternalStoreWithSelector = function(e, t, n, o, r) {
   }, [a]), Wd(a), a;
 };
 oo.exports;
-oo.exports = Si;
+oo.exports = Ei;
 var qd = oo.exports;
-const Gd = /* @__PURE__ */ sa(qd), qo = (e) => {
+const Gd = /* @__PURE__ */ sa(qd), Kd = {}, qo = (e) => {
   let t;
   const n = /* @__PURE__ */ new Set(), o = (f, l) => {
     const d = typeof f == "function" ? f(t) : f;
@@ -3804,24 +3803,26 @@ const Gd = /* @__PURE__ */ sa(qd), qo = (e) => {
       t = l ?? (typeof d != "object" || d === null) ? d : Object.assign({}, t, d), n.forEach((p) => p(t, h));
     }
   }, r = () => t, c = { setState: o, getState: r, getInitialState: () => u, subscribe: (f) => (n.add(f), () => n.delete(f)), destroy: () => {
-    n.clear();
+    (Kd ? "production" : void 0) !== "production" && console.warn(
+      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
+    ), n.clear();
   } }, u = t = e(o, r, c);
   return c;
-}, Kd = (e) => e ? qo(e) : qo, { useDebugValue: Ud } = Xn, { useSyncExternalStoreWithSelector: Qd } = Gd, Jd = (e) => e;
-function Ni(e, t = Jd, n) {
-  const o = Qd(
+}, Ud = (e) => e ? qo(e) : qo, { useDebugValue: Qd } = Xn, { useSyncExternalStoreWithSelector: Jd } = Gd, jd = (e) => e;
+function Ni(e, t = jd, n) {
+  const o = Jd(
     e.subscribe,
     e.getState,
     e.getServerState || e.getInitialState,
     t,
     n
   );
-  return Ud(o), o;
+  return Qd(o), o;
 }
 const Go = (e, t) => {
-  const n = Kd(e), o = (r, i = t) => Ni(n, r, i);
+  const n = Ud(e), o = (r, i = t) => Ni(n, r, i);
   return Object.assign(o, n), o;
-}, jd = (e, t) => e ? Go(e, t) : Go;
+}, ef = (e, t) => e ? Go(e, t) : Go;
 function ne(e, t) {
   if (Object.is(e, t))
     return !0;
@@ -3849,7 +3850,7 @@ function ne(e, t) {
       return !1;
   return !0;
 }
-const sn = Yn(null), ef = sn.Provider, Ci = Ne.error001();
+const sn = Yn(null), tf = sn.Provider, Ci = Ne.error001();
 function K(e, t) {
   const n = wt(sn);
   if (n === null)
@@ -3866,7 +3867,7 @@ function te() {
     subscribe: e.subscribe
   }), [e]);
 }
-const Ko = { display: "none" }, tf = {
+const Ko = { display: "none" }, nf = {
   position: "absolute",
   width: 1,
   height: 1,
@@ -3876,22 +3877,22 @@ const Ko = { display: "none" }, tf = {
   overflow: "hidden",
   clip: "rect(0px, 0px, 0px, 0px)",
   clipPath: "inset(100%)"
-}, Mi = "react-flow__node-desc", ki = "react-flow__edge-desc", nf = "react-flow__aria-live", of = (e) => e.ariaLiveMessage;
-function rf({ rfId: e }) {
-  const t = K(of);
-  return P("div", { id: `${nf}-${e}`, "aria-live": "assertive", "aria-atomic": "true", style: tf, children: t });
+}, Mi = "react-flow__node-desc", ki = "react-flow__edge-desc", of = "react-flow__aria-live", rf = (e) => e.ariaLiveMessage;
+function sf({ rfId: e }) {
+  const t = K(rf);
+  return P("div", { id: `${of}-${e}`, "aria-live": "assertive", "aria-atomic": "true", style: nf, children: t });
 }
-function sf({ rfId: e, disableKeyboardA11y: t }) {
-  return se(Ee, { children: [se("div", { id: `${Mi}-${e}`, style: Ko, 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.", " "] }), P("div", { id: `${ki}-${e}`, style: Ko, children: "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel." }), !t && P(rf, { rfId: e })] });
+function af({ rfId: e, disableKeyboardA11y: t }) {
+  return se(Se, { children: [se("div", { id: `${Mi}-${e}`, style: Ko, 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.", " "] }), P("div", { id: `${ki}-${e}`, style: Ko, children: "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel." }), !t && P(sf, { rfId: e })] });
 }
-const af = (e) => e.userSelectionActive ? "none" : "all", io = yr(({ position: e = "top-left", children: t, className: n, style: o, ...r }, i) => {
-  const s = K(af), a = `${e}`.split("-");
+const cf = (e) => e.userSelectionActive ? "none" : "all", io = yr(({ position: e = "top-left", children: t, className: n, style: o, ...r }, i) => {
+  const s = K(cf), a = `${e}`.split("-");
   return P("div", { className: re(["react-flow__panel", n, ...a]), style: { ...o, pointerEvents: s }, ref: i, ...r, children: t });
 });
-function cf({ proOptions: e, position: t = "bottom-right" }) {
+function uf({ proOptions: e, position: t = "bottom-right" }) {
   return e?.hideAttribution ? null : P(io, { position: t, className: "react-flow__attribution", "data-message": "Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev", children: P("a", { href: "https://reactflow.dev", target: "_blank", rel: "noopener noreferrer", "aria-label": "React Flow attribution", children: "React Flow" }) });
 }
-const uf = (e) => {
+const lf = (e) => {
   const t = [], n = [];
   for (const [, o] of e.nodeLookup)
     o.selected && t.push(o.internals.userNode);
@@ -3899,22 +3900,22 @@ const uf = (e) => {
     o.selected && n.push(o);
   return { selectedNodes: t, selectedEdges: n };
 }, At = (e) => e.id;
-function lf(e, t) {
+function df(e, t) {
   return ne(e.selectedNodes.map(At), t.selectedNodes.map(At)) && ne(e.selectedEdges.map(At), t.selectedEdges.map(At));
 }
-function df({ onSelectionChange: e }) {
-  const t = te(), { selectedNodes: n, selectedEdges: o } = K(uf, lf);
+function ff({ onSelectionChange: e }) {
+  const t = te(), { selectedNodes: n, selectedEdges: o } = K(lf, df);
   return j(() => {
     const r = { nodes: n, edges: o };
     e?.(r), t.getState().onSelectionChangeHandlers.forEach((i) => i(r));
   }, [n, o, e]), null;
 }
-const ff = (e) => !!e.onSelectionChangeHandlers;
-function hf({ onSelectionChange: e }) {
-  const t = K(ff);
-  return e || t ? P(df, { onSelectionChange: e }) : null;
+const hf = (e) => !!e.onSelectionChangeHandlers;
+function gf({ onSelectionChange: e }) {
+  const t = K(hf);
+  return e || t ? P(ff, { onSelectionChange: e }) : null;
 }
-const $i = [0, 0], gf = { x: 0, y: 0, zoom: 1 }, pf = [
+const $i = [0, 0], pf = { x: 0, y: 0, zoom: 1 }, mf = [
   "nodes",
   "edges",
   "defaultNodes",
@@ -3970,7 +3971,7 @@ const $i = [0, 0], gf = { x: 0, y: 0, zoom: 1 }, pf = [
   "debug",
   "autoPanSpeed",
   "paneClickDistance"
-], Uo = [...pf, "rfId"], mf = (e) => ({
+], Uo = [...mf, "rfId"], yf = (e) => ({
   setNodes: e.setNodes,
   setEdges: e.setEdges,
   setMinZoom: e.setMinZoom,
@@ -3993,8 +3994,8 @@ const $i = [0, 0], gf = { x: 0, y: 0, zoom: 1 }, pf = [
   rfId: "1",
   paneClickDistance: 0
 };
-function yf(e) {
-  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: u } = K(mf, ne), f = te();
+function wf(e) {
+  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: u } = K(yf, ne), f = te();
   j(() => (c(e.defaultNodes, e.defaultEdges), () => {
     l.current = Qo, a();
   }), []);
@@ -4014,7 +4015,7 @@ function yf(e) {
 function Jo() {
   return typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)");
 }
-function wf(e) {
+function xf(e) {
   const [t, n] = de(e === "system" ? null : e);
   return j(() => {
     if (e !== "system") {
@@ -4069,7 +4070,7 @@ function er(e, t, n) {
 function tr(e, t) {
   return t.includes(e) ? "code" : "key";
 }
-const xf = () => {
+const vf = () => {
   const e = te();
   return me(() => ({
     zoomIn: (t) => {
@@ -4171,14 +4172,14 @@ function Ii(e, t) {
     }
     const a = { ...i };
     for (const c of s)
-      vf(c, a);
+      _f(c, a);
     n.push(a);
   }
   return r.length && r.forEach((i) => {
     i.index !== void 0 ? n.splice(i.index, 0, { ...i.item }) : n.push({ ...i.item });
   }), n;
 }
-function vf(e, t) {
+function _f(e, t) {
   switch (e.type) {
     case "select": {
       t.selected = e.selected;
@@ -4231,14 +4232,14 @@ function or(e) {
     type: "remove"
   };
 }
-const rr = (e) => Vl(e), _f = (e) => Jr(e);
+const rr = (e) => Vl(e), bf = (e) => Jr(e);
 function zi(e) {
   return yr(e);
 }
-const bf = typeof window < "u" ? ia : j;
+const Ef = typeof window < "u" ? ia : j;
 function ir(e) {
   const [t, n] = de(BigInt(0)), [o] = de(() => Sf(() => n((r) => r + BigInt(1))));
-  return bf(() => {
+  return Ef(() => {
     const r = o.get();
     r.length && (e(r), o.reset());
   }, [t]), o;
@@ -4256,7 +4257,7 @@ function Sf(e) {
   };
 }
 const Ti = Yn(null);
-function Ef({ children: e }) {
+function Nf({ children: e }) {
   const t = te(), n = fe((a) => {
     const { nodes: c = [], setNodes: u, hasDefaultNodes: f, onNodesChange: l, nodeLookup: d } = t.getState();
     let h = c;
@@ -4278,15 +4279,15 @@ function Ef({ children: e }) {
   }, []), i = ir(r), s = me(() => ({ nodeQueue: o, edgeQueue: i }), []);
   return P(Ti.Provider, { value: s, children: e });
 }
-function Nf() {
+function Cf() {
   const e = wt(Ti);
   if (!e)
     throw new Error("useBatchContext must be used within a BatchProvider");
   return e;
 }
-const Cf = (e) => !!e.panZoom;
+const Mf = (e) => !!e.panZoom;
 function so() {
-  const e = xf(), t = te(), n = Nf(), o = K(Cf), r = me(() => {
+  const e = vf(), t = te(), n = Cf(), o = K(Mf), r = me(() => {
     const i = (l) => t.getState().nodeLookup.get(l), s = (l) => {
       n.nodeQueue.push(l);
     }, a = (l) => {
@@ -4311,7 +4312,7 @@ function so() {
       a((p) => p.map((y) => {
         if (y.id === l) {
           const _ = typeof d == "function" ? d(y) : d;
-          return h.replace && _f(_) ? _ : { ...y, ..._ };
+          return h.replace && bf(_) ? _ : { ...y, ..._ };
         }
         return y;
       }));
@@ -4348,22 +4349,22 @@ function so() {
         };
       },
       deleteElements: async ({ nodes: l = [], edges: d = [] }) => {
-        const { nodes: h, edges: p, onNodesDelete: y, onEdgesDelete: _, triggerNodeChanges: x, triggerEdgeChanges: b, onDelete: w, onBeforeDelete: m } = t.getState(), { nodes: S, edges: A } = await Ll({
+        const { nodes: h, edges: p, onNodesDelete: y, onEdgesDelete: _, triggerNodeChanges: x, triggerEdgeChanges: b, onDelete: w, onBeforeDelete: m } = t.getState(), { nodes: E, edges: A } = await Ll({
           nodesToRemove: l,
           edgesToRemove: d,
           nodes: h,
           edges: p,
           onBeforeDelete: m
-        }), N = A.length > 0, z = S.length > 0;
+        }), N = A.length > 0, z = E.length > 0;
         if (N) {
           const I = A.map(or);
           _?.(A), b(I);
         }
         if (z) {
-          const I = S.map(or);
-          y?.(S), x(I);
+          const I = E.map(or);
+          y?.(E), x(I);
         }
-        return (z || N) && w?.({ nodes: S, edges: A }), { deletedNodes: S, deletedEdges: A };
+        return (z || N) && w?.({ nodes: E, edges: A }), { deletedNodes: E, deletedEdges: A };
       },
       getIntersectingNodes: (l, d = !0, h) => {
         const p = Do(l), y = p ? l : c(l), _ = h !== void 0;
@@ -4410,9 +4411,9 @@ function so() {
     viewportInitialized: o
   }), [o]);
 }
-const sr = (e) => e.selected, Mf = { actInsideInputWithModifier: !1 }, kf = typeof window < "u" ? window : void 0;
-function $f({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
-  const n = te(), { deleteElements: o } = so(), r = yt(e, Mf), i = yt(t, { target: kf });
+const sr = (e) => e.selected, kf = { actInsideInputWithModifier: !1 }, $f = typeof window < "u" ? window : void 0;
+function If({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
+  const n = te(), { deleteElements: o } = so(), r = yt(e, kf), i = yt(t, { target: $f });
   j(() => {
     if (r) {
       const { edges: s, nodes: a } = n.getState();
@@ -4422,7 +4423,7 @@ function $f({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
     n.setState({ multiSelectionActive: i });
   }, [i]);
 }
-function If(e) {
+function Af(e) {
   const t = te();
   j(() => {
     const n = () => {
@@ -4446,44 +4447,44 @@ const an = {
   height: "100%",
   top: 0,
   left: 0
-}, Af = (e) => ({
+}, Pf = (e) => ({
   userSelectionActive: e.userSelectionActive,
   lib: e.lib
 });
-function Pf({ 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: u, minZoom: f, maxZoom: l, zoomActivationKeyCode: d, preventScrolling: h = !0, children: p, noWheelClassName: y, noPanClassName: _, onViewportChange: x, isControlledViewport: b, paneClickDistance: w }) {
-  const m = te(), S = J(null), { userSelectionActive: A, lib: N } = K(Af, ne), z = yt(d), I = J();
-  If(S);
+function zf({ 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: u, minZoom: f, maxZoom: l, zoomActivationKeyCode: d, preventScrolling: h = !0, children: p, noWheelClassName: y, noPanClassName: _, onViewportChange: x, isControlledViewport: b, paneClickDistance: w }) {
+  const m = te(), E = J(null), { userSelectionActive: A, lib: N } = K(Pf, ne), z = yt(d), I = J();
+  Af(E);
   const k = fe((V) => {
     x?.({ x: V[0], y: V[1], zoom: V[2] }), b || m.setState({ transform: V });
   }, [x, b]);
   return j(() => {
-    if (S.current) {
+    if (E.current) {
       I.current = _d({
-        domNode: S.current,
+        domNode: E.current,
         minZoom: f,
         maxZoom: l,
         translateExtent: u,
         viewport: c,
         paneClickDistance: w,
         onDraggingChange: (g) => m.setState({ paneDragging: g }),
-        onPanZoomStart: (g, E) => {
+        onPanZoomStart: (g, S) => {
           const { onViewportChangeStart: v, onMoveStart: M } = m.getState();
-          M?.(g, E), v?.(E);
+          M?.(g, S), v?.(S);
         },
-        onPanZoom: (g, E) => {
+        onPanZoom: (g, S) => {
           const { onViewportChange: v, onMove: M } = m.getState();
-          M?.(g, E), v?.(E);
+          M?.(g, S), v?.(S);
         },
-        onPanZoomEnd: (g, E) => {
+        onPanZoomEnd: (g, S) => {
           const { onViewportChangeEnd: v, onMoveEnd: M } = m.getState();
-          M?.(g, E), v?.(E);
+          M?.(g, S), v?.(S);
         }
       });
       const { x: V, y: D, zoom: H } = I.current.getViewport();
       return m.setState({
         panZoom: I.current,
         transform: [V, D, H],
-        domNode: S.current.closest(".react-flow")
+        domNode: E.current.closest(".react-flow")
       }), () => {
         I.current?.destroy();
       };
@@ -4522,29 +4523,29 @@ function Pf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
     y,
     N,
     k
-  ]), P("div", { className: "react-flow__renderer", ref: S, style: an, children: p });
+  ]), P("div", { className: "react-flow__renderer", ref: E, style: an, children: p });
 }
-const zf = (e) => ({
+const Tf = (e) => ({
   userSelectionActive: e.userSelectionActive,
   userSelectionRect: e.userSelectionRect
 });
-function Tf() {
-  const { userSelectionActive: e, userSelectionRect: t } = K(zf, ne);
+function Df() {
+  const { userSelectionActive: e, userSelectionRect: t } = K(Tf, ne);
   return e && t ? P("div", { className: "react-flow__selection react-flow__container", style: {
     width: t.width,
     height: t.height,
     transform: `translate(${t.x}px, ${t.y}px)`
   } }) : null;
 }
-const En = (e, t) => (n) => {
+const Sn = (e, t) => (n) => {
   n.target === t.current && e?.(n);
-}, Df = (e) => ({
+}, Hf = (e) => ({
   userSelectionActive: e.userSelectionActive,
   elementsSelectable: e.elementsSelectable,
   dragging: e.paneDragging
 });
-function Hf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full, panOnDrag: o, selectionOnDrag: r, onSelectionStart: i, onSelectionEnd: s, onPaneClick: a, onPaneContextMenu: c, onPaneScroll: u, onPaneMouseEnter: f, onPaneMouseMove: l, onPaneMouseLeave: d, children: h }) {
-  const p = te(), { userSelectionActive: y, elementsSelectable: _, dragging: x } = K(Df, ne), b = _ && (e || y), w = J(null), m = J(), S = J(/* @__PURE__ */ new Set()), A = J(/* @__PURE__ */ new Set()), N = J(!1), z = J(!1), I = (v) => {
+function Vf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full, panOnDrag: o, selectionOnDrag: r, onSelectionStart: i, onSelectionEnd: s, onPaneClick: a, onPaneContextMenu: c, onPaneScroll: u, onPaneMouseEnter: f, onPaneMouseMove: l, onPaneMouseLeave: d, children: h }) {
+  const p = te(), { userSelectionActive: y, elementsSelectable: _, dragging: x } = K(Hf, ne), b = _ && (e || y), w = J(null), m = J(), E = J(/* @__PURE__ */ new Set()), A = J(/* @__PURE__ */ new Set()), N = J(!1), z = J(!1), I = (v) => {
     if (N.current) {
       N.current = !1;
       return;
@@ -4584,10 +4585,10 @@ function Hf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
       y: Y < B ? Y : B,
       width: Math.abs(F - q),
       height: Math.abs(Y - B)
-    }, ee = S.current, Q = A.current;
-    S.current = new Set(jr(C, G, $, n === gt.Partial, !0).map((U) => U.id)), A.current = /* @__PURE__ */ new Set();
+    }, ee = E.current, Q = A.current;
+    E.current = new Set(jr(C, G, $, n === gt.Partial, !0).map((U) => U.id)), A.current = /* @__PURE__ */ new Set();
     const W = X?.selectable ?? !0;
-    for (const U of S.current) {
+    for (const U of E.current) {
       const oe = O.get(U);
       if (oe)
         for (const { edgeId: ae } of oe.values()) {
@@ -4595,8 +4596,8 @@ function Hf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
           Pe && (Pe.selectable ?? W) && A.current.add(ae);
         }
     }
-    if (!Ho(ee, S.current)) {
-      const U = Le(C, S.current, !0);
+    if (!Ho(ee, E.current)) {
+      const U = Le(C, E.current, !0);
       L(U);
     }
     if (!Ho(Q, A.current)) {
@@ -4616,10 +4617,10 @@ function Hf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
     !y && M && v.target === w.current && I?.(v), p.setState({
       userSelectionActive: !1,
       userSelectionRect: null,
-      nodesSelectionActive: S.current.size > 0
+      nodesSelectionActive: E.current.size > 0
     }), s?.(v), (t || r) && (N.current = !1), z.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 : En(I, w), onContextMenu: En(k, w), onWheel: En(V, w), onPointerEnter: b ? void 0 : f, onPointerDown: b ? D : l, onPointerMove: b ? H : l, onPointerUp: b ? g : void 0, onPointerLeave: d, ref: w, style: an, children: [h, P(Tf, {})] });
+  }, S = o === !0 || Array.isArray(o) && o.includes(0);
+  return se("div", { className: re(["react-flow__pane", { draggable: S, dragging: x, selection: e }]), onClick: b ? void 0 : Sn(I, w), onContextMenu: Sn(k, w), onWheel: Sn(V, w), onPointerEnter: b ? void 0 : f, onPointerDown: b ? D : l, onPointerMove: b ? H : l, onPointerUp: b ? g : void 0, onPointerLeave: d, ref: w, style: an, children: [h, P(Df, {})] });
 }
 function Fn({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
   const { addSelectedNodes: r, unselectNodesAndEdges: i, multiSelectionActive: s, nodeLookup: a, onError: c } = t.getState(), u = a.get(e);
@@ -4664,11 +4665,11 @@ function Di({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
       };
   }, [n, o, t, i, e, r]), c;
 }
-const Vf = (e) => (t) => t.selected && (t.draggable || e && typeof t.draggable > "u");
+const Of = (e) => (t) => t.selected && (t.draggable || e && typeof t.draggable > "u");
 function Hi() {
   const e = te();
   return fe((n) => {
-    const { nodeExtent: o, snapToGrid: r, snapGrid: i, nodesDraggable: s, onError: a, updateNodePositions: c, nodeLookup: u, nodeOrigin: f } = e.getState(), l = /* @__PURE__ */ new Map(), d = Vf(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: u, nodeOrigin: f } = e.getState(), l = /* @__PURE__ */ new Map(), d = Of(s), h = r ? i[0] : 5, p = r ? i[1] : 5, y = n.direction.x * h * n.factor, _ = n.direction.y * p * n.factor;
     for (const [, x] of u) {
       if (!d(x))
         continue;
@@ -4690,13 +4691,13 @@ function Hi() {
     c(l);
   }, []);
 }
-const ao = Yn(null), Of = ao.Provider;
+const ao = Yn(null), Bf = ao.Provider;
 ao.Consumer;
-const co = () => wt(ao), Bf = (e) => ({
+const co = () => wt(ao), Lf = (e) => ({
   connectOnClick: e.connectOnClick,
   noPanClassName: e.noPanClassName,
   rfId: e.rfId
-}), Lf = (e, t, n) => (o) => {
+}), Rf = (e, t, n) => (o) => {
   const { connectionClickStartHandle: r, connectionMode: i, connection: s } = o, { fromHandle: a, toHandle: c, isValid: u } = s, f = c?.nodeId === e && c?.id === t && c?.type === n;
   return {
     connectingFrom: a?.nodeId === e && a?.id === t && a?.type === n,
@@ -4707,12 +4708,12 @@ const co = () => wt(ao), Bf = (e) => ({
     valid: f && u
   };
 };
-function Rf({ type: e = "source", position: t = R.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: r = !0, isConnectableEnd: i = !0, id: s, onConnect: a, children: c, className: u, onMouseDown: f, onTouchStart: l, ...d }, h) {
-  const p = s || null, y = e === "target", _ = te(), x = co(), { connectOnClick: b, noPanClassName: w, rfId: m } = K(Bf, ne), { connectingFrom: S, connectingTo: A, clickConnecting: N, isPossibleEndHandle: z, connectionInProcess: I, valid: k } = K(Lf(x, p, e), ne);
+function Ff({ type: e = "source", position: t = R.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: r = !0, isConnectableEnd: i = !0, id: s, onConnect: a, children: c, className: u, onMouseDown: f, onTouchStart: l, ...d }, h) {
+  const p = s || null, y = e === "target", _ = te(), x = co(), { connectOnClick: b, noPanClassName: w, rfId: m } = K(Lf, ne), { connectingFrom: E, connectingTo: A, clickConnecting: N, isPossibleEndHandle: z, connectionInProcess: I, valid: k } = K(Rf(x, p, e), ne);
   x || _.getState().onError?.("010", Ne.error010());
   const V = (g) => {
-    const { defaultEdgeOptions: E, onConnect: v, hasDefaultEdges: M } = _.getState(), $ = {
-      ...E,
+    const { defaultEdgeOptions: S, onConnect: v, hasDefaultEdges: M } = _.getState(), $ = {
+      ...S,
       ...g
     };
     if (M) {
@@ -4723,8 +4724,8 @@ function Rf({ type: e = "source", position: t = R.Top, isValidConnection: n, isC
   }, D = (g) => {
     if (!x)
       return;
-    const E = ci(g.nativeEvent);
-    if (r && (E && g.button === 0 || !E)) {
+    const S = ci(g.nativeEvent);
+    if (r && (S && g.button === 0 || !S)) {
       const v = _.getState();
       Rn.onPointerDown(g.nativeEvent, {
         autoPanOnConnect: v.autoPanOnConnect,
@@ -4749,13 +4750,13 @@ function Rf({ type: e = "source", position: t = R.Top, isValidConnection: n, isC
         autoPanSpeed: v.autoPanSpeed
       });
     }
-    E ? f?.(g) : l?.(g);
+    S ? f?.(g) : l?.(g);
   }, H = (g) => {
-    const { onClickConnectStart: E, onClickConnectEnd: v, connectionClickStartHandle: M, connectionMode: $, isValidConnection: C, lib: T, rfId: O, nodeLookup: L, connection: Z } = _.getState();
+    const { onClickConnectStart: S, onClickConnectEnd: v, connectionClickStartHandle: M, connectionMode: $, isValidConnection: C, lib: T, rfId: O, nodeLookup: L, connection: Z } = _.getState();
     if (!x || !M && !r)
       return;
     if (!M) {
-      E?.(g.nativeEvent, { nodeId: x, handleId: p, handleType: e }), _.setState({ connectionClickStartHandle: { nodeId: x, type: e, id: p } });
+      S?.(g.nativeEvent, { nodeId: x, handleId: p, handleType: e }), _.setState({ connectionClickStartHandle: { nodeId: x, type: e, id: p } });
       return;
     }
     const X = ai(g.target), F = n || C, { connection: Y, isValid: q } = Rn.isValid(g.nativeEvent, {
@@ -4791,7 +4792,7 @@ function Rf({ type: e = "source", position: t = R.Top, isValidConnection: n, isC
       connectablestart: r,
       connectableend: i,
       clickconnecting: N,
-      connectingfrom: S,
+      connectingfrom: E,
       connectingto: A,
       valid: k,
       // shows where you can start a connection from
@@ -4800,18 +4801,18 @@ function Rf({ type: e = "source", position: t = R.Top, isValidConnection: n, isC
     }
   ]), onMouseDown: D, onTouchStart: D, onClick: b ? H : void 0, ref: h, ...d, children: c });
 }
-const Wt = ie(zi(Rf));
-function Ff({ data: e, isConnectable: t, sourcePosition: n = R.Bottom }) {
-  return se(Ee, { children: [e?.label, P(Wt, { type: "source", position: n, isConnectable: t })] });
+const Wt = ie(zi(Ff));
+function Xf({ data: e, isConnectable: t, sourcePosition: n = R.Bottom }) {
+  return se(Se, { children: [e?.label, P(Wt, { type: "source", position: n, isConnectable: t })] });
 }
-function Xf({ data: e, isConnectable: t, targetPosition: n = R.Top, sourcePosition: o = R.Bottom }) {
-  return se(Ee, { children: [P(Wt, { type: "target", position: n, isConnectable: t }), e?.label, P(Wt, { type: "source", position: o, isConnectable: t })] });
+function Yf({ data: e, isConnectable: t, targetPosition: n = R.Top, sourcePosition: o = R.Bottom }) {
+  return se(Se, { children: [P(Wt, { type: "target", position: n, isConnectable: t }), e?.label, P(Wt, { type: "source", position: o, isConnectable: t })] });
 }
-function Yf() {
+function Zf() {
   return null;
 }
-function Zf({ data: e, isConnectable: t, targetPosition: n = R.Top }) {
-  return se(Ee, { children: [P(Wt, { type: "target", position: n, isConnectable: t }), e?.label] });
+function Wf({ data: e, isConnectable: t, targetPosition: n = R.Top }) {
+  return se(Se, { children: [P(Wt, { type: "target", position: n, isConnectable: t }), e?.label] });
 }
 const qt = {
   ArrowUp: { x: 0, y: -1 },
@@ -4819,12 +4820,12 @@ const qt = {
   ArrowLeft: { x: -1, y: 0 },
   ArrowRight: { x: 1, y: 0 }
 }, ar = {
-  input: Ff,
-  default: Xf,
-  output: Zf,
-  group: Yf
+  input: Xf,
+  default: Yf,
+  output: Wf,
+  group: Zf
 };
-function Wf(e) {
+function qf(e) {
   return e.internals.handleBounds === void 0 ? {
     width: e.width ?? e.initialWidth ?? e.style?.width,
     height: e.height ?? e.initialHeight ?? e.style?.height
@@ -4833,7 +4834,7 @@ function Wf(e) {
     height: e.height ?? e.style?.height
   };
 }
-const qf = (e) => {
+const Gf = (e) => {
   const { width: t, height: n, x: o, y: r } = Ue(e.nodeLookup, {
     filter: (i) => !!i.selected
   });
@@ -4844,8 +4845,8 @@ const qf = (e) => {
     transformString: `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${o}px,${r}px)`
   };
 };
-function Gf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
-  const o = te(), { width: r, height: i, transformString: s, userSelectionActive: a } = K(qf, ne), c = Hi(), u = J(null);
+function Kf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
+  const o = te(), { width: r, height: i, transformString: s, userSelectionActive: a } = K(Gf, ne), c = Hi(), u = J(null);
   if (j(() => {
     n || u.current?.focus({
       preventScroll: !0
@@ -4870,19 +4871,19 @@ function Gf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
     height: i
   } }) });
 }
-const cr = typeof window < "u" ? window : void 0, Kf = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
-function Vi({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: u, selectionOnDrag: f, selectionMode: l, onSelectionStart: d, onSelectionEnd: h, multiSelectionKeyCode: p, panActivationKeyCode: y, zoomActivationKeyCode: _, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: w, panOnScroll: m, panOnScrollSpeed: S, panOnScrollMode: A, zoomOnDoubleClick: N, panOnDrag: z, defaultViewport: I, translateExtent: k, minZoom: V, maxZoom: D, preventScrolling: H, onSelectionContextMenu: g, noWheelClassName: E, noPanClassName: v, disableKeyboardA11y: M, onViewportChange: $, isControlledViewport: C }) {
-  const { nodesSelectionActive: T, userSelectionActive: O } = K(Kf), L = yt(u, { target: cr }), Z = yt(y, { target: cr }), X = Z || z, F = Z || m, Y = f && X !== !0, q = L || O || Y;
-  return $f({ deleteKeyCode: c, multiSelectionKeyCode: p }), P(Pf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: w, panOnScroll: F, panOnScrollSpeed: S, panOnScrollMode: A, zoomOnDoubleClick: N, panOnDrag: !L && X, defaultViewport: I, translateExtent: k, minZoom: V, maxZoom: D, zoomActivationKeyCode: _, preventScrolling: H, noWheelClassName: E, noPanClassName: v, onViewportChange: $, isControlledViewport: C, paneClickDistance: a, children: se(Hf, { onSelectionStart: d, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: X, isSelecting: !!q, selectionMode: l, selectionKeyPressed: L, selectionOnDrag: Y, children: [e, T && P(Gf, { onSelectionContextMenu: g, noPanClassName: v, disableKeyboardA11y: M })] }) });
+const cr = typeof window < "u" ? window : void 0, Uf = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
+function Vi({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: u, selectionOnDrag: f, selectionMode: l, onSelectionStart: d, onSelectionEnd: h, multiSelectionKeyCode: p, panActivationKeyCode: y, zoomActivationKeyCode: _, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: w, panOnScroll: m, panOnScrollSpeed: E, panOnScrollMode: A, zoomOnDoubleClick: N, panOnDrag: z, defaultViewport: I, translateExtent: k, minZoom: V, maxZoom: D, preventScrolling: H, onSelectionContextMenu: g, noWheelClassName: S, noPanClassName: v, disableKeyboardA11y: M, onViewportChange: $, isControlledViewport: C }) {
+  const { nodesSelectionActive: T, userSelectionActive: O } = K(Uf), L = yt(u, { target: cr }), Z = yt(y, { target: cr }), X = Z || z, F = Z || m, Y = f && X !== !0, q = L || O || Y;
+  return If({ deleteKeyCode: c, multiSelectionKeyCode: p }), P(zf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: b, zoomOnPinch: w, panOnScroll: F, panOnScrollSpeed: E, panOnScrollMode: A, zoomOnDoubleClick: N, panOnDrag: !L && X, defaultViewport: I, translateExtent: k, minZoom: V, maxZoom: D, zoomActivationKeyCode: _, preventScrolling: H, noWheelClassName: S, noPanClassName: v, onViewportChange: $, isControlledViewport: C, paneClickDistance: a, children: se(Vf, { onSelectionStart: d, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: X, isSelecting: !!q, selectionMode: l, selectionKeyPressed: L, selectionOnDrag: Y, children: [e, T && P(Kf, { onSelectionContextMenu: g, noPanClassName: v, disableKeyboardA11y: M })] }) });
 }
 Vi.displayName = "FlowRenderer";
-const Uf = ie(Vi), Qf = (e) => (t) => e ? jr(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 Jf(e) {
-  return K(fe(Qf(e), [e]), ne);
+const Qf = ie(Vi), Jf = (e) => (t) => e ? jr(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 jf(e) {
+  return K(fe(Jf(e), [e]), ne);
 }
-const jf = (e) => e.updateNodeInternals;
-function eh() {
-  const e = K(jf), [t] = de(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((n) => {
+const eh = (e) => e.updateNodeInternals;
+function th() {
+  const e = K(eh), [t] = de(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((n) => {
     const o = /* @__PURE__ */ new Map();
     n.forEach((r) => {
       const i = r.target.getAttribute("data-id");
@@ -4897,7 +4898,7 @@ function eh() {
     t?.disconnect();
   }, [t]), t;
 }
-function th({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
+function nh({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
   const r = te(), i = J(null), s = J(null), a = J(e.sourcePosition), c = J(e.targetPosition), u = J(t), f = n && !!e.internals.handleBounds;
   return j(() => {
     i.current && !e.hidden && (!f || s.current !== i.current) && (s.current && o?.unobserve(s.current), o?.observe(i.current), s.current = i.current);
@@ -4910,8 +4911,8 @@ function th({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
     }
   }, [e.id, t, e.sourcePosition, e.targetPosition]), i;
 }
-function nh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave: r, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: u, nodesFocusable: f, resizeObserver: l, noDragClassName: d, noPanClassName: h, disableKeyboardA11y: p, rfId: y, nodeTypes: _, nodeExtent: x, nodeClickDistance: b, onError: w }) {
-  const { node: m, internals: S, isParent: A } = K((B) => {
+function oh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave: r, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: u, nodesFocusable: f, resizeObserver: l, noDragClassName: d, noPanClassName: h, disableKeyboardA11y: p, rfId: y, nodeTypes: _, nodeExtent: x, nodeClickDistance: b, onError: w }) {
+  const { node: m, internals: E, isParent: A } = K((B) => {
     const G = B.nodeLookup.get(e), ee = B.parentLookup.has(e);
     return {
       node: G,
@@ -4921,8 +4922,8 @@ function nh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
   }, ne);
   let N = m.type || "default", z = _?.[N] || ar[N];
   z === void 0 && (w?.("003", Ne.error003(N)), N = "default", z = ar.default);
-  const I = !!(m.draggable || a && typeof m.draggable > "u"), k = !!(m.selectable || c && typeof m.selectable > "u"), V = !!(m.connectable || u && typeof m.connectable > "u"), D = !!(m.focusable || f && typeof m.focusable > "u"), H = te(), g = ii(m), E = th({ node: m, nodeType: N, hasDimensions: g, resizeObserver: l }), v = Di({
-    nodeRef: E,
+  const I = !!(m.draggable || a && typeof m.draggable > "u"), k = !!(m.selectable || c && typeof m.selectable > "u"), V = !!(m.connectable || u && typeof m.connectable > "u"), D = !!(m.focusable || f && typeof m.focusable > "u"), H = te(), g = ii(m), S = nh({ node: m, nodeType: N, hasDimensions: g, resizeObserver: l }), v = Di({
+    nodeRef: S,
     disabled: m.hidden || !I,
     noDragClassName: d,
     handleSelector: m.dragHandle,
@@ -4932,13 +4933,13 @@ function nh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
   }), M = Hi();
   if (m.hidden)
     return null;
-  const $ = Ce(m), C = Wf(m), T = k || I || t || n || o || r, O = n ? (B) => n(B, { ...S.userNode }) : void 0, L = o ? (B) => o(B, { ...S.userNode }) : void 0, Z = r ? (B) => r(B, { ...S.userNode }) : void 0, X = i ? (B) => i(B, { ...S.userNode }) : void 0, F = s ? (B) => s(B, { ...S.userNode }) : void 0, Y = (B) => {
+  const $ = Ce(m), C = qf(m), T = k || I || t || n || o || r, O = n ? (B) => n(B, { ...E.userNode }) : void 0, L = o ? (B) => o(B, { ...E.userNode }) : void 0, Z = r ? (B) => r(B, { ...E.userNode }) : void 0, X = i ? (B) => i(B, { ...E.userNode }) : void 0, F = s ? (B) => s(B, { ...E.userNode }) : void 0, Y = (B) => {
     const { selectNodesOnDrag: G, nodeDragThreshold: ee } = H.getState();
     k && (!G || !I || ee > 0) && Fn({
       id: e,
       store: H,
-      nodeRef: E
-    }), t && t(B, { ...S.userNode });
+      nodeRef: S
+    }), t && t(B, { ...E.userNode });
   }, q = (B) => {
     if (!(Vn(B.nativeEvent) || p))
       if (Kr.includes(B.key) && k) {
@@ -4947,10 +4948,10 @@ function nh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
           id: e,
           store: H,
           unselect: G,
-          nodeRef: E
+          nodeRef: S
         });
       } else I && m.selected && Object.prototype.hasOwnProperty.call(qt, B.key) && (B.preventDefault(), H.setState({
-        ariaLiveMessage: `Moved selected node ${B.key.replace("Arrow", "").toLowerCase()}. New position, x: ${~~S.positionAbsolute.x}, y: ${~~S.positionAbsolute.y}`
+        ariaLiveMessage: `Moved selected node ${B.key.replace("Arrow", "").toLowerCase()}. New position, x: ${~~E.positionAbsolute.x}, y: ${~~E.positionAbsolute.y}`
       }), M({
         direction: qt[B.key],
         factor: B.shiftKey ? 4 : 1
@@ -4971,16 +4972,16 @@ function nh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
       draggable: I,
       dragging: v
     }
-  ]), ref: E, style: {
-    zIndex: S.z,
-    transform: `translate(${S.positionAbsolute.x}px,${S.positionAbsolute.y}px)`,
+  ]), ref: S, style: {
+    zIndex: E.z,
+    transform: `translate(${E.positionAbsolute.x}px,${E.positionAbsolute.y}px)`,
     pointerEvents: T ? "all" : "none",
     visibility: g ? "visible" : "hidden",
     ...m.style,
     ...C
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: O, onMouseMove: L, onMouseLeave: Z, onContextMenu: X, onClick: Y, onDoubleClick: F, onKeyDown: D ? q : void 0, tabIndex: D ? 0 : void 0, role: D ? "button" : void 0, "aria-describedby": p ? void 0 : `${Mi}-${y}`, "aria-label": m.ariaLabel, children: P(Of, { value: e, children: P(z, { id: e, data: m.data, type: N, positionAbsoluteX: S.positionAbsolute.x, positionAbsoluteY: S.positionAbsolute.y, selected: m.selected ?? !1, selectable: k, draggable: I, deletable: m.deletable ?? !0, isConnectable: V, sourcePosition: m.sourcePosition, targetPosition: m.targetPosition, dragging: v, dragHandle: m.dragHandle, zIndex: S.z, parentId: m.parentId, ...$ }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: O, onMouseMove: L, onMouseLeave: Z, onContextMenu: X, onClick: Y, onDoubleClick: F, onKeyDown: D ? q : void 0, tabIndex: D ? 0 : void 0, role: D ? "button" : void 0, "aria-describedby": p ? void 0 : `${Mi}-${y}`, "aria-label": m.ariaLabel, children: P(Bf, { value: e, children: P(z, { id: e, data: m.data, type: N, positionAbsoluteX: E.positionAbsolute.x, positionAbsoluteY: E.positionAbsolute.y, selected: m.selected ?? !1, selectable: k, draggable: I, deletable: m.deletable ?? !0, isConnectable: V, sourcePosition: m.sourcePosition, targetPosition: m.targetPosition, dragging: v, dragHandle: m.dragHandle, zIndex: E.z, parentId: m.parentId, ...$ }) }) });
 }
-const oh = (e) => ({
+const rh = (e) => ({
   nodesDraggable: e.nodesDraggable,
   nodesConnectable: e.nodesConnectable,
   nodesFocusable: e.nodesFocusable,
@@ -4988,7 +4989,7 @@ const oh = (e) => ({
   onError: e.onError
 });
 function Oi(e) {
-  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = K(oh, ne), s = Jf(e.onlyRenderVisibleElements), a = eh();
+  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = K(rh, ne), s = jf(e.onlyRenderVisibleElements), a = th();
   return P("div", { className: "react-flow__nodes", style: an, children: s.map((c) => (
     // The split of responsibilities between NodeRenderer and
     // NodeComponentWrapper may appear weird. However, it’s designed to
@@ -5013,12 +5014,12 @@ function Oi(e) {
     //   moved into `NodeComponentWrapper`. This ensures they are
     //   memorized – so if `NodeRenderer` *has* to rerender, it only
     //   needs to regenerate the list of nodes, nothing else.
-    P(nh, { id: c, nodeTypes: e.nodeTypes, nodeExtent: e.nodeExtent, onClick: e.onNodeClick, onMouseEnter: e.onNodeMouseEnter, onMouseMove: e.onNodeMouseMove, onMouseLeave: e.onNodeMouseLeave, onContextMenu: e.onNodeContextMenu, onDoubleClick: e.onNodeDoubleClick, noDragClassName: e.noDragClassName, noPanClassName: e.noPanClassName, rfId: e.rfId, disableKeyboardA11y: e.disableKeyboardA11y, resizeObserver: a, nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, nodeClickDistance: e.nodeClickDistance, onError: i }, c)
+    P(oh, { id: c, nodeTypes: e.nodeTypes, nodeExtent: e.nodeExtent, onClick: e.onNodeClick, onMouseEnter: e.onNodeMouseEnter, onMouseMove: e.onNodeMouseMove, onMouseLeave: e.onNodeMouseLeave, onContextMenu: e.onNodeContextMenu, onDoubleClick: e.onNodeDoubleClick, noDragClassName: e.noDragClassName, noPanClassName: e.noPanClassName, rfId: e.rfId, disableKeyboardA11y: e.disableKeyboardA11y, resizeObserver: a, nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, nodeClickDistance: e.nodeClickDistance, onError: i }, c)
   )) });
 }
 Oi.displayName = "NodeRenderer";
-const rh = ie(Oi);
-function ih(e) {
+const ih = ie(Oi);
+function sh(e) {
   return K(fe((n) => {
     if (!e)
       return n.edges.map((r) => r.id);
@@ -5037,23 +5038,23 @@ function ih(e) {
     return o;
   }, [e]), ne);
 }
-const sh = ({ color: e = "none", strokeWidth: t = 1 }) => P("polyline", { style: {
+const ah = ({ color: e = "none", strokeWidth: t = 1 }) => P("polyline", { style: {
   stroke: e,
   strokeWidth: t
-}, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", points: "-5,-4 0,0 -5,4" }), ah = ({ color: e = "none", strokeWidth: t = 1 }) => P("polyline", { style: {
+}, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", points: "-5,-4 0,0 -5,4" }), ch = ({ color: e = "none", strokeWidth: t = 1 }) => P("polyline", { style: {
   stroke: e,
   fill: e,
   strokeWidth: t
 }, strokeLinecap: "round", strokeLinejoin: "round", points: "-5,-4 0,0 -5,4 -5,-4" }), ur = {
-  [Xt.Arrow]: sh,
-  [Xt.ArrowClosed]: ah
+  [Xt.Arrow]: ah,
+  [Xt.ArrowClosed]: ch
 };
-function ch(e) {
+function uh(e) {
   const t = te();
   return me(() => Object.prototype.hasOwnProperty.call(ur, e) ? ur[e] : (t.getState().onError?.("009", Ne.error009(e)), null), [e]);
 }
-const uh = ({ 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 = ch(t);
+const lh = ({ 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 = uh(t);
   return c ? P("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: P(c, { color: n, strokeWidth: s }) }) : null;
 }, Bi = ({ defaultColor: e, rfId: t }) => {
   const n = K((i) => i.edges), o = K((i) => i.defaultEdgeOptions), r = me(() => Jl(n, {
@@ -5062,10 +5063,10 @@ const uh = ({ id: e, type: t, color: n, width: o = 12.5, height: r = 12.5, marke
     defaultMarkerStart: o?.markerStart,
     defaultMarkerEnd: o?.markerEnd
   }), [n, o, t, e]);
-  return r.length ? P("svg", { className: "react-flow__marker", children: P("defs", { children: r.map((i) => P(uh, { id: i.id, type: i.type, color: i.color, width: i.width, height: i.height, markerUnits: i.markerUnits, strokeWidth: i.strokeWidth, orient: i.orient }, i.id)) }) }) : null;
+  return r.length ? P("svg", { className: "react-flow__marker", children: P("defs", { children: r.map((i) => P(lh, { id: i.id, type: i.type, color: i.color, width: i.width, height: i.height, markerUnits: i.markerUnits, strokeWidth: i.strokeWidth, orient: i.orient }, i.id)) }) }) : null;
 };
 Bi.displayName = "MarkerDefinitions";
-var lh = ie(Bi);
+var dh = ie(Bi);
 function Li({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: r = !0, labelBgStyle: i = {}, labelBgPadding: s = [2, 4], labelBgBorderRadius: a = 2, children: c, className: u, ...f }) {
   const [l, d] = de({ x: 1, y: 0, width: 0, height: 0 }), h = re(["react-flow__edge-textwrapper", u]), p = J(null);
   return j(() => {
@@ -5081,9 +5082,9 @@ function Li({ x: e, y: t, label: n, labelStyle: o = {}, labelShowBg: r = !0, lab
   }, [n]), typeof n > "u" || !n ? null : se("g", { transform: `translate(${e - l.width / 2} ${t - l.height / 2})`, className: h, visibility: l.width ? "visible" : "hidden", ...f, children: [r && P("rect", { width: l.width + 2 * s[0], x: -s[0], y: -s[1], height: l.height + 2 * s[1], className: "react-flow__edge-textbg", style: i, rx: a, ry: a }), P("text", { className: "react-flow__edge-text", y: l.height / 2, dy: "0.3em", ref: p, style: o, children: n }), c] });
 }
 Li.displayName = "EdgeText";
-const dh = ie(Li);
+const fh = ie(Li);
 function cn({ path: e, labelX: t, labelY: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c, interactionWidth: u = 20, ...f }) {
-  return se(Ee, { children: [P("path", { ...f, d: e, fill: "none", className: re(["react-flow__edge-path", f.className]) }), u && P("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: u, className: "react-flow__edge-interaction" }), o && pe(t) && pe(n) ? P(dh, { x: t, y: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c }) : null] });
+  return se(Se, { children: [P("path", { ...f, d: e, fill: "none", className: re(["react-flow__edge-path", f.className]) }), u && P("path", { d: e, fill: "none", strokeOpacity: 0, strokeWidth: u, className: "react-flow__edge-interaction" }), o && pe(t) && pe(n) ? P(fh, { x: t, y: n, label: o, labelStyle: r, labelShowBg: i, labelBgStyle: s, labelBgPadding: a, labelBgBorderRadius: c }) : null] });
 }
 function lr({ pos: e, x1: t, y1: n, x2: o, y2: r }) {
   return e === R.Left || e === R.Right ? [0.5 * (t + o), n] : [t, 0.5 * (n + r)];
@@ -5128,16 +5129,16 @@ function Fi(e) {
       targetX: r,
       targetY: i,
       targetPosition: a
-    }), S = e.isInternal ? void 0 : t;
-    return P(cn, { id: S, path: b, labelX: w, labelY: m, label: c, labelStyle: u, labelShowBg: f, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: x });
+    }), E = e.isInternal ? void 0 : t;
+    return P(cn, { id: E, path: b, labelX: w, labelY: m, label: c, labelStyle: u, labelShowBg: f, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: x });
   });
 }
-const fh = Fi({ isInternal: !1 }), Xi = Fi({ isInternal: !0 });
-fh.displayName = "SimpleBezierEdge";
+const hh = Fi({ isInternal: !1 }), Xi = Fi({ isInternal: !0 });
+hh.displayName = "SimpleBezierEdge";
 Xi.displayName = "SimpleBezierEdgeInternal";
 function Yi(e) {
   return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: l, style: d, sourcePosition: h = R.Bottom, targetPosition: p = R.Top, markerEnd: y, markerStart: _, pathOptions: x, interactionWidth: b }) => {
-    const [w, m, S] = On({
+    const [w, m, E] = On({
       sourceX: n,
       sourceY: o,
       sourcePosition: h,
@@ -5147,7 +5148,7 @@ function Yi(e) {
       borderRadius: x?.borderRadius,
       offset: x?.offset
     }), A = e.isInternal ? void 0 : t;
-    return P(cn, { id: A, path: w, labelX: m, labelY: S, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: l, style: d, markerEnd: y, markerStart: _, interactionWidth: b });
+    return P(cn, { id: A, path: w, labelX: m, labelY: E, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: l, style: d, markerEnd: y, markerStart: _, interactionWidth: b });
   });
 }
 const Zi = Yi({ isInternal: !1 }), Wi = Yi({ isInternal: !0 });
@@ -5159,8 +5160,8 @@ function qi(e) {
     return P(Zi, { ...n, id: o, pathOptions: me(() => ({ borderRadius: 0, offset: n.pathOptions?.offset }), [n.pathOptions?.offset]) });
   });
 }
-const hh = qi({ isInternal: !1 }), Gi = qi({ isInternal: !0 });
-hh.displayName = "StepEdge";
+const gh = qi({ isInternal: !1 }), Gi = qi({ isInternal: !0 });
+gh.displayName = "StepEdge";
 Gi.displayName = "StepEdgeInternal";
 function Ki(e) {
   return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: l, style: d, markerEnd: h, markerStart: p, interactionWidth: y }) => {
@@ -5168,12 +5169,12 @@ function Ki(e) {
     return P(cn, { id: w, path: _, labelX: x, labelY: b, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: l, style: d, markerEnd: h, markerStart: p, interactionWidth: y });
   });
 }
-const gh = Ki({ isInternal: !1 }), Ui = Ki({ isInternal: !0 });
-gh.displayName = "StraightEdge";
+const ph = Ki({ isInternal: !1 }), Ui = Ki({ isInternal: !0 });
+ph.displayName = "StraightEdge";
 Ui.displayName = "StraightEdgeInternal";
 function Qi(e) {
   return ie(({ id: t, sourceX: n, sourceY: o, targetX: r, targetY: i, sourcePosition: s = R.Bottom, targetPosition: a = R.Top, label: c, labelStyle: u, labelShowBg: f, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, pathOptions: x, interactionWidth: b }) => {
-    const [w, m, S] = li({
+    const [w, m, E] = li({
       sourceX: n,
       sourceY: o,
       sourcePosition: s,
@@ -5182,11 +5183,11 @@ function Qi(e) {
       targetPosition: a,
       curvature: x?.curvature
     }), A = e.isInternal ? void 0 : t;
-    return P(cn, { id: A, path: w, labelX: m, labelY: S, label: c, labelStyle: u, labelShowBg: f, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: b });
+    return P(cn, { id: A, path: w, labelX: m, labelY: E, label: c, labelStyle: u, labelShowBg: f, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: h, style: p, markerEnd: y, markerStart: _, interactionWidth: b });
   });
 }
-const ph = Qi({ isInternal: !1 }), Ji = Qi({ isInternal: !0 });
-ph.displayName = "BezierEdge";
+const mh = Qi({ isInternal: !1 }), Ji = Qi({ isInternal: !0 });
+mh.displayName = "BezierEdge";
 Ji.displayName = "BezierEdgeInternal";
 const dr = {
   default: Ji,
@@ -5201,29 +5202,29 @@ const dr = {
   targetY: null,
   sourcePosition: null,
   targetPosition: null
-}, mh = (e, t, n) => n === R.Left ? e - t : n === R.Right ? e + t : e, yh = (e, t, n) => n === R.Top ? e - t : n === R.Bottom ? e + t : e, hr = "react-flow__edgeupdater";
+}, yh = (e, t, n) => n === R.Left ? e - t : n === R.Right ? e + t : e, wh = (e, t, n) => n === R.Top ? e - t : n === R.Bottom ? e + t : e, hr = "react-flow__edgeupdater";
 function gr({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown: r, onMouseEnter: i, onMouseOut: s, type: a }) {
-  return P("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: s, className: re([hr, `${hr}-${a}`]), cx: mh(t, o, e), cy: yh(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
+  return P("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: s, className: re([hr, `${hr}-${a}`]), cx: yh(t, o, e), cy: wh(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
 }
-function wh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: s, sourcePosition: a, targetPosition: c, onReconnect: u, onReconnectStart: f, onReconnectEnd: l, setReconnecting: d, setUpdateHover: h }) {
-  const p = te(), y = (m, S) => {
+function xh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: s, sourcePosition: a, targetPosition: c, onReconnect: u, onReconnectStart: f, onReconnectEnd: l, setReconnecting: d, setUpdateHover: h }) {
+  const p = te(), y = (m, E) => {
     if (m.button !== 0)
       return;
-    const { autoPanOnConnect: A, domNode: N, isValidConnection: z, connectionMode: I, connectionRadius: k, lib: V, onConnectStart: D, onConnectEnd: H, cancelConnection: g, nodeLookup: E, rfId: v, panBy: M, updateConnection: $ } = p.getState(), C = S.type === "target";
-    d(!0), f?.(m, n, S.type);
+    const { autoPanOnConnect: A, domNode: N, isValidConnection: z, connectionMode: I, connectionRadius: k, lib: V, onConnectStart: D, onConnectEnd: H, cancelConnection: g, nodeLookup: S, rfId: v, panBy: M, updateConnection: $ } = p.getState(), C = E.type === "target";
+    d(!0), f?.(m, n, E.type);
     const T = (L, Z) => {
-      d(!1), l?.(L, n, S.type, Z);
+      d(!1), l?.(L, n, E.type, Z);
     }, O = (L) => u?.(n, L);
     Rn.onPointerDown(m.nativeEvent, {
       autoPanOnConnect: A,
       connectionMode: I,
       connectionRadius: k,
       domNode: N,
-      handleId: S.id,
-      nodeId: S.nodeId,
-      nodeLookup: E,
+      handleId: E.id,
+      nodeId: E.nodeId,
+      nodeLookup: S,
       isTarget: C,
-      edgeUpdaterType: S.type,
+      edgeUpdaterType: E.type,
       lib: V,
       flowId: v,
       cancelConnection: g,
@@ -5238,15 +5239,15 @@ function wh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourc
       getFromHandle: () => p.getState().connection.fromHandle
     });
   }, _ = (m) => y(m, { nodeId: n.target, id: n.targetHandle ?? null, type: "target" }), x = (m) => y(m, { nodeId: n.source, id: n.sourceHandle ?? null, type: "source" }), b = () => h(!0), w = () => h(!1);
-  return se(Ee, { children: [(e === !0 || e === "source") && P(gr, { position: a, centerX: o, centerY: r, radius: t, onMouseDown: _, onMouseEnter: b, onMouseOut: w, type: "source" }), (e === !0 || e === "target") && P(gr, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: x, onMouseEnter: b, onMouseOut: w, type: "target" })] });
+  return se(Se, { children: [(e === !0 || e === "source") && P(gr, { position: a, centerX: o, centerY: r, radius: t, onMouseDown: _, onMouseEnter: b, onMouseOut: w, type: "source" }), (e === !0 || e === "target") && P(gr, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: x, onMouseEnter: b, onMouseOut: w, type: "target" })] });
 }
-function xh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: o, onClick: r, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: u, reconnectRadius: f, onReconnect: l, onReconnectStart: d, onReconnectEnd: h, rfId: p, edgeTypes: y, noPanClassName: _, onError: x, disableKeyboardA11y: b }) {
+function vh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: o, onClick: r, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: u, reconnectRadius: f, onReconnect: l, onReconnectStart: d, onReconnectEnd: h, rfId: p, edgeTypes: y, noPanClassName: _, onError: x, disableKeyboardA11y: b }) {
   let w = K((W) => W.edgeLookup.get(e));
   const m = K((W) => W.defaultEdgeOptions);
   w = m ? { ...m, ...w } : w;
-  let S = w.type || "default", A = y?.[S] || dr[S];
-  A === void 0 && (x?.("011", Ne.error011(S)), S = "default", A = dr.default);
-  const N = !!(w.focusable || t && typeof w.focusable > "u"), z = typeof l < "u" && (w.reconnectable || n && typeof w.reconnectable > "u"), I = !!(w.selectable || o && typeof w.selectable > "u"), k = J(null), [V, D] = de(!1), [H, g] = de(!1), E = te(), { zIndex: v, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L } = K(fe((W) => {
+  let E = w.type || "default", A = y?.[E] || dr[E];
+  A === void 0 && (x?.("011", Ne.error011(E)), E = "default", A = dr.default);
+  const N = !!(w.focusable || t && typeof w.focusable > "u"), z = typeof l < "u" && (w.reconnectable || n && typeof w.reconnectable > "u"), I = !!(w.selectable || o && typeof w.selectable > "u"), k = J(null), [V, D] = de(!1), [H, g] = de(!1), S = te(), { zIndex: v, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L } = K(fe((W) => {
     const U = W.nodeLookup.get(w.source), oe = W.nodeLookup.get(w.target);
     if (!U || !oe)
       return {
@@ -5276,8 +5277,8 @@ function xh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
   if (w.hidden || M === null || $ === null || C === null || T === null)
     return null;
   const F = (W) => {
-    const { addSelectedEdges: U, unselectNodesAndEdges: oe, multiSelectionActive: ae } = E.getState();
-    I && (E.setState({ nodesSelectionActive: !1 }), w.selected && ae ? (oe({ nodes: [], edges: [w] }), k.current?.blur()) : U([e])), r && r(W, w);
+    const { addSelectedEdges: U, unselectNodesAndEdges: oe, multiSelectionActive: ae } = S.getState();
+    I && (S.setState({ nodesSelectionActive: !1 }), w.selected && ae ? (oe({ nodes: [], edges: [w] }), k.current?.blur()) : U([e])), r && r(W, w);
   }, Y = i ? (W) => {
     i(W, { ...w });
   } : void 0, q = s ? (W) => {
@@ -5290,13 +5291,13 @@ function xh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
     u(W, { ...w });
   } : void 0, Q = (W) => {
     if (!b && Kr.includes(W.key) && I) {
-      const { unselectNodesAndEdges: U, addSelectedEdges: oe } = E.getState();
+      const { unselectNodesAndEdges: U, addSelectedEdges: oe } = S.getState();
       W.key === "Escape" ? (k.current?.blur(), U({ edges: [w] })) : oe([e]);
     }
   };
   return P("svg", { style: { zIndex: v }, children: se("g", { className: re([
     "react-flow__edge",
-    `react-flow__edge-${S}`,
+    `react-flow__edge-${E}`,
     w.className,
     _,
     {
@@ -5306,9 +5307,9 @@ function xh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       updating: V,
       selectable: I
     }
-  ]), onClick: F, onDoubleClick: Y, onContextMenu: q, onMouseEnter: B, onMouseMove: G, onMouseLeave: ee, onKeyDown: N ? Q : void 0, tabIndex: N ? 0 : void 0, role: N ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": w.ariaLabel === null ? void 0 : w.ariaLabel || `Edge from ${w.source} to ${w.target}`, "aria-describedby": N ? `${ki}-${p}` : void 0, ref: k, children: [!H && P(A, { id: e, source: w.source, target: w.target, type: w.type, selected: w.selected, animated: w.animated, selectable: I, deletable: w.deletable ?? !0, label: w.label, labelStyle: w.labelStyle, labelShowBg: w.labelShowBg, labelBgStyle: w.labelBgStyle, labelBgPadding: w.labelBgPadding, labelBgBorderRadius: w.labelBgBorderRadius, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L, data: w.data, style: w.style, sourceHandleId: w.sourceHandle, targetHandleId: w.targetHandle, markerStart: Z, markerEnd: X, pathOptions: "pathOptions" in w ? w.pathOptions : void 0, interactionWidth: w.interactionWidth }), z && P(wh, { edge: w, isReconnectable: z, reconnectRadius: f, onReconnect: l, onReconnectStart: d, onReconnectEnd: h, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L, setUpdateHover: D, setReconnecting: g })] }) });
+  ]), onClick: F, onDoubleClick: Y, onContextMenu: q, onMouseEnter: B, onMouseMove: G, onMouseLeave: ee, onKeyDown: N ? Q : void 0, tabIndex: N ? 0 : void 0, role: N ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": w.ariaLabel === null ? void 0 : w.ariaLabel || `Edge from ${w.source} to ${w.target}`, "aria-describedby": N ? `${ki}-${p}` : void 0, ref: k, children: [!H && P(A, { id: e, source: w.source, target: w.target, type: w.type, selected: w.selected, animated: w.animated, selectable: I, deletable: w.deletable ?? !0, label: w.label, labelStyle: w.labelStyle, labelShowBg: w.labelShowBg, labelBgStyle: w.labelBgStyle, labelBgPadding: w.labelBgPadding, labelBgBorderRadius: w.labelBgBorderRadius, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L, data: w.data, style: w.style, sourceHandleId: w.sourceHandle, targetHandleId: w.targetHandle, markerStart: Z, markerEnd: X, pathOptions: "pathOptions" in w ? w.pathOptions : void 0, interactionWidth: w.interactionWidth }), z && P(xh, { edge: w, isReconnectable: z, reconnectRadius: f, onReconnect: l, onReconnectStart: d, onReconnectEnd: h, sourceX: M, sourceY: $, targetX: C, targetY: T, sourcePosition: O, targetPosition: L, setUpdateHover: D, setReconnecting: g })] }) });
 }
-const vh = (e) => ({
+const _h = (e) => ({
   edgesFocusable: e.edgesFocusable,
   edgesReconnectable: e.edgesReconnectable,
   elementsSelectable: e.elementsSelectable,
@@ -5316,51 +5317,51 @@ const vh = (e) => ({
   onError: e.onError
 });
 function ji({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: o, noPanClassName: r, onReconnect: i, onEdgeContextMenu: s, onEdgeMouseEnter: a, onEdgeMouseMove: c, onEdgeMouseLeave: u, onEdgeClick: f, reconnectRadius: l, onEdgeDoubleClick: d, onReconnectStart: h, onReconnectEnd: p, disableKeyboardA11y: y }) {
-  const { edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, onError: w } = K(vh, ne), m = ih(t);
-  return se("div", { className: "react-flow__edges", children: [P(lh, { defaultColor: e, rfId: n }), m.map((S) => P(xh, { id: S, edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, noPanClassName: r, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: u, onClick: f, reconnectRadius: l, onDoubleClick: d, onReconnectStart: h, onReconnectEnd: p, rfId: n, onError: w, edgeTypes: o, disableKeyboardA11y: y }, S))] });
+  const { edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, onError: w } = K(_h, ne), m = sh(t);
+  return se("div", { className: "react-flow__edges", children: [P(dh, { defaultColor: e, rfId: n }), m.map((E) => P(vh, { id: E, edgesFocusable: _, edgesReconnectable: x, elementsSelectable: b, noPanClassName: r, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: u, onClick: f, reconnectRadius: l, onDoubleClick: d, onReconnectStart: h, onReconnectEnd: p, rfId: n, onError: w, edgeTypes: o, disableKeyboardA11y: y }, E))] });
 }
 ji.displayName = "EdgeRenderer";
-const _h = ie(ji), bh = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
+const bh = ie(ji), Eh = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
 function Sh({ children: e }) {
-  const t = K(bh);
+  const t = K(Eh);
   return P("div", { className: "react-flow__viewport xyflow__viewport react-flow__container", style: { transform: t }, children: e });
 }
-function Eh(e) {
+function Nh(e) {
   const t = so(), n = J(!1);
   j(() => {
     !n.current && t.viewportInitialized && e && (setTimeout(() => e(t), 1), n.current = !0);
   }, [e, t.viewportInitialized]);
 }
-const Nh = (e) => e.panZoom?.syncViewport;
-function Ch(e) {
-  const t = K(Nh), n = te();
+const Ch = (e) => e.panZoom?.syncViewport;
+function Mh(e) {
+  const t = K(Ch), n = te();
   return j(() => {
     e && (t?.(e), n.setState({ transform: [e.x, e.y, e.zoom] }));
   }, [e, t]), null;
 }
-function Mh(e) {
-  return e.connection.inProgress ? { ...e.connection, to: bt(e.connection.to, e.transform) } : { ...e.connection };
-}
 function kh(e) {
-  return Mh;
+  return e.connection.inProgress ? { ...e.connection, to: bt(e.connection.to, e.transform) } : { ...e.connection };
 }
 function $h(e) {
-  const t = kh();
+  return kh;
+}
+function Ih(e) {
+  const t = $h();
   return K(t, ne);
 }
-const Ih = (e) => ({
+const Ah = (e) => ({
   nodesConnectable: e.nodesConnectable,
   isValid: e.connection.isValid,
   inProgress: e.connection.inProgress,
   width: e.width,
   height: e.height
 });
-function Ah({ containerStyle: e, style: t, type: n, component: o }) {
-  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = K(Ih, ne);
+function Ph({ containerStyle: e, style: t, type: n, component: o }) {
+  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = K(Ah, ne);
   return !(i && r && c) ? null : P("svg", { style: e, width: i, height: s, className: "react-flow__connectionline react-flow__container", children: P("g", { className: re(["react-flow__connection", Qr(a)]), children: P(es, { style: t, type: n, CustomComponent: o, isValid: a }) }) });
 }
 const es = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) => {
-  const { inProgress: r, from: i, fromNode: s, fromHandle: a, fromPosition: c, to: u, toNode: f, toHandle: l, toPosition: d } = $h();
+  const { inProgress: r, from: i, fromNode: s, fromHandle: a, fromPosition: c, to: u, toNode: f, toHandle: l, toPosition: d } = Ih();
   if (!r)
     return;
   if (n)
@@ -5396,20 +5397,20 @@ const es = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) =
   return P("path", { d: h, fill: "none", className: "react-flow__connection-path", style: e });
 };
 es.displayName = "ConnectionLine";
-const Ph = {};
-function pr(e = Ph) {
+const zh = {};
+function pr(e = zh) {
   J(e), te(), j(() => {
   }, [e]);
 }
-function zh() {
+function Th() {
   te(), J(!1), j(() => {
   }, []);
 }
-function ts({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: u, onNodeContextMenu: f, onSelectionContextMenu: l, onSelectionStart: d, onSelectionEnd: h, connectionLineType: p, connectionLineStyle: y, connectionLineComponent: _, connectionLineContainerStyle: x, selectionKeyCode: b, selectionOnDrag: w, selectionMode: m, multiSelectionKeyCode: S, panActivationKeyCode: A, zoomActivationKeyCode: N, deleteKeyCode: z, onlyRenderVisibleElements: I, elementsSelectable: k, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, preventScrolling: E, defaultMarkerColor: v, zoomOnScroll: M, zoomOnPinch: $, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, zoomOnDoubleClick: L, panOnDrag: Z, onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Y, onPaneMouseLeave: q, onPaneScroll: B, onPaneContextMenu: G, paneClickDistance: ee, nodeClickDistance: Q, onEdgeContextMenu: W, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: ln, onReconnectEnd: dn, noDragClassName: Qe, noWheelClassName: fn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: hn, rfId: et, viewport: tt, onViewportChange: St }) {
-  return pr(e), pr(t), zh(), Eh(n), Ch(tt), P(Uf, { onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Y, onPaneMouseLeave: q, onPaneContextMenu: G, onPaneScroll: B, paneClickDistance: ee, deleteKeyCode: z, selectionKeyCode: b, selectionOnDrag: w, selectionMode: m, onSelectionStart: d, onSelectionEnd: h, multiSelectionKeyCode: S, panActivationKeyCode: A, zoomActivationKeyCode: N, elementsSelectable: k, zoomOnScroll: M, zoomOnPinch: $, zoomOnDoubleClick: L, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, panOnDrag: Z, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, onSelectionContextMenu: l, preventScrolling: E, noDragClassName: Qe, noWheelClassName: fn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: St, isControlledViewport: !!tt, children: se(Sh, { children: [P(_h, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: ln, onReconnectEnd: dn, onlyRenderVisibleElements: I, onEdgeContextMenu: W, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), P(Ah, { style: y, type: p, component: _, containerStyle: x }), P("div", { className: "react-flow__edgelabel-renderer" }), P(rh, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: u, onNodeContextMenu: f, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: hn, rfId: et }), P("div", { className: "react-flow__viewport-portal" })] }) });
+function ts({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: u, onNodeContextMenu: f, onSelectionContextMenu: l, onSelectionStart: d, onSelectionEnd: h, connectionLineType: p, connectionLineStyle: y, connectionLineComponent: _, connectionLineContainerStyle: x, selectionKeyCode: b, selectionOnDrag: w, selectionMode: m, multiSelectionKeyCode: E, panActivationKeyCode: A, zoomActivationKeyCode: N, deleteKeyCode: z, onlyRenderVisibleElements: I, elementsSelectable: k, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, preventScrolling: S, defaultMarkerColor: v, zoomOnScroll: M, zoomOnPinch: $, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, zoomOnDoubleClick: L, panOnDrag: Z, onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Y, onPaneMouseLeave: q, onPaneScroll: B, onPaneContextMenu: G, paneClickDistance: ee, nodeClickDistance: Q, onEdgeContextMenu: W, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: ln, onReconnectEnd: dn, noDragClassName: Qe, noWheelClassName: fn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: hn, rfId: et, viewport: tt, onViewportChange: Et }) {
+  return pr(e), pr(t), Th(), Nh(n), Mh(tt), P(Qf, { onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Y, onPaneMouseLeave: q, onPaneContextMenu: G, onPaneScroll: B, paneClickDistance: ee, deleteKeyCode: z, selectionKeyCode: b, selectionOnDrag: w, selectionMode: m, onSelectionStart: d, onSelectionEnd: h, multiSelectionKeyCode: E, panActivationKeyCode: A, zoomActivationKeyCode: N, elementsSelectable: k, zoomOnScroll: M, zoomOnPinch: $, zoomOnDoubleClick: L, panOnScroll: C, panOnScrollSpeed: T, panOnScrollMode: O, panOnDrag: Z, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: g, onSelectionContextMenu: l, preventScrolling: S, noDragClassName: Qe, noWheelClassName: fn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: Et, isControlledViewport: !!tt, children: se(Sh, { children: [P(bh, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: ln, onReconnectEnd: dn, onlyRenderVisibleElements: I, onEdgeContextMenu: W, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), P(Ph, { style: y, type: p, component: _, containerStyle: x }), P("div", { className: "react-flow__edgelabel-renderer" }), P(ih, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: u, onNodeContextMenu: f, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: hn, rfId: et }), P("div", { className: "react-flow__viewport-portal" })] }) });
 }
 ts.displayName = "GraphView";
-const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c } = {}) => {
+const Dh = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c } = {}) => {
   const u = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), h = o ?? t ?? [], p = n ?? e ?? [], y = a ?? [0, 0], _ = c ?? ht;
   gi(l, d, h), Ln(p, u, f, {
     nodeOrigin: y,
@@ -5420,8 +5421,8 @@ const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
   if (s && r && i) {
     const b = Ue(u, {
       filter: (A) => !!((A.width || A.initialWidth) && (A.height || A.initialHeight))
-    }), { x: w, y: m, zoom: S } = Jn(b, r, i, 0.5, 2, 0.1);
-    x = [w, m, S];
+    }), { x: w, y: m, zoom: E } = Jn(b, r, i, 0.5, 2, 0.1);
+    x = [w, m, E];
   }
   return {
     rfId: "1",
@@ -5481,7 +5482,7 @@ const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
     lib: "react",
     debug: !1
   };
-}, Dh = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c }) => jd((u, f) => ({
+}, Hh = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c }) => ef((u, f) => ({
   ...mr({ nodes: e, edges: t, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c, defaultNodes: n, defaultEdges: o }),
   setNodes: (l) => {
     const { nodeLookup: d, parentLookup: h, nodeOrigin: p, elevateNodesOnSelect: y } = f();
@@ -5510,9 +5511,9 @@ const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
   // changes its dimensions, this function is called to measure the
   // new dimensions and update the nodes.
   updateNodeInternals: (l, d = { triggerFitView: !0 }) => {
-    const { triggerNodeChanges: h, nodeLookup: p, parentLookup: y, fitViewOnInit: _, fitViewDone: x, fitViewOnInitOptions: b, domNode: w, nodeOrigin: m, nodeExtent: S, debug: A, fitViewSync: N } = f(), { changes: z, updatedInternals: I } = rd(l, p, y, w, m, S);
+    const { triggerNodeChanges: h, nodeLookup: p, parentLookup: y, fitViewOnInit: _, fitViewDone: x, fitViewOnInitOptions: b, domNode: w, nodeOrigin: m, nodeExtent: E, debug: A, fitViewSync: N } = f(), { changes: z, updatedInternals: I } = rd(l, p, y, w, m, E);
     if (I) {
-      if (td(p, y, { nodeOrigin: m, nodeExtent: S }), d.triggerFitView) {
+      if (td(p, y, { nodeOrigin: m, nodeExtent: E }), d.triggerFitView) {
         let k = x;
         !x && _ && (k = N({
           ...b,
@@ -5593,8 +5594,8 @@ const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
     const { edges: h, nodes: p, nodeLookup: y, triggerNodeChanges: _, triggerEdgeChanges: x } = f(), b = l || p, w = d || h, m = b.map((A) => {
       const N = y.get(A.id);
       return N && (N.selected = !1), ze(A.id, !1);
-    }), S = w.map((A) => ze(A.id, !1));
-    _(m), x(S);
+    }), E = w.map((A) => ze(A.id, !1));
+    _(m), x(E);
   },
   setMinZoom: (l) => {
     const { panZoom: d, maxZoom: h } = f();
@@ -5667,8 +5668,8 @@ const Th = ie(ts), mr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o,
   },
   reset: () => u({ ...mr() })
 }), Object.is);
-function Hh({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: o, initialWidth: r, initialHeight: i, fitView: s, nodeOrigin: a, nodeExtent: c, children: u }) {
-  const [f] = de(() => Dh({
+function Vh({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: o, initialWidth: r, initialHeight: i, fitView: s, nodeOrigin: a, nodeExtent: c, children: u }) {
+  const [f] = de(() => Hh({
     nodes: e,
     edges: t,
     defaultNodes: n,
@@ -5679,37 +5680,37 @@ function Hh({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: o
     nodeOrigin: a,
     nodeExtent: c
   }));
-  return P(ef, { value: f, children: P(Ef, { children: u }) });
+  return P(tf, { value: f, children: P(Nf, { children: u }) });
 }
-function Vh({ children: e, nodes: t, edges: n, defaultNodes: o, defaultEdges: r, width: i, height: s, fitView: a, nodeOrigin: c, nodeExtent: u }) {
-  return wt(sn) ? P(Ee, { children: e }) : P(Hh, { initialNodes: t, initialEdges: n, defaultNodes: o, defaultEdges: r, initialWidth: i, initialHeight: s, fitView: a, nodeOrigin: c, nodeExtent: u, children: e });
+function Oh({ children: e, nodes: t, edges: n, defaultNodes: o, defaultEdges: r, width: i, height: s, fitView: a, nodeOrigin: c, nodeExtent: u }) {
+  return wt(sn) ? P(Se, { children: e }) : P(Vh, { initialNodes: t, initialEdges: n, defaultNodes: o, defaultEdges: r, initialWidth: i, initialHeight: s, fitView: a, nodeOrigin: c, nodeExtent: u, children: e });
 }
-const Oh = {
+const Bh = {
   width: "100%",
   height: "100%",
   overflow: "hidden",
   position: "relative",
   zIndex: 0
 };
-function Bh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: u, onMove: f, onMoveStart: l, onMoveEnd: d, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, onNodeMouseEnter: b, onNodeMouseMove: w, onNodeMouseLeave: m, onNodeContextMenu: S, onNodeDoubleClick: A, onNodeDragStart: N, onNodeDrag: z, onNodeDragStop: I, onNodesDelete: k, onEdgesDelete: V, onDelete: D, onSelectionChange: H, onSelectionDragStart: g, onSelectionDrag: E, onSelectionDragStop: v, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onBeforeDelete: T, connectionMode: O, connectionLineType: L = Ie.Bezier, connectionLineStyle: Z, connectionLineComponent: X, connectionLineContainerStyle: F, deleteKeyCode: Y = "Backspace", selectionKeyCode: q = "Shift", selectionOnDrag: B = !1, selectionMode: G = gt.Full, panActivationKeyCode: ee = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: W = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: ln, nodesFocusable: dn, nodeOrigin: Qe = $i, edgesFocusable: fn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: hn = gf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: St = ht, preventScrolling: is = !0, nodeExtent: gn, defaultMarkerColor: ss = "#b1b1b7", zoomOnScroll: as = !0, zoomOnPinch: cs = !0, panOnScroll: us = !1, panOnScrollSpeed: ls = 0.5, panOnScrollMode: ds = He.Free, zoomOnDoubleClick: fs = !0, panOnDrag: hs = !0, onPaneClick: gs, onPaneMouseEnter: ps, onPaneMouseMove: ms, onPaneMouseLeave: ys, onPaneScroll: ws, onPaneContextMenu: xs, paneClickDistance: uo = 0, nodeClickDistance: vs = 0, children: _s, onReconnect: bs, onReconnectStart: Ss, onReconnectEnd: Es, onEdgeContextMenu: Ns, onEdgeDoubleClick: Cs, onEdgeMouseEnter: Ms, onEdgeMouseMove: ks, onEdgeMouseLeave: $s, reconnectRadius: Is = 10, onNodesChange: As, onEdgesChange: Ps, noDragClassName: zs = "nodrag", noWheelClassName: Ts = "nowheel", noPanClassName: lo = "nopan", fitView: fo, fitViewOptions: Ds, connectOnClick: Hs, attributionPosition: Vs, proOptions: Os, defaultEdgeOptions: Bs, elevateNodesOnSelect: Ls, elevateEdgesOnSelect: Rs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Fs, autoPanOnNodeDrag: Xs, autoPanSpeed: Ys, connectionRadius: Zs, isValidConnection: Ws, onError: qs, style: Gs, id: go, nodeDragThreshold: Ks, viewport: Us, onViewportChange: Qs, width: Js, height: js, colorMode: ea = "light", debug: ta, ...na }, oa) {
-  const pn = go || "1", ra = wf(ea);
-  return P("div", { "data-testid": "rf__wrapper", ...na, style: { ...Gs, ...Oh }, ref: oa, className: re(["react-flow", r, ra]), id: go, children: se(Vh, { nodes: e, edges: t, width: Js, height: js, fitView: fo, nodeOrigin: Qe, nodeExtent: gn, children: [P(Th, { onInit: u, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: b, onNodeMouseMove: w, onNodeMouseLeave: m, onNodeContextMenu: S, onNodeDoubleClick: A, nodeTypes: i, edgeTypes: s, connectionLineType: L, connectionLineStyle: Z, connectionLineComponent: X, connectionLineContainerStyle: F, selectionKeyCode: q, selectionOnDrag: B, selectionMode: G, deleteKeyCode: Y, multiSelectionKeyCode: Q, panActivationKeyCode: ee, zoomActivationKeyCode: W, onlyRenderVisibleElements: ae, defaultViewport: hn, translateExtent: St, minZoom: et, maxZoom: tt, preventScrolling: is, zoomOnScroll: as, zoomOnPinch: cs, zoomOnDoubleClick: fs, panOnScroll: us, panOnScrollSpeed: ls, panOnScrollMode: ds, panOnDrag: hs, onPaneClick: gs, onPaneMouseEnter: ps, onPaneMouseMove: ms, onPaneMouseLeave: ys, onPaneScroll: ws, onPaneContextMenu: xs, paneClickDistance: uo, nodeClickDistance: vs, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onReconnect: bs, onReconnectStart: Ss, onReconnectEnd: Es, onEdgeContextMenu: Ns, onEdgeDoubleClick: Cs, onEdgeMouseEnter: Ms, onEdgeMouseMove: ks, onEdgeMouseLeave: $s, reconnectRadius: Is, defaultMarkerColor: ss, noDragClassName: zs, noWheelClassName: Ts, noPanClassName: lo, rfId: pn, disableKeyboardA11y: ho, nodeExtent: gn, viewport: Us, onViewportChange: Qs }), P(yf, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: ln, nodesFocusable: dn, edgesFocusable: fn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Ls, elevateEdgesOnSelect: Rs, minZoom: et, maxZoom: tt, nodeExtent: gn, onNodesChange: As, onEdgesChange: Ps, snapToGrid: U, snapGrid: oe, connectionMode: O, translateExtent: St, connectOnClick: Hs, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Ds, onNodesDelete: k, onEdgesDelete: V, onDelete: D, onNodeDragStart: N, onNodeDrag: z, onNodeDragStop: I, onSelectionDrag: E, onSelectionDragStart: g, onSelectionDragStop: v, onMove: f, onMoveStart: l, onMoveEnd: d, noPanClassName: lo, nodeOrigin: Qe, rfId: pn, autoPanOnConnect: Fs, autoPanOnNodeDrag: Xs, autoPanSpeed: Ys, onError: qs, connectionRadius: Zs, isValidConnection: Ws, selectNodesOnDrag: Pe, nodeDragThreshold: Ks, onBeforeDelete: T, paneClickDistance: uo, debug: ta }), P(hf, { onSelectionChange: H }), _s, P(cf, { proOptions: Os, position: Vs }), P(sf, { rfId: pn, disableKeyboardA11y: ho })] }) });
-}
-var yg = zi(Bh);
-const Lh = (e) => e.domNode?.querySelector(".react-flow__edgelabel-renderer");
-function wg({ children: e }) {
-  const t = K(Lh);
+function Lh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: u, onMove: f, onMoveStart: l, onMoveEnd: d, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, onNodeMouseEnter: b, onNodeMouseMove: w, onNodeMouseLeave: m, onNodeContextMenu: E, onNodeDoubleClick: A, onNodeDragStart: N, onNodeDrag: z, onNodeDragStop: I, onNodesDelete: k, onEdgesDelete: V, onDelete: D, onSelectionChange: H, onSelectionDragStart: g, onSelectionDrag: S, onSelectionDragStop: v, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onBeforeDelete: T, connectionMode: O, connectionLineType: L = Ie.Bezier, connectionLineStyle: Z, connectionLineComponent: X, connectionLineContainerStyle: F, deleteKeyCode: Y = "Backspace", selectionKeyCode: q = "Shift", selectionOnDrag: B = !1, selectionMode: G = gt.Full, panActivationKeyCode: ee = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: W = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: ln, nodesFocusable: dn, nodeOrigin: Qe = $i, edgesFocusable: fn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: hn = pf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: Et = ht, preventScrolling: is = !0, nodeExtent: gn, defaultMarkerColor: ss = "#b1b1b7", zoomOnScroll: as = !0, zoomOnPinch: cs = !0, panOnScroll: us = !1, panOnScrollSpeed: ls = 0.5, panOnScrollMode: ds = He.Free, zoomOnDoubleClick: fs = !0, panOnDrag: hs = !0, onPaneClick: gs, onPaneMouseEnter: ps, onPaneMouseMove: ms, onPaneMouseLeave: ys, onPaneScroll: ws, onPaneContextMenu: xs, paneClickDistance: uo = 0, nodeClickDistance: vs = 0, children: _s, onReconnect: bs, onReconnectStart: Es, onReconnectEnd: Ss, onEdgeContextMenu: Ns, onEdgeDoubleClick: Cs, onEdgeMouseEnter: Ms, onEdgeMouseMove: ks, onEdgeMouseLeave: $s, reconnectRadius: Is = 10, onNodesChange: As, onEdgesChange: Ps, noDragClassName: zs = "nodrag", noWheelClassName: Ts = "nowheel", noPanClassName: lo = "nopan", fitView: fo, fitViewOptions: Ds, connectOnClick: Hs, attributionPosition: Vs, proOptions: Os, defaultEdgeOptions: Bs, elevateNodesOnSelect: Ls, elevateEdgesOnSelect: Rs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Fs, autoPanOnNodeDrag: Xs, autoPanSpeed: Ys, connectionRadius: Zs, isValidConnection: Ws, onError: qs, style: Gs, id: go, nodeDragThreshold: Ks, viewport: Us, onViewportChange: Qs, width: Js, height: js, colorMode: ea = "light", debug: ta, ...na }, oa) {
+  const pn = go || "1", ra = xf(ea);
+  return P("div", { "data-testid": "rf__wrapper", ...na, style: { ...Gs, ...Bh }, ref: oa, className: re(["react-flow", r, ra]), id: go, children: se(Oh, { nodes: e, edges: t, width: Js, height: js, fitView: fo, nodeOrigin: Qe, nodeExtent: gn, children: [P(Dh, { onInit: u, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: b, onNodeMouseMove: w, onNodeMouseLeave: m, onNodeContextMenu: E, onNodeDoubleClick: A, nodeTypes: i, edgeTypes: s, connectionLineType: L, connectionLineStyle: Z, connectionLineComponent: X, connectionLineContainerStyle: F, selectionKeyCode: q, selectionOnDrag: B, selectionMode: G, deleteKeyCode: Y, multiSelectionKeyCode: Q, panActivationKeyCode: ee, zoomActivationKeyCode: W, onlyRenderVisibleElements: ae, defaultViewport: hn, translateExtent: Et, minZoom: et, maxZoom: tt, preventScrolling: is, zoomOnScroll: as, zoomOnPinch: cs, zoomOnDoubleClick: fs, panOnScroll: us, panOnScrollSpeed: ls, panOnScrollMode: ds, panOnDrag: hs, onPaneClick: gs, onPaneMouseEnter: ps, onPaneMouseMove: ms, onPaneMouseLeave: ys, onPaneScroll: ws, onPaneContextMenu: xs, paneClickDistance: uo, nodeClickDistance: vs, onSelectionContextMenu: M, onSelectionStart: $, onSelectionEnd: C, onReconnect: bs, onReconnectStart: Es, onReconnectEnd: Ss, onEdgeContextMenu: Ns, onEdgeDoubleClick: Cs, onEdgeMouseEnter: Ms, onEdgeMouseMove: ks, onEdgeMouseLeave: $s, reconnectRadius: Is, defaultMarkerColor: ss, noDragClassName: zs, noWheelClassName: Ts, noPanClassName: lo, rfId: pn, disableKeyboardA11y: ho, nodeExtent: gn, viewport: Us, onViewportChange: Qs }), P(wf, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: p, onConnectEnd: y, onClickConnectStart: _, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: ln, nodesFocusable: dn, edgesFocusable: fn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Ls, elevateEdgesOnSelect: Rs, minZoom: et, maxZoom: tt, nodeExtent: gn, onNodesChange: As, onEdgesChange: Ps, snapToGrid: U, snapGrid: oe, connectionMode: O, translateExtent: Et, connectOnClick: Hs, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Ds, onNodesDelete: k, onEdgesDelete: V, onDelete: D, onNodeDragStart: N, onNodeDrag: z, onNodeDragStop: I, onSelectionDrag: S, onSelectionDragStart: g, onSelectionDragStop: v, onMove: f, onMoveStart: l, onMoveEnd: d, noPanClassName: lo, nodeOrigin: Qe, rfId: pn, autoPanOnConnect: Fs, autoPanOnNodeDrag: Xs, autoPanSpeed: Ys, onError: qs, connectionRadius: Zs, isValidConnection: Ws, selectNodesOnDrag: Pe, nodeDragThreshold: Ks, onBeforeDelete: T, paneClickDistance: uo, debug: ta }), P(gf, { onSelectionChange: H }), _s, P(uf, { proOptions: Os, position: Vs }), P(af, { rfId: pn, disableKeyboardA11y: ho })] }) });
+}
+var wg = zi(Lh);
+const Rh = (e) => e.domNode?.querySelector(".react-flow__edgelabel-renderer");
+function xg({ children: e }) {
+  const t = K(Rh);
   return t ? wr(e, t) : null;
 }
-function xg(e) {
+function vg(e) {
   const [t, n] = de(e), o = fe((r) => n((i) => Ai(r, i)), []);
   return [t, n, o];
 }
-function vg(e) {
+function _g(e) {
   const [t, n] = de(e), o = fe((r) => n((i) => Pi(r, i)), []);
   return [t, n, o];
 }
-function _g({ onStart: e, onChange: t, onEnd: n }) {
+function bg({ onStart: e, onChange: t, onEnd: n }) {
   const o = te();
   j(() => {
     o.setState({ onViewportChangeStart: e });
@@ -5719,24 +5720,24 @@ function _g({ onStart: e, onChange: t, onEnd: n }) {
     o.setState({ onViewportChangeEnd: n });
   }, [n]);
 }
-function bg(e) {
+function Eg(e) {
   return K(fe((n) => n.nodeLookup.get(e), [e]), ne);
 }
-function Rh({ dimensions: e, lineWidth: t, variant: n, className: o }) {
+function Fh({ dimensions: e, lineWidth: t, variant: n, className: o }) {
   return P("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]) });
 }
-function Fh({ radius: e, className: t }) {
+function Xh({ radius: e, className: t }) {
   return P("circle", { cx: e, cy: e, r: e, className: re(["react-flow__background-pattern", "dots", t]) });
 }
 var Ae;
 (function(e) {
   e.Lines = "lines", e.Dots = "dots", e.Cross = "cross";
 })(Ae || (Ae = {}));
-const Xh = {
+const Yh = {
   [Ae.Dots]: 1,
   [Ae.Lines]: 1,
   [Ae.Cross]: 6
-}, Yh = (e) => ({ transform: e.transform, patternId: `pattern-${e.rfId}` });
+}, Zh = (e) => ({ transform: e.transform, patternId: `pattern-${e.rfId}` });
 function ns({
   id: e,
   variant: t = Ae.Dots,
@@ -5752,44 +5753,44 @@ function ns({
   className: u,
   patternClassName: f
 }) {
-  const l = J(null), { transform: d, patternId: h } = K(Yh, ne), p = o || Xh[t], y = t === Ae.Dots, _ = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], b = [x[0] * d[2] || 1, x[1] * d[2] || 1], w = p * d[2], m = Array.isArray(i) ? i : [i, i], S = _ ? [w, w] : b, A = [
-    m[0] * d[2] || 1 + S[0] / 2,
-    m[1] * d[2] || 1 + S[1] / 2
+  const l = J(null), { transform: d, patternId: h } = K(Zh, ne), p = o || Yh[t], y = t === Ae.Dots, _ = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], b = [x[0] * d[2] || 1, x[1] * d[2] || 1], w = p * d[2], m = Array.isArray(i) ? i : [i, i], E = _ ? [w, w] : b, A = [
+    m[0] * d[2] || 1 + E[0] / 2,
+    m[1] * d[2] || 1 + E[1] / 2
   ], N = `${h}${e || ""}`;
   return se("svg", { className: re(["react-flow__background", u]), style: {
     ...c,
     ...an,
     "--xy-background-color-props": a,
     "--xy-background-pattern-color-props": s
-  }, ref: l, "data-testid": "rf__background", children: [P("pattern", { id: N, x: d[0] % b[0], y: d[1] % b[1], width: b[0], height: b[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${A[0]},-${A[1]})`, children: y ? P(Fh, { radius: w / 2, className: f }) : P(Rh, { dimensions: S, lineWidth: r, variant: t, className: f }) }), P("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${N})` })] });
+  }, ref: l, "data-testid": "rf__background", children: [P("pattern", { id: N, x: d[0] % b[0], y: d[1] % b[1], width: b[0], height: b[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${A[0]},-${A[1]})`, children: y ? P(Xh, { radius: w / 2, className: f }) : P(Fh, { dimensions: E, lineWidth: r, variant: t, className: f }) }), P("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${N})` })] });
 }
 ns.displayName = "Background";
 const Sg = ie(ns);
-function Zh() {
+function Wh() {
   return P("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", children: P("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }) });
 }
-function Wh() {
+function qh() {
   return P("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 5", children: P("path", { d: "M0 0h32v4.2H0z" }) });
 }
-function qh() {
+function Gh() {
   return P("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 30", children: P("path", { d: "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" }) });
 }
-function Gh() {
+function Kh() {
   return P("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 32", children: P("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" }) });
 }
-function Kh() {
+function Uh() {
   return P("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 32", children: P("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z" }) });
 }
 function Pt({ children: e, className: t, ...n }) {
   return P("button", { type: "button", className: re(["react-flow__controls-button", t]), ...n, children: e });
 }
-const Uh = (e) => ({
+const Qh = (e) => ({
   isInteractive: e.nodesDraggable || e.nodesConnectable || e.elementsSelectable,
   minZoomReached: e.transform[2] <= e.minZoom,
   maxZoomReached: e.transform[2] >= e.maxZoom
 });
 function os({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: r, onZoomIn: i, onZoomOut: s, onFitView: a, onInteractiveChange: c, className: u, children: f, position: l = "bottom-left", orientation: d = "vertical", "aria-label": h = "React Flow controls" }) {
-  const p = te(), { isInteractive: y, minZoomReached: _, maxZoomReached: x } = K(Uh, ne), { zoomIn: b, zoomOut: w, fitView: m } = so(), S = () => {
+  const p = te(), { isInteractive: y, minZoomReached: _, maxZoomReached: x } = K(Qh, ne), { zoomIn: b, zoomOut: w, fitView: m } = so(), E = () => {
     b(), i?.();
   }, A = () => {
     w(), s?.();
@@ -5802,11 +5803,11 @@ function os({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
       elementsSelectable: !y
     }), c?.(!y);
   };
-  return se(io, { className: re(["react-flow__controls", d === "horizontal" ? "horizontal" : "vertical", u]), position: l, style: e, "data-testid": "rf__controls", "aria-label": h, children: [t && se(Ee, { children: [P(Pt, { onClick: S, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: x, children: P(Zh, {}) }), P(Pt, { onClick: A, className: "react-flow__controls-zoomout", title: "zoom out", "aria-label": "zoom out", disabled: _, children: P(Wh, {}) })] }), n && P(Pt, { className: "react-flow__controls-fitview", onClick: N, title: "fit view", "aria-label": "fit view", children: P(qh, {}) }), o && P(Pt, { className: "react-flow__controls-interactive", onClick: z, title: "toggle interactivity", "aria-label": "toggle interactivity", children: y ? P(Kh, {}) : P(Gh, {}) }), f] });
+  return se(io, { className: re(["react-flow__controls", d === "horizontal" ? "horizontal" : "vertical", u]), position: l, style: e, "data-testid": "rf__controls", "aria-label": h, children: [t && se(Se, { children: [P(Pt, { onClick: E, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: x, children: P(Wh, {}) }), P(Pt, { onClick: A, className: "react-flow__controls-zoomout", title: "zoom out", "aria-label": "zoom out", disabled: _, children: P(qh, {}) })] }), n && P(Pt, { className: "react-flow__controls-fitview", onClick: N, title: "fit view", "aria-label": "fit view", children: P(Gh, {}) }), o && P(Pt, { className: "react-flow__controls-interactive", onClick: z, title: "toggle interactivity", "aria-label": "toggle interactivity", children: y ? P(Uh, {}) : P(Kh, {}) }), f] });
 }
 os.displayName = "Controls";
 ie(os);
-function Qh({ id: e, x: t, y: n, width: o, height: r, style: i, color: s, strokeColor: a, strokeWidth: c, className: u, borderRadius: f, shapeRendering: l, selected: d, onClick: h }) {
+function Jh({ id: e, x: t, y: n, width: o, height: r, style: i, color: s, strokeColor: a, strokeWidth: c, className: u, borderRadius: f, shapeRendering: l, selected: d, onClick: h }) {
   const { background: p, backgroundColor: y } = i || {}, _ = s || p || y;
   return P("rect", { className: re(["react-flow__minimap-node", { selected: d }, u]), x: t, y: n, rx: f, ry: f, width: o, height: r, style: {
     fill: _,
@@ -5814,8 +5815,8 @@ function Qh({ id: e, x: t, y: n, width: o, height: r, style: i, color: s, stroke
     strokeWidth: c
   }, shapeRendering: l, onClick: h ? (x) => h(x, e) : void 0 });
 }
-const Jh = ie(Qh), jh = (e) => e.nodes.map((t) => t.id), Nn = (e) => e instanceof Function ? e : () => e;
-function eg({
+const jh = ie(Jh), eg = (e) => e.nodes.map((t) => t.id), Nn = (e) => e instanceof Function ? e : () => e;
+function tg({
   nodeStrokeColor: e,
   nodeColor: t,
   nodeClassName: n = "",
@@ -5823,20 +5824,20 @@ function eg({
   nodeStrokeWidth: r,
   // We need to rename the prop to be `CapitalCase` so that JSX will render it as
   // a component properly.
-  nodeComponent: i = Jh,
+  nodeComponent: i = jh,
   onClick: s
 }) {
-  const a = K(jh, ne), c = Nn(t), u = Nn(e), f = Nn(n), l = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
-  return P(Ee, { children: a.map((d) => (
+  const a = K(eg, ne), c = Nn(t), u = Nn(e), f = Nn(n), l = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
+  return P(Se, { children: a.map((d) => (
     // The split of responsibilities between MiniMapNodes and
     // NodeComponentWrapper may appear weird. However, it’s designed to
     // minimize the cost of updates when individual nodes change.
     //
     // For more details, see a similar commit in `NodeRenderer/index.tsx`.
-    P(ng, { id: d, nodeColorFunc: c, nodeStrokeColorFunc: u, nodeClassNameFunc: f, nodeBorderRadius: o, nodeStrokeWidth: r, NodeComponent: i, onClick: s, shapeRendering: l }, d)
+    P(og, { id: d, nodeColorFunc: c, nodeStrokeColorFunc: u, nodeClassNameFunc: f, nodeBorderRadius: o, nodeStrokeWidth: r, NodeComponent: i, onClick: s, shapeRendering: l }, d)
   )) });
 }
-function tg({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: o, nodeBorderRadius: r, nodeStrokeWidth: i, shapeRendering: s, NodeComponent: a, onClick: c }) {
+function ng({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: o, nodeBorderRadius: r, nodeStrokeWidth: i, shapeRendering: s, NodeComponent: a, onClick: c }) {
   const { node: u, x: f, y: l, width: d, height: h } = K((p) => {
     const y = p.nodeLookup.get(e), { x: _, y: x } = y.internals.positionAbsolute, { width: b, height: w } = Ce(y);
     return {
@@ -5849,9 +5850,9 @@ function tg({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
   }, ne);
   return !u || u.hidden || !ii(u) ? null : P(a, { x: f, y: l, width: d, height: h, style: u.style, selected: !!u.selected, className: o(u), color: t(u), borderRadius: r, strokeColor: n(u), strokeWidth: i, shapeRendering: s, onClick: c, id: u.id });
 }
-const ng = ie(tg);
-var og = ie(eg);
-const rg = 200, ig = 150, sg = (e) => {
+const og = ie(ng);
+var rg = ie(tg);
+const ig = 200, sg = 150, ag = (e) => {
   const t = {
     x: -e.transform[0] / e.transform[2],
     y: -e.transform[1] / e.transform[2],
@@ -5867,7 +5868,7 @@ const rg = 200, ig = 150, sg = (e) => {
     flowWidth: e.width,
     flowHeight: e.height
   };
-}, ag = "react-flow__minimap-desc";
+}, cg = "react-flow__minimap-desc";
 function rs({
   style: e,
   className: t,
@@ -5893,13 +5894,13 @@ function rs({
   zoomStep: w = 10,
   offsetScale: m = 5
 }) {
-  const S = te(), A = J(null), { boundingRect: N, viewBB: z, rfId: I, panZoom: k, translateExtent: V, flowWidth: D, flowHeight: H } = K(sg, ne), g = e?.width ?? rg, E = e?.height ?? ig, v = N.width / g, M = N.height / E, $ = Math.max(v, M), C = $ * g, T = $ * E, O = m * $, L = N.x - (C - N.width) / 2 - O, Z = N.y - (T - N.height) / 2 - O, X = C + O * 2, F = T + O * 2, Y = `${ag}-${I}`, q = J(0), B = J();
+  const E = te(), A = J(null), { boundingRect: N, viewBB: z, rfId: I, panZoom: k, translateExtent: V, flowWidth: D, flowHeight: H } = K(ag, ne), g = e?.width ?? ig, S = e?.height ?? sg, v = N.width / g, M = N.height / S, $ = Math.max(v, M), C = $ * g, T = $ * S, O = m * $, L = N.x - (C - N.width) / 2 - O, Z = N.y - (T - N.height) / 2 - O, X = C + O * 2, F = T + O * 2, Y = `${cg}-${I}`, q = J(0), B = J();
   q.current = $, j(() => {
     if (A.current && k)
       return B.current = hd({
         domNode: A.current,
         panZoom: k,
-        getTransform: () => S.getState().transform,
+        getTransform: () => E.getState().transform,
         getViewScale: () => q.current
       }), () => {
         B.current?.destroy();
@@ -5919,7 +5920,7 @@ function rs({
     const [W, U] = B.current?.pointer(Q) || [0, 0];
     h(Q, { x: W, y: U });
   } : void 0, ee = p ? fe((Q, W) => {
-    const U = S.getState().nodeLookup.get(W);
+    const U = E.getState().nodeLookup.get(W);
     p(Q, U);
   }, []) : void 0;
   return P(io, { position: d, style: {
@@ -5931,33 +5932,33 @@ function rs({
     "--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: `${L} ${Z} ${X} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Y, ref: A, onClick: G, children: [x && P("title", { id: Y, children: x }), P(og, { onClick: ee, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), P("path", { className: "react-flow__minimap-mask", d: `M${L - O},${Z - O}h${X + O * 2}v${F + O * 2}h${-X - O * 2}z
+  }, className: re(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: se("svg", { width: g, height: S, viewBox: `${L} ${Z} ${X} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Y, ref: A, onClick: G, children: [x && P("title", { id: Y, children: x }), P(rg, { onClick: ee, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), P("path", { className: "react-flow__minimap-mask", d: `M${L - O},${Z - O}h${X + O * 2}v${F + O * 2}h${-X - O * 2}z
         M${z.x},${z.y}h${z.width}v${z.height}h${-z.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 rs.displayName = "MiniMap";
 ie(rs);
-function cg({ nodeId: e, position: t, variant: n = at.Handle, className: o, style: r = {}, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: u = Number.MAX_VALUE, maxHeight: f = Number.MAX_VALUE, keepAspectRatio: l = !1, shouldResize: d, onResizeStart: h, onResize: p, onResizeEnd: y }) {
-  const _ = co(), x = typeof e == "string" ? e : _, b = te(), w = J(null), m = n === at.Line ? "right" : "bottom-right", S = t ?? m, A = J(null);
+function ug({ nodeId: e, position: t, variant: n = at.Handle, className: o, style: r = {}, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: u = Number.MAX_VALUE, maxHeight: f = Number.MAX_VALUE, keepAspectRatio: l = !1, shouldResize: d, onResizeStart: h, onResize: p, onResizeEnd: y }) {
+  const _ = co(), x = typeof e == "string" ? e : _, b = te(), w = J(null), m = n === at.Line ? "right" : "bottom-right", E = t ?? m, A = J(null);
   j(() => {
     if (!(!w.current || !x))
       return A.current || (A.current = kd({
         domNode: w.current,
         nodeId: x,
         getStoreItems: () => {
-          const { nodeLookup: k, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, domNode: E } = b.getState();
+          const { nodeLookup: k, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: g, domNode: S } = b.getState();
           return {
             nodeLookup: k,
             transform: V,
             snapGrid: D,
             snapToGrid: H,
             nodeOrigin: g,
-            paneDomNode: E
+            paneDomNode: S
           };
         },
         onChange: (k, V) => {
-          const { triggerNodeChanges: D, nodeLookup: H, parentLookup: g, nodeOrigin: E } = b.getState(), v = [], M = { x: k.x, y: k.y }, $ = H.get(x);
+          const { triggerNodeChanges: D, nodeLookup: H, parentLookup: g, nodeOrigin: S } = b.getState(), v = [], M = { x: k.x, y: k.y }, $ = H.get(x);
           if ($ && $.expandParent && $.parentId) {
-            const C = $.origin ?? E, T = k.width ?? $.measured.width, O = k.height ?? $.measured.height, L = {
+            const C = $.origin ?? S, T = k.width ?? $.measured.width, O = k.height ?? $.measured.height, L = {
               id: $.id,
               parentId: $.parentId,
               rect: {
@@ -5968,7 +5969,7 @@ function cg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
                   y: k.y ?? $.position.y
                 }, { width: T, height: O }, $.parentId, H, C)
               }
-            }, Z = no([L], H, g, E);
+            }, Z = no([L], H, g, S);
             v.push(...Z), M.x = k.x ? Math.max(C[0] * T, k.x) : void 0, M.y = k.y ? Math.max(C[1] * O, k.y) : void 0;
           }
           if (M.x !== void 0 && M.y !== void 0) {
@@ -6010,7 +6011,7 @@ function cg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
           b.getState().triggerNodeChanges([k]);
         }
       })), A.current.update({
-        controlPosition: S,
+        controlPosition: E,
         boundaries: {
           minWidth: a,
           minHeight: c,
@@ -6026,7 +6027,7 @@ function cg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
         A.current?.destroy();
       };
   }, [
-    S,
+    E,
     a,
     c,
     u,
@@ -6037,68 +6038,68 @@ function cg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
     y,
     d
   ]);
-  const N = S.split("-"), z = n === at.Line ? "borderColor" : "backgroundColor", I = s ? { ...r, [z]: s } : r;
+  const N = E.split("-"), z = n === at.Line ? "borderColor" : "backgroundColor", I = s ? { ...r, [z]: s } : r;
   return P("div", { className: re(["react-flow__resize-control", "nodrag", ...N, n, o]), ref: w, style: I, children: i });
 }
-ie(cg);
-const ug = (e) => e.domNode?.querySelector(".react-flow__renderer");
-function lg({ children: e }) {
-  const t = K(ug);
+ie(ug);
+const lg = (e) => e.domNode?.querySelector(".react-flow__renderer");
+function dg({ children: e }) {
+  const t = K(lg);
   return t ? wr(e, t) : null;
 }
-const dg = (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, fg = (e, t) => {
+const fg = (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, hg = (e, t) => {
   if (e.size !== t.size)
     return !1;
   for (const [n, o] of e)
-    if (dg(o, t.get(n)))
+    if (fg(o, t.get(n)))
       return !1;
   return !0;
-}, hg = (e) => ({
+}, gg = (e) => ({
   x: e.transform[0],
   y: e.transform[1],
   zoom: e.transform[2],
   selectedNodesCount: e.nodes.filter((t) => t.selected).length
 });
-function Eg({ nodeId: e, children: t, className: n, style: o, isVisible: r, position: i = R.Top, offset: s = 10, align: a = "center", ...c }) {
-  const u = co(), f = fe((S) => (Array.isArray(e) ? e : [e || u || ""]).reduce((z, I) => {
-    const k = S.nodeLookup.get(I);
+function Ng({ nodeId: e, children: t, className: n, style: o, isVisible: r, position: i = R.Top, offset: s = 10, align: a = "center", ...c }) {
+  const u = co(), f = fe((E) => (Array.isArray(e) ? e : [e || u || ""]).reduce((z, I) => {
+    const k = E.nodeLookup.get(I);
     return k && z.set(k.id, k), z;
-  }, /* @__PURE__ */ new Map()), [e, u]), l = K(f, fg), { x: d, y: h, zoom: p, selectedNodesCount: y } = K(hg, ne);
+  }, /* @__PURE__ */ new Map()), [e, u]), l = K(f, hg), { x: d, y: h, zoom: p, selectedNodesCount: y } = K(gg, ne);
   if (!(typeof r == "boolean" ? r : l.size === 1 && l.values().next().value.selected && y === 1) || !l.size)
     return null;
-  const x = Ue(l), b = Array.from(l.values()), w = Math.max(...b.map((S) => S.internals.z + 1)), m = {
+  const x = Ue(l), b = Array.from(l.values()), w = Math.max(...b.map((E) => E.internals.z + 1)), m = {
     position: "absolute",
     transform: jl(x, { x: d, y: h, zoom: p }, i, s, a),
     zIndex: w,
     ...o
   };
-  return P(lg, { children: P("div", { style: m, className: re(["react-flow__node-toolbar", n]), ...c, "data-id": b.reduce((S, A) => `${S}${A.id} `, "").trim(), children: t }) });
+  return P(dg, { children: P("div", { style: m, className: re(["react-flow__node-toolbar", n]), ...c, "data-id": b.reduce((E, A) => `${E}${A.id} `, "").trim(), children: t }) });
 }
 export {
   cn as B,
-  wg as E,
+  xg as E,
   Wt as H,
-  Eg as N,
+  Ng as N,
   R as P,
-  Hh as R,
-  vg as a,
+  Vh as R,
+  _g as a,
   Sg as b,
   Ae as c,
-  K as d,
-  te as e,
+  te as d,
+  K as e,
   so as f,
-  bg as g,
+  Eg as g,
   Ce as h,
-  yg as i,
-  _g as j,
+  wg as i,
+  bg as j,
   sa as k,
-  Jn as l,
+  Pi as l,
   Ai as m,
-  Pi as n,
+  Jn as n,
   oi as o,
   en as p,
   qe as q,
   li as r,
   io as s,
-  xg as u
+  vg as u
 };