@rws-aoa/react-library 8.2.7 → 8.2.8

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

@@ -1,15 +1,15 @@
-import { jsxs as ht, jsx as K } from "react/jsx-runtime";
-import { Refresh as wr } from "@mui/icons-material";
-import * as me from "react";
-import { g as $r } from "../../../chunks/lodash.DPVO3Hgf.js";
-import Or from "@emotion/styled";
+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 Ar, TextField as _r, inputBaseClasses as kr, InputAdornment as Rr } from "@mui/material";
-import { Toolbar as Pr, ToolbarButton as ot, QuickFilter as Ir, FilterPanelTrigger as Nr, QuickFilterControl as Br, QuickFilterClear as Dr } from "@mui/x-data-grid";
-import { AoaIconButton as Mr } from "../icon-button/IconButton.js";
-import { AoaTooltip as jr } from "../tooltip/Tooltip.js";
-const At = (e) => e, Vr = () => {
-  let e = At;
+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;
   return {
     configure(t) {
       e = t;
@@ -18,25 +18,25 @@ const At = (e) => e, Vr = () => {
       return e(t);
     },
     reset() {
-      e = At;
+      e = Pt;
     }
   };
-}, Fr = Vr();
-function he(e, ...t) {
+}, Gr = Ur();
+function Be(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 Ce(e) {
+function ze(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : he(7));
+    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 Me = { exports: {} }, je = { exports: {} }, F = {};
-var _t;
-function Lr() {
-  if (_t) return F;
-  _t = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), S = Symbol.for("react.client.reference");
+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;
@@ -97,9 +97,9 @@ function Lr() {
   }, F.typeOf = y, F;
 }
 var L = {};
-var kt;
-function Wr() {
-  return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
+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;
@@ -131,7 +131,7 @@ function Wr() {
         }
       }
     }
-    var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), y = Symbol.for("react.client.reference");
+    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) {
@@ -159,16 +159,16 @@ function Wr() {
     }, 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;
+  })()), L;
 }
-var Rt;
-function St() {
-  return Rt || (Rt = 1, process.env.NODE_ENV === "production" ? je.exports = /* @__PURE__ */ Lr() : je.exports = /* @__PURE__ */ Wr()), je.exports;
+var Bt;
+function Et() {
+  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? Fe.exports = /* @__PURE__ */ Yr() : Fe.exports = /* @__PURE__ */ qr()), Fe.exports;
 }
-var it, Pt;
-function zr() {
-  if (Pt) return it;
-  Pt = 1;
+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)
@@ -197,7 +197,7 @@ function zr() {
       return !1;
     }
   }
-  return it = o() ? Object.assign : function(i, s) {
+  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)
@@ -209,27 +209,27 @@ function zr() {
       }
     }
     return f;
-  }, it;
+  }, lt;
 }
