@graph-render/tournament-tree 1.0.1

package/dist/index.js

@@ -0,0 +1,2258 @@
+var Xt = Object.defineProperty;
+var Yt = (t, r, o) => r in t ? Xt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[r] = o;
+var ut = (t, r, o) => Yt(t, typeof r != "symbol" ? r + "" : r, o);
+import re, { useState as pe, useEffect as Ie, useRef as Ge, useMemo as ge, useCallback as ne } from "react";
+import { EdgeType as qt, LayoutDirection as Kt, LayoutType as Jt } from "@graph-render/types";
+import Zt, { flushSync as Qt } from "react-dom";
+import { Graph as dt, groupPositionedNodesByColumn as er } from "@graph-render/react";
+var qe = { exports: {} }, Ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ft;
+function tr() {
+  if (ft) return Ce;
+  ft = 1;
+  var t = re, r = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(f, g, I) {
+    var m, l = {}, E = null, q = null;
+    I !== void 0 && (E = "" + I), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (q = g.ref);
+    for (m in g) a.call(g, m) && !u.hasOwnProperty(m) && (l[m] = g[m]);
+    if (f && f.defaultProps) for (m in g = f.defaultProps, g) l[m] === void 0 && (l[m] = g[m]);
+    return { $$typeof: r, type: f, key: E, ref: q, props: l, _owner: c.current };
+  }
+  return Ce.Fragment = o, Ce.jsx = d, Ce.jsxs = d, Ce;
+}
+var je = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ht;
+function rr() {
+  return ht || (ht = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = re, r = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), f = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), W = Symbol.iterator, K = "@@iterator";
+    function J(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var i = W && e[W] || e[K];
+      return typeof i == "function" ? i : null;
+    }
+    var N = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(e) {
+      {
+        for (var i = arguments.length, s = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
+          s[p - 1] = arguments[p];
+        M("error", e, s);
+      }
+    }
+    function M(e, i, s) {
+      {
+        var p = N.ReactDebugCurrentFrame, T = p.getStackAddendum();
+        T !== "" && (i += "%s", s = s.concat([T]));
+        var w = s.map(function(v) {
+          return String(v);
+        });
+        w.unshift("Warning: " + i), Function.prototype.apply.call(console[e], console, w);
+      }
+    }
+    var _ = !1, A = !1, H = !1, Y = !1, Z = !1, V;
+    V = Symbol.for("react.module.reference");
+    function L(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || Z || e === c || e === I || e === m || Y || e === q || _ || A || H || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === l || e.$$typeof === d || e.$$typeof === f || e.$$typeof === g || // 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.
+      e.$$typeof === V || e.getModuleId !== void 0));
+    }
+    function U(e, i, s) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var T = i.displayName || i.name || "";
+      return T !== "" ? s + "(" + T + ")" : s;
+    }
+    function te(e) {
+      return e.displayName || "Context";
+    }
+    function C(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case a:
+          return "Fragment";
+        case o:
+          return "Portal";
+        case u:
+          return "Profiler";
+        case c:
+          return "StrictMode";
+        case I:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case f:
+            var i = e;
+            return te(i) + ".Consumer";
+          case d:
+            var s = e;
+            return te(s._context) + ".Provider";
+          case g:
+            return U(e, e.render, "ForwardRef");
+          case l:
+            var p = e.displayName || null;
+            return p !== null ? p : C(e.type) || "Memo";
+          case E: {
+            var T = e, w = T._payload, v = T._init;
+            try {
+              return C(v(w));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var y = Object.assign, k = 0, D, F, ie, z, ce, ue, se;
+    function de() {
+    }
+    de.__reactDisabledLog = !0;
+    function ae() {
+      {
+        if (k === 0) {
+          D = console.log, F = console.info, ie = console.warn, z = console.error, ce = console.group, ue = console.groupCollapsed, se = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: de,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        k++;
+      }
+    }
+    function h() {
+      {
+        if (k--, k === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: y({}, e, {
+              value: D
+            }),
+            info: y({}, e, {
+              value: F
+            }),
+            warn: y({}, e, {
+              value: ie
+            }),
+            error: y({}, e, {
+              value: z
+            }),
+            group: y({}, e, {
+              value: ce
+            }),
+            groupCollapsed: y({}, e, {
+              value: ue
+            }),
+            groupEnd: y({}, e, {
+              value: se
+            })
+          });
+        }
+        k < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var b = N.ReactCurrentDispatcher, R;
+    function O(e, i, s) {
+      {
+        if (R === void 0)
+          try {
+            throw Error();
+          } catch (T) {
+            var p = T.stack.trim().match(/\n( *(at )?)/);
+            R = p && p[1] || "";
+          }
+        return `
+` + R + e;
+      }
+    }
+    var P = !1, j;
+    {
+      var Ae = typeof WeakMap == "function" ? WeakMap : Map;
+      j = new Ae();
+    }
+    function me(e, i) {
+      if (!e || P)
+        return "";
+      {
+        var s = j.get(e);
+        if (s !== void 0)
+          return s;
+      }
+      var p;
+      P = !0;
+      var T = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var w;
+      w = b.current, b.current = null, ae();
+      try {
+        if (i) {
+          var v = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(v.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(v, []);
+            } catch (X) {
+              p = X;
+            }
+            Reflect.construct(e, [], v);
+          } else {
+            try {
+              v.call();
+            } catch (X) {
+              p = X;
+            }
+            e.call(v.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (X) {
+            p = X;
+          }
+          e();
+        }
+      } catch (X) {
+        if (X && p && typeof X.stack == "string") {
+          for (var x = X.stack.split(`
+`), $ = p.stack.split(`
+`), B = x.length - 1, G = $.length - 1; B >= 1 && G >= 0 && x[B] !== $[G]; )
+            G--;
+          for (; B >= 1 && G >= 0; B--, G--)
+            if (x[B] !== $[G]) {
+              if (B !== 1 || G !== 1)
+                do
+                  if (B--, G--, G < 0 || x[B] !== $[G]) {
+                    var ee = `
+` + x[B].replace(" at new ", " at ");
+                    return e.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", e.displayName)), typeof e == "function" && j.set(e, ee), ee;
+                  }
+                while (B >= 1 && G >= 0);
+              break;
+            }
+        }
+      } finally {
+        P = !1, b.current = w, h(), Error.prepareStackTrace = T;
+      }
+      var ve = e ? e.displayName || e.name : "", he = ve ? O(ve) : "";
+      return typeof e == "function" && j.set(e, he), he;
+    }
+    function fe(e, i, s) {
+      return me(e, !1);
+    }
+    function ye(e) {
+      var i = e.prototype;
+      return !!(i && i.isReactComponent);
+    }
+    function Q(e, i, s) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return me(e, ye(e));
+      if (typeof e == "string")
+        return O(e);
+      switch (e) {
+        case I:
+          return O("Suspense");
+        case m:
+          return O("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case g:
+            return fe(e.render);
+          case l:
+            return Q(e.type, i, s);
+          case E: {
+            var p = e, T = p._payload, w = p._init;
+            try {
+              return Q(w(T), i, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var be = Object.prototype.hasOwnProperty, Be = {}, Ne = N.ReactDebugCurrentFrame;
+    function xe(e) {
+      if (e) {
+        var i = e._owner, s = Q(e.type, e._source, i ? i.type : null);
+        Ne.setExtraStackFrame(s);
+      } else
+        Ne.setExtraStackFrame(null);
+    }
+    function Te(e, i, s, p, T) {
+      {
+        var w = Function.call.bind(be);
+        for (var v in e)
+          if (w(e, v)) {
+            var x = void 0;
+            try {
+              if (typeof e[v] != "function") {
+                var $ = Error((p || "React class") + ": " + s + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw $.name = "Invariant Violation", $;
+              }
+              x = e[v](i, v, p, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (B) {
+              x = B;
+            }
+            x && !(x instanceof Error) && (xe(T), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", s, v, typeof x), xe(null)), x instanceof Error && !(x.message in Be) && (Be[x.message] = !0, xe(T), S("Failed %s type: %s", s, x.message), xe(null));
+          }
+      }
+    }
+    var Le = Array.isArray;
+    function Se(e) {
+      return Le(e);
+    }
+    function Oe(e) {
+      {
+        var i = typeof Symbol == "function" && Symbol.toStringTag, s = i && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
+      }
+    }
+    function De(e) {
+      try {
+        return we(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function we(e) {
+      return "" + e;
+    }
+    function Qe(e) {
+      if (De(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Oe(e)), we(e);
+    }
+    var et = N.ReactCurrentOwner, jt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, tt, rt;
+    function It(e) {
+      if (be.call(e, "ref")) {
+        var i = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (i && i.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function kt(e) {
+      if (be.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function At(e, i) {
+      typeof e.ref == "string" && et.current;
+    }
+    function Bt(e, i) {
+      {
+        var s = function() {
+          tt || (tt = !0, S("%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)", i));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function Nt(e, i) {
+      {
+        var s = function() {
+          rt || (rt = !0, S("%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)", i));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var Dt = function(e, i, s, p, T, w, v) {
+      var x = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: r,
+        // Built-in properties that belong on the element
+        type: e,
+        key: i,
+        ref: s,
+        props: v,
+        // Record the component responsible for creating this element.
+        _owner: w
+      };
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(x, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(x, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: T
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+    };
+    function Gt(e, i, s, p, T) {
+      {
+        var w, v = {}, x = null, $ = null;
+        s !== void 0 && (Qe(s), x = "" + s), kt(i) && (Qe(i.key), x = "" + i.key), It(i) && ($ = i.ref, At(i, T));
+        for (w in i)
+          be.call(i, w) && !jt.hasOwnProperty(w) && (v[w] = i[w]);
+        if (e && e.defaultProps) {
+          var B = e.defaultProps;
+          for (w in B)
+            v[w] === void 0 && (v[w] = B[w]);
+        }
+        if (x || $) {
+          var G = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && Bt(v, G), $ && Nt(v, G);
+        }
+        return Dt(e, x, $, T, p, et.current, v);
+      }
+    }
+    var $e = N.ReactCurrentOwner, nt = N.ReactDebugCurrentFrame;
+    function Ee(e) {
+      if (e) {
+        var i = e._owner, s = Q(e.type, e._source, i ? i.type : null);
+        nt.setExtraStackFrame(s);
+      } else
+        nt.setExtraStackFrame(null);
+    }
+    var Me;
+    Me = !1;
+    function He(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
+    }
+    function ot() {
+      {
+        if ($e.current) {
+          var e = C($e.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function Wt(e) {
+      return "";
+    }
+    var it = {};
+    function Ft(e) {
+      {
+        var i = ot();
+        if (!i) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (i = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return i;
+      }
+    }
+    function st(e, i) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var s = Ft(i);
+        if (it[s])
+          return;
+        it[s] = !0;
+        var p = "";
+        e && e._owner && e._owner !== $e.current && (p = " It was passed a child from " + C(e._owner.type) + "."), Ee(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, p), Ee(null);
+      }
+    }
+    function at(e, i) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Se(e))
+          for (var s = 0; s < e.length; s++) {
+            var p = e[s];
+            He(p) && st(p, i);
+          }
+        else if (He(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var T = J(e);
+          if (typeof T == "function" && T !== e.entries)
+            for (var w = T.call(e), v; !(v = w.next()).done; )
+              He(v.value) && st(v.value, i);
+        }
+      }
+    }
+    function Pt(e) {
+      {
+        var i = e.type;
+        if (i == null || typeof i == "string")
+          return;
+        var s;
+        if (typeof i == "function")
+          s = i.propTypes;
+        else if (typeof i == "object" && (i.$$typeof === g || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        i.$$typeof === l))
+          s = i.propTypes;
+        else
+          return;
+        if (s) {
+          var p = C(i);
+          Te(s, e.props, "prop", p, e);
+        } else if (i.PropTypes !== void 0 && !Me) {
+          Me = !0;
+          var T = C(i);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        }
+        typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Lt(e) {
+      {
+        for (var i = Object.keys(e.props), s = 0; s < i.length; s++) {
+          var p = i[s];
+          if (p !== "children" && p !== "key") {
+            Ee(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Ee(null);
+            break;
+          }
+        }
+        e.ref !== null && (Ee(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
+      }
+    }
+    var lt = {};
+    function ct(e, i, s, p, T, w) {
+      {
+        var v = L(e);
+        if (!v) {
+          var x = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " 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 $ = Wt();
+          $ ? x += $ : x += ot();
+          var B;
+          e === null ? B = "null" : Se(e) ? B = "array" : e !== void 0 && e.$$typeof === r ? (B = "<" + (C(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : B = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", B, x);
+        }
+        var G = Gt(e, i, s, T, w);
+        if (G == null)
+          return G;
+        if (v) {
+          var ee = i.children;
+          if (ee !== void 0)
+            if (p)
+              if (Se(ee)) {
+                for (var ve = 0; ve < ee.length; ve++)
+                  at(ee[ve], e);
+                Object.freeze && Object.freeze(ee);
+              } else
+                S("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
+              at(ee, e);
+        }
+        if (be.call(i, "key")) {
+          var he = C(e), X = Object.keys(i).filter(function(zt) {
+            return zt !== "key";
+          }), Ve = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!lt[he + Ve]) {
+            var Ut = X.length > 0 ? "{" + X.join(": ..., ") + ": ...}" : "{}";
+            S(`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} />`, Ve, he, Ut, he), lt[he + Ve] = !0;
+          }
+        }
+        return e === a ? Lt(G) : Pt(G), G;
+      }
+    }
+    function $t(e, i, s) {
+      return ct(e, i, s, !0);
+    }
+    function Mt(e, i, s) {
+      return ct(e, i, s, !1);
+    }
+    var Ht = Mt, Vt = $t;
+    je.Fragment = a, je.jsx = Ht, je.jsxs = Vt;
+  }()), je;
+}
+process.env.NODE_ENV === "production" ? qe.exports = tr() : qe.exports = rr();
+var n = qe.exports;
+const oe = {
+  WIDTH: 280,
+  HEIGHT: 112
+}, Rt = {
+  BASE_BG: "#ffffff",
+  SURFACE_BG: "#f7f6f3",
+  HEADER_BG: "#ffffff",
+  HEADER_TITLE: "#2d2d2d",
+  HEADER_MUTED: "#6b6b6b",
+  HEADER_BORDER: "#ece9e2",
+  ICON_BG: "#7c9070",
+  ICON_FG: "#ffffff",
+  BADGE_BG: "#f1eee8",
+  BADGE_DOT: "#7c9070",
+  BADGE_TEXT: "#6b6b6b",
+  HOVER_BG: "#faf8f2",
+  CREST_BG: "#c9b8a8",
+  CREST_TEXT: "#5d4d3f",
+  WINNER_CREST_BG: "#7c9070",
+  WINNER_CREST_TEXT: "#ffffff",
+  ROW_BG: "#ffffff",
+  ROW_BG_WINNER: "#ffffff",
+  ROW_HOVER_BG: "#f7f3ec",
+  FOREGROUND: "#2d2d2d",
+  MUTED_TEXT: "#8e8e93",
+  DARK_TEXT: "#2d2d2d",
+  BORDER: "#f0efec",
+  DARK_BORDER: "#e5e4e1",
+  CARD_BORDER: "#d9d6cf",
+  WINNER_ACCENT: "#2d2d2d",
+  WINNING_SCORE: "#2d2d2d",
+  LIVE_WINNING_SCORE: "#2d2d2d",
+  LIVE_INDICATOR: "#d97706",
+  UPCOMING_TEXT: "#b0aba3",
+  EDGE_COLOR: "#d9d6cf",
+  LABEL_TEXT: "#8e8e93",
+  TOOLBAR_BG: "#f7f3ec",
+  TOOLBAR_BORDER: "#e4ded2",
+  TOOLBAR_ICON: "#4b5563",
+  TOOLBAR_ICON_ACTIVE: "#2d2d2d",
+  SHADOW: "0 20px 48px rgba(45, 45, 45, 0.08)",
+  CARD_SHADOW: "0 10px 24px rgba(45, 45, 45, 0.06)"
+}, nr = {
+  BASE_BG: "#1f242b",
+  SURFACE_BG: "#191e24",
+  HEADER_BG: "#232931",
+  HEADER_TITLE: "#f7f5ef",
+  HEADER_MUTED: "#c4beb1",
+  HEADER_BORDER: "#313844",
+  ICON_BG: "#7c9070",
+  ICON_FG: "#ffffff",
+  BADGE_BG: "#232b33",
+  BADGE_DOT: "#9ab08d",
+  BADGE_TEXT: "#d8d2c7",
+  HOVER_BG: "#242b33",
+  CREST_BG: "#53473e",
+  CREST_TEXT: "#efe7db",
+  WINNER_CREST_BG: "#8da180",
+  WINNER_CREST_TEXT: "#09120a",
+  ROW_BG: "#232931",
+  ROW_BG_WINNER: "#232931",
+  ROW_HOVER_BG: "#2a313a",
+  FOREGROUND: "#f7f5ef",
+  MUTED_TEXT: "#a7aaaf",
+  DARK_TEXT: "#f7f5ef",
+  BORDER: "#313844",
+  DARK_BORDER: "#47515f",
+  CARD_BORDER: "#5d6470",
+  WINNER_ACCENT: "#f7f5ef",
+  WINNING_SCORE: "#f7f5ef",
+  LIVE_WINNING_SCORE: "#f7f5ef",
+  LIVE_INDICATOR: "#f59e0b",
+  UPCOMING_TEXT: "#70757d",
+  EDGE_COLOR: "#5d6470",
+  LABEL_TEXT: "#a7aaaf",
+  TOOLBAR_BG: "#232b33",
+  TOOLBAR_BORDER: "#38424d",
+  TOOLBAR_ICON: "#d7d1c6",
+  TOOLBAR_ICON_ACTIVE: "#ffffff",
+  SHADOW: "0 22px 54px rgba(0, 0, 0, 0.28)",
+  CARD_SHADOW: "0 12px 32px rgba(0, 0, 0, 0.24)"
+}, Ke = [
+  { name: "TBD", seed: 0 },
+  { name: "TBD", seed: 0 }
+], _t = {
+  layout: Jt.Tree,
+  layoutDirection: Kt.LTR,
+  width: 1600,
+  height: 1200,
+  padding: 40,
+  defaultEdgeType: qt.Undirected,
+  routingStyle: "orthogonal",
+  curveEdges: !1,
+  curveStrength: 0,
+  forceRightToLeft: !0,
+  hoverHighlight: !1,
+  hoverEdgeColor: "#7c9070",
+  hoverNodeInColor: "#7c9070",
+  hoverNodeOutColor: "#7c9070",
+  hoverNodeBothColor: "#7c9070",
+  theme: {
+    background: "#f7f6f3",
+    edgeColor: "#d9d6cf",
+    edgeWidth: 2,
+    nodeGap: 72,
+    fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif'
+  },
+  fixedNodeSize: {
+    width: oe.WIDTH,
+    height: oe.HEIGHT
+  },
+  labelOffset: 46,
+  labelPillBackground: "transparent",
+  labelPillBorderColor: "transparent",
+  labelPillTextColor: "#444b55"
+}, or = {
+  ..._t,
+  hoverEdgeColor: "#9ab08d",
+  hoverNodeInColor: "#9ab08d",
+  hoverNodeOutColor: "#9ab08d",
+  hoverNodeBothColor: "#9ab08d",
+  labelPillBackground: "transparent",
+  labelPillBorderColor: "transparent",
+  labelPillTextColor: "#d8d2c7",
+  theme: {
+    background: "#191e24",
+    edgeColor: "#5d6470",
+    edgeWidth: 2,
+    nodeGap: 72,
+    fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif'
+  }
+}, Tt = re.createContext({
+  mode: "light",
+  colors: Rt
+}), St = () => re.useContext(Tt), pt = ({ mode: t, children: r }) => {
+  const o = re.useMemo(
+    () => ({
+      mode: t,
+      colors: t === "dark" ? nr : Rt
+    }),
+    [t]
+  );
+  return /* @__PURE__ */ n.jsx(Tt.Provider, { value: o, children: r });
+}, Ot = (t) => t === "svg" || t === "export" || t === "server", gt = '"Space Mono", "SFMono-Regular", ui-monospace, monospace', le = '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif', Re = 16, Fe = 5, Ue = 10, mt = 2, ke = (t, r) => t.length <= r ? t : `${t.slice(0, Math.max(0, r - 1))}…`, ir = (t) => t === "completed" || t === "live" || t === "upcoming", ze = (t) => t.trim().toLowerCase(), yt = (t, r) => {
+  var a;
+  if (!t || typeof t != "object")
+    throw new TypeError(`Invalid squash match payload: ${r} must be an object.`);
+  const o = t;
+  if (typeof o.name != "string" || !o.name.trim())
+    throw new TypeError(`Invalid squash match payload: ${r}.name must be a non-empty string.`);
+  if (o.seed != null && (typeof o.seed != "number" || !Number.isFinite(o.seed)))
+    throw new TypeError(`Invalid squash match payload: ${r}.seed must be a finite number.`);
+  if (o.country != null && (typeof o.country != "string" || !o.country.trim()))
+    throw new TypeError(
+      `Invalid squash match payload: ${r}.country must be a non-empty string when provided.`
+    );
+  return {
+    name: o.name.trim(),
+    seed: o.seed,
+    country: (a = o.country) == null ? void 0 : a.trim()
+  };
+}, sr = (t) => {
+  if (t == null)
+    return [Ke[0], Ke[1]];
+  if (!Array.isArray(t) || t.length !== 2)
+    throw new TypeError("Invalid squash match payload: players must contain exactly two entries.");
+  return [yt(t[0], "players[0]"), yt(t[1], "players[1]")];
+}, Pe = (t, r) => {
+  if (typeof t != "number" || !Number.isFinite(t) || t < 0)
+    throw new TypeError(`Invalid squash match payload: ${r} must be a non-negative number.`);
+  return t;
+}, ar = (t) => {
+  if (t == null)
+    return [];
+  if (!Array.isArray(t))
+    throw new TypeError("Invalid squash match payload: sets must be an array of score pairs.");
+  return t.map((r, o) => {
+    if (!Array.isArray(r) || r.length !== 2)
+      throw new TypeError(
+        `Invalid squash match payload: sets[${o}] must contain exactly two scores.`
+      );
+    return [
+      Pe(r[0], `sets[${o}][0]`),
+      Pe(r[1], `sets[${o}][1]`)
+    ];
+  });
+}, lr = (t) => {
+  if (t == null)
+    return [];
+  if (!Array.isArray(t))
+    throw new TypeError(
+      "Invalid squash match payload: tiebreaks must be an array of score pairs or null entries."
+    );
+  return t.map((r, o) => {
+    if (r == null)
+      return null;
+    if (!Array.isArray(r) || r.length !== 2)
+      throw new TypeError(
+        `Invalid squash match payload: tiebreaks[${o}] must contain exactly two scores or be null.`
+      );
+    return [
+      Pe(r[0], `tiebreaks[${o}][0]`),
+      Pe(r[1], `tiebreaks[${o}][1]`)
+    ];
+  });
+}, cr = (t) => {
+  if (t != null && typeof t != "object")
+    throw new TypeError("Invalid squash match payload: node meta must be an object when provided.");
+  const r = t;
+  if ((r == null ? void 0 : r.status) != null && !ir(r.status))
+    throw new TypeError(
+      "Invalid squash match payload: status must be one of completed, live, or upcoming."
+    );
+  const o = ar(r == null ? void 0 : r.sets);
+  return {
+    stage: typeof (r == null ? void 0 : r.stage) == "string" && r.stage.trim() ? r.stage.trim() : "Stage",
+    players: sr(r == null ? void 0 : r.players),
+    sets: o,
+    tiebreaks: lr(r == null ? void 0 : r.tiebreaks),
+    status: (r == null ? void 0 : r.status) ?? "completed",
+    currentSet: (r == null ? void 0 : r.currentSet) == null ? 0 : typeof r.currentSet == "number" && Number.isFinite(r.currentSet) ? Math.max(0, Math.min(Math.floor(r.currentSet), Math.max(o.length - 1, 0))) : (() => {
+      throw new TypeError(
+        "Invalid squash match payload: currentSet must be a finite number when provided."
+      );
+    })()
+  };
+};
+function ur() {
+  if (typeof document > "u" || document.querySelector("style[data-squash-node-animations]"))
+    return;
+  const t = document.createElement("style");
+  t.setAttribute("data-squash-node-animations", "true"), t.textContent = `
+    @keyframes pulse {
+      0%, 100% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0.5;
+      }
+    }
+  `, document.head.appendChild(t);
+}
+const bt = (t) => t.name.split(/\s+/).filter(Boolean).slice(0, 2).map((o) => {
+  var a;
+  return ((a = o[0]) == null ? void 0 : a.toUpperCase()) ?? "";
+}).join("") || "–", dr = (t, r, o) => t.map((a, c) => {
+  const u = a[o];
+  if (!Number.isFinite(u))
+    return "—";
+  const d = r[c], f = d == null ? void 0 : d[o];
+  return typeof f == "number" && Number.isFinite(f) && f > 0 ? `${u}(${f})` : String(u);
+}), xt = (t, r, o) => {
+  const a = dr(t, r, o);
+  return a.length ? a : ["—"];
+}, Xe = (t) => t <= 0 ? Re : t * Re + Math.max(0, t - 1) * Fe, fr = (t, r) => r !== "completed" || t.p1 === t.p2 ? null : t.p1 > t.p2 ? 0 : 1;
+class hr extends re.Component {
+  constructor() {
+    super(...arguments);
+    ut(this, "state", { error: null });
+  }
+  static getDerivedStateFromError(o) {
+    return { error: o };
+  }
+  componentDidCatch(o) {
+    var a, c;
+    (c = (a = this.props).onRenderError) == null || c.call(a, this.props.nodeId, o);
+  }
+  componentDidUpdate(o) {
+    this.state.error && (o.nodeId !== this.props.nodeId || o.children !== this.props.children) && this.setState({ error: null });
+  }
+  render() {
+    return this.state.error ? pr(
+      this.props.width,
+      this.props.height,
+      this.props.renderMode,
+      this.props.nodeId
+    ) : this.props.children;
+  }
+}
+const pr = (t, r, o, a) => Ot(o) ? /* @__PURE__ */ n.jsxs("g", { children: [
+  /* @__PURE__ */ n.jsx("rect", { width: t, height: r, rx: 16, ry: 16, fill: "#fff7ed", stroke: "#f97316", strokeWidth: 2 }),
+  /* @__PURE__ */ n.jsx("text", { x: 16, y: 34, fontSize: 13, fontWeight: 700, fill: "#9a3412", fontFamily: le, children: "Invalid match data" }),
+  /* @__PURE__ */ n.jsx("text", { x: 16, y: 56, fontSize: 11, fill: "#c2410c", fontFamily: le, children: ke(a, 28) })
+] }) : /* @__PURE__ */ n.jsx("foreignObject", { width: t, height: r, requiredExtensions: "http://www.w3.org/1999/xhtml", children: /* @__PURE__ */ n.jsxs(
+  "div",
+  {
+    style: {
+      boxSizing: "border-box",
+      width: "100%",
+      height: "100%",
+      borderRadius: 16,
+      border: "2px solid #f97316",
+      background: "#fff7ed",
+      color: "#9a3412",
+      padding: "16px 14px",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      fontFamily: le
+    },
+    children: [
+      /* @__PURE__ */ n.jsx("div", { style: { fontSize: 13, fontWeight: 700 }, children: "Invalid match data" }),
+      /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6, fontSize: 11, color: "#c2410c" }, children: ke(a, 28) })
+    ]
+  }
+) }), gr = re.memo(function({
+  node: r,
+  isHovered: o,
+  activePathKey: a,
+  activePathNodeIds: c,
+  onPathHover: u,
+  onPathLeave: d,
+  renderMode: f = "export",
+  onRenderError: g
+}) {
+  var U, te;
+  const [I, m] = pe(null);
+  Ie(() => {
+    f === "html" && ur();
+  }, [f]);
+  const { colors: l } = St(), E = cr(r.meta), [q, W] = E.players ?? Ke, K = E.sets ?? [], J = E.tiebreaks ?? [], N = E.status ?? "completed", S = E.currentSet ?? 0, M = ((U = r.size) == null ? void 0 : U.width) ?? oe.WIDTH, _ = ((te = r.size) == null ? void 0 : te.height) ?? oe.HEIGHT, A = q.name === "TBD" || W.name === "TBD", H = a ? ze(a) : null, Y = (c == null ? void 0 : c.has(r.id)) ?? !1, Z = K.reduce(
+    (C, [y, k], D) => (N === "live" && D === S || (y > k ? C.p1 += 1 : k > y && (C.p2 += 1)), C),
+    { p1: 0, p2: 0 }
+  ), V = fr(Z, N), L = `${mt}px solid ${l.CARD_BORDER}`;
+  if (Ot(f)) {
+    const y = _ / 2, k = y, D = 28, F = Xe(Math.max(K.length, 1)), ie = 22, z = M - 14 - ie - 10, ce = z - 6, ue = M - 14 - ie / 2, se = 14 + D + 10, de = Math.max(56, z - se - F - 10), ae = Math.max(10, Math.floor(de / 7)), h = `ds-${r.id.replace(/[^a-z0-9]/gi, "")}`;
+    return /* @__PURE__ */ n.jsxs("g", { children: [
+      /* @__PURE__ */ n.jsx("defs", { children: /* @__PURE__ */ n.jsx("clipPath", { id: h, children: /* @__PURE__ */ n.jsx("rect", { width: M, height: _, rx: 16, ry: 16 }) }) }),
+      /* @__PURE__ */ n.jsx(
+        "rect",
+        {
+          width: M,
+          height: _,
+          rx: 16,
+          ry: 16,
+          fill: o ? l.HOVER_BG : l.BASE_BG,
+          stroke: l.CARD_BORDER,
+          strokeWidth: mt
+        }
+      ),
+      N === "live" && /* @__PURE__ */ n.jsx("g", { transform: `translate(${M - 18}, 14)`, children: /* @__PURE__ */ n.jsx("circle", { r: 4, fill: l.LIVE_INDICATOR }) }),
+      /* @__PURE__ */ n.jsxs("g", { clipPath: `url(#${h})`, children: [
+        [q, W].map((b, R) => {
+          const O = R * y, P = xt(K, J, R), j = Xe(P.length), Ae = ce - j, me = R === 0 ? Z.p1 : Z.p2, fe = V === R, ye = N === "upcoming" ? 0.6 : 1, Q = Y && H !== null && ze(b.name) === H, Be = I === R || Q ? l.ROW_HOVER_BG : l.ROW_BG, Ne = fe ? l.WINNER_CREST_BG : l.CREST_BG, xe = fe ? l.WINNER_CREST_TEXT : l.CREST_TEXT, Te = fe ? l.FOREGROUND : l.MUTED_TEXT, Le = bt(b);
+          return /* @__PURE__ */ n.jsxs(
+            "g",
+            {
+              transform: `translate(0, ${O})`,
+              opacity: ye,
+              onMouseEnter: () => {
+                m(R), A || u == null || u(R, { pathKey: b.name });
+              },
+              onMouseLeave: () => {
+                m(null), A || d == null || d();
+              },
+              children: [
+                /* @__PURE__ */ n.jsx("rect", { x: 0, width: M, height: y, fill: Be }),
+                /* @__PURE__ */ n.jsx(
+                  "rect",
+                  {
+                    x: 14,
+                    y: (y - D) / 2,
+                    width: D,
+                    height: D,
+                    rx: 7,
+                    ry: 7,
+                    fill: Ne
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "text",
+                  {
+                    x: 14 + D / 2,
+                    y: y / 2 + 4,
+                    textAnchor: "middle",
+                    fontSize: 12,
+                    fontWeight: 700,
+                    fill: xe,
+                    fontFamily: le,
+                    children: Le
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "text",
+                  {
+                    x: se,
+                    y: y / 2 + 4,
+                    fontSize: 13,
+                    fontWeight: fe ? 600 : 500,
+                    fill: Te,
+                    fontFamily: le,
+                    children: ke(b.name, ae)
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "line",
+                  {
+                    x1: z,
+                    y1: y / 2 - 9,
+                    x2: z,
+                    y2: y / 2 + 9,
+                    stroke: l.DARK_BORDER,
+                    strokeWidth: 1
+                  }
+                ),
+                P.map((Se, Oe) => {
+                  const De = Ae + Re / 2 + Oe * (Re + Fe), we = De + Re / 2 + Fe / 2;
+                  return /* @__PURE__ */ n.jsxs("g", { children: [
+                    /* @__PURE__ */ n.jsx(
+                      "text",
+                      {
+                        x: De,
+                        y: y / 2 + 1,
+                        textAnchor: "middle",
+                        dominantBaseline: "middle",
+                        fontSize: 10.5,
+                        fontWeight: 400,
+                        fill: Te,
+                        fontFamily: gt,
+                        children: ke(Se, 4)
+                      }
+                    ),
+                    Oe < P.length - 1 ? /* @__PURE__ */ n.jsx(
+                      "line",
+                      {
+                        x1: we,
+                        y1: y / 2 - Ue / 2,
+                        x2: we,
+                        y2: y / 2 + Ue / 2,
+                        stroke: l.BORDER,
+                        strokeWidth: 1
+                      }
+                    ) : null
+                  ] }, `${r.id}-svg-score-${R}-${Oe}`);
+                }),
+                /* @__PURE__ */ n.jsx(
+                  "text",
+                  {
+                    x: ue,
+                    y: y / 2 + 1,
+                    textAnchor: "middle",
+                    dominantBaseline: "middle",
+                    fontSize: 18,
+                    fontWeight: 700,
+                    fill: Te,
+                    fontFamily: le,
+                    children: me
+                  }
+                )
+              ]
+            },
+            `${r.id}-svg-p-${R}`
+          );
+        }),
+        /* @__PURE__ */ n.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: k,
+            x2: M,
+            y2: k,
+            stroke: l.BORDER,
+            strokeWidth: 1
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ n.jsx(
+    "foreignObject",
+    {
+      width: M,
+      height: _,
+      requiredExtensions: "http://www.w3.org/1999/xhtml",
+      children: /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          style: {
+            boxSizing: "border-box",
+            width: "100%",
+            height: "100%",
+            borderRadius: 16,
+            background: o ? l.HOVER_BG : l.BASE_BG,
+            border: L,
+            color: l.FOREGROUND,
+            display: "flex",
+            flexDirection: "column",
+            transition: "background-color 120ms ease, box-shadow 120ms ease",
+            transform: "none",
+            overflow: "hidden",
+            position: "relative"
+          },
+          children: [
+            N === "live" && /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: 10,
+                  right: 12,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 4,
+                  fontSize: 10,
+                  fontWeight: 700,
+                  color: l.LIVE_INDICATOR,
+                  textTransform: "uppercase"
+                },
+                children: /* @__PURE__ */ n.jsx(
+                  "span",
+                  {
+                    style: {
+                      width: 10,
+                      height: 10,
+                      borderRadius: "50%",
+                      background: l.LIVE_INDICATOR,
+                      animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+                    }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                style: {
+                  display: "grid",
+                  gridTemplateRows: "repeat(2, 1fr)"
+                },
+                children: [q, W].map((C, y) => {
+                  const k = bt(C), D = xt(K, J, y), F = Xe(Math.max(K.length, 1)), ie = y === 0 ? Z.p1 : Z.p2, z = V === y, ce = N === "upcoming" ? 0.6 : 1, ue = Y && H !== null && ze(C.name) === H, de = I === y || ue ? l.ROW_HOVER_BG : l.ROW_BG, ae = z ? l.FOREGROUND : l.MUTED_TEXT, h = z ? l.WINNER_CREST_BG : l.CREST_BG, b = z ? l.WINNER_CREST_TEXT : l.CREST_TEXT;
+                  return /* @__PURE__ */ n.jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "grid",
+                        gridTemplateColumns: `28px minmax(0, 1fr) ${F}px 24px`,
+                        alignItems: "center",
+                        gap: 8,
+                        padding: "14px 12px",
+                        minHeight: _ / 2,
+                        background: de,
+                        opacity: ce,
+                        transition: "background-color 140ms ease",
+                        borderTop: y === 1 ? `1px solid ${l.BORDER}` : "none",
+                        boxSizing: "border-box"
+                      },
+                      onMouseEnter: () => {
+                        m(y), A || u == null || u(y, { pathKey: C.name });
+                      },
+                      onMouseLeave: () => {
+                        m(null), A || d == null || d();
+                      },
+                      children: [
+                        /* @__PURE__ */ n.jsx(
+                          "div",
+                          {
+                            style: {
+                              width: 28,
+                              height: 28,
+                              borderRadius: 7,
+                              background: h,
+                              display: "grid",
+                              placeItems: "center",
+                              fontWeight: 700,
+                              color: b,
+                              fontSize: 12,
+                              flexShrink: 0,
+                              fontFamily: le
+                            },
+                            "aria-label": `crest-${C.name}`,
+                            children: k
+                          }
+                        ),
+                        /* @__PURE__ */ n.jsx(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              flexDirection: "column",
+                              minWidth: 0
+                            },
+                            children: /* @__PURE__ */ n.jsx(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: 13,
+                                  fontWeight: z ? 600 : 500,
+                                  color: ae,
+                                  overflow: "hidden",
+                                  textOverflow: "ellipsis",
+                                  whiteSpace: "nowrap",
+                                  fontFamily: le
+                                },
+                                children: C.name
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ n.jsx(
+                          "span",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "flex-end",
+                              minWidth: 0,
+                              width: "100%",
+                              gap: Fe
+                            },
+                            children: D.map((R, O) => /* @__PURE__ */ n.jsxs(re.Fragment, { children: [
+                              /* @__PURE__ */ n.jsx(
+                                "span",
+                                {
+                                  style: {
+                                    width: Re,
+                                    fontSize: 10.5,
+                                    color: ae,
+                                    fontFamily: gt,
+                                    textAlign: "center",
+                                    whiteSpace: "nowrap",
+                                    flexShrink: 0
+                                  },
+                                  children: ke(R, 4)
+                                }
+                              ),
+                              O < D.length - 1 ? /* @__PURE__ */ n.jsx(
+                                "span",
+                                {
+                                  style: {
+                                    width: 1,
+                                    height: Ue,
+                                    background: l.BORDER,
+                                    flexShrink: 0
+                                  }
+                                }
+                              ) : null
+                            ] }, `${r.id}-html-score-${y}-${O}`))
+                          }
+                        ),
+                        /* @__PURE__ */ n.jsx(
+                          "span",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              minHeight: 20,
+                              borderLeft: `1px solid ${l.DARK_BORDER}`,
+                              fontSize: 18,
+                              fontWeight: 700,
+                              color: ae,
+                              fontFamily: le,
+                              paddingLeft: 8
+                            },
+                            children: ie
+                          }
+                        )
+                      ]
+                    },
+                    `${r.id}-p-${y}`
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}), Je = re.memo(function({
+  node: r,
+  renderMode: o = "export",
+  onRenderError: a,
+  ...c
+}) {
+  var f, g;
+  const u = ((f = r.size) == null ? void 0 : f.width) ?? oe.WIDTH, d = ((g = r.size) == null ? void 0 : g.height) ?? oe.HEIGHT;
+  return /* @__PURE__ */ n.jsx(
+    hr,
+    {
+      nodeId: r.id,
+      renderMode: o,
+      width: u,
+      height: d,
+      onRenderError: a,
+      children: /* @__PURE__ */ n.jsx(gr, { ...c, node: r, renderMode: o })
+    }
+  );
+});
+Je.displayName = "SquashNode";
+var Ze, We = Zt;
+if (process.env.NODE_ENV === "production")
+  Ze = We.createRoot, We.hydrateRoot;
+else {
+  var Et = We.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Ze = function(t, r) {
+    Et.usingClientEntryPoint = !0;
+    try {
+      return We.createRoot(t, r);
+    } finally {
+      Et.usingClientEntryPoint = !1;
+    }
+  };
+}
+const _e = 16, mr = () => /* @__PURE__ */ n.jsxs("svg", { width: _e, height: _e, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n.jsx("path", { d: "M12 4v9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ n.jsx(
+    "path",
+    {
+      d: "m8.5 10.5 3.5 3.5 3.5-3.5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ n.jsx("path", { d: "M5 19h14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+] }), yr = ({ isDarkMode: t }) => /* @__PURE__ */ n.jsx("svg", { width: _e, height: _e, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "4.5", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ n.jsx(
+    "path",
+    {
+      d: "M12 2.5v2.25M12 19.25v2.25M4.75 12H2.5M21.5 12h-2.25M5.78 5.78 4.2 4.2M19.8 19.8l-1.58-1.58M18.22 5.78 19.8 4.2M4.2 19.8l1.58-1.58",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round"
+    }
+  )
+] }) : /* @__PURE__ */ n.jsx(
+  "path",
+  {
+    d: "M20 14.7A8.5 8.5 0 0 1 9.3 4a8.5 8.5 0 1 0 10.7 10.7Z",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round"
+  }
+) }), br = ({ isActive: t }) => /* @__PURE__ */ n.jsxs("svg", { width: _e, height: _e, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n.jsx(
+    "rect",
+    {
+      x: "3.5",
+      y: "5",
+      width: "17",
+      height: "14",
+      rx: "3",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      opacity: t ? 1 : 0.9
+    }
+  ),
+  /* @__PURE__ */ n.jsx("path", { d: "M8.5 5v14M15.5 5v14", stroke: "currentColor", strokeWidth: "1.4", opacity: 0.7 }),
+  /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "2.2", fill: "currentColor" })
+] }), wt = re.memo(function({
+  isDarkMode: r,
+  isNavigationMode: o,
+  onToggleDarkMode: a,
+  onToggleNavigationMode: c,
+  onExportSVG: u
+}) {
+  const d = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 32,
+    height: 32,
+    borderRadius: 10,
+    border: `1px solid ${r ? "#38424d" : "#e4ded2"}`,
+    background: r ? "#232b33" : "#f7f3ec",
+    color: r ? "#f7f5ef" : "#4b5563",
+    cursor: "pointer",
+    boxShadow: "none",
+    transition: "background-color 120ms ease, color 120ms ease, transform 120ms ease"
+  };
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 8,
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ n.jsx("button", { type: "button", onClick: u, style: d, title: "Export as SVG", children: /* @__PURE__ */ n.jsx(mr, {}) }),
+        /* @__PURE__ */ n.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: c,
+            style: {
+              ...d,
+              background: o ? r ? "#33403d" : "#e7ede3" : d.background,
+              borderColor: o ? r ? "#6d8470" : "#b8c7ae" : d.border,
+              color: o ? r ? "#f5f8f2" : "#516347" : d.color
+            },
+            title: o ? "Exit Navigation Mode" : "Enter Navigation Mode",
+            children: /* @__PURE__ */ n.jsx(br, { isActive: o })
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: a,
+            style: d,
+            title: r ? "Switch to Light Mode" : "Switch to Dark Mode",
+            children: /* @__PURE__ */ n.jsx(yr, { isDarkMode: r })
+          }
+        )
+      ]
+    }
+  );
+});
+wt.displayName = "BracketToolbar";
+function xr(t) {
+  var a;
+  if (!t.nodes)
+    return t;
+  let r = !1;
+  const o = {};
+  for (const [c, u] of Object.entries(t.nodes)) {
+    const d = (a = u.meta) == null ? void 0 : a.players;
+    if (!Array.isArray(d) || d.length === 0) {
+      o[c] = u;
+      continue;
+    }
+    const f = d.map((g) => g && typeof g == "object" && typeof g.name == "string" ? g.name.trim() : "").filter(Boolean);
+    if (f.length === 0) {
+      o[c] = u;
+      continue;
+    }
+    r = !0, o[c] = {
+      ...u,
+      meta: { ...u.meta, pathKeys: f }
+    };
+  }
+  return r ? { ...t, nodes: o } : t;
+}
+function Er(t) {
+  const r = /* @__PURE__ */ new Map();
+  return Object.entries(t.adj).forEach(([o, a]) => {
+    r.set(o, Object.keys(a)), Object.keys(a).forEach((c) => {
+      r.has(c) || r.set(c, []);
+    });
+  }), Object.keys(t.nodes ?? {}).forEach((o) => {
+    r.has(o) || r.set(o, []);
+  }), r;
+}
+function vr(t) {
+  const r = Er(t);
+  if (!r.size)
+    return 0;
+  const o = new Map(Array.from(r.keys(), (f) => [f, 0]));
+  r.forEach((f) => {
+    f.forEach((g) => {
+      o.set(g, (o.get(g) ?? 0) + 1);
+    });
+  });
+  const a = Array.from(o.entries()).filter(([, f]) => f === 0).map(([f]) => f);
+  if (!a.length)
+    return 0;
+  const c = [...a], u = new Map(a.map((f) => [f, 0]));
+  for (let f = 0; f < c.length; f += 1) {
+    const g = c[f], I = u.get(g) ?? 0;
+    (r.get(g) ?? []).forEach((m) => {
+      const l = I + 1, E = u.get(m);
+      (E == null || l > E) && u.set(m, l), o.set(m, (o.get(m) ?? 0) - 1), (o.get(m) ?? 0) === 0 && c.push(m);
+    });
+  }
+  const d = Math.max(...u.values());
+  return Number.isFinite(d) ? d + 1 : 0;
+}
+function Ct(t) {
+  return !Number.isFinite(t) || t <= 0 ? [] : Array.from({ length: t }, (r, o) => {
+    const a = t - o;
+    return a === 1 ? "FINAL" : a === 2 ? "SEMIFINALS" : a === 3 ? "QUARTERFINALS" : `ROUND OF ${2 ** (a - 1)}`;
+  });
+}
+function Vr(t) {
+  if (!Number.isFinite(t) || t <= 0) return [];
+  const r = Math.max(1, Math.ceil(Math.log2(t + 1)));
+  return Ct(r);
+}
+function Rr(t) {
+  return Ct(vr(t));
+}
+const vt = 20, _r = 52, Ye = 44, Tr = 420, Sr = 250, Or = 0.45, wr = 2.1, Cr = ({ color: t }) => /* @__PURE__ */ n.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+  "path",
+  {
+    d: "m14.5 5-7 7 7 7",
+    stroke: t,
+    strokeWidth: "2.1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), jr = ({ color: t }) => /* @__PURE__ */ n.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+  "path",
+  {
+    d: "m9.5 5 7 7-7 7",
+    stroke: t,
+    strokeWidth: "2.1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), Ir = ({ color: t }) => /* @__PURE__ */ n.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+  "path",
+  {
+    d: "m5 14.5 7-7 7 7",
+    stroke: t,
+    strokeWidth: "2.1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), kr = ({ color: t }) => /* @__PURE__ */ n.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+  "path",
+  {
+    d: "m5 9.5 7 7 7-7",
+    stroke: t,
+    strokeWidth: "2.1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) }), Ar = ({ color: t }) => /* @__PURE__ */ n.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n.jsx("rect", { x: "3.5", y: "5", width: "17", height: "14", rx: "3", stroke: t, strokeWidth: "1.8" }),
+  /* @__PURE__ */ n.jsx("path", { d: "M8.5 5v14M15.5 5v14", stroke: t, strokeWidth: "1.4", opacity: "0.72" }),
+  /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "2.2", fill: t })
+] });
+function Br(t, r, o) {
+  return er(t).map((a, c) => {
+    const u = a.nodes, d = Math.min(...u.map((l) => l.position.x)), f = Math.min(...u.map((l) => l.position.y)), g = Math.max(
+      ...u.map((l) => {
+        var E;
+        return l.position.x + (((E = l.size) == null ? void 0 : E.width) ?? oe.WIDTH);
+      })
+    ), I = Math.max(
+      ...u.map((l) => {
+        var E;
+        return l.position.y + (((E = l.size) == null ? void 0 : E.height) ?? oe.HEIGHT);
+      })
+    ), m = {
+      minX: d,
+      minY: f - o - vt + 6,
+      maxX: g,
+      maxY: I,
+      width: g - d,
+      height: I - (f - o - vt + 6)
+    };
+    return {
+      index: c,
+      label: r[c] ?? `STAGE ${c + 1}`,
+      bounds: m,
+      nodeIds: u.map((l) => l.id)
+    };
+  });
+}
+function Nr(t, r, o, a = "top") {
+  const c = Math.max(
+    t.width + _r * 2,
+    Tr
+  ), u = Math.max(
+    t.height + Ye * 2,
+    Sr
+  ), d = Math.min(
+    wr,
+    Math.max(Or, Math.min(r / c, o / u))
+  ), f = o / d, g = t.minY - Ye, I = t.maxY + Ye - f, m = I > g + 1, l = t.minY + t.height / 2 - f / 2, E = m ? a === "bottom" ? I : g : l;
+  return {
+    canPageVertically: m,
+    viewport: {
+      zoom: d,
+      x: (r - t.width * d) / 2 - t.minX * d,
+      y: -E * d
+    }
+  };
+}
+function Dr({ context: t, labels: r, labelOffset: o, onStagesChange: a }) {
+  const c = ge(
+    () => Br(t.nodes, r, o),
+    [t.nodes, o, r]
+  );
+  return Ie(() => {
+    a(c);
+  }, [a, c]), null;
+}
+const Gr = () => /* @__PURE__ */ n.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n.jsx("path", { d: "M8 3h8v3a4 4 0 0 1-8 0V3Z", fill: "currentColor" }),
+  /* @__PURE__ */ n.jsx(
+    "path",
+    {
+      d: "M6 5H4a2 2 0 0 0 2 2M18 5h2a2 2 0 0 1-2 2",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ n.jsx(
+    "path",
+    {
+      d: "M12 10v4M9 21h6M10 18h4",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round"
+    }
+  )
+] });
+function Wr({
+  children: t,
+  title: r,
+  badgeText: o,
+  stageLabels: a,
+  isDarkMode: c,
+  isNavigationMode: u,
+  stageViews: d,
+  activeStageIndex: f,
+  verticalStagePosition: g,
+  canPagePlayersVertically: I,
+  contentViewportRef: m,
+  showToolbar: l,
+  onToggleNavigationMode: E,
+  onSelectStage: q,
+  onPreviousStage: W,
+  onNextStage: K,
+  onPagePlayersUp: J,
+  onPagePlayersDown: N,
+  onToggleDarkMode: S,
+  onExportSVG: M
+}) {
+  const { colors: _ } = St(), A = c ? "#f7f5ef" : "#3f4a38", H = c ? "rgba(35, 43, 51, 0.92)" : "rgba(255, 255, 255, 0.92)", Y = c ? "#46505c" : "#ddd7cb", Z = c ? "rgba(35, 43, 51, 0.94)" : "rgba(255, 255, 255, 0.94)", V = c ? "#38424d" : "#e5dfd4", L = u ? c ? "#f4f8f1" : "#516347" : c ? "#d8d2c7" : "#59606c", U = f > 0, te = f < d.length - 1, C = I && g === "bottom", y = I && g === "top";
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      style: {
+        width: "100%",
+        maxWidth: 1180,
+        background: _.SURFACE_BG,
+        borderRadius: 24,
+        boxShadow: _.SHADOW,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 14,
+              minHeight: 72,
+              padding: "0 32px",
+              background: _.HEADER_BG,
+              borderBottom: `1px solid ${_.HEADER_BORDER}`
+            },
+            children: [
+              /* @__PURE__ */ n.jsx(
+                "div",
+                {
+                  style: {
+                    width: 30,
+                    height: 30,
+                    borderRadius: 8,
+                    display: "grid",
+                    placeItems: "center",
+                    background: _.ICON_BG,
+                    color: _.ICON_FG,
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ n.jsx(Gr, {})
+                }
+              ),
+              /* @__PURE__ */ n.jsx(
+                "div",
+                {
+                  style: {
+                    fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif',
+                    fontSize: 18,
+                    fontWeight: 600,
+                    color: _.HEADER_TITLE
+                  },
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ n.jsx("div", { style: { flex: 1 } }),
+              /* @__PURE__ */ n.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                    minHeight: 28,
+                    padding: "0 14px",
+                    borderRadius: 999,
+                    background: _.BADGE_BG,
+                    color: _.BADGE_TEXT,
+                    fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif',
+                    fontSize: 11,
+                    fontWeight: 600,
+                    letterSpacing: "0.02em",
+                    whiteSpace: "nowrap"
+                  },
+                  children: [
+                    /* @__PURE__ */ n.jsx(
+                      "span",
+                      {
+                        style: {
+                          width: 6,
+                          height: 6,
+                          borderRadius: "50%",
+                          background: _.BADGE_DOT,
+                          flexShrink: 0
+                        }
+                      }
+                    ),
+                    o
+                  ]
+                }
+              ),
+              l ? /* @__PURE__ */ n.jsx(
+                wt,
+                {
+                  isDarkMode: c,
+                  isNavigationMode: u,
+                  onToggleNavigationMode: E,
+                  onToggleDarkMode: S,
+                  onExportSVG: M
+                }
+              ) : null
+            ]
+          }
+        ),
+        a.length ? /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            style: {
+              padding: "14px 32px 12px",
+              background: c ? "#20262d" : "#fbfaf7",
+              borderBottom: `1px solid ${_.HEADER_BORDER}`
+            },
+            children: /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                style: {
+                  display: "grid",
+                  gridTemplateColumns: `repeat(${a.length}, minmax(0, 1fr))`,
+                  gap: 24,
+                  alignItems: "center"
+                },
+                children: a.map((k, D) => {
+                  const F = u && D === f;
+                  return /* @__PURE__ */ n.jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "grid",
+                        justifyItems: "center",
+                        gap: 8,
+                        minWidth: 0,
+                        padding: "6px 10px",
+                        borderRadius: 14,
+                        background: F && c ? "rgba(216, 210, 199, 0.08)" : F ? "rgba(124, 144, 112, 0.08)" : "transparent"
+                      },
+                      children: [
+                        /* @__PURE__ */ n.jsx(
+                          "div",
+                          {
+                            style: {
+                              width: 40,
+                              height: 1,
+                              background: F ? c ? "rgba(247, 245, 239, 0.62)" : "rgba(68, 75, 85, 0.34)" : c ? "rgba(216, 210, 199, 0.24)" : "rgba(68, 75, 85, 0.16)"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ n.jsx(
+                          "div",
+                          {
+                            style: {
+                              fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif',
+                              fontSize: 12,
+                              fontWeight: 800,
+                              letterSpacing: "0.08em",
+                              textTransform: "uppercase",
+                              color: F ? c ? "#f7f5ef" : "#2f3741" : c ? "#d8d2c7" : "#444b55",
+                              textAlign: "center",
+                              whiteSpace: "nowrap"
+                            },
+                            children: k
+                          }
+                        )
+                      ]
+                    },
+                    k
+                  );
+                })
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            ref: m,
+            style: {
+              position: "relative",
+              padding: "12px 24px 24px",
+              overflowX: u ? "hidden" : "auto",
+              overflowY: "hidden",
+              background: c ? "radial-gradient(circle at top left, rgba(154, 176, 141, 0.08), transparent 28%), #191e24" : "radial-gradient(circle at top left, rgba(124, 144, 112, 0.08), transparent 28%), #f7f6f3"
+            },
+            children: [
+              t,
+              l ? /* @__PURE__ */ n.jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    right: 18,
+                    top: 18,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 8,
+                    padding: 8,
+                    borderRadius: 22,
+                    border: `1px solid ${V}`,
+                    background: Z,
+                    boxShadow: c ? "0 18px 40px rgba(0, 0, 0, 0.28)" : "0 18px 40px rgba(45, 45, 45, 0.12)"
+                  },
+                  children: /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: E,
+                      "aria-pressed": u,
+                      title: u ? "Exit Navigation Mode" : "Enter Navigation Mode",
+                      style: {
+                        width: 48,
+                        height: 48,
+                        borderRadius: 16,
+                        border: `1px solid ${u ? _.ICON_BG : V}`,
+                        background: u ? _.ICON_BG : "transparent",
+                        color: u ? _.ICON_FG : L,
+                        display: "grid",
+                        placeItems: "center",
+                        cursor: "pointer"
+                      },
+                      children: /* @__PURE__ */ n.jsx(
+                        Ar,
+                        {
+                          color: u ? _.ICON_FG : L
+                        }
+                      )
+                    }
+                  )
+                }
+              ) : null,
+              u && d.length > 1 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: W,
+                    disabled: !U,
+                    "aria-label": "Go to previous stage",
+                    style: {
+                      position: "absolute",
+                      left: 14,
+                      top: "50%",
+                      transform: "translateY(-50%)",
+                      width: 42,
+                      height: 42,
+                      borderRadius: 999,
+                      border: `1px solid ${Y}`,
+                      background: H,
+                      color: A,
+                      display: "grid",
+                      placeItems: "center",
+                      boxShadow: c ? "0 12px 30px rgba(0, 0, 0, 0.22)" : "0 12px 30px rgba(45, 45, 45, 0.12)",
+                      opacity: U ? 1 : 0.45,
+                      cursor: U ? "pointer" : "default"
+                    },
+                    children: /* @__PURE__ */ n.jsx(Cr, { color: A })
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: K,
+                    disabled: !te,
+                    "aria-label": "Go to next stage",
+                    style: {
+                      position: "absolute",
+                      right: 14,
+                      top: "50%",
+                      transform: "translateY(-50%)",
+                      width: 42,
+                      height: 42,
+                      borderRadius: 999,
+                      border: `1px solid ${Y}`,
+                      background: H,
+                      color: A,
+                      display: "grid",
+                      placeItems: "center",
+                      boxShadow: c ? "0 12px 30px rgba(0, 0, 0, 0.22)" : "0 12px 30px rgba(45, 45, 45, 0.12)",
+                      opacity: te ? 1 : 0.45,
+                      cursor: te ? "pointer" : "default"
+                    },
+                    children: /* @__PURE__ */ n.jsx(jr, { color: A })
+                  }
+                ),
+                I ? /* @__PURE__ */ n.jsxs(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      right: 18,
+                      bottom: 86,
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: 8
+                    },
+                    children: [
+                      /* @__PURE__ */ n.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: J,
+                          disabled: !C,
+                          "aria-label": "Show upper players",
+                          style: {
+                            width: 42,
+                            height: 42,
+                            borderRadius: 999,
+                            border: `1px solid ${Y}`,
+                            background: H,
+                            color: A,
+                            display: "grid",
+                            placeItems: "center",
+                            boxShadow: c ? "0 12px 30px rgba(0, 0, 0, 0.22)" : "0 12px 30px rgba(45, 45, 45, 0.12)",
+                            opacity: C ? 1 : 0.45,
+                            cursor: C ? "pointer" : "default"
+                          },
+                          children: /* @__PURE__ */ n.jsx(Ir, { color: A })
+                        }
+                      ),
+                      /* @__PURE__ */ n.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: N,
+                          disabled: !y,
+                          "aria-label": "Show lower players",
+                          style: {
+                            width: 42,
+                            height: 42,
+                            borderRadius: 999,
+                            border: `1px solid ${Y}`,
+                            background: H,
+                            color: A,
+                            display: "grid",
+                            placeItems: "center",
+                            boxShadow: c ? "0 12px 30px rgba(0, 0, 0, 0.22)" : "0 12px 30px rgba(45, 45, 45, 0.12)",
+                            opacity: y ? 1 : 0.45,
+                            cursor: y ? "pointer" : "default"
+                          },
+                          children: /* @__PURE__ */ n.jsx(kr, { color: A })
+                        }
+                      )
+                    ]
+                  }
+                ) : null,
+                /* @__PURE__ */ n.jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      left: "50%",
+                      bottom: 14,
+                      transform: "translateX(-50%)",
+                      display: "flex",
+                      gap: 8,
+                      alignItems: "center",
+                      maxWidth: "calc(100% - 120px)",
+                      padding: "8px 10px",
+                      borderRadius: 999,
+                      border: `1px solid ${Y}`,
+                      background: H,
+                      boxShadow: c ? "0 18px 38px rgba(0, 0, 0, 0.24)" : "0 18px 38px rgba(45, 45, 45, 0.12)",
+                      overflowX: "auto"
+                    },
+                    children: d.map((k, D) => {
+                      const F = D === f;
+                      return /* @__PURE__ */ n.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => q(D),
+                          style: {
+                            padding: "8px 14px",
+                            borderRadius: 999,
+                            border: `1px solid ${F ? _.ICON_BG : Y}`,
+                            background: F ? _.ICON_BG : "transparent",
+                            color: F ? _.ICON_FG : _.BADGE_TEXT,
+                            fontFamily: '"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif',
+                            fontSize: 11,
+                            fontWeight: 700,
+                            letterSpacing: "0.04em",
+                            whiteSpace: "nowrap",
+                            cursor: "pointer"
+                          },
+                          children: k.label
+                        },
+                        k.label
+                      );
+                    })
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Fr = re.memo(function({
+  graph: r,
+  config: o,
+  vertexComponent: a,
+  nodeRenderMode: c = "export",
+  title: u = "Tournament Bracket",
+  badgeText: d,
+  showToolbar: f = !0,
+  onInvalidNode: g
+}) {
+  const I = Ge(null), m = Ge(null), l = Ge(null), [E, q] = pe(!1), [W, K] = pe(!1), [J, N] = pe(0), [S, M] = pe([]), [_, A] = pe("top"), [H, Y] = pe(!1), Z = Ge(null), V = ge(
+    () => (o == null ? void 0 : o.labels) ?? Rr(r),
+    [o == null ? void 0 : o.labels, r]
+  ), L = ge(() => {
+    const { theme: h, ...b } = o ?? {}, R = E ? or : _t, O = R.theme ?? {};
+    return {
+      ...R,
+      ...b,
+      labels: void 0,
+      autoLabels: !1,
+      theme: { ...O, ...h ?? {} }
+    };
+  }, [o, V, E]), U = ge(() => {
+    const h = xr(r);
+    if (a)
+      return h;
+    const b = Object.entries(h.nodes ?? {}).reduce((R, [O, P]) => {
+      const j = P.size;
+      return R[O] = {
+        ...P,
+        size: {
+          width: Math.max((j == null ? void 0 : j.width) ?? 0, oe.WIDTH),
+          height: Math.max((j == null ? void 0 : j.height) ?? 0, oe.HEIGHT)
+        }
+      }, R;
+    }, {});
+    return {
+      ...h,
+      nodes: b
+    };
+  }, [r, a]), te = ge(() => {
+    if (d)
+      return d;
+    const h = Object.keys(U.nodes ?? {}).length, b = V.at(-1) ?? "FINAL";
+    return h > 0 ? `${b} · ${h} MATCHES` : b;
+  }, [d, U.nodes, V]), C = ne(() => {
+    q((h) => !h);
+  }, []), y = ne((h) => {
+    M((b) => b.length === h.length && b.every((O, P) => {
+      const j = h[P];
+      return O.label === j.label && O.bounds.minX === j.bounds.minX && O.bounds.minY === j.bounds.minY && O.bounds.maxX === j.bounds.maxX && O.bounds.maxY === j.bounds.maxY;
+    }) ? b : h);
+  }, []), k = ne(
+    (h) => {
+      const b = S[h], R = l.current;
+      if (!b || !R || !m.current)
+        return;
+      const O = R.clientWidth || L.width || 1600, P = R.clientHeight || L.height || 1200, j = Nr(
+        b.bounds,
+        O,
+        P,
+        _
+      );
+      Y(j.canPageVertically), m.current.setViewport(j.viewport);
+    },
+    [L.height, L.width, S, _]
+  ), D = ne(() => {
+    var h, b, R;
+    if (W) {
+      const O = Z.current;
+      O ? (h = m.current) == null || h.setViewport(O) : (b = m.current) == null || b.fitView(), K(!1);
+      return;
+    }
+    Z.current = ((R = m.current) == null ? void 0 : R.getViewport()) ?? null, A("top"), K(!0);
+  }, [W]), F = ne((h) => {
+    A("top"), N(h);
+  }, []), ie = ne(() => {
+    A("top"), N((h) => Math.max(0, h - 1));
+  }, []), z = ne(() => {
+    A("top"), N((h) => Math.min(S.length - 1, h + 1));
+  }, [S.length]), ce = ne(() => {
+    A("top");
+  }, []), ue = ne(() => {
+    A("bottom");
+  }, []);
+  Ie(() => {
+    N((h) => Math.min(h, Math.max(S.length - 1, 0)));
+  }, [S.length]), Ie(() => {
+    !W || !S.length || k(J);
+  }, [J, k, W, S.length]), Ie(() => {
+    if (!W)
+      return;
+    const h = () => k(J);
+    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
+  }, [J, k, W]);
+  const se = ge(
+    () => a ?? ((h) => /* @__PURE__ */ n.jsx(Je, { ...h, renderMode: "export", onRenderError: g })),
+    [g, a]
+  ), de = ne(() => {
+    const h = (O) => {
+      const P = O == null ? void 0 : O.querySelector("svg");
+      if (!P)
+        return;
+      const j = P.cloneNode(!0);
+      j.setAttribute("xmlns", "http://www.w3.org/2000/svg"), j.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
+      const me = new XMLSerializer().serializeToString(j), fe = new Blob([me], { type: "image/svg+xml;charset=utf-8" }), ye = URL.createObjectURL(fe), Q = document.createElement("a");
+      Q.href = ye, Q.download = `tournament-bracket-${Date.now()}.svg`, document.body.appendChild(Q), Q.click(), document.body.removeChild(Q), URL.revokeObjectURL(ye);
+    };
+    if (c !== "html" || a) {
+      h(I.current);
+      return;
+    }
+    const b = document.createElement("div");
+    b.style.position = "absolute", b.style.width = "0", b.style.height = "0", b.style.overflow = "hidden", b.style.opacity = "0", b.style.pointerEvents = "none", document.body.appendChild(b);
+    const R = Ze(b);
+    try {
+      Qt(() => {
+        R.render(
+          /* @__PURE__ */ n.jsx(pt, { mode: E ? "dark" : "light", children: /* @__PURE__ */ n.jsx(
+            dt,
+            {
+              graph: U,
+              vertexComponent: se,
+              config: L
+            }
+          ) })
+        );
+      }), h(b);
+    } finally {
+      R.unmount(), document.body.removeChild(b);
+    }
+  }, [
+    U,
+    se,
+    E,
+    L,
+    c,
+    a
+  ]), ae = ge(
+    () => a ?? ((h) => /* @__PURE__ */ n.jsx(Je, { ...h, renderMode: c, onRenderError: g })),
+    [c, g, a]
+  );
+  return /* @__PURE__ */ n.jsx(pt, { mode: E ? "dark" : "light", children: /* @__PURE__ */ n.jsx(
+    Wr,
+    {
+      title: u,
+      badgeText: te,
+      stageLabels: V,
+      isDarkMode: E,
+      isNavigationMode: W,
+      stageViews: S,
+      activeStageIndex: J,
+      verticalStagePosition: _,
+      canPagePlayersVertically: H,
+      contentViewportRef: l,
+      showToolbar: f,
+      onToggleNavigationMode: D,
+      onSelectStage: F,
+      onPreviousStage: ie,
+      onNextStage: z,
+      onPagePlayersUp: ce,
+      onPagePlayersDown: ue,
+      onToggleDarkMode: C,
+      onExportSVG: de,
+      children: /* @__PURE__ */ n.jsx("div", { ref: I, style: { minWidth: "fit-content" }, children: /* @__PURE__ */ n.jsx(
+        dt,
+        {
+          ref: m,
+          graph: U,
+          vertexComponent: ae,
+          config: L,
+          panEnabled: !W,
+          zoomEnabled: !W,
+          pinchZoomEnabled: !W,
+          renderOverlay: (h) => /* @__PURE__ */ n.jsx(
+            Dr,
+            {
+              context: h,
+              labels: V,
+              labelOffset: L.labelOffset ?? 46,
+              onStagesChange: y
+            }
+          )
+        }
+      ) })
+    }
+  ) });
+});
+Fr.displayName = "TournamentBracket";
+export {
+  pt as BracketThemeProvider,
+  wt as BracketToolbar,
+  Je as SquashNode,
+  Fr as TournamentBracket,
+  xr as injectTournamentPathKeys,
+  Rr as roundLabelsForGraph,
+  Vr as roundLabelsForMatchCount,
+  Ct as roundLabelsForRoundCount,
+  St as useBracketTheme
+};