@web-fuse/wf-components 1.0.0

package/dist/index.es.js

@@ -0,0 +1,2882 @@
+import * as M from "react";
+import We, { forwardRef as X, useState as G, useRef as Ve, useImperativeHandle as nt, useCallback as fr, useEffect as V, createContext as en, useContext as rn, useMemo as at, isValidElement as tn } from "react";
+import E, { keyframes as ot, css as it, createGlobalStyle as nn } from "styled-components";
+import { theme as B, Typography as U, Input as st, Space as yr, Button as ct, Form as an, Card as on, Collapse as sn } from "antd";
+function cn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var dr = { exports: {} }, Se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Mr;
+function ln() {
+  if (Mr)
+    return Se;
+  Mr = 1;
+  var e = We, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(f, l, g) {
+    var m, d = {}, b = null, S = null;
+    g !== void 0 && (b = "" + g), l.key !== void 0 && (b = "" + l.key), l.ref !== void 0 && (S = l.ref);
+    for (m in l)
+      a.call(l, m) && !s.hasOwnProperty(m) && (d[m] = l[m]);
+    if (f && f.defaultProps)
+      for (m in l = f.defaultProps, l)
+        d[m] === void 0 && (d[m] = l[m]);
+    return { $$typeof: t, type: f, key: b, ref: S, props: d, _owner: o.current };
+  }
+  return Se.Fragment = r, Se.jsx = i, Se.jsxs = i, Se;
+}
+var Ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Nr;
+function un() {
+  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = We, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), f = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = Symbol.iterator, v = "@@iterator";
+    function c(n) {
+      if (n === null || typeof n != "object")
+        return null;
+      var u = T && n[T] || n[v];
+      return typeof u == "function" ? u : null;
+    }
+    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(n) {
+      {
+        for (var u = arguments.length, h = new Array(u > 1 ? u - 1 : 0), x = 1; x < u; x++)
+          h[x - 1] = arguments[x];
+        $("error", n, h);
+      }
+    }
+    function $(n, u, h) {
+      {
+        var x = w.ReactDebugCurrentFrame, _ = x.getStackAddendum();
+        _ !== "" && (u += "%s", h = h.concat([_]));
+        var O = h.map(function(R) {
+          return String(R);
+        });
+        O.unshift("Warning: " + u), Function.prototype.apply.call(console[n], console, O);
+      }
+    }
+    var z = !1, F = !1, me = !1, ie = !1, se = !1, ne;
+    ne = Symbol.for("react.module.reference");
+    function ce(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === s || se || n === o || n === g || n === m || ie || n === S || z || F || me || typeof n == "object" && n !== null && (n.$$typeof === b || n.$$typeof === d || n.$$typeof === i || n.$$typeof === f || n.$$typeof === l || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      n.$$typeof === ne || n.getModuleId !== void 0));
+    }
+    function le(n, u, h) {
+      var x = n.displayName;
+      if (x)
+        return x;
+      var _ = u.displayName || u.name || "";
+      return _ !== "" ? h + "(" + _ + ")" : h;
+    }
+    function ae(n) {
+      return n.displayName || "Context";
+    }
+    function L(n) {
+      if (n == null)
+        return null;
+      if (typeof n.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case a:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case s:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case g:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case f:
+            var u = n;
+            return ae(u) + ".Consumer";
+          case i:
+            var h = n;
+            return ae(h._context) + ".Provider";
+          case l:
+            return le(n, n.render, "ForwardRef");
+          case d:
+            var x = n.displayName || null;
+            return x !== null ? x : L(n.type) || "Memo";
+          case b: {
+            var _ = n, O = _._payload, R = _._init;
+            try {
+              return L(R(O));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var W = Object.assign, K = 0, Pe, Oe, he, ve, $e, Ae, Ie;
+    function Fe() {
+    }
+    Fe.__reactDisabledLog = !0;
+    function Ke() {
+      {
+        if (K === 0) {
+          Pe = console.log, Oe = console.info, he = console.warn, ve = console.error, $e = console.group, Ae = console.groupCollapsed, Ie = console.groupEnd;
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            value: Fe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
+          });
+        }
+        K++;
+      }
+    }
+    function Je() {
+      {
+        if (K--, K === 0) {
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: W({}, n, {
+              value: Pe
+            }),
+            info: W({}, n, {
+              value: Oe
+            }),
+            warn: W({}, n, {
+              value: he
+            }),
+            error: W({}, n, {
+              value: ve
+            }),
+            group: W({}, n, {
+              value: $e
+            }),
+            groupCollapsed: W({}, n, {
+              value: Ae
+            }),
+            groupEnd: W({}, n, {
+              value: Ie
+            })
+          });
+        }
+        K < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var be = w.ReactCurrentDispatcher, ye;
+    function ue(n, u, h) {
+      {
+        if (ye === void 0)
+          try {
+            throw Error();
+          } catch (_) {
+            var x = _.stack.trim().match(/\n( *(at )?)/);
+            ye = x && x[1] || "";
+          }
+        return `
+` + ye + n;
+      }
+    }
+    var xe = !1, fe;
+    {
+      var Xe = typeof WeakMap == "function" ? WeakMap : Map;
+      fe = new Xe();
+    }
+    function Me(n, u) {
+      if (!n || xe)
+        return "";
+      {
+        var h = fe.get(n);
+        if (h !== void 0)
+          return h;
+      }
+      var x;
+      xe = !0;
+      var _ = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var O;
+      O = be.current, be.current = null, Ke();
+      try {
+        if (u) {
+          var R = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(R.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(R, []);
+            } catch (Q) {
+              x = Q;
+            }
+            Reflect.construct(n, [], R);
+          } else {
+            try {
+              R.call();
+            } catch (Q) {
+              x = Q;
+            }
+            n.call(R.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (Q) {
+            x = Q;
+          }
+          n();
+        }
+      } catch (Q) {
+        if (Q && x && typeof Q.stack == "string") {
+          for (var k = Q.stack.split(`
+`), N = x.stack.split(`
+`), A = k.length - 1, I = N.length - 1; A >= 1 && I >= 0 && k[A] !== N[I]; )
+            I--;
+          for (; A >= 1 && I >= 0; A--, I--)
+            if (k[A] !== N[I]) {
+              if (A !== 1 || I !== 1)
+                do
+                  if (A--, I--, I < 0 || k[A] !== N[I]) {
+                    var Y = `
+` + k[A].replace(" at new ", " at ");
+                    return n.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", n.displayName)), typeof n == "function" && fe.set(n, Y), Y;
+                  }
+                while (A >= 1 && I >= 0);
+              break;
+            }
+        }
+      } finally {
+        xe = !1, be.current = O, Je(), Error.prepareStackTrace = _;
+      }
+      var pe = n ? n.displayName || n.name : "", Fr = pe ? ue(pe) : "";
+      return typeof n == "function" && fe.set(n, Fr), Fr;
+    }
+    function Ze(n, u, h) {
+      return Me(n, !1);
+    }
+    function y(n) {
+      var u = n.prototype;
+      return !!(u && u.isReactComponent);
+    }
+    function re(n, u, h) {
+      if (n == null)
+        return "";
+      if (typeof n == "function")
+        return Me(n, y(n));
+      if (typeof n == "string")
+        return ue(n);
+      switch (n) {
+        case g:
+          return ue("Suspense");
+        case m:
+          return ue("SuspenseList");
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case l:
+            return Ze(n.render);
+          case d:
+            return re(n.type, u, h);
+          case b: {
+            var x = n, _ = x._payload, O = x._init;
+            try {
+              return re(O(_), u, h);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Z = Object.prototype.hasOwnProperty, we = {}, Cr = w.ReactDebugCurrentFrame;
+    function Ne(n) {
+      if (n) {
+        var u = n._owner, h = re(n.type, n._source, u ? u.type : null);
+        Cr.setExtraStackFrame(h);
+      } else
+        Cr.setExtraStackFrame(null);
+    }
+    function It(n, u, h, x, _) {
+      {
+        var O = Function.call.bind(Z);
+        for (var R in n)
+          if (O(n, R)) {
+            var k = void 0;
+            try {
+              if (typeof n[R] != "function") {
+                var N = Error((x || "React class") + ": " + h + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw N.name = "Invariant Violation", N;
+              }
+              k = n[R](u, R, x, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              k = A;
+            }
+            k && !(k instanceof Error) && (Ne(_), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", h, R, typeof k), Ne(null)), k instanceof Error && !(k.message in we) && (we[k.message] = !0, Ne(_), C("Failed %s type: %s", h, k.message), Ne(null));
+          }
+      }
+    }
+    var Ft = Array.isArray;
+    function Qe(n) {
+      return Ft(n);
+    }
+    function Mt(n) {
+      {
+        var u = typeof Symbol == "function" && Symbol.toStringTag, h = u && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return h;
+      }
+    }
+    function Nt(n) {
+      try {
+        return kr(n), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function kr(n) {
+      return "" + n;
+    }
+    function Rr(n) {
+      if (Nt(n))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Mt(n)), kr(n);
+    }
+    var Ee = w.ReactCurrentOwner, Lt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Tr, _r, er;
+    er = {};
+    function Dt(n) {
+      if (Z.call(n, "ref")) {
+        var u = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (u && u.isReactWarning)
+          return !1;
+      }
+      return n.ref !== void 0;
+    }
+    function Bt(n) {
+      if (Z.call(n, "key")) {
+        var u = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (u && u.isReactWarning)
+          return !1;
+      }
+      return n.key !== void 0;
+    }
+    function zt(n, u) {
+      if (typeof n.ref == "string" && Ee.current && u && Ee.current.stateNode !== u) {
+        var h = L(Ee.current.type);
+        er[h] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(Ee.current.type), n.ref), er[h] = !0);
+      }
+    }
+    function Wt(n, u) {
+      {
+        var h = function() {
+          Tr || (Tr = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        };
+        h.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: h,
+          configurable: !0
+        });
+      }
+    }
+    function Yt(n, u) {
+      {
+        var h = function() {
+          _r || (_r = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
+        };
+        h.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: h,
+          configurable: !0
+        });
+      }
+    }
+    var Vt = function(n, u, h, x, _, O, R) {
+      var k = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: n,
+        key: u,
+        ref: h,
+        props: R,
+        // Record the component responsible for creating this element.
+        _owner: O
+      };
+      return k._store = {}, Object.defineProperty(k._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(k, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: x
+      }), Object.defineProperty(k, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: _
+      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+    };
+    function Ht(n, u, h, x, _) {
+      {
+        var O, R = {}, k = null, N = null;
+        h !== void 0 && (Rr(h), k = "" + h), Bt(u) && (Rr(u.key), k = "" + u.key), Dt(u) && (N = u.ref, zt(u, _));
+        for (O in u)
+          Z.call(u, O) && !Lt.hasOwnProperty(O) && (R[O] = u[O]);
+        if (n && n.defaultProps) {
+          var A = n.defaultProps;
+          for (O in A)
+            R[O] === void 0 && (R[O] = A[O]);
+        }
+        if (k || N) {
+          var I = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          k && Wt(R, I), N && Yt(R, I);
+        }
+        return Vt(n, k, N, _, x, Ee.current, R);
+      }
+    }
+    var rr = w.ReactCurrentOwner, jr = w.ReactDebugCurrentFrame;
+    function de(n) {
+      if (n) {
+        var u = n._owner, h = re(n.type, n._source, u ? u.type : null);
+        jr.setExtraStackFrame(h);
+      } else
+        jr.setExtraStackFrame(null);
+    }
+    var tr;
+    tr = !1;
+    function nr(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === t;
+    }
+    function Pr() {
+      {
+        if (rr.current) {
+          var n = L(rr.current.type);
+          if (n)
+            return `
+
+Check the render method of \`` + n + "`.";
+        }
+        return "";
+      }
+    }
+    function Ut(n) {
+      {
+        if (n !== void 0) {
+          var u = n.fileName.replace(/^.*[\\\/]/, ""), h = n.lineNumber;
+          return `
+
+Check your code at ` + u + ":" + h + ".";
+        }
+        return "";
+      }
+    }
+    var Or = {};
+    function qt(n) {
+      {
+        var u = Pr();
+        if (!u) {
+          var h = typeof n == "string" ? n : n.displayName || n.name;
+          h && (u = `
+
+Check the top-level render call using <` + h + ">.");
+        }
+        return u;
+      }
+    }
+    function $r(n, u) {
+      {
+        if (!n._store || n._store.validated || n.key != null)
+          return;
+        n._store.validated = !0;
+        var h = qt(u);
+        if (Or[h])
+          return;
+        Or[h] = !0;
+        var x = "";
+        n && n._owner && n._owner !== rr.current && (x = " It was passed a child from " + L(n._owner.type) + "."), de(n), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, x), de(null);
+      }
+    }
+    function Ar(n, u) {
+      {
+        if (typeof n != "object")
+          return;
+        if (Qe(n))
+          for (var h = 0; h < n.length; h++) {
+            var x = n[h];
+            nr(x) && $r(x, u);
+          }
+        else if (nr(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var _ = c(n);
+          if (typeof _ == "function" && _ !== n.entries)
+            for (var O = _.call(n), R; !(R = O.next()).done; )
+              nr(R.value) && $r(R.value, u);
+        }
+      }
+    }
+    function Gt(n) {
+      {
+        var u = n.type;
+        if (u == null || typeof u == "string")
+          return;
+        var h;
+        if (typeof u == "function")
+          h = u.propTypes;
+        else if (typeof u == "object" && (u.$$typeof === l || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        u.$$typeof === d))
+          h = u.propTypes;
+        else
+          return;
+        if (h) {
+          var x = L(u);
+          It(h, n.props, "prop", x, n);
+        } else if (u.PropTypes !== void 0 && !tr) {
+          tr = !0;
+          var _ = L(u);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+        }
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Kt(n) {
+      {
+        for (var u = Object.keys(n.props), h = 0; h < u.length; h++) {
+          var x = u[h];
+          if (x !== "children" && x !== "key") {
+            de(n), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), de(null);
+            break;
+          }
+        }
+        n.ref !== null && (de(n), C("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+      }
+    }
+    function Ir(n, u, h, x, _, O) {
+      {
+        var R = ce(n);
+        if (!R) {
+          var k = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var N = Ut(_);
+          N ? k += N : k += Pr();
+          var A;
+          n === null ? A = "null" : Qe(n) ? A = "array" : n !== void 0 && n.$$typeof === t ? (A = "<" + (L(n.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : A = typeof n, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, k);
+        }
+        var I = Ht(n, u, h, _, O);
+        if (I == null)
+          return I;
+        if (R) {
+          var Y = u.children;
+          if (Y !== void 0)
+            if (x)
+              if (Qe(Y)) {
+                for (var pe = 0; pe < Y.length; pe++)
+                  Ar(Y[pe], n);
+                Object.freeze && Object.freeze(Y);
+              } else
+                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ar(Y, n);
+        }
+        return n === a ? Kt(I) : Gt(I), I;
+      }
+    }
+    function Jt(n, u, h) {
+      return Ir(n, u, h, !0);
+    }
+    function Xt(n, u, h) {
+      return Ir(n, u, h, !1);
+    }
+    var Zt = Xt, Qt = Jt;
+    Ce.Fragment = a, Ce.jsx = Zt, Ce.jsxs = Qt;
+  }()), Ce;
+}
+process.env.NODE_ENV === "production" ? dr.exports = ln() : dr.exports = un();
+var p = dr.exports;
+const je = 300, lt = ot`
+  from {
+    transform: translateY(-100%);
+    border-color: transparent;
+  }
+  to {
+    transform: translateY(0%);
+    border-color: #fff;
+  }
+`, fn = it`animation: ${je}ms ease-in ${lt};`, dn = it`animation: ${je}ms ease-in reverse ${lt};`, pn = E.div`
+  transition: filter ${je * 1.3}ms ease-in-out;
+  cursor: pointer;
+  min-height: 32px;
+  z-index: 1;
+  user-select: none;
+
+  &:hover {
+    filter: brightness(1.15)
+  }
+`, gn = E.div`
+  overflow: hidden;
+  transition: all ${je}ms ease-in-out;
+  width: 100%;
+`, mn = E.div`
+  ${(e) => e.$open ? fn : dn};
+  border-radius: inherit;
+  border: ${(e) => e.$border};
+  border-top: unset;
+`, ut = X(({
+  open: e,
+  onChange: t,
+  defaultOpen: r,
+  header: a,
+  border: o,
+  style: s,
+  width: i,
+  children: f
+}, l) => {
+  const { token: g } = B.useToken(), [m, d] = G(0), [b, S] = G(!1), T = Ve(null), v = () => {
+    var $;
+    return d(($ = T.current) == null ? void 0 : $.offsetHeight);
+  };
+  nt(l, () => ({
+    calculateHeight: v
+  }));
+  const c = fr(() => {
+    v(), S(!0), t == null || t(!0);
+  }, [t]), w = fr(() => {
+    S(!1), t == null || t(!1);
+  }, [t]), C = () => {
+    e === void 0 ? b ? w() : c() : t == null || t(!b);
+  };
+  return V(() => {
+    typeof e == "boolean" && (e ? c() : w());
+  }, [e, w, c]), V(() => {
+    r && c();
+  }, [r, c]), /* @__PURE__ */ p.jsxs("div", { style: { width: i }, children: [
+    /* @__PURE__ */ p.jsx(pn, { onClick: C, children: a }),
+    /* @__PURE__ */ p.jsx(gn, { style: Object.assign({}, s, { height: b ? m : 0 }), children: /* @__PURE__ */ p.jsx(mn, { ref: T, $open: b, $border: o ? `1px solid ${g.colorBorder}` : "unset", children: f }) })
+  ] });
+});
+var hn = /* @__PURE__ */ en({});
+const ft = hn;
+function Te() {
+  return Te = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    }
+    return e;
+  }, Te.apply(this, arguments);
+}
+function vn(e) {
+  if (Array.isArray(e))
+    return e;
+}
+function bn(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var a, o, s, i, f = [], l = !0, g = !1;
+    try {
+      if (s = (r = r.call(e)).next, t === 0) {
+        if (Object(r) !== r)
+          return;
+        l = !1;
+      } else
+        for (; !(l = (a = s.call(r)).done) && (f.push(a.value), f.length !== t); l = !0)
+          ;
+    } catch (m) {
+      g = !0, o = m;
+    } finally {
+      try {
+        if (!l && r.return != null && (i = r.return(), Object(i) !== i))
+          return;
+      } finally {
+        if (g)
+          throw o;
+      }
+    }
+    return f;
+  }
+}
+function Lr(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, a = new Array(t); r < t; r++)
+    a[r] = e[r];
+  return a;
+}
+function yn(e, t) {
+  if (e) {
+    if (typeof e == "string")
+      return Lr(e, t);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set")
+      return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
+      return Lr(e, t);
+  }
+}
+function xn() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function _e(e, t) {
+  return vn(e) || bn(e, t) || yn(e, t) || xn();
+}
+function oe(e) {
+  "@babel/helpers - typeof";
+  return oe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, oe(e);
+}
+function wn(e, t) {
+  if (oe(e) != "object" || !e)
+    return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(e, t || "default");
+    if (oe(a) != "object")
+      return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function En(e) {
+  var t = wn(e, "string");
+  return oe(t) == "symbol" ? t : String(t);
+}
+function pr(e, t, r) {
+  return t = En(t), t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function Sn(e, t) {
+  if (e == null)
+    return {};
+  var r = {}, a = Object.keys(e), o, s;
+  for (s = 0; s < a.length; s++)
+    o = a[s], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
+  return r;
+}
+function dt(e, t) {
+  if (e == null)
+    return {};
+  var r = Sn(e, t), a, o;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < s.length; o++)
+      a = s[o], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+  }
+  return r;
+}
+var pt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function r() {
+      for (var s = "", i = 0; i < arguments.length; i++) {
+        var f = arguments[i];
+        f && (s = o(s, a(f)));
+      }
+      return s;
+    }
+    function a(s) {
+      if (typeof s == "string" || typeof s == "number")
+        return s;
+      if (typeof s != "object")
+        return "";
+      if (Array.isArray(s))
+        return r.apply(null, s);
+      if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
+        return s.toString();
+      var i = "";
+      for (var f in s)
+        t.call(s, f) && s[f] && (i = o(i, f));
+      return i;
+    }
+    function o(s, i) {
+      return i ? s ? s + " " + i : s + i : s;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(pt);
+var Cn = pt.exports;
+const kn = /* @__PURE__ */ cn(Cn);
+function H(e, t) {
+  Rn(e) && (e = "100%");
+  var r = Tn(e);
+  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
+}
+function Rn(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function Tn(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function _n(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function Le(e) {
+  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+}
+function ar(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function jn(e, t, r) {
+  return {
+    r: H(e, 255) * 255,
+    g: H(t, 255) * 255,
+    b: H(r, 255) * 255
+  };
+}
+function or(e, t, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * (6 * r) : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
+}
+function Pn(e, t, r) {
+  var a, o, s;
+  if (e = H(e, 360), t = H(t, 100), r = H(r, 100), t === 0)
+    o = r, s = r, a = r;
+  else {
+    var i = r < 0.5 ? r * (1 + t) : r + t - r * t, f = 2 * r - i;
+    a = or(f, i, e + 1 / 3), o = or(f, i, e), s = or(f, i, e - 1 / 3);
+  }
+  return { r: a * 255, g: o * 255, b: s * 255 };
+}
+function On(e, t, r) {
+  e = H(e, 255), t = H(t, 255), r = H(r, 255);
+  var a = Math.max(e, t, r), o = Math.min(e, t, r), s = 0, i = a, f = a - o, l = a === 0 ? 0 : f / a;
+  if (a === o)
+    s = 0;
+  else {
+    switch (a) {
+      case e:
+        s = (t - r) / f + (t < r ? 6 : 0);
+        break;
+      case t:
+        s = (r - e) / f + 2;
+        break;
+      case r:
+        s = (e - t) / f + 4;
+        break;
+    }
+    s /= 6;
+  }
+  return { h: s, s: l, v: i };
+}
+function $n(e, t, r) {
+  e = H(e, 360) * 6, t = H(t, 100), r = H(r, 100);
+  var a = Math.floor(e), o = e - a, s = r * (1 - t), i = r * (1 - o * t), f = r * (1 - (1 - o) * t), l = a % 6, g = [r, i, s, s, f, r][l], m = [f, r, r, i, s, s][l], d = [s, s, f, r, r, i][l];
+  return { r: g * 255, g: m * 255, b: d * 255 };
+}
+function An(e, t, r, a) {
+  var o = [
+    ar(Math.round(e).toString(16)),
+    ar(Math.round(t).toString(16)),
+    ar(Math.round(r).toString(16))
+  ];
+  return a && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
+}
+function Dr(e) {
+  return D(e) / 255;
+}
+function D(e) {
+  return parseInt(e, 16);
+}
+var Br = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function ke(e) {
+  var t = { r: 0, g: 0, b: 0 }, r = 1, a = null, o = null, s = null, i = !1, f = !1;
+  return typeof e == "string" && (e = Mn(e)), typeof e == "object" && (ee(e.r) && ee(e.g) && ee(e.b) ? (t = jn(e.r, e.g, e.b), i = !0, f = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : ee(e.h) && ee(e.s) && ee(e.v) ? (a = Le(e.s), o = Le(e.v), t = $n(e.h, a, o), i = !0, f = "hsv") : ee(e.h) && ee(e.s) && ee(e.l) && (a = Le(e.s), s = Le(e.l), t = Pn(e.h, a, s), i = !0, f = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (r = e.a)), r = _n(r), {
+    ok: i,
+    format: e.format || f,
+    r: Math.min(255, Math.max(t.r, 0)),
+    g: Math.min(255, Math.max(t.g, 0)),
+    b: Math.min(255, Math.max(t.b, 0)),
+    a: r
+  };
+}
+var In = "[-\\+]?\\d+%?", Fn = "[-\\+]?\\d*\\.\\d+%?", te = "(?:".concat(Fn, ")|(?:").concat(In, ")"), ir = "[\\s|\\(]+(".concat(te, ")[,|\\s]+(").concat(te, ")[,|\\s]+(").concat(te, ")\\s*\\)?"), sr = "[\\s|\\(]+(".concat(te, ")[,|\\s]+(").concat(te, ")[,|\\s]+(").concat(te, ")[,|\\s]+(").concat(te, ")\\s*\\)?"), q = {
+  CSS_UNIT: new RegExp(te),
+  rgb: new RegExp("rgb" + ir),
+  rgba: new RegExp("rgba" + sr),
+  hsl: new RegExp("hsl" + ir),
+  hsla: new RegExp("hsla" + sr),
+  hsv: new RegExp("hsv" + ir),
+  hsva: new RegExp("hsva" + sr),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function Mn(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  var t = !1;
+  if (Br[e])
+    e = Br[e], t = !0;
+  else if (e === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var r = q.rgb.exec(e);
+  return r ? { r: r[1], g: r[2], b: r[3] } : (r = q.rgba.exec(e), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = q.hsl.exec(e), r ? { h: r[1], s: r[2], l: r[3] } : (r = q.hsla.exec(e), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = q.hsv.exec(e), r ? { h: r[1], s: r[2], v: r[3] } : (r = q.hsva.exec(e), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = q.hex8.exec(e), r ? {
+    r: D(r[1]),
+    g: D(r[2]),
+    b: D(r[3]),
+    a: Dr(r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = q.hex6.exec(e), r ? {
+    r: D(r[1]),
+    g: D(r[2]),
+    b: D(r[3]),
+    format: t ? "name" : "hex"
+  } : (r = q.hex4.exec(e), r ? {
+    r: D(r[1] + r[1]),
+    g: D(r[2] + r[2]),
+    b: D(r[3] + r[3]),
+    a: Dr(r[4] + r[4]),
+    format: t ? "name" : "hex8"
+  } : (r = q.hex3.exec(e), r ? {
+    r: D(r[1] + r[1]),
+    g: D(r[2] + r[2]),
+    b: D(r[3] + r[3]),
+    format: t ? "name" : "hex"
+  } : !1)))))))));
+}
+function ee(e) {
+  return !!q.CSS_UNIT.exec(String(e));
+}
+var De = 2, zr = 0.16, Nn = 0.05, Ln = 0.05, Dn = 0.15, gt = 5, mt = 4, Bn = [{
+  index: 7,
+  opacity: 0.15
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}];
+function Wr(e) {
+  var t = e.r, r = e.g, a = e.b, o = On(t, r, a);
+  return {
+    h: o.h * 360,
+    s: o.s,
+    v: o.v
+  };
+}
+function Be(e) {
+  var t = e.r, r = e.g, a = e.b;
+  return "#".concat(An(t, r, a, !1));
+}
+function zn(e, t, r) {
+  var a = r / 100, o = {
+    r: (t.r - e.r) * a + e.r,
+    g: (t.g - e.g) * a + e.g,
+    b: (t.b - e.b) * a + e.b
+  };
+  return o;
+}
+function Yr(e, t, r) {
+  var a;
+  return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? a = r ? Math.round(e.h) - De * t : Math.round(e.h) + De * t : a = r ? Math.round(e.h) + De * t : Math.round(e.h) - De * t, a < 0 ? a += 360 : a >= 360 && (a -= 360), a;
+}
+function Vr(e, t, r) {
+  if (e.h === 0 && e.s === 0)
+    return e.s;
+  var a;
+  return r ? a = e.s - zr * t : t === mt ? a = e.s + zr : a = e.s + Nn * t, a > 1 && (a = 1), r && t === gt && a > 0.1 && (a = 0.1), a < 0.06 && (a = 0.06), Number(a.toFixed(2));
+}
+function Hr(e, t, r) {
+  var a;
+  return r ? a = e.v + Ln * t : a = e.v - Dn * t, a > 1 && (a = 1), Number(a.toFixed(2));
+}
+function gr(e) {
+  for (var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = [], a = ke(e), o = gt; o > 0; o -= 1) {
+    var s = Wr(a), i = Be(ke({
+      h: Yr(s, o, !0),
+      s: Vr(s, o, !0),
+      v: Hr(s, o, !0)
+    }));
+    r.push(i);
+  }
+  r.push(Be(a));
+  for (var f = 1; f <= mt; f += 1) {
+    var l = Wr(a), g = Be(ke({
+      h: Yr(l, f),
+      s: Vr(l, f),
+      v: Hr(l, f)
+    }));
+    r.push(g);
+  }
+  return t.theme === "dark" ? Bn.map(function(m) {
+    var d = m.index, b = m.opacity, S = Be(zn(ke(t.backgroundColor || "#141414"), ke(r[d]), b * 100));
+    return S;
+  }) : r;
+}
+var cr = {
+  red: "#F5222D",
+  volcano: "#FA541C",
+  orange: "#FA8C16",
+  gold: "#FAAD14",
+  yellow: "#FADB14",
+  lime: "#A0D911",
+  green: "#52C41A",
+  cyan: "#13C2C2",
+  blue: "#1677FF",
+  geekblue: "#2F54EB",
+  purple: "#722ED1",
+  magenta: "#EB2F96",
+  grey: "#666666"
+}, ze = {}, lr = {};
+Object.keys(cr).forEach(function(e) {
+  ze[e] = gr(cr[e]), ze[e].primary = ze[e][5], lr[e] = gr(cr[e], {
+    theme: "dark",
+    backgroundColor: "#141414"
+  }), lr[e].primary = lr[e][5];
+});
+var Wn = ze.blue;
+function Ur(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function J(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Ur(Object(r), !0).forEach(function(a) {
+      pr(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ur(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return e;
+}
+function ht() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+function Yn(e, t) {
+  if (!e)
+    return !1;
+  if (e.contains)
+    return e.contains(t);
+  for (var r = t; r; ) {
+    if (r === e)
+      return !0;
+    r = r.parentNode;
+  }
+  return !1;
+}
+var qr = "data-rc-order", Gr = "data-rc-priority", Vn = "rc-util-key", mr = /* @__PURE__ */ new Map();
+function vt() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mark;
+  return t ? t.startsWith("data-") ? t : "data-".concat(t) : Vn;
+}
+function xr(e) {
+  if (e.attachTo)
+    return e.attachTo;
+  var t = document.querySelector("head");
+  return t || document.body;
+}
+function Hn(e) {
+  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
+}
+function wr(e) {
+  return Array.from((mr.get(e) || e).children).filter(function(t) {
+    return t.tagName === "STYLE";
+  });
+}
+function bt(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  if (!ht())
+    return null;
+  var r = t.csp, a = t.prepend, o = t.priority, s = o === void 0 ? 0 : o, i = Hn(a), f = i === "prependQueue", l = document.createElement("style");
+  l.setAttribute(qr, i), f && s && l.setAttribute(Gr, "".concat(s)), r != null && r.nonce && (l.nonce = r == null ? void 0 : r.nonce), l.innerHTML = e;
+  var g = xr(t), m = g.firstChild;
+  if (a) {
+    if (f) {
+      var d = (t.styles || wr(g)).filter(function(b) {
+        if (!["prepend", "prependQueue"].includes(b.getAttribute(qr)))
+          return !1;
+        var S = Number(b.getAttribute(Gr) || 0);
+        return s >= S;
+      });
+      if (d.length)
+        return g.insertBefore(l, d[d.length - 1].nextSibling), l;
+    }
+    g.insertBefore(l, m);
+  } else
+    g.appendChild(l);
+  return l;
+}
+function Un(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = xr(t);
+  return (t.styles || wr(r)).find(function(a) {
+    return a.getAttribute(vt(t)) === e;
+  });
+}
+function qn(e, t) {
+  var r = mr.get(e);
+  if (!r || !Yn(document, r)) {
+    var a = bt("", t), o = a.parentNode;
+    mr.set(e, o), e.removeChild(a);
+  }
+}
+function Gn(e, t) {
+  var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, a = xr(r), o = wr(a), s = J(J({}, r), {}, {
+    styles: o
+  });
+  qn(a, s);
+  var i = Un(t, s);
+  if (i) {
+    var f, l;
+    if ((f = s.csp) !== null && f !== void 0 && f.nonce && i.nonce !== ((l = s.csp) === null || l === void 0 ? void 0 : l.nonce)) {
+      var g;
+      i.nonce = (g = s.csp) === null || g === void 0 ? void 0 : g.nonce;
+    }
+    return i.innerHTML !== e && (i.innerHTML = e), i;
+  }
+  var m = bt(e, s);
+  return m.setAttribute(vt(s), t), m;
+}
+function yt(e) {
+  var t;
+  return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
+}
+function Kn(e) {
+  return yt(e) instanceof ShadowRoot;
+}
+function Jn(e) {
+  return Kn(e) ? yt(e) : null;
+}
+var hr = {}, Er = [], Xn = function(t) {
+  Er.push(t);
+};
+function Zn(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var r = Er.reduce(function(a, o) {
+      return o(a ?? "", "warning");
+    }, t);
+    r && console.error("Warning: ".concat(r));
+  }
+}
+function Qn(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var r = Er.reduce(function(a, o) {
+      return o(a ?? "", "note");
+    }, t);
+    r && console.warn("Note: ".concat(r));
+  }
+}
+function ea() {
+  hr = {};
+}
+function xt(e, t, r) {
+  !t && !hr[r] && (e(!1, r), hr[r] = !0);
+}
+function He(e, t) {
+  xt(Zn, e, t);
+}
+function ra(e, t) {
+  xt(Qn, e, t);
+}
+He.preMessage = Xn;
+He.resetWarned = ea;
+He.noteOnce = ra;
+function ta(e) {
+  return e.replace(/-(.)/g, function(t, r) {
+    return r.toUpperCase();
+  });
+}
+function na(e, t) {
+  He(e, "[@ant-design/icons] ".concat(t));
+}
+function Kr(e) {
+  return oe(e) === "object" && typeof e.name == "string" && typeof e.theme == "string" && (oe(e.icon) === "object" || typeof e.icon == "function");
+}
+function Jr() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return Object.keys(e).reduce(function(t, r) {
+    var a = e[r];
+    switch (r) {
+      case "class":
+        t.className = a, delete t.class;
+        break;
+      default:
+        delete t[r], t[ta(r)] = a;
+    }
+    return t;
+  }, {});
+}
+function vr(e, t, r) {
+  return r ? /* @__PURE__ */ We.createElement(e.tag, J(J({
+    key: t
+  }, Jr(e.attrs)), r), (e.children || []).map(function(a, o) {
+    return vr(a, "".concat(t, "-").concat(e.tag, "-").concat(o));
+  })) : /* @__PURE__ */ We.createElement(e.tag, J({
+    key: t
+  }, Jr(e.attrs)), (e.children || []).map(function(a, o) {
+    return vr(a, "".concat(t, "-").concat(e.tag, "-").concat(o));
+  }));
+}
+function wt(e) {
+  return gr(e)[0];
+}
+function Et(e) {
+  return e ? Array.isArray(e) ? e : [e] : [];
+}
+var aa = `
+.anticon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin::before,
+.anticon-spin {
+  display: inline-block;
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`, oa = function(t) {
+  var r = rn(ft), a = r.csp, o = r.prefixCls, s = aa;
+  o && (s = s.replace(/anticon/g, o)), V(function() {
+    var i = t.current, f = Jn(i);
+    Gn(s, "@ant-design-icons", {
+      prepend: !0,
+      csp: a,
+      attachTo: f
+    });
+  }, []);
+}, ia = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], Re = {
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: !1
+};
+function sa(e) {
+  var t = e.primaryColor, r = e.secondaryColor;
+  Re.primaryColor = t, Re.secondaryColor = r || wt(t), Re.calculated = !!r;
+}
+function ca() {
+  return J({}, Re);
+}
+var Ue = function(t) {
+  var r = t.icon, a = t.className, o = t.onClick, s = t.style, i = t.primaryColor, f = t.secondaryColor, l = dt(t, ia), g = M.useRef(), m = Re;
+  if (i && (m = {
+    primaryColor: i,
+    secondaryColor: f || wt(i)
+  }), oa(g), na(Kr(r), "icon should be icon definiton, but got ".concat(r)), !Kr(r))
+    return null;
+  var d = r;
+  return d && typeof d.icon == "function" && (d = J(J({}, d), {}, {
+    icon: d.icon(m.primaryColor, m.secondaryColor)
+  })), vr(d.icon, "svg-".concat(d.name), J(J({
+    className: a,
+    onClick: o,
+    style: s,
+    "data-icon": d.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, l), {}, {
+    ref: g
+  }));
+};
+Ue.displayName = "IconReact";
+Ue.getTwoToneColors = ca;
+Ue.setTwoToneColors = sa;
+const Sr = Ue;
+function St(e) {
+  var t = Et(e), r = _e(t, 2), a = r[0], o = r[1];
+  return Sr.setTwoToneColors({
+    primaryColor: a,
+    secondaryColor: o
+  });
+}
+function la() {
+  var e = Sr.getTwoToneColors();
+  return e.calculated ? [e.primaryColor, e.secondaryColor] : e.primaryColor;
+}
+var ua = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+St(Wn.primary);
+var qe = /* @__PURE__ */ M.forwardRef(function(e, t) {
+  var r = e.className, a = e.icon, o = e.spin, s = e.rotate, i = e.tabIndex, f = e.onClick, l = e.twoToneColor, g = dt(e, ua), m = M.useContext(ft), d = m.prefixCls, b = d === void 0 ? "anticon" : d, S = m.rootClassName, T = kn(S, b, pr(pr({}, "".concat(b, "-").concat(a.name), !!a.name), "".concat(b, "-spin"), !!o || a.name === "loading"), r), v = i;
+  v === void 0 && f && (v = -1);
+  var c = s ? {
+    msTransform: "rotate(".concat(s, "deg)"),
+    transform: "rotate(".concat(s, "deg)")
+  } : void 0, w = Et(l), C = _e(w, 2), $ = C[0], z = C[1];
+  return /* @__PURE__ */ M.createElement("span", Te({
+    role: "img",
+    "aria-label": a.name
+  }, g, {
+    ref: t,
+    tabIndex: v,
+    onClick: f,
+    className: T
+  }), /* @__PURE__ */ M.createElement(Sr, {
+    icon: a,
+    primaryColor: $,
+    secondaryColor: z,
+    style: c
+  }));
+});
+qe.displayName = "AntdIcon";
+qe.getTwoToneColor = la;
+qe.setTwoToneColor = St;
+const Ct = qe;
+var fa = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, name: "loading", theme: "outlined" };
+const da = fa;
+var kt = function(t, r) {
+  return /* @__PURE__ */ M.createElement(Ct, Te({}, t, {
+    ref: r,
+    icon: da
+  }));
+};
+process.env.NODE_ENV !== "production" && (kt.displayName = "LoadingOutlined");
+const pa = /* @__PURE__ */ M.forwardRef(kt);
+var ga = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" };
+const ma = ga;
+var Rt = function(t, r) {
+  return /* @__PURE__ */ M.createElement(Ct, Te({}, t, {
+    ref: r,
+    icon: ma
+  }));
+};
+process.env.NODE_ENV !== "production" && (Rt.displayName = "RightOutlined");
+const ha = /* @__PURE__ */ M.forwardRef(Rt);
+var j = {};
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Xr;
+function va() {
+  if (Xr)
+    return j;
+  Xr = 1;
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), i = Symbol.for("react.context"), f = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T;
+  T = Symbol.for("react.module.reference");
+  function v(c) {
+    if (typeof c == "object" && c !== null) {
+      var w = c.$$typeof;
+      switch (w) {
+        case e:
+          switch (c = c.type, c) {
+            case r:
+            case o:
+            case a:
+            case g:
+            case m:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case f:
+                case i:
+                case l:
+                case b:
+                case d:
+                case s:
+                  return c;
+                default:
+                  return w;
+              }
+          }
+        case t:
+          return w;
+      }
+    }
+  }
+  return j.ContextConsumer = i, j.ContextProvider = s, j.Element = e, j.ForwardRef = l, j.Fragment = r, j.Lazy = b, j.Memo = d, j.Portal = t, j.Profiler = o, j.StrictMode = a, j.Suspense = g, j.SuspenseList = m, j.isAsyncMode = function() {
+    return !1;
+  }, j.isConcurrentMode = function() {
+    return !1;
+  }, j.isContextConsumer = function(c) {
+    return v(c) === i;
+  }, j.isContextProvider = function(c) {
+    return v(c) === s;
+  }, j.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, j.isForwardRef = function(c) {
+    return v(c) === l;
+  }, j.isFragment = function(c) {
+    return v(c) === r;
+  }, j.isLazy = function(c) {
+    return v(c) === b;
+  }, j.isMemo = function(c) {
+    return v(c) === d;
+  }, j.isPortal = function(c) {
+    return v(c) === t;
+  }, j.isProfiler = function(c) {
+    return v(c) === o;
+  }, j.isStrictMode = function(c) {
+    return v(c) === a;
+  }, j.isSuspense = function(c) {
+    return v(c) === g;
+  }, j.isSuspenseList = function(c) {
+    return v(c) === m;
+  }, j.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === a || c === g || c === m || c === S || typeof c == "object" && c !== null && (c.$$typeof === b || c.$$typeof === d || c.$$typeof === s || c.$$typeof === i || c.$$typeof === l || c.$$typeof === T || c.getModuleId !== void 0);
+  }, j.typeOf = v, j;
+}
+var P = {};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Zr;
+function ba() {
+  return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), i = Symbol.for("react.context"), f = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = !1, v = !1, c = !1, w = !1, C = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function z(y) {
+      return !!(typeof y == "string" || typeof y == "function" || y === r || y === o || C || y === a || y === g || y === m || w || y === S || T || v || c || typeof y == "object" && y !== null && (y.$$typeof === b || y.$$typeof === d || y.$$typeof === s || y.$$typeof === i || y.$$typeof === l || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      y.$$typeof === $ || y.getModuleId !== void 0));
+    }
+    function F(y) {
+      if (typeof y == "object" && y !== null) {
+        var re = y.$$typeof;
+        switch (re) {
+          case e:
+            var Z = y.type;
+            switch (Z) {
+              case r:
+              case o:
+              case a:
+              case g:
+              case m:
+                return Z;
+              default:
+                var we = Z && Z.$$typeof;
+                switch (we) {
+                  case f:
+                  case i:
+                  case l:
+                  case b:
+                  case d:
+                  case s:
+                    return we;
+                  default:
+                    return re;
+                }
+            }
+          case t:
+            return re;
+        }
+      }
+    }
+    var me = i, ie = s, se = e, ne = l, ce = r, le = b, ae = d, L = t, W = o, K = a, Pe = g, Oe = m, he = !1, ve = !1;
+    function $e(y) {
+      return he || (he = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function Ae(y) {
+      return ve || (ve = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function Ie(y) {
+      return F(y) === i;
+    }
+    function Fe(y) {
+      return F(y) === s;
+    }
+    function Ke(y) {
+      return typeof y == "object" && y !== null && y.$$typeof === e;
+    }
+    function Je(y) {
+      return F(y) === l;
+    }
+    function be(y) {
+      return F(y) === r;
+    }
+    function ye(y) {
+      return F(y) === b;
+    }
+    function ue(y) {
+      return F(y) === d;
+    }
+    function xe(y) {
+      return F(y) === t;
+    }
+    function fe(y) {
+      return F(y) === o;
+    }
+    function Xe(y) {
+      return F(y) === a;
+    }
+    function Me(y) {
+      return F(y) === g;
+    }
+    function Ze(y) {
+      return F(y) === m;
+    }
+    P.ContextConsumer = me, P.ContextProvider = ie, P.Element = se, P.ForwardRef = ne, P.Fragment = ce, P.Lazy = le, P.Memo = ae, P.Portal = L, P.Profiler = W, P.StrictMode = K, P.Suspense = Pe, P.SuspenseList = Oe, P.isAsyncMode = $e, P.isConcurrentMode = Ae, P.isContextConsumer = Ie, P.isContextProvider = Fe, P.isElement = Ke, P.isForwardRef = Je, P.isFragment = be, P.isLazy = ye, P.isMemo = ue, P.isPortal = xe, P.isProfiler = fe, P.isStrictMode = Xe, P.isSuspense = Me, P.isSuspenseList = Ze, P.isValidElementType = z, P.typeOf = F;
+  }()), P;
+}
+process.env.NODE_ENV === "production" ? va() : ba();
+const ya = E.div`
+  padding: 0 12px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: calc(100% - 2 * 12px);
+  border-radius: 6px;
+  height: 32px;
+`, xa = E.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 400;
+  font-style: italic;
+`, wa = E(ha)`
+  font-size: 18px;
+  color: ${(e) => e.color};
+  svg {
+    transition: transform ${je * 0.7}ms ease-in-out;
+  }
+`, Ea = X(({
+  open: e,
+  onChange: t,
+  defaultOpen: r,
+  title: a,
+  image: o,
+  rightText: s,
+  activeColor: i,
+  inactiveColor: f,
+  border: l,
+  style: g,
+  width: m,
+  children: d
+}, b) => {
+  const { token: S } = B.useToken(), [T, v] = G(!1);
+  i || (i = S.colorFill), f || (f = S.colorFillSecondary);
+  const c = ($) => {
+    v($), t == null || t($);
+  }, w = () => o ? /* @__PURE__ */ p.jsx("img", { src: o, style: { height: 18 }, alt: "dropdown" }) : /* @__PURE__ */ p.jsx(wa, { rotate: T ? 90 : 0, color: S.colorPrimary }), C = Object.assign({
+    borderEndStartRadius: 6,
+    borderEndEndRadius: 6
+  }, g == null ? void 0 : g.children);
+  return /* @__PURE__ */ p.jsx(
+    ut,
+    {
+      ref: b,
+      header: /* @__PURE__ */ p.jsxs(ya, { style: Object.assign({
+        backgroundColor: T ? i : f,
+        borderEndStartRadius: T && 0,
+        borderEndEndRadius: T && 0
+      }, g == null ? void 0 : g.header), children: [
+        /* @__PURE__ */ p.jsx(U.Text, { children: a }),
+        /* @__PURE__ */ p.jsxs(xa, { children: [
+          /* @__PURE__ */ p.jsx(U.Text, { children: s }),
+          w()
+        ] })
+      ] }),
+      border: l,
+      defaultOpen: r,
+      open: e,
+      onChange: c,
+      style: C,
+      width: m,
+      children: d
+    }
+  );
+}), Sa = E.div`
+  padding: 12px;
+`, Ca = X(({ children: e, background: t }, r) => {
+  const { token: { colorFillSecondary: a } } = B.useToken();
+  return /* @__PURE__ */ p.jsx(
+    Sa,
+    {
+      ref: r,
+      style: {
+        background: t || `linear-gradient(150deg, transparent 30%, ${a})`
+      },
+      children: e
+    }
+  );
+}), Ge = Ea;
+Ge.Content = Ca;
+Ge.Base = ut;
+const Ye = E.div`
+  cursor: pointer;
+  height: var(--row-height);
+  width: calc(100% - 2 * 8px);
+  padding: 0 8px;
+  margin: 0;
+  border-bottom: 1px solid ${(e) => e.$colorBorder || "#d9d9d9"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  transition: backdrop-filter .4s;
+
+  &:hover {
+    backdrop-filter: brightness(1.2);
+  }
+`, Tt = E(U.Text)`
+  max-width: calc(100% - 3.5rem);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: 500;
+`, ka = E(Ye)`
+  &:last-child {
+    border-bottom: unset;
+  }
+
+  &.active {
+    background-color: ${(e) => e.$colorActiveBg};
+  }
+`, _t = ({ item: e, onClick: t, active: r, parentKey: a, itemRender: o }) => {
+  const { token: { colorBorder: s, colorPrimary: i } } = B.useToken(), f = o || ((m) => m), l = [e.key];
+  a && l.unshift(a);
+  const g = (m) => {
+    t == null || t({
+      item: e,
+      key: e.key,
+      keyPath: l,
+      domEvent: m
+    });
+  };
+  return f(
+    /* @__PURE__ */ p.jsxs(ka, { onClick: g, className: r && "active", $colorBorder: s, $colorActiveBg: i, children: [
+      /* @__PURE__ */ p.jsx(Tt, { children: e.label }),
+      e.icon,
+      " "
+    ] }),
+    { item: e, keyPath: l, key: e.key }
+  );
+}, Ra = ({
+  item: e,
+  onClick: t,
+  itemRender: r,
+  open: a
+}) => {
+  const { token: { colorPrimary: o, colorBorder: s } } = B.useToken(), [i, f] = G(!1), l = Ve(null), g = r || ((b) => b), m = fr(async (b) => {
+    f(!!(typeof b == "boolean" ? b : !i));
+  }, [i]), d = (b) => {
+    a === void 0 && m(), t == null || t({
+      item: e,
+      key: e.key,
+      keyPath: [e.key],
+      domEvent: b
+    });
+  };
+  return V(() => {
+    typeof a == "boolean" && m(a);
+  }, [a, m]), V(() => {
+    l.current.calculateHeight();
+  }, [e.children]), /* @__PURE__ */ p.jsx(
+    Ge.Base,
+    {
+      ref: l,
+      header: g(
+        /* @__PURE__ */ p.jsxs(
+          Ye,
+          {
+            onClick: d,
+            style: { backgroundColor: i ? o : void 0 },
+            $colorBorder: i ? "transparent" : s,
+            children: [
+              /* @__PURE__ */ p.jsx(Tt, { children: e == null ? void 0 : e.label }),
+              e == null ? void 0 : e.icon
+            ]
+          }
+        ),
+        { item: e, keyPath: [e.key], key: e.key }
+      ),
+      open: i,
+      children: /* @__PURE__ */ p.jsx("div", { style: {
+        borderLeft: `1px solid ${o}`,
+        borderRight: `2px solid ${o}`,
+        borderBottom: `1px solid ${o}`,
+        boxShadow: `inset 0 0 3px ${o}`
+      }, children: Array.isArray(e.children) && e.children.map((b) => /* @__PURE__ */ p.jsx(_t, { itemRender: g, onClick: t, item: b, parentKey: e.key }, b.key)) })
+    }
+  );
+}, Ta = E.div`
+  --row-height: 48px;
+  --site-selector-height: 100%;
+  height: 100%;
+
+  position: relative;
+`, jt = E.div`
+  height: calc(var(--row-height) - 1px);
+  width: calc(100% - 2 * 6px);
+  padding: 0 6px;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid gray;
+`, _a = E.div`
+  height: calc(100% - 2 * var(--row-height));
+  overflow-y: auto;
+`, ja = E(jt)`
+  justify-content: center;
+  background-color: rgba(163, 163, 163, 0.1);
+  border-top: 1px solid gray;
+  border-bottom: unset;
+`, go = X(({
+  items: e,
+  messageEmpty: t,
+  onClick: r,
+  loading: a,
+  openKeys: o,
+  bottomAddon: s,
+  search: i,
+  onSearchChange: f,
+  itemRender: l
+}, g) => {
+  const [m, d] = G([]), { token: { colorBorder: b } } = B.useToken();
+  V(() => {
+    Array.isArray(o) && d(o);
+  }, [o]);
+  const S = (v) => {
+    o === void 0 && v.keyPath.length === 1 && ("children" in v.item ? m.some((c) => c === v.key) ? d(m.filter((c) => c !== v.key)) : d(m.concat(v.key)) : d([v.item.key])), r == null || r(v);
+  }, T = () => a ? /* @__PURE__ */ p.jsx(Ye, { $colorBorder: b, children: /* @__PURE__ */ p.jsx(U.Text, { children: /* @__PURE__ */ p.jsxs(yr, { children: [
+    typeof a == "string" ? a : "Loading items...",
+    /* @__PURE__ */ p.jsx(pa, {})
+  ] }) }) }) : e != null && e.length ? e.map((v) => {
+    if ("type" in v)
+      switch (v.type) {
+        case "group":
+          return /* @__PURE__ */ p.jsx(
+            Ra,
+            {
+              item: v,
+              onClick: S,
+              open: m.includes(v.key),
+              itemRender: l
+            },
+            v.key
+          );
+      }
+    return /* @__PURE__ */ p.jsx(
+      _t,
+      {
+        item: v,
+        onClick: S,
+        active: m.includes(v.key),
+        itemRender: l
+      },
+      v.key
+    );
+  }) : /* @__PURE__ */ p.jsx(Ye, { $colorBorder: b, children: /* @__PURE__ */ p.jsx(U.Text, { children: t || "No items found" }) });
+  return /* @__PURE__ */ p.jsxs(Ta, { ref: g, children: [
+    /* @__PURE__ */ p.jsx(jt, { children: /* @__PURE__ */ p.jsx(st.Search, { addonBefore: (e == null ? void 0 : e.length) || "0", onChange: (v) => f(v.target.value), value: i, allowClear: !0, enterButton: "Search" }) }),
+    /* @__PURE__ */ p.jsx(_a, { children: T() }),
+    /* @__PURE__ */ p.jsx(ja, { children: s })
+  ] });
+}), Pa = E.div`
+  background: linear-gradient(60deg,rgba(75,80,85,.5),rgba(125,123,120,.5));
+  border-radius: 4px;
+  box-shadow: 0 .1em .3em rgba(0,0,0,.4);
+  margin-block: 16px;
+  padding: 12px 16px;
+
+  @media screen and (min-width: 768px) {
+    padding: 24px;
+    margin-inline: 4px;
+  }
+`, Oa = E.h3`
+  padding-inline: 6px;
+  padding-bottom: 4px;
+  margin: 0;
+  margin-bottom: 8px;
+  font-weight: 300;
+  color: #25b1ef;
+  border-bottom: 2px solid #25b1ef;
+
+  @media only screen and (min-width: 768px) {
+    font-size: 1.3rem;
+  }
+`, mo = ({ children: e, title: t }) => /* @__PURE__ */ p.jsxs(Pa, { children: [
+  t && /* @__PURE__ */ p.jsx(Oa, { children: t }),
+  e
+] }), $a = E.div`
+  background: radial-gradient(circle at 70% 50px, ${(e) => e.$bgLight} 15%, ${(e) => e.$bgMain} max(50%, 350px), ${(e) => e.$bgAccent} max(100%, 800px));
+  padding: 12px 8px;
+  border-radius: 0;
+
+  @media screen and (min-width: 768px) {
+    padding: 24px 40px;
+    border-radius: 12px;
+  }
+`, Aa = E.h2`
+  padding-inline: 8px;
+  margin-bottom: 2px;
+  font-weight: 300;
+  color: ${(e) => e.$color};
+  font-size: 1.3rem;
+  width: max-content;
+  margin-top: 8px;
+
+  @media screen and (min-width: 768px) {
+    font-size: 2rem;
+  }
+`, Ia = E.div`
+  margin-bottom: .5em;
+  font-size: 1.3rem;
+  border-bottom: 1px solid ${(e) => e.$color};
+
+  @media screen and (min-width: 768px) {
+    border-bottom: 3px solid ${(e) => e.$color};
+    font-size: 2rem;
+  }
+`, ho = ({ children: e, title: t }) => {
+  const { token: { colorBgContainer: r, colorBgBase: a, colorPrimary: o, colorPrimaryBg: s } } = B.useToken();
+  return /* @__PURE__ */ p.jsxs(
+    $a,
+    {
+      $bgLight: r,
+      $bgMain: a,
+      $bgAccent: s,
+      children: [
+        t && /* @__PURE__ */ p.jsx(Ia, { $color: o, children: /* @__PURE__ */ p.jsx(Aa, { $color: o, children: t }) }),
+        e
+      ]
+    }
+  );
+}, Pt = E.li`
+  position: relative;
+  text-decoration: none;
+  cursor: pointer;
+  text-align: left;
+  display: flex;
+  align-items: center;
+
+  @media only screen and not (min-width: 768px) {
+    padding-left: 1rem;
+    margin-bottom: 1rem;
+  }
+`, Ot = E(U.Text)`
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: inherit;
+  transition: transform .3s ease-in-out;
+
+  &:hover {
+    transform: translateY(-2px);
+  }
+
+  width: max-content;
+
+  @media only screen and (min-width: 768px) {
+    opacity: 1;
+    position: relative;
+  }
+`, Fa = ot`
+  0% {
+    opacity: 0;
+    transform: translate(0, 8px);
+  } 100% {
+    opacity: 1;
+    transform: translate(0, 0);
+  }
+`, Ma = E.ul`
+  --inset: 12px;
+  --padding-y: 6px;
+  --border-radius: 0 0 var(--padding-y) var(--padding-y);
+
+  position: absolute;
+  top: calc(100% - var(--inset) + 2px);
+  animation: ${Fa} .2s;
+  background-color: var(--bg-color);
+  color: black;
+  padding: var(--inset) 0 var(--padding-y) 0;
+  margin: 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: var(--inset) 0 0 0;
+    border-radius: var(--border-radius);
+    box-shadow: .5px 1px 5px rgba(0,0,0,0.25);
+    z-index: -1;
+  }
+
+  @media only screen and (min-width: 768px) {
+    border-radius: var(--border-radius);
+    right: -6px;
+  }
+
+  @media only screen and not (min-width: 768px) {
+    width: 100%;
+    top: 100%;
+    left: 0;
+  }
+`, Na = E.li`
+  padding: .25rem .75rem;
+  min-width: 12rem;
+  cursor: pointer;
+  font-weight: 600;
+  display: block;
+
+  &:hover {
+    background: linear-gradient(rgba(0,0,0,.1) 2%, transparent 15%, transparent 85%, rgba(0,0,0,.1) 98%);
+  }
+`, La = (e) => {
+  const { item: t, onClick: r, activeKey: a, itemRender: o } = e;
+  if (!Array.isArray(t == null ? void 0 : t.children))
+    return null;
+  const s = o || ((i) => i);
+  return t.children.map((i) => {
+    const f = (l) => {
+      r == null || r(l, { item: i, key: i.key });
+    };
+    return /* @__PURE__ */ p.jsx(
+      Na,
+      {
+        className: a === i.key && "active",
+        onClick: f,
+        children: s(
+          i.label,
+          {
+            item: i,
+            key: i.key,
+            keyPath: [t.key, i.key]
+          }
+        )
+      },
+      i.key
+    );
+  });
+}, Da = (e) => {
+  const { item: t, activeKey: r, onClick: a } = e, [o, s] = G(!1), i = (l, g) => {
+    g ? (s(!1), a == null || a(l, g)) : (s(!o), a == null || a(l, {
+      key: t == null ? void 0 : t.key,
+      item: t
+    }));
+  }, f = at(() => r === (t == null ? void 0 : t.key) || (t == null ? void 0 : t.children.some((l) => l.key === r)), [r, t]);
+  return /* @__PURE__ */ p.jsxs(
+    Pt,
+    {
+      className: f && "active",
+      onClick: i,
+      onMouseEnter: () => {
+        s(!0);
+      },
+      onMouseLeave: () => {
+        s(!1);
+      },
+      children: [
+        /* @__PURE__ */ p.jsx(Ot, { children: t == null ? void 0 : t.label }),
+        /* @__PURE__ */ p.jsx(Ma, { hidden: !o, children: /* @__PURE__ */ p.jsx(La, { ...e }) })
+      ]
+    }
+  );
+}, Ba = 64, za = E.div`
+  --bg-color: #fff;
+  --border-width: 3px;
+  --grid-padding-x: max(0px, calc(calc(100vw - 1200px) / 2));
+  --selector-width: 280px;
+  --logo-size: 48px;
+
+  display: grid;
+  border-bottom: var(--border-width) solid black;
+  background-color: var(--bg-color);
+  height: calc(var(--navbar-height) - var(--border-width));
+
+  user-select: none;
+  text-align: center;
+  z-index: 999;
+  width: 100%;
+  position: sticky;
+  top: 0;
+  transition: background-color .3s;
+
+  @media only screen and (min-width: 768px) {
+    grid-template-columns: calc(var(--grid-padding-x) + 1rem) var(--selector-width) 1rem 1fr calc(var(--grid-padding-x) + 1rem);
+  }
+
+  @media only screen and (min-width: 992px) {
+    --selector-width: 320px;
+  }
+
+  /* Possible solution for additional navbar items */
+  /* @media only screen and (min-width: calc(1200px + calc(48px + 32px) * 2)) {
+    grid-template-columns: var(--grid-padding-x) 0 0 1fr var(--grid-padding-x);
+  } */
+`, Wa = E.div`
+  width: var(--logo-size);
+  height: var(--logo-size);
+  margin: calc(calc(var(--navbar-height) - var(--logo-size)) / 2) auto;
+
+  @media only screen and (min-width: 768px) {
+    grid-column: 2 / 3;
+  }
+
+  // Using logo-size and padding
+  @media only screen and (min-width: calc(1200px + calc(48px + 32px) * 2)) {
+    grid-column: 1 / 2;
+  }
+`, Ya = E.nav`
+  width: 100%;
+  transform-origin: top;
+  transition: transform 400ms ease-in-out;
+  grid-column: 4 / 5;
+
+  @media only screen and not (min-width: 768px) {
+    position: absolute;
+    background-color: rgba(0,0,0,.87);
+    border-bottom: 3px solid white;
+    top: 100%;
+    left: 0;
+    transform: scale(1, 0);
+  }
+
+  @media only screen and (min-width: 768px) {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    transition: none;
+    height: var(--navbar-height);
+  }
+`, Va = E.ul`
+  font-family: 'Noto Sans JP', sans-serif;
+  list-style-type: none;
+  padding-left: 0;
+  height: 100%;
+  opacity: 0;
+  transition: all 150ms ease-in-out;
+
+  @media only screen and (min-width: 768px) {
+    display: flex;
+    column-gap: 20px;
+    align-items: stretch;
+    opacity: unset;
+  }
+
+  @media only screen and (min-width: 992px) {
+    column-gap: 32px;
+  }
+
+  color: ${(e) => e.$textColor};
+
+  /* For active NavLink react-router-dom */
+  .active {
+    color: ${(e) => e.$activeColor};
+  }
+`, Ha = E.label`
+  position: absolute;
+  top: 0;
+  left: 1rem;
+  height: 100%;
+  display: flex;
+  align-items: center;
+
+  @media only screen and (min-width: 768px) {
+    display: none;
+  }
+`, Ua = E.input`
+  display: block;
+  background-color: ${(e) => e.$color};
+  height: .2em;
+  width: 2em;
+  border-radius: 1em;
+  position: relative;
+  appearance: none;
+  outline: unset;
+  transition: transform .4s ease-in-out, background-color .5s;
+
+  &::after,
+  &::before {
+    display: block;
+    background-color: ${(e) => e.$color};
+    height: .2em;
+    width: 2em;
+    border-radius: 1em;
+    position: relative;
+    content: '';
+    position: absolute;
+    transition: transform .4s ease-in-out;
+  }
+
+  &::after {
+    transform: translateY(-.6em)
+  }
+
+  &::before {
+    transform: translateY(.6em)
+  }
+
+  &:checked {
+    transform: translateX(-2em);
+    background: transparent;
+  }
+
+  &:checked::after {
+    transform: rotateZ(45deg) translate(1.4em, -1.4em);
+  }
+
+  &:checked::before {
+    transform: rotateZ(-45deg) translate(1.4em, 1.4em);
+  }
+`, qa = (e) => {
+  const { items: t, activeKey: r, onClick: a, itemRender: o } = e, s = o || ((i) => i);
+  return Array.isArray(t) ? t.map((i) => {
+    const f = (l, g) => {
+      const m = {
+        item: i,
+        key: i.key,
+        keyPath: [i.key],
+        domEvent: l
+      };
+      g && (m.keyPath.push(g.key), m.key = g.key, m.item = g.item), a == null || a(m);
+    };
+    if ("type" in i)
+      switch (i.type) {
+        case "group":
+          return /* @__PURE__ */ p.jsx(Da, { item: i, onClick: f, activeKey: r, itemRender: s }, i.key);
+      }
+    return /* @__PURE__ */ p.jsx(
+      Pt,
+      {
+        className: r === i.key && "active",
+        onClick: f,
+        children: s(
+          /* @__PURE__ */ p.jsx(Ot, { children: i.label }),
+          {
+            item: i,
+            key: i.key,
+            keyPath: [i.key]
+          }
+        )
+      },
+      i.key
+    );
+  }) : null;
+}, vo = X((e, t) => {
+  const { height: r, textColor: a, activeColor: o, logo: s, toggleColor: i, onClick: f, ...l } = e, { token: { colorPrimary: g } } = B.useToken(), [m, d] = G({}), [b, S] = G({}), T = Ve(
+    /** @type {HTMLInputElement} */
+    null
+  );
+  V(() => {
+    typeof r == "number" && r >= 48 ? document.documentElement.style.setProperty("--navbar-height", `${Math.round(r)}px`) : document.documentElement.style.setProperty("--navbar-height", `${Ba}px`);
+  }, [r]);
+  const v = () => {
+    T.current.checked ? (d({ transform: "scale(1,1)" }), S({
+      opacity: 1,
+      transition: "opacity 150ms ease-in-out 250ms"
+    })) : (S({}), d({}));
+  }, c = (w) => {
+    w.domEvent.stopPropagation(), "children" in w.item || (T.current.checked = !1, v()), f == null || f(w);
+  };
+  return /* @__PURE__ */ p.jsxs(za, { ref: t, style: { borderBottomColor: a || g }, children: [
+    /* @__PURE__ */ p.jsx(Wa, { children: s }),
+    /* @__PURE__ */ p.jsx(Ya, { style: Object.assign({ borderBottomColor: o || g }, m), children: /* @__PURE__ */ p.jsx(
+      Va,
+      {
+        $activeColor: o || g,
+        $textColor: a,
+        style: b,
+        children: /* @__PURE__ */ p.jsx(qa, { ...l, onClick: c })
+      }
+    ) }),
+    /* @__PURE__ */ p.jsx(Ha, { htmlFor: "nav-toggle", children: /* @__PURE__ */ p.jsx(
+      Ua,
+      {
+        ref: T,
+        type: "checkbox",
+        id: "nav-toggle",
+        "aria-label": "show navigation",
+        onChange: v,
+        $color: i || "black"
+      }
+    ) })
+  ] });
+}), Ga = E.div`
+  background: linear-gradient(-120deg, ${(e) => e.$bgLight} 20%, ${(e) => e.$bgDark} 80%);
+  overflow-y: auto;
+  flex: 1 1 auto;
+  position: relative;
+
+  height: calc(100% - var(--selector-height)); /* Adjust for site selector height */
+
+  @media only screen and (min-width: 768px) {
+    border-radius: 8px;
+    box-shadow: inset 0 0 2px 1px rgba(255,255,255,.1);
+    height: unset;
+  }
+
+  &::-webkit-scrollbar {
+    width: 5px;
+
+    @media only screen and not (min-width: 768px) {
+      display: none;
+    }
+  }
+
+  &::-webkit-scrollbar-track {
+    background: none;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--thumb-bg);
+    border-radius: 3px;
+  }
+
+  /* Decrease scrollbar height for border-radius */
+  &::-webkit-scrollbar-track-piece:start {
+    margin-top: 1em;
+  }
+
+  &::-webkit-scrollbar-track-piece:end {
+    margin-bottom: 1em;
+  }
+`, Ka = E.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 1rem 0;
+  gap: 1.5rem;
+
+  @media only screen and (min-width: 768px) {
+    padding: 1.5rem;
+    gap: 2rem;
+  }
+
+  @media only screen and (min-width: 992px) {
+    padding: 1.5rem 2.5rem;
+  }
+`, Ja = X(({ children: e }, t) => {
+  const { theme: { id: r }, token: { colorBgBase: a, colorBgContainer: o, colorBgElevated: s, colorBgLayout: i } } = B.useToken();
+  let f = s, l = i;
+  return r === 1 && (f = a, l = o), /* @__PURE__ */ p.jsx(Ga, { ref: t, $bgDark: f, $bgLight: l, children: /* @__PURE__ */ p.jsx(Ka, { children: e }) });
+});
+function Qr(e) {
+  var t = M.useRef();
+  t.current = e;
+  var r = M.useCallback(function() {
+    for (var a, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
+      s[i] = arguments[i];
+    return (a = t.current) === null || a === void 0 ? void 0 : a.call.apply(a, [t].concat(s));
+  }, []);
+  return r;
+}
+var et = process.env.NODE_ENV !== "test" && ht() ? M.useLayoutEffect : M.useEffect, Xa = function(t, r) {
+  var a = M.useRef(!0);
+  et(function() {
+    return t(a.current);
+  }, r), et(function() {
+    return a.current = !1, function() {
+      a.current = !0;
+    };
+  }, []);
+}, rt = function(t, r) {
+  Xa(function(a) {
+    if (!a)
+      return t();
+  }, r);
+};
+function tt(e) {
+  var t = M.useRef(!1), r = M.useState(e), a = _e(r, 2), o = a[0], s = a[1];
+  M.useEffect(function() {
+    return t.current = !1, function() {
+      t.current = !0;
+    };
+  }, []);
+  function i(f, l) {
+    l && t.current || s(f);
+  }
+  return [o, i];
+}
+function ur(e) {
+  return e !== void 0;
+}
+function Za(e, t) {
+  var r = t || {}, a = r.defaultValue, o = r.value, s = r.onChange, i = r.postState, f = tt(function() {
+    return ur(o) ? o : ur(a) ? typeof a == "function" ? a() : a : typeof e == "function" ? e() : e;
+  }), l = _e(f, 2), g = l[0], m = l[1], d = o !== void 0 ? o : g, b = i ? i(d) : d, S = Qr(s), T = tt([d]), v = _e(T, 2), c = v[0], w = v[1];
+  rt(function() {
+    var $ = c[0];
+    g !== $ && S(g, $);
+  }, [c]), rt(function() {
+    ur(o) || m(o);
+  }, [o]);
+  var C = Qr(function($, z) {
+    m($, z), w([d], z);
+  });
+  return [b, C];
+}
+const br = 36, Qa = nn`
+  #main {
+    --selector-height: 36px;
+  }
+`, eo = E.div`
+  position: sticky;
+  top: calc(var(--navbar-height) + var(--main-margin-v));
+  box-shadow: inset 0 0 2px 1px rgba(255,255,255,.1);
+  border-radius: 8px;
+  overflow: auto;
+  flex: 0 0 var(--site-selector-width);
+  background: linear-gradient(35deg, ${(e) => e.$bgDark} 20%, ${(e) => e.$bgLight});
+  max-height: var(--main-height);
+
+  @media screen and not (min-width: 768px) {
+    width: 100%;
+    border-radius: unset;
+    height: calc(var(--main-height) - ${br}px)
+  }
+`, ro = X(({ title: e, children: t, collapseOpen: r, onChange: a }, o) => {
+  const { theme: { id: s }, token: { colorBgBase: i, colorBgContainer: f, colorBgLayout: l } } = B.useToken(), [g, m] = G(1280), [d, b] = Za(!1, { value: r });
+  let S = i, T = l;
+  s === 1 && (S = i, T = f);
+  const v = (w) => {
+    b(w), a == null || a(w);
+  };
+  V(() => {
+    const w = () => {
+      m(window.innerWidth);
+    };
+    return w(), window.addEventListener("resize", w), () => {
+      window.removeEventListener("resize", w);
+    };
+  }, []);
+  const c = /* @__PURE__ */ p.jsxs(
+    eo,
+    {
+      ref: o,
+      $bgDark: S,
+      $bgLight: T,
+      children: [
+        /* @__PURE__ */ p.jsx(Qa, {}),
+        t
+      ]
+    }
+  );
+  return g < 768 ? /* @__PURE__ */ p.jsx("div", { style: { flex: "0 0 100%", height: br }, children: /* @__PURE__ */ p.jsx(
+    Ge,
+    {
+      title: e,
+      activeColor: i,
+      style: {
+        header: { height: br, borderRadius: 0 },
+        children: { position: "absolute", zIndex: 100, borderRadius: 0 }
+      },
+      onChange: v,
+      open: d,
+      children: c
+    }
+  ) }) : c;
+}), to = E.div`
+  --main-margin-v: 0px;
+  --site-selector-width: 280px;
+  --main-height: calc(100vh - var(--navbar-height));
+  --selector-height: 0px;
+
+  position: relative;
+  max-width: calc(1200px - 2 * 1rem); /* Adjusted for padding */
+  margin: var(--main-margin-v) auto;
+  height: var(--main-height);
+
+  @media only screen and (min-width: 768px) {
+    --main-margin-v: 2rem;
+    --main-height: min(calc(100vh - var(--navbar-height) - 2 * var(--main-margin-v)), 85vh);
+
+    display: flex;
+    align-items: stretch;
+    column-gap: 1rem;
+    padding: 0 1rem;
+
+    &.content-height {
+      height: unset;
+      max-height: var(--main-height);
+    }
+
+    &.no-scroll {
+      height: unset;
+      min-height: var(--main-height);
+      max-height: unset;
+    }
+
+    &.content-height {
+      min-height: unset;
+    }
+  }
+
+  @media only screen and (min-width: 992px) {
+    --site-selector-width: 320px;
+  }
+`, $t = X(({ children: e, overflow: t, height: r = "full" }, a) => {
+  const o = [];
+  switch (t) {
+    case "visible":
+      o.push("no-scroll");
+      break;
+  }
+  switch (r) {
+    case "content":
+      o.push("content-height");
+      break;
+  }
+  return /* @__PURE__ */ p.jsx(to, { ref: a, id: "main", className: o.join(" "), children: e });
+});
+$t.Settings = Ja;
+$t.Selector = ro;
+const At = E(ct)`
+  --shadow-color: ${(e) => e.danger ? "#f5222d" : "#e07d1d"};
+
+  box-shadow: 1.5px 2px var(--shadow-color);
+  margin-bottom: 1px;
+
+  &:focus {
+    box-shadow: 1px 1.5px var(--shadow-color);
+  }
+
+  &:hover {
+    box-shadow: 0 0 var(--shadow-color);
+  }
+`, no = E(At)`
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+  width: max-content;
+`, bo = E(At)`
+  width: max-content;
+  background-color: rgba(255,255,255,.05);
+  border: unset;
+  box-shadow: unset;
+`, yo = E(no)`
+  margin-right: unset;
+`, ao = E(U.Text)`
+  position: absolute;
+  transition: all .4s ease;
+  z-index: 10;
+  cursor: text;
+`, xo = X((e, t) => {
+  const { name: r, size: a, children: o, colorText: s, colorTextActive: i } = e, [f, l] = G({}), g = Ve(null), m = an.useWatch(r), { token: d } = B.useToken(), [b, S] = G({ display: "none" }), [T, v] = at(() => [
+    {},
+    { left: 0, top: 0, color: i || d.colorPrimary, cursor: "default" }
+  ], [i, d]);
+  return nt(t, () => g.current), V(() => {
+    var C;
+    const c = (C = g.current) == null ? void 0 : C.parentNode, w = c.parentNode;
+    c.style.width = "100%", w.style.overflow = "visible";
+  }, []), V(() => {
+    if (m)
+      return l(v);
+    document.activeElement.id !== r && l(T);
+  }, [m, r, T, v]), V(() => {
+    var ie, se, ne, ce, le, ae, L, W, K;
+    let c, w, C;
+    g.current || S({ display: "none" }), typeof r != "string" && S({});
+    const $ = document.getElementById(r);
+    $ || S({});
+    const z = $.previousElementSibling, F = $.offsetLeft, me = z == null ? void 0 : z.classList.contains("ant-input-prefix");
+    switch (a) {
+      case "small":
+        w = (((ie = d.Input) == null ? void 0 : ie.paddingInlineSM) || d.paddingXS) + F, c = `calc(100% + ${((se = d.Input) == null ? void 0 : se.paddingBlockSM) || 0}px + 9px)`, C = ((ne = d.Input) == null ? void 0 : ne.inputFontSizeSM) || d.fontSize;
+        break;
+      case "large":
+        w = (((ce = d.Input) == null ? void 0 : ce.paddingInlineLG) || d.paddingSM) + F, c = `calc(100% + ${((le = d.Input) == null ? void 0 : le.paddingBlock) || 7}px + 8px)`, C = ((ae = d.Input) == null ? void 0 : ae.inputFontSizeLG) || d.fontSizeLG;
+        break;
+      default:
+        w = (((L = d.Input) == null ? void 0 : L.paddingInline) || d.paddingSM) + F, c = `calc(100% + ${((W = d.Input) == null ? void 0 : W.paddingBlock) || 4}px + 9px)`, C = ((K = d.Input) == null ? void 0 : K.inputFontSize) || d.fontSize;
+        break;
+    }
+    me && (w = F), S({ top: c, left: w, fontSize: C });
+  }, [a, r, d]), V(() => {
+    if (typeof r != "string")
+      return;
+    const c = document.getElementById(r);
+    if (!c)
+      return;
+    const w = () => {
+      l(v), c.classList.remove("no-placeholder");
+    }, C = () => {
+      c.value.length === 0 && l(T), c.value || c.classList.add("no-placeholder");
+    };
+    return c.value || c.classList.add("no-placeholder"), c.addEventListener("focus", w), c.addEventListener("blur", C), () => {
+      c.removeEventListener("focus", w), c.removeEventListener("blur", C);
+    };
+  }, [r, T, v]), /* @__PURE__ */ p.jsx(
+    ao,
+    {
+      ref: g,
+      style: Object.assign({ color: s || d.colorText }, b, f),
+      children: o
+    }
+  );
+}), oo = E(st)`
+  ::placeholder, &::placeholder {
+    transition: color .4s;
+  }
+
+  .no-placeholder, &.no-placeholder {
+    &::placeholder, ::placeholder {
+      color: transparent;
+    }
+  }
+`, wo = X((e, t) => {
+  const { label: r, ...a } = e;
+  return /* @__PURE__ */ p.jsx(
+    oo,
+    {
+      ref: t,
+      ...a
+    }
+  );
+}), io = E(on)`
+  width: min(100%, 480px);
+  box-shadow: 0 3px 7px rgba(0,0,0,.2);
+  padding: 1.5rem 1rem;
+  margin-bottom: 10rem;
+
+  @media only screen and (max-width: 480px) {
+    border-radius: 0;
+  }
+
+  @media only screen and (max-height: 576px) {
+    margin-bottom: 1.5rem;
+  }
+`, ge = ({ children: e }) => /* @__PURE__ */ p.jsx(io, { className: "card-container", children: e });
+ge.Header = () => /* @__PURE__ */ p.jsxs(yr, { style: { display: "flex" }, children: [
+  /* @__PURE__ */ p.jsx("img", { src: "/logo/logo-orange-black.svg", height: "24px", width: "auto" }),
+  /* @__PURE__ */ p.jsx("img", { src: "/logo/web-fuse-text.svg", height: "12px", width: "auto" })
+] });
+ge.Title = (e) => /* @__PURE__ */ p.jsx(
+  U.Title,
+  {
+    level: 2,
+    ...e,
+    style: Object.assign({ marginTop: 4 }, e.style)
+  }
+);
+ge.Subtitle = (e) => /* @__PURE__ */ p.jsx(
+  U.Paragraph,
+  {
+    ...e,
+    style: Object.assign({
+      marginTop: -18,
+      marginBottom: 14,
+      fontSize: "0.8125rem",
+      lineHeight: "20px",
+      fontWeight: 400
+    }, e.style)
+  }
+);
+const so = E.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: calc(100vh - 2 * 2rem);
+`, co = ({ description: e }) => e ? tn(e) ? e : /* @__PURE__ */ p.jsx(U.Text, { children: e }) : null, Eo = ({ error: e, title: t }) => {
+  const r = [{
+    key: "1",
+    label: "Details",
+    children: /* @__PURE__ */ p.jsx(U.Text, { type: "secondary", children: e.error_detail || "No additional details" })
+  }];
+  return /* @__PURE__ */ p.jsx(so, { children: /* @__PURE__ */ p.jsxs(ge, { children: [
+    /* @__PURE__ */ p.jsx(ge.Header, {}),
+    /* @__PURE__ */ p.jsxs(yr, { direction: "vertical", children: [
+      /* @__PURE__ */ p.jsx(ge.Title, { children: t }),
+      /* @__PURE__ */ p.jsx(U.Paragraph, { strong: !0, style: { marginBottom: 0 }, children: e.message }),
+      /* @__PURE__ */ p.jsx(co, { description: e.error_description }),
+      /* @__PURE__ */ p.jsx(ct, { onClick: () => window.history.back(), children: "Return" }),
+      /* @__PURE__ */ p.jsx(sn, { items: r, ghost: !0, size: "small" })
+    ] })
+  ] }) });
+}, lo = E.div`
+  background:
+    linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.05)),
+    radial-gradient(at 20% 30%, rgb(80 173 255 / 10%), transparent 55%),
+    radial-gradient(at 83% 10%, rgb(221 216 74 / 13%), transparent 60%),
+    radial-gradient(at 10% 80%, rgb(176 249 40 / 6%), transparent 40%),
+    radial-gradient(at 90% 80%, rgb(48 95 151 / 14%), transparent 55%),
+    radial-gradient(at 50% 45%, rgb(255 125 61 / 20%), transparent 60%);
+  width: 100vw;
+  height: 100vh;
+`, So = ({ children: e, width: t, height: r }) => {
+  const { token: { colorBgContainer: a } } = B.useToken();
+  return /* @__PURE__ */ p.jsx(lo, { style: { backgroundColor: a, width: t, height: r }, children: e });
+}, Co = (e, t) => {
+  const r = B.darkAlgorithm(e, t);
+  return r.colorPrimary = e.colorPrimary, r;
+};
+export {
+  At as Button,
+  no as CenteredButton,
+  Ge as Collapse,
+  ho as DarkCard,
+  bo as ExtraSmallButton,
+  xo as HoverLabel,
+  wo as Input,
+  mo as LightCard,
+  ge as LoginContainer,
+  Eo as LoginErrorBoundary,
+  So as LoginPageBackground,
+  $t as MainLayout,
+  vo as Navbar,
+  yo as RightButton,
+  go as Selector,
+  Co as wfDarkAlgorithm
+};
+//# sourceMappingURL=index.es.js.map