@graph-render/react 1.0.1 → 1.0.2

package/dist/index.js

@@ -1,9 +1,9 @@
-import { LayoutType as Me, EdgeType as vr, LayoutDirection as tr } from "@graph-render/types";
-import { EdgeType as ei, LayoutDirection as ri, LayoutType as ni, NodeSide as ii } from "@graph-render/types";
-import re, { useState as Et, useMemo as k, useCallback as K, useRef as pt, useEffect as te, useLayoutEffect as an, useId as cn, useImperativeHandle as un } from "react";
-import { groupEdgesByTarget as ln, sortEdgesBySourcePosition as fn, fromTypedNxGraph as dn, layoutNodes as er, routeEdges as xr, buildEdgePath as hn, normalizeGraphConfig as pn, DEFAULT_THEME as wr } from "@graph-render/core";
-import { buildEdgePath as si, fromNxGraph as ai, layoutNodes as ci, renderGraphToSvg as ui, routeEdges as li } from "@graph-render/core";
-var rr = { exports: {} }, fe = {};
+import { LayoutType as Me, EdgeType as fr, LayoutDirection as qe } from "@graph-render/types";
+import { EdgeType as Vn, LayoutDirection as qn, LayoutType as Jn, NodeSide as Zn } from "@graph-render/types";
+import oe, { useState as _t, useMemo as M, useCallback as J, useRef as pt, useEffect as ne, useLayoutEffect as Zr, useId as Qr, useImperativeHandle as tn } from "react";
+import { groupEdgesByTarget as en, sortEdgesBySourcePosition as rn, fromTypedNxGraph as nn, layoutNodes as Je, routeEdges as dr, buildEdgePath as on, normalizeGraphConfig as sn, DEFAULT_THEME as hr } from "@graph-render/core";
+import { buildEdgePath as ti, fromNxGraph as ei, layoutNodes as ri, renderGraphToSvg as ni, routeEdges as ii } from "@graph-render/core";
+var Ze = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var rr = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var br;
-function mn() {
-  if (br) return fe;
-  br = 1;
-  var e = re, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(u, w, T) {
-    var v, m = {}, g = null, I = null;
-    T !== void 0 && (g = "" + T), w.key !== void 0 && (g = "" + w.key), w.ref !== void 0 && (I = w.ref);
-    for (v in w) i.call(w, v) && !c.hasOwnProperty(v) && (m[v] = w[v]);
-    if (u && u.defaultProps) for (v in w = u.defaultProps, w) m[v] === void 0 && (m[v] = w[v]);
-    return { $$typeof: r, type: u, key: g, ref: I, props: m, _owner: o.current };
+var pr;
+function an() {
+  if (pr) return ge;
+  pr = 1;
+  var e = oe, r = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(u, b, I) {
+    var y, p = {}, m = null, E = null;
+    I !== void 0 && (m = "" + I), b.key !== void 0 && (m = "" + b.key), b.ref !== void 0 && (E = b.ref);
+    for (y in b) i.call(b, y) && !a.hasOwnProperty(y) && (p[y] = b[y]);
+    if (u && u.defaultProps) for (y in b = u.defaultProps, b) p[y] === void 0 && (p[y] = b[y]);
+    return { $$typeof: r, type: u, key: m, ref: E, props: p, _owner: s.current };
   }
-  return fe.Fragment = s, fe.jsx = h, fe.jsxs = h, fe;
+  return ge.Fragment = o, ge.jsx = d, ge.jsxs = d, ge;
 }
-var de = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +37,91 @@ var de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ir;
-function yn() {
-  return Ir || (Ir = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = re, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), u = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), l = Symbol.iterator, L = "@@iterator";
-    function X(t) {
+var mr;
+function cn() {
+  return mr || (mr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = oe, r = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), l = Symbol.iterator, R = "@@iterator";
+    function W(t) {
       if (t === null || typeof t != "object")
         return null;
-      var a = l && t[l] || t[L];
-      return typeof a == "function" ? a : null;
+      var c = l && t[l] || t[R];
+      return typeof c == "function" ? c : null;
     }
-    var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(t) {
+    var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(t) {
       {
-        for (var a = arguments.length, f = new Array(a > 1 ? a - 1 : 0), R = 1; R < a; R++)
-          f[R - 1] = arguments[R];
-        _("error", t, f);
+        for (var c = arguments.length, h = new Array(c > 1 ? c - 1 : 0), P = 1; P < c; P++)
+          h[P - 1] = arguments[P];
+        w("error", t, h);
       }
     }
-    function _(t, a, f) {
+    function w(t, c, h) {
       {
-        var R = y.ReactDebugCurrentFrame, M = R.getStackAddendum();
-        M !== "" && (a += "%s", f = f.concat([M]));
-        var W = f.map(function(z) {
-          return String(z);
+        var P = g.ReactDebugCurrentFrame, N = P.getStackAddendum();
+        N !== "" && (c += "%s", h = h.concat([N]));
+        var X = h.map(function(j) {
+          return String(j);
         });
-        W.unshift("Warning: " + a), Function.prototype.apply.call(console[t], console, W);
+        X.unshift("Warning: " + c), Function.prototype.apply.call(console[t], console, X);
       }
     }
-    var x = !1, G = !1, ut = !1, rt = !1, S = !1, D;
-    D = Symbol.for("react.module.reference");
-    function H(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || S || t === o || t === T || t === v || rt || t === I || x || G || ut || typeof t == "object" && t !== null && (t.$$typeof === g || t.$$typeof === m || t.$$typeof === h || t.$$typeof === u || t.$$typeof === w || // This needs to include all possible module reference object
+    var v = !1, H = !1, ot = !1, ut = !1, S = !1, L;
+    L = Symbol.for("react.module.reference");
+    function et(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === a || S || t === s || t === I || t === y || ut || t === E || v || H || ot || typeof t == "object" && t !== null && (t.$$typeof === m || t.$$typeof === p || t.$$typeof === d || t.$$typeof === u || t.$$typeof === b || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      t.$$typeof === D || t.getModuleId !== void 0));
+      t.$$typeof === L || t.getModuleId !== void 0));
     }
-    function it(t, a, f) {
-      var R = t.displayName;
-      if (R)
-        return R;
-      var M = a.displayName || a.name || "";
-      return M !== "" ? f + "(" + M + ")" : f;
+    function B(t, c, h) {
+      var P = t.displayName;
+      if (P)
+        return P;
+      var N = c.displayName || c.name || "";
+      return N !== "" ? h + "(" + N + ")" : h;
     }
-    function q(t) {
+    function C(t) {
       return t.displayName || "Context";
     }
-    function V(t) {
+    function Y(t) {
       if (t == null)
         return null;
-      if (typeof t.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+      if (typeof t.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
       switch (t) {
         case i:
           return "Fragment";
-        case s:
+        case o:
           return "Portal";
-        case c:
+        case a:
           return "Profiler";
-        case o:
+        case s:
           return "StrictMode";
-        case T:
+        case I:
           return "Suspense";
-        case v:
+        case y:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case u:
-            var a = t;
-            return q(a) + ".Consumer";
-          case h:
-            var f = t;
-            return q(f._context) + ".Provider";
-          case w:
-            return it(t, t.render, "ForwardRef");
-          case m:
-            var R = t.displayName || null;
-            return R !== null ? R : V(t.type) || "Memo";
-          case g: {
-            var M = t, W = M._payload, z = M._init;
+            var c = t;
+            return C(c) + ".Consumer";
+          case d:
+            var h = t;
+            return C(h._context) + ".Provider";
+          case b:
+            return B(t, t.render, "ForwardRef");
+          case p:
+            var P = t.displayName || null;
+            return P !== null ? P : Y(t.type) || "Memo";
+          case m: {
+            var N = t, X = N._payload, j = N._init;
             try {
-              return V(z(W));
+              return Y(j(X));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function yn() {
         }
       return null;
     }
-    var at = Object.assign, O = 0, A, Y, J, dt, jt, vt, _t;
-    function Ft() {
+    var U = Object.assign, it = 0, A, O, F, G, zt, Yt, Kt;
+    function Wt() {
     }
-    Ft.__reactDisabledLog = !0;
-    function Kt() {
+    Wt.__reactDisabledLog = !0;
+    function Vt() {
       {
-        if (O === 0) {
-          A = console.log, Y = console.info, J = console.warn, dt = console.error, jt = console.group, vt = console.groupCollapsed, _t = console.groupEnd;
+        if (it === 0) {
+          A = console.log, O = console.info, F = console.warn, G = console.error, zt = console.group, Yt = console.groupCollapsed, Kt = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: Ft,
+            value: Wt,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,332 +153,332 @@ function yn() {
             groupEnd: t
           });
         }
-        O++;
+        it++;
       }
     }
-    function ot() {
+    function lt() {
       {
-        if (O--, O === 0) {
+        if (it--, it === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: at({}, t, {
+            log: U({}, t, {
               value: A
             }),
-            info: at({}, t, {
-              value: Y
+            info: U({}, t, {
+              value: O
             }),
-            warn: at({}, t, {
-              value: J
+            warn: U({}, t, {
+              value: F
             }),
-            error: at({}, t, {
-              value: dt
+            error: U({}, t, {
+              value: G
             }),
-            group: at({}, t, {
-              value: jt
+            group: U({}, t, {
+              value: zt
             }),
-            groupCollapsed: at({}, t, {
-              value: vt
+            groupCollapsed: U({}, t, {
+              value: Yt
             }),
-            groupEnd: at({}, t, {
-              value: _t
+            groupEnd: U({}, t, {
+              value: Kt
             })
           });
         }
-        O < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        it < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Q = y.ReactCurrentDispatcher, Lt;
-    function Tt(t, a, f) {
+    var rt = g.ReactCurrentDispatcher, Ot;
+    function Tt(t, c, h) {
       {
-        if (Lt === void 0)
+        if (Ot === void 0)
           try {
             throw Error();
-          } catch (M) {
-            var R = M.stack.trim().match(/\n( *(at )?)/);
-            Lt = R && R[1] || "";
+          } catch (N) {
+            var P = N.stack.trim().match(/\n( *(at )?)/);
+            Ot = P && P[1] || "";
           }
         return `
-` + Lt + t;
+` + Ot + t;
       }
     }
-    var mt = !1, Gt;
+    var mt = !1, qt;
     {
-      var De = typeof WeakMap == "function" ? WeakMap : Map;
-      Gt = new De();
+      var je = typeof WeakMap == "function" ? WeakMap : Map;
+      qt = new je();
     }
-    function me(t, a) {
+    function be(t, c) {
       if (!t || mt)
         return "";
       {
-        var f = Gt.get(t);
-        if (f !== void 0)
-          return f;
+        var h = qt.get(t);
+        if (h !== void 0)
+          return h;
       }
-      var R;
+      var P;
       mt = !0;
-      var M = Error.prepareStackTrace;
+      var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var W;
-      W = Q.current, Q.current = null, Kt();
+      var X;
+      X = rt.current, rt.current = null, Vt();
       try {
-        if (a) {
-          var z = function() {
+        if (c) {
+          var j = function() {
             throw Error();
           };
-          if (Object.defineProperty(z.prototype, "props", {
+          if (Object.defineProperty(j.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(z, []);
-            } catch (C) {
-              R = C;
+              Reflect.construct(j, []);
+            } catch (ct) {
+              P = ct;
             }
-            Reflect.construct(t, [], z);
+            Reflect.construct(t, [], j);
           } else {
             try {
-              z.call();
-            } catch (C) {
-              R = C;
+              j.call();
+            } catch (ct) {
+              P = ct;
             }
-            t.call(z.prototype);
+            t.call(j.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (C) {
-            R = C;
+          } catch (ct) {
+            P = ct;
           }
           t();
         }
-      } catch (C) {
-        if (C && R && typeof C.stack == "string") {
-          for (var j = C.stack.split(`
-`), nt = R.stack.split(`
-`), B = j.length - 1, Z = nt.length - 1; B >= 1 && Z >= 0 && j[B] !== nt[Z]; )
+      } catch (ct) {
+        if (ct && P && typeof ct.stack == "string") {
+          for (var D = ct.stack.split(`
+`), at = P.stack.split(`
+`), q = D.length - 1, Z = at.length - 1; q >= 1 && Z >= 0 && D[q] !== at[Z]; )
             Z--;
-          for (; B >= 1 && Z >= 0; B--, Z--)
-            if (j[B] !== nt[Z]) {
-              if (B !== 1 || Z !== 1)
+          for (; q >= 1 && Z >= 0; q--, Z--)
+            if (D[q] !== at[Z]) {
+              if (q !== 1 || Z !== 1)
                 do
-                  if (B--, Z--, Z < 0 || j[B] !== nt[Z]) {
-                    var ft = `
-` + j[B].replace(" at new ", " at ");
-                    return t.displayName && ft.includes("<anonymous>") && (ft = ft.replace("<anonymous>", t.displayName)), typeof t == "function" && Gt.set(t, ft), ft;
+                  if (q--, Z--, Z < 0 || D[q] !== at[Z]) {
+                    var Q = `
+` + D[q].replace(" at new ", " at ");
+                    return t.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", t.displayName)), typeof t == "function" && qt.set(t, Q), Q;
                   }
-                while (B >= 1 && Z >= 0);
+                while (q >= 1 && Z >= 0);
               break;
             }
         }
       } finally {
-        mt = !1, Q.current = W, ot(), Error.prepareStackTrace = M;
+        mt = !1, rt.current = X, lt(), Error.prepareStackTrace = N;
       }
-      var $ = t ? t.displayName || t.name : "", tt = $ ? Tt($) : "";
-      return typeof t == "function" && Gt.set(t, tt), tt;
+      var V = t ? t.displayName || t.name : "", Lt = V ? Tt(V) : "";
+      return typeof t == "function" && qt.set(t, Lt), Lt;
     }
-    function ne(t, a, f) {
-      return me(t, !1);
+    function se(t, c, h) {
+      return be(t, !1);
     }
-    function ie(t) {
-      var a = t.prototype;
-      return !!(a && a.isReactComponent);
+    function ae(t) {
+      var c = t.prototype;
+      return !!(c && c.isReactComponent);
     }
-    function ct(t, a, f) {
+    function ft(t, c, h) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return me(t, ie(t));
+        return be(t, ae(t));
       if (typeof t == "string")
         return Tt(t);
       switch (t) {
-        case T:
+        case I:
           return Tt("Suspense");
-        case v:
+        case y:
           return Tt("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case w:
-            return ne(t.render);
-          case m:
-            return ct(t.type, a, f);
-          case g: {
-            var R = t, M = R._payload, W = R._init;
+          case b:
+            return se(t.render);
+          case p:
+            return ft(t.type, c, h);
+          case m: {
+            var P = t, N = P._payload, X = P._init;
             try {
-              return ct(W(M), a, f);
+              return ft(X(N), c, h);
             } catch {
             }
           }
         }
       return "";
     }
-    var Pt = Object.prototype.hasOwnProperty, Yt = {}, Rt = y.ReactDebugCurrentFrame;
+    var Pt = Object.prototype.hasOwnProperty, $t = {}, Rt = g.ReactDebugCurrentFrame;
     function yt(t) {
       if (t) {
-        var a = t._owner, f = ct(t.type, t._source, a ? a.type : null);
-        Rt.setExtraStackFrame(f);
+        var c = t._owner, h = ft(t.type, t._source, c ? c.type : null);
+        Rt.setExtraStackFrame(h);
       } else
         Rt.setExtraStackFrame(null);
     }
-    function ze(t, a, f, R, M) {
+    function ze(t, c, h, P, N) {
       {
-        var W = Function.call.bind(Pt);
-        for (var z in t)
-          if (W(t, z)) {
-            var j = void 0;
+        var X = Function.call.bind(Pt);
+        for (var j in t)
+          if (X(t, j)) {
+            var D = void 0;
             try {
-              if (typeof t[z] != "function") {
-                var nt = Error((R || "React class") + ": " + f + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw nt.name = "Invariant Violation", nt;
+              if (typeof t[j] != "function") {
+                var at = Error((P || "React class") + ": " + h + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw at.name = "Invariant Violation", at;
               }
-              j = t[z](a, z, R, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (B) {
-              j = B;
+              D = t[j](c, j, P, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (q) {
+              D = q;
             }
-            j && !(j instanceof Error) && (yt(M), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", R || "React class", f, z, typeof j), yt(null)), j instanceof Error && !(j.message in Yt) && (Yt[j.message] = !0, yt(M), E("Failed %s type: %s", f, j.message), yt(null));
+            D && !(D instanceof Error) && (yt(N), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", h, j, typeof D), yt(null)), D instanceof Error && !(D.message in $t) && ($t[D.message] = !0, yt(N), _("Failed %s type: %s", h, D.message), yt(null));
           }
       }
     }
-    var ye = Array.isArray;
-    function lt(t) {
-      return ye(t);
+    var Ie = Array.isArray;
+    function xt(t) {
+      return Ie(t);
     }
-    function ht(t) {
+    function Mt(t) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, f = a && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return f;
+        var c = typeof Symbol == "function" && Symbol.toStringTag, h = c && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h;
       }
     }
-    function ge(t) {
+    function Ee(t) {
       try {
-        return Wt(t), !1;
+        return Xt(t), !1;
       } catch {
         return !0;
       }
     }
-    function Wt(t) {
+    function Xt(t) {
       return "" + t;
     }
-    function oe(t) {
-      if (ge(t))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ht(t)), Wt(t);
+    function St(t) {
+      if (Ee(t))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Mt(t)), Xt(t);
     }
-    var ve = y.ReactCurrentOwner, se = {
+    var Jt = g.ReactCurrentOwner, _e = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, xe, we;
-    function Ne(t) {
+    }, ce, gt;
+    function bt(t) {
       if (Pt.call(t, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (a && a.isReactWarning)
+        var c = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function kt(t) {
+    function At(t) {
       if (Pt.call(t, "key")) {
-        var a = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (a && a.isReactWarning)
+        var c = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function ae(t, a) {
-      typeof t.ref == "string" && ve.current;
+    function Nt(t, c) {
+      typeof t.ref == "string" && Jt.current;
     }
-    function be(t, a) {
+    function Ne(t, c) {
       {
-        var f = function() {
-          xe || (xe = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var h = function() {
+          ce || (ce = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
-        f.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: f,
+        h.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: h,
           configurable: !0
         });
       }
     }
-    function Ie(t, a) {
+    function ue(t, c) {
       {
-        var f = function() {
-          we || (we = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var h = function() {
+          gt || (gt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
-        f.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: f,
+        h.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: h,
           configurable: !0
         });
       }
     }
-    var xt = function(t, a, f, R, M, W, z) {
-      var j = {
+    var T = function(t, c, h, P, N, X, j) {
+      var D = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: t,
-        key: a,
-        ref: f,
-        props: z,
+        key: c,
+        ref: h,
+        props: j,
         // Record the component responsible for creating this element.
-        _owner: W
+        _owner: X
       };
-      return j._store = {}, Object.defineProperty(j._store, "validated", {
+      return D._store = {}, Object.defineProperty(D._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(j, "_self", {
+      }), Object.defineProperty(D, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.defineProperty(j, "_source", {
+        value: P
+      }), Object.defineProperty(D, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: M
-      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+        value: N
+      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
     };
-    function wt(t, a, f, R, M) {
+    function It(t, c, h, P, N) {
       {
-        var W, z = {}, j = null, nt = null;
-        f !== void 0 && (oe(f), j = "" + f), kt(a) && (oe(a.key), j = "" + a.key), Ne(a) && (nt = a.ref, ae(a, M));
-        for (W in a)
-          Pt.call(a, W) && !se.hasOwnProperty(W) && (z[W] = a[W]);
+        var X, j = {}, D = null, at = null;
+        h !== void 0 && (St(h), D = "" + h), At(c) && (St(c.key), D = "" + c.key), bt(c) && (at = c.ref, Nt(c, N));
+        for (X in c)
+          Pt.call(c, X) && !_e.hasOwnProperty(X) && (j[X] = c[X]);
         if (t && t.defaultProps) {
-          var B = t.defaultProps;
-          for (W in B)
-            z[W] === void 0 && (z[W] = B[W]);
+          var q = t.defaultProps;
+          for (X in q)
+            j[X] === void 0 && (j[X] = q[X]);
         }
-        if (j || nt) {
+        if (D || at) {
           var Z = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          j && be(z, Z), nt && Ie(z, Z);
+          D && Ne(j, Z), at && ue(j, Z);
         }
-        return xt(t, j, nt, M, R, ve.current, z);
+        return T(t, D, at, N, P, Jt.current, j);
       }
     }
-    var bt = y.ReactCurrentOwner, Ot = y.ReactDebugCurrentFrame;
+    var Zt = g.ReactCurrentOwner, Bt = g.ReactDebugCurrentFrame;
     function Dt(t) {
       if (t) {
-        var a = t._owner, f = ct(t.type, t._source, a ? a.type : null);
-        Ot.setExtraStackFrame(f);
+        var c = t._owner, h = ft(t.type, t._source, c ? c.type : null);
+        Bt.setExtraStackFrame(h);
       } else
-        Ot.setExtraStackFrame(null);
+        Bt.setExtraStackFrame(null);
     }
-    var $t;
-    $t = !1;
-    function b(t) {
+    var le;
+    le = !1;
+    function fe(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function gt() {
+    function Te() {
       {
-        if (bt.current) {
-          var t = V(bt.current.type);
+        if (Zt.current) {
+          var t = Y(Zt.current.type);
           if (t)
             return `
 
@@ -487,476 +487,476 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Ee(t) {
+    function Fe(t) {
       return "";
     }
-    var Xt = {};
-    function _e(t) {
+    var Ct = {};
+    function Pe(t) {
       {
-        var a = gt();
-        if (!a) {
-          var f = typeof t == "string" ? t : t.displayName || t.name;
-          f && (a = `
+        var c = Te();
+        if (!c) {
+          var h = typeof t == "string" ? t : t.displayName || t.name;
+          h && (c = `
 
-Check the top-level render call using <` + f + ">.");
+Check the top-level render call using <` + h + ">.");
         }
-        return a;
+        return c;
       }
     }
-    function Te(t, a) {
+    function de(t, c) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var f = _e(a);
-        if (Xt[f])
+        var h = Pe(c);
+        if (Ct[h])
           return;
-        Xt[f] = !0;
-        var R = "";
-        t && t._owner && t._owner !== bt.current && (R = " It was passed a child from " + V(t._owner.type) + "."), Dt(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, R), Dt(null);
+        Ct[h] = !0;
+        var P = "";
+        t && t._owner && t._owner !== Zt.current && (P = " It was passed a child from " + Y(t._owner.type) + "."), Dt(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, P), Dt(null);
       }
     }
-    function Pe(t, a) {
+    function he(t, c) {
       {
         if (typeof t != "object")
           return;
-        if (lt(t))
-          for (var f = 0; f < t.length; f++) {
-            var R = t[f];
-            b(R) && Te(R, a);
+        if (xt(t))
+          for (var h = 0; h < t.length; h++) {
+            var P = t[h];
+            fe(P) && de(P, c);
           }
-        else if (b(t))
+        else if (fe(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var M = X(t);
-          if (typeof M == "function" && M !== t.entries)
-            for (var W = M.call(t), z; !(z = W.next()).done; )
-              b(z.value) && Te(z.value, a);
+          var N = W(t);
+          if (typeof N == "function" && N !== t.entries)
+            for (var X = N.call(t), j; !(j = X.next()).done; )
+              fe(j.value) && de(j.value, c);
         }
       }
     }
-    function Fe(t) {
+    function Re(t) {
       {
-        var a = t.type;
-        if (a == null || typeof a == "string")
+        var c = t.type;
+        if (c == null || typeof c == "string")
           return;
-        var f;
-        if (typeof a == "function")
-          f = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === w || // Note: Memo only checks outer props here.
+        var h;
+        if (typeof c == "function")
+          h = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === b || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === m))
-          f = a.propTypes;
+        c.$$typeof === p))
+          h = c.propTypes;
         else
           return;
-        if (f) {
-          var R = V(a);
-          ze(f, t.props, "prop", R, t);
-        } else if (a.PropTypes !== void 0 && !$t) {
-          $t = !0;
-          var M = V(a);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+        if (h) {
+          var P = Y(c);
+          ze(h, t.props, "prop", P, t);
+        } else if (c.PropTypes !== void 0 && !le) {
+          le = !0;
+          var N = Y(c);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ye(t) {
+    function $(t) {
       {
-        for (var a = Object.keys(t.props), f = 0; f < a.length; f++) {
-          var R = a[f];
-          if (R !== "children" && R !== "key") {
-            Dt(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), Dt(null);
+        for (var c = Object.keys(t.props), h = 0; h < c.length; h++) {
+          var P = c[h];
+          if (P !== "children" && P !== "key") {
+            Dt(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Dt(null);
             break;
           }
         }
-        t.ref !== null && (Dt(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), Dt(null));
+        t.ref !== null && (Dt(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), Dt(null));
       }
     }
-    var Bt = {};
-    function ce(t, a, f, R, M, W) {
+    var Se = {};
+    function st(t, c, h, P, N, X) {
       {
-        var z = H(t);
-        if (!z) {
-          var j = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var nt = Ee();
-          nt ? j += nt : j += gt();
-          var B;
-          t === null ? B = "null" : lt(t) ? B = "array" : t !== void 0 && t.$$typeof === r ? (B = "<" + (V(t.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : B = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", B, j);
+        var j = et(t);
+        if (!j) {
+          var D = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (D += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var at = Fe();
+          at ? D += at : D += Te();
+          var q;
+          t === null ? q = "null" : xt(t) ? q = "array" : t !== void 0 && t.$$typeof === r ? (q = "<" + (Y(t.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : q = typeof t, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, D);
         }
-        var Z = wt(t, a, f, M, W);
+        var Z = It(t, c, h, N, X);
         if (Z == null)
           return Z;
-        if (z) {
-          var ft = a.children;
-          if (ft !== void 0)
-            if (R)
-              if (lt(ft)) {
-                for (var $ = 0; $ < ft.length; $++)
-                  Pe(ft[$], t);
-                Object.freeze && Object.freeze(ft);
+        if (j) {
+          var Q = c.children;
+          if (Q !== void 0)
+            if (P)
+              if (xt(Q)) {
+                for (var V = 0; V < Q.length; V++)
+                  he(Q[V], t);
+                Object.freeze && Object.freeze(Q);
               } else
-                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Pe(ft, t);
+              he(Q, t);
         }
-        if (Pt.call(a, "key")) {
-          var tt = V(t), C = Object.keys(a).filter(function($e) {
-            return $e !== "key";
-          }), Vt = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Bt[tt + Vt]) {
-            var We = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
-            E(`A props object containing a "key" prop is being spread into JSX:
+        if (Pt.call(c, "key")) {
+          var Lt = Y(t), ct = Object.keys(c).filter(function(Le) {
+            return Le !== "key";
+          }), pe = ct.length > 0 ? "{key: someKey, " + ct.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Se[Lt + pe]) {
+            var ht = ct.length > 0 ? "{" + ct.join(": ..., ") + ": ...}" : "{}";
+            _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Vt, tt, We, tt), Bt[tt + Vt] = !0;
+  <%s key={someKey} {...props} />`, pe, Lt, ht, Lt), Se[Lt + pe] = !0;
           }
         }
-        return t === i ? Ye(Z) : Fe(Z), Z;
+        return t === i ? $(Z) : Re(Z), Z;
       }
     }
-    function Re(t, a, f) {
-      return ce(t, a, f, !0);
+    function Et(t, c, h) {
+      return st(t, c, h, !0);
     }
-    function Se(t, a, f) {
-      return ce(t, a, f, !1);
+    function K(t, c, h) {
+      return st(t, c, h, !1);
     }
-    var Le = Se, F = Re;
-    de.Fragment = i, de.jsx = Le, de.jsxs = F;
-  }()), de;
+    var dt = K, vt = Et;
+    ve.Fragment = i, ve.jsx = dt, ve.jsxs = vt;
+  }()), ve;
 }
-process.env.NODE_ENV === "production" ? rr.exports = mn() : rr.exports = yn();
-var N = rr.exports;
-function Ue(e) {
+process.env.NODE_ENV === "production" ? Ze.exports = an() : Ze.exports = cn();
+var z = Ze.exports;
+function Xe(e) {
   return e.trim().toLowerCase();
 }
-function gn(e) {
+function un(e) {
   const r = /* @__PURE__ */ new Map();
-  return e.forEach((s) => {
-    const i = s.meta;
+  return e.forEach((o) => {
+    const i = o.meta;
     if (!i)
       return;
-    const o = i.pathKeys, h = (Array.isArray(o) ? o : []).map((u) => typeof u == "string" ? u : typeof u == "object" && u !== null && "name" in u && typeof u.name == "string" ? u.name : null).filter((u) => typeof u == "string").map((u) => u.trim()).filter((u) => u.length > 0);
-    h.length && r.set(s.id, h);
+    const s = i.pathKeys, d = (Array.isArray(s) ? s : []).map((u) => typeof u == "string" ? u : typeof u == "object" && u !== null && "name" in u && typeof u.name == "string" ? u.name : null).filter((u) => typeof u == "string").map((u) => u.trim()).filter((u) => u.length > 0);
+    d.length && r.set(o.id, d);
   }), r;
 }
-function vn(e) {
+function ln(e) {
   const {
     startNodeId: r,
-    sourceIndex: s,
+    sourceIndex: o,
     pathKey: i,
-    incomingEdgesByTarget: o,
-    pathKeysByNode: c,
-    maxNodes: h = 500
-  } = e, u = /* @__PURE__ */ new Set([r]), w = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set([`${r}|${s ?? ""}|${i ?? ""}`]), v = [
-    { nodeId: r, sourceIndex: s ?? null, pathKey: i }
+    incomingEdgesByTarget: s,
+    pathKeysByNode: a,
+    maxNodes: d = 500
+  } = e, u = /* @__PURE__ */ new Set([r]), b = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Set([`${r}|${o ?? ""}|${i ?? ""}`]), y = [
+    { nodeId: r, sourceIndex: o ?? null, pathKey: i }
   ];
-  for (; v.length && !(u.size >= h); ) {
-    const m = v.pop();
-    if (!m)
+  for (; y.length && !(u.size >= d); ) {
+    const p = y.pop();
+    if (!p)
       continue;
-    const g = o.get(m.nodeId) ?? [], I = m.pathKey ? Ue(m.pathKey) : null;
+    const m = s.get(p.nodeId) ?? [], E = p.pathKey ? Xe(p.pathKey) : null;
     let l = [];
-    I && c && (l = g.filter((L) => (c.get(L.source) ?? []).some((y) => Ue(y) === I))), l.length || (m.sourceIndex == null ? l = g : g[m.sourceIndex] && (l = [g[m.sourceIndex]])), l.forEach((L) => {
-      if (w.has(L.id))
+    E && a && (l = m.filter((R) => (a.get(R.source) ?? []).some((g) => Xe(g) === E))), l.length || (p.sourceIndex == null ? l = m : m[p.sourceIndex] && (l = [m[p.sourceIndex]])), l.forEach((R) => {
+      if (b.has(R.id))
         return;
-      w.add(L.id), u.add(L.source);
-      const X = (c == null ? void 0 : c.get(L.source)) ?? [], y = I ? X.findIndex((x) => Ue(x) === I) : m.sourceIndex, E = typeof y == "number" && y >= 0 ? y : m.sourceIndex, _ = `${L.source}|${E ?? ""}|${m.pathKey ?? ""}`;
-      T.has(_) || (T.add(_), v.push({
-        nodeId: L.source,
-        sourceIndex: E,
-        pathKey: m.pathKey
+      b.add(R.id), u.add(R.source);
+      const W = (a == null ? void 0 : a.get(R.source)) ?? [], g = E ? W.findIndex((v) => Xe(v) === E) : p.sourceIndex, _ = typeof g == "number" && g >= 0 ? g : p.sourceIndex, w = `${R.source}|${_ ?? ""}|${p.pathKey ?? ""}`;
+      I.has(w) || (I.add(w), y.push({
+        nodeId: R.source,
+        sourceIndex: _,
+        pathKey: p.pathKey
       }));
     });
   }
-  return { nodes: u, edges: w };
+  return { nodes: u, edges: b };
 }
-function xn(e, r, s) {
-  const [i, o] = Et(null), [c, h] = Et(null), [u, w] = Et(null), T = k(
-    () => new Map(r.map((y) => [y.id, y])),
+function fn(e, r, o) {
+  const [i, s] = _t(null), [a, d] = _t(null), [u, b] = _t(null), I = M(
+    () => new Map(r.map((g) => [g.id, g])),
     [r]
-  ), v = k(() => {
-    const y = /* @__PURE__ */ new Map();
-    return r.forEach((E) => {
-      y.set(E.source, [...y.get(E.source) ?? [], E]), E.target !== E.source && y.set(E.target, [...y.get(E.target) ?? [], E]);
-    }), y;
-  }, [r]), m = k(() => {
-    const y = /* @__PURE__ */ new Map();
-    return e.forEach((E) => y.set(E.id, E.position)), y;
-  }, [e]), g = k(
-    () => gn(e),
+  ), y = M(() => {
+    const g = /* @__PURE__ */ new Map();
+    return r.forEach((_) => {
+      g.set(_.source, [...g.get(_.source) ?? [], _]), _.target !== _.source && g.set(_.target, [...g.get(_.target) ?? [], _]);
+    }), g;
+  }, [r]), p = M(() => {
+    const g = /* @__PURE__ */ new Map();
+    return e.forEach((_) => g.set(_.id, _.position)), g;
+  }, [e]), m = M(
+    () => un(e),
     [e]
-  ), I = k(() => {
-    const y = ln(r);
-    return y.forEach((E, _) => {
-      y.set(_, fn(E, m));
-    }), y;
-  }, [r, m]), l = k(() => u ? vn({
+  ), E = M(() => {
+    const g = en(r);
+    return g.forEach((_, w) => {
+      g.set(w, rn(_, p));
+    }), g;
+  }, [r, p]), l = M(() => u ? ln({
     startNodeId: u.nodeId,
     sourceIndex: u.sourceIndex,
     pathKey: u.pathKey,
-    incomingEdgesByTarget: I,
-    pathKeysByNode: g
-  }) : null, [u, I, g]), L = k(() => {
-    if (!s && !l) return null;
-    const y = /* @__PURE__ */ new Map(), E = () => {
-      l && l.nodes.forEach((_) => {
-        const x = y.get(_) ?? { in: !1, out: !1 };
-        y.set(_, { ...x, in: !0, out: !0 });
+    incomingEdgesByTarget: E,
+    pathKeysByNode: m
+  }) : null, [u, E, m]), R = M(() => {
+    if (!o && !l) return null;
+    const g = /* @__PURE__ */ new Map(), _ = () => {
+      l && l.nodes.forEach((w) => {
+        const v = g.get(w) ?? { in: !1, out: !1 };
+        g.set(w, { ...v, in: !0, out: !0 });
       });
     };
     if (u)
-      E();
+      _();
     else {
-      if (s) {
+      if (o) {
         if (i) {
-          const _ = T.get(i);
-          if (_) {
-            const x = (G, ut) => {
-              const rt = y.get(G) ?? { in: !1, out: !1 };
-              y.set(G, { ...rt, [ut]: !0 });
+          const w = I.get(i);
+          if (w) {
+            const v = (H, ot) => {
+              const ut = g.get(H) ?? { in: !1, out: !1 };
+              g.set(H, { ...ut, [ot]: !0 });
             };
-            _.type === "undirected" ? (x(_.source, "in"), x(_.source, "out"), x(_.target, "in"), x(_.target, "out")) : (x(_.source, "out"), x(_.target, "in"));
+            w.type === "undirected" ? (v(w.source, "in"), v(w.source, "out"), v(w.target, "in"), v(w.target, "out")) : (v(w.source, "out"), v(w.target, "in"));
           }
-        } else if (c) {
-          const _ = (x, G) => {
-            const ut = y.get(x) ?? { in: !1, out: !1 };
-            y.set(x, { ...ut, [G]: !0 });
+        } else if (a) {
+          const w = (v, H) => {
+            const ot = g.get(v) ?? { in: !1, out: !1 };
+            g.set(v, { ...ot, [H]: !0 });
           };
-          (v.get(c) ?? []).forEach((x) => {
-            const G = x.type === "undirected";
-            (x.source === c || x.target === c) && (G ? (_(x.source, "in"), _(x.source, "out"), _(x.target, "in"), _(x.target, "out")) : (_(x.source, "out"), _(x.target, "in")));
-          }), _(c, "in"), _(c, "out");
+          (y.get(a) ?? []).forEach((v) => {
+            const H = v.type === "undirected";
+            (v.source === a || v.target === a) && (H ? (w(v.source, "in"), w(v.source, "out"), w(v.target, "in"), w(v.target, "out")) : (w(v.source, "out"), w(v.target, "in")));
+          }), w(a, "in"), w(a, "out");
         }
       }
-      E();
+      _();
     }
-    return y.size ? y : null;
+    return g.size ? g : null;
   }, [
-    T,
-    v,
-    s,
+    I,
+    y,
+    o,
     i,
-    c,
+    a,
     l,
     u
-  ]), X = k(() => {
-    const y = /* @__PURE__ */ new Set();
-    if (u && l ? l.edges.forEach((x) => y.add(x)) : (s && (i ? y.add(i) : c && (v.get(c) ?? []).forEach((x) => {
-      (x.source === c || x.target === c) && y.add(x.id);
-    })), l && l.edges.forEach((x) => y.add(x))), !y.size) return r;
-    const E = [], _ = [];
-    return r.forEach((x) => {
-      y.has(x.id) ? E.push(x) : _.push(x);
-    }), [..._, ...E];
+  ]), W = M(() => {
+    const g = /* @__PURE__ */ new Set();
+    if (u && l ? l.edges.forEach((v) => g.add(v)) : (o && (i ? g.add(i) : a && (y.get(a) ?? []).forEach((v) => {
+      (v.source === a || v.target === a) && g.add(v.id);
+    })), l && l.edges.forEach((v) => g.add(v))), !g.size) return r;
+    const _ = [], w = [];
+    return r.forEach((v) => {
+      g.has(v.id) ? _.push(v) : w.push(v);
+    }), [...w, ..._];
   }, [
-    v,
-    s,
+    y,
+    o,
     i,
-    c,
+    a,
     r,
     l,
     u
   ]);
   return {
     hoveredEdgeId: i,
-    setHoveredEdgeId: o,
-    hoveredNodeId: c,
-    setHoveredNodeId: h,
+    setHoveredEdgeId: s,
+    hoveredNodeId: a,
+    setHoveredNodeId: d,
     focusedPath: u,
-    setFocusedPath: w,
+    setFocusedPath: b,
     pathHighlight: l,
-    hoveredNodeStates: L,
-    edgesForRender: X
+    hoveredNodeStates: R,
+    edgesForRender: W
   };
 }
-const wn = ({
+const dn = ({
   collapsedNodeIds: e,
   defaultCollapsedNodeIds: r,
-  onCollapsedNodeIdsChange: s
+  onCollapsedNodeIdsChange: o
 }) => {
-  const [i, o] = Et(
+  const [i, s] = _t(
     r ?? []
-  ), [c, h] = Et([]), u = e ?? i, w = k(() => new Set(u), [u]), T = k(
-    () => new Set(c),
-    [c]
-  ), v = K(
-    (m) => {
-      const I = typeof m == "function" ? m(u) : m;
-      e == null && o(I), s == null || s(I);
+  ), [a, d] = _t([]), u = e ?? i, b = M(() => new Set(u), [u]), I = M(
+    () => new Set(a),
+    [a]
+  ), y = J(
+    (p) => {
+      const E = typeof p == "function" ? p(u) : p;
+      e == null && s(E), o == null || o(E);
     },
-    [u, e, s]
+    [u, e, o]
   );
   return {
     collapsedIds: u,
-    collapsedNodeSet: w,
-    pendingExpansionNodeSet: T,
-    updateCollapsedNodeIds: v,
-    setPendingExpansionNodeIds: h
+    collapsedNodeSet: b,
+    pendingExpansionNodeSet: I,
+    updateCollapsedNodeIds: y,
+    setPendingExpansionNodeIds: d
   };
-}, bn = ({
+}, hn = ({
   nodes: e,
   edges: r,
-  collapsedIds: s,
+  collapsedIds: o,
   hiddenNodeIds: i,
-  searchQuery: o,
-  hideUnmatchedSearch: c = !1,
-  searchPredicate: h,
+  searchQuery: s,
+  hideUnmatchedSearch: a = !1,
+  searchPredicate: d,
   highlightedNodeIds: u,
-  highlightedEdgeIds: w,
-  highlightStrategy: T,
-  onSearchResultsChange: v
+  highlightedEdgeIds: b,
+  highlightStrategy: I,
+  onSearchResultsChange: y
 }) => {
-  const m = pt(v);
-  m.current = v;
-  const g = k(() => {
-    const S = o == null ? void 0 : o.trim().toLowerCase();
-    return S ? e.filter((D) => {
-      if (h)
+  const p = pt(y);
+  p.current = y;
+  const m = M(() => {
+    const S = s == null ? void 0 : s.trim().toLowerCase();
+    return S ? e.filter((L) => {
+      if (d)
         try {
-          return h(D, S);
+          return d(L, S);
         } catch {
           return !1;
         }
-      const H = typeof D.label == "string" || typeof D.label == "number" ? String(D.label) : D.id;
-      return D.id.toLowerCase().includes(S) || H.toLowerCase().includes(S);
-    }).map((D) => D.id) : [];
-  }, [e, h, o]), I = k(
-    () => new Set(g),
-    [g]
-  ), l = k(() => {
-    const S = o == null ? void 0 : o.trim().toLowerCase();
-    return S ? r.filter((D) => {
-      const H = D.label != null ? String(D.label).toLowerCase() : "";
-      return I.has(D.source) || I.has(D.target) || H.includes(S);
-    }).map((D) => D.id) : [];
-  }, [r, I, o]), L = k(() => o != null && o.trim() ? (() => {
+      const et = typeof L.label == "string" || typeof L.label == "number" ? String(L.label) : L.id;
+      return L.id.toLowerCase().includes(S) || et.toLowerCase().includes(S);
+    }).map((L) => L.id) : [];
+  }, [e, d, s]), E = M(
+    () => new Set(m),
+    [m]
+  ), l = M(() => {
+    const S = s == null ? void 0 : s.trim().toLowerCase();
+    return S ? r.filter((L) => {
+      const et = L.label != null ? String(L.label).toLowerCase() : "";
+      return E.has(L.source) || E.has(L.target) || et.includes(S);
+    }).map((L) => L.id) : [];
+  }, [r, E, s]), R = M(() => s != null && s.trim() ? (() => {
     try {
-      return (T == null ? void 0 : T({
+      return (I == null ? void 0 : I({
         nodes: e,
         edges: r,
-        query: o,
-        matchedNodeIds: g,
+        query: s,
+        matchedNodeIds: m,
         matchedEdgeIds: l
       })) ?? { nodeIds: [], edgeIds: [] };
     } catch {
       return { nodeIds: [], edgeIds: [] };
     }
-  })() : { nodeIds: [], edgeIds: [] }, [r, T, e, l, g, o]), X = k(
+  })() : { nodeIds: [], edgeIds: [] }, [r, I, e, l, m, s]), W = M(
     () => /* @__PURE__ */ new Set([
-      ...g,
-      ...L.nodeIds ?? [],
+      ...m,
+      ...R.nodeIds ?? [],
       ...u ?? []
     ]),
-    [L.nodeIds, u, g]
-  ), y = k(
+    [R.nodeIds, u, m]
+  ), g = M(
     () => /* @__PURE__ */ new Set([
       ...l,
-      ...L.edgeIds ?? [],
-      ...w ?? []
+      ...R.edgeIds ?? [],
+      ...b ?? []
     ]),
-    [L.edgeIds, w, l]
+    [R.edgeIds, b, l]
   );
-  te(() => {
+  ne(() => {
     var S;
-    (S = m.current) == null || S.call(m, {
-      nodeIds: g,
+    (S = p.current) == null || S.call(p, {
+      nodeIds: m,
       edgeIds: l
     });
-  }, [l, g]);
-  const E = k(() => {
+  }, [l, m]);
+  const _ = M(() => {
     const S = new Set(i ?? []);
-    return c && (o != null && o.trim()) && e.forEach((D) => {
-      X.has(D.id) || S.add(D.id);
+    return a && (s != null && s.trim()) && e.forEach((L) => {
+      W.has(L.id) || S.add(L.id);
     }), S;
-  }, [X, i, c, e, o]), _ = k(() => {
+  }, [W, i, a, e, s]), w = M(() => {
     const S = /* @__PURE__ */ new Map();
-    return r.forEach((D) => {
-      S.set(D.source, [...S.get(D.source) ?? [], D.target]);
+    return r.forEach((L) => {
+      S.set(L.source, [...S.get(L.source) ?? [], L.target]);
     }), S;
-  }, [r]), x = k(() => {
-    const S = new Set(E);
-    return s.forEach((D) => {
-      const H = [..._.get(D) ?? []];
-      for (; H.length; ) {
-        const it = H.pop();
-        !it || S.has(it) || (S.add(it), H.push(..._.get(it) ?? []));
+  }, [r]), v = M(() => {
+    const S = new Set(_);
+    return o.forEach((L) => {
+      const et = [...w.get(L) ?? []];
+      for (; et.length; ) {
+        const B = et.pop();
+        !B || S.has(B) || (S.add(B), et.push(...w.get(B) ?? []));
       }
     }), S;
-  }, [s, E, _]), G = k(
-    () => e.filter((S) => !x.has(S.id)),
-    [x, e]
-  ), ut = k(
+  }, [o, _, w]), H = M(
+    () => e.filter((S) => !v.has(S.id)),
+    [v, e]
+  ), ot = M(
     () => r.filter(
-      (S) => !x.has(S.source) && !x.has(S.target)
+      (S) => !v.has(S.source) && !v.has(S.target)
     ),
-    [x, r]
+    [v, r]
   );
   return {
-    effectiveHighlightedNodeSet: X,
-    effectiveHighlightedEdgeSet: y,
-    visibleNodes: G,
-    visibleEdges: ut,
-    childNodeIdsByParent: _
+    effectiveHighlightedNodeSet: W,
+    effectiveHighlightedEdgeSet: g,
+    visibleNodes: H,
+    visibleEdges: ot,
+    childNodeIdsByParent: w
   };
-}, Mr = (e) => !!(e && Number.isFinite(e.x) && Number.isFinite(e.y)), he = (e, r, s) => {
-  const i = new Set(r.map((c) => c.id));
+}, Pr = (e) => !!(e && Number.isFinite(e.x) && Number.isFinite(e.y)), we = (e, r, o) => {
+  const i = new Set(r.map((a) => a.id));
   if (e.length !== r.length)
     throw new Error(
-      `${s} must return ${r.length} nodes, received ${e.length}.`
+      `${o} must return ${r.length} nodes, received ${e.length}.`
     );
-  const o = /* @__PURE__ */ new Set();
-  e.forEach((c) => {
-    if (!i.has(c.id))
-      throw new Error(`${s} returned unknown node id "${c.id}".`);
-    if (o.has(c.id))
-      throw new Error(`${s} returned duplicate node id "${c.id}".`);
-    if (!Mr(c.position))
-      throw new Error(`${s} returned a non-finite position for node "${c.id}".`);
-    o.add(c.id);
+  const s = /* @__PURE__ */ new Set();
+  e.forEach((a) => {
+    if (!i.has(a.id))
+      throw new Error(`${o} returned unknown node id "${a.id}".`);
+    if (s.has(a.id))
+      throw new Error(`${o} returned duplicate node id "${a.id}".`);
+    if (!Pr(a.position))
+      throw new Error(`${o} returned a non-finite position for node "${a.id}".`);
+    s.add(a.id);
   });
-}, pe = (e, r, s) => {
+}, xe = (e, r, o) => {
   const i = /* @__PURE__ */ new Set();
-  e.forEach((o) => {
-    if (i.has(o.id))
-      throw new Error(`${s} returned duplicate edge id "${o.id}".`);
-    if (!r.has(o.source) || !r.has(o.target))
+  e.forEach((s) => {
+    if (i.has(s.id))
+      throw new Error(`${o} returned duplicate edge id "${s.id}".`);
+    if (!r.has(s.source) || !r.has(s.target))
       throw new Error(
-        `${s} returned edge "${o.id}" with unknown endpoint(s): ${o.source} -> ${o.target}.`
+        `${o} returned edge "${s.id}" with unknown endpoint(s): ${s.source} -> ${s.target}.`
       );
-    if (!Array.isArray(o.points) || o.points.length < 2)
-      throw new Error(`${s} returned edge "${o.id}" without a valid point path.`);
-    o.points.forEach((c, h) => {
-      if (!Mr(c))
+    if (!Array.isArray(s.points) || s.points.length < 2)
+      throw new Error(`${o} returned edge "${s.id}" without a valid point path.`);
+    s.points.forEach((a, d) => {
+      if (!Pr(a))
         throw new Error(
-          `${s} returned a non-finite point at index ${h} for edge "${o.id}".`
+          `${o} returned a non-finite point at index ${d} for edge "${s.id}".`
         );
-    }), i.add(o.id);
+    }), i.add(s.id);
   });
-}, Nt = (e) => e instanceof Error ? e : new Error(String(e)), Er = (e) => er({
+}, wt = (e) => e instanceof Error ? e : new Error(String(e)), yr = (e) => Je({
   ...e,
   layout: Me.Centered
-}), _r = (e, r) => {
-  const s = new Map(e.map((i) => [i.id, i]));
+}), gr = (e, r) => {
+  const o = new Map(e.map((i) => [i.id, i]));
   return r.flatMap((i) => {
-    var v, m, g, I;
-    const o = s.get(i.source), c = s.get(i.target);
-    if (!o || !c)
+    var y, p, m, E;
+    const s = o.get(i.source), a = o.get(i.target);
+    if (!s || !a)
       return [];
-    const h = ((v = o.size) == null ? void 0 : v.width) ?? 0, u = ((m = o.size) == null ? void 0 : m.height) ?? 0, w = ((g = c.size) == null ? void 0 : g.width) ?? 0, T = ((I = c.size) == null ? void 0 : I.height) ?? 0;
-    if (o.id === c.id) {
-      const l = o.position.x + h, L = o.position.y;
+    const d = ((y = s.size) == null ? void 0 : y.width) ?? 0, u = ((p = s.size) == null ? void 0 : p.height) ?? 0, b = ((m = a.size) == null ? void 0 : m.width) ?? 0, I = ((E = a.size) == null ? void 0 : E.height) ?? 0;
+    if (s.id === a.id) {
+      const l = s.position.x + d, R = s.position.y;
       return [
         {
           ...i,
-          type: i.type ?? vr.Directed,
+          type: i.type ?? fr.Directed,
           points: [
-            { x: l - Math.min(h * 0.25, 18), y: L + Math.min(u * 0.35, 18) },
-            { x: l + 28, y: L - 20 },
-            { x: l + 36, y: L + u / 2 },
-            { x: l - Math.min(h * 0.25, 18), y: L + u * 0.8 }
+            { x: l - Math.min(d * 0.25, 18), y: R + Math.min(u * 0.35, 18) },
+            { x: l + 28, y: R - 20 },
+            { x: l + 36, y: R + u / 2 },
+            { x: l - Math.min(d * 0.25, 18), y: R + u * 0.8 }
           ]
         }
       ];
@@ -964,83 +964,85 @@ const wn = ({
     return [
       {
         ...i,
-        type: i.type ?? vr.Directed,
+        type: i.type ?? fr.Directed,
         points: [
           {
-            x: o.position.x + h / 2,
-            y: o.position.y + u / 2
+            x: s.position.x + d / 2,
+            y: s.position.y + u / 2
           },
           {
-            x: c.position.x + w / 2,
-            y: c.position.y + T / 2
+            x: a.position.x + b / 2,
+            y: a.position.y + I / 2
           }
         ]
       }
     ];
   });
-}, In = ({
+}, pn = ({
   graph: e,
   config: r,
-  mergedTheme: s,
+  mergedTheme: o,
   collapsedIds: i,
-  hiddenNodeIds: o,
-  searchQuery: c,
-  hideUnmatchedSearch: h = !1,
+  hiddenNodeIds: s,
+  searchQuery: a,
+  hideUnmatchedSearch: d = !1,
   searchPredicate: u,
-  highlightedNodeIds: w,
-  highlightedEdgeIds: T,
-  highlightStrategy: v,
-  onSearchResultsChange: m,
-  layoutNodesOverride: g,
-  routeEdgesOverride: I,
+  highlightedNodeIds: b,
+  highlightedEdgeIds: I,
+  highlightStrategy: y,
+  onSearchResultsChange: p,
+  layoutNodesOverride: m,
+  routeEdgesOverride: E,
   onError: l
 }) => {
-  const [L, X] = Et({}), { nodes: y, edges: E } = k(
-    () => dn(e, r.defaultEdgeType),
-    [r.defaultEdgeType, e]
-  ), _ = k(
-    () => y.map((O) => ({
-      ...O,
-      measuredSize: L[O.id] ?? O.measuredSize
+  const [R, W] = _t({}), { nodes: g, edges: _ } = M(
+    () => nn(e, r.defaultEdgeType, {
+      inputValidationMode: r.inputValidationMode
+    }),
+    [r.defaultEdgeType, r.inputValidationMode, e]
+  ), w = r.failureBehavior === "degrade", v = M(
+    () => g.map((A) => ({
+      ...A,
+      measuredSize: R[A.id] ?? A.measuredSize
     })),
-    [L, y]
+    [R, g]
   );
-  te(() => {
-    const O = new Set(y.map((A) => A.id));
-    X((A) => {
-      const Y = Object.entries(A).filter(([J]) => O.has(J));
-      return Y.length === Object.keys(A).length ? A : Object.fromEntries(Y);
+  ne(() => {
+    const A = new Set(g.map((O) => O.id));
+    W((O) => {
+      const F = Object.entries(O).filter(([G]) => A.has(G));
+      return F.length === Object.keys(O).length ? O : Object.fromEntries(F);
     });
-  }, [y]);
-  const x = k(
-    () => E.map((O) => ({
-      ...O,
-      type: O.type ?? r.defaultEdgeType
+  }, [g]);
+  const H = M(
+    () => _.map((A) => ({
+      ...A,
+      type: A.type ?? r.defaultEdgeType
     })),
-    [r.defaultEdgeType, E]
+    [r.defaultEdgeType, _]
   ), {
-    effectiveHighlightedNodeSet: G,
+    effectiveHighlightedNodeSet: ot,
     effectiveHighlightedEdgeSet: ut,
-    visibleNodes: rt,
-    visibleEdges: S,
-    childNodeIdsByParent: D
-  } = bn({
-    nodes: _,
-    edges: x,
+    visibleNodes: S,
+    visibleEdges: L,
+    childNodeIdsByParent: et
+  } = hn({
+    nodes: v,
+    edges: H,
     collapsedIds: i,
-    hiddenNodeIds: o,
-    searchQuery: c,
-    hideUnmatchedSearch: h,
+    hiddenNodeIds: s,
+    searchQuery: a,
+    hideUnmatchedSearch: d,
     searchPredicate: u,
-    highlightedNodeIds: w,
-    highlightedEdgeIds: T,
-    highlightStrategy: v,
-    onSearchResultsChange: m
-  }), H = k(
+    highlightedNodeIds: b,
+    highlightedEdgeIds: I,
+    highlightStrategy: y,
+    onSearchResultsChange: p
+  }), B = M(
     () => ({
-      nodes: rt,
-      edges: S,
-      theme: s,
+      nodes: S,
+      edges: L,
+      theme: o,
       padding: r.padding,
       layout: r.layout,
       width: r.width,
@@ -1053,65 +1055,67 @@ const wn = ({
       labelMeasurementCharWidth: r.labelMeasurementCharWidth,
       labelMeasurementLineHeight: r.labelMeasurementLineHeight
     }),
-    [r, s, S, rt]
-  ), it = K(
-    (O, A) => {
-      r.nodeSizing === "measured" && X((Y) => {
-        const J = Y[O];
-        return J && J.width === A.width && J.height === A.height ? Y : {
-          ...Y,
-          [O]: A
+    [r, o, L, S]
+  ), C = J(
+    (A, O) => {
+      r.nodeSizing === "measured" && W((F) => {
+        const G = F[A];
+        return G && G.width === O.width && G.height === O.height ? F : {
+          ...F,
+          [A]: O
         };
       });
     },
     [r.nodeSizing]
-  ), q = k(
+  ), Y = M(
     () => {
-      if (!g)
+      if (!m)
         try {
-          const O = er(H);
-          return he(O, rt, "layout"), O;
-        } catch (O) {
-          l == null || l(Nt(O), {
+          const A = Je(B);
+          return we(A, S, "layout"), A;
+        } catch (A) {
+          if (l == null || l(wt(A), {
             graph: e,
             phase: "layout"
-          });
+          }), !w)
+            throw wt(A);
           try {
-            const A = Er(H);
-            return he(A, rt, "layout"), A;
-          } catch (A) {
-            const Y = Nt(A);
-            throw l == null || l(Y, {
+            const O = yr(B);
+            return we(O, S, "layout"), O;
+          } catch (O) {
+            const F = wt(O);
+            throw l == null || l(F, {
               graph: e,
               phase: "layout"
-            }), Y;
+            }), F;
           }
         }
       try {
-        const O = g(H);
-        return he(O, rt, "layout override"), O;
-      } catch (O) {
-        l == null || l(Nt(O), {
+        const A = m(B);
+        return we(A, S, "layout override"), A;
+      } catch (A) {
+        if (l == null || l(wt(A), {
           graph: e,
           phase: "layout-override"
-        });
+        }), !w)
+          throw wt(A);
         try {
-          const A = er(H);
-          return he(A, rt, "layout"), A;
-        } catch (A) {
-          l == null || l(Nt(A), { graph: e, phase: "layout" });
+          const O = Je(B);
+          return we(O, S, "layout"), O;
+        } catch (O) {
+          l == null || l(wt(O), { graph: e, phase: "layout" });
           try {
-            const Y = Er(H);
-            return he(Y, rt, "layout"), Y;
-          } catch (Y) {
-            const J = Nt(Y);
-            throw l == null || l(J, { graph: e, phase: "layout" }), J;
+            const F = yr(B);
+            return we(F, S, "layout"), F;
+          } catch (F) {
+            const G = wt(F);
+            throw l == null || l(G, { graph: e, phase: "layout" }), G;
           }
         }
       }
     },
-    [e, g, H, l, rt]
-  ), V = k(
+    [e, m, B, l, S]
+  ), U = M(
     () => ({
       arrowPadding: r.arrowPadding,
       straight: !r.curveEdges || r.routingStyle === "orthogonal",
@@ -1122,206 +1126,286 @@ const wn = ({
       selfLoopRadius: r.selfLoopRadius
     }),
     [r]
-  ), at = k(
+  ), it = M(
     () => {
-      const O = new Set(q.map((A) => A.id));
-      if (!I)
+      const A = new Set(Y.map((O) => O.id));
+      if (!E)
         try {
-          const A = xr(q, S, V);
-          return pe(A, O, "routing"), A;
-        } catch (A) {
-          l == null || l(Nt(A), {
+          const O = dr(Y, L, U);
+          return xe(O, A, "routing"), O;
+        } catch (O) {
+          if (l == null || l(wt(O), {
             graph: e,
             phase: "routing"
-          });
-          const Y = _r(q, S);
-          return pe(Y, O, "routing"), Y;
+          }), !w)
+            throw wt(O);
+          const F = gr(Y, L);
+          return xe(F, A, "routing"), F;
         }
       try {
-        const A = I(q, S, V);
-        return pe(A, O, "routing override"), A;
-      } catch (A) {
-        l == null || l(Nt(A), {
+        const O = E(Y, L, U);
+        return xe(O, A, "routing override"), O;
+      } catch (O) {
+        if (l == null || l(wt(O), {
           graph: e,
           phase: "routing-override"
-        });
+        }), !w)
+          throw wt(O);
         try {
-          const Y = xr(q, S, V);
-          return pe(Y, O, "routing"), Y;
-        } catch (Y) {
-          l == null || l(Nt(Y), { graph: e, phase: "routing" });
-          const J = _r(q, S);
-          return pe(J, O, "routing"), J;
+          const F = dr(Y, L, U);
+          return xe(F, A, "routing"), F;
+        } catch (F) {
+          l == null || l(wt(F), { graph: e, phase: "routing" });
+          const G = gr(Y, L);
+          return xe(G, A, "routing"), G;
         }
       }
     },
     [
-      V,
+      U,
       e,
       l,
-      q,
-      I,
-      S
+      w,
+      Y,
+      E,
+      L
     ]
   );
   return {
-    childNodeIdsByParent: D,
+    childNodeIdsByParent: et,
     effectiveHighlightedEdgeSet: ut,
-    effectiveHighlightedNodeSet: G,
-    handleNodeMeasure: it,
-    positionedEdges: at,
-    positionedNodes: q,
-    visibleEdges: S,
-    visibleNodesWithMeasuredSize: rt
+    effectiveHighlightedNodeSet: ot,
+    handleNodeMeasure: C,
+    positionedEdges: it,
+    positionedNodes: Y,
+    visibleEdges: L,
+    visibleNodesWithMeasuredSize: S
   };
-}, Tr = (e) => Object.prototype.toString.call(e) === "[object Object]", nr = (e, r, s) => {
+}, Rr = 180, Sr = 72, Ae = (e, r, o) => Math.min(Math.max(e, r), o), mn = (e) => e.length ? e.reduce(
+  (o, i) => {
+    var y, p;
+    const s = ((y = i.size) == null ? void 0 : y.width) ?? Rr, a = ((p = i.size) == null ? void 0 : p.height) ?? Sr, d = Math.min(o.minX, i.position.x), u = Math.min(o.minY, i.position.y), b = Math.max(o.maxX, i.position.x + s), I = Math.max(o.maxY, i.position.y + a);
+    return {
+      minX: d,
+      minY: u,
+      maxX: b,
+      maxY: I,
+      width: b - d,
+      height: I - u
+    };
+  },
+  {
+    minX: Number.POSITIVE_INFINITY,
+    minY: Number.POSITIVE_INFINITY,
+    maxX: Number.NEGATIVE_INFINITY,
+    maxY: Number.NEGATIVE_INFINITY,
+    width: 0,
+    height: 0
+  }
+) : null, yn = (e, r, o, i, s, a) => {
+  if (!e || r <= 0 || o <= 0)
+    return { x: 0, y: 0, zoom: 1 };
+  const d = Math.max(e.width, 1), u = Math.max(e.height, 1), b = Math.max(r - i * 2, 1), I = Math.max(o - i * 2, 1), y = Ae(
+    Math.min(b / d, I / u),
+    s,
+    a
+  );
+  return {
+    x: i + (b - d * y) / 2 - e.minX * y,
+    y: i + (I - u * y) / 2 - e.minY * y,
+    zoom: y
+  };
+}, gn = (e, r, o, i) => {
+  var b, I;
+  const s = ((b = e.size) == null ? void 0 : b.width) ?? Rr, a = ((I = e.size) == null ? void 0 : I.height) ?? Sr, d = e.position.x + s / 2, u = e.position.y + a / 2;
+  return {
+    x: r / 2 - d * i,
+    y: o / 2 - u * i,
+    zoom: i
+  };
+}, vn = { x: 0, y: 0, zoom: 1 }, Be = (e, r, o) => ({
+  x: Number.isFinite(e.x) ? e.x : 0,
+  y: Number.isFinite(e.y) ? e.y : 0,
+  zoom: Ae(Number.isFinite(e.zoom) ? e.zoom : 1, r, o)
+}), wn = ({
+  controlledViewport: e,
+  defaultViewport: r,
+  safeMinZoom: o,
+  safeMaxZoom: i,
+  onViewportChange: s,
+  selectedNodeIds: a,
+  selectedEdgeIds: d,
+  defaultSelectedNodeIds: u,
+  defaultSelectedEdgeIds: b,
+  onSelectionChange: I,
+  controlledFocusedNodeId: y,
+  defaultFocusedNodeId: p,
+  onFocusedNodeChange: m
+}) => {
+  const [E, l] = _t(
+    () => Be(
+      { ...vn, ...r ?? {} },
+      o,
+      i
+    )
+  ), [R, W] = _t({
+    nodeIds: u ?? [],
+    edgeIds: b ?? []
+  }), [g, _] = _t(
+    p
+  ), w = M(
+    () => Be(e ?? E, o, i),
+    [e, E, i, o]
+  ), v = pt(w);
+  v.current = w;
+  const H = pt(s);
+  H.current = s;
+  const ot = M(
+    () => ({
+      nodeIds: a ?? R.nodeIds,
+      edgeIds: d ?? R.edgeIds
+    }),
+    [a, d, R]
+  ), ut = pt(ot);
+  ut.current = ot;
+  const S = y !== void 0 ? y : g, L = J(
+    (C) => {
+      var A;
+      const Y = v.current, U = typeof C == "function" ? C(Y) : C, it = Be({ ...Y, ...U }, o, i);
+      e || l(it), (A = H.current) == null || A.call(H, it);
+    },
+    [e, i, o]
+  ), et = J(
+    (C) => {
+      const Y = ut.current, U = typeof C == "function" ? C(Y) : C;
+      (a == null || d == null) && W((it) => ({
+        nodeIds: a == null ? U.nodeIds : it.nodeIds,
+        edgeIds: d == null ? U.edgeIds : it.edgeIds
+      })), I == null || I(U);
+    },
+    [I, d, a]
+  ), B = J(
+    (C) => {
+      y === void 0 && _(C), m == null || m(C);
+    },
+    [y, m]
+  );
+  return {
+    viewport: w,
+    viewportRef: v,
+    selection: ot,
+    selectionRef: ut,
+    focusedNodeId: S,
+    updateViewport: L,
+    updateSelection: et,
+    updateFocusedNode: B
+  };
+}, vr = (e) => Object.prototype.toString.call(e) === "[object Object]", Qe = (e, r, o) => {
   if (Object.is(e, r))
     return !0;
   if (typeof e == "function" || typeof r == "function" || !e || !r || typeof e != "object" || typeof r != "object")
     return !1;
-  const i = s.get(e);
+  const i = o.get(e);
   if (i != null && i.has(r))
     return !0;
   if (Array.isArray(e) || Array.isArray(r)) {
     if (!Array.isArray(e) || !Array.isArray(r) || e.length !== r.length)
       return !1;
-    i ? i.add(r) : s.set(e, new WeakSet([r]));
-    for (let h = 0; h < e.length; h += 1)
-      if (!nr(e[h], r[h], s))
+    i ? i.add(r) : o.set(e, new WeakSet([r]));
+    for (let d = 0; d < e.length; d += 1)
+      if (!Qe(e[d], r[d], o))
         return !1;
     return !0;
   }
-  if (!Tr(e) || !Tr(r))
+  if (!vr(e) || !vr(r))
     return !1;
-  i ? i.add(r) : s.set(e, new WeakSet([r]));
-  const o = Object.keys(e), c = Object.keys(r);
-  if (o.length !== c.length)
+  i ? i.add(r) : o.set(e, new WeakSet([r]));
+  const s = Object.keys(e), a = Object.keys(r);
+  if (s.length !== a.length)
     return !1;
-  for (const h of o)
-    if (!(h in r) || !nr(e[h], r[h], s))
+  for (const d of s)
+    if (!(d in r) || !Qe(e[d], r[d], o))
       return !1;
   return !0;
 };
-function En(e) {
+function xn(e) {
   const r = pt(null);
-  return (r.current === null || !nr(r.current, e, /* @__PURE__ */ new WeakMap())) && (r.current = e), r.current;
+  return (r.current === null || !Qe(r.current, e, /* @__PURE__ */ new WeakMap())) && (r.current = e), r.current;
 }
-const _n = 180, Tn = 24, Ar = (e) => {
+const bn = 180, In = 24, Lr = (e) => {
   var r;
-  return ((r = e.size) == null ? void 0 : r.width) ?? _n;
-}, He = (e) => e.position.x + Ar(e) / 2, jr = (e, r = Tn) => {
-  const s = [...e].sort((o, c) => He(o) - He(c)), i = [];
-  return s.forEach((o) => {
-    const c = He(o), h = Ar(o), u = i[i.length - 1];
+  return ((r = e.size) == null ? void 0 : r.width) ?? bn;
+}, Ce = (e) => e.position.x + Lr(e) / 2, kr = (e, r = In) => {
+  const o = [...e].sort((s, a) => Ce(s) - Ce(a)), i = [];
+  return o.forEach((s) => {
+    const a = Ce(s), d = Lr(s), u = i[i.length - 1];
     if (!u) {
-      i.push({ centerX: c, avgWidth: h, nodes: [o] });
+      i.push({ centerX: a, avgWidth: d, nodes: [s] });
       return;
     }
-    const w = Math.max(r, Math.min(u.avgWidth, h) * 0.35);
-    if (Math.abs(c - u.centerX) > w) {
-      i.push({ centerX: c, avgWidth: h, nodes: [o] });
+    const b = Math.max(r, Math.min(u.avgWidth, d) * 0.35);
+    if (Math.abs(a - u.centerX) > b) {
+      i.push({ centerX: a, avgWidth: d, nodes: [s] });
       return;
     }
-    u.nodes.push(o);
-    const T = u.nodes.length;
-    u.centerX = (u.centerX * (T - 1) + c) / T, u.avgWidth = (u.avgWidth * (T - 1) + h) / T;
-  }), i.map((o) => ({
-    centerX: o.centerX,
-    nodes: [...o.nodes].sort((c, h) => c.position.y - h.position.y)
+    u.nodes.push(s);
+    const I = u.nodes.length;
+    u.centerX = (u.centerX * (I - 1) + a) / I, u.avgWidth = (u.avgWidth * (I - 1) + d) / I;
+  }), i.map((s) => ({
+    centerX: s.centerX,
+    nodes: [...s.nodes].sort((a, d) => a.position.y - d.position.y)
   }));
-}, Dr = 180, zr = 72, Ae = (e, r, s) => Math.min(Math.max(e, r), s), Pn = (e) => e.length ? e.reduce(
-  (s, i) => {
-    var v, m;
-    const o = ((v = i.size) == null ? void 0 : v.width) ?? Dr, c = ((m = i.size) == null ? void 0 : m.height) ?? zr, h = Math.min(s.minX, i.position.x), u = Math.min(s.minY, i.position.y), w = Math.max(s.maxX, i.position.x + o), T = Math.max(s.maxY, i.position.y + c);
-    return {
-      minX: h,
-      minY: u,
-      maxX: w,
-      maxY: T,
-      width: w - h,
-      height: T - u
-    };
-  },
-  {
-    minX: Number.POSITIVE_INFINITY,
-    minY: Number.POSITIVE_INFINITY,
-    maxX: Number.NEGATIVE_INFINITY,
-    maxY: Number.NEGATIVE_INFINITY,
-    width: 0,
-    height: 0
-  }
-) : null, Rn = (e, r, s, i, o, c) => {
-  if (!e || r <= 0 || s <= 0)
-    return { x: 0, y: 0, zoom: 1 };
-  const h = Math.max(e.width, 1), u = Math.max(e.height, 1), w = Math.max(r - i * 2, 1), T = Math.max(s - i * 2, 1), v = Ae(
-    Math.min(w / h, T / u),
-    o,
-    c
-  );
-  return {
-    x: i + (w - h * v) / 2 - e.minX * v,
-    y: i + (T - u * v) / 2 - e.minY * v,
-    zoom: v
-  };
-}, Sn = (e, r, s, i) => {
-  var w, T;
-  const o = ((w = e.size) == null ? void 0 : w.width) ?? Dr, c = ((T = e.size) == null ? void 0 : T.height) ?? zr, h = e.position.x + o / 2, u = e.position.y + c / 2;
-  return {
-    x: r / 2 - h * i,
-    y: s / 2 - u * i,
-    zoom: i
-  };
-}, Ln = re.memo(function({
+}, En = oe.memo(function({
   edge: r,
-  color: s,
+  color: o,
   width: i,
-  curveEdges: o,
-  curveStrength: c,
-  markerEnd: h,
+  curveEdges: s,
+  curveStrength: a,
+  markerEnd: d,
   isHovered: u,
-  isSelected: w,
-  hoverColor: T,
-  selectionColor: v,
-  labelColor: m,
-  selectionMarker: g,
-  hoverMarker: I,
+  isSelected: b,
+  hoverColor: I,
+  selectionColor: y,
+  labelColor: p,
+  selectionMarker: m,
+  hoverMarker: E,
   hoverEnabled: l,
-  hoverStrokeWidth: L,
-  selectedStrokeWidth: X,
-  hitStrokeWidth: y,
-  onHoverChange: E,
-  onClick: _
+  hoverStrokeWidth: R,
+  selectedStrokeWidth: W,
+  hitStrokeWidth: g,
+  onHoverChange: _,
+  onClick: w
 }) {
-  const x = hn(r, o, c);
-  if (!x) return null;
-  const G = u ? T : w ? v ?? T : s, ut = u ? L ?? i : w ? X ?? i + 1 : i, rt = u ? I ?? g ?? h : w ? g ?? h : h, S = r.label != null && r.labelPosition ? String(r.label) : null;
-  return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-    /* @__PURE__ */ N.jsx(
+  const v = on(r, s, a);
+  if (!v) return null;
+  const H = u ? I : b ? y ?? I : o, ot = u ? R ?? i : b ? W ?? i + 1 : i, ut = u ? E ?? m ?? d : b ? m ?? d : d, S = r.label != null && r.labelPosition ? String(r.label) : null;
+  return /* @__PURE__ */ z.jsxs(z.Fragment, { children: [
+    /* @__PURE__ */ z.jsx(
       "path",
       {
-        d: x,
+        d: v,
         stroke: "transparent",
-        strokeWidth: y ?? i + 8,
+        strokeWidth: g ?? i + 8,
         fill: "none",
         pointerEvents: "stroke",
         "data-graph-edge-interactive": "true",
-        onMouseEnter: () => l && (E == null ? void 0 : E(!0)),
-        onMouseLeave: () => l && (E == null ? void 0 : E(!1)),
-        onClick: _
+        onMouseEnter: () => l && (_ == null ? void 0 : _(!0)),
+        onMouseLeave: () => l && (_ == null ? void 0 : _(!1)),
+        onClick: w
       }
     ),
-    /* @__PURE__ */ N.jsx(
+    /* @__PURE__ */ z.jsx(
       "path",
       {
-        d: x,
-        stroke: G,
-        strokeWidth: ut,
+        d: v,
+        stroke: H,
+        strokeWidth: ot,
         fill: "none",
-        markerEnd: r.type === "directed" ? rt : void 0,
+        markerEnd: r.type === "directed" ? ut : void 0,
         pointerEvents: "none"
       }
     ),
-    S && r.labelPosition ? /* @__PURE__ */ N.jsx(
+    S && r.labelPosition ? /* @__PURE__ */ z.jsx(
       "text",
       {
         x: r.labelPosition.x,
@@ -1329,220 +1413,220 @@ const _n = 180, Tn = 24, Ar = (e) => {
         textAnchor: "middle",
         fontSize: 12,
         fontWeight: 600,
-        fill: m ?? "#334155",
+        fill: p ?? "#334155",
         pointerEvents: "none",
         children: S
       }
     ) : null
   ] });
-}), kn = 64, ee = 20, Pr = 8, On = 12, Mn = 7, An = 48, jn = 12, Dn = 700;
-function Nr(e) {
-  const r = Math.min(Array.from(e).length, An);
+}), _n = 64, ie = 20, wr = 8, Tn = 12, Pn = 7, Rn = 48, Sn = 12, Ln = 700;
+function Or(e) {
+  const r = Math.min(Array.from(e).length, Rn);
   return Math.max(
-    kn,
-    r * Mn + On * 2
+    _n,
+    r * Pn + Tn * 2
   );
 }
-function Fr(e, r, s, i, o = !1) {
-  const c = jr(e), h = c.map((g) => g.centerX);
-  if (!h.length)
+function Mr(e, r, o, i, s = !1) {
+  const a = kr(e), d = a.map((m) => m.centerX);
+  if (!d.length)
     return { orderedXs: [], orderedLabels: [] };
-  const w = c.map((g) => g.nodes.length).map((g) => {
-    const I = g * 2;
-    return I <= 2 ? "Final" : `1/${I}`;
-  }), T = i && i.length ? i : o ? w : [], v = r === Me.Tree && s === tr.RTL ? [...h].reverse() : h, m = r === Me.Tree && s === tr.RTL ? [...T].reverse() : T;
-  return { orderedXs: v, orderedLabels: m };
+  const b = a.map((m) => m.nodes.length).map((m) => {
+    const E = m * 2;
+    return E <= 2 ? "Final" : `1/${E}`;
+  }), I = i && i.length ? i : s ? b : [], y = r === Me.Tree && o === qe.RTL ? [...d].reverse() : d, p = r === Me.Tree && o === qe.RTL ? [...I].reverse() : I;
+  return { orderedXs: y, orderedLabels: p };
 }
-function zn({
+function kn({
   positionedNodes: e,
   layout: r,
-  layoutDirection: s,
+  layoutDirection: o,
   labels: i,
-  autoLabels: o,
-  labelOffset: c,
-  pillBackground: h = "#eef1f6",
+  autoLabels: s,
+  labelOffset: a,
+  pillBackground: d = "#eef1f6",
   pillBorderColor: u = "#d7dbe3",
-  pillTextColor: w = "#3f434b"
+  pillTextColor: b = "#3f434b"
 }) {
-  const { orderedXs: T, orderedLabels: v } = Fr(
+  const { orderedXs: I, orderedLabels: y } = Mr(
     e,
     r,
-    s,
+    o,
     i,
-    o
+    s
   );
-  if (!T.length || !v.length) return null;
-  const g = e.reduce(
-    (I, l) => Math.min(I, l.position.y),
+  if (!I.length || !y.length) return null;
+  const m = e.reduce(
+    (E, l) => Math.min(E, l.position.y),
     Number.POSITIVE_INFINITY
-  ) - c;
-  return /* @__PURE__ */ N.jsx("g", { "aria-label": "labels", children: T.map((I, l) => {
-    const L = v[l] ?? "", X = Nr(L), y = I;
-    return /* @__PURE__ */ N.jsxs(
+  ) - a;
+  return /* @__PURE__ */ z.jsx("g", { "aria-label": "labels", children: I.map((E, l) => {
+    const R = y[l] ?? "", W = Or(R), g = E;
+    return /* @__PURE__ */ z.jsxs(
       "g",
       {
-        transform: `translate(${y - X / 2}, ${g - ee + 6})`,
+        transform: `translate(${g - W / 2}, ${m - ie + 6})`,
         children: [
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "rect",
             {
-              width: X,
-              height: ee,
-              rx: Pr,
-              ry: Pr,
-              fill: h,
+              width: W,
+              height: ie,
+              rx: wr,
+              ry: wr,
+              fill: d,
               stroke: u,
               strokeWidth: 1
             }
           ),
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "text",
             {
-              x: X / 2,
-              y: ee / 2 + 4,
-              fill: w,
-              fontSize: jn,
-              fontWeight: Dn,
+              x: W / 2,
+              y: ie / 2 + 4,
+              fill: b,
+              fontSize: Sn,
+              fontWeight: Ln,
               textAnchor: "middle",
-              children: L
+              children: R
             }
           )
         ]
       },
-      `col-${I}`
+      `col-${E}`
     );
   }) });
 }
-const Nn = typeof window > "u" ? te : an, Yr = re.memo(
+const On = typeof window > "u" ? ne : Zr, Ar = oe.memo(
   ({
     node: e,
     Vertex: r,
-    isSelected: s,
+    isSelected: o,
     isFocused: i,
-    selectionColor: o,
-    isHighlighted: c,
-    activePathKey: h,
+    selectionColor: s,
+    isHighlighted: a,
+    activePathKey: d,
     activePathNodeIds: u,
-    highlightColor: w,
-    nodeBorderColor: T,
-    nodeBorderWidth: v,
-    hoverNodeBorderColor: m,
-    hoverNodeBothColor: g,
-    hoverNodeInColor: I,
+    highlightColor: b,
+    nodeBorderColor: I,
+    nodeBorderWidth: y,
+    hoverNodeBorderColor: p,
+    hoverNodeBothColor: m,
+    hoverNodeInColor: E,
     hoverNodeOutColor: l,
-    hoverNodeHighlight: L,
-    hoveredNodeStates: X,
-    onNodeMeasure: y,
-    onNodeFocus: E,
-    onNodeClick: _,
-    onNodeDoubleClick: x,
-    onNodeMouseEnter: G,
-    onNodeMouseLeave: ut,
-    onPathHover: rt,
+    hoverNodeHighlight: R,
+    hoveredNodeStates: W,
+    onNodeMeasure: g,
+    onNodeFocus: _,
+    onNodeClick: w,
+    onNodeDoubleClick: v,
+    onNodeMouseEnter: H,
+    onNodeMouseLeave: ot,
+    onPathHover: ut,
     onPathLeave: S
   }) => {
-    var Ft, Kt;
-    const D = pt(null), H = ((Ft = e.size) == null ? void 0 : Ft.width) ?? 180, it = ((Kt = e.size) == null ? void 0 : Kt.height) ?? 72, q = 8, V = X == null ? void 0 : X.get(e.id), at = (V == null ? void 0 : V.in) ?? !1, O = (V == null ? void 0 : V.out) ?? !1, A = at && O, Y = at || O, J = !!T && v > 0 || s;
-    let dt = T;
-    s ? dt = o : c ? dt = w : J ? L && (A ? dt = g : O ? dt = l : at ? dt = I : Y && (dt = m)) : dt = "none";
-    let jt = 0;
-    s || c ? jt = 1 : J && (jt = L && Y ? 1 : 0.4), Nn(() => {
-      if (!D.current || !y)
+    var Wt, Vt;
+    const L = pt(null), et = ((Wt = e.size) == null ? void 0 : Wt.width) ?? 180, B = ((Vt = e.size) == null ? void 0 : Vt.height) ?? 72, C = 8, Y = W == null ? void 0 : W.get(e.id), U = (Y == null ? void 0 : Y.in) ?? !1, it = (Y == null ? void 0 : Y.out) ?? !1, A = U && it, O = U || it, F = !!I && y > 0 || o;
+    let G = I;
+    o ? G = s : a ? G = b : F ? R && (A ? G = m : it ? G = l : U ? G = E : O && (G = p)) : G = "none";
+    let zt = 0;
+    o || a ? zt = 1 : F && (zt = R && O ? 1 : 0.4), On(() => {
+      if (!L.current || !g)
         return;
-      const ot = () => {
-        H > 0 && it > 0 && y(e.id, { width: Math.ceil(H), height: Math.ceil(it) });
-      }, Q = requestAnimationFrame(() => {
-        var Lt, Tt;
+      const lt = () => {
+        et > 0 && B > 0 && g(e.id, { width: Math.ceil(et), height: Math.ceil(B) });
+      }, rt = requestAnimationFrame(() => {
+        var Ot, Tt;
         try {
-          if (typeof ((Lt = D.current) == null ? void 0 : Lt.getBBox) != "function") {
-            ot();
+          if (typeof ((Ot = L.current) == null ? void 0 : Ot.getBBox) != "function") {
+            lt();
             return;
           }
-          const mt = (Tt = D.current) == null ? void 0 : Tt.getBBox();
+          const mt = (Tt = L.current) == null ? void 0 : Tt.getBBox();
           if (mt && mt.width > 0 && mt.height > 0) {
-            y(e.id, {
+            g(e.id, {
               width: Math.ceil(mt.width),
               height: Math.ceil(mt.height)
             });
             return;
           }
         } catch {
-          ot();
+          lt();
         }
-        ot();
+        lt();
       });
-      return () => cancelAnimationFrame(Q);
-    }, [e.id, e.label, e.meta, y, H, it]);
-    const vt = s || c ? Math.max(2, v) : J ? v : 0, _t = i ? Math.max(2, vt || 2) : 0;
-    return /* @__PURE__ */ N.jsxs(
+      return () => cancelAnimationFrame(rt);
+    }, [e.id, e.label, e.meta, g, et, B]);
+    const Yt = o || a ? Math.max(2, y) : F ? y : 0, Kt = i ? Math.max(2, Yt || 2) : 0;
+    return /* @__PURE__ */ z.jsxs(
       "g",
       {
-        ref: D,
+        ref: L,
         transform: `translate(${e.position.x}, ${e.position.y})`,
         "data-graph-node-interactive": "true",
         role: "button",
         tabIndex: 0,
-        "aria-selected": s,
-        onMouseDown: (ot) => {
-          ot.preventDefault();
+        "aria-selected": o,
+        onMouseDown: (lt) => {
+          lt.preventDefault();
         },
-        onFocus: () => E == null ? void 0 : E(e.id),
-        onClick: () => _ == null ? void 0 : _(e),
-        onDoubleClick: () => x == null ? void 0 : x(e),
-        onMouseEnter: () => G(e.id),
-        onMouseLeave: ut,
-        onKeyDown: (ot) => {
-          (ot.key === "Enter" || ot.key === " ") && (ot.preventDefault(), _ == null || _(e));
+        onFocus: () => _ == null ? void 0 : _(e.id),
+        onClick: () => w == null ? void 0 : w(e),
+        onDoubleClick: () => v == null ? void 0 : v(e),
+        onMouseEnter: () => H(e.id),
+        onMouseLeave: ot,
+        onKeyDown: (lt) => {
+          (lt.key === "Enter" || lt.key === " ") && (lt.preventDefault(), w == null || w(e));
         },
         children: [
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "rect",
             {
               x: 0,
               y: 0,
-              width: H,
-              height: it,
-              rx: q,
-              ry: q,
+              width: et,
+              height: B,
+              rx: C,
+              ry: C,
               fill: "none",
-              stroke: dt,
-              strokeOpacity: jt,
-              strokeWidth: vt,
+              stroke: G,
+              strokeOpacity: zt,
+              strokeWidth: Yt,
               pointerEvents: "none"
             }
           ),
-          i ? /* @__PURE__ */ N.jsx(
+          i ? /* @__PURE__ */ z.jsx(
             "rect",
             {
               x: -3,
               y: -3,
-              width: H + 6,
-              height: it + 6,
-              rx: q + 2,
-              ry: q + 2,
+              width: et + 6,
+              height: B + 6,
+              rx: C + 2,
+              ry: C + 2,
               fill: "none",
-              stroke: o,
+              stroke: s,
               strokeOpacity: 0.7,
-              strokeWidth: _t,
+              strokeWidth: Kt,
               strokeDasharray: "4 3",
               pointerEvents: "none"
             }
           ) : null,
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             r,
             {
               node: e,
-              isSelected: s,
-              isHovered: Y,
-              isHoveredIn: at,
-              isHoveredOut: O,
+              isSelected: o,
+              isHovered: O,
+              isHoveredIn: U,
+              isHoveredOut: it,
               isHoveredBoth: A,
-              activePathKey: h,
+              activePathKey: d,
               activePathNodeIds: u,
-              hoverInColor: I,
+              hoverInColor: E,
               hoverOutColor: l,
-              hoverBothColor: g,
-              onPathHover: (ot, Q) => ot !== null && rt(e.id, ot, (Q == null ? void 0 : Q.pathKey) ?? (Q == null ? void 0 : Q.playerKey)),
+              hoverBothColor: m,
+              onPathHover: (lt, rt) => lt !== null && ut(e.id, lt, (rt == null ? void 0 : rt.pathKey) ?? (rt == null ? void 0 : rt.playerKey)),
               onPathLeave: S
             }
           )
@@ -1551,747 +1635,720 @@ const Nn = typeof window > "u" ? te : an, Yr = re.memo(
     );
   }
 );
-Yr.displayName = "GraphNode";
-const Ke = { x: 0, y: 0, zoom: 1 }, Ge = { nodeIds: [], edgeIds: [] }, Wr = 0.25, $r = 2.5, Fn = 0.12, Yn = "#f59e0b", Wn = "top-left", Ht = 26, ir = 34, Xr = 8, Ve = 48, Ze = 20, $n = 8, qe = (e, r, s) => ({
-  x: Number.isFinite(e.x) ? e.x : 0,
-  y: Number.isFinite(e.y) ? e.y : 0,
-  zoom: Ae(Number.isFinite(e.zoom) ? e.zoom : 1, r, s)
-}), Xn = (e, r) => {
-  const s = Number.isFinite(e) && e > 0 ? e : Wr, i = Number.isFinite(r) && r > 0 ? r : $r;
-  return s <= i ? { minZoom: s, maxZoom: i } : { minZoom: i, maxZoom: s };
-}, Je = (e) => e instanceof Error ? e : new Error(String(e)), Rr = (e, r, s) => s === "single" ? e.length === 1 && e[0] === r ? [] : [r] : e.includes(r) ? e.filter((i) => i !== r) : [...e, r], Bn = (e, r, s) => {
-  const i = 2 * Ht + 2 * ir + Xr * 3, o = 12;
-  switch (s) {
+Ar.displayName = "GraphNode";
+const xr = { x: 0, y: 0, zoom: 1 }, Ue = { nodeIds: [], edgeIds: [] }, Dr = 0.25, jr = 2.5, Mn = 0.12, An = "#f59e0b", Dn = "top-left", Ht = 26, tr = 34, zr = 8, Ge = 48, He = 20, jn = 8, zn = (e, r) => {
+  const o = Number.isFinite(e) && e > 0 ? e : Dr, i = Number.isFinite(r) && r > 0 ? r : jr;
+  return o <= i ? { minZoom: o, maxZoom: i } : { minZoom: i, maxZoom: o };
+}, Ke = (e) => e instanceof Error ? e : new Error(String(e)), br = (e, r, o) => o === "single" ? e.length === 1 && e[0] === r ? [] : [r] : e.includes(r) ? e.filter((i) => i !== r) : [...e, r], Nn = (e, r, o) => {
+  const i = 2 * Ht + 2 * tr + zr * 3, s = 12;
+  switch (o) {
     case "top-right":
-      return { x: e - i - o, y: o };
+      return { x: e - i - s, y: s };
     case "bottom-left":
-      return { x: o, y: r - Ht - o };
+      return { x: s, y: r - Ht - s };
     case "bottom-right":
       return {
-        x: e - i - o,
-        y: r - Ht - o
+        x: e - i - s,
+        y: r - Ht - s
       };
     case "top-left":
     default:
-      return { x: o, y: o };
+      return { x: s, y: s };
   }
-}, Sr = (e, r) => Math.hypot(e.x - r.x, e.y - r.y), Lr = (e, r) => ({
+}, Ir = (e, r) => Math.hypot(e.x - r.x, e.y - r.y), Er = (e, r) => ({
   x: (e.x + r.x) / 2,
   y: (e.y + r.y) / 2
-}), kr = (e) => ({
+}), _r = (e) => ({
   x: Math.min(e.startX, e.endX),
   y: Math.min(e.startY, e.endY),
   width: Math.abs(e.endX - e.startX),
   height: Math.abs(e.endY - e.startY)
-}), Or = (e, r, s) => e >= s.x && e <= s.x + s.width && r >= s.y && r <= s.y + s.height, Cn = (e, r) => ({
+}), Tr = (e, r, o) => e >= o.x && e <= o.x + o.width && r >= o.y && r <= o.y + o.height, Fn = (e, r) => ({
   minX: e.minX - r,
   minY: e.minY - r,
   maxX: e.maxX + r,
   maxY: e.maxY + r,
   width: e.width + r * 2,
   height: e.height + r * 2
-}), je = (e, r) => {
+}), De = (e, r) => {
   if (!e)
     return r;
   if (!r)
     return e;
-  const s = Math.min(e.minX, r.minX), i = Math.min(e.minY, r.minY), o = Math.max(e.maxX, r.maxX), c = Math.max(e.maxY, r.maxY);
+  const o = Math.min(e.minX, r.minX), i = Math.min(e.minY, r.minY), s = Math.max(e.maxX, r.maxX), a = Math.max(e.maxY, r.maxY);
   return {
-    minX: s,
+    minX: o,
     minY: i,
-    maxX: o,
-    maxY: c,
-    width: o - s,
-    height: c - i
+    maxX: s,
+    maxY: a,
+    width: s - o,
+    height: a - i
   };
-}, Un = (e, r, s, i, o, c) => {
-  if (!e.length || !o && !(i && i.length))
+}, Yn = (e, r, o, i, s, a) => {
+  if (!e.length || !s && !(i && i.length))
     return null;
-  const h = jr(e);
-  if (!h.length)
+  const d = kr(e);
+  if (!d.length)
     return null;
-  const u = r === Me.Tree && s === tr.RTL ? [...h].reverse() : h, { orderedLabels: w } = Fr(
+  const u = r === Me.Tree && o === qe.RTL ? [...d].reverse() : d, { orderedLabels: b } = Mr(
     e,
     r,
-    s,
+    o,
     i,
-    o
-  ), v = e.reduce(
-    (m, g) => Math.min(m, g.position.y),
+    s
+  ), y = e.reduce(
+    (p, m) => Math.min(p, m.position.y),
     Number.POSITIVE_INFINITY
-  ) - c - ee + 6;
-  return u.reduce((m, g, I) => {
-    const l = Nr(w[I] ?? ""), L = {
-      minX: g.centerX - l / 2,
-      minY: v,
-      maxX: g.centerX + l / 2,
-      maxY: v + ee,
+  ) - a - ie + 6;
+  return u.reduce((p, m, E) => {
+    const l = Or(b[E] ?? ""), R = {
+      minX: m.centerX - l / 2,
+      minY: y,
+      maxX: m.centerX + l / 2,
+      maxY: y + ie,
       width: l,
-      height: ee
+      height: ie
     };
-    return je(m, L);
+    return De(p, R);
   }, null);
-}, Hn = (e) => e.reduce((r, s) => {
-  if (!s.labelPosition)
+}, Wn = (e) => e.reduce((r, o) => {
+  if (!o.labelPosition)
     return r;
   const i = {
-    minX: s.labelPosition.x - Ve / 2,
-    minY: s.labelPosition.y - Ze / 2,
-    maxX: s.labelPosition.x + Ve / 2,
-    maxY: s.labelPosition.y + Ze / 2,
-    width: Ve,
-    height: Ze
+    minX: o.labelPosition.x - Ge / 2,
+    minY: o.labelPosition.y - He / 2,
+    maxX: o.labelPosition.x + Ge / 2,
+    maxY: o.labelPosition.y + He / 2,
+    width: Ge,
+    height: He
   };
-  return je(r, i);
-}, null), Qe = (e, r, s) => {
+  return De(r, i);
+}, null), Ve = (e, r, o) => {
   if (!e)
-    return { x: r, y: s };
+    return { x: r, y: o };
   const i = e.getBoundingClientRect();
   return {
     x: r - i.left,
-    y: s - i.top
+    y: o - i.top
   };
-}, Kn = (e, r, s) => {
-  var u, w, T, v, m, g;
+}, $n = (e, r, o) => {
+  var u, b, I, y, p, m;
   const i = {
     x: e.position.x + (((u = e.size) == null ? void 0 : u.width) ?? 0) / 2,
-    y: e.position.y + (((w = e.size) == null ? void 0 : w.height) ?? 0) / 2
-  }, o = r.filter((I) => {
-    var L, X;
-    if (I.id === e.id)
+    y: e.position.y + (((b = e.size) == null ? void 0 : b.height) ?? 0) / 2
+  }, s = r.filter((E) => {
+    var R, W;
+    if (E.id === e.id)
       return !1;
     const l = {
-      x: I.position.x + (((L = I.size) == null ? void 0 : L.width) ?? 0) / 2,
-      y: I.position.y + (((X = I.size) == null ? void 0 : X.height) ?? 0) / 2
+      x: E.position.x + (((R = E.size) == null ? void 0 : R.width) ?? 0) / 2,
+      y: E.position.y + (((W = E.size) == null ? void 0 : W.height) ?? 0) / 2
     };
-    return s === "left" ? l.x < i.x : s === "right" ? l.x > i.x : s === "up" ? l.y < i.y : l.y > i.y;
+    return o === "left" ? l.x < i.x : o === "right" ? l.x > i.x : o === "up" ? l.y < i.y : l.y > i.y;
   });
-  if (!o.length)
+  if (!s.length)
     return null;
-  let c = o[0], h = Math.hypot(
-    c.position.x + (((T = c.size) == null ? void 0 : T.width) ?? 0) / 2 - i.x,
-    c.position.y + (((v = c.size) == null ? void 0 : v.height) ?? 0) / 2 - i.y
+  let a = s[0], d = Math.hypot(
+    a.position.x + (((I = a.size) == null ? void 0 : I.width) ?? 0) / 2 - i.x,
+    a.position.y + (((y = a.size) == null ? void 0 : y.height) ?? 0) / 2 - i.y
   );
-  for (let I = 1; I < o.length; I++) {
-    const l = o[I], L = Math.hypot(
-      l.position.x + (((m = l.size) == null ? void 0 : m.width) ?? 0) / 2 - i.x,
-      l.position.y + (((g = l.size) == null ? void 0 : g.height) ?? 0) / 2 - i.y
+  for (let E = 1; E < s.length; E++) {
+    const l = s[E], R = Math.hypot(
+      l.position.x + (((p = l.size) == null ? void 0 : p.width) ?? 0) / 2 - i.x,
+      l.position.y + (((m = l.size) == null ? void 0 : m.height) ?? 0) / 2 - i.y
     );
-    L < h && (c = l, h = L);
+    R < d && (a = l, d = R);
   }
-  return c;
-}, Gn = ({
+  return a;
+}, Xn = ({
   graph: e,
   vertexComponent: r,
-  edgeComponent: s = Ln,
+  edgeComponent: o = En,
   config: i,
-  viewport: o,
-  defaultViewport: c,
-  onViewportChange: h,
+  viewport: s,
+  defaultViewport: a,
+  onViewportChange: d,
   fitViewOnMount: u = !1,
-  fitViewPadding: w = 32,
-  minZoom: T = Wr,
-  maxZoom: v = $r,
-  zoomStep: m = Fn,
-  panEnabled: g = !0,
-  zoomEnabled: I = !0,
+  fitViewPadding: b = 32,
+  minZoom: I = Dr,
+  maxZoom: y = jr,
+  zoomStep: p = Mn,
+  panEnabled: m = !0,
+  zoomEnabled: E = !0,
   pinchZoomEnabled: l = !0,
-  keyboardNavigation: L = !0,
-  showControls: X = !1,
-  controlsPosition: y = Wn,
-  marqueeSelectionEnabled: E = !0,
-  focusedNodeId: _,
-  defaultFocusedNodeId: x = null,
-  onFocusedNodeChange: G,
-  collapsedNodeIds: ut,
-  defaultCollapsedNodeIds: rt,
+  keyboardNavigation: R = !0,
+  showControls: W = !1,
+  controlsPosition: g = Dn,
+  marqueeSelectionEnabled: _ = !0,
+  focusedNodeId: w,
+  defaultFocusedNodeId: v = null,
+  onFocusedNodeChange: H,
+  collapsedNodeIds: ot,
+  defaultCollapsedNodeIds: ut,
   onCollapsedNodeIdsChange: S,
-  toggleCollapseOnNodeDoubleClick: D = !0,
-  hiddenNodeIds: H,
-  onNodeExpand: it,
-  onNodeCollapse: q,
-  searchQuery: V,
-  hideUnmatchedSearch: at = !1,
-  searchPredicate: O,
+  toggleCollapseOnNodeDoubleClick: L = !0,
+  hiddenNodeIds: et,
+  onNodeExpand: B,
+  onNodeCollapse: C,
+  searchQuery: Y,
+  hideUnmatchedSearch: U = !1,
+  searchPredicate: it,
   highlightedNodeIds: A,
-  highlightedEdgeIds: Y,
-  highlightColor: J = "#f59e0b",
-  highlightStrategy: dt,
-  onSearchResultsChange: jt,
-  selectedNodeIds: vt,
-  selectedEdgeIds: _t,
-  defaultSelectedNodeIds: Ft,
-  defaultSelectedEdgeIds: Kt,
-  onSelectionChange: ot,
-  selectionMode: Q = "single",
-  nodeSelectionEnabled: Lt = !0,
+  highlightedEdgeIds: O,
+  highlightColor: F = "#f59e0b",
+  highlightStrategy: G,
+  onSearchResultsChange: zt,
+  selectedNodeIds: Yt,
+  selectedEdgeIds: Kt,
+  defaultSelectedNodeIds: Wt,
+  defaultSelectedEdgeIds: Vt,
+  onSelectionChange: lt,
+  selectionMode: rt = "single",
+  nodeSelectionEnabled: Ot = !0,
   edgeSelectionEnabled: Tt = !0,
-  selectionColor: mt = Yn,
-  edgeSelectionColor: Gt,
-  layoutNodesOverride: De,
-  routeEdgesOverride: me,
-  renderBackground: ne,
-  renderOverlay: ie,
-  onError: ct,
+  selectionColor: mt = An,
+  edgeSelectionColor: qt,
+  layoutNodesOverride: je,
+  routeEdgesOverride: be,
+  renderBackground: se,
+  renderOverlay: ae,
+  onError: ft,
   onNodeHoverChange: Pt,
-  onEdgeHoverChange: Yt,
+  onEdgeHoverChange: $t,
   onNodeClick: Rt,
   onEdgeClick: yt
 }, ze) => {
-  const ye = k(() => Xn(T, v), [T, v]), lt = ye.minZoom, ht = ye.maxZoom, ge = En(i), Wt = cn().replace(/:/g, "-"), [oe, ve] = Et(
-    () => qe({ ...Ke, ...c ?? {} }, lt, ht)
-  ), [se, xe] = Et({
-    nodeIds: Ft ?? [],
-    edgeIds: Kt ?? []
-  }), [we, Ne] = Et(
-    x
-  ), [kt, ae] = Et(null), [be, Ie] = Et(!1), xt = pt({
+  const Ie = M(() => zn(I, y), [I, y]), xt = Ie.minZoom, Mt = Ie.maxZoom, Ee = xn(i), Xt = Qr().replace(/:/g, "-"), [St, Jt] = _t(null), [_e, ce] = _t(!1), gt = pt({
     active: !1,
     startX: 0,
     startY: 0,
     originX: 0,
     originY: 0
-  }), wt = pt(/* @__PURE__ */ new Map()), bt = pt({
+  }), bt = pt(/* @__PURE__ */ new Map()), At = pt({
     active: !1,
     startDistance: 0,
     startZoom: 1,
     worldX: 0,
     worldY: 0
-  }), Ot = pt(null), Dt = pt(null), $t = pt(!1), b = k(() => pn(ge), [ge]), gt = b.theme, Ee = gt.edgeColor ?? wr.edgeColor, Xt = gt.edgeWidth ?? wr.edgeWidth, _e = Gt ?? mt, Te = b.hoverNodeBorderColor ?? b.hoverEdgeColor, Pe = b.hoverNodeBothColor ?? b.hoverEdgeColor, Fe = gt.nodeBorderColor, Ye = gt.nodeBorderWidth ?? 0, Bt = b.showArrows, ce = `${Wt}-arrow`, Re = `${Wt}-arrow-hover`, Se = `${Wt}-arrow-hover-in`, Le = `${Wt}-arrow-selected`, F = k(
-    () => qe(o ?? oe, lt, ht),
-    [o, oe, ht, lt]
-  ), t = pt(F);
-  t.current = F;
-  const a = pt(h);
-  a.current = h;
-  const f = k(
-    () => ({
-      nodeIds: vt ?? se.nodeIds,
-      edgeIds: _t ?? se.edgeIds
-    }),
-    [vt, _t, se]
-  ), R = pt(f);
-  R.current = f;
-  const M = _ !== void 0 ? _ : we, {
-    collapsedIds: W,
-    collapsedNodeSet: z,
-    pendingExpansionNodeSet: j,
-    updateCollapsedNodeIds: nt,
-    setPendingExpansionNodeIds: B
+  }), Nt = pt(null), Ne = pt(null), ue = pt(!1), T = M(() => sn(Ee), [Ee]), It = T.theme, Zt = It.edgeColor ?? hr.edgeColor, Bt = It.edgeWidth ?? hr.edgeWidth, Dt = qt ?? mt, le = T.hoverNodeBorderColor ?? T.hoverEdgeColor, fe = T.hoverNodeBothColor ?? T.hoverEdgeColor, Te = It.nodeBorderColor, Fe = It.nodeBorderWidth ?? 0, Ct = T.showArrows, Pe = `${Xt}-arrow`, de = `${Xt}-arrow-hover`, he = `${Xt}-arrow-hover-in`, Re = `${Xt}-arrow-selected`, {
+    viewport: $,
+    viewportRef: Se,
+    selection: st,
+    focusedNodeId: Et,
+    updateViewport: K,
+    updateSelection: dt,
+    updateFocusedNode: vt
   } = wn({
-    collapsedNodeIds: ut,
-    defaultCollapsedNodeIds: rt,
+    controlledViewport: s,
+    defaultViewport: a,
+    safeMinZoom: xt,
+    safeMaxZoom: Mt,
+    onViewportChange: d,
+    selectedNodeIds: Yt,
+    selectedEdgeIds: Kt,
+    defaultSelectedNodeIds: Wt,
+    defaultSelectedEdgeIds: Vt,
+    onSelectionChange: lt,
+    controlledFocusedNodeId: w,
+    defaultFocusedNodeId: v,
+    onFocusedNodeChange: H
+  }), {
+    collapsedIds: t,
+    collapsedNodeSet: c,
+    pendingExpansionNodeSet: h,
+    updateCollapsedNodeIds: P,
+    setPendingExpansionNodeIds: N
+  } = dn({
+    collapsedNodeIds: ot,
+    defaultCollapsedNodeIds: ut,
     onCollapsedNodeIdsChange: S
-  }), Z = k(() => new Set(f.nodeIds), [f.nodeIds]), ft = k(() => new Set(f.edgeIds), [f.edgeIds]), $ = K(
-    (n) => {
-      var U;
-      const d = t.current, p = typeof n == "function" ? n(d) : n, P = qe({ ...d, ...p }, lt, ht);
-      return o || ve(P), (U = a.current) == null || U.call(a, P), P;
-    },
-    // viewport and onViewportChange are intentionally excluded: both are read
-    // via refs so the callback stays stable across renders.
-    [o, ht, lt]
-  ), tt = K(
-    (n) => {
-      const d = R.current, p = typeof n == "function" ? n(d) : n;
-      (vt == null || _t == null) && xe((P) => ({
-        nodeIds: vt == null ? p.nodeIds : P.nodeIds,
-        edgeIds: _t == null ? p.edgeIds : P.edgeIds
-      })), ot == null || ot(p);
-    },
-    [ot, _t, vt]
-  ), C = K(
-    (n) => {
-      _ === void 0 && Ne(n), G == null || G(n);
-    },
-    [_, G]
-  ), {
-    childNodeIdsByParent: Vt,
-    effectiveHighlightedEdgeSet: We,
-    effectiveHighlightedNodeSet: $e,
-    handleNodeMeasure: Cr,
-    positionedEdges: Mt,
-    positionedNodes: st,
-    visibleEdges: or,
-    visibleNodesWithMeasuredSize: sr
-  } = In({
+  }), X = M(() => new Set(st.nodeIds), [st.nodeIds]), j = M(() => new Set(st.edgeIds), [st.edgeIds]), {
+    childNodeIdsByParent: D,
+    effectiveHighlightedEdgeSet: at,
+    effectiveHighlightedNodeSet: q,
+    handleNodeMeasure: Z,
+    positionedEdges: Q,
+    positionedNodes: V,
+    visibleEdges: Lt,
+    visibleNodesWithMeasuredSize: ct
+  } = pn({
     graph: e,
-    config: b,
-    mergedTheme: gt,
-    collapsedIds: W,
-    hiddenNodeIds: H,
-    searchQuery: V,
-    hideUnmatchedSearch: at,
-    searchPredicate: O,
+    config: T,
+    mergedTheme: It,
+    collapsedIds: t,
+    hiddenNodeIds: et,
+    searchQuery: Y,
+    hideUnmatchedSearch: U,
+    searchPredicate: it,
     highlightedNodeIds: A,
-    highlightedEdgeIds: Y,
-    highlightStrategy: dt,
-    onSearchResultsChange: jt,
-    layoutNodesOverride: De,
-    routeEdgesOverride: me,
-    onError: ct
-  }), Ur = K(
+    highlightedEdgeIds: O,
+    highlightStrategy: G,
+    onSearchResultsChange: zt,
+    layoutNodesOverride: je,
+    routeEdgesOverride: be,
+    onError: ft
+  }), pe = J(
     (n) => {
-      if (!(!D || !((Vt.get(n.id) ?? []).length > 0) || j.has(n.id)))
-        if (z.has(n.id))
+      if (!(!L || !((D.get(n.id) ?? []).length > 0) || h.has(n.id)))
+        if (c.has(n.id))
           try {
-            const p = it == null ? void 0 : it(n.id);
-            if (p && typeof p == "object" && "then" in p) {
-              B(
-                (P) => P.includes(n.id) ? P : [...P, n.id]
-              ), Promise.resolve(p).then(() => {
-                nt((P) => P.filter((U) => U !== n.id));
-              }).catch((P) => {
-                ct == null || ct(Je(P), { graph: e, phase: "interaction" });
+            const x = B == null ? void 0 : B(n.id);
+            if (x && typeof x == "object" && "then" in x) {
+              N(
+                (k) => k.includes(n.id) ? k : [...k, n.id]
+              ), Promise.resolve(x).then(() => {
+                P((k) => k.filter((tt) => tt !== n.id));
+              }).catch((k) => {
+                ft == null || ft(Ke(k), { graph: e, phase: "interaction" });
               }).finally(() => {
-                B(
-                  (P) => P.filter((U) => U !== n.id)
+                N(
+                  (k) => k.filter((tt) => tt !== n.id)
                 );
               });
               return;
             }
-            nt((P) => P.filter((U) => U !== n.id));
-          } catch (p) {
-            ct == null || ct(Je(p), { graph: e, phase: "interaction" });
+            P((k) => k.filter((tt) => tt !== n.id));
+          } catch (x) {
+            ft == null || ft(Ke(x), { graph: e, phase: "interaction" });
           }
         else {
-          nt((p) => [...p, n.id]);
+          P((x) => [...x, n.id]);
           try {
-            q == null || q(n.id);
-          } catch (p) {
-            ct == null || ct(Je(p), { graph: e, phase: "interaction" });
+            C == null || C(n.id);
+          } catch (x) {
+            ft == null || ft(Ke(x), { graph: e, phase: "interaction" });
           }
         }
     },
     [
-      Vt,
-      z,
+      D,
+      c,
       e,
-      ct,
-      q,
-      it,
-      j,
+      ft,
+      C,
       B,
-      D,
-      nt
+      h,
+      N,
+      L,
+      P
     ]
   );
-  te(() => {
-    const n = new Set(sr.map((p) => p.id)), d = new Set(or.map((p) => p.id));
-    (f.nodeIds.some((p) => !n.has(p)) || f.edgeIds.some((p) => !d.has(p))) && tt({
-      nodeIds: f.nodeIds.filter((p) => n.has(p)),
-      edgeIds: f.edgeIds.filter((p) => d.has(p))
-    }), M && !n.has(M) && C(null);
+  ne(() => {
+    const n = new Set(ct.map((x) => x.id)), f = new Set(Lt.map((x) => x.id));
+    (st.nodeIds.some((x) => !n.has(x)) || st.edgeIds.some((x) => !f.has(x))) && dt({
+      nodeIds: st.nodeIds.filter((x) => n.has(x)),
+      edgeIds: st.edgeIds.filter((x) => f.has(x))
+    }), Et && !n.has(Et) && vt(null);
   }, [
-    M,
-    f,
-    C,
-    tt,
-    or,
-    sr
+    Et,
+    st,
+    vt,
+    dt,
+    Lt,
+    ct
   ]);
-  const It = k(
-    () => new Map(st.map((n) => [n.id, n])),
-    [st]
-  ), ar = k(
-    () => new Map(Mt.map((n) => [n.id, n])),
-    [Mt]
-  ), cr = k(() => Pn(st), [st]), ur = k(() => {
-    const n = je(
-      je(
-        cr,
-        Un(
-          st,
-          b.layout,
-          b.layoutDirection,
-          b.labels,
-          b.autoLabels,
-          b.labelOffset
+  const ht = M(
+    () => new Map(V.map((n) => [n.id, n])),
+    [V]
+  ), Le = M(
+    () => new Map(Q.map((n) => [n.id, n])),
+    [Q]
+  ), er = M(() => mn(V), [V]), rr = M(() => {
+    const n = De(
+      De(
+        er,
+        Yn(
+          V,
+          T.layout,
+          T.layoutDirection,
+          T.labels,
+          T.autoLabels,
+          T.labelOffset
         )
       ),
-      Hn(Mt)
+      Wn(Q)
     );
-    return n && Cn(n, $n);
+    return n && Fn(n, jn);
   }, [
-    b.autoLabels,
-    b.labelOffset,
-    b.labels,
-    b.layout,
-    b.layoutDirection,
-    cr,
-    Mt,
-    st
-  ]), ke = K(() => {
-    var P;
-    const n = Ot.current;
+    T.autoLabels,
+    T.labelOffset,
+    T.labels,
+    T.layout,
+    T.layoutDirection,
+    er,
+    Q,
+    V
+  ]), ke = J(() => {
+    var k;
+    const n = Nt.current;
     if (!n)
-      return { width: b.width, height: b.height };
-    const p = ((P = n.parentElement) == null ? void 0 : P.getBoundingClientRect()) ?? n.getBoundingClientRect();
+      return { width: T.width, height: T.height };
+    const x = ((k = n.parentElement) == null ? void 0 : k.getBoundingClientRect()) ?? n.getBoundingClientRect();
     return {
-      width: p.width || b.width,
-      height: p.height || b.height
+      width: x.width || T.width,
+      height: x.height || T.height
     };
-  }, [b.height, b.width]), Ct = K(
-    (n = w) => {
-      const { width: d, height: p } = ke();
-      $(
-        Rn(ur, d, p, n, lt, ht)
+  }, [T.height, T.width]), Ut = J(
+    (n = b) => {
+      const { width: f, height: x } = ke();
+      K(
+        yn(rr, f, x, n, xt, Mt)
       );
     },
-    [ur, w, ke, ht, lt, $]
-  ), Oe = K(
+    [rr, b, ke, Mt, xt, K]
+  ), Oe = J(
     (n) => {
-      const d = It.get(n);
-      if (!d)
+      const f = ht.get(n);
+      if (!f)
         return;
-      const { width: p, height: P } = ke();
-      $(Sn(d, p, P, F.zoom));
+      const { width: x, height: k } = ke();
+      K(gn(f, x, k, $.zoom));
     },
-    [ke, It, $, F.zoom]
+    [ke, ht, K, $.zoom]
   );
-  un(
+  tn(
     ze,
     () => ({
-      fitView: Ct,
+      fitView: Ut,
       centerOnNode: Oe,
-      zoomIn: () => $((n) => ({ zoom: n.zoom + m })),
-      zoomOut: () => $((n) => ({ zoom: n.zoom - m })),
-      zoomTo: (n) => $({ zoom: n }),
-      resetViewport: () => $(Ke),
-      getViewport: () => F,
-      setViewport: $,
-      clearSelection: () => tt(Ge)
+      zoomIn: () => K((n) => ({ zoom: n.zoom + p })),
+      zoomOut: () => K((n) => ({ zoom: n.zoom - p })),
+      zoomTo: (n) => K({ zoom: n }),
+      resetViewport: () => K(xr),
+      getViewport: () => $,
+      setViewport: K,
+      clearSelection: () => dt(Ue)
     }),
-    [Oe, Ct, tt, $, F, m]
-  ), te(() => {
-    $t.current = !1;
-  }, [e]), te(() => {
-    !u || $t.current || st.length === 0 || ($t.current = !0, Ct());
-  }, [Ct, u, st.length]);
+    [Oe, Ut, dt, K, $, p]
+  ), ne(() => {
+    ue.current = !1;
+  }, [e]), ne(() => {
+    !u || ue.current || V.length === 0 || (ue.current = !0, Ut());
+  }, [Ut, u, V.length]);
   const {
-    hoveredEdgeId: lr,
-    setHoveredEdgeId: fr,
-    hoveredNodeId: Ut,
-    setHoveredNodeId: Zt,
-    focusedPath: Xe,
-    setFocusedPath: At,
-    pathHighlight: qt,
-    hoveredNodeStates: Hr,
-    edgesForRender: Kr
-  } = xn(st, Mt, b.hoverHighlight), dr = pt(Ut);
-  dr.current = Ut;
-  const hr = k(
+    hoveredEdgeId: nr,
+    setHoveredEdgeId: ir,
+    hoveredNodeId: Gt,
+    setHoveredNodeId: Qt,
+    focusedPath: Ye,
+    setFocusedPath: jt,
+    pathHighlight: te,
+    hoveredNodeStates: Fr,
+    edgesForRender: Yr
+  } = fn(V, Q, T.hoverHighlight), or = pt(Gt);
+  or.current = Gt;
+  const sr = M(
     () => ({
       graph: e,
-      nodes: st,
-      edges: Mt,
-      config: b,
-      viewport: F,
-      selection: f
+      nodes: V,
+      edges: Q,
+      config: T,
+      viewport: $,
+      selection: st
     }),
-    [b, e, Mt, st, f, F]
-  ), Jt = K(
-    (n, d, p = "pointer") => {
-      Pt == null || Pt(n, d, {
-        viewport: F,
-        selection: f,
-        trigger: p
+    [T, e, Q, V, st, $]
+  ), ee = J(
+    (n, f, x = "pointer") => {
+      Pt == null || Pt(n, f, {
+        viewport: $,
+        selection: st,
+        trigger: x
       });
     },
-    [Pt, f, F]
-  ), pr = K(
-    (n, d, p = "pointer") => {
-      Yt == null || Yt(n, d, {
-        viewport: F,
-        selection: f,
-        trigger: p
+    [Pt, st, $]
+  ), ar = J(
+    (n, f, x = "pointer") => {
+      $t == null || $t(n, f, {
+        viewport: $,
+        selection: st,
+        trigger: x
       });
     },
-    [Yt, f, F]
-  ), Be = K(
+    [$t, st, $]
+  ), We = J(
     (n) => {
-      if (!Lt) {
-        C(n.id), Rt == null || Rt(n);
+      if (!Ot) {
+        vt(n.id), Rt == null || Rt(n);
         return;
       }
-      tt((d) => ({
-        nodeIds: Rr(d.nodeIds, n.id, Q),
-        edgeIds: Q === "single" ? [] : d.edgeIds
-      })), C(n.id), Rt == null || Rt(n);
+      dt((f) => ({
+        nodeIds: br(f.nodeIds, n.id, rt),
+        edgeIds: rt === "single" ? [] : f.edgeIds
+      })), vt(n.id), Rt == null || Rt(n);
     },
-    [Lt, Rt, Q, C, tt]
-  ), Gr = K(
+    [Ot, Rt, rt, vt, dt]
+  ), Wr = J(
     (n) => {
       if (!Tt) {
         yt == null || yt(n);
         return;
       }
-      tt((d) => ({
-        nodeIds: Q === "single" ? [] : d.nodeIds,
-        edgeIds: Rr(d.edgeIds, n.id, Q)
+      dt((f) => ({
+        nodeIds: rt === "single" ? [] : f.nodeIds,
+        edgeIds: br(f.edgeIds, n.id, rt)
       })), yt == null || yt(n);
     },
-    [Tt, yt, Q, tt]
-  ), Vr = K(
+    [Tt, yt, rt, dt]
+  ), $r = J(
     (n) => {
-      var U, St;
-      const d = n.target, p = !!d.closest('[data-graph-node-interactive="true"], [data-graph-edge-interactive="true"]'), P = Qe(Ot.current, n.clientX, n.clientY);
-      if (!p && Q === "multiple" && E && n.shiftKey) {
-        ae({
-          startX: P.x,
-          startY: P.y,
-          endX: P.x,
-          endY: P.y
-        }), xt.current.active = !1;
+      var tt, kt;
+      const f = n.target, x = !!f.closest('[data-graph-node-interactive="true"], [data-graph-edge-interactive="true"]'), k = Ve(Nt.current, n.clientX, n.clientY);
+      if (!x && rt === "multiple" && _ && n.shiftKey) {
+        Jt({
+          startX: k.x,
+          startY: k.y,
+          endX: k.x,
+          endY: k.y
+        }), gt.current.active = !1;
         return;
       }
-      if (n.pointerType === "touch" && (wt.current.set(n.pointerId, P), l && I && wt.current.size === 2)) {
-        const [zt, et] = Array.from(wt.current.values()), Qt = Lr(zt, et);
-        bt.current = {
+      if (n.pointerType === "touch" && (bt.current.set(n.pointerId, k), l && E && bt.current.size === 2)) {
+        const [Ft, nt] = Array.from(bt.current.values()), re = Er(Ft, nt);
+        At.current = {
           active: !0,
-          startDistance: Sr(zt, et),
-          startZoom: F.zoom,
-          worldX: (Qt.x - F.x) / F.zoom,
-          worldY: (Qt.y - F.y) / F.zoom
-        }, xt.current.active = !1, (U = d.setPointerCapture) == null || U.call(d, n.pointerId);
+          startDistance: Ir(Ft, nt),
+          startZoom: $.zoom,
+          worldX: (re.x - $.x) / $.zoom,
+          worldY: (re.y - $.y) / $.zoom
+        }, gt.current.active = !1, (tt = f.setPointerCapture) == null || tt.call(f, n.pointerId);
         return;
       }
-      !g || n.button !== 0 || p || (xt.current = {
+      !m || n.button !== 0 || x || (gt.current = {
         active: !0,
-        startX: P.x,
-        startY: P.y,
-        originX: F.x,
-        originY: F.y
-      }, Ie(!0), (St = d.setPointerCapture) == null || St.call(d, n.pointerId));
+        startX: k.x,
+        startY: k.y,
+        originX: $.x,
+        originY: $.y
+      }, ce(!0), (kt = f.setPointerCapture) == null || kt.call(f, n.pointerId));
     },
-    [E, g, l, Q, F, I]
-  ), Zr = K(
+    [_, m, l, rt, $, E]
+  ), Xr = J(
     (n) => {
-      const d = Qe(Ot.current, n.clientX, n.clientY);
-      if (n.pointerType === "touch" && wt.current.has(n.pointerId) && (wt.current.set(n.pointerId, d), bt.current.active && wt.current.size >= 2)) {
-        const [p, P] = Array.from(wt.current.values()), U = Lr(p, P), St = Sr(p, P), zt = Ae(
-          bt.current.startZoom * (St / Math.max(1, bt.current.startDistance)),
-          lt,
-          ht
+      const f = Ve(Nt.current, n.clientX, n.clientY);
+      if (n.pointerType === "touch" && bt.current.has(n.pointerId) && (bt.current.set(n.pointerId, f), At.current.active && bt.current.size >= 2)) {
+        const [x, k] = Array.from(bt.current.values()), tt = Er(x, k), kt = Ir(x, k), Ft = Ae(
+          At.current.startZoom * (kt / Math.max(1, At.current.startDistance)),
+          xt,
+          Mt
         );
-        $({
-          zoom: zt,
-          x: U.x - bt.current.worldX * zt,
-          y: U.y - bt.current.worldY * zt
+        K({
+          zoom: Ft,
+          x: tt.x - At.current.worldX * Ft,
+          y: tt.y - At.current.worldY * Ft
         });
         return;
       }
-      if (kt) {
-        ae(
-          (p) => p && {
-            ...p,
-            endX: d.x,
-            endY: d.y
+      if (St) {
+        Jt(
+          (x) => x && {
+            ...x,
+            endX: f.x,
+            endY: f.y
           }
         );
         return;
       }
-      !g || !xt.current.active || $({
-        x: xt.current.originX + (d.x - xt.current.startX),
-        y: xt.current.originY + (d.y - xt.current.startY)
+      !m || !gt.current.active || K({
+        x: gt.current.originX + (f.x - gt.current.startX),
+        y: gt.current.originY + (f.y - gt.current.startY)
       });
     },
-    [g, ht, lt, kt, $]
-  ), mr = K(
+    [m, Mt, xt, St, K]
+  ), cr = J(
     (n) => {
-      var d, p;
-      if (wt.current.delete(n.pointerId), wt.current.size < 2 && (bt.current.active = !1), kt) {
-        const P = kr(kt), U = {
-          x: (P.x - F.x) / F.zoom,
-          y: (P.y - F.y) / F.zoom,
-          width: P.width / F.zoom,
-          height: P.height / F.zoom
-        }, St = st.filter((et) => {
-          var le, gr;
-          const Qt = ((le = et.size) == null ? void 0 : le.width) ?? 0, Ce = ((gr = et.size) == null ? void 0 : gr.height) ?? 0;
-          return !(et.position.x + Qt < U.x || et.position.x > U.x + U.width || et.position.y + Ce < U.y || et.position.y > U.y + U.height);
-        }).map((et) => et.id), zt = Mt.filter((et) => {
-          const Qt = et.points.some(
-            (le) => Or(le.x, le.y, U)
-          ), Ce = !!et.labelPosition && Or(et.labelPosition.x, et.labelPosition.y, U);
-          return Qt || Ce;
-        }).map((et) => et.id);
-        tt((et) => ({
-          nodeIds: Array.from(/* @__PURE__ */ new Set([...et.nodeIds, ...St])),
-          edgeIds: Array.from(/* @__PURE__ */ new Set([...et.edgeIds, ...zt]))
-        })), ae(null);
+      var f, x;
+      if (bt.current.delete(n.pointerId), bt.current.size < 2 && (At.current.active = !1), St) {
+        const k = _r(St), tt = {
+          x: (k.x - $.x) / $.zoom,
+          y: (k.y - $.y) / $.zoom,
+          width: k.width / $.zoom,
+          height: k.height / $.zoom
+        }, kt = V.filter((nt) => {
+          var ye, lr;
+          const re = ((ye = nt.size) == null ? void 0 : ye.width) ?? 0, $e = ((lr = nt.size) == null ? void 0 : lr.height) ?? 0;
+          return !(nt.position.x + re < tt.x || nt.position.x > tt.x + tt.width || nt.position.y + $e < tt.y || nt.position.y > tt.y + tt.height);
+        }).map((nt) => nt.id), Ft = Q.filter((nt) => {
+          const re = nt.points.some(
+            (ye) => Tr(ye.x, ye.y, tt)
+          ), $e = !!nt.labelPosition && Tr(nt.labelPosition.x, nt.labelPosition.y, tt);
+          return re || $e;
+        }).map((nt) => nt.id);
+        dt((nt) => ({
+          nodeIds: Array.from(/* @__PURE__ */ new Set([...nt.nodeIds, ...kt])),
+          edgeIds: Array.from(/* @__PURE__ */ new Set([...nt.edgeIds, ...Ft]))
+        })), Jt(null);
       }
-      xt.current.active = !1, Ie(!1), (p = (d = n.target).releasePointerCapture) == null || p.call(d, n.pointerId);
+      gt.current.active = !1, ce(!1), (x = (f = n.target).releasePointerCapture) == null || x.call(f, n.pointerId);
     },
-    [Mt, st, kt, tt, F]
-  ), qr = K(
+    [Q, V, St, dt, $]
+  ), Br = J(
     (n) => {
-      if (!I || !Ot.current)
+      if (!E || !Nt.current)
         return;
       n.preventDefault();
-      const d = Qe(Ot.current, n.clientX, n.clientY), p = t.current, P = (d.x - p.x) / p.zoom, U = (d.y - p.y) / p.zoom, St = Ae(
-        p.zoom + (n.deltaY < 0 ? m : -m),
-        lt,
-        ht
+      const f = Ve(Nt.current, n.clientX, n.clientY), x = Se.current, k = (f.x - x.x) / x.zoom, tt = (f.y - x.y) / x.zoom, kt = Ae(
+        x.zoom + (n.deltaY < 0 ? p : -p),
+        xt,
+        Mt
       );
-      $({
-        zoom: St,
-        x: d.x - P * St,
-        y: d.y - U * St
+      K({
+        zoom: kt,
+        x: f.x - k * kt,
+        y: f.y - tt * kt
       });
     },
-    [ht, lt, $, I, m]
-  ), Jr = K(
+    [Mt, xt, K, E, p]
+  ), Cr = J(
     (n) => {
-      if (L)
+      if (R)
         switch (n.key) {
           case "+":
           case "=":
-            n.preventDefault(), $((d) => ({ zoom: d.zoom + m }));
+            n.preventDefault(), K((f) => ({ zoom: f.zoom + p }));
             break;
           case "-":
           case "_":
-            n.preventDefault(), $((d) => ({ zoom: d.zoom - m }));
+            n.preventDefault(), K((f) => ({ zoom: f.zoom - p }));
             break;
           case "0":
-            n.preventDefault(), Ct();
+            n.preventDefault(), Ut();
             break;
           case "ArrowLeft":
           case "ArrowRight":
           case "ArrowUp":
           case "ArrowDown": {
-            if (n.preventDefault(), M) {
-              const d = It.get(M);
-              if (d) {
-                const p = n.key === "ArrowLeft" ? "left" : n.key === "ArrowRight" ? "right" : n.key === "ArrowUp" ? "up" : "down", P = Kn(d, st, p);
-                P && (C(P.id), Oe(P.id));
+            if (n.preventDefault(), Et) {
+              const f = ht.get(Et);
+              if (f) {
+                const x = n.key === "ArrowLeft" ? "left" : n.key === "ArrowRight" ? "right" : n.key === "ArrowUp" ? "up" : "down", k = $n(f, V, x);
+                k && (vt(k.id), Oe(k.id));
                 break;
               }
             }
-            $((d) => n.key === "ArrowLeft" ? { x: d.x + 32 } : n.key === "ArrowRight" ? { x: d.x - 32 } : n.key === "ArrowUp" ? { y: d.y + 32 } : { y: d.y - 32 });
+            K((f) => n.key === "ArrowLeft" ? { x: f.x + 32 } : n.key === "ArrowRight" ? { x: f.x - 32 } : n.key === "ArrowUp" ? { y: f.y + 32 } : { y: f.y - 32 });
             break;
           }
           case "Enter":
           case " ": {
-            if (!M)
+            if (!Et)
               break;
             n.preventDefault();
-            const d = It.get(M);
-            d && Be(d);
+            const f = ht.get(Et);
+            f && We(f);
             break;
           }
           case "Escape":
-            n.preventDefault(), At(null), tt(Ge), C(null);
+            n.preventDefault(), jt(null), dt(Ue), vt(null);
             break;
         }
     },
     [
       Oe,
-      Ct,
-      M,
-      Be,
-      L,
-      It,
-      st,
-      At,
-      C,
-      tt,
-      $,
-      m
+      Ut,
+      Et,
+      We,
+      R,
+      ht,
+      V,
+      jt,
+      vt,
+      dt,
+      K,
+      p
     ]
-  ), Qr = K(
+  ), Ur = J(
     (n) => {
-      Zt(n);
-      const d = It.get(n);
-      d && Jt(d, !0);
+      Qt(n);
+      const f = ht.get(n);
+      f && ee(f, !0);
     },
-    [Jt, It, Zt]
-  ), tn = K(() => {
-    const n = dr.current;
+    [ee, ht, Qt]
+  ), Gr = J(() => {
+    const n = or.current;
     if (n) {
-      const d = It.get(n);
-      d && Jt(d, !1);
+      const f = ht.get(n);
+      f && ee(f, !1);
     }
-    Zt(null), At(null);
-  }, [Jt, It, At, Zt]), en = K(
-    (n, d, p) => {
-      At({ nodeId: n, sourceIndex: d, pathKey: p });
-      const P = It.get(n);
-      P && Jt(P, !0, "path");
+    Qt(null), jt(null);
+  }, [ee, ht, jt, Qt]), Hr = J(
+    (n, f, x) => {
+      jt({ nodeId: n, sourceIndex: f, pathKey: x });
+      const k = ht.get(n);
+      k && ee(k, !0, "path");
     },
-    [Jt, It, At]
-  ), rn = K(() => {
-    At(null);
-  }, [At]), nn = K(
-    (n, d) => {
-      const p = ar.get(n);
-      p && pr(p, d), b.hoverHighlight && (fr(d ? n : null), d && Zt(null));
+    [ee, ht, jt]
+  ), Kr = J(() => {
+    jt(null);
+  }, [jt]), Vr = J(
+    (n, f) => {
+      const x = Le.get(n);
+      x && ar(x, f), T.hoverHighlight && (ir(f ? n : null), f && Qt(null));
     },
-    [b.hoverHighlight, pr, ar, fr, Zt]
-  ), on = k(
+    [T.hoverHighlight, ar, Le, ir, Qt]
+  ), qr = M(
     () => ({
-      background: gt.background,
-      fontFamily: gt.fontFamily,
-      cursor: be ? "grabbing" : g ? "grab" : "default",
+      background: It.background,
+      fontFamily: It.fontFamily,
+      cursor: _e ? "grabbing" : m ? "grab" : "default",
       outline: "none",
-      touchAction: g || I ? "none" : "auto",
+      touchAction: m || E ? "none" : "auto",
       overflow: "hidden",
       userSelect: "none"
     }),
-    [be, gt.background, gt.fontFamily, g, I]
-  ), yr = k(
-    () => Bn(b.width, b.height, y),
-    [b.height, b.width, y]
-  ), ue = kt ? kr(kt) : null, sn = X ? /* @__PURE__ */ N.jsx(
+    [_e, It.background, It.fontFamily, m, E]
+  ), ur = M(
+    () => Nn(T.width, T.height, g),
+    [T.height, T.width, g]
+  ), me = St ? _r(St) : null, Jr = W ? /* @__PURE__ */ z.jsx(
     "g",
     {
       "aria-label": "viewport-controls",
-      transform: `translate(${yr.x}, ${yr.y})`,
+      transform: `translate(${ur.x}, ${ur.y})`,
       children: [
         {
           key: "zoom-in",
           label: "+",
           width: Ht,
-          onClick: () => $((n) => ({ zoom: n.zoom + m }))
+          onClick: () => K((n) => ({ zoom: n.zoom + p }))
         },
         {
           key: "zoom-out",
           label: "−",
           width: Ht,
-          onClick: () => $((n) => ({ zoom: n.zoom - m }))
+          onClick: () => K((n) => ({ zoom: n.zoom - p }))
         },
         {
           key: "fit-view",
           label: "Fit",
-          width: ir,
-          onClick: () => Ct()
+          width: tr,
+          onClick: () => Ut()
         },
         {
           key: "reset-view",
           label: "1:1",
-          width: ir,
-          onClick: () => $(Ke)
+          width: tr,
+          onClick: () => K(xr)
         }
       ].reduce(
-        (n, d) => ({
-          x: n.x + d.width + Xr,
-          controls: [...n.controls, { ...d, x: n.x }]
+        (n, f) => ({
+          x: n.x + f.width + zr,
+          controls: [...n.controls, { ...f, x: n.x }]
         }),
         { x: 0, controls: [] }
-      ).controls.map((n) => /* @__PURE__ */ N.jsxs(
+      ).controls.map((n) => /* @__PURE__ */ z.jsxs(
         "g",
         {
           transform: `translate(${n.x}, 0)`,
           role: "button",
           tabIndex: 0,
-          onClick: (d) => {
-            d.stopPropagation(), n.onClick();
+          onClick: (f) => {
+            f.stopPropagation(), n.onClick();
           },
-          onKeyDown: (d) => {
-            (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), n.onClick());
+          onKeyDown: (f) => {
+            (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), n.onClick());
           },
           children: [
-            /* @__PURE__ */ N.jsx(
+            /* @__PURE__ */ z.jsx(
               "rect",
               {
                 width: n.width,
@@ -2302,7 +2359,7 @@ const Ke = { x: 0, y: 0, zoom: 1 }, Ge = { nodeIds: [], edgeIds: [] }, Wr = 0.25
                 stroke: "rgba(15,23,42,0.18)"
               }
             ),
-            /* @__PURE__ */ N.jsx(
+            /* @__PURE__ */ z.jsx(
               "text",
               {
                 x: n.width / 2,
@@ -2320,190 +2377,190 @@ const Ke = { x: 0, y: 0, zoom: 1 }, Ge = { nodeIds: [], edgeIds: [] }, Wr = 0.25
       ))
     }
   ) : null;
-  return /* @__PURE__ */ N.jsxs(
+  return /* @__PURE__ */ z.jsxs(
     "svg",
     {
-      ref: Ot,
-      width: b.width,
-      height: b.height,
+      ref: Nt,
+      width: T.width,
+      height: T.height,
       role: "figure",
       "aria-label": "Graph",
       tabIndex: 0,
-      style: on,
+      style: qr,
       onClick: (n) => {
-        n.target === n.currentTarget && (tt(Ge), At(null), C(null));
+        n.target === n.currentTarget && (dt(Ue), jt(null), vt(null));
       },
-      onPointerDown: Vr,
-      onPointerMove: Zr,
-      onPointerUp: mr,
-      onPointerLeave: mr,
-      onWheel: qr,
-      onKeyDown: Jr,
+      onPointerDown: $r,
+      onPointerMove: Xr,
+      onPointerUp: cr,
+      onPointerLeave: cr,
+      onWheel: Br,
+      onKeyDown: Cr,
       children: [
-        Bt ? /* @__PURE__ */ N.jsxs("defs", { children: [
-          /* @__PURE__ */ N.jsx(
+        Ct ? /* @__PURE__ */ z.jsxs("defs", { children: [
+          /* @__PURE__ */ z.jsx(
             "marker",
             {
-              id: ce,
+              id: Pe,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ N.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Ee })
+              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Zt })
             }
           ),
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "marker",
             {
-              id: Re,
+              id: de,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ N.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: b.hoverEdgeColor })
+              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: T.hoverEdgeColor })
             }
           ),
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "marker",
             {
-              id: Se,
+              id: he,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ N.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: b.hoverNodeOutColor })
+              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: T.hoverNodeOutColor })
             }
           ),
-          /* @__PURE__ */ N.jsx(
+          /* @__PURE__ */ z.jsx(
             "marker",
             {
-              id: Le,
+              id: Re,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ N.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: _e })
+              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Dt })
             }
           )
         ] }) : null,
-        /* @__PURE__ */ N.jsx("g", { transform: `translate(${F.x}, ${F.y}) scale(${F.zoom})`, children: /* @__PURE__ */ N.jsxs("g", { ref: Dt, children: [
-          ne == null ? void 0 : ne(hr),
-          /* @__PURE__ */ N.jsx(
-            zn,
+        /* @__PURE__ */ z.jsx("g", { transform: `translate(${$.x}, ${$.y}) scale(${$.zoom})`, children: /* @__PURE__ */ z.jsxs("g", { ref: Ne, children: [
+          se == null ? void 0 : se(sr),
+          /* @__PURE__ */ z.jsx(
+            kn,
             {
-              positionedNodes: st,
-              layout: b.layout,
-              layoutDirection: b.layoutDirection,
-              labels: b.labels,
-              autoLabels: b.autoLabels,
-              labelOffset: b.labelOffset,
-              pillBackground: b.labelPillBackground,
-              pillBorderColor: b.labelPillBorderColor,
-              pillTextColor: b.labelPillTextColor
+              positionedNodes: V,
+              layout: T.layout,
+              layoutDirection: T.layoutDirection,
+              labels: T.labels,
+              autoLabels: T.autoLabels,
+              labelOffset: T.labelOffset,
+              pillBackground: T.labelPillBackground,
+              pillBorderColor: T.labelPillBorderColor,
+              pillTextColor: T.labelPillTextColor
             }
           ),
-          /* @__PURE__ */ N.jsx("g", { "aria-label": "edges", children: Kr.map((n) => {
-            const d = b.hoverHighlight && (lr === n.id || Ut && (n.source === Ut || n.target === Ut)) || (qt == null ? void 0 : qt.edges.has(n.id)), p = Ut && !lr && n.type !== "undirected" && n.target === Ut;
-            return /* @__PURE__ */ N.jsx(
-              s,
+          /* @__PURE__ */ z.jsx("g", { "aria-label": "edges", children: Yr.map((n) => {
+            const f = T.hoverHighlight && (nr === n.id || Gt && (n.source === Gt || n.target === Gt)) || (te == null ? void 0 : te.edges.has(n.id)), x = Gt && !nr && n.type !== "undirected" && n.target === Gt;
+            return /* @__PURE__ */ z.jsx(
+              o,
               {
                 edge: n,
-                color: Ee,
-                width: Xt,
-                curveEdges: b.curveEdges && b.routingStyle !== "orthogonal",
-                curveStrength: b.curveStrength,
-                markerEnd: Bt ? `url(#${ce})` : void 0,
-                isHovered: d,
-                isSelected: ft.has(n.id) || We.has(n.id),
-                hoverColor: p ? b.hoverNodeOutColor : b.hoverEdgeColor,
-                selectionColor: ft.has(n.id) ? _e : J,
-                labelColor: b.edgeLabelColor,
-                selectionMarker: Bt ? `url(#${Le})` : void 0,
-                hoverMarker: Bt ? p ? `url(#${Se})` : `url(#${Re})` : void 0,
-                hoverEnabled: b.hoverHighlight,
-                hitStrokeWidth: Xt + 8,
-                hoverStrokeWidth: Xt + 1.5,
-                selectedStrokeWidth: Xt + 1.5,
-                onHoverChange: (P) => nn(n.id, P),
-                onClick: () => Gr(n)
+                color: Zt,
+                width: Bt,
+                curveEdges: T.curveEdges && T.routingStyle !== "orthogonal",
+                curveStrength: T.curveStrength,
+                markerEnd: Ct ? `url(#${Pe})` : void 0,
+                isHovered: f,
+                isSelected: j.has(n.id) || at.has(n.id),
+                hoverColor: x ? T.hoverNodeOutColor : T.hoverEdgeColor,
+                selectionColor: j.has(n.id) ? Dt : F,
+                labelColor: T.edgeLabelColor,
+                selectionMarker: Ct ? `url(#${Re})` : void 0,
+                hoverMarker: Ct ? x ? `url(#${he})` : `url(#${de})` : void 0,
+                hoverEnabled: T.hoverHighlight,
+                hitStrokeWidth: Bt + 8,
+                hoverStrokeWidth: Bt + 1.5,
+                selectedStrokeWidth: Bt + 1.5,
+                onHoverChange: (k) => Vr(n.id, k),
+                onClick: () => Wr(n)
               },
               n.id
             );
           }) }),
-          /* @__PURE__ */ N.jsx("g", { "aria-label": "nodes", children: st.map((n) => /* @__PURE__ */ N.jsx(
-            Yr,
+          /* @__PURE__ */ z.jsx("g", { "aria-label": "nodes", children: V.map((n) => /* @__PURE__ */ z.jsx(
+            Ar,
             {
               node: n,
               Vertex: r,
-              isSelected: Z.has(n.id),
-              isFocused: M === n.id,
-              isHighlighted: $e.has(n.id),
-              activePathKey: Xe == null ? void 0 : Xe.pathKey,
-              activePathNodeIds: qt == null ? void 0 : qt.nodes,
-              highlightColor: J,
+              isSelected: X.has(n.id),
+              isFocused: Et === n.id,
+              isHighlighted: q.has(n.id),
+              activePathKey: Ye == null ? void 0 : Ye.pathKey,
+              activePathNodeIds: te == null ? void 0 : te.nodes,
+              highlightColor: F,
               selectionColor: mt,
-              nodeBorderColor: Fe,
-              nodeBorderWidth: Ye,
-              hoverNodeBorderColor: Te,
-              hoverNodeBothColor: Pe,
-              hoverNodeInColor: b.hoverNodeInColor,
-              hoverNodeOutColor: b.hoverNodeOutColor,
-              hoverNodeHighlight: b.hoverNodeHighlight,
-              hoveredNodeStates: Hr ?? void 0,
-              onNodeMeasure: Cr,
-              onNodeFocus: C,
-              onNodeClick: Be,
-              onNodeDoubleClick: Ur,
-              onNodeMouseEnter: Qr,
-              onNodeMouseLeave: tn,
-              onPathHover: en,
-              onPathLeave: rn
+              nodeBorderColor: Te,
+              nodeBorderWidth: Fe,
+              hoverNodeBorderColor: le,
+              hoverNodeBothColor: fe,
+              hoverNodeInColor: T.hoverNodeInColor,
+              hoverNodeOutColor: T.hoverNodeOutColor,
+              hoverNodeHighlight: T.hoverNodeHighlight,
+              hoveredNodeStates: Fr ?? void 0,
+              onNodeMeasure: Z,
+              onNodeFocus: vt,
+              onNodeClick: We,
+              onNodeDoubleClick: pe,
+              onNodeMouseEnter: Ur,
+              onNodeMouseLeave: Gr,
+              onPathHover: Hr,
+              onPathLeave: Kr
             },
             n.id
           )) }),
-          ie == null ? void 0 : ie(hr)
+          ae == null ? void 0 : ae(sr)
         ] }) }),
-        ue ? /* @__PURE__ */ N.jsx(
+        me ? /* @__PURE__ */ z.jsx(
           "rect",
           {
-            x: ue.x,
-            y: ue.y,
-            width: ue.width,
-            height: ue.height,
+            x: me.x,
+            y: me.y,
+            width: me.width,
+            height: me.height,
             fill: "rgba(59, 130, 246, 0.12)",
             stroke: "rgba(59, 130, 246, 0.8)",
             strokeDasharray: "6 4",
             pointerEvents: "none"
           }
         ) : null,
-        sn
+        Jr
       ]
     }
   );
-}, Br = re.memo(
-  re.forwardRef(Gn)
+}, Nr = oe.memo(
+  oe.forwardRef(Xn)
 );
-Br.displayName = "Graph";
-const Jn = Br;
+Nr.displayName = "Graph";
+const Gn = Nr;
 export {
-  Ln as EdgePath,
-  ei as EdgeType,
-  Jn as Graph,
-  ri as LayoutDirection,
-  ni as LayoutType,
-  ii as NodeSide,
-  si as buildEdgePath,
-  ai as fromNxGraph,
-  jr as groupPositionedNodesByColumn,
-  ci as layoutNodes,
-  ui as renderGraphToSvg,
-  li as routeEdges
+  En as EdgePath,
+  Vn as EdgeType,
+  Gn as Graph,
+  qn as LayoutDirection,
+  Jn as LayoutType,
+  Zn as NodeSide,
+  ti as buildEdgePath,
+  ei as fromNxGraph,
+  kr as groupPositionedNodesByColumn,
+  ri as layoutNodes,
+  ni as renderGraphToSvg,
+  ii as routeEdges
 };