@fastspace/schema-form 0.0.6 → 0.0.8

package/dist/schema-form-lib.js

@@ -1,11 +1,11 @@
 import * as A from "valibot";
 import { jsx as E, jsxs as fe, Fragment as Dr } from "react/jsx-runtime";
 import * as B from "react";
-import dt, { memo as mi, forwardRef as mo, useState as Be, useEffect as _e, useCallback as ho, useRef as rt, isValidElement as _t, cloneElement as Nt, Children as hi, useMemo as qe, useImperativeHandle as gi } from "react";
-import { Controller as Vr, useFieldArray as yi, useForm as bi, useWatch as vi, FormProvider as Si } from "react-hook-form";
+import dt, { memo as mi, forwardRef as mo, useRef as De, useState as Ne, useEffect as je, useCallback as ho, isValidElement as _t, cloneElement as Nt, Children as hi, useMemo as Ge, useImperativeHandle as gi } from "react";
+import { Controller as jr, useFieldArray as yi, useForm as bi, useWatch as vi, FormProvider as Si } from "react-hook-form";
 import { ThemeContext as xi, keyframes as St, css as go } from "@emotion/react";
 import Ci from "@emotion/styled";
-import { styled as yo, Box as pt, Typography as Ot, CircularProgress as bo, FormControl as at, Autocomplete as Ti, TextField as lt, FormControlLabel as jr, Checkbox as wi, FormHelperText as zr, Grid as $t, RadioGroup as Ei, Radio as Oi, Stack as nn, FormLabel as Vt, Rating as $i, Slider as Ri, Switch as ki } from "@mui/material";
+import { styled as yo, Box as pt, Typography as Ot, CircularProgress as bo, FormControl as at, Autocomplete as Ti, TextField as lt, FormControlLabel as Vr, Checkbox as wi, FormHelperText as zr, Grid as $t, RadioGroup as Ei, Radio as Oi, Stack as nn, FormLabel as jt, Rating as $i, Slider as Ri, Switch as ki } from "@mui/material";
 import { LocalizationProvider as Wr } from "@mui/x-date-pickers";
 import { AdapterDayjs as Lr } from "@mui/x-date-pickers/AdapterDayjs";
 import { DateTimePicker as Ai } from "@mui/x-date-pickers/DateTimePicker";
@@ -98,7 +98,7 @@ function Di(e) {
   }
   return Array.from(t);
 }