-var at, It;
-function Ct() {
-  if (It) return at;
-  It = 1;
+var ct, Mt;
+function xt() {
+  if (Mt) return ct;
+  Mt = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return at = e, at;
+  return ct = e, ct;
 }
-var st, Nt;
-function or() {
-  return Nt || (Nt = 1, st = Function.call.bind(Object.prototype.hasOwnProperty)), st;
+var ut, jt;
+function lr() {
+  return jt || (jt = 1, ut = Function.call.bind(Object.prototype.hasOwnProperty)), ut;
 }
-var lt, Bt;
-function Ur() {
-  if (Bt) return lt;
-  Bt = 1;
+var ft, Vt;
+function Hr() {
+  if (Vt) return ft;
+  Vt = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = /* @__PURE__ */ Ct(), r = {}, n = /* @__PURE__ */ or();
+    var t = /* @__PURE__ */ xt(), r = {}, n = /* @__PURE__ */ lr();
     e = function(i) {
       var s = "Warning: " + i;
       typeof console < "u" && console.error(s);
@@ -269,13 +269,13 @@ function Ur() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, lt = o, lt;
+  }, ft = o, ft;
 }
-var ct, Dt;
-function Gr() {
-  if (Dt) return ct;
-  Dt = 1;
-  var e = /* @__PURE__ */ St(), t = zr(), r = /* @__PURE__ */ Ct(), n = /* @__PURE__ */ or(), o = /* @__PURE__ */ Ur(), i = function() {
+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;
@@ -288,7 +288,7 @@ function Gr() {
   function s() {
     return null;
   }
-  return ct = function(l, f) {
+  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]);
@@ -296,14 +296,14 @@ function Gr() {
         return C;
     }
     var m = "<<anonymous>>", S = {
-      array: O("array"),
-      bigint: O("bigint"),
-      bool: O("boolean"),
-      func: O("function"),
-      number: O("number"),
-      object: O("object"),
-      string: O("string"),
-      symbol: O("symbol"),
+      array: $("array"),
+      bigint: $("bigint"),
+      bool: $("boolean"),
+      func: $("function"),
+      number: $("number"),
+      object: $("object"),
+      string: $("string"),
+      symbol: $("symbol"),
       any: I(),
       arrayOf: J,
       element: x(),
@@ -325,34 +325,34 @@ function Gr() {
     c.prototype = Error.prototype;
     function v(g) {
       if (process.env.NODE_ENV !== "production")
-        var C = {}, R = 0;
-      function _(B, A, k, D, W, M, ie) {
-        if (D = D || m, M = M || k, ie !== r) {
+        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 + ":" + k;
+            var Te = D + ":" + R;
             !C[Te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            R < 3 && (i(
+            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, R++);
+            ), C[Te] = !0, k++);
           }
         }
-        return A[k] == null ? B ? A[k] === 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, k, D, W, M);
+        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 $ = _.bind(null, !1);
-      return $.isRequired = _.bind(null, !0), $;
+      var O = _.bind(null, !1);
+      return O.isRequired = _.bind(null, !0), O;
     }
-    function O(g) {
-      function C(R, _, $, B, A, k) {
-        var D = R[_], W = N(D);
+    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 `" + $ + "`, expected ") + ("`" + g + "`."),
+            "Invalid " + B + " `" + A + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
@@ -364,16 +364,16 @@ function Gr() {
       return v(s);
     }
     function J(g) {
-      function C(R, _, $, B, A) {
+      function C(k, _, O, B, A) {
         if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
-        var k = R[_];
-        if (!Array.isArray(k)) {
-          var D = N(k);
-          return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + $ + "`, expected an array."));
+          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 < k.length; W++) {
-          var M = g(k, W, $, B, A + "[" + W + "]", r);
+        for (var W = 0; W < R.length; W++) {
+          var M = g(R, W, O, B, A + "[" + W + "]", r);
           if (M instanceof Error)
             return M;
         }
@@ -382,32 +382,32 @@ function Gr() {
       return v(C);
     }
     function x() {
-      function g(C, R, _, $, B) {
-        var A = C[R];
+      function g(C, k, _, O, B) {
+        var A = C[k];
         if (!l(A)) {
-          var k = N(A);
-          return new c("Invalid " + $ + " `" + B + "` of type " + ("`" + k + "` supplied to `" + _ + "`, expected a single ReactElement."));
+          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, R, _, $, B) {
-        var A = C[R];
+      function g(C, k, _, O, B) {
+        var A = C[k];
         if (!e.isValidElementType(A)) {
-          var k = N(A);
-          return new c("Invalid " + $ + " `" + B + "` of type " + ("`" + k + "` supplied to `" + _ + "`, expected a single ReactElement type."));
+          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(R, _, $, B, A) {
-        if (!(R[_] instanceof g)) {
-          var k = g.name || m, D = xr(R[_]);
-          return new c("Invalid " + B + " `" + A + "` of type " + ("`" + D + "` supplied to `" + $ + "`, expected ") + ("instance of `" + k + "`."));
+      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;
       }
@@ -418,28 +418,28 @@ function Gr() {
         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(R, _, $, B, A) {
-        for (var k = R[_], D = 0; D < g.length; D++)
-          if (y(k, g[D]))
+      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(ie, re) {
+        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(k) + "` " + ("supplied to `" + $ + "`, expected one of " + W + "."));
+        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(R, _, $, B, A) {
+      function C(k, _, O, B, A) {
         if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
-        var k = R[_], D = N(k);
+          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 `" + $ + "`, expected an object."));
-        for (var W in k)
-          if (n(k, W)) {
-            var M = g(k, W, $, B, A + "." + W, r);
+          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;
           }
@@ -451,68 +451,68 @@ function Gr() {
       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 R = g[C];
-        if (typeof R != "function")
+        var k = g[C];
+        if (typeof k != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + de(R) + " at index " + C + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + fe(k) + " at index " + C + "."
           ), s;
       }
-      function _($, B, A, k, D) {
+      function _(O, B, A, R, D) {
         for (var W = [], M = 0; M < g.length; M++) {
-          var ie = g[M], re = ie($, B, A, k, D, r);
+          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 " + k + " `" + D + "` supplied to " + ("`" + A + "`" + Te + "."));
+        return new c("Invalid " + R + " `" + D + "` supplied to " + ("`" + A + "`" + Te + "."));
       }
       return v(_);
     }
     function te() {
-      function g(C, R, _, $, B) {
-        return b(C[R]) ? null : new c("Invalid " + $ + " `" + B + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
+      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, R, _, $) {
+    function X(g, C, k, _, O) {
       return new c(
-        (g || "React class") + ": " + C + " type `" + R + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+        (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(R, _, $, B, A) {
-        var k = R[_], D = N(k);
+      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 `" + $ + "`, expected `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($, B, A, W, ee(M));
-          var ie = M(k, W, $, B, A + "." + W, r);
-          if (ie)
-            return ie;
+            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(R, _, $, B, A) {
-        var k = R[_], D = N(k);
+      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 `" + $ + "`, expected `object`."));
-        var W = t({}, R[_], g);
+          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 ie = g[M];
-          if (n(g, M) && typeof ie != "function")
-            return X($, B, A, M, ee(ie));
-          if (!ie)
+          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 `" + $ + "`.\nBad object: " + JSON.stringify(R[_], null, "  ") + `
+              "Invalid " + B + " `" + A + "` key `" + M + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(k[_], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var re = ie(k, M, $, B, A + "." + M, r);
+          var re = oe(R, M, O, B, A + "." + M, r);
           if (re)
             return re;
         }
@@ -535,15 +535,15 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             return !0;
           var C = h(g);
           if (C) {
-            var R = C.call(g), _;
+            var k = C.call(g), _;
             if (C !== g.entries) {
-              for (; !(_ = R.next()).done; )
+              for (; !(_ = k.next()).done; )
                 if (!b(_.value))
                   return !1;
             } else
-              for (; !(_ = R.next()).done; ) {
-                var $ = _.value;
-                if ($ && !b($[1]))
+              for (; !(_ = k.next()).done; ) {
+                var O = _.value;
+                if (O && !b(O[1]))
                   return !1;
               }
           } else
@@ -572,7 +572,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
       }
       return C;
     }
-    function de(g) {
+    function fe(g) {
       var C = ee(g);
       switch (C) {
         case "array":
@@ -586,22 +586,22 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return C;
       }
     }
-    function xr(g) {
+    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;
-  }, ct;
+  }, dt;
 }
-var ut, Mt;
-function Yr() {
-  if (Mt) return ut;
-  Mt = 1;
-  var e = /* @__PURE__ */ Ct();
+var pt, Lt;
+function Xr() {
+  if (Lt) return pt;
+  Lt = 1;
+  var e = /* @__PURE__ */ xt();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, ut = function() {
+  return r.resetWarningCache = t, pt = function() {
     function n(s, l, f, d, p, h) {
       if (h !== e) {
         var m = new Error(
@@ -638,34 +638,34 @@ function Yr() {
       resetWarningCache: t
     };
     return i.PropTypes = i, i;
-  }, ut;
-}
-var jt;
-function qr() {
-  if (jt) return Me.exports;
-  if (jt = 1, process.env.NODE_ENV !== "production") {
-    var e = /* @__PURE__ */ St(), t = !0;
-    Me.exports = /* @__PURE__ */ Gr()(e.isElement, t);
+  }, 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
-    Me.exports = /* @__PURE__ */ Yr()();
-  return Me.exports;
+    Ve.exports = /* @__PURE__ */ Xr()();
+  return Ve.exports;
 }
-var Kr = /* @__PURE__ */ qr();
-const P = /* @__PURE__ */ $r(Kr);
-function ir(e) {
+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 = ir(e[t])) && (n && (n += " "), n += r);
+    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 ar() {
-  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = ir(e)) && (n && (n += " "), n += t);
+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 Hr(e, t, r = void 0) {
+function en(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const i = e[o];
@@ -678,40 +678,49 @@ function Hr(e, t, r = void 0) {
   }
   return n;
 }
-var Le = /* @__PURE__ */ St();
-function ue(e) {
+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) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Ue(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 sr(e) {
-  if (/* @__PURE__ */ me.isValidElement(e) || Le.isValidElementType(e) || !ue(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] = sr(e[r]);
+    t[r] = fr(e[r]);
   }), t;
 }
-function oe(e, t, r = {
+function ve(e, t, r = {
   clone: !0
 }) {
   const n = r.clone ? {
     ...e
   } : e;
-  return ue(e) && ue(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ me.isValidElement(t[o]) || Le.isValidElementType(t[o]) ? n[o] = t[o] : ue(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && ue(e[o]) ? n[o] = oe(e[o], t[o], r) : r.clone ? n[o] = ue(t[o]) ? sr(t[o]) : t[o] : n[o] = t[o];
+  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 Ie(e, t) {
-  return t ? oe(e, t, {
+function Ne(e, t) {
+  return t ? ve(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const ye = process.env.NODE_ENV !== "production" ? P.oneOfType([P.number, P.string, P.object, P.array]) : {};
-function Vt(e, t) {
+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) => {
@@ -725,21 +734,21 @@ function Vt(e, t) {
     ...t
   }) : t;
 }
-function Qr(e, t) {
+function tn(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function Xr(e, t) {
+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\`.` : he(18, `(${t})`));
+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 Jr(e) {
+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) => {
@@ -753,7 +762,7 @@ function Jr(e) {
     containerQueries: o
   };
 }
-const Ge = {
+const Ke = {
   xs: 0,
   // phone
   sm: 600,
@@ -764,32 +773,32 @@ const Ge = {
   // desktop
   xl: 1536
   // large screen
-}, Ft = {
+}, 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:${Ge[e]}px)`
-}, Zr = {
+  up: (e) => `@media (min-width:${Ke[e]}px)`
+}, on = {
   containerQueries: (e) => ({
     up: (t) => {
-      let r = typeof t == "number" ? t : Ge[t] || 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 fe(e, t, r) {
+function ue(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || Ft;
+    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 || Ft;
+    const i = n.breakpoints || Ut;
     return Object.keys(t).reduce((s, l) => {
-      if (Qr(i.keys, l)) {
-        const f = Xr(n.containerQueries ? n : Zr, 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 || Ge).includes(l)) {
+      } else if (Object.keys(i.values || Ke).includes(l)) {
         const f = i.up(l);
         s[f] = r(t[l], l);
       } else {
@@ -801,19 +810,19 @@ function fe(e, t, r) {
   }
   return r(t);
 }
-function en(e = {}) {
+function an(e = {}) {
   return e.keys?.reduce((r, n) => {
     const o = e.up(n);
     return r[o] = {}, r;
   }, {}) || {};
 }
-function Lt(e, t) {
+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 Ye(e, t, r = !0) {
+function He(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -823,9 +832,9 @@ function Ye(e, t, r = !0) {
   }
   return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function We(e, t, r, n = r) {
+function Ge(e, t, r, n = r) {
   let o;
-  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ye(e, r) || n, t && (o = t(o, n, e)), 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 {
@@ -836,48 +845,48 @@ function H(e) {
   } = e, i = (s) => {
     if (s[t] == null)
       return null;
-    const l = s[t], f = s.theme, d = Ye(f, n) || {};
-    return fe(s, l, (h) => {
-      let m = We(d, o, h);
-      return h === m && typeof h == "string" && (m = We(d, o, `${t}${h === "default" ? "" : Ce(h)}`, h)), r === !1 ? m : {
+    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]: ye
+    [t]: he
   } : {}, i.filterProps = [t], i;
 }
-function tn(e) {
+function sn(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const rn = {
+const ln = {
   m: "margin",
   p: "padding"
-}, nn = {
+}, cn = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Wt = {
+}, Yt = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, on = tn((e) => {
+}, un = sn((e) => {
   if (e.length > 2)
-    if (Wt[e])
-      e = Wt[e];
+    if (Yt[e])
+      e = Yt[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = rn[t], o = nn[r] || "";
+  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"], Ke = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], an = [...qe, ...Ke];
-function Be(e, t, r, n) {
-  const o = Ye(e, t, !0) ?? r;
+}), 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;
@@ -891,153 +900,153 @@ function Be(e, t, r, n) {
 `)), () => {
   });
 }
-function Tt(e) {
-  return Be(e, "spacing", 8, "spacing");
+function Ot(e) {
+  return Me(e, "spacing", 8, "spacing");
 }
-function De(e, t) {
+function je(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function sn(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = De(t, r), n), {});
+function dn(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = je(t, r), n), {});
 }
-function ln(e, t, r, n) {
+function pn(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = on(r), i = sn(o, n), s = e[r];
-  return fe(e, s, i);
+  const o = un(r), i = dn(o, n), s = e[r];
+  return ue(e, s, i);
 }
-function lr(e, t) {
-  const r = Tt(e.theme);
-  return Object.keys(e).map((n) => ln(e, t, n, r)).reduce(Ie, {});
+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 lr(e, qe);
+  return dr(e, Qe);
 }
-Y.propTypes = process.env.NODE_ENV !== "production" ? qe.reduce((e, t) => (e[t] = ye, e), {}) : {};
-Y.filterProps = qe;
+Y.propTypes = process.env.NODE_ENV !== "production" ? Qe.reduce((e, t) => (e[t] = he, e), {}) : {};
+Y.filterProps = Qe;
 function q(e) {
-  return lr(e, Ke);
+  return dr(e, Xe);
 }
-q.propTypes = process.env.NODE_ENV !== "production" ? Ke.reduce((e, t) => (e[t] = ye, e), {}) : {};
-q.filterProps = Ke;
-process.env.NODE_ENV !== "production" && an.reduce((e, t) => (e[t] = ye, e), {});
-function He(...e) {
+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] ? Ie(o, t[i](n)) : 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 ae(e) {
+function ie(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-function se(e, t) {
+function ae(e, t) {
   return H({
     prop: e,
     themeKey: "borders",
     transform: t
   });
 }
-const cn = se("border", ae), un = se("borderTop", ae), fn = se("borderRight", ae), dn = se("borderBottom", ae), pn = se("borderLeft", ae), mn = se("borderColor"), hn = se("borderTopColor"), gn = se("borderRightColor"), yn = se("borderBottomColor"), bn = se("borderLeftColor"), vn = se("outline", ae), Sn = se("outlineColor"), Qe = (e) => {
+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 = Be(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: De(t, n)
+    const t = Me(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: je(t, n)
     });
-    return fe(e, e.borderRadius, r);
+    return ue(e, e.borderRadius, r);
   }
   return null;
 };
-Qe.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: ye
+Ze.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: he
 } : {};
-Qe.filterProps = ["borderRadius"];
-He(cn, un, fn, dn, pn, mn, hn, gn, yn, bn, Qe, vn, Sn);
-const Xe = (e) => {
+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 = Be(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: De(t, n)
+    const t = Me(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: je(t, n)
     });
-    return fe(e, e.gap, r);
+    return ue(e, e.gap, r);
   }
   return null;
 };
-Xe.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: ye
+et.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: he
 } : {};
-Xe.filterProps = ["gap"];
-const Je = (e) => {
+et.filterProps = ["gap"];
+const tt = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = Be(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: De(t, n)
+    const t = Me(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: je(t, n)
     });
-    return fe(e, e.columnGap, r);
+    return ue(e, e.columnGap, r);
   }
   return null;
 };
-Je.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: ye
+tt.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: he
 } : {};
-Je.filterProps = ["columnGap"];
-const Ze = (e) => {
+tt.filterProps = ["columnGap"];
+const rt = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = Be(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: De(t, n)
+    const t = Me(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: je(t, n)
     });
-    return fe(e, e.rowGap, r);
+    return ue(e, e.rowGap, r);
   }
   return null;
 };
-Ze.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: ye
+rt.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: he
 } : {};
-Ze.filterProps = ["rowGap"];
-const Cn = H({
+rt.filterProps = ["rowGap"];
+const On = H({
   prop: "gridColumn"
-}), Tn = H({
+}), $n = H({
   prop: "gridRow"
-}), En = H({
+}), An = H({
   prop: "gridAutoFlow"
-}), xn = H({
+}), _n = H({
   prop: "gridAutoColumns"
-}), wn = H({
+}), Rn = H({
   prop: "gridAutoRows"
-}), $n = H({
+}), kn = H({
   prop: "gridTemplateColumns"
-}), On = H({
+}), Pn = H({
   prop: "gridTemplateRows"
-}), An = H({
+}), In = H({
   prop: "gridTemplateAreas"
-}), _n = H({
+}), Nn = H({
   prop: "gridArea"
 });
-He(Xe, Je, Ze, Cn, Tn, En, xn, wn, $n, On, An, _n);
+Je(et, tt, rt, On, $n, An, _n, Rn, kn, Pn, In, Nn);
 function Ae(e, t) {
   return t === "grey" ? t : e;
 }
-const kn = H({
+const Bn = H({
   prop: "color",
   themeKey: "palette",
   transform: Ae
-}), Rn = H({
+}), Dn = H({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Ae
-}), Pn = H({
+}), Mn = H({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Ae
 });
-He(kn, Rn, Pn);
+Je(Bn, Dn, Mn);
 function ne(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const In = H({
+const jn = H({
   prop: "width",
   transform: ne
-}), Et = (e) => {
+}), $t = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
-      const n = e.theme?.breakpoints?.values?.[r] || Ge[r];
+      const n = e.theme?.breakpoints?.values?.[r] || Ke[r];
       return n ? e.theme?.breakpoints?.unit !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
@@ -1046,21 +1055,21 @@ const In = H({
         maxWidth: ne(r)
       };
     };
-    return fe(e, e.maxWidth, t);
+    return ue(e, e.maxWidth, t);
   }
   return null;
 };
-Et.filterProps = ["maxWidth"];
-const Nn = H({
+$t.filterProps = ["maxWidth"];
+const Vn = H({
   prop: "minWidth",
   transform: ne
-}), Bn = H({
+}), Fn = H({
   prop: "height",
   transform: ne
-}), Dn = H({
+}), Ln = H({
   prop: "maxHeight",
   transform: ne
-}), Mn = H({
+}), Wn = H({
   prop: "minHeight",
   transform: ne
 });
@@ -1074,31 +1083,31 @@ H({
   cssProperty: "height",
   transform: ne
 });
-const jn = H({
+const zn = H({
   prop: "boxSizing"
 });
-He(In, Et, Nn, Bn, Dn, Mn, jn);
-const et = {
+Je(jn, $t, Vn, Fn, Ln, Wn, zn);
+const nt = {
   // borders
   border: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   borderTop: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   borderRight: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   borderBottom: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   borderLeft: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   borderColor: {
     themeKey: "palette"
@@ -1117,14 +1126,14 @@ const et = {
   },
   outline: {
     themeKey: "borders",
-    transform: ae
+    transform: ie
   },
   outlineColor: {
     themeKey: "palette"
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: Qe
+    style: Ze
   },
   // palette
   color: {
@@ -1291,13 +1300,13 @@ const et = {
   justifySelf: {},
   // grid
   gap: {
-    style: Xe
+    style: et
   },
   rowGap: {
-    style: Ze
+    style: rt
   },
   columnGap: {
-    style: Je
+    style: tt
   },
   gridColumn: {},
   gridRow: {},
@@ -1326,7 +1335,7 @@ const et = {
     transform: ne
   },
   maxWidth: {
-    style: Et
+    style: $t
   },
   minWidth: {
     transform: ne
@@ -1366,14 +1375,14 @@ const et = {
     themeKey: "typography"
   }
 };
-function Vn(...e) {
+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 Fn(e, t) {
+function Gn(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Ln() {
+function Yn() {
   function e(r, n, o, i) {
     const s = {
       [r]: n,
@@ -1395,10 +1404,10 @@ function Ln() {
       return {
         [r]: n
       };
-    const m = Ye(o, d) || {};
-    return h ? h(s) : fe(s, n, (y) => {
-      let c = We(m, p, y);
-      return y === c && typeof y == "string" && (c = We(m, p, `${r}${y === "default" ? "" : Ce(y)}`, y)), f === !1 ? c : {
+    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
       };
     });
@@ -1411,7 +1420,7 @@ function Ln() {
     } = r || {};
     if (!n)
       return null;
-    const s = o.unstable_sxConfig ?? et;
+    const s = o.unstable_sxConfig ?? nt;
     function l(f) {
       let d = f;
       if (typeof f == "function")
@@ -1420,39 +1429,39 @@ function Ln() {
         return f;
       if (!d)
         return null;
-      const p = en(o.breakpoints), h = Object.keys(p);
+      const p = an(o.breakpoints), h = Object.keys(p);
       let m = p;
       return Object.keys(d).forEach((S) => {
-        const y = Fn(d[S], o);
+        const y = Gn(d[S], o);
         if (y != null)
           if (typeof y == "object")
             if (s[S])
-              m = Ie(m, e(S, y, o, s));
+              m = Ne(m, e(S, y, o, s));
             else {
-              const c = fe({
+              const c = ue({
                 theme: o
               }, y, (v) => ({
                 [S]: v
               }));
-              Vn(c, y) ? m[S] = t({
+              Un(c, y) ? m[S] = t({
                 sx: y,
                 theme: o,
                 nested: !0
-              }) : m = Ie(m, c);
+              }) : m = Ne(m, c);
             }
           else
-            m = Ie(m, e(S, y, o, s));
+            m = Ne(m, e(S, y, o, s));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": Vt(o, Lt(h, m))
-      } : Vt(o, Lt(h, m));
+        "@layer sx": zt(o, Gt(h, m))
+      } : zt(o, Gt(h, m));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
   return t;
 }
-const _e = Ln();
-_e.filterProps = ["sx"];
-function Wn(e) {
+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: */
@@ -1471,7 +1480,7 @@ function Wn(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var zn = {
+var Kn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1521,24 +1530,24 @@ var zn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Un(e) {
+function Hn(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Gn = /[A-Z]|^ms/g, Yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, cr = function(t) {
+var Qn = /[A-Z]|^ms/g, Xn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pr = function(t) {
   return t.charCodeAt(1) === 45;
-}, zt = function(t) {
+}, qt = function(t) {
   return t != null && typeof t != "boolean";
-}, ft = /* @__PURE__ */ Un(function(e) {
-  return cr(e) ? e : e.replace(Gn, "-$&").toLowerCase();
-}), Ut = function(t, r) {
+}, 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(Yn, function(n, o, i) {
+        return r.replace(Xn, function(n, o, i) {
           return pe = {
             name: o,
             styles: i,
@@ -1546,9 +1555,9 @@ var Gn = /[A-Z]|^ms/g, Yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, cr = function(t) {
           }, o;
         });
   }
-  return zn[t] !== 1 && !cr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Kn[t] !== 1 && !pr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function ze(e, t, r) {
+function Ye(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -1578,32 +1587,32 @@ function ze(e, t, r) {
         var l = i.styles + ";";
         return l;
       }
-      return qn(e, t, r);
+      return Jn(e, t, r);
     }
   }
   var f = r;
   return f;
 }
-function qn(e, t, r) {
+function Jn(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
-      n += ze(e, t, r[o]) + ";";
+      n += Ye(e, t, r[o]) + ";";
   else
     for (var i in r) {
       var s = r[i];
       if (typeof s != "object") {
         var l = s;
-        zt(l) && (n += ft(i) + ":" + Ut(i, l) + ";");
+        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++)
-          zt(s[f]) && (n += ft(i) + ":" + Ut(i, s[f]) + ";");
+          qt(s[f]) && (n += mt(i) + ":" + Kt(i, s[f]) + ";");
       else {
-        var d = ze(e, t, s);
+        var d = Ye(e, t, s);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += ft(i) + ":" + d + ";";
+            n += mt(i) + ":" + d + ";";
             break;
           }
           default:
@@ -1613,50 +1622,50 @@ function qn(e, t, r) {
     }
   return n;
 }
-var Gt = /label:\s*([^\s;{]+)\s*(;|$)/g, pe;
-function Kn(e, t, r) {
+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 += ze(r, t, i);
+    n = !1, o += Ye(r, t, i);
   else {
     var s = i;
     o += s[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (o += ze(r, t, e[l]), n) {
+    if (o += Ye(r, t, e[l]), n) {
       var f = i;
       o += f[l];
     }
-  Gt.lastIndex = 0;
-  for (var d = "", p; (p = Gt.exec(o)) !== null; )
+  Ht.lastIndex = 0;
+  for (var d = "", p; (p = Ht.exec(o)) !== null; )
     d += "-" + p[1];
-  var h = Wn(o) + d;
+  var h = qn(o) + d;
   return {
     name: h,
     styles: o,
     next: pe
   };
 }
-function Hn(e, t) {
-  const r = Or(e, t);
+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 Qn(e, t) {
+function to(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const Yt = [];
+const Qt = [];
 function Se(e) {
-  return Yt[0] = e, Kn(Yt);
+  return Qt[0] = e, Zn(Qt);
 }
-const Xn = (e) => {
+const ro = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -1666,7 +1675,7 @@ const Xn = (e) => {
     [n.key]: n.val
   }), {});
 };
-function Jn(e) {
+function no(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1685,7 +1694,7 @@ function Jn(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, i = Xn(t), s = Object.keys(i);
+  } = e, i = ro(t), s = Object.keys(i);
   function l(m) {
     return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
   }
@@ -1715,10 +1724,10 @@ function Jn(e) {
     ...o
   };
 }
-const Zn = {
+const oo = {
   borderRadius: 4
 };
-function ur(e = 8, t = Tt({
+function mr(e = 8, t = Ot({
   spacing: e
 })) {
   if (e.mui)
@@ -1729,7 +1738,7 @@ function ur(e = 8, t = Tt({
   }).join(" "));
   return r.mui = !0, r;
 }
-function eo(e, t) {
+function io(e, t) {
   const r = this;
   if (r.vars) {
     if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
@@ -1741,15 +1750,15 @@ function eo(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function fr(e = {}, ...t) {
+function hr(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: i = {},
     ...s
-  } = e, l = Jn(r), f = ur(o);
-  let d = oe({
+  } = e, l = no(r), f = mr(o);
+  let d = ve({
     breakpoints: l,
     direction: "ltr",
     components: {},
@@ -1760,69 +1769,45 @@ function fr(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...Zn,
+      ...oo,
       ...i
     }
   }, s);
-  return d = Jr(d), d.applyStyles = eo, d = t.reduce((p, h) => oe(p, h), d), d.unstable_sxConfig = {
-    ...et,
+  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 _e({
+    return Re({
       sx: h,
       theme: this
     });
   }, d;
 }
-const to = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function xt(e, t, r = "Mui") {
-  const n = to[t];
-  return n ? `${r}-${n}` : `${Fr.generate(e)}-${t}`;
-}
-function ro(e, t, r = "Mui") {
-  const n = {};
-  return t.forEach((o) => {
-    n[o] = xt(e, o, r);
-  }), n;
-}
-function dr(e, t = "") {
+function gr(e, t = "") {
   return e.displayName || e.name || t;
 }
-function qt(e, t, r) {
-  const n = dr(t);
+function Xt(e, t, r) {
+  const n = gr(t);
   return e.displayName || (n !== "" ? `${r}(${n})` : r);
 }
-function no(e) {
+function ao(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return dr(e, "Component");
+      return gr(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case Le.ForwardRef:
-          return qt(e, e.render, "ForwardRef");
-        case Le.Memo:
-          return qt(e, e.type, "memo");
+        case _e.ForwardRef:
+          return Xt(e, e.render, "ForwardRef");
+        case _e.Memo:
+          return Xt(e, e.type, "memo");
         default:
           return;
       }
   }
 }
-function pr(e) {
+function yr(e) {
   const {
     variants: t,
     ...r
@@ -1835,39 +1820,39 @@ function pr(e) {
     typeof o.style != "function" && (o.style = Se(o.style));
   }), n;
 }
-const oo = fr();
-function dt(e) {
+const so = hr();
+function ht(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function ve(e, t) {
+function be(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function io(e) {
+function lo(e) {
   return e ? (t, r) => r[e] : null;
 }
-function ao(e, t, r) {
-  e.theme = uo(e.theme) ? r : e.theme[t] || e.theme;
+function co(e, t, r) {
+  e.theme = mo(e.theme) ? r : e.theme[t] || e.theme;
 }
-function Fe(e, t, r) {
+function We(e, t, r) {
   const n = typeof t == "function" ? t(e) : t;
   if (Array.isArray(n))
-    return n.flatMap((o) => Fe(e, o, r));
+    return n.flatMap((o) => We(e, o, r));
   if (Array.isArray(n?.variants)) {
     let o;
     if (n.isProcessed)
-      o = r ? ve(n.style, r) : n.style;
+      o = r ? be(n.style, r) : n.style;
     else {
       const {
         variants: i,
         ...s
       } = n;
-      o = r ? ve(Se(s), r) : s;
+      o = r ? be(Se(s), r) : s;
     }
-    return mr(e, n.variants, [o], r);
+    return br(e, n.variants, [o], r);
   }
-  return n?.isProcessed ? r ? ve(Se(n.style), r) : n.style : r ? ve(Se(n), r) : n;
+  return n?.isProcessed ? r ? be(Se(n.style), r) : n.style : r ? be(Se(n), r) : n;
 }
-function mr(e, t, r = [], n = void 0) {
+function br(e, t, r = [], n = void 0) {
   let o;
   e: for (let i = 0; i < t.length; i += 1) {
     const s = t[i];
@@ -1886,22 +1871,22 @@ function mr(e, t, r = [], n = void 0) {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }, r.push(n ? ve(Se(s.style(o)), n) : s.style(o))) : r.push(n ? ve(Se(s.style), n) : s.style);
+    }, r.push(n ? be(Se(s.style(o)), n) : s.style(o))) : r.push(n ? be(Se(s.style), n) : s.style);
   }
   return r;
 }
-function so(e = {}) {
+function uo(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = oo,
-    rootShouldForwardProp: n = dt,
-    slotShouldForwardProp: o = dt
+    defaultTheme: r = so,
+    rootShouldForwardProp: n = ht,
+    slotShouldForwardProp: o = ht
   } = e;
   function i(l) {
-    ao(l, t, r);
+    co(l, t, r);
   }
   return (l, f = {}) => {
-    Qn(l, (E) => E.filter((G) => G !== _e));
+    to(l, (E) => E.filter((G) => G !== Re));
     const {
       name: d,
       slot: p,
@@ -1909,30 +1894,30 @@ function so(e = {}) {
       skipSx: m,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: S = io(hr(p)),
+      overridesResolver: S = lo(vr(p)),
       ...y
     } = f, c = d && d.startsWith("Mui") || p ? "components" : "custom", v = h !== void 0 ? h : (
       // 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
-    ), O = m || !1;
-    let I = dt;
-    p === "Root" || p === "root" ? I = n : p ? I = o : fo(l) && (I = void 0);
-    const J = Hn(l, {
+    ), $ = 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: co(d, p),
+      label: po(d, p),
       ...y
     }), x = (E) => {
       if (E.__emotion_real === E)
         return E;
       if (typeof E == "function")
         return function(Z) {
-          return Fe(Z, E, Z.theme.modularCssLayers ? c : void 0);
+          return We(Z, E, Z.theme.modularCssLayers ? c : void 0);
         };
-      if (ue(E)) {
-        const G = pr(E);
+      if (ye(E)) {
+        const G = yr(E);
         return function(U) {
-          return G.variants ? Fe(U, G, U.theme.modularCssLayers ? c : void 0) : U.theme.modularCssLayers ? ve(G.style, c) : G.style;
+          return G.variants ? We(U, G, U.theme.modularCssLayers ? c : void 0) : U.theme.modularCssLayers ? be(G.style, c) : G.style;
         };
       }
       return E;
@@ -1944,44 +1929,44 @@ function so(e = {}) {
           return null;
         const N = {};
         for (const ee in w)
-          N[ee] = Fe(T, w[ee], T.theme.modularCssLayers ? "theme" : void 0);
+          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 ? mr(T, w, [], T.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), O || U.push(_e), Array.isArray(Z[0])) {
+        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 te = [...G, ...Z, ...U], X = J(...te);
-      return l.muiName && (X.muiName = l.muiName), process.env.NODE_ENV !== "production" && (X.displayName = lo(d, p, l)), X;
+      return l.muiName && (X.muiName = l.muiName), process.env.NODE_ENV !== "production" && (X.displayName = fo(d, p, l)), X;
     };
     return J.withConfig && (Q.withConfig = J.withConfig), Q;
   };
 }
-function lo(e, t, r) {
-  return e ? `${e}${Ce(t || "")}` : `Styled(${no(r)})`;
+function fo(e, t, r) {
+  return e ? `${e}${wt(t || "")}` : `Styled(${ao(r)})`;
 }
-function co(e, t) {
+function po(e, t) {
   let r;
-  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${hr(t || "Root")}`), r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${vr(t || "Root")}`), r;
 }
-function uo(e) {
+function mo(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function fo(e) {
+function ho(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 hr(e) {
+function vr(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function gt(e, t, r = !1) {
+function vt(e, t, r = !1) {
   const n = {
     ...t
   };
@@ -2006,42 +1991,42 @@ function gt(e, t, r = !1) {
           for (const f in s)
             if (Object.prototype.hasOwnProperty.call(s, f)) {
               const d = f;
-              n[i][d] = gt(s[d], l[d], r);
+              n[i][d] = vt(s[d], l[d], r);
             }
         }
-      } else i === "className" && r && t.className ? n.className = ar(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
+      } else i === "className" && r && t.className ? n.className = ur(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
         ...e?.style,
         ...t?.style
       } : n[i] === void 0 && (n[i] = e[i]);
     }
   return n;
 }
-function po(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function go(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function wt(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}].`), po(e, t, 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 mo(e) {
+function yo(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(", ")})` : "";
 }
-function ge(e) {
+function me(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return ge(mo(e));
+    return me(yo(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().` : he(9, e));
+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;
   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.` : he(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Ue(10, o));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -2050,17 +2035,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const ho = (e) => {
-  const t = ge(e);
+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(" ");
-}, Re = (e, t) => {
+}, Pe = (e, t) => {
   try {
-    return ho(e);
+    return bo(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function tt(e) {
+function ot(e) {
   const {
     type: t,
     colorSpace: r
@@ -2070,54 +2055,54 @@ function tt(e) {
   } = 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})`;
 }
-function gr(e) {
-  e = ge(e);
+function Sr(e) {
+  e = me(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])), tt({
+  return e.type === "hsla" && (l += "a", f.push(t[3])), ot({
     type: l,
     values: f
   });
 }
-function yt(e) {
-  e = ge(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? ge(gr(e)).values : e.values;
+function St(e) {
+  e = me(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? me(Sr(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 Kt(e, t) {
-  const r = yt(e), n = yt(t);
+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 yr(e, t) {
-  return e = ge(e), t = wt(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, tt(e);
+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 be(e, t, r) {
+function ge(e, t, r) {
   try {
-    return yr(e, t);
+    return Cr(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function rt(e, t) {
-  if (e = ge(e), t = wt(t), e.type.includes("hsl"))
+function it(e, t) {
+  if (e = me(e), t = At(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 tt(e);
+  return ot(e);
 }
 function j(e, t, r) {
   try {
-    return rt(e, t);
+    return it(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function nt(e, t) {
-  if (e = ge(e), t = wt(t), e.type.includes("hsl"))
+function at(e, t) {
+  if (e = me(e), t = At(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)
@@ -2125,28 +2110,28 @@ function nt(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 tt(e);
+  return ot(e);
 }
 function V(e, t, r) {
   try {
-    return nt(e, t);
+    return at(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function go(e, t = 0.15) {
-  return yt(e) > 0.5 ? rt(e, t) : nt(e, t);
+function vo(e, t = 0.15) {
+  return St(e) > 0.5 ? it(e, t) : at(e, t);
 }
-function Ve(e, t, r) {
+function Le(e, t, r) {
   try {
-    return go(e, t);
+    return vo(e, t);
   } catch {
     return e;
   }
 }
-const yo = /* @__PURE__ */ me.createContext(void 0);
+const So = /* @__PURE__ */ le.createContext(void 0);
 process.env.NODE_ENV !== "production" && (P.node, P.object);
-function bo(e) {
+function Co(e) {
   const {
     theme: t,
     name: r,
@@ -2155,14 +2140,14 @@ function bo(e) {
   if (!t || !t.components || !t.components[r])
     return n;
   const o = t.components[r];
-  return o.defaultProps ? gt(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? gt(o, n, t.components.mergeClassNameAndStyle) : n;
+  return o.defaultProps ? vt(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? vt(o, n, t.components.mergeClassNameAndStyle) : n;
 }
-function vo({
+function To({
   props: e,
   name: t
 }) {
-  const r = me.useContext(yo);
-  return bo({
+  const r = le.useContext(So);
+  return Co({
     props: e,
     name: t,
     theme: {
@@ -2170,17 +2155,17 @@ function vo({
     }
   });
 }
-const Ht = {
+const Zt = {
   theme: void 0
 };
-function So(e) {
+function Eo(e) {
   let t, r;
   return function(o) {
     let i = t;
-    return (i === void 0 || o.theme !== r) && (Ht.theme = o.theme, i = pr(e(Ht)), t = i, r = o.theme), i;
+    return (i === void 0 || o.theme !== r) && (Zt.theme = o.theme, i = yr(e(Zt)), t = i, r = o.theme), i;
   };
 }
-function Co(e = "") {
+function xo(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -2189,32 +2174,32 @@ function Co(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
 }
-const Qt = (e, t, r, n = []) => {
+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]);
   });
-}, To = (e, t, r) => {
+}, 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));
     });
   }
   n(e);
-}, Eo = (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 pt(e, t) {
+}, 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) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, o = {}, i = {}, s = {};
-  return To(
+  return wo(
     e,
     (l, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
-        const p = `--${r ? `${r}-` : ""}${l.join("-")}`, h = Eo(l, f);
+        const p = `--${r ? `${r}-` : ""}${l.join("-")}`, h = Oo(l, f);
         Object.assign(o, {
           [p]: h
-        }), Qt(i, l, `var(${p})`, d), Qt(s, l, `var(${p}, ${h})`, d);
+        }), er(i, l, `var(${p})`, d), er(s, l, `var(${p}, ${h})`, d);
       }
     },
     (l) => l[0] === "vars"
@@ -2225,9 +2210,9 @@ function pt(e, t) {
     varsWithDefaults: s
   };
 }
-function xo(e, t = {}) {
+function $o(e, t = {}) {
   const {
-    getSelector: r = O,
+    getSelector: r = $,
     disableCssColorScheme: n,
     colorSchemeSelector: o,
     enableContrastVars: i
@@ -2240,7 +2225,7 @@ function xo(e, t = {}) {
     vars: p,
     css: h,
     varsWithDefaults: m
-  } = pt(d, t);
+  } = gt(d, t);
   let S = m;
   const y = {}, {
     [f]: c,
@@ -2251,8 +2236,8 @@ function xo(e, t = {}) {
       vars: E,
       css: G,
       varsWithDefaults: Z
-    } = pt(Q, t);
-    S = oe(S, Z), y[x] = {
+    } = gt(Q, t);
+    S = ve(S, Z), y[x] = {
       css: G,
       vars: E
     };
@@ -2261,13 +2246,13 @@ function xo(e, t = {}) {
       css: x,
       vars: Q,
       varsWithDefaults: E
-    } = pt(c, t);
-    S = oe(S, E), y[f] = {
+    } = gt(c, t);
+    S = ve(S, E), y[f] = {
       css: x,
       vars: Q
     };
   }
-  function O(x, Q) {
+  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")
@@ -2290,7 +2275,7 @@ function xo(e, t = {}) {
       return Object.entries(y).forEach(([, {
         vars: Q
       }]) => {
-        x = oe(x, Q);
+        x = ve(x, Q);
       }), x;
     },
     generateStyleSheets: () => {
@@ -2346,15 +2331,40 @@ function xo(e, t = {}) {
     }
   };
 }
-function wo(e) {
+function Ao(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)} &` : "&";
   };
 }
-const Ne = {
+function de(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))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = Tr(e[r]);
+  }), t;
+}
+function Ce(e, t, r = {
+  clone: !0
+}) {
+  const n = 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;
+}
+const De = {
   black: "#000",
   white: "#fff"
-}, $o = {
+}, _o = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2394,13 +2404,13 @@ const Ne = {
   400: "#42a5f5",
   700: "#1976d2",
   800: "#1565c0"
-}, $e = {
+}, Oe = {
   300: "#4fc3f7",
   400: "#29b6f6",
   500: "#03a9f4",
   700: "#0288d1",
   900: "#01579b"
-}, Oe = {
+}, $e = {
   300: "#81c784",
   400: "#66bb6a",
   500: "#4caf50",
@@ -2408,7 +2418,7 @@ const Ne = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function br() {
+function Er() {
   return {
     // The colors used to style the text.
     text: {
@@ -2424,8 +2434,8 @@ function br() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: Ne.white,
-      default: Ne.white
+      paper: De.white,
+      default: De.white
     },
     // The colors used to style the action elements.
     action: {
@@ -2448,11 +2458,11 @@ function br() {
     }
   };
 }
-const vr = br();
-function Sr() {
+const xr = Er();
+function wr() {
   return {
     text: {
-      primary: Ne.white,
+      primary: De.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -2463,7 +2473,7 @@ function Sr() {
       default: "#121212"
     },
     action: {
-      active: Ne.white,
+      active: De.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -2477,16 +2487,16 @@ function Sr() {
     }
   };
 }
-const bt = Sr();
-function Xt(e, t, r, n) {
+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 = nt(e.main, o) : t === "dark" && (e.dark = rt(e.main, i)));
+  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 Jt(e, t, r, n, o) {
+function rr(e, t, r, n, 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)}%)`));
 }
-function Oo(e = "light") {
+function Ro(e = "light") {
   return e === "dark" ? {
     main: we[200],
     light: we[50],
@@ -2497,7 +2507,7 @@ function Oo(e = "light") {
     dark: we[800]
   };
 }
-function Ao(e = "light") {
+function ko(e = "light") {
   return e === "dark" ? {
     main: Ee[200],
     light: Ee[50],
@@ -2508,7 +2518,7 @@ function Ao(e = "light") {
     dark: Ee[700]
   };
 }
-function _o(e = "light") {
+function Po(e = "light") {
   return e === "dark" ? {
     main: xe[500],
     light: xe[300],
@@ -2519,29 +2529,29 @@ function _o(e = "light") {
     dark: xe[800]
   };
 }
-function ko(e = "light") {
-  return e === "dark" ? {
-    main: $e[400],
-    light: $e[300],
-    dark: $e[700]
-  } : {
-    main: $e[700],
-    light: $e[500],
-    dark: $e[900]
-  };
-}
-function Ro(e = "light") {
+function Io(e = "light") {
   return e === "dark" ? {
     main: Oe[400],
     light: Oe[300],
     dark: Oe[700]
   } : {
-    main: Oe[800],
+    main: Oe[700],
     light: Oe[500],
     dark: Oe[900]
   };
 }
-function Po(e = "light") {
+function No(e = "light") {
+  return e === "dark" ? {
+    main: $e[400],
+    light: $e[300],
+    dark: $e[700]
+  } : {
+    main: $e[800],
+    light: $e[500],
+    dark: $e[900]
+  };
+}
+function Bo(e = "light") {
   return e === "dark" ? {
     main: ke[400],
     light: ke[300],
@@ -2553,31 +2563,31 @@ function Po(e = "light") {
     dark: ke[900]
   };
 }
-function Io(e) {
+function Do(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
-function $t(e) {
+function _t(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     colorSpace: o,
     ...i
-  } = e, s = e.primary || Oo(t), l = e.secondary || Ao(t), f = e.error || _o(t), d = e.info || ko(t), p = e.success || Ro(t), h = e.warning || Po(t);
+  } = 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 Io(v);
-    const O = Kt(v, bt.text.primary) >= r ? bt.text.primary : vr.text.primary;
+      return Do(v);
+    const $ = Jt(v, Ct.text.primary) >= r ? Ct.text.primary : xr.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const I = Kt(v, O);
-      I < 3 && console.error([`MUI: The contrast ratio of ${I}:1 for ${O} 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 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(`
 `));
     }
-    return O;
+    return $;
   }
   const S = ({
     color: v,
-    name: O,
+    name: $,
     mainShade: I = 500,
     lightShade: J = 300,
     darkShade: x = 700
@@ -2585,10 +2595,10 @@ function $t(e) {
     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${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${I}\` property.` : he(11, O ? ` (${O})` : "", I));
+      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${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+      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.
 
 Did you intend to use one of the following approaches?
@@ -2601,14 +2611,14 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : he(12, O ? ` (${O})` : "", JSON.stringify(v.main)));
-    return o ? (Jt(o, v, "light", J, n), Jt(o, v, "dark", x, n)) : (Xt(v, "light", J, n), Xt(v, "dark", x, n)), v.contrastText || (v.contrastText = m(v.main)), v;
+} });` : 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;
   };
   let y;
-  return t === "light" ? y = br() : t === "dark" && (y = Sr()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), oe({
+  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({
     // A collection of common colors.
     common: {
-      ...Ne
+      ...De
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -2647,7 +2657,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: $o,
+    grey: _o,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
@@ -2663,14 +2673,32 @@ const theme2 = createTheme({ palette: {
     ...y
   }, i);
 }
-function No(e) {
+function Mo(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 || ""}`);
   }), t;
 }
-function Bo(e, t) {
+const jo = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Rt(e, t, r = "Mui") {
+  const n = jo[t];
+  return n ? `${r}-${n}` : `${Gr.generate(e)}-${t}`;
+}
+function Vo(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2686,15 +2714,15 @@ function Bo(e, t) {
     ...t
   };
 }
-function Do(e) {
+function Fo(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const Zt = {
+const nr = {
   textTransform: "uppercase"
-}, er = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Mo(e, t) {
+}, or = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Lo(e, t) {
   const {
-    fontFamily: r = er,
+    fontFamily: r = or,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -2711,16 +2739,16 @@ function Mo(e, t) {
     ...h
   } = 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, O, I, J, x) => ({
+  const m = n / 14, S = p || ((v) => `${v / f * m}rem`), y = (v, $, I, J, x) => ({
     fontFamily: r,
     fontWeight: v,
-    fontSize: S(O),
+    fontSize: S($),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: I,
     // 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 === er ? {
-      letterSpacing: `${Do(J / O)}em`
+    ...r === or ? {
+      letterSpacing: `${Fo(J / $)}em`
     } : {},
     ...x,
     ...d
@@ -2735,9 +2763,9 @@ function Mo(e, t) {
     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, Zt),
+    button: y(s, 14, 1.75, 0.4, nr),
     caption: y(i, 12, 1.66, 0.4),
-    overline: y(i, 12, 2.66, 1, Zt),
+    overline: y(i, 12, 2.66, 1, nr),
     // 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",
@@ -2747,7 +2775,7 @@ function Mo(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return oe({
+  return Ce({
     htmlFontSize: f,
     pxToRem: S,
     fontFamily: r,
@@ -2762,11 +2790,11 @@ function Mo(e, t) {
     // No need to clone deep
   });
 }
-const jo = 0.2, Vo = 0.14, Fo = 0.12;
+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,${jo})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Vo})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Fo})`].join(",");
+  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 Lo = ["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)], Wo = {
+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 = {
   // 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
@@ -2776,7 +2804,7 @@ const Lo = ["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)"
-}, zo = {
+}, qo = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2789,25 +2817,25 @@ const Lo = ["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 tr(e) {
+function ir(e) {
   return `${Math.round(e)}ms`;
 }
-function Uo(e) {
+function Ko(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Go(e) {
+function Ho(e) {
   const t = {
-    ...Wo,
+    ...Yo,
     ...e.easing
   }, r = {
-    ...zo,
+    ...qo,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Uo,
+    getAutoHeightDuration: Ko,
     create: (o = ["all"], i = {}) => {
       const {
         duration: s = r.standard,
@@ -2820,14 +2848,14 @@ function Go(e) {
         !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(`
 `)), 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 : tr(s)} ${l} ${typeof f == "string" ? f : tr(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof s == "string" ? s : ir(s)} ${l} ${typeof f == "string" ? f : ir(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const Yo = {
+const Qo = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2837,10 +2865,10 @@ const Yo = {
   snackbar: 1400,
   tooltip: 1500
 };
-function qo(e) {
-  return ue(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+function Xo(e) {
+  return de(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function Cr(e = {}) {
+function Or(e = {}) {
   const t = {
     ...e
   };
@@ -2848,7 +2876,7 @@ function Cr(e = {}) {
     const o = Object.entries(n);
     for (let i = 0; i < o.length; i++) {
       const [s, l] = o[i];
-      !qo(l) || s.startsWith("unstable_") ? delete n[s] : ue(l) && (n[s] = {
+      !Xo(l) || s.startsWith("unstable_") ? delete n[s] : de(l) && (n[s] = {
         ...l
       }, r(n[s]));
     }
@@ -2862,10 +2890,10 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function rr(e) {
+function ar(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const Ko = (e) => {
+const Jo = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const t = e.match(/\d*\.?\d+/g);
@@ -2876,23 +2904,23 @@ const Ko = (e) => {
     r += +t[n];
   return r;
 };
-function Ho(e) {
+function Zo(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})` : yr(t, Ko(r));
+      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));
     },
     lighten(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${rr(r)})` : nt(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${ar(r)})` : at(t, r);
     },
     darken(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${rr(r)})` : rt(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${ar(r)})` : it(t, r);
     }
   });
 }
-function vt(e = {}, ...t) {
+function Tt(e = {}, ...t) {
   const {
     breakpoints: r,
     mixins: n = {},
@@ -2907,31 +2935,31 @@ function vt(e = {}, ...t) {
   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." : he(20));
-  const h = $t({
+    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,
     colorSpace: d
-  }), m = fr(e);
-  let S = oe(m, {
-    mixins: Bo(m.breakpoints, n),
+  }), m = hr(e);
+  let S = Ce(m, {
+    mixins: Vo(m.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Lo.slice(),
-    typography: Mo(h, l),
-    transitions: Go(s),
+    shadows: Go.slice(),
+    typography: Lo(h, l),
+    transitions: Ho(s),
     zIndex: {
-      ...Yo
+      ...Qo
     }
   });
-  if (S = oe(S, p), S = t.reduce((y, c) => oe(y, c), S), process.env.NODE_ENV !== "production") {
-    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (v, O) => {
+  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 (process.env.NODE_ENV !== "production") {
-            const x = xt("", I);
-            console.error([`MUI: The \`${O}\` 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 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({
               root: {
                 [`&.${x}`]: J
               }
@@ -2943,31 +2971,31 @@ function vt(e = {}, ...t) {
       }
     };
     Object.keys(S.components).forEach((v) => {
-      const O = S.components[v].styleOverrides;
-      O && v.startsWith("Mui") && c(O, v);
+      const $ = S.components[v].styleOverrides;
+      $ && v.startsWith("Mui") && c($, v);
     });
   }
   return S.unstable_sxConfig = {
-    ...et,
+    ...nt,
     ...p?.unstable_sxConfig
   }, S.unstable_sx = function(c) {
-    return _e({
+    return Re({
       sx: c,
       theme: this
     });
-  }, S.toRuntimeSource = Cr, Ho(S), S;
+  }, S.toRuntimeSource = Or, Zo(S), S;
 }
-function Qo(e) {
+function ei(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 Xo = [...Array(25)].map((e, t) => {
+const ti = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = Qo(t);
+  const r = ei(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function Tr(e) {
+function $r(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -2975,10 +3003,10 @@ function Tr(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function Er(e) {
-  return e === "dark" ? Xo : [];
+function Ar(e) {
+  return e === "dark" ? ti : [];
 }
-function Jo(e) {
+function ri(e) {
   const {
     palette: t = {
       mode: "light"
@@ -2988,31 +3016,31 @@ function Jo(e) {
     overlays: n,
     colorSpace: o,
     ...i
-  } = e, s = $t({
+  } = e, s = _t({
     ...t,
     colorSpace: o
   });
   return {
     palette: s,
     opacity: {
-      ...Tr(s.mode),
+      ...$r(s.mode),
       ...r
     },
-    overlays: n || Er(s.mode),
+    overlays: n || Ar(s.mode),
     ...i
   };
 }
-function Zo(e) {
+function ni(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 ei = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ti = (e) => (t, r) => {
+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) {
     if (t === "dark") {
       const s = {};
-      return ei(e.cssVarPrefix).forEach((l) => {
+      return oi(e.cssVarPrefix).forEach((l) => {
         s[l] = r[l], delete r[l];
       }), i === "media" ? {
         [n]: r,
@@ -3043,7 +3071,7 @@ const ei = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function ri(e, t) {
+function ai(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -3051,29 +3079,29 @@ function ri(e, t) {
 function u(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function Pe(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : gr(e);
+function Ie(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Sr(e);
 }
 function ce(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = Re(Pe(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().
+  `${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().
 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 ni(e) {
+function si(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const le = (e) => {
+const se = (e) => {
   try {
     return e();
   } catch {
   }
-}, oi = (e = "mui") => Co(e);
-function mt(e, t, r, n, o) {
+}, li = (e = "mui") => xo(e);
+function yt(e, t, r, n, o) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
   const i = o === "dark" ? "dark" : "light";
   if (!n) {
-    t[o] = Jo({
+    t[o] = ri({
       ...r,
       palette: {
         mode: i,
@@ -3086,7 +3114,7 @@ function mt(e, t, r, n, o) {
   const {
     palette: s,
     ...l
-  } = vt({
+  } = Tt({
     ...n,
     palette: {
       mode: i,
@@ -3098,13 +3126,13 @@ function mt(e, t, r, n, o) {
     ...r,
     palette: s,
     opacity: {
-      ...Tr(i),
+      ...$r(i),
       ...r?.opacity
     },
-    overlays: r?.overlays || Er(i)
+    overlays: r?.overlays || Ar(i)
   }, l;
 }
-function ii(e = {}, ...t) {
+function ci(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -3113,25 +3141,25 @@ function ii(e = {}, ...t) {
     disableCssColorScheme: o = !1,
     cssVarPrefix: i = "mui",
     nativeColor: s = !1,
-    shouldSkipGeneratingVar: l = Zo,
+    shouldSkipGeneratingVar: l = ni,
     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 = oi(i), {
+  } = e, h = Object.keys(r)[0], m = n || (r.light && h !== "light" ? "light" : h), S = li(i), {
     [m]: y,
     light: c,
     dark: v,
-    ...O
+    ...$
   } = r, I = {
-    ...O
+    ...$
   };
   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.` : he(21, m));
+    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 = mt(x, I, J, p, m);
-  c && !I.light && mt(x, I, c, void 0, "light"), v && !I.dark && mt(x, I, v, void 0, "dark");
+  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,
@@ -3141,75 +3169,75 @@ function ii(e = {}, ...t) {
     getCssVar: S,
     colorSchemes: I,
     font: {
-      ...No(Q.typography),
+      ...Mo(Q.typography),
       ...Q.font
     },
-    spacing: ni(p.spacing)
+    spacing: si(p.spacing)
   };
   Object.keys(E.colorSchemes).forEach((X) => {
     const a = E.colorSchemes[X].palette, T = (w) => {
-      const N = w.split("-"), ee = N[1], de = N[2];
-      return S(w, a[ee][de]);
+      const N = w.split("-"), ee = N[1], fe = N[2];
+      return S(w, a[ee][fe]);
     };
     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 de;
-        return w === be && (de = `transparent ${((1 - ee) * 100).toFixed(0)}%`), w === j && (de = `#000 ${(ee * 100).toFixed(0)}%`), w === V && (de = `#fff ${(ee * 100).toFixed(0)}%`), `color-mix(in ${x}, ${N}, ${de})`;
+        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})`;
       }
       return w(N, ee);
     }
-    if (ri(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", le(() => a.getContrastText(a.error.main))), u(a.Alert, "infoFilledColor", le(() => a.getContrastText(a.info.main))), u(a.Alert, "successFilledColor", le(() => a.getContrastText(a.success.main))), u(a.Alert, "warningFilledColor", le(() => 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(be, 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) : Ve(a.background.default, 0.8);
-      u(a.SnackbarContent, "bg", w), u(a.SnackbarContent, "color", le(() => x ? bt.text.primary : a.getContrastText(w))), u(a.SpeedDialAction, "fabHoverBg", Ve(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(be, a.divider, 1), 0.88)), u(a.Tooltip, "bg", b(be, a.grey[700], 0.92));
+    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 (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", le(() => a.getContrastText(a.error.dark))), u(a.Alert, "infoFilledColor", le(() => a.getContrastText(a.info.dark))), u(a.Alert, "successFilledColor", le(() => a.getContrastText(a.success.dark))), u(a.Alert, "warningFilledColor", le(() => 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(be, 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) : Ve(a.background.default, 0.98);
-      u(a.SnackbarContent, "bg", w), u(a.SnackbarContent, "color", le(() => x ? vr.text.primary : a.getContrastText(w))), u(a.SpeedDialAction, "fabHoverBg", Ve(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(be, a.divider, 1), 0.68)), u(a.Tooltip, "bg", b(be, a.grey[700], 0.92));
+      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));
     }
     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", Re(Pe(N.main))), N.light && u(a[w], "lightChannel", Re(Pe(N.light))), N.dark && u(a[w], "darkChannel", Re(Pe(N.dark))), N.contrastText && u(a[w], "contrastTextChannel", Re(Pe(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")));
+      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")));
     });
-  }), E = t.reduce((X, a) => oe(X, a), E);
+  }), E = t.reduce((X, a) => Ce(X, a), E);
   const G = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
-    getSelector: ti(E),
+    getSelector: ii(E),
     enableContrastVars: s
   }, {
     vars: Z,
     generateThemeVars: U,
     generateStyleSheets: te
-  } = xo(E, G);
+  } = $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 ur(p.spacing, Tt(this));
-  }, E.getColorSchemeSelector = wo(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = l, E.unstable_sxConfig = {
-    ...et,
+    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 _e({
+    return Re({
       sx: a,
       theme: this
     });
-  }, E.toRuntimeSource = Cr, E;
+  }, E.toRuntimeSource = Or, E;
 }
-function nr(e, t, r) {
+function sr(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: $t({
+    palette: _t({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function ai(e = {}, ...t) {
+function ui(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -3229,66 +3257,72 @@ function ai(e = {}, ...t) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return vt(e, ...t);
+      return Tt(e, ...t);
     let p = r;
     "palette" in e || d[l] && (d[l] !== !0 ? p = d[l].palette : l === "dark" && (p = {
       mode: "dark"
     }));
-    const h = vt({
+    const h = Tt({
       ...e,
       palette: p
     }, ...t);
     return h.defaultColorScheme = l, h.colorSchemes = d, h.palette.mode === "light" && (h.colorSchemes.light = {
       ...d.light !== !0 && d.light,
       palette: h.palette
-    }, nr(h, "dark", d.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+    }, sr(h, "dark", d.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
       palette: h.palette
-    }, nr(h, "light", d.light)), h;
+    }, sr(h, "light", d.light)), h;
   }
-  return !r && !("light" in d) && l === "light" && (d.light = !0), ii({
+  return !r && !("light" in d) && l === "light" && (d.light = !0), ci({
     ...s,
     colorSchemes: d,
     defaultColorScheme: l,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const si = ai(), li = "$$material";
-function ci(e) {
+const fi = ui(), di = "$$material";
+function pi(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const ui = (e) => ci(e) && e !== "classes", fi = so({
-  themeId: li,
-  defaultTheme: si,
-  rootShouldForwardProp: ui
-}), di = So;
+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 pi(e) {
-  return vo(e);
+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 mi(e) {
-  return xt("MuiSvgIcon", e);
+function vi(e) {
+  return Rt("MuiSvgIcon", e);
 }
-ro("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const hi = (e) => {
+bi("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Si = (e) => {
   const {
     color: t,
     fontSize: r,
     classes: n
   } = e, o = {
-    root: ["root", t !== "inherit" && `color${Ce(t)}`, `fontSize${Ce(r)}`]
+    root: ["root", t !== "inherit" && `color${ze(t)}`, `fontSize${ze(r)}`]
   };
-  return Hr(o, mi, n);
-}, gi = fi("svg", {
+  return en(o, vi, n);
+}, Ci = hi("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: r
     } = e;
-    return [t.root, r.color !== "inherit" && t[`color${Ce(r.color)}`], t[`fontSize${Ce(r.fontSize)}`]];
+    return [t.root, r.color !== "inherit" && t[`color${ze(r.color)}`], t[`fontSize${ze(r.fontSize)}`]];
   }
-})(di(({
+})(gi(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -3374,8 +3408,8 @@ const hi = (e) => {
       }
     }
   ]
-}))), Ue = /* @__PURE__ */ me.forwardRef(function(t, r) {
-  const n = pi({
+}))), qe = /* @__PURE__ */ le.forwardRef(function(t, r) {
+  const n = yi({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -3389,7 +3423,7 @@ const hi = (e) => {
     titleAccess: h,
     viewBox: m = "0 0 24 24",
     ...S
-  } = n, y = /* @__PURE__ */ me.isValidElement(o) && o.type === "svg", c = {
+  } = n, y = /* @__PURE__ */ le.isValidElement(o) && o.type === "svg", c = {
     ...n,
     color: s,
     component: l,
@@ -3400,10 +3434,10 @@ const hi = (e) => {
     hasSvgAsChild: y
   }, v = {};
   p || (v.viewBox = m);
-  const O = hi(c);
-  return /* @__PURE__ */ ht(gi, {
+  const $ = Si(c);
+  return /* @__PURE__ */ bt(Ci, {
     as: l,
-    className: ar(O.root, i),
+    className: ur($.root, i),
     focusable: "false",
     color: d,
     "aria-hidden": h ? void 0 : !0,
@@ -3418,7 +3452,7 @@ const hi = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Ue.propTypes = {
+process.env.NODE_ENV !== "production" && (qe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3490,26 +3524,26 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    */
   viewBox: P.string
 });
-Ue.muiName = "SvgIcon";
-function Ot(e, t) {
+qe.muiName = "SvgIcon";
+function kt(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ K(Ue, {
+    return /* @__PURE__ */ K(qe, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
       ref: o,
       ...n,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Ue.muiName, /* @__PURE__ */ me.memo(/* @__PURE__ */ me.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = qe.muiName, /* @__PURE__ */ le.memo(/* @__PURE__ */ le.forwardRef(r));
 }
-const yi = Ot(/* @__PURE__ */ K("path", {
+const Ti = kt(/* @__PURE__ */ K("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"), bi = Ot(/* @__PURE__ */ K("path", {
+}), "Close"), Ei = kt(/* @__PURE__ */ K("path", {
   d: "M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"
-}), "FilterList"), vi = Ot(/* @__PURE__ */ K("path", {
+}), "FilterList"), xi = kt(/* @__PURE__ */ K("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 _i({
+function Ni({
   mode: e,
   actionButtons: t,
   localeText: r,
@@ -3517,23 +3551,23 @@ function _i({
   getData: o,
   setFilterButtonEl: i
 }) {
-  return /* @__PURE__ */ ht(Pr, { className: `${e}-mode`, style: {
+  return /* @__PURE__ */ bt(Mr, { className: `${e}-mode`, style: {
     padding: "calc(0.25rem * 2) !important",
     gap: "calc(0.25rem * 2) !important"
   }, children: [
-    e === "server" && /* @__PURE__ */ K(ot, { render: /* @__PURE__ */ K(Mr, { icon: /* @__PURE__ */ K(wr, {}), label: r?.refreshTable ?? "Ververs tabel", onClick: o }) }),
-    /* @__PURE__ */ K(Ir, { debounceMs: 500, defaultExpanded: !0, render: (s, l) => /* @__PURE__ */ ht("div", { ...s, style: {
+    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: {
       overflow: "clip",
       display: "flex",
       marginLeft: "auto",
       gap: "0.5rem",
       ...s.style
     }, children: [
-      t?.map((f, d) => /* @__PURE__ */ K(ot, { disabled: f?.props?.disabled ?? !1, render: f }, d)),
-      n && /* @__PURE__ */ K(jr, { title: "Filteren", children: /* @__PURE__ */ K(Nr, { ref: i, render: ({
+      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: ({
         ref: f,
         ...d
-      }, p) => /* @__PURE__ */ K(ot, { ...d, "aria-label": "Filteren", material: {
+      }, p) => /* @__PURE__ */ K(st, { ...d, "aria-label": "Filteren", material: {
         sx: {
           color: "var(--color-primary)",
           border: "1px solid var(--color-primary)",
@@ -3553,13 +3587,13 @@ function _i({
             boxShadow: "none"
           }
         }
-      }, ref: f, tabIndex: 0, children: /* @__PURE__ */ K(Ar, { badgeContent: p.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ K(bi, {}) }) }) }) }),
-      /* @__PURE__ */ K(Br, { render: ({
+      }, 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,
         ...d
-      }) => /* @__PURE__ */ K(_r, { ...d, "aria-label": r?.toolbarQuickFilterLabel ?? "Zoeken", inputRef: f, placeholder: r?.toolbarQuickFilterPlaceholder ?? "Zoeken...", slotProps: {
+      }) => /* @__PURE__ */ K(Nr, { ...d, "aria-label": r?.toolbarQuickFilterLabel ?? "Zoeken", inputRef: f, placeholder: r?.toolbarQuickFilterPlaceholder ?? "Zoeken...", slotProps: {
         input: {
-          endAdornment: /* @__PURE__ */ K(Rr, { position: "end", children: /* @__PURE__ */ K(vi, { sx: {
+          endAdornment: /* @__PURE__ */ K(Dr, { position: "end", children: /* @__PURE__ */ K(xi, { sx: {
             position: "absolute",
             right: "-1px",
             width: "24px",
@@ -3576,7 +3610,7 @@ function _i({
         },
         ...d.slotProps
       }, sx: {
-        [`.${kr.input}`]: {
+        [`.${Br.input}`]: {
           color: "var(--color-text)",
           fontFamily: "RijksoverheidSansText, Verdana, Arial, sans-serif",
           fontSize: "1.125rem",
@@ -3592,7 +3626,7 @@ function _i({
         }
       } }) }),
       l.expanded && l.value !== "" && /* @__PURE__ */ K(
-        Dr,
+        Lr,
         {
           "aria-label": r?.toolbarQuickFilterDeleteIconLabel ?? "Wissen",
           edge: "end",
@@ -3605,13 +3639,13 @@ function _i({
               right: "70px"
             }
           },
-          children: /* @__PURE__ */ K(yi, { color: "primary" })
+          children: /* @__PURE__ */ K(Ti, { color: "primary" })
         }
       )
     ] }) })
   ] });
 }
 export {
-  _i as QuickSearchToolbar
+  Ni as QuickSearchToolbar
 };
 //# sourceMappingURL=_QuickSearchToolbar.js.map