@sg-front-core/layout-v1 1.0.0

package/dist/core-layout.js

@@ -0,0 +1,3288 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.sg-layout .modern-top-menu{position:relative;display:flex;align-items:center;min-width:0;flex:1;--sg-topmenu-btn-size: 32px;--sg-topmenu-btn-offset: 10px;--sg-topmenu-btn-gap: 12px;--sg-topmenu-safe-inline: calc( var(--sg-topmenu-btn-size) + var(--sg-topmenu-btn-offset) + var(--sg-topmenu-btn-gap) )}.sg-layout .modern-top-menu:before,.sg-layout .modern-top-menu:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2}.sg-layout .modern-top-menu.is-scroll-left:before{left:0;opacity:1;background:linear-gradient(to right,var(--sg-layout-header-bg, rgba(248, 250, 252, .98)),rgba(248,250,252,0))}.sg-layout .modern-top-menu.is-scroll-right:after{right:0;opacity:1;background:linear-gradient(to left,var(--sg-layout-header-bg, rgba(248, 250, 252, .98)),rgba(248,250,252,0))}.sg-layout .modern-top-menu__btn.ant-btn{position:absolute;top:50%;transform:translateY(-50%);width:var(--sg-topmenu-btn-size);height:var(--sg-topmenu-btn-size);padding:0;border-radius:999px;background:#ffffffe6;border:1px solid rgba(226,232,240,1);box-shadow:0 8px 20px #0f172a14;display:none;align-items:center;justify-content:center;z-index:3}.sg-layout .modern-top-menu__btn--left.ant-btn{left:var(--sg-topmenu-btn-offset)!important}.sg-layout .modern-top-menu__btn--right.ant-btn{right:var(--sg-topmenu-btn-offset)!important}.sg-layout .modern-top-menu.is-scroll-left .modern-top-menu__btn--left.ant-btn,.sg-layout .modern-top-menu.is-scroll-right .modern-top-menu__btn--right.ant-btn{display:inline-flex}.sg-layout .modern-ul{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 6px 0 0!important;margin:0;list-style:none;scroll-snap-type:x proximity;gap:2px;writing-mode:horizontal-tb!important;text-orientation:mixed}.sg-layout .modern-ul::-webkit-scrollbar{display:none}.sg-layout .modern-ul li{display:flex!important;align-items:center;justify-content:center;position:relative;flex:0 0 auto!important;flex-shrink:0!important;width:auto!important;min-width:max-content;white-space:nowrap!important;word-break:keep-all!important;scroll-snap-align:start;border-radius:10px;min-height:56px;padding:0 16px;writing-mode:horizontal-tb!important;text-orientation:mixed}.sg-layout .modern-top-menu__item{cursor:pointer;position:relative;font-weight:700;font-size:14px;color:#0f172ae6;transition:all .2s ease}.sg-layout .modern-top-menu__item-text{display:inline-block;white-space:nowrap!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(15,23,42,.08);position:relative;z-index:1;writing-mode:horizontal-tb!important;text-orientation:mixed}.sg-layout .modern-top-menu.is-scroll-left .modern-ul{padding-left:var(--sg-topmenu-safe-inline)!important}.sg-layout .modern-top-menu.is-scroll-right .modern-ul{padding-right:var(--sg-topmenu-safe-inline)!important}.sg-layout .modern-ul li:after{position:absolute;content:"";top:0;left:0;width:100%;height:3px;background:var(--sg-theme-primary, #6366f1);transform:scale(0);transform-origin:right;transition:transform .5s;z-index:0;pointer-events:none}.sg-layout .modern-ul li:hover{background:#14141408;border-radius:0!important}.sg-layout .modern-ul .menu-checked:hover{background:var(--sg-theme-primary, #6366f1)}.sg-layout .modern-ul li:hover:after{transform:scale(1);transform-origin:left}.sg-layout .modern-ul .menu-checked{background:var(--sg-theme-primary, #6366f1);border-radius:0!important}.sg-layout .modern-ul .menu-checked span{color:#fff}.sg-layout .modern-ul .menu-checked .modern-top-menu__item-text{text-shadow:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { jsx as d, jsxs as V, Fragment as xt } from "react/jsx-runtime";
+import { Tooltip as Te, Menu as zt, Button as be, Spin as qe, Dropdown as qt, Avatar as pn, Modal as hn, Space as Et, Tabs as mn } from "antd";
+import { Iconfont as wt, PopConfirm as vn, ErrorBoundary as Bt, useEvent as Ne, TAB_EVENTS as je } from "@sg-front-core/ui-v1";
+import { FolderOutlined as yn, TagOutlined as gn, LeftOutlined as bn, RightOutlined as xn } from "@ant-design/icons";
+import S, { useRef as Y, useMemo as ue, useEffect as te, useState as se, useContext as En, createContext as wn, Fragment as ke } from "react";
+import { useNavigate as ye, useLocation as Pe, Link as st, useMatches as Tn, Outlet as kn } from "react-router-dom";
+import _e from "react-dom";
+import { useAlert as Cn } from "sggkui";
+function Ht(e) {
+  var n, r, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (n = 0; n < o; n++) e[n] && (r = Ht(e[n])) && (t && (t += " "), t += r);
+  } else for (r in e) e[r] && (t && (t += " "), t += r);
+  return t;
+}
+function ve() {
+  for (var e, n, r = 0, t = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (n = Ht(e)) && (t && (t += " "), t += n);
+  return t;
+}
+function Vt(e) {
+  const {
+    status: n,
+    setStatus: r,
+    closeIcon: t = "drawer-close",
+    openIcon: o = "drawer-open",
+    color: i = "rgba(0,0,0,.25)"
+  } = e, a = ve(
+    "fixed top-1/2 -translate-y-1/2 z-40",
+    "origin-center",
+    "cursor-pointer",
+    "opacity-30",
+    "hover:opacity-100",
+    "transition-all",
+    "duration-300"
+  );
+  return /* @__PURE__ */ d("div", { children: n ? /* @__PURE__ */ d(Te, { title: "收起侧边栏", placement: "right", children: /* @__PURE__ */ d(
+    wt,
+    {
+      icon: t,
+      className: `${a} left-[248px]`,
+      size: 30,
+      color: i,
+      onClick: () => r(!n)
+    }
+  ) }) : /* @__PURE__ */ d(Te, { title: "展开侧边栏", placement: "right", children: /* @__PURE__ */ d(
+    wt,
+    {
+      icon: o,
+      className: `${a} left-0`,
+      size: 30,
+      color: i,
+      onClick: () => r(!n)
+    }
+  ) }) });
+}
+const Q = {};
+function Ao(e) {
+  Q.useSystemStore = e.useSystemStore, Q.local = e.local, Q.request = e.request, Q.projectCName = e.projectCName, Q.isLegacyLayoutStyle = e.isLegacyLayoutStyle;
+}
+function ce() {
+  if (!Q.useSystemStore)
+    throw new Error(
+      "[@sg-front-core/layout-v1] missing setup: call setupSgTemplateLayout({ useSystemStore, local, request, ... }) before rendering layouts."
+    );
+  return Q.useSystemStore();
+}
+function ut() {
+  if (!Q.local)
+    throw new Error(
+      "[@sg-front-core/layout-v1] missing setup: call setupSgTemplateLayout({ local, ... })."
+    );
+  return Q.local;
+}
+function Ut() {
+  if (!Q.request)
+    throw new Error(
+      "[@sg-front-core/layout-v1] missing setup: call setupSgTemplateLayout({ request, ... })."
+    );
+  return Q.request;
+}
+function Yt() {
+  return Q.projectCName ?? "";
+}
+function Sn(e) {
+  return Q.isLegacyLayoutStyle ? Q.isLegacyLayoutStyle(e) : e === 0 || e === "legacy" || e === !1;
+}
+const On = (e) => e.filter((r) => r.path != null).map((r) => r.handle?.hidden ? null : r.children && r.children.length > 0 ? {
+  label: r.handle.title,
+  key: r.path,
+  icon: /* @__PURE__ */ d(yn, {}),
+  hidden: r.handle?.hidden || !1,
+  children: On(r.children)
+} : {
+  label: r.handle?.title || r.path,
+  key: r.path,
+  hidden: r.handle?.hidden || !1,
+  link: r.handle?.link || null,
+  frame: r.handle?.isFrame,
+  processId: r.handle?.processId,
+  query: r.handle?.query,
+  icon: /* @__PURE__ */ d(gn, {})
+});
+function Mo(e) {
+  return [
+    {
+      key: "home",
+      label: "首页",
+      children: e,
+      closable: !1
+    }
+  ];
+}
+var Pn = function(e) {
+  return function(n, r) {
+    var t = Y(!1);
+    e(function() {
+      return function() {
+        t.current = !1;
+      };
+    }, []), e(function() {
+      if (!t.current)
+        t.current = !0;
+      else
+        return n();
+    }, r);
+  };
+}, re = function() {
+  return re = Object.assign || function(n) {
+    for (var r, t = 1, o = arguments.length; t < o; t++) {
+      r = arguments[t];
+      for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+    }
+    return n;
+  }, re.apply(this, arguments);
+};
+function Kt(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+      n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
+  return r;
+}
+function Ln(e, n, r, t) {
+  function o(i) {
+    return i instanceof r ? i : new r(function(a) {
+      a(i);
+    });
+  }
+  return new (r || (r = Promise))(function(i, a) {
+    function s(f) {
+      try {
+        c(t.next(f));
+      } catch (u) {
+        a(u);
+      }
+    }
+    function l(f) {
+      try {
+        c(t.throw(f));
+      } catch (u) {
+        a(u);
+      }
+    }
+    function c(f) {
+      f.done ? i(f.value) : o(f.value).then(s, l);
+    }
+    c((t = t.apply(e, n || [])).next());
+  });
+}
+function Rn(e, n) {
+  var r = { label: 0, sent: function() {
+    if (i[0] & 1) throw i[1];
+    return i[1];
+  }, trys: [], ops: [] }, t, o, i, a = Object.create((typeof Iterator == "function" ? Iterator : Object).prototype);
+  return a.next = s(0), a.throw = s(1), a.return = s(2), typeof Symbol == "function" && (a[Symbol.iterator] = function() {
+    return this;
+  }), a;
+  function s(c) {
+    return function(f) {
+      return l([c, f]);
+    };
+  }
+  function l(c) {
+    if (t) throw new TypeError("Generator is already executing.");
+    for (; a && (a = 0, c[0] && (r = 0)), r; ) try {
+      if (t = 1, o && (i = c[0] & 2 ? o.return : c[0] ? o.throw || ((i = o.return) && i.call(o), 0) : o.next) && !(i = i.call(o, c[1])).done) return i;
+      switch (o = 0, i && (c = [c[0] & 2, i.value]), c[0]) {
+        case 0:
+        case 1:
+          i = c;
+          break;
+        case 4:
+          return r.label++, { value: c[1], done: !1 };
+        case 5:
+          r.label++, o = c[1], c = [0];
+          continue;
+        case 7:
+          c = r.ops.pop(), r.trys.pop();
+          continue;
+        default:
+          if (i = r.trys, !(i = i.length > 0 && i[i.length - 1]) && (c[0] === 6 || c[0] === 2)) {
+            r = 0;
+            continue;
+          }
+          if (c[0] === 3 && (!i || c[1] > i[0] && c[1] < i[3])) {
+            r.label = c[1];
+            break;
+          }
+          if (c[0] === 6 && r.label < i[1]) {
+            r.label = i[1], i = c;
+            break;
+          }
+          if (i && r.label < i[2]) {
+            r.label = i[2], r.ops.push(c);
+            break;
+          }
+          i[2] && r.ops.pop(), r.trys.pop();
+          continue;
+      }
+      c = n.call(e, r);
+    } catch (f) {
+      c = [6, f], o = 0;
+    } finally {
+      t = i = 0;
+    }
+    if (c[0] & 5) throw c[1];
+    return { value: c[0] ? c[1] : void 0, done: !0 };
+  }
+}
+function X(e, n) {
+  var r = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!r) return e;
+  var t = r.call(e), o, i = [], a;
+  try {
+    for (; (n === void 0 || n-- > 0) && !(o = t.next()).done; ) i.push(o.value);
+  } catch (s) {
+    a = { error: s };
+  } finally {
+    try {
+      o && !o.done && (r = t.return) && r.call(t);
+    } finally {
+      if (a) throw a.error;
+    }
+  }
+  return i;
+}
+function Z(e, n, r) {
+  if (r || arguments.length === 2) for (var t = 0, o = n.length, i; t < o; t++)
+    (i || !(t in n)) && (i || (i = Array.prototype.slice.call(n, 0, t)), i[t] = n[t]);
+  return e.concat(i || Array.prototype.slice.call(n));
+}
+var Ye = function(e) {
+  return typeof e == "function";
+}, Ke = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test", pe = function(e) {
+  Ke && (Ye(e) || console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof e)));
+  var n = Y(e);
+  n.current = ue(function() {
+    return e;
+  }, [e]);
+  var r = Y(void 0);
+  return r.current || (r.current = function() {
+    for (var t = [], o = 0; o < arguments.length; o++)
+      t[o] = arguments[o];
+    return n.current.apply(this, t);
+  }), r.current;
+};
+const ct = Pn(te);
+var Gt = function(e, n) {
+  var r = n.manual, t = n.ready, o = t === void 0 ? !0 : t, i = n.defaultParams, a = i === void 0 ? [] : i, s = n.refreshDeps, l = s === void 0 ? [] : s, c = n.refreshDepsAction, f = Y(!1);
+  return f.current = !1, ct(function() {
+    !r && o && (f.current = !0, e.run.apply(e, Z([], X(a), !1)));
+  }, [o]), ct(function() {
+    f.current || r || (f.current = !0, c ? c() : e.refresh());
+  }, Z([], X(l), !1)), {
+    onBefore: function() {
+      if (!o)
+        return {
+          stopNow: !0
+        };
+    }
+  };
+};
+Gt.onInit = function(e) {
+  var n = e.ready, r = n === void 0 ? !0 : n, t = e.manual;
+  return {
+    loading: !t && r
+  };
+};
+function Nn(e, n) {
+  if (e === n)
+    return !0;
+  for (var r = 0; r < e.length; r++)
+    if (!Object.is(e[r], n[r]))
+      return !1;
+  return !0;
+}
+var Xt = function(e, n) {
+  var r = Y({
+    deps: n,
+    obj: void 0,
+    initialized: !1
+  }).current;
+  return (r.initialized === !1 || !Nn(r.deps, n)) && (r.deps = n, r.obj = e(), r.initialized = !0), r.obj;
+};
+function Zt(e) {
+  var n = Y(e);
+  return n.current = e, n;
+}
+var ft = function(e) {
+  Ke && (Ye(e) || console.error("useUnmount expected parameter is a function, got ".concat(typeof e)));
+  var n = Zt(e);
+  te(function() {
+    return function() {
+      n.current();
+    };
+  }, []);
+}, Ie = /* @__PURE__ */ new Map(), jn = function(e, n, r) {
+  var t = Ie.get(e);
+  t?.timer && clearTimeout(t.timer);
+  var o = void 0;
+  n > -1 && (o = setTimeout(function() {
+    Ie.delete(e);
+  }, n)), Ie.set(e, re(re({}, r), { timer: o }));
+}, _n = function(e) {
+  return Ie.get(e);
+}, De = /* @__PURE__ */ new Map(), An = function(e) {
+  return De.get(e);
+}, Mn = function(e, n) {
+  De.set(e, n), n.then(function(r) {
+    return De.delete(e), r;
+  }).catch(function() {
+    De.delete(e);
+  });
+}, me = {}, Wn = function(e, n) {
+  me[e] && me[e].forEach(function(r) {
+    return r(n);
+  });
+}, Ze = function(e, n) {
+  return me[e] || (me[e] = []), me[e].push(n), function() {
+    var t = me[e].indexOf(n);
+    me[e].splice(t, 1);
+  };
+}, $n = function(e, n) {
+  var r = n.cacheKey, t = n.cacheTime, o = t === void 0 ? 300 * 1e3 : t, i = n.staleTime, a = i === void 0 ? 0 : i, s = n.setCache, l = n.getCache, c = Y(void 0), f = Y(void 0), u = function(h, b) {
+    s ? s(b) : jn(h, o, b), Wn(h, b.data);
+  }, v = function(h, b) {
+    return b === void 0 && (b = []), l ? l(b) : _n(h);
+  };
+  return Xt(function() {
+    if (r) {
+      var h = v(r);
+      h && Object.hasOwnProperty.call(h, "data") && (e.state.data = h.data, e.state.params = h.params, (a === -1 || Date.now() - h.time <= a) && (e.state.loading = !1)), c.current = Ze(r, function(b) {
+        e.setState({ data: b });
+      });
+    }
+  }, []), ft(function() {
+    var h;
+    (h = c.current) === null || h === void 0 || h.call(c);
+  }), r ? {
+    onBefore: function(h) {
+      var b = v(r, h);
+      return !b || !Object.hasOwnProperty.call(b, "data") ? {} : a === -1 || Date.now() - b.time <= a ? {
+        loading: !1,
+        data: b?.data,
+        error: void 0,
+        returnNow: !0
+      } : {
+        data: b?.data,
+        error: void 0
+      };
+    },
+    onRequest: function(h, b) {
+      var E = An(r);
+      return E && E !== f.current ? { servicePromise: E } : (E = h.apply(void 0, Z([], X(b), !1)), f.current = E, Mn(r, E), { servicePromise: E });
+    },
+    onSuccess: function(h, b) {
+      var E;
+      r && ((E = c.current) === null || E === void 0 || E.call(c), u(r, {
+        data: h,
+        params: b,
+        time: Date.now()
+      }), c.current = Ze(r, function(P) {
+        e.setState({ data: P });
+      }));
+    },
+    onMutate: function(h) {
+      var b;
+      r && ((b = c.current) === null || b === void 0 || b.call(c), u(r, {
+        data: h,
+        params: e.state.params,
+        time: Date.now()
+      }), c.current = Ze(r, function(E) {
+        e.setState({ data: E });
+      }));
+    }
+  } : {};
+};
+function Ce(e) {
+  var n = typeof e;
+  return e != null && (n == "object" || n == "function");
+}
+var In = typeof global == "object" && global && global.Object === Object && global, Dn = typeof self == "object" && self && self.Object === Object && self, Jt = In || Dn || Function("return this")(), Je = function() {
+  return Jt.Date.now();
+}, Fn = /\s/;
+function zn(e) {
+  for (var n = e.length; n-- && Fn.test(e.charAt(n)); )
+    ;
+  return n;
+}
+var qn = /^\s+/;
+function Bn(e) {
+  return e && e.slice(0, zn(e) + 1).replace(qn, "");
+}
+var Be = Jt.Symbol, Qt = Object.prototype, Hn = Qt.hasOwnProperty, Vn = Qt.toString, Ee = Be ? Be.toStringTag : void 0;
+function Un(e) {
+  var n = Hn.call(e, Ee), r = e[Ee];
+  try {
+    e[Ee] = void 0;
+    var t = !0;
+  } catch {
+  }
+  var o = Vn.call(e);
+  return t && (n ? e[Ee] = r : delete e[Ee]), o;
+}
+var Yn = Object.prototype, Kn = Yn.toString;
+function Gn(e) {
+  return Kn.call(e);
+}
+var Xn = "[object Null]", Zn = "[object Undefined]", Tt = Be ? Be.toStringTag : void 0;
+function en(e) {
+  return e == null ? e === void 0 ? Zn : Xn : Tt && Tt in Object(e) ? Un(e) : Gn(e);
+}
+function Jn(e) {
+  return e != null && typeof e == "object";
+}
+var Qn = "[object Symbol]";
+function er(e) {
+  return typeof e == "symbol" || Jn(e) && en(e) == Qn;
+}
+var kt = NaN, tr = /^[-+]0x[0-9a-f]+$/i, nr = /^0b[01]+$/i, rr = /^0o[0-7]+$/i, or = parseInt;
+function Ct(e) {
+  if (typeof e == "number")
+    return e;
+  if (er(e))
+    return kt;
+  if (Ce(e)) {
+    var n = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = Ce(n) ? n + "" : n;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = Bn(e);
+  var r = nr.test(e);
+  return r || rr.test(e) ? or(e.slice(2), r ? 2 : 8) : tr.test(e) ? kt : +e;
+}
+var ir = "Expected a function", ar = Math.max, sr = Math.min;
+function tn(e, n, r) {
+  var t, o, i, a, s, l, c = 0, f = !1, u = !1, v = !0;
+  if (typeof e != "function")
+    throw new TypeError(ir);
+  n = Ct(n) || 0, Ce(r) && (f = !!r.leading, u = "maxWait" in r, i = u ? ar(Ct(r.maxWait) || 0, n) : i, v = "trailing" in r ? !!r.trailing : v);
+  function h(j) {
+    var k = t, y = o;
+    return t = o = void 0, c = j, a = e.apply(y, k), a;
+  }
+  function b(j) {
+    return c = j, s = setTimeout(w, n), f ? h(j) : a;
+  }
+  function E(j) {
+    var k = j - l, y = j - c, T = n - k;
+    return u ? sr(T, i - y) : T;
+  }
+  function P(j) {
+    var k = j - l, y = j - c;
+    return l === void 0 || k >= n || k < 0 || u && y >= i;
+  }
+  function w() {
+    var j = Je();
+    if (P(j))
+      return B(j);
+    s = setTimeout(w, E(j));
+  }
+  function B(j) {
+    return s = void 0, v && t ? h(j) : (t = o = void 0, a);
+  }
+  function L() {
+    s !== void 0 && clearTimeout(s), c = 0, t = l = o = s = void 0;
+  }
+  function N() {
+    return s === void 0 ? a : B(Je());
+  }
+  function m() {
+    var j = Je(), k = P(j);
+    if (t = arguments, o = this, l = j, k) {
+      if (s === void 0)
+        return b(l);
+      if (u)
+        return clearTimeout(s), s = setTimeout(w, n), h(l);
+    }
+    return s === void 0 && (s = setTimeout(w, n)), a;
+  }
+  return m.cancel = L, m.flush = N, m;
+}
+var cr = function(e, n) {
+  var r = n.debounceWait, t = n.debounceLeading, o = n.debounceTrailing, i = n.debounceMaxWait, a = Y(void 0), s = ue(function() {
+    var l = {};
+    return t !== void 0 && (l.leading = t), o !== void 0 && (l.trailing = o), i !== void 0 && (l.maxWait = i), l;
+  }, [t, o, i]);
+  return te(function() {
+    if (r) {
+      var l = e.runAsync.bind(e);
+      return a.current = tn(function(c) {
+        c();
+      }, r, s), e.runAsync = function() {
+        for (var c = [], f = 0; f < arguments.length; f++)
+          c[f] = arguments[f];
+        return new Promise(function(u, v) {
+          var h;
+          (h = a.current) === null || h === void 0 || h.call(a, function() {
+            l.apply(void 0, Z([], X(c), !1)).then(u).catch(v);
+          });
+        });
+      }, function() {
+        var c;
+        (c = a.current) === null || c === void 0 || c.cancel(), e.runAsync = l;
+      };
+    }
+  }, [r, s]), r ? {
+    onCancel: function() {
+      var l;
+      (l = a.current) === null || l === void 0 || l.cancel();
+    }
+  } : {};
+}, lr = function(e, n) {
+  var r = n.loadingDelay, t = n.ready, o = Y(void 0);
+  if (!r)
+    return {};
+  var i = function() {
+    o.current && clearTimeout(o.current);
+  };
+  return {
+    onBefore: function() {
+      return i(), t !== !1 && (o.current = setTimeout(function() {
+        e.setState({
+          loading: !0
+        });
+      }, r)), {
+        loading: !1
+      };
+    },
+    onFinally: function() {
+      i();
+    },
+    onCancel: function() {
+      i();
+    }
+  };
+}, Ge = !!(typeof window < "u" && window.document && window.document.createElement);
+function dt() {
+  return Ge ? document.visibilityState !== "hidden" : !0;
+}
+var Fe = /* @__PURE__ */ new Set();
+function ur(e) {
+  return Fe.add(e), function() {
+    Fe.has(e) && Fe.delete(e);
+  };
+}
+if (Ge) {
+  var fr = function() {
+    dt() && Fe.forEach(function(e) {
+      return e();
+    });
+  };
+  window.addEventListener("visibilitychange", fr, !1);
+}
+var dr = function(e, n) {
+  var r = n.pollingInterval, t = n.pollingWhenHidden, o = t === void 0 ? !0 : t, i = n.pollingErrorRetryCount, a = i === void 0 ? -1 : i, s = Y(void 0), l = Y(void 0), c = Y(0), f = function() {
+    var u;
+    s.current && clearTimeout(s.current), (u = l.current) === null || u === void 0 || u.call(l);
+  };
+  return ct(function() {
+    r || f();
+  }, [r]), r ? {
+    onBefore: function() {
+      f();
+    },
+    onError: function() {
+      c.current += 1;
+    },
+    onSuccess: function() {
+      c.current = 0;
+    },
+    onFinally: function() {
+      a === -1 || // When an error occurs, the request is not repeated after pollingErrorRetryCount retries
+      a !== -1 && c.current <= a ? s.current = setTimeout(function() {
+        !o && !dt() ? l.current = ur(function() {
+          e.refresh();
+        }) : e.refresh();
+      }, r) : c.current = 0;
+    },
+    onCancel: function() {
+      f();
+    }
+  } : {};
+};
+function pr(e, n) {
+  var r = !1;
+  return function() {
+    for (var t = [], o = 0; o < arguments.length; o++)
+      t[o] = arguments[o];
+    r || (r = !0, e.apply(void 0, Z([], X(t), !1)), setTimeout(function() {
+      r = !1;
+    }, n));
+  };
+}
+var hr = function() {
+  return Ge && typeof navigator.onLine < "u" ? navigator.onLine : !0;
+}, ze = /* @__PURE__ */ new Set();
+function mr(e) {
+  return ze.add(e), function() {
+    ze.has(e) && ze.delete(e);
+  };
+}
+if (Ge) {
+  var St = function() {
+    !dt() || !hr() || ze.forEach(function(e) {
+      return e();
+    });
+  };
+  window.addEventListener("visibilitychange", St, !1), window.addEventListener("focus", St, !1);
+}
+var vr = function(e, n) {
+  var r = n.refreshOnWindowFocus, t = n.focusTimespan, o = t === void 0 ? 5e3 : t, i = Y(void 0), a = function() {
+    var s;
+    (s = i.current) === null || s === void 0 || s.call(i);
+  };
+  return te(function() {
+    if (r) {
+      var s = pr(e.refresh.bind(e), o);
+      i.current = mr(function() {
+        s();
+      });
+    }
+    return function() {
+      a();
+    };
+  }, [r, o]), ft(function() {
+    a();
+  }), {};
+}, yr = function(e, n) {
+  var r = n.retryInterval, t = n.retryCount, o = Y(void 0), i = Y(0), a = Y(!1);
+  return t ? {
+    onBefore: function() {
+      a.current || (i.current = 0), a.current = !1, o.current && clearTimeout(o.current);
+    },
+    onSuccess: function() {
+      i.current = 0;
+    },
+    onError: function() {
+      if (i.current += 1, t === -1 || i.current <= t) {
+        var s = r ?? Math.min(1e3 * Math.pow(2, i.current), 3e4);
+        o.current = setTimeout(function() {
+          a.current = !0, e.refresh();
+        }, s);
+      } else
+        i.current = 0;
+    },
+    onCancel: function() {
+      i.current = 0, o.current && clearTimeout(o.current);
+    }
+  } : {};
+}, gr = "Expected a function";
+function br(e, n, r) {
+  var t = !0, o = !0;
+  if (typeof e != "function")
+    throw new TypeError(gr);
+  return Ce(r) && (t = "leading" in r ? !!r.leading : t, o = "trailing" in r ? !!r.trailing : o), tn(e, n, {
+    leading: t,
+    maxWait: n,
+    trailing: o
+  });
+}
+var xr = function(e, n) {
+  var r = n.throttleWait, t = n.throttleLeading, o = n.throttleTrailing, i = Y(void 0), a = {};
+  return t !== void 0 && (a.leading = t), o !== void 0 && (a.trailing = o), te(function() {
+    if (r) {
+      var s = e.runAsync.bind(e);
+      return i.current = br(function(l) {
+        l();
+      }, r, a), e.runAsync = function() {
+        for (var l = [], c = 0; c < arguments.length; c++)
+          l[c] = arguments[c];
+        return new Promise(function(f, u) {
+          var v;
+          (v = i.current) === null || v === void 0 || v.call(i, function() {
+            s.apply(void 0, Z([], X(l), !1)).then(f).catch(u);
+          });
+        });
+      }, function() {
+        var l;
+        e.runAsync = s, (l = i.current) === null || l === void 0 || l.cancel();
+      };
+    }
+  }, [r, t, o]), r ? {
+    onCancel: function() {
+      var s;
+      (s = i.current) === null || s === void 0 || s.cancel();
+    }
+  } : {};
+}, pt = function(e) {
+  Ke && (Ye(e) || console.error('useMount: parameter `fn` expected to be a function, but got "'.concat(typeof e, '".'))), te(function() {
+    var n = e?.();
+    if (!(n && typeof n == "object" && typeof n.then == "function"))
+      return n;
+  }, []);
+}, Er = function() {
+  var e = X(se({}), 2), n = e[1];
+  return pe(function() {
+    return n({});
+  });
+}, wr = (
+  /** @class */
+  (function() {
+    function e(n, r, t, o) {
+      o === void 0 && (o = {}), this.serviceRef = n, this.options = r, this.subscribe = t, this.initState = o, this.pluginImpls = [], this.count = 0, this.state = {
+        loading: !1,
+        params: void 0,
+        data: void 0,
+        error: void 0
+      }, this.state = re(re(re({}, this.state), { loading: !r.manual }), o);
+    }
+    return e.prototype.setState = function(n) {
+      n === void 0 && (n = {}), this.state = re(re({}, this.state), n), this.subscribe();
+    }, e.prototype.runPluginHandler = function(n) {
+      for (var r = [], t = 1; t < arguments.length; t++)
+        r[t - 1] = arguments[t];
+      var o = this.pluginImpls.map(function(i) {
+        var a;
+        return (a = i[n]) === null || a === void 0 ? void 0 : a.call.apply(a, Z([i], X(r), !1));
+      }).filter(Boolean);
+      return Object.assign.apply(Object, Z([{}], X(o), !1));
+    }, e.prototype.runAsync = function() {
+      for (var n = [], r = 0; r < arguments.length; r++)
+        n[r] = arguments[r];
+      return Ln(this, void 0, void 0, function() {
+        var t, o, i, a, s, l, c, f, u, v, h, b, E, P, w, B, L, N, m, j, k;
+        return Rn(this, function(y) {
+          switch (y.label) {
+            case 0:
+              if (this.count += 1, t = this.count, o = this.runPluginHandler("onBefore", n), i = o.stopNow, a = i === void 0 ? !1 : i, s = o.returnNow, l = s === void 0 ? !1 : s, c = Kt(o, ["stopNow", "returnNow"]), a)
+                return [2, Promise.resolve(c.data)];
+              if (this.setState(re({ loading: !0, params: n }, c)), l)
+                return [2, Promise.resolve(c.data)];
+              (E = (b = this.options).onBefore) === null || E === void 0 || E.call(b, n), y.label = 1;
+            case 1:
+              return y.trys.push([1, 3, , 4]), f = this.runPluginHandler("onRequest", this.serviceRef.current, n).servicePromise, f || (f = (h = this.serviceRef).current.apply(h, Z([], X(n), !1))), [4, f];
+            case 2:
+              return u = y.sent(), t !== this.count ? [2, new Promise(function() {
+              })] : (this.setState({
+                data: u,
+                error: void 0,
+                loading: !1
+              }), (w = (P = this.options).onSuccess) === null || w === void 0 || w.call(P, u, n), this.runPluginHandler("onSuccess", u, n), (L = (B = this.options).onFinally) === null || L === void 0 || L.call(B, n, u, void 0), t === this.count && this.runPluginHandler("onFinally", n, u, void 0), [2, u]);
+            case 3:
+              if (v = y.sent(), t !== this.count)
+                return [2, new Promise(function() {
+                })];
+              throw this.setState({
+                error: v,
+                loading: !1
+              }), (m = (N = this.options).onError) === null || m === void 0 || m.call(N, v, n), this.runPluginHandler("onError", v, n), (k = (j = this.options).onFinally) === null || k === void 0 || k.call(j, n, void 0, v), t === this.count && this.runPluginHandler("onFinally", n, void 0, v), v;
+            case 4:
+              return [
+                2
+                /*return*/
+              ];
+          }
+        });
+      });
+    }, e.prototype.run = function() {
+      for (var n = this, r = [], t = 0; t < arguments.length; t++)
+        r[t] = arguments[t];
+      this.runAsync.apply(this, Z([], X(r), !1)).catch(function(o) {
+        n.options.onError || console.error(o);
+      });
+    }, e.prototype.cancel = function() {
+      this.count += 1, this.setState({
+        loading: !1
+      }), this.runPluginHandler("onCancel");
+    }, e.prototype.refresh = function() {
+      this.run.apply(this, Z([], X(this.state.params || []), !1));
+    }, e.prototype.refreshAsync = function() {
+      return this.runAsync.apply(this, Z([], X(this.state.params || []), !1));
+    }, e.prototype.mutate = function(n) {
+      var r = Ye(n) ? n(this.state.data) : n;
+      this.runPluginHandler("onMutate", r), this.setState({
+        data: r
+      });
+    }, e;
+  })()
+);
+function Tr(e, n, r) {
+  n === void 0 && (n = {}), r === void 0 && (r = []);
+  var t = n.manual, o = t === void 0 ? !1 : t, i = n.ready, a = i === void 0 ? !0 : i, s = Kt(n, ["manual", "ready"]);
+  Ke && n.defaultParams && !Array.isArray(n.defaultParams) && console.warn("expected defaultParams is array, got ".concat(typeof n.defaultParams));
+  var l = re({ manual: o, ready: a }, s), c = Zt(e), f = Er(), u = Xt(function() {
+    var v = r.map(function(h) {
+      var b;
+      return (b = h?.onInit) === null || b === void 0 ? void 0 : b.call(h, l);
+    }).filter(Boolean);
+    return new wr(c, l, f, Object.assign.apply(Object, Z([{}], X(v), !1)));
+  }, []);
+  return u.options = l, u.pluginImpls = r.map(function(v) {
+    return v(u, l);
+  }), pt(function() {
+    if (!o && a) {
+      var v = u.state.params || n.defaultParams || [];
+      u.run.apply(u, Z([], X(v), !1));
+    }
+  }), ft(function() {
+    u.cancel();
+  }), {
+    loading: u.state.loading,
+    data: u.state.data,
+    error: u.state.error,
+    params: u.state.params || [],
+    cancel: pe(u.cancel.bind(u)),
+    refresh: pe(u.refresh.bind(u)),
+    refreshAsync: pe(u.refreshAsync.bind(u)),
+    run: pe(u.run.bind(u)),
+    runAsync: pe(u.runAsync.bind(u)),
+    mutate: pe(u.mutate.bind(u))
+  };
+}
+function nn(e, n, r) {
+  return Tr(e, n, Z(Z([], X([]), !1), [
+    cr,
+    lr,
+    dr,
+    vr,
+    xr,
+    Gt,
+    $n,
+    yr
+  ], !1));
+}
+function kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function He() {
+  return He = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var t in r) ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, He.apply(null, arguments);
+}
+function rn(e, n) {
+  if (e == null) return {};
+  var r = {};
+  for (var t in e) if ({}.hasOwnProperty.call(e, t)) {
+    if (n.indexOf(t) !== -1) continue;
+    r[t] = e[t];
+  }
+  return r;
+}
+function lt(e, n) {
+  return lt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, t) {
+    return r.__proto__ = t, r;
+  }, lt(e, n);
+}
+function ht(e, n) {
+  e.prototype = Object.create(n.prototype), e.prototype.constructor = e, lt(e, n);
+}
+var Ae = { exports: {} }, Me = { exports: {} }, z = {};
+var Ot;
+function Cr() {
+  if (Ot) return z;
+  Ot = 1;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, v = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, h = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, E = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, B = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function L(m) {
+    if (typeof m == "object" && m !== null) {
+      var j = m.$$typeof;
+      switch (j) {
+        case n:
+          switch (m = m.type, m) {
+            case l:
+            case c:
+            case t:
+            case i:
+            case o:
+            case u:
+              return m;
+            default:
+              switch (m = m && m.$$typeof, m) {
+                case s:
+                case f:
+                case b:
+                case h:
+                case a:
+                  return m;
+                default:
+                  return j;
+              }
+          }
+        case r:
+          return j;
+      }
+    }
+  }
+  function N(m) {
+    return L(m) === c;
+  }
+  return z.AsyncMode = l, z.ConcurrentMode = c, z.ContextConsumer = s, z.ContextProvider = a, z.Element = n, z.ForwardRef = f, z.Fragment = t, z.Lazy = b, z.Memo = h, z.Portal = r, z.Profiler = i, z.StrictMode = o, z.Suspense = u, z.isAsyncMode = function(m) {
+    return N(m) || L(m) === l;
+  }, z.isConcurrentMode = N, z.isContextConsumer = function(m) {
+    return L(m) === s;
+  }, z.isContextProvider = function(m) {
+    return L(m) === a;
+  }, z.isElement = function(m) {
+    return typeof m == "object" && m !== null && m.$$typeof === n;
+  }, z.isForwardRef = function(m) {
+    return L(m) === f;
+  }, z.isFragment = function(m) {
+    return L(m) === t;
+  }, z.isLazy = function(m) {
+    return L(m) === b;
+  }, z.isMemo = function(m) {
+    return L(m) === h;
+  }, z.isPortal = function(m) {
+    return L(m) === r;
+  }, z.isProfiler = function(m) {
+    return L(m) === i;
+  }, z.isStrictMode = function(m) {
+    return L(m) === o;
+  }, z.isSuspense = function(m) {
+    return L(m) === u;
+  }, z.isValidElementType = function(m) {
+    return typeof m == "string" || typeof m == "function" || m === t || m === c || m === i || m === o || m === u || m === v || typeof m == "object" && m !== null && (m.$$typeof === b || m.$$typeof === h || m.$$typeof === a || m.$$typeof === s || m.$$typeof === f || m.$$typeof === P || m.$$typeof === w || m.$$typeof === B || m.$$typeof === E);
+  }, z.typeOf = L, z;
+}
+var q = {};
+var Pt;
+function Sr() {
+  return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, v = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, h = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, E = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, P = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, B = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function L(g) {
+      return typeof g == "string" || typeof g == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      g === t || g === c || g === i || g === o || g === u || g === v || typeof g == "object" && g !== null && (g.$$typeof === b || g.$$typeof === h || g.$$typeof === a || g.$$typeof === s || g.$$typeof === f || g.$$typeof === P || g.$$typeof === w || g.$$typeof === B || g.$$typeof === E);
+    }
+    function N(g) {
+      if (typeof g == "object" && g !== null) {
+        var ie = g.$$typeof;
+        switch (ie) {
+          case n:
+            var Re = g.type;
+            switch (Re) {
+              case l:
+              case c:
+              case t:
+              case i:
+              case o:
+              case u:
+                return Re;
+              default:
+                var bt = Re && Re.$$typeof;
+                switch (bt) {
+                  case s:
+                  case f:
+                  case b:
+                  case h:
+                  case a:
+                    return bt;
+                  default:
+                    return ie;
+                }
+            }
+          case r:
+            return ie;
+        }
+      }
+    }
+    var m = l, j = c, k = s, y = a, T = n, O = f, _ = t, G = b, U = h, K = r, ne = i, oe = o, de = u, Le = !1;
+    function Xe(g) {
+      return Le || (Le = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), p(g) || N(g) === l;
+    }
+    function p(g) {
+      return N(g) === c;
+    }
+    function x(g) {
+      return N(g) === s;
+    }
+    function $(g) {
+      return N(g) === a;
+    }
+    function M(g) {
+      return typeof g == "object" && g !== null && g.$$typeof === n;
+    }
+    function R(g) {
+      return N(g) === f;
+    }
+    function I(g) {
+      return N(g) === t;
+    }
+    function A(g) {
+      return N(g) === b;
+    }
+    function W(g) {
+      return N(g) === h;
+    }
+    function D(g) {
+      return N(g) === r;
+    }
+    function H(g) {
+      return N(g) === i;
+    }
+    function F(g) {
+      return N(g) === o;
+    }
+    function J(g) {
+      return N(g) === u;
+    }
+    q.AsyncMode = m, q.ConcurrentMode = j, q.ContextConsumer = k, q.ContextProvider = y, q.Element = T, q.ForwardRef = O, q.Fragment = _, q.Lazy = G, q.Memo = U, q.Portal = K, q.Profiler = ne, q.StrictMode = oe, q.Suspense = de, q.isAsyncMode = Xe, q.isConcurrentMode = p, q.isContextConsumer = x, q.isContextProvider = $, q.isElement = M, q.isForwardRef = R, q.isFragment = I, q.isLazy = A, q.isMemo = W, q.isPortal = D, q.isProfiler = H, q.isStrictMode = F, q.isSuspense = J, q.isValidElementType = L, q.typeOf = N;
+  })()), q;
+}
+var Lt;
+function on() {
+  return Lt || (Lt = 1, process.env.NODE_ENV === "production" ? Me.exports = Cr() : Me.exports = Sr()), Me.exports;
+}
+var Qe, Rt;
+function Or() {
+  if (Rt) return Qe;
+  Rt = 1;
+  var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function t(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var a = {}, s = 0; s < 10; s++)
+        a["_" + String.fromCharCode(s)] = s;
+      var l = Object.getOwnPropertyNames(a).map(function(f) {
+        return a[f];
+      });
+      if (l.join("") !== "0123456789")
+        return !1;
+      var c = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
+        c[f] = f;
+      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Qe = o() ? Object.assign : function(i, a) {
+    for (var s, l = t(i), c, f = 1; f < arguments.length; f++) {
+      s = Object(arguments[f]);
+      for (var u in s)
+        n.call(s, u) && (l[u] = s[u]);
+      if (e) {
+        c = e(s);
+        for (var v = 0; v < c.length; v++)
+          r.call(s, c[v]) && (l[c[v]] = s[c[v]]);
+      }
+    }
+    return l;
+  }, Qe;
+}
+var et, Nt;
+function mt() {
+  if (Nt) return et;
+  Nt = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return et = e, et;
+}
+var tt, jt;
+function an() {
+  return jt || (jt = 1, tt = Function.call.bind(Object.prototype.hasOwnProperty)), tt;
+}
+var nt, _t;
+function Pr() {
+  if (_t) return nt;
+  _t = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var n = /* @__PURE__ */ mt(), r = {}, t = /* @__PURE__ */ an();
+    e = function(i) {
+      var a = "Warning: " + i;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function o(i, a, s, l, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var f in i)
+        if (t(i, f)) {
+          var u;
+          try {
+            if (typeof i[f] != "function") {
+              var v = Error(
+                (l || "React class") + ": " + s + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw v.name = "Invariant Violation", v;
+            }
+            u = i[f](a, f, l, s, null, n);
+          } catch (b) {
+            u = b;
+          }
+          if (u && !(u instanceof Error) && e(
+            (l || "React class") + ": type specification of " + s + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), u instanceof Error && !(u.message in r)) {
+            r[u.message] = !0;
+            var h = c ? c() : "";
+            e(
+              "Failed " + s + " type: " + u.message + (h ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, nt = o, nt;
+}
+var rt, At;
+function Lr() {
+  if (At) return rt;
+  At = 1;
+  var e = on(), n = Or(), r = /* @__PURE__ */ mt(), t = /* @__PURE__ */ an(), o = /* @__PURE__ */ Pr(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(s) {
+    var l = "Warning: " + s;
+    typeof console < "u" && console.error(l);
+    try {
+      throw new Error(l);
+    } catch {
+    }
+  });
+  function a() {
+    return null;
+  }
+  return rt = function(s, l) {
+    var c = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
+    function u(p) {
+      var x = p && (c && p[c] || p[f]);
+      if (typeof x == "function")
+        return x;
+    }
+    var v = "<<anonymous>>", h = {
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
+      any: B(),
+      arrayOf: L,
+      element: N(),
+      elementType: m(),
+      instanceOf: j,
+      node: O(),
+      objectOf: y,
+      oneOf: k,
+      oneOfType: T,
+      shape: G,
+      exact: U
+    };
+    function b(p, x) {
+      return p === x ? p !== 0 || 1 / p === 1 / x : p !== p && x !== x;
+    }
+    function E(p, x) {
+      this.message = p, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
+    }
+    E.prototype = Error.prototype;
+    function P(p) {
+      if (process.env.NODE_ENV !== "production")
+        var x = {}, $ = 0;
+      function M(I, A, W, D, H, F, J) {
+        if (D = D || v, F = F || W, J !== r) {
+          if (l) {
+            var g = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw g.name = "Invariant Violation", g;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ie = D + ":" + W;
+            !x[ie] && // Avoid spamming the console because they are often not actionable except for lib authors
+            $ < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), x[ie] = !0, $++);
+          }
+        }
+        return A[W] == null ? I ? A[W] === null ? new E("The " + H + " `" + F + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new E("The " + H + " `" + F + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : p(A, W, D, H, F);
+      }
+      var R = M.bind(null, !1);
+      return R.isRequired = M.bind(null, !0), R;
+    }
+    function w(p) {
+      function x($, M, R, I, A, W) {
+        var D = $[M], H = oe(D);
+        if (H !== p) {
+          var F = de(D);
+          return new E(
+            "Invalid " + I + " `" + A + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected ") + ("`" + p + "`."),
+            { expectedType: p }
+          );
+        }
+        return null;
+      }
+      return P(x);
+    }
+    function B() {
+      return P(a);
+    }
+    function L(p) {
+      function x($, M, R, I, A) {
+        if (typeof p != "function")
+          return new E("Property `" + A + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+        var W = $[M];
+        if (!Array.isArray(W)) {
+          var D = oe(W);
+          return new E("Invalid " + I + " `" + A + "` of type " + ("`" + D + "` supplied to `" + R + "`, expected an array."));
+        }
+        for (var H = 0; H < W.length; H++) {
+          var F = p(W, H, R, I, A + "[" + H + "]", r);
+          if (F instanceof Error)
+            return F;
+        }
+        return null;
+      }
+      return P(x);
+    }
+    function N() {
+      function p(x, $, M, R, I) {
+        var A = x[$];
+        if (!s(A)) {
+          var W = oe(A);
+          return new E("Invalid " + R + " `" + I + "` of type " + ("`" + W + "` supplied to `" + M + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return P(p);
+    }
+    function m() {
+      function p(x, $, M, R, I) {
+        var A = x[$];
+        if (!e.isValidElementType(A)) {
+          var W = oe(A);
+          return new E("Invalid " + R + " `" + I + "` of type " + ("`" + W + "` supplied to `" + M + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return P(p);
+    }
+    function j(p) {
+      function x($, M, R, I, A) {
+        if (!($[M] instanceof p)) {
+          var W = p.name || v, D = Xe($[M]);
+          return new E("Invalid " + I + " `" + A + "` of type " + ("`" + D + "` supplied to `" + R + "`, expected ") + ("instance of `" + W + "`."));
+        }
+        return null;
+      }
+      return P(x);
+    }
+    function k(p) {
+      if (!Array.isArray(p))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
+      function x($, M, R, I, A) {
+        for (var W = $[M], D = 0; D < p.length; D++)
+          if (b(W, p[D]))
+            return null;
+        var H = JSON.stringify(p, function(J, g) {
+          var ie = de(g);
+          return ie === "symbol" ? String(g) : g;
+        });
+        return new E("Invalid " + I + " `" + A + "` of value `" + String(W) + "` " + ("supplied to `" + R + "`, expected one of " + H + "."));
+      }
+      return P(x);
+    }
+    function y(p) {
+      function x($, M, R, I, A) {
+        if (typeof p != "function")
+          return new E("Property `" + A + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+        var W = $[M], D = oe(W);
+        if (D !== "object")
+          return new E("Invalid " + I + " `" + A + "` of type " + ("`" + D + "` supplied to `" + R + "`, expected an object."));
+        for (var H in W)
+          if (t(W, H)) {
+            var F = p(W, H, R, I, A + "." + H, r);
+            if (F instanceof Error)
+              return F;
+          }
+        return null;
+      }
+      return P(x);
+    }
+    function T(p) {
+      if (!Array.isArray(p))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
+      for (var x = 0; x < p.length; x++) {
+        var $ = p[x];
+        if (typeof $ != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Le($) + " at index " + x + "."
+          ), a;
+      }
+      function M(R, I, A, W, D) {
+        for (var H = [], F = 0; F < p.length; F++) {
+          var J = p[F], g = J(R, I, A, W, D, r);
+          if (g == null)
+            return null;
+          g.data && t(g.data, "expectedType") && H.push(g.data.expectedType);
+        }
+        var ie = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
+        return new E("Invalid " + W + " `" + D + "` supplied to " + ("`" + A + "`" + ie + "."));
+      }
+      return P(M);
+    }
+    function O() {
+      function p(x, $, M, R, I) {
+        return K(x[$]) ? null : new E("Invalid " + R + " `" + I + "` supplied to " + ("`" + M + "`, expected a ReactNode."));
+      }
+      return P(p);
+    }
+    function _(p, x, $, M, R) {
+      return new E(
+        (p || "React class") + ": " + x + " type `" + $ + "." + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+      );
+    }
+    function G(p) {
+      function x($, M, R, I, A) {
+        var W = $[M], D = oe(W);
+        if (D !== "object")
+          return new E("Invalid " + I + " `" + A + "` of type `" + D + "` " + ("supplied to `" + R + "`, expected `object`."));
+        for (var H in p) {
+          var F = p[H];
+          if (typeof F != "function")
+            return _(R, I, A, H, de(F));
+          var J = F(W, H, R, I, A + "." + H, r);
+          if (J)
+            return J;
+        }
+        return null;
+      }
+      return P(x);
+    }
+    function U(p) {
+      function x($, M, R, I, A) {
+        var W = $[M], D = oe(W);
+        if (D !== "object")
+          return new E("Invalid " + I + " `" + A + "` of type `" + D + "` " + ("supplied to `" + R + "`, expected `object`."));
+        var H = n({}, $[M], p);
+        for (var F in H) {
+          var J = p[F];
+          if (t(p, F) && typeof J != "function")
+            return _(R, I, A, F, de(J));
+          if (!J)
+            return new E(
+              "Invalid " + I + " `" + A + "` key `" + F + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify($[M], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
+            );
+          var g = J(W, F, R, I, A + "." + F, r);
+          if (g)
+            return g;
+        }
+        return null;
+      }
+      return P(x);
+    }
+    function K(p) {
+      switch (typeof p) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !p;
+        case "object":
+          if (Array.isArray(p))
+            return p.every(K);
+          if (p === null || s(p))
+            return !0;
+          var x = u(p);
+          if (x) {
+            var $ = x.call(p), M;
+            if (x !== p.entries) {
+              for (; !(M = $.next()).done; )
+                if (!K(M.value))
+                  return !1;
+            } else
+              for (; !(M = $.next()).done; ) {
+                var R = M.value;
+                if (R && !K(R[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function ne(p, x) {
+      return p === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
+    }
+    function oe(p) {
+      var x = typeof p;
+      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : ne(x, p) ? "symbol" : x;
+    }
+    function de(p) {
+      if (typeof p > "u" || p === null)
+        return "" + p;
+      var x = oe(p);
+      if (x === "object") {
+        if (p instanceof Date)
+          return "date";
+        if (p instanceof RegExp)
+          return "regexp";
+      }
+      return x;
+    }
+    function Le(p) {
+      var x = de(p);
+      switch (x) {
+        case "array":
+        case "object":
+          return "an " + x;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + x;
+        default:
+          return x;
+      }
+    }
+    function Xe(p) {
+      return !p.constructor || !p.constructor.name ? v : p.constructor.name;
+    }
+    return h.checkPropTypes = o, h.resetWarningCache = o.resetWarningCache, h.PropTypes = h, h;
+  }, rt;
+}
+var ot, Mt;
+function Rr() {
+  if (Mt) return ot;
+  Mt = 1;
+  var e = /* @__PURE__ */ mt();
+  function n() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = n, ot = function() {
+    function t(a, s, l, c, f, u) {
+      if (u !== e) {
+        var v = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw v.name = "Invariant Violation", v;
+      }
+    }
+    t.isRequired = t;
+    function o() {
+      return t;
+    }
+    var i = {
+      array: t,
+      bigint: t,
+      bool: t,
+      func: t,
+      number: t,
+      object: t,
+      string: t,
+      symbol: t,
+      any: t,
+      arrayOf: o,
+      element: t,
+      elementType: t,
+      instanceOf: o,
+      node: t,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: n
+    };
+    return i.PropTypes = i, i;
+  }, ot;
+}
+var Wt;
+function Nr() {
+  if (Wt) return Ae.exports;
+  if (Wt = 1, process.env.NODE_ENV !== "production") {
+    var e = on(), n = !0;
+    Ae.exports = /* @__PURE__ */ Lr()(e.isElement, n);
+  } else
+    Ae.exports = /* @__PURE__ */ Rr()();
+  return Ae.exports;
+}
+var jr = /* @__PURE__ */ Nr();
+const C = /* @__PURE__ */ kr(jr);
+function _r(e, n) {
+  return e.classList ? !!n && e.classList.contains(n) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + n + " ") !== -1;
+}
+function Ar(e, n) {
+  e.classList ? e.classList.add(n) : _r(e, n) || (typeof e.className == "string" ? e.className = e.className + " " + n : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + n));
+}
+function $t(e, n) {
+  return e.replace(new RegExp("(^|\\s)" + n + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function Mr(e, n) {
+  e.classList ? e.classList.remove(n) : typeof e.className == "string" ? e.className = $t(e.className, n) : e.setAttribute("class", $t(e.className && e.className.baseVal || "", n));
+}
+const It = {
+  disabled: !1
+};
+var Wr = process.env.NODE_ENV !== "production" ? C.oneOfType([C.number, C.shape({
+  enter: C.number,
+  exit: C.number,
+  appear: C.number
+}).isRequired]) : null, $r = process.env.NODE_ENV !== "production" ? C.oneOfType([C.string, C.shape({
+  enter: C.string,
+  exit: C.string,
+  active: C.string
+}), C.shape({
+  enter: C.string,
+  enterDone: C.string,
+  enterActive: C.string,
+  exit: C.string,
+  exitDone: C.string,
+  exitActive: C.string
+})]) : null;
+const vt = S.createContext(null);
+var sn = function(n) {
+  return n.scrollTop;
+}, we = "unmounted", he = "exited", ee = "entering", ae = "entered", Se = "exiting", le = /* @__PURE__ */ (function(e) {
+  ht(n, e);
+  function n(t, o) {
+    var i;
+    i = e.call(this, t, o) || this;
+    var a = o, s = a && !a.isMounting ? t.enter : t.appear, l;
+    return i.appearStatus = null, t.in ? s ? (l = he, i.appearStatus = ee) : l = ae : t.unmountOnExit || t.mountOnEnter ? l = we : l = he, i.state = {
+      status: l
+    }, i.nextCallback = null, i;
+  }
+  n.getDerivedStateFromProps = function(o, i) {
+    var a = o.in;
+    return a && i.status === we ? {
+      status: he
+    } : null;
+  };
+  var r = n.prototype;
+  return r.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, r.componentDidUpdate = function(o) {
+    var i = null;
+    if (o !== this.props) {
+      var a = this.state.status;
+      this.props.in ? a !== ee && a !== ae && (i = ee) : (a === ee || a === ae) && (i = Se);
+    }
+    this.updateStatus(!1, i);
+  }, r.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, r.getTimeouts = function() {
+    var o = this.props.timeout, i, a, s;
+    return i = a = s = o, o != null && typeof o != "number" && (i = o.exit, a = o.enter, s = o.appear !== void 0 ? o.appear : a), {
+      exit: i,
+      enter: a,
+      appear: s
+    };
+  }, r.updateStatus = function(o, i) {
+    if (o === void 0 && (o = !1), i !== null)
+      if (this.cancelNextCallback(), i === ee) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var a = this.props.nodeRef ? this.props.nodeRef.current : _e.findDOMNode(this);
+          a && sn(a);
+        }
+        this.performEnter(o);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === he && this.setState({
+      status: we
+    });
+  }, r.performEnter = function(o) {
+    var i = this, a = this.props.enter, s = this.context ? this.context.isMounting : o, l = this.props.nodeRef ? [s] : [_e.findDOMNode(this), s], c = l[0], f = l[1], u = this.getTimeouts(), v = s ? u.appear : u.enter;
+    if (!o && !a || It.disabled) {
+      this.safeSetState({
+        status: ae
+      }, function() {
+        i.props.onEntered(c);
+      });
+      return;
+    }
+    this.props.onEnter(c, f), this.safeSetState({
+      status: ee
+    }, function() {
+      i.props.onEntering(c, f), i.onTransitionEnd(v, function() {
+        i.safeSetState({
+          status: ae
+        }, function() {
+          i.props.onEntered(c, f);
+        });
+      });
+    });
+  }, r.performExit = function() {
+    var o = this, i = this.props.exit, a = this.getTimeouts(), s = this.props.nodeRef ? void 0 : _e.findDOMNode(this);
+    if (!i || It.disabled) {
+      this.safeSetState({
+        status: he
+      }, function() {
+        o.props.onExited(s);
+      });
+      return;
+    }
+    this.props.onExit(s), this.safeSetState({
+      status: Se
+    }, function() {
+      o.props.onExiting(s), o.onTransitionEnd(a.exit, function() {
+        o.safeSetState({
+          status: he
+        }, function() {
+          o.props.onExited(s);
+        });
+      });
+    });
+  }, r.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, r.safeSetState = function(o, i) {
+    i = this.setNextCallback(i), this.setState(o, i);
+  }, r.setNextCallback = function(o) {
+    var i = this, a = !0;
+    return this.nextCallback = function(s) {
+      a && (a = !1, i.nextCallback = null, o(s));
+    }, this.nextCallback.cancel = function() {
+      a = !1;
+    }, this.nextCallback;
+  }, r.onTransitionEnd = function(o, i) {
+    this.setNextCallback(i);
+    var a = this.props.nodeRef ? this.props.nodeRef.current : _e.findDOMNode(this), s = o == null && !this.props.addEndListener;
+    if (!a || s) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var l = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], c = l[0], f = l[1];
+      this.props.addEndListener(c, f);
+    }
+    o != null && setTimeout(this.nextCallback, o);
+  }, r.render = function() {
+    var o = this.state.status;
+    if (o === we)
+      return null;
+    var i = this.props, a = i.children;
+    i.in, i.mountOnEnter, i.unmountOnExit, i.appear, i.enter, i.exit, i.timeout, i.addEndListener, i.onEnter, i.onEntering, i.onEntered, i.onExit, i.onExiting, i.onExited, i.nodeRef;
+    var s = rn(i, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ S.createElement(vt.Provider, {
+        value: null
+      }, typeof a == "function" ? a(o, s) : S.cloneElement(S.Children.only(a), s))
+    );
+  }, n;
+})(S.Component);
+le.contextType = vt;
+le.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: C.shape({
+    current: typeof Element > "u" ? C.any : function(e, n, r, t, o, i) {
+      var a = e[n];
+      return C.instanceOf(a && "ownerDocument" in a ? a.ownerDocument.defaultView.Element : Element)(e, n, r, t, o, i);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: C.oneOfType([C.func.isRequired, C.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: C.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: C.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: C.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: C.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: C.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: C.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(n) {
+    var r = Wr;
+    n.addEndListener || (r = r.isRequired);
+    for (var t = arguments.length, o = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
+      o[i - 1] = arguments[i];
+    return r.apply(void 0, [n].concat(o));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: C.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: C.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: C.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: C.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: C.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: C.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: C.func
+} : {};
+function ge() {
+}
+le.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: ge,
+  onEntering: ge,
+  onEntered: ge,
+  onExit: ge,
+  onExiting: ge,
+  onExited: ge
+};
+le.UNMOUNTED = we;
+le.EXITED = he;
+le.ENTERING = ee;
+le.ENTERED = ae;
+le.EXITING = Se;
+var Ir = function(n, r) {
+  return n && r && r.split(" ").forEach(function(t) {
+    return Ar(n, t);
+  });
+}, it = function(n, r) {
+  return n && r && r.split(" ").forEach(function(t) {
+    return Mr(n, t);
+  });
+}, yt = /* @__PURE__ */ (function(e) {
+  ht(n, e);
+  function n() {
+    for (var t, o = arguments.length, i = new Array(o), a = 0; a < o; a++)
+      i[a] = arguments[a];
+    return t = e.call.apply(e, [this].concat(i)) || this, t.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, t.onEnter = function(s, l) {
+      var c = t.resolveArguments(s, l), f = c[0], u = c[1];
+      t.removeClasses(f, "exit"), t.addClass(f, u ? "appear" : "enter", "base"), t.props.onEnter && t.props.onEnter(s, l);
+    }, t.onEntering = function(s, l) {
+      var c = t.resolveArguments(s, l), f = c[0], u = c[1], v = u ? "appear" : "enter";
+      t.addClass(f, v, "active"), t.props.onEntering && t.props.onEntering(s, l);
+    }, t.onEntered = function(s, l) {
+      var c = t.resolveArguments(s, l), f = c[0], u = c[1], v = u ? "appear" : "enter";
+      t.removeClasses(f, v), t.addClass(f, v, "done"), t.props.onEntered && t.props.onEntered(s, l);
+    }, t.onExit = function(s) {
+      var l = t.resolveArguments(s), c = l[0];
+      t.removeClasses(c, "appear"), t.removeClasses(c, "enter"), t.addClass(c, "exit", "base"), t.props.onExit && t.props.onExit(s);
+    }, t.onExiting = function(s) {
+      var l = t.resolveArguments(s), c = l[0];
+      t.addClass(c, "exit", "active"), t.props.onExiting && t.props.onExiting(s);
+    }, t.onExited = function(s) {
+      var l = t.resolveArguments(s), c = l[0];
+      t.removeClasses(c, "exit"), t.addClass(c, "exit", "done"), t.props.onExited && t.props.onExited(s);
+    }, t.resolveArguments = function(s, l) {
+      return t.props.nodeRef ? [t.props.nodeRef.current, s] : [s, l];
+    }, t.getClassNames = function(s) {
+      var l = t.props.classNames, c = typeof l == "string", f = c && l ? l + "-" : "", u = c ? "" + f + s : l[s], v = c ? u + "-active" : l[s + "Active"], h = c ? u + "-done" : l[s + "Done"];
+      return {
+        baseClassName: u,
+        activeClassName: v,
+        doneClassName: h
+      };
+    }, t;
+  }
+  var r = n.prototype;
+  return r.addClass = function(o, i, a) {
+    var s = this.getClassNames(i)[a + "ClassName"], l = this.getClassNames("enter"), c = l.doneClassName;
+    i === "appear" && a === "done" && c && (s += " " + c), a === "active" && o && sn(o), s && (this.appliedClasses[i][a] = s, Ir(o, s));
+  }, r.removeClasses = function(o, i) {
+    var a = this.appliedClasses[i], s = a.base, l = a.active, c = a.done;
+    this.appliedClasses[i] = {}, s && it(o, s), l && it(o, l), c && it(o, c);
+  }, r.render = function() {
+    var o = this.props;
+    o.classNames;
+    var i = rn(o, ["classNames"]);
+    return /* @__PURE__ */ S.createElement(le, He({}, i, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, n;
+})(S.Component);
+yt.defaultProps = {
+  classNames: ""
+};
+yt.propTypes = process.env.NODE_ENV !== "production" ? He({}, le.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $r,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: C.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: C.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: C.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: C.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: C.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: C.func
+}) : {};
+var We, $e;
+function Dr(e, n) {
+  return !(e === n || S.isValidElement(e) && S.isValidElement(n) && e.key != null && e.key === n.key);
+}
+var fe = {
+  out: "out-in",
+  in: "in-out"
+}, Ve = function(n, r, t) {
+  return function() {
+    var o;
+    n.props[r] && (o = n.props)[r].apply(o, arguments), t();
+  };
+}, Fr = (We = {}, We[fe.out] = function(e) {
+  var n = e.current, r = e.changeState;
+  return S.cloneElement(n, {
+    in: !1,
+    onExited: Ve(n, "onExited", function() {
+      r(ee, null);
+    })
+  });
+}, We[fe.in] = function(e) {
+  var n = e.current, r = e.changeState, t = e.children;
+  return [n, S.cloneElement(t, {
+    in: !0,
+    onEntered: Ve(t, "onEntered", function() {
+      r(ee);
+    })
+  })];
+}, We), zr = ($e = {}, $e[fe.out] = function(e) {
+  var n = e.children, r = e.changeState;
+  return S.cloneElement(n, {
+    in: !0,
+    onEntered: Ve(n, "onEntered", function() {
+      r(ae, S.cloneElement(n, {
+        in: !0
+      }));
+    })
+  });
+}, $e[fe.in] = function(e) {
+  var n = e.current, r = e.children, t = e.changeState;
+  return [S.cloneElement(n, {
+    in: !1,
+    onExited: Ve(n, "onExited", function() {
+      t(ae, S.cloneElement(r, {
+        in: !0
+      }));
+    })
+  }), S.cloneElement(r, {
+    in: !0
+  })];
+}, $e), gt = /* @__PURE__ */ (function(e) {
+  ht(n, e);
+  function n() {
+    for (var t, o = arguments.length, i = new Array(o), a = 0; a < o; a++)
+      i[a] = arguments[a];
+    return t = e.call.apply(e, [this].concat(i)) || this, t.state = {
+      status: ae,
+      current: null
+    }, t.appeared = !1, t.changeState = function(s, l) {
+      l === void 0 && (l = t.state.current), t.setState({
+        status: s,
+        current: l
+      });
+    }, t;
+  }
+  var r = n.prototype;
+  return r.componentDidMount = function() {
+    this.appeared = !0;
+  }, n.getDerivedStateFromProps = function(o, i) {
+    return o.children == null ? {
+      current: null
+    } : i.status === ee && o.mode === fe.in ? {
+      status: ee
+    } : i.current && Dr(i.current, o.children) ? {
+      status: Se
+    } : {
+      current: S.cloneElement(o.children, {
+        in: !0
+      })
+    };
+  }, r.render = function() {
+    var o = this.props, i = o.children, a = o.mode, s = this.state, l = s.status, c = s.current, f = {
+      children: i,
+      current: c,
+      changeState: this.changeState,
+      status: l
+    }, u;
+    switch (l) {
+      case ee:
+        u = zr[a](f);
+        break;
+      case Se:
+        u = Fr[a](f);
+        break;
+      case ae:
+        u = c;
+    }
+    return /* @__PURE__ */ S.createElement(vt.Provider, {
+      value: {
+        isMounting: !this.appeared
+      }
+    }, u);
+  }, n;
+})(S.Component);
+gt.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Transition modes.
+   * `out-in`: Current element transitions out first, then when complete, the new element transitions in.
+   * `in-out`: New element transitions in first, then when complete, the current element transitions out.
+   *
+   * @type {'out-in'|'in-out'}
+   */
+  mode: C.oneOf([fe.in, fe.out]),
+  /**
+   * Any `Transition` or `CSSTransition` component.
+   */
+  children: C.oneOfType([C.element.isRequired])
+} : {};
+gt.defaultProps = {
+  mode: fe.out
+};
+const qr = () => {
+  const e = Yt();
+  return /* @__PURE__ */ V("section", { className: "flex items-center justify-start border-slate-200 mx-4 text-center my-3", children: [
+    /* @__PURE__ */ d(
+      "svg",
+      {
+        className: "w-8 h-8 fill-red-500",
+        viewBox: "0 0 400 400",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ V("g", { children: [
+          /* @__PURE__ */ d("ellipse", { cx: "200.611", cy: "200.667", rx: "177.778", ry: "177.778" }),
+          /* @__PURE__ */ d(
+            "path",
+            {
+              fill: "#fff",
+              d: "M28.944 221.778l197.5-194.445L367 254.556 227.556 374 28.944 221.778z"
+            }
+          ),
+          /* @__PURE__ */ d("path", { d: "M78.431 253.29c15.953 45.715 69.05 64.287 135.717 66.43 166.908 12.62 192.836-144.553 36.578-120.73-64.853 10.321-82.784-8.213-85.598-36.225-2.813-28.012 30.315-52.258 67.58-53.362 37.264-1.103 54.208 22.032 48.86 41.818l-9.562 19.561c41.474-19.361 20.499-63.282-27.842-79.486-153.068-31.708-185.996 155.8-20.504 125.847 68.981-11.553 134.89 63.901 2.433 88.456-23.908 3.21-100.442 8.175-127.509-42.995l-20.153-9.314z" }),
+          /* @__PURE__ */ d("ellipse", { cx: "98.944", cy: "237.889", rx: "26.111", ry: "26.111" }),
+          /* @__PURE__ */ d("ellipse", { cx: "259.222", cy: "153.167", rx: "21.944", ry: "21.944" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ d(Te, { title: e, children: /* @__PURE__ */ d("span", { className: "text-lg font-bold ml-2 bg-gradient-to-r from-red-500 to-orange-500 bg-clip text-transparent custom-logo-text", children: e.substring(0, 9) }) })
+  ] });
+}, Br = () => {
+  const { menus: e } = ce(), n = ye(), r = Pe(), [t, o] = se([""]), i = e.map((l) => l?.key);
+  return te(() => {
+    o(r.pathname.substring(1).split("/"));
+  }, [r.pathname]), /* @__PURE__ */ d("section", { className: "flex-1 flex flex-col justify-between", children: /* @__PURE__ */ d(
+    zt,
+    {
+      mode: "inline",
+      openKeys: t,
+      onOpenChange: (l) => {
+        const c = l.find((f) => t.indexOf(f) === -1);
+        i.indexOf(c) === -1 ? o(l) : o(c ? [c] : []);
+      },
+      onClick: ({ keyPath: l, key: c, item: f }) => {
+        if (c.indexOf("://") !== -1) {
+          window.open(c);
+          return;
+        }
+        const u = f.props?.query || "", v = l.reverse().join("/");
+        n(`${v}${u ? "?" + u : ""}`);
+      },
+      selectedKeys: r.pathname.substring(1).split("/"),
+      items: e,
+      style: { borderInlineWidth: 0 },
+      className: "border-t border-b border-slate-100"
+    }
+  ) });
+};
+var Hr = ["size", "strokeWidth", "strokeLinecap", "strokeLinejoin", "theme", "fill", "className", "spin"];
+function Dt(e, n) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(e);
+    n && (t = t.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, t);
+  }
+  return r;
+}
+function Ft(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var r = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Dt(Object(r), !0).forEach(function(t) {
+      Vr(e, t, r[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Dt(Object(r)).forEach(function(t) {
+      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+    });
+  }
+  return e;
+}
+function Vr(e, n, r) {
+  return n in e ? Object.defineProperty(e, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = r, e;
+}
+function Ur(e, n) {
+  if (e == null) return {};
+  var r = Yr(e, n), t, o;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function Yr(e, n) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), o, i;
+  for (i = 0; i < t.length; i++)
+    o = t[i], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
+  return r;
+}
+var Kr = {
+  size: "1em",
+  strokeWidth: 4,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  rtl: !1,
+  theme: "outline",
+  colors: {
+    outline: {
+      fill: "#333",
+      background: "transparent"
+    },
+    filled: {
+      fill: "#333",
+      background: "#FFF"
+    },
+    twoTone: {
+      fill: "#333",
+      twoTone: "#2F88FF"
+    },
+    multiColor: {
+      outStrokeColor: "#333",
+      outFillColor: "#2F88FF",
+      innerStrokeColor: "#FFF",
+      innerFillColor: "#43CCF8"
+    }
+  },
+  prefix: "i"
+};
+function Gr() {
+  return "icon-" + ((1 + Math.random()) * 4294967296 | 0).toString(16).substring(1);
+}
+function Xr(e, n, r) {
+  var t = typeof n.fill == "string" ? [n.fill] : n.fill || [], o = [], i = n.theme || r.theme;
+  switch (i) {
+    case "outline":
+      o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push("none"), o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push("none");
+      break;
+    case "filled":
+      o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push("#FFF"), o.push("#FFF");
+      break;
+    case "two-tone":
+      o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push(typeof t[1] == "string" ? t[1] : r.colors.twoTone.twoTone), o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push(typeof t[1] == "string" ? t[1] : r.colors.twoTone.twoTone);
+      break;
+    case "multi-color":
+      o.push(typeof t[0] == "string" ? t[0] : "currentColor"), o.push(typeof t[1] == "string" ? t[1] : r.colors.multiColor.outFillColor), o.push(typeof t[2] == "string" ? t[2] : r.colors.multiColor.innerStrokeColor), o.push(typeof t[3] == "string" ? t[3] : r.colors.multiColor.innerFillColor);
+      break;
+  }
+  return {
+    size: n.size || r.size,
+    strokeWidth: n.strokeWidth || r.strokeWidth,
+    strokeLinecap: n.strokeLinecap || r.strokeLinecap,
+    strokeLinejoin: n.strokeLinejoin || r.strokeLinejoin,
+    colors: o,
+    id: e
+  };
+}
+var cn = /* @__PURE__ */ wn(Kr);
+cn.Provider;
+function xe(e, n, r) {
+  return function(t) {
+    var o = t.size, i = t.strokeWidth, a = t.strokeLinecap, s = t.strokeLinejoin, l = t.theme, c = t.fill, f = t.className, u = t.spin, v = Ur(t, Hr), h = En(cn), b = ue(Gr, []), E = Xr(b, {
+      size: o,
+      strokeWidth: i,
+      strokeLinecap: a,
+      strokeLinejoin: s,
+      theme: l,
+      fill: c
+    }, h), P = [h.prefix + "-icon"];
+    return P.push(h.prefix + "-icon-" + e), n && h.rtl && P.push(h.prefix + "-icon-rtl"), u && P.push(h.prefix + "-icon-spin"), f && P.push(f), /* @__PURE__ */ S.createElement("span", Ft(Ft({}, v), {}, {
+      className: P.join(" ")
+    }), r(E));
+  };
+}
+const Zr = xe("grid-three", !0, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("path", {
+    d: "M39.3 6H8.7C7.20883 6 6 7.20883 6 8.7V39.3C6 40.7912 7.20883 42 8.7 42H39.3C40.7912 42 42 40.7912 42 39.3V8.7C42 7.20883 40.7912 6 39.3 6Z",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M15 6L15 42",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M42 17H6",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap
+  }));
+}), Jr = xe("home", !1, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("path", {
+    d: "M9 18V42H39V18L24 6L9 18Z",
+    fill: e.colors[1],
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M19 29V42H29V29H19Z",
+    fill: e.colors[3],
+    stroke: e.colors[2],
+    strokeWidth: e.strokeWidth,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M9 42H39",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap
+  }));
+}), ln = xe("info", !0, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("path", {
+    d: "M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z",
+    fill: e.colors[1],
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 11C25.3807 11 26.5 12.1193 26.5 13.5C26.5 14.8807 25.3807 16 24 16C22.6193 16 21.5 14.8807 21.5 13.5C21.5 12.1193 22.6193 11 24 11Z",
+    fill: e.colors[2]
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M24.5 34V20H23.5H22.5",
+    stroke: e.colors[2],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M21 34H28",
+    stroke: e.colors[2],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }));
+}), Qr = xe("layout-one", !0, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("rect", {
+    x: "6",
+    y: "6",
+    width: "36",
+    height: "36",
+    rx: "3",
+    fill: e.colors[1],
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M6 16H42",
+    stroke: e.colors[2],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M6 13V19",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M42 14V20",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M32 16V42",
+    stroke: e.colors[2],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M29 42H35",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }));
+}), un = xe("logout", !0, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("path", {
+    d: "M23.9917 6H6V42H24",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M33 33L42 24L33 15",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }), /* @__PURE__ */ S.createElement("path", {
+    d: "M16 23.9917H42",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }));
+}), eo = xe("right", !0, function(e) {
+  return /* @__PURE__ */ S.createElement("svg", {
+    width: e.size,
+    height: e.size,
+    viewBox: "0 0 48 48",
+    fill: "none"
+  }, /* @__PURE__ */ S.createElement("path", {
+    d: "M19 12L31 24L19 36",
+    stroke: e.colors[0],
+    strokeWidth: e.strokeWidth,
+    strokeLinecap: e.strokeLinecap,
+    strokeLinejoin: e.strokeLinejoin
+  }));
+});
+function to(e) {
+  return typeof e == "number" ? e === 0 ? 1 : 0 : e === "legacy" ? "modern" : e === "modern" ? "legacy" : 0;
+}
+function no() {
+  const { layoutStyle: e, setLayoutStyle: n } = ce(), r = ut(), t = to(e), o = e === 0 || e === "legacy";
+  return /* @__PURE__ */ d(Te, { placement: "top", title: o ? "切换到顶部菜单" : "切换到左侧菜单", children: /* @__PURE__ */ d(
+    be,
+    {
+      type: "text",
+      className: "hover:bg-gray-100 rounded h-8 w-8 flex-center",
+      onClick: () => {
+        r.layout?.set?.(t === 0 ? "legacy" : "modern"), n(t);
+      },
+      children: o ? /* @__PURE__ */ d(Zr, { theme: "outline", size: "16", className: "text-slate-500" }) : /* @__PURE__ */ d(
+        Qr,
+        {
+          theme: "outline",
+          size: "16",
+          className: "text-slate-500 -scale-x-100"
+        }
+      )
+    }
+  ) });
+}
+const ro = () => {
+  const { user: e, recoverConfig: n } = ce(), r = ye(), t = ut(), o = Ut(), i = nn(
+    () => o({
+      url: "v1/system/logout",
+      method: "post"
+    }),
+    {
+      manual: !0
+    }
+  );
+  return /* @__PURE__ */ V("section", { className: "bg-white mt-4 p-3 pr-2 flex items-center border border-slate-200 rounded-lg m-2", children: [
+    /* @__PURE__ */ V("div", { className: "ml-1 flex-1", children: [
+      /* @__PURE__ */ d("div", { className: "text-slate-600 font-bold", children: e.userName }),
+      /* @__PURE__ */ V("div", { className: "text-slate-400 text-sm", children: [
+        "@",
+        e.roles
+      ] })
+    ] }),
+    /* @__PURE__ */ d(st, { to: "userinfo", className: "hover:bg-gray-100 rounded h-8 w-8 flex-center", children: /* @__PURE__ */ d(ln, { theme: "outline", size: "16", className: "text-slate-500" }) }),
+    /* @__PURE__ */ d(no, {}),
+    /* @__PURE__ */ d(
+      vn,
+      {
+        title: "确认注销？",
+        onConfirm: () => {
+          i.run(), t.token?.set?.(""), t.user?.set?.(""), n(), r("/login");
+        },
+        children: /* @__PURE__ */ d(be, { type: "text", className: "hover:bg-gray-100 rounded h-8 w-8 flex-center", children: /* @__PURE__ */ d(un, { theme: "outline", size: "16", className: "text-slate-500" }) })
+      }
+    )
+  ] });
+}, oo = (e) => {
+  const { cls: n } = e, r = ve(
+    "aside_tree flex-shrink-0 flex flex-col overflow-auto h-screen sticky top-0 border-r border-r-slate-200 w-[248px] bg-slate-50 text-gray-700 text-sm",
+    n
+  );
+  return /* @__PURE__ */ V("aside", { className: r, children: [
+    /* @__PURE__ */ d(qr, {}),
+    e.loading ? /* @__PURE__ */ V(ke, { children: [
+      /* @__PURE__ */ d(Br, {}),
+      /* @__PURE__ */ d(ro, {})
+    ] }) : e.spin
+  ] });
+};
+var io = "[object AsyncFunction]", ao = "[object Function]", so = "[object GeneratorFunction]", co = "[object Proxy]";
+function lo(e) {
+  if (!Ce(e))
+    return !1;
+  var n = en(e);
+  return n == ao || n == so || n == io || n == co;
+}
+const uo = () => {
+  const n = Tn().map((r) => {
+    const { getTitle: t, title: o } = r.handle || {};
+    return {
+      title: lo(t) ? t(r) : o,
+      path: r.pathname
+    };
+  }).filter((r) => !!r.title);
+  return /* @__PURE__ */ V("header", { children: [
+    /* @__PURE__ */ V("section", { className: "my-3 flex items-center text-gray-500 text-sm", children: [
+      /* @__PURE__ */ d(st, { to: "/home", children: /* @__PURE__ */ d(Jr, { theme: "outline", size: "20" }) }),
+      n.map(({ title: r, path: t }, o) => o > 0 ? /* @__PURE__ */ V(ke, { children: [
+        /* @__PURE__ */ d(eo, { theme: "outline", size: "14", className: "text-gray-200 mx-2" }),
+        /* @__PURE__ */ d(
+          st,
+          {
+            to: t,
+            className: o === n.length - 1 ? "text-gray-500 font-bold" : "",
+            children: r
+          }
+        )
+      ] }, o) : /* @__PURE__ */ d(ke, {}, o))
+    ] }),
+    /* @__PURE__ */ d("section", { className: "mt-8 mb-4 text-2xl font-bold" })
+  ] });
+}, Wo = () => {
+  const { userReq: e, menuReq: n } = ce();
+  pt(() => {
+    !e.data && e.run(), !n.data && n.run();
+  });
+  const [r, t] = se(!0), o = Pe(), i = Y(null), a = ve(
+    r ? "opacity-100 w-[248px]" : "!w-0 opacity-0",
+    "transition-all duration-200"
+  ), s = ue(
+    () => /* @__PURE__ */ d("div", { className: "p-4 pl-6", children: /* @__PURE__ */ d(qe, {}) }),
+    []
+  );
+  return /* @__PURE__ */ V("div", { className: "sg-layout sg-layout--main flex overflow-hidden w-screen", children: [
+    /* @__PURE__ */ d(
+      oo,
+      {
+        loading: !!n.data,
+        spin: s,
+        cls: a
+      }
+    ),
+    /* @__PURE__ */ d(Vt, { status: r, setStatus: t }),
+    n.data ? /* @__PURE__ */ d(ke, { children: /* @__PURE__ */ V("main", { className: "flex flex-col flex-1 overflow-x-auto p-8 pt-2 h-screen", children: [
+      /* @__PURE__ */ d(uo, {}),
+      /* @__PURE__ */ d(gt, { children: /* @__PURE__ */ d(
+        yt,
+        {
+          timeout: 100,
+          classNames: "fade",
+          appear: !0,
+          unmountOnExit: !0,
+          nodeRef: i,
+          children: /* @__PURE__ */ d("div", { ref: i, children: /* @__PURE__ */ d(Bt, { children: /* @__PURE__ */ d(kn, {}) }) })
+        },
+        o.pathname
+      ) })
+    ] }) }) : s
+  ] });
+};
+function fo() {
+  const e = Pe(), n = ye(), { setActiveTopLabel: r, layoutStyle: t } = ce();
+  te(() => {
+    if (Sn(t)) return;
+    const o = e.pathname.substring(1);
+    if (o === "") {
+      n("/home", { replace: !0 });
+      return;
+    }
+    const i = o.indexOf("/") === -1 ? o : o.substring(0, o.indexOf("/"));
+    r(i);
+  }, [t, e.pathname, n, r]);
+}
+const fn = (e, n) => n.every((r) => e.includes(r)), po = () => {
+  const { menus: e, activeTopLabel: n, activeLeftMenuChildren: r, flattenRoutes: t } = ce(), o = ye(), i = Pe(), [a, s] = se([""]), l = e.map((u) => u?.key);
+  return te(() => {
+    s(i.pathname.substring(1).split("/"));
+  }, [i.pathname]), /* @__PURE__ */ d("section", { className: "flex-1 flex flex-col justify-between", children: /* @__PURE__ */ d(
+    zt,
+    {
+      mode: "inline",
+      openKeys: a,
+      onOpenChange: (u) => {
+        const v = u.find((h) => a.indexOf(h) === -1);
+        l.indexOf(v) === -1 ? s(u) : s(v ? [v] : []);
+      },
+      onClick: ({ keyPath: u, key: v }) => {
+        if (v.indexOf("://") !== -1) {
+          window.open(v);
+          return;
+        }
+        const h = u.reverse().join("/");
+        if (i.pathname.substring(1) !== v) {
+          const b = `${n}/${h}`.split("/"), E = t.findIndex(
+            (P) => fn(String(P.key).split("?")[0].split("/"), b)
+          );
+          E >= 0 && o(`/${t[E].key}`);
+        }
+      },
+      selectedKeys: i.pathname.substring(1).split("/"),
+      items: r,
+      style: { borderInlineWidth: 0 },
+      className: "border-b border-slate-100"
+    }
+  ) });
+}, ho = (e) => {
+  const { cls: n } = e, r = ve(
+    "aside_tree flex-shrink-0 flex flex-col overflow-auto h-full sticky top-0 border-r border-r-slate-200 w-[248px] bg-slate-50 text-gray-700 text-sm",
+    n
+  );
+  return /* @__PURE__ */ d("aside", { className: r, children: e.loading ? /* @__PURE__ */ d(ke, { children: /* @__PURE__ */ d(po, {}) }) : e.spin });
+}, mo = () => {
+  const { userReq: e, recoverConfig: n, resetTabs: r } = ce(), t = ye(), [o, i] = se(!1), a = e.data?.data?.user || {}, s = ut(), l = Ut(), c = nn(
+    () => l({
+      url: "v1/system/logout",
+      method: "post"
+    }),
+    {
+      manual: !0
+    }
+  );
+  return /* @__PURE__ */ V(xt, { children: [
+    /* @__PURE__ */ d("section", { className: "pr-2 flex items-center", children: /* @__PURE__ */ d(
+      qt,
+      {
+        menu: { items: [
+          {
+            key: "info",
+            label: /* @__PURE__ */ V(Et, { children: [
+              /* @__PURE__ */ d(ln, { theme: "outline", size: "14", className: "text-slate-500" }),
+              /* @__PURE__ */ d("span", { className: "text-slate-500", children: "个人信息" })
+            ] }),
+            onClick: () => {
+              t("/userinfo");
+            }
+          },
+          {
+            key: "logout",
+            label: /* @__PURE__ */ V(Et, { children: [
+              /* @__PURE__ */ d(un, { theme: "outline", size: "14", className: "text-slate-500" }),
+              /* @__PURE__ */ d("span", { className: "text-slate-500", children: "退出" })
+            ] }),
+            onClick: () => i(!0)
+          }
+        ] },
+        placement: "topRight",
+        arrow: { pointAtCenter: !0 },
+        children: /* @__PURE__ */ d(pn, { className: "mr-1", children: String(a?.nickName || "").substring(0, 1) })
+      }
+    ) }),
+    /* @__PURE__ */ d(
+      hn,
+      {
+        centered: !0,
+        title: /* @__PURE__ */ d("span", { className: "text-[20px] leading-[20px] font-[400] text-[#333]", children: "您确定要退出吗？" }),
+        footer: /* @__PURE__ */ V(xt, { children: [
+          /* @__PURE__ */ d(
+            be,
+            {
+              type: "default",
+              onClick: () => {
+                c.run(), s.token?.set?.(""), s.user?.set?.(""), r(), n(), t("/login");
+              },
+              children: "退出"
+            }
+          ),
+          /* @__PURE__ */ d(be, { type: "primary", onClick: () => i(!1), children: "保持登录" })
+        ] }),
+        maskClosable: !1,
+        open: o,
+        width: 416,
+        onCancel: () => i(!1),
+        onOk: () => i(!1),
+        transitionName: "",
+        maskTransitionName: "",
+        children: /* @__PURE__ */ d("p", { className: "text-[13px] mt-[16px] mb-[39px] text-[#626675] leading-[13px]", children: "退出后，个人信息、部分缓存数据等功能可能无法使用。" })
+      }
+    )
+  ] });
+}, vo = (e) => {
+  const { className: n } = e, r = ye(), { topRootMenus: t, setActiveTopLabel: o, activeTopLabel: i } = ce(), a = Yt(), s = Y(null), [l, c] = se(!1), [f, u] = se(!1), v = () => {
+    const w = s.current;
+    if (!w) return;
+    const B = w.scrollWidth - w.clientWidth;
+    c(w.scrollLeft > 0), u(B > 0 && w.scrollLeft < B - 1);
+  };
+  te(() => {
+    v();
+    const w = s.current;
+    if (!w) return;
+    const B = () => v(), L = () => v(), N = (m) => {
+      if (w.scrollWidth - w.clientWidth <= 0) return;
+      const k = m.deltaX !== 0 ? m.deltaX : m.deltaY;
+      if (k === 0) return;
+      const y = w.scrollLeft;
+      w.scrollLeft += k, w.scrollLeft !== y && m.preventDefault();
+    };
+    return w.addEventListener("scroll", B, { passive: !0 }), w.addEventListener("wheel", N, { passive: !1 }), window.addEventListener("resize", L), () => {
+      w.removeEventListener("scroll", B), w.removeEventListener("wheel", N), window.removeEventListener("resize", L);
+    };
+  }, [t.length]);
+  const h = ue(
+    () => ve(
+      "modern-top-menu",
+      l && "is-scroll-left",
+      f && "is-scroll-right"
+    ),
+    [l, f]
+  ), b = (w) => {
+    const B = s.current;
+    B && B.scrollBy({ left: w, behavior: "smooth" });
+  }, E = ve(n), P = "modern-top-menu__item";
+  return /* @__PURE__ */ d("header", { className: E, children: /* @__PURE__ */ V("section", { className: "flex justify-between text-gray-500 text-sm border-b border-slate-200", children: [
+    /* @__PURE__ */ d("div", { className: "w-[247px]", children: /* @__PURE__ */ V("section", { className: "flex items-center justify-start border-slate-200 mx-4 text-center my-3", children: [
+      /* @__PURE__ */ d(
+        "svg",
+        {
+          className: "w-8 h-8 fill-red-500",
+          viewBox: "0 0 400 400",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ V("g", { children: [
+            /* @__PURE__ */ d("ellipse", { cx: "200.611", cy: "200.667", rx: "177.778", ry: "177.778" }),
+            /* @__PURE__ */ d(
+              "path",
+              {
+                fill: "#fff",
+                d: "M28.944 221.778l197.5-194.445L367 254.556 227.556 374 28.944 221.778z"
+              }
+            ),
+            /* @__PURE__ */ d("path", { d: "M78.431 253.29c15.953 45.715 69.05 64.287 135.717 66.433 166.908 12.62 192.836-144.553 36.578-120.73-64.853 10.321-82.784-8.213-85.598-36.225-2.813-28.012 30.315-52.258 67.58-53.362 37.264-1.103 54.208 22.032 48.86 41.818l-9.562 19.561c41.474-19.361 20.499-63.282-27.842-79.486-153.068-31.708-185.996 155.8-20.504 125.847 68.981-11.553 134.89 63.901 2.433 88.456-23.908 3.21-100.442 8.175-127.509-42.995l-20.153-9.314z" }),
+            /* @__PURE__ */ d("ellipse", { cx: "98.944", cy: "237.889", rx: "26.111", ry: "26.111" }),
+            /* @__PURE__ */ d("ellipse", { cx: "259.222", cy: "153.167", rx: "21.944", ry: "21.944" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ d(Te, { title: a, children: /* @__PURE__ */ d("span", { className: "text-lg font-bold ml-2 bg-gradient-to-r from-red-500 to-orange-500 bg-clip text-transparent custom-logo-text", children: a.substring(0, 9) }) })
+    ] }) }),
+    /* @__PURE__ */ d("section", { className: "flex flex-1 min-w-0 justify-start", children: /* @__PURE__ */ V("div", { className: h, children: [
+      /* @__PURE__ */ d(
+        be,
+        {
+          type: "text",
+          className: "modern-top-menu__btn modern-top-menu__btn--left",
+          onClick: () => b(-320),
+          "aria-label": "scroll left",
+          icon: /* @__PURE__ */ d(bn, {})
+        }
+      ),
+      /* @__PURE__ */ d("ul", { ref: s, className: "modern-ul", children: t.map((w) => /* @__PURE__ */ d(
+        "li",
+        {
+          className: `${P} ${i === w.key ? "menu-checked" : ""}`,
+          onClick: () => {
+            o(w.key), r(`/${w.key}`);
+          },
+          title: String(w.label ?? ""),
+          children: /* @__PURE__ */ d("span", { className: "modern-top-menu__item-text", children: w.label })
+        },
+        w.key
+      )) }),
+      /* @__PURE__ */ d(
+        be,
+        {
+          type: "text",
+          className: "modern-top-menu__btn modern-top-menu__btn--right",
+          onClick: () => b(320),
+          "aria-label": "scroll right",
+          icon: /* @__PURE__ */ d(xn, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ d("section", { className: "flex-center w-[200px] justify-end mr-4", children: /* @__PURE__ */ d(mo, {}) })
+  ] }) });
+};
+var yo = (e) => {
+  let n = e;
+  for (; n = n.parentElement; ) {
+    const r = getComputedStyle(n, null).getPropertyValue("overflow-y");
+    if (n === document.body)
+      return window;
+    if (r === "auto" || r === "scroll" || r === "overlay")
+      return n;
+  }
+  return window;
+}, dn = (e) => e.firstChild ? e.firstChild.offsetParent === e : !0, go = (e, n) => {
+  let r = e, t = 0;
+  dn(n) || (t += e.offsetTop - n.offsetTop, n = e.offsetParent, t += -e.offsetTop);
+  do
+    t += r.offsetTop, r = r.offsetParent;
+  while (r && r !== n);
+  return t;
+}, bo = (e) => {
+  let n = e.parentElement;
+  for (; n && getComputedStyle(n, null).getPropertyValue("display") === "contents"; )
+    n = n.parentElement;
+  return n || window;
+}, Oe = null;
+typeof CSS < "u" && CSS.supports && (CSS.supports("position", "sticky") ? Oe = "sticky" : CSS.supports("position", "-webkit-sticky") && (Oe = "-webkit-sticky"));
+var Ue = !1;
+try {
+  const e = Object.defineProperty({}, "passive", {
+    // eslint-disable-next-line getter-return
+    get() {
+      Ue = { passive: !0 };
+    }
+  }), n = () => {
+  };
+  window.addEventListener("testPassive", n, e), window.removeEventListener("testPassive", n, e);
+} catch {
+}
+var at = (e) => {
+  const { el: n, onChange: r, unsubs: t, measure: o } = e;
+  if (n === window) {
+    const i = () => ({ top: 0, left: 0, height: window.innerHeight, width: window.innerWidth }), a = o(i()), s = () => {
+      Object.assign(a, o(i())), r();
+    };
+    return window.addEventListener("resize", s, Ue), t.push(() => window.removeEventListener("resize", s)), a;
+  } else {
+    const i = o(n.getBoundingClientRect()), a = () => {
+      Object.assign(i, o(n.getBoundingClientRect())), r();
+    }, s = new ResizeObserver(a);
+    return s.observe(n), t.push(() => s.disconnect()), i;
+  }
+}, xo = (e) => {
+  const n = getComputedStyle(e, null), r = parseInt(n.getPropertyValue("padding-top"), 10), t = parseInt(n.getPropertyValue("padding-bottom"), 10);
+  return { top: r, bottom: t };
+}, Eo = (e, n, r) => {
+  const { bottom: t, offsetBottom: o, offsetTop: i } = r, a = yo(e);
+  let s = !1;
+  const l = () => {
+    s || requestAnimationFrame(() => {
+      const k = u();
+      if (k !== L)
+        N(k);
+      else if (k === 1 && !t) {
+        const { height: y } = h, { height: T } = w;
+        e.style.top = `${y - T - o}px`;
+      } else if (k === 2) {
+        const { height: y, offsetTop: T } = h, { height: O, naturalTop: _ } = P, { height: G } = w, U = Math.max(
+          0,
+          T + c + y - (_ + G + o)
+        );
+        if (t) {
+          const K = Math.max(0, O - G - U);
+          e.style.bottom = `${K}px`;
+        } else
+          e.style.top = `${U}px`;
+      }
+      s = !1;
+    }), s = !0;
+  };
+  let c = a === window ? window.scrollY : a.scrollTop;
+  const f = (k) => {
+    const { offsetTop: y, height: T } = h, { naturalTop: O } = P, { height: _ } = w;
+    return k + y + T >= O + _ + B + o;
+  }, u = () => {
+    const { height: k } = h, { height: y } = w;
+    return y + i + o <= k ? 3 : f(c) ? 1 : 2;
+  }, v = a !== window && dn(a), h = at({
+    el: a,
+    onChange: l,
+    unsubs: n,
+    measure: ({ height: k, top: y }) => ({
+      height: k,
+      offsetTop: v ? y : 0
+    })
+  }), b = bo(e), E = b === window ? { top: 0, bottom: 0 } : xo(b), P = at({
+    el: b,
+    onChange: l,
+    unsubs: n,
+    measure: ({ height: k }) => ({
+      height: k - E.top - E.bottom,
+      naturalTop: b === window ? 0 : go(b, a) + E.top + h.offsetTop
+    })
+  }), w = at({
+    el: e,
+    onChange: l,
+    unsubs: n,
+    measure: ({ height: k }) => ({ height: k })
+  });
+  let B = 0, L = u();
+  const N = (k) => {
+    const y = L;
+    if (L = k, y === 2 && (B = -1), k === 3) {
+      e.style.position = Oe, t ? e.style.bottom = `${o}px` : e.style.top = `${i}px`;
+      return;
+    }
+    const { height: T, offsetTop: O } = h, { height: _, naturalTop: G } = P, { height: U } = w;
+    if (k === 2)
+      if (e.style.position = "relative", B = y === 0 ? Math.max(0, O + c - G + i) : Math.max(
+        0,
+        O + c + T - (G + U + o)
+      ), t) {
+        const K = Math.max(0, _ - U - B);
+        e.style.bottom = `${K}px`;
+      } else
+        e.style.top = `${B}px`;
+    else
+      e.style.position = Oe, k === 1 ? t ? e.style.bottom = `${o}px` : e.style.top = `${T - U - o}px` : t ? e.style.bottom = `${T - U - o}px` : e.style.top = `${i}px`;
+  };
+  N(L);
+  const m = (k) => {
+    if (k === c)
+      return;
+    const y = k - c;
+    if (c = k, L === 3)
+      return;
+    const { offsetTop: T, height: O } = h, { naturalTop: _, height: G } = P, { height: U } = w;
+    if (y > 0)
+      if (L === 0) {
+        if (k + T + i > _) {
+          const K = Math.max(0, T + c - _ + i);
+          k + T + O <= _ + U + K + o ? N(
+            2
+            /* relative */
+          ) : N(
+            1
+            /* stickyBottom */
+          );
+        }
+      } else L === 2 && f(k) && N(
+        1
+        /* stickyBottom */
+      );
+    else if (L === 1) {
+      if (T + k + O < _ + G + o) {
+        const K = Math.max(
+          0,
+          T + c + O - (_ + U + o)
+        );
+        T + k + i >= _ + K ? N(
+          2
+          /* relative */
+        ) : N(
+          0
+          /* stickyTop */
+        );
+      }
+    } else L === 2 && T + k + i < _ + B && N(
+      0
+      /* stickyTop */
+    );
+  }, j = a === window ? () => m(window.scrollY) : () => m(a.scrollTop);
+  a.addEventListener("scroll", j, Ue), a.addEventListener("mousewheel", j, Ue), n.push(
+    () => a.removeEventListener("scroll", j),
+    () => a.removeEventListener("mousewheel", j)
+  );
+}, wo = ({
+  offsetTop: e = 0,
+  offsetBottom: n = 0,
+  bottom: r = !1
+} = {}) => {
+  const [t, o] = se(null);
+  return te(() => {
+    if (!t || !Oe)
+      return;
+    const i = [];
+    return Eo(t, i, { offsetBottom: n, offsetTop: e, bottom: r }), () => {
+      i.forEach((a) => a());
+    };
+  }, [t, n, e, r]), o;
+}, To = (e) => {
+  const { offsetTop: n, offsetBottom: r, bottom: t, children: o, className: i, style: a } = e, s = wo({ offsetTop: n, offsetBottom: r, bottom: t });
+  return /* @__PURE__ */ d("div", { className: i, style: a, ref: s, children: o });
+}, ko = To;
+const Co = (e) => {
+  const {
+    flattenRoutes: n,
+    panes: r,
+    setPanes: t,
+    activeLeftMenuChildren: o,
+    activeKey: i,
+    dynamicFlatternRouteScale: a,
+    setActiveKey: s,
+    resetTabs: l
+  } = ce(), { className: c } = e, f = Pe(), u = ye(), [v, h] = se(!1), { showAlert: b } = Cn(), E = Y({});
+  te(() => {
+    const y = f.pathname.substring(1);
+    if (y.split("/").length === 1 && o.length >= 1 || y.split("/").length === 1 && o[0]?.children)
+      return;
+    const T = n?.filter(
+      (_) => fn(String(_.key).split("?")[0].split("/"), y.split("/"))
+    )[0], O = T?.key ? window.location.href.indexOf("action=") > -1 ? {
+      ...T,
+      label: f.state ?? new URLSearchParams(window.location.href).get("title") ?? "New Tab"
+    } : { ...T } : void 0;
+    if (T?.key && (O.key = y + f.search), !O && n.length) {
+      r?.findIndex((_) => _.key === "404") === -1 && t([
+        ...r,
+        n.filter((_) => _.key === "404")[0]
+      ]), s("404");
+      return;
+    }
+    O && r?.findIndex((_) => _.key === O.key) === -1 && O.type !== "M" && (String(O.key).startsWith("lowcode/flow") && (a({
+      path: y + f.search,
+      component: "lowcode/flow/index",
+      meta: { title: "工作流" }
+    }), O.label = f.state), t([...r, O])), O?.key && s(O.key);
+  }, [f, n, t, o]);
+  const P = (y) => {
+    s(y);
+  }, w = (y, T) => {
+    T === "remove" && L(y);
+  }, B = (y) => {
+    const T = r.filter((O) => O.key === y)[0];
+    u(T.key);
+  }, L = (y) => {
+    const T = r, O = T.findIndex((U) => U.key === y);
+    if (O < 0) return;
+    const _ = T[Math.max(0, O - 1)]?.key ?? "home", G = [...T];
+    G.splice(O, 1), t(G), u(_);
+  }, N = async (y) => {
+    const T = r, O = T.find((U) => U.key === "home") ?? T[0], _ = T.find((U) => U.key === E.current.key) ?? O;
+    if (y) {
+      l(), u("/home");
+      return;
+    }
+    const G = _?.key !== "home" ? [O, _] : [O];
+    t(G), s(_?.key ?? "home"), u(_?.key === "home" ? "/home" : _.key);
+  };
+  Ne(
+    je.CLOSE,
+    (y) => {
+      const { closeAll: T = !1, jumpToHome: O = !1 } = y;
+      if (T) {
+        N(!0);
+        return;
+      }
+      L(i), O && s("home");
+    }
+  ), Ne(
+    je.OPEN,
+    (y) => {
+      const {
+        key: T = "",
+        pageCode: O = "",
+        query: _ = "",
+        params: G = {},
+        newWindow: U = !1
+      } = y;
+      let K = "";
+      if (O && (K = n?.map((ne) => ne.key).filter((ne) => String(ne).endsWith(`pageCode=${O}`))[0]), T && !O && (K = n?.map((ne) => ne.key).filter((ne) => ne.key === T)[0]), K) {
+        if (U) {
+          window.open(`/#/${K + _}`);
+          return;
+        }
+        u(`${K + _}`, G);
+      } else
+        b({
+          type: "warning",
+          title: `跳转页签找不到低代码页面参数 pageCode={${O}}。`,
+          timeout: 3e3
+        });
+    }
+  ), Ne(je.ROUTE, (y) => {
+    const { url: T = "/home", params: O = {} } = y;
+    u(T, O);
+  }), Ne(je.RELOAD, () => {
+    h(!0), s(E.current.key), setTimeout(() => {
+      h(!1);
+    }, 500);
+  });
+  const m = (y) => {
+    switch (y.domEvent.stopPropagation(), y.key) {
+      case "1":
+        h(!0), s(E.current.key), setTimeout(() => {
+          h(!1);
+        }, 500);
+        return;
+      case "2":
+        L(E.current.key);
+        return;
+      case "3":
+        N();
+        return;
+      case "4":
+        N(!0);
+        return;
+    }
+  }, j = ue(
+    () => r?.map((y) => ({
+      key: y.key,
+      label: /* @__PURE__ */ d(
+        qt,
+        {
+          menu: {
+            items: [
+              { key: "1", label: "刷新" },
+              { key: "2", label: "关闭", disabled: y.key === "home" },
+              {
+                key: "3",
+                label: "关闭其他",
+                disabled: r.length < 3 && y.key !== "home"
+              },
+              { key: "4", label: "关闭全部", disabled: y.key === "home" }
+            ],
+            onClick: (T) => {
+              E.current = y, m(T);
+            }
+          },
+          trigger: ["contextMenu"],
+          children: /* @__PURE__ */ V("span", { children: [
+            E.current.key === y.key && v && /* @__PURE__ */ d(
+              qe,
+              {
+                size: "small",
+                style: {
+                  transform: "scale(0.8)",
+                  marginRight: 5,
+                  marginTop: -2
+                }
+              }
+            ),
+            y.label
+          ] })
+        }
+      ),
+      children: /* @__PURE__ */ d(Bt, { children: v && E.current.key === y.key ? /* @__PURE__ */ d(qe, {}) : y.children }),
+      closable: y.closable
+    })),
+    [r, v]
+  );
+  return /* @__PURE__ */ d(
+    mn,
+    {
+      activeKey: i,
+      className: c,
+      hideAdd: !0,
+      onChange: P,
+      onEdit: w,
+      onTabClick: B,
+      type: "editable-card",
+      size: "small",
+      items: j,
+      renderTabBar: (y, T) => /* @__PURE__ */ d(
+        ko,
+        {
+          offsetTop: 0,
+          offsetBottom: 0,
+          style: { marginBottom: -5, zIndex: 10 },
+          children: /* @__PURE__ */ d(T, { ...y, className: "bg-white" })
+        }
+      ),
+      tabBarExtraContent: /* @__PURE__ */ d("div", { className: "tab-transition" })
+    }
+  );
+}, $o = () => {
+  const { userReq: e, menuReq: n } = ce();
+  pt(() => {
+    !e.data && e.run(), !n.data && n.run();
+  });
+  const [r, t] = se(!0);
+  fo();
+  const o = ve(
+    r ? "opacity-100 w-[248px]" : "!w-0 opacity-0",
+    "transition-all duration-200 border-t-0"
+  ), i = ue(
+    () => /* @__PURE__ */ d("div", { className: "p-4 pl-6", children: /* @__PURE__ */ d(qe, {}) }),
+    []
+  ), a = ue(
+    () => /* @__PURE__ */ d("section", { className: "pl-4 pr-4 w-full overflow-auto h-full", children: /* @__PURE__ */ d(Co, { defaultActiveKey: "home", className: "h-full sg_multi_tabs" }) }),
+    []
+  );
+  return /* @__PURE__ */ V("div", { className: "sg-layout sg-layout--modern flex w-full h-screen flex-col", children: [
+    /* @__PURE__ */ d(vo, { className: "w-full bg-slate-50" }),
+    /* @__PURE__ */ V("section", { className: "flex flex-row flex-1 overflow-auto", children: [
+      /* @__PURE__ */ d(
+        ho,
+        {
+          loading: !!n.data,
+          spin: i,
+          cls: o
+        }
+      ),
+      /* @__PURE__ */ d(Vt, { status: r, setStatus: t }),
+      n.data ? a : i
+    ] })
+  ] });
+};
+export {
+  Wo as MainLayout,
+  Vt as MenuStatusCrumb,
+  $o as ModernLayout,
+  Mo as createInitPanes,
+  Ao as setupSgTemplateLayout,
+  On as transMenu
+};
+//# sourceMappingURL=core-layout.js.map