@graph-render/react 1.0.2 → 1.1.0

package/dist/index.js

@@ -1,1197 +1,843 @@
-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 = {};
+import { LayoutType as Jt, EdgeType as qe, LayoutDirection as xe } from "@graph-render/types";
+import { EdgeType as Vn, LayoutDirection as qn, LayoutType as Zn, NodeSide as Jn } from "@graph-render/types";
+import Ft, { useState as ut, useMemo as A, useCallback as G, useRef as ot, useEffect as zt, useLayoutEffect as Jr, useId as Qr, useImperativeHandle as tn } from "react";
+import { groupEdgesByTarget as en, sortEdgesBySourcePosition as rn, fromTypedNxGraph as nn, layoutNodes as we, routeEdges as Ze, buildEdgePath as on, normalizeGraphConfig as sn, DEFAULT_THEME as Je } from "@graph-render/core";
+import { buildEdgePath as to, fromNxGraph as eo, layoutNodes as ro, renderGraphToSvg as no, routeEdges as oo } from "@graph-render/core";
+var be = { exports: {} }, Xt = {};
 /**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pr;
+var Qe;
 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 };
+  if (Qe) return Xt;
+  Qe = 1;
+  var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function s(n, o, i) {
+    var d = null;
+    if (i !== void 0 && (d = "" + i), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      i = {};
+      for (var l in o)
+        l !== "key" && (i[l] = o[l]);
+    } else i = o;
+    return o = i.ref, {
+      $$typeof: t,
+      type: n,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: i
+    };
   }
-  return ge.Fragment = o, ge.jsx = d, ge.jsxs = d, ge;
+  return Xt.Fragment = e, Xt.jsx = s, Xt.jsxs = s, Xt;
 }
-var ve = {};
+var Wt = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var mr;
+var tr;
 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 c = l && t[l] || t[R];
-      return typeof c == "function" ? c : null;
-    }
-    var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(t) {
-      {
-        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 w(t, c, h) {
-      {
-        var P = g.ReactDebugCurrentFrame, N = P.getStackAddendum();
-        N !== "" && (c += "%s", h = h.concat([N]));
-        var X = h.map(function(j) {
-          return String(j);
-        });
-        X.unshift("Warning: " + c), Function.prototype.apply.call(console[t], console, X);
-      }
-    }
-    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 === L || t.getModuleId !== void 0));
-    }
-    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 C(t) {
-      return t.displayName || "Context";
-    }
-    function Y(t) {
-      if (t == null)
-        return null;
-      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 tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === D ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case N:
           return "Fragment";
-        case o:
-          return "Portal";
-        case a:
+        case P:
           return "Profiler";
-        case s:
+        case x:
           return "StrictMode";
-        case I:
+        case q:
           return "Suspense";
-        case y:
+        case et:
           return "SuspenseList";
+        case C:
+          return "Activity";
       }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case u:
-            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");
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), a.$$typeof) {
+          case v:
+            return "Portal";
+          case f:
+            return a.displayName || "Context";
           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;
+            return (a._context.displayName || "Context") + ".Consumer";
+          case B:
+            var S = a.render;
+            return a = a.displayName, a || (a = S.displayName || S.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case _:
+            return S = a.displayName || null, S !== null ? S : t(a.type) || "Memo";
+          case E:
+            S = a._payload, a = a._init;
             try {
-              return Y(j(X));
+              return t(a(S));
             } catch {
-              return null;
             }
-          }
         }
       return null;
     }
-    var U = Object.assign, it = 0, A, O, F, G, zt, Yt, Kt;
-    function Wt() {
-    }
-    Wt.__reactDisabledLog = !0;
-    function Vt() {
-      {
-        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: Wt,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
-          });
-        }
-        it++;
-      }
-    }
-    function lt() {
-      {
-        if (it--, it === 0) {
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: U({}, t, {
-              value: A
-            }),
-            info: U({}, t, {
-              value: O
-            }),
-            warn: U({}, t, {
-              value: F
-            }),
-            error: U({}, t, {
-              value: G
-            }),
-            group: U({}, t, {
-              value: zt
-            }),
-            groupCollapsed: U({}, t, {
-              value: Yt
-            }),
-            groupEnd: U({}, t, {
-              value: Kt
-            })
-          });
-        }
-        it < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var rt = g.ReactCurrentDispatcher, Ot;
-    function Tt(t, c, h) {
-      {
-        if (Ot === void 0)
-          try {
-            throw Error();
-          } catch (N) {
-            var P = N.stack.trim().match(/\n( *(at )?)/);
-            Ot = P && P[1] || "";
-          }
-        return `
-` + Ot + t;
-      }
-    }
-    var mt = !1, qt;
-    {
-      var je = typeof WeakMap == "function" ? WeakMap : Map;
-      qt = new je();
+    function e(a) {
+      return "" + a;
     }
-    function be(t, c) {
-      if (!t || mt)
-        return "";
-      {
-        var h = qt.get(t);
-        if (h !== void 0)
-          return h;
-      }
-      var P;
-      mt = !0;
-      var N = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var X;
-      X = rt.current, rt.current = null, Vt();
+    function s(a) {
       try {
-        if (c) {
-          var j = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(j.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(j, []);
-            } catch (ct) {
-              P = ct;
-            }
-            Reflect.construct(t, [], j);
-          } else {
-            try {
-              j.call();
-            } catch (ct) {
-              P = ct;
-            }
-            t.call(j.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (ct) {
-            P = ct;
-          }
-          t();
-        }
-      } 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 (; q >= 1 && Z >= 0; q--, Z--)
-            if (D[q] !== at[Z]) {
-              if (q !== 1 || Z !== 1)
-                do
-                  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 (q >= 1 && Z >= 0);
-              break;
-            }
-        }
-      } finally {
-        mt = !1, rt.current = X, lt(), Error.prepareStackTrace = N;
-      }
-      var V = t ? t.displayName || t.name : "", Lt = V ? Tt(V) : "";
-      return typeof t == "function" && qt.set(t, Lt), Lt;
-    }
-    function se(t, c, h) {
-      return be(t, !1);
-    }
-    function ae(t) {
-      var c = t.prototype;
-      return !!(c && c.isReactComponent);
-    }
-    function ft(t, c, h) {
-      if (t == null)
-        return "";
-      if (typeof t == "function")
-        return be(t, ae(t));
-      if (typeof t == "string")
-        return Tt(t);
-      switch (t) {
-        case I:
-          return Tt("Suspense");
-        case y:
-          return Tt("SuspenseList");
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          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 ft(X(N), c, h);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var Pt = Object.prototype.hasOwnProperty, $t = {}, Rt = g.ReactDebugCurrentFrame;
-    function yt(t) {
-      if (t) {
-        var c = t._owner, h = ft(t.type, t._source, c ? c.type : null);
-        Rt.setExtraStackFrame(h);
-      } else
-        Rt.setExtraStackFrame(null);
-    }
-    function ze(t, c, h, P, N) {
-      {
-        var X = Function.call.bind(Pt);
-        for (var j in t)
-          if (X(t, j)) {
-            var D = void 0;
-            try {
-              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;
-              }
-              D = t[j](c, j, P, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (q) {
-              D = q;
-            }
-            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));
-          }
+        e(a);
+        var S = !1;
+      } catch {
+        S = !0;
       }
-    }
-    var Ie = Array.isArray;
-    function xt(t) {
-      return Ie(t);
-    }
-    function Mt(t) {
-      {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, h = c && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return h;
+      if (S) {
+        S = console;
+        var j = S.error, F = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return j.call(
+          S,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          F
+        ), e(a);
       }
     }
-    function Ee(t) {
+    function n(a) {
+      if (a === N) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === E)
+        return "<...>";
       try {
-        return Xt(t), !1;
+        var S = t(a);
+        return S ? "<" + S + ">" : "<...>";
       } catch {
-        return !0;
+        return "<...>";
       }
     }
-    function Xt(t) {
-      return "" + 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);
+    function o() {
+      var a = Y.A;
+      return a === null ? null : a.getOwner();
     }
-    var Jt = g.ReactCurrentOwner, _e = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, ce, gt;
-    function bt(t) {
-      if (Pt.call(t, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (c && c.isReactWarning)
-          return !1;
-      }
-      return t.ref !== void 0;
+    function i() {
+      return Error("react-stack-top-frame");
     }
-    function At(t) {
-      if (Pt.call(t, "key")) {
-        var c = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (c && c.isReactWarning)
-          return !1;
+    function d(a) {
+      if (X.call(a, "key")) {
+        var S = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (S && S.isReactWarning) return !1;
       }
-      return t.key !== void 0;
-    }
-    function Nt(t, c) {
-      typeof t.ref == "string" && Jt.current;
+      return a.key !== void 0;
     }
-    function Ne(t, c) {
-      {
-        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));
-        };
-        h.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: h,
-          configurable: !0
-        });
+    function l(a, S) {
+      function j() {
+        R || (R = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          S
+        ));
       }
+      j.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: j,
+        configurable: !0
+      });
     }
-    function ue(t, c) {
-      {
-        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));
-        };
-        h.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: h,
-          configurable: !0
-        });
-      }
+    function T() {
+      var a = t(this.type);
+      return k[a] || (k[a] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    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: c,
-        ref: h,
+    function w(a, S, j, F, J, K) {
+      var $ = j.ref;
+      return a = {
+        $$typeof: c,
+        type: a,
+        key: S,
         props: j,
-        // Record the component responsible for creating this element.
-        _owner: X
-      };
-      return D._store = {}, Object.defineProperty(D._store, "validated", {
+        _owner: F
+      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(a, "ref", {
+        enumerable: !1,
+        get: T
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: !1
-      }), Object.defineProperty(D, "_self", {
+        value: 0
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: P
-      }), Object.defineProperty(D, "_source", {
+        writable: !0,
+        value: null
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: N
-      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
-    };
-    function It(t, c, h, P, N) {
-      {
-        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 q = t.defaultProps;
-          for (X in q)
-            j[X] === void 0 && (j[X] = q[X]);
-        }
-        if (D || at) {
-          var Z = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          D && Ne(j, Z), at && ue(j, Z);
-        }
-        return T(t, D, at, N, P, Jt.current, j);
-      }
-    }
-    var Zt = g.ReactCurrentOwner, Bt = g.ReactDebugCurrentFrame;
-    function Dt(t) {
-      if (t) {
-        var c = t._owner, h = ft(t.type, t._source, c ? c.type : null);
-        Bt.setExtraStackFrame(h);
-      } else
-        Bt.setExtraStackFrame(null);
-    }
-    var le;
-    le = !1;
-    function fe(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === r;
-    }
-    function Te() {
-      {
-        if (Zt.current) {
-          var t = Y(Zt.current.type);
-          if (t)
-            return `
-
-Check the render method of \`` + t + "`.";
-        }
-        return "";
-      }
-    }
-    function Fe(t) {
-      return "";
-    }
-    var Ct = {};
-    function Pe(t) {
-      {
-        var c = Te();
-        if (!c) {
-          var h = typeof t == "string" ? t : t.displayName || t.name;
-          h && (c = `
-
-Check the top-level render call using <` + h + ">.");
-        }
-        return c;
-      }
-    }
-    function de(t, c) {
-      {
-        if (!t._store || t._store.validated || t.key != null)
-          return;
-        t._store.validated = !0;
-        var h = Pe(c);
-        if (Ct[h])
-          return;
-        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 he(t, c) {
-      {
-        if (typeof t != "object")
-          return;
-        if (xt(t))
-          for (var h = 0; h < t.length; h++) {
-            var P = t[h];
-            fe(P) && de(P, c);
-          }
-        else if (fe(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          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 Re(t) {
-      {
-        var c = t.type;
-        if (c == null || typeof c == "string")
-          return;
-        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.
-        c.$$typeof === p))
-          h = c.propTypes;
-        else
-          return;
-        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 c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function $(t) {
-      {
-        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), _("Invalid attribute `ref` supplied to `React.Fragment`."), Dt(null));
-      }
+        writable: !0,
+        value: J
+      }), Object.defineProperty(a, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: K
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    var Se = {};
-    function st(t, c, h, P, N, X) {
-      {
-        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 = It(t, c, h, N, X);
-        if (Z == null)
-          return Z;
-        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
-                _("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
-              he(Q, t);
-        }
-        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:
+    function b(a, S, j, F, J, K) {
+      var $ = S.children;
+      if ($ !== void 0)
+        if (F)
+          if (Z($)) {
+            for (F = 0; F < $.length; F++)
+              h($[F]);
+            Object.freeze && Object.freeze($);
+          } else
+            console.error(
+              "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 h($);
+      if (X.call(S, "key")) {
+        $ = t(a);
+        var st = Object.keys(S).filter(function(ee) {
+          return ee !== "key";
+        });
+        F = 0 < st.length ? "{key: someKey, " + st.join(": ..., ") + ": ...}" : "{key: someKey}", wt[$ + F] || (st = 0 < st.length ? "{" + st.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`, pe, Lt, ht, Lt), Se[Lt + pe] = !0;
-          }
-        }
-        return t === i ? $(Z) : Re(Z), Z;
+  <%s key={someKey} {...props} />`,
+          F,
+          $,
+          st,
+          $
+        ), wt[$ + F] = !0);
       }
+      if ($ = null, j !== void 0 && (s(j), $ = "" + j), d(S) && (s(S.key), $ = "" + S.key), "key" in S) {
+        j = {};
+        for (var it in S)
+          it !== "key" && (j[it] = S[it]);
+      } else j = S;
+      return $ && l(
+        j,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), w(
+        a,
+        $,
+        j,
+        o(),
+        J,
+        K
+      );
     }
-    function Et(t, c, h) {
-      return st(t, c, h, !0);
+    function h(a) {
+      m(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === E && (a._payload.status === "fulfilled" ? m(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function K(t, c, h) {
-      return st(t, c, h, !1);
+    function m(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === c;
     }
-    var dt = K, vt = Et;
-    ve.Fragment = i, ve.jsx = dt, ve.jsxs = vt;
-  }()), ve;
+    var g = Ft, c = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), f = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), et = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), Y = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, Q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(a) {
+        return a();
+      }
+    };
+    var R, k = {}, O = g.react_stack_bottom_frame.bind(
+      g,
+      i
+    )(), W = Q(n(i)), wt = {};
+    Wt.Fragment = N, Wt.jsx = function(a, S, j) {
+      var F = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        a,
+        S,
+        j,
+        !1,
+        F ? Error("react-stack-top-frame") : O,
+        F ? Q(n(a)) : W
+      );
+    }, Wt.jsxs = function(a, S, j) {
+      var F = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        a,
+        S,
+        j,
+        !0,
+        F ? Error("react-stack-top-frame") : O,
+        F ? Q(n(a)) : W
+      );
+    };
+  }()), Wt;
 }
-process.env.NODE_ENV === "production" ? Ze.exports = an() : Ze.exports = cn();
-var z = Ze.exports;
-function Xe(e) {
-  return e.trim().toLowerCase();
+process.env.NODE_ENV === "production" ? be.exports = an() : be.exports = cn();
+var M = be.exports;
+function ue(t) {
+  return t.trim().toLowerCase();
 }
-function un(e) {
-  const r = /* @__PURE__ */ new Map();
-  return e.forEach((o) => {
-    const i = o.meta;
-    if (!i)
+function ln(t) {
+  const e = /* @__PURE__ */ new Map();
+  return t.forEach((s) => {
+    const n = s.meta;
+    if (!n)
       return;
-    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;
+    const o = n.pathKeys, d = (Array.isArray(o) ? o : []).map((l) => typeof l == "string" ? l : typeof l == "object" && l !== null && "name" in l && typeof l.name == "string" ? l.name : null).filter((l) => typeof l == "string").map((l) => l.trim()).filter((l) => l.length > 0);
+    d.length && e.set(s.id, d);
+  }), e;
 }
-function ln(e) {
+function un(t) {
   const {
-    startNodeId: r,
-    sourceIndex: o,
-    pathKey: i,
-    incomingEdgesByTarget: s,
-    pathKeysByNode: a,
+    startNodeId: e,
+    sourceIndex: s,
+    pathKey: n,
+    incomingEdgesByTarget: o,
+    pathKeysByNode: i,
     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 }
+  } = t, l = /* @__PURE__ */ new Set([e]), T = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set([`${e}|${s ?? ""}|${n ?? ""}`]), b = [
+    { nodeId: e, sourceIndex: s ?? null, pathKey: n }
   ];
-  for (; y.length && !(u.size >= d); ) {
-    const p = y.pop();
-    if (!p)
+  for (; b.length && !(l.size >= d); ) {
+    const h = b.pop();
+    if (!h)
       continue;
-    const m = s.get(p.nodeId) ?? [], E = p.pathKey ? Xe(p.pathKey) : null;
-    let l = [];
-    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))
+    const m = o.get(h.nodeId) ?? [], g = h.pathKey ? ue(h.pathKey) : null;
+    let c = [];
+    g && i && (c = m.filter((v) => (i.get(v.source) ?? []).some((x) => ue(x) === g))), c.length || (h.sourceIndex == null ? c = m : m[h.sourceIndex] && (c = [m[h.sourceIndex]])), c.forEach((v) => {
+      if (T.has(v.id))
         return;
-      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
+      T.add(v.id), l.add(v.source);
+      const N = (i == null ? void 0 : i.get(v.source)) ?? [], x = g ? N.findIndex((f) => ue(f) === g) : h.sourceIndex, P = typeof x == "number" && x >= 0 ? x : h.sourceIndex, p = `${v.source}|${P ?? ""}|${h.pathKey ?? ""}`;
+      w.has(p) || (w.add(p), b.push({
+        nodeId: v.source,
+        sourceIndex: P,
+        pathKey: h.pathKey
       }));
     });
   }
-  return { nodes: u, edges: b };
+  return { nodes: l, edges: T };
 }
-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]
-  ), 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),
+function dn(t, e, s) {
+  const [n, o] = ut(null), [i, d] = ut(null), [l, T] = ut(null), w = A(
+    () => new Map(e.map((x) => [x.id, x])),
     [e]
-  ), 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: E,
+  ), b = A(() => {
+    const x = /* @__PURE__ */ new Map();
+    return e.forEach((P) => {
+      x.set(P.source, [...x.get(P.source) ?? [], P]), P.target !== P.source && x.set(P.target, [...x.get(P.target) ?? [], P]);
+    }), x;
+  }, [e]), h = A(() => {
+    const x = /* @__PURE__ */ new Map();
+    return t.forEach((P) => x.set(P.id, P.position)), x;
+  }, [t]), m = A(
+    () => ln(t),
+    [t]
+  ), g = A(() => {
+    const x = en(e);
+    return x.forEach((P, p) => {
+      x.set(p, rn(P, h));
+    }), x;
+  }, [e, h]), c = A(() => l ? un({
+    startNodeId: l.nodeId,
+    sourceIndex: l.sourceIndex,
+    pathKey: l.pathKey,
+    incomingEdgesByTarget: g,
     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 });
+  }) : null, [l, g, m]), v = A(() => {
+    if (!s && !c) return null;
+    const x = /* @__PURE__ */ new Map(), P = () => {
+      c && c.nodes.forEach((p) => {
+        const f = x.get(p) ?? { in: !1, out: !1 };
+        x.set(p, { ...f, in: !0, out: !0 });
       });
     };
-    if (u)
-      _();
+    if (l)
+      P();
     else {
-      if (o) {
-        if (i) {
-          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 });
+      if (s) {
+        if (n) {
+          const p = w.get(n);
+          if (p) {
+            const f = (B, q) => {
+              const et = x.get(B) ?? { in: !1, out: !1 };
+              x.set(B, { ...et, [q]: !0 });
             };
-            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"));
+            p.type === "undirected" ? (f(p.source, "in"), f(p.source, "out"), f(p.target, "in"), f(p.target, "out")) : (f(p.source, "out"), f(p.target, "in"));
           }
-        } else if (a) {
-          const w = (v, H) => {
-            const ot = g.get(v) ?? { in: !1, out: !1 };
-            g.set(v, { ...ot, [H]: !0 });
+        } else if (i) {
+          const p = (f, B) => {
+            const q = x.get(f) ?? { in: !1, out: !1 };
+            x.set(f, { ...q, [B]: !0 });
           };
-          (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");
+          (b.get(i) ?? []).forEach((f) => {
+            const B = f.type === "undirected";
+            (f.source === i || f.target === i) && (B ? (p(f.source, "in"), p(f.source, "out"), p(f.target, "in"), p(f.target, "out")) : (p(f.source, "out"), p(f.target, "in")));
+          }), p(i, "in"), p(i, "out");
         }
       }
-      _();
+      P();
     }
-    return g.size ? g : null;
+    return x.size ? x : null;
   }, [
-    I,
-    y,
-    o,
+    w,
+    b,
+    s,
+    n,
     i,
-    a,
-    l,
-    u
-  ]), 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, ..._];
+    c,
+    l
+  ]), N = A(() => {
+    const x = /* @__PURE__ */ new Set();
+    if (l && c ? c.edges.forEach((f) => x.add(f)) : (s && (n ? x.add(n) : i && (b.get(i) ?? []).forEach((f) => {
+      (f.source === i || f.target === i) && x.add(f.id);
+    })), c && c.edges.forEach((f) => x.add(f))), !x.size) return e;
+    const P = [], p = [];
+    return e.forEach((f) => {
+      x.has(f.id) ? P.push(f) : p.push(f);
+    }), [...p, ...P];
   }, [
-    y,
-    o,
+    b,
+    s,
+    n,
     i,
-    a,
-    r,
-    l,
-    u
+    e,
+    c,
+    l
   ]);
   return {
-    hoveredEdgeId: i,
-    setHoveredEdgeId: s,
-    hoveredNodeId: a,
+    hoveredEdgeId: n,
+    setHoveredEdgeId: o,
+    hoveredNodeId: i,
     setHoveredNodeId: d,
-    focusedPath: u,
-    setFocusedPath: b,
-    pathHighlight: l,
-    hoveredNodeStates: R,
-    edgesForRender: W
+    focusedPath: l,
+    setFocusedPath: T,
+    pathHighlight: c,
+    hoveredNodeStates: v,
+    edgesForRender: N
   };
 }
