@fangzsx/component-library 0.0.11 → 0.0.13

package/dist/generateUtilityClasses-BCID9NF1.js

@@ -0,0 +1,2806 @@
+import * as Wr from "react";
+import { unstable_createGetCssVar as rt, createSpacing as tt } from "@mui/system";
+const hr = (e) => e, nt = () => {
+  let e = hr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = hr;
+    }
+  };
+}, ot = nt();
+function pe(e, ...r) {
+  const t = new URL(`https://mui.com/production-error/?code=${e}`);
+  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
+}
+function Lr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : pe(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function it(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Ie = { exports: {} }, Be = { exports: {} }, N = {};
+var yr;
+function at() {
+  if (yr) return N;
+  yr = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), t = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.provider"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.server_context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), h = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.offscreen"), S;
+  S = /* @__PURE__ */ Symbol.for("react.module.reference");
+  function C(u) {
+    if (typeof u == "object" && u !== null) {
+      var x = u.$$typeof;
+      switch (x) {
+        case e:
+          switch (u = u.type, u) {
+            case t:
+            case i:
+            case n:
+            case g:
+            case h:
+              return u;
+            default:
+              switch (u = u && u.$$typeof, u) {
+                case l:
+                case s:
+                case f:
+                case d:
+                case m:
+                case a:
+                  return u;
+                default:
+                  return x;
+              }
+          }
+        case r:
+          return x;
+      }
+    }
+  }
+  return N.ContextConsumer = s, N.ContextProvider = a, N.Element = e, N.ForwardRef = f, N.Fragment = t, N.Lazy = d, N.Memo = m, N.Portal = r, N.Profiler = i, N.StrictMode = n, N.Suspense = g, N.SuspenseList = h, N.isAsyncMode = function() {
+    return !1;
+  }, N.isConcurrentMode = function() {
+    return !1;
+  }, N.isContextConsumer = function(u) {
+    return C(u) === s;
+  }, N.isContextProvider = function(u) {
+    return C(u) === a;
+  }, N.isElement = function(u) {
+    return typeof u == "object" && u !== null && u.$$typeof === e;
+  }, N.isForwardRef = function(u) {
+    return C(u) === f;
+  }, N.isFragment = function(u) {
+    return C(u) === t;
+  }, N.isLazy = function(u) {
+    return C(u) === d;
+  }, N.isMemo = function(u) {
+    return C(u) === m;
+  }, N.isPortal = function(u) {
+    return C(u) === r;
+  }, N.isProfiler = function(u) {
+    return C(u) === i;
+  }, N.isStrictMode = function(u) {
+    return C(u) === n;
+  }, N.isSuspense = function(u) {
+    return C(u) === g;
+  }, N.isSuspenseList = function(u) {
+    return C(u) === h;
+  }, N.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === t || u === i || u === n || u === g || u === h || u === v || typeof u == "object" && u !== null && (u.$$typeof === d || u.$$typeof === m || u.$$typeof === a || u.$$typeof === s || u.$$typeof === f || u.$$typeof === S || u.getModuleId !== void 0);
+  }, N.typeOf = C, N;
+}
+var M = {};
+var br;
+function st() {
+  return br || (br = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), t = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.provider"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.server_context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), h = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.offscreen"), S = !1, C = !1, u = !1, x = !1, U = !1, H;
+    H = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function $(T) {
+      return !!(typeof T == "string" || typeof T == "function" || T === t || T === i || U || T === n || T === g || T === h || x || T === v || S || C || u || typeof T == "object" && T !== null && (T.$$typeof === d || T.$$typeof === m || T.$$typeof === a || T.$$typeof === s || T.$$typeof === f || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      T.$$typeof === H || T.getModuleId !== void 0));
+    }
+    function j(T) {
+      if (typeof T == "object" && T !== null) {
+        var Xe = T.$$typeof;
+        switch (Xe) {
+          case e:
+            var Re = T.type;
+            switch (Re) {
+              case t:
+              case i:
+              case n:
+              case g:
+              case h:
+                return Re;
+              default:
+                var mr = Re && Re.$$typeof;
+                switch (mr) {
+                  case l:
+                  case s:
+                  case f:
+                  case d:
+                  case m:
+                  case a:
+                    return mr;
+                  default:
+                    return Xe;
+                }
+            }
+          case r:
+            return Xe;
+        }
+      }
+    }
+    var w = s, ie = a, ce = e, X = f, J = t, Y = d, o = m, E = r, y = i, D = n, V = g, Z = h, ae = !1, Pe = !1;
+    function p(T) {
+      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function b(T) {
+      return Pe || (Pe = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function P(T) {
+      return j(T) === s;
+    }
+    function A(T) {
+      return j(T) === a;
+    }
+    function O(T) {
+      return typeof T == "object" && T !== null && T.$$typeof === e;
+    }
+    function R(T) {
+      return j(T) === f;
+    }
+    function k(T) {
+      return j(T) === t;
+    }
+    function _(T) {
+      return j(T) === d;
+    }
+    function I(T) {
+      return j(T) === m;
+    }
+    function W(T) {
+      return j(T) === r;
+    }
+    function B(T) {
+      return j(T) === i;
+    }
+    function ee(T) {
+      return j(T) === n;
+    }
+    function Q(T) {
+      return j(T) === g;
+    }
+    function fe(T) {
+      return j(T) === h;
+    }
+    M.ContextConsumer = w, M.ContextProvider = ie, M.Element = ce, M.ForwardRef = X, M.Fragment = J, M.Lazy = Y, M.Memo = o, M.Portal = E, M.Profiler = y, M.StrictMode = D, M.Suspense = V, M.SuspenseList = Z, M.isAsyncMode = p, M.isConcurrentMode = b, M.isContextConsumer = P, M.isContextProvider = A, M.isElement = O, M.isForwardRef = R, M.isFragment = k, M.isLazy = _, M.isMemo = I, M.isPortal = W, M.isProfiler = B, M.isStrictMode = ee, M.isSuspense = Q, M.isSuspenseList = fe, M.isValidElementType = $, M.typeOf = j;
+  })()), M;
+}
+var vr;
+function lr() {
+  return vr || (vr = 1, process.env.NODE_ENV === "production" ? Be.exports = at() : Be.exports = st()), Be.exports;
+}
+var Je, Sr;
+function ct() {
+  if (Sr) return Je;
+  Sr = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(a) {
+    if (a == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a);
+  }
+  function i() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
+        return !1;
+      for (var s = {}, l = 0; l < 10; l++)
+        s["_" + String.fromCharCode(l)] = l;
+      var f = Object.getOwnPropertyNames(s).map(function(h) {
+        return s[h];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var g = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(h) {
+        g[h] = h;
+      }), Object.keys(Object.assign({}, g)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Je = i() ? Object.assign : function(a, s) {
+    for (var l, f = n(a), g, h = 1; h < arguments.length; h++) {
+      l = Object(arguments[h]);
+      for (var m in l)
+        r.call(l, m) && (f[m] = l[m]);
+      if (e) {
+        g = e(l);
+        for (var d = 0; d < g.length; d++)
+          t.call(l, g[d]) && (f[g[d]] = l[g[d]]);
+      }
+    }
+    return f;
+  }, Je;
+}
+var Ze, Cr;
+function ur() {
+  if (Cr) return Ze;
+  Cr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ze = e, Ze;
+}
+var er, Tr;
+function Fr() {
+  return Tr || (Tr = 1, er = Function.call.bind(Object.prototype.hasOwnProperty)), er;
+}
+var rr, Er;
+function lt() {
+  if (Er) return rr;
+  Er = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = /* @__PURE__ */ ur(), t = {}, n = /* @__PURE__ */ Fr();
+    e = function(a) {
+      var s = "Warning: " + a;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function i(a, s, l, f, g) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var h in a)
+        if (n(a, h)) {
+          var m;
+          try {
+            if (typeof a[h] != "function") {
+              var d = Error(
+                (f || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw d.name = "Invariant Violation", d;
+            }
+            m = a[h](s, h, f, l, null, r);
+          } catch (S) {
+            m = S;
+          }
+          if (m && !(m instanceof Error) && e(
+            (f || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), m instanceof Error && !(m.message in t)) {
+            t[m.message] = !0;
+            var v = g ? g() : "";
+            e(
+              "Failed " + l + " type: " + m.message + (v ?? "")
+            );
+          }
+        }
+    }
+  }
+  return i.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, rr = i, rr;
+}
+var tr, $r;
+function ut() {
+  if ($r) return tr;
+  $r = 1;
+  var e = lr(), r = ct(), t = /* @__PURE__ */ ur(), n = /* @__PURE__ */ Fr(), i = /* @__PURE__ */ lt(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(l) {
+    var f = "Warning: " + l;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return tr = function(l, f) {
+    var g = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+    function m(p) {
+      var b = p && (g && p[g] || p[h]);
+      if (typeof b == "function")
+        return b;
+    }
+    var d = "<<anonymous>>", v = {
+      array: x("array"),
+      bigint: x("bigint"),
+      bool: x("boolean"),
+      func: x("function"),
+      number: x("number"),
+      object: x("object"),
+      string: x("string"),
+      symbol: x("symbol"),
+      any: U(),
+      arrayOf: H,
+      element: $(),
+      elementType: j(),
+      instanceOf: w,
+      node: J(),
+      objectOf: ce,
+      oneOf: ie,
+      oneOfType: X,
+      shape: o,
+      exact: E
+    };
+    function S(p, b) {
+      return p === b ? p !== 0 || 1 / p === 1 / b : p !== p && b !== b;
+    }
+    function C(p, b) {
+      this.message = p, this.data = b && typeof b == "object" ? b : {}, this.stack = "";
+    }
+    C.prototype = Error.prototype;
+    function u(p) {
+      if (process.env.NODE_ENV !== "production")
+        var b = {}, P = 0;
+      function A(R, k, _, I, W, B, ee) {
+        if (I = I || d, B = B || _, ee !== t) {
+          if (f) {
+            var Q = 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 Q.name = "Invariant Violation", Q;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var fe = I + ":" + _;
+            !b[fe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            P < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + B + "` prop on `" + I + "`. 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."
+            ), b[fe] = !0, P++);
+          }
+        }
+        return k[_] == null ? R ? k[_] === null ? new C("The " + W + " `" + B + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new C("The " + W + " `" + B + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : p(k, _, I, W, B);
+      }
+      var O = A.bind(null, !1);
+      return O.isRequired = A.bind(null, !0), O;
+    }
+    function x(p) {
+      function b(P, A, O, R, k, _) {
+        var I = P[A], W = V(I);
+        if (W !== p) {
+          var B = Z(I);
+          return new C(
+            "Invalid " + R + " `" + k + "` of type " + ("`" + B + "` supplied to `" + O + "`, expected ") + ("`" + p + "`."),
+            { expectedType: p }
+          );
+        }
+        return null;
+      }
+      return u(b);
+    }
+    function U() {
+      return u(s);
+    }
+    function H(p) {
+      function b(P, A, O, R, k) {
+        if (typeof p != "function")
+          return new C("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var _ = P[A];
+        if (!Array.isArray(_)) {
+          var I = V(_);
+          return new C("Invalid " + R + " `" + k + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an array."));
+        }
+        for (var W = 0; W < _.length; W++) {
+          var B = p(_, W, O, R, k + "[" + W + "]", t);
+          if (B instanceof Error)
+            return B;
+        }
+        return null;
+      }
+      return u(b);
+    }
+    function $() {
+      function p(b, P, A, O, R) {
+        var k = b[P];
+        if (!l(k)) {
+          var _ = V(k);
+          return new C("Invalid " + O + " `" + R + "` of type " + ("`" + _ + "` supplied to `" + A + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return u(p);
+    }
+    function j() {
+      function p(b, P, A, O, R) {
+        var k = b[P];
+        if (!e.isValidElementType(k)) {
+          var _ = V(k);
+          return new C("Invalid " + O + " `" + R + "` of type " + ("`" + _ + "` supplied to `" + A + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return u(p);
+    }
+    function w(p) {
+      function b(P, A, O, R, k) {
+        if (!(P[A] instanceof p)) {
+          var _ = p.name || d, I = Pe(P[A]);
+          return new C("Invalid " + R + " `" + k + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected ") + ("instance of `" + _ + "`."));
+        }
+        return null;
+      }
+      return u(b);
+    }
+    function ie(p) {
+      if (!Array.isArray(p))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
+          "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])."
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
+      function b(P, A, O, R, k) {
+        for (var _ = P[A], I = 0; I < p.length; I++)
+          if (S(_, p[I]))
+            return null;
+        var W = JSON.stringify(p, function(ee, Q) {
+          var fe = Z(Q);
+          return fe === "symbol" ? String(Q) : Q;
+        });
+        return new C("Invalid " + R + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + O + "`, expected one of " + W + "."));
+      }
+      return u(b);
+    }
+    function ce(p) {
+      function b(P, A, O, R, k) {
+        if (typeof p != "function")
+          return new C("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var _ = P[A], I = V(_);
+        if (I !== "object")
+          return new C("Invalid " + R + " `" + k + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an object."));
+        for (var W in _)
+          if (n(_, W)) {
+            var B = p(_, W, O, R, k + "." + W, t);
+            if (B instanceof Error)
+              return B;
+          }
+        return null;
+      }
+      return u(b);
+    }
+    function X(p) {
+      if (!Array.isArray(p))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var b = 0; b < p.length; b++) {
+        var P = p[b];
+        if (typeof P != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(P) + " at index " + b + "."
+          ), s;
+      }
+      function A(O, R, k, _, I) {
+        for (var W = [], B = 0; B < p.length; B++) {
+          var ee = p[B], Q = ee(O, R, k, _, I, t);
+          if (Q == null)
+            return null;
+          Q.data && n(Q.data, "expectedType") && W.push(Q.data.expectedType);
+        }
+        var fe = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
+        return new C("Invalid " + _ + " `" + I + "` supplied to " + ("`" + k + "`" + fe + "."));
+      }
+      return u(A);
+    }
+    function J() {
+      function p(b, P, A, O, R) {
+        return y(b[P]) ? null : new C("Invalid " + O + " `" + R + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
+      }
+      return u(p);
+    }
+    function Y(p, b, P, A, O) {
+      return new C(
+        (p || "React class") + ": " + b + " type `" + P + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
+      );
+    }
+    function o(p) {
+      function b(P, A, O, R, k) {
+        var _ = P[A], I = V(_);
+        if (I !== "object")
+          return new C("Invalid " + R + " `" + k + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var W in p) {
+          var B = p[W];
+          if (typeof B != "function")
+            return Y(O, R, k, W, Z(B));
+          var ee = B(_, W, O, R, k + "." + W, t);
+          if (ee)
+            return ee;
+        }
+        return null;
+      }
+      return u(b);
+    }
+    function E(p) {
+      function b(P, A, O, R, k) {
+        var _ = P[A], I = V(_);
+        if (I !== "object")
+          return new C("Invalid " + R + " `" + k + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var W = r({}, P[A], p);
+        for (var B in W) {
+          var ee = p[B];
+          if (n(p, B) && typeof ee != "function")
+            return Y(O, R, k, B, Z(ee));
+          if (!ee)
+            return new C(
+              "Invalid " + R + " `" + k + "` key `" + B + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(P[A], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
+            );
+          var Q = ee(_, B, O, R, k + "." + B, t);
+          if (Q)
+            return Q;
+        }
+        return null;
+      }
+      return u(b);
+    }
+    function y(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(y);
+          if (p === null || l(p))
+            return !0;
+          var b = m(p);
+          if (b) {
+            var P = b.call(p), A;
+            if (b !== p.entries) {
+              for (; !(A = P.next()).done; )
+                if (!y(A.value))
+                  return !1;
+            } else
+              for (; !(A = P.next()).done; ) {
+                var O = A.value;
+                if (O && !y(O[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function D(p, b) {
+      return p === "symbol" ? !0 : b ? b["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && b instanceof Symbol : !1;
+    }
+    function V(p) {
+      var b = typeof p;
+      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : D(b, p) ? "symbol" : b;
+    }
+    function Z(p) {
+      if (typeof p > "u" || p === null)
+        return "" + p;
+      var b = V(p);
+      if (b === "object") {
+        if (p instanceof Date)
+          return "date";
+        if (p instanceof RegExp)
+          return "regexp";
+      }
+      return b;
+    }
+    function ae(p) {
+      var b = Z(p);
+      switch (b) {
+        case "array":
+        case "object":
+          return "an " + b;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + b;
+        default:
+          return b;
+      }
+    }
+    function Pe(p) {
+      return !p.constructor || !p.constructor.name ? d : p.constructor.name;
+    }
+    return v.checkPropTypes = i, v.resetWarningCache = i.resetWarningCache, v.PropTypes = v, v;
+  }, tr;
+}
+var nr, wr;
+function ft() {
+  if (wr) return nr;
+  wr = 1;
+  var e = /* @__PURE__ */ ur();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, nr = function() {
+    function n(s, l, f, g, h, m) {
+      if (m !== e) {
+        var d = 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 d.name = "Invariant Violation", d;
+      }
+    }
+    n.isRequired = n;
+    function i() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: i,
+      element: n,
+      elementType: n,
+      instanceOf: i,
+      node: n,
+      objectOf: i,
+      oneOf: i,
+      oneOfType: i,
+      shape: i,
+      exact: i,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return a.PropTypes = a, a;
+  }, nr;
+}
+var Or;
+function dt() {
+  if (Or) return Ie.exports;
+  if (Or = 1, process.env.NODE_ENV !== "production") {
+    var e = lr(), r = !0;
+    Ie.exports = /* @__PURE__ */ ut()(e.isElement, r);
+  } else
+    Ie.exports = /* @__PURE__ */ ft()();
+  return Ie.exports;
+}
+var pt = /* @__PURE__ */ dt();
+const Ee = /* @__PURE__ */ it(pt);
+var Ur = lr();
+function de(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const r = Object.getPrototypeOf(e);
+  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function zr(e) {
+  if (/* @__PURE__ */ Wr.isValidElement(e) || Ur.isValidElementType(e) || !de(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = zr(e[t]);
+  }), r;
+}
+function te(e, r, t = {
+  clone: !0
+}) {
+  const n = t.clone ? {
+    ...e
+  } : e;
+  return de(e) && de(r) && Object.keys(r).forEach((i) => {
+    /* @__PURE__ */ Wr.isValidElement(r[i]) || Ur.isValidElementType(r[i]) ? n[i] = r[i] : de(r[i]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, i) && de(e[i]) ? n[i] = te(e[i], r[i], t) : t.clone ? n[i] = de(r[i]) ? zr(r[i]) : r[i] : n[i] = r[i];
+  }), n;
+}
+function xe(e, r) {
+  return r ? te(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const me = process.env.NODE_ENV !== "production" ? Ee.oneOfType([Ee.number, Ee.string, Ee.object, Ee.array]) : {};
+function xr(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, i) => {
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(n.match(a)?.[1] || 0) - +(i.match(a)?.[1] || 0);
+  });
+  return t.length ? t.reduce((n, i) => {
+    const a = r[i];
+    return delete n[i], n[i] = a, n;
+  }, {
+    ...r
+  }) : r;
+}
+function gt(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
+}
+function mt(e, r) {
+  const t = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!t) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : pe(18, `(${r})`));
+    return null;
+  }
+  const [, n, i] = t, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(a);
+}
+function ht(e) {
+  const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function t(a, s) {
+    a.up = (...l) => r(e.breakpoints.up(...l), s), a.down = (...l) => r(e.breakpoints.down(...l), s), a.between = (...l) => r(e.breakpoints.between(...l), s), a.only = (...l) => r(e.breakpoints.only(...l), s), a.not = (...l) => {
+      const f = r(e.breakpoints.not(...l), s);
+      return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
+    };
+  }
+  const n = {}, i = (a) => (t(n, a), n);
+  return t(i), {
+    ...e,
+    containerQueries: i
+  };
+}
+const Ne = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, kr = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${Ne[e]}px)`
+}, yt = {
+  containerQueries: (e) => ({
+    up: (r) => {
+      let t = typeof r == "number" ? r : Ne[r] || r;
+      return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function ue(e, r, t) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const a = n.breakpoints || kr;
+    return r.reduce((s, l, f) => (s[a.up(a.keys[f])] = t(r[f]), s), {});
+  }
+  if (typeof r == "object") {
+    const a = n.breakpoints || kr;
+    return Object.keys(r).reduce((s, l) => {
+      if (gt(a.keys, l)) {
+        const f = mt(n.containerQueries ? n : yt, l);
+        f && (s[f] = t(r[l], l));
+      } else if (Object.keys(a.values || Ne).includes(l)) {
+        const f = a.up(l);
+        s[f] = t(r[l], l);
+      } else {
+        const f = l;
+        s[f] = r[f];
+      }
+      return s;
+    }, {});
+  }
+  return t(r);
+}
+function bt(e = {}) {
+  return e.keys?.reduce((t, n) => {
+    const i = e.up(n);
+    return t[i] = {}, t;
+  }, {}) || {};
+}
+function Ar(e, r) {
+  return e.reduce((t, n) => {
+    const i = t[n];
+    return (!i || Object.keys(i).length === 0) && delete t[n], t;
+  }, r);
+}
+function Me(e, r, t = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && t) {
+    const n = `vars.${r}`.split(".").reduce((i, a) => i && i[a] ? i[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, i) => n && n[i] != null ? n[i] : null, e);
+}
+function De(e, r, t, n = t) {
+  let i;
+  return typeof e == "function" ? i = e(t) : Array.isArray(e) ? i = e[t] || n : i = Me(e, t) || n, r && (i = r(i, n, e)), i;
+}
+function K(e) {
+  const {
+    prop: r,
+    cssProperty: t = e.prop,
+    themeKey: n,
+    transform: i
+  } = e, a = (s) => {
+    if (s[r] == null)
+      return null;
+    const l = s[r], f = s.theme, g = Me(f, n) || {};
+    return ue(s, l, (m) => {
+      let d = De(g, i, m);
+      return m === d && typeof m == "string" && (d = De(g, i, `${r}${m === "default" ? "" : Lr(m)}`, m)), t === !1 ? d : {
+        [t]: d
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: me
+  } : {}, a.filterProps = [r], a;
+}
+function vt(e) {
+  const r = {};
+  return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
+}
+const St = {
+  m: "margin",
+  p: "padding"
+}, Ct = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, _r = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Tt = vt((e) => {
+  if (e.length > 2)
+    if (_r[e])
+      e = _r[e];
+    else
+      return [e];
+  const [r, t] = e.split(""), n = St[r], i = Ct[t] || "";
+  return Array.isArray(i) ? i.map((a) => n + a) : [n + i];
+}), Ve = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], We = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Et = [...Ve, ...We];
+function Ae(e, r, t, n) {
+  const i = Me(e, r, !0) ?? t;
+  return typeof i == "number" || typeof i == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof i == "string" ? i.startsWith("var(") && a === 0 ? 0 : i.startsWith("var(") && a === 1 ? i : `calc(${a} * ${i})` : i * a) : Array.isArray(i) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const s = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > i.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${s} > ${i.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${r}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${r}\` as a number.`].join(`
+`)));
+    const l = i[s];
+    return a >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
+  } : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function fr(e) {
+  return Ae(e, "spacing", 8, "spacing");
+}
+function _e(e, r) {
+  return typeof r == "string" || r == null ? r : e(r);
+}
+function $t(e, r) {
+  return (t) => e.reduce((n, i) => (n[i] = _e(r, t), n), {});
+}
+function wt(e, r, t, n) {
+  if (!r.includes(t))
+    return null;
+  const i = Tt(t), a = $t(i, n), s = e[t];
+  return ue(e, s, a);
+}
+function Gr(e, r) {
+  const t = fr(e.theme);
+  return Object.keys(e).map((n) => wt(e, r, n, t)).reduce(xe, {});
+}
+function G(e) {
+  return Gr(e, Ve);
+}
+G.propTypes = process.env.NODE_ENV !== "production" ? Ve.reduce((e, r) => (e[r] = me, e), {}) : {};
+G.filterProps = Ve;
+function q(e) {
+  return Gr(e, We);
+}
+q.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = me, e), {}) : {};
+q.filterProps = We;
+process.env.NODE_ENV !== "production" && Et.reduce((e, r) => (e[r] = me, e), {});
+function Le(...e) {
+  const r = e.reduce((n, i) => (i.filterProps.forEach((a) => {
+    n[a] = i;
+  }), n), {}), t = (n) => Object.keys(n).reduce((i, a) => r[a] ? xe(i, r[a](n)) : i, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, i) => Object.assign(n, i.propTypes), {}) : {}, t.filterProps = e.reduce((n, i) => n.concat(i.filterProps), []), t;
+}
+function ne(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function oe(e, r) {
+  return K({
+    prop: e,
+    themeKey: "borders",
+    transform: r
+  });
+}
+const Ot = oe("border", ne), xt = oe("borderTop", ne), kt = oe("borderRight", ne), At = oe("borderBottom", ne), _t = oe("borderLeft", ne), Pt = oe("borderColor"), Rt = oe("borderTopColor"), It = oe("borderRightColor"), Bt = oe("borderBottomColor"), jt = oe("borderLeftColor"), Dt = oe("outline", ne), Nt = oe("outlineColor"), Fe = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = Ae(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: _e(r, n)
+    });
+    return ue(e, e.borderRadius, t);
+  }
+  return null;
+};
+Fe.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: me
+} : {};
+Fe.filterProps = ["borderRadius"];
+Le(Ot, xt, kt, At, _t, Pt, Rt, It, Bt, jt, Fe, Dt, Nt);
+const Ue = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = Ae(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: _e(r, n)
+    });
+    return ue(e, e.gap, t);
+  }
+  return null;
+};
+Ue.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: me
+} : {};
+Ue.filterProps = ["gap"];
+const ze = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = Ae(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: _e(r, n)
+    });
+    return ue(e, e.columnGap, t);
+  }
+  return null;
+};
+ze.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: me
+} : {};
+ze.filterProps = ["columnGap"];
+const Ge = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = Ae(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: _e(r, n)
+    });
+    return ue(e, e.rowGap, t);
+  }
+  return null;
+};
+Ge.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: me
+} : {};
+Ge.filterProps = ["rowGap"];
+const Mt = K({
+  prop: "gridColumn"
+}), Vt = K({
+  prop: "gridRow"
+}), Wt = K({
+  prop: "gridAutoFlow"
+}), Lt = K({
+  prop: "gridAutoColumns"
+}), Ft = K({
+  prop: "gridAutoRows"
+}), Ut = K({
+  prop: "gridTemplateColumns"
+}), zt = K({
+  prop: "gridTemplateRows"
+}), Gt = K({
+  prop: "gridTemplateAreas"
+}), qt = K({
+  prop: "gridArea"
+});
+Le(Ue, ze, Ge, Mt, Vt, Wt, Lt, Ft, Ut, zt, Gt, qt);
+function Te(e, r) {
+  return r === "grey" ? r : e;
+}
+const Kt = K({
+  prop: "color",
+  themeKey: "palette",
+  transform: Te
+}), Yt = K({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: Te
+}), Ht = K({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: Te
+});
+Le(Kt, Yt, Ht);
+function re(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Qt = K({
+  prop: "width",
+  transform: re
+}), dr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (t) => {
+      const n = e.theme?.breakpoints?.values?.[t] || Ne[t];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: re(t)
+      };
+    };
+    return ue(e, e.maxWidth, r);
+  }
+  return null;
+};
+dr.filterProps = ["maxWidth"];
+const Xt = K({
+  prop: "minWidth",
+  transform: re
+}), Jt = K({
+  prop: "height",
+  transform: re
+}), Zt = K({
+  prop: "maxHeight",
+  transform: re
+}), en = K({
+  prop: "minHeight",
+  transform: re
+});
+K({
+  prop: "size",
+  cssProperty: "width",
+  transform: re
+});
+K({
+  prop: "size",
+  cssProperty: "height",
+  transform: re
+});
+const rn = K({
+  prop: "boxSizing"
+});
+Le(Qt, dr, Xt, Jt, Zt, en, rn);
+const qe = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: ne
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: ne
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: ne
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: ne
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: ne
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: ne
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Fe
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: Te
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: Te
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: Te
+  },
+  // spacing
+  p: {
+    style: q
+  },
+  pt: {
+    style: q
+  },
+  pr: {
+    style: q
+  },
+  pb: {
+    style: q
+  },
+  pl: {
+    style: q
+  },
+  px: {
+    style: q
+  },
+  py: {
+    style: q
+  },
+  padding: {
+    style: q
+  },
+  paddingTop: {
+    style: q
+  },
+  paddingRight: {
+    style: q
+  },
+  paddingBottom: {
+    style: q
+  },
+  paddingLeft: {
+    style: q
+  },
+  paddingX: {
+    style: q
+  },
+  paddingY: {
+    style: q
+  },
+  paddingInline: {
+    style: q
+  },
+  paddingInlineStart: {
+    style: q
+  },
+  paddingInlineEnd: {
+    style: q
+  },
+  paddingBlock: {
+    style: q
+  },
+  paddingBlockStart: {
+    style: q
+  },
+  paddingBlockEnd: {
+    style: q
+  },
+  m: {
+    style: G
+  },
+  mt: {
+    style: G
+  },
+  mr: {
+    style: G
+  },
+  mb: {
+    style: G
+  },
+  ml: {
+    style: G
+  },
+  mx: {
+    style: G
+  },
+  my: {
+    style: G
+  },
+  margin: {
+    style: G
+  },
+  marginTop: {
+    style: G
+  },
+  marginRight: {
+    style: G
+  },
+  marginBottom: {
+    style: G
+  },
+  marginLeft: {
+    style: G
+  },
+  marginX: {
+    style: G
+  },
+  marginY: {
+    style: G
+  },
+  marginInline: {
+    style: G
+  },
+  marginInlineStart: {
+    style: G
+  },
+  marginInlineEnd: {
+    style: G
+  },
+  marginBlock: {
+    style: G
+  },
+  marginBlockStart: {
+    style: G
+  },
+  marginBlockEnd: {
+    style: G
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: Ue
+  },
+  rowGap: {
+    style: Ge
+  },
+  columnGap: {
+    style: ze
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: re
+  },
+  maxWidth: {
+    style: dr
+  },
+  minWidth: {
+    transform: re
+  },
+  height: {
+    transform: re
+  },
+  maxHeight: {
+    transform: re
+  },
+  minHeight: {
+    transform: re
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function tn(...e) {
+  const r = e.reduce((n, i) => n.concat(Object.keys(i)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
+}
+function nn(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function on() {
+  function e(t, n, i, a) {
+    const s = {
+      [t]: n,
+      theme: i
+    }, l = a[t];
+    if (!l)
+      return {
+        [t]: n
+      };
+    const {
+      cssProperty: f = t,
+      themeKey: g,
+      transform: h,
+      style: m
+    } = l;
+    if (n == null)
+      return null;
+    if (g === "typography" && n === "inherit")
+      return {
+        [t]: n
+      };
+    const d = Me(i, g) || {};
+    return m ? m(s) : ue(s, n, (S) => {
+      let C = De(d, h, S);
+      return S === C && typeof S == "string" && (C = De(d, h, `${t}${S === "default" ? "" : Lr(S)}`, S)), f === !1 ? C : {
+        [f]: C
+      };
+    });
+  }
+  function r(t) {
+    const {
+      sx: n,
+      theme: i = {},
+      nested: a
+    } = t || {};
+    if (!n)
+      return null;
+    const s = i.unstable_sxConfig ?? qe;
+    function l(f) {
+      let g = f;
+      if (typeof f == "function")
+        g = f(i);
+      else if (typeof f != "object")
+        return f;
+      if (!g)
+        return null;
+      const h = bt(i.breakpoints), m = Object.keys(h);
+      let d = h;
+      return Object.keys(g).forEach((v) => {
+        const S = nn(g[v], i);
+        if (S != null)
+          if (typeof S == "object")
+            if (s[v])
+              d = xe(d, e(v, S, i, s));
+            else {
+              const C = ue({
+                theme: i
+              }, S, (u) => ({
+                [v]: u
+              }));
+              tn(C, S) ? d[v] = r({
+                sx: S,
+                theme: i,
+                nested: !0
+              }) : d = xe(d, C);
+            }
+          else
+            d = xe(d, e(v, S, i, s));
+      }), !a && i.modularCssLayers ? {
+        "@layer sx": xr(i, Ar(m, d))
+      } : xr(i, Ar(m, d));
+    }
+    return Array.isArray(n) ? n.map(l) : l(n);
+  }
+  return r;
+}
+const Ke = on();
+Ke.filterProps = ["sx"];
+function an(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+function pr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), an(e, r, t);
+}
+function sn(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let t = e.match(r);
+  return t && t[0].length === 1 && (t = t.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, i) => i < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function ge(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return ge(sn(e));
+  const r = e.indexOf("("), t = e.substring(0, r);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : pe(9, e));
+  let n = e.substring(r + 1, e.length - 1), i;
+  if (t === "color") {
+    if (n = n.split(" "), i = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(i))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${i}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : pe(10, i));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: t,
+    values: n,
+    colorSpace: i
+  };
+}
+const cn = (e) => {
+  const r = ge(e);
+  return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
+}, we = (e, r) => {
+  try {
+    return cn(e);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+};
+function Ye(e) {
+  const {
+    type: r,
+    colorSpace: t
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.includes("rgb") ? n = n.map((i, a) => a < 3 ? parseInt(i, 10) : i) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function qr(e) {
+  e = ge(e);
+  const {
+    values: r
+  } = e, t = r[0], n = r[1] / 100, i = r[2] / 100, a = n * Math.min(i, 1 - i), s = (g, h = (g + t / 30) % 12) => i - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
+  let l = "rgb";
+  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (l += "a", f.push(r[3])), Ye({
+    type: l,
+    values: f
+  });
+}
+function ar(e) {
+  e = ge(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? ge(qr(e)).values : e.values;
+  return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function Pr(e, r) {
+  const t = ar(e), n = ar(r);
+  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
+}
+function Kr(e, r) {
+  return e = ge(e), r = pr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Ye(e);
+}
+function he(e, r, t) {
+  try {
+    return Kr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function He(e, r) {
+  if (e = ge(e), r = pr(r), e.type.includes("hsl"))
+    e.values[2] *= 1 - r;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] *= 1 - r;
+  return Ye(e);
+}
+function L(e, r, t) {
+  try {
+    return He(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function Qe(e, r) {
+  if (e = ge(e), r = pr(r), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.includes("rgb"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (255 - e.values[t]) * r;
+  else if (e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (1 - e.values[t]) * r;
+  return Ye(e);
+}
+function F(e, r, t) {
+  try {
+    return Qe(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function ln(e, r = 0.15) {
+  return ar(e) > 0.5 ? He(e, r) : Qe(e, r);
+}
+function je(e, r, t) {
+  try {
+    return ln(e, r);
+  } catch {
+    return e;
+  }
+}
+const ke = {
+  black: "#000",
+  white: "#fff"
+}, un = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+}, ye = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, be = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, $e = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, ve = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Se = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, Ce = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+};
+function Yr() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: ke.white,
+      default: ke.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const Hr = Yr();
+function Qr() {
+  return {
+    text: {
+      primary: ke.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: ke.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const sr = Qr();
+function Rr(e, r, t, n) {
+  const i = n.light || n, a = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Qe(e.main, i) : r === "dark" && (e.dark = He(e.main, a)));
+}
+function Ir(e, r, t, n, i) {
+  const a = i.light || i, s = i.dark || i * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(a * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(s * 100).toFixed(0)}%)`));
+}
+function fn(e = "light") {
+  return e === "dark" ? {
+    main: ve[200],
+    light: ve[50],
+    dark: ve[400]
+  } : {
+    main: ve[700],
+    light: ve[400],
+    dark: ve[800]
+  };
+}
+function dn(e = "light") {
+  return e === "dark" ? {
+    main: ye[200],
+    light: ye[50],
+    dark: ye[400]
+  } : {
+    main: ye[500],
+    light: ye[300],
+    dark: ye[700]
+  };
+}
+function pn(e = "light") {
+  return e === "dark" ? {
+    main: be[500],
+    light: be[300],
+    dark: be[700]
+  } : {
+    main: be[700],
+    light: be[400],
+    dark: be[800]
+  };
+}
+function gn(e = "light") {
+  return e === "dark" ? {
+    main: Se[400],
+    light: Se[300],
+    dark: Se[700]
+  } : {
+    main: Se[700],
+    light: Se[500],
+    dark: Se[900]
+  };
+}
+function mn(e = "light") {
+  return e === "dark" ? {
+    main: Ce[400],
+    light: Ce[300],
+    dark: Ce[700]
+  } : {
+    main: Ce[800],
+    light: Ce[500],
+    dark: Ce[900]
+  };
+}
+function hn(e = "light") {
+  return e === "dark" ? {
+    main: $e[400],
+    light: $e[300],
+    dark: $e[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: $e[500],
+    dark: $e[900]
+  };
+}
+function yn(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function gr(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: t = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: i,
+    ...a
+  } = e, s = e.primary || fn(r), l = e.secondary || dn(r), f = e.error || pn(r), g = e.info || gn(r), h = e.success || mn(r), m = e.warning || hn(r);
+  function d(u) {
+    if (i)
+      return yn(u);
+    const x = Pr(u, sr.text.primary) >= t ? sr.text.primary : Hr.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const U = Pr(u, x);
+      U < 3 && console.error([`MUI: The contrast ratio of ${U}:1 for ${x} on ${u}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return x;
+  }
+  const v = ({
+    color: u,
+    name: x,
+    mainShade: U = 500,
+    lightShade: H = 300,
+    darkShade: $ = 700
+  }) => {
+    if (u = {
+      ...u
+    }, !u.main && u[U] && (u.main = u[U]), !u.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${U}\` property.` : pe(11, x ? ` (${x})` : "", U));
+    if (typeof u.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(u.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : pe(12, x ? ` (${x})` : "", JSON.stringify(u.main)));
+    return i ? (Ir(i, u, "light", H, n), Ir(i, u, "dark", $, n)) : (Rr(u, "light", H, n), Rr(u, "dark", $, n)), u.contrastText || (u.contrastText = d(u.main)), u;
+  };
+  let S;
+  return r === "light" ? S = Yr() : r === "dark" && (S = Qr()), process.env.NODE_ENV !== "production" && (S || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), te({
+    // A collection of common colors.
+    common: {
+      ...ke
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: r,
+    // The colors used to represent primary interface elements for a user.
+    primary: v({
+      color: s,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: v({
+      color: l,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: v({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: v({
+      color: m,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: v({
+      color: g,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: v({
+      color: h,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: un,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: t,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: d,
+    // Generate a rich color object.
+    augmentColor: v,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...S
+  }, a);
+}
+const bn = (e) => {
+  const r = Object.keys(e).map((t) => ({
+    key: t,
+    val: e[t]
+  })) || [];
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
+    ...t,
+    [n.key]: n.val
+  }), {});
+};
+function vn(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: r = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: t = "px",
+    step: n = 5,
+    ...i
+  } = e, a = bn(r), s = Object.keys(a);
+  function l(d) {
+    return `@media (min-width:${typeof r[d] == "number" ? r[d] : d}${t})`;
+  }
+  function f(d) {
+    return `@media (max-width:${(typeof r[d] == "number" ? r[d] : d) - n / 100}${t})`;
+  }
+  function g(d, v) {
+    const S = s.indexOf(v);
+    return `@media (min-width:${typeof r[d] == "number" ? r[d] : d}${t}) and (max-width:${(S !== -1 && typeof r[s[S]] == "number" ? r[s[S]] : v) - n / 100}${t})`;
+  }
+  function h(d) {
+    return s.indexOf(d) + 1 < s.length ? g(d, s[s.indexOf(d) + 1]) : l(d);
+  }
+  function m(d) {
+    const v = s.indexOf(d);
+    return v === 0 ? l(s[1]) : v === s.length - 1 ? f(s[v]) : g(d, s[s.indexOf(d) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: a,
+    up: l,
+    down: f,
+    between: g,
+    only: h,
+    not: m,
+    unit: t,
+    ...i
+  };
+}
+const Sn = {
+  borderRadius: 4
+};
+function Cn(e = 8, r = fr({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
+    const s = r(a);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function Tn(e, r) {
+  const t = this;
+  if (t.vars) {
+    if (!t.colorSchemes?.[e] || typeof t.getColorSchemeSelector != "function")
+      return {};
+    let n = t.getColorSchemeSelector(e);
+    return n === "&" ? r : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: r
+    });
+  }
+  return t.palette.mode === e ? r : {};
+}
+function En(e = {}, ...r) {
+  const {
+    breakpoints: t = {},
+    palette: n = {},
+    spacing: i,
+    shape: a = {},
+    ...s
+  } = e, l = vn(t), f = Cn(i);
+  let g = te({
+    breakpoints: l,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...Sn,
+      ...a
+    }
+  }, s);
+  return g = ht(g), g.applyStyles = Tn, g = r.reduce((h, m) => te(h, m), g), g.unstable_sxConfig = {
+    ...qe,
+    ...s?.unstable_sxConfig
+  }, g.unstable_sx = function(m) {
+    return Ke({
+      sx: m,
+      theme: this
+    });
+  }, g;
+}
+const Br = (e, r, t, n = []) => {
+  let i = e;
+  r.forEach((a, s) => {
+    s === r.length - 1 ? Array.isArray(i) ? i[Number(a)] = t : i && typeof i == "object" && (i[a] = t) : i && typeof i == "object" && (i[a] || (i[a] = n.includes(a) ? [] : {}), i = i[a]);
+  });
+}, $n = (e, r, t) => {
+  function n(i, a = [], s = []) {
+    Object.entries(i).forEach(([l, f]) => {
+      (!t || t && !t([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, l], Array.isArray(f) ? [...s, l] : s) : r([...a, l], f, s));
+    });
+  }
+  n(e);
+}, wn = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
+function or(e, r) {
+  const {
+    prefix: t,
+    shouldSkipGeneratingVar: n
+  } = r || {}, i = {}, a = {}, s = {};
+  return $n(
+    e,
+    (l, f, g) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
+        const h = `--${t ? `${t}-` : ""}${l.join("-")}`, m = wn(l, f);
+        Object.assign(i, {
+          [h]: m
+        }), Br(a, l, `var(${h})`, g), Br(s, l, `var(${h}, ${m})`, g);
+      }
+    },
+    (l) => l[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: i,
+    vars: a,
+    varsWithDefaults: s
+  };
+}
+function On(e, r = {}) {
+  const {
+    getSelector: t = x,
+    disableCssColorScheme: n,
+    colorSchemeSelector: i,
+    enableContrastVars: a
+  } = r, {
+    colorSchemes: s = {},
+    components: l,
+    defaultColorScheme: f = "light",
+    ...g
+  } = e, {
+    vars: h,
+    css: m,
+    varsWithDefaults: d
+  } = or(g, r);
+  let v = d;
+  const S = {}, {
+    [f]: C,
+    ...u
+  } = s;
+  if (Object.entries(u || {}).forEach(([$, j]) => {
+    const {
+      vars: w,
+      css: ie,
+      varsWithDefaults: ce
+    } = or(j, r);
+    v = te(v, ce), S[$] = {
+      css: ie,
+      vars: w
+    };
+  }), C) {
+    const {
+      css: $,
+      vars: j,
+      varsWithDefaults: w
+    } = or(C, r);
+    v = te(v, w), S[f] = {
+      css: $,
+      vars: j
+    };
+  }
+  function x($, j) {
+    let w = i;
+    if (i === "class" && (w = ".%s"), i === "data" && (w = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (w = `[${i}="%s"]`), $) {
+      if (w === "media")
+        return e.defaultColorScheme === $ ? ":root" : {
+          [`@media (prefers-color-scheme: ${s[$]?.palette?.mode || $})`]: {
+            ":root": j
+          }
+        };
+      if (w)
+        return e.defaultColorScheme === $ ? `:root, ${w.replace("%s", String($))}` : w.replace("%s", String($));
+    }
+    return ":root";
+  }
+  return {
+    vars: v,
+    generateThemeVars: () => {
+      let $ = {
+        ...h
+      };
+      return Object.entries(S).forEach(([, {
+        vars: j
+      }]) => {
+        $ = te($, j);
+      }), $;
+    },
+    generateStyleSheets: () => {
+      const $ = [], j = e.defaultColorScheme || "light";
+      function w(X, J) {
+        Object.keys(J).length && $.push(typeof X == "string" ? {
+          [X]: {
+            ...J
+          }
+        } : X);
+      }
+      w(t(void 0, {
+        ...m
+      }), m);
+      const {
+        [j]: ie,
+        ...ce
+      } = S;
+      if (ie) {
+        const {
+          css: X
+        } = ie, J = s[j]?.palette?.mode, Y = !n && J ? {
+          colorScheme: J,
+          ...X
+        } : {
+          ...X
+        };
+        w(t(j, {
+          ...Y
+        }), Y);
+      }
+      return Object.entries(ce).forEach(([X, {
+        css: J
+      }]) => {
+        const Y = s[X]?.palette?.mode, o = !n && Y ? {
+          colorScheme: Y,
+          ...J
+        } : {
+          ...J
+        };
+        w(t(X, {
+          ...o
+        }), o);
+      }), a && $.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), $;
+    }
+  };
+}
+function xn(e) {
+  const r = {};
+  return Object.entries(e).forEach((n) => {
+    const [i, a] = n;
+    typeof a == "object" && (r[i] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  }), r;
+}
+function kn(e) {
+  return function(t) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
+  };
+}
+const An = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Xr(e, r, t = "Mui") {
+  const n = An[r];
+  return n ? `${t}-${n}` : `${ot.generate(e)}-${r}`;
+}
+function _n(e, r) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...r
+  };
+}
+function Pn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const jr = {
+  textTransform: "uppercase"
+}, Dr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Rn(e, r) {
+  const {
+    fontFamily: t = Dr,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: i = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: s = 500,
+    fontWeightBold: l = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: f = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: g,
+    pxToRem: h,
+    ...m
+  } = typeof r == "function" ? r(e) : r;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const d = n / 14, v = h || ((u) => `${u / f * d}rem`), S = (u, x, U, H, $) => ({
+    fontFamily: t,
+    fontWeight: u,
+    fontSize: v(x),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: U,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...t === Dr ? {
+      letterSpacing: `${Pn(H / x)}em`
+    } : {},
+    ...$,
+    ...g
+  }), C = {
+    h1: S(i, 96, 1.167, -1.5),
+    h2: S(i, 60, 1.2, -0.5),
+    h3: S(a, 48, 1.167, 0),
+    h4: S(a, 34, 1.235, 0.25),
+    h5: S(a, 24, 1.334, 0),
+    h6: S(s, 20, 1.6, 0.15),
+    subtitle1: S(a, 16, 1.75, 0.15),
+    subtitle2: S(s, 14, 1.57, 0.1),
+    body1: S(a, 16, 1.5, 0.15),
+    body2: S(a, 14, 1.43, 0.15),
+    button: S(s, 14, 1.75, 0.4, jr),
+    caption: S(a, 12, 1.66, 0.4),
+    overline: S(a, 12, 2.66, 1, jr),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return te({
+    htmlFontSize: f,
+    pxToRem: v,
+    fontFamily: t,
+    fontSize: n,
+    fontWeightLight: i,
+    fontWeightRegular: a,
+    fontWeightMedium: s,
+    fontWeightBold: l,
+    ...C
+  }, m, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const In = 0.2, Bn = 0.14, jn = 0.12;
+function z(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${In})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Bn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${jn})`].join(",");
+}
+const Dn = ["none", z(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), z(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), z(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), z(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), z(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), z(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), z(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), z(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), z(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), z(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), z(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), z(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), z(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), z(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), z(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), z(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), z(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), z(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), z(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), z(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), z(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), z(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), z(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), z(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Nn = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, Mn = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function Nr(e) {
+  return `${Math.round(e)}ms`;
+}
+function Vn(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
+}
+function Wn(e) {
+  const r = {
+    ...Nn,
+    ...e.easing
+  }, t = {
+    ...Mn,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Vn,
+    create: (i = ["all"], a = {}) => {
+      const {
+        duration: s = t.standard,
+        easing: l = r.easeInOut,
+        delay: f = 0,
+        ...g
+      } = a;
+      if (process.env.NODE_ENV !== "production") {
+        const h = (d) => typeof d == "string", m = (d) => !Number.isNaN(parseFloat(d));
+        !h(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !m(s) && !h(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), h(l) || console.error('MUI: Argument "easing" must be a string.'), !m(f) && !h(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(g).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(g).join(",")}].`);
+      }
+      return (Array.isArray(i) ? i : [i]).map((h) => `${h} ${typeof s == "string" ? s : Nr(s)} ${l} ${typeof f == "string" ? f : Nr(f)}`).join(",");
+    },
+    ...e,
+    easing: r,
+    duration: t
+  };
+}
+const Ln = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Fn(e) {
+  return de(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Jr(e = {}) {
+  const r = {
+    ...e
+  };
+  function t(n) {
+    const i = Object.entries(n);
+    for (let a = 0; a < i.length; a++) {
+      const [s, l] = i[a];
+      !Fn(l) || s.startsWith("unstable_") ? delete n[s] : de(l) && (n[s] = {
+        ...l
+      }, t(n[s]));
+    }
+  }
+  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(r, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Mr(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Un = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const r = e.match(/\d*\.?\d+/g);
+  if (!r)
+    return 0;
+  let t = 0;
+  for (let n = 0; n < r.length; n += 1)
+    t += +r[n];
+  return t;
+};
+function zn(e) {
+  Object.assign(e, {
+    alpha(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : Kr(r, Un(t));
+    },
+    lighten(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${Mr(t)})` : Qe(r, t);
+    },
+    darken(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${Mr(t)})` : He(r, t);
+    }
+  });
+}
+function cr(e = {}, ...r) {
+  const {
+    breakpoints: t,
+    mixins: n = {},
+    spacing: i,
+    palette: a = {},
+    transitions: s = {},
+    typography: l = {},
+    shape: f,
+    colorSpace: g,
+    ...h
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : pe(20));
+  const m = gr({
+    ...a,
+    colorSpace: g
+  }), d = En(e);
+  let v = te(d, {
+    mixins: _n(d.breakpoints, n),
+    palette: m,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: Dn.slice(),
+    typography: Rn(m, l),
+    transitions: Wn(s),
+    zIndex: {
+      ...Ln
+    }
+  });
+  if (v = te(v, h), v = r.reduce((S, C) => te(S, C), v), process.env.NODE_ENV !== "production") {
+    const S = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], C = (u, x) => {
+      let U;
+      for (U in u) {
+        const H = u[U];
+        if (S.includes(U) && Object.keys(H).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = Xr("", U);
+            console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${U}\` internal state.`, "You can not override it like this: ", JSON.stringify(u, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${$}`]: H
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          u[U] = {};
+        }
+      }
+    };
+    Object.keys(v.components).forEach((u) => {
+      const x = v.components[u].styleOverrides;
+      x && u.startsWith("Mui") && C(x, u);
+    });
+  }
+  return v.unstable_sxConfig = {
+    ...qe,
+    ...h?.unstable_sxConfig
+  }, v.unstable_sx = function(C) {
+    return Ke({
+      sx: C,
+      theme: this
+    });
+  }, v.toRuntimeSource = Jr, zn(v), v;
+}
+function Gn(e) {
+  let r;
+  return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
+}
+const qn = [...Array(25)].map((e, r) => {
+  if (r === 0)
+    return "none";
+  const t = Gn(r);
+  return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
+});
+function Zr(e) {
+  return {
+    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
+    inputUnderline: e === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
+    switchTrack: e === "dark" ? 0.3 : 0.38
+  };
+}
+function et(e) {
+  return e === "dark" ? qn : [];
+}
+function Kn(e) {
+  const {
+    palette: r = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: t,
+    overlays: n,
+    colorSpace: i,
+    ...a
+  } = e, s = gr({
+    ...r,
+    colorSpace: i
+  });
+  return {
+    palette: s,
+    opacity: {
+      ...Zr(s.mode),
+      ...t
+    },
+    overlays: n || et(s.mode),
+    ...a
+  };
+}
+function Yn(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const Hn = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Qn = (e) => (r, t) => {
+  const n = e.rootSelector || ":root", i = e.colorSchemeSelector;
+  let a = i;
+  if (i === "class" && (a = ".%s"), i === "data" && (a = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (a = `[${i}="%s"]`), e.defaultColorScheme === r) {
+    if (r === "dark") {
+      const s = {};
+      return Hn(e.cssVarPrefix).forEach((l) => {
+        s[l] = t[l], delete t[l];
+      }), a === "media" ? {
+        [n]: t,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : a ? {
+        [a.replace("%s", r)]: s,
+        [`${n}, ${a.replace("%s", r)}`]: t
+      } : {
+        [n]: {
+          ...t,
+          ...s
+        }
+      };
+    }
+    if (a && a !== "media")
+      return `${n}, ${a.replace("%s", String(r))}`;
+  } else if (r) {
+    if (a === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(r)})`]: {
+          [n]: t
+        }
+      };
+    if (a)
+      return a.replace("%s", String(r));
+  }
+  return n;
+};
+function Xn(e, r) {
+  r.forEach((t) => {
+    e[t] || (e[t] = {});
+  });
+}
+function c(e, r, t) {
+  !e[r] && t && (e[r] = t);
+}
+function Oe(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : qr(e);
+}
+function le(e, r) {
+  `${r}Channel` in e || (e[`${r}Channel`] = we(Oe(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function Jn(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const se = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, Zn = (e = "mui") => rt(e);
+function ir(e, r, t, n, i) {
+  if (!t)
+    return;
+  t = t === !0 ? {} : t;
+  const a = i === "dark" ? "dark" : "light";
+  if (!n) {
+    r[i] = Kn({
+      ...t,
+      palette: {
+        mode: a,
+        ...t?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: s,
+    ...l
+  } = cr({
+    ...n,
+    palette: {
+      mode: a,
+      ...t?.palette
+    },
+    colorSpace: e
+  });
+  return r[i] = {
+    ...t,
+    palette: s,
+    opacity: {
+      ...Zr(a),
+      ...t?.opacity
+    },
+    overlays: t?.overlays || et(a)
+  }, l;
+}
+function eo(e = {}, ...r) {
+  const {
+    colorSchemes: t = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: i = !1,
+    cssVarPrefix: a = "mui",
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: l = Yn,
+    colorSchemeSelector: f = t.light && t.dark ? "media" : void 0,
+    rootSelector: g = ":root",
+    ...h
+  } = e, m = Object.keys(t)[0], d = n || (t.light && m !== "light" ? "light" : m), v = Zn(a), {
+    [d]: S,
+    light: C,
+    dark: u,
+    ...x
+  } = t, U = {
+    ...x
+  };
+  let H = S;
+  if ((d === "dark" && !("dark" in t) || d === "light" && !("light" in t)) && (H = !0), !H)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : pe(21, d));
+  let $;
+  s && ($ = "oklch");
+  const j = ir($, U, H, h, d);
+  C && !U.light && ir($, U, C, void 0, "light"), u && !U.dark && ir($, U, u, void 0, "dark");
+  let w = {
+    defaultColorScheme: d,
+    ...j,
+    cssVarPrefix: a,
+    colorSchemeSelector: f,
+    rootSelector: g,
+    getCssVar: v,
+    colorSchemes: U,
+    font: {
+      ...xn(j.typography),
+      ...j.font
+    },
+    spacing: Jn(h.spacing)
+  };
+  Object.keys(w.colorSchemes).forEach((Y) => {
+    const o = w.colorSchemes[Y].palette, E = (D) => {
+      const V = D.split("-"), Z = V[1], ae = V[2];
+      return v(D, o[Z][ae]);
+    };
+    o.mode === "light" && (c(o.common, "background", "#fff"), c(o.common, "onBackground", "#000")), o.mode === "dark" && (c(o.common, "background", "#000"), c(o.common, "onBackground", "#fff"));
+    function y(D, V, Z) {
+      if ($) {
+        let ae;
+        return D === he && (ae = `transparent ${((1 - Z) * 100).toFixed(0)}%`), D === L && (ae = `#000 ${(Z * 100).toFixed(0)}%`), D === F && (ae = `#fff ${(Z * 100).toFixed(0)}%`), `color-mix(in ${$}, ${V}, ${ae})`;
+      }
+      return D(V, Z);
+    }
+    if (Xn(o, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), o.mode === "light") {
+      c(o.Alert, "errorColor", y(L, o.error.light, 0.6)), c(o.Alert, "infoColor", y(L, o.info.light, 0.6)), c(o.Alert, "successColor", y(L, o.success.light, 0.6)), c(o.Alert, "warningColor", y(L, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", E("palette-error-main")), c(o.Alert, "infoFilledBg", E("palette-info-main")), c(o.Alert, "successFilledBg", E("palette-success-main")), c(o.Alert, "warningFilledBg", E("palette-warning-main")), c(o.Alert, "errorFilledColor", se(() => o.getContrastText(o.error.main))), c(o.Alert, "infoFilledColor", se(() => o.getContrastText(o.info.main))), c(o.Alert, "successFilledColor", se(() => o.getContrastText(o.success.main))), c(o.Alert, "warningFilledColor", se(() => o.getContrastText(o.warning.main))), c(o.Alert, "errorStandardBg", y(F, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", y(F, o.info.light, 0.9)), c(o.Alert, "successStandardBg", y(F, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", y(F, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", E("palette-error-main")), c(o.Alert, "infoIconColor", E("palette-info-main")), c(o.Alert, "successIconColor", E("palette-success-main")), c(o.Alert, "warningIconColor", E("palette-warning-main")), c(o.AppBar, "defaultBg", E("palette-grey-100")), c(o.Avatar, "defaultBg", E("palette-grey-400")), c(o.Button, "inheritContainedBg", E("palette-grey-300")), c(o.Button, "inheritContainedHoverBg", E("palette-grey-A100")), c(o.Chip, "defaultBorder", E("palette-grey-400")), c(o.Chip, "defaultAvatarColor", E("palette-grey-700")), c(o.Chip, "defaultIconColor", E("palette-grey-700")), c(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(o.LinearProgress, "primaryBg", y(F, o.primary.main, 0.62)), c(o.LinearProgress, "secondaryBg", y(F, o.secondary.main, 0.62)), c(o.LinearProgress, "errorBg", y(F, o.error.main, 0.62)), c(o.LinearProgress, "infoBg", y(F, o.info.main, 0.62)), c(o.LinearProgress, "successBg", y(F, o.success.main, 0.62)), c(o.LinearProgress, "warningBg", y(F, o.warning.main, 0.62)), c(o.Skeleton, "bg", $ ? y(he, o.text.primary, 0.11) : `rgba(${E("palette-text-primaryChannel")} / 0.11)`), c(o.Slider, "primaryTrack", y(F, o.primary.main, 0.62)), c(o.Slider, "secondaryTrack", y(F, o.secondary.main, 0.62)), c(o.Slider, "errorTrack", y(F, o.error.main, 0.62)), c(o.Slider, "infoTrack", y(F, o.info.main, 0.62)), c(o.Slider, "successTrack", y(F, o.success.main, 0.62)), c(o.Slider, "warningTrack", y(F, o.warning.main, 0.62));
+      const D = $ ? y(L, o.background.default, 0.6825) : je(o.background.default, 0.8);
+      c(o.SnackbarContent, "bg", D), c(o.SnackbarContent, "color", se(() => $ ? sr.text.primary : o.getContrastText(D))), c(o.SpeedDialAction, "fabHoverBg", je(o.background.paper, 0.15)), c(o.StepConnector, "border", E("palette-grey-400")), c(o.StepContent, "border", E("palette-grey-400")), c(o.Switch, "defaultColor", E("palette-common-white")), c(o.Switch, "defaultDisabledColor", E("palette-grey-100")), c(o.Switch, "primaryDisabledColor", y(F, o.primary.main, 0.62)), c(o.Switch, "secondaryDisabledColor", y(F, o.secondary.main, 0.62)), c(o.Switch, "errorDisabledColor", y(F, o.error.main, 0.62)), c(o.Switch, "infoDisabledColor", y(F, o.info.main, 0.62)), c(o.Switch, "successDisabledColor", y(F, o.success.main, 0.62)), c(o.Switch, "warningDisabledColor", y(F, o.warning.main, 0.62)), c(o.TableCell, "border", y(F, y(he, o.divider, 1), 0.88)), c(o.Tooltip, "bg", y(he, o.grey[700], 0.92));
+    }
+    if (o.mode === "dark") {
+      c(o.Alert, "errorColor", y(F, o.error.light, 0.6)), c(o.Alert, "infoColor", y(F, o.info.light, 0.6)), c(o.Alert, "successColor", y(F, o.success.light, 0.6)), c(o.Alert, "warningColor", y(F, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", E("palette-error-dark")), c(o.Alert, "infoFilledBg", E("palette-info-dark")), c(o.Alert, "successFilledBg", E("palette-success-dark")), c(o.Alert, "warningFilledBg", E("palette-warning-dark")), c(o.Alert, "errorFilledColor", se(() => o.getContrastText(o.error.dark))), c(o.Alert, "infoFilledColor", se(() => o.getContrastText(o.info.dark))), c(o.Alert, "successFilledColor", se(() => o.getContrastText(o.success.dark))), c(o.Alert, "warningFilledColor", se(() => o.getContrastText(o.warning.dark))), c(o.Alert, "errorStandardBg", y(L, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", y(L, o.info.light, 0.9)), c(o.Alert, "successStandardBg", y(L, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", y(L, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", E("palette-error-main")), c(o.Alert, "infoIconColor", E("palette-info-main")), c(o.Alert, "successIconColor", E("palette-success-main")), c(o.Alert, "warningIconColor", E("palette-warning-main")), c(o.AppBar, "defaultBg", E("palette-grey-900")), c(o.AppBar, "darkBg", E("palette-background-paper")), c(o.AppBar, "darkColor", E("palette-text-primary")), c(o.Avatar, "defaultBg", E("palette-grey-600")), c(o.Button, "inheritContainedBg", E("palette-grey-800")), c(o.Button, "inheritContainedHoverBg", E("palette-grey-700")), c(o.Chip, "defaultBorder", E("palette-grey-700")), c(o.Chip, "defaultAvatarColor", E("palette-grey-300")), c(o.Chip, "defaultIconColor", E("palette-grey-300")), c(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(o.LinearProgress, "primaryBg", y(L, o.primary.main, 0.5)), c(o.LinearProgress, "secondaryBg", y(L, o.secondary.main, 0.5)), c(o.LinearProgress, "errorBg", y(L, o.error.main, 0.5)), c(o.LinearProgress, "infoBg", y(L, o.info.main, 0.5)), c(o.LinearProgress, "successBg", y(L, o.success.main, 0.5)), c(o.LinearProgress, "warningBg", y(L, o.warning.main, 0.5)), c(o.Skeleton, "bg", $ ? y(he, o.text.primary, 0.13) : `rgba(${E("palette-text-primaryChannel")} / 0.13)`), c(o.Slider, "primaryTrack", y(L, o.primary.main, 0.5)), c(o.Slider, "secondaryTrack", y(L, o.secondary.main, 0.5)), c(o.Slider, "errorTrack", y(L, o.error.main, 0.5)), c(o.Slider, "infoTrack", y(L, o.info.main, 0.5)), c(o.Slider, "successTrack", y(L, o.success.main, 0.5)), c(o.Slider, "warningTrack", y(L, o.warning.main, 0.5));
+      const D = $ ? y(F, o.background.default, 0.985) : je(o.background.default, 0.98);
+      c(o.SnackbarContent, "bg", D), c(o.SnackbarContent, "color", se(() => $ ? Hr.text.primary : o.getContrastText(D))), c(o.SpeedDialAction, "fabHoverBg", je(o.background.paper, 0.15)), c(o.StepConnector, "border", E("palette-grey-600")), c(o.StepContent, "border", E("palette-grey-600")), c(o.Switch, "defaultColor", E("palette-grey-300")), c(o.Switch, "defaultDisabledColor", E("palette-grey-600")), c(o.Switch, "primaryDisabledColor", y(L, o.primary.main, 0.55)), c(o.Switch, "secondaryDisabledColor", y(L, o.secondary.main, 0.55)), c(o.Switch, "errorDisabledColor", y(L, o.error.main, 0.55)), c(o.Switch, "infoDisabledColor", y(L, o.info.main, 0.55)), c(o.Switch, "successDisabledColor", y(L, o.success.main, 0.55)), c(o.Switch, "warningDisabledColor", y(L, o.warning.main, 0.55)), c(o.TableCell, "border", y(L, y(he, o.divider, 1), 0.68)), c(o.Tooltip, "bg", y(he, o.grey[700], 0.92));
+    }
+    le(o.background, "default"), le(o.background, "paper"), le(o.common, "background"), le(o.common, "onBackground"), le(o, "divider"), Object.keys(o).forEach((D) => {
+      const V = o[D];
+      D !== "tonalOffset" && V && typeof V == "object" && (V.main && c(o[D], "mainChannel", we(Oe(V.main))), V.light && c(o[D], "lightChannel", we(Oe(V.light))), V.dark && c(o[D], "darkChannel", we(Oe(V.dark))), V.contrastText && c(o[D], "contrastTextChannel", we(Oe(V.contrastText))), D === "text" && (le(o[D], "primary"), le(o[D], "secondary")), D === "action" && (V.active && le(o[D], "active"), V.selected && le(o[D], "selected")));
+    });
+  }), w = r.reduce((Y, o) => te(Y, o), w);
+  const ie = {
+    prefix: a,
+    disableCssColorScheme: i,
+    shouldSkipGeneratingVar: l,
+    getSelector: Qn(w),
+    enableContrastVars: s
+  }, {
+    vars: ce,
+    generateThemeVars: X,
+    generateStyleSheets: J
+  } = On(w, ie);
+  return w.vars = ce, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([Y, o]) => {
+    w[Y] = o;
+  }), w.generateThemeVars = X, w.generateStyleSheets = J, w.generateSpacing = function() {
+    return tt(h.spacing, fr(this));
+  }, w.getColorSchemeSelector = kn(f), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = l, w.unstable_sxConfig = {
+    ...qe,
+    ...h?.unstable_sxConfig
+  }, w.unstable_sx = function(o) {
+    return Ke({
+      sx: o,
+      theme: this
+    });
+  }, w.toRuntimeSource = Jr, w;
+}
+function Vr(e, r, t) {
+  e.colorSchemes && t && (e.colorSchemes[r] = {
+    ...t !== !0 && t,
+    palette: gr({
+      ...t === !0 ? {} : t.palette,
+      mode: r
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function to(e = {}, ...r) {
+  const {
+    palette: t,
+    cssVariables: n = !1,
+    colorSchemes: i = t ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = t?.mode,
+    ...s
+  } = e, l = a || "light", f = i?.[l], g = {
+    ...i,
+    ...t ? {
+      [l]: {
+        ...typeof f != "boolean" && f,
+        palette: t
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return cr(e, ...r);
+    let h = t;
+    "palette" in e || g[l] && (g[l] !== !0 ? h = g[l].palette : l === "dark" && (h = {
+      mode: "dark"
+    }));
+    const m = cr({
+      ...e,
+      palette: h
+    }, ...r);
+    return m.defaultColorScheme = l, m.colorSchemes = g, m.palette.mode === "light" && (m.colorSchemes.light = {
+      ...g.light !== !0 && g.light,
+      palette: m.palette
+    }, Vr(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      ...g.dark !== !0 && g.dark,
+      palette: m.palette
+    }, Vr(m, "light", g.light)), m;
+  }
+  return !t && !("light" in g) && l === "light" && (g.light = !0), eo({
+    ...s,
+    colorSchemes: g,
+    defaultColorScheme: l,
+    ...typeof n != "boolean" && n
+  }, ...r);
+}
+const no = "$$material";
+function oo(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((i) => {
+    n[i] = Xr(e, i, t);
+  }), n;
+}
+export {
+  ot as C,
+  Ee as P,
+  no as T,
+  oo as a,
+  to as b,
+  Lr as c,
+  qe as d,
+  Kr as e,
+  Gn as f,
+  Xr as g,
+  En as h,
+  de as i,
+  pe as j,
+  te as k,
+  Ur as r,
+  Ke as s
+};