@graph-render/react 1.0.1 → 1.1.0

package/dist/index.js

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