@rws-aoa/react-library 9.1.0 → 9.2.0

package/dist/components-generic/atoms/table/_QuickSearchToolbar.js

@@ -1,15 +1,13 @@
-import { jsxs as bt, jsx as K } from "react/jsx-runtime";
-import { Refresh as Rr } from "@mui/icons-material";
-import * as le from "react";
-import { g as kr } from "../../../chunks/lodash.CdkV4gpV.js";
-import Pr from "@emotion/styled";
-import "@emotion/react";
-import { Badge as Ir, TextField as Nr, inputBaseClasses as Br, InputAdornment as Dr } from "@mui/material";
-import { Toolbar as Mr, ToolbarButton as st, QuickFilter as jr, FilterPanelTrigger as Vr, QuickFilterControl as Fr, QuickFilterClear as Lr } from "@mui/x-data-grid";
-import { AoaIconButton as Wr } from "../icon-button/IconButton.js";
-import { AoaTooltip as zr } from "../tooltip/Tooltip.js";
-const Pt = (e) => e, Ur = () => {
-  let e = Pt;
+import { jsxs as Ce, jsx as B } from "react/jsx-runtime";
+import { Refresh as ot } from "@mui/icons-material";
+import * as U from "react";
+import { r as le, e as Q, c as Le, f as it, s as at, a as ce, i as st, g as lt, b as Ue, h as Ee, P as A, j as ge, d as We, k as ct, l as ut } from "../../../chunks/createTheme.edEUUU41.js";
+import { Badge as dt, TextField as ft, inputBaseClasses as pt, InputAdornment as ht } from "@mui/material";
+import { Toolbar as gt, ToolbarButton as me, QuickFilter as mt, FilterPanelTrigger as yt, QuickFilterControl as bt, QuickFilterClear as St } from "@mui/x-data-grid";
+import { AoaIconButton as Ct } from "../icon-button/IconButton.js";
+import { AoaTooltip as vt } from "../tooltip/Tooltip.js";
+const Ne = (e) => e, $t = () => {
+  let e = Ne;
   return {
     configure(t) {
       e = t;
@@ -18,2091 +16,352 @@ const Pt = (e) => e, Ur = () => {
       return e(t);
     },
     reset() {
-      e = Pt;
+      e = Ne;
     }
   };
-}, Gr = Ur();
-function Be(e, ...t) {
+}, wt = $t();
+function oe(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
-  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
+  return t.forEach((o) => r.searchParams.append("args[]", o)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
-function ze(e) {
-  if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Be(7));
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-var Ve = { exports: {} }, Fe = { exports: {} }, F = {};
-var It;
-function Yr() {
-  if (It) return F;
-  It = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), S = /* @__PURE__ */ Symbol.for("react.client.reference");
-  function y(c) {
-    if (typeof c == "object" && c !== null) {
-      var v = c.$$typeof;
-      switch (v) {
-        case e:
-          switch (c = c.type, c) {
-            case r:
-            case o:
-            case n:
-            case f:
-            case d:
-            case m:
-              return c;
-            default:
-              switch (c = c && c.$$typeof, c) {
-                case s:
-                case l:
-                case h:
-                case p:
-                  return c;
-                case i:
-                  return c;
-                default:
-                  return v;
-              }
-          }
-        case t:
-          return v;
-      }
-    }
-  }
-  return F.ContextConsumer = i, F.ContextProvider = s, F.Element = e, F.ForwardRef = l, F.Fragment = r, F.Lazy = h, F.Memo = p, F.Portal = t, F.Profiler = o, F.StrictMode = n, F.Suspense = f, F.SuspenseList = d, F.isContextConsumer = function(c) {
-    return y(c) === i;
-  }, F.isContextProvider = function(c) {
-    return y(c) === s;
-  }, F.isElement = function(c) {
-    return typeof c == "object" && c !== null && c.$$typeof === e;
-  }, F.isForwardRef = function(c) {
-    return y(c) === l;
-  }, F.isFragment = function(c) {
-    return y(c) === r;
-  }, F.isLazy = function(c) {
-    return y(c) === h;
-  }, F.isMemo = function(c) {
-    return y(c) === p;
-  }, F.isPortal = function(c) {
-    return y(c) === t;
-  }, F.isProfiler = function(c) {
-    return y(c) === o;
-  }, F.isStrictMode = function(c) {
-    return y(c) === n;
-  }, F.isSuspense = function(c) {
-    return y(c) === f;
-  }, F.isSuspenseList = function(c) {
-    return y(c) === d;
-  }, F.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === d || typeof c == "object" && c !== null && (c.$$typeof === h || c.$$typeof === p || c.$$typeof === s || c.$$typeof === i || c.$$typeof === l || c.$$typeof === S || c.getModuleId !== void 0);
-  }, F.typeOf = y, F;
-}
-var L = {};
-var Nt;
-function qr() {
-  return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(c) {
-      if (typeof c == "object" && c !== null) {
-        var v = c.$$typeof;
-        switch (v) {
-          case t:
-            switch (c = c.type, c) {
-              case n:
-              case i:
-              case o:
-              case d:
-              case p:
-              case S:
-                return c;
-              default:
-                switch (c = c && c.$$typeof, c) {
-                  case l:
-                  case f:
-                  case m:
-                  case h:
-                    return c;
-                  case s:
-                    return c;
-                  default:
-                    return v;
-                }
-            }
-          case r:
-            return v;
-        }
-      }
-    }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
-    L.ContextConsumer = s, L.ContextProvider = l, L.Element = t, L.ForwardRef = f, L.Fragment = n, L.Lazy = m, L.Memo = h, L.Portal = r, L.Profiler = i, L.StrictMode = o, L.Suspense = d, L.SuspenseList = p, L.isContextConsumer = function(c) {
-      return e(c) === s;
-    }, L.isContextProvider = function(c) {
-      return e(c) === l;
-    }, L.isElement = function(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === t;
-    }, L.isForwardRef = function(c) {
-      return e(c) === f;
-    }, L.isFragment = function(c) {
-      return e(c) === n;
-    }, L.isLazy = function(c) {
-      return e(c) === m;
-    }, L.isMemo = function(c) {
-      return e(c) === h;
-    }, L.isPortal = function(c) {
-      return e(c) === r;
-    }, L.isProfiler = function(c) {
-      return e(c) === i;
-    }, L.isStrictMode = function(c) {
-      return e(c) === o;
-    }, L.isSuspense = function(c) {
-      return e(c) === d;
-    }, L.isSuspenseList = function(c) {
-      return e(c) === p;
-    }, L.isValidElementType = function(c) {
-      return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === d || c === p || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === h || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === y || c.getModuleId !== void 0);
-    }, L.typeOf = e;
-  })()), L;
-}
-var Bt;
-function Et() {
-  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? Fe.exports = /* @__PURE__ */ Yr() : Fe.exports = /* @__PURE__ */ qr()), Fe.exports;
-}
-var lt, Dt;
-function Kr() {
-  if (Dt) return lt;
-  Dt = 1;
-  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function n(i) {
-    if (i == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
-  }
-  function o() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
-        return !1;
-      for (var s = {}, l = 0; l < 10; l++)
-        s["_" + String.fromCharCode(l)] = l;
-      var f = Object.getOwnPropertyNames(s).map(function(p) {
-        return s[p];
-      });
-      if (f.join("") !== "0123456789")
-        return !1;
-      var d = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
-        d[p] = p;
-      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return lt = o() ? Object.assign : function(i, s) {
-    for (var l, f = n(i), d, p = 1; p < arguments.length; p++) {
-      l = Object(arguments[p]);
-      for (var h in l)
-        t.call(l, h) && (f[h] = l[h]);
-      if (e) {
-        d = e(l);
-        for (var m = 0; m < d.length; m++)
-          r.call(l, d[m]) && (f[d[m]] = l[d[m]]);
-      }
-    }
-    return f;
-  }, lt;
-}
-var ct, Mt;
-function xt() {
-  if (Mt) return ct;
-  Mt = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ct = e, ct;
-}
-var ut, jt;
-function lr() {
-  return jt || (jt = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
-}
-var ft, Vt;
-function Hr() {
-  if (Vt) return ft;
-  Vt = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var t = /* @__PURE__ */ xt(), r = {}, n = /* @__PURE__ */ lr();
-    e = function(i) {
-      var s = "Warning: " + i;
-      typeof console < "u" && console.error(s);
-      try {
-        throw new Error(s);
-      } catch {
-      }
-    };
-  }
-  function o(i, s, l, f, d) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var p in i)
-        if (n(i, p)) {
-          var h;
-          try {
-            if (typeof i[p] != "function") {
-              var m = Error(
-                (f || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw m.name = "Invariant Violation", m;
-            }
-            h = i[p](s, p, f, l, null, t);
-          } catch (y) {
-            h = y;
-          }
-          if (h && !(h instanceof Error) && e(
-            (f || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), h instanceof Error && !(h.message in r)) {
-            r[h.message] = !0;
-            var S = d ? d() : "";
-            e(
-              "Failed " + l + " type: " + h.message + (S ?? "")
-            );
-          }
-        }
-    }
-  }
-  return o.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (r = {});
-  }, ft = o, ft;
-}
-var dt, Ft;
-function Qr() {
-  if (Ft) return dt;
-  Ft = 1;
-  var e = /* @__PURE__ */ Et(), t = Kr(), r = /* @__PURE__ */ xt(), n = /* @__PURE__ */ lr(), o = /* @__PURE__ */ Hr(), i = function() {
-  };
-  process.env.NODE_ENV !== "production" && (i = function(l) {
-    var f = "Warning: " + l;
-    typeof console < "u" && console.error(f);
-    try {
-      throw new Error(f);
-    } catch {
-    }
-  });
-  function s() {
-    return null;
-  }
-  return dt = function(l, f) {
-    var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
-    function h(g) {
-      var C = g && (d && g[d] || g[p]);
-      if (typeof C == "function")
-        return C;
-    }
-    var m = "<<anonymous>>", S = {
-      array: $("array"),
-      bigint: $("bigint"),
-      bool: $("boolean"),
-      func: $("function"),
-      number: $("number"),
-      object: $("object"),
-      string: $("string"),
-      symbol: $("symbol"),
-      any: I(),
-      arrayOf: J,
-      element: x(),
-      elementType: Q(),
-      instanceOf: E,
-      node: te(),
-      objectOf: Z,
-      oneOf: G,
-      oneOfType: U,
-      shape: a,
-      exact: T
-    };
-    function y(g, C) {
-      return g === C ? g !== 0 || 1 / g === 1 / C : g !== g && C !== C;
-    }
-    function c(g, C) {
-      this.message = g, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
-    }
-    c.prototype = Error.prototype;
-    function v(g) {
-      if (process.env.NODE_ENV !== "production")
-        var C = {}, k = 0;
-      function _(B, A, R, D, W, M, oe) {
-        if (D = D || m, M = M || R, oe !== r) {
-          if (f) {
-            var re = 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 re.name = "Invariant Violation", re;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Te = D + ":" + R;
-            !C[Te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            k < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), C[Te] = !0, k++);
-          }
-        }
-        return A[R] == null ? B ? A[R] === null ? new c("The " + W + " `" + M + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new c("The " + W + " `" + M + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : g(A, R, D, W, M);
-      }
-      var O = _.bind(null, !1);
-      return O.isRequired = _.bind(null, !0), O;
-    }
-    function $(g) {
-      function C(k, _, O, B, A, R) {
-        var D = k[_], W = N(D);
-        if (W !== g) {
-          var M = ee(D);
-          return new c(
-            "Invalid " + B + " `" + A + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected ") + ("`" + g + "`."),
-            { expectedType: g }
-          );
-        }
-        return null;
-      }
-      return v(C);
-    }
-    function I() {
-      return v(s);
-    }
-    function J(g) {
-      function C(k, _, O, B, A) {
-        if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var R = k[_];
-        if (!Array.isArray(R)) {
-          var D = N(R);
-          return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + O + "`, expected an array."));
-        }
-        for (var W = 0; W < R.length; W++) {
-          var M = g(R, W, O, B, A + "[" + W + "]", r);
-          if (M instanceof Error)
-            return M;
-        }
-        return null;
-      }
-      return v(C);
-    }
-    function x() {
-      function g(C, k, _, O, B) {
-        var A = C[k];
-        if (!l(A)) {
-          var R = N(A);
-          return new c("Invalid " + O + " `" + B + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return v(g);
-    }
-    function Q() {
-      function g(C, k, _, O, B) {
-        var A = C[k];
-        if (!e.isValidElementType(A)) {
-          var R = N(A);
-          return new c("Invalid " + O + " `" + B + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return v(g);
-    }
-    function E(g) {
-      function C(k, _, O, B, A) {
-        if (!(k[_] instanceof g)) {
-          var R = g.name || m, D = _r(k[_]);
-          return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + O + "`, expected ") + ("instance of `" + R + "`."));
-        }
-        return null;
-      }
-      return v(C);
-    }
-    function G(g) {
-      if (!Array.isArray(g))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
-      function C(k, _, O, B, A) {
-        for (var R = k[_], D = 0; D < g.length; D++)
-          if (y(R, g[D]))
-            return null;
-        var W = JSON.stringify(g, function(oe, re) {
-          var Te = ee(re);
-          return Te === "symbol" ? String(re) : re;
-        });
-        return new c("Invalid " + B + " `" + A + "` of value `" + String(R) + "` " + ("supplied to `" + O + "`, expected one of " + W + "."));
-      }
-      return v(C);
-    }
-    function Z(g) {
-      function C(k, _, O, B, A) {
-        if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var R = k[_], D = N(R);
-        if (D !== "object")
-          return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + O + "`, expected an object."));
-        for (var W in R)
-          if (n(R, W)) {
-            var M = g(R, W, O, B, A + "." + W, r);
-            if (M instanceof Error)
-              return M;
-          }
-        return null;
-      }
-      return v(C);
-    }
-    function U(g) {
-      if (!Array.isArray(g))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var C = 0; C < g.length; C++) {
-        var k = g[C];
-        if (typeof k != "function")
-          return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + fe(k) + " at index " + C + "."
-          ), s;
-      }
-      function _(O, B, A, R, D) {
-        for (var W = [], M = 0; M < g.length; M++) {
-          var oe = g[M], re = oe(O, B, A, R, D, r);
-          if (re == null)
-            return null;
-          re.data && n(re.data, "expectedType") && W.push(re.data.expectedType);
-        }
-        var Te = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new c("Invalid " + R + " `" + D + "` supplied to " + ("`" + A + "`" + Te + "."));
-      }
-      return v(_);
-    }
-    function te() {
-      function g(C, k, _, O, B) {
-        return b(C[k]) ? null : new c("Invalid " + O + " `" + B + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
-      }
-      return v(g);
-    }
-    function X(g, C, k, _, O) {
-      return new c(
-        (g || "React class") + ": " + C + " type `" + k + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
-      );
-    }
-    function a(g) {
-      function C(k, _, O, B, A) {
-        var R = k[_], D = N(R);
-        if (D !== "object")
-          return new c("Invalid " + B + " `" + A + "` of type `" + D + "` " + ("supplied to `" + O + "`, expected `object`."));
-        for (var W in g) {
-          var M = g[W];
-          if (typeof M != "function")
-            return X(O, B, A, W, ee(M));
-          var oe = M(R, W, O, B, A + "." + W, r);
-          if (oe)
-            return oe;
-        }
-        return null;
-      }
-      return v(C);
-    }
-    function T(g) {
-      function C(k, _, O, B, A) {
-        var R = k[_], D = N(R);
-        if (D !== "object")
-          return new c("Invalid " + B + " `" + A + "` of type `" + D + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var W = t({}, k[_], g);
-        for (var M in W) {
-          var oe = g[M];
-          if (n(g, M) && typeof oe != "function")
-            return X(O, B, A, M, ee(oe));
-          if (!oe)
-            return new c(
-              "Invalid " + B + " `" + A + "` key `" + M + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(k[_], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
-            );
-          var re = oe(R, M, O, B, A + "." + M, r);
-          if (re)
-            return re;
-        }
-        return null;
-      }
-      return v(C);
-    }
-    function b(g) {
-      switch (typeof g) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !g;
-        case "object":
-          if (Array.isArray(g))
-            return g.every(b);
-          if (g === null || l(g))
-            return !0;
-          var C = h(g);
-          if (C) {
-            var k = C.call(g), _;
-            if (C !== g.entries) {
-              for (; !(_ = k.next()).done; )
-                if (!b(_.value))
-                  return !1;
-            } else
-              for (; !(_ = k.next()).done; ) {
-                var O = _.value;
-                if (O && !b(O[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function w(g, C) {
-      return g === "symbol" ? !0 : C ? C["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && C instanceof Symbol : !1;
-    }
-    function N(g) {
-      var C = typeof g;
-      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : w(C, g) ? "symbol" : C;
-    }
-    function ee(g) {
-      if (typeof g > "u" || g === null)
-        return "" + g;
-      var C = N(g);
-      if (C === "object") {
-        if (g instanceof Date)
-          return "date";
-        if (g instanceof RegExp)
-          return "regexp";
-      }
-      return C;
-    }
-    function fe(g) {
-      var C = ee(g);
-      switch (C) {
-        case "array":
-        case "object":
-          return "an " + C;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + C;
-        default:
-          return C;
-      }
-    }
-    function _r(g) {
-      return !g.constructor || !g.constructor.name ? m : g.constructor.name;
-    }
-    return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
-  }, dt;
-}
-var pt, Lt;
-function Xr() {
-  if (Lt) return pt;
-  Lt = 1;
-  var e = /* @__PURE__ */ xt();
-  function t() {
-  }
-  function r() {
-  }
-  return r.resetWarningCache = t, pt = function() {
-    function n(s, l, f, d, p, h) {
-      if (h !== e) {
-        var m = 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 m.name = "Invariant Violation", m;
-      }
-    }
-    n.isRequired = n;
-    function o() {
-      return n;
-    }
-    var i = {
-      array: n,
-      bigint: n,
-      bool: n,
-      func: n,
-      number: n,
-      object: n,
-      string: n,
-      symbol: n,
-      any: n,
-      arrayOf: o,
-      element: n,
-      elementType: n,
-      instanceOf: o,
-      node: n,
-      objectOf: o,
-      oneOf: o,
-      oneOfType: o,
-      shape: o,
-      exact: o,
-      checkPropTypes: r,
-      resetWarningCache: t
-    };
-    return i.PropTypes = i, i;
-  }, pt;
-}
-var Wt;
-function Jr() {
-  if (Wt) return Ve.exports;
-  if (Wt = 1, process.env.NODE_ENV !== "production") {
-    var e = /* @__PURE__ */ Et(), t = !0;
-    Ve.exports = /* @__PURE__ */ Qr()(e.isElement, t);
-  } else
-    Ve.exports = /* @__PURE__ */ Xr()();
-  return Ve.exports;
-}
-var Zr = /* @__PURE__ */ Jr();
-const P = /* @__PURE__ */ kr(Zr);
-function cr(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (r = cr(e[t])) && (n && (n += " "), n += r);
-  } else for (r in e) e[r] && (n && (n += " "), n += r);
-  return n;
-}
-function ur() {
-  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = cr(e)) && (n && (n += " "), n += t);
-  return n;
-}
-function en(e, t, r = void 0) {
-  const n = {};
-  for (const o in e) {
-    const i = e[o];
-    let s = "", l = !0;
-    for (let f = 0; f < i.length; f += 1) {
-      const d = i[f];
-      d && (s += (l === !0 ? "" : " ") + t(d), l = !1, r && r[d] && (s += " " + r[d]));
-    }
-    n[o] = s;
-  }
-  return n;
-}
-function Ue(e, ...t) {
-  const r = new URL(`https://mui.com/production-error/?code=${e}`);
-  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
-}
-function wt(e) {
+function ue(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Ue(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : oe(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-var _e = /* @__PURE__ */ Et();
-function ye(e) {
-  if (typeof e != "object" || e === null)
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}
-function fr(e) {
-  if (/* @__PURE__ */ le.isValidElement(e) || _e.isValidElementType(e) || !ye(e))
-    return e;
-  const t = {};
-  return Object.keys(e).forEach((r) => {
-    t[r] = fr(e[r]);
-  }), t;
-}
-function ve(e, t, r = {
-  clone: !0
-}) {
-  const n = r.clone ? {
-    ...e
-  } : e;
-  return ye(e) && ye(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ le.isValidElement(t[o]) || _e.isValidElementType(t[o]) ? n[o] = t[o] : ye(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && ye(e[o]) ? n[o] = ve(e[o], t[o], r) : r.clone ? n[o] = ye(t[o]) ? fr(t[o]) : t[o] : n[o] = t[o];
-  }), n;
-}
-function Ne(e, t) {
-  return t ? ve(e, t, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
-}
-const he = process.env.NODE_ENV !== "production" ? P.oneOfType([P.number, P.string, P.object, P.array]) : {};
-function zt(e, t) {
-  if (!e.containerQueries)
-    return t;
-  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
-    const i = /min-width:\s*([0-9.]+)/;
-    return +(n.match(i)?.[1] || 0) - +(o.match(i)?.[1] || 0);
-  });
-  return r.length ? r.reduce((n, o) => {
-    const i = t[o];
-    return delete n[o], n[o] = i, n;
-  }, {
-    ...t
-  }) : t;
-}
-function tn(e, t) {
-  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
-}
-function rn(e, t) {
-  const r = t.match(/^@([^/]+)?\/?(.+)?$/);
-  if (!r) {
-    if (process.env.NODE_ENV !== "production")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Ue(18, `(${t})`));
-    return null;
-  }
-  const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
-  return e.containerQueries(o).up(i);
-}
-function nn(e) {
-  const t = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
-  function r(i, s) {
-    i.up = (...l) => t(e.breakpoints.up(...l), s), i.down = (...l) => t(e.breakpoints.down(...l), s), i.between = (...l) => t(e.breakpoints.between(...l), s), i.only = (...l) => t(e.breakpoints.only(...l), s), i.not = (...l) => {
-      const f = t(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 = {}, o = (i) => (r(n, i), n);
-  return r(o), {
-    ...e,
-    containerQueries: o
-  };
-}
-const Ke = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536
-  // large screen
-}, Ut = {
-  // 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:${Ke[e]}px)`
-}, on = {
-  containerQueries: (e) => ({
-    up: (t) => {
-      let r = typeof t == "number" ? t : Ke[t] || t;
-      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
-    }
-  })
-};
-function ue(e, t, r) {
-  const n = e.theme || {};
-  if (Array.isArray(t)) {
-    const i = n.breakpoints || Ut;
-    return t.reduce((s, l, f) => (s[i.up(i.keys[f])] = r(t[f]), s), {});
-  }
-  if (typeof t == "object") {
-    const i = n.breakpoints || Ut;
-    return Object.keys(t).reduce((s, l) => {
-      if (tn(i.keys, l)) {
-        const f = rn(n.containerQueries ? n : on, l);
-        f && (s[f] = r(t[l], l));
-      } else if (Object.keys(i.values || Ke).includes(l)) {
-        const f = i.up(l);
-        s[f] = r(t[l], l);
-      } else {
-        const f = l;
-        s[f] = t[f];
-      }
-      return s;
-    }, {});
-  }
-  return r(t);
-}
-function an(e = {}) {
-  return e.keys?.reduce((r, n) => {
-    const o = e.up(n);
-    return r[o] = {}, r;
-  }, {}) || {};
-}
-function Gt(e, t) {
-  return e.reduce((r, n) => {
-    const o = r[n];
-    return (!o || Object.keys(o).length === 0) && delete r[n], r;
-  }, t);
-}
-function He(e, t, r = !0) {
-  if (!t || typeof t != "string")
-    return null;
-  if (e && e.vars && r) {
-    const n = `vars.${t}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
-    if (n != null)
-      return n;
-  }
-  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
-}
-function Ge(e, t, r, n = r) {
-  let o;
-  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = He(e, r) || n, t && (o = t(o, n, e)), o;
-}
-function H(e) {
-  const {
-    prop: t,
-    cssProperty: r = e.prop,
-    themeKey: n,
-    transform: o
-  } = e, i = (s) => {
-    if (s[t] == null)
-      return null;
-    const l = s[t], f = s.theme, d = He(f, n) || {};
-    return ue(s, l, (h) => {
-      let m = Ge(d, o, h);
-      return h === m && typeof h == "string" && (m = Ge(d, o, `${t}${h === "default" ? "" : wt(h)}`, h)), r === !1 ? m : {
-        [r]: m
-      };
-    });
-  };
-  return i.propTypes = process.env.NODE_ENV !== "production" ? {
-    [t]: he
-  } : {}, i.filterProps = [t], i;
-}
-function sn(e) {
-  const t = {};
-  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
-}
-const ln = {
-  m: "margin",
-  p: "padding"
-}, cn = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, Yt = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, un = sn((e) => {
-  if (e.length > 2)
-    if (Yt[e])
-      e = Yt[e];
-    else
-      return [e];
-  const [t, r] = e.split(""), n = ln[t], o = cn[r] || "";
-  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
-}), Qe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Xe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], fn = [...Qe, ...Xe];
-function Me(e, t, r, n) {
-  const o = He(e, t, !0) ?? r;
-  return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? o.startsWith("var(") && i === 0 ? 0 : o.startsWith("var(") && i === 1 ? o : `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
-    if (typeof i == "string")
-      return i;
-    const s = Math.abs(i);
-    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
-`)) : console.error([`MUI: The \`theme.${t}\` 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.${t}\` as a number.`].join(`
-`)));
-    const l = o[s];
-    return i >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
-  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
-`)), () => {
-  });
-}
-function Ot(e) {
-  return Me(e, "spacing", 8, "spacing");
-}
-function je(e, t) {
-  return typeof t == "string" || t == null ? t : e(t);
-}
-function dn(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = je(t, r), n), {});
-}
-function pn(e, t, r, n) {
-  if (!t.includes(r))
-    return null;
-  const o = un(r), i = dn(o, n), s = e[r];
-  return ue(e, s, i);
-}
-function dr(e, t) {
-  const r = Ot(e.theme);
-  return Object.keys(e).map((n) => pn(e, t, n, r)).reduce(Ne, {});
-}
-function Y(e) {
-  return dr(e, Qe);
-}
-Y.propTypes = process.env.NODE_ENV !== "production" ? Qe.reduce((e, t) => (e[t] = he, e), {}) : {};
-Y.filterProps = Qe;
-function q(e) {
-  return dr(e, Xe);
-}
-q.propTypes = process.env.NODE_ENV !== "production" ? Xe.reduce((e, t) => (e[t] = he, e), {}) : {};
-q.filterProps = Xe;
-process.env.NODE_ENV !== "production" && fn.reduce((e, t) => (e[t] = he, e), {});
-function Je(...e) {
-  const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
-    n[i] = o;
-  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? Ne(o, t[i](n)) : o, {});
-  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
-}
-function ie(e) {
-  return typeof e != "number" ? e : `${e}px solid`;
-}
-function ae(e, t) {
-  return H({
-    prop: e,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const mn = ae("border", ie), hn = ae("borderTop", ie), gn = ae("borderRight", ie), yn = ae("borderBottom", ie), bn = ae("borderLeft", ie), vn = ae("borderColor"), Sn = ae("borderTopColor"), Cn = ae("borderRightColor"), Tn = ae("borderBottomColor"), En = ae("borderLeftColor"), xn = ae("outline", ie), wn = ae("outlineColor"), Ze = (e) => {
-  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = Me(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: je(t, n)
-    });
-    return ue(e, e.borderRadius, r);
-  }
-  return null;
-};
-Ze.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: he
-} : {};
-Ze.filterProps = ["borderRadius"];
-Je(mn, hn, gn, yn, bn, vn, Sn, Cn, Tn, En, Ze, xn, wn);
-const et = (e) => {
-  if (e.gap !== void 0 && e.gap !== null) {
-    const t = Me(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: je(t, n)
-    });
-    return ue(e, e.gap, r);
-  }
-  return null;
-};
-et.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: he
-} : {};
-et.filterProps = ["gap"];
-const tt = (e) => {
-  if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = Me(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: je(t, n)
-    });
-    return ue(e, e.columnGap, r);
-  }
-  return null;
-};
-tt.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: he
-} : {};
-tt.filterProps = ["columnGap"];
-const rt = (e) => {
-  if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = Me(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: je(t, n)
-    });
-    return ue(e, e.rowGap, r);
-  }
-  return null;
-};
-rt.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: he
-} : {};
-rt.filterProps = ["rowGap"];
-const On = H({
-  prop: "gridColumn"
-}), $n = H({
-  prop: "gridRow"
-}), An = H({
-  prop: "gridAutoFlow"
-}), _n = H({
-  prop: "gridAutoColumns"
-}), Rn = H({
-  prop: "gridAutoRows"
-}), kn = H({
-  prop: "gridTemplateColumns"
-}), Pn = H({
-  prop: "gridTemplateRows"
-}), In = H({
-  prop: "gridTemplateAreas"
-}), Nn = H({
-  prop: "gridArea"
-});
-Je(et, tt, rt, On, $n, An, _n, Rn, kn, Pn, In, Nn);
-function Ae(e, t) {
-  return t === "grey" ? t : e;
-}
-const Bn = H({
-  prop: "color",
-  themeKey: "palette",
-  transform: Ae
-}), Dn = H({
-  prop: "bgcolor",
-  cssProperty: "backgroundColor",
-  themeKey: "palette",
-  transform: Ae
-}), Mn = H({
-  prop: "backgroundColor",
-  themeKey: "palette",
-  transform: Ae
-});
-Je(Bn, Dn, Mn);
-function ne(e) {
-  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
-}
-const jn = H({
-  prop: "width",
-  transform: ne
-}), $t = (e) => {
-  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
-    const t = (r) => {
-      const n = e.theme?.breakpoints?.values?.[r] || Ke[r];
-      return n ? e.theme?.breakpoints?.unit !== "px" ? {
-        maxWidth: `${n}${e.theme.breakpoints.unit}`
-      } : {
-        maxWidth: n
-      } : {
-        maxWidth: ne(r)
-      };
-    };
-    return ue(e, e.maxWidth, t);
-  }
-  return null;
-};
-$t.filterProps = ["maxWidth"];
-const Vn = H({
-  prop: "minWidth",
-  transform: ne
-}), Fn = H({
-  prop: "height",
-  transform: ne
-}), Ln = H({
-  prop: "maxHeight",
-  transform: ne
-}), Wn = H({
-  prop: "minHeight",
-  transform: ne
-});
-H({
-  prop: "size",
-  cssProperty: "width",
-  transform: ne
-});
-H({
-  prop: "size",
-  cssProperty: "height",
-  transform: ne
-});
-const zn = H({
-  prop: "boxSizing"
-});
-Je(jn, $t, Vn, Fn, Ln, Wn, zn);
-const nt = {
-  // borders
-  border: {
-    themeKey: "borders",
-    transform: ie
-  },
-  borderTop: {
-    themeKey: "borders",
-    transform: ie
-  },
-  borderRight: {
-    themeKey: "borders",
-    transform: ie
-  },
-  borderBottom: {
-    themeKey: "borders",
-    transform: ie
-  },
-  borderLeft: {
-    themeKey: "borders",
-    transform: ie
-  },
-  borderColor: {
-    themeKey: "palette"
-  },
-  borderTopColor: {
-    themeKey: "palette"
-  },
-  borderRightColor: {
-    themeKey: "palette"
-  },
-  borderBottomColor: {
-    themeKey: "palette"
-  },
-  borderLeftColor: {
-    themeKey: "palette"
-  },
-  outline: {
-    themeKey: "borders",
-    transform: ie
-  },
-  outlineColor: {
-    themeKey: "palette"
-  },
-  borderRadius: {
-    themeKey: "shape.borderRadius",
-    style: Ze
-  },
-  // palette
-  color: {
-    themeKey: "palette",
-    transform: Ae
-  },
-  bgcolor: {
-    themeKey: "palette",
-    cssProperty: "backgroundColor",
-    transform: Ae
-  },
-  backgroundColor: {
-    themeKey: "palette",
-    transform: Ae
-  },
-  // 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: Y
-  },
-  mt: {
-    style: Y
-  },
-  mr: {
-    style: Y
-  },
-  mb: {
-    style: Y
-  },
-  ml: {
-    style: Y
-  },
-  mx: {
-    style: Y
-  },
-  my: {
-    style: Y
-  },
-  margin: {
-    style: Y
-  },
-  marginTop: {
-    style: Y
-  },
-  marginRight: {
-    style: Y
-  },
-  marginBottom: {
-    style: Y
-  },
-  marginLeft: {
-    style: Y
-  },
-  marginX: {
-    style: Y
-  },
-  marginY: {
-    style: Y
-  },
-  marginInline: {
-    style: Y
-  },
-  marginInlineStart: {
-    style: Y
-  },
-  marginInlineEnd: {
-    style: Y
-  },
-  marginBlock: {
-    style: Y
-  },
-  marginBlockStart: {
-    style: Y
-  },
-  marginBlockEnd: {
-    style: Y
-  },
-  // 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: et
-  },
-  rowGap: {
-    style: rt
-  },
-  columnGap: {
-    style: tt
-  },
-  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: ne
-  },
-  maxWidth: {
-    style: $t
-  },
-  minWidth: {
-    transform: ne
-  },
-  height: {
-    transform: ne
-  },
-  maxHeight: {
-    transform: ne
-  },
-  minHeight: {
-    transform: ne
-  },
-  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 Un(...e) {
-  const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
-  return e.every((n) => r.size === Object.keys(n).length);
-}
-function Gn(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function Yn() {
-  function e(r, n, o, i) {
-    const s = {
-      [r]: n,
-      theme: o
-    }, l = i[r];
-    if (!l)
-      return {
-        [r]: n
-      };
-    const {
-      cssProperty: f = r,
-      themeKey: d,
-      transform: p,
-      style: h
-    } = l;
-    if (n == null)
-      return null;
-    if (d === "typography" && n === "inherit")
-      return {
-        [r]: n
-      };
-    const m = He(o, d) || {};
-    return h ? h(s) : ue(s, n, (y) => {
-      let c = Ge(m, p, y);
-      return y === c && typeof y == "string" && (c = Ge(m, p, `${r}${y === "default" ? "" : wt(y)}`, y)), f === !1 ? c : {
-        [f]: c
-      };
-    });
-  }
-  function t(r) {
-    const {
-      sx: n,
-      theme: o = {},
-      nested: i
-    } = r || {};
-    if (!n)
-      return null;
-    const s = o.unstable_sxConfig ?? nt;
-    function l(f) {
-      let d = f;
-      if (typeof f == "function")
-        d = f(o);
-      else if (typeof f != "object")
-        return f;
-      if (!d)
-        return null;
-      const p = an(o.breakpoints), h = Object.keys(p);
-      let m = p;
-      return Object.keys(d).forEach((S) => {
-        const y = Gn(d[S], o);
-        if (y != null)
-          if (typeof y == "object")
-            if (s[S])
-              m = Ne(m, e(S, y, o, s));
-            else {
-              const c = ue({
-                theme: o
-              }, y, (v) => ({
-                [S]: v
-              }));
-              Un(c, y) ? m[S] = t({
-                sx: y,
-                theme: o,
-                nested: !0
-              }) : m = Ne(m, c);
-            }
-          else
-            m = Ne(m, e(S, y, o, s));
-      }), !i && o.modularCssLayers ? {
-        "@layer sx": zt(o, Gt(h, m))
-      } : zt(o, Gt(h, m));
+function xt(e, t, r = void 0) {
+  const o = {};
+  for (const i in e) {
+    const s = e[i];
+    let l = "", c = !0;
+    for (let f = 0; f < s.length; f += 1) {
+      const d = s[f];
+      d && (l += (c === !0 ? "" : " ") + t(d), c = !1, r && r[d] && (l += " " + r[d]));
     }
-    return Array.isArray(n) ? n.map(l) : l(n);
-  }
-  return t;
-}
-const Re = Yn();
-Re.filterProps = ["sx"];
-function qn(e) {
-  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
-    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
-    r >>> 24, t = /* Math.imul(k, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  switch (o) {
-    case 3:
-      t ^= (e.charCodeAt(n + 2) & 255) << 16;
-    case 2:
-      t ^= (e.charCodeAt(n + 1) & 255) << 8;
-    case 1:
-      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
-      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
-  }
-  return t ^= t >>> 13, t = /* Math.imul(h, m): */
-  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
-}
-var Kn = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  scale: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-function Hn(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return t[r] === void 0 && (t[r] = e(r)), t[r];
-  };
-}
-var Qn = /[A-Z]|^ms/g, Xn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pr = function(t) {
-  return t.charCodeAt(1) === 45;
-}, qt = function(t) {
-  return t != null && typeof t != "boolean";
-}, mt = /* @__PURE__ */ Hn(function(e) {
-  return pr(e) ? e : e.replace(Qn, "-$&").toLowerCase();
-}), Kt = function(t, r) {
-  switch (t) {
-    case "animation":
-    case "animationName":
-      if (typeof r == "string")
-        return r.replace(Xn, function(n, o, i) {
-          return pe = {
-            name: o,
-            styles: i,
-            next: pe
-          }, o;
-        });
-  }
-  return Kn[t] !== 1 && !pr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
-};
-function Ye(e, t, r) {
-  if (r == null)
-    return "";
-  var n = r;
-  if (n.__emotion_styles !== void 0)
-    return n;
-  switch (typeof r) {
-    case "boolean":
-      return "";
-    case "object": {
-      var o = r;
-      if (o.anim === 1)
-        return pe = {
-          name: o.name,
-          styles: o.styles,
-          next: pe
-        }, o.name;
-      var i = r;
-      if (i.styles !== void 0) {
-        var s = i.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            pe = {
-              name: s.name,
-              styles: s.styles,
-              next: pe
-            }, s = s.next;
-        var l = i.styles + ";";
-        return l;
-      }
-      return Jn(e, t, r);
-    }
-  }
-  var f = r;
-  return f;
-}
-function Jn(e, t, r) {
-  var n = "";
-  if (Array.isArray(r))
-    for (var o = 0; o < r.length; o++)
-      n += Ye(e, t, r[o]) + ";";
-  else
-    for (var i in r) {
-      var s = r[i];
-      if (typeof s != "object") {
-        var l = s;
-        qt(l) && (n += mt(i) + ":" + Kt(i, l) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
-        for (var f = 0; f < s.length; f++)
-          qt(s[f]) && (n += mt(i) + ":" + Kt(i, s[f]) + ";");
-      else {
-        var d = Ye(e, t, s);
-        switch (i) {
-          case "animation":
-          case "animationName": {
-            n += mt(i) + ":" + d + ";";
-            break;
-          }
-          default:
-            n += i + "{" + d + "}";
-        }
-      }
-    }
-  return n;
-}
-var Ht = /label:\s*([^\s;{]+)\s*(;|$)/g, pe;
-function Zn(e, t, r) {
-  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
-    return e[0];
-  var n = !0, o = "";
-  pe = void 0;
-  var i = e[0];
-  if (i == null || i.raw === void 0)
-    n = !1, o += Ye(r, t, i);
-  else {
-    var s = i;
-    o += s[0];
-  }
-  for (var l = 1; l < e.length; l++)
-    if (o += Ye(r, t, e[l]), n) {
-      var f = i;
-      o += f[l];
-    }
-  Ht.lastIndex = 0;
-  for (var d = "", p; (p = Ht.exec(o)) !== null; )
-    d += "-" + p[1];
-  var h = qn(o) + d;
-  return {
-    name: h,
-    styles: o,
-    next: pe
-  };
-}
-function eo(e, t) {
-  const r = Pr(e, t);
-  return process.env.NODE_ENV !== "production" ? (...n) => {
-    const o = typeof e == "string" ? `"${e}"` : "component";
-    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
-`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
-  } : r;
-}
-function to(e, t) {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
-}
-const Qt = [];
-function Se(e) {
-  return Qt[0] = e, Zn(Qt);
-}
-const ro = (e) => {
-  const t = Object.keys(e).map((r) => ({
-    key: r,
-    val: e[r]
-  })) || [];
-  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
-    ...r,
-    [n.key]: n.val
-  }), {});
-};
-function no(e) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: t = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit: r = "px",
-    step: n = 5,
-    ...o
-  } = e, i = ro(t), s = Object.keys(i);
-  function l(m) {
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
-  }
-  function f(m) {
-    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
-  }
-  function d(m, S) {
-    const y = s.indexOf(S);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(y !== -1 && typeof t[s[y]] == "number" ? t[s[y]] : S) - n / 100}${r})`;
-  }
-  function p(m) {
-    return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
-  }
-  function h(m) {
-    const S = s.indexOf(m);
-    return S === 0 ? l(s[1]) : S === s.length - 1 ? f(s[S]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
-  }
-  return {
-    keys: s,
-    values: i,
-    up: l,
-    down: f,
-    between: d,
-    only: p,
-    not: h,
-    unit: r,
-    ...o
-  };
-}
-const oo = {
-  borderRadius: 4
-};
-function mr(e = 8, t = Ot({
-  spacing: e
-})) {
-  if (e.mui)
-    return e;
-  const r = (...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((i) => {
-    const s = t(i);
-    return typeof s == "number" ? `${s}px` : s;
-  }).join(" "));
-  return r.mui = !0, r;
-}
-function io(e, t) {
-  const r = this;
-  if (r.vars) {
-    if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
-      return {};
-    let n = r.getColorSchemeSelector(e);
-    return n === "&" ? t : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
-      [n]: t
-    });
+    o[i] = l;
   }
-  return r.palette.mode === e ? t : {};
+  return o;
 }
-function hr(e = {}, ...t) {
-  const {
-    breakpoints: r = {},
-    palette: n = {},
-    spacing: o,
-    shape: i = {},
-    ...s
-  } = e, l = no(r), f = mr(o);
-  let d = ve({
-    breakpoints: l,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: {
-      mode: "light",
-      ...n
-    },
-    spacing: f,
-    shape: {
-      ...oo,
-      ...i
-    }
-  }, s);
-  return d = nn(d), d.applyStyles = io, d = t.reduce((p, h) => ve(p, h), d), d.unstable_sxConfig = {
-    ...nt,
-    ...s?.unstable_sxConfig
-  }, d.unstable_sx = function(h) {
-    return Re({
-      sx: h,
-      theme: this
-    });
-  }, d;
-}
-function gr(e, t = "") {
+function He(e, t = "") {
   return e.displayName || e.name || t;
 }
-function Xt(e, t, r) {
-  const n = gr(t);
-  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+function Ie(e, t, r) {
+  const o = He(t);
+  return e.displayName || (o !== "" ? `${r}(${o})` : r);
 }
-function ao(e) {
+function kt(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return gr(e, "Component");
+      return He(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case _e.ForwardRef:
-          return Xt(e, e.render, "ForwardRef");
-        case _e.Memo:
-          return Xt(e, e.type, "memo");
+        case le.ForwardRef:
+          return Ie(e, e.render, "ForwardRef");
+        case le.Memo:
+          return Ie(e, e.type, "memo");
         default:
           return;
       }
   }
 }
-function yr(e) {
+function Ge(e) {
   const {
     variants: t,
     ...r
-  } = e, n = {
+  } = e, o = {
     variants: t,
-    style: Se(r),
+    style: Q(r),
     isProcessed: !0
   };
-  return n.style === r || t && t.forEach((o) => {
-    typeof o.style != "function" && (o.style = Se(o.style));
-  }), n;
+  return o.style === r || t && t.forEach((i) => {
+    typeof i.style != "function" && (i.style = Q(i.style));
+  }), o;
 }
-const so = hr();
-function ht(e) {
+const At = Le();
+function ye(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function be(e, t) {
+function G(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function lo(e) {
+function Ot(e) {
   return e ? (t, r) => r[e] : null;
 }
-function co(e, t, r) {
-  e.theme = mo(e.theme) ? r : e.theme[t] || e.theme;
-}
-function We(e, t, r) {
-  const n = typeof t == "function" ? t(e) : t;
-  if (Array.isArray(n))
-    return n.flatMap((o) => We(e, o, r));
-  if (Array.isArray(n?.variants)) {
-    let o;
-    if (n.isProcessed)
-      o = r ? be(n.style, r) : n.style;
+function Tt(e, t, r) {
+  e.theme = Bt(e.theme) ? r : e.theme[t] || e.theme;
+}
+function se(e, t, r) {
+  const o = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(o))
+    return o.flatMap((i) => se(e, i, r));
+  if (Array.isArray(o?.variants)) {
+    let i;
+    if (o.isProcessed)
+      i = r ? G(o.style, r) : o.style;
     else {
       const {
-        variants: i,
-        ...s
-      } = n;
-      o = r ? be(Se(s), r) : s;
+        variants: s,
+        ...l
+      } = o;
+      i = r ? G(Q(l), r) : l;
     }
-    return br(e, n.variants, [o], r);
+    return Qe(e, o.variants, [i], r);
   }
-  return n?.isProcessed ? r ? be(Se(n.style), r) : n.style : r ? be(Se(n), r) : n;
-}
-function br(e, t, r = [], n = void 0) {
-  let o;
-  e: for (let i = 0; i < t.length; i += 1) {
-    const s = t[i];
-    if (typeof s.props == "function") {
-      if (o ??= {
+  return o?.isProcessed ? r ? G(Q(o.style), r) : o.style : r ? G(Q(o), r) : o;
+}
+function Qe(e, t, r = [], o = void 0) {
+  let i;
+  e: for (let s = 0; s < t.length; s += 1) {
+    const l = t[s];
+    if (typeof l.props == "function") {
+      if (i ??= {
         ...e,
         ...e.ownerState,
         ownerState: e.ownerState
-      }, !s.props(o))
+      }, !l.props(i))
         continue;
     } else
-      for (const l in s.props)
-        if (e[l] !== s.props[l] && e.ownerState?.[l] !== s.props[l])
+      for (const c in l.props)
+        if (e[c] !== l.props[c] && e.ownerState?.[c] !== l.props[c])
           continue e;
-    typeof s.style == "function" ? (o ??= {
+    typeof l.style == "function" ? (i ??= {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }, r.push(n ? be(Se(s.style(o)), n) : s.style(o))) : r.push(n ? be(Se(s.style), n) : s.style);
+    }, r.push(o ? G(Q(l.style(i)), o) : l.style(i))) : r.push(o ? G(Q(l.style), o) : l.style);
   }
   return r;
 }
-function uo(e = {}) {
+function Et(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = so,
-    rootShouldForwardProp: n = ht,
-    slotShouldForwardProp: o = ht
+    defaultTheme: r = At,
+    rootShouldForwardProp: o = ye,
+    slotShouldForwardProp: i = ye
   } = e;
-  function i(l) {
-    co(l, t, r);
+  function s(c) {
+    Tt(c, t, r);
   }
-  return (l, f = {}) => {
-    to(l, (E) => E.filter((G) => G !== Re));
+  return (c, f = {}) => {
+    it(c, (h) => h.filter((V) => V !== ce));
     const {
       name: d,
-      slot: p,
-      skipVariantsResolver: h,
-      skipSx: m,
+      slot: g,
+      skipVariantsResolver: b,
+      skipSx: O,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: S = lo(vr(p)),
-      ...y
-    } = f, c = d && d.startsWith("Mui") || p ? "components" : "custom", v = h !== void 0 ? h : (
+      overridesResolver: C = Ot(qe(g)),
+      ...v
+    } = f, E = d && d.startsWith("Mui") || g ? "components" : "custom", m = b !== void 0 ? b : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      p && p !== "Root" && p !== "root" || !1
-    ), $ = m || !1;
-    let I = ht;
-    p === "Root" || p === "root" ? I = n : p ? I = o : ho(l) && (I = void 0);
-    const J = eo(l, {
-      shouldForwardProp: I,
-      label: po(d, p),
-      ...y
-    }), x = (E) => {
-      if (E.__emotion_real === E)
-        return E;
-      if (typeof E == "function")
-        return function(Z) {
-          return We(Z, E, Z.theme.modularCssLayers ? c : void 0);
+      g && g !== "Root" && g !== "root" || !1
+    ), k = O || !1;
+    let $ = ye;
+    g === "Root" || g === "root" ? $ = o : g ? $ = i : Vt(c) && ($ = void 0);
+    const F = at(c, {
+      shouldForwardProp: $,
+      label: It(d, g),
+      ...v
+    }), y = (h) => {
+      if (h.__emotion_real === h)
+        return h;
+      if (typeof h == "function")
+        return function(_) {
+          return se(_, h, _.theme.modularCssLayers ? E : void 0);
         };
-      if (ye(E)) {
-        const G = yr(E);
-        return function(U) {
-          return G.variants ? We(U, G, U.theme.modularCssLayers ? c : void 0) : U.theme.modularCssLayers ? be(G.style, c) : G.style;
+      if (st(h)) {
+        const V = Ge(h);
+        return function(N) {
+          return V.variants ? se(N, V, N.theme.modularCssLayers ? E : void 0) : N.theme.modularCssLayers ? G(V.style, E) : V.style;
         };
       }
-      return E;
-    }, Q = (...E) => {
-      const G = [], Z = E.map(x), U = [];
-      if (G.push(i), d && S && U.push(function(T) {
-        const w = T.theme.components?.[d]?.styleOverrides;
-        if (!w)
+      return h;
+    }, D = (...h) => {
+      const V = [], _ = h.map(y), N = [];
+      if (V.push(s), d && C && N.push(function(p) {
+        const S = p.theme.components?.[d]?.styleOverrides;
+        if (!S)
           return null;
-        const N = {};
-        for (const ee in w)
-          N[ee] = We(T, w[ee], T.theme.modularCssLayers ? "theme" : void 0);
-        return S(T, N);
-      }), d && !v && U.push(function(T) {
-        const w = T.theme?.components?.[d]?.variants;
-        return w ? br(T, w, [], T.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), $ || U.push(Re), Array.isArray(Z[0])) {
-        const a = Z.shift(), T = new Array(G.length).fill(""), b = new Array(U.length).fill("");
-        let w;
-        w = [...T, ...a, ...b], w.raw = [...T, ...a.raw, ...b], G.unshift(w);
+        const I = {};
+        for (const z in S)
+          I[z] = se(p, S[z], p.theme.modularCssLayers ? "theme" : void 0);
+        return C(p, I);
+      }), d && !m && N.push(function(p) {
+        const S = p.theme?.components?.[d]?.variants;
+        return S ? Qe(p, S, [], p.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), k || N.push(ce), Array.isArray(_[0])) {
+        const n = _.shift(), p = new Array(V.length).fill(""), u = new Array(N.length).fill("");
+        let S;
+        S = [...p, ...n, ...u], S.raw = [...p, ...n.raw, ...u], V.unshift(S);
       }
-      const te = [...G, ...Z, ...U], X = J(...te);
-      return l.muiName && (X.muiName = l.muiName), process.env.NODE_ENV !== "production" && (X.displayName = fo(d, p, l)), X;
+      const j = [...V, ..._, ...N], M = F(...j);
+      return c.muiName && (M.muiName = c.muiName), process.env.NODE_ENV !== "production" && (M.displayName = Nt(d, g, c)), M;
     };
-    return J.withConfig && (Q.withConfig = J.withConfig), Q;
+    return F.withConfig && (D.withConfig = F.withConfig), D;
   };
 }
-function fo(e, t, r) {
-  return e ? `${e}${wt(t || "")}` : `Styled(${ao(r)})`;
+function Nt(e, t, r) {
+  return e ? `${e}${lt(t || "")}` : `Styled(${kt(r)})`;
 }
-function po(e, t) {
+function It(e, t) {
   let r;
-  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${vr(t || "Root")}`), r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${qe(t || "Root")}`), r;
 }
-function mo(e) {
+function Bt(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function ho(e) {
+function Vt(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   e.charCodeAt(0) > 96;
 }
-function vr(e) {
+function qe(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function vt(e, t, r = !1) {
-  const n = {
+function ve(e, t, r = !1) {
+  const o = {
     ...t
   };
-  for (const o in e)
-    if (Object.prototype.hasOwnProperty.call(e, o)) {
-      const i = o;
-      if (i === "components" || i === "slots")
-        n[i] = {
-          ...e[i],
-          ...n[i]
+  for (const i in e)
+    if (Object.prototype.hasOwnProperty.call(e, i)) {
+      const s = i;
+      if (s === "components" || s === "slots")
+        o[s] = {
+          ...e[s],
+          ...o[s]
         };
-      else if (i === "componentsProps" || i === "slotProps") {
-        const s = e[i], l = t[i];
-        if (!l)
-          n[i] = s || {};
-        else if (!s)
-          n[i] = l;
+      else if (s === "componentsProps" || s === "slotProps") {
+        const l = e[s], c = t[s];
+        if (!c)
+          o[s] = l || {};
+        else if (!l)
+          o[s] = c;
         else {
-          n[i] = {
-            ...l
+          o[s] = {
+            ...c
           };
-          for (const f in s)
-            if (Object.prototype.hasOwnProperty.call(s, f)) {
+          for (const f in l)
+            if (Object.prototype.hasOwnProperty.call(l, f)) {
               const d = f;
-              n[i][d] = vt(s[d], l[d], r);
+              o[s][d] = ve(l[d], c[d], r);
             }
         }
-      } else i === "className" && r && t.className ? n.className = ur(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
+      } else s === "className" && r && t.className ? o.className = Ue(e?.className, t?.className) : s === "style" && r && t.style ? o.style = {
         ...e?.style,
         ...t?.style
-      } : n[i] === void 0 && (n[i] = e[i]);
+      } : o[s] === void 0 && (o[s] = e[s]);
     }
-  return n;
+  return o;
 }
-function go(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function Dt(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function At(e, t = 0, r = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), go(e, t, r);
+function ke(e, t = 0, r = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Dt(e, t, r);
 }
-function yo(e) {
+function Mt(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
-  return r && r[0].length === 1 && (r = r.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.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+  return r && r[0].length === 1 && (r = r.map((o) => o + o)), 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.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((o, i) => i < 3 ? parseInt(o, 16) : Math.round(parseInt(o, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function me(e) {
+function W(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return me(yo(e));
+    return W(Mt(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Ue(9, e));
-  let n = e.substring(t + 1, e.length - 1), o;
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Ee(9, e));
+  let o = e.substring(t + 1, e.length - 1), i;
   if (r === "color") {
-    if (n = n.split(" "), o = 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(o))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Ue(10, o));
+    if (o = o.split(" "), i = o.shift(), o.length === 4 && o[3].charAt(0) === "/" && (o[3] = o[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.` : Ee(10, i));
   } else
