@fastspace/schema-form 0.0.6 → 0.0.7

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, useState as Ne, useEffect as De, useCallback as ho, useRef as Ye, isValidElement as _t, cloneElement as Nt, Children as hi, useMemo as qe, 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";
@@ -36,9 +36,9 @@ function Ni(e, t) {
   return "eq" in e ? r === e.eq : "ne" in e ? r !== e.ne : "gt" in e && typeof r == "number" ? r > e.gt : "gte" in e && typeof r == "number" ? r >= e.gte : "lt" in e && typeof r == "number" ? r < e.lt : "lte" in e && typeof r == "number" ? r <= e.lte : "in" in e && Array.isArray(e.in) ? e.in.includes(r) : "notIn" in e && Array.isArray(e.notIn) ? !e.notIn.includes(r) : "empty" in e ? e.empty ? Rt(r) : !Rt(r) : "notEmpty" in e ? e.notEmpty ? !Rt(r) : Rt(r) : !1;
 }
 function Bi(e, t) {
-  return "and" in e ? e.and.every((r) => Ve(r, t)) : "or" in e ? e.or.some((r) => Ve(r, t)) : "not" in e ? !Ve(e.not, t) : !1;
+  return "and" in e ? e.and.every((r) => je(r, t)) : "or" in e ? e.or.some((r) => je(r, t)) : "not" in e ? !je(e.not, t) : !1;
 }
