@codeplex-sac/layout 0.0.8 → 0.0.9

package/index.js

@@ -12,32 +12,32 @@ const Hg = ({
   clase: a = ""
 }) => {
   const [s, l] = Mt(o || []), c = (f) => {
-    const y = s.includes(f);
+    const g = s.includes(f);
     let m;
-    y ? m = s.filter((h) => h !== f) : m = t ? [...s, f] : [f], l(m), i && i(m);
+    g ? m = s.filter((h) => h !== f) : m = t ? [...s, f] : [f], l(m), i && i(m);
   }, u = {
     simple: "divide-y divide-gray-200 dark:divide-gray-700 border-t border-b border-gray-200 dark:border-gray-700",
     bordeado: "border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden divide-y divide-gray-200 dark:divide-gray-700",
     separado: "flex flex-col gap-2"
     // Sin bordes externos, items separados
-  }, d = (f, y) => r === "separado" ? `
+  }, d = (f, g) => r === "separado" ? `
           border border-gray-200 dark:border-gray-700 rounded-xl bg-white dark:bg-gray-800 
           shadow-sm transition-all duration-200
           ${f ? "ring-1 ring-blue-500/20 border-blue-500/50" : "hover:border-gray-300 dark:hover:border-gray-600"}
-          ${y ? "opacity-60 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : ""}
+          ${g ? "opacity-60 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : ""}
         ` : `
         bg-white dark:bg-gray-800 transition-colors
-        ${y ? "opacity-60 cursor-not-allowed bg-gray-50" : "hover:bg-gray-50 dark:hover:bg-gray-700/50"}
+        ${g ? "opacity-60 cursor-not-allowed bg-gray-50" : "hover:bg-gray-50 dark:hover:bg-gray-700/50"}
       `;
   return /* @__PURE__ */ w("div", { className: `w-full ${u[r]} ${a}`, children: e.map((f) => {
-    const y = s.includes(f.id), m = !!f.deshabilitado, h = `accordion-content-${f.id}`, p = `accordion-header-${f.id}`;
-    return /* @__PURE__ */ Y("div", { className: d(y, m), children: [
+    const g = s.includes(f.id), m = !!f.deshabilitado, h = `accordion-content-${f.id}`, p = `accordion-header-${f.id}`;
+    return /* @__PURE__ */ Y("div", { className: d(g, m), children: [
       /* @__PURE__ */ w("h3", { children: /* @__PURE__ */ Y(
         "button",
         {
           id: p,
           type: "button",
-          "aria-expanded": y,
+          "aria-expanded": g,
           "aria-controls": h,
           disabled: m,
           onClick: () => !m && c(f.id),
@@ -49,7 +49,7 @@ const Hg = ({
               f.iconoIzquierda && /* @__PURE__ */ w(
                 "span",
                 {
-                  className: `text-xl ${y ? "text-blue-600 dark:text-blue-400" : "text-gray-400"}`,
+                  className: `text-xl ${g ? "text-blue-600 dark:text-blue-400" : "text-gray-400"}`,
                   children: f.iconoIzquierda
                 }
               ),
@@ -57,7 +57,7 @@ const Hg = ({
                 /* @__PURE__ */ w(
                   "span",
                   {
-                    className: `text-sm font-semibold ${y ? "text-blue-700 dark:text-blue-300" : "text-gray-900 dark:text-white"}`,
+                    className: `text-sm font-semibold ${g ? "text-blue-700 dark:text-blue-300" : "text-gray-900 dark:text-white"}`,
                     children: f.titulo
                   }
                 ),
@@ -69,7 +69,7 @@ const Hg = ({
               {
                 className: `
                       w-5 h-5 text-gray-400 transition-transform duration-300 ease-in-out flex-shrink-0
-                      ${y ? "rotate-180 text-blue-600 dark:text-blue-400" : ""}
+                      ${g ? "rotate-180 text-blue-600 dark:text-blue-400" : ""}
                     `,
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -96,7 +96,7 @@ const Hg = ({
           "aria-labelledby": p,
           className: `
                   grid transition-[grid-template-rows] duration-300 ease-out
-                  ${y ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}
+                  ${g ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}
                 `,
           children: /* @__PURE__ */ w("div", { className: "overflow-hidden", children: /* @__PURE__ */ Y(
             "div",
@@ -134,7 +134,7 @@ const Hg = ({
     };
     return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, [e, l, u]);
-  const y = () => {
+  const g = () => {
     s && u && u();
   }, m = {
     sm: "w-64",
@@ -169,7 +169,7 @@ const Hg = ({
             animate-in fade-in duration-300
           `,
             "aria-hidden": "true",
-            onClick: y
+            onClick: g
           }
         ),
         /* @__PURE__ */ Y(
@@ -249,11 +249,14 @@ const Hg = ({
       className: `
         fixed bottom-0 right-0
         left-0 ${o ? "lg:left-[80px]" : "lg:left-[260px]"}
-        bg-white border-t border-gray-200
-        dark:bg-[#273142] dark:border-transparent
         transition-all duration-300
         ${i}
       `,
+      style: {
+        backgroundColor: "var(--cp-bg-paper)",
+        borderTop: "1px solid var(--cp-divider)",
+        color: "var(--cp-text-secondary)"
+      },
       ...s,
       children: /* @__PURE__ */ w("div", { className: "px-4 py-3", children: /* @__PURE__ */ Y("div", { className: "flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4", children: [
         /* @__PURE__ */ w("div", { className: "text-xs md:text-sm text-gray-500 dark:text-gray-400 text-center md:text-left", children: c }),
@@ -328,7 +331,7 @@ const Hg = ({
   children: d,
   ...f
 }) => {
-  const y = c ? "lg:left-[80px]" : "lg:left-[260px]", m = (h) => {
+  const g = c ? "lg:left-[80px]" : "lg:left-[260px]", m = (h) => {
     i && i(h.target.value);
   };
   return /* @__PURE__ */ w(
@@ -336,14 +339,17 @@ const Hg = ({
     {
       className: `
         fixed top-0 right-0 z-30
-        left-0 ${y}
+        left-0 ${g}
         h-14 md:h-16
-        bg-white border-b border-gray-200
-        dark:bg-[#273142] dark:border-transparent
         transition-all duration-300
         flex items-center
         ${u}
       `,
+      style: {
+        backgroundColor: "var(--cp-bg-paper)",
+        borderBottom: "1px solid var(--cp-divider)",
+        color: "var(--cp-text-primary)"
+      },
       ...f,
       children: /* @__PURE__ */ w("div", { className: "w-full pr-4 md:pr-6 pl-14 sm:pl-16 lg:pl-6", children: /* @__PURE__ */ Y("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: t && t.length > 0 ? /* @__PURE__ */ w("nav", { className: "hidden sm:flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ w("ol", { className: "inline-flex items-center space-x-1 md:space-x-2 lg:space-x-3", children: t.map((h, p) => /* @__PURE__ */ Y("li", { className: "inline-flex items-center min-w-0", children: [
@@ -891,19 +897,19 @@ function Xl(e) {
   return Ha(mn("", null, null, null, [""], e = Ua(e), 0, [0], e));
 }
 function mn(e, t, r, o, i, a, s, l, c) {
-  for (var u = 0, d = 0, f = s, y = 0, m = 0, h = 0, p = 1, b = 1, v = 1, S = 0, C = "", x = i, T = a, O = o, P = C; b; )
-    switch (h = S, S = Ue()) {
+  for (var u = 0, d = 0, f = s, g = 0, m = 0, h = 0, p = 1, b = 1, v = 1, O = 0, C = "", x = i, T = a, S = o, P = C; b; )
+    switch (h = O, O = Ue()) {
       // (
       case 40:
         if (h != 108 && Ae(P, f - 1) == 58) {
-          Po(P += se(fn(S), "&", "&\f"), "&\f") != -1 && (v = -1);
+          Po(P += se(fn(O), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        P += fn(S);
+        P += fn(O);
         break;
       // \t \n \r \s
       case 9:
@@ -934,7 +940,7 @@ function mn(e, t, r, o, i, a, s, l, c) {
       case 125 * p:
       case 59:
       case 0:
-        switch (S) {
+        switch (O) {
           // \0 }
           case 0:
           case 125:
@@ -948,20 +954,20 @@ function mn(e, t, r, o, i, a, s, l, c) {
             P += ";";
           // { rule/at-rule
           default:
-            if (en(O = Ti(P, t, r, u, d, i, l, C, x = [], T = [], f), a), S === 123)
+            if (en(S = Ti(P, t, r, u, d, i, l, C, x = [], T = [], f), a), O === 123)
               if (d === 0)
-                mn(P, t, O, O, x, a, f, l, T);
+                mn(P, t, S, S, x, a, f, l, T);
               else
-                switch (y === 99 && Ae(P, 3) === 110 ? 100 : y) {
+                switch (g === 99 && Ae(P, 3) === 110 ? 100 : g) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    mn(e, O, O, o && en(Ti(e, O, O, 0, 0, i, l, C, i, x = [], f), T), i, T, f, l, o ? x : T);
+                    mn(e, S, S, o && en(Ti(e, S, S, 0, 0, i, l, C, i, x = [], f), T), i, T, f, l, o ? x : T);
                     break;
                   default:
-                    mn(P, O, O, O, [""], T, 0, l, T);
+                    mn(P, S, S, S, [""], T, 0, l, T);
                 }
         }
         u = d = m = 0, p = v = 1, C = P = "", f = s;
@@ -971,12 +977,12 @@ function mn(e, t, r, o, i, a, s, l, c) {
         f = 1 + ot(P), m = h;
       default:
         if (p < 1) {
-          if (S == 123)
+          if (O == 123)
             --p;
-          else if (S == 125 && p++ == 0 && Hl() == 125)
+          else if (O == 125 && p++ == 0 && Hl() == 125)
             continue;
         }
-        switch (P += jn(S), S * p) {
+        switch (P += jn(O), O * p) {
           // &
           case 38:
             v = d > 0 ? 1 : (P += "\f", -1);
@@ -987,7 +993,7 @@ function mn(e, t, r, o, i, a, s, l, c) {
             break;
           // @
           case 64:
-            lt() === 45 && (P += fn(Ue())), y = lt(), d = f = ot(C = P += Kl(pn())), S++;
+            lt() === 45 && (P += fn(Ue())), g = lt(), d = f = ot(C = P += Kl(pn())), O++;
             break;
           // -
           case 45:
@@ -997,9 +1003,9 @@ function mn(e, t, r, o, i, a, s, l, c) {
   return a;
 }
 function Ti(e, t, r, o, i, a, s, l, c, u, d) {
-  for (var f = i - 1, y = i === 0 ? a : [""], m = Ko(y), h = 0, p = 0, b = 0; h < o; ++h)
-    for (var v = 0, S = Mr(e, f + 1, f = Bl(p = s[h])), C = e; v < m; ++v)
-      (C = Wa(p > 0 ? y[v] + " " + S : se(S, /&\f/g, y[v]))) && (c[b++] = C);
+  for (var f = i - 1, g = i === 0 ? a : [""], m = Ko(g), h = 0, p = 0, b = 0; h < o; ++h)
+    for (var v = 0, O = Mr(e, f + 1, f = Bl(p = s[h])), C = e; v < m; ++v)
+      (C = Wa(p > 0 ? g[v] + " " + O : se(O, /&\f/g, g[v]))) && (c[b++] = C);
   return _n(e, t, r, i === 0 ? Go : l, c, u, d);
 }
 function Jl(e, t, r) {
@@ -1293,11 +1299,11 @@ var ac = function(t, r, o, i) {
   {
     var d, f = [Ql, ec(function(p) {
       d.insert(p);
-    })], y = Zl(u.concat(i, f)), m = function(b) {
-      return Xt(Xl(b), y);
+    })], g = Zl(u.concat(i, f)), m = function(b) {
+      return Xt(Xl(b), g);
     };
-    c = function(b, v, S, C) {
-      d = S, m(b ? b + "{" + v.styles + "}" : v.styles), C && (h.inserted[v.name] = !0);
+    c = function(b, v, O, C) {
+      d = O, m(b ? b + "{" + v.styles + "}" : v.styles), C && (h.inserted[v.name] = !0);
     };
   }
   var h = {
@@ -1321,15 +1327,15 @@ function cc(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var tn = { exports: {} }, le = {};
-var Oi;
+var Si;
 function uc() {
-  if (Oi) return le;
-  Oi = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, c = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, h = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, v = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, S = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  if (Si) return le;
+  Si = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, c = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, h = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, v = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function C(T) {
     if (typeof T == "object" && T !== null) {
-      var O = T.$$typeof;
-      switch (O) {
+      var S = T.$$typeof;
+      switch (S) {
         case t:
           switch (T = T.type, T) {
             case c:
@@ -1348,11 +1354,11 @@ function uc() {
                 case s:
                   return T;
                 default:
-                  return O;
+                  return S;
               }
           }
         case r:
-          return O;
+          return S;
       }
     }
   }
@@ -1384,17 +1390,17 @@ function uc() {
   }, le.isSuspense = function(T) {
     return C(T) === f;
   }, le.isValidElementType = function(T) {
-    return typeof T == "string" || typeof T == "function" || T === o || T === u || T === a || T === i || T === f || T === y || typeof T == "object" && T !== null && (T.$$typeof === h || T.$$typeof === m || T.$$typeof === s || T.$$typeof === l || T.$$typeof === d || T.$$typeof === b || T.$$typeof === v || T.$$typeof === S || T.$$typeof === p);
+    return typeof T == "string" || typeof T == "function" || T === o || T === u || T === a || T === i || T === f || T === g || typeof T == "object" && T !== null && (T.$$typeof === h || T.$$typeof === m || T.$$typeof === s || T.$$typeof === l || T.$$typeof === d || T.$$typeof === b || T.$$typeof === v || T.$$typeof === O || T.$$typeof === p);
   }, le.typeOf = C, le;
 }
 var ce = {};
-var Si;
+var Oi;
 function dc() {
-  return Si || (Si = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, c = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, h = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, v = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, S = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  return Oi || (Oi = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, c = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, h = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, v = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function C(L) {
       return typeof L == "string" || typeof L == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      L === o || L === u || L === a || L === i || L === f || L === y || typeof L == "object" && L !== null && (L.$$typeof === h || L.$$typeof === m || L.$$typeof === s || L.$$typeof === l || L.$$typeof === d || L.$$typeof === b || L.$$typeof === v || L.$$typeof === S || L.$$typeof === p);
+      L === o || L === u || L === a || L === i || L === f || L === g || typeof L == "object" && L !== null && (L.$$typeof === h || L.$$typeof === m || L.$$typeof === s || L.$$typeof === l || L.$$typeof === d || L.$$typeof === b || L.$$typeof === v || L.$$typeof === O || L.$$typeof === p);
     }
     function x(L) {
       if (typeof L == "object" && L !== null) {
@@ -1428,7 +1434,7 @@ function dc() {
         }
       }
     }
-    var T = c, O = u, P = l, I = s, j = t, D = d, _ = o, g = h, A = m, R = r, M = a, N = i, F = f, Z = !1;
+    var T = c, S = u, P = l, I = s, j = t, D = d, _ = o, y = h, A = m, R = r, M = a, N = i, F = f, Z = !1;
     function V(L) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(L) || x(L) === c;
     }
@@ -1468,7 +1474,7 @@ function dc() {
     function Q(L) {
       return x(L) === f;
     }
-    ce.AsyncMode = T, ce.ConcurrentMode = O, ce.ContextConsumer = P, ce.ContextProvider = I, ce.Element = j, ce.ForwardRef = D, ce.Fragment = _, ce.Lazy = g, ce.Memo = A, ce.Portal = R, ce.Profiler = M, ce.StrictMode = N, ce.Suspense = F, ce.isAsyncMode = V, ce.isConcurrentMode = k, ce.isContextConsumer = B, ce.isContextProvider = U, ce.isElement = K, ce.isForwardRef = z, ce.isFragment = q, ce.isLazy = G, ce.isMemo = X, ce.isPortal = H, ce.isProfiler = ne, ce.isStrictMode = W, ce.isSuspense = Q, ce.isValidElementType = C, ce.typeOf = x;
+    ce.AsyncMode = T, ce.ConcurrentMode = S, ce.ContextConsumer = P, ce.ContextProvider = I, ce.Element = j, ce.ForwardRef = D, ce.Fragment = _, ce.Lazy = y, ce.Memo = A, ce.Portal = R, ce.Profiler = M, ce.StrictMode = N, ce.Suspense = F, ce.isAsyncMode = V, ce.isConcurrentMode = k, ce.isContextConsumer = B, ce.isContextProvider = U, ce.isElement = K, ce.isForwardRef = z, ce.isFragment = q, ce.isLazy = G, ce.isMemo = X, ce.isPortal = H, ce.isProfiler = ne, ce.isStrictMode = W, ce.isSuspense = Q, ce.isValidElementType = C, ce.typeOf = x;
   })()), ce;
 }
 var Pi;
@@ -1517,21 +1523,21 @@ function pc() {
   function s(h) {
     return e.isMemo(h) ? i : a[h.$$typeof] || t;
   }
-  var l = Object.defineProperty, c = Object.getOwnPropertyNames, u = Object.getOwnPropertySymbols, d = Object.getOwnPropertyDescriptor, f = Object.getPrototypeOf, y = Object.prototype;
+  var l = Object.defineProperty, c = Object.getOwnPropertyNames, u = Object.getOwnPropertySymbols, d = Object.getOwnPropertyDescriptor, f = Object.getPrototypeOf, g = Object.prototype;
   function m(h, p, b) {
     if (typeof p != "string") {
-      if (y) {
+      if (g) {
         var v = f(p);
-        v && v !== y && m(h, v, b);
+        v && v !== g && m(h, v, b);
       }
-      var S = c(p);
-      u && (S = S.concat(u(p)));
-      for (var C = s(h), x = s(p), T = 0; T < S.length; ++T) {
-        var O = S[T];
-        if (!r[O] && !(b && b[O]) && !(x && x[O]) && !(C && C[O])) {
-          var P = d(p, O);
+      var O = c(p);
+      u && (O = O.concat(u(p)));
+      for (var C = s(h), x = s(p), T = 0; T < O.length; ++T) {
+        var S = O[T];
+        if (!r[S] && !(b && b[S]) && !(x && x[S]) && !(C && C[S])) {
+          var P = d(p, S);
           try {
-            l(h, O, P);
+            l(h, S, P);
           } catch {
           }
         }
@@ -1837,12 +1843,12 @@ function zr() {
     }
   };
 }
-var Oc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Sc = /* @__PURE__ */ qa(
+var Sc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Oc = /* @__PURE__ */ qa(
   function(e) {
-    return Oc.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return Sc.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Pc = Sc, kc = function(t) {
+), Pc = Oc, kc = function(t) {
   return t !== "theme";
 }, Mi = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
@@ -1872,26 +1878,26 @@ var Oc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     if (a !== void 0 && f.push("label:" + a + ";"), d[0] == null || d[0].raw === void 0)
       f.push.apply(f, d);
     else {
-      var y = d[0];
-      f.push(y[0]);
+      var g = d[0];
+      f.push(g[0]);
       for (var m = d.length, h = 1; h < m; h++)
-        f.push(d[h], y[h]);
+        f.push(d[h], g[h]);
     }
-    var p = Za(function(b, v, S) {
-      var C = u && b.as || i, x = "", T = [], O = b;
+    var p = Za(function(b, v, O) {
+      var C = u && b.as || i, x = "", T = [], S = b;
       if (b.theme == null) {
-        O = {};
+        S = {};
         for (var P in b)
-          O[P] = b[P];
-        O.theme = E.useContext(Qo);
+          S[P] = b[P];
+        S.theme = E.useContext(Qo);
       }
       typeof b.className == "string" ? x = Ya(v.registered, T, b.className) : b.className != null && (x = b.className + " ");
-      var I = Ln(f.concat(T), v.registered, O);
+      var I = Ln(f.concat(T), v.registered, S);
       x += v.key + "-" + I.name, s !== void 0 && (x += " " + s);
       var j = u && l === void 0 ? Mi(C) : c, D = {};
       for (var _ in b)
         u && _ === "as" || j(_) && (D[_] = b[_]);
-      return D.className = x, S && (D.ref = S), /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement(Rc, {
+      return D.className = x, O && (D.ref = O), /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement(Rc, {
         cache: v,
         serialized: I,
         isStringTag: typeof C == "string"
@@ -1902,10 +1908,10 @@ var Oc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
         return "." + s;
       }
     }), p.withComponent = function(b, v) {
-      var S = e(b, xn({}, r, v, {
+      var O = e(b, xn({}, r, v, {
         shouldForwardProp: Ai(p, v, !0)
       }));
-      return S.apply(void 0, f);
+      return O.apply(void 0, f);
     }, p;
   };
 }, Nc = [
@@ -2088,8 +2094,8 @@ function Ic() {
         t.call(l, f) && (c[f] = l[f]);
       if (e) {
         u = e(l);
-        for (var y = 0; y < u.length; y++)
-          r.call(l, u[y]) && (c[u[y]] = l[u[y]]);
+        for (var g = 0; g < u.length; g++)
+          r.call(l, u[g]) && (c[u[g]] = l[u[g]]);
       }
     }
     return c;
@@ -2130,10 +2136,10 @@ function Mc() {
           var f;
           try {
             if (typeof a[d] != "function") {
-              var y = Error(
+              var g = Error(
                 (c || "React class") + ": " + l + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw y.name = "Invariant Violation", y;
+              throw g.name = "Invariant Violation", g;
             }
             f = a[d](s, d, c, l, null, t);
           } catch (h) {
@@ -2179,7 +2185,7 @@ function Ac() {
       if (typeof B == "function")
         return B;
     }
-    var y = "<<anonymous>>", m = {
+    var g = "<<anonymous>>", m = {
       array: v("array"),
       bigint: v("bigint"),
       bool: v("boolean"),
@@ -2188,16 +2194,16 @@ function Ac() {
       object: v("object"),
       string: v("string"),
       symbol: v("symbol"),
-      any: S(),
+      any: O(),
       arrayOf: C,
       element: x(),
       elementType: T(),
-      instanceOf: O,
+      instanceOf: S,
       node: D(),
       objectOf: I,
       oneOf: P,
       oneOfType: j,
-      shape: g,
+      shape: y,
       exact: A
     };
     function h(k, B) {
@@ -2211,7 +2217,7 @@ function Ac() {
       if (process.env.NODE_ENV !== "production")
         var B = {}, U = 0;
       function K(q, G, X, H, ne, W, Q) {
-        if (H = H || y, W = W || X, Q !== r) {
+        if (H = H || g, W = W || X, Q !== r) {
           if (c) {
             var L = 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"
@@ -2244,7 +2250,7 @@ function Ac() {
       }
       return b(B);
     }
-    function S() {
+    function O() {
       return b(s);
     }
     function C(k) {
@@ -2287,10 +2293,10 @@ function Ac() {
       }
       return b(k);
     }
-    function O(k) {
+    function S(k) {
       function B(U, K, z, q, G) {
         if (!(U[K] instanceof k)) {
-          var X = k.name || y, H = V(U[K]);
+          var X = k.name || g, H = V(U[K]);
           return new p("Invalid " + q + " `" + G + "` of type " + ("`" + H + "` supplied to `" + z + "`, expected ") + ("instance of `" + X + "`."));
         }
         return null;
@@ -2364,7 +2370,7 @@ function Ac() {
         (k || "React class") + ": " + B + " type `" + U + "." + K + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + z + "`."
       );
     }
-    function g(k) {
+    function y(k) {
       function B(U, K, z, q, G) {
         var X = U[K], H = N(X);
         if (H !== "object")
@@ -2471,7 +2477,7 @@ Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
       }
     }
     function V(k) {
-      return !k.constructor || !k.constructor.name ? y : k.constructor.name;
+      return !k.constructor || !k.constructor.name ? g : k.constructor.name;
     }
     return m.checkPropTypes = i, m.resetWarningCache = i.resetWarningCache, m.PropTypes = m, m;
   }, yo;
@@ -2488,10 +2494,10 @@ function jc() {
   return r.resetWarningCache = t, bo = function() {
     function o(s, l, c, u, d, f) {
       if (f !== e) {
-        var y = new Error(
+        var g = 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 y.name = "Invariant Violation", y;
+        throw g.name = "Invariant Violation", g;
       }
     }
     o.isRequired = o;
@@ -2556,7 +2562,7 @@ var zi;
 function Bc() {
   if (zi) return fe;
   zi = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), c = /* @__PURE__ */ Symbol.for("react.suspense"), u = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), m = /* @__PURE__ */ Symbol.for("react.client.reference");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), c = /* @__PURE__ */ Symbol.for("react.suspense"), u = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.view_transition"), m = /* @__PURE__ */ Symbol.for("react.client.reference");
   function h(p) {
     if (typeof p == "object" && p !== null) {
       var b = p.$$typeof;
@@ -2568,7 +2574,7 @@ function Bc() {
             case o:
             case c:
             case u:
-            case y:
+            case g:
               return p;
             default:
               switch (p = p && p.$$typeof, p) {
@@ -2637,7 +2643,7 @@ function Fc() {
                 switch (p = p && p.$$typeof, p) {
                   case l:
                   case c:
-                  case y:
+                  case g:
                   case f:
                     return p;
                   case s:
@@ -2651,8 +2657,8 @@ function Fc() {
         }
       }
     }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), o = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), f = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), h = /* @__PURE__ */ Symbol.for("react.client.reference");
-    me.ContextConsumer = s, me.ContextProvider = l, me.Element = t, me.ForwardRef = c, me.Fragment = o, me.Lazy = y, me.Memo = f, me.Portal = r, me.Profiler = a, me.StrictMode = i, me.Suspense = u, me.SuspenseList = d, me.isContextConsumer = function(p) {
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), o = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), f = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), h = /* @__PURE__ */ Symbol.for("react.client.reference");
+    me.ContextConsumer = s, me.ContextProvider = l, me.Element = t, me.ForwardRef = c, me.Fragment = o, me.Lazy = g, me.Memo = f, me.Portal = r, me.Profiler = a, me.StrictMode = i, me.Suspense = u, me.SuspenseList = d, me.isContextConsumer = function(p) {
       return e(p) === s;
     }, me.isContextProvider = function(p) {
       return e(p) === l;
@@ -2663,7 +2669,7 @@ function Fc() {
     }, me.isFragment = function(p) {
       return e(p) === o;
     }, me.isLazy = function(p) {
-      return e(p) === y;
+      return e(p) === g;
     }, me.isMemo = function(p) {
       return e(p) === f;
     }, me.isPortal = function(p) {
@@ -2677,7 +2683,7 @@ function Fc() {
     }, me.isSuspenseList = function(p) {
       return e(p) === d;
     }, me.isValidElementType = function(p) {
-      return typeof p == "string" || typeof p == "function" || p === o || p === a || p === i || p === u || p === d || typeof p == "object" && p !== null && (p.$$typeof === y || p.$$typeof === f || p.$$typeof === l || p.$$typeof === s || p.$$typeof === c || p.$$typeof === h || p.getModuleId !== void 0);
+      return typeof p == "string" || typeof p == "function" || p === o || p === a || p === i || p === u || p === d || typeof p == "object" && p !== null && (p.$$typeof === g || p.$$typeof === f || p.$$typeof === l || p.$$typeof === s || p.$$typeof === c || p.$$typeof === h || p.getModuleId !== void 0);
     }, me.typeOf = e;
   })()), me;
 }
@@ -2741,22 +2747,22 @@ function zc(e) {
     step: o = 5,
     ...i
   } = e, a = Wc(t), s = Object.keys(a);
-  function l(y) {
-    return `@media (min-width:${typeof t[y] == "number" ? t[y] : y}${r})`;
+  function l(g) {
+    return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r})`;
   }
-  function c(y) {
-    return `@media (max-width:${(typeof t[y] == "number" ? t[y] : y) - o / 100}${r})`;
+  function c(g) {
+    return `@media (max-width:${(typeof t[g] == "number" ? t[g] : g) - o / 100}${r})`;
   }
-  function u(y, m) {
+  function u(g, m) {
     const h = s.indexOf(m);
-    return `@media (min-width:${typeof t[y] == "number" ? t[y] : y}${r}) and (max-width:${(h !== -1 && typeof t[s[h]] == "number" ? t[s[h]] : m) - o / 100}${r})`;
+    return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r}) and (max-width:${(h !== -1 && typeof t[s[h]] == "number" ? t[s[h]] : m) - o / 100}${r})`;
   }
-  function d(y) {
-    return s.indexOf(y) + 1 < s.length ? u(y, s[s.indexOf(y) + 1]) : l(y);
+  function d(g) {
+    return s.indexOf(g) + 1 < s.length ? u(g, s[s.indexOf(g) + 1]) : l(g);
   }
-  function f(y) {
-    const m = s.indexOf(y);
-    return m === 0 ? l(s[1]) : m === s.length - 1 ? c(s[m]) : u(y, s[s.indexOf(y) + 1]).replace("@media", "@media not all and");
+  function f(g) {
+    const m = s.indexOf(g);
+    return m === 0 ? l(s[1]) : m === s.length - 1 ? c(s[m]) : u(g, s[s.indexOf(g) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: s,
@@ -2936,9 +2942,9 @@ function $e(e) {
       return null;
     const l = s[t], c = s.theme, u = Fn(c, o) || {};
     return tt(s, l, (f) => {
-      let y = Tn(u, i, f);
-      return f === y && typeof f == "string" && (y = Tn(u, i, `${t}${f === "default" ? "" : ie(f)}`, f)), r === !1 ? y : {
-        [r]: y
+      let g = Tn(u, i, f);
+      return f === g && typeof f == "string" && (g = Tn(u, i, `${t}${f === "default" ? "" : ie(f)}`, f)), r === !1 ? g : {
+        [r]: g
       };
     });
   };
@@ -3008,16 +3014,16 @@ function os(e, t) {
   const r = zn(e.theme);
   return Object.keys(e).map((o) => nu(e, t, o, r)).reduce(kr, {});
 }
-function Oe(e) {
+function Se(e) {
   return os(e, Vn);
 }
-Oe.propTypes = process.env.NODE_ENV !== "production" ? Vn.reduce((e, t) => (e[t] = Et, e), {}) : {};
-Oe.filterProps = Vn;
-function Se(e) {
+Se.propTypes = process.env.NODE_ENV !== "production" ? Vn.reduce((e, t) => (e[t] = Et, e), {}) : {};
+Se.filterProps = Vn;
+function Oe(e) {
   return os(e, Wn);
 }
-Se.propTypes = process.env.NODE_ENV !== "production" ? Wn.reduce((e, t) => (e[t] = Et, e), {}) : {};
-Se.filterProps = Wn;
+Oe.propTypes = process.env.NODE_ENV !== "production" ? Wn.reduce((e, t) => (e[t] = Et, e), {}) : {};
+Oe.filterProps = Wn;
 process.env.NODE_ENV !== "production" && tu.reduce((e, t) => (e[t] = Et, e), {});
 function is(e = 8, t = zn({
   spacing: e
@@ -3122,11 +3128,11 @@ Un(qn, Gn, Yn, gu, yu, bu, vu, xu, wu, Tu, Eu, Cu);
 function Jt(e, t) {
   return t === "grey" ? t : e;
 }
-const Ou = $e({
+const Su = $e({
   prop: "color",
   themeKey: "palette",
   transform: Jt
-}), Su = $e({
+}), Ou = $e({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
@@ -3136,7 +3142,7 @@ const Ou = $e({
   themeKey: "palette",
   transform: Jt
 });
-Un(Ou, Su, Pu);
+Un(Su, Ou, Pu);
 function ze(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
@@ -3251,124 +3257,124 @@ const Hr = {
   },
   // spacing
   p: {
-    style: Se
+    style: Oe
   },
   pt: {
-    style: Se
+    style: Oe
   },
   pr: {
-    style: Se
+    style: Oe
   },
   pb: {
-    style: Se
+    style: Oe
   },
   pl: {
-    style: Se
+    style: Oe
   },
   px: {
-    style: Se
+    style: Oe
   },
   py: {
-    style: Se
+    style: Oe
   },
   padding: {
-    style: Se
+    style: Oe
   },
   paddingTop: {
-    style: Se
+    style: Oe
   },
   paddingRight: {
-    style: Se
+    style: Oe
   },
   paddingBottom: {
-    style: Se
+    style: Oe
   },
   paddingLeft: {
-    style: Se
+    style: Oe
   },
   paddingX: {
-    style: Se
+    style: Oe
   },
   paddingY: {
-    style: Se
+    style: Oe
   },
   paddingInline: {
-    style: Se
+    style: Oe
   },
   paddingInlineStart: {
-    style: Se
+    style: Oe
   },
   paddingInlineEnd: {
-    style: Se
+    style: Oe
   },
   paddingBlock: {
-    style: Se
+    style: Oe
   },
   paddingBlockStart: {
-    style: Se
+    style: Oe
   },
   paddingBlockEnd: {
-    style: Se
+    style: Oe
   },
   m: {
-    style: Oe
+    style: Se
   },
   mt: {
-    style: Oe
+    style: Se
   },
   mr: {
-    style: Oe
+    style: Se
   },
   mb: {
-    style: Oe
+    style: Se
   },
   ml: {
-    style: Oe
+    style: Se
   },
   mx: {
-    style: Oe
+    style: Se
   },
   my: {
-    style: Oe
+    style: Se
   },
   margin: {
-    style: Oe
+    style: Se
   },
   marginTop: {
-    style: Oe
+    style: Se
   },
   marginRight: {
-    style: Oe
+    style: Se
   },
   marginBottom: {
-    style: Oe
+    style: Se
   },
   marginLeft: {
-    style: Oe
+    style: Se
   },
   marginX: {
-    style: Oe
+    style: Se
   },
   marginY: {
-    style: Oe
+    style: Se
   },
   marginInline: {
-    style: Oe
+    style: Se
   },
   marginInlineStart: {
-    style: Oe
+    style: Se
   },
   marginInlineEnd: {
-    style: Oe
+    style: Se
   },
   marginBlock: {
-    style: Oe
+    style: Se
   },
   marginBlockStart: {
-    style: Oe
+    style: Se
   },
   marginBlockEnd: {
-    style: Oe
+    style: Se
   },
   // display
   displayPrint: {
@@ -3504,10 +3510,10 @@ function Du() {
       return {
         [r]: o
       };
-    const y = Fn(i, u) || {};
+    const g = Fn(i, u) || {};
     return f ? f(s) : tt(s, o, (h) => {
-      let p = Tn(y, d, h);
-      return h === p && typeof h == "string" && (p = Tn(y, d, `${r}${h === "default" ? "" : ie(h)}`, h)), c === !1 ? p : {
+      let p = Tn(g, d, h);
+      return h === p && typeof h == "string" && (p = Tn(g, d, `${r}${h === "default" ? "" : ie(h)}`, h)), c === !1 ? p : {
         [c]: p
       };
     });
@@ -3530,30 +3536,30 @@ function Du() {
       if (!u)
         return null;
       const d = ns(i.breakpoints), f = Object.keys(d);
-      let y = d;
+      let g = d;
       return Object.keys(u).forEach((m) => {
         const h = ju(u[m], i);
         if (h != null)
           if (typeof h == "object")
             if (s[m])
-              y = kr(y, e(m, h, i, s));
+              g = kr(g, e(m, h, i, s));
             else {
               const p = tt({
                 theme: i
               }, h, (b) => ({
                 [m]: b
               }));
-              Au(p, h) ? y[m] = t({
+              Au(p, h) ? g[m] = t({
                 sx: h,
                 theme: i,
                 nested: !0
-              }) : y = kr(y, p);
+              }) : g = kr(g, p);
             }
           else
-            y = kr(y, e(m, h, i, s));
+            g = kr(g, e(m, h, i, s));
       }), !a && i.modularCssLayers ? {
-        "@layer sx": qi(i, No(f, y))
-      } : qi(i, No(f, y));
+        "@layer sx": qi(i, No(f, g))
+      } : qi(i, No(f, g));
     }
     return Array.isArray(o) ? o.map(l) : l(o);
   }
@@ -3688,11 +3694,11 @@ function zu(e = {}) {
   return /* @__PURE__ */ E.forwardRef(function(c, u) {
     const d = Kn(r), {
       className: f,
-      component: y = "div",
+      component: g = "div",
       ...m
     } = Xn(c);
     return /* @__PURE__ */ w(a, {
-      as: y,
+      as: g,
       ref: u,
       className: re(f, i ? i(o) : o),
       theme: t && d[t] || d,
@@ -3827,12 +3833,12 @@ function ds(e = {}) {
     Yu(l, t, r);
   }
   return (l, c = {}) => {
-    Lc(l, (O) => O.filter((P) => P !== Lt));
+    Lc(l, (S) => S.filter((P) => P !== Lt));
     const {
       name: u,
       slot: d,
       skipVariantsResolver: f,
-      skipSx: y,
+      skipSx: g,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: m = Gu(ps(d)),
@@ -3841,29 +3847,29 @@ function ds(e = {}) {
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       d && d !== "Root" && d !== "root" || !1
-    ), v = y || !1;
-    let S = xo;
-    d === "Root" || d === "root" ? S = o : d ? S = i : Qu(l) && (S = void 0);
+    ), v = g || !1;
+    let O = xo;
+    d === "Root" || d === "root" ? O = o : d ? O = i : Qu(l) && (O = void 0);
     const C = ts(l, {
-      shouldForwardProp: S,
+      shouldForwardProp: O,
       label: Xu(u, d),
       ...h
-    }), x = (O) => {
-      if (O.__emotion_real === O)
-        return O;
-      if (typeof O == "function")
+    }), x = (S) => {
+      if (S.__emotion_real === S)
+        return S;
+      if (typeof S == "function")
         return function(I) {
-          return hn(I, O, I.theme.modularCssLayers ? p : void 0);
+          return hn(I, S, I.theme.modularCssLayers ? p : void 0);
         };
-      if (at(O)) {
-        const P = cs(O);
+      if (at(S)) {
+        const P = cs(S);
         return function(j) {
           return P.variants ? hn(j, P, j.theme.modularCssLayers ? p : void 0) : j.theme.modularCssLayers ? $t(P.style, p) : P.style;
         };
       }
-      return O;
-    }, T = (...O) => {
-      const P = [], I = O.map(x), j = [];
+      return S;
+    }, T = (...S) => {
+      const P = [], I = S.map(x), j = [];
       if (P.push(a), u && m && j.push(function(A) {
         const M = A.theme.components?.[u]?.styleOverrides;
         if (!M)
@@ -3876,9 +3882,9 @@ function ds(e = {}) {
         const M = A.theme?.components?.[u]?.variants;
         return M ? us(A, M, [], A.theme.modularCssLayers ? "theme" : void 0) : null;
       }), v || j.push(Lt), Array.isArray(I[0])) {
-        const g = I.shift(), A = new Array(P.length).fill(""), R = new Array(j.length).fill("");
+        const y = I.shift(), A = new Array(P.length).fill(""), R = new Array(j.length).fill("");
         let M;
-        M = [...A, ...g, ...R], M.raw = [...A, ...g.raw, ...R], P.unshift(M);
+        M = [...A, ...y, ...R], M.raw = [...A, ...y.raw, ...R], P.unshift(M);
       }
       const D = [...P, ...I, ...j], _ = C(...D);
       return l.muiName && (_.muiName = l.muiName), process.env.NODE_ENV !== "production" && (_.displayName = Ku(u, d, l)), _;
@@ -4217,45 +4223,45 @@ function hd(e, t = {}) {
   } = e, {
     vars: d,
     css: f,
-    varsWithDefaults: y
+    varsWithDefaults: g
   } = wo(u, t);
-  let m = y;
+  let m = g;
   const h = {}, {
     [c]: p,
     ...b
   } = s;
   if (Object.entries(b || {}).forEach(([x, T]) => {
     const {
-      vars: O,
+      vars: S,
       css: P,
       varsWithDefaults: I
     } = wo(T, t);
     m = Le(m, I), h[x] = {
       css: P,
-      vars: O
+      vars: S
     };
   }), p) {
     const {
       css: x,
       vars: T,
-      varsWithDefaults: O
+      varsWithDefaults: S
     } = wo(p, t);
-    m = Le(m, O), h[c] = {
+    m = Le(m, S), h[c] = {
       css: x,
       vars: T
     };
   }
   function v(x, T) {
-    let O = i;
-    if (i === "class" && (O = ".%s"), i === "data" && (O = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (O = `[${i}="%s"]`), x) {
-      if (O === "media")
+    let S = i;
+    if (i === "class" && (S = ".%s"), i === "data" && (S = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (S = `[${i}="%s"]`), x) {
+      if (S === "media")
         return e.defaultColorScheme === x ? ":root" : {
           [`@media (prefers-color-scheme: ${s[x]?.palette?.mode || x})`]: {
             ":root": T
           }
         };
-      if (O)
-        return e.defaultColorScheme === x ? `:root, ${O.replace("%s", String(x))}` : O.replace("%s", String(x));
+      if (S)
+        return e.defaultColorScheme === x ? `:root, ${S.replace("%s", String(x))}` : S.replace("%s", String(x));
     }
     return ":root";
   }
@@ -4273,14 +4279,14 @@ function hd(e, t = {}) {
     },
     generateStyleSheets: () => {
       const x = [], T = e.defaultColorScheme || "light";
-      function O(j, D) {
+      function S(j, D) {
         Object.keys(D).length && x.push(typeof j == "string" ? {
           [j]: {
             ...D
           }
         } : j);
       }
-      O(r(void 0, {
+      S(r(void 0, {
         ...f
       }), f);
       const {
@@ -4296,22 +4302,22 @@ function hd(e, t = {}) {
         } : {
           ...j
         };
-        O(r(T, {
+        S(r(T, {
           ..._
         }), _);
       }
       return Object.entries(I).forEach(([j, {
         css: D
       }]) => {
-        const _ = s[j]?.palette?.mode, g = !o && _ ? {
+        const _ = s[j]?.palette?.mode, y = !o && _ ? {
           colorScheme: _,
           ...D
         } : {
           ...D
         };
-        O(r(j, {
-          ...g
-        }), g);
+        S(r(j, {
+          ...y
+        }), y);
       }), a && x.push({
         ":root": {
           // use double underscore to indicate that these are private variables
@@ -4421,7 +4427,7 @@ function wd(e = {}) {
     const u = r(l), {
       className: d,
       component: f = "div",
-      disableGutters: y = !1,
+      disableGutters: g = !1,
       fixed: m = !1,
       maxWidth: h = "lg",
       classes: p,
@@ -4429,16 +4435,16 @@ function wd(e = {}) {
     } = u, v = {
       ...u,
       component: f,
-      disableGutters: y,
+      disableGutters: g,
       fixed: m,
       maxWidth: h
-    }, S = xd(v, o);
+    }, O = xd(v, o);
     return (
       // @ts-ignore theme is injected by the styled util
       /* @__PURE__ */ w(i, {
         as: f,
         ownerState: v,
-        className: re(S.root, d),
+        className: re(O.root, d),
         ref: c,
         ...b
       })
@@ -4522,7 +4528,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
       marginLeft: i === 0 ? "0px" : `calc(100% * ${i} / var(${Qt}) + var(${eo("column")}) * ${i} / var(${Qt}))`
     }), o(r, a);
   }), r;
-}, Od = ({
+}, Sd = ({
   theme: e,
   ownerState: t
 }) => {
@@ -4540,7 +4546,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
       }
     });
   }), r;
-}, Sd = ({
+}, Od = ({
   theme: e,
   ownerState: t
 }) => {
@@ -4646,47 +4652,47 @@ function Ld(e = {}) {
   } = e, a = (u, d) => {
     const {
       container: f,
-      direction: y,
+      direction: g,
       spacing: m,
       wrap: h,
       size: p
     } = u, b = {
-      root: ["root", f && "container", h !== "wrap" && `wrap-xs-${String(h)}`, ...Id(y), ...$d(p), ...f ? Nd(m, d.breakpoints.keys[0]) : []]
+      root: ["root", f && "container", h !== "wrap" && `wrap-xs-${String(h)}`, ...Id(g), ...$d(p), ...f ? Nd(m, d.breakpoints.keys[0]) : []]
     };
     return be(b, (v) => he(i, v), {});
   };
   function s(u, d, f = () => !0) {
-    const y = {};
+    const g = {};
     return u === null || (Array.isArray(u) ? u.forEach((m, h) => {
-      m !== null && f(m) && d.keys[h] && (y[d.keys[h]] = m);
+      m !== null && f(m) && d.keys[h] && (g[d.keys[h]] = m);
     }) : typeof u == "object" ? Object.keys(u).forEach((m) => {
       const h = u[m];
-      h != null && f(h) && (y[m] = h);
-    }) : y[d.keys[0]] = u), y;
+      h != null && f(h) && (g[m] = h);
+    }) : g[d.keys[0]] = u), g;
   }
-  const l = t(Od, Pd, Sd, Ed, kd, Rd, Cd), c = /* @__PURE__ */ E.forwardRef(function(d, f) {
-    const y = o(), m = r(d), h = Xn(m);
-    Ad(h, y.breakpoints);
+  const l = t(Sd, Pd, Od, Ed, kd, Rd, Cd), c = /* @__PURE__ */ E.forwardRef(function(d, f) {
+    const g = o(), m = r(d), h = Xn(m);
+    Ad(h, g.breakpoints);
     const {
       className: p,
       children: b,
       columns: v = 12,
-      container: S = !1,
+      container: O = !1,
       component: C = "div",
       direction: x = "row",
       wrap: T = "wrap",
-      size: O = {},
+      size: S = {},
       offset: P = {},
       spacing: I = 0,
       rowSpacing: j = I,
       columnSpacing: D = I,
       unstable_level: _ = 0,
-      ...g
-    } = h, A = s(O, y.breakpoints, (B) => B !== !1), R = s(P, y.breakpoints), M = d.columns ?? (_ ? void 0 : v), N = d.spacing ?? (_ ? void 0 : I), F = d.rowSpacing ?? d.spacing ?? (_ ? void 0 : j), Z = d.columnSpacing ?? d.spacing ?? (_ ? void 0 : D), V = {
+      ...y
+    } = h, A = s(S, g.breakpoints, (B) => B !== !1), R = s(P, g.breakpoints), M = d.columns ?? (_ ? void 0 : v), N = d.spacing ?? (_ ? void 0 : I), F = d.rowSpacing ?? d.spacing ?? (_ ? void 0 : j), Z = d.columnSpacing ?? d.spacing ?? (_ ? void 0 : D), V = {
       ...h,
       level: _,
       columns: M,
-      container: S,
+      container: O,
       direction: x,
       wrap: T,
       spacing: N,
@@ -4694,14 +4700,14 @@ function Ld(e = {}) {
       columnSpacing: Z,
       size: A,
       offset: R
-    }, k = a(V, y);
+    }, k = a(V, g);
     return /* @__PURE__ */ w(l, {
       ref: f,
       as: C,
       ownerState: V,
       className: re(k.root, p),
-      ...g,
-      children: E.Children.map(b, (B) => /* @__PURE__ */ E.isValidElement(B) && gs(B, ["Grid"]) && S && B.props.container ? /* @__PURE__ */ E.cloneElement(B, {
+      ...y,
+      children: E.Children.map(b, (B) => /* @__PURE__ */ E.isValidElement(B) && gs(B, ["Grid"]) && O && B.props.container ? /* @__PURE__ */ E.cloneElement(B, {
         unstable_level: B.props?.unstable_level ?? _ + 1
       }) : B)
     });
@@ -4770,8 +4776,8 @@ const zd = (e) => ({
     });
     typeof a == "object" && Object.keys(a).forEach((c, u, d) => {
       if (!a[c]) {
-        const y = u > 0 ? a[d[u - 1]] : "column";
-        a[c] = y;
+        const g = u > 0 ? a[d[u - 1]] : "column";
+        a[c] = g;
       }
     }), r = Le(r, tt({
       theme: t
@@ -4800,21 +4806,21 @@ function Hd(e = {}) {
     root: ["root"]
   }, (c) => he(o, c), {}), a = t(Ud), s = /* @__PURE__ */ E.forwardRef(function(c, u) {
     const d = r(c), f = Xn(d), {
-      component: y = "div",
+      component: g = "div",
       direction: m = "column",
       spacing: h = 0,
       divider: p,
       children: b,
       className: v,
-      useFlexGap: S = !1,
+      useFlexGap: O = !1,
       ...C
     } = f, x = {
       direction: m,
       spacing: h,
-      useFlexGap: S
+      useFlexGap: O
     }, T = i();
     return /* @__PURE__ */ w(a, {
-      as: y,
+      as: g,
       ownerState: x,
       ref: u,
       className: re(T.root, v),
@@ -5043,13 +5049,13 @@ function si(e) {
     colorSpace: i,
     ...a
   } = e, s = e.primary || Gd(t), l = e.secondary || Yd(t), c = e.error || Kd(t), u = e.info || Xd(t), d = e.success || Jd(t), f = e.warning || Qd(t);
-  function y(b) {
+  function g(b) {
     if (i)
       return Zd(b);
     const v = Ji(b, Mo.text.primary) >= r ? Mo.text.primary : bs.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = Ji(b, v);
-      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${v} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const O = Ji(b, v);
+      O < 3 && console.error([`MUI: The contrast ratio of ${O}:1 for ${v} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
     return v;
@@ -5057,15 +5063,15 @@ function si(e) {
   const m = ({
     color: b,
     name: v,
-    mainShade: S = 500,
+    mainShade: O = 500,
     lightShade: C = 300,
     darkShade: x = 700
   }) => {
     if (b = {
       ...b
-    }, !b.main && b[S] && (b.main = b[S]), !b.hasOwnProperty("main"))
+    }, !b.main && b[O] && (b.main = b[O]), !b.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${S}\` property.` : vt(11, v ? ` (${v})` : "", S));
+The color object needs to have a \`main\` property or a \`${O}\` property.` : vt(11, v ? ` (${v})` : "", O));
     if (typeof b.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(b.main)}\` was provided instead.
@@ -5081,7 +5087,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : vt(12, v ? ` (${v})` : "", JSON.stringify(b.main)));
-    return i ? (ia(i, b, "light", C, o), ia(i, b, "dark", x, o)) : (oa(b, "light", C, o), oa(b, "dark", x, o)), b.contrastText || (b.contrastText = y(b.main)), b;
+    return i ? (ia(i, b, "light", C, o), ia(i, b, "dark", x, o)) : (oa(b, "light", C, o), oa(b, "dark", x, o)), b.contrastText || (b.contrastText = g(b.main)), b;
   };
   let h;
   return t === "light" ? h = ys() : t === "dark" && (h = vs()), process.env.NODE_ENV !== "production" && (h || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Le({
@@ -5131,7 +5137,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: y,
+    getContrastText: g,
     // Generate a rich color object.
     augmentColor: m,
     // Used by the functions below to shift a color's luminance by approximately
@@ -5190,12 +5196,12 @@ function np(e, t) {
     ...f
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const y = o / 14, m = d || ((b) => `${b / c * y}rem`), h = (b, v, S, C, x) => ({
+  const g = o / 14, m = d || ((b) => `${b / c * g}rem`), h = (b, v, O, C, x) => ({
     fontFamily: r,
     fontWeight: b,
     fontSize: m(v),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: S,
+    lineHeight: O,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...r === sa ? {
@@ -5295,7 +5301,7 @@ function up(e) {
         ...u
       } = a;
       if (process.env.NODE_ENV !== "production") {
-        const d = (y) => typeof y == "string", f = (y) => !Number.isNaN(parseFloat(y));
+        const d = (g) => typeof g == "string", f = (g) => !Number.isNaN(parseFloat(g));
         !d(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !f(s) && !d(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), d(l) || console.error('MUI: Argument "easing" must be a string.'), !f(c) && !d(c) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(u).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(u).join(",")}].`);
       }
@@ -5390,9 +5396,9 @@ function Ao(e = {}, ...t) {
   const f = si({
     ...a,
     colorSpace: u
-  }), y = sr(e);
-  let m = Le(y, {
-    mixins: tp(y.breakpoints, o),
+  }), g = sr(e);
+  let m = Le(g, {
+    mixins: tp(g.breakpoints, o),
     palette: f,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: sp.slice(),
@@ -5404,20 +5410,20 @@ function Ao(e = {}, ...t) {
   });
   if (m = Le(m, d), m = t.reduce((h, p) => Le(h, p), m), process.env.NODE_ENV !== "production") {
     const h = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], p = (b, v) => {
-      let S;
-      for (S in b) {
-        const C = b[S];
-        if (h.includes(S) && Object.keys(C).length > 0) {
+      let O;
+      for (O in b) {
+        const C = b[O];
+        if (h.includes(O) && Object.keys(C).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const x = he("", S);
-            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
+            const x = he("", O);
+            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
               root: {
                 [`&.${x}`]: C
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          b[S] = {};
+          b[O] = {};
         }
       }
     };
@@ -5596,41 +5602,41 @@ function Ep(e = {}, ...t) {
     colorSchemeSelector: c = r.light && r.dark ? "media" : void 0,
     rootSelector: u = ":root",
     ...d
-  } = e, f = Object.keys(r)[0], y = o || (r.light && f !== "light" ? "light" : f), m = Tp(a), {
-    [y]: h,
+  } = e, f = Object.keys(r)[0], g = o || (r.light && f !== "light" ? "light" : f), m = Tp(a), {
+    [g]: h,
     light: p,
     dark: b,
     ...v
-  } = r, S = {
+  } = r, O = {
     ...v
   };
   let C = h;
-  if ((y === "dark" && !("dark" in r) || y === "light" && !("light" in r)) && (C = !0), !C)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : vt(21, y));
+  if ((g === "dark" && !("dark" in r) || g === "light" && !("light" in r)) && (C = !0), !C)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${g}\` option is either missing or invalid.` : vt(21, g));
   let x;
   s && (x = "oklch");
-  const T = To(x, S, C, d, y);
-  p && !S.light && To(x, S, p, void 0, "light"), b && !S.dark && To(x, S, b, void 0, "dark");
-  let O = {
-    defaultColorScheme: y,
+  const T = To(x, O, C, d, g);
+  p && !O.light && To(x, O, p, void 0, "light"), b && !O.dark && To(x, O, b, void 0, "dark");
+  let S = {
+    defaultColorScheme: g,
     ...T,
     cssVarPrefix: a,
     colorSchemeSelector: c,
     rootSelector: u,
     getCssVar: m,
-    colorSchemes: S,
+    colorSchemes: O,
     font: {
       ...ep(T.typography),
       ...T.font
     },
     spacing: wp(d.spacing)
   };
-  Object.keys(O.colorSchemes).forEach((_) => {
-    const g = O.colorSchemes[_].palette, A = (M) => {
+  Object.keys(S.colorSchemes).forEach((_) => {
+    const y = S.colorSchemes[_].palette, A = (M) => {
       const N = M.split("-"), F = N[1], Z = N[2];
-      return m(M, g[F][Z]);
+      return m(M, y[F][Z]);
     };
-    g.mode === "light" && ($(g.common, "background", "#fff"), $(g.common, "onBackground", "#000")), g.mode === "dark" && ($(g.common, "background", "#000"), $(g.common, "onBackground", "#fff"));
+    y.mode === "light" && ($(y.common, "background", "#fff"), $(y.common, "onBackground", "#000")), y.mode === "dark" && ($(y.common, "background", "#000"), $(y.common, "onBackground", "#fff"));
     function R(M, N, F) {
       if (x) {
         let Z;
@@ -5638,45 +5644,45 @@ function Ep(e = {}, ...t) {
       }
       return M(N, F);
     }
-    if (xp(g, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), g.mode === "light") {
-      $(g.Alert, "errorColor", R(de, g.error.light, 0.6)), $(g.Alert, "infoColor", R(de, g.info.light, 0.6)), $(g.Alert, "successColor", R(de, g.success.light, 0.6)), $(g.Alert, "warningColor", R(de, g.warning.light, 0.6)), $(g.Alert, "errorFilledBg", A("palette-error-main")), $(g.Alert, "infoFilledBg", A("palette-info-main")), $(g.Alert, "successFilledBg", A("palette-success-main")), $(g.Alert, "warningFilledBg", A("palette-warning-main")), $(g.Alert, "errorFilledColor", nt(() => g.getContrastText(g.error.main))), $(g.Alert, "infoFilledColor", nt(() => g.getContrastText(g.info.main))), $(g.Alert, "successFilledColor", nt(() => g.getContrastText(g.success.main))), $(g.Alert, "warningFilledColor", nt(() => g.getContrastText(g.warning.main))), $(g.Alert, "errorStandardBg", R(pe, g.error.light, 0.9)), $(g.Alert, "infoStandardBg", R(pe, g.info.light, 0.9)), $(g.Alert, "successStandardBg", R(pe, g.success.light, 0.9)), $(g.Alert, "warningStandardBg", R(pe, g.warning.light, 0.9)), $(g.Alert, "errorIconColor", A("palette-error-main")), $(g.Alert, "infoIconColor", A("palette-info-main")), $(g.Alert, "successIconColor", A("palette-success-main")), $(g.Alert, "warningIconColor", A("palette-warning-main")), $(g.AppBar, "defaultBg", A("palette-grey-100")), $(g.Avatar, "defaultBg", A("palette-grey-400")), $(g.Button, "inheritContainedBg", A("palette-grey-300")), $(g.Button, "inheritContainedHoverBg", A("palette-grey-A100")), $(g.Chip, "defaultBorder", A("palette-grey-400")), $(g.Chip, "defaultAvatarColor", A("palette-grey-700")), $(g.Chip, "defaultIconColor", A("palette-grey-700")), $(g.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), $(g.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), $(g.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), $(g.LinearProgress, "primaryBg", R(pe, g.primary.main, 0.62)), $(g.LinearProgress, "secondaryBg", R(pe, g.secondary.main, 0.62)), $(g.LinearProgress, "errorBg", R(pe, g.error.main, 0.62)), $(g.LinearProgress, "infoBg", R(pe, g.info.main, 0.62)), $(g.LinearProgress, "successBg", R(pe, g.success.main, 0.62)), $(g.LinearProgress, "warningBg", R(pe, g.warning.main, 0.62)), $(g.Skeleton, "bg", x ? R(Pt, g.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), $(g.Slider, "primaryTrack", R(pe, g.primary.main, 0.62)), $(g.Slider, "secondaryTrack", R(pe, g.secondary.main, 0.62)), $(g.Slider, "errorTrack", R(pe, g.error.main, 0.62)), $(g.Slider, "infoTrack", R(pe, g.info.main, 0.62)), $(g.Slider, "successTrack", R(pe, g.success.main, 0.62)), $(g.Slider, "warningTrack", R(pe, g.warning.main, 0.62));
-      const M = x ? R(de, g.background.default, 0.6825) : on(g.background.default, 0.8);
-      $(g.SnackbarContent, "bg", M), $(g.SnackbarContent, "color", nt(() => x ? Mo.text.primary : g.getContrastText(M))), $(g.SpeedDialAction, "fabHoverBg", on(g.background.paper, 0.15)), $(g.StepConnector, "border", A("palette-grey-400")), $(g.StepContent, "border", A("palette-grey-400")), $(g.Switch, "defaultColor", A("palette-common-white")), $(g.Switch, "defaultDisabledColor", A("palette-grey-100")), $(g.Switch, "primaryDisabledColor", R(pe, g.primary.main, 0.62)), $(g.Switch, "secondaryDisabledColor", R(pe, g.secondary.main, 0.62)), $(g.Switch, "errorDisabledColor", R(pe, g.error.main, 0.62)), $(g.Switch, "infoDisabledColor", R(pe, g.info.main, 0.62)), $(g.Switch, "successDisabledColor", R(pe, g.success.main, 0.62)), $(g.Switch, "warningDisabledColor", R(pe, g.warning.main, 0.62)), $(g.TableCell, "border", R(pe, R(Pt, g.divider, 1), 0.88)), $(g.Tooltip, "bg", R(Pt, g.grey[700], 0.92));
+    if (xp(y, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), y.mode === "light") {
+      $(y.Alert, "errorColor", R(de, y.error.light, 0.6)), $(y.Alert, "infoColor", R(de, y.info.light, 0.6)), $(y.Alert, "successColor", R(de, y.success.light, 0.6)), $(y.Alert, "warningColor", R(de, y.warning.light, 0.6)), $(y.Alert, "errorFilledBg", A("palette-error-main")), $(y.Alert, "infoFilledBg", A("palette-info-main")), $(y.Alert, "successFilledBg", A("palette-success-main")), $(y.Alert, "warningFilledBg", A("palette-warning-main")), $(y.Alert, "errorFilledColor", nt(() => y.getContrastText(y.error.main))), $(y.Alert, "infoFilledColor", nt(() => y.getContrastText(y.info.main))), $(y.Alert, "successFilledColor", nt(() => y.getContrastText(y.success.main))), $(y.Alert, "warningFilledColor", nt(() => y.getContrastText(y.warning.main))), $(y.Alert, "errorStandardBg", R(pe, y.error.light, 0.9)), $(y.Alert, "infoStandardBg", R(pe, y.info.light, 0.9)), $(y.Alert, "successStandardBg", R(pe, y.success.light, 0.9)), $(y.Alert, "warningStandardBg", R(pe, y.warning.light, 0.9)), $(y.Alert, "errorIconColor", A("palette-error-main")), $(y.Alert, "infoIconColor", A("palette-info-main")), $(y.Alert, "successIconColor", A("palette-success-main")), $(y.Alert, "warningIconColor", A("palette-warning-main")), $(y.AppBar, "defaultBg", A("palette-grey-100")), $(y.Avatar, "defaultBg", A("palette-grey-400")), $(y.Button, "inheritContainedBg", A("palette-grey-300")), $(y.Button, "inheritContainedHoverBg", A("palette-grey-A100")), $(y.Chip, "defaultBorder", A("palette-grey-400")), $(y.Chip, "defaultAvatarColor", A("palette-grey-700")), $(y.Chip, "defaultIconColor", A("palette-grey-700")), $(y.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), $(y.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), $(y.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), $(y.LinearProgress, "primaryBg", R(pe, y.primary.main, 0.62)), $(y.LinearProgress, "secondaryBg", R(pe, y.secondary.main, 0.62)), $(y.LinearProgress, "errorBg", R(pe, y.error.main, 0.62)), $(y.LinearProgress, "infoBg", R(pe, y.info.main, 0.62)), $(y.LinearProgress, "successBg", R(pe, y.success.main, 0.62)), $(y.LinearProgress, "warningBg", R(pe, y.warning.main, 0.62)), $(y.Skeleton, "bg", x ? R(Pt, y.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), $(y.Slider, "primaryTrack", R(pe, y.primary.main, 0.62)), $(y.Slider, "secondaryTrack", R(pe, y.secondary.main, 0.62)), $(y.Slider, "errorTrack", R(pe, y.error.main, 0.62)), $(y.Slider, "infoTrack", R(pe, y.info.main, 0.62)), $(y.Slider, "successTrack", R(pe, y.success.main, 0.62)), $(y.Slider, "warningTrack", R(pe, y.warning.main, 0.62));
+      const M = x ? R(de, y.background.default, 0.6825) : on(y.background.default, 0.8);
+      $(y.SnackbarContent, "bg", M), $(y.SnackbarContent, "color", nt(() => x ? Mo.text.primary : y.getContrastText(M))), $(y.SpeedDialAction, "fabHoverBg", on(y.background.paper, 0.15)), $(y.StepConnector, "border", A("palette-grey-400")), $(y.StepContent, "border", A("palette-grey-400")), $(y.Switch, "defaultColor", A("palette-common-white")), $(y.Switch, "defaultDisabledColor", A("palette-grey-100")), $(y.Switch, "primaryDisabledColor", R(pe, y.primary.main, 0.62)), $(y.Switch, "secondaryDisabledColor", R(pe, y.secondary.main, 0.62)), $(y.Switch, "errorDisabledColor", R(pe, y.error.main, 0.62)), $(y.Switch, "infoDisabledColor", R(pe, y.info.main, 0.62)), $(y.Switch, "successDisabledColor", R(pe, y.success.main, 0.62)), $(y.Switch, "warningDisabledColor", R(pe, y.warning.main, 0.62)), $(y.TableCell, "border", R(pe, R(Pt, y.divider, 1), 0.88)), $(y.Tooltip, "bg", R(Pt, y.grey[700], 0.92));
     }
-    if (g.mode === "dark") {
-      $(g.Alert, "errorColor", R(pe, g.error.light, 0.6)), $(g.Alert, "infoColor", R(pe, g.info.light, 0.6)), $(g.Alert, "successColor", R(pe, g.success.light, 0.6)), $(g.Alert, "warningColor", R(pe, g.warning.light, 0.6)), $(g.Alert, "errorFilledBg", A("palette-error-dark")), $(g.Alert, "infoFilledBg", A("palette-info-dark")), $(g.Alert, "successFilledBg", A("palette-success-dark")), $(g.Alert, "warningFilledBg", A("palette-warning-dark")), $(g.Alert, "errorFilledColor", nt(() => g.getContrastText(g.error.dark))), $(g.Alert, "infoFilledColor", nt(() => g.getContrastText(g.info.dark))), $(g.Alert, "successFilledColor", nt(() => g.getContrastText(g.success.dark))), $(g.Alert, "warningFilledColor", nt(() => g.getContrastText(g.warning.dark))), $(g.Alert, "errorStandardBg", R(de, g.error.light, 0.9)), $(g.Alert, "infoStandardBg", R(de, g.info.light, 0.9)), $(g.Alert, "successStandardBg", R(de, g.success.light, 0.9)), $(g.Alert, "warningStandardBg", R(de, g.warning.light, 0.9)), $(g.Alert, "errorIconColor", A("palette-error-main")), $(g.Alert, "infoIconColor", A("palette-info-main")), $(g.Alert, "successIconColor", A("palette-success-main")), $(g.Alert, "warningIconColor", A("palette-warning-main")), $(g.AppBar, "defaultBg", A("palette-grey-900")), $(g.AppBar, "darkBg", A("palette-background-paper")), $(g.AppBar, "darkColor", A("palette-text-primary")), $(g.Avatar, "defaultBg", A("palette-grey-600")), $(g.Button, "inheritContainedBg", A("palette-grey-800")), $(g.Button, "inheritContainedHoverBg", A("palette-grey-700")), $(g.Chip, "defaultBorder", A("palette-grey-700")), $(g.Chip, "defaultAvatarColor", A("palette-grey-300")), $(g.Chip, "defaultIconColor", A("palette-grey-300")), $(g.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), $(g.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), $(g.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), $(g.LinearProgress, "primaryBg", R(de, g.primary.main, 0.5)), $(g.LinearProgress, "secondaryBg", R(de, g.secondary.main, 0.5)), $(g.LinearProgress, "errorBg", R(de, g.error.main, 0.5)), $(g.LinearProgress, "infoBg", R(de, g.info.main, 0.5)), $(g.LinearProgress, "successBg", R(de, g.success.main, 0.5)), $(g.LinearProgress, "warningBg", R(de, g.warning.main, 0.5)), $(g.Skeleton, "bg", x ? R(Pt, g.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), $(g.Slider, "primaryTrack", R(de, g.primary.main, 0.5)), $(g.Slider, "secondaryTrack", R(de, g.secondary.main, 0.5)), $(g.Slider, "errorTrack", R(de, g.error.main, 0.5)), $(g.Slider, "infoTrack", R(de, g.info.main, 0.5)), $(g.Slider, "successTrack", R(de, g.success.main, 0.5)), $(g.Slider, "warningTrack", R(de, g.warning.main, 0.5));
-      const M = x ? R(pe, g.background.default, 0.985) : on(g.background.default, 0.98);
-      $(g.SnackbarContent, "bg", M), $(g.SnackbarContent, "color", nt(() => x ? bs.text.primary : g.getContrastText(M))), $(g.SpeedDialAction, "fabHoverBg", on(g.background.paper, 0.15)), $(g.StepConnector, "border", A("palette-grey-600")), $(g.StepContent, "border", A("palette-grey-600")), $(g.Switch, "defaultColor", A("palette-grey-300")), $(g.Switch, "defaultDisabledColor", A("palette-grey-600")), $(g.Switch, "primaryDisabledColor", R(de, g.primary.main, 0.55)), $(g.Switch, "secondaryDisabledColor", R(de, g.secondary.main, 0.55)), $(g.Switch, "errorDisabledColor", R(de, g.error.main, 0.55)), $(g.Switch, "infoDisabledColor", R(de, g.info.main, 0.55)), $(g.Switch, "successDisabledColor", R(de, g.success.main, 0.55)), $(g.Switch, "warningDisabledColor", R(de, g.warning.main, 0.55)), $(g.TableCell, "border", R(de, R(Pt, g.divider, 1), 0.68)), $(g.Tooltip, "bg", R(Pt, g.grey[700], 0.92));
+    if (y.mode === "dark") {
+      $(y.Alert, "errorColor", R(pe, y.error.light, 0.6)), $(y.Alert, "infoColor", R(pe, y.info.light, 0.6)), $(y.Alert, "successColor", R(pe, y.success.light, 0.6)), $(y.Alert, "warningColor", R(pe, y.warning.light, 0.6)), $(y.Alert, "errorFilledBg", A("palette-error-dark")), $(y.Alert, "infoFilledBg", A("palette-info-dark")), $(y.Alert, "successFilledBg", A("palette-success-dark")), $(y.Alert, "warningFilledBg", A("palette-warning-dark")), $(y.Alert, "errorFilledColor", nt(() => y.getContrastText(y.error.dark))), $(y.Alert, "infoFilledColor", nt(() => y.getContrastText(y.info.dark))), $(y.Alert, "successFilledColor", nt(() => y.getContrastText(y.success.dark))), $(y.Alert, "warningFilledColor", nt(() => y.getContrastText(y.warning.dark))), $(y.Alert, "errorStandardBg", R(de, y.error.light, 0.9)), $(y.Alert, "infoStandardBg", R(de, y.info.light, 0.9)), $(y.Alert, "successStandardBg", R(de, y.success.light, 0.9)), $(y.Alert, "warningStandardBg", R(de, y.warning.light, 0.9)), $(y.Alert, "errorIconColor", A("palette-error-main")), $(y.Alert, "infoIconColor", A("palette-info-main")), $(y.Alert, "successIconColor", A("palette-success-main")), $(y.Alert, "warningIconColor", A("palette-warning-main")), $(y.AppBar, "defaultBg", A("palette-grey-900")), $(y.AppBar, "darkBg", A("palette-background-paper")), $(y.AppBar, "darkColor", A("palette-text-primary")), $(y.Avatar, "defaultBg", A("palette-grey-600")), $(y.Button, "inheritContainedBg", A("palette-grey-800")), $(y.Button, "inheritContainedHoverBg", A("palette-grey-700")), $(y.Chip, "defaultBorder", A("palette-grey-700")), $(y.Chip, "defaultAvatarColor", A("palette-grey-300")), $(y.Chip, "defaultIconColor", A("palette-grey-300")), $(y.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), $(y.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), $(y.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), $(y.LinearProgress, "primaryBg", R(de, y.primary.main, 0.5)), $(y.LinearProgress, "secondaryBg", R(de, y.secondary.main, 0.5)), $(y.LinearProgress, "errorBg", R(de, y.error.main, 0.5)), $(y.LinearProgress, "infoBg", R(de, y.info.main, 0.5)), $(y.LinearProgress, "successBg", R(de, y.success.main, 0.5)), $(y.LinearProgress, "warningBg", R(de, y.warning.main, 0.5)), $(y.Skeleton, "bg", x ? R(Pt, y.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), $(y.Slider, "primaryTrack", R(de, y.primary.main, 0.5)), $(y.Slider, "secondaryTrack", R(de, y.secondary.main, 0.5)), $(y.Slider, "errorTrack", R(de, y.error.main, 0.5)), $(y.Slider, "infoTrack", R(de, y.info.main, 0.5)), $(y.Slider, "successTrack", R(de, y.success.main, 0.5)), $(y.Slider, "warningTrack", R(de, y.warning.main, 0.5));
+      const M = x ? R(pe, y.background.default, 0.985) : on(y.background.default, 0.98);
+      $(y.SnackbarContent, "bg", M), $(y.SnackbarContent, "color", nt(() => x ? bs.text.primary : y.getContrastText(M))), $(y.SpeedDialAction, "fabHoverBg", on(y.background.paper, 0.15)), $(y.StepConnector, "border", A("palette-grey-600")), $(y.StepContent, "border", A("palette-grey-600")), $(y.Switch, "defaultColor", A("palette-grey-300")), $(y.Switch, "defaultDisabledColor", A("palette-grey-600")), $(y.Switch, "primaryDisabledColor", R(de, y.primary.main, 0.55)), $(y.Switch, "secondaryDisabledColor", R(de, y.secondary.main, 0.55)), $(y.Switch, "errorDisabledColor", R(de, y.error.main, 0.55)), $(y.Switch, "infoDisabledColor", R(de, y.info.main, 0.55)), $(y.Switch, "successDisabledColor", R(de, y.success.main, 0.55)), $(y.Switch, "warningDisabledColor", R(de, y.warning.main, 0.55)), $(y.TableCell, "border", R(de, R(Pt, y.divider, 1), 0.68)), $(y.Tooltip, "bg", R(Pt, y.grey[700], 0.92));
     }
-    dt(g.background, "default"), dt(g.background, "paper"), dt(g.common, "background"), dt(g.common, "onBackground"), dt(g, "divider"), Object.keys(g).forEach((M) => {
-      const N = g[M];
-      M !== "tonalOffset" && N && typeof N == "object" && (N.main && $(g[M], "mainChannel", Er(Cr(N.main))), N.light && $(g[M], "lightChannel", Er(Cr(N.light))), N.dark && $(g[M], "darkChannel", Er(Cr(N.dark))), N.contrastText && $(g[M], "contrastTextChannel", Er(Cr(N.contrastText))), M === "text" && (dt(g[M], "primary"), dt(g[M], "secondary")), M === "action" && (N.active && dt(g[M], "active"), N.selected && dt(g[M], "selected")));
+    dt(y.background, "default"), dt(y.background, "paper"), dt(y.common, "background"), dt(y.common, "onBackground"), dt(y, "divider"), Object.keys(y).forEach((M) => {
+      const N = y[M];
+      M !== "tonalOffset" && N && typeof N == "object" && (N.main && $(y[M], "mainChannel", Er(Cr(N.main))), N.light && $(y[M], "lightChannel", Er(Cr(N.light))), N.dark && $(y[M], "darkChannel", Er(Cr(N.dark))), N.contrastText && $(y[M], "contrastTextChannel", Er(Cr(N.contrastText))), M === "text" && (dt(y[M], "primary"), dt(y[M], "secondary")), M === "action" && (N.active && dt(y[M], "active"), N.selected && dt(y[M], "selected")));
     });
-  }), O = t.reduce((_, g) => Le(_, g), O);
+  }), S = t.reduce((_, y) => Le(_, y), S);
   const P = {
     prefix: a,
     disableCssColorScheme: i,
     shouldSkipGeneratingVar: l,
-    getSelector: vp(O),
+    getSelector: vp(S),
     enableContrastVars: s
   }, {
     vars: I,
     generateThemeVars: j,
     generateStyleSheets: D
-  } = hd(O, P);
-  return O.vars = I, Object.entries(O.colorSchemes[O.defaultColorScheme]).forEach(([_, g]) => {
-    O[_] = g;
-  }), O.generateThemeVars = j, O.generateStyleSheets = D, O.generateSpacing = function() {
+  } = hd(S, P);
+  return S.vars = I, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([_, y]) => {
+    S[_] = y;
+  }), S.generateThemeVars = j, S.generateStyleSheets = D, S.generateSpacing = function() {
     return is(d.spacing, zn(this));
-  }, O.getColorSchemeSelector = gd(c), O.spacing = O.generateSpacing(), O.shouldSkipGeneratingVar = l, O.unstable_sxConfig = {
+  }, S.getColorSchemeSelector = gd(c), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = l, S.unstable_sxConfig = {
     ...Hr,
     ...d?.unstable_sxConfig
-  }, O.unstable_sx = function(g) {
+  }, S.unstable_sx = function(y) {
     return Lt({
-      sx: g,
+      sx: y,
       theme: this
     });
-  }, O.toRuntimeSource = ws, O;
+  }, S.toRuntimeSource = ws, S;
 }
 function ua(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -5732,9 +5738,9 @@ function Cs(e = {}, ...t) {
     ...typeof o != "boolean" && o
   }, ...t);
 }
-const Os = Cs();
+const Ss = Cs();
 function gt() {
-  const e = Kn(Os);
+  const e = Kn(Ss);
   return process.env.NODE_ENV !== "production" && E.useDebugValue(e), e[qo] || e;
 }
 function Cp(e) {
@@ -5742,7 +5748,7 @@ function Cp(e) {
 }
 const to = (e) => Cp(e) && e !== "classes", J = ds({
   themeId: qo,
-  defaultTheme: Os,
+  defaultTheme: Ss,
   rootShouldForwardProp: to
 });
 function da(...e) {
@@ -5751,7 +5757,7 @@ function da(...e) {
   }, () => {
   });
 }
-function Op() {
+function Sp() {
   return Xn;
 }
 const Ee = dd;
@@ -5759,7 +5765,7 @@ process.env.NODE_ENV !== "production" && (n.node, n.object.isRequired);
 function ye(e) {
   return ld(e);
 }
-function Sp(e) {
+function Op(e) {
   return he("MuiSvgIcon", e);
 }
 we("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
@@ -5771,7 +5777,7 @@ const Pp = (e) => {
   } = e, i = {
     root: ["root", t !== "inherit" && `color${ie(t)}`, `fontSize${ie(r)}`]
   };
-  return be(i, Sp, o);
+  return be(i, Op, o);
 }, kp = J("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -5867,7 +5873,7 @@ const Pp = (e) => {
       }
     }
   ]
-}))), On = /* @__PURE__ */ E.forwardRef(function(t, r) {
+}))), Sn = /* @__PURE__ */ E.forwardRef(function(t, r) {
   const o = ye({
     props: t,
     name: "MuiSvgIcon"
@@ -5880,7 +5886,7 @@ const Pp = (e) => {
     htmlColor: u,
     inheritViewBox: d = !1,
     titleAccess: f,
-    viewBox: y = "0 0 24 24",
+    viewBox: g = "0 0 24 24",
     ...m
   } = o, h = /* @__PURE__ */ E.isValidElement(i) && i.type === "svg", p = {
     ...o,
@@ -5889,10 +5895,10 @@ const Pp = (e) => {
     fontSize: c,
     instanceFontSize: t.fontSize,
     inheritViewBox: d,
-    viewBox: y,
+    viewBox: g,
     hasSvgAsChild: h
   }, b = {};
-  d || (b.viewBox = y);
+  d || (b.viewBox = g);
   const v = Pp(p);
   return /* @__PURE__ */ Y(kp, {
     as: l,
@@ -5911,7 +5917,7 @@ const Pp = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (On.propTypes = {
+process.env.NODE_ENV !== "production" && (Sn.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -5983,17 +5989,17 @@ process.env.NODE_ENV !== "production" && (On.propTypes = {
    */
   viewBox: n.string
 });
-On.muiName = "SvgIcon";
+Sn.muiName = "SvgIcon";
 function cr(e, t) {
   function r(o, i) {
-    return /* @__PURE__ */ w(On, {
+    return /* @__PURE__ */ w(Sn, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
       ref: i,
       ...o,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = On.muiName, /* @__PURE__ */ E.memo(/* @__PURE__ */ E.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Sn.muiName, /* @__PURE__ */ E.memo(/* @__PURE__ */ E.forwardRef(r));
 }
 function Rp(e, t = 166) {
   let r;
@@ -6020,9 +6026,9 @@ function $p(e, t) {
     ...t.propTypes
   } : null;
   return (i) => (a, s, l, c, u, ...d) => {
-    const f = u || s, y = r?.[f];
-    if (y) {
-      const m = y(a, s, l, c, u, ...d);
+    const f = u || s, g = r?.[f];
+    if (g) {
+      const m = g(a, s, l, c, u, ...d);
       if (m)
         return m;
     }
@@ -6154,7 +6160,7 @@ function Ct(e, t) {
     return e(...o) || t(...o);
   };
 }
-function Ss(e, t) {
+function Os(e, t) {
   if (e == null) return {};
   var r = {};
   for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
@@ -6191,22 +6197,22 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
   exitDone: n.string,
   exitActive: n.string
 })]);
-const Sn = ft.createContext(null);
+const On = ft.createContext(null);
 var jp = function(t) {
   return t.scrollTop;
-}, Or = "unmounted", kt = "exited", Rt = "entering", Yt = "entered", _o = "exiting", rt = /* @__PURE__ */ (function(e) {
+}, Sr = "unmounted", kt = "exited", Rt = "entering", Yt = "entered", _o = "exiting", rt = /* @__PURE__ */ (function(e) {
   Ps(t, e);
   function t(o, i) {
     var a;
     a = e.call(this, o, i) || this;
     var s = i, l = s && !s.isMounting ? o.enter : o.appear, c;
-    return a.appearStatus = null, o.in ? l ? (c = kt, a.appearStatus = Rt) : c = Yt : o.unmountOnExit || o.mountOnEnter ? c = Or : c = kt, a.state = {
+    return a.appearStatus = null, o.in ? l ? (c = kt, a.appearStatus = Rt) : c = Yt : o.unmountOnExit || o.mountOnEnter ? c = Sr : c = kt, a.state = {
       status: c
     }, a.nextCallback = null, a;
   }
   t.getDerivedStateFromProps = function(i, a) {
     var s = i.in;
-    return s && a.status === Or ? {
+    return s && a.status === Sr ? {
       status: kt
     } : null;
   };
@@ -6240,10 +6246,10 @@ var jp = function(t) {
       } else
         this.performExit();
     else this.props.unmountOnExit && this.state.status === kt && this.setState({
-      status: Or
+      status: Sr
     });
   }, r.performEnter = function(i) {
-    var a = this, s = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [Zr.findDOMNode(this), l], u = c[0], d = c[1], f = this.getTimeouts(), y = l ? f.appear : f.enter;
+    var a = this, s = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [Zr.findDOMNode(this), l], u = c[0], d = c[1], f = this.getTimeouts(), g = l ? f.appear : f.enter;
     if (!i && !s || fa.disabled) {
       this.safeSetState({
         status: Yt
@@ -6255,7 +6261,7 @@ var jp = function(t) {
     this.props.onEnter(u, d), this.safeSetState({
       status: Rt
     }, function() {
-      a.props.onEntering(u, d), a.onTransitionEnd(y, function() {
+      a.props.onEntering(u, d), a.onTransitionEnd(g, function() {
         a.safeSetState({
           status: Yt
         }, function() {
@@ -6309,20 +6315,20 @@ var jp = function(t) {
     i != null && setTimeout(this.nextCallback, i);
   }, r.render = function() {
     var i = this.state.status;
-    if (i === Or)
+    if (i === Sr)
       return null;
     var a = this.props, s = a.children;
     a.in, a.mountOnEnter, a.unmountOnExit, a.appear, a.enter, a.exit, a.timeout, a.addEndListener, a.onEnter, a.onEntering, a.onEntered, a.onExit, a.onExiting, a.onExited, a.nodeRef;
-    var l = Ss(a, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var l = Os(a, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ ft.createElement(Sn.Provider, {
+      /* @__PURE__ */ ft.createElement(On.Provider, {
         value: null
       }, typeof s == "function" ? s(i, l) : ft.cloneElement(ft.Children.only(s), l))
     );
   }, t;
 })(ft.Component);
-rt.contextType = Sn;
+rt.contextType = On;
 rt.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A React reference to DOM element that need to transition:
@@ -6508,7 +6514,7 @@ rt.defaultProps = {
   onExiting: Gt,
   onExited: Gt
 };
-rt.UNMOUNTED = Or;
+rt.UNMOUNTED = Sr;
 rt.EXITED = kt;
 rt.ENTERING = Rt;
 rt.ENTERED = Yt;
@@ -6631,10 +6637,10 @@ var Fp = Object.values || function(e) {
       };
     }));
   }, r.render = function() {
-    var i = this.props, a = i.component, s = i.childFactory, l = Ss(i, ["component", "childFactory"]), c = this.state.contextValue, u = Fp(this.state.children).map(s);
-    return delete l.appear, delete l.enter, delete l.exit, a === null ? /* @__PURE__ */ ft.createElement(Sn.Provider, {
+    var i = this.props, a = i.component, s = i.childFactory, l = Os(i, ["component", "childFactory"]), c = this.state.contextValue, u = Fp(this.state.children).map(s);
+    return delete l.appear, delete l.enter, delete l.exit, a === null ? /* @__PURE__ */ ft.createElement(On.Provider, {
       value: c
-    }, u) : /* @__PURE__ */ ft.createElement(Sn.Provider, {
+    }, u) : /* @__PURE__ */ ft.createElement(On.Provider, {
       value: c
     }, /* @__PURE__ */ ft.createElement(a, l, u));
   }, t;
@@ -6816,14 +6822,14 @@ function As(e) {
     ...r?.style,
     ...i?.style,
     ...o?.style
-  }, y = {
+  }, g = {
     ...u,
     ...r,
     ...c,
     ...l
   };
-  return d.length > 0 && (y.className = d), Object.keys(f).length > 0 && (y.style = f), {
-    props: y,
+  return d.length > 0 && (g.className = d), Object.keys(f).length > 0 && (g.style = f), {
+    props: g,
     internalRef: u.ref
   };
 }
@@ -6844,7 +6850,7 @@ function ke(e, t) {
     slotProps: f = {
       [e]: void 0
     },
-    ...y
+    ...g
   } = a, m = d[e] || o, h = Is(f[e], i), {
     props: {
       component: p,
@@ -6854,9 +6860,9 @@ function ke(e, t) {
   } = As({
     className: r,
     ...c,
-    externalForwardedProps: e === "root" ? y : void 0,
+    externalForwardedProps: e === "root" ? g : void 0,
     externalSlotProps: h
-  }), S = _e(v, h?.ref, t.ref), C = e === "root" ? p || u : p, x = Ns(m, {
+  }), O = _e(v, h?.ref, t.ref), C = e === "root" ? p || u : p, x = Ns(m, {
     ...e === "root" && !u && !d[e] && s,
     ...e !== "root" && !d[e] && s,
     ...b,
@@ -6866,7 +6872,7 @@ function ke(e, t) {
     ...C && l && {
       component: C
     },
-    ref: S
+    ref: O
   }, i);
   return [m, x];
 }
@@ -6977,33 +6983,33 @@ const Gp = (e) => {
     easing: u,
     in: d,
     onEnter: f,
-    onEntered: y,
+    onEntered: g,
     onEntering: m,
     onExit: h,
     onExited: p,
     onExiting: b,
     orientation: v = "vertical",
-    slots: S = {},
+    slots: O = {},
     slotProps: C = {},
     style: x,
     timeout: T = xs.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: O = rt,
+    TransitionComponent: S = rt,
     ...P
   } = o, I = {
     ...o,
     orientation: v,
     collapsedSize: l
-  }, j = Gp(I), D = gt(), _ = It(), g = E.useRef(null), A = E.useRef(), R = typeof l == "number" ? `${l}px` : l, M = v === "horizontal", N = M ? "width" : "height", F = E.useRef(null), Z = _e(r, F), V = (ee) => (Ce) => {
+  }, j = Gp(I), D = gt(), _ = It(), y = E.useRef(null), A = E.useRef(), R = typeof l == "number" ? `${l}px` : l, M = v === "horizontal", N = M ? "width" : "height", F = E.useRef(null), Z = _e(r, F), V = (ee) => (Ce) => {
     if (ee) {
       const ge = F.current;
       Ce === void 0 ? ee(ge) : ee(ge, Ce);
     }
-  }, k = () => g.current ? g.current[M ? "clientWidth" : "clientHeight"] : 0, B = V((ee, Ce) => {
-    g.current && M && (g.current.style.position = "absolute"), ee.style[N] = R, f && f(ee, Ce);
+  }, k = () => y.current ? y.current[M ? "clientWidth" : "clientHeight"] : 0, B = V((ee, Ce) => {
+    y.current && M && (y.current.style.position = "absolute"), ee.style[N] = R, f && f(ee, Ce);
   }), U = V((ee, Ce) => {
     const ge = k();
-    g.current && M && (g.current.style.position = "");
+    y.current && M && (y.current.style.position = "");
     const {
       duration: xe,
       easing: Me
@@ -7021,7 +7027,7 @@ const Gp = (e) => {
       ee.style.transitionDuration = typeof xe == "string" ? xe : `${xe}ms`;
     ee.style[N] = `${ge}px`, ee.style.transitionTimingFunction = Me, m && m(ee, Ce);
   }), K = V((ee, Ce) => {
-    ee.style[N] = "auto", y && y(ee, Ce);
+    ee.style[N] = "auto", g && g(ee, Ce);
   }), z = V((ee) => {
     ee.style[N] = `${k()}px`, h && h(ee);
   }), q = V(p), G = V((ee) => {
@@ -7044,7 +7050,7 @@ const Gp = (e) => {
   }), X = (ee) => {
     T === "auto" && _.start(A.current || 0, ee), i && i(F.current, ee);
   }, H = {
-    slots: S,
+    slots: O,
     slotProps: C,
     component: c
   }, [ne, W] = ke("root", {
@@ -7060,7 +7066,7 @@ const Gp = (e) => {
       }
     }
   }), [Q, L] = ke("wrapper", {
-    ref: g,
+    ref: y,
     className: j.wrapper,
     elementType: Kp,
     externalForwardedProps: H,
@@ -7071,7 +7077,7 @@ const Gp = (e) => {
     externalForwardedProps: H,
     ownerState: I
   });
-  return /* @__PURE__ */ w(O, {
+  return /* @__PURE__ */ w(S, {
     in: d,
     onEnter: B,
     onEntered: K,
@@ -7323,12 +7329,12 @@ const Zp = (e) => {
     elevation: l,
     square: c,
     variant: u
-  }, y = Zp(f);
+  }, g = Zp(f);
   return process.env.NODE_ENV !== "production" && i.shadows[l] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${l}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${l}]\` is defined.`].join(`
 `)), /* @__PURE__ */ w(ef, {
     as: s,
     ownerState: f,
-    className: re(y.root, a),
+    className: re(g.root, a),
     ref: r,
     ...d,
     style: {
@@ -7464,7 +7470,7 @@ function Ls(e) {
     in: l,
     onExited: c,
     timeout: u
-  } = e, [d, f] = E.useState(!1), y = re(t, r.ripple, r.rippleVisible, o && r.ripplePulsate), m = {
+  } = e, [d, f] = E.useState(!1), g = re(t, r.ripple, r.rippleVisible, o && r.ripplePulsate), m = {
     width: s,
     height: s,
     top: -(s / 2) + a,
@@ -7478,7 +7484,7 @@ function Ls(e) {
       };
     }
   }, [c, l, u]), /* @__PURE__ */ w("span", {
-    className: y,
+    className: g,
     style: m,
     children: /* @__PURE__ */ w("span", {
       className: h
@@ -7630,10 +7636,10 @@ const Ge = we("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
   E.useEffect(() => {
     f.current && (f.current(), f.current = null);
   }, [c]);
-  const y = E.useRef(!1), m = It(), h = E.useRef(null), p = E.useRef(null), b = E.useCallback((x) => {
+  const g = E.useRef(!1), m = It(), h = E.useRef(null), p = E.useRef(null), b = E.useCallback((x) => {
     const {
       pulsate: T,
-      rippleX: O,
+      rippleX: S,
       rippleY: P,
       rippleSize: I,
       cb: j
@@ -7649,11 +7655,11 @@ const Ge = we("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       },
       timeout: Bo,
       pulsate: T,
-      rippleX: O,
+      rippleX: S,
       rippleY: P,
       rippleSize: I
     }, d.current)]), d.current += 1, f.current = j;
-  }, [a]), v = E.useCallback((x = {}, T = {}, O = () => {
+  }, [a]), v = E.useCallback((x = {}, T = {}, S = () => {
   }) => {
     const {
       pulsate: P = !1,
@@ -7661,51 +7667,51 @@ const Ge = we("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       fakeElement: j = !1
       // For test purposes
     } = T;
-    if (x?.type === "mousedown" && y.current) {
-      y.current = !1;
+    if (x?.type === "mousedown" && g.current) {
+      g.current = !1;
       return;
     }
-    x?.type === "touchstart" && (y.current = !0);
+    x?.type === "touchstart" && (g.current = !0);
     const D = j ? null : p.current, _ = D ? D.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let g, A, R;
+    let y, A, R;
     if (I || x === void 0 || x.clientX === 0 && x.clientY === 0 || !x.clientX && !x.touches)
-      g = Math.round(_.width / 2), A = Math.round(_.height / 2);
+      y = Math.round(_.width / 2), A = Math.round(_.height / 2);
     else {
       const {
         clientX: M,
         clientY: N
       } = x.touches && x.touches.length > 0 ? x.touches[0] : x;
-      g = Math.round(M - _.left), A = Math.round(N - _.top);
+      y = Math.round(M - _.left), A = Math.round(N - _.top);
     }
     if (I)
       R = Math.sqrt((2 * _.width ** 2 + _.height ** 2) / 3), R % 2 === 0 && (R += 1);
     else {
-      const M = Math.max(Math.abs((D ? D.clientWidth : 0) - g), g) * 2 + 2, N = Math.max(Math.abs((D ? D.clientHeight : 0) - A), A) * 2 + 2;
+      const M = Math.max(Math.abs((D ? D.clientWidth : 0) - y), y) * 2 + 2, N = Math.max(Math.abs((D ? D.clientHeight : 0) - A), A) * 2 + 2;
       R = Math.sqrt(M ** 2 + N ** 2);
     }
     x?.touches ? h.current === null && (h.current = () => {
       b({
         pulsate: P,
-        rippleX: g,
+        rippleX: y,
         rippleY: A,
         rippleSize: R,
-        cb: O
+        cb: S
       });
     }, m.start(nf, () => {
       h.current && (h.current(), h.current = null);
     })) : b({
       pulsate: P,
-      rippleX: g,
+      rippleX: y,
       rippleY: A,
       rippleSize: R,
-      cb: O
+      cb: S
     });
-  }, [i, b, m]), S = E.useCallback(() => {
+  }, [i, b, m]), O = E.useCallback(() => {
     v({}, {
       pulsate: !0
     });
@@ -7716,13 +7722,13 @@ const Ge = we("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       });
       return;
     }
-    h.current = null, u((O) => O.length > 0 ? O.slice(1) : O), f.current = T;
+    h.current = null, u((S) => S.length > 0 ? S.slice(1) : S), f.current = T;
   }, [m]);
   return E.useImperativeHandle(r, () => ({
-    pulsate: S,
+    pulsate: O,
     start: v,
     stop: C
-  }), [S, v, C]), /* @__PURE__ */ w(lf, {
+  }), [O, v, C]), /* @__PURE__ */ w(lf, {
     className: re(Ge.root, a.root, s),
     ref: p,
     ...l,
@@ -7816,23 +7822,23 @@ const df = we("MuiButtonBase", ["root", "disabled", "focusVisible"]), pf = (e) =
     disabled: u = !1,
     disableRipple: d = !1,
     disableTouchRipple: f = !1,
-    focusRipple: y = !1,
+    focusRipple: g = !1,
     focusVisibleClassName: m,
     LinkComponent: h = "a",
     onBlur: p,
     onClick: b,
     onContextMenu: v,
-    onDragLeave: S,
+    onDragLeave: O,
     onFocus: C,
     onFocusVisible: x,
     onKeyDown: T,
-    onKeyUp: O,
+    onKeyUp: S,
     onMouseDown: P,
     onMouseLeave: I,
     onMouseUp: j,
     onTouchEnd: D,
     onTouchMove: _,
-    onTouchStart: g,
+    onTouchStart: y,
     tabIndex: A = 0,
     TouchRippleProps: R,
     touchRippleRef: M,
@@ -7846,11 +7852,11 @@ const df = we("MuiButtonBase", ["root", "disabled", "focusVisible"]), pf = (e) =
   }), []);
   const K = V.shouldMount && !d && !u;
   E.useEffect(() => {
-    B && y && !d && V.pulsate();
-  }, [d, y, B, V]);
-  const z = pt(V, "start", P, f), q = pt(V, "stop", v, f), G = pt(V, "stop", S, f), X = pt(V, "stop", j, f), H = pt(V, "stop", (te) => {
+    B && g && !d && V.pulsate();
+  }, [d, g, B, V]);
+  const z = pt(V, "start", P, f), q = pt(V, "stop", v, f), G = pt(V, "stop", O, f), X = pt(V, "stop", j, f), H = pt(V, "stop", (te) => {
     B && te.preventDefault(), I && I(te);
-  }, f), ne = pt(V, "start", g, f), W = pt(V, "stop", D, f), Q = pt(V, "stop", _, f), L = pt(V, "stop", (te) => {
+  }, f), ne = pt(V, "start", y, f), W = pt(V, "stop", D, f), Q = pt(V, "stop", _, f), L = pt(V, "stop", (te) => {
     kn(te.target) || U(!1), p && p(te);
   }, !1), ue = bt((te) => {
     Z.current || (Z.current = te.currentTarget), kn(te.target) && (U(!0), x && x(te)), C && C(te);
@@ -7858,13 +7864,13 @@ const df = we("MuiButtonBase", ["root", "disabled", "focusVisible"]), pf = (e) =
     const te = Z.current;
     return c && c !== "button" && !(te.tagName === "A" && te.href);
   }, ee = bt((te) => {
-    y && !te.repeat && B && te.key === " " && V.stop(te, () => {
+    g && !te.repeat && B && te.key === " " && V.stop(te, () => {
       V.start(te);
     }), te.target === te.currentTarget && ve() && te.key === " " && te.preventDefault(), T && T(te), te.target === te.currentTarget && ve() && te.key === "Enter" && !u && (te.preventDefault(), b && b(te));
   }), Ce = bt((te) => {
-    y && te.key === " " && B && !te.defaultPrevented && V.stop(te, () => {
+    g && te.key === " " && B && !te.defaultPrevented && V.stop(te, () => {
       V.pulsate(te);
-    }), O && O(te), b && te.target === te.currentTarget && ve() && te.key === " " && !te.defaultPrevented && b(te);
+    }), S && S(te), b && te.target === te.currentTarget && ve() && te.key === " " && !te.defaultPrevented && b(te);
   });
   let ge = c;
   ge === "button" && (F.href || F.to) && (ge = h);
@@ -7881,7 +7887,7 @@ const df = we("MuiButtonBase", ["root", "disabled", "focusVisible"]), pf = (e) =
     disabled: u,
     disableRipple: d,
     disableTouchRipple: f,
-    focusRipple: y,
+    focusRipple: g,
     tabIndex: A,
     focusVisible: B
   }, Re = pf(Ie);
@@ -8238,7 +8244,7 @@ const et = 44, Fo = zr`
     style: u,
     thickness: d = 3.6,
     value: f = 0,
-    variant: y = "indeterminate",
+    variant: g = "indeterminate",
     ...m
   } = o, h = {
     ...o,
@@ -8247,12 +8253,12 @@ const et = 44, Fo = zr`
     size: c,
     thickness: d,
     value: f,
-    variant: y,
+    variant: g,
     enableTrackSlot: l
-  }, p = vf(h), b = {}, v = {}, S = {};
-  if (y === "determinate") {
+  }, p = vf(h), b = {}, v = {}, O = {};
+  if (g === "determinate") {
     const C = 2 * Math.PI * ((et - d) / 2);
-    b.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), b.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, v.transform = "rotate(-90deg)";
+    b.strokeDasharray = C.toFixed(3), O["aria-valuenow"] = Math.round(f), b.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, v.transform = "rotate(-90deg)";
   }
   return /* @__PURE__ */ w(xf, {
     className: re(p.root, i),
@@ -8265,7 +8271,7 @@ const et = 44, Fo = zr`
     ownerState: h,
     ref: r,
     role: "progressbar",
-    ...S,
+    ...O,
     ...m,
     children: /* @__PURE__ */ Y(wf, {
       className: p.svg,
@@ -8361,7 +8367,7 @@ process.env.NODE_ENV !== "production" && (Fs.propTypes = {
 function Cf(e) {
   return he("MuiIconButton", e);
 }
-const ga = we("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), Of = (e) => {
+const ga = we("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), Sf = (e) => {
   const {
     classes: t,
     disabled: r,
@@ -8375,7 +8381,7 @@ const ga = we("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     loadingWrapper: ["loadingWrapper"]
   };
   return be(l, Cf, t);
-}, Sf = J(oo, {
+}, Of = J(oo, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -8521,7 +8527,7 @@ const ga = we("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     disableFocusRipple: u = !1,
     size: d = "medium",
     id: f,
-    loading: y = null,
+    loading: g = null,
     loadingIndicator: m,
     ...h
   } = o, p = hs(f), b = m ?? /* @__PURE__ */ w(Fs, {
@@ -8534,29 +8540,29 @@ const ga = we("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     color: l,
     disabled: c,
     disableFocusRipple: u,
-    loading: y,
+    loading: g,
     loadingIndicator: b,
     size: d
-  }, S = Of(v);
-  return /* @__PURE__ */ Y(Sf, {
-    id: y ? p : f,
-    className: re(S.root, s),
+  }, O = Sf(v);
+  return /* @__PURE__ */ Y(Of, {
+    id: g ? p : f,
+    className: re(O.root, s),
     centerRipple: !0,
     focusRipple: !u,
-    disabled: c || y,
+    disabled: c || g,
     ref: r,
     ...h,
     ownerState: v,
-    children: [typeof y == "boolean" && // use plain HTML span to minimize the runtime overhead
+    children: [typeof g == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ w("span", {
-      className: S.loadingWrapper,
+      className: O.loadingWrapper,
       style: {
         display: "contents"
       },
       children: /* @__PURE__ */ w(Pf, {
-        className: S.loadingIndicator,
+        className: O.loadingIndicator,
         ownerState: v,
-        children: y && b
+        children: g && b
       })
     }), a]
   });
@@ -8653,7 +8659,7 @@ const ya = we("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "sub
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, $f = Op(), Nf = (e) => {
+}, $f = Sp(), Nf = (e) => {
   const {
     align: t,
     gutterBottom: r,
@@ -8768,7 +8774,7 @@ const ya = we("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "sub
     component: u,
     gutterBottom: d = !1,
     noWrap: f = !1,
-    paragraph: y = !1,
+    paragraph: g = !1,
     variant: m = "body1",
     variantMapping: h = ba,
     ...p
@@ -8780,14 +8786,14 @@ const ya = we("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "sub
     component: u,
     gutterBottom: d,
     noWrap: f,
-    paragraph: y,
+    paragraph: g,
     variant: m,
     variantMapping: h
-  }, v = u || (y ? "p" : h[m] || ba[m]) || "span", S = Nf(b);
+  }, v = u || (g ? "p" : h[m] || ba[m]) || "span", O = Nf(b);
   return /* @__PURE__ */ w(If, {
     as: v,
     ref: r,
-    className: re(S.root, c),
+    className: re(O.root, c),
     ...p,
     ownerState: b,
     style: {
@@ -8980,13 +8986,13 @@ function nr(e, t, r) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   var o = e.getBoundingClientRect(), i = 1, a = 1;
   t && Ke(e) && (i = e.offsetWidth > 0 && rr(o.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && rr(o.height) / e.offsetHeight || 1);
-  var s = Ft(e) ? He(e) : window, l = s.visualViewport, c = !zs() && r, u = (o.left + (c && l ? l.offsetLeft : 0)) / i, d = (o.top + (c && l ? l.offsetTop : 0)) / a, f = o.width / i, y = o.height / a;
+  var s = Ft(e) ? He(e) : window, l = s.visualViewport, c = !zs() && r, u = (o.left + (c && l ? l.offsetLeft : 0)) / i, d = (o.top + (c && l ? l.offsetTop : 0)) / a, f = o.width / i, g = o.height / a;
   return {
     width: f,
-    height: y,
+    height: g,
     top: d,
     right: u + f,
-    bottom: d + y,
+    bottom: d + g,
     left: u,
     x: u,
     y: d
@@ -9021,7 +9027,7 @@ function ht(e) {
 function Yf(e) {
   return ["table", "td", "th"].indexOf(ut(e)) >= 0;
 }
-function Ot(e) {
+function St(e) {
   return ((Ft(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
@@ -9036,7 +9042,7 @@ function io(e) {
     e.parentNode || // DOM Element detected
     (pi(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Ot(e)
+    St(e)
   );
 }
 function xa(e) {
@@ -9098,8 +9104,8 @@ var Jf = function(t, r) {
 function Qf(e) {
   var t, r = e.state, o = e.name, i = e.options, a = r.elements.arrow, s = r.modifiersData.popperOffsets, l = ct(r.placement), c = mi(l), u = [Ve, Qe].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!a || !s)) {
-    var f = Jf(i.padding, r), y = fi(a), m = c === "y" ? Fe : Ve, h = c === "y" ? Je : Qe, p = r.rects.reference[d] + r.rects.reference[c] - s[c] - r.rects.popper[d], b = s[c] - r.rects.reference[c], v = Gr(a), S = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, C = p / 2 - b / 2, x = f[m], T = S - y[d] - f[h], O = S / 2 - y[d] / 2 + C, P = Rr(x, O, T), I = c;
-    r.modifiersData[o] = (t = {}, t[I] = P, t.centerOffset = P - O, t);
+    var f = Jf(i.padding, r), g = fi(a), m = c === "y" ? Fe : Ve, h = c === "y" ? Je : Qe, p = r.rects.reference[d] + r.rects.reference[c] - s[c] - r.rects.popper[d], b = s[c] - r.rects.reference[c], v = Gr(a), O = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, C = p / 2 - b / 2, x = f[m], T = O - g[d] - f[h], S = O / 2 - g[d] / 2 + C, P = Rr(x, S, T), I = c;
+    r.modifiersData[o] = (t = {}, t[I] = P, t.centerOffset = P - S, t);
   }
 }
 function Zf(e) {
@@ -9132,7 +9138,7 @@ function rm(e, t) {
   };
 }
 function wa(e) {
-  var t, r = e.popper, o = e.popperRect, i = e.placement, a = e.variation, s = e.offsets, l = e.position, c = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, f = e.isFixed, y = s.x, m = y === void 0 ? 0 : y, h = s.y, p = h === void 0 ? 0 : h, b = typeof d == "function" ? d({
+  var t, r = e.popper, o = e.popperRect, i = e.placement, a = e.variation, s = e.offsets, l = e.position, c = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, f = e.isFixed, g = s.x, m = g === void 0 ? 0 : g, h = s.y, p = h === void 0 ? 0 : h, b = typeof d == "function" ? d({
     x: m,
     y: p
   }) : {
@@ -9140,40 +9146,40 @@ function wa(e) {
     y: p
   };
   m = b.x, p = b.y;
-  var v = s.hasOwnProperty("x"), S = s.hasOwnProperty("y"), C = Ve, x = Fe, T = window;
+  var v = s.hasOwnProperty("x"), O = s.hasOwnProperty("y"), C = Ve, x = Fe, T = window;
   if (u) {
-    var O = Gr(r), P = "clientHeight", I = "clientWidth";
-    if (O === He(r) && (O = Ot(r), ht(O).position !== "static" && l === "absolute" && (P = "scrollHeight", I = "scrollWidth")), O = O, i === Fe || (i === Ve || i === Qe) && a === Lr) {
+    var S = Gr(r), P = "clientHeight", I = "clientWidth";
+    if (S === He(r) && (S = St(r), ht(S).position !== "static" && l === "absolute" && (P = "scrollHeight", I = "scrollWidth")), S = S, i === Fe || (i === Ve || i === Qe) && a === Lr) {
       x = Je;
-      var j = f && O === T && T.visualViewport ? T.visualViewport.height : (
+      var j = f && S === T && T.visualViewport ? T.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        O[P]
+        S[P]
       );
       p -= j - o.height, p *= c ? 1 : -1;
     }
     if (i === Ve || (i === Fe || i === Je) && a === Lr) {
       C = Qe;
-      var D = f && O === T && T.visualViewport ? T.visualViewport.width : (
+      var D = f && S === T && T.visualViewport ? T.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        O[I]
+        S[I]
       );
       m -= D - o.width, m *= c ? 1 : -1;
     }
   }
   var _ = Object.assign({
     position: l
-  }, u && tm), g = d === !0 ? rm({
+  }, u && tm), y = d === !0 ? rm({
     x: m,
     y: p
   }, He(r)) : {
     x: m,
     y: p
   };
-  if (m = g.x, p = g.y, c) {
+  if (m = y.x, p = y.y, c) {
     var A;
-    return Object.assign({}, _, (A = {}, A[x] = S ? "0" : "", A[C] = v ? "0" : "", A.transform = (T.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", A));
+    return Object.assign({}, _, (A = {}, A[x] = O ? "0" : "", A[C] = v ? "0" : "", A.transform = (T.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + p + "px)" : "translate3d(" + m + "px, " + p + "px, 0)", A));
   }
-  return Object.assign({}, _, (t = {}, t[x] = S ? p + "px" : "", t[C] = v ? m + "px" : "", t.transform = "", t));
+  return Object.assign({}, _, (t = {}, t[x] = O ? p + "px" : "", t[C] = v ? m + "px" : "", t.transform = "", t));
 }
 function nm(e) {
   var t = e.state, r = e.options, o = r.gpuAcceleration, i = o === void 0 ? !0 : o, a = r.adaptive, s = a === void 0 ? !0 : a, l = r.roundOffsets, c = l === void 0 ? !0 : l, u = {
@@ -9255,10 +9261,10 @@ function hi(e) {
   };
 }
 function gi(e) {
-  return nr(Ot(e)).left + hi(e).scrollLeft;
+  return nr(St(e)).left + hi(e).scrollLeft;
 }
 function cm(e, t) {
-  var r = He(e), o = Ot(e), i = r.visualViewport, a = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
+  var r = He(e), o = St(e), i = r.visualViewport, a = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
   if (i) {
     a = i.width, s = i.height;
     var u = zs();
@@ -9272,7 +9278,7 @@ function cm(e, t) {
   };
 }
 function um(e) {
-  var t, r = Ot(e), o = hi(e), i = (t = e.ownerDocument) == null ? void 0 : t.body, a = jt(r.scrollWidth, r.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), s = jt(r.scrollHeight, r.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), l = -o.scrollLeft + gi(e), c = -o.scrollTop;
+  var t, r = St(e), o = hi(e), i = (t = e.ownerDocument) == null ? void 0 : t.body, a = jt(r.scrollWidth, r.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), s = jt(r.scrollHeight, r.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0), l = -o.scrollLeft + gi(e), c = -o.scrollTop;
   return ht(i || r).direction === "rtl" && (l += jt(r.clientWidth, i ? i.clientWidth : 0) - a), {
     width: a,
     height: s,
@@ -9309,7 +9315,7 @@ function dm(e, t) {
   return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
 }
 function Ea(e, t, r) {
-  return t === Vs ? zo(cm(e, r)) : Ft(t) ? dm(t, r) : zo(um(Ot(e)));
+  return t === Vs ? zo(cm(e, r)) : Ft(t) ? dm(t, r) : zo(um(St(e)));
 }
 function pm(e) {
   var t = $r(io(e)), r = ["absolute", "fixed"].indexOf(ht(e).position) >= 0, o = r && Ke(e) ? Gr(e) : e;
@@ -9373,21 +9379,21 @@ function Ks(e) {
 }
 function Br(e, t) {
   t === void 0 && (t = {});
-  var r = t, o = r.placement, i = o === void 0 ? e.placement : o, a = r.strategy, s = a === void 0 ? e.strategy : a, l = r.boundary, c = l === void 0 ? Mf : l, u = r.rootBoundary, d = u === void 0 ? Vs : u, f = r.elementContext, y = f === void 0 ? br : f, m = r.altBoundary, h = m === void 0 ? !1 : m, p = r.padding, b = p === void 0 ? 0 : p, v = qs(typeof b != "number" ? b : Gs(b, qr)), S = y === br ? Af : br, C = e.rects.popper, x = e.elements[h ? S : y], T = fm(Ft(x) ? x : x.contextElement || Ot(e.elements.popper), c, d, s), O = nr(e.elements.reference), P = Ks({
-    reference: O,
+  var r = t, o = r.placement, i = o === void 0 ? e.placement : o, a = r.strategy, s = a === void 0 ? e.strategy : a, l = r.boundary, c = l === void 0 ? Mf : l, u = r.rootBoundary, d = u === void 0 ? Vs : u, f = r.elementContext, g = f === void 0 ? br : f, m = r.altBoundary, h = m === void 0 ? !1 : m, p = r.padding, b = p === void 0 ? 0 : p, v = qs(typeof b != "number" ? b : Gs(b, qr)), O = g === br ? Af : br, C = e.rects.popper, x = e.elements[h ? O : g], T = fm(Ft(x) ? x : x.contextElement || St(e.elements.popper), c, d, s), S = nr(e.elements.reference), P = Ks({
+    reference: S,
     element: C,
     placement: i
-  }), I = zo(Object.assign({}, C, P)), j = y === br ? I : O, D = {
+  }), I = zo(Object.assign({}, C, P)), j = g === br ? I : S, D = {
     top: T.top - j.top + v.top,
     bottom: j.bottom - T.bottom + v.bottom,
     left: T.left - j.left + v.left,
     right: j.right - T.right + v.right
   }, _ = e.modifiersData.offset;
-  if (y === br && _) {
-    var g = _[i];
+  if (g === br && _) {
+    var y = _[i];
     Object.keys(D).forEach(function(A) {
       var R = [Qe, Je].indexOf(A) >= 0 ? 1 : -1, M = [Fe, Je].indexOf(A) >= 0 ? "y" : "x";
-      D[A] += g[M] * R;
+      D[A] += y[M] * R;
     });
   }
   return D;
@@ -9396,11 +9402,11 @@ function mm(e, t) {
   t === void 0 && (t = {});
   var r = t, o = r.placement, i = r.boundary, a = r.rootBoundary, s = r.padding, l = r.flipVariations, c = r.allowedAutoPlacements, u = c === void 0 ? Ws : c, d = or(o), f = d ? l ? va : va.filter(function(h) {
     return or(h) === d;
-  }) : qr, y = f.filter(function(h) {
+  }) : qr, g = f.filter(function(h) {
     return u.indexOf(h) >= 0;
   });
-  y.length === 0 && (y = f);
-  var m = y.reduce(function(h, p) {
+  g.length === 0 && (g = f);
+  var m = g.reduce(function(h, p) {
     return h[p] = Br(e, {
       placement: p,
       boundary: i,
@@ -9421,7 +9427,7 @@ function hm(e) {
 function gm(e) {
   var t = e.state, r = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !0 : s, c = r.fallbackPlacements, u = r.padding, d = r.boundary, f = r.rootBoundary, y = r.altBoundary, m = r.flipVariations, h = m === void 0 ? !0 : m, p = r.allowedAutoPlacements, b = t.options.placement, v = ct(b), S = v === b, C = c || (S || !h ? [yn(b)] : hm(b)), x = [b].concat(C).reduce(function(z, q) {
+    for (var i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !0 : s, c = r.fallbackPlacements, u = r.padding, d = r.boundary, f = r.rootBoundary, g = r.altBoundary, m = r.flipVariations, h = m === void 0 ? !0 : m, p = r.allowedAutoPlacements, b = t.options.placement, v = ct(b), O = v === b, C = c || (O || !h ? [yn(b)] : hm(b)), x = [b].concat(C).reduce(function(z, q) {
       return z.concat(ct(q) === di ? mm(t, {
         placement: q,
         boundary: d,
@@ -9430,17 +9436,17 @@ function gm(e) {
         flipVariations: h,
         allowedAutoPlacements: p
       }) : q);
-    }, []), T = t.rects.reference, O = t.rects.popper, P = /* @__PURE__ */ new Map(), I = !0, j = x[0], D = 0; D < x.length; D++) {
-      var _ = x[D], g = ct(_), A = or(_) === tr, R = [Fe, Je].indexOf(g) >= 0, M = R ? "width" : "height", N = Br(t, {
+    }, []), T = t.rects.reference, S = t.rects.popper, P = /* @__PURE__ */ new Map(), I = !0, j = x[0], D = 0; D < x.length; D++) {
+      var _ = x[D], y = ct(_), A = or(_) === tr, R = [Fe, Je].indexOf(y) >= 0, M = R ? "width" : "height", N = Br(t, {
         placement: _,
         boundary: d,
         rootBoundary: f,
-        altBoundary: y,
+        altBoundary: g,
         padding: u
       }), F = R ? A ? Qe : Ve : A ? Je : Fe;
-      T[M] > O[M] && (F = yn(F));
+      T[M] > S[M] && (F = yn(F));
       var Z = yn(F), V = [];
-      if (a && V.push(N[g] <= 0), l && V.push(N[F] <= 0, N[Z] <= 0), V.every(function(z) {
+      if (a && V.push(N[y] <= 0), l && V.push(N[F] <= 0, N[Z] <= 0), V.every(function(z) {
         return z;
       })) {
         j = _, I = !1;
@@ -9487,7 +9493,7 @@ function Ca(e, t, r) {
     left: e.left - t.width - r.x
   };
 }
-function Oa(e) {
+function Sa(e) {
   return [Fe, Qe, Je, Ve].some(function(t) {
     return e[t] >= 0;
   });
@@ -9497,7 +9503,7 @@ function bm(e) {
     elementContext: "reference"
   }), l = Br(t, {
     altBoundary: !0
-  }), c = Ca(s, o), u = Ca(l, i, a), d = Oa(c), f = Oa(u);
+  }), c = Ca(s, o), u = Ca(l, i, a), d = Sa(c), f = Sa(u);
   t.modifiersData[r] = {
     referenceClippingOffsets: c,
     popperEscapeOffsets: u,
@@ -9555,16 +9561,16 @@ const Cm = {
   fn: Em,
   data: {}
 };
-function Om(e) {
+function Sm(e) {
   return e === "x" ? "y" : "x";
 }
-function Sm(e) {
-  var t = e.state, r = e.options, o = e.name, i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !1 : s, c = r.boundary, u = r.rootBoundary, d = r.altBoundary, f = r.padding, y = r.tether, m = y === void 0 ? !0 : y, h = r.tetherOffset, p = h === void 0 ? 0 : h, b = Br(t, {
+function Om(e) {
+  var t = e.state, r = e.options, o = e.name, i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !1 : s, c = r.boundary, u = r.rootBoundary, d = r.altBoundary, f = r.padding, g = r.tether, m = g === void 0 ? !0 : g, h = r.tetherOffset, p = h === void 0 ? 0 : h, b = Br(t, {
     boundary: c,
     rootBoundary: u,
     padding: f,
     altBoundary: d
-  }), v = ct(t.placement), S = or(t.placement), C = !S, x = mi(v), T = Om(x), O = t.modifiersData.popperOffsets, P = t.rects.reference, I = t.rects.popper, j = typeof p == "function" ? p(Object.assign({}, t.rects, {
+  }), v = ct(t.placement), O = or(t.placement), C = !O, x = mi(v), T = Sm(x), S = t.modifiersData.popperOffsets, P = t.rects.reference, I = t.rects.popper, j = typeof p == "function" ? p(Object.assign({}, t.rects, {
     placement: t.placement
   })) : p, D = typeof j == "number" ? {
     mainAxis: j,
@@ -9572,30 +9578,30 @@ function Sm(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, j), _ = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, g = {
+  }, j), _ = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, y = {
     x: 0,
     y: 0
   };
-  if (O) {
+  if (S) {
     if (a) {
-      var A, R = x === "y" ? Fe : Ve, M = x === "y" ? Je : Qe, N = x === "y" ? "height" : "width", F = O[x], Z = F + b[R], V = F - b[M], k = m ? -I[N] / 2 : 0, B = S === tr ? P[N] : I[N], U = S === tr ? -I[N] : -P[N], K = t.elements.arrow, z = m && K ? fi(K) : {
+      var A, R = x === "y" ? Fe : Ve, M = x === "y" ? Je : Qe, N = x === "y" ? "height" : "width", F = S[x], Z = F + b[R], V = F - b[M], k = m ? -I[N] / 2 : 0, B = O === tr ? P[N] : I[N], U = O === tr ? -I[N] : -P[N], K = t.elements.arrow, z = m && K ? fi(K) : {
         width: 0,
         height: 0
       }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Hs(), G = q[R], X = q[M], H = Rr(0, P[N], z[N]), ne = C ? P[N] / 2 - k - H - G - D.mainAxis : B - H - G - D.mainAxis, W = C ? -P[N] / 2 + k + H + X + D.mainAxis : U + H + X + D.mainAxis, Q = t.elements.arrow && Gr(t.elements.arrow), L = Q ? x === "y" ? Q.clientTop || 0 : Q.clientLeft || 0 : 0, ue = (A = _?.[x]) != null ? A : 0, ve = F + ne - ue - L, ee = F + W - ue, Ce = Rr(m ? Nn(Z, ve) : Z, F, m ? jt(V, ee) : V);
-      O[x] = Ce, g[x] = Ce - F;
+      S[x] = Ce, y[x] = Ce - F;
     }
     if (l) {
-      var ge, xe = x === "x" ? Fe : Ve, Me = x === "x" ? Je : Qe, Ie = O[T], Re = T === "y" ? "height" : "width", te = Ie + b[xe], dr = Ie - b[Me], pr = [Fe, Ve].indexOf(v) !== -1, Kr = (ge = _?.[T]) != null ? ge : 0, Xr = pr ? te : Ie - P[Re] - I[Re] - Kr + D.altAxis, Vt = pr ? Ie + P[Re] + I[Re] - Kr - D.altAxis : dr, Jr = m && pr ? Xf(Xr, Ie, Vt) : Rr(m ? Xr : te, Ie, m ? Vt : dr);
-      O[T] = Jr, g[T] = Jr - Ie;
+      var ge, xe = x === "x" ? Fe : Ve, Me = x === "x" ? Je : Qe, Ie = S[T], Re = T === "y" ? "height" : "width", te = Ie + b[xe], dr = Ie - b[Me], pr = [Fe, Ve].indexOf(v) !== -1, Kr = (ge = _?.[T]) != null ? ge : 0, Xr = pr ? te : Ie - P[Re] - I[Re] - Kr + D.altAxis, Vt = pr ? Ie + P[Re] + I[Re] - Kr - D.altAxis : dr, Jr = m && pr ? Xf(Xr, Ie, Vt) : Rr(m ? Xr : te, Ie, m ? Vt : dr);
+      S[T] = Jr, y[T] = Jr - Ie;
     }
-    t.modifiersData[o] = g;
+    t.modifiersData[o] = y;
   }
 }
 const Pm = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Sm,
+  fn: Om,
   requiresIfExists: ["offset"]
 };
 function km(e) {
@@ -9613,7 +9619,7 @@ function $m(e) {
 }
 function Nm(e, t, r) {
   r === void 0 && (r = !1);
-  var o = Ke(t), i = Ke(t) && $m(t), a = Ot(t), s = nr(e, i, r), l = {
+  var o = Ke(t), i = Ke(t) && $m(t), a = St(t), s = nr(e, i, r), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = {
@@ -9677,7 +9683,7 @@ function jm(e) {
     return t[r];
   });
 }
-var Sa = {
+var Oa = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
@@ -9691,13 +9697,13 @@ function Pa() {
 }
 function Dm(e) {
   e === void 0 && (e = {});
-  var t = e, r = t.defaultModifiers, o = r === void 0 ? [] : r, i = t.defaultOptions, a = i === void 0 ? Sa : i;
+  var t = e, r = t.defaultModifiers, o = r === void 0 ? [] : r, i = t.defaultOptions, a = i === void 0 ? Oa : i;
   return function(l, c, u) {
     u === void 0 && (u = a);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Sa, a),
+      options: Object.assign({}, Oa, a),
       modifiersData: {},
       elements: {
         reference: l,
@@ -9705,11 +9711,11 @@ function Dm(e) {
       },
       attributes: {},
       styles: {}
-    }, f = [], y = !1, m = {
+    }, f = [], g = !1, m = {
       state: d,
       setOptions: function(v) {
-        var S = typeof v == "function" ? v(d.options) : v;
-        p(), d.options = Object.assign({}, a, d.options, S), d.scrollParents = {
+        var O = typeof v == "function" ? v(d.options) : v;
+        p(), d.options = Object.assign({}, a, d.options, O), d.scrollParents = {
           reference: Ft(l) ? $r(l) : l.contextElement ? $r(l.contextElement) : [],
           popper: $r(c)
         };
@@ -9724,11 +9730,11 @@ function Dm(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!y) {
-          var v = d.elements, S = v.reference, C = v.popper;
-          if (Pa(S, C)) {
+        if (!g) {
+          var v = d.elements, O = v.reference, C = v.popper;
+          if (Pa(O, C)) {
             d.rects = {
-              reference: Nm(S, Gr(C), d.options.strategy === "fixed"),
+              reference: Nm(O, Gr(C), d.options.strategy === "fixed"),
               popper: fi(C)
             }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(D) {
               return d.modifiersData[D.name] = Object.assign({}, D.data);
@@ -9738,8 +9744,8 @@ function Dm(e) {
                 d.reset = !1, x = -1;
                 continue;
               }
-              var T = d.orderedModifiers[x], O = T.fn, P = T.options, I = P === void 0 ? {} : P, j = T.name;
-              typeof O == "function" && (d = O({
+              var T = d.orderedModifiers[x], S = T.fn, P = T.options, I = P === void 0 ? {} : P, j = T.name;
+              typeof S == "function" && (d = S({
                 state: d,
                 options: I,
                 name: j,
@@ -9757,26 +9763,26 @@ function Dm(e) {
         });
       }),
       destroy: function() {
-        p(), y = !0;
+        p(), g = !0;
       }
     };
     if (!Pa(l, c))
       return m;
     m.setOptions(u).then(function(b) {
-      !y && u.onFirstUpdate && u.onFirstUpdate(b);
+      !g && u.onFirstUpdate && u.onFirstUpdate(b);
     });
     function h() {
       d.orderedModifiers.forEach(function(b) {
-        var v = b.name, S = b.options, C = S === void 0 ? {} : S, x = b.effect;
+        var v = b.name, O = b.options, C = O === void 0 ? {} : O, x = b.effect;
         if (typeof x == "function") {
           var T = x({
             state: d,
             name: v,
             instance: m,
             options: C
-          }), O = function() {
+          }), S = function() {
           };
-          f.push(T || O);
+          f.push(T || S);
         }
       });
     }
@@ -9914,18 +9920,18 @@ const zm = (e) => {
     placement: u,
     popperOptions: d,
     popperRef: f,
-    slotProps: y = {},
+    slotProps: g = {},
     slots: m = {},
     TransitionProps: h,
     // @ts-ignore internal logic
     ownerState: p,
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     ...b
-  } = t, v = E.useRef(null), S = _e(v, r), C = E.useRef(null), x = _e(C, f), T = E.useRef(x);
+  } = t, v = E.useRef(null), O = _e(v, r), C = E.useRef(null), x = _e(C, f), T = E.useRef(x);
   xt(() => {
     T.current = x;
   }, [x]), E.useImperativeHandle(f, () => C.current, []);
-  const O = Vm(u, a), [P, I] = E.useState(O), [j, D] = E.useState(In(o));
+  const S = Vm(u, a), [P, I] = E.useState(S), [j, D] = E.useState(In(o));
   E.useEffect(() => {
     C.current && C.current.forceUpdate();
   }), E.useEffect(() => {
@@ -9963,28 +9969,28 @@ const zm = (e) => {
     }];
     l != null && (N = N.concat(l)), d && d.modifiers != null && (N = N.concat(d.modifiers));
     const F = Lm(j, v.current, {
-      placement: O,
+      placement: S,
       ...d,
       modifiers: N
     });
     return T.current(F), () => {
       F.destroy(), T.current(null);
     };
-  }, [j, s, l, c, d, O]);
+  }, [j, s, l, c, d, S]);
   const _ = {
     placement: P
   };
   h !== null && (_.TransitionProps = h);
-  const g = zm(t), A = m.root ?? "div", R = Xs({
+  const y = zm(t), A = m.root ?? "div", R = Xs({
     elementType: A,
-    externalSlotProps: y.root,
+    externalSlotProps: g.root,
     externalForwardedProps: b,
     additionalProps: {
       role: "tooltip",
-      ref: S
+      ref: O
     },
     ownerState: t,
-    className: g.root
+    className: y.root
   });
   return /* @__PURE__ */ w(A, {
     ...R,
@@ -10001,16 +10007,16 @@ const zm = (e) => {
     modifiers: u,
     open: d,
     placement: f = "bottom",
-    popperOptions: y = Um,
+    popperOptions: g = Um,
     popperRef: m,
     style: h,
     transition: p = !1,
     slotProps: b = {},
     slots: v = {},
-    ...S
+    ...O
   } = t, [C, x] = E.useState(!0), T = () => {
     x(!1);
-  }, O = () => {
+  }, S = () => {
     x(!0);
   };
   if (!c && !d && (!p || C))
@@ -10025,7 +10031,7 @@ const zm = (e) => {
   const I = !d && c && (!p || C) ? "none" : void 0, j = p ? {
     in: d,
     onEnter: T,
-    onExited: O
+    onExited: S
   } : void 0;
   return /* @__PURE__ */ w(Fr, {
     disablePortal: l,
@@ -10038,11 +10044,11 @@ const zm = (e) => {
       ref: r,
       open: p ? !C : d,
       placement: f,
-      popperOptions: y,
+      popperOptions: g,
       popperRef: m,
       slotProps: b,
       slots: v,
-      ...S,
+      ...O,
       style: {
         // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
         position: "fixed",
@@ -10193,21 +10199,21 @@ const qm = J(Js, {
     container: u,
     disablePortal: d,
     keepMounted: f,
-    modifiers: y,
+    modifiers: g,
     open: m,
     placement: h,
     popperOptions: p,
     popperRef: b,
     transition: v,
-    slots: S,
+    slots: O,
     slotProps: C,
     ...x
-  } = i, T = S?.root ?? l?.Root, O = {
+  } = i, T = O?.root ?? l?.Root, S = {
     anchorEl: a,
     container: u,
     disablePortal: d,
     keepMounted: f,
-    modifiers: y,
+    modifiers: g,
     open: m,
     placement: h,
     popperOptions: p,
@@ -10222,7 +10228,7 @@ const qm = J(Js, {
       root: T
     },
     slotProps: C ?? c,
-    ...O,
+    ...S,
     ref: r
   });
 });
@@ -10485,7 +10491,7 @@ const bn = /* @__PURE__ */ E.forwardRef(function(t, r) {
     slotProps: u = {},
     imgProps: d,
     sizes: f,
-    src: y,
+    src: g,
     srcSet: m,
     variant: h = "circular",
     ...p
@@ -10495,14 +10501,14 @@ const bn = /* @__PURE__ */ E.forwardRef(function(t, r) {
     ...o,
     component: l,
     variant: h
-  }, S = Zm({
+  }, O = Zm({
     ...d,
     ...typeof u.img == "function" ? u.img(v) : u.img,
-    src: y,
+    src: g,
     srcSet: m
-  }), C = y || m, x = C && S !== "error";
+  }), C = g || m, x = C && O !== "error";
   v.colorDefault = !x, delete v.ownerState;
-  const T = Km(v), [O, P] = ke("root", {
+  const T = Km(v), [S, P] = ke("root", {
     ref: r,
     className: re(T.root, s),
     elementType: Xm,
@@ -10527,7 +10533,7 @@ const bn = /* @__PURE__ */ E.forwardRef(function(t, r) {
     },
     additionalProps: {
       alt: i,
-      src: y,
+      src: g,
       srcSet: m,
       sizes: f
     },
@@ -10546,7 +10552,7 @@ const bn = /* @__PURE__ */ E.forwardRef(function(t, r) {
     ...j
   }) : a || a === 0 ? b = a : C && i ? b = i[0] : b = /* @__PURE__ */ w(D, {
     ..._
-  }), /* @__PURE__ */ w(O, {
+  }), /* @__PURE__ */ w(S, {
     ...P,
     children: b
   });
@@ -10665,21 +10671,21 @@ const th = {
     in: u,
     onEnter: d,
     onEntered: f,
-    onEntering: y,
+    onEntering: g,
     onExit: m,
     onExited: h,
     onExiting: p,
     style: b,
     timeout: v = i,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: S = rt,
+    TransitionComponent: O = rt,
     ...C
-  } = t, x = E.useRef(null), T = _e(x, Yr(l), r), O = (R) => (M) => {
+  } = t, x = E.useRef(null), T = _e(x, Yr(l), r), S = (R) => (M) => {
     if (R) {
       const N = x.current;
       M === void 0 ? R(N) : R(N, M);
     }
-  }, P = O(y), I = O((R, M) => {
+  }, P = S(g), I = S((R, M) => {
     Rs(R);
     const N = er({
       style: b,
@@ -10689,7 +10695,7 @@ const th = {
       mode: "enter"
     });
     R.style.webkitTransition = o.transitions.create("opacity", N), R.style.transition = o.transitions.create("opacity", N), d && d(R, M);
-  }), j = O(f), D = O(p), _ = O((R) => {
+  }), j = S(f), D = S(p), _ = S((R) => {
     const M = er({
       style: b,
       timeout: v,
@@ -10698,8 +10704,8 @@ const th = {
       mode: "exit"
     });
     R.style.webkitTransition = o.transitions.create("opacity", M), R.style.transition = o.transitions.create("opacity", M), m && m(R);
-  }), g = O(h);
-  return /* @__PURE__ */ w(S, {
+  }), y = S(h);
+  return /* @__PURE__ */ w(O, {
     appear: s,
     in: u,
     nodeRef: x,
@@ -10707,7 +10713,7 @@ const th = {
     onEntered: j,
     onEntering: P,
     onExit: _,
-    onExited: g,
+    onExited: y,
     onExiting: D,
     addEndListener: (R) => {
       a && a(x.current, R);
@@ -10858,7 +10864,7 @@ const nh = (e) => {
     components: u = {},
     componentsProps: d = {},
     slotProps: f = {},
-    slots: y = {},
+    slots: g = {},
     TransitionComponent: m,
     transitionDuration: h,
     ...p
@@ -10866,18 +10872,18 @@ const nh = (e) => {
     ...o,
     component: s,
     invisible: l
-  }, v = nh(b), S = {
+  }, v = nh(b), O = {
     transition: m,
     root: u.Root,
-    ...y
+    ...g
   }, C = {
     ...d,
     ...f
   }, x = {
     component: s,
-    slots: S,
+    slots: O,
     slotProps: C
-  }, [T, O] = ke("root", {
+  }, [T, S] = ke("root", {
     elementType: oh,
     externalForwardedProps: x,
     className: re(v.root, a),
@@ -10894,7 +10900,7 @@ const nh = (e) => {
     ...I,
     children: /* @__PURE__ */ w(T, {
       "aria-hidden": !0,
-      ...O,
+      ...S,
       classes: v,
       ref: r,
       children: i
@@ -11200,7 +11206,7 @@ class dh {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-function Sr(e) {
+function Or(e) {
   let t = e.activeElement;
   for (; t?.shadowRoot?.activeElement != null; )
     t = t.shadowRoot.activeElement;
@@ -11244,13 +11250,13 @@ function Mn(e) {
     getTabbable: a = gh,
     isEnabled: s = yh,
     open: l
-  } = e, c = E.useRef(!1), u = E.useRef(null), d = E.useRef(null), f = E.useRef(null), y = E.useRef(null), m = E.useRef(!1), h = E.useRef(null), p = _e(Yr(t), h), b = E.useRef(null);
+  } = e, c = E.useRef(!1), u = E.useRef(null), d = E.useRef(null), f = E.useRef(null), g = E.useRef(null), m = E.useRef(!1), h = E.useRef(null), p = _e(Yr(t), h), b = E.useRef(null);
   E.useEffect(() => {
     !l || !h.current || (m.current = !r);
   }, [r, l]), E.useEffect(() => {
     if (!l || !h.current)
       return;
-    const C = Xe(h.current), x = Sr(C);
+    const C = Xe(h.current), x = Or(C);
     return h.current.contains(x) || (h.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
 `)), h.current.setAttribute("tabIndex", "-1")), m.current && h.current.focus()), () => {
       i || (f.current && f.current.focus && (c.current = !0, f.current.focus()), f.current = null);
@@ -11258,52 +11264,52 @@ function Mn(e) {
   }, [l]), E.useEffect(() => {
     if (!l || !h.current)
       return;
-    const C = Xe(h.current), x = Sr(C), T = (I) => {
+    const C = Xe(h.current), x = Or(C), T = (I) => {
       b.current = I, !(o || !s() || I.key !== "Tab") && x === h.current && I.shiftKey && (c.current = !0, d.current && d.current.focus());
-    }, O = () => {
+    }, S = () => {
       const I = h.current;
       if (I === null)
         return;
-      const j = Sr(C);
+      const j = Or(C);
       if (!C.hasFocus() || !s() || c.current) {
         c.current = !1;
         return;
       }
       if (I.contains(j) || o && j !== u.current && j !== d.current)
         return;
-      if (j !== y.current)
-        y.current = null;
-      else if (y.current !== null)
+      if (j !== g.current)
+        g.current = null;
+      else if (g.current !== null)
         return;
       if (!m.current)
         return;
       let D = [];
       if ((j === u.current || j === d.current) && (D = a(h.current)), D.length > 0) {
-        const _ = !!(b.current?.shiftKey && b.current?.key === "Tab"), g = D[0], A = D[D.length - 1];
-        typeof g != "string" && typeof A != "string" && (_ ? A.focus() : g.focus());
+        const _ = !!(b.current?.shiftKey && b.current?.key === "Tab"), y = D[0], A = D[D.length - 1];
+        typeof y != "string" && typeof A != "string" && (_ ? A.focus() : y.focus());
       } else
         I.focus();
     };
-    C.addEventListener("focusin", O), C.addEventListener("keydown", T, !0);
+    C.addEventListener("focusin", S), C.addEventListener("keydown", T, !0);
     const P = setInterval(() => {
-      const I = Sr(C);
-      I && I.tagName === "BODY" && O();
+      const I = Or(C);
+      I && I.tagName === "BODY" && S();
     }, 50);
     return () => {
-      clearInterval(P), C.removeEventListener("focusin", O), C.removeEventListener("keydown", T, !0);
+      clearInterval(P), C.removeEventListener("focusin", S), C.removeEventListener("keydown", T, !0);
     };
   }, [r, o, i, s, l, a]);
   const v = (C) => {
-    f.current === null && (f.current = C.relatedTarget), m.current = !0, y.current = C.target;
+    f.current === null && (f.current = C.relatedTarget), m.current = !0, g.current = C.target;
     const x = t.props.onFocus;
     x && x(C);
-  }, S = (C) => {
+  }, O = (C) => {
     f.current === null && (f.current = C.relatedTarget), m.current = !0;
   };
   return /* @__PURE__ */ Y(E.Fragment, {
     children: [/* @__PURE__ */ w("div", {
       tabIndex: l ? 0 : -1,
-      onFocus: S,
+      onFocus: O,
       ref: u,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ E.cloneElement(t, {
@@ -11311,7 +11317,7 @@ function Mn(e) {
       onFocus: v
     }), /* @__PURE__ */ w("div", {
       tabIndex: l ? 0 : -1,
-      onFocus: S,
+      onFocus: O,
       ref: d,
       "data-testid": "sentinelEnd"
     })]
@@ -11392,26 +11398,26 @@ function xh(e) {
     onClose: c,
     open: u,
     rootRef: d
-  } = e, f = E.useRef({}), y = E.useRef(null), m = E.useRef(null), h = _e(m, d), [p, b] = E.useState(!u), v = vh(l);
-  let S = !0;
-  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (S = !1);
-  const C = () => Xe(y.current), x = () => (f.current.modalRef = m.current, f.current.mount = y.current, f.current), T = () => {
+  } = e, f = E.useRef({}), g = E.useRef(null), m = E.useRef(null), h = _e(m, d), [p, b] = E.useState(!u), v = vh(l);
+  let O = !0;
+  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (O = !1);
+  const C = () => Xe(g.current), x = () => (f.current.modalRef = m.current, f.current.mount = g.current, f.current), T = () => {
     sn.mount(x(), {
       disableScrollLock: o
     }), m.current && (m.current.scrollTop = 0);
-  }, O = bt(() => {
+  }, S = bt(() => {
     const M = bh(t) || C().body;
     sn.add(x(), M), m.current && T();
   }), P = () => sn.isTopModal(x()), I = bt((M) => {
-    y.current = M, M && (u && P() ? T() : m.current && Nr(m.current, S));
+    g.current = M, M && (u && P() ? T() : m.current && Nr(m.current, O));
   }), j = E.useCallback(() => {
-    sn.remove(x(), S);
-  }, [S]);
+    sn.remove(x(), O);
+  }, [O]);
   E.useEffect(() => () => {
     j();
   }, [j]), E.useEffect(() => {
-    u ? O() : (!v || !i) && j();
-  }, [u, j, v, i, O]);
+    u ? S() : (!v || !i) && j();
+  }, [u, j, v, i, S]);
   const D = (M) => (N) => {
     M.onKeyDown?.(N), !(N.key !== "Escape" || N.which === 229 || // Wait until IME is settled.
     !P()) && (r || (N.stopPropagation(), c && c(N, "escapeKeyDown")));
@@ -11524,24 +11530,24 @@ const Th = (e) => {
     children: u,
     container: d,
     component: f,
-    components: y = {},
+    components: g = {},
     componentsProps: m = {},
     disableAutoFocus: h = !1,
     disableEnforceFocus: p = !1,
     disableEscapeKeyDown: b = !1,
     disablePortal: v = !1,
-    disableRestoreFocus: S = !1,
+    disableRestoreFocus: O = !1,
     disableScrollLock: C = !1,
     hideBackdrop: x = !1,
     keepMounted: T = !1,
-    onClose: O,
+    onClose: S,
     onTransitionEnter: P,
     onTransitionExited: I,
     open: j,
     slotProps: D = {},
     slots: _ = {},
     // eslint-disable-next-line react/prop-types
-    theme: g,
+    theme: y,
     ...A
   } = o, R = {
     ...o,
@@ -11550,7 +11556,7 @@ const Th = (e) => {
     disableEnforceFocus: p,
     disableEscapeKeyDown: b,
     disablePortal: v,
-    disableRestoreFocus: S,
+    disableRestoreFocus: O,
     disableScrollLock: C,
     hideBackdrop: x,
     keepMounted: T
@@ -11578,8 +11584,8 @@ const Th = (e) => {
   }
   const q = {
     slots: {
-      root: y.Root,
-      backdrop: y.Backdrop,
+      root: g.Root,
+      backdrop: g.Backdrop,
       ..._
     },
     slotProps: {
@@ -11623,7 +11629,7 @@ const Th = (e) => {
       }) : null, /* @__PURE__ */ w(Mn, {
         disableEnforceFocus: p,
         disableAutoFocus: h,
-        disableRestoreFocus: S,
+        disableRestoreFocus: O,
         isEnabled: V,
         open: j,
         children: /* @__PURE__ */ E.cloneElement(u, z)
@@ -11802,10 +11808,10 @@ process.env.NODE_ENV !== "production" && (nl.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-function Oh(e) {
+function Sh(e) {
   return he("MuiDivider", e);
 }
-const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), Sh = (e) => {
+const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), Oh = (e) => {
   const {
     absolute: t,
     children: r,
@@ -11819,7 +11825,7 @@ const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
   return be({
     root: ["root", t && "absolute", c, a && "light", s === "vertical" && "vertical", i && "flexItem", r && "withChildren", r && s === "vertical" && "withChildrenVertical", l === "right" && s !== "vertical" && "textAlignRight", l === "left" && s !== "vertical" && "textAlignLeft"],
     wrapper: ["wrapper", s === "vertical" && "wrapperVertical"]
-  }, Oh, o);
+  }, Sh, o);
 }, Ph = J("div", {
   name: "MuiDivider",
   slot: "Root",
@@ -11999,7 +12005,7 @@ const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
     flexItem: u = !1,
     light: d = !1,
     role: f = c !== "hr" ? "separator" : void 0,
-    textAlign: y = "center",
+    textAlign: g = "center",
     variant: m = "fullWidth",
     ...h
   } = o, p = {
@@ -12010,9 +12016,9 @@ const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
     light: d,
     orientation: l,
     role: f,
-    textAlign: y,
+    textAlign: g,
     variant: m
-  }, b = Sh(p);
+  }, b = Oh(p);
   return /* @__PURE__ */ w(Ph, {
     as: c,
     className: re(b.root, s),
@@ -12232,14 +12238,14 @@ const Rh = {
     onEntered: u,
     onEntering: d,
     onExit: f,
-    onExited: y,
+    onExited: g,
     onExiting: m,
     style: h,
     timeout: p = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: b = rt,
     ...v
-  } = t, S = It(), C = E.useRef(), x = gt(), T = E.useRef(null), O = _e(T, Yr(a), r), P = (M) => (N) => {
+  } = t, O = It(), C = E.useRef(), x = gt(), T = E.useRef(null), S = _e(T, Yr(a), r), P = (M) => (N) => {
     if (M) {
       const F = T.current;
       N === void 0 ? M(F) : M(F, N);
@@ -12266,7 +12272,7 @@ const Rh = {
       delay: Z,
       easing: V
     })].join(","), c && c(M, N);
-  }), D = P(u), _ = P(m), g = P((M) => {
+  }), D = P(u), _ = P(m), y = P((M) => {
     const {
       duration: N,
       delay: F,
@@ -12287,7 +12293,7 @@ const Rh = {
       delay: Co ? F : F || V * 0.333,
       easing: Z
     })].join(","), M.style.opacity = 0, M.style.transform = Uo(0.75), f && f(M);
-  }), A = P(y);
+  }), A = P(g);
   return /* @__PURE__ */ w(b, {
     appear: i,
     in: l,
@@ -12295,11 +12301,11 @@ const Rh = {
     onEnter: j,
     onEntered: D,
     onEntering: I,
-    onExit: g,
+    onExit: y,
     onExited: A,
     onExiting: _,
     addEndListener: (M) => {
-      p === "auto" && S.start(C.current || 0, M), o && o(T.current, M);
+      p === "auto" && O.start(C.current || 0, M), o && o(T.current, M);
     },
     timeout: p === "auto" ? null : p,
     ...v,
@@ -12315,7 +12321,7 @@ const Rh = {
         ...h,
         ...a.props.style
       },
-      ref: O,
+      ref: S,
       ...F
     })
   });
@@ -12446,7 +12452,7 @@ const Nh = (e) => {
     gap: u = 4,
     style: d,
     variant: f = "standard",
-    ...y
+    ...g
   } = o, m = E.useMemo(() => ({
     rowHeight: c,
     gap: u,
@@ -12472,7 +12478,7 @@ const Nh = (e) => {
     ref: r,
     style: h,
     ownerState: p,
-    ...y,
+    ...g,
     children: /* @__PURE__ */ w(xi.Provider, {
       value: m,
       children: i
@@ -12533,7 +12539,7 @@ process.env.NODE_ENV !== "production" && (ol.propTypes = {
 function Mh(e) {
   return he("MuiImageListItem", e);
 }
-const Oo = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry", "quilted"]), Ah = (e) => {
+const So = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry", "quilted"]), Ah = (e) => {
   const {
     classes: t,
     variant: r
@@ -12550,13 +12556,13 @@ const Oo = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
       ownerState: r
     } = e;
     return [{
-      [`& .${Oo.img}`]: t.img
+      [`& .${So.img}`]: t.img
     }, t.root, t[r.variant]];
   }
 })({
   display: "block",
   position: "relative",
-  [`& .${Oo.img}`]: {
+  [`& .${So.img}`]: {
     objectFit: "cover",
     width: "100%",
     height: "100%",
@@ -12587,7 +12593,7 @@ const Oo = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
       variant: "standard"
     },
     style: {
-      [`& .${Oo.img}`]: {
+      [`& .${So.img}`]: {
         height: "auto",
         flexGrow: 1
       }
@@ -12607,16 +12613,16 @@ const Oo = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
     ...d
   } = o, {
     rowHeight: f = "auto",
-    gap: y,
+    gap: g,
     variant: m
   } = E.useContext(xi);
   let h = "auto";
-  m === "woven" ? h = void 0 : f !== "auto" && (h = f * c + y * (c - 1));
+  m === "woven" ? h = void 0 : f !== "auto" && (h = f * c + g * (c - 1));
   const p = {
     ...o,
     cols: s,
     component: l,
-    gap: y,
+    gap: g,
     rowHeight: f,
     rows: c,
     variant: m
@@ -12629,7 +12635,7 @@ const Oo = we("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
       height: h,
       gridColumnEnd: m !== "masonry" ? `span ${s}` : void 0,
       gridRowEnd: m !== "masonry" ? `span ${c}` : void 0,
-      marginBottom: m === "masonry" ? y : void 0,
+      marginBottom: m === "masonry" ? g : void 0,
       breakInside: m === "masonry" ? "avoid" : void 0,
       ...u
     },
@@ -12838,25 +12844,25 @@ const _h = (e) => {
     ...o,
     position: u,
     actionPosition: a
-  }, y = _h(f);
+  }, g = _h(f);
   return /* @__PURE__ */ Y(Lh, {
     ownerState: f,
-    className: re(y.root, s),
+    className: re(g.root, s),
     ref: r,
     ...d,
     children: [/* @__PURE__ */ Y(Bh, {
       ownerState: f,
-      className: y.titleWrap,
+      className: g.titleWrap,
       children: [/* @__PURE__ */ w(Fh, {
-        className: y.title,
+        className: g.title,
         children: c
       }), l ? /* @__PURE__ */ w(Vh, {
-        className: y.subtitle,
+        className: g.subtitle,
         children: l
       }) : null]
     }), i ? /* @__PURE__ */ w(Wh, {
       ownerState: f,
-      className: y.actionIcon,
+      className: g.actionIcon,
       children: i
     }) : null]
   });
@@ -12966,19 +12972,19 @@ const Uh = (e) => {
     ...d
   } = o, f = E.useMemo(() => ({
     dense: l
-  }), [l]), y = {
+  }), [l]), g = {
     ...o,
     component: s,
     dense: l,
     disablePadding: c
-  }, m = Uh(y);
+  }, m = Uh(g);
   return /* @__PURE__ */ w(Tt.Provider, {
     value: f,
     children: /* @__PURE__ */ Y(Hh, {
       as: s,
       className: re(m.root, a),
       ref: r,
-      ownerState: y,
+      ownerState: g,
       ...d,
       children: [u, i]
     })
@@ -13145,7 +13151,7 @@ const vr = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItems
     disableGutters: u = !1,
     divider: d = !1,
     focusVisibleClassName: f,
-    selected: y = !1,
+    selected: g = !1,
     className: m,
     ...h
   } = o, p = E.useContext(Tt), b = E.useMemo(() => ({
@@ -13156,14 +13162,14 @@ const vr = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItems
   xt(() => {
     a && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
   }, [a]);
-  const S = {
+  const O = {
     ...o,
     alignItems: i,
     dense: b.dense,
     disableGutters: u,
     divider: d,
-    selected: y
-  }, C = Yh(S), x = _e(v, r);
+    selected: g
+  }, C = Yh(O), x = _e(v, r);
   return /* @__PURE__ */ w(Tt.Provider, {
     value: b,
     children: /* @__PURE__ */ w(Kh, {
@@ -13171,7 +13177,7 @@ const vr = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItems
       href: h.href || h.to,
       component: (h.href || h.to) && s === "div" ? "button" : s,
       focusVisibleClassName: re(C.focusVisible, f),
-      ownerState: S,
+      ownerState: O,
       className: re(C.root, m),
       ...h,
       classes: C,
@@ -13402,46 +13408,46 @@ const Kt = we("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     primaryTypographyProps: u,
     secondary: d,
     secondaryTypographyProps: f,
-    slots: y = {},
+    slots: g = {},
     slotProps: m = {},
     ...h
   } = o, {
     dense: p
   } = E.useContext(Tt);
   let b = c ?? i, v = d;
-  const S = {
+  const O = {
     ...o,
     disableTypography: s,
     inset: l,
     primary: !!b,
     secondary: !!v,
     dense: p
-  }, C = eg(S), x = {
-    slots: y,
+  }, C = eg(O), x = {
+    slots: g,
     slotProps: {
       primary: u,
       secondary: f,
       ...m
     }
-  }, [T, O] = ke("root", {
+  }, [T, S] = ke("root", {
     className: re(C.root, a),
     elementType: tg,
     externalForwardedProps: {
       ...x,
       ...h
     },
-    ownerState: S,
+    ownerState: O,
     ref: r
   }), [P, I] = ke("primary", {
     className: C.primary,
     elementType: st,
     externalForwardedProps: x,
-    ownerState: S
+    ownerState: O
   }), [j, D] = ke("secondary", {
     className: C.secondary,
     elementType: st,
     externalForwardedProps: x,
-    ownerState: S
+    ownerState: O
   });
   return b != null && b.type !== st && !s && (b = /* @__PURE__ */ w(P, {
     variant: p ? "body2" : "body1",
@@ -13454,7 +13460,7 @@ const Kt = we("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     ...D,
     children: v
   })), /* @__PURE__ */ Y(T, {
-    ...O,
+    ...S,
     children: [b, v]
   });
 });
@@ -13532,7 +13538,7 @@ process.env.NODE_ENV !== "production" && (cl.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-function So(e, t, r) {
+function Oo(e, t, r) {
   return e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : r ? null : e.firstChild;
 }
 function Ma(e, t, r) {
@@ -13573,7 +13579,7 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
     disableListWrap: u = !1,
     onKeyDown: d,
     variant: f = "selectedMenu",
-    ...y
+    ...g
   } = t, m = E.useRef(null), h = E.useRef({
     keys: [],
     repeating: !0,
@@ -13588,8 +13594,8 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
     }) => {
       const T = !m.current.style.width;
       if (C.clientHeight < m.current.clientHeight && T) {
-        const O = `${rl(Bt(C))}px`;
-        m.current.style[x === "rtl" ? "paddingLeft" : "paddingRight"] = O, m.current.style.width = `calc(100% + ${O})`;
+        const S = `${rl(Bt(C))}px`;
+        m.current.style[x === "rtl" ? "paddingLeft" : "paddingRight"] = S, m.current.style.width = `calc(100% + ${S})`;
       }
       return m.current;
     }
@@ -13600,20 +13606,20 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
       d && d(C);
       return;
     }
-    const P = Sr(Xe(x));
+    const P = Or(Xe(x));
     if (T === "ArrowDown")
-      C.preventDefault(), xr(x, P, u, c, So);
+      C.preventDefault(), xr(x, P, u, c, Oo);
     else if (T === "ArrowUp")
       C.preventDefault(), xr(x, P, u, c, Ma);
     else if (T === "Home")
-      C.preventDefault(), xr(x, null, u, c, So);
+      C.preventDefault(), xr(x, null, u, c, Oo);
     else if (T === "End")
       C.preventDefault(), xr(x, null, u, c, Ma);
     else if (T.length === 1) {
       const I = h.current, j = T.toLowerCase(), D = performance.now();
       I.keys.length > 0 && (D - I.lastTime > 500 ? (I.keys = [], I.repeating = !0, I.previousKeyMatched = !0) : I.repeating && j !== I.keys[0] && (I.repeating = !1)), I.lastTime = D, I.keys.push(j);
       const _ = P && !I.repeating && ul(P, I);
-      I.previousKeyMatched && (_ || xr(x, P, !1, c, So, I)) ? C.preventDefault() : I.previousKeyMatched = !1;
+      I.previousKeyMatched && (_ || xr(x, P, !1, c, Oo, I)) ? C.preventDefault() : I.previousKeyMatched = !1;
     }
     d && d(C);
   }, b = _e(m, r);
@@ -13626,7 +13632,7 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
     process.env.NODE_ENV !== "production" && Dt.isFragment(C) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), C.props.disabled || (f === "selectedMenu" && C.props.selected || v === -1) && (v = x), v === x && (C.props.disabled || C.props.muiSkipListHighlight || C.type.muiSkipListHighlight) && (v += 1, v >= s.length && (v = -1));
   });
-  const S = E.Children.map(s, (C, x) => {
+  const O = E.Children.map(s, (C, x) => {
     if (x === v) {
       const T = {};
       return a && (T.autoFocus = !0), C.props.tabIndex === void 0 && f === "selectedMenu" && (T.tabIndex = 0), /* @__PURE__ */ E.cloneElement(C, T);
@@ -13639,8 +13645,8 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
     className: l,
     onKeyDown: p,
     tabIndex: i ? 0 : -1,
-    ...y,
-    children: S
+    ...g,
+    children: O
   });
 });
 process.env.NODE_ENV !== "production" && (dl.propTypes = {
@@ -13748,14 +13754,14 @@ const ng = (e) => {
     children: u,
     className: d,
     container: f,
-    elevation: y = 8,
+    elevation: g = 8,
     marginThreshold: m = 16,
     open: h,
     PaperProps: p = {},
     // TODO: remove in v7
     slots: b = {},
     slotProps: v = {},
-    transformOrigin: S = {
+    transformOrigin: O = {
       vertical: "top",
       horizontal: "left"
     },
@@ -13764,15 +13770,15 @@ const ng = (e) => {
     transitionDuration: x = "auto",
     TransitionProps: T = {},
     // TODO: remove in v7
-    disableScrollLock: O = !1,
+    disableScrollLock: S = !1,
     ...P
   } = o, I = E.useRef(), j = {
     ...o,
     anchorOrigin: s,
     anchorReference: c,
-    elevation: y,
+    elevation: g,
     marginThreshold: m,
-    transformOrigin: S,
+    transformOrigin: O,
     TransitionComponent: C,
     transitionDuration: x,
     TransitionProps: T
@@ -13789,14 +13795,14 @@ const ng = (e) => {
       top: L.top + Aa(L, s.vertical),
       left: L.left + ja(L, s.horizontal)
     };
-  }, [a, s.horizontal, s.vertical, l, c]), g = E.useCallback((W) => ({
-    vertical: Aa(W, S.vertical),
-    horizontal: ja(W, S.horizontal)
-  }), [S.horizontal, S.vertical]), A = E.useCallback((W) => {
+  }, [a, s.horizontal, s.vertical, l, c]), y = E.useCallback((W) => ({
+    vertical: Aa(W, O.vertical),
+    horizontal: ja(W, O.horizontal)
+  }), [O.horizontal, O.vertical]), A = E.useCallback((W) => {
     const Q = {
       width: W.offsetWidth,
       height: W.offsetHeight
-    }, L = g(Q);
+    }, L = y(Q);
     if (c === "none")
       return {
         top: null,
@@ -13826,14 +13832,14 @@ const ng = (e) => {
       left: `${Math.round(ee)}px`,
       transformOrigin: Da(L)
     };
-  }, [a, c, _, g, m]), [R, M] = E.useState(h), N = E.useCallback(() => {
+  }, [a, c, _, y, m]), [R, M] = E.useState(h), N = E.useCallback(() => {
     const W = I.current;
     if (!W)
       return;
     const Q = A(W);
     Q.top !== null && W.style.setProperty("top", Q.top), Q.left !== null && (W.style.left = Q.left), W.style.transformOrigin = Q.transformOrigin, M(!0);
   }, [A]);
-  E.useEffect(() => (O && window.addEventListener("scroll", N), () => window.removeEventListener("scroll", N)), [a, O, N]);
+  E.useEffect(() => (S && window.addEventListener("scroll", N), () => window.removeEventListener("scroll", N)), [a, S, N]);
   const F = () => {
     N();
   }, Z = () => {
@@ -13918,7 +13924,7 @@ const ng = (e) => {
     externalForwardedProps: k,
     shouldForwardComponentProp: !0,
     additionalProps: {
-      elevation: y,
+      elevation: g,
       style: R ? void 0 : {
         opacity: 0
       }
@@ -13930,7 +13936,7 @@ const ng = (e) => {
     ...!$s(z) && {
       slots: q,
       slotProps: G,
-      disableScrollLock: O
+      disableScrollLock: S
     },
     children: /* @__PURE__ */ w(B, {
       ...U,
@@ -14193,7 +14199,7 @@ const ag = {
     onClose: u,
     open: d,
     PaperProps: f = {},
-    PopoverClasses: y,
+    PopoverClasses: g,
     transitionDuration: m = "auto",
     TransitionProps: {
       onEntering: h,
@@ -14201,7 +14207,7 @@ const ag = {
     } = {},
     variant: b = "selectedMenu",
     slots: v = {},
-    slotProps: S = {},
+    slotProps: O = {},
     ...C
   } = o, x = ai(), T = {
     ...o,
@@ -14213,7 +14219,7 @@ const ag = {
     transitionDuration: m,
     TransitionProps: p,
     variant: b
-  }, O = lg(T), P = i && !l && d, I = E.useRef(null), j = (V, k) => {
+  }, S = lg(T), P = i && !l && d, I = E.useRef(null), j = (V, k) => {
     I.current && I.current.adjustStyleForScrollbar(V, {
       direction: x ? "rtl" : "ltr"
     }), h && h(V, k);
@@ -14225,30 +14231,30 @@ const ag = {
     /* @__PURE__ */ E.isValidElement(V) && (process.env.NODE_ENV !== "production" && Dt.isFragment(V) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), V.props.disabled || (b === "selectedMenu" && V.props.selected || _ === -1) && (_ = k));
   });
-  const g = {
+  const y = {
     slots: v,
     slotProps: {
       list: c,
       transition: p,
       paper: f,
-      ...S
+      ...O
     }
   }, A = Xs({
     elementType: v.root,
-    externalSlotProps: S.root,
+    externalSlotProps: O.root,
     ownerState: T,
-    className: [O.root, s]
+    className: [S.root, s]
   }), [R, M] = ke("paper", {
-    className: O.paper,
+    className: S.paper,
     elementType: ug,
-    externalForwardedProps: g,
+    externalForwardedProps: y,
     shouldForwardComponentProp: !0,
     ownerState: T
   }), [N, F] = ke("list", {
-    className: re(O.list, c.className),
+    className: re(S.list, c.className),
     elementType: dg,
     shouldForwardComponentProp: !0,
-    externalForwardedProps: g,
+    externalForwardedProps: y,
     getSlotProps: (V) => ({
       ...V,
       onKeyDown: (k) => {
@@ -14256,7 +14262,7 @@ const ag = {
       }
     }),
     ownerState: T
-  }), Z = typeof g.slotProps.transition == "function" ? g.slotProps.transition(T) : g.slotProps.transition;
+  }), Z = typeof y.slotProps.transition == "function" ? y.slotProps.transition(T) : y.slotProps.transition;
   return /* @__PURE__ */ w(cg, {
     onClose: u,
     anchorOrigin: {
@@ -14276,7 +14282,7 @@ const ag = {
     slotProps: {
       root: A,
       paper: M,
-      backdrop: typeof S.backdrop == "function" ? S.backdrop(T) : S.backdrop,
+      backdrop: typeof O.backdrop == "function" ? O.backdrop(T) : O.backdrop,
       transition: {
         ...Z,
         onEntering: (...V) => {
@@ -14289,7 +14295,7 @@ const ag = {
     transitionDuration: m,
     ownerState: T,
     ...C,
-    classes: y,
+    classes: g,
     children: /* @__PURE__ */ w(N, {
       actions: I,
       autoFocus: i && (_ === -1 || l),
@@ -14550,7 +14556,7 @@ const wr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     focusVisibleClassName: u,
     role: d = "menuitem",
     tabIndex: f,
-    className: y,
+    className: g,
     ...m
   } = o, h = E.useContext(Tt), p = E.useMemo(() => ({
     dense: s || h.dense || !1,
@@ -14564,7 +14570,7 @@ const wr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     dense: p.dense,
     divider: l,
     disableGutters: c
-  }, S = mg(o), C = _e(b, r);
+  }, O = mg(o), C = _e(b, r);
   let x;
   return o.disabled || (x = f !== void 0 ? f : -1), /* @__PURE__ */ w(Tt.Provider, {
     value: p,
@@ -14573,11 +14579,11 @@ const wr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
       role: d,
       tabIndex: x,
       component: a,
-      focusVisibleClassName: re(S.focusVisible, u),
-      className: re(S.root, y),
+      focusVisibleClassName: re(O.focusVisible, u),
+      className: re(O.root, g),
       ...m,
       ownerState: v,
-      classes: S
+      classes: O
     })
   });
 });
@@ -14946,30 +14952,30 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
     describeChild: u = !1,
     disableFocusListener: d = !1,
     disableHoverListener: f = !1,
-    disableInteractive: y = !1,
+    disableInteractive: g = !1,
     disableTouchListener: m = !1,
     enterDelay: h = 100,
     enterNextDelay: p = 0,
     enterTouchDelay: b = 700,
     followCursor: v = !1,
-    id: S,
+    id: O,
     leaveDelay: C = 0,
     leaveTouchDelay: x = 1500,
     onClose: T,
-    onOpen: O,
+    onOpen: S,
     open: P,
     placement: I = "bottom",
     PopperComponent: j,
     PopperProps: D = {},
     slotProps: _ = {},
-    slots: g = {},
+    slots: y = {},
     title: A,
     TransitionComponent: R,
     TransitionProps: M,
     ...N
   } = o, F = /* @__PURE__ */ E.isValidElement(a) ? a : /* @__PURE__ */ w("span", {
     children: a
-  }), Z = gt(), V = ai(), [k, B] = E.useState(), [U, K] = E.useState(null), z = E.useRef(!1), q = y || v, G = It(), X = It(), H = It(), ne = It(), [W, Q] = Np({
+  }), Z = gt(), V = ai(), [k, B] = E.useState(), [U, K] = E.useState(null), z = E.useRef(!1), q = g || v, G = It(), X = It(), H = It(), ne = It(), [W, Q] = Np({
     controlled: P,
     default: !1,
     name: "Tooltip",
@@ -14985,12 +14991,12 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
 `));
     }, [A, k, oe]);
   }
-  const ue = hs(S), ve = E.useRef(), ee = bt(() => {
+  const ue = hs(O), ve = E.useRef(), ee = bt(() => {
     ve.current !== void 0 && (document.body.style.WebkitUserSelect = ve.current, ve.current = void 0), ne.clear();
   });
   E.useEffect(() => ee, [ee]);
   const Ce = (oe) => {
-    _a.clear(), ln = !0, Q(!0), O && !L && O(oe);
+    _a.clear(), ln = !0, Q(!0), S && !L && S(oe);
   }, ge = bt(
     /**
      * @param {React.SyntheticEvent | Event} event
@@ -15065,7 +15071,7 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
   const mr = {};
   m || (qe.onTouchStart = pr, qe.onTouchEnd = Kr), f || (qe.onMouseOver = cn(xe, qe.onMouseOver), qe.onMouseLeave = cn(Me, qe.onMouseLeave), q || (mr.onMouseOver = xe, mr.onMouseLeave = Me)), d || (qe.onFocus = cn(te, qe.onFocus), qe.onBlur = cn(Re, qe.onBlur), q || (mr.onFocus = te, mr.onBlur = Re)), process.env.NODE_ENV !== "production" && F.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${F.props.title}\` or the Tooltip component.`].join(`
 `));
-  const St = {
+  const Ot = {
     ...o,
     isRtl: V,
     arrow: i,
@@ -15073,7 +15079,7 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
     placement: I,
     PopperComponentProp: j,
     touch: z.current
-  }, hr = typeof _.popper == "function" ? _.popper(St) : _.popper, bl = E.useMemo(() => {
+  }, hr = typeof _.popper == "function" ? _.popper(Ot) : _.popper, bl = E.useMemo(() => {
     let oe = [{
       name: "arrow",
       enabled: !!U,
@@ -15087,13 +15093,13 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
       ...hr?.popperOptions,
       modifiers: oe
     };
-  }, [U, D.popperOptions, hr?.popperOptions]), co = bg(St), vl = typeof _.transition == "function" ? _.transition(St) : _.transition, Qr = {
+  }, [U, D.popperOptions, hr?.popperOptions]), co = bg(Ot), vl = typeof _.transition == "function" ? _.transition(Ot) : _.transition, Qr = {
     slots: {
       popper: l.Popper,
       transition: l.Transition ?? R,
       tooltip: l.Tooltip,
       arrow: l.Arrow,
-      ...g
+      ...y
     },
     slotProps: {
       arrow: _.arrow ?? c.arrow,
@@ -15111,22 +15117,22 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
   }, [xl, wl] = ke("popper", {
     elementType: vg,
     externalForwardedProps: Qr,
-    ownerState: St,
+    ownerState: Ot,
     className: re(co.popper, D?.className)
   }), [Tl, El] = ke("transition", {
     elementType: Vr,
     externalForwardedProps: Qr,
-    ownerState: St
-  }), [Cl, Ol] = ke("tooltip", {
+    ownerState: Ot
+  }), [Cl, Sl] = ke("tooltip", {
     elementType: xg,
     className: co.tooltip,
     externalForwardedProps: Qr,
-    ownerState: St
-  }), [Sl, Pl] = ke("arrow", {
+    ownerState: Ot
+  }), [Ol, Pl] = ke("arrow", {
     elementType: wg,
     className: co.arrow,
     externalForwardedProps: Qr,
-    ownerState: St,
+    ownerState: Ot,
     ref: K
   });
   return /* @__PURE__ */ Y(E.Fragment, {
@@ -15157,8 +15163,8 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
         ...oe,
         ...El,
         children: /* @__PURE__ */ Y(Cl, {
-          ...Ol,
-          children: [A, i ? /* @__PURE__ */ w(Sl, {
+          ...Sl,
+          children: [A, i ? /* @__PURE__ */ w(Ol, {
             ...Pl
           }) : null]
         })
@@ -15415,7 +15421,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   d: "M3 18h13v-2H3zm0-5h10v-2H3zm0-7v2h13V6zm18 9.59L17.42 12 21 8.41 19.59 7l-5 5 5 5z"
 }), "MenuOpen"), La = cr(/* @__PURE__ */ w("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
-}), "Menu"), Og = cr(/* @__PURE__ */ w("path", {
+}), "Menu"), Sg = cr(/* @__PURE__ */ w("path", {
   d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
 }), "Logout"), Ba = J("aside", {
   shouldForwardProp: (e) => e !== "collapsed" && e !== "width"
@@ -15425,9 +15431,8 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   height: "100vh",
   display: "flex",
   flexDirection: "column",
-  backgroundColor: e.palette.mode === "dark" ? "#273142" : e.palette.background.paper,
-  borderRight: "none",
-  // Removed divider line
+  backgroundColor: e.palette.background.paper,
+  borderRight: e.palette.mode === "dark" ? "none" : `1px solid ${e.palette.divider}`,
   transition: e.transitions.create(["width", "background-color"], {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
@@ -15439,7 +15444,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   overflow: "hidden",
   boxShadow: e.palette.mode === "dark" ? "none" : "4px 0 24px 0 rgba(0,0,0,0.02)"
   // Soft shadow instead of border line
-})), Sg = J(De)(({ theme: e }) => ({
+})), Og = J(De)(({ theme: e }) => ({
   height: 60,
   minHeight: 60,
   display: "flex",
@@ -15542,7 +15547,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   onToggle: i,
   onNavigate: a
 }) => {
-  const s = gt(), l = e.hijos && e.hijos.length > 0, c = l && e.hijos?.some((b) => b.activo), u = e.activo || t && c, [d, f] = Mt(null), y = !!d, m = (b) => {
+  const s = gt(), l = e.hijos && e.hijos.length > 0, c = l && e.hijos?.some((b) => b.activo), u = e.activo || t && c, [d, f] = Mt(null), g = !!d, m = (b) => {
     b.stopPropagation(), !e.deshabilitado && (t ? f(b.currentTarget) : l ? i() : (a(e.href), e.alHacerClick && e.alHacerClick()));
   }, h = () => {
     f(null);
@@ -15604,7 +15609,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
       ml,
       {
         anchorEl: d,
-        open: y,
+        open: g,
         onClose: h,
         anchorOrigin: { vertical: "top", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "left" },
@@ -15669,7 +15674,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   ancho: f = 260
 }) => {
   gt();
-  const [y, m] = Mt(!1), [h, p] = Mt(i), [b, v] = Mt([]);
+  const [g, m] = Mt(!1), [h, p] = Mt(i), [b, v] = Mt([]);
   Ir(() => {
     p(i);
   }, [i]), Ir(() => {
@@ -15681,27 +15686,27 @@ const Tg = cr(/* @__PURE__ */ w("path", {
     }, I = P(e);
     I.length > 0 && v((j) => [.../* @__PURE__ */ new Set([...j, ...I])]);
   }, [e]);
-  const S = () => {
+  const O = () => {
     const P = !h;
     p(P), s && s(P);
   }, C = () => {
-    m(!y);
+    m(!g);
   }, x = (P) => {
     v(
       (I) => I.includes(P) ? I.filter((j) => j !== P) : [...I, P]
     );
   }, T = (P) => {
-    P && (l && l(P), y && a && m(!1));
-  }, O = /* @__PURE__ */ Y(vn, { children: [
-    /* @__PURE__ */ Y(Sg, { children: [
-      !h || y ? /* @__PURE__ */ Y(De, { display: "flex", alignItems: "center", gap: 1.5, overflow: "hidden", children: [
+    P && (l && l(P), g && a && m(!1));
+  }, S = /* @__PURE__ */ Y(vn, { children: [
+    /* @__PURE__ */ Y(Og, { children: [
+      !h || g ? /* @__PURE__ */ Y(De, { display: "flex", alignItems: "center", gap: 1.5, overflow: "hidden", children: [
         r && /* @__PURE__ */ w(bn, { src: r, variant: "rounded", sx: { width: 32, height: 32 } }),
         /* @__PURE__ */ w(st, { variant: "h6", noWrap: !0, fontWeight: "bold", color: "text.primary", children: o })
       ] }) : r ? /* @__PURE__ */ w(bn, { src: r, variant: "rounded", sx: { width: 32, height: 32, mx: "auto" } }) : null,
-      !y && /* @__PURE__ */ w(gn, { onClick: S, size: "small", children: h ? /* @__PURE__ */ w(La, {}) : /* @__PURE__ */ w(Cg, {}) })
+      !g && /* @__PURE__ */ w(gn, { onClick: O, size: "small", children: h ? /* @__PURE__ */ w(La, {}) : /* @__PURE__ */ w(Cg, {}) })
     ] }),
     d && /* @__PURE__ */ w(De, { sx: { px: 2, pb: 2 }, children: d }),
-    /* @__PURE__ */ w(Pg, { children: /* @__PURE__ */ w(so, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((P) => P.tipo === "divisor" ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.6 } }, P.id) : P.tipo === "seccion" ? h && !y ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.4 } }, P.id) : /* @__PURE__ */ w(
+    /* @__PURE__ */ w(Pg, { children: /* @__PURE__ */ w(so, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((P) => P.tipo === "divisor" ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.6 } }, P.id) : P.tipo === "seccion" ? h && !g ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.4 } }, P.id) : /* @__PURE__ */ w(
       st,
       {
         variant: "caption",
@@ -15727,7 +15732,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
       yl,
       {
         item: P,
-        collapsed: h && !y,
+        collapsed: h && !g,
         expanded: b.includes(P.id),
         onToggle: () => x(P.id),
         onNavigate: T
@@ -15744,11 +15749,11 @@ const Tg = cr(/* @__PURE__ */ w("path", {
           children: t.nombre.charAt(0)
         }
       ),
-      (!h || y) && /* @__PURE__ */ Y(De, { flex: 1, overflow: "hidden", children: [
+      (!h || g) && /* @__PURE__ */ Y(De, { flex: 1, overflow: "hidden", children: [
         /* @__PURE__ */ w(st, { variant: "subtitle2", noWrap: !0, fontWeight: "bold", children: t.nombre }),
         /* @__PURE__ */ w(st, { variant: "caption", color: "text.secondary", noWrap: !0, display: "block", children: t.rol || t.email })
       ] }),
-      (!h || y) && c && /* @__PURE__ */ w(wi, { title: "Cerrar Sessión", children: /* @__PURE__ */ w(gn, { onClick: c, size: "small", color: "default", children: /* @__PURE__ */ w(Og, { fontSize: "small" }) }) })
+      (!h || g) && c && /* @__PURE__ */ w(wi, { title: "Cerrar Sessión", children: /* @__PURE__ */ w(gn, { onClick: c, size: "small", color: "default", children: /* @__PURE__ */ w(Sg, { fontSize: "small" }) }) })
     ] })
   ] });
   return /* @__PURE__ */ Y(vn, { children: [
@@ -15772,7 +15777,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
           inset: 0,
           bgcolor: "rgba(0,0,0,0.5)",
           zIndex: 1200,
-          display: { xs: y ? "block" : "none", md: "none" }
+          display: { xs: g ? "block" : "none", md: "none" }
         },
         onClick: C
       }
@@ -15785,7 +15790,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
         width: f,
         sx: {
           transform: {
-            xs: y ? "translateX(0)" : "translateX(-100%)",
+            xs: g ? "translateX(0)" : "translateX(-100%)",
             md: "none"
           },
           display: { xs: "flex", md: "none" },
@@ -15793,7 +15798,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
           width: f
           // Always full width on mobile
         },
-        children: O
+        children: S
       }
     ),
     /* @__PURE__ */ w(
@@ -15805,7 +15810,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
         sx: {
           display: { xs: "none", md: "flex" }
         },
-        children: O
+        children: S
       }
     )
   ] });
@@ -15883,7 +15888,7 @@ const Tg = cr(/* @__PURE__ */ w("path", {
       return `${p}flex-none ${p}w-auto`;
     const b = Number(m);
     if (!isNaN(b) && b > 0 && b <= 12) {
-      const S = {
+      const O = {
         1: "w-1/12",
         2: "w-2/12",
         3: "w-3/12",
@@ -15897,8 +15902,8 @@ const Tg = cr(/* @__PURE__ */ w("path", {
         11: "w-11/12",
         12: "w-full"
       }[b];
-      if (S)
-        return `${p}flex-none ${p}${S}`;
+      if (O)
+        return `${p}flex-none ${p}${O}`;
     }
     return "";
   };
@@ -15916,14 +15921,14 @@ const Tg = cr(/* @__PURE__ */ w("path", {
   margen: u,
   redondeado: d,
   alFlotar: f,
-  sx: y,
+  sx: g,
   children: m,
   ...h
 }, p) => {
   const b = gt();
   let v = {
     transition: "all 0.3s ease-in-out",
-    ...y
+    ...g
   };
   switch (r && (v = { ...v, display: "flex", justifyContent: "center", alignItems: "center" }), o && (v = { ...v, width: "100vw", height: "100vh" }), i && (v = { ...v, display: "flex", flexDirection: "row" }), a && (v = { ...v, display: "flex", flexDirection: "column" }), s && (v.bgcolor = s), l && (v.color = l), c !== void 0 && (v.p = c), u !== void 0 && (v.m = u), d !== void 0 && (v.borderRadius = d), e) {
     case "bordeado":
@@ -15936,8 +15941,8 @@ const Tg = cr(/* @__PURE__ */ w("path", {
       v.backgroundColor = Be(b.palette.background.paper, 0.7), v.backdropFilter = "blur(10px)", v.border = `1px solid ${Be(b.palette.common.white, 0.2)}`, b.palette.mode === "dark" && (v.border = `1px solid ${Be(b.palette.common.white, 0.05)}`);
       break;
     case "gradiente":
-      const S = b.palette.mode === "dark" ? b.palette.primary.dark : b.palette.primary.light, C = b.palette.mode === "dark" ? b.palette.secondary.dark : b.palette.secondary.light;
-      v.background = `linear-gradient(135deg, ${Be(S, 0.1)} 0%, ${Be(C, 0.1)} 100%)`, v.border = `1px solid ${Be(b.palette.primary.main, 0.1)}`;
+      const O = b.palette.mode === "dark" ? b.palette.primary.dark : b.palette.primary.light, C = b.palette.mode === "dark" ? b.palette.secondary.dark : b.palette.secondary.light;
+      v.background = `linear-gradient(135deg, ${Be(O, 0.1)} 0%, ${Be(C, 0.1)} 100%)`, v.border = `1px solid ${Be(b.palette.primary.main, 0.1)}`;
       break;
   }
   if (t) {
@@ -15990,7 +15995,7 @@ const Mg = (e) => e ? {
   component: u,
   children: d,
   tamano: f,
-  ...y
+  ...g
 }, m) => {
   let h = jg(a), p = Dg(s);
   return l && (h = "center", p = "center"), /* @__PURE__ */ w(
@@ -16007,7 +16012,7 @@ const Mg = (e) => e ? {
       component: u,
       size: f,
       sx: c,
-      ...y,
+      ...g,
       children: d
     }
   );
@@ -16057,8 +16062,8 @@ const Ho = (e) => {
   children: c,
   ...u
 }, d) => {
-  let f = Lg(r), y = Bg(o);
-  a && (f = "center", y = "center"), s && (y = "space-between");
+  let f = Lg(r), g = Bg(o);
+  a && (f = "center", g = "center"), s && (g = "space-between");
   let m = null;
   return i === !0 ? m = /* @__PURE__ */ w(ir, { flexItem: !0 }) : i && (m = i), /* @__PURE__ */ w(
     gl,
@@ -16067,7 +16072,7 @@ const Ho = (e) => {
       direction: Ho(e),
       spacing: t,
       alignItems: f,
-      justifyContent: y,
+      justifyContent: g,
       divider: m,
       sx: l,
       ...u,
@@ -16095,7 +16100,7 @@ const Vg = {
   children: l,
   alNavegar: c
 }) => {
-  const [u, d] = Mt(!1);
+  const [u, d] = Mt(!1), f = r?.colapsado ?? u, g = r?.alAlternar ?? d, m = r?.ancho ?? 260, p = f ? 80 : m;
   return /* @__PURE__ */ Y(De, { sx: {
     display: "flex",
     minHeight: "100vh",
@@ -16109,8 +16114,8 @@ const Vg = {
         usuario: t,
         logo: s,
         textoLogo: a,
-        colapsado: u,
-        alAlternar: d,
+        colapsado: f,
+        alAlternar: g,
         alNavegar: c,
         ...r
       }
@@ -16119,14 +16124,14 @@ const Vg = {
       flexGrow: 1,
       display: "flex",
       flexDirection: "column",
-      transition: "margin 0.3s ease-in-out",
+      transition: "all 0.3s ease-in-out",
       ml: {
         xs: 0,
-        md: u ? "80px" : "260px"
+        md: `${p}px`
       },
       width: {
         xs: "100%",
-        md: `calc(100% - ${u ? "80px" : "260px"})`
+        md: `calc(100% - ${p}px)`
       }
     }, children: [
       /* @__PURE__ */ w(
@@ -16134,7 +16139,7 @@ const Vg = {
         {
           titulo: a,
           usuario: t,
-          barraLateralColapsada: u,
+          barraLateralColapsada: f,
           ...o
         }
       ),
@@ -16156,7 +16161,7 @@ const Vg = {
       /* @__PURE__ */ w(
         Il,
         {
-          barraLateralColapsada: u,
+          barraLateralColapsada: f,
           ...i
         }
       )