-const dn = ({
-  collapsedNodeIds: e,
-  defaultCollapsedNodeIds: r,
-  onCollapsedNodeIdsChange: o
+const fn = ({
+  collapsedNodeIds: t,
+  defaultCollapsedNodeIds: e,
+  onCollapsedNodeIdsChange: s
 }) => {
-  const [i, s] = _t(
-    r ?? []
-  ), [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);
+  const [n, o] = ut(
+    e ?? []
+  ), [i, d] = ut([]), l = t ?? n, T = A(() => new Set(l), [l]), w = A(
+    () => new Set(i),
+    [i]
+  ), b = G(
+    (h) => {
+      const g = typeof h == "function" ? h(l) : h;
+      t == null && o(g), s == null || s(g);
     },
-    [u, e, o]
+    [l, t, s]
   );
   return {
-    collapsedIds: u,
-    collapsedNodeSet: b,
-    pendingExpansionNodeSet: I,
-    updateCollapsedNodeIds: y,
+    collapsedIds: l,
+    collapsedNodeSet: T,
+    pendingExpansionNodeSet: w,
+    updateCollapsedNodeIds: b,
     setPendingExpansionNodeIds: d
   };
 }, hn = ({
-  nodes: e,
-  edges: r,
-  collapsedIds: o,
-  hiddenNodeIds: i,
-  searchQuery: s,
-  hideUnmatchedSearch: a = !1,
+  nodes: t,
+  edges: e,
+  collapsedIds: s,
+  hiddenNodeIds: n,
+  searchQuery: o,
+  hideUnmatchedSearch: i = !1,
   searchPredicate: d,
-  highlightedNodeIds: u,
-  highlightedEdgeIds: b,
-  highlightStrategy: I,
-  onSearchResultsChange: y
+  highlightedNodeIds: l,
+  highlightedEdgeIds: T,
+  highlightStrategy: w,
+  onSearchResultsChange: b
 }) => {
-  const p = pt(y);
-  p.current = y;
-  const m = M(() => {
-    const S = s == null ? void 0 : s.trim().toLowerCase();
-    return S ? e.filter((L) => {
+  const h = ot(b);
+  h.current = b;
+  const m = A(() => {
+    const _ = o == null ? void 0 : o.trim().toLowerCase();
+    return _ ? t.filter((E) => {
       if (d)
         try {
-          return d(L, S);
+          return d(E, _);
         } catch {
           return !1;
         }
-      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(
+      const C = typeof E.label == "string" || typeof E.label == "number" ? String(E.label) : E.id;
+      return E.id.toLowerCase().includes(_) || C.toLowerCase().includes(_);
+    }).map((E) => E.id) : [];
+  }, [t, d, o]), g = A(
     () => 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() ? (() => {
+  ), c = A(() => {
+    const _ = o == null ? void 0 : o.trim().toLowerCase();
+    return _ ? e.filter((E) => {
+      const C = E.label != null ? String(E.label).toLowerCase() : "";
+      return g.has(E.source) || g.has(E.target) || C.includes(_);
+    }).map((E) => E.id) : [];
+  }, [e, g, o]), v = A(() => o != null && o.trim() ? (() => {
     try {
-      return (I == null ? void 0 : I({
-        nodes: e,
-        edges: r,
-        query: s,
+      return (w == null ? void 0 : w({
+        nodes: t,
+        edges: e,
+        query: o,
         matchedNodeIds: m,
-        matchedEdgeIds: l
+        matchedEdgeIds: c
       })) ?? { nodeIds: [], edgeIds: [] };
     } catch {
       return { nodeIds: [], edgeIds: [] };
     }
-  })() : { nodeIds: [], edgeIds: [] }, [r, I, e, l, m, s]), W = M(
+  })() : { nodeIds: [], edgeIds: [] }, [e, w, t, c, m, o]), N = A(
     () => /* @__PURE__ */ new Set([
       ...m,
-      ...R.nodeIds ?? [],
-      ...u ?? []
+      ...v.nodeIds ?? [],
+      ...l ?? []
     ]),
-    [R.nodeIds, u, m]
-  ), g = M(
+    [v.nodeIds, l, m]
+  ), x = A(
     () => /* @__PURE__ */ new Set([
-      ...l,
-      ...R.edgeIds ?? [],
-      ...b ?? []
+      ...c,
+      ...v.edgeIds ?? [],
+      ...T ?? []
     ]),
-    [R.edgeIds, b, l]
+    [v.edgeIds, T, c]
   );
-  ne(() => {
-    var S;
-    (S = p.current) == null || S.call(p, {
+  zt(() => {
+    var _;
+    (_ = h.current) == null || _.call(h, {
       nodeIds: m,
-      edgeIds: l
+      edgeIds: c
     });
-  }, [l, m]);
-  const _ = M(() => {
-    const S = new Set(i ?? []);
-    return a && (s != null && s.trim()) && e.forEach((L) => {
-      W.has(L.id) || S.add(L.id);
-    }), S;
-  }, [W, i, a, e, s]), w = M(() => {
-    const S = /* @__PURE__ */ new Map();
-    return r.forEach((L) => {
-      S.set(L.source, [...S.get(L.source) ?? [], L.target]);
-    }), S;
-  }, [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) ?? []));
+  }, [c, m]);
+  const P = A(() => {
+    const _ = new Set(n ?? []);
+    return i && (o != null && o.trim()) && t.forEach((E) => {
+      N.has(E.id) || _.add(E.id);
+    }), _;
+  }, [N, n, i, t, o]), p = A(() => {
+    const _ = /* @__PURE__ */ new Map();
+    return e.forEach((E) => {
+      _.set(E.source, [..._.get(E.source) ?? [], E.target]);
+    }), _;
+  }, [e]), f = A(() => {
+    const _ = new Set(P);
+    return s.forEach((E) => {
+      const C = [...p.get(E) ?? []];
+      for (; C.length; ) {
+        const D = C.pop();
+        !D || _.has(D) || (_.add(D), C.push(...p.get(D) ?? []));
       }
-    }), S;
-  }, [o, _, w]), H = M(
-    () => e.filter((S) => !v.has(S.id)),
-    [v, e]
-  ), ot = M(
-    () => r.filter(
-      (S) => !v.has(S.source) && !v.has(S.target)
+    }), _;
+  }, [s, P, p]), B = A(
+    () => t.filter((_) => !f.has(_.id)),
+    [f, t]
+  ), q = A(
+    () => e.filter(
+      (_) => !f.has(_.source) && !f.has(_.target)
     ),
-    [v, r]
+    [f, e]
   );
   return {
-    effectiveHighlightedNodeSet: W,
-    effectiveHighlightedEdgeSet: g,
-    visibleNodes: H,
-    visibleEdges: ot,
-    childNodeIdsByParent: w
+    effectiveHighlightedNodeSet: N,
+    effectiveHighlightedEdgeSet: x,
+    visibleNodes: B,
+    visibleEdges: q,
+    childNodeIdsByParent: p
   };
-}, 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)
+}, dr = (t) => !!(t && Number.isFinite(t.x) && Number.isFinite(t.y)), $t = (t, e, s) => {
+  const n = new Set(e.map((i) => i.id));
+  if (t.length !== e.length)
     throw new Error(
-      `${o} must return ${r.length} nodes, received ${e.length}.`
+      `${s} must return ${e.length} nodes, received ${t.length}.`
     );
-  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);
+  const o = /* @__PURE__ */ new Set();
+  t.forEach((i) => {
+    if (!n.has(i.id))
+      throw new Error(`${s} returned unknown node id "${i.id}".`);
+    if (o.has(i.id))
+      throw new Error(`${s} returned duplicate node id "${i.id}".`);
+    if (!dr(i.position))
+      throw new Error(`${s} returned a non-finite position for node "${i.id}".`);
+    o.add(i.id);
   });
-}, xe = (e, r, o) => {
-  const i = /* @__PURE__ */ new Set();
-  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))
+}, Bt = (t, e, s) => {
+  const n = /* @__PURE__ */ new Set();
+  t.forEach((o) => {
+    if (n.has(o.id))
+      throw new Error(`${s} returned duplicate edge id "${o.id}".`);
+    if (!e.has(o.source) || !e.has(o.target))
       throw new Error(
-        `${o} returned edge "${s.id}" with unknown endpoint(s): ${s.source} -> ${s.target}.`
+        `${s} returned edge "${o.id}" with unknown endpoint(s): ${o.source} -> ${o.target}.`
       );
-    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))
+    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((i, d) => {
+      if (!dr(i))
         throw new Error(
-          `${o} returned a non-finite point at index ${d} for edge "${s.id}".`
+          `${s} returned a non-finite point at index ${d} for edge "${o.id}".`
         );
-    }), i.add(s.id);
+    }), n.add(o.id);
   });
-}, wt = (e) => e instanceof Error ? e : new Error(String(e)), yr = (e) => Je({
-  ...e,
-  layout: Me.Centered
-}), gr = (e, r) => {
-  const o = new Map(e.map((i) => [i.id, i]));
-  return r.flatMap((i) => {
-    var y, p, m, E;
-    const s = o.get(i.source), a = o.get(i.target);
-    if (!s || !a)
+}, at = (t) => t instanceof Error ? t : new Error(String(t)), er = (t) => we({
+  ...t,
+  layout: Jt.Centered
+}), rr = (t, e) => {
+  const s = new Map(t.map((n) => [n.id, n]));
+  return e.flatMap((n) => {
+    var b, h, m, g;
+    const o = s.get(n.source), i = s.get(n.target);
+    if (!o || !i)
       return [];
-    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;
+    const d = ((b = o.size) == null ? void 0 : b.width) ?? 0, l = ((h = o.size) == null ? void 0 : h.height) ?? 0, T = ((m = i.size) == null ? void 0 : m.width) ?? 0, w = ((g = i.size) == null ? void 0 : g.height) ?? 0;
+    if (o.id === i.id) {
+      const c = o.position.x + d, v = o.position.y;
       return [
         {
-          ...i,
-          type: i.type ?? fr.Directed,
+          ...n,
+          type: n.type ?? qe.Directed,
           points: [
-            { 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 }
+            {
+              x: c - Math.min(d * 0.25, 18),
+              y: v + Math.min(l * 0.35, 18)
+            },
+            { x: c + 28, y: v - 20 },
+            { x: c + 36, y: v + l / 2 },
+            { x: c - Math.min(d * 0.25, 18), y: v + l * 0.8 }
           ]
         }
       ];
     }
     return [
       {
-        ...i,
-        type: i.type ?? fr.Directed,
+        ...n,
+        type: n.type ?? qe.Directed,
         points: [
           {
-            x: s.position.x + d / 2,
-            y: s.position.y + u / 2
+            x: o.position.x + d / 2,
+            y: o.position.y + l / 2
           },
           {
-            x: a.position.x + b / 2,
-            y: a.position.y + I / 2
+            x: i.position.x + T / 2,
+            y: i.position.y + w / 2
           }
         ]
       }
     ];
   });
-}, pn = ({
-  graph: e,
-  config: r,
-  mergedTheme: o,
-  collapsedIds: i,
-  hiddenNodeIds: s,
-  searchQuery: a,
+}, mn = ({
+  graph: t,
+  config: e,
+  mergedTheme: s,
+  collapsedIds: n,
+  hiddenNodeIds: o,
+  searchQuery: i,
   hideUnmatchedSearch: d = !1,
-  searchPredicate: u,
-  highlightedNodeIds: b,
-  highlightedEdgeIds: I,
-  highlightStrategy: y,
-  onSearchResultsChange: p,
+  searchPredicate: l,
+  highlightedNodeIds: T,
+  highlightedEdgeIds: w,
+  highlightStrategy: b,
+  onSearchResultsChange: h,
   layoutNodesOverride: m,
-  routeEdgesOverride: E,
-  onError: l
+  routeEdgesOverride: g,
+  onError: c
 }) => {
-  const [R, W] = _t({}), { nodes: g, edges: _ } = M(
-    () => nn(e, r.defaultEdgeType, {
-      inputValidationMode: r.inputValidationMode
+  const [v, N] = ut({}), { nodes: x, edges: P } = A(
+    () => nn(t, e.defaultEdgeType, {
+      inputValidationMode: e.inputValidationMode
     }),
-    [r.defaultEdgeType, r.inputValidationMode, e]
-  ), w = r.failureBehavior === "degrade", v = M(
-    () => g.map((A) => ({
-      ...A,
-      measuredSize: R[A.id] ?? A.measuredSize
+    [e.defaultEdgeType, e.inputValidationMode, t]
+  ), p = e.failureBehavior === "degrade", f = A(
+    () => x.map((R) => ({
+      ...R,
+      measuredSize: v[R.id] ?? R.measuredSize
     })),
-    [R, g]
+    [v, x]
   );
-  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);
+  zt(() => {
+    const R = new Set(x.map((k) => k.id));
+    N((k) => {
+      const O = Object.entries(k).filter(([W]) => R.has(W));
+      return O.length === Object.keys(k).length ? k : Object.fromEntries(O);
     });
-  }, [g]);
-  const H = M(
-    () => _.map((A) => ({
-      ...A,
-      type: A.type ?? r.defaultEdgeType
+  }, [x]);
+  const B = A(
+    () => P.map((R) => ({
+      ...R,
+      type: R.type ?? e.defaultEdgeType
     })),
-    [r.defaultEdgeType, _]
+    [e.defaultEdgeType, P]
   ), {
-    effectiveHighlightedNodeSet: ot,
-    effectiveHighlightedEdgeSet: ut,
-    visibleNodes: S,
-    visibleEdges: L,
-    childNodeIdsByParent: et
+    effectiveHighlightedNodeSet: q,
+    effectiveHighlightedEdgeSet: et,
+    visibleNodes: _,
+    visibleEdges: E,
+    childNodeIdsByParent: C
   } = hn({
-    nodes: v,
-    edges: H,
-    collapsedIds: i,
-    hiddenNodeIds: s,
-    searchQuery: a,
+    nodes: f,
+    edges: B,
+    collapsedIds: n,
+    hiddenNodeIds: o,
+    searchQuery: i,
     hideUnmatchedSearch: d,
-    searchPredicate: u,
-    highlightedNodeIds: b,
-    highlightedEdgeIds: I,
-    highlightStrategy: y,
-    onSearchResultsChange: p
-  }), B = M(
+    searchPredicate: l,
+    highlightedNodeIds: T,
+    highlightedEdgeIds: w,
+    highlightStrategy: b,
+    onSearchResultsChange: h
+  }), D = A(
     () => ({
-      nodes: S,
-      edges: L,
-      theme: o,
-      padding: r.padding,
-      layout: r.layout,
-      width: r.width,
-      height: r.height,
-      layoutDirection: r.layoutDirection,
-      nodeSizing: r.nodeSizing,
-      fixedNodeSize: r.fixedNodeSize,
-      labelMeasurementPaddingX: r.labelMeasurementPaddingX,
-      labelMeasurementPaddingY: r.labelMeasurementPaddingY,
-      labelMeasurementCharWidth: r.labelMeasurementCharWidth,
-      labelMeasurementLineHeight: r.labelMeasurementLineHeight
+      nodes: _,
+      edges: E,
+      theme: s,
+      padding: e.padding,
+      layout: e.layout,
+      width: e.width,
+      height: e.height,
+      layoutDirection: e.layoutDirection,
+      nodeSizing: e.nodeSizing,
+      fixedNodeSize: e.fixedNodeSize,
+      labelMeasurementPaddingX: e.labelMeasurementPaddingX,
+      labelMeasurementPaddingY: e.labelMeasurementPaddingY,
+      labelMeasurementCharWidth: e.labelMeasurementCharWidth,
+      labelMeasurementLineHeight: e.labelMeasurementLineHeight
     }),
-    [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
+    [e, s, E, _]
+  ), Y = G(
+    (R, k) => {
+      e.nodeSizing === "measured" && N((O) => {
+        const W = O[R];
+        return W && W.width === k.width && W.height === k.height ? O : {
+          ...O,
+          [R]: k
         };
       });
     },
-    [r.nodeSizing]
-  ), Y = M(
-    () => {
-      if (!m)
+    [e.nodeSizing]
+  ), X = A(() => {
+    if (!m)
+      try {
+        const R = we(D);
+        return $t(R, _, "layout"), R;
+      } catch (R) {
+        if (c == null || c(at(R), {
+          graph: t,
+          phase: "layout"
+        }), !p)
+          throw at(R);
         try {
-          const A = Je(B);
-          return we(A, S, "layout"), A;
-        } catch (A) {
-          if (l == null || l(wt(A), {
-            graph: e,
+          const k = er(D);
+          return $t(k, _, "layout"), k;
+        } catch (k) {
+          const O = at(k);
+          throw c == null || c(O, {
+            graph: t,
             phase: "layout"
-          }), !w)
-            throw wt(A);
-          try {
-            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"
-            }), F;
-          }
+          }), O;
         }
+      }
+    try {
+      const R = m(D);
+      return $t(R, _, "layout override"), R;
+    } catch (R) {
+      if (c == null || c(at(R), {
+        graph: t,
+        phase: "layout-override"
+      }), !p)
+        throw at(R);
       try {
-        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);
+        const k = we(D);
+        return $t(k, _, "layout"), k;
+      } catch (k) {
+        c == null || c(at(k), { graph: t, phase: "layout" });
         try {
-          const O = Je(B);
-          return we(O, S, "layout"), O;
+          const O = er(D);
+          return $t(O, _, "layout"), O;
         } catch (O) {
-          l == null || l(wt(O), { graph: e, phase: "layout" });
-          try {
-            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;
-          }
+          const W = at(O);
+          throw c == null || c(W, { graph: t, phase: "layout" }), W;
         }
       }
-    },
-    [e, m, B, l, S]
-  ), U = M(
+    }
+  }, [t, m, D, c, _]), Z = A(
     () => ({
-      arrowPadding: r.arrowPadding,
-      straight: !r.curveEdges || r.routingStyle === "orthogonal",
-      layoutDirection: r.layoutDirection,
-      forceRightToLeft: r.forceRightToLeft,
-      routingStyle: r.routingStyle,
-      edgeSeparation: r.edgeSeparation,
-      selfLoopRadius: r.selfLoopRadius
+      arrowPadding: e.arrowPadding,
+      straight: !e.curveEdges || e.routingStyle === "orthogonal",
+      layoutDirection: e.layoutDirection,
+      forceRightToLeft: e.forceRightToLeft,
+      routingStyle: e.routingStyle,
+      edgeSeparation: e.edgeSeparation,
+      selfLoopRadius: e.selfLoopRadius
     }),
-    [r]
-  ), it = M(
-    () => {
-      const A = new Set(Y.map((O) => O.id));
-      if (!E)
-        try {
-          const O = dr(Y, L, U);
-          return xe(O, A, "routing"), O;
-        } catch (O) {
-          if (l == null || l(wt(O), {
-            graph: e,
-            phase: "routing"
-          }), !w)
-            throw wt(O);
-          const F = gr(Y, L);
-          return xe(F, A, "routing"), F;
-        }
+    [e]
+  ), Q = A(() => {
+    const R = new Set(X.map((k) => k.id));
+    if (!g)
+      try {
+        const k = Ze(X, E, Z);
+        return Bt(k, R, "routing"), k;
+      } catch (k) {
+        if (c == null || c(at(k), {
+          graph: t,
+          phase: "routing"
+        }), !p)
+          throw at(k);
+        const O = rr(X, E);
+        return Bt(O, R, "routing"), O;
+      }
+    try {
+      const k = g(X, E, Z);
+      return Bt(k, R, "routing override"), k;
+    } catch (k) {
+      if (c == null || c(at(k), {
+        graph: t,
+        phase: "routing-override"
+      }), !p)
+        throw at(k);
       try {
-        const O = E(Y, L, U);
-        return xe(O, A, "routing override"), O;
+        const O = Ze(X, E, Z);
+        return Bt(O, R, "routing"), O;
       } catch (O) {
-        if (l == null || l(wt(O), {
-          graph: e,
-          phase: "routing-override"
-        }), !w)
-          throw wt(O);
-        try {
-          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;
-        }
+        c == null || c(at(O), { graph: t, phase: "routing" });
+        const W = rr(X, E);
+        return Bt(W, R, "routing"), W;
       }
-    },
-    [
-      U,
-      e,
-      l,
-      w,
-      Y,
-      E,
-      L
-    ]
-  );
+    }
+  }, [
+    Z,
+    t,
+    c,
+    p,
+    X,
+    g,
+    E
+  ]);
   return {
-    childNodeIdsByParent: et,
-    effectiveHighlightedEdgeSet: ut,
-    effectiveHighlightedNodeSet: ot,
-    handleNodeMeasure: C,
-    positionedEdges: it,
-    positionedNodes: Y,
-    visibleEdges: L,
-    visibleNodesWithMeasuredSize: S
+    childNodeIdsByParent: C,
+    effectiveHighlightedEdgeSet: et,
+    effectiveHighlightedNodeSet: q,
+    handleNodeMeasure: Y,
+    positionedEdges: Q,
+    positionedNodes: X,
+    visibleEdges: E,
+    visibleNodesWithMeasuredSize: _
   };
-}, 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);
+}, fr = 180, hr = 72, Qt = (t, e, s) => Math.min(Math.max(t, e), s), pn = (t) => t.length ? t.reduce(
+  (s, n) => {
+    var b, h;
+    const o = ((b = n.size) == null ? void 0 : b.width) ?? fr, i = ((h = n.size) == null ? void 0 : h.height) ?? hr, d = Math.min(s.minX, n.position.x), l = Math.min(s.minY, n.position.y), T = Math.max(s.maxX, n.position.x + o), w = Math.max(s.maxY, n.position.y + i);
     return {
       minX: d,
-      minY: u,
-      maxX: b,
-      maxY: I,
-      width: b - d,
-      height: I - u
+      minY: l,
+      maxX: T,
+      maxY: w,
+      width: T - d,
+      height: w - l
     };
   },
   {
@@ -1202,432 +848,430 @@ const dn = ({
     width: 0,
     height: 0
   }
-) : null, yn = (e, r, o, i, s, a) => {
-  if (!e || r <= 0 || o <= 0)
+) : null, yn = (t, e, s, n, o, i) => {
+  if (!t || e <= 0 || s <= 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
+  const d = Math.max(t.width, 1), l = Math.max(t.height, 1), T = Math.max(e - n * 2, 1), w = Math.max(s - n * 2, 1), b = Qt(
+    Math.min(T / d, w / l),
+    o,
+    i
   );
   return {
-    x: i + (b - d * y) / 2 - e.minX * y,
-    y: i + (I - u * y) / 2 - e.minY * y,
-    zoom: y
+    x: n + (T - d * b) / 2 - t.minX * b,
+    y: n + (w - l * b) / 2 - t.minY * b,
+    zoom: b
   };
-}, 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;
+}, gn = (t, e, s, n) => {
+  var T, w;
+  const o = ((T = t.size) == null ? void 0 : T.width) ?? fr, i = ((w = t.size) == null ? void 0 : w.height) ?? hr, d = t.position.x + o / 2, l = t.position.y + i / 2;
   return {
-    x: r / 2 - d * i,
-    y: o / 2 - u * i,
-    zoom: i
+    x: e / 2 - d * n,
+    y: s / 2 - l * n,
+    zoom: n
   };
-}, 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)
+}, xn = { x: 0, y: 0, zoom: 1 }, de = (t, e, s) => ({
+  x: Number.isFinite(t.x) ? t.x : 0,
+  y: Number.isFinite(t.y) ? t.y : 0,
+  zoom: Qt(Number.isFinite(t.zoom) ? t.zoom : 1, e, s)
 }), wn = ({
-  controlledViewport: e,
-  defaultViewport: r,
-  safeMinZoom: o,
-  safeMaxZoom: i,
-  onViewportChange: s,
-  selectedNodeIds: a,
+  controlledViewport: t,
+  defaultViewport: e,
+  safeMinZoom: s,
+  safeMaxZoom: n,
+  onViewportChange: o,
+  selectedNodeIds: i,
   selectedEdgeIds: d,
-  defaultSelectedNodeIds: u,
-  defaultSelectedEdgeIds: b,
-  onSelectionChange: I,
-  controlledFocusedNodeId: y,
-  defaultFocusedNodeId: p,
+  defaultSelectedNodeIds: l,
+  defaultSelectedEdgeIds: T,
+  onSelectionChange: w,
+  controlledFocusedNodeId: b,
+  defaultFocusedNodeId: h,
   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(
+  const [g, c] = ut(
+    () => de({ ...xn, ...e ?? {} }, s, n)
+  ), [v, N] = ut({
+    nodeIds: l ?? [],
+    edgeIds: T ?? []
+  }), [x, P] = ut(
+    h
+  ), p = A(
+    () => de(t ?? g, s, n),
+    [t, g, n, s]
+  ), f = ot(p);
+  f.current = p;
+  const B = ot(o);
+  B.current = o;
+  const q = A(
     () => ({
-      nodeIds: a ?? R.nodeIds,
-      edgeIds: d ?? R.edgeIds
+      nodeIds: i ?? v.nodeIds,
+      edgeIds: d ?? v.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);
+    [i, d, v]
+  ), et = ot(q);
+  et.current = q;
+  const _ = b !== void 0 ? b : x, E = G(
+    (Y) => {
+      var R;
+      const X = f.current, Z = typeof Y == "function" ? Y(X) : Y, Q = de({ ...X, ...Z }, s, n);
+      t || c(Q), (R = B.current) == null || R.call(B, Q);
     },
-    [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);
+    [t, n, s]
+  ), C = G(
+    (Y) => {
+      const X = et.current, Z = typeof Y == "function" ? Y(X) : Y;
+      (i == null || d == null) && N((Q) => ({
+        nodeIds: i == null ? Z.nodeIds : Q.nodeIds,
+        edgeIds: d == null ? Z.edgeIds : Q.edgeIds
+      })), w == null || w(Z);
     },
-    [I, d, a]
-  ), B = J(
-    (C) => {
-      y === void 0 && _(C), m == null || m(C);
+    [w, d, i]
+  ), D = G(
+    (Y) => {
+      b === void 0 && P(Y), m == null || m(Y);
     },
-    [y, m]
+    [b, m]
   );
   return {
-    viewport: w,
-    viewportRef: v,
-    selection: ot,
-    selectionRef: ut,
-    focusedNodeId: S,
-    updateViewport: L,
-    updateSelection: et,
-    updateFocusedNode: B
+    viewport: p,
+    viewportRef: f,
+    selection: q,
+    selectionRef: et,
+    focusedNodeId: _,
+    updateViewport: E,
+    updateSelection: C,
+    updateFocusedNode: D
   };
-}, vr = (e) => Object.prototype.toString.call(e) === "[object Object]", Qe = (e, r, o) => {
-  if (Object.is(e, r))
+}, nr = (t) => Object.prototype.toString.call(t) === "[object Object]", Ie = (t, e, s) => {
+  if (Object.is(t, e))
     return !0;
-  if (typeof e == "function" || typeof r == "function" || !e || !r || typeof e != "object" || typeof r != "object")
+  if (typeof t == "function" || typeof e == "function" || !t || !e || typeof t != "object" || typeof e != "object")
     return !1;
-  const i = o.get(e);
-  if (i != null && i.has(r))
+  const n = s.get(t);
+  if (n != null && n.has(e))
     return !0;
-  if (Array.isArray(e) || Array.isArray(r)) {
-    if (!Array.isArray(e) || !Array.isArray(r) || e.length !== r.length)
+  if (Array.isArray(t) || Array.isArray(e)) {
+    if (!Array.isArray(t) || !Array.isArray(e) || t.length !== e.length)
       return !1;
-    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))
+    n ? n.add(e) : s.set(t, new WeakSet([e]));
+    for (let d = 0; d < t.length; d += 1)
+      if (!Ie(t[d], e[d], s))
         return !1;
     return !0;
   }
-  if (!vr(e) || !vr(r))
+  if (!nr(t) || !nr(e))
     return !1;
-  i ? i.add(r) : o.set(e, new WeakSet([r]));
-  const s = Object.keys(e), a = Object.keys(r);
-  if (s.length !== a.length)
+  n ? n.add(e) : s.set(t, new WeakSet([e]));
+  const o = Object.keys(t), i = Object.keys(e);
+  if (o.length !== i.length)
     return !1;
-  for (const d of s)
-    if (!(d in r) || !Qe(e[d], r[d], o))
+  for (const d of o)
+    if (!(d in e) || !Ie(t[d], e[d], s))
       return !1;
   return !0;
 };
-function xn(e) {
-  const r = pt(null);
-  return (r.current === null || !Qe(r.current, e, /* @__PURE__ */ new WeakMap())) && (r.current = e), r.current;
+function bn(t) {
+  const e = ot(null);
+  return (e.current === null || !Ie(e.current, t, /* @__PURE__ */ new WeakMap())) && (e.current = t), e.current;
 }
-const bn = 180, In = 24, Lr = (e) => {
-  var r;
-  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: a, avgWidth: d, nodes: [s] });
+const In = 180, vn = 24, mr = (t) => {
+  var e;
+  return ((e = t.size) == null ? void 0 : e.width) ?? In;
+}, fe = (t) => t.position.x + mr(t) / 2, pr = (t, e = vn) => {
+  const s = [...t].sort(
+    (o, i) => fe(o) - fe(i)
+  ), n = [];
+  return s.forEach((o) => {
+    const i = fe(o), d = mr(o), l = n[n.length - 1];
+    if (!l) {
+      n.push({ centerX: i, avgWidth: d, nodes: [o] });
       return;
     }
-    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] });
+    const T = Math.max(e, Math.min(l.avgWidth, d) * 0.35);
+    if (Math.abs(i - l.centerX) > T) {
+      n.push({ centerX: i, avgWidth: d, nodes: [o] });
       return;
     }
-    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)
+    l.nodes.push(o);
+    const w = l.nodes.length;
+    l.centerX = (l.centerX * (w - 1) + i) / w, l.avgWidth = (l.avgWidth * (w - 1) + d) / w;
+  }), n.map((o) => ({
+    centerX: o.centerX,
+    nodes: [...o.nodes].sort((i, d) => i.position.y - d.position.y)
   }));
-}, En = oe.memo(function({
-  edge: r,
-  color: o,
-  width: i,
-  curveEdges: s,
-  curveStrength: a,
+}, En = Ft.memo(function({
+  edge: e,
+  color: s,
+  width: n,
+  curveEdges: o,
+  curveStrength: i,
   markerEnd: d,
-  isHovered: u,
-  isSelected: b,
-  hoverColor: I,
-  selectionColor: y,
-  labelColor: p,
+  isHovered: l,
+  isSelected: T,
+  hoverColor: w,
+  selectionColor: b,
+  labelColor: h,
   selectionMarker: m,
-  hoverMarker: E,
-  hoverEnabled: l,
-  hoverStrokeWidth: R,
-  selectedStrokeWidth: W,
-  hitStrokeWidth: g,
-  onHoverChange: _,
-  onClick: w
+  hoverMarker: g,
+  hoverEnabled: c,
+  hoverStrokeWidth: v,
+  selectedStrokeWidth: N,
+  hitStrokeWidth: x,
+  onHoverChange: P,
+  onClick: p
 }) {
-  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(
+  const f = on(e, o, i);
+  if (!f) return null;
+  const B = l ? w : T ? b ?? w : s, q = l ? v ?? n : T ? N ?? n + 1 : n, et = l ? g ?? m ?? d : T ? m ?? d : d, _ = e.label != null && e.labelPosition ? String(e.label) : null;
+  return /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+    /* @__PURE__ */ M.jsx(
       "path",
       {
-        d: v,
+        d: f,
         stroke: "transparent",
-        strokeWidth: g ?? i + 8,
+        strokeWidth: x ?? n + 8,
         fill: "none",
         pointerEvents: "stroke",
         "data-graph-edge-interactive": "true",
-        onMouseEnter: () => l && (_ == null ? void 0 : _(!0)),
-        onMouseLeave: () => l && (_ == null ? void 0 : _(!1)),
-        onClick: w
+        onMouseEnter: () => c && (P == null ? void 0 : P(!0)),
+        onMouseLeave: () => c && (P == null ? void 0 : P(!1)),
+        onClick: p
       }
     ),
-    /* @__PURE__ */ z.jsx(
+    /* @__PURE__ */ M.jsx(
       "path",
       {
-        d: v,
-        stroke: H,
-        strokeWidth: ot,
+        d: f,
+        stroke: B,
+        strokeWidth: q,
         fill: "none",
-        markerEnd: r.type === "directed" ? ut : void 0,
+        markerEnd: e.type === "directed" ? et : void 0,
         pointerEvents: "none"
       }
     ),
-    S && r.labelPosition ? /* @__PURE__ */ z.jsx(
+    _ && e.labelPosition ? /* @__PURE__ */ M.jsx(
       "text",
       {
-        x: r.labelPosition.x,
-        y: r.labelPosition.y - 6,
+        x: e.labelPosition.x,
+        y: e.labelPosition.y - 6,
         textAnchor: "middle",
         fontSize: 12,
         fontWeight: 600,
-        fill: p ?? "#334155",
+        fill: h ?? "#334155",
         pointerEvents: "none",
-        children: S
+        children: _
       }
     ) : null
   ] });
-}), _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);
+}), Tn = 64, jt = 20, or = 8, _n = 12, Pn = 7, Ln = 48, kn = 12, Sn = 700;
+function yr(t) {
+  const e = Math.min(Array.from(t).length, Ln);
   return Math.max(
-    _n,
-    r * Pn + Tn * 2
+    Tn,
+    e * Pn + _n * 2
   );
 }
-function Mr(e, r, o, i, s = !1) {
-  const a = kr(e), d = a.map((m) => m.centerX);
+function gr(t, e, s, n, o = !1) {
+  const i = pr(t), d = i.map((m) => m.centerX);
   if (!d.length)
     return { orderedXs: [], orderedLabels: [] };
-  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 };
+  const T = i.map((m) => m.nodes.length).map((m) => {
+    const g = m * 2;
+    return g <= 2 ? "Final" : `1/${g}`;
+  }), w = n && n.length ? n : o ? T : [], b = e === Jt.Tree && s === xe.RTL ? [...d].reverse() : d, h = e === Jt.Tree && s === xe.RTL ? [...w].reverse() : w;
+  return { orderedXs: b, orderedLabels: h };
 }
-function kn({
-  positionedNodes: e,
-  layout: r,
-  layoutDirection: o,
-  labels: i,
-  autoLabels: s,
-  labelOffset: a,
+function An({
+  positionedNodes: t,
+  layout: e,
+  layoutDirection: s,
+  labels: n,
+  autoLabels: o,
+  labelOffset: i,
   pillBackground: d = "#eef1f6",
-  pillBorderColor: u = "#d7dbe3",
-  pillTextColor: b = "#3f434b"
+  pillBorderColor: l = "#d7dbe3",
+  pillTextColor: T = "#3f434b"
 }) {
-  const { orderedXs: I, orderedLabels: y } = Mr(
+  const { orderedXs: w, orderedLabels: b } = gr(
+    t,
     e,
-    r,
-    o,
-    i,
-    s
+    s,
+    n,
+    o
   );
-  if (!I.length || !y.length) return null;
-  const m = e.reduce(
-    (E, l) => Math.min(E, l.position.y),
+  if (!w.length || !b.length) return null;
+  const m = t.reduce(
+    (g, c) => Math.min(g, c.position.y),
     Number.POSITIVE_INFINITY
-  ) - 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(
+  ) - i;
+  return /* @__PURE__ */ M.jsx("g", { "aria-label": "labels", children: w.map((g, c) => {
+    const v = b[c] ?? "", N = yr(v), x = g;
+    return /* @__PURE__ */ M.jsxs(
       "g",
       {
-        transform: `translate(${g - W / 2}, ${m - ie + 6})`,
+        transform: `translate(${x - N / 2}, ${m - jt + 6})`,
         children: [
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "rect",
             {
-              width: W,
-              height: ie,
-              rx: wr,
-              ry: wr,
+              width: N,
+              height: jt,
+              rx: or,
+              ry: or,
               fill: d,
-              stroke: u,
+              stroke: l,
               strokeWidth: 1
             }
           ),
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "text",
             {
-              x: W / 2,
-              y: ie / 2 + 4,
-              fill: b,
-              fontSize: Sn,
-              fontWeight: Ln,
+              x: N / 2,
+              y: jt / 2 + 4,
+              fill: T,
+              fontSize: kn,
+              fontWeight: Sn,
               textAnchor: "middle",
-              children: R
+              children: v
             }
           )
         ]
       },
-      `col-${E}`
+      `col-${g}`
     );
   }) });
 }
-const On = typeof window > "u" ? ne : Zr, Ar = oe.memo(
+const Rn = typeof window > "u" ? zt : Jr, xr = Ft.memo(
   ({
-    node: e,
-    Vertex: r,
-    isSelected: o,
-    isFocused: i,
-    selectionColor: s,
-    isHighlighted: a,
+    node: t,
+    Vertex: e,
+    isSelected: s,
+    isFocused: n,
+    selectionColor: o,
+    isHighlighted: i,
     activePathKey: d,
-    activePathNodeIds: u,
-    highlightColor: b,
-    nodeBorderColor: I,
-    nodeBorderWidth: y,
-    hoverNodeBorderColor: p,
+    activePathNodeIds: l,
+    highlightColor: T,
+    nodeBorderColor: w,
+    nodeBorderWidth: b,
+    hoverNodeBorderColor: h,
     hoverNodeBothColor: m,
-    hoverNodeInColor: E,
-    hoverNodeOutColor: l,
-    hoverNodeHighlight: R,
-    hoveredNodeStates: W,
-    onNodeMeasure: g,
-    onNodeFocus: _,
-    onNodeClick: w,
-    onNodeDoubleClick: v,
-    onNodeMouseEnter: H,
-    onNodeMouseLeave: ot,
-    onPathHover: ut,
-    onPathLeave: S
+    hoverNodeInColor: g,
+    hoverNodeOutColor: c,
+    hoverNodeHighlight: v,
+    hoveredNodeStates: N,
+    onNodeMeasure: x,
+    onNodeFocus: P,
+    onNodeClick: p,
+    onNodeDoubleClick: f,
+    onNodeMouseEnter: B,
+    onNodeMouseLeave: q,
+    onPathHover: et,
+    onPathLeave: _
   }) => {
-    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)
+    var j, F;
+    const E = ot(null), C = ((j = t.size) == null ? void 0 : j.width) ?? 180, D = ((F = t.size) == null ? void 0 : F.height) ?? 72, Y = 8, X = N == null ? void 0 : N.get(t.id), Z = (X == null ? void 0 : X.in) ?? !1, Q = (X == null ? void 0 : X.out) ?? !1, R = Z && Q, k = Z || Q, O = !!w && b > 0 || s;
+    let W = w;
+    s ? W = o : i ? W = T : O ? v && (R ? W = m : Q ? W = c : Z ? W = g : k && (W = h)) : W = "none";
+    let wt = 0;
+    s || i ? wt = 1 : O && (wt = v && k ? 1 : 0.4), Rn(() => {
+      if (!E.current || !x)
         return;
-      const lt = () => {
-        et > 0 && B > 0 && g(e.id, { width: Math.ceil(et), height: Math.ceil(B) });
-      }, rt = requestAnimationFrame(() => {
-        var Ot, Tt;
+      const J = () => {
+        C > 0 && D > 0 && x(t.id, { width: Math.ceil(C), height: Math.ceil(D) });
+      }, K = requestAnimationFrame(() => {
+        var $, st;
         try {
-          if (typeof ((Ot = L.current) == null ? void 0 : Ot.getBBox) != "function") {
-            lt();
+          if (typeof (($ = E.current) == null ? void 0 : $.getBBox) != "function") {
+            J();
             return;
           }
-          const mt = (Tt = L.current) == null ? void 0 : Tt.getBBox();
-          if (mt && mt.width > 0 && mt.height > 0) {
-            g(e.id, {
-              width: Math.ceil(mt.width),
-              height: Math.ceil(mt.height)
+          const it = (st = E.current) == null ? void 0 : st.getBBox();
+          if (it && it.width > 0 && it.height > 0) {
+            x(t.id, {
+              width: Math.ceil(it.width),
+              height: Math.ceil(it.height)
             });
             return;
           }
         } catch {
-          lt();
+          J();
         }
-        lt();
+        J();
       });
-      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(
+      return () => cancelAnimationFrame(K);
+    }, [t.id, t.label, t.meta, x, C, D]);
+    const a = s || i ? Math.max(2, b) : O ? b : 0, S = n ? Math.max(2, a || 2) : 0;
+    return /* @__PURE__ */ M.jsxs(
       "g",
       {
-        ref: L,
-        transform: `translate(${e.position.x}, ${e.position.y})`,
+        ref: E,
+        transform: `translate(${t.position.x}, ${t.position.y})`,
         "data-graph-node-interactive": "true",
         role: "button",
         tabIndex: 0,
-        "aria-selected": o,
-        onMouseDown: (lt) => {
-          lt.preventDefault();
+        "aria-selected": s,
+        onMouseDown: (J) => {
+          J.preventDefault();
         },
-        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));
+        onFocus: () => P == null ? void 0 : P(t.id),
+        onClick: () => p == null ? void 0 : p(t),
+        onDoubleClick: () => f == null ? void 0 : f(t),
+        onMouseEnter: () => B(t.id),
+        onMouseLeave: q,
+        onKeyDown: (J) => {
+          (J.key === "Enter" || J.key === " ") && (J.preventDefault(), p == null || p(t));
         },
         children: [
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "rect",
             {
               x: 0,
               y: 0,
-              width: et,
-              height: B,
-              rx: C,
-              ry: C,
+              width: C,
+              height: D,
+              rx: Y,
+              ry: Y,
               fill: "none",
-              stroke: G,
-              strokeOpacity: zt,
-              strokeWidth: Yt,
+              stroke: W,
+              strokeOpacity: wt,
+              strokeWidth: a,
               pointerEvents: "none"
             }
           ),
-          i ? /* @__PURE__ */ z.jsx(
+          n ? /* @__PURE__ */ M.jsx(
             "rect",
             {
               x: -3,
               y: -3,
-              width: et + 6,
-              height: B + 6,
-              rx: C + 2,
-              ry: C + 2,
+              width: C + 6,
+              height: D + 6,
+              rx: Y + 2,
+              ry: Y + 2,
               fill: "none",
-              stroke: s,
+              stroke: o,
               strokeOpacity: 0.7,
-              strokeWidth: Kt,
+              strokeWidth: S,
               strokeDasharray: "4 3",
               pointerEvents: "none"
             }
           ) : null,
-          /* @__PURE__ */ z.jsx(
-            r,
+          /* @__PURE__ */ M.jsx(
+            e,
             {
-              node: e,
-              isSelected: o,
-              isHovered: O,
-              isHoveredIn: U,
-              isHoveredOut: it,
-              isHoveredBoth: A,
+              node: t,
+              isSelected: s,
+              isHovered: k,
+              isHoveredIn: Z,
+              isHoveredOut: Q,
+              isHoveredBoth: R,
               activePathKey: d,
-              activePathNodeIds: u,
-              hoverInColor: E,
-              hoverOutColor: l,
+              activePathNodeIds: l,
+              hoverInColor: g,
+              hoverOutColor: c,
               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
+              onPathHover: (J, K) => J !== null && et(t.id, J, (K == null ? void 0 : K.pathKey) ?? (K == null ? void 0 : K.playerKey)),
+              onPathLeave: _
             }
           )
         ]
@@ -1635,932 +1279,932 @@ const On = typeof window > "u" ? ne : Zr, Ar = oe.memo(
     );
   }
 );
-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) {
+xr.displayName = "GraphNode";
+const sr = { x: 0, y: 0, zoom: 1 }, he = { nodeIds: [], edgeIds: [] }, wr = 0.25, br = 2.5, Mn = 0.12, Nn = "#f59e0b", On = "top-left", St = 26, ve = 34, Ir = 8, me = 48, pe = 20, zn = 8, jn = (t, e) => {
+  const s = Number.isFinite(t) && t > 0 ? t : wr, n = Number.isFinite(e) && e > 0 ? e : br;
+  return s <= n ? { minZoom: s, maxZoom: n } : { minZoom: n, maxZoom: s };
+}, ye = (t) => t instanceof Error ? t : new Error(String(t)), ir = (t, e, s) => s === "single" ? t.length === 1 && t[0] === e ? [] : [e] : t.includes(e) ? t.filter((n) => n !== e) : [...t, e], Dn = (t, e, s) => {
+  const n = 2 * St + 2 * ve + Ir * 3, o = 12;
+  switch (s) {
     case "top-right":
-      return { x: e - i - s, y: s };
+      return { x: t - n - o, y: o };
     case "bottom-left":
-      return { x: s, y: r - Ht - s };
+      return { x: o, y: e - St - o };
     case "bottom-right":
       return {
-        x: e - i - s,
-        y: r - Ht - s
+        x: t - n - o,
+        y: e - St - o
       };
     case "top-left":
     default:
-      return { x: s, y: s };
+      return { x: o, y: o };
   }
-}, 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
-}), _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)
-}), 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
-}), De = (e, r) => {
-  if (!e)
-    return r;
-  if (!r)
+}, ar = (t, e) => Math.hypot(t.x - e.x, t.y - e.y), cr = (t, e) => ({
+  x: (t.x + e.x) / 2,
+  y: (t.y + e.y) / 2
+}), lr = (t) => ({
+  x: Math.min(t.startX, t.endX),
+  y: Math.min(t.startY, t.endY),
+  width: Math.abs(t.endX - t.startX),
+  height: Math.abs(t.endY - t.startY)
+}), ur = (t, e, s) => t >= s.x && t <= s.x + s.width && e >= s.y && e <= s.y + s.height, Yn = (t, e) => ({
+  minX: t.minX - e,
+  minY: t.minY - e,
+  maxX: t.maxX + e,
+  maxY: t.maxY + e,
+  width: t.width + e * 2,
+  height: t.height + e * 2
+}), te = (t, e) => {
+  if (!t)
     return e;
-  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);
+  if (!e)
+    return t;
+  const s = Math.min(t.minX, e.minX), n = Math.min(t.minY, e.minY), o = Math.max(t.maxX, e.maxX), i = Math.max(t.maxY, e.maxY);
   return {
-    minX: o,
-    minY: i,
-    maxX: s,
-    maxY: a,
-    width: s - o,
-    height: a - i
+    minX: s,
+    minY: n,
+    maxX: o,
+    maxY: i,
+    width: o - s,
+    height: i - n
   };
-}, Yn = (e, r, o, i, s, a) => {
-  if (!e.length || !s && !(i && i.length))
+}, Xn = (t, e, s, n, o, i) => {
+  if (!t.length || !o && !(n && n.length))
     return null;
-  const d = kr(e);
+  const d = pr(t);
   if (!d.length)
     return null;
-  const u = r === Me.Tree && o === qe.RTL ? [...d].reverse() : d, { orderedLabels: b } = Mr(
+  const l = e === Jt.Tree && s === xe.RTL ? [...d].reverse() : d, { orderedLabels: T } = gr(
+    t,
     e,
-    r,
-    o,
-    i,
-    s
-  ), y = e.reduce(
-    (p, m) => Math.min(p, m.position.y),
+    s,
+    n,
+    o
+  ), b = t.reduce(
+    (h, m) => Math.min(h, m.position.y),
     Number.POSITIVE_INFINITY
-  ) - 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: ie
+  ) - i - jt + 6;
+  return l.reduce((h, m, g) => {
+    const c = yr(T[g] ?? ""), v = {
+      minX: m.centerX - c / 2,
+      minY: b,
+      maxX: m.centerX + c / 2,
+      maxY: b + jt,
+      width: c,
+      height: jt
     };
-    return De(p, R);
+    return te(h, v);
   }, null);
-}, Wn = (e) => e.reduce((r, o) => {
-  if (!o.labelPosition)
-    return r;
-  const i = {
-    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
+}, Wn = (t) => t.reduce((e, s) => {
+  if (!s.labelPosition)
+    return e;
+  const n = {
+    minX: s.labelPosition.x - me / 2,
+    minY: s.labelPosition.y - pe / 2,
+    maxX: s.labelPosition.x + me / 2,
+    maxY: s.labelPosition.y + pe / 2,
+    width: me,
+    height: pe
   };
-  return De(r, i);
-}, null), Ve = (e, r, o) => {
-  if (!e)
-    return { x: r, y: o };
-  const i = e.getBoundingClientRect();
+  return te(e, n);
+}, null), ge = (t, e, s) => {
+  if (!t)
+    return { x: e, y: s };
+  const n = t.getBoundingClientRect();
   return {
-    x: r - i.left,
-    y: o - i.top
+    x: e - n.left,
+    y: s - n.top
   };
-}, $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 + (((b = e.size) == null ? void 0 : b.height) ?? 0) / 2
-  }, s = r.filter((E) => {
-    var R, W;
-    if (E.id === e.id)
+}, $n = (t, e, s) => {
+  var l, T, w, b, h, m;
+  const n = {
+    x: t.position.x + (((l = t.size) == null ? void 0 : l.width) ?? 0) / 2,
+    y: t.position.y + (((T = t.size) == null ? void 0 : T.height) ?? 0) / 2
+  }, o = e.filter((g) => {
+    var v, N;
+    if (g.id === t.id)
       return !1;
-    const l = {
-      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
+    const c = {
+      x: g.position.x + (((v = g.size) == null ? void 0 : v.width) ?? 0) / 2,
+      y: g.position.y + (((N = g.size) == null ? void 0 : N.height) ?? 0) / 2
     };
-    return o === "left" ? l.x < i.x : o === "right" ? l.x > i.x : o === "up" ? l.y < i.y : l.y > i.y;
+    return s === "left" ? c.x < n.x : s === "right" ? c.x > n.x : s === "up" ? c.y < n.y : c.y > n.y;
   });
-  if (!s.length)
+  if (!o.length)
     return null;
-  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
+  let i = o[0], d = Math.hypot(
+    i.position.x + (((w = i.size) == null ? void 0 : w.width) ?? 0) / 2 - n.x,
+    i.position.y + (((b = i.size) == null ? void 0 : b.height) ?? 0) / 2 - n.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
+  for (let g = 1; g < o.length; g++) {
+    const c = o[g], v = Math.hypot(
+      c.position.x + (((h = c.size) == null ? void 0 : h.width) ?? 0) / 2 - n.x,
+      c.position.y + (((m = c.size) == null ? void 0 : m.height) ?? 0) / 2 - n.y
     );
-    R < d && (a = l, d = R);
+    v < d && (i = c, d = v);
   }
-  return a;
-}, Xn = ({
-  graph: e,
-  vertexComponent: r,
-  edgeComponent: o = En,
-  config: i,
-  viewport: s,
-  defaultViewport: a,
+  return i;
+}, Bn = ({
+  graph: t,
+  vertexComponent: e,
+  edgeComponent: s = En,
+  config: n,
+  viewport: o,
+  defaultViewport: i,
   onViewportChange: d,
-  fitViewOnMount: u = !1,
-  fitViewPadding: b = 32,
-  minZoom: I = Dr,
-  maxZoom: y = jr,
-  zoomStep: p = Mn,
+  fitViewOnMount: l = !1,
+  fitViewPadding: T = 32,
+  minZoom: w = wr,
+  maxZoom: b = br,
+  zoomStep: h = Mn,
   panEnabled: m = !0,
-  zoomEnabled: E = !0,
-  pinchZoomEnabled: l = !0,
-  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: L = !0,
-  hiddenNodeIds: et,
-  onNodeExpand: B,
-  onNodeCollapse: C,
-  searchQuery: Y,
-  hideUnmatchedSearch: U = !1,
-  searchPredicate: it,
-  highlightedNodeIds: A,
-  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 = An,
-  edgeSelectionColor: qt,
-  layoutNodesOverride: je,
-  routeEdgesOverride: be,
-  renderBackground: se,
-  renderOverlay: ae,
-  onError: ft,
-  onNodeHoverChange: Pt,
-  onEdgeHoverChange: $t,
-  onNodeClick: Rt,
-  onEdgeClick: yt
-}, ze) => {
-  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({
+  zoomEnabled: g = !0,
+  pinchZoomEnabled: c = !0,
+  keyboardNavigation: v = !0,
+  showControls: N = !1,
+  controlsPosition: x = On,
+  marqueeSelectionEnabled: P = !0,
+  focusedNodeId: p,
+  defaultFocusedNodeId: f = null,
+  onFocusedNodeChange: B,
+  collapsedNodeIds: q,
+  defaultCollapsedNodeIds: et,
+  onCollapsedNodeIdsChange: _,
+  toggleCollapseOnNodeDoubleClick: E = !0,
+  hiddenNodeIds: C,
+  onNodeExpand: D,
+  onNodeCollapse: Y,
+  searchQuery: X,
+  hideUnmatchedSearch: Z = !1,
+  searchPredicate: Q,
+  highlightedNodeIds: R,
+  highlightedEdgeIds: k,
+  highlightColor: O = "#f59e0b",
+  highlightStrategy: W,
+  onSearchResultsChange: wt,
+  selectedNodeIds: a,
+  selectedEdgeIds: S,
+  defaultSelectedNodeIds: j,
+  defaultSelectedEdgeIds: F,
+  onSelectionChange: J,
+  selectionMode: K = "single",
+  nodeSelectionEnabled: $ = !0,
+  edgeSelectionEnabled: st = !0,
+  selectionColor: it = Nn,
+  edgeSelectionColor: ee,
+  layoutNodesOverride: Er,
+  routeEdgesOverride: Tr,
+  renderBackground: re,
+  renderOverlay: ne,
+  onError: ct,
+  onNodeHoverChange: Gt,
+  onEdgeHoverChange: Ht,
+  onNodeClick: It,
+  onEdgeClick: vt
+}, _r) => {
+  const Ee = A(() => jn(w, b), [w, b]), Et = Ee.minZoom, Tt = Ee.maxZoom, Te = bn(n), Ut = Qr().replace(/:/g, "-"), [_t, oe] = ut(null), [_e, Pe] = ut(!1), ht = ot({
     active: !1,
     startX: 0,
     startY: 0,
     originX: 0,
     originY: 0
-  }), bt = pt(/* @__PURE__ */ new Map()), At = pt({
+  }), mt = ot(/* @__PURE__ */ new Map()), Pt = ot({
     active: !1,
     startDistance: 0,
     startZoom: 1,
     worldX: 0,
     worldY: 0
-  }), 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
+  }), At = ot(null), Pr = ot(null), se = ot(!1), I = A(() => sn(Te), [Te]), pt = I.theme, Le = pt.edgeColor ?? Je.edgeColor, Ct = pt.edgeWidth ?? Je.edgeWidth, ke = ee ?? it, Lr = I.hoverNodeBorderColor ?? I.hoverEdgeColor, kr = I.hoverNodeBothColor ?? I.hoverEdgeColor, Sr = pt.nodeBorderColor, Ar = pt.nodeBorderWidth ?? 0, Kt = I.showArrows, Se = `${Ut}-arrow`, Ae = `${Ut}-arrow-hover`, Re = `${Ut}-arrow-hover-in`, Me = `${Ut}-arrow-selected`, {
+    viewport: z,
+    viewportRef: Rr,
+    selection: rt,
+    focusedNodeId: yt,
+    updateViewport: H,
+    updateSelection: nt,
+    updateFocusedNode: dt
   } = wn({
-    controlledViewport: s,
-    defaultViewport: a,
-    safeMinZoom: xt,
-    safeMaxZoom: Mt,
+    controlledViewport: o,
+    defaultViewport: i,
+    safeMinZoom: Et,
+    safeMaxZoom: Tt,
     onViewportChange: d,
-    selectedNodeIds: Yt,
-    selectedEdgeIds: Kt,
-    defaultSelectedNodeIds: Wt,
-    defaultSelectedEdgeIds: Vt,
-    onSelectionChange: lt,
-    controlledFocusedNodeId: w,
-    defaultFocusedNodeId: v,
-    onFocusedNodeChange: H
+    selectedNodeIds: a,
+    selectedEdgeIds: S,
+    defaultSelectedNodeIds: j,
+    defaultSelectedEdgeIds: F,
+    onSelectionChange: J,
+    controlledFocusedNodeId: p,
+    defaultFocusedNodeId: f,
+    onFocusedNodeChange: B
   }), {
-    collapsedIds: t,
-    collapsedNodeSet: c,
-    pendingExpansionNodeSet: h,
-    updateCollapsedNodeIds: P,
-    setPendingExpansionNodeIds: N
-  } = dn({
-    collapsedNodeIds: ot,
-    defaultCollapsedNodeIds: ut,
-    onCollapsedNodeIdsChange: S
-  }), 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: T,
-    mergedTheme: It,
-    collapsedIds: t,
-    hiddenNodeIds: et,
-    searchQuery: Y,
-    hideUnmatchedSearch: U,
-    searchPredicate: it,
-    highlightedNodeIds: A,
-    highlightedEdgeIds: O,
-    highlightStrategy: G,
-    onSearchResultsChange: zt,
-    layoutNodesOverride: je,
-    routeEdgesOverride: be,
-    onError: ft
-  }), pe = J(
-    (n) => {
-      if (!(!L || !((D.get(n.id) ?? []).length > 0) || h.has(n.id)))
-        if (c.has(n.id))
+    collapsedIds: Mr,
+    collapsedNodeSet: Ne,
+    pendingExpansionNodeSet: Oe,
+    updateCollapsedNodeIds: Vt,
+    setPendingExpansionNodeIds: ie
+  } = fn({
+    collapsedNodeIds: q,
+    defaultCollapsedNodeIds: et,
+    onCollapsedNodeIdsChange: _
+  }), Nr = A(() => new Set(rt.nodeIds), [rt.nodeIds]), ze = A(() => new Set(rt.edgeIds), [rt.edgeIds]), {
+    childNodeIdsByParent: je,
+    effectiveHighlightedEdgeSet: Or,
+    effectiveHighlightedNodeSet: zr,
+    handleNodeMeasure: jr,
+    positionedEdges: gt,
+    positionedNodes: tt,
+    visibleEdges: De,
+    visibleNodesWithMeasuredSize: Ye
+  } = mn({
+    graph: t,
+    config: I,
+    mergedTheme: pt,
+    collapsedIds: Mr,
+    hiddenNodeIds: C,
+    searchQuery: X,
+    hideUnmatchedSearch: Z,
+    searchPredicate: Q,
+    highlightedNodeIds: R,
+    highlightedEdgeIds: k,
+    highlightStrategy: W,
+    onSearchResultsChange: wt,
+    layoutNodesOverride: Er,
+    routeEdgesOverride: Tr,
+    onError: ct
+  }), Dr = G(
+    (r) => {
+      if (!(!E || !((je.get(r.id) ?? []).length > 0) || Oe.has(r.id)))
+        if (Ne.has(r.id))
           try {
-            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" });
+            const y = D == null ? void 0 : D(r.id);
+            if (y && typeof y == "object" && "then" in y) {
+              ie(
+                (L) => L.includes(r.id) ? L : [...L, r.id]
+              ), Promise.resolve(y).then(() => {
+                Vt((L) => L.filter((U) => U !== r.id));
+              }).catch((L) => {
+                ct == null || ct(ye(L), { graph: t, phase: "interaction" });
               }).finally(() => {
-                N(
-                  (k) => k.filter((tt) => tt !== n.id)
+                ie(
+                  (L) => L.filter((U) => U !== r.id)
                 );
               });
               return;
             }
-            P((k) => k.filter((tt) => tt !== n.id));
-          } catch (x) {
-            ft == null || ft(Ke(x), { graph: e, phase: "interaction" });
+            Vt((L) => L.filter((U) => U !== r.id));
+          } catch (y) {
+            ct == null || ct(ye(y), { graph: t, phase: "interaction" });
           }
         else {
-          P((x) => [...x, n.id]);
+          Vt((y) => [...y, r.id]);
           try {
-            C == null || C(n.id);
-          } catch (x) {
-            ft == null || ft(Ke(x), { graph: e, phase: "interaction" });
+            Y == null || Y(r.id);
+          } catch (y) {
+            ct == null || ct(ye(y), { graph: t, phase: "interaction" });
           }
         }
     },
     [
+      je,
+      Ne,
+      t,
+      ct,
+      Y,
       D,
-      c,
-      e,
-      ft,
-      C,
-      B,
-      h,
-      N,
-      L,
-      P
+      Oe,
+      ie,
+      E,
+      Vt
     ]
   );
-  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);
+  zt(() => {
+    const r = new Set(Ye.map((y) => y.id)), u = new Set(De.map((y) => y.id));
+    (rt.nodeIds.some((y) => !r.has(y)) || rt.edgeIds.some((y) => !u.has(y))) && nt({
+      nodeIds: rt.nodeIds.filter((y) => r.has(y)),
+      edgeIds: rt.edgeIds.filter((y) => u.has(y))
+    }), yt && !r.has(yt) && dt(null);
   }, [
-    Et,
-    st,
-    vt,
+    yt,
+    rt,
     dt,
-    Lt,
-    ct
+    nt,
+    De,
+    Ye
   ]);
-  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
+  const lt = A(
+    () => new Map(tt.map((r) => [r.id, r])),
+    [tt]
+  ), Xe = A(
+    () => new Map(gt.map((r) => [r.id, r])),
+    [gt]
+  ), We = A(() => pn(tt), [tt]), $e = A(() => {
+    const r = te(
+      te(
+        We,
+        Xn(
+          tt,
+          I.layout,
+          I.layoutDirection,
+          I.labels,
+          I.autoLabels,
+          I.labelOffset
         )
       ),
-      Wn(Q)
+      Wn(gt)
     );
-    return n && Fn(n, jn);
+    return r && Yn(r, zn);
   }, [
-    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: T.width, height: T.height };
-    const x = ((k = n.parentElement) == null ? void 0 : k.getBoundingClientRect()) ?? n.getBoundingClientRect();
+    I.autoLabels,
+    I.labelOffset,
+    I.labels,
+    I.layout,
+    I.layoutDirection,
+    We,
+    gt,
+    tt
+  ]), qt = G(() => {
+    var L;
+    const r = At.current;
+    if (!r)
+      return { width: I.width, height: I.height };
+    const y = ((L = r.parentElement) == null ? void 0 : L.getBoundingClientRect()) ?? r.getBoundingClientRect();
     return {
-      width: x.width || T.width,
-      height: x.height || T.height
+      width: y.width || I.width,
+      height: y.height || I.height
     };
-  }, [T.height, T.width]), Ut = J(
-    (n = b) => {
-      const { width: f, height: x } = ke();
-      K(
-        yn(rr, f, x, n, xt, Mt)
+  }, [I.height, I.width]), Lt = G(
+    (r = T) => {
+      const { width: u, height: y } = qt();
+      H(
+        yn($e, u, y, r, Et, Tt)
       );
     },
-    [rr, b, ke, Mt, xt, K]
-  ), Oe = J(
-    (n) => {
-      const f = ht.get(n);
-      if (!f)
+    [$e, T, qt, Tt, Et, H]
+  ), Zt = G(
+    (r) => {
+      const u = lt.get(r);
+      if (!u)
         return;
-      const { width: x, height: k } = ke();
-      K(gn(f, x, k, $.zoom));
+      const { width: y, height: L } = qt();
+      H(gn(u, y, L, z.zoom));
     },
-    [ke, ht, K, $.zoom]
+    [qt, lt, H, z.zoom]
   );
   tn(
-    ze,
+    _r,
     () => ({
-      fitView: Ut,
-      centerOnNode: Oe,
-      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)
+      fitView: Lt,
+      centerOnNode: Zt,
+      zoomIn: () => H((r) => ({ zoom: r.zoom + h })),
+      zoomOut: () => H((r) => ({ zoom: r.zoom - h })),
+      zoomTo: (r) => H({ zoom: r }),
+      resetViewport: () => H(sr),
+      getViewport: () => z,
+      setViewport: H,
+      clearSelection: () => nt(he)
     }),
-    [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]);
+    [Zt, Lt, nt, H, z, h]
+  ), zt(() => {
+    se.current = !1;
+  }, [t]), zt(() => {
+    !l || se.current || tt.length === 0 || (se.current = !0, Lt());
+  }, [Lt, l, tt.length]);
   const {
-    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(
+    hoveredEdgeId: Be,
+    setHoveredEdgeId: Fe,
+    hoveredNodeId: kt,
+    setHoveredNodeId: Rt,
+    focusedPath: ae,
+    setFocusedPath: xt,
+    pathHighlight: Mt,
+    hoveredNodeStates: Yr,
+    edgesForRender: Xr
+  } = dn(tt, gt, I.hoverHighlight), Ge = ot(kt);
+  Ge.current = kt;
+  const He = A(
     () => ({
-      graph: e,
-      nodes: V,
-      edges: Q,
-      config: T,
-      viewport: $,
-      selection: st
+      graph: t,
+      nodes: tt,
+      edges: gt,
+      config: I,
+      viewport: z,
+      selection: rt
     }),
-    [T, e, Q, V, st, $]
-  ), ee = J(
-    (n, f, x = "pointer") => {
-      Pt == null || Pt(n, f, {
-        viewport: $,
-        selection: st,
-        trigger: x
+    [I, t, gt, tt, rt, z]
+  ), Nt = G(
+    (r, u, y = "pointer") => {
+      Gt == null || Gt(r, u, {
+        viewport: z,
+        selection: rt,
+        trigger: y
       });
     },
-    [Pt, st, $]
-  ), ar = J(
-    (n, f, x = "pointer") => {
-      $t == null || $t(n, f, {
-        viewport: $,
-        selection: st,
-        trigger: x
+    [Gt, rt, z]
+  ), Ue = G(
+    (r, u, y = "pointer") => {
+      Ht == null || Ht(r, u, {
+        viewport: z,
+        selection: rt,
+        trigger: y
       });
     },
-    [$t, st, $]
-  ), We = J(
-    (n) => {
-      if (!Ot) {
-        vt(n.id), Rt == null || Rt(n);
+    [Ht, rt, z]
+  ), ce = G(
+    (r) => {
+      if (!$) {
+        dt(r.id), It == null || It(r);
         return;
       }
-      dt((f) => ({
-        nodeIds: br(f.nodeIds, n.id, rt),
-        edgeIds: rt === "single" ? [] : f.edgeIds
-      })), vt(n.id), Rt == null || Rt(n);
+      nt((u) => ({
+        nodeIds: ir(u.nodeIds, r.id, K),
+        edgeIds: K === "single" ? [] : u.edgeIds
+      })), dt(r.id), It == null || It(r);
     },
-    [Ot, Rt, rt, vt, dt]
-  ), Wr = J(
-    (n) => {
-      if (!Tt) {
-        yt == null || yt(n);
+    [$, It, K, dt, nt]
+  ), Wr = G(
+    (r) => {
+      if (!st) {
+        vt == null || vt(r);
         return;
       }
-      dt((f) => ({
-        nodeIds: rt === "single" ? [] : f.nodeIds,
-        edgeIds: br(f.edgeIds, n.id, rt)
-      })), yt == null || yt(n);
+      nt((u) => ({
+        nodeIds: K === "single" ? [] : u.nodeIds,
+        edgeIds: ir(u.edgeIds, r.id, K)
+      })), vt == null || vt(r);
     },
-    [Tt, yt, rt, dt]
-  ), $r = J(
-    (n) => {
-      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;
+    [st, vt, K, nt]
+  ), $r = G(
+    (r) => {
+      var U, ft;
+      const u = r.target, y = !!u.closest('[data-graph-node-interactive="true"], [data-graph-edge-interactive="true"]'), L = ge(At.current, r.clientX, r.clientY);
+      if (!y && K === "multiple" && P && r.shiftKey) {
+        oe({
+          startX: L.x,
+          startY: L.y,
+          endX: L.x,
+          endY: L.y
+        }), ht.current.active = !1;
         return;
       }
-      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 = {
+      if (r.pointerType === "touch" && (mt.current.set(r.pointerId, L), c && g && mt.current.size === 2)) {
+        const [bt, V] = Array.from(mt.current.values()), Ot = cr(bt, V);
+        Pt.current = {
           active: !0,
-          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);
+          startDistance: ar(bt, V),
+          startZoom: z.zoom,
+          worldX: (Ot.x - z.x) / z.zoom,
+          worldY: (Ot.y - z.y) / z.zoom
+        }, ht.current.active = !1, (U = u.setPointerCapture) == null || U.call(u, r.pointerId);
         return;
       }
-      !m || n.button !== 0 || x || (gt.current = {
+      !m || r.button !== 0 || y || (ht.current = {
         active: !0,
-        startX: k.x,
-        startY: k.y,
-        originX: $.x,
-        originY: $.y
-      }, ce(!0), (kt = f.setPointerCapture) == null || kt.call(f, n.pointerId));
+        startX: L.x,
+        startY: L.y,
+        originX: z.x,
+        originY: z.y
+      }, Pe(!0), (ft = u.setPointerCapture) == null || ft.call(u, r.pointerId));
     },
-    [_, m, l, rt, $, E]
-  ), Xr = J(
-    (n) => {
-      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
+    [P, m, c, K, z, g]
+  ), Br = G(
+    (r) => {
+      const u = ge(At.current, r.clientX, r.clientY);
+      if (r.pointerType === "touch" && mt.current.has(r.pointerId) && (mt.current.set(r.pointerId, u), Pt.current.active && mt.current.size >= 2)) {
+        const [y, L] = Array.from(mt.current.values()), U = cr(y, L), ft = ar(y, L), bt = Qt(
+          Pt.current.startZoom * (ft / Math.max(1, Pt.current.startDistance)),
+          Et,
+          Tt
         );
-        K({
-          zoom: Ft,
-          x: tt.x - At.current.worldX * Ft,
-          y: tt.y - At.current.worldY * Ft
+        H({
+          zoom: bt,
+          x: U.x - Pt.current.worldX * bt,
+          y: U.y - Pt.current.worldY * bt
         });
         return;
       }
-      if (St) {
-        Jt(
-          (x) => x && {
-            ...x,
-            endX: f.x,
-            endY: f.y
+      if (_t) {
+        oe(
+          (y) => y && {
+            ...y,
+            endX: u.x,
+            endY: u.y
           }
         );
         return;
       }
-      !m || !gt.current.active || K({
-        x: gt.current.originX + (f.x - gt.current.startX),
-        y: gt.current.originY + (f.y - gt.current.startY)
+      !m || !ht.current.active || H({
+        x: ht.current.originX + (u.x - ht.current.startX),
+        y: ht.current.originY + (u.y - ht.current.startY)
       });
     },
-    [m, Mt, xt, St, K]
-  ), cr = J(
-    (n) => {
-      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);
+    [m, Tt, Et, _t, H]
+  ), Ce = G(
+    (r) => {
+      var u, y;
+      if (mt.current.delete(r.pointerId), mt.current.size < 2 && (Pt.current.active = !1), _t) {
+        const L = lr(_t), U = {
+          x: (L.x - z.x) / z.zoom,
+          y: (L.y - z.y) / z.zoom,
+          width: L.width / z.zoom,
+          height: L.height / z.zoom
+        }, ft = tt.filter((V) => {
+          var Yt, Ve;
+          const Ot = ((Yt = V.size) == null ? void 0 : Yt.width) ?? 0, le = ((Ve = V.size) == null ? void 0 : Ve.height) ?? 0;
+          return !(V.position.x + Ot < U.x || V.position.x > U.x + U.width || V.position.y + le < U.y || V.position.y > U.y + U.height);
+        }).map((V) => V.id), bt = gt.filter((V) => {
+          const Ot = V.points.some(
+            (Yt) => ur(Yt.x, Yt.y, U)
+          ), le = !!V.labelPosition && ur(V.labelPosition.x, V.labelPosition.y, U);
+          return Ot || le;
+        }).map((V) => V.id);
+        nt((V) => ({
+          nodeIds: Array.from(/* @__PURE__ */ new Set([...V.nodeIds, ...ft])),
+          edgeIds: Array.from(/* @__PURE__ */ new Set([...V.edgeIds, ...bt]))
+        })), oe(null);
       }
-      gt.current.active = !1, ce(!1), (x = (f = n.target).releasePointerCapture) == null || x.call(f, n.pointerId);
+      ht.current.active = !1, Pe(!1), (y = (u = r.target).releasePointerCapture) == null || y.call(u, r.pointerId);
     },
-    [Q, V, St, dt, $]
-  ), Br = J(
-    (n) => {
-      if (!E || !Nt.current)
+    [gt, tt, _t, nt, z]
+  ), Fr = G(
+    (r) => {
+      if (!g || !At.current)
         return;
-      n.preventDefault();
-      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
+      r.preventDefault();
+      const u = ge(At.current, r.clientX, r.clientY), y = Rr.current, L = (u.x - y.x) / y.zoom, U = (u.y - y.y) / y.zoom, ft = Qt(
+        y.zoom + (r.deltaY < 0 ? h : -h),
+        Et,
+        Tt
       );
-      K({
-        zoom: kt,
-        x: f.x - k * kt,
-        y: f.y - tt * kt
+      H({
+        zoom: ft,
+        x: u.x - L * ft,
+        y: u.y - U * ft
       });
     },
-    [Mt, xt, K, E, p]
-  ), Cr = J(
-    (n) => {
-      if (R)
-        switch (n.key) {
+    [Tt, Et, H, g, h]
+  ), Gr = G(
+    (r) => {
+      if (v)
+        switch (r.key) {
           case "+":
           case "=":
-            n.preventDefault(), K((f) => ({ zoom: f.zoom + p }));
+            r.preventDefault(), H((u) => ({ zoom: u.zoom + h }));
             break;
           case "-":
           case "_":
-            n.preventDefault(), K((f) => ({ zoom: f.zoom - p }));
+            r.preventDefault(), H((u) => ({ zoom: u.zoom - h }));
             break;
           case "0":
-            n.preventDefault(), Ut();
+            r.preventDefault(), Lt();
             break;
           case "ArrowLeft":
           case "ArrowRight":
           case "ArrowUp":
           case "ArrowDown": {
-            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));
+            if (r.preventDefault(), yt) {
+              const u = lt.get(yt);
+              if (u) {
+                const y = r.key === "ArrowLeft" ? "left" : r.key === "ArrowRight" ? "right" : r.key === "ArrowUp" ? "up" : "down", L = $n(u, tt, y);
+                L && (dt(L.id), Zt(L.id));
                 break;
               }
             }
-            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 });
+            H((u) => r.key === "ArrowLeft" ? { x: u.x + 32 } : r.key === "ArrowRight" ? { x: u.x - 32 } : r.key === "ArrowUp" ? { y: u.y + 32 } : { y: u.y - 32 });
             break;
           }
           case "Enter":
           case " ": {
-            if (!Et)
+            if (!yt)
               break;
-            n.preventDefault();
-            const f = ht.get(Et);
-            f && We(f);
+            r.preventDefault();
+            const u = lt.get(yt);
+            u && ce(u);
             break;
           }
           case "Escape":
-            n.preventDefault(), jt(null), dt(Ue), vt(null);
+            r.preventDefault(), xt(null), nt(he), dt(null);
             break;
         }
     },
     [
-      Oe,
-      Ut,
-      Et,
-      We,
-      R,
-      ht,
-      V,
-      jt,
-      vt,
+      Zt,
+      Lt,
+      yt,
+      ce,
+      v,
+      lt,
+      tt,
+      xt,
       dt,
-      K,
-      p
+      nt,
+      H,
+      h
     ]
-  ), Ur = J(
-    (n) => {
-      Qt(n);
-      const f = ht.get(n);
-      f && ee(f, !0);
+  ), Hr = G(
+    (r) => {
+      Rt(r);
+      const u = lt.get(r);
+      u && Nt(u, !0);
     },
-    [ee, ht, Qt]
-  ), Gr = J(() => {
-    const n = or.current;
-    if (n) {
-      const f = ht.get(n);
-      f && ee(f, !1);
+    [Nt, lt, Rt]
+  ), Ur = G(() => {
+    const r = Ge.current;
+    if (r) {
+      const u = lt.get(r);
+      u && Nt(u, !1);
     }
-    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");
+    Rt(null), xt(null);
+  }, [Nt, lt, xt, Rt]), Cr = G(
+    (r, u, y) => {
+      xt({ nodeId: r, sourceIndex: u, pathKey: y });
+      const L = lt.get(r);
+      L && Nt(L, !0, "path");
     },
-    [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));
+    [Nt, lt, xt]
+  ), Kr = G(() => {
+    xt(null);
+  }, [xt]), Vr = G(
+    (r, u) => {
+      const y = Xe.get(r);
+      y && Ue(y, u), I.hoverHighlight && (Fe(u ? r : null), u && Rt(null));
     },
-    [T.hoverHighlight, ar, Le, ir, Qt]
-  ), qr = M(
+    [I.hoverHighlight, Ue, Xe, Fe, Rt]
+  ), qr = A(
     () => ({
-      background: It.background,
-      fontFamily: It.fontFamily,
+      background: pt.background,
+      fontFamily: pt.fontFamily,
       cursor: _e ? "grabbing" : m ? "grab" : "default",
       outline: "none",
-      touchAction: m || E ? "none" : "auto",
+      touchAction: m || g ? "none" : "auto",
       overflow: "hidden",
       userSelect: "none"
     }),
-    [_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(
+    [_e, pt.background, pt.fontFamily, m, g]
+  ), Ke = A(
+    () => Dn(I.width, I.height, x),
+    [I.height, I.width, x]
+  ), Dt = _t ? lr(_t) : null, Zr = N ? /* @__PURE__ */ M.jsx(
     "g",
     {
       "aria-label": "viewport-controls",
-      transform: `translate(${ur.x}, ${ur.y})`,
+      transform: `translate(${Ke.x}, ${Ke.y})`,
       children: [
         {
           key: "zoom-in",
           label: "+",
-          width: Ht,
-          onClick: () => K((n) => ({ zoom: n.zoom + p }))
+          width: St,
+          onClick: () => H((r) => ({ zoom: r.zoom + h }))
         },
         {
           key: "zoom-out",
           label: "−",
-          width: Ht,
-          onClick: () => K((n) => ({ zoom: n.zoom - p }))
+          width: St,
+          onClick: () => H((r) => ({ zoom: r.zoom - h }))
         },
         {
           key: "fit-view",
           label: "Fit",
-          width: tr,
-          onClick: () => Ut()
+          width: ve,
+          onClick: () => Lt()
         },
         {
           key: "reset-view",
           label: "1:1",
-          width: tr,
-          onClick: () => K(xr)
+          width: ve,
+          onClick: () => H(sr)
         }
       ].reduce(
-        (n, f) => ({
-          x: n.x + f.width + zr,
-          controls: [...n.controls, { ...f, x: n.x }]
+        (r, u) => ({
+          x: r.x + u.width + Ir,
+          controls: [...r.controls, { ...u, x: r.x }]
         }),
         { x: 0, controls: [] }
-      ).controls.map((n) => /* @__PURE__ */ z.jsxs(
+      ).controls.map((r) => /* @__PURE__ */ M.jsxs(
         "g",
         {
-          transform: `translate(${n.x}, 0)`,
+          transform: `translate(${r.x}, 0)`,
           role: "button",
           tabIndex: 0,
-          onClick: (f) => {
-            f.stopPropagation(), n.onClick();
+          onClick: (u) => {
+            u.stopPropagation(), r.onClick();
           },
-          onKeyDown: (f) => {
-            (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), n.onClick());
+          onKeyDown: (u) => {
+            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), r.onClick());
           },
           children: [
-            /* @__PURE__ */ z.jsx(
+            /* @__PURE__ */ M.jsx(
               "rect",
               {
-                width: n.width,
-                height: Ht,
+                width: r.width,
+                height: St,
                 rx: 7,
                 ry: 7,
                 fill: "rgba(255,255,255,0.92)",
                 stroke: "rgba(15,23,42,0.18)"
               }
             ),
-            /* @__PURE__ */ z.jsx(
+            /* @__PURE__ */ M.jsx(
               "text",
               {
-                x: n.width / 2,
-                y: Ht / 2 + 4,
+                x: r.width / 2,
+                y: St / 2 + 4,
                 textAnchor: "middle",
-                fontSize: n.label.length > 1 ? 10 : 16,
+                fontSize: r.label.length > 1 ? 10 : 16,
                 fontWeight: 700,
                 fill: "#0f172a",
-                children: n.label
+                children: r.label
               }
             )
           ]
         },
-        n.key
+        r.key
       ))
     }
   ) : null;
-  return /* @__PURE__ */ z.jsxs(
+  return /* @__PURE__ */ M.jsxs(
     "svg",
     {
-      ref: Nt,
-      width: T.width,
-      height: T.height,
+      ref: At,
+      width: I.width,
+      height: I.height,
       role: "figure",
       "aria-label": "Graph",
       tabIndex: 0,
       style: qr,
-      onClick: (n) => {
-        n.target === n.currentTarget && (dt(Ue), jt(null), vt(null));
+      onClick: (r) => {
+        r.target === r.currentTarget && (nt(he), xt(null), dt(null));
       },
       onPointerDown: $r,
-      onPointerMove: Xr,
-      onPointerUp: cr,
-      onPointerLeave: cr,
-      onWheel: Br,
-      onKeyDown: Cr,
+      onPointerMove: Br,
+      onPointerUp: Ce,
+      onPointerLeave: Ce,
+      onWheel: Fr,
+      onKeyDown: Gr,
       children: [
-        Ct ? /* @__PURE__ */ z.jsxs("defs", { children: [
-          /* @__PURE__ */ z.jsx(
+        Kt ? /* @__PURE__ */ M.jsxs("defs", { children: [
+          /* @__PURE__ */ M.jsx(
             "marker",
             {
-              id: Pe,
+              id: Se,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Zt })
+              children: /* @__PURE__ */ M.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Le })
             }
           ),
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "marker",
             {
-              id: de,
+              id: Ae,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: T.hoverEdgeColor })
+              children: /* @__PURE__ */ M.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: I.hoverEdgeColor })
             }
           ),
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "marker",
             {
-              id: he,
+              id: Re,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: T.hoverNodeOutColor })
+              children: /* @__PURE__ */ M.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: I.hoverNodeOutColor })
             }
           ),
-          /* @__PURE__ */ z.jsx(
+          /* @__PURE__ */ M.jsx(
             "marker",
             {
-              id: Re,
+              id: Me,
               viewBox: "0 0 10 10",
               refX: "6",
               refY: "5",
               markerWidth: "6",
               markerHeight: "6",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ z.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: Dt })
+              children: /* @__PURE__ */ M.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: ke })
             }
           )
         ] }) : null,
-        /* @__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,
+        /* @__PURE__ */ M.jsx("g", { transform: `translate(${z.x}, ${z.y}) scale(${z.zoom})`, children: /* @__PURE__ */ M.jsxs("g", { ref: Pr, children: [
+          re == null ? void 0 : re(He),
+          /* @__PURE__ */ M.jsx(
+            An,
             {
-              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
+              positionedNodes: tt,
+              layout: I.layout,
+              layoutDirection: I.layoutDirection,
+              labels: I.labels,
+              autoLabels: I.autoLabels,
+              labelOffset: I.labelOffset,
+              pillBackground: I.labelPillBackground,
+              pillBorderColor: I.labelPillBorderColor,
+              pillTextColor: I.labelPillTextColor
             }
           ),
-          /* @__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,
+          /* @__PURE__ */ M.jsx("g", { "aria-label": "edges", children: Xr.map((r) => {
+            const u = I.hoverHighlight && (Be === r.id || kt && (r.source === kt || r.target === kt)) || (Mt == null ? void 0 : Mt.edges.has(r.id)), y = kt && !Be && r.type !== "undirected" && r.target === kt;
+            return /* @__PURE__ */ M.jsx(
+              s,
               {
-                edge: 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)
+                edge: r,
+                color: Le,
+                width: Ct,
+                curveEdges: I.curveEdges && I.routingStyle !== "orthogonal",
+                curveStrength: I.curveStrength,
+                markerEnd: Kt ? `url(#${Se})` : void 0,
+                isHovered: u,
+                isSelected: ze.has(r.id) || Or.has(r.id),
+                hoverColor: y ? I.hoverNodeOutColor : I.hoverEdgeColor,
+                selectionColor: ze.has(r.id) ? ke : O,
+                labelColor: I.edgeLabelColor,
+                selectionMarker: Kt ? `url(#${Me})` : void 0,
+                hoverMarker: Kt ? y ? `url(#${Re})` : `url(#${Ae})` : void 0,
+                hoverEnabled: I.hoverHighlight,
+                hitStrokeWidth: Ct + 8,
+                hoverStrokeWidth: Ct + 1.5,
+                selectedStrokeWidth: Ct + 1.5,
+                onHoverChange: (L) => Vr(r.id, L),
+                onClick: () => Wr(r)
               },
-              n.id
+              r.id
             );
           }) }),
-          /* @__PURE__ */ z.jsx("g", { "aria-label": "nodes", children: V.map((n) => /* @__PURE__ */ z.jsx(
-            Ar,
+          /* @__PURE__ */ M.jsx("g", { "aria-label": "nodes", children: tt.map((r) => /* @__PURE__ */ M.jsx(
+            xr,
             {
-              node: n,
-              Vertex: r,
-              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: 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,
+              node: r,
+              Vertex: e,
+              isSelected: Nr.has(r.id),
+              isFocused: yt === r.id,
+              isHighlighted: zr.has(r.id),
+              activePathKey: ae == null ? void 0 : ae.pathKey,
+              activePathNodeIds: Mt == null ? void 0 : Mt.nodes,
+              highlightColor: O,
+              selectionColor: it,
+              nodeBorderColor: Sr,
+              nodeBorderWidth: Ar,
+              hoverNodeBorderColor: Lr,
+              hoverNodeBothColor: kr,
+              hoverNodeInColor: I.hoverNodeInColor,
+              hoverNodeOutColor: I.hoverNodeOutColor,
+              hoverNodeHighlight: I.hoverNodeHighlight,
+              hoveredNodeStates: Yr ?? void 0,
+              onNodeMeasure: jr,
+              onNodeFocus: dt,
+              onNodeClick: ce,
+              onNodeDoubleClick: Dr,
+              onNodeMouseEnter: Hr,
+              onNodeMouseLeave: Ur,
+              onPathHover: Cr,
               onPathLeave: Kr
             },
-            n.id
+            r.id
           )) }),
-          ae == null ? void 0 : ae(sr)
+          ne == null ? void 0 : ne(He)
         ] }) }),
-        me ? /* @__PURE__ */ z.jsx(
+        Dt ? /* @__PURE__ */ M.jsx(
           "rect",
           {
-            x: me.x,
-            y: me.y,
-            width: me.width,
-            height: me.height,
+            x: Dt.x,
+            y: Dt.y,
+            width: Dt.width,
+            height: Dt.height,
             fill: "rgba(59, 130, 246, 0.12)",
             stroke: "rgba(59, 130, 246, 0.8)",
             strokeDasharray: "6 4",
             pointerEvents: "none"
           }
         ) : null,
-        Jr
+        Zr
       ]
     }
   );
-}, Nr = oe.memo(
-  oe.forwardRef(Xn)
+}, vr = Ft.memo(
+  Ft.forwardRef(Bn)
 );
-Nr.displayName = "Graph";
-const Gn = Nr;
+vr.displayName = "Graph";
+const Un = vr;
 export {
   En as EdgePath,
   Vn as EdgeType,
-  Gn as Graph,
+  Un 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
+  Zn as LayoutType,
+  Jn as NodeSide,
+  to as buildEdgePath,
+  eo as fromNxGraph,
+  pr as groupPositionedNodesByColumn,
+  ro as layoutNodes,
+  no as renderGraphToSvg,
+  oo as routeEdges
 };