-function Ve(e, t) {
+function je(e, t) {
   return e ? typeof e == "function" ? e(t) : So(e) ? Ni(e, t) : _i(e) ? Bi(e, t) : !0 : !0;
 }
 function nt(e) {
@@ -56,11 +56,11 @@ function nt(e) {
 }
 function Ht(e, t, r = !1, n = !1) {
   let o = !e.hidden;
-  o && e.visibleWhen && (o = Ve(e.visibleWhen, t));
+  o && e.visibleWhen && (o = je(e.visibleWhen, t));
   let i = e.disabled ?? !1;
-  !i && e.disabledWhen && (i = Ve(e.disabledWhen, t)), r && (i = !0);
+  !i && e.disabledWhen && (i = je(e.disabledWhen, t)), r && (i = !0);
   let a = e.rules?.some((u) => u.type === "required") ?? !1;
-  !a && e.requiredWhen && (a = Ve(e.requiredWhen, t));
+  !a && e.requiredWhen && (a = je(e.requiredWhen, t));
   const l = e.readonly ?? n;
   return { visible: o, disabled: i, required: a, readonly: l };
 }
@@ -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);
@@ -179,7 +179,7 @@ function Mu(e, t) {
   };
 }
 function zi(e, t) {
-  return e.rules?.some((n) => n.type === "required") ? !0 : e.requiredWhen ? Ve(e.requiredWhen, t) : !1;
+  return e.rules?.some((n) => n.type === "required") ? !0 : e.requiredWhen ? je(e.requiredWhen, t) : !1;
 }
 function Wi(e) {
   const t = e.rules?.find((n) => n.type === "required"), r = e.ui?.label ?? String(e.name);
@@ -351,7 +351,7 @@ function Li(e, t) {
       continue;
     }
     if (n.component !== "Group") {
-      if (n.visibleWhen && !Ve(n.visibleWhen, t)) {
+      if (n.visibleWhen && !je(n.visibleWhen, t)) {
         r[n.name] = A.optional(A.unknown());
         continue;
       }
@@ -440,7 +440,7 @@ 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;
+  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 I(S) {
     if (typeof S == "object" && S !== null) {
       var w = S.$$typeof;
@@ -457,7 +457,7 @@ function Gi() {
             default:
               switch (S = S && S.$$typeof, S) {
                 case l:
-                case p:
+                case m:
                 case h:
                 case b:
                 case a:
@@ -474,7 +474,7 @@ function Gi() {
   function $(S) {
     return I(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 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) || I(S) === u;
   }, te.isConcurrentMode = $, te.isContextConsumer = function(S) {
     return I(S) === l;
@@ -483,7 +483,7 @@ function Gi() {
   }, te.isElement = function(S) {
     return typeof S == "object" && S !== null && S.$$typeof === t;
   }, te.isForwardRef = function(S) {
-    return I(S) === p;
+    return I(S) === m;
   }, te.isFragment = function(S) {
     return I(S) === n;
   }, te.isLazy = function(S) {
@@ -499,37 +499,37 @@ function Gi() {
   }, te.isSuspense = function(S) {
     return I(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);
+    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 = I, 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;
+    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 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);
+      _ === n || _ === d || _ === i || _ === o || _ === y || _ === p || typeof _ == "object" && _ !== null && (_.$$typeof === h || _.$$typeof === b || _.$$typeof === a || _.$$typeof === l || _.$$typeof === m || _.$$typeof === g || _.$$typeof === C || _.$$typeof === k || _.$$typeof === f);
     }
     function $(_) {
       if (typeof _ == "object" && _ !== null) {
         var ye = _.$$typeof;
         switch (ye) {
           case t:
-            var Ne = _.type;
-            switch (Ne) {
+            var _e = _.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,7 +543,7 @@ 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;
+    var S = u, w = d, j = l, G = a, V = t, W = m, P = n, c = h, T = b, x = r, N = i, M = o, D = y, F = !1;
     function U(_) {
       return F || (F = !0), O(_) || $(_) === u;
     }
@@ -560,7 +560,7 @@ function Ui() {
       return typeof _ == "object" && _ !== null && _.$$typeof === t;
     }
     function q(_) {
-      return $(_) === p;
+      return $(_) === m;
     }
     function X(_) {
       return $(_) === n;
@@ -583,7 +583,7 @@ function Ui() {
     function me(_) {
       return $(_) === 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 = w, re.ContextConsumer = j, re.ContextProvider = G, re.Element = V, 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;
 }
 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"),
@@ -734,8 +734,8 @@ function Ki() {
       instanceOf: w,
       node: W(),
       objectOf: G,
-      oneOf: V,
-      oneOfType: j,
+      oneOf: j,
+      oneOfType: V,
       shape: c,
       exact: T
     };
@@ -750,7 +750,7 @@ function Ki() {
       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) {
+        if (Q = Q || p, J = J || K, me !== r) {
           if (u) {
             var _ = 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"
@@ -829,14 +829,14 @@ function Ki() {
     function w(O) {
       function R(z, L, q, X, H) {
         if (!(z[L] instanceof O)) {
-          var K = O.name || m, Q = U(z[L]);
+          var K = O.name || p, Q = U(z[L]);
           return new f("Invalid " + X + " `" + H + "` of type " + ("`" + Q + "` supplied to `" + q + "`, expected ") + ("instance of `" + K + "`."));
         }
         return null;
       }
       return g(R);
     }
-    function V(O) {
+    function j(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])."
@@ -870,7 +870,7 @@ 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++) {
@@ -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 Ve(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." : Ve(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\`.` : Ve(18, `(${t})`));
     return null;
   }
   const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
@@ -1756,9 +1756,9 @@ 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
       };
     });
   };
@@ -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))
@@ -1863,10 +1863,10 @@ 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);
   }
@@ -1876,11 +1876,11 @@ tr.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: We
 } : {};
 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);
   }
@@ -1893,7 +1893,7 @@ 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);
   }
@@ -1906,7 +1906,7 @@ 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);
   }
@@ -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,11 +2461,11 @@ 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();
@@ -2494,11 +2494,11 @@ function Bt(e, t, r) {
         variants: i,
         ...a
       } = n;
-      o = r ? Ge(Ye(a), r) : a;
+      o = r ? Ge(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 ? Ge(He(n.style), r) : n.style : r ? Ge(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 ? Ge(He(a.style(o)), n) : a.style(o))) : r.push(n ? Ge(He(a.style), n) : a.style);
   }
   return r;
 }
@@ -2534,26 +2534,26 @@ function Bo(e = {}) {
     pa(l, t, r);
   }
   return (l, u = {}) => {
-    cs(l, (w) => w.filter((V) => V !== Xe));
+    cs(l, (w) => w.filter((j) => j !== 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);
+    m === "Root" || m === "root" ? k = n : m ? k = o : ya(l) && (k = void 0);
     const I = Ro(l, {
       shouldForwardProp: k,
-      label: ha(d, p),
+      label: ha(d, m),
       ...h
     }), $ = (w) => {
       if (w.__emotion_real === w)
@@ -2563,15 +2563,15 @@ function Bo(e = {}) {
           return Bt(G, w, G.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;
+        const j = _o(w);
+        return function(V) {
+          return j.variants ? Bt(V, j, V.theme.modularCssLayers ? f : void 0) : V.theme.modularCssLayers ? Ge(j.style, f) : j.style;
         };
       }
       return w;
     }, S = (...w) => {
-      const V = [], G = w.map($), j = [];
-      if (V.push(i), d && b && j.push(function(T) {
+      const j = [], G = w.map($), V = [];
+      if (j.push(i), d && b && V.push(function(T) {
         const N = T.theme.components?.[d]?.styleOverrides;
         if (!N)
           return null;
@@ -2579,16 +2579,16 @@ function Bo(e = {}) {
         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) {
+      }), d && !g && V.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("");
+      }), C || V.push(Qe), Array.isArray(G[0])) {
+        const c = G.shift(), T = new Array(j.length).fill(""), x = new Array(V.length).fill("");
         let N;
-        N = [...T, ...c, ...x], N.raw = [...T, ...c.raw, ...x], V.unshift(N);
+        N = [...T, ...c, ...x], N.raw = [...T, ...c.raw, ...x], j.unshift(N);
       }
-      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 W = [...j, ...G, ...V], P = I(...W);
+      return l.muiName && (P.muiName = l.muiName), process.env.NODE_ENV !== "production" && (P.displayName = ma(d, m, l)), P;
     };
     return I.withConfig && (S.withConfig = I.withConfig), S;
   };
@@ -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,30 +2862,30 @@ 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,
@@ -2895,13 +2895,13 @@ function Da(e = {}) {
       direction: $ = "row",
       wrap: S = "wrap",
       size: w = {},
-      offset: V = {},
+      offset: j = {},
       spacing: G = 0,
-      rowSpacing: j = G,
+      rowSpacing: V = G,
       columnSpacing: W = G,
       unstable_level: P = 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, T = a(w, p.breakpoints, (R) => R !== !1), x = a(j, p.breakpoints), N = m.columns ?? (P ? void 0 : C), M = m.spacing ?? (P ? void 0 : G), D = m.rowSpacing ?? m.spacing ?? (P ? void 0 : V), F = m.columnSpacing ?? m.spacing ?? (P ? void 0 : W), U = {
       ...h,
       level: P,
       columns: N,
@@ -2913,7 +2913,7 @@ function Da(e = {}) {
       columnSpacing: F,
       size: T,
       offset: x
-    }, O = i(U, m);
+    }, O = i(U, p);
     return /* @__PURE__ */ E(l, {
       ref: y,
       as: I,
@@ -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
     });
   });
@@ -3009,12 +3009,12 @@ function ze(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().` : Ve(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.` : Ve(10, o));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -3047,7 +3047,7 @@ function zo(e) {
   e = ze(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({
@@ -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,11 +3227,11 @@ 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
@@ -3239,11 +3239,11 @@ function el(e, t = {}) {
   if (Object.entries(g || {}).forEach(([$, S]) => {
     const {
       vars: w,
-      css: V,
+      css: j,
       varsWithDefaults: G
     } = xr(S, t);
     b = he(b, G), h[$] = {
-      css: V,
+      css: j,
       vars: w
     };
   }), f) {
@@ -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]: {
+      function w(V, W) {
+        Object.keys(W).length && $.push(typeof V == "string" ? {
+          [V]: {
             ...W
           }
-        } : j);
+        } : V);
       }
       w(r(void 0, {
         ...y
       }), y);
       const {
-        [S]: V,
+        [S]: j,
         ...G
       } = h;
-      if (V) {
+      if (j) {
         const {
-          css: j
-        } = V, W = a[S]?.palette?.mode, P = !n && W ? {
+          css: V
+        } = j, W = a[S]?.palette?.mode, P = !n && W ? {
           colorScheme: W,
-          ...j
+          ...V
         } : {
-          ...j
+          ...V
         };
         w(r(S, {
           ...P
         }), P);
       }
-      return Object.entries(G).forEach(([j, {
+      return Object.entries(G).forEach(([V, {
         css: W
       }]) => {
-        const P = a[j]?.palette?.mode, c = !n && P ? {
+        const P = a[V]?.palette?.mode, c = !n && P ? {
           colorScheme: P,
           ...W
         } : {
           ...W
         };
-        w(r(j, {
+        w(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,8 +3418,8 @@ 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,
@@ -3433,7 +3433,7 @@ function ll(e = {}) {
       useFlexGap: k
     }, S = o();
     return /* @__PURE__ */ E(i, {
-      as: m,
+      as: p,
       ownerState: $,
       ref: d,
       className: ue(S.root, C),
@@ -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;
@@ -3679,7 +3679,7 @@ function Hr(e) {
       ...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.` : Ve(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;
+} });` : Ve(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 = 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, I, $) => ({
     fontFamily: r,
     fontWeight: g,
     fontSize: b(C),
@@ -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." : Ve(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,7 +4015,7 @@ 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) {
@@ -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,9 +4202,9 @@ 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
@@ -4212,14 +4212,14 @@ function Wl(e = {}, ...t) {
     ...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));
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (I = !0), !I)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : Ve(21, p));
   let $;
   a && ($ = "oklch");
-  const S = Cr($, k, I, p, m);
+  const S = Cr($, k, I, m, p);
   f && !k.light && Cr($, k, f, void 0, "light"), g && !k.dark && Cr($, k, g, void 0, "dark");
   let w = {
-    defaultColorScheme: m,
+    defaultColorScheme: p,
     ...S,
     cssVarPrefix: i,
     colorSchemeSelector: u,
@@ -4230,7 +4230,7 @@ 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) => {
@@ -4245,7 +4245,7 @@ function Wl(e = {}, ...t) {
       }
       return N(M, D);
     }
-    if (Vl(c, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), c.mode === "light") {
+    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", 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));
@@ -4260,7 +4260,7 @@ function Wl(e = {}, ...t) {
       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")));
     });
   }), w = t.reduce((P, c) => he(P, c), w);
-  const V = {
+  const j = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
@@ -4268,18 +4268,18 @@ function Wl(e = {}, ...t) {
     enableContrastVars: a
   }, {
     vars: G,
-    generateThemeVars: j,
+    generateThemeVars: V,
     generateStyleSheets: W
-  } = el(w, V);
+  } = el(w, j);
   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.generateThemeVars = V, w.generateStyleSheets = W, w.generateSpacing = function() {
+    return Mo(m.spacing, Zt(this));
   }, w.getColorSchemeSelector = tl(u), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = l, w.unstable_sxConfig = {
     ...Ct,
-    ...p?.unstable_sxConfig
+    ...m?.unstable_sxConfig
   }, w.unstable_sx = function(c) {
-    return Xe({
+    return Qe({
       sx: c,
       theme: this
     });
@@ -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,26 +4757,26 @@ 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 { onChange: u, multiple: d = !1, loading: m, ...y } = i ?? {}, p = l?.ui?.remoteConfig, [b, h] = Ne([]), [f, g] = Ne(!1), [C, k] = Ne(!1), [I, $] = Ne(""), [S, w] = Ne(!1), [j, G] = Ne(1), [V, W] = Ne(!0), P = p ? b : o, c = p?.pageSize ?? 20;
+  De(() => {
+    if (!p?.fetchById || !e.value) return;
     const F = (Array.isArray(e.value) ? e.value : [e.value]).filter(
       (U) => !b.some((O) => O.value === U)
     );
     F.length !== 0 && F.forEach(async (U) => {
       try {
-        const O = await m.fetchById(U);
+        const O = await p.fetchById(U);
         O && h((R) => R.some((z) => z.value === O.value) ? R : [...R, O]);
       } catch {
       }
     });
-  }, [e.value, m, b]);
+  }, [e.value, p, b]);
   const T = ho(
     async (D, F, U = !1) => {
-      if (m) {
-        U || (G(1), W(!0)), U ? k(!0) : g(!0), m.onLoadingChange?.(!0);
+      if (p) {
+        U || (G(1), W(!0)), U ? k(!0) : g(!0), p.onLoadingChange?.(!0);
         try {
-          const O = await m.fetchOptions(D, F, c);
+          const O = await p.fetchOptions(D, F, c);
           h(U ? (R) => {
             const z = O.data.filter(
               (L) => !R.some((q) => q.value === L.value)
@@ -4785,27 +4785,27 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
           } : O.data), W(O.hasMore);
         } catch {
         } finally {
-          U ? k(!1) : g(!1), m.onLoadingChange?.(!1);
+          U ? k(!1) : g(!1), p.onLoadingChange?.(!1);
         }
       }
     },
-    [m, c]
-  ), x = rt(null);
-  _e(() => {
-    S && m && T(I, 1, !1);
+    [p, c]
+  ), x = Ye(null);
+  De(() => {
+    S && p && T(I, 1, !1);
   }, [S]);
   const N = (D, F, U) => {
-    $(F), m && (x.current && clearTimeout(x.current), (U === "input" || U === "clear") && (x.current = setTimeout(() => {
+    $(F), p && (x.current && clearTimeout(x.current), (U === "input" || U === "clear") && (x.current = setTimeout(() => {
       T(F, 1, !1);
-    }, m.debounceTimeout ?? 500)));
+    }, p.debounceTimeout ?? 500)));
   };
-  _e(() => () => {
+  De(() => () => {
     x.current && clearTimeout(x.current);
   }, []);
   const M = (D) => {
     const F = D.currentTarget;
-    if (!f && !C && j && F.scrollTop + F.clientHeight >= F.scrollHeight - 20) {
-      const U = V + 1;
+    if (!f && !C && V && F.scrollTop + F.clientHeight >= F.scrollHeight - 20) {
+      const U = j + 1;
       G(U), T(I, U, !0);
     }
   };
@@ -4826,27 +4826,27 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
           open: S,
           onOpen: () => w(!0),
           onClose: () => w(!1),
-          inputValue: m ? I : void 0,
-          onInputChange: m ? N : void 0,
+          inputValue: p ? I : void 0,
+          onInputChange: p ? N : void 0,
           options: P,
-          loading: f || p,
-          filterOptions: m ? (D) => D : void 0,
+          loading: f || m,
+          filterOptions: p ? (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);
           },
           slots: {
-            listbox: m ? Xl : void 0
+            listbox: p ? Xl : void 0
           },
           slotProps: {
             listbox: {
-              onScroll: m ? M : void 0,
+              onScroll: p ? M : void 0,
               style: { maxHeight: 260 },
               // 传递自定义属性给 ListboxComponent (仅在远程模式下传递)
-              ...m ? {
+              ...p ? {
                 fetchingMore: C,
-                hasMore: j,
+                hasMore: V,
                 showNoMore: b.length > 0,
                 empty: b.length === 0 && !f && !C,
                 error: !1
@@ -4892,7 +4892,7 @@ const Hl = ({ spacing: e = 2, children: t }) => /* @__PURE__ */ E(Jo, { spacing:
                 input: {
                   ...D.InputProps,
                   endAdornment: /* @__PURE__ */ fe(Dr, { children: [
-                    f || p ? /* @__PURE__ */ E(bo, { color: "inherit", size: 20 }) : null,
+                    f || m ? /* @__PURE__ */ E(bo, { color: "inherit", size: 20 }) : null,
                     D.InputProps.endAdornment
                   ] })
                 }
@@ -4921,7 +4921,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 +5157,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 +5167,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 +5312,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 +5462,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)
@@ -5500,13 +5500,13 @@ 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, {
+      }) : !u && l && !m ? o[i] = Nt(a, {
         in: !1
       }) : u && l && _t(d) && (o[i] = Nt(a, {
         onExited: r.bind(null, a),
@@ -5663,13 +5663,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 +5677,7 @@ function ei(e) {
       };
     }
   }, [u, l, d]), /* @__PURE__ */ E("span", {
-    className: m,
+    className: p,
     style: b,
     children: /* @__PURE__ */ E("span", {
       className: h
@@ -5825,17 +5825,17 @@ 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,
+      rippleY: j,
       rippleSize: G,
-      cb: j
+      cb: V
     } = $;
     d((W) => [...W, /* @__PURE__ */ E(Rc, {
       classes: {
@@ -5849,23 +5849,23 @@ const be = Pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       timeout: Ir,
       pulsate: S,
       rippleX: w,
-      rippleY: V,
+      rippleY: j,
       rippleSize: G
-    }, p.current)]), p.current += 1, y.current = j;
+    }, m.current)]), m.current += 1, y.current = V;
   }, [i]), C = B.useCallback(($ = {}, S = {}, w = () => {
   }) => {
     const {
-      pulsate: V = !1,
+      pulsate: j = !1,
       center: G = o || S.pulsate,
-      fakeElement: j = !1
+      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 W = V ? null : f.current, P = W ? W.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -5889,7 +5889,7 @@ const be = Pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     }
     $?.touches ? h.current === null && (h.current = () => {
       g({
-        pulsate: V,
+        pulsate: j,
         rippleX: c,
         rippleY: T,
         rippleSize: x,
@@ -5898,7 +5898,7 @@ const be = Pe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     }, b.start(Tc, () => {
       h.current && (h.current(), h.current = null);
     })) : g({
-      pulsate: V,
+      pulsate: j,
       rippleX: c,
       rippleY: T,
       rippleSize: x,
@@ -6013,9 +6013,9 @@ 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,
@@ -6026,9 +6026,9 @@ const Ac = Pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pc = (e) =
     onFocusVisible: $,
     onKeyDown: S,
     onKeyUp: w,
-    onMouseDown: V,
+    onMouseDown: j,
     onMouseLeave: G,
-    onMouseUp: j,
+    onMouseUp: V,
     onTouchEnd: W,
     onTouchMove: P,
     onTouchStart: c,
@@ -6043,27 +6043,27 @@ const Ac = Pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pc = (e) =
       z(!0), F.current.focus();
     }
   }), []);
-  const L = U.shouldMount && !p && !d;
+  const L = 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 && p && !m && U.pulsate();
+  }, [m, p, R, U]);
+  const q = Me(U, "start", j, 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(), 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);
   }, !1), ye = Dt((Y) => {
     F.current || (F.current = Y.currentTarget), Hn(Y.target) && (z(!0), $ && $(Y)), I && I(Y);
-  }), Ne = () => {
+  }), _e = () => {
     const Y = F.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);
+    }), w && w(Y), g && Y.target === Y.currentTarget && _e() && Y.key === " " && !Y.defaultPrevented && g(Y);
   });
   let Et = u;
   Et === "button" && (D.href || D.to) && (Et = h);
@@ -6078,9 +6078,9 @@ const Ac = Pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pc = (e) =
     centerRipple: i,
     component: u,
     disabled: d,
-    disableRipple: p,
+    disableRipple: m,
     disableTouchRipple: y,
-    focusRipple: m,
+    focusRipple: p,
     tabIndex: T,
     focusVisible: R
   }, pi = Pc(rn);
@@ -6323,7 +6323,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 +6336,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 +6435,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);
+  }, f = jc(h), g = {}, C = {}, k = {};
+  if (p === "determinate") {
+    const I = 2 * Math.PI * ((Te - m) / 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)";
   }
-  return /* @__PURE__ */ E(jc, {
+  return /* @__PURE__ */ E(Vc, {
     className: ue(f.root, o),
     style: {
       width: u,
@@ -6475,9 +6475,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 +6485,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
       })]
     })
   });
@@ -6580,11 +6580,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: {
@@ -7012,9 +7012,9 @@ 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,
@@ -7025,9 +7025,9 @@ const qc = (e) => {
     loadingPosition: $ = "center",
     size: S = "medium",
     startIcon: w,
-    type: V,
+    type: j,
     variant: G = "text",
-    ...j
+    ...V
   } = a, W = Wo(C), P = I ?? /* @__PURE__ */ E(en, {
     "aria-labelledby": W,
     color: "inherit",
@@ -7037,14 +7037,14 @@ const qc = (e) => {
     color: u,
     component: d,
     disabled: y,
-    disableElevation: m,
+    disableElevation: p,
     disableFocusRipple: b,
     fullWidth: g,
     loading: k,
     loadingIndicator: P,
     loadingPosition: $,
     size: S,
-    type: V,
+    type: j,
     variant: G
   }, T = qc(c), x = (w || k && $ === "start") && /* @__PURE__ */ E(Uc, {
     className: T.startIcon,
@@ -7076,15 +7076,15 @@ const qc = (e) => {
   ) : null;
   return /* @__PURE__ */ fe(Gc, {
     ownerState: c,
-    className: ue(n.className, T.root, p, M),
+    className: ue(n.className, T.root, m, M),
     component: d,
     disabled: y || k,
     focusRipple: !b,
     focusVisibleClassName: ue(T.focusVisible, f),
     ref: r,
-    type: V,
+    type: j,
     id: k ? W : C,
-    ...j,
+    ...V,
     classes: T,
     children: [x, $ !== "end" && D, l, $ === "end" && D, N]
   });
@@ -7401,9 +7401,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 +7411,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 +7657,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 +7672,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 +7694,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 +7868,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 +7892,7 @@ const su = (e) => {
           "--Paper-overlay": `linear-gradient(${Ft("#fff", kr(l))}, ${Ft("#fff", kr(l))})`
         }
       },
-      ...p.style
+      ...m.style
     }
   });
 });
@@ -8076,9 +8076,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 +8088,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,14 +8230,14 @@ 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 = qe(() => e.columns ? ui(e.columns) : [], [e.columns]), y = (w, j) => {
+    if (!m.some(
+      (W) => W.dependencies.includes(j)
     )) 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];
+    const V = t.getValues(`${e.name}.${w}`);
+    V && m.forEach(({ name: W, expr: P, dependencies: c, precision: T, roundMode: x }) => {
+      if (W === j || !c.includes(j) || !c.every((F) => Fr(V[F]))) return;
+      const M = Co(P, V, c, T, x), D = V[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, {
         shouldValidate: !0,
         // 计算更新通常需要触发验证
@@ -8245,7 +8245,7 @@ const Tr = ({
         shouldTouch: !0
       });
     });
-  }, m = t.watch(), {
+  }, p = t.watch(), {
     columns: b = [],
     minItems: h = 0,
     maxItems: f = 1 / 0,
@@ -8257,12 +8257,12 @@ const Tr = ({
     u(w);
   }, I = (w) => {
     if (l.length >= f) return;
-    const V = t.getValues(`${e.name}.${w}`);
-    u(V);
+    const j = t.getValues(`${e.name}.${w}`);
+    u(j);
   }, $ = (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(
+  }, S = (w, j, G) => {
+    const V = `${e.name}.${j}.${w.name}`, W = p?.[e.name]?.[j] || {}, P = { ...p, ...W }, c = Ht(
       w,
       P,
       o,
@@ -8278,21 +8278,21 @@ const Tr = ({
           children: /* @__PURE__ */ E($t, { container: !0, spacing: 2, children: w.columns?.map(
             (M, D) => S(
               { ...M, name: M.name },
-              V,
+              j,
               D
             )
           ) })
         },
-        `${j}-${G}`
+        `${V}-${G}`
       );
     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,
+      jr,
       {
         control: t.control,
-        name: j,
+        name: V,
         render: ({ field: M, fieldState: D }) => /* @__PURE__ */ E(
           T,
           {
@@ -8300,7 +8300,7 @@ const Tr = ({
             field: {
               ...M,
               onBlur: (F) => {
-                M.onBlur(), y(V, w.name);
+                M.onBlur(), y(j, w.name);
               }
             },
             fieldProps: {
@@ -8317,11 +8317,11 @@ const Tr = ({
           }
         )
       }
-    ) }, `${j}-${G}`);
+    ) }, `${V}-${G}`);
   };
   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((w, j) => /* @__PURE__ */ fe(
       li,
       {
         variant: "outlined",
@@ -8342,7 +8342,7 @@ const Tr = ({
                   Nr,
                   {
                     size: "small",
-                    onClick: () => I(V),
+                    onClick: () => I(j),
                     title: "复制",
                     children: /* @__PURE__ */ E(rc, { fontSize: "small" })
                   }
@@ -8351,7 +8351,7 @@ const Tr = ({
                   Nr,
                   {
                     size: "small",
-                    onClick: () => $(V),
+                    onClick: () => $(j),
                     color: "error",
                     title: "删除",
                     children: /* @__PURE__ */ E(nc, { fontSize: "small" })
@@ -8360,7 +8360,7 @@ 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((G, V) => S(G, j, V)) })
         ]
       },
       w.id
@@ -8394,20 +8394,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 +8422,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 +8434,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 +8504,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 +8551,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 +8566,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 +8578,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 +8590,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 +8717,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 +8728,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 = Ye({}), i = Ye(/* @__PURE__ */ new Set()), a = Ye({});
+  return De(() => {
+    i.current.clear(), o.current = {}, a.current = {};
+    const l = {};
+    for (const u of e)
+      l[u.name] = u.ui?.options ?? [];
+    n(l);
+  }, [e]), De(() => {
+    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,31 +8780,20 @@ 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 = qe(() => Vi(r), [r]), b = Ye(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 = qe(() => ({ ...mu, ...d }), [d]), f = qe(() => 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 = qe(() => Di(p), [p]), k = vi({
     control: g.control,
     name: C
   }), I = qe(() => {
@@ -8803,8 +8801,8 @@ function yu(e, t) {
     return Array.isArray(k) && C.forEach((c, T) => {
       P[c] = k[T];
     }), P;
-  }, [k, C]), $ = gu(m.allFields, I), S = rt({});
-  _e(() => {
+  }, [k, C]), $ = gu(p.allFields, I), S = Ye({});
+  De(() => {
     const P = S.current;
     if (Object.keys(P).length === 0) {
       S.current = { ...I };
@@ -8812,7 +8810,7 @@ function yu(e, t) {
     }
     const c = {};
     let T = !1;
-    for (const x of m.allFields)
+    for (const x of p.allFields)
       if (x.dependencies?.length && x.dependencies.some(
         (M) => I[M] !== P[M]
       )) {
@@ -8826,31 +8824,31 @@ function yu(e, t) {
         shouldTouch: !0
       });
     }), S.current = { ...I };
-  }, [I, m.allFields, g]), _e(() => {
+  }, [I, p.allFields, g]), De(() => {
     i && i(g.getValues());
   }, [I, i, g]);
-  const w = qe(() => m.allFields.filter((P) => P.compute).map((P) => ({
+  const w = qe(() => p.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(() => {
+  })), [p.allFields]), j = Ye({});
+  De(() => {
     if (w.length === 0) return;
     let P = !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];
+      const F = N.map((L) => `${L}:${I[L]}`).join("|"), U = j.current[T];
       if (F === U)
         continue;
       if (!N.every((L) => Fr(I[L]))) {
-        V.current[T] = F;
+        j.current[T] = F;
         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;
+      (typeof R != "number" || typeof z != "number" || Math.abs(R - z) > 1e-4) && (c[T] = R, P = !0), j.current[T] = F;
     }
     P && g.reset(
       {
@@ -8875,7 +8873,7 @@ function yu(e, t) {
   const G = ho(
     async (P) => {
       const c = g.getValues(), T = {};
-      for (const x of m.allFields) {
+      for (const x of p.allFields) {
         if (x.noSubmit)
           continue;
         const N = x.name;
@@ -8884,7 +8882,7 @@ function yu(e, t) {
       }
       o && await o(T);
     },
-    [m.allFields, o, g]
+    [p.allFields, o, g]
   );
   gi(
     t,
@@ -8895,7 +8893,7 @@ function yu(e, t) {
       },
       getFormValues: () => {
         const c = g.getValues(), T = {};
-        for (const x of m.allFields)
+        for (const x of p.allFields)
           x.noSubmit || (T[x.name] = c[x.name]);
         return T;
       },
@@ -8904,9 +8902,9 @@ function yu(e, t) {
           x !== void 0 && g.setValue(T, x);
       }
     }),
-    [g, m, G]
+    [g, p, G]
   );
-  const j = () => m.input.fields.flatMap((c, T) => {
+  const V = () => p.input.fields.flatMap((c, T) => {
     if (c.component === "Hidden")
       return [];
     const x = [];
@@ -8929,8 +8927,8 @@ function yu(e, t) {
     ), x;
   }), W = 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: W, children: V() }) : /* @__PURE__ */ E(Hl, { spacing: W, children: V() }),
+    m
   ] }) });
 }
 const _u = mo(yu);
@@ -8965,10 +8963,10 @@ export {
   Ht as computeFieldState,
   Fi as createDynamicResolver,
   mu as defaultWidgets,
-  Ve as evaluateCondition,
+  je as evaluateCondition,
   nt as extractDependencies,
   Iu as getDownstreamFields,
   Di as getWatchFields,
   Mu as mergeDefaultValues,
-  ji as parseSchema
+  Vi as parseSchema
 };