-    n = n.split(",");
-  return n = n.map((i) => parseFloat(i)), {
+    o = o.split(",");
+  return o = o.map((s) => parseFloat(s)), {
     type: r,
-    values: n,
-    colorSpace: o
+    values: o,
+    colorSpace: i
   };
 }
-const bo = (e) => {
-  const t = me(e);
-  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
-}, Pe = (e, t) => {
+const Ft = (e) => {
+  const t = W(e);
+  return t.values.slice(0, 3).map((r, o) => t.type.includes("hsl") && o !== 0 ? `${r}%` : r).join(" ");
+}, re = (e, t) => {
   try {
-    return bo(e);
+    return Ft(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function ot(e) {
+function fe(e) {
   const {
     type: t,
     colorSpace: r
   } = e;
   let {
-    values: n
+    values: o
   } = e;
-  return t.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+  return t.includes("rgb") ? o = o.map((i, s) => s < 3 ? parseInt(i, 10) : i) : t.includes("hsl") && (o[1] = `${o[1]}%`, o[2] = `${o[2]}%`), t.includes("color") ? o = `${r} ${o.join(" ")}` : o = `${o.join(", ")}`, `${t}(${o})`;
 }
-function Sr(e) {
-  e = me(e);
+function Je(e) {
+  e = W(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), s = (d, p = (d + r / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 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(t[3])), ot({
-    type: l,
+  } = e, r = t[0], o = t[1] / 100, i = t[2] / 100, s = o * Math.min(i, 1 - i), l = (d, g = (d + r / 30) % 12) => i - s * Math.max(Math.min(g - 3, 9 - g, 1), -1);
+  let c = "rgb";
+  const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
+  return e.type === "hsla" && (c += "a", f.push(t[3])), fe({
+    type: c,
     values: f
   });
 }
-function St(e) {
-  e = me(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? me(Sr(e)).values : e.values;
+function $e(e) {
+  e = W(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? W(Je(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
-function Jt(e, t) {
-  const r = St(e), n = St(t);
-  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+function Be(e, t) {
+  const r = $e(e), o = $e(t);
+  return (Math.max(r, o) + 0.05) / (Math.min(r, o) + 0.05);
 }
-function Cr(e, t) {
-  return e = me(e), t = At(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, ot(e);
+function Ke(e, t) {
+  return e = W(e), t = ke(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, fe(e);
 }
-function ge(e, t, r) {
+function H(e, t, r) {
   try {
-    return Cr(e, t);
+    return Ke(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function it(e, t) {
-  if (e = me(e), t = At(t), e.type.includes("hsl"))
+function pe(e, t) {
+  if (e = W(e), t = ke(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] *= 1 - t;
-  return ot(e);
+  return fe(e);
 }
-function j(e, t, r) {
+function w(e, t, r) {
   try {
-    return it(e, t);
+    return pe(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function at(e, t) {
-  if (e = me(e), t = At(t), e.type.includes("hsl"))
+function he(e, t) {
+  if (e = W(e), t = ke(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -2110,44 +369,44 @@ function at(e, t) {
   else if (e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] += (1 - e.values[r]) * t;
-  return ot(e);
+  return fe(e);
 }
-function V(e, t, r) {
+function x(e, t, r) {
   try {
-    return at(e, t);
+    return he(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function vo(e, t = 0.15) {
-  return St(e) > 0.5 ? it(e, t) : at(e, t);
+function _t(e, t = 0.15) {
+  return $e(e) > 0.5 ? pe(e, t) : he(e, t);
 }
-function Le(e, t, r) {
+function ae(e, t, r) {
   try {
-    return vo(e, t);
+    return _t(e, t);
   } catch {
     return e;
   }
 }
-const So = /* @__PURE__ */ le.createContext(void 0);
-process.env.NODE_ENV !== "production" && (P.node, P.object);
-function Co(e) {
+const jt = /* @__PURE__ */ U.createContext(void 0);
+process.env.NODE_ENV !== "production" && (A.node, A.object);
+function Pt(e) {
   const {
     theme: t,
     name: r,
-    props: n
+    props: o
   } = e;
   if (!t || !t.components || !t.components[r])
-    return n;
-  const o = t.components[r];
-  return o.defaultProps ? vt(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? vt(o, n, t.components.mergeClassNameAndStyle) : n;
+    return o;
+  const i = t.components[r];
+  return i.defaultProps ? ve(i.defaultProps, o, t.components.mergeClassNameAndStyle) : !i.styleOverrides && !i.variants ? ve(i, o, t.components.mergeClassNameAndStyle) : o;
 }
-function To({
+function zt({
   props: e,
   name: t
 }) {
-  const r = le.useContext(So);
-  return Co({
+  const r = U.useContext(jt);
+  return Pt({
     props: e,
     name: t,
     theme: {
@@ -2155,171 +414,171 @@ function To({
     }
   });
 }
-const Zt = {
+const Ve = {
   theme: void 0
 };
-function Eo(e) {
+function Rt(e) {
   let t, r;
-  return function(o) {
-    let i = t;
-    return (i === void 0 || o.theme !== r) && (Zt.theme = o.theme, i = yr(e(Zt)), t = i, r = o.theme), i;
+  return function(i) {
+    let s = t;
+    return (s === void 0 || i.theme !== r) && (Ve.theme = i.theme, s = Ge(e(Ve)), t = s, r = i.theme), s;
   };
 }
-function xo(e = "") {
-  function t(...n) {
-    if (!n.length)
+function Lt(e = "") {
+  function t(...o) {
+    if (!o.length)
       return "";
-    const o = n[0];
-    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${o}${t(...n.slice(1))})` : `, ${o}`;
+    const i = o[0];
+    return typeof i == "string" && !i.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${i}${t(...o.slice(1))})` : `, ${i}`;
   }
-  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
+  return (o, ...i) => `var(--${e ? `${e}-` : ""}${o}${t(...i)})`;
 }
-const er = (e, t, r, n = []) => {
-  let o = e;
-  t.forEach((i, s) => {
-    s === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+const De = (e, t, r, o = []) => {
+  let i = e;
+  t.forEach((s, l) => {
+    l === t.length - 1 ? Array.isArray(i) ? i[Number(s)] = r : i && typeof i == "object" && (i[s] = r) : i && typeof i == "object" && (i[s] || (i[s] = o.includes(s) ? [] : {}), i = i[s]);
   });
-}, wo = (e, t, r) => {
-  function n(o, i = [], s = []) {
-    Object.entries(o).forEach(([l, f]) => {
-      (!r || r && !r([...i, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, l], Array.isArray(f) ? [...s, l] : s) : t([...i, l], f, s));
+}, Ut = (e, t, r) => {
+  function o(i, s = [], l = []) {
+    Object.entries(i).forEach(([c, f]) => {
+      (!r || r && !r([...s, c])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? o(f, [...s, c], Array.isArray(f) ? [...l, c] : l) : t([...s, c], f, l));
     });
   }
-  n(e);
-}, Oo = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
-function gt(e, t) {
+  o(e);
+}, Wt = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((o) => e.includes(o)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function be(e, t) {
   const {
     prefix: r,
-    shouldSkipGeneratingVar: n
-  } = t || {}, o = {}, i = {}, s = {};
-  return wo(
+    shouldSkipGeneratingVar: o
+  } = t || {}, i = {}, s = {}, l = {};
+  return Ut(
     e,
-    (l, f, d) => {
-      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
-        const p = `--${r ? `${r}-` : ""}${l.join("-")}`, h = Oo(l, f);
-        Object.assign(o, {
-          [p]: h
-        }), er(i, l, `var(${p})`, d), er(s, l, `var(${p}, ${h})`, d);
+    (c, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!o || !o(c, f))) {
+        const g = `--${r ? `${r}-` : ""}${c.join("-")}`, b = Wt(c, f);
+        Object.assign(i, {
+          [g]: b
+        }), De(s, c, `var(${g})`, d), De(l, c, `var(${g}, ${b})`, d);
       }
     },
-    (l) => l[0] === "vars"
+    (c) => c[0] === "vars"
     // skip 'vars/*' paths
   ), {
-    css: o,
-    vars: i,
-    varsWithDefaults: s
+    css: i,
+    vars: s,
+    varsWithDefaults: l
   };
 }
-function $o(e, t = {}) {
+function Ht(e, t = {}) {
   const {
-    getSelector: r = $,
-    disableCssColorScheme: n,
-    colorSchemeSelector: o,
-    enableContrastVars: i
+    getSelector: r = k,
+    disableCssColorScheme: o,
+    colorSchemeSelector: i,
+    enableContrastVars: s
   } = t, {
-    colorSchemes: s = {},
-    components: l,
+    colorSchemes: l = {},
+    components: c,
     defaultColorScheme: f = "light",
     ...d
   } = e, {
-    vars: p,
-    css: h,
-    varsWithDefaults: m
-  } = gt(d, t);
-  let S = m;
-  const y = {}, {
-    [f]: c,
-    ...v
-  } = s;
-  if (Object.entries(v || {}).forEach(([x, Q]) => {
+    vars: g,
+    css: b,
+    varsWithDefaults: O
+  } = be(d, t);
+  let C = O;
+  const v = {}, {
+    [f]: E,
+    ...m
+  } = l;
+  if (Object.entries(m || {}).forEach(([y, D]) => {
     const {
-      vars: E,
-      css: G,
-      varsWithDefaults: Z
-    } = gt(Q, t);
-    S = ve(S, Z), y[x] = {
-      css: G,
-      vars: E
+      vars: h,
+      css: V,
+      varsWithDefaults: _
+    } = be(D, t);
+    C = ge(C, _), v[y] = {
+      css: V,
+      vars: h
     };
-  }), c) {
+  }), E) {
     const {
-      css: x,
-      vars: Q,
-      varsWithDefaults: E
-    } = gt(c, t);
-    S = ve(S, E), y[f] = {
-      css: x,
-      vars: Q
+      css: y,
+      vars: D,
+      varsWithDefaults: h
+    } = be(E, t);
+    C = ge(C, h), v[f] = {
+      css: y,
+      vars: D
     };
   }
-  function $(x, Q) {
-    let E = o;
-    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), x) {
-      if (E === "media")
-        return e.defaultColorScheme === x ? ":root" : {
-          [`@media (prefers-color-scheme: ${s[x]?.palette?.mode || x})`]: {
-            ":root": Q
+  function k(y, D) {
+    let h = i;
+    if (i === "class" && (h = ".%s"), i === "data" && (h = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (h = `[${i}="%s"]`), y) {
+      if (h === "media")
+        return e.defaultColorScheme === y ? ":root" : {
+          [`@media (prefers-color-scheme: ${l[y]?.palette?.mode || y})`]: {
+            ":root": D
           }
         };
-      if (E)
-        return e.defaultColorScheme === x ? `:root, ${E.replace("%s", String(x))}` : E.replace("%s", String(x));
+      if (h)
+        return e.defaultColorScheme === y ? `:root, ${h.replace("%s", String(y))}` : h.replace("%s", String(y));
     }
     return ":root";
   }
   return {
-    vars: S,
+    vars: C,
     generateThemeVars: () => {
-      let x = {
-        ...p
+      let y = {
+        ...g
       };
-      return Object.entries(y).forEach(([, {
-        vars: Q
+      return Object.entries(v).forEach(([, {
+        vars: D
       }]) => {
-        x = ve(x, Q);
-      }), x;
+        y = ge(y, D);
+      }), y;
     },
     generateStyleSheets: () => {
-      const x = [], Q = e.defaultColorScheme || "light";
-      function E(U, te) {
-        Object.keys(te).length && x.push(typeof U == "string" ? {
-          [U]: {
-            ...te
+      const y = [], D = e.defaultColorScheme || "light";
+      function h(N, j) {
+        Object.keys(j).length && y.push(typeof N == "string" ? {
+          [N]: {
+            ...j
           }
-        } : U);
+        } : N);
       }
-      E(r(void 0, {
-        ...h
-      }), h);
+      h(r(void 0, {
+        ...b
+      }), b);
       const {
-        [Q]: G,
-        ...Z
-      } = y;
-      if (G) {
+        [D]: V,
+        ..._
+      } = v;
+      if (V) {
         const {
-          css: U
-        } = G, te = s[Q]?.palette?.mode, X = !n && te ? {
-          colorScheme: te,
-          ...U
+          css: N
+        } = V, j = l[D]?.palette?.mode, M = !o && j ? {
+          colorScheme: j,
+          ...N
         } : {
-          ...U
+          ...N
         };
-        E(r(Q, {
-          ...X
-        }), X);
+        h(r(D, {
+          ...M
+        }), M);
       }
-      return Object.entries(Z).forEach(([U, {
-        css: te
+      return Object.entries(_).forEach(([N, {
+        css: j
       }]) => {
-        const X = s[U]?.palette?.mode, a = !n && X ? {
-          colorScheme: X,
-          ...te
+        const M = l[N]?.palette?.mode, n = !o && M ? {
+          colorScheme: M,
+          ...j
         } : {
-          ...te
+          ...j
         };
-        E(r(U, {
-          ...a
-        }), a);
-      }), i && x.push({
+        h(r(N, {
+          ...n
+        }), n);
+      }), s && y.push({
         ":root": {
           // use double underscore to indicate that these are private variables
           "--__l-threshold": "0.7",
@@ -2327,44 +586,44 @@ function $o(e, t = {}) {
           "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
           // 0.87 is the default alpha value for black text.
         }
-      }), x;
+      }), y;
     }
   };
 }
-function Ao(e) {
+function Gt(e) {
   return function(r) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
   };
 }
-function de(e) {
+function L(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function Tr(e) {
-  if (/* @__PURE__ */ le.isValidElement(e) || _e.isValidElementType(e) || !de(e))
+function Ze(e) {
+  if (/* @__PURE__ */ U.isValidElement(e) || le.isValidElementType(e) || !L(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = Tr(e[r]);
+    t[r] = Ze(e[r]);
   }), t;
 }
-function Ce(e, t, r = {
+function q(e, t, r = {
   clone: !0
 }) {
-  const n = r.clone ? {
+  const o = r.clone ? {
     ...e
   } : e;
-  return de(e) && de(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ le.isValidElement(t[o]) || _e.isValidElementType(t[o]) ? n[o] = t[o] : de(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && de(e[o]) ? n[o] = Ce(e[o], t[o], r) : r.clone ? n[o] = de(t[o]) ? Tr(t[o]) : t[o] : n[o] = t[o];
-  }), n;
+  return L(e) && L(t) && Object.keys(t).forEach((i) => {
+    /* @__PURE__ */ U.isValidElement(t[i]) || le.isValidElementType(t[i]) ? o[i] = t[i] : L(t[i]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, i) && L(e[i]) ? o[i] = q(e[i], t[i], r) : r.clone ? o[i] = L(t[i]) ? Ze(t[i]) : t[i] : o[i] = t[i];
+  }), o;
 }
-const De = {
+const ie = {
   black: "#000",
   white: "#fff"
-}, _o = {
+}, Qt = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2379,38 +638,38 @@ const De = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, Ee = {
+}, K = {
   50: "#f3e5f5",
   200: "#ce93d8",
   300: "#ba68c8",
   400: "#ab47bc",
   500: "#9c27b0",
   700: "#7b1fa2"
-}, xe = {
+}, Z = {
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, ke = {
+}, te = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
   700: "#f57c00",
   900: "#e65100"
-}, we = {
+}, X = {
   50: "#e3f2fd",
   200: "#90caf9",
   400: "#42a5f5",
   700: "#1976d2",
   800: "#1565c0"
-}, Oe = {
+}, Y = {
   300: "#4fc3f7",
   400: "#29b6f6",
   500: "#03a9f4",
   700: "#0288d1",
   900: "#01579b"
-}, $e = {
+}, ee = {
   300: "#81c784",
   400: "#66bb6a",
   500: "#4caf50",
@@ -2418,7 +677,7 @@ const De = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function Er() {
+function Xe() {
   return {
     // The colors used to style the text.
     text: {
@@ -2434,8 +693,8 @@ function Er() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: De.white,
-      default: De.white
+      paper: ie.white,
+      default: ie.white
     },
     // The colors used to style the action elements.
     action: {
@@ -2458,11 +717,11 @@ function Er() {
     }
   };
 }
-const xr = Er();
-function wr() {
+const Ye = Xe();
+function et() {
   return {
     text: {
-      primary: De.white,
+      primary: ie.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -2473,7 +732,7 @@ function wr() {
       default: "#121212"
     },
     action: {
-      active: De.white,
+      active: ie.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -2487,119 +746,119 @@ function wr() {
     }
   };
 }
-const Ct = wr();
-function tr(e, t, r, n) {
-  const o = n.light || n, i = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = at(e.main, o) : t === "dark" && (e.dark = it(e.main, i)));
-}
-function rr(e, t, r, n, o) {
+const we = et();
+function Me(e, t, r, o) {
   const i = o.light || o, s = o.dark || o * 1.5;
-  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(i * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(s * 100).toFixed(0)}%)`));
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = he(e.main, i) : t === "dark" && (e.dark = pe(e.main, s)));
 }
-function Ro(e = "light") {
+function Fe(e, t, r, o, i) {
+  const s = i.light || i, l = i.dark || i * 1.5;
+  t[r] || (t.hasOwnProperty(o) ? t[r] = t[o] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(s * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(l * 100).toFixed(0)}%)`));
+}
+function qt(e = "light") {
   return e === "dark" ? {
-    main: we[200],
-    light: we[50],
-    dark: we[400]
+    main: X[200],
+    light: X[50],
+    dark: X[400]
   } : {
-    main: we[700],
-    light: we[400],
-    dark: we[800]
+    main: X[700],
+    light: X[400],
+    dark: X[800]
   };
 }
-function ko(e = "light") {
+function Jt(e = "light") {
   return e === "dark" ? {
-    main: Ee[200],
-    light: Ee[50],
-    dark: Ee[400]
+    main: K[200],
+    light: K[50],
+    dark: K[400]
   } : {
-    main: Ee[500],
-    light: Ee[300],
-    dark: Ee[700]
+    main: K[500],
+    light: K[300],
+    dark: K[700]
   };
 }
-function Po(e = "light") {
+function Kt(e = "light") {
   return e === "dark" ? {
-    main: xe[500],
-    light: xe[300],
-    dark: xe[700]
+    main: Z[500],
+    light: Z[300],
+    dark: Z[700]
   } : {
-    main: xe[700],
-    light: xe[400],
-    dark: xe[800]
+    main: Z[700],
+    light: Z[400],
+    dark: Z[800]
   };
 }
-function Io(e = "light") {
+function Zt(e = "light") {
   return e === "dark" ? {
-    main: Oe[400],
-    light: Oe[300],
-    dark: Oe[700]
+    main: Y[400],
+    light: Y[300],
+    dark: Y[700]
   } : {
-    main: Oe[700],
-    light: Oe[500],
-    dark: Oe[900]
+    main: Y[700],
+    light: Y[500],
+    dark: Y[900]
   };
 }
-function No(e = "light") {
+function Xt(e = "light") {
   return e === "dark" ? {
-    main: $e[400],
-    light: $e[300],
-    dark: $e[700]
+    main: ee[400],
+    light: ee[300],
+    dark: ee[700]
   } : {
-    main: $e[800],
-    light: $e[500],
-    dark: $e[900]
+    main: ee[800],
+    light: ee[500],
+    dark: ee[900]
   };
 }
-function Bo(e = "light") {
+function Yt(e = "light") {
   return e === "dark" ? {
-    main: ke[400],
-    light: ke[300],
-    dark: ke[700]
+    main: te[400],
+    light: te[300],
+    dark: te[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: ke[500],
-    dark: ke[900]
+    light: te[500],
+    dark: te[900]
   };
 }
-function Do(e) {
+function er(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
-function _t(e) {
+function Ae(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
-    tonalOffset: n = 0.2,
-    colorSpace: o,
-    ...i
-  } = e, s = e.primary || Ro(t), l = e.secondary || ko(t), f = e.error || Po(t), d = e.info || Io(t), p = e.success || No(t), h = e.warning || Bo(t);
-  function m(v) {
-    if (o)
-      return Do(v);
-    const $ = Jt(v, Ct.text.primary) >= r ? Ct.text.primary : xr.text.primary;
+    tonalOffset: o = 0.2,
+    colorSpace: i,
+    ...s
+  } = e, l = e.primary || qt(t), c = e.secondary || Jt(t), f = e.error || Kt(t), d = e.info || Zt(t), g = e.success || Xt(t), b = e.warning || Yt(t);
+  function O(m) {
+    if (i)
+      return er(m);
+    const k = Be(m, we.text.primary) >= r ? we.text.primary : Ye.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const I = Jt(v, $);
-      I < 3 && console.error([`MUI: The contrast ratio of ${I}:1 for ${$} on ${v}`, "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(`
+      const $ = Be(m, k);
+      $ < 3 && console.error([`MUI: The contrast ratio of ${$}:1 for ${k} on ${m}`, "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 $;
+    return k;
   }
-  const S = ({
-    color: v,
-    name: $,
-    mainShade: I = 500,
-    lightShade: J = 300,
-    darkShade: x = 700
+  const C = ({
+    color: m,
+    name: k,
+    mainShade: $ = 500,
+    lightShade: F = 300,
+    darkShade: y = 700
   }) => {
-    if (v = {
-      ...v
-    }, !v.main && v[I] && (v.main = v[I]), !v.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${$ ? ` (${$})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${I}\` property.` : Be(11, $ ? ` (${$})` : "", I));
-    if (typeof v.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${$ ? ` (${$})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(v.main)}\` was provided instead.
+    if (m = {
+      ...m
+    }, !m.main && m[$] && (m.main = m[$]), !m.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${k ? ` (${k})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${$}\` property.` : oe(11, k ? ` (${k})` : "", $));
+    if (typeof m.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${k ? ` (${k})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(m.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
 
@@ -2611,76 +870,76 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Be(12, $ ? ` (${$})` : "", JSON.stringify(v.main)));
-    return o ? (rr(o, v, "light", J, n), rr(o, v, "dark", x, n)) : (tr(v, "light", J, n), tr(v, "dark", x, n)), v.contrastText || (v.contrastText = m(v.main)), v;
+} });` : oe(12, k ? ` (${k})` : "", JSON.stringify(m.main)));
+    return i ? (Fe(i, m, "light", F, o), Fe(i, m, "dark", y, o)) : (Me(m, "light", F, o), Me(m, "dark", y, o)), m.contrastText || (m.contrastText = O(m.main)), m;
   };
-  let y;
-  return t === "light" ? y = Er() : t === "dark" && (y = wr()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Ce({
+  let v;
+  return t === "light" ? v = Xe() : t === "dark" && (v = et()), process.env.NODE_ENV !== "production" && (v || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), q({
     // A collection of common colors.
     common: {
-      ...De
+      ...ie
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: S({
-      color: s,
+    primary: C({
+      color: l,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: S({
-      color: l,
+    secondary: C({
+      color: c,
       name: "secondary",
       mainShade: "A400",
       lightShade: "A200",
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: S({
+    error: C({
       color: f,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: S({
-      color: h,
+    warning: C({
+      color: b,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: S({
+    info: C({
       color: d,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: S({
-      color: p,
+    success: C({
+      color: g,
       name: "success"
     }),
     // The grey colors.
-    grey: _o,
+    grey: Qt,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: m,
+    getContrastText: O,
     // Generate a rich color object.
-    augmentColor: S,
+    augmentColor: C,
     // 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,
+    tonalOffset: o,
     // The light and dark mode object.
-    ...y
-  }, i);
+    ...v
+  }, s);
 }
-function Mo(e) {
+function tr(e) {
   const t = {};
-  return Object.entries(e).forEach((n) => {
-    const [o, i] = n;
-    typeof i == "object" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
+  return Object.entries(e).forEach((o) => {
+    const [i, s] = o;
+    typeof s == "object" && (t[i] = `${s.fontStyle ? `${s.fontStyle} ` : ""}${s.fontVariant ? `${s.fontVariant} ` : ""}${s.fontWeight ? `${s.fontWeight} ` : ""}${s.fontStretch ? `${s.fontStretch} ` : ""}${s.fontSize || ""}${s.lineHeight ? `/${s.lineHeight} ` : ""}${s.fontFamily || ""}`);
   }), t;
 }
-const jo = {
+const rr = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -2694,11 +953,11 @@ const jo = {
   required: "required",
   selected: "selected"
 };
-function Rt(e, t, r = "Mui") {
-  const n = jo[t];
-  return n ? `${r}-${n}` : `${Gr.generate(e)}-${t}`;
+function Oe(e, t, r = "Mui") {
+  const o = rr[t];
+  return o ? `${r}-${o}` : `${wt.generate(e)}-${t}`;
 }
-function Vo(e, t) {
+function nr(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2714,58 +973,58 @@ function Vo(e, t) {
     ...t
   };
 }
-function Fo(e) {
+function or(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const nr = {
+const _e = {
   textTransform: "uppercase"
-}, or = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Lo(e, t) {
+}, je = '"Roboto", "Helvetica", "Arial", sans-serif';
+function ir(e, t) {
   const {
-    fontFamily: r = or,
+    fontFamily: r = je,
     // The default font size of the Material Specification.
-    fontSize: n = 14,
+    fontSize: o = 14,
     // px
-    fontWeightLight: o = 300,
-    fontWeightRegular: i = 400,
-    fontWeightMedium: s = 500,
-    fontWeightBold: l = 700,
+    fontWeightLight: i = 300,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: l = 500,
+    fontWeightBold: c = 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: d,
-    pxToRem: p,
-    ...h
+    pxToRem: g,
+    ...b
   } = typeof t == "function" ? t(e) : t;
-  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 m = n / 14, S = p || ((v) => `${v / f * m}rem`), y = (v, $, I, J, x) => ({
+  process.env.NODE_ENV !== "production" && (typeof o != "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 O = o / 14, C = g || ((m) => `${m / f * O}rem`), v = (m, k, $, F, y) => ({
     fontFamily: r,
-    fontWeight: v,
-    fontSize: S($),
+    fontWeight: m,
+    fontSize: C(k),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: I,
+    lineHeight: $,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...r === or ? {
-      letterSpacing: `${Fo(J / $)}em`
+    ...r === je ? {
+      letterSpacing: `${or(F / k)}em`
     } : {},
-    ...x,
+    ...y,
     ...d
-  }), c = {
-    h1: y(o, 96, 1.167, -1.5),
-    h2: y(o, 60, 1.2, -0.5),
-    h3: y(i, 48, 1.167, 0),
-    h4: y(i, 34, 1.235, 0.25),
-    h5: y(i, 24, 1.334, 0),
-    h6: y(s, 20, 1.6, 0.15),
-    subtitle1: y(i, 16, 1.75, 0.15),
-    subtitle2: y(s, 14, 1.57, 0.1),
-    body1: y(i, 16, 1.5, 0.15),
-    body2: y(i, 14, 1.43, 0.15),
-    button: y(s, 14, 1.75, 0.4, nr),
-    caption: y(i, 12, 1.66, 0.4),
-    overline: y(i, 12, 2.66, 1, nr),
+  }), E = {
+    h1: v(i, 96, 1.167, -1.5),
+    h2: v(i, 60, 1.2, -0.5),
+    h3: v(s, 48, 1.167, 0),
+    h4: v(s, 34, 1.235, 0.25),
+    h5: v(s, 24, 1.334, 0),
+    h6: v(l, 20, 1.6, 0.15),
+    subtitle1: v(s, 16, 1.75, 0.15),
+    subtitle2: v(l, 14, 1.57, 0.1),
+    body1: v(s, 16, 1.5, 0.15),
+    body2: v(s, 14, 1.43, 0.15),
+    button: v(l, 14, 1.75, 0.4, _e),
+    caption: v(s, 12, 1.66, 0.4),
+    overline: v(s, 12, 2.66, 1, _e),
     // 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",
@@ -2775,26 +1034,26 @@ function Lo(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return Ce({
+  return q({
     htmlFontSize: f,
-    pxToRem: S,
+    pxToRem: C,
     fontFamily: r,
-    fontSize: n,
-    fontWeightLight: o,
-    fontWeightRegular: i,
-    fontWeightMedium: s,
-    fontWeightBold: l,
-    ...c
-  }, h, {
+    fontSize: o,
+    fontWeightLight: i,
+    fontWeightRegular: s,
+    fontWeightMedium: l,
+    fontWeightBold: c,
+    ...E
+  }, b, {
     clone: !1
     // No need to clone deep
   });
 }
-const Wo = 0.2, zo = 0.14, Uo = 0.12;
-function z(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Wo})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${zo})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Uo})`].join(",");
+const ar = 0.2, sr = 0.14, lr = 0.12;
+function T(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ar})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${sr})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${lr})`].join(",");
 }
-const Go = ["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)], Yo = {
+const cr = ["none", T(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), T(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), T(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), T(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), T(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), T(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), T(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), T(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), T(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), T(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), T(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), T(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), T(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), T(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), T(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), T(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), T(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), T(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), T(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), T(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), T(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), T(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), T(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), T(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], ur = {
   // 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
@@ -2804,7 +1063,7 @@ const Go = ["none", z(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), z(0, 3, 1, -2, 0, 2,
   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)"
-}, qo = {
+}, dr = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2817,45 +1076,45 @@ const Go = ["none", z(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), z(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function ir(e) {
+function Pe(e) {
   return `${Math.round(e)}ms`;
 }
-function Ko(e) {
+function fr(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Ho(e) {
+function pr(e) {
   const t = {
-    ...Yo,
+    ...ur,
     ...e.easing
   }, r = {
-    ...qo,
+    ...dr,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Ko,
-    create: (o = ["all"], i = {}) => {
+    getAutoHeightDuration: fr,
+    create: (i = ["all"], s = {}) => {
       const {
-        duration: s = r.standard,
-        easing: l = t.easeInOut,
+        duration: l = r.standard,
+        easing: c = t.easeInOut,
         delay: f = 0,
         ...d
-      } = i;
+      } = s;
       if (process.env.NODE_ENV !== "production") {
-        const p = (m) => typeof m == "string", h = (m) => !Number.isNaN(parseFloat(m));
-        !p(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !h(s) && !p(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), p(l) || console.error('MUI: Argument "easing" must be a string.'), !h(f) && !p(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "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(`
+        const g = (O) => typeof O == "string", b = (O) => !Number.isNaN(parseFloat(O));
+        !g(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !b(l) && !g(l) && console.error(`MUI: Argument "duration" must be a number or a string but found ${l}.`), g(c) || console.error('MUI: Argument "easing" must be a string.'), !b(f) && !g(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "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(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof s == "string" ? s : ir(s)} ${l} ${typeof f == "string" ? f : ir(f)}`).join(",");
+      return (Array.isArray(i) ? i : [i]).map((g) => `${g} ${typeof l == "string" ? l : Pe(l)} ${c} ${typeof f == "string" ? f : Pe(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const Qo = {
+const hr = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2865,20 +1124,20 @@ const Qo = {
   snackbar: 1400,
   tooltip: 1500
 };
-function Xo(e) {
-  return de(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+function gr(e) {
+  return L(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function Or(e = {}) {
+function tt(e = {}) {
   const t = {
     ...e
   };
-  function r(n) {
-    const o = Object.entries(n);
-    for (let i = 0; i < o.length; i++) {
-      const [s, l] = o[i];
-      !Xo(l) || s.startsWith("unstable_") ? delete n[s] : de(l) && (n[s] = {
-        ...l
-      }, r(n[s]));
+  function r(o) {
+    const i = Object.entries(o);
+    for (let s = 0; s < i.length; s++) {
+      const [l, c] = i[s];
+      !gr(c) || l.startsWith("unstable_") ? delete o[l] : L(c) && (o[l] = {
+        ...c
+      }, r(o[l]));
     }
   }
   return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -2890,112 +1149,112 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function ar(e) {
+function ze(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const Jo = (e) => {
+const mr = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const t = e.match(/\d*\.?\d+/g);
   if (!t)
     return 0;
   let r = 0;
-  for (let n = 0; n < t.length; n += 1)
-    r += +t[n];
+  for (let o = 0; o < t.length; o += 1)
+    r += +t[o];
   return r;
 };
-function Zo(e) {
+function yr(e) {
   Object.assign(e, {
     alpha(t, r) {
-      const n = this || e;
-      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : Cr(t, Jo(r));
+      const o = this || e;
+      return o.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : o.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : Ke(t, mr(r));
     },
     lighten(t, r) {
-      const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${ar(r)})` : at(t, r);
+      const o = this || e;
+      return o.colorSpace ? `color-mix(in ${o.colorSpace}, ${t}, #fff ${ze(r)})` : he(t, r);
     },
     darken(t, r) {
-      const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${ar(r)})` : it(t, r);
+      const o = this || e;
+      return o.colorSpace ? `color-mix(in ${o.colorSpace}, ${t}, #000 ${ze(r)})` : pe(t, r);
     }
   });
 }
-function Tt(e = {}, ...t) {
+function xe(e = {}, ...t) {
   const {
     breakpoints: r,
-    mixins: n = {},
-    spacing: o,
-    palette: i = {},
-    transitions: s = {},
-    typography: l = {},
+    mixins: o = {},
+    spacing: i,
+    palette: s = {},
+    transitions: l = {},
+    typography: c = {},
     shape: f,
     colorSpace: d,
-    ...p
+    ...g
   } = 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." : Be(20));
-  const h = _t({
-    ...i,
+    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." : oe(20));
+  const b = Ae({
+    ...s,
     colorSpace: d
-  }), m = hr(e);
-  let S = Ce(m, {
-    mixins: Vo(m.breakpoints, n),
-    palette: h,
+  }), O = Le(e);
+  let C = q(O, {
+    mixins: nr(O.breakpoints, o),
+    palette: b,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Go.slice(),
-    typography: Lo(h, l),
-    transitions: Ho(s),
+    shadows: cr.slice(),
+    typography: ir(b, c),
+    transitions: pr(l),
     zIndex: {
-      ...Qo
+      ...hr
     }
   });
-  if (S = Ce(S, p), S = t.reduce((y, c) => Ce(y, c), S), process.env.NODE_ENV !== "production") {
-    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (v, $) => {
-      let I;
-      for (I in v) {
-        const J = v[I];
-        if (y.includes(I) && Object.keys(J).length > 0) {
+  if (C = q(C, g), C = t.reduce((v, E) => q(v, E), C), process.env.NODE_ENV !== "production") {
+    const v = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], E = (m, k) => {
+      let $;
+      for ($ in m) {
+        const F = m[$];
+        if (v.includes($) && Object.keys(F).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const x = Rt("", I);
-            console.error([`MUI: The \`${$}\` component increases the CSS specificity of the \`${I}\` internal state.`, "You can not override it like this: ", JSON.stringify(v, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
+            const y = Oe("", $);
+            console.error([`MUI: The \`${k}\` component increases the CSS specificity of the \`${$}\` internal state.`, "You can not override it like this: ", JSON.stringify(m, null, 2), "", `Instead, you need to use the '&.${y}' syntax:`, JSON.stringify({
               root: {
-                [`&.${x}`]: J
+                [`&.${y}`]: F
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          v[I] = {};
+          m[$] = {};
         }
       }
     };
-    Object.keys(S.components).forEach((v) => {
-      const $ = S.components[v].styleOverrides;
-      $ && v.startsWith("Mui") && c($, v);
+    Object.keys(C.components).forEach((m) => {
+      const k = C.components[m].styleOverrides;
+      k && m.startsWith("Mui") && E(k, m);
     });
   }
-  return S.unstable_sxConfig = {
-    ...nt,
-    ...p?.unstable_sxConfig
-  }, S.unstable_sx = function(c) {
-    return Re({
-      sx: c,
+  return C.unstable_sxConfig = {
+    ...We,
+    ...g?.unstable_sxConfig
+  }, C.unstable_sx = function(E) {
+    return ce({
+      sx: E,
       theme: this
     });
-  }, S.toRuntimeSource = Or, Zo(S), S;
+  }, C.toRuntimeSource = tt, yr(C), C;
 }
-function ei(e) {
+function br(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const ti = [...Array(25)].map((e, t) => {
+const Sr = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = ei(t);
+  const r = br(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function $r(e) {
+function rt(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3003,108 +1262,108 @@ function $r(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function Ar(e) {
-  return e === "dark" ? ti : [];
+function nt(e) {
+  return e === "dark" ? Sr : [];
 }
-function ri(e) {
+function Cr(e) {
   const {
     palette: t = {
       mode: "light"
     },
     // need to cast to avoid module augmentation test
     opacity: r,
-    overlays: n,
-    colorSpace: o,
-    ...i
-  } = e, s = _t({
+    overlays: o,
+    colorSpace: i,
+    ...s
+  } = e, l = Ae({
     ...t,
-    colorSpace: o
+    colorSpace: i
   });
   return {
-    palette: s,
+    palette: l,
     opacity: {
-      ...$r(s.mode),
+      ...rt(l.mode),
       ...r
     },
-    overlays: n || Ar(s.mode),
-    ...i
+    overlays: o || nt(l.mode),
+    ...s
   };
 }
-function ni(e) {
+function vr(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 oi = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ii = (e) => (t, r) => {
-  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
-  let i = o;
-  if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === t) {
+const $r = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], wr = (e) => (t, r) => {
+  const o = e.rootSelector || ":root", i = e.colorSchemeSelector;
+  let s = i;
+  if (i === "class" && (s = ".%s"), i === "data" && (s = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (s = `[${i}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
-      const s = {};
-      return oi(e.cssVarPrefix).forEach((l) => {
-        s[l] = r[l], delete r[l];
-      }), i === "media" ? {
-        [n]: r,
+      const l = {};
+      return $r(e.cssVarPrefix).forEach((c) => {
+        l[c] = r[c], delete r[c];
+      }), s === "media" ? {
+        [o]: r,
         "@media (prefers-color-scheme: dark)": {
-          [n]: s
+          [o]: l
         }
-      } : i ? {
-        [i.replace("%s", t)]: s,
-        [`${n}, ${i.replace("%s", t)}`]: r
+      } : s ? {
+        [s.replace("%s", t)]: l,
+        [`${o}, ${s.replace("%s", t)}`]: r
       } : {
-        [n]: {
+        [o]: {
           ...r,
-          ...s
+          ...l
         }
       };
     }
-    if (i && i !== "media")
-      return `${n}, ${i.replace("%s", String(t))}`;
+    if (s && s !== "media")
+      return `${o}, ${s.replace("%s", String(t))}`;
   } else if (t) {
-    if (i === "media")
+    if (s === "media")
       return {
         [`@media (prefers-color-scheme: ${String(t)})`]: {
-          [n]: r
+          [o]: r
         }
       };
-    if (i)
-      return i.replace("%s", String(t));
+    if (s)
+      return s.replace("%s", String(t));
   }
-  return n;
+  return o;
 };
-function ai(e, t) {
+function xr(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
 }
-function u(e, t, r) {
+function a(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function Ie(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : Sr(e);
+function ne(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Je(e);
 }
-function ce(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = Pe(Ie(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+function R(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = re(ne(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function si(e) {
+function kr(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const se = (e) => {
+const P = (e) => {
   try {
     return e();
   } catch {
   }
-}, li = (e = "mui") => xo(e);
-function yt(e, t, r, n, o) {
+}, Ar = (e = "mui") => Lt(e);
+function Se(e, t, r, o, i) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
-  const i = o === "dark" ? "dark" : "light";
-  if (!n) {
-    t[o] = ri({
+  const s = i === "dark" ? "dark" : "light";
+  if (!o) {
+    t[i] = Cr({
       ...r,
       palette: {
-        mode: i,
+        mode: s,
         ...r?.palette
       },
       colorSpace: e
@@ -3112,217 +1371,217 @@ function yt(e, t, r, n, o) {
     return;
   }
   const {
-    palette: s,
-    ...l
-  } = Tt({
-    ...n,
+    palette: l,
+    ...c
+  } = xe({
+    ...o,
     palette: {
-      mode: i,
+      mode: s,
       ...r?.palette
     },
     colorSpace: e
   });
-  return t[o] = {
+  return t[i] = {
     ...r,
-    palette: s,
+    palette: l,
     opacity: {
-      ...$r(i),
+      ...rt(s),
       ...r?.opacity
     },
-    overlays: r?.overlays || Ar(i)
-  }, l;
+    overlays: r?.overlays || nt(s)
+  }, c;
 }
-function ci(e = {}, ...t) {
+function Or(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
     },
-    defaultColorScheme: n,
-    disableCssColorScheme: o = !1,
-    cssVarPrefix: i = "mui",
-    nativeColor: s = !1,
-    shouldSkipGeneratingVar: l = ni,
+    defaultColorScheme: o,
+    disableCssColorScheme: i = !1,
+    cssVarPrefix: s = "mui",
+    nativeColor: l = !1,
+    shouldSkipGeneratingVar: c = vr,
     colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
     rootSelector: d = ":root",
-    ...p
-  } = e, h = Object.keys(r)[0], m = n || (r.light && h !== "light" ? "light" : h), S = li(i), {
-    [m]: y,
-    light: c,
-    dark: v,
-    ...$
-  } = r, I = {
-    ...$
+    ...g
+  } = e, b = Object.keys(r)[0], O = o || (r.light && b !== "light" ? "light" : b), C = Ar(s), {
+    [O]: v,
+    light: E,
+    dark: m,
+    ...k
+  } = r, $ = {
+    ...k
   };
-  let J = y;
-  if ((m === "dark" && !("dark" in r) || m === "light" && !("light" in r)) && (J = !0), !J)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : Be(21, m));
-  let x;
-  s && (x = "oklch");
-  const Q = yt(x, I, J, p, m);
-  c && !I.light && yt(x, I, c, void 0, "light"), v && !I.dark && yt(x, I, v, void 0, "dark");
-  let E = {
-    defaultColorScheme: m,
-    ...Q,
-    cssVarPrefix: i,
+  let F = v;
+  if ((O === "dark" && !("dark" in r) || O === "light" && !("light" in r)) && (F = !0), !F)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${O}\` option is either missing or invalid.` : oe(21, O));
+  let y;
+  l && (y = "oklch");
+  const D = Se(y, $, F, g, O);
+  E && !$.light && Se(y, $, E, void 0, "light"), m && !$.dark && Se(y, $, m, void 0, "dark");
+  let h = {
+    defaultColorScheme: O,
+    ...D,
+    cssVarPrefix: s,
     colorSchemeSelector: f,
     rootSelector: d,
-    getCssVar: S,
-    colorSchemes: I,
+    getCssVar: C,
+    colorSchemes: $,
     font: {
-      ...Mo(Q.typography),
-      ...Q.font
+      ...tr(D.typography),
+      ...D.font
     },
-    spacing: si(p.spacing)
+    spacing: kr(g.spacing)
   };
-  Object.keys(E.colorSchemes).forEach((X) => {
-    const a = E.colorSchemes[X].palette, T = (w) => {
-      const N = w.split("-"), ee = N[1], fe = N[2];
-      return S(w, a[ee][fe]);
+  Object.keys(h.colorSchemes).forEach((M) => {
+    const n = h.colorSchemes[M].palette, p = (S) => {
+      const I = S.split("-"), z = I[1], J = I[2];
+      return C(S, n[z][J]);
     };
-    a.mode === "light" && (u(a.common, "background", "#fff"), u(a.common, "onBackground", "#000")), a.mode === "dark" && (u(a.common, "background", "#000"), u(a.common, "onBackground", "#fff"));
-    function b(w, N, ee) {
-      if (x) {
-        let fe;
-        return w === ge && (fe = `transparent ${((1 - ee) * 100).toFixed(0)}%`), w === j && (fe = `#000 ${(ee * 100).toFixed(0)}%`), w === V && (fe = `#fff ${(ee * 100).toFixed(0)}%`), `color-mix(in ${x}, ${N}, ${fe})`;
+    n.mode === "light" && (a(n.common, "background", "#fff"), a(n.common, "onBackground", "#000")), n.mode === "dark" && (a(n.common, "background", "#000"), a(n.common, "onBackground", "#fff"));
+    function u(S, I, z) {
+      if (y) {
+        let J;
+        return S === H && (J = `transparent ${((1 - z) * 100).toFixed(0)}%`), S === w && (J = `#000 ${(z * 100).toFixed(0)}%`), S === x && (J = `#fff ${(z * 100).toFixed(0)}%`), `color-mix(in ${y}, ${I}, ${J})`;
       }
-      return w(N, ee);
+      return S(I, z);
     }
-    if (ai(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
-      u(a.Alert, "errorColor", b(j, a.error.light, 0.6)), u(a.Alert, "infoColor", b(j, a.info.light, 0.6)), u(a.Alert, "successColor", b(j, a.success.light, 0.6)), u(a.Alert, "warningColor", b(j, a.warning.light, 0.6)), u(a.Alert, "errorFilledBg", T("palette-error-main")), u(a.Alert, "infoFilledBg", T("palette-info-main")), u(a.Alert, "successFilledBg", T("palette-success-main")), u(a.Alert, "warningFilledBg", T("palette-warning-main")), u(a.Alert, "errorFilledColor", se(() => a.getContrastText(a.error.main))), u(a.Alert, "infoFilledColor", se(() => a.getContrastText(a.info.main))), u(a.Alert, "successFilledColor", se(() => a.getContrastText(a.success.main))), u(a.Alert, "warningFilledColor", se(() => a.getContrastText(a.warning.main))), u(a.Alert, "errorStandardBg", b(V, a.error.light, 0.9)), u(a.Alert, "infoStandardBg", b(V, a.info.light, 0.9)), u(a.Alert, "successStandardBg", b(V, a.success.light, 0.9)), u(a.Alert, "warningStandardBg", b(V, a.warning.light, 0.9)), u(a.Alert, "errorIconColor", T("palette-error-main")), u(a.Alert, "infoIconColor", T("palette-info-main")), u(a.Alert, "successIconColor", T("palette-success-main")), u(a.Alert, "warningIconColor", T("palette-warning-main")), u(a.AppBar, "defaultBg", T("palette-grey-100")), u(a.Avatar, "defaultBg", T("palette-grey-400")), u(a.Button, "inheritContainedBg", T("palette-grey-300")), u(a.Button, "inheritContainedHoverBg", T("palette-grey-A100")), u(a.Chip, "defaultBorder", T("palette-grey-400")), u(a.Chip, "defaultAvatarColor", T("palette-grey-700")), u(a.Chip, "defaultIconColor", T("palette-grey-700")), u(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(a.LinearProgress, "primaryBg", b(V, a.primary.main, 0.62)), u(a.LinearProgress, "secondaryBg", b(V, a.secondary.main, 0.62)), u(a.LinearProgress, "errorBg", b(V, a.error.main, 0.62)), u(a.LinearProgress, "infoBg", b(V, a.info.main, 0.62)), u(a.LinearProgress, "successBg", b(V, a.success.main, 0.62)), u(a.LinearProgress, "warningBg", b(V, a.warning.main, 0.62)), u(a.Skeleton, "bg", x ? b(ge, a.text.primary, 0.11) : `rgba(${T("palette-text-primaryChannel")} / 0.11)`), u(a.Slider, "primaryTrack", b(V, a.primary.main, 0.62)), u(a.Slider, "secondaryTrack", b(V, a.secondary.main, 0.62)), u(a.Slider, "errorTrack", b(V, a.error.main, 0.62)), u(a.Slider, "infoTrack", b(V, a.info.main, 0.62)), u(a.Slider, "successTrack", b(V, a.success.main, 0.62)), u(a.Slider, "warningTrack", b(V, a.warning.main, 0.62));
-      const w = x ? b(j, a.background.default, 0.6825) : Le(a.background.default, 0.8);
-      u(a.SnackbarContent, "bg", w), u(a.SnackbarContent, "color", se(() => x ? Ct.text.primary : a.getContrastText(w))), u(a.SpeedDialAction, "fabHoverBg", Le(a.background.paper, 0.15)), u(a.StepConnector, "border", T("palette-grey-400")), u(a.StepContent, "border", T("palette-grey-400")), u(a.Switch, "defaultColor", T("palette-common-white")), u(a.Switch, "defaultDisabledColor", T("palette-grey-100")), u(a.Switch, "primaryDisabledColor", b(V, a.primary.main, 0.62)), u(a.Switch, "secondaryDisabledColor", b(V, a.secondary.main, 0.62)), u(a.Switch, "errorDisabledColor", b(V, a.error.main, 0.62)), u(a.Switch, "infoDisabledColor", b(V, a.info.main, 0.62)), u(a.Switch, "successDisabledColor", b(V, a.success.main, 0.62)), u(a.Switch, "warningDisabledColor", b(V, a.warning.main, 0.62)), u(a.TableCell, "border", b(V, b(ge, a.divider, 1), 0.88)), u(a.Tooltip, "bg", b(ge, a.grey[700], 0.92));
+    if (xr(n, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), n.mode === "light") {
+      a(n.Alert, "errorColor", u(w, n.error.light, 0.6)), a(n.Alert, "infoColor", u(w, n.info.light, 0.6)), a(n.Alert, "successColor", u(w, n.success.light, 0.6)), a(n.Alert, "warningColor", u(w, n.warning.light, 0.6)), a(n.Alert, "errorFilledBg", p("palette-error-main")), a(n.Alert, "infoFilledBg", p("palette-info-main")), a(n.Alert, "successFilledBg", p("palette-success-main")), a(n.Alert, "warningFilledBg", p("palette-warning-main")), a(n.Alert, "errorFilledColor", P(() => n.getContrastText(n.error.main))), a(n.Alert, "infoFilledColor", P(() => n.getContrastText(n.info.main))), a(n.Alert, "successFilledColor", P(() => n.getContrastText(n.success.main))), a(n.Alert, "warningFilledColor", P(() => n.getContrastText(n.warning.main))), a(n.Alert, "errorStandardBg", u(x, n.error.light, 0.9)), a(n.Alert, "infoStandardBg", u(x, n.info.light, 0.9)), a(n.Alert, "successStandardBg", u(x, n.success.light, 0.9)), a(n.Alert, "warningStandardBg", u(x, n.warning.light, 0.9)), a(n.Alert, "errorIconColor", p("palette-error-main")), a(n.Alert, "infoIconColor", p("palette-info-main")), a(n.Alert, "successIconColor", p("palette-success-main")), a(n.Alert, "warningIconColor", p("palette-warning-main")), a(n.AppBar, "defaultBg", p("palette-grey-100")), a(n.Avatar, "defaultBg", p("palette-grey-400")), a(n.Button, "inheritContainedBg", p("palette-grey-300")), a(n.Button, "inheritContainedHoverBg", p("palette-grey-A100")), a(n.Chip, "defaultBorder", p("palette-grey-400")), a(n.Chip, "defaultAvatarColor", p("palette-grey-700")), a(n.Chip, "defaultIconColor", p("palette-grey-700")), a(n.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), a(n.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), a(n.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), a(n.LinearProgress, "primaryBg", u(x, n.primary.main, 0.62)), a(n.LinearProgress, "secondaryBg", u(x, n.secondary.main, 0.62)), a(n.LinearProgress, "errorBg", u(x, n.error.main, 0.62)), a(n.LinearProgress, "infoBg", u(x, n.info.main, 0.62)), a(n.LinearProgress, "successBg", u(x, n.success.main, 0.62)), a(n.LinearProgress, "warningBg", u(x, n.warning.main, 0.62)), a(n.Skeleton, "bg", y ? u(H, n.text.primary, 0.11) : `rgba(${p("palette-text-primaryChannel")} / 0.11)`), a(n.Slider, "primaryTrack", u(x, n.primary.main, 0.62)), a(n.Slider, "secondaryTrack", u(x, n.secondary.main, 0.62)), a(n.Slider, "errorTrack", u(x, n.error.main, 0.62)), a(n.Slider, "infoTrack", u(x, n.info.main, 0.62)), a(n.Slider, "successTrack", u(x, n.success.main, 0.62)), a(n.Slider, "warningTrack", u(x, n.warning.main, 0.62));
+      const S = y ? u(w, n.background.default, 0.6825) : ae(n.background.default, 0.8);
+      a(n.SnackbarContent, "bg", S), a(n.SnackbarContent, "color", P(() => y ? we.text.primary : n.getContrastText(S))), a(n.SpeedDialAction, "fabHoverBg", ae(n.background.paper, 0.15)), a(n.StepConnector, "border", p("palette-grey-400")), a(n.StepContent, "border", p("palette-grey-400")), a(n.Switch, "defaultColor", p("palette-common-white")), a(n.Switch, "defaultDisabledColor", p("palette-grey-100")), a(n.Switch, "primaryDisabledColor", u(x, n.primary.main, 0.62)), a(n.Switch, "secondaryDisabledColor", u(x, n.secondary.main, 0.62)), a(n.Switch, "errorDisabledColor", u(x, n.error.main, 0.62)), a(n.Switch, "infoDisabledColor", u(x, n.info.main, 0.62)), a(n.Switch, "successDisabledColor", u(x, n.success.main, 0.62)), a(n.Switch, "warningDisabledColor", u(x, n.warning.main, 0.62)), a(n.TableCell, "border", u(x, u(H, n.divider, 1), 0.88)), a(n.Tooltip, "bg", u(H, n.grey[700], 0.92));
     }
-    if (a.mode === "dark") {
-      u(a.Alert, "errorColor", b(V, a.error.light, 0.6)), u(a.Alert, "infoColor", b(V, a.info.light, 0.6)), u(a.Alert, "successColor", b(V, a.success.light, 0.6)), u(a.Alert, "warningColor", b(V, a.warning.light, 0.6)), u(a.Alert, "errorFilledBg", T("palette-error-dark")), u(a.Alert, "infoFilledBg", T("palette-info-dark")), u(a.Alert, "successFilledBg", T("palette-success-dark")), u(a.Alert, "warningFilledBg", T("palette-warning-dark")), u(a.Alert, "errorFilledColor", se(() => a.getContrastText(a.error.dark))), u(a.Alert, "infoFilledColor", se(() => a.getContrastText(a.info.dark))), u(a.Alert, "successFilledColor", se(() => a.getContrastText(a.success.dark))), u(a.Alert, "warningFilledColor", se(() => a.getContrastText(a.warning.dark))), u(a.Alert, "errorStandardBg", b(j, a.error.light, 0.9)), u(a.Alert, "infoStandardBg", b(j, a.info.light, 0.9)), u(a.Alert, "successStandardBg", b(j, a.success.light, 0.9)), u(a.Alert, "warningStandardBg", b(j, a.warning.light, 0.9)), u(a.Alert, "errorIconColor", T("palette-error-main")), u(a.Alert, "infoIconColor", T("palette-info-main")), u(a.Alert, "successIconColor", T("palette-success-main")), u(a.Alert, "warningIconColor", T("palette-warning-main")), u(a.AppBar, "defaultBg", T("palette-grey-900")), u(a.AppBar, "darkBg", T("palette-background-paper")), u(a.AppBar, "darkColor", T("palette-text-primary")), u(a.Avatar, "defaultBg", T("palette-grey-600")), u(a.Button, "inheritContainedBg", T("palette-grey-800")), u(a.Button, "inheritContainedHoverBg", T("palette-grey-700")), u(a.Chip, "defaultBorder", T("palette-grey-700")), u(a.Chip, "defaultAvatarColor", T("palette-grey-300")), u(a.Chip, "defaultIconColor", T("palette-grey-300")), u(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(a.LinearProgress, "primaryBg", b(j, a.primary.main, 0.5)), u(a.LinearProgress, "secondaryBg", b(j, a.secondary.main, 0.5)), u(a.LinearProgress, "errorBg", b(j, a.error.main, 0.5)), u(a.LinearProgress, "infoBg", b(j, a.info.main, 0.5)), u(a.LinearProgress, "successBg", b(j, a.success.main, 0.5)), u(a.LinearProgress, "warningBg", b(j, a.warning.main, 0.5)), u(a.Skeleton, "bg", x ? b(ge, a.text.primary, 0.13) : `rgba(${T("palette-text-primaryChannel")} / 0.13)`), u(a.Slider, "primaryTrack", b(j, a.primary.main, 0.5)), u(a.Slider, "secondaryTrack", b(j, a.secondary.main, 0.5)), u(a.Slider, "errorTrack", b(j, a.error.main, 0.5)), u(a.Slider, "infoTrack", b(j, a.info.main, 0.5)), u(a.Slider, "successTrack", b(j, a.success.main, 0.5)), u(a.Slider, "warningTrack", b(j, a.warning.main, 0.5));
-      const w = x ? b(V, a.background.default, 0.985) : Le(a.background.default, 0.98);
-      u(a.SnackbarContent, "bg", w), u(a.SnackbarContent, "color", se(() => x ? xr.text.primary : a.getContrastText(w))), u(a.SpeedDialAction, "fabHoverBg", Le(a.background.paper, 0.15)), u(a.StepConnector, "border", T("palette-grey-600")), u(a.StepContent, "border", T("palette-grey-600")), u(a.Switch, "defaultColor", T("palette-grey-300")), u(a.Switch, "defaultDisabledColor", T("palette-grey-600")), u(a.Switch, "primaryDisabledColor", b(j, a.primary.main, 0.55)), u(a.Switch, "secondaryDisabledColor", b(j, a.secondary.main, 0.55)), u(a.Switch, "errorDisabledColor", b(j, a.error.main, 0.55)), u(a.Switch, "infoDisabledColor", b(j, a.info.main, 0.55)), u(a.Switch, "successDisabledColor", b(j, a.success.main, 0.55)), u(a.Switch, "warningDisabledColor", b(j, a.warning.main, 0.55)), u(a.TableCell, "border", b(j, b(ge, a.divider, 1), 0.68)), u(a.Tooltip, "bg", b(ge, a.grey[700], 0.92));
+    if (n.mode === "dark") {
+      a(n.Alert, "errorColor", u(x, n.error.light, 0.6)), a(n.Alert, "infoColor", u(x, n.info.light, 0.6)), a(n.Alert, "successColor", u(x, n.success.light, 0.6)), a(n.Alert, "warningColor", u(x, n.warning.light, 0.6)), a(n.Alert, "errorFilledBg", p("palette-error-dark")), a(n.Alert, "infoFilledBg", p("palette-info-dark")), a(n.Alert, "successFilledBg", p("palette-success-dark")), a(n.Alert, "warningFilledBg", p("palette-warning-dark")), a(n.Alert, "errorFilledColor", P(() => n.getContrastText(n.error.dark))), a(n.Alert, "infoFilledColor", P(() => n.getContrastText(n.info.dark))), a(n.Alert, "successFilledColor", P(() => n.getContrastText(n.success.dark))), a(n.Alert, "warningFilledColor", P(() => n.getContrastText(n.warning.dark))), a(n.Alert, "errorStandardBg", u(w, n.error.light, 0.9)), a(n.Alert, "infoStandardBg", u(w, n.info.light, 0.9)), a(n.Alert, "successStandardBg", u(w, n.success.light, 0.9)), a(n.Alert, "warningStandardBg", u(w, n.warning.light, 0.9)), a(n.Alert, "errorIconColor", p("palette-error-main")), a(n.Alert, "infoIconColor", p("palette-info-main")), a(n.Alert, "successIconColor", p("palette-success-main")), a(n.Alert, "warningIconColor", p("palette-warning-main")), a(n.AppBar, "defaultBg", p("palette-grey-900")), a(n.AppBar, "darkBg", p("palette-background-paper")), a(n.AppBar, "darkColor", p("palette-text-primary")), a(n.Avatar, "defaultBg", p("palette-grey-600")), a(n.Button, "inheritContainedBg", p("palette-grey-800")), a(n.Button, "inheritContainedHoverBg", p("palette-grey-700")), a(n.Chip, "defaultBorder", p("palette-grey-700")), a(n.Chip, "defaultAvatarColor", p("palette-grey-300")), a(n.Chip, "defaultIconColor", p("palette-grey-300")), a(n.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), a(n.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), a(n.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), a(n.LinearProgress, "primaryBg", u(w, n.primary.main, 0.5)), a(n.LinearProgress, "secondaryBg", u(w, n.secondary.main, 0.5)), a(n.LinearProgress, "errorBg", u(w, n.error.main, 0.5)), a(n.LinearProgress, "infoBg", u(w, n.info.main, 0.5)), a(n.LinearProgress, "successBg", u(w, n.success.main, 0.5)), a(n.LinearProgress, "warningBg", u(w, n.warning.main, 0.5)), a(n.Skeleton, "bg", y ? u(H, n.text.primary, 0.13) : `rgba(${p("palette-text-primaryChannel")} / 0.13)`), a(n.Slider, "primaryTrack", u(w, n.primary.main, 0.5)), a(n.Slider, "secondaryTrack", u(w, n.secondary.main, 0.5)), a(n.Slider, "errorTrack", u(w, n.error.main, 0.5)), a(n.Slider, "infoTrack", u(w, n.info.main, 0.5)), a(n.Slider, "successTrack", u(w, n.success.main, 0.5)), a(n.Slider, "warningTrack", u(w, n.warning.main, 0.5));
+      const S = y ? u(x, n.background.default, 0.985) : ae(n.background.default, 0.98);
+      a(n.SnackbarContent, "bg", S), a(n.SnackbarContent, "color", P(() => y ? Ye.text.primary : n.getContrastText(S))), a(n.SpeedDialAction, "fabHoverBg", ae(n.background.paper, 0.15)), a(n.StepConnector, "border", p("palette-grey-600")), a(n.StepContent, "border", p("palette-grey-600")), a(n.Switch, "defaultColor", p("palette-grey-300")), a(n.Switch, "defaultDisabledColor", p("palette-grey-600")), a(n.Switch, "primaryDisabledColor", u(w, n.primary.main, 0.55)), a(n.Switch, "secondaryDisabledColor", u(w, n.secondary.main, 0.55)), a(n.Switch, "errorDisabledColor", u(w, n.error.main, 0.55)), a(n.Switch, "infoDisabledColor", u(w, n.info.main, 0.55)), a(n.Switch, "successDisabledColor", u(w, n.success.main, 0.55)), a(n.Switch, "warningDisabledColor", u(w, n.warning.main, 0.55)), a(n.TableCell, "border", u(w, u(H, n.divider, 1), 0.68)), a(n.Tooltip, "bg", u(H, n.grey[700], 0.92));
     }
-    ce(a.background, "default"), ce(a.background, "paper"), ce(a.common, "background"), ce(a.common, "onBackground"), ce(a, "divider"), Object.keys(a).forEach((w) => {
-      const N = a[w];
-      w !== "tonalOffset" && N && typeof N == "object" && (N.main && u(a[w], "mainChannel", Pe(Ie(N.main))), N.light && u(a[w], "lightChannel", Pe(Ie(N.light))), N.dark && u(a[w], "darkChannel", Pe(Ie(N.dark))), N.contrastText && u(a[w], "contrastTextChannel", Pe(Ie(N.contrastText))), w === "text" && (ce(a[w], "primary"), ce(a[w], "secondary")), w === "action" && (N.active && ce(a[w], "active"), N.selected && ce(a[w], "selected")));
+    R(n.background, "default"), R(n.background, "paper"), R(n.common, "background"), R(n.common, "onBackground"), R(n, "divider"), Object.keys(n).forEach((S) => {
+      const I = n[S];
+      S !== "tonalOffset" && I && typeof I == "object" && (I.main && a(n[S], "mainChannel", re(ne(I.main))), I.light && a(n[S], "lightChannel", re(ne(I.light))), I.dark && a(n[S], "darkChannel", re(ne(I.dark))), I.contrastText && a(n[S], "contrastTextChannel", re(ne(I.contrastText))), S === "text" && (R(n[S], "primary"), R(n[S], "secondary")), S === "action" && (I.active && R(n[S], "active"), I.selected && R(n[S], "selected")));
     });
-  }), E = t.reduce((X, a) => Ce(X, a), E);
-  const G = {
-    prefix: i,
-    disableCssColorScheme: o,
-    shouldSkipGeneratingVar: l,
-    getSelector: ii(E),
-    enableContrastVars: s
+  }), h = t.reduce((M, n) => q(M, n), h);
+  const V = {
+    prefix: s,
+    disableCssColorScheme: i,
+    shouldSkipGeneratingVar: c,
+    getSelector: wr(h),
+    enableContrastVars: l
   }, {
-    vars: Z,
-    generateThemeVars: U,
-    generateStyleSheets: te
-  } = $o(E, G);
-  return E.vars = Z, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([X, a]) => {
-    E[X] = a;
-  }), E.generateThemeVars = U, E.generateStyleSheets = te, E.generateSpacing = function() {
-    return mr(p.spacing, Ot(this));
-  }, E.getColorSchemeSelector = Ao(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = l, E.unstable_sxConfig = {
-    ...nt,
-    ...p?.unstable_sxConfig
-  }, E.unstable_sx = function(a) {
-    return Re({
-      sx: a,
+    vars: _,
+    generateThemeVars: N,
+    generateStyleSheets: j
+  } = Ht(h, V);
+  return h.vars = _, Object.entries(h.colorSchemes[h.defaultColorScheme]).forEach(([M, n]) => {
+    h[M] = n;
+  }), h.generateThemeVars = N, h.generateStyleSheets = j, h.generateSpacing = function() {
+    return ct(g.spacing, ut(this));
+  }, h.getColorSchemeSelector = Gt(f), h.spacing = h.generateSpacing(), h.shouldSkipGeneratingVar = c, h.unstable_sxConfig = {
+    ...We,
+    ...g?.unstable_sxConfig
+  }, h.unstable_sx = function(n) {
+    return ce({
+      sx: n,
       theme: this
     });
-  }, E.toRuntimeSource = Or, E;
+  }, h.toRuntimeSource = tt, h;
 }
-function sr(e, t, r) {
+function Re(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: _t({
+    palette: Ae({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function ui(e = {}, ...t) {
+function Tr(e = {}, ...t) {
   const {
     palette: r,
-    cssVariables: n = !1,
-    colorSchemes: o = r ? void 0 : {
+    cssVariables: o = !1,
+    colorSchemes: i = r ? void 0 : {
       light: !0
     },
-    defaultColorScheme: i = r?.mode,
-    ...s
-  } = e, l = i || "light", f = o?.[l], d = {
-    ...o,
+    defaultColorScheme: s = r?.mode,
+    ...l
+  } = e, c = s || "light", f = i?.[c], d = {
+    ...i,
     ...r ? {
-      [l]: {
+      [c]: {
         ...typeof f != "boolean" && f,
         palette: r
       }
     } : void 0
   };
-  if (n === !1) {
+  if (o === !1) {
     if (!("colorSchemes" in e))
-      return Tt(e, ...t);
-    let p = r;
-    "palette" in e || d[l] && (d[l] !== !0 ? p = d[l].palette : l === "dark" && (p = {
+      return xe(e, ...t);
+    let g = r;
+    "palette" in e || d[c] && (d[c] !== !0 ? g = d[c].palette : c === "dark" && (g = {
       mode: "dark"
     }));
-    const h = Tt({
+    const b = xe({
       ...e,
-      palette: p
+      palette: g
     }, ...t);
-    return h.defaultColorScheme = l, h.colorSchemes = d, h.palette.mode === "light" && (h.colorSchemes.light = {
+    return b.defaultColorScheme = c, b.colorSchemes = d, b.palette.mode === "light" && (b.colorSchemes.light = {
       ...d.light !== !0 && d.light,
-      palette: h.palette
-    }, sr(h, "dark", d.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+      palette: b.palette
+    }, Re(b, "dark", d.dark)), b.palette.mode === "dark" && (b.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
-      palette: h.palette
-    }, sr(h, "light", d.light)), h;
+      palette: b.palette
+    }, Re(b, "light", d.light)), b;
   }
-  return !r && !("light" in d) && l === "light" && (d.light = !0), ci({
-    ...s,
+  return !r && !("light" in d) && c === "light" && (d.light = !0), Or({
+    ...l,
     colorSchemes: d,
-    defaultColorScheme: l,
-    ...typeof n != "boolean" && n
+    defaultColorScheme: c,
+    ...typeof o != "boolean" && o
   }, ...t);
 }
-const fi = ui(), di = "$$material";
-function pi(e) {
+const Er = Tr(), Nr = "$$material";
+function Ir(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const mi = (e) => pi(e) && e !== "classes", hi = uo({
-  themeId: di,
-  defaultTheme: fi,
-  rootShouldForwardProp: mi
-}), gi = Eo;
-process.env.NODE_ENV !== "production" && (P.node, P.object.isRequired);
-function yi(e) {
-  return To(e);
-}
-function bi(e, t, r = "Mui") {
-  const n = {};
-  return t.forEach((o) => {
-    n[o] = Rt(e, o, r);
-  }), n;
-}
-function vi(e) {
-  return Rt("MuiSvgIcon", e);
-}
-bi("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Si = (e) => {
+const Br = (e) => Ir(e) && e !== "classes", Vr = Et({
+  themeId: Nr,
+  defaultTheme: Er,
+  rootShouldForwardProp: Br
+}), Dr = Rt;
+process.env.NODE_ENV !== "production" && (A.node, A.object.isRequired);
+function Mr(e) {
+  return zt(e);
+}
+function Fr(e, t, r = "Mui") {
+  const o = {};
+  return t.forEach((i) => {
+    o[i] = Oe(e, i, r);
+  }), o;
+}
+function _r(e) {
+  return Oe("MuiSvgIcon", e);
+}
+Fr("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const jr = (e) => {
   const {
     color: t,
     fontSize: r,
-    classes: n
-  } = e, o = {
-    root: ["root", t !== "inherit" && `color${ze(t)}`, `fontSize${ze(r)}`]
+    classes: o
+  } = e, i = {
+    root: ["root", t !== "inherit" && `color${ue(t)}`, `fontSize${ue(r)}`]
   };
-  return en(o, vi, n);
-}, Ci = hi("svg", {
+  return xt(i, _r, o);
+}, Pr = Vr("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: r
     } = e;
-    return [t.root, r.color !== "inherit" && t[`color${ze(r.color)}`], t[`fontSize${ze(r.fontSize)}`]];
+    return [t.root, r.color !== "inherit" && t[`color${ue(r.color)}`], t[`fontSize${ue(r.fontSize)}`]];
   }
-})(gi(({
+})(Dr(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -3408,51 +1667,51 @@ const Si = (e) => {
       }
     }
   ]
-}))), qe = /* @__PURE__ */ le.forwardRef(function(t, r) {
-  const n = yi({
+}))), de = /* @__PURE__ */ U.forwardRef(function(t, r) {
+  const o = Mr({
     props: t,
     name: "MuiSvgIcon"
   }), {
-    children: o,
-    className: i,
-    color: s = "inherit",
-    component: l = "svg",
+    children: i,
+    className: s,
+    color: l = "inherit",
+    component: c = "svg",
     fontSize: f = "medium",
     htmlColor: d,
-    inheritViewBox: p = !1,
-    titleAccess: h,
-    viewBox: m = "0 0 24 24",
-    ...S
-  } = n, y = /* @__PURE__ */ le.isValidElement(o) && o.type === "svg", c = {
-    ...n,
-    color: s,
-    component: l,
+    inheritViewBox: g = !1,
+    titleAccess: b,
+    viewBox: O = "0 0 24 24",
+    ...C
+  } = o, v = /* @__PURE__ */ U.isValidElement(i) && i.type === "svg", E = {
+    ...o,
+    color: l,
+    component: c,
     fontSize: f,
     instanceFontSize: t.fontSize,
-    inheritViewBox: p,
-    viewBox: m,
-    hasSvgAsChild: y
-  }, v = {};
-  p || (v.viewBox = m);
-  const $ = Si(c);
-  return /* @__PURE__ */ bt(Ci, {
-    as: l,
-    className: ur($.root, i),
+    inheritViewBox: g,
+    viewBox: O,
+    hasSvgAsChild: v
+  }, m = {};
+  g || (m.viewBox = O);
+  const k = jr(E);
+  return /* @__PURE__ */ Ce(Pr, {
+    as: c,
+    className: Ue(k.root, s),
     focusable: "false",
     color: d,
-    "aria-hidden": h ? void 0 : !0,
-    role: h ? "img" : void 0,
+    "aria-hidden": b ? void 0 : !0,
+    role: b ? "img" : void 0,
     ref: r,
-    ...v,
-    ...S,
-    ...y && o.props,
-    ownerState: c,
-    children: [y ? o.props.children : o, h ? /* @__PURE__ */ K("title", {
-      children: h
+    ...m,
+    ...C,
+    ...v && i.props,
+    ownerState: E,
+    children: [v ? i.props.children : i, b ? /* @__PURE__ */ B("title", {
+      children: b
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (qe.propTypes = {
+process.env.NODE_ENV !== "production" && (de.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3460,15 +1719,15 @@ process.env.NODE_ENV !== "production" && (qe.propTypes = {
   /**
    * Node passed into the SVG element.
    */
-  children: P.node,
+  children: A.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: P.object,
+  classes: A.object,
   /**
    * @ignore
    */
-  className: P.string,
+  className: A.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -3476,21 +1735,21 @@ process.env.NODE_ENV !== "production" && (qe.propTypes = {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color: P.oneOfType([P.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), P.string]),
+  color: A.oneOfType([A.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), A.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: P.elementType,
+  component: A.elementType,
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize: P.oneOfType([P.oneOf(["inherit", "large", "medium", "small"]), P.string]),
+  fontSize: A.oneOfType([A.oneOf(["inherit", "large", "medium", "small"]), A.string]),
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor: P.string,
+  htmlColor: A.string,
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -3498,22 +1757,22 @@ process.env.NODE_ENV !== "production" && (qe.propTypes = {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox: P.bool,
+  inheritViewBox: A.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering: P.string,
+  shapeRendering: A.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: P.oneOfType([P.arrayOf(P.oneOfType([P.func, P.object, P.bool])), P.func, P.object]),
+  sx: A.oneOfType([A.arrayOf(A.oneOfType([A.func, A.object, A.bool])), A.func, A.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess: P.string,
+  titleAccess: A.string,
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -3522,52 +1781,52 @@ process.env.NODE_ENV !== "production" && (qe.propTypes = {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox: P.string
+  viewBox: A.string
 });
-qe.muiName = "SvgIcon";
-function kt(e, t) {
-  function r(n, o) {
-    return /* @__PURE__ */ K(qe, {
+de.muiName = "SvgIcon";
+function Te(e, t) {
+  function r(o, i) {
+    return /* @__PURE__ */ B(de, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
-      ref: o,
-      ...n,
+      ref: i,
+      ...o,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = qe.muiName, /* @__PURE__ */ le.memo(/* @__PURE__ */ le.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = de.muiName, /* @__PURE__ */ U.memo(/* @__PURE__ */ U.forwardRef(r));
 }
-const Ti = kt(/* @__PURE__ */ K("path", {
+const zr = Te(/* @__PURE__ */ B("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), Ei = kt(/* @__PURE__ */ K("path", {
+}), "Close"), Rr = Te(/* @__PURE__ */ B("path", {
   d: "M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"
-}), "FilterList"), xi = kt(/* @__PURE__ */ K("path", {
+}), "FilterList"), Lr = Te(/* @__PURE__ */ B("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
 }), "Search");
-function Ni({
+function Kr({
   mode: e,
   actionButtons: t,
   localeText: r,
-  showQuickFilter: n,
-  getData: o,
-  setFilterButtonEl: i
+  showQuickFilter: o,
+  getData: i,
+  setFilterButtonEl: s
 }) {
-  return /* @__PURE__ */ bt(Mr, { className: `${e}-mode`, style: {
+  return /* @__PURE__ */ Ce(gt, { className: `${e}-mode`, style: {
     padding: "calc(0.25rem * 2) !important",
     gap: "calc(0.25rem * 2) !important"
   }, children: [
-    e === "server" && /* @__PURE__ */ K(st, { render: /* @__PURE__ */ K(Wr, { icon: /* @__PURE__ */ K(Rr, {}), label: r?.refreshTable ?? "Ververs tabel", onClick: o }) }),
-    /* @__PURE__ */ K(jr, { debounceMs: 500, defaultExpanded: !0, render: (s, l) => /* @__PURE__ */ bt("div", { ...s, style: {
+    e === "server" && /* @__PURE__ */ B(me, { render: /* @__PURE__ */ B(Ct, { icon: /* @__PURE__ */ B(ot, {}), label: r?.refreshTable ?? "Ververs tabel", onClick: i }) }),
+    /* @__PURE__ */ B(mt, { debounceMs: 500, defaultExpanded: !0, render: (l, c) => /* @__PURE__ */ Ce("div", { ...l, style: {
       overflow: "clip",
       display: "flex",
       marginLeft: "auto",
       gap: "0.5rem",
-      ...s.style
+      ...l.style
     }, children: [
-      t?.map((f, d) => /* @__PURE__ */ K(st, { disabled: f?.props?.disabled ?? !1, render: f }, d)),
-      n && /* @__PURE__ */ K(zr, { title: "Filteren", children: /* @__PURE__ */ K(Vr, { ref: i, render: ({
+      t?.map((f, d) => /* @__PURE__ */ B(me, { disabled: f?.props?.disabled ?? !1, render: f }, d)),
+      o && /* @__PURE__ */ B(vt, { title: "Filteren", children: /* @__PURE__ */ B(yt, { ref: s, render: ({
         ref: f,
         ...d
-      }, p) => /* @__PURE__ */ K(st, { ...d, "aria-label": "Filteren", material: {
+      }, g) => /* @__PURE__ */ B(me, { ...d, "aria-label": "Filteren", material: {
         sx: {
           color: "var(--color-primary)",
           border: "1px solid var(--color-primary)",
@@ -3587,13 +1846,13 @@ function Ni({
             boxShadow: "none"
           }
         }
-      }, ref: f, tabIndex: 0, children: /* @__PURE__ */ K(Ir, { badgeContent: p.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ K(Ei, {}) }) }) }) }),
-      /* @__PURE__ */ K(Fr, { render: ({
+      }, ref: f, tabIndex: 0, children: /* @__PURE__ */ B(dt, { badgeContent: g.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ B(Rr, {}) }) }) }) }),
+      /* @__PURE__ */ B(bt, { render: ({
         ref: f,
         ...d
-      }) => /* @__PURE__ */ K(Nr, { ...d, "aria-label": r?.toolbarQuickFilterLabel ?? "Zoeken", inputRef: f, placeholder: r?.toolbarQuickFilterPlaceholder ?? "Zoeken...", slotProps: {
+      }) => /* @__PURE__ */ B(ft, { ...d, "aria-label": r?.toolbarQuickFilterLabel ?? "Zoeken", inputRef: f, placeholder: r?.toolbarQuickFilterPlaceholder ?? "Zoeken...", slotProps: {
         input: {
-          endAdornment: /* @__PURE__ */ K(Dr, { position: "end", children: /* @__PURE__ */ K(xi, { sx: {
+          endAdornment: /* @__PURE__ */ B(ht, { position: "end", children: /* @__PURE__ */ B(Lr, { sx: {
             position: "absolute",
             right: "-1px",
             width: "24px",
@@ -3610,7 +1869,7 @@ function Ni({
         },
         ...d.slotProps
       }, sx: {
-        [`.${Br.input}`]: {
+        [`.${pt.input}`]: {
           color: "var(--color-text)",
           fontFamily: "RijksoverheidSansText, Verdana, Arial, sans-serif",
           fontSize: "1.125rem",
@@ -3625,8 +1884,8 @@ function Ni({
           maxWidth: "100%"
         }
       } }) }),
-      l.expanded && l.value !== "" && /* @__PURE__ */ K(
-        Lr,
+      c.expanded && c.value !== "" && /* @__PURE__ */ B(
+        St,
         {
           "aria-label": r?.toolbarQuickFilterDeleteIconLabel ?? "Wissen",
           edge: "end",
@@ -3639,13 +1898,13 @@ function Ni({
               right: "70px"
             }
           },
-          children: /* @__PURE__ */ K(Ti, { color: "primary" })
+          children: /* @__PURE__ */ B(zr, { color: "primary" })
         }
       )
     ] }) })
   ] });
 }
 export {
-  Ni as QuickSearchToolbar
+  Kr as QuickSearchToolbar
 };
 //# sourceMappingURL=_QuickSearchToolbar.js.map