-function Vi(e) {
+function ji(e) {
   const t = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g, r = e.match(t) ?? [], n = /* @__PURE__ */ new Set([
     "true",
     "false",
@@ -119,7 +119,7 @@ function Vi(e) {
   ]);
   return r.filter((o) => !n.has(o));
 }
-function ji(e) {
+function Vi(e) {
   const t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), n = {}, o = [], i = (a) => {
     for (const l of a) {
       const u = l.name;
@@ -146,7 +146,7 @@ function ji(e) {
         for (const d of a.compute.dependencies)
           u.add(d);
       else
-        for (const d of Vi(a.compute.expr))
+        for (const d of ji(a.compute.expr))
           u.add(d);
     for (const d of u)
       r.has(d) || r.set(d, /* @__PURE__ */ new Set()), r.get(d)?.add(l);
@@ -313,13 +313,13 @@ function wr(e, t) {
     const h = e.columns ?? [], f = e.minItems ?? 0, g = e.maxItems ?? 1 / 0, C = {};
     for (const S of h)
       if (S.component === "Group" && S.columns)
-        for (const w of S.columns)
-          C[w.name] = wr(w, t);
+        for (const T of S.columns)
+          C[T.name] = wr(T, t);
       else S.component !== "Group" && (C[S.name] = wr(S, t));
-    const k = A.object(C), I = [];
-    f > 0 && I.push(A.check((S) => Array.isArray(S) && S.length >= f, `至少需要${f}条数据`)), g < 1 / 0 && I.push(A.check((S) => Array.isArray(S) && S.length <= g, `最多允许${g}条数据`));
+    const k = A.object(C), M = [];
+    f > 0 && M.push(A.check((S) => Array.isArray(S) && S.length >= f, `至少需要${f}条数据`)), g < 1 / 0 && M.push(A.check((S) => Array.isArray(S) && S.length <= g, `最多允许${g}条数据`));
     const $ = A.array(k);
-    return I.length > 0 ? A.pipe($, ...I) : $;
+    return M.length > 0 ? A.pipe($, ...M) : $;
   }
   if (n === "Upload") {
     const h = o.find((g) => g.type === "array"), f = h?.type === "array" ? h.minItems ?? (i ? 1 : 0) : i ? 1 : 0;
@@ -440,11 +440,11 @@ var on;
 function Gi() {
   if (on) return te;
   on = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
-  function I(S) {
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+  function M(S) {
     if (typeof S == "object" && S !== null) {
-      var w = S.$$typeof;
-      switch (w) {
+      var T = S.$$typeof;
+      switch (T) {
         case t:
           switch (S = S.type, S) {
             case u:
@@ -457,79 +457,79 @@ function Gi() {
             default:
               switch (S = S && S.$$typeof, S) {
                 case l:
-                case p:
+                case m:
                 case h:
                 case b:
                 case a:
                   return S;
                 default:
-                  return w;
+                  return T;
               }
           }
         case r:
-          return w;
+          return T;
       }
     }
   }
   function $(S) {
-    return I(S) === d;
+    return M(S) === d;
   }
-  return te.AsyncMode = u, te.ConcurrentMode = d, te.ContextConsumer = l, te.ContextProvider = a, te.Element = t, te.ForwardRef = p, te.Fragment = n, te.Lazy = h, te.Memo = b, te.Portal = r, te.Profiler = i, te.StrictMode = o, te.Suspense = y, te.isAsyncMode = function(S) {
-    return $(S) || I(S) === u;
+  return te.AsyncMode = u, te.ConcurrentMode = d, te.ContextConsumer = l, te.ContextProvider = a, te.Element = t, te.ForwardRef = m, te.Fragment = n, te.Lazy = h, te.Memo = b, te.Portal = r, te.Profiler = i, te.StrictMode = o, te.Suspense = y, te.isAsyncMode = function(S) {
+    return $(S) || M(S) === u;
   }, te.isConcurrentMode = $, te.isContextConsumer = function(S) {
-    return I(S) === l;
+    return M(S) === l;
   }, te.isContextProvider = function(S) {
-    return I(S) === a;
+    return M(S) === a;
   }, te.isElement = function(S) {
     return typeof S == "object" && S !== null && S.$$typeof === t;
   }, te.isForwardRef = function(S) {
-    return I(S) === p;
+    return M(S) === m;
   }, te.isFragment = function(S) {
-    return I(S) === n;
+    return M(S) === n;
   }, te.isLazy = function(S) {
-    return I(S) === h;
+    return M(S) === h;
   }, te.isMemo = function(S) {
-    return I(S) === b;
+    return M(S) === b;
   }, te.isPortal = function(S) {
-    return I(S) === r;
+    return M(S) === r;
   }, te.isProfiler = function(S) {
-    return I(S) === i;
+    return M(S) === i;
   }, te.isStrictMode = function(S) {
-    return I(S) === o;
+    return M(S) === o;
   }, te.isSuspense = function(S) {
-    return I(S) === y;
+    return M(S) === y;
   }, te.isValidElementType = function(S) {
-    return typeof S == "string" || typeof S == "function" || S === n || S === d || S === i || S === o || S === y || S === m || typeof S == "object" && S !== null && (S.$$typeof === h || S.$$typeof === b || S.$$typeof === a || S.$$typeof === l || S.$$typeof === p || S.$$typeof === g || S.$$typeof === C || S.$$typeof === k || S.$$typeof === f);
-  }, te.typeOf = I, te;
+    return typeof S == "string" || typeof S == "function" || S === n || S === d || S === i || S === o || S === y || S === p || typeof S == "object" && S !== null && (S.$$typeof === h || S.$$typeof === b || S.$$typeof === a || S.$$typeof === l || S.$$typeof === m || S.$$typeof === g || S.$$typeof === C || S.$$typeof === k || S.$$typeof === f);
+  }, te.typeOf = M, te;
 }
 var re = {};
 var sn;
 function Ui() {
   return sn || (sn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
-    function I(_) {
-      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === n || _ === d || _ === i || _ === o || _ === y || _ === m || typeof _ == "object" && _ !== null && (_.$$typeof === h || _.$$typeof === b || _.$$typeof === a || _.$$typeof === l || _.$$typeof === p || _.$$typeof === g || _.$$typeof === C || _.$$typeof === k || _.$$typeof === f);
-    }
-    function $(_) {
-      if (typeof _ == "object" && _ !== null) {
-        var ye = _.$$typeof;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, C = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+    function M(N) {
+      return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      N === n || N === d || N === i || N === o || N === y || N === p || typeof N == "object" && N !== null && (N.$$typeof === h || N.$$typeof === b || N.$$typeof === a || N.$$typeof === l || N.$$typeof === m || N.$$typeof === g || N.$$typeof === C || N.$$typeof === k || N.$$typeof === f);
+    }
+    function $(N) {
+      if (typeof N == "object" && N !== null) {
+        var ye = N.$$typeof;
         switch (ye) {
           case t:
-            var Ne = _.type;
-            switch (Ne) {
+            var _e = N.type;
+            switch (_e) {
               case u:
               case d:
               case n:
               case i:
               case o:
               case y:
-                return Ne;
+                return _e;
               default:
-                var wt = Ne && Ne.$$typeof;
+                var wt = _e && _e.$$typeof;
                 switch (wt) {
                   case l:
-                  case p:
+                  case m:
                   case h:
                   case b:
                   case a:
@@ -543,47 +543,47 @@ function Ui() {
         }
       }
     }
-    var S = u, w = d, V = l, G = a, j = t, W = p, P = n, c = h, T = b, x = r, N = i, M = o, D = y, F = !1;
-    function U(_) {
-      return F || (F = !0), O(_) || $(_) === u;
+    var S = u, T = d, D = l, q = a, V = t, L = m, I = n, c = h, w = b, x = r, P = i, _ = o, G = y, z = !1;
+    function U(N) {
+      return z || (z = !0), O(N) || $(N) === u;
     }
-    function O(_) {
-      return $(_) === d;
+    function O(N) {
+      return $(N) === d;
     }
-    function R(_) {
-      return $(_) === l;
+    function R(N) {
+      return $(N) === l;
     }
-    function z(_) {
-      return $(_) === a;
+    function j(N) {
+      return $(N) === a;
     }
-    function L(_) {
-      return typeof _ == "object" && _ !== null && _.$$typeof === t;
+    function W(N) {
+      return typeof N == "object" && N !== null && N.$$typeof === t;
     }
-    function q(_) {
-      return $(_) === p;
+    function F(N) {
+      return $(N) === m;
     }
-    function X(_) {
-      return $(_) === n;
+    function X(N) {
+      return $(N) === n;
     }
-    function H(_) {
-      return $(_) === h;
+    function H(N) {
+      return $(N) === h;
     }
-    function K(_) {
-      return $(_) === b;
+    function K(N) {
+      return $(N) === b;
     }
-    function Q(_) {
-      return $(_) === r;
+    function Q(N) {
+      return $(N) === r;
     }
-    function ee(_) {
-      return $(_) === i;
+    function ee(N) {
+      return $(N) === i;
     }
-    function J(_) {
-      return $(_) === o;
+    function J(N) {
+      return $(N) === o;
     }
-    function me(_) {
-      return $(_) === y;
+    function me(N) {
+      return $(N) === y;
     }
-    re.AsyncMode = S, re.ConcurrentMode = w, re.ContextConsumer = V, re.ContextProvider = G, re.Element = j, re.ForwardRef = W, re.Fragment = P, re.Lazy = c, re.Memo = T, re.Portal = x, re.Profiler = N, re.StrictMode = M, re.Suspense = D, re.isAsyncMode = U, re.isConcurrentMode = O, re.isContextConsumer = R, re.isContextProvider = z, re.isElement = L, re.isForwardRef = q, re.isFragment = X, re.isLazy = H, re.isMemo = K, re.isPortal = Q, re.isProfiler = ee, re.isStrictMode = J, re.isSuspense = me, re.isValidElementType = I, re.typeOf = $;
+    re.AsyncMode = S, re.ConcurrentMode = T, re.ContextConsumer = D, re.ContextProvider = q, re.Element = V, re.ForwardRef = L, re.Fragment = I, re.Lazy = c, re.Memo = w, re.Portal = x, re.Profiler = P, re.StrictMode = _, re.Suspense = G, re.isAsyncMode = U, re.isConcurrentMode = O, re.isContextConsumer = R, re.isContextProvider = j, re.isElement = W, re.isForwardRef = F, re.isFragment = X, re.isLazy = H, re.isMemo = K, re.isPortal = Q, re.isProfiler = ee, re.isStrictMode = J, re.isSuspense = me, re.isValidElementType = M, re.typeOf = $;
   })()), re;
 }
 var an;
@@ -609,28 +609,28 @@ function Yi() {
         return !1;
       for (var a = {}, l = 0; l < 10; l++)
         a["_" + String.fromCharCode(l)] = l;
-      var u = Object.getOwnPropertyNames(a).map(function(p) {
-        return a[p];
+      var u = Object.getOwnPropertyNames(a).map(function(m) {
+        return a[m];
       });
       if (u.join("") !== "0123456789")
         return !1;
       var d = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
-        d[p] = p;
+      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
+        d[m] = m;
       }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return dr = o() ? Object.assign : function(i, a) {
-    for (var l, u = n(i), d, p = 1; p < arguments.length; p++) {
-      l = Object(arguments[p]);
+    for (var l, u = n(i), d, m = 1; m < arguments.length; m++) {
+      l = Object(arguments[m]);
       for (var y in l)
         t.call(l, y) && (u[y] = l[y]);
       if (e) {
         d = e(l);
-        for (var m = 0; m < d.length; m++)
-          r.call(l, d[m]) && (u[d[m]] = l[d[m]]);
+        for (var p = 0; p < d.length; p++)
+          r.call(l, d[p]) && (u[d[p]] = l[d[p]]);
       }
     }
     return u;
@@ -665,22 +665,22 @@ function Hi() {
   }
   function o(i, a, l, u, d) {
     if (process.env.NODE_ENV !== "production") {
-      for (var p in i)
-        if (n(i, p)) {
+      for (var m in i)
+        if (n(i, m)) {
           var y;
           try {
-            if (typeof i[p] != "function") {
-              var m = Error(
-                (u || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof i[m] != "function") {
+              var p = Error(
+                (u || "React class") + ": " + l + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw p.name = "Invariant Violation", p;
             }
-            y = i[p](a, p, u, l, null, t);
+            y = i[m](a, m, u, l, null, t);
           } catch (h) {
             y = h;
           }
           if (y && !(y instanceof Error) && e(
-            (u || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof y + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (u || "React class") + ": type specification of " + l + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof y + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), y instanceof Error && !(y.message in r)) {
             r[y.message] = !0;
             var b = d ? d() : "";
@@ -712,13 +712,13 @@ function Ki() {
     return null;
   }
   return gr = function(l, u) {
-    var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
+    var d = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function y(O) {
-      var R = O && (d && O[d] || O[p]);
+      var R = O && (d && O[d] || O[m]);
       if (typeof R == "function")
         return R;
     }
-    var m = "<<anonymous>>", b = {
+    var p = "<<anonymous>>", b = {
       array: C("array"),
       bigint: C("bigint"),
       bool: C("boolean"),
@@ -728,16 +728,16 @@ function Ki() {
       string: C("string"),
       symbol: C("symbol"),
       any: k(),
-      arrayOf: I,
+      arrayOf: M,
       element: $(),
       elementType: S(),
-      instanceOf: w,
-      node: W(),
-      objectOf: G,
-      oneOf: V,
-      oneOfType: j,
+      instanceOf: T,
+      node: L(),
+      objectOf: q,
+      oneOf: D,
+      oneOfType: V,
       shape: c,
-      exact: T
+      exact: w
     };
     function h(O, R) {
       return O === R ? O !== 0 || 1 / O === 1 / R : O !== O && R !== R;
@@ -748,34 +748,34 @@ function Ki() {
     f.prototype = Error.prototype;
     function g(O) {
       if (process.env.NODE_ENV !== "production")
-        var R = {}, z = 0;
-      function L(X, H, K, Q, ee, J, me) {
-        if (Q = Q || m, J = J || K, me !== r) {
+        var R = {}, j = 0;
+      function W(X, H, K, Q, ee, J, me) {
+        if (Q = Q || p, J = J || K, me !== r) {
           if (u) {
-            var _ = new Error(
+            var N = 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 _.name = "Invariant Violation", _;
+            throw N.name = "Invariant Violation", N;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ye = Q + ":" + K;
             !R[ye] && // Avoid spamming the console because they are often not actionable except for lib authors
-            z < 3 && (i(
+            j < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + J + "` prop on `" + Q + "`. 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."
-            ), R[ye] = !0, z++);
+            ), R[ye] = !0, j++);
           }
         }
         return H[K] == null ? X ? H[K] === null ? new f("The " + ee + " `" + J + "` is marked as required " + ("in `" + Q + "`, but its value is `null`.")) : new f("The " + ee + " `" + J + "` is marked as required in " + ("`" + Q + "`, but its value is `undefined`.")) : null : O(H, K, Q, ee, J);
       }
-      var q = L.bind(null, !1);
-      return q.isRequired = L.bind(null, !0), q;
+      var F = W.bind(null, !1);
+      return F.isRequired = W.bind(null, !0), F;
     }
     function C(O) {
-      function R(z, L, q, X, H, K) {
-        var Q = z[L], ee = M(Q);
+      function R(j, W, F, X, H, K) {
+        var Q = j[W], ee = _(Q);
         if (ee !== O) {
-          var J = D(Q);
+          var J = G(Q);
           return new f(
-            "Invalid " + X + " `" + H + "` of type " + ("`" + J + "` supplied to `" + q + "`, expected ") + ("`" + O + "`."),
+            "Invalid " + X + " `" + H + "` of type " + ("`" + J + "` supplied to `" + F + "`, expected ") + ("`" + O + "`."),
             { expectedType: O }
           );
         }
@@ -786,17 +786,17 @@ function Ki() {
     function k() {
       return g(a);
     }
-    function I(O) {
-      function R(z, L, q, X, H) {
+    function M(O) {
+      function R(j, W, F, X, H) {
         if (typeof O != "function")
-          return new f("Property `" + H + "` of component `" + q + "` has invalid PropType notation inside arrayOf.");
-        var K = z[L];
+          return new f("Property `" + H + "` of component `" + F + "` has invalid PropType notation inside arrayOf.");
+        var K = j[W];
         if (!Array.isArray(K)) {
-          var Q = M(K);
-          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected an array."));
+          var Q = _(K);
+          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + F + "`, expected an array."));
         }
         for (var ee = 0; ee < K.length; ee++) {
-          var J = O(K, ee, q, X, H + "[" + ee + "]", r);
+          var J = O(K, ee, F, X, H + "[" + ee + "]", r);
           if (J instanceof Error)
             return J;
         }
@@ -805,64 +805,64 @@ function Ki() {
       return g(R);
     }
     function $() {
-      function O(R, z, L, q, X) {
-        var H = R[z];
+      function O(R, j, W, F, X) {
+        var H = R[j];
         if (!l(H)) {
-          var K = M(H);
-          return new f("Invalid " + q + " `" + X + "` of type " + ("`" + K + "` supplied to `" + L + "`, expected a single ReactElement."));
+          var K = _(H);
+          return new f("Invalid " + F + " `" + X + "` of type " + ("`" + K + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
       return g(O);
     }
     function S() {
-      function O(R, z, L, q, X) {
-        var H = R[z];
+      function O(R, j, W, F, X) {
+        var H = R[j];
         if (!e.isValidElementType(H)) {
-          var K = M(H);
-          return new f("Invalid " + q + " `" + X + "` of type " + ("`" + K + "` supplied to `" + L + "`, expected a single ReactElement type."));
+          var K = _(H);
+          return new f("Invalid " + F + " `" + X + "` of type " + ("`" + K + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return g(O);
     }
-    function w(O) {
-      function R(z, L, q, X, H) {
-        if (!(z[L] instanceof O)) {
-          var K = O.name || m, Q = U(z[L]);
-          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected ") + ("instance of `" + K + "`."));
+    function T(O) {
+      function R(j, W, F, X, H) {
+        if (!(j[W] instanceof O)) {
+          var K = O.name || p, Q = U(j[W]);
+          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + F + "`, expected ") + ("instance of `" + K + "`."));
         }
         return null;
       }
       return g(R);
     }
-    function V(O) {
+    function D(O) {
       if (!Array.isArray(O))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
-      function R(z, L, q, X, H) {
-        for (var K = z[L], Q = 0; Q < O.length; Q++)
+      function R(j, W, F, X, H) {
+        for (var K = j[W], Q = 0; Q < O.length; Q++)
           if (h(K, O[Q]))
             return null;
-        var ee = JSON.stringify(O, function(me, _) {
-          var ye = D(_);
-          return ye === "symbol" ? String(_) : _;
+        var ee = JSON.stringify(O, function(me, N) {
+          var ye = G(N);
+          return ye === "symbol" ? String(N) : N;
         });
-        return new f("Invalid " + X + " `" + H + "` of value `" + String(K) + "` " + ("supplied to `" + q + "`, expected one of " + ee + "."));
+        return new f("Invalid " + X + " `" + H + "` of value `" + String(K) + "` " + ("supplied to `" + F + "`, expected one of " + ee + "."));
       }
       return g(R);
     }
-    function G(O) {
-      function R(z, L, q, X, H) {
+    function q(O) {
+      function R(j, W, F, X, H) {
         if (typeof O != "function")
-          return new f("Property `" + H + "` of component `" + q + "` has invalid PropType notation inside objectOf.");
-        var K = z[L], Q = M(K);
+          return new f("Property `" + H + "` of component `" + F + "` has invalid PropType notation inside objectOf.");
+        var K = j[W], Q = _(K);
         if (Q !== "object")
-          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected an object."));
+          return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + F + "`, expected an object."));
         for (var ee in K)
           if (n(K, ee)) {
-            var J = O(K, ee, q, X, H + "." + ee, r);
+            var J = O(K, ee, F, X, H + "." + ee, r);
             if (J instanceof Error)
               return J;
           }
@@ -870,49 +870,49 @@ function Ki() {
       }
       return g(R);
     }
-    function j(O) {
+    function V(O) {
       if (!Array.isArray(O))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
       for (var R = 0; R < O.length; R++) {
-        var z = O[R];
-        if (typeof z != "function")
+        var j = O[R];
+        if (typeof j != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + F(z) + " at index " + R + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + z(j) + " at index " + R + "."
           ), a;
       }
-      function L(q, X, H, K, Q) {
+      function W(F, X, H, K, Q) {
         for (var ee = [], J = 0; J < O.length; J++) {
-          var me = O[J], _ = me(q, X, H, K, Q, r);
-          if (_ == null)
+          var me = O[J], N = me(F, X, H, K, Q, r);
+          if (N == null)
             return null;
-          _.data && n(_.data, "expectedType") && ee.push(_.data.expectedType);
+          N.data && n(N.data, "expectedType") && ee.push(N.data.expectedType);
         }
         var ye = ee.length > 0 ? ", expected one of type [" + ee.join(", ") + "]" : "";
         return new f("Invalid " + K + " `" + Q + "` supplied to " + ("`" + H + "`" + ye + "."));
       }
-      return g(L);
+      return g(W);
     }
-    function W() {
-      function O(R, z, L, q, X) {
-        return x(R[z]) ? null : new f("Invalid " + q + " `" + X + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
+    function L() {
+      function O(R, j, W, F, X) {
+        return x(R[j]) ? null : new f("Invalid " + F + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
       return g(O);
     }
-    function P(O, R, z, L, q) {
+    function I(O, R, j, W, F) {
       return new f(
-        (O || "React class") + ": " + R + " type `" + z + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + q + "`."
+        (O || "React class") + ": " + R + " type `" + j + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + F + "`."
       );
     }
     function c(O) {
-      function R(z, L, q, X, H) {
-        var K = z[L], Q = M(K);
+      function R(j, W, F, X, H) {
+        var K = j[W], Q = _(K);
         if (Q !== "object")
-          return new f("Invalid " + X + " `" + H + "` of type `" + Q + "` " + ("supplied to `" + q + "`, expected `object`."));
+          return new f("Invalid " + X + " `" + H + "` of type `" + Q + "` " + ("supplied to `" + F + "`, expected `object`."));
         for (var ee in O) {
           var J = O[ee];
           if (typeof J != "function")
-            return P(q, X, H, ee, D(J));
-          var me = J(K, ee, q, X, H + "." + ee, r);
+            return I(F, X, H, ee, G(J));
+          var me = J(K, ee, F, X, H + "." + ee, r);
           if (me)
             return me;
         }
@@ -920,24 +920,24 @@ function Ki() {
       }
       return g(R);
     }
-    function T(O) {
-      function R(z, L, q, X, H) {
-        var K = z[L], Q = M(K);
+    function w(O) {
+      function R(j, W, F, X, H) {
+        var K = j[W], Q = _(K);
         if (Q !== "object")
-          return new f("Invalid " + X + " `" + H + "` of type `" + Q + "` " + ("supplied to `" + q + "`, expected `object`."));
-        var ee = t({}, z[L], O);
+          return new f("Invalid " + X + " `" + H + "` of type `" + Q + "` " + ("supplied to `" + F + "`, expected `object`."));
+        var ee = t({}, j[W], O);
         for (var J in ee) {
           var me = O[J];
           if (n(O, J) && typeof me != "function")
-            return P(q, X, H, J, D(me));
+            return I(F, X, H, J, G(me));
           if (!me)
             return new f(
-              "Invalid " + X + " `" + H + "` key `" + J + "` supplied to `" + q + "`.\nBad object: " + JSON.stringify(z[L], null, "  ") + `
+              "Invalid " + X + " `" + H + "` key `" + J + "` supplied to `" + F + "`.\nBad object: " + JSON.stringify(j[W], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
             );
-          var _ = me(K, J, q, X, H + "." + J, r);
-          if (_)
-            return _;
+          var N = me(K, J, F, X, H + "." + J, r);
+          if (N)
+            return N;
         }
         return null;
       }
@@ -958,15 +958,15 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
             return !0;
           var R = y(O);
           if (R) {
-            var z = R.call(O), L;
+            var j = R.call(O), W;
             if (R !== O.entries) {
-              for (; !(L = z.next()).done; )
-                if (!x(L.value))
+              for (; !(W = j.next()).done; )
+                if (!x(W.value))
                   return !1;
             } else
-              for (; !(L = z.next()).done; ) {
-                var q = L.value;
-                if (q && !x(q[1]))
+              for (; !(W = j.next()).done; ) {
+                var F = W.value;
+                if (F && !x(F[1]))
                   return !1;
               }
           } else
@@ -976,17 +976,17 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
           return !1;
       }
     }
-    function N(O, R) {
+    function P(O, R) {
       return O === "symbol" ? !0 : R ? R["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && R instanceof Symbol : !1;
     }
-    function M(O) {
+    function _(O) {
       var R = typeof O;
-      return Array.isArray(O) ? "array" : O instanceof RegExp ? "object" : N(R, O) ? "symbol" : R;
+      return Array.isArray(O) ? "array" : O instanceof RegExp ? "object" : P(R, O) ? "symbol" : R;
     }
-    function D(O) {
+    function G(O) {
       if (typeof O > "u" || O === null)
         return "" + O;
-      var R = M(O);
+      var R = _(O);
       if (R === "object") {
         if (O instanceof Date)
           return "date";
@@ -995,8 +995,8 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
       }
       return R;
     }
-    function F(O) {
-      var R = D(O);
+    function z(O) {
+      var R = G(O);
       switch (R) {
         case "array":
         case "object":
@@ -1010,7 +1010,7 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
       }
     }
     function U(O) {
-      return !O.constructor || !O.constructor.name ? m : O.constructor.name;
+      return !O.constructor || !O.constructor.name ? p : O.constructor.name;
     }
     return b.checkPropTypes = o, b.resetWarningCache = o.resetWarningCache, b.PropTypes = b, b;
   }, gr;
@@ -1025,12 +1025,12 @@ function Xi() {
   function r() {
   }
   return r.resetWarningCache = t, yr = function() {
-    function n(a, l, u, d, p, y) {
+    function n(a, l, u, d, m, y) {
       if (y !== e) {
-        var m = new Error(
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw m.name = "Invariant Violation", m;
+        throw p.name = "Invariant Violation", p;
       }
     }
     n.isRequired = n;
@@ -1227,16 +1227,16 @@ var is = /[A-Z]|^ms/g, ss = /_EMO_([^_]+?)_([^]*?)_EMO_/g, $o = function(t) {
     case "animationName":
       if (typeof r == "string")
         return r.replace(ss, function(n, o, i) {
-          return De = {
+          return Be = {
             name: o,
             styles: i,
-            next: De
+            next: Be
           }, o;
         });
   }
   return ns[t] !== 1 && !$o(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function jt(e, t, r) {
+function Vt(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -1248,20 +1248,20 @@ function jt(e, t, r) {
     case "object": {
       var o = r;
       if (o.anim === 1)
-        return De = {
+        return Be = {
           name: o.name,
           styles: o.styles,
-          next: De
+          next: Be
         }, o.name;
       var i = r;
       if (i.styles !== void 0) {
         var a = i.next;
         if (a !== void 0)
           for (; a !== void 0; )
-            De = {
+            Be = {
               name: a.name,
               styles: a.styles,
-              next: De
+              next: Be
             }, a = a.next;
         var l = i.styles + ";";
         return l;
@@ -1276,7 +1276,7 @@ function as(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
-      n += jt(e, t, r[o]) + ";";
+      n += Vt(e, t, r[o]) + ";";
   else
     for (var i in r) {
       var a = r[i];
@@ -1287,7 +1287,7 @@ function as(e, t, r) {
         for (var u = 0; u < a.length; u++)
           gn(a[u]) && (n += br(i) + ":" + yn(i, a[u]) + ";");
       else {
-        var d = jt(e, t, a);
+        var d = Vt(e, t, a);
         switch (i) {
           case "animation":
           case "animationName": {
@@ -1301,32 +1301,32 @@ function as(e, t, r) {
     }
   return n;
 }
-var bn = /label:\s*([^\s;{]+)\s*(;|$)/g, De;
+var bn = /label:\s*([^\s;{]+)\s*(;|$)/g, Be;
 function ls(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 = "";
-  De = void 0;
+  Be = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, o += jt(r, t, i);
+    n = !1, o += Vt(r, t, i);
   else {
     var a = i;
     o += a[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (o += jt(r, t, e[l]), n) {
+    if (o += Vt(r, t, e[l]), n) {
       var u = i;
       o += u[l];
     }
   bn.lastIndex = 0;
-  for (var d = "", p; (p = bn.exec(o)) !== null; )
-    d += "-" + p[1];
+  for (var d = "", m; (m = bn.exec(o)) !== null; )
+    d += "-" + m[1];
   var y = rs(o) + d;
   return {
     name: y,
     styles: o,
-    next: De
+    next: Be
   };
 }
 function Ro(e, t) {
@@ -1340,7 +1340,7 @@ function cs(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
 const vn = [];
-function Ye(e) {
+function He(e) {
   return vn[0] = e, ls(vn);
 }
 var Pt = { exports: {} }, ie = {};
@@ -1348,7 +1348,7 @@ var Sn;
 function us() {
   if (Sn) return ie;
   Sn = 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"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  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"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
   function h(f) {
     if (typeof f == "object" && f !== null) {
       var g = f.$$typeof;
@@ -1360,14 +1360,14 @@ function us() {
             case n:
             case u:
             case d:
-            case m:
+            case p:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
                 case a:
                 case l:
                 case y:
-                case p:
+                case m:
                   return f;
                 case i:
                   return f;
@@ -1380,7 +1380,7 @@ function us() {
       }
     }
   }
-  return ie.ContextConsumer = i, ie.ContextProvider = a, ie.Element = e, ie.ForwardRef = l, ie.Fragment = r, ie.Lazy = y, ie.Memo = p, ie.Portal = t, ie.Profiler = o, ie.StrictMode = n, ie.Suspense = u, ie.SuspenseList = d, ie.isContextConsumer = function(f) {
+  return ie.ContextConsumer = i, ie.ContextProvider = a, ie.Element = e, ie.ForwardRef = l, ie.Fragment = r, ie.Lazy = y, ie.Memo = m, ie.Portal = t, ie.Profiler = o, ie.StrictMode = n, ie.Suspense = u, ie.SuspenseList = d, ie.isContextConsumer = function(f) {
     return h(f) === i;
   }, ie.isContextProvider = function(f) {
     return h(f) === a;
@@ -1393,7 +1393,7 @@ function us() {
   }, ie.isLazy = function(f) {
     return h(f) === y;
   }, ie.isMemo = function(f) {
-    return h(f) === p;
+    return h(f) === m;
   }, ie.isPortal = function(f) {
     return h(f) === t;
   }, ie.isProfiler = function(f) {
@@ -1405,7 +1405,7 @@ function us() {
   }, ie.isSuspenseList = function(f) {
     return h(f) === d;
   }, ie.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === r || f === o || f === n || f === u || f === d || typeof f == "object" && f !== null && (f.$$typeof === y || f.$$typeof === p || f.$$typeof === a || f.$$typeof === i || f.$$typeof === l || f.$$typeof === b || f.getModuleId !== void 0);
+    return typeof f == "string" || typeof f == "function" || f === r || f === o || f === n || f === u || f === d || typeof f == "object" && f !== null && (f.$$typeof === y || f.$$typeof === m || f.$$typeof === a || f.$$typeof === i || f.$$typeof === l || f.$$typeof === b || f.getModuleId !== void 0);
   }, ie.typeOf = h, ie;
 }
 var se = {};
@@ -1422,14 +1422,14 @@ function fs() {
               case i:
               case o:
               case d:
-              case p:
+              case m:
               case b:
                 return f;
               default:
                 switch (f = f && f.$$typeof, f) {
                   case l:
                   case u:
-                  case m:
+                  case p:
                   case y:
                     return f;
                   case a:
@@ -1443,8 +1443,8 @@ function fs() {
         }
       }
     }
-    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"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), h = Symbol.for("react.client.reference");
-    se.ContextConsumer = a, se.ContextProvider = l, se.Element = t, se.ForwardRef = u, se.Fragment = n, se.Lazy = m, se.Memo = y, se.Portal = r, se.Profiler = i, se.StrictMode = o, se.Suspense = d, se.SuspenseList = p, se.isContextConsumer = function(f) {
+    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"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), h = Symbol.for("react.client.reference");
+    se.ContextConsumer = a, se.ContextProvider = l, se.Element = t, se.ForwardRef = u, se.Fragment = n, se.Lazy = p, se.Memo = y, se.Portal = r, se.Profiler = i, se.StrictMode = o, se.Suspense = d, se.SuspenseList = m, se.isContextConsumer = function(f) {
       return e(f) === a;
     }, se.isContextProvider = function(f) {
       return e(f) === l;
@@ -1455,7 +1455,7 @@ function fs() {
     }, se.isFragment = function(f) {
       return e(f) === n;
     }, se.isLazy = function(f) {
-      return e(f) === m;
+      return e(f) === p;
     }, se.isMemo = function(f) {
       return e(f) === y;
     }, se.isPortal = function(f) {
@@ -1467,9 +1467,9 @@ function fs() {
     }, se.isSuspense = function(f) {
       return e(f) === d;
     }, se.isSuspenseList = function(f) {
-      return e(f) === p;
+      return e(f) === m;
     }, se.isValidElementType = function(f) {
-      return typeof f == "string" || typeof f == "function" || f === n || f === i || f === o || f === d || f === p || typeof f == "object" && f !== null && (f.$$typeof === m || f.$$typeof === y || f.$$typeof === l || f.$$typeof === a || f.$$typeof === u || f.$$typeof === h || f.getModuleId !== void 0);
+      return typeof f == "string" || typeof f == "function" || f === n || f === i || f === o || f === d || f === m || typeof f == "object" && f !== null && (f.$$typeof === p || f.$$typeof === y || f.$$typeof === l || f.$$typeof === a || f.$$typeof === u || f.$$typeof === h || f.getModuleId !== void 0);
     }, se.typeOf = e;
   })()), se;
 }
@@ -1503,13 +1503,13 @@ function he(e, t, r = {
     Object.prototype.hasOwnProperty.call(e, o) && Re(e[o]) ? n[o] = he(e[o], t[o], r) : r.clone ? n[o] = Re(t[o]) ? ko(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
-function je(e, ...t) {
+function ze(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 Z(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : je(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ze(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function Ao(e, t = "") {
@@ -1566,22 +1566,22 @@ function hs(e) {
     step: n = 5,
     ...o
   } = e, i = ms(t), a = Object.keys(i);
-  function l(m) {
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
+  function l(p) {
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
   }
-  function u(m) {
-    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
+  function u(p) {
+    return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
   }
-  function d(m, b) {
+  function d(p, b) {
     const h = a.indexOf(b);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(h !== -1 && typeof t[a[h]] == "number" ? t[a[h]] : b) - n / 100}${r})`;
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(h !== -1 && typeof t[a[h]] == "number" ? t[a[h]] : b) - n / 100}${r})`;
   }
-  function p(m) {
-    return a.indexOf(m) + 1 < a.length ? d(m, a[a.indexOf(m) + 1]) : l(m);
+  function m(p) {
+    return a.indexOf(p) + 1 < a.length ? d(p, a[a.indexOf(p) + 1]) : l(p);
   }
-  function y(m) {
-    const b = a.indexOf(m);
-    return b === 0 ? l(a[1]) : b === a.length - 1 ? u(a[b]) : d(m, a[a.indexOf(m) + 1]).replace("@media", "@media not all and");
+  function y(p) {
+    const b = a.indexOf(p);
+    return b === 0 ? l(a[1]) : b === a.length - 1 ? u(a[b]) : d(p, a[a.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: a,
@@ -1589,7 +1589,7 @@ function hs(e) {
     up: l,
     down: u,
     between: d,
-    only: p,
+    only: m,
     not: y,
     unit: r,
     ...o
@@ -1617,7 +1617,7 @@ function ys(e, t) {
   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\`.` : je(18, `(${t})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : ze(18, `(${t})`));
     return null;
   }
   const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
@@ -1639,7 +1639,7 @@ function bs(e) {
 }
 const vs = {
   borderRadius: 4
-}, We = process.env.NODE_ENV !== "production" ? s.oneOfType([s.number, s.string, s.object, s.array]) : {};
+}, Le = process.env.NODE_ENV !== "production" ? s.oneOfType([s.number, s.string, s.object, s.array]) : {};
 function gt(e, t) {
   return t ? he(e, t, {
     clone: !1
@@ -1756,14 +1756,14 @@ function de(e) {
       return null;
     const l = a[t], u = a.theme, d = Xt(u, n) || {};
     return we(a, l, (y) => {
-      let m = Wt(d, o, y);
-      return y === m && typeof y == "string" && (m = Wt(d, o, `${t}${y === "default" ? "" : Z(y)}`, y)), r === !1 ? m : {
-        [r]: m
+      let p = Wt(d, o, y);
+      return y === p && typeof y == "string" && (p = Wt(d, o, `${t}${y === "default" ? "" : Z(y)}`, y)), r === !1 ? p : {
+        [r]: p
       };
     });
   };
   return i.propTypes = process.env.NODE_ENV !== "production" ? {
-    [t]: We
+    [t]: Le
   } : {}, i.filterProps = [t], i;
 }
 function Ts(e) {
@@ -1809,11 +1809,11 @@ function xt(e, t, r, n) {
 function Zt(e) {
   return xt(e, "spacing", 8, "spacing");
 }
-function Ke(e, t) {
+function Xe(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
 function Rs(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = Ke(t, r), n), {});
+  return (r) => e.reduce((n, o) => (n[o] = Xe(t, r), n), {});
 }
 function ks(e, t, r, n) {
   if (!t.includes(r))
@@ -1828,14 +1828,14 @@ function Io(e, t) {
 function le(e) {
   return Io(e, Qt);
 }
-le.propTypes = process.env.NODE_ENV !== "production" ? Qt.reduce((e, t) => (e[t] = We, e), {}) : {};
+le.propTypes = process.env.NODE_ENV !== "production" ? Qt.reduce((e, t) => (e[t] = Le, e), {}) : {};
 le.filterProps = Qt;
 function ce(e) {
   return Io(e, Jt);
 }
-ce.propTypes = process.env.NODE_ENV !== "production" ? Jt.reduce((e, t) => (e[t] = We, e), {}) : {};
+ce.propTypes = process.env.NODE_ENV !== "production" ? Jt.reduce((e, t) => (e[t] = Le, e), {}) : {};
 ce.filterProps = Jt;
-process.env.NODE_ENV !== "production" && $s.reduce((e, t) => (e[t] = We, e), {});
+process.env.NODE_ENV !== "production" && $s.reduce((e, t) => (e[t] = Le, e), {});
 function Mo(e = 8, t = Zt({
   spacing: e
 })) {
@@ -1863,57 +1863,57 @@ function Ce(e, t) {
     transform: t
   });
 }
-const As = Ce("border", ve), Ps = Ce("borderTop", ve), Is = Ce("borderRight", ve), Ms = Ce("borderBottom", ve), _s = Ce("borderLeft", ve), Ns = Ce("borderColor"), Bs = Ce("borderTopColor"), Ds = Ce("borderRightColor"), Vs = Ce("borderBottomColor"), js = Ce("borderLeftColor"), zs = Ce("outline", ve), Ws = Ce("outlineColor"), tr = (e) => {
+const As = Ce("border", ve), Ps = Ce("borderTop", ve), Is = Ce("borderRight", ve), Ms = Ce("borderBottom", ve), _s = Ce("borderLeft", ve), Ns = Ce("borderColor"), Bs = Ce("borderTopColor"), Ds = Ce("borderRightColor"), js = Ce("borderBottomColor"), Vs = Ce("borderLeftColor"), zs = Ce("outline", ve), Ws = Ce("outlineColor"), tr = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = xt(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: Ke(t, n)
+      borderRadius: Xe(t, n)
     });
     return we(e, e.borderRadius, r);
   }
   return null;
 };
 tr.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: We
+  borderRadius: Le
 } : {};
 tr.filterProps = ["borderRadius"];
-er(As, Ps, Is, Ms, _s, Ns, Bs, Ds, Vs, js, tr, zs, Ws);
+er(As, Ps, Is, Ms, _s, Ns, Bs, Ds, js, Vs, tr, zs, Ws);
 const rr = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = xt(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: Ke(t, n)
+      gap: Xe(t, n)
     });
     return we(e, e.gap, r);
   }
   return null;
 };
 rr.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: We
+  gap: Le
 } : {};
 rr.filterProps = ["gap"];
 const nr = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
     const t = xt(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: Ke(t, n)
+      columnGap: Xe(t, n)
     });
     return we(e, e.columnGap, r);
   }
   return null;
 };
 nr.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: We
+  columnGap: Le
 } : {};
 nr.filterProps = ["columnGap"];
 const or = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
     const t = xt(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: Ke(t, n)
+      rowGap: Xe(t, n)
     });
     return we(e, e.rowGap, r);
   }
   return null;
 };
 or.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: We
+  rowGap: Le
 } : {};
 or.filterProps = ["rowGap"];
 const Ls = de({
@@ -2312,7 +2312,7 @@ function la() {
     const {
       cssProperty: u = r,
       themeKey: d,
-      transform: p,
+      transform: m,
       style: y
     } = l;
     if (n == null)
@@ -2321,10 +2321,10 @@ function la() {
       return {
         [r]: n
       };
-    const m = Xt(o, d) || {};
+    const p = Xt(o, d) || {};
     return y ? y(a) : we(a, n, (h) => {
-      let f = Wt(m, p, h);
-      return h === f && typeof h == "string" && (f = Wt(m, p, `${r}${h === "default" ? "" : Z(h)}`, h)), u === !1 ? f : {
+      let f = Wt(p, m, h);
+      return h === f && typeof h == "string" && (f = Wt(p, m, `${r}${h === "default" ? "" : Z(h)}`, h)), u === !1 ? f : {
         [u]: f
       };
     });
@@ -2346,38 +2346,38 @@ function la() {
         return u;
       if (!d)
         return null;
-      const p = Po(o.breakpoints), y = Object.keys(p);
-      let m = p;
+      const m = Po(o.breakpoints), y = Object.keys(m);
+      let p = m;
       return Object.keys(d).forEach((b) => {
         const h = aa(d[b], o);
         if (h != null)
           if (typeof h == "object")
             if (a[b])
-              m = gt(m, e(b, h, o, a));
+              p = gt(p, e(b, h, o, a));
             else {
               const f = we({
                 theme: o
               }, h, (g) => ({
                 [b]: g
               }));
-              sa(f, h) ? m[b] = t({
+              sa(f, h) ? p[b] = t({
                 sx: h,
                 theme: o,
                 nested: !0
-              }) : m = gt(m, f);
+              }) : p = gt(p, f);
             }
           else
-            m = gt(m, e(b, h, o, a));
+            p = gt(p, e(b, h, o, a));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": wn(o, Er(y, m))
-      } : wn(o, Er(y, m));
+        "@layer sx": wn(o, Er(y, p))
+      } : wn(o, Er(y, p));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
   return t;
 }
-const Xe = la();
-Xe.filterProps = ["sx"];
+const Qe = la();
+Qe.filterProps = ["sx"];
 function ca(e, t) {
   const r = this;
   if (r.vars) {
@@ -2413,11 +2413,11 @@ function Tt(e = {}, ...t) {
       ...i
     }
   }, a);
-  return d = bs(d), d.applyStyles = ca, d = t.reduce((p, y) => he(p, y), d), d.unstable_sxConfig = {
+  return d = bs(d), d.applyStyles = ca, d = t.reduce((m, y) => he(m, y), d), d.unstable_sxConfig = {
     ...Ct,
     ...a?.unstable_sxConfig
   }, d.unstable_sx = function(y) {
-    return Xe({
+    return Qe({
       sx: y,
       theme: this
     });
@@ -2461,18 +2461,18 @@ function _o(e) {
     ...r
   } = e, n = {
     variants: t,
-    style: Ye(r),
+    style: He(r),
     isProcessed: !0
   };
   return n.style === r || t && t.forEach((o) => {
-    typeof o.style != "function" && (o.style = Ye(o.style));
+    typeof o.style != "function" && (o.style = He(o.style));
   }), n;
 }
 const fa = Tt();
 function Sr(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function Ge(e, t) {
+function Ue(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
 function da(e) {
@@ -2488,17 +2488,17 @@ function Bt(e, t, r) {
   if (Array.isArray(n?.variants)) {
     let o;
     if (n.isProcessed)
-      o = r ? Ge(n.style, r) : n.style;
+      o = r ? Ue(n.style, r) : n.style;
     else {
       const {
         variants: i,
         ...a
       } = n;
-      o = r ? Ge(Ye(a), r) : a;
+      o = r ? Ue(He(a), r) : a;
     }
     return No(e, n.variants, [o], r);
   }
-  return n?.isProcessed ? r ? Ge(Ye(n.style), r) : n.style : r ? Ge(Ye(n), r) : n;
+  return n?.isProcessed ? r ? Ue(He(n.style), r) : n.style : r ? Ue(He(n), r) : n;
 }
 function No(e, t, r = [], n = void 0) {
   let o;
@@ -2519,7 +2519,7 @@ function No(e, t, r = [], n = void 0) {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }, r.push(n ? Ge(Ye(a.style(o)), n) : a.style(o))) : r.push(n ? Ge(Ye(a.style), n) : a.style);
+    }, r.push(n ? Ue(He(a.style(o)), n) : a.style(o))) : r.push(n ? Ue(He(a.style), n) : a.style);
   }
   return r;
 }
@@ -2534,63 +2534,63 @@ function Bo(e = {}) {
     pa(l, t, r);
   }
   return (l, u = {}) => {
-    cs(l, (w) => w.filter((V) => V !== Xe));
+    cs(l, (T) => T.filter((D) => D !== Qe));
     const {
       name: d,
-      slot: p,
+      slot: m,
       skipVariantsResolver: y,
-      skipSx: m,
+      skipSx: p,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: b = da(Do(p)),
+      overridesResolver: b = da(Do(m)),
       ...h
-    } = u, f = d && d.startsWith("Mui") || p ? "components" : "custom", g = y !== void 0 ? y : (
+    } = u, f = d && d.startsWith("Mui") || m ? "components" : "custom", g = y !== void 0 ? y : (
       // 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
-    ), C = m || !1;
+      m && m !== "Root" && m !== "root" || !1
+    ), C = p || !1;
     let k = Sr;
-    p === "Root" || p === "root" ? k = n : p ? k = o : ya(l) && (k = void 0);
-    const I = Ro(l, {
+    m === "Root" || m === "root" ? k = n : m ? k = o : ya(l) && (k = void 0);
+    const M = Ro(l, {
       shouldForwardProp: k,
-      label: ha(d, p),
+      label: ha(d, m),
       ...h
-    }), $ = (w) => {
-      if (w.__emotion_real === w)
-        return w;
-      if (typeof w == "function")
-        return function(G) {
-          return Bt(G, w, G.theme.modularCssLayers ? f : void 0);
+    }), $ = (T) => {
+      if (T.__emotion_real === T)
+        return T;
+      if (typeof T == "function")
+        return function(q) {
+          return Bt(q, T, q.theme.modularCssLayers ? f : void 0);
         };
-      if (Re(w)) {
-        const V = _o(w);
-        return function(j) {
-          return V.variants ? Bt(j, V, j.theme.modularCssLayers ? f : void 0) : j.theme.modularCssLayers ? Ge(V.style, f) : V.style;
+      if (Re(T)) {
+        const D = _o(T);
+        return function(V) {
+          return D.variants ? Bt(V, D, V.theme.modularCssLayers ? f : void 0) : V.theme.modularCssLayers ? Ue(D.style, f) : D.style;
         };
       }
-      return w;
-    }, S = (...w) => {
-      const V = [], G = w.map($), j = [];
-      if (V.push(i), d && b && j.push(function(T) {
-        const N = T.theme.components?.[d]?.styleOverrides;
-        if (!N)
+      return T;
+    }, S = (...T) => {
+      const D = [], q = T.map($), V = [];
+      if (D.push(i), d && b && V.push(function(w) {
+        const P = w.theme.components?.[d]?.styleOverrides;
+        if (!P)
           return null;
-        const M = {};
-        for (const D in N)
-          M[D] = Bt(T, N[D], T.theme.modularCssLayers ? "theme" : void 0);
-        return b(T, M);
-      }), d && !g && j.push(function(T) {
-        const N = T.theme?.components?.[d]?.variants;
-        return N ? No(T, N, [], T.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), C || j.push(Xe), Array.isArray(G[0])) {
-        const c = G.shift(), T = new Array(V.length).fill(""), x = new Array(j.length).fill("");
-        let N;
-        N = [...T, ...c, ...x], N.raw = [...T, ...c.raw, ...x], V.unshift(N);
+        const _ = {};
+        for (const G in P)
+          _[G] = Bt(w, P[G], w.theme.modularCssLayers ? "theme" : void 0);
+        return b(w, _);
+      }), d && !g && V.push(function(w) {
+        const P = w.theme?.components?.[d]?.variants;
+        return P ? No(w, P, [], w.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), C || V.push(Qe), Array.isArray(q[0])) {
+        const c = q.shift(), w = new Array(D.length).fill(""), x = new Array(V.length).fill("");
+        let P;
+        P = [...w, ...c, ...x], P.raw = [...w, ...c.raw, ...x], D.unshift(P);
       }
-      const W = [...V, ...G, ...j], P = I(...W);
-      return l.muiName && (P.muiName = l.muiName), process.env.NODE_ENV !== "production" && (P.displayName = ma(d, p, l)), P;
+      const L = [...D, ...q, ...V], I = M(...L);
+      return l.muiName && (I.muiName = l.muiName), process.env.NODE_ENV !== "production" && (I.displayName = ma(d, m, l)), I;
     };
-    return I.withConfig && (S.withConfig = I.withConfig), S;
+    return M.withConfig && (S.withConfig = M.withConfig), S;
   };
 }
 function ma(e, t, r) {
@@ -2614,7 +2614,7 @@ function ya(e) {
 function Do(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-const Vo = Bo();
+const jo = Bo();
 function yt(e, t, r = !1) {
   const n = {
     ...t
@@ -2669,7 +2669,7 @@ const xa = Tt();
 function sr(e = xa) {
   return Sa(e);
 }
-function jo({
+function Vo({
   props: e,
   name: t,
   defaultTheme: r,
@@ -2844,12 +2844,12 @@ function Ma(e, t) {
     Rn.includes(n) || Rn.push(n);
   });
 }
-const _a = Tt(), Na = Vo("div", {
+const _a = Tt(), Na = jo("div", {
   name: "MuiGrid",
   slot: "Root"
 });
 function Ba(e) {
-  return jo({
+  return Vo({
     props: e,
     name: "MuiGrid",
     defaultTheme: _a
@@ -2862,66 +2862,66 @@ function Da(e = {}) {
     useThemeProps: r = Ba,
     useTheme: n = sr,
     componentName: o = "MuiGrid"
-  } = e, i = (d, p) => {
+  } = e, i = (d, m) => {
     const {
       container: y,
-      direction: m,
+      direction: p,
       spacing: b,
       wrap: h,
       size: f
     } = d, g = {
-      root: ["root", y && "container", h !== "wrap" && `wrap-xs-${String(h)}`, ...Ia(m), ...Aa(f), ...y ? Pa(b, p.breakpoints.keys[0]) : []]
+      root: ["root", y && "container", h !== "wrap" && `wrap-xs-${String(h)}`, ...Ia(p), ...Aa(f), ...y ? Pa(b, m.breakpoints.keys[0]) : []]
     };
     return Ae(g, (C) => xe(o, C), {});
   };
-  function a(d, p, y = () => !0) {
-    const m = {};
+  function a(d, m, y = () => !0) {
+    const p = {};
     return d === null || (Array.isArray(d) ? d.forEach((b, h) => {
-      b !== null && y(b) && p.keys[h] && (m[p.keys[h]] = b);
+      b !== null && y(b) && m.keys[h] && (p[m.keys[h]] = b);
     }) : typeof d == "object" ? Object.keys(d).forEach((b) => {
       const h = d[b];
-      h != null && y(h) && (m[b] = h);
-    }) : m[p.keys[0]] = d), m;
+      h != null && y(h) && (p[b] = h);
+    }) : p[m.keys[0]] = d), p;
   }
-  const l = t(Ea, $a, Oa, Ta, Ra, ka, wa), u = /* @__PURE__ */ B.forwardRef(function(p, y) {
-    const m = n(), b = r(p), h = ir(b);
-    Ma(h, m.breakpoints);
+  const l = t(Ea, $a, Oa, Ta, Ra, ka, wa), u = /* @__PURE__ */ B.forwardRef(function(m, y) {
+    const p = n(), b = r(m), h = ir(b);
+    Ma(h, p.breakpoints);
     const {
       className: f,
       children: g,
       columns: C = 12,
       container: k = !1,
-      component: I = "div",
+      component: M = "div",
       direction: $ = "row",
       wrap: S = "wrap",
-      size: w = {},
-      offset: V = {},
-      spacing: G = 0,
-      rowSpacing: j = G,
-      columnSpacing: W = G,
-      unstable_level: P = 0,
+      size: T = {},
+      offset: D = {},
+      spacing: q = 0,
+      rowSpacing: V = q,
+      columnSpacing: L = q,
+      unstable_level: I = 0,
       ...c
-    } = h, T = a(w, m.breakpoints, (R) => R !== !1), x = a(V, m.breakpoints), N = p.columns ?? (P ? void 0 : C), M = p.spacing ?? (P ? void 0 : G), D = p.rowSpacing ?? p.spacing ?? (P ? void 0 : j), F = p.columnSpacing ?? p.spacing ?? (P ? void 0 : W), U = {
+    } = h, w = a(T, p.breakpoints, (R) => R !== !1), x = a(D, p.breakpoints), P = m.columns ?? (I ? void 0 : C), _ = m.spacing ?? (I ? void 0 : q), G = m.rowSpacing ?? m.spacing ?? (I ? void 0 : V), z = m.columnSpacing ?? m.spacing ?? (I ? void 0 : L), U = {
       ...h,
-      level: P,
-      columns: N,
+      level: I,
+      columns: P,
       container: k,
       direction: $,
       wrap: S,
-      spacing: M,
-      rowSpacing: D,
-      columnSpacing: F,
-      size: T,
+      spacing: _,
+      rowSpacing: G,
+      columnSpacing: z,
+      size: w,
       offset: x
-    }, O = i(U, m);
+    }, O = i(U, p);
     return /* @__PURE__ */ E(l, {
       ref: y,
-      as: I,
+      as: M,
       ownerState: U,
       className: ue(O.root, f),
       ...c,
       children: B.Children.map(g, (R) => /* @__PURE__ */ B.isValidElement(R) && Zi(R, ["Grid"]) && k && R.props.container ? /* @__PURE__ */ B.cloneElement(R, {
-        unstable_level: R.props?.unstable_level ?? P + 1
+        unstable_level: R.props?.unstable_level ?? I + 1
       }) : R)
     });
   });
@@ -2947,16 +2947,16 @@ function Pe(e, t, r = "Mui") {
     n[o] = xe(e, o, r);
   }), n;
 }
-function Va(e, t) {
+function ja(e, t) {
   if (process.env.NODE_ENV === "production")
     return () => () => null;
   const r = t ? {
     ...t.propTypes
   } : null;
-  return (o) => (i, a, l, u, d, ...p) => {
-    const y = d || a, m = r?.[y];
-    if (m) {
-      const b = m(i, a, l, u, d, ...p);
+  return (o) => (i, a, l, u, d, ...m) => {
+    const y = d || a, p = r?.[y];
+    if (p) {
+      const b = p(i, a, l, u, d, ...m);
       if (b)
         return b;
     }
@@ -2964,7 +2964,7 @@ function Va(e, t) {
   };
 }
 const Ur = "$$material";
-function ja(e = {}) {
+function Va(e = {}) {
   const {
     themeId: t,
     defaultTheme: r,
@@ -2972,18 +2972,18 @@ function ja(e = {}) {
     generateClassName: o
   } = e, i = Ro("div", {
     shouldForwardProp: (l) => l !== "theme" && l !== "sx" && l !== "as"
-  })(Xe);
+  })(Qe);
   return /* @__PURE__ */ B.forwardRef(function(u, d) {
-    const p = sr(r), {
+    const m = sr(r), {
       className: y,
-      component: m = "div",
+      component: p = "div",
       ...b
     } = ir(u);
     return /* @__PURE__ */ E(i, {
-      as: m,
+      as: p,
       ref: d,
       className: ue(y, o ? o(n) : n),
-      theme: t && p[t] || p,
+      theme: t && m[t] || m,
       ...b
     });
   });
@@ -3001,20 +3001,20 @@ function La(e) {
   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), 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 ze(e) {
+function We(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return ze(La(e));
+    return We(La(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().` : je(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : ze(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.` : je(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : ze(10, o));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -3024,7 +3024,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
 }
 const Fa = (e) => {
-  const t = ze(e);
+  const t = We(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
 }, mt = (e, t) => {
   try {
@@ -3044,10 +3044,10 @@ function lr(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 zo(e) {
-  e = ze(e);
+  e = We(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (d, p = (d + r / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 1), -1);
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (d, m = (d + r / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
   let l = "rgb";
   const u = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
   return e.type === "hsla" && (l += "a", u.push(t[3])), lr({
@@ -3056,8 +3056,8 @@ function zo(e) {
   });
 }
 function Or(e) {
-  e = ze(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? ze(zo(e)).values : e.values;
+  e = We(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? We(zo(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 kn(e, t) {
@@ -3065,9 +3065,9 @@ function kn(e, t) {
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function Ft(e, t) {
-  return e = ze(e), t = Yr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, lr(e);
+  return e = We(e), t = Yr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, lr(e);
 }
-function Le(e, t, r) {
+function Fe(e, t, r) {
   try {
     return Ft(e, t);
   } catch {
@@ -3075,7 +3075,7 @@ function Le(e, t, r) {
   }
 }
 function cr(e, t) {
-  if (e = ze(e), t = Yr(t), e.type.includes("hsl"))
+  if (e = We(e), t = Yr(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)
@@ -3090,7 +3090,7 @@ function ne(e, t, r) {
   }
 }
 function ur(e, t) {
-  if (e = ze(e), t = Yr(t), e.type.includes("hsl"))
+  if (e = We(e), t = Yr(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)
@@ -3201,10 +3201,10 @@ function xr(e, t) {
     e,
     (l, u, d) => {
       if ((typeof u == "string" || typeof u == "number") && (!n || !n(l, u))) {
-        const p = `--${r ? `${r}-` : ""}${l.join("-")}`, y = Za(l, u);
+        const m = `--${r ? `${r}-` : ""}${l.join("-")}`, y = Za(l, u);
         Object.assign(o, {
-          [p]: y
-        }), Mn(i, l, `var(${p})`, d), Mn(a, l, `var(${p}, ${y})`, d);
+          [m]: y
+        }), Mn(i, l, `var(${m})`, d), Mn(a, l, `var(${m}, ${y})`, d);
       }
     },
     (l) => l[0] === "vars"
@@ -3227,47 +3227,47 @@ function el(e, t = {}) {
     defaultColorScheme: u = "light",
     ...d
   } = e, {
-    vars: p,
+    vars: m,
     css: y,
-    varsWithDefaults: m
+    varsWithDefaults: p
   } = xr(d, t);
-  let b = m;
+  let b = p;
   const h = {}, {
     [u]: f,
     ...g
   } = a;
   if (Object.entries(g || {}).forEach(([$, S]) => {
     const {
-      vars: w,
-      css: V,
-      varsWithDefaults: G
+      vars: T,
+      css: D,
+      varsWithDefaults: q
     } = xr(S, t);
-    b = he(b, G), h[$] = {
-      css: V,
-      vars: w
+    b = he(b, q), h[$] = {
+      css: D,
+      vars: T
     };
   }), f) {
     const {
       css: $,
       vars: S,
-      varsWithDefaults: w
+      varsWithDefaults: T
     } = xr(f, t);
-    b = he(b, w), h[u] = {
+    b = he(b, T), h[u] = {
       css: $,
       vars: S
     };
   }
   function C($, S) {
-    let w = o;
-    if (o === "class" && (w = ".%s"), o === "data" && (w = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (w = `[${o}="%s"]`), $) {
-      if (w === "media")
+    let T = o;
+    if (o === "class" && (T = ".%s"), o === "data" && (T = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (T = `[${o}="%s"]`), $) {
+      if (T === "media")
         return e.defaultColorScheme === $ ? ":root" : {
           [`@media (prefers-color-scheme: ${a[$]?.palette?.mode || $})`]: {
             ":root": S
           }
         };
-      if (w)
-        return e.defaultColorScheme === $ ? `:root, ${w.replace("%s", String($))}` : w.replace("%s", String($));
+      if (T)
+        return e.defaultColorScheme === $ ? `:root, ${T.replace("%s", String($))}` : T.replace("%s", String($));
     }
     return ":root";
   }
@@ -3275,7 +3275,7 @@ function el(e, t = {}) {
     vars: b,
     generateThemeVars: () => {
       let $ = {
-        ...p
+        ...m
       };
       return Object.entries(h).forEach(([, {
         vars: S
@@ -3285,43 +3285,43 @@ function el(e, t = {}) {
     },
     generateStyleSheets: () => {
       const $ = [], S = e.defaultColorScheme || "light";
-      function w(j, W) {
-        Object.keys(W).length && $.push(typeof j == "string" ? {
-          [j]: {
-            ...W
+      function T(V, L) {
+        Object.keys(L).length && $.push(typeof V == "string" ? {
+          [V]: {
+            ...L
           }
-        } : j);
+        } : V);
       }
-      w(r(void 0, {
+      T(r(void 0, {
         ...y
       }), y);
       const {
-        [S]: V,
-        ...G
+        [S]: D,
+        ...q
       } = h;
-      if (V) {
+      if (D) {
         const {
-          css: j
-        } = V, W = a[S]?.palette?.mode, P = !n && W ? {
-          colorScheme: W,
-          ...j
+          css: V
+        } = D, L = a[S]?.palette?.mode, I = !n && L ? {
+          colorScheme: L,
+          ...V
         } : {
-          ...j
+          ...V
         };
-        w(r(S, {
-          ...P
-        }), P);
+        T(r(S, {
+          ...I
+        }), I);
       }
-      return Object.entries(G).forEach(([j, {
-        css: W
+      return Object.entries(q).forEach(([V, {
+        css: L
       }]) => {
-        const P = a[j]?.palette?.mode, c = !n && P ? {
-          colorScheme: P,
-          ...W
+        const I = a[V]?.palette?.mode, c = !n && I ? {
+          colorScheme: I,
+          ...L
         } : {
-          ...W
+          ...L
         };
-        w(r(j, {
+        T(r(V, {
           ...c
         }), c);
       }), i && $.push({
@@ -3341,12 +3341,12 @@ function tl(e) {
     return e === "media" ? (process.env.NODE_ENV, `@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 rl = Tt(), nl = Vo("div", {
+const rl = Tt(), nl = jo("div", {
   name: "MuiStack",
   slot: "Root"
 });
 function ol(e) {
-  return jo({
+  return Vo({
     props: e,
     name: "MuiStack",
     defaultTheme: rl
@@ -3387,15 +3387,15 @@ const sl = (e) => ({
       values: e.spacing,
       base: o
     });
-    typeof i == "object" && Object.keys(i).forEach((u, d, p) => {
+    typeof i == "object" && Object.keys(i).forEach((u, d, m) => {
       if (!i[u]) {
-        const m = d > 0 ? i[p[d - 1]] : "column";
-        i[u] = m;
+        const p = d > 0 ? i[m[d - 1]] : "column";
+        i[u] = p;
       }
     }), r = he(r, we({
       theme: t
     }, a, (u, d) => e.useFlexGap ? {
-      gap: Ke(n, u)
+      gap: Xe(n, u)
     } : {
       // The useFlexGap={false} implement relies on each child to give up control of the margin.
       // We need to reset the margin to avoid double spacing.
@@ -3403,7 +3403,7 @@ const sl = (e) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${sl(d ? i[d] : e.direction)}`]: Ke(n, u)
+        [`margin${sl(d ? i[d] : e.direction)}`]: Xe(n, u)
       }
     }));
   }
@@ -3418,26 +3418,26 @@ function ll(e = {}) {
   } = e, o = () => Ae({
     root: ["root"]
   }, (u) => xe(n, u), {}), i = t(al), a = /* @__PURE__ */ B.forwardRef(function(u, d) {
-    const p = r(u), y = ir(p), {
-      component: m = "div",
+    const m = r(u), y = ir(m), {
+      component: p = "div",
       direction: b = "column",
       spacing: h = 0,
       divider: f,
       children: g,
       className: C,
       useFlexGap: k = !1,
-      ...I
+      ...M
     } = y, $ = {
       direction: b,
       spacing: h,
       useFlexGap: k
     }, S = o();
     return /* @__PURE__ */ E(i, {
-      as: m,
+      as: p,
       ownerState: $,
       ref: d,
       className: ue(S.root, C),
-      ...I,
+      ...M,
       children: f ? il(g, f) : g
     });
   });
@@ -3467,14 +3467,14 @@ const bt = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, Qe = {
+}, Je = {
   50: "#f3e5f5",
   200: "#ce93d8",
   300: "#ba68c8",
   400: "#ab47bc",
   500: "#9c27b0",
   700: "#7b1fa2"
-}, Je = {
+}, Ze = {
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
@@ -3486,19 +3486,19 @@ const bt = {
   500: "#ff9800",
   700: "#f57c00",
   900: "#e65100"
-}, Ze = {
+}, et = {
   50: "#e3f2fd",
   200: "#90caf9",
   400: "#42a5f5",
   700: "#1976d2",
   800: "#1565c0"
-}, et = {
+}, tt = {
   300: "#4fc3f7",
   400: "#29b6f6",
   500: "#03a9f4",
   700: "#0288d1",
   900: "#01579b"
-}, tt = {
+}, rt = {
   300: "#81c784",
   400: "#66bb6a",
   500: "#4caf50",
@@ -3586,59 +3586,59 @@ function Nn(e, t, r, n, o) {
 }
 function ul(e = "light") {
   return e === "dark" ? {
-    main: Ze[200],
-    light: Ze[50],
-    dark: Ze[400]
+    main: et[200],
+    light: et[50],
+    dark: et[400]
   } : {
-    main: Ze[700],
-    light: Ze[400],
-    dark: Ze[800]
+    main: et[700],
+    light: et[400],
+    dark: et[800]
   };
 }
 function fl(e = "light") {
   return e === "dark" ? {
-    main: Qe[200],
-    light: Qe[50],
-    dark: Qe[400]
+    main: Je[200],
+    light: Je[50],
+    dark: Je[400]
   } : {
-    main: Qe[500],
-    light: Qe[300],
-    dark: Qe[700]
-  };
-}
-function dl(e = "light") {
-  return e === "dark" ? {
     main: Je[500],
     light: Je[300],
     dark: Je[700]
-  } : {
-    main: Je[700],
-    light: Je[400],
-    dark: Je[800]
   };
 }
-function pl(e = "light") {
+function dl(e = "light") {
   return e === "dark" ? {
-    main: et[400],
-    light: et[300],
-    dark: et[700]
+    main: Ze[500],
+    light: Ze[300],
+    dark: Ze[700]
   } : {
-    main: et[700],
-    light: et[500],
-    dark: et[900]
+    main: Ze[700],
+    light: Ze[400],
+    dark: Ze[800]
   };
 }
-function ml(e = "light") {
+function pl(e = "light") {
   return e === "dark" ? {
     main: tt[400],
     light: tt[300],
     dark: tt[700]
   } : {
-    main: tt[800],
+    main: tt[700],
     light: tt[500],
     dark: tt[900]
   };
 }
+function ml(e = "light") {
+  return e === "dark" ? {
+    main: rt[400],
+    light: rt[300],
+    dark: rt[700]
+  } : {
+    main: rt[800],
+    light: rt[500],
+    dark: rt[900]
+  };
+}
 function hl(e = "light") {
   return e === "dark" ? {
     main: ft[400],
@@ -3661,8 +3661,8 @@ function Hr(e) {
     tonalOffset: n = 0.2,
     colorSpace: o,
     ...i
-  } = e, a = e.primary || ul(t), l = e.secondary || fl(t), u = e.error || dl(t), d = e.info || pl(t), p = e.success || ml(t), y = e.warning || hl(t);
-  function m(g) {
+  } = e, a = e.primary || ul(t), l = e.secondary || fl(t), u = e.error || dl(t), d = e.info || pl(t), m = e.success || ml(t), y = e.warning || hl(t);
+  function p(g) {
     if (o)
       return gl(g);
     const C = kn(g, $r.text.primary) >= r ? $r.text.primary : Fo.text.primary;
@@ -3672,14 +3672,14 @@ function Hr(e) {
     color: g,
     name: C,
     mainShade: k = 500,
-    lightShade: I = 300,
+    lightShade: M = 300,
     darkShade: $ = 700
   }) => {
     if (g = {
       ...g
     }, !g.main && g[k] && (g.main = g[k]), !g.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${k}\` property.` : je(11, C ? ` (${C})` : "", k));
+The color object needs to have a \`main\` property or a \`${k}\` property.` : ze(11, C ? ` (${C})` : "", k));
     if (typeof g.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(g.main)}\` was provided instead.
@@ -3694,8 +3694,8 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : je(12, C ? ` (${C})` : "", JSON.stringify(g.main)));
-    return o ? (Nn(o, g, "light", I, n), Nn(o, g, "dark", $, n)) : (_n(g, "light", I, n), _n(g, "dark", $, n)), g.contrastText || (g.contrastText = m(g.main)), g;
+} });` : ze(12, C ? ` (${C})` : "", JSON.stringify(g.main)));
+    return o ? (Nn(o, g, "light", M, n), Nn(o, g, "dark", $, n)) : (_n(g, "light", M, n), _n(g, "dark", $, n)), g.contrastText || (g.contrastText = p(g.main)), g;
   };
   let h;
   return t === "light" ? h = Lo() : t === "dark" && (h = qo()), process.env.NODE_ENV, he({
@@ -3736,7 +3736,7 @@ const theme2 = createTheme({ palette: {
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
     success: b({
-      color: p,
+      color: m,
       name: "success"
     }),
     // The grey colors.
@@ -3745,7 +3745,7 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: m,
+    getContrastText: p,
     // Generate a rich color object.
     augmentColor: b,
     // Used by the functions below to shift a color's luminance by approximately
@@ -3800,11 +3800,11 @@ function Sl(e, t) {
     htmlFontSize: u = 16,
     // Apply the CSS properties to all the variants.
     allVariants: d,
-    pxToRem: p,
+    pxToRem: m,
     ...y
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV;
-  const m = n / 14, b = p || ((g) => `${g / u * m}rem`), h = (g, C, k, I, $) => ({
+  const p = n / 14, b = m || ((g) => `${g / u * p}rem`), h = (g, C, k, M, $) => ({
     fontFamily: r,
     fontWeight: g,
     fontSize: b(C),
@@ -3813,7 +3813,7 @@ function Sl(e, t) {
     // 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 === Dn ? {
-      letterSpacing: `${vl(I / C)}em`
+      letterSpacing: `${vl(M / C)}em`
     } : {},
     ...$,
     ...d
@@ -3882,7 +3882,7 @@ const wl = ["none", ae(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ae(0, 3, 1, -2, 0,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function Vn(e) {
+function jn(e) {
   return `${Math.round(e)}ms`;
 }
 function $l(e) {
@@ -3909,10 +3909,10 @@ function Rl(e) {
         ...d
       } = i;
       if (process.env.NODE_ENV !== "production") {
-        const p = (m) => typeof m == "string", y = (m) => !Number.isNaN(parseFloat(m));
-        !p(o) && Array.isArray(o), !y(a) && p(a), p(l), !y(u) && p(u), Object.keys(d).length;
+        const m = (p) => typeof p == "string", y = (p) => !Number.isNaN(parseFloat(p));
+        !m(o) && Array.isArray(o), !y(a) && m(a), m(l), !y(u) && m(u), Object.keys(d).length;
       }
-      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof a == "string" ? a : Vn(a)} ${l} ${typeof u == "string" ? u : Vn(u)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof a == "string" ? a : jn(a)} ${l} ${typeof u == "string" ? u : jn(u)}`).join(",");
     },
     ...e,
     easing: t,
@@ -3954,7 +3954,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function jn(e) {
+function Vn(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
 const Pl = (e) => {
@@ -3976,11 +3976,11 @@ function Il(e) {
     },
     lighten(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${jn(r)})` : ur(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${Vn(r)})` : ur(t, r);
     },
     darken(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${jn(r)})` : cr(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${Vn(r)})` : cr(t, r);
     }
   });
 }
@@ -3994,18 +3994,18 @@ function Rr(e = {}, ...t) {
     typography: l = {},
     shape: u,
     colorSpace: d,
-    ...p
+    ...m
   } = e;
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : je(20));
+    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." : ze(20));
   const y = Hr({
     ...i,
     colorSpace: d
-  }), m = Tt(e);
-  let b = he(m, {
-    mixins: bl(m.breakpoints, n),
+  }), p = Tt(e);
+  let b = he(p, {
+    mixins: bl(p.breakpoints, n),
     palette: y,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: wl.slice(),
@@ -4015,12 +4015,12 @@ function Rr(e = {}, ...t) {
       ...kl
     }
   });
-  if (b = he(b, p), b = t.reduce((h, f) => he(h, f), b), process.env.NODE_ENV !== "production") {
+  if (b = he(b, m), b = t.reduce((h, f) => he(h, f), b), process.env.NODE_ENV !== "production") {
     const h = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], f = (g, C) => {
       let k;
       for (k in g) {
-        const I = g[k];
-        if (h.includes(k) && Object.keys(I).length > 0) {
+        const M = g[k];
+        if (h.includes(k) && Object.keys(M).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const $ = xe("", k);
           }
@@ -4035,9 +4035,9 @@ function Rr(e = {}, ...t) {
   }
   return b.unstable_sxConfig = {
     ...Ct,
-    ...p?.unstable_sxConfig
+    ...m?.unstable_sxConfig
   }, b.unstable_sx = function(f) {
-    return Xe({
+    return Qe({
       sx: f,
       theme: this
     });
@@ -4129,7 +4129,7 @@ const Bl = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function Vl(e, t) {
+function jl(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -4144,7 +4144,7 @@ function Ie(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = mt(ht(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 jl(e) {
+function Vl(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const $e = (e) => {
@@ -4202,24 +4202,24 @@ function Wl(e = {}, ...t) {
     shouldSkipGeneratingVar: l = Nl,
     colorSchemeSelector: u = r.light && r.dark ? "media" : void 0,
     rootSelector: d = ":root",
-    ...p
-  } = e, y = Object.keys(r)[0], m = n || (r.light && y !== "light" ? "light" : y), b = zl(i), {
-    [m]: h,
+    ...m
+  } = e, y = Object.keys(r)[0], p = n || (r.light && y !== "light" ? "light" : y), b = zl(i), {
+    [p]: h,
     light: f,
     dark: g,
     ...C
   } = r, k = {
     ...C
   };
-  let I = h;
-  if ((m === "dark" && !("dark" in r) || m === "light" && !("light" in r)) && (I = !0), !I)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : je(21, m));
+  let M = h;
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (M = !0), !M)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : ze(21, p));
   let $;
   a && ($ = "oklch");
-  const S = Cr($, k, I, p, m);
+  const S = Cr($, k, M, m, p);
   f && !k.light && Cr($, k, f, void 0, "light"), g && !k.dark && Cr($, k, g, void 0, "dark");
-  let w = {
-    defaultColorScheme: m,
+  let T = {
+    defaultColorScheme: p,
     ...S,
     cssVarPrefix: i,
     colorSchemeSelector: u,
@@ -4230,60 +4230,60 @@ function Wl(e = {}, ...t) {
       ...yl(S.typography),
       ...S.font
     },
-    spacing: jl(p.spacing)
+    spacing: Vl(m.spacing)
   };
-  Object.keys(w.colorSchemes).forEach((P) => {
-    const c = w.colorSchemes[P].palette, T = (N) => {
-      const M = N.split("-"), D = M[1], F = M[2];
-      return b(N, c[D][F]);
+  Object.keys(T.colorSchemes).forEach((I) => {
+    const c = T.colorSchemes[I].palette, w = (P) => {
+      const _ = P.split("-"), G = _[1], z = _[2];
+      return b(P, c[G][z]);
     };
     c.mode === "light" && (v(c.common, "background", "#fff"), v(c.common, "onBackground", "#000")), c.mode === "dark" && (v(c.common, "background", "#000"), v(c.common, "onBackground", "#fff"));
-    function x(N, M, D) {
+    function x(P, _, G) {
       if ($) {
-        let F;
-        return N === Le && (F = `transparent ${((1 - D) * 100).toFixed(0)}%`), N === ne && (F = `#000 ${(D * 100).toFixed(0)}%`), N === oe && (F = `#fff ${(D * 100).toFixed(0)}%`), `color-mix(in ${$}, ${M}, ${F})`;
+        let z;
+        return P === Fe && (z = `transparent ${((1 - G) * 100).toFixed(0)}%`), P === ne && (z = `#000 ${(G * 100).toFixed(0)}%`), P === oe && (z = `#fff ${(G * 100).toFixed(0)}%`), `color-mix(in ${$}, ${_}, ${z})`;
       }
-      return N(M, D);
+      return P(_, G);
     }
-    if (Vl(c, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), c.mode === "light") {
-      v(c.Alert, "errorColor", x(ne, c.error.light, 0.6)), v(c.Alert, "infoColor", x(ne, c.info.light, 0.6)), v(c.Alert, "successColor", x(ne, c.success.light, 0.6)), v(c.Alert, "warningColor", x(ne, c.warning.light, 0.6)), v(c.Alert, "errorFilledBg", T("palette-error-main")), v(c.Alert, "infoFilledBg", T("palette-info-main")), v(c.Alert, "successFilledBg", T("palette-success-main")), v(c.Alert, "warningFilledBg", T("palette-warning-main")), v(c.Alert, "errorFilledColor", $e(() => c.getContrastText(c.error.main))), v(c.Alert, "infoFilledColor", $e(() => c.getContrastText(c.info.main))), v(c.Alert, "successFilledColor", $e(() => c.getContrastText(c.success.main))), v(c.Alert, "warningFilledColor", $e(() => c.getContrastText(c.warning.main))), v(c.Alert, "errorStandardBg", x(oe, c.error.light, 0.9)), v(c.Alert, "infoStandardBg", x(oe, c.info.light, 0.9)), v(c.Alert, "successStandardBg", x(oe, c.success.light, 0.9)), v(c.Alert, "warningStandardBg", x(oe, c.warning.light, 0.9)), v(c.Alert, "errorIconColor", T("palette-error-main")), v(c.Alert, "infoIconColor", T("palette-info-main")), v(c.Alert, "successIconColor", T("palette-success-main")), v(c.Alert, "warningIconColor", T("palette-warning-main")), v(c.AppBar, "defaultBg", T("palette-grey-100")), v(c.Avatar, "defaultBg", T("palette-grey-400")), v(c.Button, "inheritContainedBg", T("palette-grey-300")), v(c.Button, "inheritContainedHoverBg", T("palette-grey-A100")), v(c.Chip, "defaultBorder", T("palette-grey-400")), v(c.Chip, "defaultAvatarColor", T("palette-grey-700")), v(c.Chip, "defaultIconColor", T("palette-grey-700")), v(c.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), v(c.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), v(c.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), v(c.LinearProgress, "primaryBg", x(oe, c.primary.main, 0.62)), v(c.LinearProgress, "secondaryBg", x(oe, c.secondary.main, 0.62)), v(c.LinearProgress, "errorBg", x(oe, c.error.main, 0.62)), v(c.LinearProgress, "infoBg", x(oe, c.info.main, 0.62)), v(c.LinearProgress, "successBg", x(oe, c.success.main, 0.62)), v(c.LinearProgress, "warningBg", x(oe, c.warning.main, 0.62)), v(c.Skeleton, "bg", $ ? x(Le, c.text.primary, 0.11) : `rgba(${T("palette-text-primaryChannel")} / 0.11)`), v(c.Slider, "primaryTrack", x(oe, c.primary.main, 0.62)), v(c.Slider, "secondaryTrack", x(oe, c.secondary.main, 0.62)), v(c.Slider, "errorTrack", x(oe, c.error.main, 0.62)), v(c.Slider, "infoTrack", x(oe, c.info.main, 0.62)), v(c.Slider, "successTrack", x(oe, c.success.main, 0.62)), v(c.Slider, "warningTrack", x(oe, c.warning.main, 0.62));
-      const N = $ ? x(ne, c.background.default, 0.6825) : It(c.background.default, 0.8);
-      v(c.SnackbarContent, "bg", N), v(c.SnackbarContent, "color", $e(() => $ ? $r.text.primary : c.getContrastText(N))), v(c.SpeedDialAction, "fabHoverBg", It(c.background.paper, 0.15)), v(c.StepConnector, "border", T("palette-grey-400")), v(c.StepContent, "border", T("palette-grey-400")), v(c.Switch, "defaultColor", T("palette-common-white")), v(c.Switch, "defaultDisabledColor", T("palette-grey-100")), v(c.Switch, "primaryDisabledColor", x(oe, c.primary.main, 0.62)), v(c.Switch, "secondaryDisabledColor", x(oe, c.secondary.main, 0.62)), v(c.Switch, "errorDisabledColor", x(oe, c.error.main, 0.62)), v(c.Switch, "infoDisabledColor", x(oe, c.info.main, 0.62)), v(c.Switch, "successDisabledColor", x(oe, c.success.main, 0.62)), v(c.Switch, "warningDisabledColor", x(oe, c.warning.main, 0.62)), v(c.TableCell, "border", x(oe, x(Le, c.divider, 1), 0.88)), v(c.Tooltip, "bg", x(Le, c.grey[700], 0.92));
+    if (jl(c, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), c.mode === "light") {
+      v(c.Alert, "errorColor", x(ne, c.error.light, 0.6)), v(c.Alert, "infoColor", x(ne, c.info.light, 0.6)), v(c.Alert, "successColor", x(ne, c.success.light, 0.6)), v(c.Alert, "warningColor", x(ne, c.warning.light, 0.6)), v(c.Alert, "errorFilledBg", w("palette-error-main")), v(c.Alert, "infoFilledBg", w("palette-info-main")), v(c.Alert, "successFilledBg", w("palette-success-main")), v(c.Alert, "warningFilledBg", w("palette-warning-main")), v(c.Alert, "errorFilledColor", $e(() => c.getContrastText(c.error.main))), v(c.Alert, "infoFilledColor", $e(() => c.getContrastText(c.info.main))), v(c.Alert, "successFilledColor", $e(() => c.getContrastText(c.success.main))), v(c.Alert, "warningFilledColor", $e(() => c.getContrastText(c.warning.main))), v(c.Alert, "errorStandardBg", x(oe, c.error.light, 0.9)), v(c.Alert, "infoStandardBg", x(oe, c.info.light, 0.9)), v(c.Alert, "successStandardBg", x(oe, c.success.light, 0.9)), v(c.Alert, "warningStandardBg", x(oe, c.warning.light, 0.9)), v(c.Alert, "errorIconColor", w("palette-error-main")), v(c.Alert, "infoIconColor", w("palette-info-main")), v(c.Alert, "successIconColor", w("palette-success-main")), v(c.Alert, "warningIconColor", w("palette-warning-main")), v(c.AppBar, "defaultBg", w("palette-grey-100")), v(c.Avatar, "defaultBg", w("palette-grey-400")), v(c.Button, "inheritContainedBg", w("palette-grey-300")), v(c.Button, "inheritContainedHoverBg", w("palette-grey-A100")), v(c.Chip, "defaultBorder", w("palette-grey-400")), v(c.Chip, "defaultAvatarColor", w("palette-grey-700")), v(c.Chip, "defaultIconColor", w("palette-grey-700")), v(c.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), v(c.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), v(c.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), v(c.LinearProgress, "primaryBg", x(oe, c.primary.main, 0.62)), v(c.LinearProgress, "secondaryBg", x(oe, c.secondary.main, 0.62)), v(c.LinearProgress, "errorBg", x(oe, c.error.main, 0.62)), v(c.LinearProgress, "infoBg", x(oe, c.info.main, 0.62)), v(c.LinearProgress, "successBg", x(oe, c.success.main, 0.62)), v(c.LinearProgress, "warningBg", x(oe, c.warning.main, 0.62)), v(c.Skeleton, "bg", $ ? x(Fe, c.text.primary, 0.11) : `rgba(${w("palette-text-primaryChannel")} / 0.11)`), v(c.Slider, "primaryTrack", x(oe, c.primary.main, 0.62)), v(c.Slider, "secondaryTrack", x(oe, c.secondary.main, 0.62)), v(c.Slider, "errorTrack", x(oe, c.error.main, 0.62)), v(c.Slider, "infoTrack", x(oe, c.info.main, 0.62)), v(c.Slider, "successTrack", x(oe, c.success.main, 0.62)), v(c.Slider, "warningTrack", x(oe, c.warning.main, 0.62));
+      const P = $ ? x(ne, c.background.default, 0.6825) : It(c.background.default, 0.8);
+      v(c.SnackbarContent, "bg", P), v(c.SnackbarContent, "color", $e(() => $ ? $r.text.primary : c.getContrastText(P))), v(c.SpeedDialAction, "fabHoverBg", It(c.background.paper, 0.15)), v(c.StepConnector, "border", w("palette-grey-400")), v(c.StepContent, "border", w("palette-grey-400")), v(c.Switch, "defaultColor", w("palette-common-white")), v(c.Switch, "defaultDisabledColor", w("palette-grey-100")), v(c.Switch, "primaryDisabledColor", x(oe, c.primary.main, 0.62)), v(c.Switch, "secondaryDisabledColor", x(oe, c.secondary.main, 0.62)), v(c.Switch, "errorDisabledColor", x(oe, c.error.main, 0.62)), v(c.Switch, "infoDisabledColor", x(oe, c.info.main, 0.62)), v(c.Switch, "successDisabledColor", x(oe, c.success.main, 0.62)), v(c.Switch, "warningDisabledColor", x(oe, c.warning.main, 0.62)), v(c.TableCell, "border", x(oe, x(Fe, c.divider, 1), 0.88)), v(c.Tooltip, "bg", x(Fe, c.grey[700], 0.92));
     }
     if (c.mode === "dark") {
-      v(c.Alert, "errorColor", x(oe, c.error.light, 0.6)), v(c.Alert, "infoColor", x(oe, c.info.light, 0.6)), v(c.Alert, "successColor", x(oe, c.success.light, 0.6)), v(c.Alert, "warningColor", x(oe, c.warning.light, 0.6)), v(c.Alert, "errorFilledBg", T("palette-error-dark")), v(c.Alert, "infoFilledBg", T("palette-info-dark")), v(c.Alert, "successFilledBg", T("palette-success-dark")), v(c.Alert, "warningFilledBg", T("palette-warning-dark")), v(c.Alert, "errorFilledColor", $e(() => c.getContrastText(c.error.dark))), v(c.Alert, "infoFilledColor", $e(() => c.getContrastText(c.info.dark))), v(c.Alert, "successFilledColor", $e(() => c.getContrastText(c.success.dark))), v(c.Alert, "warningFilledColor", $e(() => c.getContrastText(c.warning.dark))), v(c.Alert, "errorStandardBg", x(ne, c.error.light, 0.9)), v(c.Alert, "infoStandardBg", x(ne, c.info.light, 0.9)), v(c.Alert, "successStandardBg", x(ne, c.success.light, 0.9)), v(c.Alert, "warningStandardBg", x(ne, c.warning.light, 0.9)), v(c.Alert, "errorIconColor", T("palette-error-main")), v(c.Alert, "infoIconColor", T("palette-info-main")), v(c.Alert, "successIconColor", T("palette-success-main")), v(c.Alert, "warningIconColor", T("palette-warning-main")), v(c.AppBar, "defaultBg", T("palette-grey-900")), v(c.AppBar, "darkBg", T("palette-background-paper")), v(c.AppBar, "darkColor", T("palette-text-primary")), v(c.Avatar, "defaultBg", T("palette-grey-600")), v(c.Button, "inheritContainedBg", T("palette-grey-800")), v(c.Button, "inheritContainedHoverBg", T("palette-grey-700")), v(c.Chip, "defaultBorder", T("palette-grey-700")), v(c.Chip, "defaultAvatarColor", T("palette-grey-300")), v(c.Chip, "defaultIconColor", T("palette-grey-300")), v(c.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), v(c.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), v(c.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), v(c.LinearProgress, "primaryBg", x(ne, c.primary.main, 0.5)), v(c.LinearProgress, "secondaryBg", x(ne, c.secondary.main, 0.5)), v(c.LinearProgress, "errorBg", x(ne, c.error.main, 0.5)), v(c.LinearProgress, "infoBg", x(ne, c.info.main, 0.5)), v(c.LinearProgress, "successBg", x(ne, c.success.main, 0.5)), v(c.LinearProgress, "warningBg", x(ne, c.warning.main, 0.5)), v(c.Skeleton, "bg", $ ? x(Le, c.text.primary, 0.13) : `rgba(${T("palette-text-primaryChannel")} / 0.13)`), v(c.Slider, "primaryTrack", x(ne, c.primary.main, 0.5)), v(c.Slider, "secondaryTrack", x(ne, c.secondary.main, 0.5)), v(c.Slider, "errorTrack", x(ne, c.error.main, 0.5)), v(c.Slider, "infoTrack", x(ne, c.info.main, 0.5)), v(c.Slider, "successTrack", x(ne, c.success.main, 0.5)), v(c.Slider, "warningTrack", x(ne, c.warning.main, 0.5));
-      const N = $ ? x(oe, c.background.default, 0.985) : It(c.background.default, 0.98);
-      v(c.SnackbarContent, "bg", N), v(c.SnackbarContent, "color", $e(() => $ ? Fo.text.primary : c.getContrastText(N))), v(c.SpeedDialAction, "fabHoverBg", It(c.background.paper, 0.15)), v(c.StepConnector, "border", T("palette-grey-600")), v(c.StepContent, "border", T("palette-grey-600")), v(c.Switch, "defaultColor", T("palette-grey-300")), v(c.Switch, "defaultDisabledColor", T("palette-grey-600")), v(c.Switch, "primaryDisabledColor", x(ne, c.primary.main, 0.55)), v(c.Switch, "secondaryDisabledColor", x(ne, c.secondary.main, 0.55)), v(c.Switch, "errorDisabledColor", x(ne, c.error.main, 0.55)), v(c.Switch, "infoDisabledColor", x(ne, c.info.main, 0.55)), v(c.Switch, "successDisabledColor", x(ne, c.success.main, 0.55)), v(c.Switch, "warningDisabledColor", x(ne, c.warning.main, 0.55)), v(c.TableCell, "border", x(ne, x(Le, c.divider, 1), 0.68)), v(c.Tooltip, "bg", x(Le, c.grey[700], 0.92));
+      v(c.Alert, "errorColor", x(oe, c.error.light, 0.6)), v(c.Alert, "infoColor", x(oe, c.info.light, 0.6)), v(c.Alert, "successColor", x(oe, c.success.light, 0.6)), v(c.Alert, "warningColor", x(oe, c.warning.light, 0.6)), v(c.Alert, "errorFilledBg", w("palette-error-dark")), v(c.Alert, "infoFilledBg", w("palette-info-dark")), v(c.Alert, "successFilledBg", w("palette-success-dark")), v(c.Alert, "warningFilledBg", w("palette-warning-dark")), v(c.Alert, "errorFilledColor", $e(() => c.getContrastText(c.error.dark))), v(c.Alert, "infoFilledColor", $e(() => c.getContrastText(c.info.dark))), v(c.Alert, "successFilledColor", $e(() => c.getContrastText(c.success.dark))), v(c.Alert, "warningFilledColor", $e(() => c.getContrastText(c.warning.dark))), v(c.Alert, "errorStandardBg", x(ne, c.error.light, 0.9)), v(c.Alert, "infoStandardBg", x(ne, c.info.light, 0.9)), v(c.Alert, "successStandardBg", x(ne, c.success.light, 0.9)), v(c.Alert, "warningStandardBg", x(ne, c.warning.light, 0.9)), v(c.Alert, "errorIconColor", w("palette-error-main")), v(c.Alert, "infoIconColor", w("palette-info-main")), v(c.Alert, "successIconColor", w("palette-success-main")), v(c.Alert, "warningIconColor", w("palette-warning-main")), v(c.AppBar, "defaultBg", w("palette-grey-900")), v(c.AppBar, "darkBg", w("palette-background-paper")), v(c.AppBar, "darkColor", w("palette-text-primary")), v(c.Avatar, "defaultBg", w("palette-grey-600")), v(c.Button, "inheritContainedBg", w("palette-grey-800")), v(c.Button, "inheritContainedHoverBg", w("palette-grey-700")), v(c.Chip, "defaultBorder", w("palette-grey-700")), v(c.Chip, "defaultAvatarColor", w("palette-grey-300")), v(c.Chip, "defaultIconColor", w("palette-grey-300")), v(c.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), v(c.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), v(c.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), v(c.LinearProgress, "primaryBg", x(ne, c.primary.main, 0.5)), v(c.LinearProgress, "secondaryBg", x(ne, c.secondary.main, 0.5)), v(c.LinearProgress, "errorBg", x(ne, c.error.main, 0.5)), v(c.LinearProgress, "infoBg", x(ne, c.info.main, 0.5)), v(c.LinearProgress, "successBg", x(ne, c.success.main, 0.5)), v(c.LinearProgress, "warningBg", x(ne, c.warning.main, 0.5)), v(c.Skeleton, "bg", $ ? x(Fe, c.text.primary, 0.13) : `rgba(${w("palette-text-primaryChannel")} / 0.13)`), v(c.Slider, "primaryTrack", x(ne, c.primary.main, 0.5)), v(c.Slider, "secondaryTrack", x(ne, c.secondary.main, 0.5)), v(c.Slider, "errorTrack", x(ne, c.error.main, 0.5)), v(c.Slider, "infoTrack", x(ne, c.info.main, 0.5)), v(c.Slider, "successTrack", x(ne, c.success.main, 0.5)), v(c.Slider, "warningTrack", x(ne, c.warning.main, 0.5));
+      const P = $ ? x(oe, c.background.default, 0.985) : It(c.background.default, 0.98);
+      v(c.SnackbarContent, "bg", P), v(c.SnackbarContent, "color", $e(() => $ ? Fo.text.primary : c.getContrastText(P))), v(c.SpeedDialAction, "fabHoverBg", It(c.background.paper, 0.15)), v(c.StepConnector, "border", w("palette-grey-600")), v(c.StepContent, "border", w("palette-grey-600")), v(c.Switch, "defaultColor", w("palette-grey-300")), v(c.Switch, "defaultDisabledColor", w("palette-grey-600")), v(c.Switch, "primaryDisabledColor", x(ne, c.primary.main, 0.55)), v(c.Switch, "secondaryDisabledColor", x(ne, c.secondary.main, 0.55)), v(c.Switch, "errorDisabledColor", x(ne, c.error.main, 0.55)), v(c.Switch, "infoDisabledColor", x(ne, c.info.main, 0.55)), v(c.Switch, "successDisabledColor", x(ne, c.success.main, 0.55)), v(c.Switch, "warningDisabledColor", x(ne, c.warning.main, 0.55)), v(c.TableCell, "border", x(ne, x(Fe, c.divider, 1), 0.68)), v(c.Tooltip, "bg", x(Fe, c.grey[700], 0.92));
     }
-    Ie(c.background, "default"), Ie(c.background, "paper"), Ie(c.common, "background"), Ie(c.common, "onBackground"), Ie(c, "divider"), Object.keys(c).forEach((N) => {
-      const M = c[N];
-      N !== "tonalOffset" && M && typeof M == "object" && (M.main && v(c[N], "mainChannel", mt(ht(M.main))), M.light && v(c[N], "lightChannel", mt(ht(M.light))), M.dark && v(c[N], "darkChannel", mt(ht(M.dark))), M.contrastText && v(c[N], "contrastTextChannel", mt(ht(M.contrastText))), N === "text" && (Ie(c[N], "primary"), Ie(c[N], "secondary")), N === "action" && (M.active && Ie(c[N], "active"), M.selected && Ie(c[N], "selected")));
+    Ie(c.background, "default"), Ie(c.background, "paper"), Ie(c.common, "background"), Ie(c.common, "onBackground"), Ie(c, "divider"), Object.keys(c).forEach((P) => {
+      const _ = c[P];
+      P !== "tonalOffset" && _ && typeof _ == "object" && (_.main && v(c[P], "mainChannel", mt(ht(_.main))), _.light && v(c[P], "lightChannel", mt(ht(_.light))), _.dark && v(c[P], "darkChannel", mt(ht(_.dark))), _.contrastText && v(c[P], "contrastTextChannel", mt(ht(_.contrastText))), P === "text" && (Ie(c[P], "primary"), Ie(c[P], "secondary")), P === "action" && (_.active && Ie(c[P], "active"), _.selected && Ie(c[P], "selected")));
     });
-  }), w = t.reduce((P, c) => he(P, c), w);
-  const V = {
+  }), T = t.reduce((I, c) => he(I, c), T);
+  const D = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
-    getSelector: Dl(w),
+    getSelector: Dl(T),
     enableContrastVars: a
   }, {
-    vars: G,
-    generateThemeVars: j,
-    generateStyleSheets: W
-  } = el(w, V);
-  return w.vars = G, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([P, c]) => {
-    w[P] = c;
-  }), w.generateThemeVars = j, w.generateStyleSheets = W, w.generateSpacing = function() {
-    return Mo(p.spacing, Zt(this));
-  }, w.getColorSchemeSelector = tl(u), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = l, w.unstable_sxConfig = {
+    vars: q,
+    generateThemeVars: V,
+    generateStyleSheets: L
+  } = el(T, D);
+  return T.vars = q, Object.entries(T.colorSchemes[T.defaultColorScheme]).forEach(([I, c]) => {
+    T[I] = c;
+  }), T.generateThemeVars = V, T.generateStyleSheets = L, T.generateSpacing = function() {
+    return Mo(m.spacing, Zt(this));
+  }, T.getColorSchemeSelector = tl(u), T.spacing = T.generateSpacing(), T.shouldSkipGeneratingVar = l, T.unstable_sxConfig = {
     ...Ct,
-    ...p?.unstable_sxConfig
-  }, w.unstable_sx = function(c) {
-    return Xe({
+    ...m?.unstable_sxConfig
+  }, T.unstable_sx = function(c) {
+    return Qe({
       sx: c,
       theme: this
     });
-  }, w.toRuntimeSource = Go, w;
+  }, T.toRuntimeSource = Go, T;
 }
 function zn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -4316,13 +4316,13 @@ function Ho(e = {}, ...t) {
   if (n === !1) {
     if (!("colorSchemes" in e))
       return Rr(e, ...t);
-    let p = r;
-    "palette" in e || d[l] && (d[l] !== !0 ? p = d[l].palette : l === "dark" && (p = {
+    let m = r;
+    "palette" in e || d[l] && (d[l] !== !0 ? m = d[l].palette : l === "dark" && (m = {
       mode: "dark"
     }));
     const y = Rr({
       ...e,
-      palette: p
+      palette: m
     }, ...t);
     return y.defaultColorScheme = l, y.colorSchemes = d, y.palette.mode === "light" && (y.colorSchemes.light = {
       ...d.light !== !0 && d.light,
@@ -4356,7 +4356,7 @@ process.env.NODE_ENV !== "production" && (s.node, s.object.isRequired);
 function Oe(e) {
   return Ya(e);
 }
-const He = Da({
+const Ke = Da({
   createStyledComponent: pe("div", {
     name: "MuiGrid",
     slot: "Root",
@@ -4374,7 +4374,7 @@ const He = Da({
   }),
   useTheme: Xo
 });
-process.env.NODE_ENV !== "production" && (He.propTypes = {
+process.env.NODE_ENV !== "production" && (Ke.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -4464,7 +4464,7 @@ process.env.NODE_ENV !== "production" && (He.propTypes = {
   wrap: s.oneOf(["nowrap", "wrap-reverse", "wrap"])
 });
 if (process.env.NODE_ENV !== "production") {
-  const e = He, t = Va("Grid", e);
+  const e = Ke, t = ja("Grid", e);
   e.propTypes = {
     // eslint-disable-next-line react/forbid-foreign-prop-types
     ...e.propTypes,
@@ -4513,8 +4513,8 @@ function Gl({
   const d = Ht(e, r, o, i);
   if (!d.visible)
     return null;
-  const p = a[e.component] ?? a.Text, y = l[e.name] ?? e.ui?.options ?? [], b = e.component === "Group" || e.component === "FormList" ? /* @__PURE__ */ E(
-    p,
+  const m = a[e.component] ?? a.Text, y = l[e.name] ?? e.ui?.options ?? [], b = e.component === "Group" || e.component === "FormList" ? /* @__PURE__ */ E(
+    m,
     {
       field: {
         name: e.name,
@@ -4536,12 +4536,12 @@ function Gl({
       values: r
     }
   ) : /* @__PURE__ */ E(
-    Vr,
+    jr,
     {
       control: n.control,
       name: e.name,
       render: ({ field: h, fieldState: f }) => /* @__PURE__ */ E(
-        p,
+        m,
         {
           error: !!f.error,
           field: h,
@@ -4564,7 +4564,7 @@ function Gl({
   );
   if (u) {
     const h = Fl(e.colSpan);
-    return /* @__PURE__ */ E(He, { size: h, children: b }, `${String(e.name)}-${t}`);
+    return /* @__PURE__ */ E(Ke, { size: h, children: b }, `${String(e.name)}-${t}`);
   }
   return b;
 }
@@ -4581,7 +4581,7 @@ const Ul = mi(Gl, (e, t) => {
     if (e.values[i] !== t.values[i])
       return !1;
   return !0;
-}), Yl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(He, { container: !0, spacing: e, children: t }), Jo = ll({
+}), Yl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Ke, { container: !0, spacing: e, children: t }), Jo = ll({
   createStyledComponent: pe("div", {
     name: "MuiStack",
     slot: "Root"
@@ -4757,56 +4757,61 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
   form: a,
   schema: l
 }) => {
-  const { onChange: u, multiple: d = !1, loading: p, ...y } = i ?? {}, m = l?.ui?.remoteConfig, [b, h] = Be([]), [f, g] = Be(!1), [C, k] = Be(!1), [I, $] = Be(""), [S, w] = Be(!1), [V, G] = Be(1), [j, W] = Be(!0), P = m ? b : o, c = m?.pageSize ?? 20;
-  _e(() => {
-    if (!m?.fetchById || !e.value) return;
-    const F = (Array.isArray(e.value) ? e.value : [e.value]).filter(
-      (U) => !b.some((O) => O.value === U)
+  const { onChange: u, multiple: d = !1, loading: m, ...y } = i ?? {}, p = l?.ui?.remoteConfig, b = De(p);
+  b.current = p;
+  const [h, f] = Ne([]), [g, C] = Ne(!1), [k, M] = Ne(!1), [$, S] = Ne(""), [T, D] = Ne(!1), [q, V] = Ne(1), [L, I] = Ne(!0), c = p ? h : o, w = p?.pageSize ?? 20;
+  je(() => {
+    const z = b.current;
+    if (!z?.fetchById || !e.value) return;
+    const O = (Array.isArray(e.value) ? e.value : [e.value]).filter(
+      // 使用宽松比较 (==) 以兼容 string/number 差异
+      // eslint-disable-next-line eqeqeq
+      (R) => !h.some((j) => j.value == R)
     );
-    F.length !== 0 && F.forEach(async (U) => {
+    O.length !== 0 && O.forEach(async (R) => {
       try {
-        const O = await m.fetchById(U);
-        O && h((R) => R.some((z) => z.value === O.value) ? R : [...R, O]);
+        const j = await z.fetchById(R);
+        j && f((W) => W.some((F) => F.value == j.value) ? W : [...W, j]);
       } catch {
       }
     });
-  }, [e.value, m, b]);
-  const T = ho(
-    async (D, F, U = !1) => {
-      if (m) {
-        U || (G(1), W(!0)), U ? k(!0) : g(!0), m.onLoadingChange?.(!0);
+  }, [e.value, h]);
+  const x = ho(
+    async (z, U, O = !1) => {
+      if (p) {
+        O || (V(1), I(!0)), O ? M(!0) : C(!0), p.onLoadingChange?.(!0);
         try {
-          const O = await m.fetchOptions(D, F, c);
-          h(U ? (R) => {
-            const z = O.data.filter(
-              (L) => !R.some((q) => q.value === L.value)
+          const R = await p.fetchOptions(z, U, w);
+          f(O ? (j) => {
+            const W = R.data.filter(
+              (F) => !j.some((X) => X.value === F.value)
             );
-            return [...R, ...z];
-          } : O.data), W(O.hasMore);
+            return [...j, ...W];
+          } : R.data), I(R.hasMore);
         } catch {
         } finally {
-          U ? k(!1) : g(!1), m.onLoadingChange?.(!1);
+          O ? M(!1) : C(!1), p.onLoadingChange?.(!1);
         }
       }
     },
-    [m, c]
-  ), x = rt(null);
-  _e(() => {
-    S && m && T(I, 1, !1);
-  }, [S]);
-  const N = (D, F, U) => {
-    $(F), m && (x.current && clearTimeout(x.current), (U === "input" || U === "clear") && (x.current = setTimeout(() => {
-      T(F, 1, !1);
-    }, m.debounceTimeout ?? 500)));
+    [p, w]
+  ), P = De(null);
+  je(() => {
+    T && p && x($, 1, !1);
+  }, [T]);
+  const _ = (z, U, O) => {
+    S(U), p && (P.current && clearTimeout(P.current), (O === "input" || O === "clear") && (P.current = setTimeout(() => {
+      x(U, 1, !1);
+    }, p.debounceTimeout ?? 500)));
   };
-  _e(() => () => {
-    x.current && clearTimeout(x.current);
+  je(() => () => {
+    P.current && clearTimeout(P.current);
   }, []);
-  const M = (D) => {
-    const F = D.currentTarget;
-    if (!f && !C && j && F.scrollTop + F.clientHeight >= F.scrollHeight - 20) {
-      const U = V + 1;
-      G(U), T(I, U, !0);
+  const G = (z) => {
+    const U = z.currentTarget;
+    if (!g && !k && L && U.scrollTop + U.clientHeight >= U.scrollHeight - 20) {
+      const O = q + 1;
+      V(O), x($, O, !0);
     }
   };
   return /* @__PURE__ */ E(
@@ -4823,32 +4828,32 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
         {
           multiple: d,
           disableCloseOnSelect: d,
-          open: S,
-          onOpen: () => w(!0),
-          onClose: () => w(!1),
-          inputValue: m ? I : void 0,
-          onInputChange: m ? N : void 0,
-          options: P,
-          loading: f || p,
-          filterOptions: m ? (D) => D : void 0,
-          value: d ? P.filter((D) => (e.value ?? []).includes(D.value)) : P.find((D) => D.value === e.value) ?? null,
-          onChange: (D, F) => {
-            const U = d ? F.map((O) => O.value) : F?.value ?? null;
-            e.onChange(U), typeof u == "function" && u(D, F), a?.trigger(e.name);
+          open: T,
+          onOpen: () => D(!0),
+          onClose: () => D(!1),
+          inputValue: p ? $ : void 0,
+          onInputChange: p ? _ : void 0,
+          options: c,
+          loading: g || m,
+          filterOptions: p ? (z) => z : void 0,
+          value: d ? c.filter((z) => (e.value ?? []).includes(z.value)) : c.find((z) => z.value === e.value) ?? null,
+          onChange: (z, U) => {
+            const O = d ? U.map((R) => R.value) : U?.value ?? null;
+            e.onChange(O), typeof u == "function" && u(z, U), a?.trigger(e.name);
           },
           slots: {
-            listbox: m ? Xl : void 0
+            listbox: p ? Xl : void 0
           },
           slotProps: {
             listbox: {
-              onScroll: m ? M : void 0,
+              onScroll: p ? G : void 0,
               style: { maxHeight: 260 },
               // 传递自定义属性给 ListboxComponent (仅在远程模式下传递)
-              ...m ? {
-                fetchingMore: C,
-                hasMore: j,
-                showNoMore: b.length > 0,
-                empty: b.length === 0 && !f && !C,
+              ...p ? {
+                fetchingMore: k,
+                hasMore: L,
+                showNoMore: h.length > 0,
+                empty: h.length === 0 && !g && !k,
                 error: !1
               } : {}
             },
@@ -4870,14 +4875,14 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
               }
             }
           },
-          getOptionLabel: (D) => D?.label ?? "",
-          isOptionEqualToValue: (D, F) => D?.value === F?.value,
+          getOptionLabel: (z) => z?.label ?? "",
+          isOptionEqualToValue: (z, U) => z?.value === U?.value,
           size: "small",
           disabled: y?.disabled,
-          renderInput: (D) => /* @__PURE__ */ E(
+          renderInput: (z) => /* @__PURE__ */ E(
             lt,
             {
-              ...D,
+              ...z,
               error: r,
               fullWidth: !0,
               helperText: n,
@@ -4890,10 +4895,10 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
               sx: ke,
               slotProps: {
                 input: {
-                  ...D.InputProps,
+                  ...z.InputProps,
                   endAdornment: /* @__PURE__ */ fe(Dr, { children: [
-                    f || p ? /* @__PURE__ */ E(bo, { color: "inherit", size: 20 }) : null,
-                    D.InputProps.endAdornment
+                    g || m ? /* @__PURE__ */ E(bo, { color: "inherit", size: 20 }) : null,
+                    z.InputProps.endAdornment
                   ] })
                 }
               }
@@ -4921,7 +4926,7 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
   e
 ] }) : e, Fn = ({ field: e, label: t, error: r, helperText: n, fieldProps: o }) => /* @__PURE__ */ fe(at, { error: r, required: o?.required, component: "fieldset", children: [
   /* @__PURE__ */ E(
-    jr,
+    Vr,
     {
       control: /* @__PURE__ */ E(
         wi,
@@ -5157,9 +5162,9 @@ const Zl = (e) => {
     component: l = "svg",
     fontSize: u = "medium",
     htmlColor: d,
-    inheritViewBox: p = !1,
+    inheritViewBox: m = !1,
     titleAccess: y,
-    viewBox: m = "0 0 24 24",
+    viewBox: p = "0 0 24 24",
     ...b
   } = n, h = /* @__PURE__ */ B.isValidElement(o) && o.type === "svg", f = {
     ...n,
@@ -5167,11 +5172,11 @@ const Zl = (e) => {
     component: l,
     fontSize: u,
     instanceFontSize: t.fontSize,
-    inheritViewBox: p,
-    viewBox: m,
+    inheritViewBox: m,
+    viewBox: p,
     hasSvgAsChild: h
   }, g = {};
-  p || (g.viewBox = m);
+  m || (g.viewBox = p);
   const C = Zl(f);
   return /* @__PURE__ */ fe(ec, {
     as: l,
@@ -5312,7 +5317,7 @@ const tc = Kr(/* @__PURE__ */ E("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy"), nc = Kr(/* @__PURE__ */ E("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
-}), "Delete"), oc = Pe("MuiBox", ["root"]), ic = Ho(), Gt = ja({
+}), "Delete"), oc = Pe("MuiBox", ["root"]), ic = Ho(), Gt = Va({
   themeId: Ur,
   defaultTheme: ic,
   defaultClassName: oc.root,
@@ -5462,8 +5467,8 @@ function Xr(e, t) {
 }
 function hc(e, t) {
   e = e || {}, t = t || {};
-  function r(p) {
-    return p in t ? t[p] : e[p];
+  function r(m) {
+    return m in t ? t[m] : e[m];
   }
   var n = /* @__PURE__ */ Object.create(null), o = [];
   for (var i in e)
@@ -5481,7 +5486,7 @@ function hc(e, t) {
     l[o[a]] = r(o[a]);
   return l;
 }
-function Ue(e, t, r) {
+function Ye(e, t, r) {
   return r[t] != null ? r[t] : e.props[t];
 }
 function gc(e, t) {
@@ -5489,9 +5494,9 @@ function gc(e, t) {
     return Nt(r, {
       onExited: t.bind(null, r),
       in: !0,
-      appear: Ue(r, "appear", e),
-      enter: Ue(r, "enter", e),
-      exit: Ue(r, "exit", e)
+      appear: Ye(r, "appear", e),
+      enter: Ye(r, "enter", e),
+      exit: Ye(r, "exit", e)
     });
   });
 }
@@ -5500,19 +5505,19 @@ function yc(e, t, r) {
   return Object.keys(o).forEach(function(i) {
     var a = o[i];
     if (_t(a)) {
-      var l = i in t, u = i in n, d = t[i], p = _t(d) && !d.props.in;
-      u && (!l || p) ? o[i] = Nt(a, {
+      var l = i in t, u = i in n, d = t[i], m = _t(d) && !d.props.in;
+      u && (!l || m) ? o[i] = Nt(a, {
         onExited: r.bind(null, a),
         in: !0,
-        exit: Ue(a, "exit", e),
-        enter: Ue(a, "enter", e)
-      }) : !u && l && !p ? o[i] = Nt(a, {
+        exit: Ye(a, "exit", e),
+        enter: Ye(a, "enter", e)
+      }) : !u && l && !m ? o[i] = Nt(a, {
         in: !1
       }) : u && l && _t(d) && (o[i] = Nt(a, {
         onExited: r.bind(null, a),
         in: d.props.in,
-        exit: Ue(a, "exit", e),
-        enter: Ue(a, "enter", e)
+        exit: Ye(a, "exit", e),
+        enter: Ye(a, "enter", e)
       }));
     }
   }), o;
@@ -5663,13 +5668,13 @@ function ei(e) {
     in: l,
     onExited: u,
     timeout: d
-  } = e, [p, y] = B.useState(!1), m = ue(t, r.ripple, r.rippleVisible, n && r.ripplePulsate), b = {
+  } = e, [m, y] = B.useState(!1), p = ue(t, r.ripple, r.rippleVisible, n && r.ripplePulsate), b = {
     width: a,
     height: a,
     top: -(a / 2) + i,
     left: -(a / 2) + o
-  }, h = ue(r.child, p && r.childLeaving, n && r.childPulsate);
-  return !l && !p && y(!0), B.useEffect(() => {
+  }, h = ue(r.child, m && r.childLeaving, n && r.childPulsate);
+  return !l && !m && y(!0), B.useEffect(() => {
     if (!l && u != null) {
       const f = setTimeout(u, d);
       return () => {
@@ -5677,7 +5682,7 @@ function ei(e) {
       };
     }
   }, [u, l, d]), /* @__PURE__ */ E("span", {
-    className: m,
+    className: p,
     style: b,
     children: /* @__PURE__ */ E("span", {
       className: h
@@ -5825,19 +5830,19 @@ const be = Pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     classes: i = {},
     className: a,
     ...l
-  } = n, [u, d] = B.useState([]), p = B.useRef(0), y = B.useRef(null);
+  } = n, [u, d] = B.useState([]), m = B.useRef(0), y = B.useRef(null);
   B.useEffect(() => {
     y.current && (y.current(), y.current = null);
   }, [u]);
-  const m = B.useRef(!1), b = Cc(), h = B.useRef(null), f = B.useRef(null), g = B.useCallback(($) => {
+  const p = B.useRef(!1), b = Cc(), h = B.useRef(null), f = B.useRef(null), g = B.useCallback(($) => {
     const {
       pulsate: S,
-      rippleX: w,
-      rippleY: V,
-      rippleSize: G,
-      cb: j
+      rippleX: T,
+      rippleY: D,
+      rippleSize: q,
+      cb: V
     } = $;
-    d((W) => [...W, /* @__PURE__ */ E(Rc, {
+    d((L) => [...L, /* @__PURE__ */ E(Rc, {
       classes: {
         ripple: ue(i.ripple, be.ripple),
         rippleVisible: ue(i.rippleVisible, be.rippleVisible),
@@ -5848,80 +5853,80 @@ const be = Pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       },
       timeout: Ir,
       pulsate: S,
-      rippleX: w,
-      rippleY: V,
-      rippleSize: G
-    }, p.current)]), p.current += 1, y.current = j;
-  }, [i]), C = B.useCallback(($ = {}, S = {}, w = () => {
+      rippleX: T,
+      rippleY: D,
+      rippleSize: q
+    }, m.current)]), m.current += 1, y.current = V;
+  }, [i]), C = B.useCallback(($ = {}, S = {}, T = () => {
   }) => {
     const {
-      pulsate: V = !1,
-      center: G = o || S.pulsate,
-      fakeElement: j = !1
+      pulsate: D = !1,
+      center: q = o || S.pulsate,
+      fakeElement: V = !1
       // For test purposes
     } = S;
-    if ($?.type === "mousedown" && m.current) {
-      m.current = !1;
+    if ($?.type === "mousedown" && p.current) {
+      p.current = !1;
       return;
     }
-    $?.type === "touchstart" && (m.current = !0);
-    const W = j ? null : f.current, P = W ? W.getBoundingClientRect() : {
+    $?.type === "touchstart" && (p.current = !0);
+    const L = V ? null : f.current, I = L ? L.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let c, T, x;
-    if (G || $ === void 0 || $.clientX === 0 && $.clientY === 0 || !$.clientX && !$.touches)
-      c = Math.round(P.width / 2), T = Math.round(P.height / 2);
+    let c, w, x;
+    if (q || $ === void 0 || $.clientX === 0 && $.clientY === 0 || !$.clientX && !$.touches)
+      c = Math.round(I.width / 2), w = Math.round(I.height / 2);
     else {
       const {
-        clientX: N,
-        clientY: M
+        clientX: P,
+        clientY: _
       } = $.touches && $.touches.length > 0 ? $.touches[0] : $;
-      c = Math.round(N - P.left), T = Math.round(M - P.top);
+      c = Math.round(P - I.left), w = Math.round(_ - I.top);
     }
-    if (G)
-      x = Math.sqrt((2 * P.width ** 2 + P.height ** 2) / 3), x % 2 === 0 && (x += 1);
+    if (q)
+      x = Math.sqrt((2 * I.width ** 2 + I.height ** 2) / 3), x % 2 === 0 && (x += 1);
     else {
-      const N = Math.max(Math.abs((W ? W.clientWidth : 0) - c), c) * 2 + 2, M = Math.max(Math.abs((W ? W.clientHeight : 0) - T), T) * 2 + 2;
-      x = Math.sqrt(N ** 2 + M ** 2);
+      const P = Math.max(Math.abs((L ? L.clientWidth : 0) - c), c) * 2 + 2, _ = Math.max(Math.abs((L ? L.clientHeight : 0) - w), w) * 2 + 2;
+      x = Math.sqrt(P ** 2 + _ ** 2);
     }
     $?.touches ? h.current === null && (h.current = () => {
       g({
-        pulsate: V,
+        pulsate: D,
         rippleX: c,
-        rippleY: T,
+        rippleY: w,
         rippleSize: x,
-        cb: w
+        cb: T
       });
     }, b.start(Tc, () => {
       h.current && (h.current(), h.current = null);
     })) : g({
-      pulsate: V,
+      pulsate: D,
       rippleX: c,
-      rippleY: T,
+      rippleY: w,
       rippleSize: x,
-      cb: w
+      cb: T
     });
   }, [o, g, b]), k = B.useCallback(() => {
     C({}, {
       pulsate: !0
     });
-  }, [C]), I = B.useCallback(($, S) => {
+  }, [C]), M = B.useCallback(($, S) => {
     if (b.clear(), $?.type === "touchend" && h.current) {
       h.current(), h.current = null, b.start(0, () => {
-        I($, S);
+        M($, S);
       });
       return;
     }
-    h.current = null, d((w) => w.length > 0 ? w.slice(1) : w), y.current = S;
+    h.current = null, d((T) => T.length > 0 ? T.slice(1) : T), y.current = S;
   }, [b]);
   return B.useImperativeHandle(r, () => ({
     pulsate: k,
     start: C,
-    stop: I
-  }), [k, C, I]), /* @__PURE__ */ E($c, {
+    stop: M
+  }), [k, C, M]), /* @__PURE__ */ E($c, {
     className: ue(be.root, i.root, a),
     ref: f,
     ...l,
@@ -6013,88 +6018,88 @@ const Ac = Pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pc = (e) =
     className: l,
     component: u = "button",
     disabled: d = !1,
-    disableRipple: p = !1,
+    disableRipple: m = !1,
     disableTouchRipple: y = !1,
-    focusRipple: m = !1,
+    focusRipple: p = !1,
     focusVisibleClassName: b,
     LinkComponent: h = "a",
     onBlur: f,
     onClick: g,
     onContextMenu: C,
     onDragLeave: k,
-    onFocus: I,
+    onFocus: M,
     onFocusVisible: $,
     onKeyDown: S,
-    onKeyUp: w,
-    onMouseDown: V,
-    onMouseLeave: G,
-    onMouseUp: j,
-    onTouchEnd: W,
-    onTouchMove: P,
+    onKeyUp: T,
+    onMouseDown: D,
+    onMouseLeave: q,
+    onMouseUp: V,
+    onTouchEnd: L,
+    onTouchMove: I,
     onTouchStart: c,
-    tabIndex: T = 0,
+    tabIndex: w = 0,
     TouchRippleProps: x,
-    touchRippleRef: N,
-    type: M,
-    ...D
-  } = n, F = B.useRef(null), U = uc(), O = Yn(U.ref, N), [R, z] = B.useState(!1);
-  d && R && z(!1), B.useImperativeHandle(o, () => ({
+    touchRippleRef: P,
+    type: _,
+    ...G
+  } = n, z = B.useRef(null), U = uc(), O = Yn(U.ref, P), [R, j] = B.useState(!1);
+  d && R && j(!1), B.useImperativeHandle(o, () => ({
     focusVisible: () => {
-      z(!0), F.current.focus();
+      j(!0), z.current.focus();
     }
   }), []);
-  const L = U.shouldMount && !p && !d;
+  const W = U.shouldMount && !m && !d;
   B.useEffect(() => {
-    R && m && !p && U.pulsate();
-  }, [p, m, R, U]);
-  const q = Me(U, "start", V, y), X = Me(U, "stop", C, y), H = Me(U, "stop", k, y), K = Me(U, "stop", j, y), Q = Me(U, "stop", (Y) => {
-    R && Y.preventDefault(), G && G(Y);
-  }, y), ee = Me(U, "start", c, y), J = Me(U, "stop", W, y), me = Me(U, "stop", P, y), _ = Me(U, "stop", (Y) => {
-    Hn(Y.target) || z(!1), f && f(Y);
+    R && p && !m && U.pulsate();
+  }, [m, p, R, U]);
+  const F = Me(U, "start", D, y), X = Me(U, "stop", C, y), H = Me(U, "stop", k, y), K = Me(U, "stop", V, y), Q = Me(U, "stop", (Y) => {
+    R && Y.preventDefault(), q && q(Y);
+  }, y), ee = Me(U, "start", c, y), J = Me(U, "stop", L, y), me = Me(U, "stop", I, y), N = Me(U, "stop", (Y) => {
+    Hn(Y.target) || j(!1), f && f(Y);
   }, !1), ye = Dt((Y) => {
-    F.current || (F.current = Y.currentTarget), Hn(Y.target) && (z(!0), $ && $(Y)), I && I(Y);
-  }), Ne = () => {
-    const Y = F.current;
+    z.current || (z.current = Y.currentTarget), Hn(Y.target) && (j(!0), $ && $(Y)), M && M(Y);
+  }), _e = () => {
+    const Y = z.current;
     return u && u !== "button" && !(Y.tagName === "A" && Y.href);
   }, wt = Dt((Y) => {
-    m && !Y.repeat && R && Y.key === " " && U.stop(Y, () => {
+    p && !Y.repeat && R && Y.key === " " && U.stop(Y, () => {
       U.start(Y);
-    }), Y.target === Y.currentTarget && Ne() && Y.key === " " && Y.preventDefault(), S && S(Y), Y.target === Y.currentTarget && Ne() && Y.key === "Enter" && !d && (Y.preventDefault(), g && g(Y));
+    }), Y.target === Y.currentTarget && _e() && Y.key === " " && Y.preventDefault(), S && S(Y), Y.target === Y.currentTarget && _e() && Y.key === "Enter" && !d && (Y.preventDefault(), g && g(Y));
   }), fi = Dt((Y) => {
-    m && Y.key === " " && R && !Y.defaultPrevented && U.stop(Y, () => {
+    p && Y.key === " " && R && !Y.defaultPrevented && U.stop(Y, () => {
       U.pulsate(Y);
-    }), w && w(Y), g && Y.target === Y.currentTarget && Ne() && Y.key === " " && !Y.defaultPrevented && g(Y);
+    }), T && T(Y), g && Y.target === Y.currentTarget && _e() && Y.key === " " && !Y.defaultPrevented && g(Y);
   });
   let Et = u;
-  Et === "button" && (D.href || D.to) && (Et = h);
+  Et === "button" && (G.href || G.to) && (Et = h);
   const ut = {};
   if (Et === "button") {
-    const Y = !!D.formAction;
-    ut.type = M === void 0 && !Y ? "button" : M, ut.disabled = d;
+    const Y = !!G.formAction;
+    ut.type = _ === void 0 && !Y ? "button" : _, ut.disabled = d;
   } else
-    !D.href && !D.to && (ut.role = "button"), d && (ut["aria-disabled"] = d);
-  const di = Yn(r, F), rn = {
+    !G.href && !G.to && (ut.role = "button"), d && (ut["aria-disabled"] = d);
+  const di = Yn(r, z), rn = {
     ...n,
     centerRipple: i,
     component: u,
     disabled: d,
-    disableRipple: p,
+    disableRipple: m,
     disableTouchRipple: y,
-    focusRipple: m,
-    tabIndex: T,
+    focusRipple: p,
+    tabIndex: w,
     focusVisible: R
   }, pi = Pc(rn);
   return /* @__PURE__ */ fe(Ic, {
     as: Et,
     className: ue(pi.root, l),
     ownerState: rn,
-    onBlur: _,
+    onBlur: N,
     onClick: g,
     onContextMenu: X,
     onFocus: ye,
     onKeyDown: wt,
     onKeyUp: fi,
-    onMouseDown: q,
+    onMouseDown: F,
     onMouseLeave: Q,
     onMouseUp: K,
     onDragLeave: H,
@@ -6102,11 +6107,11 @@ const Ac = Pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pc = (e) =
     onTouchMove: me,
     onTouchStart: ee,
     ref: di,
-    tabIndex: d ? -1 : T,
-    type: M,
+    tabIndex: d ? -1 : w,
+    type: _,
     ...ut,
-    ...D,
-    children: [a, L ? /* @__PURE__ */ E(ti, {
+    ...G,
+    children: [a, W ? /* @__PURE__ */ E(ti, {
       ref: O,
       center: i,
       ...x
@@ -6323,7 +6328,7 @@ const Te = 44, Mr = St`
         animation: ${Mr} 1.4s linear infinite;
       ` : null, Dc = typeof _r != "string" ? go`
         animation: ${_r} 1.4s ease-in-out infinite;
-      ` : null, Vc = (e) => {
+      ` : null, jc = (e) => {
   const {
     classes: t,
     variant: r,
@@ -6336,7 +6341,7 @@ const Te = 44, Mr = St`
     circle: ["circle", `circle${Z(r)}`, o && "circleDisableShrink"]
   };
   return Ae(i, Nc, t);
-}, jc = pe("span", {
+}, Vc = pe("span", {
   name: "MuiCircularProgress",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -6435,25 +6440,25 @@ const Te = 44, Mr = St`
     enableTrackSlot: l = !1,
     size: u = 40,
     style: d,
-    thickness: p = 3.6,
+    thickness: m = 3.6,
     value: y = 0,
-    variant: m = "indeterminate",
+    variant: p = "indeterminate",
     ...b
   } = n, h = {
     ...n,
     color: i,
     disableShrink: a,
     size: u,
-    thickness: p,
+    thickness: m,
     value: y,
-    variant: m,
+    variant: p,
     enableTrackSlot: l
-  }, f = Vc(h), g = {}, C = {}, k = {};
-  if (m === "determinate") {
-    const I = 2 * Math.PI * ((Te - p) / 2);
-    g.strokeDasharray = I.toFixed(3), k["aria-valuenow"] = Math.round(y), g.strokeDashoffset = `${((100 - y) / 100 * I).toFixed(3)}px`, C.transform = "rotate(-90deg)";
+  }, f = jc(h), g = {}, C = {}, k = {};
+  if (p === "determinate") {
+    const M = 2 * Math.PI * ((Te - m) / 2);
+    g.strokeDasharray = M.toFixed(3), k["aria-valuenow"] = Math.round(y), g.strokeDashoffset = `${((100 - y) / 100 * M).toFixed(3)}px`, C.transform = "rotate(-90deg)";
   }
-  return /* @__PURE__ */ E(jc, {
+  return /* @__PURE__ */ E(Vc, {
     className: ue(f.root, o),
     style: {
       width: u,
@@ -6475,9 +6480,9 @@ const Te = 44, Mr = St`
         ownerState: h,
         cx: Te,
         cy: Te,
-        r: (Te - p) / 2,
+        r: (Te - m) / 2,
         fill: "none",
-        strokeWidth: p,
+        strokeWidth: m,
         "aria-hidden": "true"
       }) : null, /* @__PURE__ */ E(Wc, {
         className: f.circle,
@@ -6485,9 +6490,9 @@ const Te = 44, Mr = St`
         ownerState: h,
         cx: Te,
         cy: Te,
-        r: (Te - p) / 2,
+        r: (Te - m) / 2,
         fill: "none",
-        strokeWidth: p
+        strokeWidth: m
       })]
     })
   });
@@ -6560,7 +6565,7 @@ process.env.NODE_ENV !== "production" && (en.propTypes = {
 function Fc(e) {
   return xe("MuiButton", e);
 }
-const Fe = Pe("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), ri = /* @__PURE__ */ B.createContext({});
+const qe = Pe("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), ri = /* @__PURE__ */ B.createContext({});
 process.env.NODE_ENV !== "production" && (ri.displayName = "ButtonGroupContext");
 const ni = /* @__PURE__ */ B.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ni.displayName = "ButtonGroupButtonContext");
@@ -6580,11 +6585,11 @@ const qc = (e) => {
     endIcon: ["icon", "endIcon", `iconSize${Z(o)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
-  }, p = Ae(d, Fc, u);
+  }, m = Ae(d, Fc, u);
   return {
     ...u,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...p
+    ...m
   };
 }, oi = [{
   props: {
@@ -6639,7 +6644,7 @@ const qc = (e) => {
     "&:hover": {
       textDecoration: "none"
     },
-    [`&.${Fe.disabled}`]: {
+    [`&.${qe.disabled}`]: {
       color: (e.vars || e).palette.action.disabled
     },
     variants: [{
@@ -6660,10 +6665,10 @@ const qc = (e) => {
         "&:active": {
           boxShadow: (e.vars || e).shadows[8]
         },
-        [`&.${Fe.focusVisible}`]: {
+        [`&.${qe.focusVisible}`]: {
           boxShadow: (e.vars || e).shadows[6]
         },
-        [`&.${Fe.disabled}`]: {
+        [`&.${qe.disabled}`]: {
           color: (e.vars || e).palette.action.disabled,
           boxShadow: (e.vars || e).shadows[0],
           backgroundColor: (e.vars || e).palette.action.disabledBackground
@@ -6679,7 +6684,7 @@ const qc = (e) => {
         borderColor: "var(--variant-outlinedBorder, currentColor)",
         backgroundColor: "var(--variant-outlinedBg)",
         color: "var(--variant-outlinedColor)",
-        [`&.${Fe.disabled}`]: {
+        [`&.${qe.disabled}`]: {
           border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
         }
       }
@@ -6790,13 +6795,13 @@ const qc = (e) => {
         "&:hover": {
           boxShadow: "none"
         },
-        [`&.${Fe.focusVisible}`]: {
+        [`&.${qe.focusVisible}`]: {
           boxShadow: "none"
         },
         "&:active": {
           boxShadow: "none"
         },
-        [`&.${Fe.disabled}`]: {
+        [`&.${qe.disabled}`]: {
           boxShadow: "none"
         }
       }
@@ -6815,7 +6820,7 @@ const qc = (e) => {
         transition: e.transitions.create(["background-color", "box-shadow", "border-color"], {
           duration: e.transitions.duration.short
         }),
-        [`&.${Fe.loading}`]: {
+        [`&.${qe.loading}`]: {
           color: "transparent"
         }
       }
@@ -7012,24 +7017,24 @@ const qc = (e) => {
     children: l,
     color: u = "primary",
     component: d = "button",
-    className: p,
+    className: m,
     disabled: y = !1,
-    disableElevation: m = !1,
+    disableElevation: p = !1,
     disableFocusRipple: b = !1,
     endIcon: h,
     focusVisibleClassName: f,
     fullWidth: g = !1,
     id: C,
     loading: k = null,
-    loadingIndicator: I,
+    loadingIndicator: M,
     loadingPosition: $ = "center",
     size: S = "medium",
-    startIcon: w,
-    type: V,
-    variant: G = "text",
-    ...j
-  } = a, W = Wo(C), P = I ?? /* @__PURE__ */ E(en, {
-    "aria-labelledby": W,
+    startIcon: T,
+    type: D,
+    variant: q = "text",
+    ...V
+  } = a, L = Wo(C), I = M ?? /* @__PURE__ */ E(en, {
+    "aria-labelledby": L,
     color: "inherit",
     size: 16
   }), c = {
@@ -7037,56 +7042,56 @@ const qc = (e) => {
     color: u,
     component: d,
     disabled: y,
-    disableElevation: m,
+    disableElevation: p,
     disableFocusRipple: b,
     fullWidth: g,
     loading: k,
-    loadingIndicator: P,
+    loadingIndicator: I,
     loadingPosition: $,
     size: S,
-    type: V,
-    variant: G
-  }, T = qc(c), x = (w || k && $ === "start") && /* @__PURE__ */ E(Uc, {
-    className: T.startIcon,
+    type: D,
+    variant: q
+  }, w = qc(c), x = (T || k && $ === "start") && /* @__PURE__ */ E(Uc, {
+    className: w.startIcon,
     ownerState: c,
-    children: w || /* @__PURE__ */ E(Qn, {
-      className: T.loadingIconPlaceholder,
+    children: T || /* @__PURE__ */ E(Qn, {
+      className: w.loadingIconPlaceholder,
       ownerState: c
     })
-  }), N = (h || k && $ === "end") && /* @__PURE__ */ E(Yc, {
-    className: T.endIcon,
+  }), P = (h || k && $ === "end") && /* @__PURE__ */ E(Yc, {
+    className: w.endIcon,
     ownerState: c,
     children: h || /* @__PURE__ */ E(Qn, {
-      className: T.loadingIconPlaceholder,
+      className: w.loadingIconPlaceholder,
       ownerState: c
     })
-  }), M = o || "", D = typeof k == "boolean" ? (
+  }), _ = o || "", G = typeof k == "boolean" ? (
     // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ E("span", {
-      className: T.loadingWrapper,
+      className: w.loadingWrapper,
       style: {
         display: "contents"
       },
       children: k && /* @__PURE__ */ E(Hc, {
-        className: T.loadingIndicator,
+        className: w.loadingIndicator,
         ownerState: c,
-        children: P
+        children: I
       })
     })
   ) : null;
   return /* @__PURE__ */ fe(Gc, {
     ownerState: c,
-    className: ue(n.className, T.root, p, M),
+    className: ue(n.className, w.root, m, _),
     component: d,
     disabled: y || k,
     focusRipple: !b,
-    focusVisibleClassName: ue(T.focusVisible, f),
+    focusVisibleClassName: ue(w.focusVisible, f),
     ref: r,
-    type: V,
-    id: k ? W : C,
-    ...j,
-    classes: T,
-    children: [x, $ !== "end" && D, l, $ === "end" && D, N]
+    type: D,
+    id: k ? L : C,
+    ...V,
+    classes: w,
+    children: [x, $ !== "end" && G, l, $ === "end" && G, P]
   });
 });
 process.env.NODE_ENV !== "production" && (ii.propTypes = {
@@ -7401,9 +7406,9 @@ const Xc = (e) => {
     orientation: l = "horizontal",
     component: u = i || l === "vertical" ? "div" : "hr",
     flexItem: d = !1,
-    light: p = !1,
+    light: m = !1,
     role: y = u !== "hr" ? "separator" : void 0,
-    textAlign: m = "center",
+    textAlign: p = "center",
     variant: b = "fullWidth",
     ...h
   } = n, f = {
@@ -7411,10 +7416,10 @@ const Xc = (e) => {
     absolute: o,
     component: u,
     flexItem: d,
-    light: p,
+    light: m,
     orientation: l,
     role: y,
-    textAlign: m,
+    textAlign: p,
     variant: b
   }, g = Xc(f);
   return /* @__PURE__ */ E(Qc, {
@@ -7657,9 +7662,9 @@ const Jn = Pe("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     color: l = "default",
     disabled: u = !1,
     disableFocusRipple: d = !1,
-    size: p = "medium",
+    size: m = "medium",
     id: y,
-    loading: m = null,
+    loading: p = null,
     loadingIndicator: b,
     ...h
   } = n, f = Wo(y), g = b ?? /* @__PURE__ */ E(en, {
@@ -7672,20 +7677,20 @@ const Jn = Pe("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     color: l,
     disabled: u,
     disableFocusRipple: d,
-    loading: m,
+    loading: p,
     loadingIndicator: g,
-    size: p
+    size: m
   }, k = eu(C);
   return /* @__PURE__ */ fe(tu, {
-    id: m ? f : y,
+    id: p ? f : y,
     className: ue(k.root, a),
     centerRipple: !0,
     focusRipple: !d,
-    disabled: u || m,
+    disabled: u || p,
     ref: r,
     ...h,
     ownerState: C,
-    children: [typeof m == "boolean" && // use plain HTML span to minimize the runtime overhead
+    children: [typeof p == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ E("span", {
       className: k.loadingWrapper,
       style: {
@@ -7694,7 +7699,7 @@ const Jn = Pe("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       children: /* @__PURE__ */ E(ru, {
         className: k.loadingIndicator,
         ownerState: C,
-        children: m && g
+        children: p && g
       })
     }), i]
   });
@@ -7868,20 +7873,20 @@ const su = (e) => {
     elevation: l = 1,
     square: u = !1,
     variant: d = "elevation",
-    ...p
+    ...m
   } = n, y = {
     ...n,
     component: a,
     elevation: l,
     square: u,
     variant: d
-  }, m = su(y);
+  }, p = su(y);
   return process.env.NODE_ENV !== "production" && o.shadows[l], /* @__PURE__ */ E(au, {
     as: a,
     ownerState: y,
-    className: ue(m.root, i),
+    className: ue(p.root, i),
     ref: r,
-    ...p,
+    ...m,
     style: {
       ...d === "elevation" && {
         "--Paper-shadow": (o.vars || o).shadows[l],
@@ -7892,7 +7897,7 @@ const su = (e) => {
           "--Paper-overlay": `linear-gradient(${Ft("#fff", kr(l))}, ${Ft("#fff", kr(l))})`
         }
       },
-      ...p.style
+      ...m.style
     }
   });
 });
@@ -8076,9 +8081,9 @@ const cu = {
     align: l = "inherit",
     className: u,
     component: d,
-    gutterBottom: p = !1,
+    gutterBottom: m = !1,
     noWrap: y = !1,
-    paragraph: m = !1,
+    paragraph: p = !1,
     variant: b = "body1",
     variantMapping: h = Zn,
     ...f
@@ -8088,12 +8093,12 @@ const cu = {
     color: n,
     className: u,
     component: d,
-    gutterBottom: p,
+    gutterBottom: m,
     noWrap: y,
-    paragraph: m,
+    paragraph: p,
     variant: b,
     variantMapping: h
-  }, C = d || (m ? "p" : h[b] || Zn[b]) || "span", k = fu(g);
+  }, C = d || (p ? "p" : h[b] || Zn[b]) || "span", k = fu(g);
   return /* @__PURE__ */ E(du, {
     as: C,
     ref: r,
@@ -8230,22 +8235,22 @@ const Tr = ({
   const { fields: l, append: u, remove: d } = yi({
     control: t.control,
     name: e.name
-  }), p = qe(() => e.columns ? ui(e.columns) : [], [e.columns]), y = (w, V) => {
-    if (!p.some(
-      (W) => W.dependencies.includes(V)
+  }), m = Ge(() => e.columns ? ui(e.columns) : [], [e.columns]), y = (T, D) => {
+    if (!m.some(
+      (L) => L.dependencies.includes(D)
     )) return;
-    const j = t.getValues(`${e.name}.${w}`);
-    j && p.forEach(({ name: W, expr: P, dependencies: c, precision: T, roundMode: x }) => {
-      if (W === V || !c.includes(V) || !c.every((F) => Fr(j[F]))) return;
-      const M = Co(P, j, c, T, x), D = j[W];
-      M !== void 0 && M !== D && !Number.isNaN(M) && (typeof M != "number" || typeof D != "number" || Math.abs(M - D) > 1e-4) && t.setValue(`${e.name}.${w}.${W}`, M, {
+    const V = t.getValues(`${e.name}.${T}`);
+    V && m.forEach(({ name: L, expr: I, dependencies: c, precision: w, roundMode: x }) => {
+      if (L === D || !c.includes(D) || !c.every((z) => Fr(V[z]))) return;
+      const _ = Co(I, V, c, w, x), G = V[L];
+      _ !== void 0 && _ !== G && !Number.isNaN(_) && (typeof _ != "number" || typeof G != "number" || Math.abs(_ - G) > 1e-4) && t.setValue(`${e.name}.${T}.${L}`, _, {
         shouldValidate: !0,
         // 计算更新通常需要触发验证
         shouldDirty: !0,
         shouldTouch: !0
       });
     });
-  }, m = t.watch(), {
+  }, p = t.watch(), {
     columns: b = [],
     minItems: h = 0,
     maxItems: f = 1 / 0,
@@ -8253,75 +8258,75 @@ const Tr = ({
     copyable: C = !1
   } = e, k = () => {
     if (l.length >= f) return;
-    const w = ci(b);
-    u(w);
-  }, I = (w) => {
+    const T = ci(b);
+    u(T);
+  }, M = (T) => {
     if (l.length >= f) return;
-    const V = t.getValues(`${e.name}.${w}`);
-    u(V);
-  }, $ = (w) => {
-    l.length <= h || d(w);
-  }, S = (w, V, G) => {
-    const j = `${e.name}.${V}.${w.name}`, W = m?.[e.name]?.[V] || {}, P = { ...m, ...W }, c = Ht(
-      w,
-      P,
+    const D = t.getValues(`${e.name}.${T}`);
+    u(D);
+  }, $ = (T) => {
+    l.length <= h || d(T);
+  }, S = (T, D, q) => {
+    const V = `${e.name}.${D}.${T.name}`, L = p?.[e.name]?.[D] || {}, I = { ...p, ...L }, c = Ht(
+      T,
+      I,
       o,
       i
     );
     if (!c.visible)
       return null;
-    if (w.component === "Group")
+    if (T.component === "Group")
       return /* @__PURE__ */ E(
         $t,
         {
-          size: eo(w.colSpan),
-          children: /* @__PURE__ */ E($t, { container: !0, spacing: 2, children: w.columns?.map(
-            (M, D) => S(
-              { ...M, name: M.name },
-              V,
-              D
+          size: eo(T.colSpan),
+          children: /* @__PURE__ */ E($t, { container: !0, spacing: 2, children: T.columns?.map(
+            (_, G) => S(
+              { ..._, name: _.name },
+              D,
+              G
             )
           ) })
         },
-        `${j}-${G}`
+        `${V}-${q}`
       );
-    const T = r[w.component] ?? r.Text;
-    if (!T) return null;
-    const x = n[w.name] ?? w.ui?.options ?? [], N = eo(w.colSpan);
-    return /* @__PURE__ */ E($t, { size: N, children: /* @__PURE__ */ E(
-      Vr,
+    const w = r[T.component] ?? r.Text;
+    if (!w) return null;
+    const x = n[T.name] ?? T.ui?.options ?? [], P = eo(T.colSpan);
+    return /* @__PURE__ */ E($t, { size: P, children: /* @__PURE__ */ E(
+      jr,
       {
         control: t.control,
-        name: j,
-        render: ({ field: M, fieldState: D }) => /* @__PURE__ */ E(
-          T,
+        name: V,
+        render: ({ field: _, fieldState: G }) => /* @__PURE__ */ E(
+          w,
           {
-            error: !!D.error,
+            error: !!G.error,
             field: {
-              ...M,
-              onBlur: (F) => {
-                M.onBlur(), y(V, w.name);
+              ..._,
+              onBlur: (z) => {
+                _.onBlur(), y(D, T.name);
               }
             },
             fieldProps: {
-              ...w.ui?.props,
+              ...T.ui?.props,
               disabled: c.disabled,
               required: c.required,
               readOnly: c.readonly,
-              placeholder: w.ui?.placeholder
+              placeholder: T.ui?.placeholder
             },
             form: t,
-            helperText: D.error?.message ?? w.ui?.helperText,
-            label: w.ui?.label,
+            helperText: G.error?.message ?? T.ui?.helperText,
+            label: T.ui?.label,
             options: x
           }
         )
       }
-    ) }, `${j}-${G}`);
+    ) }, `${V}-${q}`);
   };
   return /* @__PURE__ */ fe(Gt, { children: [
     a && /* @__PURE__ */ E(tn, { variant: "subtitle2", sx: { mb: 1, fontWeight: 600 }, children: a }),
-    l.map((w, V) => /* @__PURE__ */ fe(
+    l.map((T, D) => /* @__PURE__ */ fe(
       li,
       {
         variant: "outlined",
@@ -8342,7 +8347,7 @@ const Tr = ({
                   Nr,
                   {
                     size: "small",
-                    onClick: () => I(V),
+                    onClick: () => M(D),
                     title: "复制",
                     children: /* @__PURE__ */ E(rc, { fontSize: "small" })
                   }
@@ -8351,7 +8356,7 @@ const Tr = ({
                   Nr,
                   {
                     size: "small",
-                    onClick: () => $(V),
+                    onClick: () => $(D),
                     color: "error",
                     title: "删除",
                     children: /* @__PURE__ */ E(nc, { fontSize: "small" })
@@ -8360,10 +8365,10 @@ const Tr = ({
               ]
             }
           ),
-          /* @__PURE__ */ E($t, { container: !0, spacing: 2, sx: { pr: 6 }, children: b.map((G, j) => S(G, V, j)) })
+          /* @__PURE__ */ E($t, { container: !0, spacing: 2, sx: { pr: 6 }, children: b.map((q, V) => S(q, D, V)) })
         ]
       },
-      w.id
+      T.id
     )),
     l.length < f && !o && /* @__PURE__ */ E(Dr, { children: /* @__PURE__ */ E(Yt, { sx: { my: 2 }, children: /* @__PURE__ */ E(
       ii,
@@ -8394,20 +8399,20 @@ const to = ({
   const l = a || t.watch();
   return /* @__PURE__ */ fe(Gt, { sx: { width: "100%" }, children: [
     e.ui?.label && /* @__PURE__ */ E(tn, { variant: "subtitle1", gutterBottom: !0, sx: { fontWeight: "bold", mb: 2 }, children: e.ui.label }),
-    /* @__PURE__ */ E(He, { container: !0, spacing: 2, children: e.columns.map((u, d) => {
-      const p = Ht(
+    /* @__PURE__ */ E(Ke, { container: !0, spacing: 2, children: e.columns.map((u, d) => {
+      const m = Ht(
         u,
         l,
         o,
         i
       );
-      if (!p.visible)
+      if (!m.visible)
         return null;
       const y = r[u.component] ?? r.Text;
       if (!y)
         return null;
-      const m = n[u.name] ?? u.ui?.options ?? [], b = pu(u.colSpan);
-      return u.component === "Group" || u.component === "FormList" ? /* @__PURE__ */ E(He, { size: b, children: /* @__PURE__ */ E(
+      const p = n[u.name] ?? u.ui?.options ?? [], b = pu(u.colSpan);
+      return u.component === "Group" || u.component === "FormList" ? /* @__PURE__ */ E(Ke, { size: b, children: /* @__PURE__ */ E(
         y,
         {
           field: { name: u.name, value: void 0, onChange: () => {
@@ -8422,8 +8427,8 @@ const to = ({
           widgets: r,
           values: l
         }
-      ) }, `${String(u.name)}-${d}`) : /* @__PURE__ */ E(He, { size: b, children: /* @__PURE__ */ E(
-        Vr,
+      ) }, `${String(u.name)}-${d}`) : /* @__PURE__ */ E(Ke, { size: b, children: /* @__PURE__ */ E(
+        jr,
         {
           control: t.control,
           name: u.name,
@@ -8434,15 +8439,15 @@ const to = ({
               field: h,
               fieldProps: {
                 ...u.ui?.props,
-                disabled: p.disabled,
-                required: p.required,
-                readOnly: p.readonly,
+                disabled: m.disabled,
+                required: m.required,
+                readOnly: m.readonly,
                 placeholder: u.ui?.placeholder
               },
               form: t,
               helperText: f.error?.message ?? u.ui?.helperText,
               label: u.ui?.label,
-              options: m,
+              options: p,
               values: l
             }
           )
@@ -8504,25 +8509,25 @@ const to = ({
     backgroundColor: "#1A2027"
   })
 })), so = ({ field: e, label: t, options: r = [], error: n, helperText: o, fieldProps: i }) => {
-  const a = (p) => r.find((m) => String(m.value) === p)?.value ?? p, l = e.value !== void 0 && e.value !== null ? String(e.value) : "", u = i?.inline === !0, d = /* @__PURE__ */ E(
+  const a = (m) => r.find((p) => String(p.value) === m)?.value ?? m, l = e.value !== void 0 && e.value !== null ? String(e.value) : "", u = i?.inline === !0, d = /* @__PURE__ */ E(
     Ei,
     {
       row: !0,
-      onChange: (p) => {
-        const y = a(p.target.value);
+      onChange: (m) => {
+        const y = a(m.target.value);
         e.onChange(y);
       },
       value: l,
       sx: u ? { flexWrap: "nowrap" } : void 0,
-      children: r.map((p) => /* @__PURE__ */ E(
-        jr,
+      children: r.map((m) => /* @__PURE__ */ E(
+        Vr,
         {
           control: /* @__PURE__ */ E(Oi, { size: "small" }),
-          disabled: p.disabled,
-          label: p.label,
-          value: String(p.value)
+          disabled: m.disabled,
+          label: m.label,
+          value: String(m.value)
         },
-        String(p.value)
+        String(m.value)
       ))
     }
   );
@@ -8551,13 +8556,13 @@ const to = ({
         u ? (
           // 行内布局：label 和 radio 在同一行
           /* @__PURE__ */ fe(nn, { direction: "row", spacing: 2, alignItems: "center", children: [
-            /* @__PURE__ */ E(io, { children: t && /* @__PURE__ */ E(Vt, { component: "legend", required: !1, sx: { mb: 0, flexShrink: 0 }, children: Se(t, i?.required) }) }),
+            /* @__PURE__ */ E(io, { children: t && /* @__PURE__ */ E(jt, { component: "legend", required: !1, sx: { mb: 0, flexShrink: 0 }, children: Se(t, i?.required) }) }),
             /* @__PURE__ */ E(io, { children: d })
           ] })
         ) : (
           // 默认布局：label 在上，radio 在下
           /* @__PURE__ */ fe(nn, { spacing: 0, children: [
-            t && /* @__PURE__ */ E(Vt, { component: "legend", required: !1, children: Se(t, i?.required) }),
+            t && /* @__PURE__ */ E(jt, { component: "legend", required: !1, children: Se(t, i?.required) }),
             d
           ] })
         ),
@@ -8566,7 +8571,7 @@ const to = ({
     }
   );
 }, ao = ({ field: e, label: t, fieldProps: r }) => /* @__PURE__ */ fe(at, { children: [
-  t && /* @__PURE__ */ E(Vt, { children: t }),
+  t && /* @__PURE__ */ E(jt, { children: t }),
   /* @__PURE__ */ E(
     $i,
     {
@@ -8578,7 +8583,7 @@ const to = ({
     }
   )
 ] }), lo = ({ field: e, label: t, fieldProps: r }) => /* @__PURE__ */ fe(at, { fullWidth: !0, children: [
-  t && /* @__PURE__ */ E(Vt, { children: t }),
+  t && /* @__PURE__ */ E(jt, { children: t }),
   /* @__PURE__ */ E(
     Ri,
     {
@@ -8590,7 +8595,7 @@ const to = ({
   )
 ] }), co = ({ field: e, label: t, error: r, helperText: n, fieldProps: o }) => /* @__PURE__ */ fe(at, { error: r, required: o?.required, component: "fieldset", children: [
   /* @__PURE__ */ E(
-    jr,
+    Vr,
     {
       control: /* @__PURE__ */ E(
         ki,
@@ -8717,7 +8722,6 @@ const to = ({
   formList: Tr,
   formlist: Tr
 };
-performance.mark("schemaform-start");
 async function hu(e, t) {
   const r = e.ui?.optionRequest;
   if (!r)
@@ -8729,36 +8733,46 @@ async function hu(e, t) {
   }
 }
 function gu(e, t) {
-  const [r, n] = Be({}), o = rt({}), i = rt(!1);
-  return _e(() => {
-    i.current = !1, o.current = {};
-    const a = {};
-    for (const l of e)
-      a[l.name] = l.ui?.options ?? [];
-    n(a);
-  }, [e]), _e(() => {
-    let a = !0;
-    return (async () => {
-      const u = o.current, d = { ...t };
-      for (const p of e) {
-        if (!p.ui?.optionRequest) continue;
-        let y = !1;
-        const m = p.dependencies;
-        if (!m || m.length === 0 ? i.current || (y = !0) : (m.some((h) => t[h] !== u[h]) || !i.current) && (y = !0), y)
-          try {
-            const b = await hu(p, t);
-            if (!a) return;
-            b !== null && n((h) => ({
-              ...h,
-              [p.name]: b
-            }));
-          } catch {
-          }
+  const [r, n] = Ne({}), o = De({}), i = De(/* @__PURE__ */ new Set()), a = De({});
+  return je(() => {
+    i.current.clear(), o.current = {}, a.current = {};
+    const l = {};
+    for (const u of e)
+      l[u.name] = u.ui?.options ?? [];
+    n(l);
+  }, [e]), je(() => {
+    e.forEach(async (l) => {
+      if (!l.ui?.optionRequest) return;
+      const u = l.name, d = l.dependencies || [];
+      let m = !1;
+      const y = {};
+      if (d.forEach((p) => {
+        y[p] = t[p];
+      }), d.length === 0)
+        i.current.has(u) || (m = !0);
+      else if (!i.current.has(u))
+        m = !0;
+      else {
+        const p = o.current[u];
+        d.some(
+          (h) => y[h] !== p?.[h]
+        ) && (m = !0);
       }
-      o.current = d, i.current = !0;
-    })(), () => {
-      a = !1;
-    };
+      if (m) {
+        i.current.add(u), o.current[u] = y;
+        const p = (a.current[u] || 0) + 1;
+        a.current[u] = p;
+        try {
+          const b = await hu(l, t);
+          a.current[u] === p && b !== null && n((h) => ({
+            ...h,
+            [u]: b
+          }));
+        } catch {
+          a.current[u];
+        }
+      }
+    });
   }, [e, t]), r;
 }
 function yu(e, t) {
@@ -8771,88 +8785,77 @@ function yu(e, t) {
     readOnly: l = !1,
     disabled: u = !1,
     widgets: d = {},
-    children: p,
+    children: m,
     spacing: y
-  } = e, m = qe(() => {
-    performance.mark("schema-parse-start");
-    const P = ji(r);
-    return performance.mark("schema-parse-end"), performance.measure(
-      "schema-parse",
-      "schema-parse-start",
-      "schema-parse-end"
-    ), P;
-  }, [r]), b = rt(void 0);
+  } = e, p = Ge(() => Vi(r), [r]), b = De(void 0);
   b.current === void 0 && (b.current = {
-    ...m.defaultValues,
+    ...p.defaultValues,
     ...n || {}
   });
-  const h = qe(() => ({ ...mu, ...d }), [d]), f = qe(() => Fi(m), [m]), g = bi({
+  const h = Ge(() => ({ ...mu, ...d }), [d]), f = Ge(() => Fi(p), [p]), g = bi({
     defaultValues: b.current,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     resolver: f,
     mode: "onBlur",
     reValidateMode: "onBlur"
-  }), C = qe(() => Di(m), [m]);
-  _e(() => {
-  }, [C]);
-  const k = vi({
+  }), C = Ge(() => Di(p), [p]), k = vi({
     control: g.control,
     name: C
-  }), I = qe(() => {
-    const P = {};
-    return Array.isArray(k) && C.forEach((c, T) => {
-      P[c] = k[T];
-    }), P;
-  }, [k, C]), $ = gu(m.allFields, I), S = rt({});
-  _e(() => {
-    const P = S.current;
-    if (Object.keys(P).length === 0) {
-      S.current = { ...I };
+  }), M = Ge(() => {
+    const I = {};
+    return Array.isArray(k) && C.forEach((c, w) => {
+      I[c] = k[w];
+    }), I;
+  }, [k, C]), $ = gu(p.allFields, M), S = De({});
+  je(() => {
+    const I = S.current;
+    if (Object.keys(I).length === 0) {
+      S.current = { ...M };
       return;
     }
     const c = {};
-    let T = !1;
-    for (const x of m.allFields)
+    let w = !1;
+    for (const x of p.allFields)
       if (x.dependencies?.length && x.dependencies.some(
-        (M) => I[M] !== P[M]
+        (_) => M[_] !== I[_]
       )) {
-        const M = g.getValues(x.name);
-        M != null && M !== "" && (c[x.name] = null, T = !0);
+        const _ = g.getValues(x.name);
+        _ != null && _ !== "" && (c[x.name] = null, w = !0);
       }
-    T && Object.entries(c).forEach(([x, N]) => {
-      g.setValue(x, N, {
+    w && Object.entries(c).forEach(([x, P]) => {
+      g.setValue(x, P, {
         shouldValidate: !0,
         shouldDirty: !0,
         shouldTouch: !0
       });
-    }), S.current = { ...I };
-  }, [I, m.allFields, g]), _e(() => {
+    }), S.current = { ...M };
+  }, [M, p.allFields, g]), je(() => {
     i && i(g.getValues());
-  }, [I, i, g]);
-  const w = qe(() => m.allFields.filter((P) => P.compute).map((P) => ({
-    name: P.name,
-    expr: P.compute.expr,
-    dependencies: P.compute.dependencies || xo(P.compute.expr),
-    precision: P.compute.precision,
-    roundMode: P.compute.roundMode
-  })), [m.allFields]), V = rt({});
-  _e(() => {
-    if (w.length === 0) return;
-    let P = !1;
+  }, [M, i, g]);
+  const T = Ge(() => p.allFields.filter((I) => I.compute).map((I) => ({
+    name: I.name,
+    expr: I.compute.expr,
+    dependencies: I.compute.dependencies || xo(I.compute.expr),
+    precision: I.compute.precision,
+    roundMode: I.compute.roundMode
+  })), [p.allFields]), D = De({});
+  je(() => {
+    if (T.length === 0) return;
+    let I = !1;
     const c = {};
-    for (const { name: T, expr: x, dependencies: N, precision: M, roundMode: D } of w) {
-      const F = N.map((L) => `${L}:${I[L]}`).join("|"), U = V.current[T];
-      if (F === U)
+    for (const { name: w, expr: x, dependencies: P, precision: _, roundMode: G } of T) {
+      const z = P.map((W) => `${W}:${M[W]}`).join("|"), U = D.current[w];
+      if (z === U)
         continue;
-      if (!N.every((L) => Fr(I[L]))) {
-        V.current[T] = F;
+      if (!P.every((W) => Fr(M[W]))) {
+        D.current[w] = z;
         continue;
       }
-      const R = Co(x, I, N, M, D), z = g.getValues(T);
-      R !== void 0 && R !== z && !Number.isNaN(R) && // 避免浮点数精度问题导致的无限更新
-      (typeof R != "number" || typeof z != "number" || Math.abs(R - z) > 1e-4) && (c[T] = R, P = !0), V.current[T] = F;
+      const R = Co(x, M, P, _, G), j = g.getValues(w);
+      R !== void 0 && R !== j && !Number.isNaN(R) && // 避免浮点数精度问题导致的无限更新
+      (typeof R != "number" || typeof j != "number" || Math.abs(R - j) > 1e-4) && (c[w] = R, I = !0), D.current[w] = z;
     }
-    P && g.reset(
+    I && g.reset(
       {
         ...g.getValues(),
         ...c
@@ -8871,52 +8874,52 @@ function yu(e, t) {
         // keepDirty: true means "if a field was dirty, keep it dirty".
       }
     );
-  }, [I, w, g]);
-  const G = ho(
-    async (P) => {
-      const c = g.getValues(), T = {};
-      for (const x of m.allFields) {
+  }, [M, T, g]);
+  const q = ho(
+    async (I) => {
+      const c = g.getValues(), w = {};
+      for (const x of p.allFields) {
         if (x.noSubmit)
           continue;
-        const N = x.name;
-        let M = N in P ? P[N] : c[N];
-        x.transform ? T[N] = x.transform(M, c) : T[N] = M;
+        const P = x.name;
+        let _ = P in I ? I[P] : c[P];
+        x.transform ? w[P] = x.transform(_, c) : w[P] = _;
       }
-      o && await o(T);
+      o && await o(w);
     },
-    [m.allFields, o, g]
+    [p.allFields, o, g]
   );
   gi(
     t,
     () => ({
       ...g,
       submit: async () => {
-        await g.handleSubmit(G)();
+        await g.handleSubmit(q)();
       },
       getFormValues: () => {
-        const c = g.getValues(), T = {};
-        for (const x of m.allFields)
-          x.noSubmit || (T[x.name] = c[x.name]);
-        return T;
+        const c = g.getValues(), w = {};
+        for (const x of p.allFields)
+          x.noSubmit || (w[x.name] = c[x.name]);
+        return w;
       },
       setValues: (c) => {
-        for (const [T, x] of Object.entries(c))
-          x !== void 0 && g.setValue(T, x);
+        for (const [w, x] of Object.entries(c))
+          x !== void 0 && g.setValue(w, x);
       }
     }),
-    [g, m, G]
+    [g, p, q]
   );
-  const j = () => m.input.fields.flatMap((c, T) => {
+  const V = () => p.input.fields.flatMap((c, w) => {
     if (c.component === "Hidden")
       return [];
     const x = [];
-    return c.newLine && a && x.push(/* @__PURE__ */ E("div", { style: { gridColumn: "1 / -1", height: 0 } }, `${String(c.name)}-${T}-newline`)), x.push(
+    return c.newLine && a && x.push(/* @__PURE__ */ E("div", { style: { gridColumn: "1 / -1", height: 0 } }, `${String(c.name)}-${w}-newline`)), x.push(
       /* @__PURE__ */ E(
         Ul,
         {
           field: c,
-          index: T,
-          values: I,
+          index: w,
+          values: M,
           form: g,
           disabled: u,
           readOnly: l,
@@ -8924,13 +8927,13 @@ function yu(e, t) {
           optionsMap: $,
           useGrid: a
         },
-        `${String(c.name)}-${T}`
+        `${String(c.name)}-${w}`
       )
     ), x;
-  }), W = y ?? r.layout?.spacing ?? 2;
+  }), L = y ?? r.layout?.spacing ?? 2;
   return /* @__PURE__ */ E(Si, { ...g, children: /* @__PURE__ */ fe("form", { noValidate: !0, style: { marginTop: "16px" }, children: [
-    a ? /* @__PURE__ */ E(Yl, { spacing: W, children: j() }) : /* @__PURE__ */ E(Hl, { spacing: W, children: j() }),
-    p
+    a ? /* @__PURE__ */ E(Yl, { spacing: L, children: V() }) : /* @__PURE__ */ E(Hl, { spacing: L, children: V() }),
+    m
   ] }) });
 }
 const _u = mo(yu);
@@ -8970,5 +8973,5 @@ export {
   Iu as getDownstreamFields,
   Di as getWatchFields,
   Mu as mergeDefaultValues,
-  ji as parseSchema
+  Vi as parseSchema
 };