likec4 1.25.0 → 1.25.1

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

@@ -225,20 +225,20 @@ function Ha(e) {
       (c = i[d]) && (l = e.call(c, c.__data__, d, i)) && ("__data__" in c && (l.__data__ = c.__data__), a[d] = l);
   return new de(o, this._parents);
 }
-function Va(e) {
+function Oa(e) {
   return e == null ? [] : Array.isArray(e) ? e : Array.from(e);
 }
-function Oa() {
+function Va() {
   return [];
 }
 function Sr(e) {
-  return e == null ? Oa : function() {
+  return e == null ? Va : function() {
     return this.querySelectorAll(e);
   };
 }
 function Ra(e) {
   return function() {
-    return Va(e.apply(this, arguments));
+    return Oa(e.apply(this, arguments));
   };
 }
 function La(e) {
@@ -295,11 +295,11 @@ function Mr(e) {
 function Ua() {
   return new de(this._enter || this._groups.map(Mr), this._parents);
 }
-function Vt(e, t) {
+function Ot(e, t) {
   this.ownerDocument = e.ownerDocument, this.namespaceURI = e.namespaceURI, this._next = null, this._parent = e, this.__data__ = t;
 }
-Vt.prototype = {
-  constructor: Vt,
+Ot.prototype = {
+  constructor: Ot,
   appendChild: function(e) {
     return this._parent.insertBefore(e, this._next);
   },
@@ -320,7 +320,7 @@ function Qa(e) {
 }
 function Ja(e, t, n, o, r, i) {
   for (var s = 0, a, c = t.length, l = i.length; s < l; ++s)
-    (a = t[s]) ? (a.__data__ = i[s], o[s] = a) : n[s] = new Vt(e, i[s]);
+    (a = t[s]) ? (a.__data__ = i[s], o[s] = a) : n[s] = new Ot(e, i[s]);
   for (; s < c; ++s)
     (a = t[s]) && (r[s] = a);
 }
@@ -329,7 +329,7 @@ function ja(e, t, n, o, r, i, s) {
   for (a = 0; a < d; ++a)
     (c = t[a]) && (f[a] = h = s.call(c, c.__data__, a, t) + "", l.has(h) ? r[a] = c : l.set(h, c));
   for (a = 0; a < u; ++a)
-    h = s.call(e, i[a], a, i) + "", (c = l.get(h)) ? (o[a] = c, c.__data__ = i[a], l.delete(h)) : n[a] = new Vt(e, i[a]);
+    h = s.call(e, i[a], a, i) + "", (c = l.get(h)) ? (o[a] = c, c.__data__ = i[a], l.delete(h)) : n[a] = new Ot(e, i[a]);
   for (a = 0; a < d; ++a)
     (c = t[a]) && l.get(f[a]) === c && (r[a] = c);
 }
@@ -568,10 +568,10 @@ function Hc(e) {
     this.textContent = t ?? "";
   };
 }
-function Vc(e) {
+function Oc(e) {
   return arguments.length ? this.each(e == null ? Tc : (typeof e == "function" ? Hc : Dc)(e)) : this.node().textContent;
 }
-function Oc() {
+function Vc() {
   this.innerHTML = "";
 }
 function Rc(e) {
@@ -586,7 +586,7 @@ function Lc(e) {
   };
 }
 function Bc(e) {
-  return arguments.length ? this.each(e == null ? Oc : (typeof e == "function" ? Lc : Rc)(e)) : this.node().innerHTML;
+  return arguments.length ? this.each(e == null ? Vc : (typeof e == "function" ? Lc : Rc)(e)) : this.node().innerHTML;
 }
 function Fc() {
   this.nextSibling && this.parentNode.appendChild(this);
@@ -742,7 +742,7 @@ de.prototype = xt.prototype = {
   style: Nc,
   property: $c,
   classed: zc,
-  text: Vc,
+  text: Oc,
   html: Bc,
   raise: Xc,
   lower: Zc,
@@ -837,7 +837,7 @@ function pl(e, t) {
 function ml() {
   return navigator.maxTouchPoints || "ontouchstart" in this;
 }
-function Vr() {
+function Or() {
   var e = hl, t = gl, n = pl, o = ml, r = {}, i = Kt("start", "drag", "end"), s = 0, a, c, l, d, u = 0;
   function f(w) {
     w.on("mousedown.drag", h).filter(o).on("touchstart.drag", b).on("touchmove.drag", x, fl).on("touchend.drag touchcancel.drag", _).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
@@ -878,20 +878,20 @@ function Vr() {
       (P = r[N[S].identifier]) && (wn(w), P("end", w, N[S]));
   }
   function p(w, N, k, S, P, I) {
-    var A = i.copy(), V = he(I || k, N), D, H, m;
+    var A = i.copy(), O = he(I || k, N), D, H, m;
     if ((m = n.call(w, new kn("beforestart", {
       sourceEvent: k,
       target: f,
       identifier: P,
       active: s,
-      x: V[0],
-      y: V[1],
+      x: O[0],
+      y: O[1],
       dx: 0,
       dy: 0,
       dispatch: A
     }), S)) != null)
-      return D = m.x - V[0] || 0, H = m.y - V[1] || 0, function E(v, C, $) {
-        var M = V, T;
+      return D = m.x - O[0] || 0, H = m.y - O[1] || 0, function E(v, C, $) {
+        var M = O, T;
         switch (v) {
           case "start":
             r[P] = E, T = s++;
@@ -899,7 +899,7 @@ function Vr() {
           case "end":
             delete r[P], --s;
           case "drag":
-            V = he($ || C, N), T = s;
+            O = he($ || C, N), T = s;
             break;
         }
         A.call(
@@ -911,10 +911,10 @@ function Vr() {
             target: f,
             identifier: P,
             active: T,
-            x: V[0] + D,
-            y: V[1] + H,
-            dx: V[0] - M[0],
-            dy: V[1] - M[1],
+            x: O[0] + D,
+            y: O[1] + H,
+            dx: O[0] - M[0],
+            dy: O[1] - M[1],
             dispatch: A
           }),
           S
@@ -939,14 +939,14 @@ function Vr() {
 function Un(e, t, n) {
   e.prototype = t.prototype = n, n.constructor = e;
 }
-function Or(e, t) {
+function Vr(e, t) {
   var n = Object.create(e.prototype);
   for (var o in t) n[o] = t[o];
   return n;
 }
 function vt() {
 }
-var lt = 0.7, Ot = 1 / lt, Fe = "\\s*([+-]?\\d+)\\s*", ut = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", we = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", yl = /^#([0-9a-f]{3,8})$/, wl = new RegExp(`^rgb\\(${Fe},${Fe},${Fe}\\)$`), xl = new RegExp(`^rgb\\(${we},${we},${we}\\)$`), vl = new RegExp(`^rgba\\(${Fe},${Fe},${Fe},${ut}\\)$`), _l = new RegExp(`^rgba\\(${we},${we},${we},${ut}\\)$`), bl = new RegExp(`^hsl\\(${ut},${we},${we}\\)$`), El = new RegExp(`^hsla\\(${ut},${we},${we},${ut}\\)$`), xo = {
+var lt = 0.7, Vt = 1 / lt, Fe = "\\s*([+-]?\\d+)\\s*", ut = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", we = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", yl = /^#([0-9a-f]{3,8})$/, wl = new RegExp(`^rgb\\(${Fe},${Fe},${Fe}\\)$`), xl = new RegExp(`^rgb\\(${we},${we},${we}\\)$`), vl = new RegExp(`^rgba\\(${Fe},${Fe},${Fe},${ut}\\)$`), _l = new RegExp(`^rgba\\(${we},${we},${we},${ut}\\)$`), bl = new RegExp(`^hsl\\(${ut},${we},${we}\\)$`), El = new RegExp(`^hsla\\(${ut},${we},${we},${ut}\\)$`), xo = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -1142,9 +1142,9 @@ function $n(e, t, n, o) {
 function ce(e, t, n, o) {
   this.r = +e, this.g = +t, this.b = +n, this.opacity = +o;
 }
-Un(ce, $n, Or(vt, {
+Un(ce, $n, Vr(vt, {
   brighter(e) {
-    return e = e == null ? Ot : Math.pow(Ot, e), new ce(this.r * e, this.g * e, this.b * e, this.opacity);
+    return e = e == null ? Vt : Math.pow(Vt, e), new ce(this.r * e, this.g * e, this.b * e, this.opacity);
   },
   darker(e) {
     return e = e == null ? lt : Math.pow(lt, e), new ce(this.r * e, this.g * e, this.b * e, this.opacity);
@@ -1201,9 +1201,9 @@ function kl(e, t, n, o) {
 function ge(e, t, n, o) {
   this.h = +e, this.s = +t, this.l = +n, this.opacity = +o;
 }
-Un(ge, kl, Or(vt, {
+Un(ge, kl, Vr(vt, {
   brighter(e) {
-    return e = e == null ? Ot : Math.pow(Ot, e), new ge(this.h, this.s, this.l * e, this.opacity);
+    return e = e == null ? Vt : Math.pow(Vt, e), new ge(this.h, this.s, this.l * e, this.opacity);
   },
   darker(e) {
     return e = e == null ? lt : Math.pow(lt, e), new ge(this.h, this.s, this.l * e, this.opacity);
@@ -1349,7 +1349,7 @@ function Xr(e, t, n, o) {
     };
   };
 }
-var Vl = Xr(Dl, "px, ", "px)", "deg)"), Ol = Xr(Hl, ", ", ")", ")"), Rl = 1e-12;
+var Ol = Xr(Dl, "px, ", "px)", "deg)"), Vl = Xr(Hl, ", ", ")", ")"), Rl = 1e-12;
 function $o(e) {
   return ((e = Math.exp(e)) + 1 / e) / 2;
 }
@@ -1388,14 +1388,14 @@ const Fl = function e(t, n, o) {
     return e(s, a, c);
   }, r;
 }(Math.SQRT2, 2, 4);
-var Ze = 0, rt = 0, nt = 0, Yr = 1e3, Lt, it, Bt = 0, Ve = 0, Qt = 0, ft = typeof performance == "object" && performance.now ? performance : Date, Zr = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
+var Ze = 0, rt = 0, nt = 0, Yr = 1e3, Lt, it, Bt = 0, Oe = 0, Qt = 0, ft = typeof performance == "object" && performance.now ? performance : Date, Zr = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
   setTimeout(e, 17);
 };
 function Qn() {
-  return Ve || (Zr(Xl), Ve = ft.now() + Qt);
+  return Oe || (Zr(Xl), Oe = ft.now() + Qt);
 }
 function Xl() {
-  Ve = 0;
+  Oe = 0;
 }
 function Ft() {
   this._call = this._time = this._next = null;
@@ -1417,15 +1417,15 @@ function Wr(e, t, n) {
 function Yl() {
   Qn(), ++Ze;
   for (var e = Lt, t; e; )
-    (t = Ve - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
+    (t = Oe - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
   --Ze;
 }
 function Io() {
-  Ve = (Bt = ft.now()) + Qt, Ze = rt = 0;
+  Oe = (Bt = ft.now()) + Qt, Ze = rt = 0;
   try {
     Yl();
   } finally {
-    Ze = 0, Wl(), Ve = 0;
+    Ze = 0, Wl(), Oe = 0;
   }
 }
 function Zl() {
@@ -1440,7 +1440,7 @@ function Wl() {
 function Pn(e) {
   if (!Ze) {
     rt && (rt = clearTimeout(rt));
-    var t = e - Ve;
+    var t = e - Oe;
     t > 24 ? (e < 1 / 0 && (rt = setTimeout(Io, e - ft.now() - Qt)), nt && (nt = clearInterval(nt))) : (nt || (Bt = ft.now(), nt = setInterval(Zl, Yr)), Ze = 1, Zr(Io));
   }
 }
@@ -1632,7 +1632,7 @@ function iu(e, t, n) {
   };
 }
 function su(e, t) {
-  var n = Ut(e), o = n === "transform" ? Ol : Gr;
+  var n = Ut(e), o = n === "transform" ? Vl : Gr;
   return this.attrTween(e, typeof t == "function" ? (n.local ? iu : ru)(n, o, jn(this, "attr." + e, t)) : t == null ? (n.local ? tu : eu)(n) : (n.local ? ou : nu)(n, o, t));
 }
 function au(e, t) {
@@ -1818,11 +1818,11 @@ function Hu(e, t) {
     (l !== n || r !== d) && (o = (n = l).copy()).on(s, r = d), c.on = o;
   };
 }
-function Vu(e, t, n) {
-  var o = (e += "") == "transform" ? Vl : Gr;
+function Ou(e, t, n) {
+  var o = (e += "") == "transform" ? Ol : Gr;
   return t == null ? this.styleTween(e, zu(e, o)).on("end.style." + e, Kr(e)) : typeof t == "function" ? this.styleTween(e, Du(e, o, jn(this, "style." + e, t))).each(Hu(this._id, e)) : this.styleTween(e, Tu(e, o, t), n).on("end.style." + e, null);
 }
-function Ou(e, t, n) {
+function Vu(e, t, n) {
   return function(o) {
     this.style.setProperty(e, t.call(this, o), n);
   };
@@ -1831,7 +1831,7 @@ function Ru(e, t, n) {
   var o, r;
   function i() {
     var s = t.apply(this, arguments);
-    return s !== r && (o = (r = s) && Ou(e, s, n)), o;
+    return s !== r && (o = (r = s) && Vu(e, s, n)), o;
   }
   return i._value = t, i;
 }
@@ -1929,7 +1929,7 @@ Se.prototype = {
   on: Cu,
   attr: su,
   attrTween: du,
-  style: Vu,
+  style: Ou,
   styleTween: Lu,
   text: Xu,
   textTween: Wu,
@@ -2060,7 +2060,7 @@ function id(e, t, n) {
 function Jr() {
   var e = td, t = nd, n = id, o = od, r = rd, i = [0, 1 / 0], s = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, c = Fl, l = Kt("start", "zoom", "end"), d, u, f, h = 500, g = 150, y = 0, b = 10;
   function x(m) {
-    m.property("__zoom", To).on("wheel.zoom", P, { passive: !1 }).on("mousedown.zoom", I).on("dblclick.zoom", A).filter(r).on("touchstart.zoom", V).on("touchmove.zoom", D).on("touchend.zoom touchcancel.zoom", H).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    m.property("__zoom", To).on("wheel.zoom", P, { passive: !1 }).on("mousedown.zoom", I).on("dblclick.zoom", A).filter(r).on("touchstart.zoom", O).on("touchmove.zoom", D).on("touchend.zoom touchcancel.zoom", H).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   x.transform = function(m, E, v, C) {
     var $ = m.selection ? m.selection() : m;
@@ -2074,8 +2074,8 @@ function Jr() {
     }, v, C);
   }, x.scaleTo = function(m, E, v, C) {
     x.transform(m, function() {
-      var $ = t.apply(this, arguments), M = this.__zoom, T = v == null ? w($) : typeof v == "function" ? v.apply(this, arguments) : v, O = M.invert(T), R = typeof E == "function" ? E.apply(this, arguments) : E;
-      return n(p(_(M, R), T, O), $, s);
+      var $ = t.apply(this, arguments), M = this.__zoom, T = v == null ? w($) : typeof v == "function" ? v.apply(this, arguments) : v, V = M.invert(T), R = typeof E == "function" ? E.apply(this, arguments) : E;
+      return n(p(_(M, R), T, V), $, s);
     }, v, C);
   }, x.translateBy = function(m, E, v, C) {
     x.transform(m, function() {
@@ -2086,8 +2086,8 @@ function Jr() {
     }, null, C);
   }, x.translateTo = function(m, E, v, C, $) {
     x.transform(m, function() {
-      var M = t.apply(this, arguments), T = this.__zoom, O = C == null ? w(M) : typeof C == "function" ? C.apply(this, arguments) : C;
-      return n(jt.translate(O[0], O[1]).scale(T.k).translate(
+      var M = t.apply(this, arguments), T = this.__zoom, V = C == null ? w(M) : typeof C == "function" ? C.apply(this, arguments) : C;
+      return n(jt.translate(V[0], V[1]).scale(T.k).translate(
         typeof E == "function" ? -E.apply(this, arguments) : -E,
         typeof v == "function" ? -v.apply(this, arguments) : -v
       ), M, s);
@@ -2109,7 +2109,7 @@ function Jr() {
     }).on("interrupt.zoom end.zoom", function() {
       k(this, arguments).event(C).end();
     }).tween("zoom", function() {
-      var $ = this, M = arguments, T = k($, M).event(C), O = t.apply($, M), R = v == null ? w(O) : typeof v == "function" ? v.apply($, M) : v, Y = Math.max(O[1][0] - O[0][0], O[1][1] - O[0][1]), X = $.__zoom, F = typeof E == "function" ? E.apply($, M) : E, Z = c(X.invert(R).concat(Y / X.k), F.invert(R).concat(Y / F.k));
+      var $ = this, M = arguments, T = k($, M).event(C), V = t.apply($, M), R = v == null ? w(V) : typeof v == "function" ? v.apply($, M) : v, Y = Math.max(V[1][0] - V[0][0], V[1][1] - V[0][1]), X = $.__zoom, F = typeof E == "function" ? E.apply($, M) : E, Z = c(X.invert(R).concat(Y / X.k), F.invert(R).concat(Y / F.k));
       return function(L) {
         if (L === 1) L = F;
         else {
@@ -2170,11 +2170,11 @@ function Jr() {
   }
   function I(m, ...E) {
     if (f || !e.apply(this, arguments)) return;
-    var v = m.currentTarget, C = k(this, E, !0).event(m), $ = le(m.view).on("mousemove.zoom", R, !0).on("mouseup.zoom", Y, !0), M = he(m, v), T = m.clientX, O = m.clientY;
+    var v = m.currentTarget, C = k(this, E, !0).event(m), $ = le(m.view).on("mousemove.zoom", R, !0).on("mouseup.zoom", Y, !0), M = he(m, v), T = m.clientX, V = m.clientY;
     Dr(m.view), _n(m), C.mouse = [M, this.__zoom.invert(M)], Ht(this), C.start();
     function R(X) {
       if (ot(X), !C.moved) {
-        var F = X.clientX - T, Z = X.clientY - O;
+        var F = X.clientX - T, Z = X.clientY - V;
         C.moved = F * F + Z * Z > y;
       }
       C.event(X).zoom("mouse", n(p(C.that.__zoom, C.mouse[0] = he(X, v), C.mouse[1]), C.extent, s));
@@ -2189,11 +2189,11 @@ function Jr() {
       ot(m), a > 0 ? le(this).transition().duration(a).call(N, T, C, m) : le(this).call(x.transform, T, C, m);
     }
   }
-  function V(m, ...E) {
+  function O(m, ...E) {
     if (e.apply(this, arguments)) {
-      var v = m.touches, C = v.length, $ = k(this, E, m.changedTouches.length === C).event(m), M, T, O, R;
+      var v = m.touches, C = v.length, $ = k(this, E, m.changedTouches.length === C).event(m), M, T, V, R;
       for (_n(m), T = 0; T < C; ++T)
-        O = v[T], R = he(O, this), R = [R, this.__zoom.invert(R), O.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== R[2] && ($.touch1 = R, $.taps = 0) : ($.touch0 = R, M = !0, $.taps = 1 + !!d);
+        V = v[T], R = he(V, this), R = [R, this.__zoom.invert(R), V.identifier], $.touch0 ? !$.touch1 && $.touch0[2] !== R[2] && ($.touch1 = R, $.taps = 0) : ($.touch0 = R, M = !0, $.taps = 1 + !!d);
       d && (d = clearTimeout(d)), M && ($.taps < 2 && (u = R[0], d = setTimeout(function() {
         d = null;
       }, h)), Ht(this), $.start());
@@ -2201,15 +2201,15 @@ function Jr() {
   }
   function D(m, ...E) {
     if (this.__zooming) {
-      var v = k(this, E).event(m), C = m.changedTouches, $ = C.length, M, T, O, R;
+      var v = k(this, E).event(m), C = m.changedTouches, $ = C.length, M, T, V, R;
       for (ot(m), M = 0; M < $; ++M)
-        T = C[M], O = he(T, this), v.touch0 && v.touch0[2] === T.identifier ? v.touch0[0] = O : v.touch1 && v.touch1[2] === T.identifier && (v.touch1[0] = O);
+        T = C[M], V = he(T, this), v.touch0 && v.touch0[2] === T.identifier ? v.touch0[0] = V : v.touch1 && v.touch1[2] === T.identifier && (v.touch1[0] = V);
       if (T = v.that.__zoom, v.touch1) {
         var Y = v.touch0[0], X = v.touch0[1], F = v.touch1[0], Z = v.touch1[1], L = (L = F[0] - Y[0]) * L + (L = F[1] - Y[1]) * L, W = (W = Z[0] - X[0]) * W + (W = Z[1] - X[1]) * W;
-        T = _(T, Math.sqrt(L / W)), O = [(Y[0] + F[0]) / 2, (Y[1] + F[1]) / 2], R = [(X[0] + Z[0]) / 2, (X[1] + Z[1]) / 2];
-      } else if (v.touch0) O = v.touch0[0], R = v.touch0[1];
+        T = _(T, Math.sqrt(L / W)), V = [(Y[0] + F[0]) / 2, (Y[1] + F[1]) / 2], R = [(X[0] + Z[0]) / 2, (X[1] + Z[1]) / 2];
+      } else if (v.touch0) V = v.touch0[0], R = v.touch0[1];
       else return;
-      v.zoom("touch", n(p(T, O, R), v.extent, s));
+      v.zoom("touch", n(p(T, V, R), v.extent, s));
     }
   }
   function H(m, ...E) {
@@ -2221,8 +2221,8 @@ function Jr() {
         T = C[M], v.touch0 && v.touch0[2] === T.identifier ? delete v.touch0 : v.touch1 && v.touch1[2] === T.identifier && delete v.touch1;
       if (v.touch1 && !v.touch0 && (v.touch0 = v.touch1, delete v.touch1), v.touch0) v.touch0[1] = this.__zoom.invert(v.touch0[0]);
       else if (v.end(), v.taps === 2 && (T = he(T, this), Math.hypot(u[0] - T[0], u[1] - T[1]) < b)) {
-        var O = le(this).on("dblclick.zoom");
-        O && O.apply(this, arguments);
+        var V = le(this).on("dblclick.zoom");
+        V && V.apply(this, arguments);
       }
     }
   }
@@ -2394,7 +2394,7 @@ function ri({ nodeId: e, nextPosition: t, nodeLookup: n, nodeOrigin: o = [0, 0],
     [s.extent[0][0] + c, s.extent[0][1] + l],
     [s.extent[1][0] + c, s.extent[1][1] + l]
   ]);
-  const f = Ke(u) ? Oe(t, u, s.measured) : t;
+  const f = Ke(u) ? Ve(t, u, s.measured) : t;
   return (s.measured.width === void 0 || s.measured.height === void 0) && i?.("015", xe.error015()), {
     position: {
       x: f.x - c + (s.measured.width ?? 0) * d[0],
@@ -2425,13 +2425,13 @@ async function ld({ nodesToRemove: e = [], edgesToRemove: t = [], nodes: n, edge
   });
   return typeof u == "boolean" ? u ? { edges: d, nodes: s } : { edges: [], nodes: [] } : u;
 }
-const qe = (e, t = 0, n = 1) => Math.min(Math.max(e, t), n), Oe = (e = { x: 0, y: 0 }, t, n) => ({
+const qe = (e, t = 0, n = 1) => Math.min(Math.max(e, t), n), Ve = (e = { x: 0, y: 0 }, t, n) => ({
   x: qe(e.x, t[0][0], t[1][0] - (n?.width ?? 0)),
   y: qe(e.y, t[0][1], t[1][1] - (n?.height ?? 0))
 });
 function ii(e, t, n) {
   const { width: o, height: r } = Ce(n), { x: i, y: s } = n.internals.positionAbsolute;
-  return Oe(e, [
+  return Ve(e, [
     [i, s],
     [i + o, s + r]
   ], t);
@@ -2444,7 +2444,7 @@ const Ho = (e, t, n) => e < t ? qe(Math.abs(e - t), 1, t) / t : e > n ? -qe(Math
   y: Math.min(e.y, t.y),
   x2: Math.max(e.x2, t.x2),
   y2: Math.max(e.y2, t.y2)
-}), Vn = ({ x: e, y: t, width: n, height: o }) => ({
+}), On = ({ x: e, y: t, width: n, height: o }) => ({
   x: e,
   y: t,
   x2: e + n,
@@ -2470,10 +2470,10 @@ const Ho = (e, t, n) => e < t ? qe(Math.abs(e - t), 1, t) / t : e > n ? -qe(Math
     x2: n + (e.measured?.width ?? e.width ?? e.initialWidth ?? 0),
     y2: o + (e.measured?.height ?? e.height ?? e.initialHeight ?? 0)
   };
-}, ai = (e, t) => tn(en(Vn(e), Vn(t))), pt = (e, t) => {
+}, ai = (e, t) => tn(en(On(e), On(t))), pt = (e, t) => {
   const n = Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)), o = Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
   return Math.ceil(n * o);
-}, Vo = (e) => pe(e.width) && pe(e.height) && pe(e.x) && pe(e.y), pe = (e) => !isNaN(e) && isFinite(e), ud = (e, t) => {
+}, Oo = (e) => pe(e.width) && pe(e.height) && pe(e.x) && pe(e.y), pe = (e) => !isNaN(e) && isFinite(e), ud = (e, t) => {
 }, nn = (e, t = [1, 1]) => ({
   x: t[0] * Math.round(e.x / t[0]),
   y: t[1] * Math.round(e.y / t[1])
@@ -2510,7 +2510,7 @@ function ui(e, t = { width: 0, height: 0 }, n, o, r) {
   }
   return i;
 }
-function Oo(e, t) {
+function Vo(e, t) {
   if (e.size !== t.size)
     return !1;
   for (const n of e)
@@ -2530,7 +2530,7 @@ const on = (e) => ({
   width: e.offsetWidth,
   height: e.offsetHeight
 }), di = (e) => e?.getRootNode?.() || window?.document, dd = ["INPUT", "SELECT", "TEXTAREA"];
-function On(e) {
+function Vn(e) {
   const t = e.composedPath?.()?.[0] || e.target;
   return t?.nodeType !== 1 ? !1 : dd.includes(t.nodeName) || t.hasAttribute("contenteditable") || !!t.closest(".nokey");
 }
@@ -2688,8 +2688,8 @@ function wd({ source: e, sourcePosition: t = B.Bottom, target: n, targetPosition
       const H = u === "x" ? "y" : "x", m = s[u] === a[H], E = c[H] > l[H], v = c[H] < l[H];
       (s[u] === 1 && (!m && E || m && v) || s[u] !== 1 && (!m && v || m && E)) && (h = u === "x" ? S : P);
     }
-    const I = { x: c.x + b.x, y: c.y + b.y }, A = { x: l.x + x.x, y: l.y + x.y }, V = Math.max(Math.abs(I.x - h[0].x), Math.abs(A.x - h[0].x)), D = Math.max(Math.abs(I.y - h[0].y), Math.abs(A.y - h[0].y));
-    V >= D ? (g = (I.x + A.x) / 2, y = h[0].y) : (g = h[0].x, y = (I.y + A.y) / 2);
+    const I = { x: c.x + b.x, y: c.y + b.y }, A = { x: l.x + x.x, y: l.y + x.y }, O = Math.max(Math.abs(I.x - h[0].x), Math.abs(A.x - h[0].x)), D = Math.max(Math.abs(I.y - h[0].y), Math.abs(A.y - h[0].y));
+    O >= D ? (g = (I.x + A.x) / 2, y = h[0].y) : (g = h[0].x, y = (I.y + A.y) / 2);
   }
   return [[
     e,
@@ -2840,7 +2840,7 @@ function Sd(e, t, n) {
     if (r.parentId)
       ro(r, e, t, o);
     else {
-      const i = _t(r, o.nodeOrigin), s = Ke(r.extent) ? r.extent : o.nodeExtent, a = Oe(i, s, Ce(r));
+      const i = _t(r, o.nodeOrigin), s = Ke(r.extent) ? r.extent : o.nodeExtent, a = Ve(i, s, Ce(r));
       r.internals.positionAbsolute = a;
     }
 }
@@ -2852,7 +2852,7 @@ function Bn(e, t, n, o) {
     if (r.checkEquality && a === c?.internals.userNode)
       t.set(a.id, c);
     else {
-      const l = _t(a, r.nodeOrigin), d = Ke(a.extent) ? a.extent : r.nodeExtent, u = Oe(l, d, Ce(a));
+      const l = _t(a, r.nodeOrigin), d = Ke(a.extent) ? a.extent : r.nodeExtent, u = Ve(l, d, Ce(a));
       c = {
         ...r.defaults,
         ...a,
@@ -2899,8 +2899,8 @@ function yi(e, t) {
   return (pe(e.zIndex) ? e.zIndex : 0) + (e.selected ? t : 0);
 }
 function Cd(e, t, n, o, r) {
-  const { x: i, y: s } = t.internals.positionAbsolute, a = Ce(e), c = _t(e, n), l = Ke(e.extent) ? Oe(c, e.extent, a) : c;
-  let d = Oe({ x: i + l.x, y: s + l.y }, o, a);
+  const { x: i, y: s } = t.internals.positionAbsolute, a = Ce(e), c = _t(e, n), l = Ke(e.extent) ? Ve(c, e.extent, a) : c;
+  let d = Ve({ x: i + l.x, y: s + l.y }, o, a);
   e.extent === "parent" && (d = ii(d, a, t));
   const u = yi(e, r), f = t.internals.z ?? 0;
   return {
@@ -2971,7 +2971,7 @@ function Md(e, t, n, o, r, i) {
     if (!!(g.width && g.height && (y || !h.internals.handleBounds || f.force))) {
       const x = f.nodeElement.getBoundingClientRect(), _ = Ke(h.extent) ? h.extent : i;
       let { positionAbsolute: p } = h.internals;
-      h.parentId && h.extent === "parent" ? p = ii(p, g, t.get(h.parentId)) : _ && (p = Oe(p, _, g));
+      h.parentId && h.extent === "parent" ? p = ii(p, g, t.get(h.parentId)) : _ && (p = Ve(p, _, g));
       const w = {
         ...h,
         measured: g,
@@ -3102,25 +3102,25 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
   let i = { x: null, y: null }, s = 0, a = /* @__PURE__ */ new Map(), c = !1, l = { x: 0, y: 0 }, d = null, u = !1, f = null, h = !1;
   function g({ noDragClassName: b, handleSelector: x, domNode: _, isSelectable: p, nodeId: w, nodeClickDistance: N = 0 }) {
     f = le(_);
-    function k({ x: A, y: V }, D) {
-      const { nodeLookup: H, nodeExtent: m, snapGrid: E, snapToGrid: v, nodeOrigin: C, onNodeDrag: $, onSelectionDrag: M, onError: T, updateNodePositions: O } = t();
-      i = { x: A, y: V };
+    function k({ x: A, y: O }, D) {
+      const { nodeLookup: H, nodeExtent: m, snapGrid: E, snapToGrid: v, nodeOrigin: C, onNodeDrag: $, onSelectionDrag: M, onError: T, updateNodePositions: V } = t();
+      i = { x: A, y: O };
       let R = !1, Y = { x: 0, y: 0, x2: 0, y2: 0 };
       if (a.size > 1 && m) {
         const X = Ue(a);
-        Y = Vn(X);
+        Y = On(X);
       }
       for (const [X, F] of a) {
         if (!H.has(X))
           continue;
-        let Z = { x: A - F.distance.x, y: V - F.distance.y };
+        let Z = { x: A - F.distance.x, y: O - F.distance.y };
         v && (Z = nn(Z, E));
         let L = [
           [m[0][0], m[0][1]],
           [m[1][0], m[1][1]]
         ];
         if (a.size > 1 && m && !F.extent) {
-          const { positionAbsolute: te } = F.internals, Q = te.x - Y.x + m[0][0], q = te.x + F.measured.width - Y.x2 + m[1][0], U = te.y - Y.y + m[0][1], oe = te.y + F.measured.height - Y.y2 + m[1][1];
+          const { positionAbsolute: ee } = F.internals, Q = ee.x - Y.x + m[0][0], q = ee.x + F.measured.width - Y.x2 + m[1][0], U = ee.y - Y.y + m[0][1], oe = ee.y + F.measured.height - Y.y2 + m[1][1];
           L = [
             [Q, U],
             [q, oe]
@@ -3136,7 +3136,7 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
         });
         R = R || F.position.x !== W.x || F.position.y !== W.y, F.position = W, F.internals.positionAbsolute = G;
       }
-      if (R && (O(a, !0), D && (o || $ || !w && M))) {
+      if (R && (V(a, !0), D && (o || $ || !w && M))) {
         const [X, F] = bn({
           nodeId: w,
           dragItems: a,
@@ -3148,35 +3148,35 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
     async function S() {
       if (!d)
         return;
-      const { transform: A, panBy: V, autoPanSpeed: D, autoPanOnNodeDrag: H } = t();
+      const { transform: A, panBy: O, autoPanSpeed: D, autoPanOnNodeDrag: H } = t();
       if (!H) {
         c = !1, cancelAnimationFrame(s);
         return;
       }
       const [m, E] = si(l, d, D);
-      (m !== 0 || E !== 0) && (i.x = (i.x ?? 0) - m / A[2], i.y = (i.y ?? 0) - E / A[2], await V({ x: m, y: E }) && k(i, null)), s = requestAnimationFrame(S);
+      (m !== 0 || E !== 0) && (i.x = (i.x ?? 0) - m / A[2], i.y = (i.y ?? 0) - E / A[2], await O({ x: m, y: E }) && k(i, null)), s = requestAnimationFrame(S);
     }
     function P(A) {
-      const { nodeLookup: V, multiSelectionActive: D, nodesDraggable: H, transform: m, snapGrid: E, snapToGrid: v, selectNodesOnDrag: C, onNodeDragStart: $, onSelectionDragStart: M, unselectNodesAndEdges: T } = t();
-      u = !0, (!C || !p) && !D && w && (V.get(w)?.selected || T()), p && C && w && e?.(w);
-      const O = st(A.sourceEvent, { transform: m, snapGrid: E, snapToGrid: v, containerBounds: d });
-      if (i = O, a = $d(V, H, O, w), a.size > 0 && (n || $ || !w && M)) {
+      const { nodeLookup: O, multiSelectionActive: D, nodesDraggable: H, transform: m, snapGrid: E, snapToGrid: v, selectNodesOnDrag: C, onNodeDragStart: $, onSelectionDragStart: M, unselectNodesAndEdges: T } = t();
+      u = !0, (!C || !p) && !D && w && (O.get(w)?.selected || T()), p && C && w && e?.(w);
+      const V = st(A.sourceEvent, { transform: m, snapGrid: E, snapToGrid: v, containerBounds: d });
+      if (i = V, a = $d(O, H, V, w), a.size > 0 && (n || $ || !w && M)) {
         const [R, Y] = bn({
           nodeId: w,
           dragItems: a,
-          nodeLookup: V
+          nodeLookup: O
         });
         n?.(A.sourceEvent, a, R, Y), $?.(A.sourceEvent, R, Y), w || M?.(A.sourceEvent, Y);
       }
     }
-    const I = Vr().clickDistance(N).on("start", (A) => {
-      const { domNode: V, nodeDragThreshold: D, transform: H, snapGrid: m, snapToGrid: E } = t();
-      d = V?.getBoundingClientRect() || null, h = !1, D === 0 && P(A), i = st(A.sourceEvent, { transform: H, snapGrid: m, snapToGrid: E, containerBounds: d }), l = Ee(A.sourceEvent, d);
+    const I = Or().clickDistance(N).on("start", (A) => {
+      const { domNode: O, nodeDragThreshold: D, transform: H, snapGrid: m, snapToGrid: E } = t();
+      d = O?.getBoundingClientRect() || null, h = !1, D === 0 && P(A), i = st(A.sourceEvent, { transform: H, snapGrid: m, snapToGrid: E, containerBounds: d }), l = Ee(A.sourceEvent, d);
     }).on("drag", (A) => {
-      const { autoPanOnNodeDrag: V, transform: D, snapGrid: H, snapToGrid: m, nodeDragThreshold: E, nodeLookup: v } = t(), C = st(A.sourceEvent, { transform: D, snapGrid: H, snapToGrid: m, containerBounds: d });
+      const { autoPanOnNodeDrag: O, transform: D, snapGrid: H, snapToGrid: m, nodeDragThreshold: E, nodeLookup: v } = t(), C = st(A.sourceEvent, { transform: D, snapGrid: H, snapToGrid: m, containerBounds: d });
       if ((A.sourceEvent.type === "touchmove" && A.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       w && !v.has(w)) && (h = !0), !h) {
-        if (!c && V && u && (c = !0, S()), !u) {
+        if (!c && O && u && (c = !0, S()), !u) {
           const $ = C.xSnapped - (i.x ?? 0), M = C.ySnapped - (i.y ?? 0);
           Math.sqrt($ * $ + M * M) > E && P(A);
         }
@@ -3184,20 +3184,20 @@ function Id({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: o, o
       }
     }).on("end", (A) => {
       if (!(!u || h) && (c = !1, u = !1, cancelAnimationFrame(s), a.size > 0)) {
-        const { nodeLookup: V, updateNodePositions: D, onNodeDragStop: H, onSelectionDragStop: m } = t();
+        const { nodeLookup: O, updateNodePositions: D, onNodeDragStop: H, onSelectionDragStop: m } = t();
         if (D(a, !1), r || H || !w && m) {
           const [E, v] = bn({
             nodeId: w,
             dragItems: a,
-            nodeLookup: V,
+            nodeLookup: O,
             dragging: !1
           });
           r?.(A.sourceEvent, a, E, v), H?.(A.sourceEvent, E, v), w || m?.(A.sourceEvent, v);
         }
       }
     }).filter((A) => {
-      const V = A.target;
-      return !A.button && (!b || !qo(V, `.${b}`, _)) && (!x || qo(V, x, _));
+      const O = A.target;
+      return !A.button && (!b || !qo(O, `.${b}`, _)) && (!x || qo(O, x, _));
     });
     f.call(I);
   }
@@ -3259,18 +3259,18 @@ const bi = () => !0;
 function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: l, autoPanOnConnect: d, flowId: u, panBy: f, cancelConnection: h, onConnectStart: g, onConnect: y, onConnectEnd: b, isValidConnection: x = bi, onReconnectEnd: _, updateConnection: p, getTransform: w, getFromHandle: N, autoPanSpeed: k }) {
   const S = di(e.target);
   let P = 0, I;
-  const { x: A, y: V } = Ee(e), D = S?.elementFromPoint(A, V), H = _i(i, D), m = a?.getBoundingClientRect();
+  const { x: A, y: O } = Ee(e), D = S?.elementFromPoint(A, O), H = _i(i, D), m = a?.getBoundingClientRect();
   if (!m || !H)
     return;
   const E = vi(r, H, o, c, t);
   if (!E)
     return;
   let v = Ee(e, m), C = !1, $ = null, M = !1, T = null;
-  function O() {
+  function V() {
     if (!d || !m)
       return;
-    const [G, te] = si(v, m, k);
-    f({ x: G, y: te }), P = requestAnimationFrame(O);
+    const [G, ee] = si(v, m, k);
+    f({ x: G, y: ee }), P = requestAnimationFrame(V);
   }
   const R = {
     ...E,
@@ -3297,8 +3297,8 @@ function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
       W(G);
       return;
     }
-    const te = w();
-    v = Ee(G, m), I = zd(bt(v, te, !1, [1, 1]), n, c, R), C || (O(), C = !0);
+    const ee = w();
+    v = Ee(G, m), I = zd(bt(v, ee, !1, [1, 1]), n, c, R), C || (V(), C = !0);
     const Q = Ei(G, {
       handle: I,
       connectionMode: t,
@@ -3316,7 +3316,7 @@ function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
       // from stays the same
       ...Z,
       isValid: M,
-      to: I && M ? ci({ x: I.x, y: I.y }, te) : v,
+      to: I && M ? ci({ x: I.x, y: I.y }, ee) : v,
       toHandle: Q.toHandle,
       toPosition: M && Q.toHandle ? Q.toHandle.position : Do[R.position],
       toNode: Q.toHandle ? c.get(Q.toHandle.nodeId) : null
@@ -3325,7 +3325,7 @@ function Dd(e, { connectionMode: t, connectionRadius: n, handleId: o, nodeId: r,
   }
   function W(G) {
     (I || T) && $ && M && y?.($);
-    const { inProgress: te, ...Q } = Z, q = {
+    const { inProgress: ee, ...Q } = Z, q = {
       ...Q,
       toPosition: Z.toHandle ? Z.toPosition : null
     };
@@ -3409,7 +3409,7 @@ function Hd({ domNode: e, panZoom: t, getTransform: n, getViewScale: o }) {
     pointer: he
   };
 }
-const Vd = (e, t) => e.x !== t.x || e.y !== t.y || e.zoom !== t.k, rn = (e) => ({
+const Od = (e, t) => e.x !== t.x || e.y !== t.y || e.zoom !== t.k, rn = (e) => ({
   x: e.x,
   y: e.y,
   zoom: e.k
@@ -3421,7 +3421,7 @@ const Vd = (e, t) => e.x !== t.x || e.y !== t.y || e.zoom !== t.k, rn = (e) => (
   const t = e.ctrlKey && Zt() ? 10 : 1;
   return -e.deltaY * (e.deltaMode === 1 ? 0.05 : e.deltaMode ? 1 : 2e-3) * t;
 };
-function Od({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: o, panOnScrollMode: r, panOnScrollSpeed: i, zoomOnPinch: s, onPanZoomStart: a, onPanZoom: c, onPanZoomEnd: l }) {
+function Vd({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: o, panOnScrollMode: r, panOnScrollSpeed: i, zoomOnPinch: s, onPanZoomStart: a, onPanZoom: c, onPanZoomEnd: l }) {
   return (d) => {
     if (Re(d, t))
       return !1;
@@ -3469,7 +3469,7 @@ function Bd({ zoomPanValues: e, panOnDrag: t, onPaneContextMenu: n, onTransformC
 }
 function Fd({ zoomPanValues: e, panOnDrag: t, panOnScroll: n, onDraggingChange: o, onPanZoomEnd: r, onPaneContextMenu: i }) {
   return (s) => {
-    if (!s.sourceEvent?.internal && (e.isZoomingOrPanning = !1, i && Si(t, e.mouseButton ?? 0) && !e.usedRightMouseButton && s.sourceEvent && i(s.sourceEvent), e.usedRightMouseButton = !1, o(!1), r && Vd(e.prevViewport, s.transform))) {
+    if (!s.sourceEvent?.internal && (e.isZoomingOrPanning = !1, i && Si(t, e.mouseButton ?? 0) && !e.usedRightMouseButton && s.sourceEvent && i(s.sourceEvent), e.usedRightMouseButton = !1, o(!1), r && Od(e.prevViewport, s.transform))) {
       const a = rn(s.transform);
       e.prevViewport = a, clearTimeout(e.timerId), e.timerId = setTimeout(
         () => {
@@ -3521,16 +3521,16 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       f?.transform(Sn(h, H?.duration, () => m(!0)), D);
     }) : Promise.resolve(!1);
   }
-  function x({ noWheelClassName: D, noPanClassName: H, onPaneContextMenu: m, userSelectionActive: E, panOnScroll: v, panOnDrag: C, panOnScrollMode: $, panOnScrollSpeed: M, preventScrolling: T, zoomOnPinch: O, zoomOnScroll: R, zoomOnDoubleClick: Y, zoomActivationKeyPressed: X, lib: F, onTransformChange: Z }) {
+  function x({ noWheelClassName: D, noPanClassName: H, onPaneContextMenu: m, userSelectionActive: E, panOnScroll: v, panOnDrag: C, panOnScrollMode: $, panOnScrollSpeed: M, preventScrolling: T, zoomOnPinch: V, zoomOnScroll: R, zoomOnDoubleClick: Y, zoomActivationKeyPressed: X, lib: F, onTransformChange: Z }) {
     E && !d.isZoomingOrPanning && _();
-    const W = v && !X && !E ? Od({
+    const W = v && !X && !E ? Vd({
       zoomPanValues: d,
       noWheelClassName: D,
       d3Selection: h,
       d3Zoom: f,
       panOnScrollMode: $,
       panOnScrollSpeed: M,
-      zoomOnPinch: O,
+      zoomOnPinch: V,
       onPanZoomStart: a,
       onPanZoom: s,
       onPanZoomEnd: c
@@ -3540,12 +3540,12 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       d3ZoomHandler: g
     });
     if (h.on("wheel.zoom", W, { passive: !1 }), !E) {
-      const te = Ld({
+      const ee = Ld({
         zoomPanValues: d,
         onDraggingChange: l,
         onPanZoomStart: a
       });
-      f.on("start", te);
+      f.on("start", ee);
       const Q = Bd({
         zoomPanValues: d,
         panOnDrag: C,
@@ -3570,7 +3570,7 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
       zoomOnScroll: R,
       panOnScroll: v,
       zoomOnDoubleClick: Y,
-      zoomOnPinch: O,
+      zoomOnPinch: V,
       userSelectionActive: E,
       noPanClassName: H,
       noWheelClassName: D,
@@ -3615,7 +3615,7 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
   function A(D) {
     f?.translateExtent(D);
   }
-  function V(D) {
+  function O(D) {
     const H = !pe(D) || D < 0 ? 0 : D;
     f?.clickDistance(H);
   }
@@ -3630,7 +3630,7 @@ function Yd({ domNode: e, minZoom: t, maxZoom: n, paneClickDistance: o, translat
     setScaleExtent: I,
     setTranslateExtent: A,
     syncViewport: N,
-    setClickDistance: V
+    setClickDistance: O
   };
 }
 var at;
@@ -3666,15 +3666,15 @@ function qd(e, t, n, o, r, i, s, a) {
   let { affectsX: c, affectsY: l } = t;
   const { isHorizontal: d, isVertical: u } = t, f = d && u, { xSnapped: h, ySnapped: g } = n, { minWidth: y, maxWidth: b, minHeight: x, maxHeight: _ } = o, { x: p, y: w, width: N, height: k, aspectRatio: S } = e;
   let P = Math.floor(d ? h - e.pointerX : 0), I = Math.floor(u ? g - e.pointerY : 0);
-  const A = N + (c ? -P : P), V = k + (l ? -I : I), D = -i[0] * N, H = -i[1] * k;
-  let m = It(A, y, b), E = It(V, x, _);
+  const A = N + (c ? -P : P), O = k + (l ? -I : I), D = -i[0] * N, H = -i[1] * k;
+  let m = It(A, y, b), E = It(O, x, _);
   if (s) {
     let $ = 0, M = 0;
-    c && P < 0 ? $ = Me(p + P + D, s[0][0]) : !c && P > 0 && ($ = ke(p + A + D, s[1][0])), l && I < 0 ? M = Me(w + I + H, s[0][1]) : !l && I > 0 && (M = ke(w + V + H, s[1][1])), m = Math.max(m, $), E = Math.max(E, M);
+    c && P < 0 ? $ = Me(p + P + D, s[0][0]) : !c && P > 0 && ($ = ke(p + A + D, s[1][0])), l && I < 0 ? M = Me(w + I + H, s[0][1]) : !l && I > 0 && (M = ke(w + O + H, s[1][1])), m = Math.max(m, $), E = Math.max(E, M);
   }
   if (a) {
     let $ = 0, M = 0;
-    c && P > 0 ? $ = ke(p + P, a[0][0]) : !c && P < 0 && ($ = Me(p + A, a[1][0])), l && I > 0 ? M = ke(w + I, a[0][1]) : !l && I < 0 && (M = Me(w + V, a[1][1])), m = Math.max(m, $), E = Math.max(E, M);
+    c && P > 0 ? $ = ke(p + P, a[0][0]) : !c && P < 0 && ($ = Me(p + A, a[1][0])), l && I > 0 ? M = ke(w + I, a[0][1]) : !l && I < 0 && (M = Me(w + O, a[1][1])), m = Math.max(m, $), E = Math.max(E, M);
   }
   if (r) {
     if (d) {
@@ -3689,18 +3689,18 @@ function qd(e, t, n, o, r, i, s, a) {
       }
     }
     if (u) {
-      const $ = It(V * S, y, b) / S;
+      const $ = It(O * S, y, b) / S;
       if (E = Math.max(E, $), s) {
         let M = 0;
-        !c && !l || l && !c && f ? M = ke(p + V * S + D, s[1][0]) / S : M = Me(p + (l ? I : -I) * S + D, s[0][0]) / S, E = Math.max(E, M);
+        !c && !l || l && !c && f ? M = ke(p + O * S + D, s[1][0]) / S : M = Me(p + (l ? I : -I) * S + D, s[0][0]) / S, E = Math.max(E, M);
       }
       if (a) {
         let M = 0;
-        !c && !l || l && !c && f ? M = Me(p + V * S, a[1][0]) / S : M = ke(p + (l ? I : -I) * S, a[0][0]) / S, E = Math.max(E, M);
+        !c && !l || l && !c && f ? M = Me(p + O * S, a[1][0]) / S : M = ke(p + (l ? I : -I) * S, a[0][0]) / S, E = Math.max(E, M);
       }
     }
   }
-  I = I + (I < 0 ? E : -E), P = P + (P < 0 ? m : -m), r && (f ? A > V * S ? I = (Go(c, l) ? -P : P) / S : P = (Go(c, l) ? -I : I) * S : d ? (I = P / S, l = c) : (P = I * S, c = l));
+  I = I + (I < 0 ? E : -E), P = P + (P < 0 ? m : -m), r && (f ? A > O * S ? I = (Go(c, l) ? -P : P) / S : P = (Go(c, l) ? -I : I) * S : d ? (I = P / S, l = c) : (P = I * S, c = l));
   const v = c ? p + P : p, C = l ? w + I : w;
   return {
     width: N + (c ? -P : P),
@@ -3734,13 +3734,13 @@ function Qd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
     let y = { ...Ci }, b = { ...Gd };
     const x = Wd(c);
     let _, p = null, w = [], N, k, S;
-    const P = Vr().on("start", (I) => {
-      const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: m, paneDomNode: E } = n();
+    const P = Or().on("start", (I) => {
+      const { nodeLookup: A, transform: O, snapGrid: D, snapToGrid: H, nodeOrigin: m, paneDomNode: E } = n();
       if (_ = A.get(t), !_)
         return;
       p = E?.getBoundingClientRect() ?? null;
       const { xSnapped: v, ySnapped: C } = st(I.sourceEvent, {
-        transform: V,
+        transform: O,
         snapGrid: D,
         snapToGrid: H,
         containerBounds: p
@@ -3770,39 +3770,39 @@ function Qd({ domNode: e, nodeId: t, getStoreItems: n, onChange: o, onEnd: r })
         }
       u?.(I, { ...y });
     }).on("drag", (I) => {
-      const { transform: A, snapGrid: V, snapToGrid: D, nodeOrigin: H } = n(), m = st(I.sourceEvent, {
+      const { transform: A, snapGrid: O, snapToGrid: D, nodeOrigin: H } = n(), m = st(I.sourceEvent, {
         transform: A,
-        snapGrid: V,
+        snapGrid: O,
         snapToGrid: D,
         containerBounds: p
       }), E = [];
       if (!_)
         return;
-      const { x: v, y: C, width: $, height: M } = y, T = {}, O = _.origin ?? H, { width: R, height: Y, x: X, y: F } = qd(b, x, m, l, d, O, k, S), Z = R !== $, L = Y !== M, W = X !== v && Z, G = F !== C && L;
+      const { x: v, y: C, width: $, height: M } = y, T = {}, V = _.origin ?? H, { width: R, height: Y, x: X, y: F } = qd(b, x, m, l, d, V, k, S), Z = R !== $, L = Y !== M, W = X !== v && Z, G = F !== C && L;
       if (!W && !G && !Z && !L)
         return;
-      if ((W || G || O[0] === 1 || O[1] === 1) && (T.x = W ? X : y.x, T.y = G ? F : y.y, y.x = T.x, y.y = T.y, w.length > 0)) {
+      if ((W || G || V[0] === 1 || V[1] === 1) && (T.x = W ? X : y.x, T.y = G ? F : y.y, y.x = T.x, y.y = T.y, w.length > 0)) {
         const U = X - v, oe = F - C;
         for (const ae of w)
           ae.position = {
-            x: ae.position.x - U + O[0] * (R - $),
-            y: ae.position.y - oe + O[1] * (Y - M)
+            x: ae.position.x - U + V[0] * (R - $),
+            y: ae.position.y - oe + V[1] * (Y - M)
           }, E.push(ae);
       }
       if ((Z || L) && (T.width = Z ? R : y.width, T.height = L ? Y : y.height, y.width = T.width, y.height = T.height), N && _.expandParent) {
-        const U = O[0] * (T.width ?? 0);
+        const U = V[0] * (T.width ?? 0);
         T.x && T.x < U && (y.x = U, b.x = b.x - (T.x - U));
-        const oe = O[1] * (T.height ?? 0);
+        const oe = V[1] * (T.height ?? 0);
         T.y && T.y < oe && (y.y = oe, b.y = b.y - (T.y - oe));
       }
-      const te = Zd({
+      const ee = Zd({
         width: y.width,
         prevWidth: $,
         height: y.height,
         prevHeight: M,
         affectsX: x.affectsX,
         affectsY: x.affectsY
-      }), Q = { ...y, direction: te };
+      }), Q = { ...y, direction: ee };
       g?.(I, Q) !== !1 && (f?.(I, Q), o(T, E));
     }).on("end", (I) => {
       h?.(I, { ...y }), r?.();
@@ -3846,7 +3846,7 @@ const Uo = (e, t) => {
   const n = jd(e), o = (r, i = t) => Mi(n, r, i);
   return Object.assign(o, n), o;
 }, of = (e, t) => e ? Uo(e, t) : Uo;
-function ne(e, t) {
+function te(e, t) {
   if (Object.is(e, t))
     return !0;
   if (typeof e != "object" || e === null || typeof t != "object" || t === null)
@@ -3880,7 +3880,7 @@ function K(e, t) {
     throw new Error(ki);
   return Mi(n, e, t);
 }
-function ee() {
+function ne() {
   const e = wt(sn);
   if (e === null)
     throw new Error(ki);
@@ -3925,10 +3925,10 @@ const hf = (e) => {
   return { selectedNodes: t, selectedEdges: n };
 }, At = (e) => e.id;
 function gf(e, t) {
-  return ne(e.selectedNodes.map(At), t.selectedNodes.map(At)) && ne(e.selectedEdges.map(At), t.selectedEdges.map(At));
+  return te(e.selectedNodes.map(At), t.selectedNodes.map(At)) && te(e.selectedEdges.map(At), t.selectedEdges.map(At));
 }
 function pf({ onSelectionChange: e }) {
-  const t = ee(), { selectedNodes: n, selectedEdges: o } = K(hf, gf);
+  const t = ne(), { selectedNodes: n, selectedEdges: o } = K(hf, gf);
   return j(() => {
     const r = { nodes: n, edges: o };
     e?.(r), t.getState().onSelectionChangeHandlers.forEach((i) => i(r));
@@ -4021,7 +4021,7 @@ const Ai = [0, 0], wf = { x: 0, y: 0, zoom: 1 }, xf = [
   paneClickDistance: 0
 };
 function _f(e) {
-  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: l } = K(vf, ne), d = ee();
+  const { setNodes: t, setEdges: n, setMinZoom: o, setMaxZoom: r, setTranslateExtent: i, setNodeExtent: s, reset: a, setDefaultNodesAndEdges: c, setPaneClickDistance: l } = K(vf, te), d = ne();
   j(() => (c(e.defaultNodes, e.defaultEdges), () => {
     u.current = jo, a();
   }), []);
@@ -4072,12 +4072,12 @@ function yt(e = null, t = { target: tr, actInsideInputWithModifier: !0 }) {
     const c = t?.target || tr;
     if (e !== null) {
       const l = (f) => {
-        if (r.current = f.ctrlKey || f.metaKey || f.shiftKey, (!r.current || r.current && !t.actInsideInputWithModifier) && On(f))
+        if (r.current = f.ctrlKey || f.metaKey || f.shiftKey, (!r.current || r.current && !t.actInsideInputWithModifier) && Vn(f))
           return !1;
         const g = or(f.code, a);
         i.current.add(f[g]), nr(s, i.current, !1) && (f.preventDefault(), o(!0));
       }, d = (f) => {
-        if ((!r.current || r.current && !t.actInsideInputWithModifier) && On(f))
+        if ((!r.current || r.current && !t.actInsideInputWithModifier) && Vn(f))
           return !1;
         const g = or(f.code, a);
         nr(s, i.current, !0) ? (o(!1), i.current.clear()) : i.current.delete(f[g]), f.key === "Meta" && i.current.clear(), r.current = !1;
@@ -4097,7 +4097,7 @@ function or(e, t) {
   return t.includes(e) ? "code" : "key";
 }
 const Ef = () => {
-  const e = ee();
+  const e = ne();
   return me(() => ({
     zoomIn: (t) => {
       const { panZoom: n } = e.getState();
@@ -4284,7 +4284,7 @@ function Mf(e) {
 }
 const Hi = Zn(null);
 function kf({ children: e }) {
-  const t = ee(), n = ue((a) => {
+  const t = ne(), n = ue((a) => {
     const { nodes: c = [], setNodes: l, hasDefaultNodes: d, onNodesChange: u, nodeLookup: f } = t.getState();
     let h = c;
     for (const g of a)
@@ -4313,7 +4313,7 @@ function $f() {
 }
 const If = (e) => !!e.panZoom;
 function so() {
-  const e = Ef(), t = ee(), n = $f(), o = K(If), r = me(() => {
+  const e = Ef(), t = ne(), n = $f(), o = K(If), r = me(() => {
     const i = (u) => t.getState().nodeLookup.get(u), s = (u) => {
       n.nodeQueue.push(u);
     }, a = (u) => {
@@ -4393,7 +4393,7 @@ function so() {
         return (P || S) && p?.({ nodes: N, edges: k }), { deletedNodes: N, deletedEdges: k };
       },
       getIntersectingNodes: (u, f = !0, h) => {
-        const g = Vo(u), y = g ? u : c(u), b = h !== void 0;
+        const g = Oo(u), y = g ? u : c(u), b = h !== void 0;
         return y ? (h || t.getState().nodes).filter((x) => {
           const _ = t.getState().nodeLookup.get(x.id);
           if (_ && !g && (x.id === u.id || !_.internals.positionAbsolute))
@@ -4403,7 +4403,7 @@ function so() {
         }) : [];
       },
       isNodeIntersecting: (u, f, h = !0) => {
-        const y = Vo(u) ? u : c(u);
+        const y = Oo(u) ? u : c(u);
         if (!y)
           return !1;
         const b = pt(y, f);
@@ -4439,7 +4439,7 @@ function so() {
 }
 const cr = (e) => e.selected, Af = { actInsideInputWithModifier: !1 }, Pf = typeof window < "u" ? window : void 0;
 function zf({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
-  const n = ee(), { deleteElements: o } = so(), r = yt(e, Af), i = yt(t, { target: Pf });
+  const n = ne(), { deleteElements: o } = so(), r = yt(e, Af), i = yt(t, { target: Pf });
   j(() => {
     if (r) {
       const { edges: s, nodes: a } = n.getState();
@@ -4450,7 +4450,7 @@ function zf({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
   }, [i]);
 }
 function Tf(e) {
-  const t = ee();
+  const t = ne();
   j(() => {
     const n = () => {
       if (!e.current)
@@ -4478,10 +4478,10 @@ const cn = {
   lib: e.lib
 });
 function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: o = !1, panOnScrollSpeed: r = 0.5, panOnScrollMode: i = He.Free, zoomOnDoubleClick: s = !0, panOnDrag: a = !0, defaultViewport: c, translateExtent: l, minZoom: d, maxZoom: u, zoomActivationKeyCode: f, preventScrolling: h = !0, children: g, noWheelClassName: y, noPanClassName: b, onViewportChange: x, isControlledViewport: _, paneClickDistance: p }) {
-  const w = ee(), N = J(null), { userSelectionActive: k, lib: S } = K(Df, ne), P = yt(f), I = J();
+  const w = ne(), N = J(null), { userSelectionActive: k, lib: S } = K(Df, te), P = yt(f), I = J();
   Tf(N);
-  const A = ue((V) => {
-    x?.({ x: V[0], y: V[1], zoom: V[2] }), _ || w.setState({ transform: V });
+  const A = ue((O) => {
+    x?.({ x: O[0], y: O[1], zoom: O[2] }), _ || w.setState({ transform: O });
   }, [x, _]);
   return j(() => {
     if (N.current) {
@@ -4506,10 +4506,10 @@ function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
           C?.(m, E), v?.(E);
         }
       });
-      const { x: V, y: D, zoom: H } = I.current.getViewport();
+      const { x: O, y: D, zoom: H } = I.current.getViewport();
       return w.setState({
         panZoom: I.current,
-        transform: [V, D, H],
+        transform: [O, D, H],
         domNode: N.current.closest(".react-flow")
       }), () => {
         I.current?.destroy();
@@ -4551,12 +4551,12 @@ function Hf({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
     A
   ]), z("div", { className: "react-flow__renderer", ref: N, style: cn, children: g });
 }
-const Vf = (e) => ({
+const Of = (e) => ({
   userSelectionActive: e.userSelectionActive,
   userSelectionRect: e.userSelectionRect
 });
-function Of() {
-  const { userSelectionActive: e, userSelectionRect: t } = K(Vf, ne);
+function Vf() {
+  const { userSelectionActive: e, userSelectionRect: t } = K(Of, te);
   return e && t ? z("div", { className: "react-flow__selection react-flow__container", style: {
     width: t.width,
     height: t.height,
@@ -4571,7 +4571,7 @@ const Nn = (e, t) => (n) => {
   dragging: e.paneDragging
 });
 function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full, panOnDrag: o, selectionOnDrag: r, onSelectionStart: i, onSelectionEnd: s, onPaneClick: a, onPaneContextMenu: c, onPaneScroll: l, onPaneMouseEnter: d, onPaneMouseMove: u, onPaneMouseLeave: f, children: h }) {
-  const g = ee(), { userSelectionActive: y, elementsSelectable: b, dragging: x } = K(Rf, ne), _ = b && (e || y), p = J(null), w = J(), N = J(/* @__PURE__ */ new Set()), k = J(/* @__PURE__ */ new Set()), S = J(!1), P = J(!1), I = (v) => {
+  const g = ne(), { userSelectionActive: y, elementsSelectable: b, dragging: x } = K(Rf, te), _ = b && (e || y), p = J(null), w = J(), N = J(/* @__PURE__ */ new Set()), k = J(/* @__PURE__ */ new Set()), S = J(!1), P = J(!1), I = (v) => {
     if (S.current) {
       S.current = !1;
       return;
@@ -4583,7 +4583,7 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
       return;
     }
     c?.(v);
-  }, V = l ? (v) => l(v) : void 0, D = (v) => {
+  }, O = l ? (v) => l(v) : void 0, D = (v) => {
     const { resetSelectedElements: C, domNode: $ } = g.getState();
     if (w.current = $?.getBoundingClientRect(), !b || !e || v.button !== 0 || v.target !== p.current || !w.current)
       return;
@@ -4600,7 +4600,7 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
       }
     }), i?.(v);
   }, H = (v) => {
-    const { userSelectionRect: C, transform: $, nodeLookup: M, edgeLookup: T, connectionLookup: O, triggerNodeChanges: R, triggerEdgeChanges: Y, defaultEdgeOptions: X } = g.getState();
+    const { userSelectionRect: C, transform: $, nodeLookup: M, edgeLookup: T, connectionLookup: V, triggerNodeChanges: R, triggerEdgeChanges: Y, defaultEdgeOptions: X } = g.getState();
     if (!w.current || !C)
       return;
     S.current = !0;
@@ -4611,22 +4611,22 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
       y: Z < W ? Z : W,
       width: Math.abs(F - L),
       height: Math.abs(Z - W)
-    }, te = N.current, Q = k.current;
+    }, ee = N.current, Q = k.current;
     N.current = new Set(oi(M, G, $, n === gt.Partial, !0).map((U) => U.id)), k.current = /* @__PURE__ */ new Set();
     const q = X?.selectable ?? !0;
     for (const U of N.current) {
-      const oe = O.get(U);
+      const oe = V.get(U);
       if (oe)
         for (const { edgeId: ae } of oe.values()) {
           const Pe = T.get(ae);
           Pe && (Pe.selectable ?? q) && k.current.add(ae);
         }
     }
-    if (!Oo(te, N.current)) {
+    if (!Vo(ee, N.current)) {
       const U = Le(M, N.current, !0);
       R(U);
     }
-    if (!Oo(Q, k.current)) {
+    if (!Vo(Q, k.current)) {
       const U = Le(T, k.current);
       Y(U);
     }
@@ -4646,7 +4646,7 @@ function Lf({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = gt.Full
       nodesSelectionActive: N.current.size > 0
     }), s?.(v), (t || r) && (S.current = !1), P.current = !1;
   }, E = o === !0 || Array.isArray(o) && o.includes(0);
-  return se("div", { className: re(["react-flow__pane", { draggable: E, dragging: x, selection: e }]), onClick: _ ? void 0 : Nn(I, p), onContextMenu: Nn(A, p), onWheel: Nn(V, p), onPointerEnter: _ ? void 0 : d, onPointerDown: _ ? D : u, onPointerMove: _ ? H : u, onPointerUp: _ ? m : void 0, onPointerLeave: f, ref: p, style: cn, children: [h, z(Of, {})] });
+  return se("div", { className: re(["react-flow__pane", { draggable: E, dragging: x, selection: e }]), onClick: _ ? void 0 : Nn(I, p), onContextMenu: Nn(A, p), onWheel: Nn(O, p), onPointerEnter: _ ? void 0 : d, onPointerDown: _ ? D : u, onPointerMove: _ ? H : u, onPointerUp: _ ? m : void 0, onPointerLeave: f, ref: p, style: cn, children: [h, z(Vf, {})] });
 }
 function Xn({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
   const { addSelectedNodes: r, unselectNodesAndEdges: i, multiSelectionActive: s, nodeLookup: a, onError: c } = t.getState(), l = a.get(e);
@@ -4656,8 +4656,8 @@ function Xn({ id: e, store: t, unselect: n = !1, nodeRef: o }) {
   }
   t.setState({ nodesSelectionActive: !1 }), l.selected ? (n || l.selected && s) && (i({ nodes: [l], edges: [] }), requestAnimationFrame(() => o?.current?.blur())) : r([e]);
 }
-function Vi({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: o, nodeId: r, isSelectable: i, nodeClickDistance: s }) {
-  const a = ee(), [c, l] = fe(!1), d = J();
+function Oi({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: o, nodeId: r, isSelectable: i, nodeClickDistance: s }) {
+  const a = ne(), [c, l] = fe(!1), d = J();
   return j(() => {
     d.current = Id({
       getStoreItems: () => a.getState(),
@@ -4692,8 +4692,8 @@ function Vi({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
   }, [n, o, t, i, e, r]), c;
 }
 const Bf = (e) => (t) => t.selected && (t.draggable || e && typeof t.draggable > "u");
-function Oi() {
-  const e = ee();
+function Vi() {
+  const e = ne();
   return ue((n) => {
     const { nodeExtent: o, snapToGrid: r, snapGrid: i, nodesDraggable: s, onError: a, updateNodePositions: c, nodeLookup: l, nodeOrigin: d } = e.getState(), u = /* @__PURE__ */ new Map(), f = Bf(s), h = r ? i[0] : 5, g = r ? i[1] : 5, y = n.direction.x * h * n.factor, b = n.direction.y * g * n.factor;
     for (const [, x] of l) {
@@ -4736,7 +4736,7 @@ const co = () => wt(ao), Xf = (e) => ({
   };
 };
 function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isConnectable: o = !0, isConnectableStart: r = !0, isConnectableEnd: i = !0, id: s, onConnect: a, children: c, className: l, onMouseDown: d, onTouchStart: u, ...f }, h) {
-  const g = s || null, y = e === "target", b = ee(), x = co(), { connectOnClick: _, noPanClassName: p, rfId: w } = K(Xf, ne), { connectingFrom: N, connectingTo: k, clickConnecting: S, isPossibleEndHandle: P, connectionInProcess: I, clickConnectionInProcess: A, valid: V } = K(Yf(x, g, e), ne);
+  const g = s || null, y = e === "target", b = ne(), x = co(), { connectOnClick: _, noPanClassName: p, rfId: w } = K(Xf, te), { connectingFrom: N, connectingTo: k, clickConnecting: S, isPossibleEndHandle: P, connectionInProcess: I, clickConnectionInProcess: A, valid: O } = K(Yf(x, g, e), te);
   x || b.getState().onError?.("010", xe.error010());
   const D = (E) => {
     const { defaultEdgeOptions: v, onConnect: C, hasDefaultEdges: $ } = b.getState(), M = {
@@ -4744,8 +4744,8 @@ function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isC
       ...E
     };
     if ($) {
-      const { edges: T, setEdges: O } = b.getState();
-      O(md(M, T));
+      const { edges: T, setEdges: V } = b.getState();
+      V(md(M, T));
     }
     C?.(M), a?.(M);
   }, H = (E) => {
@@ -4779,7 +4779,7 @@ function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isC
     }
     v ? d?.(E) : u?.(E);
   }, m = (E) => {
-    const { onClickConnectStart: v, onClickConnectEnd: C, connectionClickStartHandle: $, connectionMode: M, isValidConnection: T, lib: O, rfId: R, nodeLookup: Y, connection: X } = b.getState();
+    const { onClickConnectStart: v, onClickConnectEnd: C, connectionClickStartHandle: $, connectionMode: M, isValidConnection: T, lib: V, rfId: R, nodeLookup: Y, connection: X } = b.getState();
     if (!x || !$ && !r)
       return;
     if (!$) {
@@ -4799,7 +4799,7 @@ function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isC
       isValidConnection: Z,
       flowId: R,
       doc: F,
-      lib: O,
+      lib: V,
       nodeLookup: Y
     });
     W && L && D(L);
@@ -4821,7 +4821,7 @@ function Zf({ type: e = "source", position: t = B.Top, isValidConnection: n, isC
       clickconnecting: S,
       connectingfrom: N,
       connectingto: k,
-      valid: V,
+      valid: O,
       /*
        * shows where you can start a connection from
        * and where you can end it while connecting
@@ -4875,12 +4875,12 @@ const Qf = (e) => {
   };
 };
 function Jf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
-  const o = ee(), { width: r, height: i, transformString: s, userSelectionActive: a } = K(Qf, ne), c = Oi(), l = J(null);
+  const o = ne(), { width: r, height: i, transformString: s, userSelectionActive: a } = K(Qf, te), c = Vi(), l = J(null);
   if (j(() => {
     n || l.current?.focus({
       preventScroll: !0
     });
-  }, [n]), Vi({
+  }, [n]), Oi({
     nodeRef: l
   }), a || !r || !i)
     return null;
@@ -4901,14 +4901,14 @@ function Jf({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   } }) });
 }
 const ur = typeof window < "u" ? window : void 0, jf = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
-function Ri({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: g, panActivationKeyCode: y, zoomActivationKeyCode: b, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: w, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: P, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, preventScrolling: H, onSelectionContextMenu: m, noWheelClassName: E, noPanClassName: v, disableKeyboardA11y: C, onViewportChange: $, isControlledViewport: M }) {
-  const { nodesSelectionActive: T, userSelectionActive: O } = K(jf), R = yt(l, { target: ur }), Y = yt(y, { target: ur }), X = Y || P, F = Y || w, Z = d && X !== !0, L = R || O || Z;
-  return zf({ deleteKeyCode: c, multiSelectionKeyCode: g }), z(Hf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: F, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: !R && X, defaultViewport: I, translateExtent: A, minZoom: V, maxZoom: D, zoomActivationKeyCode: b, preventScrolling: H, noWheelClassName: E, noPanClassName: v, onViewportChange: $, isControlledViewport: M, paneClickDistance: a, children: se(Lf, { onSelectionStart: f, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: X, isSelecting: !!L, selectionMode: u, selectionKeyPressed: R, selectionOnDrag: Z, children: [e, T && z(Jf, { onSelectionContextMenu: m, noPanClassName: v, disableKeyboardA11y: C })] }) });
+function Ri({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: g, panActivationKeyCode: y, zoomActivationKeyCode: b, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: w, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: P, defaultViewport: I, translateExtent: A, minZoom: O, maxZoom: D, preventScrolling: H, onSelectionContextMenu: m, noWheelClassName: E, noPanClassName: v, disableKeyboardA11y: C, onViewportChange: $, isControlledViewport: M }) {
+  const { nodesSelectionActive: T, userSelectionActive: V } = K(jf), R = yt(l, { target: ur }), Y = yt(y, { target: ur }), X = Y || P, F = Y || w, Z = d && X !== !0, L = R || V || Z;
+  return zf({ deleteKeyCode: c, multiSelectionKeyCode: g }), z(Hf, { onPaneContextMenu: i, elementsSelectable: x, zoomOnScroll: _, zoomOnPinch: p, panOnScroll: F, panOnScrollSpeed: N, panOnScrollMode: k, zoomOnDoubleClick: S, panOnDrag: !R && X, defaultViewport: I, translateExtent: A, minZoom: O, maxZoom: D, zoomActivationKeyCode: b, preventScrolling: H, noWheelClassName: E, noPanClassName: v, onViewportChange: $, isControlledViewport: M, paneClickDistance: a, children: se(Lf, { onSelectionStart: f, onSelectionEnd: h, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: o, onPaneMouseLeave: r, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: X, isSelecting: !!L, selectionMode: u, selectionKeyPressed: R, selectionOnDrag: Z, children: [e, T && z(Jf, { onSelectionContextMenu: m, noPanClassName: v, disableKeyboardA11y: C })] }) });
 }
 Ri.displayName = "FlowRenderer";
 const eh = ie(Ri), th = (e) => (t) => e ? oi(t.nodeLookup, { x: 0, y: 0, width: t.width, height: t.height }, t.transform, !0).map((n) => n.id) : Array.from(t.nodeLookup.keys());
 function nh(e) {
-  return K(ue(th(e), [e]), ne);
+  return K(ue(th(e), [e]), te);
 }
 const oh = (e) => e.updateNodeInternals;
 function rh() {
@@ -4928,7 +4928,7 @@ function rh() {
   }, [t]), t;
 }
 function ih({ node: e, nodeType: t, hasDimensions: n, resizeObserver: o }) {
-  const r = ee(), i = J(null), s = J(null), a = J(e.sourcePosition), c = J(e.targetPosition), l = J(t), d = n && !!e.internals.handleBounds;
+  const r = ne(), i = J(null), s = J(null), a = J(e.sourcePosition), c = J(e.targetPosition), l = J(t), d = n && !!e.internals.handleBounds;
   return j(() => {
     i.current && !e.hidden && (!d || s.current !== i.current) && (s.current && o?.unobserve(s.current), o?.observe(i.current), s.current = i.current);
   }, [d, e.hidden]), j(() => () => {
@@ -4948,10 +4948,10 @@ function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
       internals: W.internals,
       isParent: G
     };
-  }, ne);
+  }, te);
   let k = p.type || "default", S = b?.[k] || lr[k];
   S === void 0 && (_?.("003", xe.error003(k)), k = "default", S = lr.default);
-  const P = !!(p.draggable || a && typeof p.draggable > "u"), I = !!(p.selectable || c && typeof p.selectable > "u"), A = !!(p.connectable || l && typeof p.connectable > "u"), V = !!(p.focusable || d && typeof p.focusable > "u"), D = ee(), H = li(p), m = ih({ node: p, nodeType: k, hasDimensions: H, resizeObserver: u }), E = Vi({
+  const P = !!(p.draggable || a && typeof p.draggable > "u"), I = !!(p.selectable || c && typeof p.selectable > "u"), A = !!(p.connectable || l && typeof p.connectable > "u"), O = !!(p.focusable || d && typeof p.focusable > "u"), D = ne(), H = li(p), m = ih({ node: p, nodeType: k, hasDimensions: H, resizeObserver: u }), E = Oi({
     nodeRef: m,
     disabled: p.hidden || !P,
     noDragClassName: f,
@@ -4959,10 +4959,10 @@ function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
     nodeId: e,
     isSelectable: I,
     nodeClickDistance: x
-  }), v = Oi();
+  }), v = Vi();
   if (p.hidden)
     return null;
-  const C = Ce(p), $ = Uf(p), M = I || P || t || n || o || r, T = n ? (L) => n(L, { ...w.userNode }) : void 0, O = o ? (L) => o(L, { ...w.userNode }) : void 0, R = r ? (L) => r(L, { ...w.userNode }) : void 0, Y = i ? (L) => i(L, { ...w.userNode }) : void 0, X = s ? (L) => s(L, { ...w.userNode }) : void 0, F = (L) => {
+  const C = Ce(p), $ = Uf(p), M = I || P || t || n || o || r, T = n ? (L) => n(L, { ...w.userNode }) : void 0, V = o ? (L) => o(L, { ...w.userNode }) : void 0, R = r ? (L) => r(L, { ...w.userNode }) : void 0, Y = i ? (L) => i(L, { ...w.userNode }) : void 0, X = s ? (L) => s(L, { ...w.userNode }) : void 0, F = (L) => {
     const { selectNodesOnDrag: W, nodeDragThreshold: G } = D.getState();
     I && (!W || !P || G > 0) && Xn({
       id: e,
@@ -4970,7 +4970,7 @@ function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
       nodeRef: m
     }), t && t(L, { ...w.userNode });
   }, Z = (L) => {
-    if (!(On(L.nativeEvent) || g))
+    if (!(Vn(L.nativeEvent) || g))
       if (jr.includes(L.key) && I) {
         const W = L.key === "Escape";
         Xn({
@@ -5008,7 +5008,7 @@ function sh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: o, onMouseLeave:
     visibility: H ? "visible" : "hidden",
     ...p.style,
     ...$
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: O, onMouseLeave: R, onContextMenu: Y, onClick: F, onDoubleClick: X, onKeyDown: V ? Z : void 0, tabIndex: V ? 0 : void 0, role: V ? "button" : void 0, "aria-describedby": g ? void 0 : `${$i}-${y}`, "aria-label": p.ariaLabel, children: z(Ff, { value: e, children: z(S, { id: e, data: p.data, type: k, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: p.selected ?? !1, selectable: I, draggable: P, deletable: p.deletable ?? !0, isConnectable: A, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: E, dragHandle: p.dragHandle, zIndex: w.z, parentId: p.parentId, ...C }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: T, onMouseMove: V, onMouseLeave: R, onContextMenu: Y, onClick: F, onDoubleClick: X, onKeyDown: O ? Z : void 0, tabIndex: O ? 0 : void 0, role: O ? "button" : void 0, "aria-describedby": g ? void 0 : `${$i}-${y}`, "aria-label": p.ariaLabel, children: z(Ff, { value: e, children: z(S, { id: e, data: p.data, type: k, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: p.selected ?? !1, selectable: I, draggable: P, deletable: p.deletable ?? !0, isConnectable: A, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: E, dragHandle: p.dragHandle, zIndex: w.z, parentId: p.parentId, ...C }) }) });
 }
 const ah = (e) => ({
   nodesDraggable: e.nodesDraggable,
@@ -5018,7 +5018,7 @@ const ah = (e) => ({
   onError: e.onError
 });
 function Li(e) {
-  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = K(ah, ne), s = nh(e.onlyRenderVisibleElements), a = rh();
+  const { nodesDraggable: t, nodesConnectable: n, nodesFocusable: o, elementsSelectable: r, onError: i } = K(ah, te), s = nh(e.onlyRenderVisibleElements), a = rh();
   return z("div", { className: "react-flow__nodes", style: cn, children: s.map((c) => (
     /*
      * The split of responsibilities between NodeRenderer and
@@ -5067,7 +5067,7 @@ function lh(e) {
         }) && o.push(r.id);
       }
     return o;
-  }, [e]), ne);
+  }, [e]), te);
 }
 const uh = ({ color: e = "none", strokeWidth: t = 1 }) => z("polyline", { style: {
   stroke: e,
@@ -5081,7 +5081,7 @@ const uh = ({ color: e = "none", strokeWidth: t = 1 }) => z("polyline", { style:
   [Xt.ArrowClosed]: dh
 };
 function fh(e) {
-  const t = ee();
+  const t = ne();
   return me(() => Object.prototype.hasOwnProperty.call(dr, e) ? dr[e] : (t.getState().onError?.("009", xe.error009(e)), null), [e]);
 }
 const hh = ({ id: e, type: t, color: n, width: o = 12.5, height: r = 12.5, markerUnits: i = "strokeWidth", strokeWidth: s, orient: a = "auto-start-reverse" }) => {
@@ -5238,14 +5238,14 @@ function mr({ position: e, centerX: t, centerY: n, radius: o = 10, onMouseDown:
   return z("circle", { onMouseDown: r, onMouseEnter: i, onMouseOut: s, className: re([pr, `${pr}-${a}`]), cx: vh(t, o, e), cy: _h(n, o, e), r: o, stroke: "transparent", fill: "transparent" });
 }
 function bh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourceY: r, targetX: i, targetY: s, sourcePosition: a, targetPosition: c, onReconnect: l, onReconnectStart: d, onReconnectEnd: u, setReconnecting: f, setUpdateHover: h }) {
-  const g = ee(), y = (w, N) => {
+  const g = ne(), y = (w, N) => {
     if (w.button !== 0)
       return;
-    const { autoPanOnConnect: k, domNode: S, isValidConnection: P, connectionMode: I, connectionRadius: A, lib: V, onConnectStart: D, onConnectEnd: H, cancelConnection: m, nodeLookup: E, rfId: v, panBy: C, updateConnection: $ } = g.getState(), M = N.type === "target";
+    const { autoPanOnConnect: k, domNode: S, isValidConnection: P, connectionMode: I, connectionRadius: A, lib: O, onConnectStart: D, onConnectEnd: H, cancelConnection: m, nodeLookup: E, rfId: v, panBy: C, updateConnection: $ } = g.getState(), M = N.type === "target";
     f(!0), d?.(w, n, N.type);
     const T = (R, Y) => {
       f(!1), u?.(R, n, N.type, Y);
-    }, O = (R) => l?.(n, R);
+    }, V = (R) => l?.(n, R);
     Fn.onPointerDown(w.nativeEvent, {
       autoPanOnConnect: k,
       connectionMode: I,
@@ -5256,12 +5256,12 @@ function bh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: o, sourc
       nodeLookup: E,
       isTarget: M,
       edgeUpdaterType: N.type,
-      lib: V,
+      lib: O,
       flowId: v,
       cancelConnection: m,
       panBy: C,
       isValidConnection: P,
-      onConnect: O,
+      onConnect: V,
       onConnectStart: D,
       onConnectEnd: H,
       onReconnectEnd: T,
@@ -5278,7 +5278,7 @@ function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
   p = w ? { ...w, ...p } : p;
   let N = p.type || "default", k = y?.[N] || hr[N];
   k === void 0 && (x?.("011", xe.error011(N)), N = "default", k = hr.default);
-  const S = !!(p.focusable || t && typeof p.focusable > "u"), P = typeof u < "u" && (p.reconnectable || n && typeof p.reconnectable > "u"), I = !!(p.selectable || o && typeof p.selectable > "u"), A = J(null), [V, D] = fe(!1), [H, m] = fe(!1), E = ee(), { zIndex: v, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R } = K(ue((q) => {
+  const S = !!(p.focusable || t && typeof p.focusable > "u"), P = typeof u < "u" && (p.reconnectable || n && typeof p.reconnectable > "u"), I = !!(p.selectable || o && typeof p.selectable > "u"), A = J(null), [O, D] = fe(!1), [H, m] = fe(!1), E = ne(), { zIndex: v, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: V, targetPosition: R } = K(ue((q) => {
     const U = q.nodeLookup.get(p.source), oe = q.nodeLookup.get(p.target);
     if (!U || !oe)
       return {
@@ -5304,7 +5304,7 @@ function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       }),
       ...ae || gr
     };
-  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex]), ne), Y = me(() => p.markerStart ? `url('#${Ln(p.markerStart, g)}')` : void 0, [p.markerStart, g]), X = me(() => p.markerEnd ? `url('#${Ln(p.markerEnd, g)}')` : void 0, [p.markerEnd, g]);
+  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex]), te), Y = me(() => p.markerStart ? `url('#${Ln(p.markerStart, g)}')` : void 0, [p.markerStart, g]), X = me(() => p.markerEnd ? `url('#${Ln(p.markerEnd, g)}')` : void 0, [p.markerEnd, g]);
   if (p.hidden || C === null || $ === null || M === null || T === null)
     return null;
   const F = (q) => {
@@ -5318,7 +5318,7 @@ function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
     a(q, { ...p });
   } : void 0, G = c ? (q) => {
     c(q, { ...p });
-  } : void 0, te = l ? (q) => {
+  } : void 0, ee = l ? (q) => {
     l(q, { ...p });
   } : void 0, Q = (q) => {
     if (!_ && jr.includes(q.key) && I) {
@@ -5335,10 +5335,10 @@ function Eh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       selected: p.selected,
       animated: p.animated,
       inactive: !I && !r,
-      updating: V,
+      updating: O,
       selectable: I
     }
-  ]), onClick: F, onDoubleClick: Z, onContextMenu: L, onMouseEnter: W, onMouseMove: G, onMouseLeave: te, onKeyDown: S ? Q : void 0, tabIndex: S ? 0 : void 0, role: S ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": S ? `${Ii}-${g}` : void 0, ref: A, children: [!H && z(k, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: I, deletable: p.deletable ?? !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: Y, markerEnd: X, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), P && z(bh, { edge: p, isReconnectable: P, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: O, targetPosition: R, setUpdateHover: D, setReconnecting: m })] }) });
+  ]), onClick: F, onDoubleClick: Z, onContextMenu: L, onMouseEnter: W, onMouseMove: G, onMouseLeave: ee, onKeyDown: S ? Q : void 0, tabIndex: S ? 0 : void 0, role: S ? "button" : "img", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": S ? `${Ii}-${g}` : void 0, ref: A, children: [!H && z(k, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: I, deletable: p.deletable ?? !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: V, targetPosition: R, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: Y, markerEnd: X, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), P && z(bh, { edge: p, isReconnectable: P, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: h, sourceX: C, sourceY: $, targetX: M, targetY: T, sourcePosition: V, targetPosition: R, setUpdateHover: D, setReconnecting: m })] }) });
 }
 const Sh = (e) => ({
   edgesFocusable: e.edgesFocusable,
@@ -5348,7 +5348,7 @@ const Sh = (e) => ({
   onError: e.onError
 });
 function ts({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: o, noPanClassName: r, onReconnect: i, onEdgeContextMenu: s, onEdgeMouseEnter: a, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: d, reconnectRadius: u, onEdgeDoubleClick: f, onReconnectStart: h, onReconnectEnd: g, disableKeyboardA11y: y }) {
-  const { edgesFocusable: b, edgesReconnectable: x, elementsSelectable: _, onError: p } = K(Sh, ne), w = lh(t);
+  const { edgesFocusable: b, edgesReconnectable: x, elementsSelectable: _, onError: p } = K(Sh, te), w = lh(t);
   return se("div", { className: "react-flow__edges", children: [z(gh, { defaultColor: e, rfId: n }), w.map((N) => z(Eh, { id: N, edgesFocusable: b, edgesReconnectable: x, elementsSelectable: _, noPanClassName: r, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, onClick: d, reconnectRadius: u, onDoubleClick: f, onReconnectStart: h, onReconnectEnd: g, rfId: n, onError: p, edgeTypes: o, disableKeyboardA11y: y }, N))] });
 }
 ts.displayName = "EdgeRenderer";
@@ -5365,7 +5365,7 @@ function kh(e) {
 }
 const $h = (e) => e.panZoom?.syncViewport;
 function Ih(e) {
-  const t = K($h), n = ee();
+  const t = K($h), n = ne();
   return j(() => {
     e && (t?.(e), n.setState({ transform: [e.x, e.y, e.zoom] }));
   }, [e, t]), null;
@@ -5378,7 +5378,7 @@ function Ph(e) {
 }
 function zh(e) {
   const t = Ph();
-  return K(t, ne);
+  return K(t, te);
 }
 const Th = (e) => ({
   nodesConnectable: e.nodesConnectable,
@@ -5388,7 +5388,7 @@ const Th = (e) => ({
   height: e.height
 });
 function Dh({ containerStyle: e, style: t, type: n, component: o }) {
-  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = K(Th, ne);
+  const { nodesConnectable: r, width: i, height: s, isValid: a, inProgress: c } = K(Th, te);
   return !(i && r && c) ? null : z("svg", { style: e, width: i, height: s, className: "react-flow__connectionline react-flow__container", children: z("g", { className: re(["react-flow__connection", ti(a)]), children: z(ns, { style: t, type: n, CustomComponent: o, isValid: a }) }) });
 }
 const ns = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) => {
@@ -5430,18 +5430,18 @@ const ns = ({ style: e, type: t = Ie.Bezier, CustomComponent: n, isValid: o }) =
 ns.displayName = "ConnectionLine";
 const Hh = {};
 function yr(e = Hh) {
-  J(e), ee(), j(() => {
+  J(e), ne(), j(() => {
   }, [e]);
 }
-function Vh() {
-  ee(), J(!1), j(() => {
+function Oh() {
+  ne(), J(!1), j(() => {
   }, []);
 }
-function os({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: h, connectionLineType: g, connectionLineStyle: y, connectionLineComponent: b, connectionLineContainerStyle: x, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, deleteKeyCode: P, onlyRenderVisibleElements: I, elementsSelectable: A, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: m, preventScrolling: E, defaultMarkerColor: v, zoomOnScroll: C, zoomOnPinch: $, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: O, zoomOnDoubleClick: R, panOnDrag: Y, onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneScroll: W, onPaneContextMenu: G, paneClickDistance: te, nodeClickDistance: Q, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: gn, rfId: et, viewport: tt, onViewportChange: Et }) {
-  return yr(e), yr(t), Vh(), kh(n), Ih(tt), z(eh, { onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneContextMenu: G, onPaneScroll: W, paneClickDistance: te, deleteKeyCode: P, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, elementsSelectable: A, zoomOnScroll: C, zoomOnPinch: $, zoomOnDoubleClick: R, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: O, panOnDrag: Y, defaultViewport: V, translateExtent: D, minZoom: H, maxZoom: m, onSelectionContextMenu: u, preventScrolling: E, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: Et, isControlledViewport: !!tt, children: se(Mh, { children: [z(Nh, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, onlyRenderVisibleElements: I, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), z(Dh, { style: y, type: g, component: b, containerStyle: x }), z("div", { className: "react-flow__edgelabel-renderer" }), z(ch, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: gn, rfId: et }), z("div", { className: "react-flow__viewport-portal" })] }) });
+function os({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: o, onEdgeClick: r, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: h, connectionLineType: g, connectionLineStyle: y, connectionLineComponent: b, connectionLineContainerStyle: x, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, deleteKeyCode: P, onlyRenderVisibleElements: I, elementsSelectable: A, defaultViewport: O, translateExtent: D, minZoom: H, maxZoom: m, preventScrolling: E, defaultMarkerColor: v, zoomOnScroll: C, zoomOnPinch: $, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: V, zoomOnDoubleClick: R, panOnDrag: Y, onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneScroll: W, onPaneContextMenu: G, paneClickDistance: ee, nodeClickDistance: Q, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, nodeExtent: gn, rfId: et, viewport: tt, onViewportChange: Et }) {
+  return yr(e), yr(t), Oh(), kh(n), Ih(tt), z(eh, { onPaneClick: X, onPaneMouseEnter: F, onPaneMouseMove: Z, onPaneMouseLeave: L, onPaneContextMenu: G, onPaneScroll: W, paneClickDistance: ee, deleteKeyCode: P, selectionKeyCode: _, selectionOnDrag: p, selectionMode: w, onSelectionStart: f, onSelectionEnd: h, multiSelectionKeyCode: N, panActivationKeyCode: k, zoomActivationKeyCode: S, elementsSelectable: A, zoomOnScroll: C, zoomOnPinch: $, zoomOnDoubleClick: R, panOnScroll: M, panOnScrollSpeed: T, panOnScrollMode: V, panOnDrag: Y, defaultViewport: O, translateExtent: D, minZoom: H, maxZoom: m, onSelectionContextMenu: u, preventScrolling: E, noDragClassName: Qe, noWheelClassName: hn, noPanClassName: Je, disableKeyboardA11y: je, onViewportChange: Et, isControlledViewport: !!tt, children: se(Mh, { children: [z(Nh, { edgeTypes: t, onEdgeClick: r, onEdgeDoubleClick: s, onReconnect: un, onReconnectStart: dn, onReconnectEnd: fn, onlyRenderVisibleElements: I, onEdgeContextMenu: q, onEdgeMouseEnter: U, onEdgeMouseMove: oe, onEdgeMouseLeave: ae, reconnectRadius: Pe, defaultMarkerColor: v, noPanClassName: Je, disableKeyboardA11y: je, rfId: et }), z(Dh, { style: y, type: g, component: b, containerStyle: x }), z("div", { className: "react-flow__edgelabel-renderer" }), z(ch, { nodeTypes: e, onNodeClick: o, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: Q, onlyRenderVisibleElements: I, noPanClassName: Je, noDragClassName: Qe, disableKeyboardA11y: je, nodeExtent: gn, rfId: et }), z("div", { className: "react-flow__viewport-portal" })] }) });
 }
 os.displayName = "GraphView";
-const Oh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c } = {}) => {
+const Vh = ie(os), wr = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, width: r, height: i, fitView: s, nodeOrigin: a, nodeExtent: c } = {}) => {
   const l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), h = o ?? t ?? [], g = n ?? e ?? [], y = a ?? [0, 0], b = c ?? ht;
   wi(u, f, h), Bn(g, l, d, {
     nodeOrigin: y,
@@ -5727,11 +5727,11 @@ const Fh = {
   position: "relative",
   zIndex: 0
 };
-function Xh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onSelectionChange: H, onSelectionDragStart: m, onSelectionDrag: E, onSelectionDragStop: v, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onBeforeDelete: T, connectionMode: O, connectionLineType: R = Ie.Bezier, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, deleteKeyCode: Z = "Backspace", selectionKeyCode: L = "Shift", selectionOnDrag: W = !1, selectionMode: G = gt.Full, panActivationKeyCode: te = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: q = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, nodeOrigin: Qe = Ai, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: gn = wf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: Et = ht, preventScrolling: as = !0, nodeExtent: pn, defaultMarkerColor: cs = "#b1b1b7", zoomOnScroll: ls = !0, zoomOnPinch: us = !0, panOnScroll: ds = !1, panOnScrollSpeed: fs = 0.5, panOnScrollMode: hs = He.Free, zoomOnDoubleClick: gs = !0, panOnDrag: ps = !0, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo = 0, nodeClickDistance: bs = 0, children: Es, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps = 10, onNodesChange: zs, onEdgesChange: Ts, noDragClassName: Ds = "nodrag", noWheelClassName: Hs = "nowheel", noPanClassName: uo = "nopan", fitView: fo, fitViewOptions: Vs, connectOnClick: Os, attributionPosition: Rs, proOptions: Ls, defaultEdgeOptions: Bs, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, connectionRadius: qs, isValidConnection: Gs, onError: Ks, style: Us, id: go, nodeDragThreshold: Qs, viewport: Js, onViewportChange: js, width: ea, height: ta, colorMode: na = "light", debug: oa, onScroll: po, ...ra }, ia) {
+function Xh({ nodes: e, edges: t, defaultNodes: n, defaultEdges: o, className: r, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onNodesDelete: A, onEdgesDelete: O, onDelete: D, onSelectionChange: H, onSelectionDragStart: m, onSelectionDrag: E, onSelectionDragStop: v, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onBeforeDelete: T, connectionMode: V, connectionLineType: R = Ie.Bezier, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, deleteKeyCode: Z = "Backspace", selectionKeyCode: L = "Shift", selectionOnDrag: W = !1, selectionMode: G = gt.Full, panActivationKeyCode: ee = "Space", multiSelectionKeyCode: Q = Zt() ? "Meta" : "Control", zoomActivationKeyCode: q = Zt() ? "Meta" : "Control", snapToGrid: U, snapGrid: oe, onlyRenderVisibleElements: ae = !1, selectNodesOnDrag: Pe, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, nodeOrigin: Qe = Ai, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je = !0, defaultViewport: gn = wf, minZoom: et = 0.5, maxZoom: tt = 2, translateExtent: Et = ht, preventScrolling: as = !0, nodeExtent: pn, defaultMarkerColor: cs = "#b1b1b7", zoomOnScroll: ls = !0, zoomOnPinch: us = !0, panOnScroll: ds = !1, panOnScrollSpeed: fs = 0.5, panOnScrollMode: hs = He.Free, zoomOnDoubleClick: gs = !0, panOnDrag: ps = !0, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo = 0, nodeClickDistance: bs = 0, children: Es, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps = 10, onNodesChange: zs, onEdgesChange: Ts, noDragClassName: Ds = "nodrag", noWheelClassName: Hs = "nowheel", noPanClassName: uo = "nopan", fitView: fo, fitViewOptions: Os, connectOnClick: Vs, attributionPosition: Rs, proOptions: Ls, defaultEdgeOptions: Bs, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, disableKeyboardA11y: ho = !1, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, connectionRadius: qs, isValidConnection: Gs, onError: Ks, style: Us, id: go, nodeDragThreshold: Qs, viewport: Js, onViewportChange: js, width: ea, height: ta, colorMode: na = "light", debug: oa, onScroll: po, ...ra }, ia) {
   const mn = go || "1", sa = bf(na), aa = ue((mo) => {
     mo.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" }), po?.(mo);
   }, [po]);
-  return z("div", { "data-testid": "rf__wrapper", ...ra, onScroll: aa, style: { ...Us, ...Fh }, ref: ia, className: re(["react-flow", r, sa]), id: go, children: se(Bh, { nodes: e, edges: t, width: ea, height: ta, fitView: fo, nodeOrigin: Qe, nodeExtent: pn, children: [z(Oh, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, nodeTypes: i, edgeTypes: s, connectionLineType: R, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, selectionKeyCode: L, selectionOnDrag: W, selectionMode: G, deleteKeyCode: Z, multiSelectionKeyCode: Q, panActivationKeyCode: te, zoomActivationKeyCode: q, onlyRenderVisibleElements: ae, defaultViewport: gn, translateExtent: Et, minZoom: et, maxZoom: tt, preventScrolling: as, zoomOnScroll: ls, zoomOnPinch: us, zoomOnDoubleClick: gs, panOnScroll: ds, panOnScrollSpeed: fs, panOnScrollMode: hs, panOnDrag: ps, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo, nodeClickDistance: bs, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps, defaultMarkerColor: cs, noDragClassName: Ds, noWheelClassName: Hs, noPanClassName: uo, rfId: mn, disableKeyboardA11y: ho, nodeExtent: pn, viewport: Js, onViewportChange: js }), z(_f, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, minZoom: et, maxZoom: tt, nodeExtent: pn, onNodesChange: zs, onEdgesChange: Ts, snapToGrid: U, snapGrid: oe, connectionMode: O, translateExtent: Et, connectOnClick: Os, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Vs, onNodesDelete: A, onEdgesDelete: V, onDelete: D, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onSelectionDrag: E, onSelectionDragStart: m, onSelectionDragStop: v, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: uo, nodeOrigin: Qe, rfId: mn, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, onError: Ks, connectionRadius: qs, isValidConnection: Gs, selectNodesOnDrag: Pe, nodeDragThreshold: Qs, onBeforeDelete: T, paneClickDistance: lo, debug: oa }), z(yf, { onSelectionChange: H }), Es, z(ff, { proOptions: Ls, position: Rs }), z(uf, { rfId: mn, disableKeyboardA11y: ho })] }) });
+  return z("div", { "data-testid": "rf__wrapper", ...ra, onScroll: aa, style: { ...Us, ...Fh }, ref: ia, className: re(["react-flow", r, sa]), id: go, children: se(Bh, { nodes: e, edges: t, width: ea, height: ta, fitView: fo, nodeOrigin: Qe, nodeExtent: pn, children: [z(Vh, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: _, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: N, onNodeDoubleClick: k, nodeTypes: i, edgeTypes: s, connectionLineType: R, connectionLineStyle: Y, connectionLineComponent: X, connectionLineContainerStyle: F, selectionKeyCode: L, selectionOnDrag: W, selectionMode: G, deleteKeyCode: Z, multiSelectionKeyCode: Q, panActivationKeyCode: ee, zoomActivationKeyCode: q, onlyRenderVisibleElements: ae, defaultViewport: gn, translateExtent: Et, minZoom: et, maxZoom: tt, preventScrolling: as, zoomOnScroll: ls, zoomOnPinch: us, zoomOnDoubleClick: gs, panOnScroll: ds, panOnScrollSpeed: fs, panOnScrollMode: hs, panOnDrag: ps, onPaneClick: ms, onPaneMouseEnter: ys, onPaneMouseMove: ws, onPaneMouseLeave: xs, onPaneScroll: vs, onPaneContextMenu: _s, paneClickDistance: lo, nodeClickDistance: bs, onSelectionContextMenu: C, onSelectionStart: $, onSelectionEnd: M, onReconnect: Ss, onReconnectStart: Ns, onReconnectEnd: Cs, onEdgeContextMenu: Ms, onEdgeDoubleClick: ks, onEdgeMouseEnter: $s, onEdgeMouseMove: Is, onEdgeMouseLeave: As, reconnectRadius: Ps, defaultMarkerColor: cs, noDragClassName: Ds, noWheelClassName: Hs, noPanClassName: uo, rfId: mn, disableKeyboardA11y: ho, nodeExtent: pn, viewport: Js, onViewportChange: js }), z(_f, { nodes: e, edges: t, defaultNodes: n, defaultEdges: o, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: b, onClickConnectEnd: x, nodesDraggable: un, nodesConnectable: dn, nodesFocusable: fn, edgesFocusable: hn, edgesReconnectable: Je, elementsSelectable: je, elevateNodesOnSelect: Fs, elevateEdgesOnSelect: Xs, minZoom: et, maxZoom: tt, nodeExtent: pn, onNodesChange: zs, onEdgesChange: Ts, snapToGrid: U, snapGrid: oe, connectionMode: V, translateExtent: Et, connectOnClick: Vs, defaultEdgeOptions: Bs, fitView: fo, fitViewOptions: Os, onNodesDelete: A, onEdgesDelete: O, onDelete: D, onNodeDragStart: S, onNodeDrag: P, onNodeDragStop: I, onSelectionDrag: E, onSelectionDragStart: m, onSelectionDragStop: v, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: uo, nodeOrigin: Qe, rfId: mn, autoPanOnConnect: Ys, autoPanOnNodeDrag: Zs, autoPanSpeed: Ws, onError: Ks, connectionRadius: qs, isValidConnection: Gs, selectNodesOnDrag: Pe, nodeDragThreshold: Qs, onBeforeDelete: T, paneClickDistance: lo, debug: oa }), z(yf, { onSelectionChange: H }), Es, z(ff, { proOptions: Ls, position: Rs }), z(uf, { rfId: mn, disableKeyboardA11y: ho })] }) });
 }
 var _g = Di(Xh);
 const Yh = (e) => e.domNode?.querySelector(".react-flow__edgelabel-renderer");
@@ -5747,18 +5747,8 @@ function Sg(e) {
   const [t, n] = fe(e), o = ue((r) => n((i) => Ti(r, i)), []);
   return [t, n, o];
 }
-function Ng({ onStart: e, onChange: t, onEnd: n }) {
-  const o = ee();
-  j(() => {
-    o.setState({ onViewportChangeStart: e });
-  }, [e]), j(() => {
-    o.setState({ onViewportChange: t });
-  }, [t]), j(() => {
-    o.setState({ onViewportChangeEnd: n });
-  }, [n]);
-}
-function Cg(e) {
-  return K(ue((n) => n.nodeLookup.get(e), [e]), ne);
+function Ng(e) {
+  return K(ue((n) => n.nodeLookup.get(e), [e]), te);
 }
 function Zh({ dimensions: e, lineWidth: t, variant: n, className: o }) {
   return z("path", { strokeWidth: t, d: `M${e[0] / 2} 0 V${e[1]} M0 ${e[1] / 2} H${e[0]}`, className: re(["react-flow__background-pattern", n, o]) });
@@ -5790,7 +5780,7 @@ function rs({
   className: l,
   patternClassName: d
 }) {
-  const u = J(null), { transform: f, patternId: h } = K(Gh, ne), g = o || qh[t], y = t === Ae.Dots, b = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], _ = [x[0] * f[2] || 1, x[1] * f[2] || 1], p = g * f[2], w = Array.isArray(i) ? i : [i, i], N = b ? [p, p] : _, k = [
+  const u = J(null), { transform: f, patternId: h } = K(Gh, te), g = o || qh[t], y = t === Ae.Dots, b = t === Ae.Cross, x = Array.isArray(n) ? n : [n, n], _ = [x[0] * f[2] || 1, x[1] * f[2] || 1], p = g * f[2], w = Array.isArray(i) ? i : [i, i], N = b ? [p, p] : _, k = [
     w[0] * f[2] || 1 + N[0] / 2,
     w[1] * f[2] || 1 + N[1] / 2
   ], S = `${h}${e || ""}`;
@@ -5802,7 +5792,7 @@ function rs({
   }, ref: u, "data-testid": "rf__background", children: [z("pattern", { id: S, x: f[0] % _[0], y: f[1] % _[1], width: _[0], height: _[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${k[0]},-${k[1]})`, children: y ? z(Wh, { radius: p / 2, className: d }) : z(Zh, { dimensions: N, lineWidth: r, variant: t, className: d }) }), z("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${S})` })] });
 }
 rs.displayName = "Background";
-const Mg = ie(rs);
+const Cg = ie(rs);
 function Kh() {
   return z("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", children: z("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }) });
 }
@@ -5827,7 +5817,7 @@ const eg = (e) => ({
   maxZoomReached: e.transform[2] >= e.maxZoom
 });
 function is({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: o = !0, fitViewOptions: r, onZoomIn: i, onZoomOut: s, onFitView: a, onInteractiveChange: c, className: l, children: d, position: u = "bottom-left", orientation: f = "vertical", "aria-label": h = "React Flow controls" }) {
-  const g = ee(), { isInteractive: y, minZoomReached: b, maxZoomReached: x } = K(eg, ne), { zoomIn: _, zoomOut: p, fitView: w } = so(), N = () => {
+  const g = ne(), { isInteractive: y, minZoomReached: b, maxZoomReached: x } = K(eg, te), { zoomIn: _, zoomOut: p, fitView: w } = so(), N = () => {
     _(), i?.();
   }, k = () => {
     p(), s?.();
@@ -5866,7 +5856,7 @@ function rg({
   nodeComponent: i = ng,
   onClick: s
 }) {
-  const a = K(og, ne), c = Cn(t), l = Cn(e), d = Cn(n), u = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
+  const a = K(og, te), c = Cn(t), l = Cn(e), d = Cn(n), u = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
   return z(Ne, { children: a.map((f) => (
     /*
      * The split of responsibilities between MiniMapNodes and
@@ -5888,7 +5878,7 @@ function ig({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
       width: _,
       height: p
     };
-  }, ne);
+  }, te);
   return !l || l.hidden || !li(l) ? null : z(a, { x: d, y: u, width: f, height: h, style: l.style, selected: !!l.selected, className: o(l), color: t(l), borderRadius: r, strokeColor: n(l), strokeWidth: i, shapeRendering: s, onClick: c, id: l.id });
 }
 const sg = ie(ig);
@@ -5937,7 +5927,7 @@ function ss({
   zoomStep: p = 10,
   offsetScale: w = 5
 }) {
-  const N = ee(), k = J(null), { boundingRect: S, viewBB: P, rfId: I, panZoom: A, translateExtent: V, flowWidth: D, flowHeight: H } = K(ug, ne), m = e?.width ?? cg, E = e?.height ?? lg, v = S.width / m, C = S.height / E, $ = Math.max(v, C), M = $ * m, T = $ * E, O = w * $, R = S.x - (M - S.width) / 2 - O, Y = S.y - (T - S.height) / 2 - O, X = M + O * 2, F = T + O * 2, Z = `${dg}-${I}`, L = J(0), W = J();
+  const N = ne(), k = J(null), { boundingRect: S, viewBB: P, rfId: I, panZoom: A, translateExtent: O, flowWidth: D, flowHeight: H } = K(ug, te), m = e?.width ?? cg, E = e?.height ?? lg, v = S.width / m, C = S.height / E, $ = Math.max(v, C), M = $ * m, T = $ * E, V = w * $, R = S.x - (M - S.width) / 2 - V, Y = S.y - (T - S.height) / 2 - V, X = M + V * 2, F = T + V * 2, Z = `${dg}-${I}`, L = J(0), W = J();
   L.current = $, j(() => {
     if (k.current && A)
       return W.current = Hd({
@@ -5950,7 +5940,7 @@ function ss({
       };
   }, [A]), j(() => {
     W.current?.update({
-      translateExtent: V,
+      translateExtent: O,
       width: D,
       height: H,
       inversePan: _,
@@ -5958,11 +5948,11 @@ function ss({
       zoomStep: p,
       zoomable: b
     });
-  }, [y, b, _, p, V, D, H]);
+  }, [y, b, _, p, O, D, H]);
   const G = h ? (Q) => {
     const [q, U] = W.current?.pointer(Q) || [0, 0];
     h(Q, { x: q, y: U });
-  } : void 0, te = g ? ue((Q, q) => {
+  } : void 0, ee = g ? ue((Q, q) => {
     const U = N.getState().nodeLookup.get(q);
     g(Q, U);
   }, []) : void 0;
@@ -5975,45 +5965,45 @@ function ss({
     "--xy-minimap-node-background-color-props": typeof o == "string" ? o : void 0,
     "--xy-minimap-node-stroke-color-props": typeof n == "string" ? n : void 0,
     "--xy-minimap-node-stroke-width-props": typeof s == "string" ? s : void 0
-  }, className: re(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: se("svg", { width: m, height: E, viewBox: `${R} ${Y} ${X} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Z, ref: k, onClick: G, children: [x && z("title", { id: Z, children: x }), z(ag, { onClick: te, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), z("path", { className: "react-flow__minimap-mask", d: `M${R - O},${Y - O}h${X + O * 2}v${F + O * 2}h${-X - O * 2}z
+  }, className: re(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: se("svg", { width: m, height: E, viewBox: `${R} ${Y} ${X} ${F}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": Z, ref: k, onClick: G, children: [x && z("title", { id: Z, children: x }), z(ag, { onClick: ee, nodeColor: o, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: r, nodeStrokeWidth: s, nodeComponent: a }), z("path", { className: "react-flow__minimap-mask", d: `M${R - V},${Y - V}h${X + V * 2}v${F + V * 2}h${-X - V * 2}z
         M${P.x},${P.y}h${P.width}v${P.height}h${-P.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 ss.displayName = "MiniMap";
 ie(ss);
 function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, style: r = {}, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: u = !1, shouldResize: f, onResizeStart: h, onResize: g, onResizeEnd: y }) {
-  const b = co(), x = typeof e == "string" ? e : b, _ = ee(), p = J(null), w = n === at.Line ? "right" : "bottom-right", N = t ?? w, k = J(null);
+  const b = co(), x = typeof e == "string" ? e : b, _ = ne(), p = J(null), w = n === at.Line ? "right" : "bottom-right", N = t ?? w, k = J(null);
   j(() => {
     if (!(!p.current || !x))
       return k.current || (k.current = Qd({
         domNode: p.current,
         nodeId: x,
         getStoreItems: () => {
-          const { nodeLookup: A, transform: V, snapGrid: D, snapToGrid: H, nodeOrigin: m, domNode: E } = _.getState();
+          const { nodeLookup: A, transform: O, snapGrid: D, snapToGrid: H, nodeOrigin: m, domNode: E } = _.getState();
           return {
             nodeLookup: A,
-            transform: V,
+            transform: O,
             snapGrid: D,
             snapToGrid: H,
             nodeOrigin: m,
             paneDomNode: E
           };
         },
-        onChange: (A, V) => {
+        onChange: (A, O) => {
           const { triggerNodeChanges: D, nodeLookup: H, parentLookup: m, nodeOrigin: E } = _.getState(), v = [], C = { x: A.x, y: A.y }, $ = H.get(x);
           if ($ && $.expandParent && $.parentId) {
-            const M = $.origin ?? E, T = A.width ?? $.measured.width ?? 0, O = A.height ?? $.measured.height ?? 0, R = {
+            const M = $.origin ?? E, T = A.width ?? $.measured.width ?? 0, V = A.height ?? $.measured.height ?? 0, R = {
               id: $.id,
               parentId: $.parentId,
               rect: {
                 width: T,
-                height: O,
+                height: V,
                 ...ui({
                   x: A.x ?? $.position.x,
                   y: A.y ?? $.position.y
-                }, { width: T, height: O }, $.parentId, H, M)
+                }, { width: T, height: V }, $.parentId, H, M)
               }
             }, Y = io([R], H, m, E);
-            v.push(...Y), C.x = A.x ? Math.max(M[0] * T, A.x) : void 0, C.y = A.y ? Math.max(M[1] * O, A.y) : void 0;
+            v.push(...Y), C.x = A.x ? Math.max(M[0] * T, A.x) : void 0, C.y = A.y ? Math.max(M[1] * V, A.y) : void 0;
           }
           if (C.x !== void 0 && C.y !== void 0) {
             const M = {
@@ -6036,7 +6026,7 @@ function fg({ nodeId: e, position: t, variant: n = at.Handle, className: o, styl
             };
             v.push(M);
           }
-          for (const M of V) {
+          for (const M of O) {
             const T = {
               ...M,
               type: "position"
@@ -6103,11 +6093,11 @@ const pg = (e, t) => e?.internals.positionAbsolute.x !== t?.internals.positionAb
   zoom: e.transform[2],
   selectedNodesCount: e.nodes.filter((t) => t.selected).length
 });
-function kg({ nodeId: e, children: t, className: n, style: o, isVisible: r, position: i = B.Top, offset: s = 10, align: a = "center", ...c }) {
+function Mg({ nodeId: e, children: t, className: n, style: o, isVisible: r, position: i = B.Top, offset: s = 10, align: a = "center", ...c }) {
   const l = co(), d = ue((N) => (Array.isArray(e) ? e : [e || l || ""]).reduce((P, I) => {
     const A = N.nodeLookup.get(I);
     return A && P.set(A.id, A), P;
-  }, /* @__PURE__ */ new Map()), [e, l]), u = K(d, mg), { x: f, y: h, zoom: g, selectedNodesCount: y } = K(yg, ne);
+  }, /* @__PURE__ */ new Map()), [e, l]), u = K(d, mg), { x: f, y: h, zoom: g, selectedNodesCount: y } = K(yg, te);
   if (!(typeof r == "boolean" ? r : u.size === 1 && u.values().next().value?.selected && y === 1) || !u.size)
     return null;
   const x = Ue(u), _ = Array.from(u.values()), p = Math.max(..._.map((N) => N.internals.z + 1)), w = {
@@ -6122,29 +6112,28 @@ export {
   ln as B,
   bg as E,
   Wt as H,
-  kg as N,
+  Mg as N,
   B as P,
   Lh as R,
   Sg as a,
-  Mg as b,
+  Cg as b,
   Ae as c,
-  ee as d,
+  ne as d,
   K as e,
   so as f,
-  Cg as g,
+  Ng as g,
   Ce as h,
   _g as i,
-  Ng as j,
-  la as k,
-  gi as l,
-  an as m,
-  to as n,
-  Ti as o,
-  zi as p,
-  Zt as q,
-  ai as r,
-  tn as s,
-  Ge as t,
+  la as j,
+  gi as k,
+  an as l,
+  to as m,
+  Ti as n,
+  zi as o,
+  Zt as p,
+  ai as q,
+  tn as r,
+  Ge as s,
   Eg as u,
   ka as w
 };