@codeplex-sac/layout 0.0.3 → 0.0.4

package/index.mjs

@@ -1,5 +1,5 @@
-import { jsx as b, jsxs as I, Fragment as yt } from "react/jsx-runtime";
-import * as z from "react";
+import { jsx as b, jsxs as M, Fragment as yt } from "react/jsx-runtime";
+import * as G from "react";
 import { useState as it, useEffect as st, useRef as fo, forwardRef as po, useContext as mo } from "react";
 const Sc = ({
   elementos: e,
@@ -10,52 +10,52 @@ const Sc = ({
   clase: i = ""
 }) => {
   const [a, s] = it(n || []), d = (p) => {
-    const g = a.includes(p);
-    let h;
-    g ? h = a.filter((y) => y !== p) : h = t ? [...a, p] : [p], s(h), o && o(h);
+    const h = a.includes(p);
+    let g;
+    h ? g = a.filter((y) => y !== p) : g = t ? [...a, p] : [p], s(g), o && o(g);
   }, f = {
     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
-  }, m = (p, g) => r === "separado" ? `
+  }, m = (p, h) => r === "separado" ? `
           border border-gray-200 dark:border-gray-700 rounded-xl bg-white dark:bg-gray-800 
           shadow-sm transition-all duration-200
           ${p ? "ring-1 ring-blue-500/20 border-blue-500/50" : "hover:border-gray-300 dark:hover:border-gray-600"}
-          ${g ? "opacity-60 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : ""}
+          ${h ? "opacity-60 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : ""}
         ` : `
         bg-white dark:bg-gray-800 transition-colors
-        ${g ? "opacity-60 cursor-not-allowed bg-gray-50" : "hover:bg-gray-50 dark:hover:bg-gray-700/50"}
+        ${h ? "opacity-60 cursor-not-allowed bg-gray-50" : "hover:bg-gray-50 dark:hover:bg-gray-700/50"}
       `;
   return /* @__PURE__ */ b("div", { className: `w-full ${f[r]} ${i}`, children: e.map((p) => {
-    const g = a.includes(p.id), h = !!p.deshabilitado, y = `accordion-content-${p.id}`, u = `accordion-header-${p.id}`;
-    return /* @__PURE__ */ I("div", { className: m(g, h), children: [
-      /* @__PURE__ */ b("h3", { children: /* @__PURE__ */ I(
+    const h = a.includes(p.id), g = !!p.deshabilitado, y = `accordion-content-${p.id}`, u = `accordion-header-${p.id}`;
+    return /* @__PURE__ */ M("div", { className: m(h, g), children: [
+      /* @__PURE__ */ b("h3", { children: /* @__PURE__ */ M(
         "button",
         {
           id: u,
           type: "button",
-          "aria-expanded": g,
+          "aria-expanded": h,
           "aria-controls": y,
-          disabled: h,
-          onClick: () => !h && d(p.id),
+          disabled: g,
+          onClick: () => !g && d(p.id),
           className: `
                     w-full flex items-center justify-between gap-4 px-5 py-4 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500
                   `,
           children: [
-            /* @__PURE__ */ I("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ M("div", { className: "flex items-center gap-3 min-w-0", children: [
               p.iconoIzquierda && /* @__PURE__ */ b(
                 "span",
                 {
-                  className: `text-xl ${g ? "text-blue-600 dark:text-blue-400" : "text-gray-400"}`,
+                  className: `text-xl ${h ? "text-blue-600 dark:text-blue-400" : "text-gray-400"}`,
                   children: p.iconoIzquierda
                 }
               ),
-              /* @__PURE__ */ I("div", { className: "flex flex-col text-left", children: [
+              /* @__PURE__ */ M("div", { className: "flex flex-col text-left", children: [
                 /* @__PURE__ */ b(
                   "span",
                   {
-                    className: `text-sm font-semibold ${g ? "text-blue-700 dark:text-blue-300" : "text-gray-900 dark:text-white"}`,
+                    className: `text-sm font-semibold ${h ? "text-blue-700 dark:text-blue-300" : "text-gray-900 dark:text-white"}`,
                     children: p.titulo
                   }
                 ),
@@ -67,7 +67,7 @@ const Sc = ({
               {
                 className: `
                       w-5 h-5 text-gray-400 transition-transform duration-300 ease-in-out flex-shrink-0
-                      ${g ? "rotate-180 text-blue-600 dark:text-blue-400" : ""}
+                      ${h ? "rotate-180 text-blue-600 dark:text-blue-400" : ""}
                     `,
                 fill: "none",
                 viewBox: "0 0 24 24",
@@ -94,9 +94,9 @@ const Sc = ({
           "aria-labelledby": u,
           className: `
                   grid transition-[grid-template-rows] duration-300 ease-out
-                  ${g ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}
+                  ${h ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}
                 `,
-          children: /* @__PURE__ */ b("div", { className: "overflow-hidden", children: /* @__PURE__ */ I(
+          children: /* @__PURE__ */ b("div", { className: "overflow-hidden", children: /* @__PURE__ */ M(
             "div",
             {
               className: "px-5 pb-5 pt-0 text-sm text-gray-600 dark:text-gray-300 leading-relaxed",
@@ -132,9 +132,9 @@ const Sc = ({
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
   }, [e, s, f]);
-  const g = () => {
+  const h = () => {
     a && f && f();
-  }, h = {
+  }, g = {
     sm: "w-64",
     // 16rem
     md: "w-80",
@@ -149,7 +149,7 @@ const Sc = ({
     izquierda: "left-0 top-0 bottom-0 border-r slide-in-from-left",
     derecha: "right-0 top-0 bottom-0 border-l slide-in-from-right"
   };
-  return e ? /* @__PURE__ */ I(
+  return e ? /* @__PURE__ */ M(
     "div",
     {
       className: "fixed inset-0 z-50 flex",
@@ -167,10 +167,10 @@ const Sc = ({
             animate-in fade-in duration-300
           `,
             "aria-hidden": "true",
-            onClick: g
+            onClick: h
           }
         ),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ M(
           "div",
           {
             className: `
@@ -180,14 +180,14 @@ const Sc = ({
             transform transition-transform duration-300 ease-in-out
             animate-in duration-300
             ${y[t]}
-            ${h[r]}
+            ${g[r]}
             ${d}
             /* Asegurar que esté sobre el overlay */
             z-10
           `,
             children: [
-              (n || i) && /* @__PURE__ */ I("header", { className: "flex items-start justify-between px-6 py-4 border-b border-gray-100 dark:border-gray-800 shrink-0", children: [
-                /* @__PURE__ */ I("div", { className: "flex flex-col gap-0.5", children: [
+              (n || i) && /* @__PURE__ */ M("header", { className: "flex items-start justify-between px-6 py-4 border-b border-gray-100 dark:border-gray-800 shrink-0", children: [
+                /* @__PURE__ */ M("div", { className: "flex flex-col gap-0.5", children: [
                   n && /* @__PURE__ */ b(
                     "h2",
                     {
@@ -253,7 +253,7 @@ const Sc = ({
         ${o}
       `,
       ...a,
-      children: /* @__PURE__ */ b("div", { className: "px-4 py-3", children: /* @__PURE__ */ I("div", { className: "flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4", children: [
+      children: /* @__PURE__ */ b("div", { className: "px-4 py-3", children: /* @__PURE__ */ M("div", { className: "flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4", children: [
         /* @__PURE__ */ b("div", { className: "text-xs md:text-sm text-gray-500 dark:text-gray-400 text-center md:text-left", children: d }),
         t && t.length > 0 && /* @__PURE__ */ b("ul", { className: "flex flex-wrap items-center justify-center gap-3 text-xs md:text-sm", children: t.map((m, p) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(
           "a",
@@ -263,7 +263,7 @@ const Sc = ({
             children: m.etiqueta
           }
         ) }, p)) }),
-        r && /* @__PURE__ */ I("div", { className: "flex items-center justify-center gap-3", children: [
+        r && /* @__PURE__ */ M("div", { className: "flex items-center justify-center gap-3", children: [
           r.facebook && /* @__PURE__ */ b(
             "a",
             {
@@ -326,7 +326,7 @@ const Sc = ({
   children: m,
   ...p
 }) => {
-  const g = d ? "lg:left-16" : "lg:left-64", h = (y) => {
+  const h = d ? "lg:left-16" : "lg:left-64", g = (y) => {
     o && o(y.target.value);
   };
   return /* @__PURE__ */ b(
@@ -334,7 +334,7 @@ const Sc = ({
     {
       className: `
         fixed top-0 right-0 z-30
-        left-0 ${g}
+        left-0 ${h}
         h-14 md:h-16
         bg-white border-b border-gray-200
         dark:bg-gray-800 dark:border-gray-700
@@ -343,8 +343,8 @@ const Sc = ({
         ${f}
       `,
       ...p,
-      children: /* @__PURE__ */ b("div", { className: "w-full pr-4 md:pr-6 pl-14 sm:pl-16 lg:pl-6", children: /* @__PURE__ */ I("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ b("div", { className: "flex-1 min-w-0", children: t && t.length > 0 ? /* @__PURE__ */ b("nav", { className: "hidden sm:flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ b("ol", { className: "inline-flex items-center space-x-1 md:space-x-2 lg:space-x-3", children: t.map((y, u) => /* @__PURE__ */ I("li", { className: "inline-flex items-center min-w-0", children: [
+      children: /* @__PURE__ */ b("div", { className: "w-full pr-4 md:pr-6 pl-14 sm:pl-16 lg:pl-6", children: /* @__PURE__ */ M("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ b("div", { className: "flex-1 min-w-0", children: t && t.length > 0 ? /* @__PURE__ */ b("nav", { className: "hidden sm:flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ b("ol", { className: "inline-flex items-center space-x-1 md:space-x-2 lg:space-x-3", children: t.map((y, u) => /* @__PURE__ */ M("li", { className: "inline-flex items-center min-w-0", children: [
           u > 0 && /* @__PURE__ */ b(
             "svg",
             {
@@ -374,7 +374,7 @@ const Sc = ({
             }
           ) : /* @__PURE__ */ b("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 truncate", children: y.etiqueta })
         ] }, u)) }) }) : e && /* @__PURE__ */ b("h1", { className: "text-lg md:text-xl font-semibold text-gray-900 dark:text-white truncate", children: e }) }),
-        n && /* @__PURE__ */ b("div", { className: "hidden md:flex flex-1 max-w-md mx-2", children: /* @__PURE__ */ I("div", { className: "relative w-full", children: [
+        n && /* @__PURE__ */ b("div", { className: "hidden md:flex flex-1 max-w-md mx-2", children: /* @__PURE__ */ M("div", { className: "relative w-full", children: [
           /* @__PURE__ */ b("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: /* @__PURE__ */ b(
             "svg",
             {
@@ -399,11 +399,11 @@ const Sc = ({
               type: "search",
               className: "block w-full p-2 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white",
               placeholder: "Buscar...",
-              onChange: h
+              onChange: g
             }
           )
         ] }) }),
-        /* @__PURE__ */ I("div", { className: "flex items-center gap-2 md:gap-3", children: [
+        /* @__PURE__ */ M("div", { className: "flex items-center gap-2 md:gap-3", children: [
           n && /* @__PURE__ */ b(
             "button",
             {
@@ -430,7 +430,7 @@ const Sc = ({
               )
             }
           ),
-          i && /* @__PURE__ */ I(
+          i && /* @__PURE__ */ M(
             "button",
             {
               type: "button",
@@ -460,7 +460,7 @@ const Sc = ({
               ]
             }
           ),
-          r && /* @__PURE__ */ I(
+          r && /* @__PURE__ */ M(
             "button",
             {
               type: "button",
@@ -476,7 +476,7 @@ const Sc = ({
                     className: "w-8 h-8 rounded-full object-cover"
                   }
                 ) : /* @__PURE__ */ b("div", { className: "flex items-center justify-center w-8 h-8 bg-gray-300 rounded-full dark:bg-gray-600", children: /* @__PURE__ */ b("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-200", children: r.nombre.charAt(0).toUpperCase() }) }),
-                /* @__PURE__ */ I("div", { className: "hidden md:block text-left max-w-[160px]", children: [
+                /* @__PURE__ */ M("div", { className: "hidden md:block text-left max-w-[160px]", children: [
                   /* @__PURE__ */ b("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: r.nombre }),
                   r.rol && /* @__PURE__ */ b("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: r.rol })
                 ] }),
@@ -516,11 +516,11 @@ const Sc = ({
 }) => {
   const [s, d] = it(!1), f = fo(null), m = () => d(!s), p = () => d(!1);
   return st(() => {
-    const h = (y) => {
+    const g = (y) => {
       s && f.current && !f.current.contains(y.target) && d(!1);
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
-  }, [s]), /* @__PURE__ */ I(
+    return document.addEventListener("click", g), () => document.removeEventListener("click", g);
+  }, [s]), /* @__PURE__ */ M(
     "nav",
     {
       ref: f,
@@ -533,9 +533,9 @@ const Sc = ({
         ${i}
       `,
       children: [
-        /* @__PURE__ */ b("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ I("div", { className: "flex items-center justify-between h-16", children: [
-          /* @__PURE__ */ I("div", { className: "flex items-center gap-8", children: [
-            /* @__PURE__ */ I(
+        /* @__PURE__ */ b("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ M("div", { className: "flex items-center justify-between h-16", children: [
+          /* @__PURE__ */ M("div", { className: "flex items-center gap-8", children: [
+            /* @__PURE__ */ M(
               "div",
               {
                 className: "flex-shrink-0 flex items-center gap-3 cursor-pointer",
@@ -553,27 +553,27 @@ const Sc = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b("div", { className: "hidden md:flex items-center space-x-1", children: r.map((h) => /* @__PURE__ */ b(
+            /* @__PURE__ */ b("div", { className: "hidden md:flex items-center space-x-1", children: r.map((g) => /* @__PURE__ */ b(
               "button",
               {
                 onClick: () => {
-                  h.deshabilitado || (h.alHacerClick && h.alHacerClick(), h.href && (window.location.href = h.href));
+                  g.deshabilitado || (g.alHacerClick && g.alHacerClick(), g.href && (window.location.href = g.href));
                 },
-                disabled: h.deshabilitado,
+                disabled: g.deshabilitado,
                 className: `
                     px-3 py-2 rounded-md text-sm font-medium transition-colors
-                    ${h.activo ? "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-white"}
-                    ${h.deshabilitado ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+                    ${g.activo ? "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-white"}
+                    ${g.deshabilitado ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
                   `,
-                children: h.etiqueta
+                children: g.etiqueta
               },
-              h.id
+              g.id
             )) })
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ M("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: a }),
-            n && /* @__PURE__ */ I("div", { className: "hidden sm:flex items-center gap-3 pl-4 border-l border-gray-200 dark:border-gray-700", children: [
-              /* @__PURE__ */ I("div", { className: "text-right hidden lg:block", children: [
+            n && /* @__PURE__ */ M("div", { className: "hidden sm:flex items-center gap-3 pl-4 border-l border-gray-200 dark:border-gray-700", children: [
+              /* @__PURE__ */ M("div", { className: "text-right hidden lg:block", children: [
                 /* @__PURE__ */ b("p", { className: "text-sm font-medium text-gray-900 dark:text-white leading-none", children: n.nombre }),
                 n.rol && /* @__PURE__ */ b("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: n.rol })
               ] }),
@@ -586,7 +586,7 @@ const Sc = ({
                 }
               ) : /* @__PURE__ */ b("div", { className: "w-9 h-9 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center text-gray-600 dark:text-gray-300 border border-gray-200 dark:border-gray-700 group-hover:ring-2 ring-blue-500/50 transition-all", children: /* @__PURE__ */ b("span", { className: "text-sm font-bold", children: n.nombre.charAt(0).toUpperCase() }) }) })
             ] }),
-            /* @__PURE__ */ b("div", { className: "flex md:hidden", children: /* @__PURE__ */ I(
+            /* @__PURE__ */ b("div", { className: "flex md:hidden", children: /* @__PURE__ */ M(
               "button",
               {
                 type: "button",
@@ -636,7 +636,7 @@ const Sc = ({
             ) })
           ] })
         ] }) }),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ M(
           "div",
           {
             className: `
@@ -645,23 +645,23 @@ const Sc = ({
         `,
             id: "mobile-menu",
             children: [
-              /* @__PURE__ */ b("div", { className: "px-2 pt-2 pb-3 space-y-1", children: r.map((h) => /* @__PURE__ */ b(
+              /* @__PURE__ */ b("div", { className: "px-2 pt-2 pb-3 space-y-1", children: r.map((g) => /* @__PURE__ */ b(
                 "button",
                 {
                   onClick: () => {
-                    h.deshabilitado || (h.alHacerClick && h.alHacerClick(), h.href && (window.location.href = h.href), p());
+                    g.deshabilitado || (g.alHacerClick && g.alHacerClick(), g.href && (window.location.href = g.href), p());
                   },
-                  disabled: h.deshabilitado,
+                  disabled: g.deshabilitado,
                   className: `
                 block w-full text-left px-3 py-2 rounded-md text-base font-medium
-                ${h.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-200" : "text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-white"}
-                ${h.deshabilitado ? "opacity-50 cursor-not-allowed" : ""}
+                ${g.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-200" : "text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-white"}
+                ${g.deshabilitado ? "opacity-50 cursor-not-allowed" : ""}
               `,
-                  children: h.etiqueta
+                  children: g.etiqueta
                 },
-                h.id
+                g.id
               )) }),
-              n && /* @__PURE__ */ b("div", { className: "pt-4 pb-4 border-t border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ I("div", { className: "flex items-center px-5", children: [
+              n && /* @__PURE__ */ b("div", { className: "pt-4 pb-4 border-t border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ M("div", { className: "flex items-center px-5", children: [
                 /* @__PURE__ */ b("div", { className: "flex-shrink-0", children: n.avatar ? /* @__PURE__ */ b(
                   "img",
                   {
@@ -670,7 +670,7 @@ const Sc = ({
                     alt: ""
                   }
                 ) : /* @__PURE__ */ b("div", { className: "h-10 w-10 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center text-gray-500 dark:text-gray-300 font-bold", children: n.nombre.charAt(0) }) }),
-                /* @__PURE__ */ I("div", { className: "ml-3", children: [
+                /* @__PURE__ */ M("div", { className: "ml-3", children: [
                   /* @__PURE__ */ b("div", { className: "text-base font-medium leading-none text-gray-900 dark:text-white", children: n.nombre }),
                   n.email && /* @__PURE__ */ b("div", { className: "text-sm font-medium leading-none text-gray-500 dark:text-gray-400 mt-1", children: n.email })
                 ] })
@@ -692,35 +692,36 @@ const Sc = ({
   alNavegar: s,
   alCerrarSesion: d,
   mostrarPie: f = !0,
-  children: m
+  children: m,
+  ancho: p = 256
 }) => {
-  const [p, g] = it(o), [h, y] = it(!1), [u, v] = it([]);
+  const [h, g] = it(o), [y, u] = it(!1), [v, C] = it([]);
   st(() => {
-    const w = e.filter((A) => A.activo && A.hijos && A.hijos.length > 0).map((A) => A.id);
-    w.length > 0 && v((A) => [.../* @__PURE__ */ new Set([...A, ...w])]);
+    const A = e.filter((j) => j.activo && j.hijos && j.hijos.length > 0).map((j) => j.id);
+    A.length > 0 && C((j) => [.../* @__PURE__ */ new Set([...j, ...A])]);
   }, [e]), st(() => {
     g(o);
   }, [o]);
-  const k = () => {
-    const w = !p;
-    g(w), a && a(w);
-  }, O = () => {
-    y(!h);
-  }, _ = () => {
-    y(!1);
-  }, T = (w) => {
-    u.includes(w) ? v(u.filter((A) => A !== w)) : v([...u, w]);
-  }, C = (w) => {
-    w && (s && s(w), i && typeof window < "u" && window.innerWidth < 1024 && y(!1));
-  };
-  return /* @__PURE__ */ I(yt, { children: [
+  const O = () => {
+    const A = !h;
+    g(A), a && a(A);
+  }, R = () => {
+    u(!y);
+  }, T = () => {
+    u(!1);
+  }, w = (A) => {
+    v.includes(A) ? C(v.filter((j) => j !== A)) : C([...v, A]);
+  }, S = (A) => {
+    A && (s && s(A), i && typeof window < "u" && window.innerWidth < 1024 && u(!1));
+  }, _ = h ? "4rem" : `${p}px`;
+  return /* @__PURE__ */ M(yt, { children: [
     /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         className: "fixed top-3 left-3 z-50 p-2 text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
-        onClick: O,
-        "aria-label": h ? "Cerrar menú lateral" : "Abrir menú lateral",
+        onClick: R,
+        "aria-label": y ? "Cerrar menú lateral" : "Abrir menú lateral",
         children: /* @__PURE__ */ b(
           "svg",
           {
@@ -728,7 +729,7 @@ const Sc = ({
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
-            children: h ? /* @__PURE__ */ b(
+            children: y ? /* @__PURE__ */ b(
               "path",
               {
                 strokeLinecap: "round",
@@ -749,28 +750,28 @@ const Sc = ({
         )
       }
     ),
-    h && /* @__PURE__ */ b(
+    y && /* @__PURE__ */ b(
       "div",
       {
         className: "fixed inset-0 z-30 bg-black/50 lg:hidden",
-        onClick: _,
+        onClick: T,
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ I(
+    /* @__PURE__ */ M(
       "aside",
       {
         className: `
           fixed top-0 left-0 z-40 h-screen
           bg-white border-r border-gray-200 dark:bg-gray-800 dark:border-gray-700
-          transition-transform duration-300
+          transition-all duration-300
           flex flex-col
-          ${h ? "translate-x-0" : "-translate-x-full"}
+          ${y ? "translate-x-0" : "-translate-x-full"}
           lg:translate-x-0
-          ${p ? "lg:w-16 w-64" : "w-64"}
         `,
+        style: { width: _ },
         children: [
-          /* @__PURE__ */ I(
+          /* @__PURE__ */ M(
             "div",
             {
               className: `
@@ -781,7 +782,7 @@ const Sc = ({
             border-b border-gray-200 dark:border-gray-700
           `,
               children: [
-                !p && /* @__PURE__ */ I("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+                !h && /* @__PURE__ */ M("div", { className: "flex items-center gap-3 overflow-hidden", children: [
                   r && /* @__PURE__ */ b("img", { src: r, alt: "Logo", className: "w-8 h-8" }),
                   /* @__PURE__ */ b("span", { className: "text-xl font-bold text-gray-900 dark:text-white truncate", children: n })
                 ] }),
@@ -790,8 +791,8 @@ const Sc = ({
                   {
                     type: "button",
                     className: "hidden lg:inline-flex p-2 text-gray-500 rounded-lg hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
-                    onClick: k,
-                    "aria-label": p ? "Expandir barra lateral" : "Colapsar barra lateral",
+                    onClick: O,
+                    "aria-label": h ? "Expandir barra lateral" : "Colapsar barra lateral",
                     children: /* @__PURE__ */ b(
                       "svg",
                       {
@@ -799,7 +800,7 @@ const Sc = ({
                         fill: "none",
                         stroke: "currentColor",
                         viewBox: "0 0 24 24",
-                        children: p ? /* @__PURE__ */ b(
+                        children: h ? /* @__PURE__ */ b(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -831,30 +832,30 @@ const Sc = ({
             [&::-webkit-scrollbar]:hidden
           `,
               style: { msOverflowStyle: "none", scrollbarWidth: "none" },
-              children: /* @__PURE__ */ b("ul", { className: "space-y-2", children: e.map((w) => {
-                const A = !!w.hijos && w.hijos.length > 0, ne = u.includes(w.id), G = `
+              children: /* @__PURE__ */ b("ul", { className: "space-y-2", children: e.map((A) => {
+                const j = !!A.hijos && A.hijos.length > 0, ne = v.includes(A.id), B = `
                 flex items-center w-full p-2 rounded-lg
                 text-gray-900 dark:text-white
                 hover:bg-gray-100 dark:hover:bg-gray-700
                 transition-colors duration-200
-                ${w.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/40 dark:text-blue-200" : ""}
-                ${w.deshabilitado ? "opacity-50 cursor-not-allowed" : ""}
+                ${A.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/40 dark:text-blue-200" : ""}
+                ${A.deshabilitado ? "opacity-50 cursor-not-allowed" : ""}
               `;
-                return /* @__PURE__ */ b("li", { children: A ? /* @__PURE__ */ I(yt, { children: [
-                  /* @__PURE__ */ I(
+                return /* @__PURE__ */ b("li", { children: j ? /* @__PURE__ */ M(yt, { children: [
+                  /* @__PURE__ */ M(
                     "button",
                     {
                       type: "button",
-                      className: G,
+                      className: B,
                       onClick: () => {
-                        w.deshabilitado || T(w.id);
+                        A.deshabilitado || w(A.id);
                       },
-                      disabled: w.deshabilitado,
+                      disabled: A.deshabilitado,
                       children: [
-                        w.icono && /* @__PURE__ */ b("span", { className: "text-xl flex-shrink-0", children: w.icono }),
-                        !p && /* @__PURE__ */ I(yt, { children: [
-                          /* @__PURE__ */ b("span", { className: "flex-1 ml-3 text-left whitespace-nowrap", children: w.etiqueta }),
-                          w.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: w.insignia }),
+                        A.icono && /* @__PURE__ */ b("span", { className: "text-xl flex-shrink-0", children: A.icono }),
+                        !h && /* @__PURE__ */ M(yt, { children: [
+                          /* @__PURE__ */ b("span", { className: "flex-1 ml-3 text-left whitespace-nowrap", children: A.etiqueta }),
+                          A.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: A.insignia }),
                           /* @__PURE__ */ b(
                             "svg",
                             {
@@ -878,52 +879,52 @@ const Sc = ({
                       ]
                     }
                   ),
-                  !p && ne && /* @__PURE__ */ b("ul", { className: "py-2 space-y-1 pl-6 animate-fade-in", children: w.hijos.map((j) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ I(
+                  !h && ne && /* @__PURE__ */ b("ul", { className: "py-2 space-y-1 pl-6 animate-fade-in", children: A.hijos.map((l) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ M(
                     "a",
                     {
-                      href: j.href,
+                      href: l.href,
                       className: `
                                   flex items-center p-2 rounded-lg
                                   text-gray-900 dark:text-white
                                   hover:bg-gray-100 dark:hover:bg-gray-700
                                   transition-colors duration-200
-                                  ${j.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/40 dark:text-blue-200" : ""}
+                                  ${l.activo ? "bg-blue-50 text-blue-700 dark:bg-blue-900/40 dark:text-blue-200" : ""}
                                 `,
-                      onClick: (B) => {
-                        s && j.href ? (B.preventDefault(), C(j.href)) : j.alHacerClick && (j.alHacerClick(), C());
+                      onClick: (P) => {
+                        s && l.href ? (P.preventDefault(), S(l.href)) : l.alHacerClick && (l.alHacerClick(), S());
                       },
                       children: [
-                        j.icono && /* @__PURE__ */ b("span", { className: "text-lg flex-shrink-0", children: j.icono }),
-                        /* @__PURE__ */ b("span", { className: "ml-3", children: j.etiqueta }),
-                        j.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-auto text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: j.insignia })
+                        l.icono && /* @__PURE__ */ b("span", { className: "text-lg flex-shrink-0", children: l.icono }),
+                        /* @__PURE__ */ b("span", { className: "ml-3", children: l.etiqueta }),
+                        l.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-auto text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: l.insignia })
                       ]
                     }
-                  ) }, j.id)) })
-                ] }) : /* @__PURE__ */ I(
+                  ) }, l.id)) })
+                ] }) : /* @__PURE__ */ M(
                   "a",
                   {
-                    href: w.href,
-                    className: G,
-                    onClick: (j) => {
-                      if (w.deshabilitado) {
-                        j.preventDefault();
+                    href: A.href,
+                    className: B,
+                    onClick: (l) => {
+                      if (A.deshabilitado) {
+                        l.preventDefault();
                         return;
                       }
-                      s && w.href ? (j.preventDefault(), C(w.href)) : (w.alHacerClick && w.alHacerClick(), C());
+                      s && A.href ? (l.preventDefault(), S(A.href)) : (A.alHacerClick && A.alHacerClick(), S());
                     },
                     children: [
-                      w.icono && /* @__PURE__ */ b("span", { className: "text-xl flex-shrink-0", children: w.icono }),
-                      !p && /* @__PURE__ */ I(yt, { children: [
-                        /* @__PURE__ */ b("span", { className: "flex-1 ml-3 whitespace-nowrap", children: w.etiqueta }),
-                        w.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: w.insignia })
+                      A.icono && /* @__PURE__ */ b("span", { className: "text-xl flex-shrink-0", children: A.icono }),
+                      !h && /* @__PURE__ */ M(yt, { children: [
+                        /* @__PURE__ */ b("span", { className: "flex-1 ml-3 whitespace-nowrap", children: A.etiqueta }),
+                        A.insignia && /* @__PURE__ */ b("span", { className: "inline-flex items-center justify-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300", children: A.insignia })
                       ] })
                     ]
                   }
-                ) }, w.id);
+                ) }, A.id);
               }) })
             }
           ),
-          f && t && /* @__PURE__ */ b("div", { className: "border-t border-gray-200 dark:border-gray-700 flex-shrink-0", children: /* @__PURE__ */ I("div", { className: "flex items-center p-4", children: [
+          f && t && /* @__PURE__ */ b("div", { className: "border-t border-gray-200 dark:border-gray-700 flex-shrink-0", children: /* @__PURE__ */ M("div", { className: "flex items-center p-4", children: [
             t.avatar ? /* @__PURE__ */ b(
               "img",
               {
@@ -932,12 +933,12 @@ const Sc = ({
                 className: "w-10 h-10 rounded-full"
               }
             ) : /* @__PURE__ */ b("div", { className: "flex items-center justify-center w-10 h-10 bg-gray-300 rounded-full dark:bg-gray-600", children: /* @__PURE__ */ b("span", { className: "text-lg font-medium text-gray-700 dark:text-gray-200", children: t.nombre.charAt(0).toUpperCase() }) }),
-            !p && /* @__PURE__ */ I("div", { className: "flex-1 ml-3 min-w-0", children: [
+            !h && /* @__PURE__ */ M("div", { className: "flex-1 ml-3 min-w-0", children: [
               /* @__PURE__ */ b("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: t.nombre }),
               t.email && /* @__PURE__ */ b("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: t.email }),
               t.rol && /* @__PURE__ */ b("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: t.rol })
             ] }),
-            !p && d && /* @__PURE__ */ b(
+            !h && d && /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
@@ -1234,30 +1235,30 @@ function _o(e) {
   return Sn(Tt("", null, null, null, [""], e = kn(e), 0, [0], e));
 }
 function Tt(e, t, r, n, o, i, a, s, d) {
-  for (var f = 0, m = 0, p = a, g = 0, h = 0, y = 0, u = 1, v = 1, k = 1, O = 0, _ = "", T = o, C = i, w = n, A = _; v; )
+  for (var f = 0, m = 0, p = a, h = 0, g = 0, y = 0, u = 1, v = 1, C = 1, O = 0, R = "", T = o, w = i, S = n, _ = R; v; )
     switch (y = O, O = be()) {
       // (
       case 40:
-        if (y != 108 && ue(A, p - 1) == 58) {
-          ur(A += K(St(O), "&", "&\f"), "&\f") != -1 && (k = -1);
+        if (y != 108 && ue(_, p - 1) == 58) {
+          ur(_ += K(St(O), "&", "&\f"), "&\f") != -1 && (C = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        A += St(O);
+        _ += St(O);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        A += Oo(y);
+        _ += Oo(y);
         break;
       // \
       case 92:
-        A += No(kt() - 1, 7);
+        _ += No(kt() - 1, 7);
         continue;
       // /
       case 47:
@@ -1267,12 +1268,12 @@ function Tt(e, t, r, n, o, i, a, s, d) {
             bt(Ro(Ao(be(), kt()), t, r), d);
             break;
           default:
-            A += "/";
+            _ += "/";
         }
         break;
       // {
       case 123 * u:
-        s[f++] = Se(A) * k;
+        s[f++] = Se(_) * C;
       // } ; \0
       case 125 * u:
       case 59:
@@ -1284,34 +1285,34 @@ function Tt(e, t, r, n, o, i, a, s, d) {
             v = 0;
           // ;
           case 59 + m:
-            k == -1 && (A = K(A, /\f/g, "")), h > 0 && Se(A) - p && bt(h > 32 ? Ir(A + ";", n, r, p - 1) : Ir(K(A, " ", "") + ";", n, r, p - 2), d);
+            C == -1 && (_ = K(_, /\f/g, "")), g > 0 && Se(_) - p && bt(g > 32 ? Ir(_ + ";", n, r, p - 1) : Ir(K(_, " ", "") + ";", n, r, p - 2), d);
             break;
           // @ ;
           case 59:
-            A += ";";
+            _ += ";";
           // { rule/at-rule
           default:
-            if (bt(w = Rr(A, t, r, f, m, o, s, _, T = [], C = [], p), i), O === 123)
+            if (bt(S = Rr(_, t, r, f, m, o, s, R, T = [], w = [], p), i), O === 123)
               if (m === 0)
-                Tt(A, t, w, w, T, i, p, s, C);
+                Tt(_, t, S, S, T, i, p, s, w);
               else
-                switch (g === 99 && ue(A, 3) === 110 ? 100 : g) {
+                switch (h === 99 && ue(_, 3) === 110 ? 100 : h) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Tt(e, w, w, n && bt(Rr(e, w, w, 0, 0, o, s, _, o, T = [], p), C), o, C, p, s, n ? T : C);
+                    Tt(e, S, S, n && bt(Rr(e, S, S, 0, 0, o, s, R, o, T = [], p), w), o, w, p, s, n ? T : w);
                     break;
                   default:
-                    Tt(A, w, w, w, [""], C, 0, s, C);
+                    Tt(_, S, S, S, [""], w, 0, s, w);
                 }
         }
-        f = m = h = 0, u = k = 1, _ = A = "", p = a;
+        f = m = g = 0, u = C = 1, R = _ = "", p = a;
         break;
       // :
       case 58:
-        p = 1 + Se(A), h = y;
+        p = 1 + Se(_), g = y;
       default:
         if (u < 1) {
           if (O == 123)
@@ -1319,30 +1320,30 @@ function Tt(e, t, r, n, o, i, a, s, d) {
           else if (O == 125 && u++ == 0 && $o() == 125)
             continue;
         }
-        switch (A += Pt(O), O * u) {
+        switch (_ += Pt(O), O * u) {
           // &
           case 38:
-            k = m > 0 ? 1 : (A += "\f", -1);
+            C = m > 0 ? 1 : (_ += "\f", -1);
             break;
           // ,
           case 44:
-            s[f++] = (Se(A) - 1) * k, k = 1;
+            s[f++] = (Se(_) - 1) * C, C = 1;
             break;
           // @
           case 64:
-            $e() === 45 && (A += St(be())), g = $e(), m = p = Se(_ = A += Po(kt())), O++;
+            $e() === 45 && (_ += St(be())), h = $e(), m = p = Se(R = _ += Po(kt())), O++;
             break;
           // -
           case 45:
-            y === 45 && Se(A) == 2 && (u = 0);
+            y === 45 && Se(_) == 2 && (u = 0);
         }
     }
   return i;
 }
 function Rr(e, t, r, n, o, i, a, s, d, f, m) {
-  for (var p = o - 1, g = o === 0 ? i : [""], h = Cr(g), y = 0, u = 0, v = 0; y < n; ++y)
-    for (var k = 0, O = lt(e, p + 1, p = wo(u = a[y])), _ = e; k < h; ++k)
-      (_ = wn(u > 0 ? g[k] + " " + O : K(O, /&\f/g, g[k]))) && (d[v++] = _);
+  for (var p = o - 1, h = o === 0 ? i : [""], g = Cr(h), y = 0, u = 0, v = 0; y < n; ++y)
+    for (var C = 0, O = lt(e, p + 1, p = wo(u = a[y])), R = e; C < g; ++C)
+      (R = wn(u > 0 ? h[C] + " " + O : K(O, /&\f/g, h[C]))) && (d[v++] = R);
   return Rt(e, t, r, o === 0 ? xr : s, d, f, m);
 }
 function Ro(e, t, r) {
@@ -1627,8 +1628,8 @@ var Vo = function(t, r, n, o) {
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
     function(u) {
-      for (var v = u.getAttribute("data-emotion").split(" "), k = 1; k < v.length; k++)
-        i[v[k]] = !0;
+      for (var v = u.getAttribute("data-emotion").split(" "), C = 1; C < v.length; C++)
+        i[v[C]] = !0;
       s.push(u);
     }
   );
@@ -1636,11 +1637,11 @@ var Vo = function(t, r, n, o) {
   {
     var m, p = [Io, jo(function(u) {
       m.insert(u);
-    })], g = Mo(f.concat(o, p)), h = function(v) {
-      return qe(_o(v), g);
+    })], h = Mo(f.concat(o, p)), g = function(v) {
+      return qe(_o(v), h);
     };
-    d = function(v, k, O, _) {
-      m = O, h(v ? v + "{" + k.styles + "}" : k.styles), _ && (y.inserted[k.name] = !0);
+    d = function(v, C, O, R) {
+      m = O, g(v ? v + "{" + C.styles + "}" : C.styles), R && (y.inserted[C.name] = !0);
     };
   }
   var y = {
@@ -1668,76 +1669,76 @@ var jr;
 function qo() {
   if (jr) return X;
   jr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, h = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, k = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function _(C) {
-    if (typeof C == "object" && C !== null) {
-      var w = C.$$typeof;
-      switch (w) {
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function R(w) {
+    if (typeof w == "object" && w !== null) {
+      var S = w.$$typeof;
+      switch (S) {
         case t:
-          switch (C = C.type, C) {
+          switch (w = w.type, w) {
             case d:
             case f:
             case n:
             case i:
             case o:
             case p:
-              return C;
+              return w;
             default:
-              switch (C = C && C.$$typeof, C) {
+              switch (w = w && w.$$typeof, w) {
                 case s:
                 case m:
                 case y:
-                case h:
+                case g:
                 case a:
-                  return C;
-                default:
                   return w;
+                default:
+                  return S;
               }
           }
         case r:
-          return w;
+          return S;
       }
     }
   }
-  function T(C) {
-    return _(C) === f;
+  function T(w) {
+    return R(w) === f;
   }
-  return X.AsyncMode = d, X.ConcurrentMode = f, X.ContextConsumer = s, X.ContextProvider = a, X.Element = t, X.ForwardRef = m, X.Fragment = n, X.Lazy = y, X.Memo = h, X.Portal = r, X.Profiler = i, X.StrictMode = o, X.Suspense = p, X.isAsyncMode = function(C) {
-    return T(C) || _(C) === d;
-  }, X.isConcurrentMode = T, X.isContextConsumer = function(C) {
-    return _(C) === s;
-  }, X.isContextProvider = function(C) {
-    return _(C) === a;
-  }, X.isElement = function(C) {
-    return typeof C == "object" && C !== null && C.$$typeof === t;
-  }, X.isForwardRef = function(C) {
-    return _(C) === m;
-  }, X.isFragment = function(C) {
-    return _(C) === n;
-  }, X.isLazy = function(C) {
-    return _(C) === y;
-  }, X.isMemo = function(C) {
-    return _(C) === h;
-  }, X.isPortal = function(C) {
-    return _(C) === r;
-  }, X.isProfiler = function(C) {
-    return _(C) === i;
-  }, X.isStrictMode = function(C) {
-    return _(C) === o;
-  }, X.isSuspense = function(C) {
-    return _(C) === p;
-  }, X.isValidElementType = function(C) {
-    return typeof C == "string" || typeof C == "function" || C === n || C === f || C === i || C === o || C === p || C === g || typeof C == "object" && C !== null && (C.$$typeof === y || C.$$typeof === h || C.$$typeof === a || C.$$typeof === s || C.$$typeof === m || C.$$typeof === v || C.$$typeof === k || C.$$typeof === O || C.$$typeof === u);
-  }, X.typeOf = _, X;
+  return X.AsyncMode = d, X.ConcurrentMode = f, X.ContextConsumer = s, X.ContextProvider = a, X.Element = t, X.ForwardRef = m, X.Fragment = n, X.Lazy = y, X.Memo = g, X.Portal = r, X.Profiler = i, X.StrictMode = o, X.Suspense = p, X.isAsyncMode = function(w) {
+    return T(w) || R(w) === d;
+  }, X.isConcurrentMode = T, X.isContextConsumer = function(w) {
+    return R(w) === s;
+  }, X.isContextProvider = function(w) {
+    return R(w) === a;
+  }, X.isElement = function(w) {
+    return typeof w == "object" && w !== null && w.$$typeof === t;
+  }, X.isForwardRef = function(w) {
+    return R(w) === m;
+  }, X.isFragment = function(w) {
+    return R(w) === n;
+  }, X.isLazy = function(w) {
+    return R(w) === y;
+  }, X.isMemo = function(w) {
+    return R(w) === g;
+  }, X.isPortal = function(w) {
+    return R(w) === r;
+  }, X.isProfiler = function(w) {
+    return R(w) === i;
+  }, X.isStrictMode = function(w) {
+    return R(w) === o;
+  }, X.isSuspense = function(w) {
+    return R(w) === p;
+  }, X.isValidElementType = function(w) {
+    return typeof w == "string" || typeof w == "function" || w === n || w === f || w === i || w === o || w === p || w === h || typeof w == "object" && w !== null && (w.$$typeof === y || w.$$typeof === g || w.$$typeof === a || w.$$typeof === s || w.$$typeof === m || w.$$typeof === v || w.$$typeof === C || w.$$typeof === O || w.$$typeof === u);
+  }, X.typeOf = R, X;
 }
 var Q = {};
 var Lr;
 function Yo() {
   return Lr || (Lr = 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, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, h = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, k = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function _(N) {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, O = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function R(N) {
       return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      N === n || N === f || N === i || N === o || N === p || N === g || typeof N == "object" && N !== null && (N.$$typeof === y || N.$$typeof === h || N.$$typeof === a || N.$$typeof === s || N.$$typeof === m || N.$$typeof === v || N.$$typeof === k || N.$$typeof === O || N.$$typeof === u);
+      N === n || N === f || N === i || N === o || N === p || N === h || typeof N == "object" && N !== null && (N.$$typeof === y || N.$$typeof === g || N.$$typeof === a || N.$$typeof === s || N.$$typeof === m || N.$$typeof === v || N.$$typeof === C || N.$$typeof === O || N.$$typeof === u);
     }
     function T(N) {
       if (typeof N == "object" && N !== null) {
@@ -1759,7 +1760,7 @@ function Yo() {
                   case s:
                   case m:
                   case y:
-                  case h:
+                  case g:
                   case a:
                     return _r;
                   default:
@@ -1771,33 +1772,33 @@ function Yo() {
         }
       }
     }
-    var C = d, w = f, A = s, ne = a, G = t, j = m, B = n, l = y, P = h, E = r, R = i, V = o, le = p, ge = !1;
+    var w = d, S = f, _ = s, A = a, j = t, ne = m, B = n, l = y, P = g, E = r, I = i, z = o, le = p, ge = !1;
     function We(N) {
-      return ge || (ge = !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.")), S(N) || T(N) === d;
+      return ge || (ge = !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(N) || T(N) === d;
     }
-    function S(N) {
+    function k(N) {
       return T(N) === f;
     }
     function $(N) {
       return T(N) === s;
     }
-    function F(N) {
+    function V(N) {
       return T(N) === a;
     }
-    function D(N) {
+    function W(N) {
       return typeof N == "object" && N !== null && N.$$typeof === t;
     }
-    function M(N) {
+    function L(N) {
       return T(N) === m;
     }
     function U(N) {
       return T(N) === n;
     }
-    function L(N) {
+    function D(N) {
       return T(N) === y;
     }
-    function W(N) {
-      return T(N) === h;
+    function F(N) {
+      return T(N) === g;
     }
     function q(N) {
       return T(N) === r;
@@ -1811,7 +1812,7 @@ function Yo() {
     function me(N) {
       return T(N) === p;
     }
-    Q.AsyncMode = C, Q.ConcurrentMode = w, Q.ContextConsumer = A, Q.ContextProvider = ne, Q.Element = G, Q.ForwardRef = j, Q.Fragment = B, Q.Lazy = l, Q.Memo = P, Q.Portal = E, Q.Profiler = R, Q.StrictMode = V, Q.Suspense = le, Q.isAsyncMode = We, Q.isConcurrentMode = S, Q.isContextConsumer = $, Q.isContextProvider = F, Q.isElement = D, Q.isForwardRef = M, Q.isFragment = U, Q.isLazy = L, Q.isMemo = W, Q.isPortal = q, Q.isProfiler = J, Q.isStrictMode = Y, Q.isSuspense = me, Q.isValidElementType = _, Q.typeOf = T;
+    Q.AsyncMode = w, Q.ConcurrentMode = S, Q.ContextConsumer = _, Q.ContextProvider = A, Q.Element = j, Q.ForwardRef = ne, Q.Fragment = B, Q.Lazy = l, Q.Memo = P, Q.Portal = E, Q.Profiler = I, Q.StrictMode = z, Q.Suspense = le, Q.isAsyncMode = We, Q.isConcurrentMode = k, Q.isContextConsumer = $, Q.isContextProvider = V, Q.isElement = W, Q.isForwardRef = L, Q.isFragment = U, Q.isLazy = D, Q.isMemo = F, Q.isPortal = q, Q.isProfiler = J, Q.isStrictMode = Y, Q.isSuspense = me, Q.isValidElementType = R, Q.typeOf = T;
   })()), Q;
 }
 var Br;
@@ -2041,7 +2042,7 @@ function An(e, t, r) {
 }
 var ri = function(t) {
   return t();
-}, ni = z.useInsertionEffect ? z.useInsertionEffect : !1, oi = ni || ri, Pn = /* @__PURE__ */ z.createContext(
+}, ni = G.useInsertionEffect ? G.useInsertionEffect : !1, oi = ni || ri, Pn = /* @__PURE__ */ G.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -2058,7 +2059,7 @@ var ii = function(t) {
     var o = mo(Pn);
     return t(r, o, n);
   });
-}, _n = /* @__PURE__ */ z.createContext({}), ai = /^((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)-.*))$/, si = /* @__PURE__ */ Tn(
+}, _n = /* @__PURE__ */ G.createContext({}), ai = /^((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)-.*))$/, si = /* @__PURE__ */ Tn(
   function(e) {
     return ai.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -2093,38 +2094,38 @@ var ii = function(t) {
     if (i !== void 0 && p.push("label:" + i + ";"), m[0] == null || m[0].raw === void 0)
       p.push.apply(p, m);
     else {
-      var g = m[0];
-      p.push(g[0]);
-      for (var h = m.length, y = 1; y < h; y++)
-        p.push(m[y], g[y]);
+      var h = m[0];
+      p.push(h[0]);
+      for (var g = m.length, y = 1; y < g; y++)
+        p.push(m[y], h[y]);
     }
-    var u = ii(function(v, k, O) {
-      var _ = f && v.as || o, T = "", C = [], w = v;
+    var u = ii(function(v, C, O) {
+      var R = f && v.as || o, T = "", w = [], S = v;
       if (v.theme == null) {
-        w = {};
-        for (var A in v)
-          w[A] = v[A];
-        w.theme = z.useContext(_n);
+        S = {};
+        for (var _ in v)
+          S[_] = v[_];
+        S.theme = G.useContext(_n);
       }
-      typeof v.className == "string" ? T = Ko(k.registered, C, v.className) : v.className != null && (T = v.className + " ");
-      var ne = An(p.concat(C), k.registered, w);
-      T += k.key + "-" + ne.name, a !== void 0 && (T += " " + a);
-      var G = f && s === void 0 ? Vr(_) : d, j = {};
+      typeof v.className == "string" ? T = Ko(C.registered, w, v.className) : v.className != null && (T = v.className + " ");
+      var A = An(p.concat(w), C.registered, S);
+      T += C.key + "-" + A.name, a !== void 0 && (T += " " + a);
+      var j = f && s === void 0 ? Vr(R) : d, ne = {};
       for (var B in v)
-        f && B === "as" || G(B) && (j[B] = v[B]);
-      return j.className = T, O && (j.ref = O), /* @__PURE__ */ z.createElement(z.Fragment, null, /* @__PURE__ */ z.createElement(ui, {
-        cache: k,
-        serialized: ne,
-        isStringTag: typeof _ == "string"
-      }), /* @__PURE__ */ z.createElement(_, j));
+        f && B === "as" || j(B) && (ne[B] = v[B]);
+      return ne.className = T, O && (ne.ref = O), /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement(ui, {
+        cache: C,
+        serialized: A,
+        isStringTag: typeof R == "string"
+      }), /* @__PURE__ */ G.createElement(R, ne));
     });
     return u.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", u.defaultProps = t.defaultProps, u.__emotion_real = u, u.__emotion_base = o, u.__emotion_styles = p, u.__emotion_forwardProp = s, Object.defineProperty(u, "toString", {
       value: function() {
         return "." + a;
       }
-    }), u.withComponent = function(v, k) {
-      var O = e(v, lr({}, r, k, {
-        shouldForwardProp: zr(u, k, !0)
+    }), u.withComponent = function(v, C) {
+      var O = e(v, lr({}, r, C, {
+        shouldForwardProp: zr(u, C, !0)
       }));
       return O.apply(void 0, p);
     }, u;
@@ -2309,8 +2310,8 @@ function pi() {
         t.call(s, p) && (d[p] = s[p]);
       if (e) {
         f = e(s);
-        for (var g = 0; g < f.length; g++)
-          r.call(s, f[g]) && (d[f[g]] = s[f[g]]);
+        for (var h = 0; h < f.length; h++)
+          r.call(s, f[h]) && (d[f[h]] = s[f[h]]);
       }
     }
     return d;
@@ -2351,10 +2352,10 @@ function mi() {
           var p;
           try {
             if (typeof i[m] != "function") {
-              var g = Error(
+              var h = Error(
                 (d || "React class") + ": " + s + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw g.name = "Invariant Violation", g;
+              throw h.name = "Invariant Violation", h;
             }
             p = i[m](a, m, d, s, null, t);
           } catch (y) {
@@ -2364,9 +2365,9 @@ function mi() {
             (d || "React class") + ": type specification of " + s + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), p instanceof Error && !(p.message in r)) {
             r[p.message] = !0;
-            var h = f ? f() : "";
+            var g = f ? f() : "";
             e(
-              "Failed " + s + " type: " + p.message + (h ?? "")
+              "Failed " + s + " type: " + p.message + (g ?? "")
             );
           }
         }
@@ -2395,70 +2396,70 @@ function hi() {
   }
   return rr = function(s, d) {
     var f = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function p(S) {
-      var $ = S && (f && S[f] || S[m]);
+    function p(k) {
+      var $ = k && (f && k[f] || k[m]);
       if (typeof $ == "function")
         return $;
     }
-    var g = "<<anonymous>>", h = {
-      array: k("array"),
-      bigint: k("bigint"),
-      bool: k("boolean"),
-      func: k("function"),
-      number: k("number"),
-      object: k("object"),
-      string: k("string"),
-      symbol: k("symbol"),
+    var h = "<<anonymous>>", g = {
+      array: C("array"),
+      bigint: C("bigint"),
+      bool: C("boolean"),
+      func: C("function"),
+      number: C("number"),
+      object: C("object"),
+      string: C("string"),
+      symbol: C("symbol"),
       any: O(),
-      arrayOf: _,
+      arrayOf: R,
       element: T(),
-      elementType: C(),
-      instanceOf: w,
-      node: j(),
-      objectOf: ne,
-      oneOf: A,
-      oneOfType: G,
+      elementType: w(),
+      instanceOf: S,
+      node: ne(),
+      objectOf: A,
+      oneOf: _,
+      oneOfType: j,
       shape: l,
       exact: P
     };
-    function y(S, $) {
-      return S === $ ? S !== 0 || 1 / S === 1 / $ : S !== S && $ !== $;
+    function y(k, $) {
+      return k === $ ? k !== 0 || 1 / k === 1 / $ : k !== k && $ !== $;
     }
-    function u(S, $) {
-      this.message = S, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
+    function u(k, $) {
+      this.message = k, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
     }
     u.prototype = Error.prototype;
-    function v(S) {
+    function v(k) {
       if (process.env.NODE_ENV !== "production")
-        var $ = {}, F = 0;
-      function D(U, L, W, q, J, Y, me) {
-        if (q = q || g, Y = Y || W, me !== r) {
+        var $ = {}, V = 0;
+      function W(U, D, F, q, J, Y, me) {
+        if (q = q || h, Y = Y || F, me !== r) {
           if (d) {
             var N = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw N.name = "Invariant Violation", N;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Ce = q + ":" + W;
+            var Ce = q + ":" + F;
             !$[Ce] && // Avoid spamming the console because they are often not actionable except for lib authors
-            F < 3 && (i(
+            V < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + Y + "` prop on `" + q + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), $[Ce] = !0, F++);
+            ), $[Ce] = !0, V++);
           }
         }
-        return L[W] == null ? U ? L[W] === null ? new u("The " + J + " `" + Y + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new u("The " + J + " `" + Y + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : S(L, W, q, J, Y);
+        return D[F] == null ? U ? D[F] === null ? new u("The " + J + " `" + Y + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new u("The " + J + " `" + Y + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : k(D, F, q, J, Y);
       }
-      var M = D.bind(null, !1);
-      return M.isRequired = D.bind(null, !0), M;
+      var L = W.bind(null, !1);
+      return L.isRequired = W.bind(null, !0), L;
     }
-    function k(S) {
-      function $(F, D, M, U, L, W) {
-        var q = F[D], J = V(q);
-        if (J !== S) {
+    function C(k) {
+      function $(V, W, L, U, D, F) {
+        var q = V[W], J = z(q);
+        if (J !== k) {
           var Y = le(q);
           return new u(
-            "Invalid " + U + " `" + L + "` of type " + ("`" + Y + "` supplied to `" + M + "`, expected ") + ("`" + S + "`."),
-            { expectedType: S }
+            "Invalid " + U + " `" + D + "` of type " + ("`" + Y + "` supplied to `" + L + "`, expected ") + ("`" + k + "`."),
+            { expectedType: k }
           );
         }
         return null;
@@ -2468,17 +2469,17 @@ function hi() {
     function O() {
       return v(a);
     }
-    function _(S) {
-      function $(F, D, M, U, L) {
-        if (typeof S != "function")
-          return new u("Property `" + L + "` of component `" + M + "` has invalid PropType notation inside arrayOf.");
-        var W = F[D];
-        if (!Array.isArray(W)) {
-          var q = V(W);
-          return new u("Invalid " + U + " `" + L + "` of type " + ("`" + q + "` supplied to `" + M + "`, expected an array."));
+    function R(k) {
+      function $(V, W, L, U, D) {
+        if (typeof k != "function")
+          return new u("Property `" + D + "` of component `" + L + "` has invalid PropType notation inside arrayOf.");
+        var F = V[W];
+        if (!Array.isArray(F)) {
+          var q = z(F);
+          return new u("Invalid " + U + " `" + D + "` of type " + ("`" + q + "` supplied to `" + L + "`, expected an array."));
         }
-        for (var J = 0; J < W.length; J++) {
-          var Y = S(W, J, M, U, L + "[" + J + "]", r);
+        for (var J = 0; J < F.length; J++) {
+          var Y = k(F, J, L, U, D + "[" + J + "]", r);
           if (Y instanceof Error)
             return Y;
         }
@@ -2487,64 +2488,64 @@ function hi() {
       return v($);
     }
     function T() {
-      function S($, F, D, M, U) {
-        var L = $[F];
-        if (!s(L)) {
-          var W = V(L);
-          return new u("Invalid " + M + " `" + U + "` of type " + ("`" + W + "` supplied to `" + D + "`, expected a single ReactElement."));
+      function k($, V, W, L, U) {
+        var D = $[V];
+        if (!s(D)) {
+          var F = z(D);
+          return new u("Invalid " + L + " `" + U + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return v(S);
+      return v(k);
     }
-    function C() {
-      function S($, F, D, M, U) {
-        var L = $[F];
-        if (!e.isValidElementType(L)) {
-          var W = V(L);
-          return new u("Invalid " + M + " `" + U + "` of type " + ("`" + W + "` supplied to `" + D + "`, expected a single ReactElement type."));
+    function w() {
+      function k($, V, W, L, U) {
+        var D = $[V];
+        if (!e.isValidElementType(D)) {
+          var F = z(D);
+          return new u("Invalid " + L + " `" + U + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return v(S);
+      return v(k);
     }
-    function w(S) {
-      function $(F, D, M, U, L) {
-        if (!(F[D] instanceof S)) {
-          var W = S.name || g, q = We(F[D]);
-          return new u("Invalid " + U + " `" + L + "` of type " + ("`" + q + "` supplied to `" + M + "`, expected ") + ("instance of `" + W + "`."));
+    function S(k) {
+      function $(V, W, L, U, D) {
+        if (!(V[W] instanceof k)) {
+          var F = k.name || h, q = We(V[W]);
+          return new u("Invalid " + U + " `" + D + "` of type " + ("`" + q + "` supplied to `" + L + "`, expected ") + ("instance of `" + F + "`."));
         }
         return null;
       }
       return v($);
     }
-    function A(S) {
-      if (!Array.isArray(S))
+    function _(k) {
+      if (!Array.isArray(k))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
-      function $(F, D, M, U, L) {
-        for (var W = F[D], q = 0; q < S.length; q++)
-          if (y(W, S[q]))
+      function $(V, W, L, U, D) {
+        for (var F = V[W], q = 0; q < k.length; q++)
+          if (y(F, k[q]))
             return null;
-        var J = JSON.stringify(S, function(me, N) {
+        var J = JSON.stringify(k, function(me, N) {
           var Ce = le(N);
           return Ce === "symbol" ? String(N) : N;
         });
-        return new u("Invalid " + U + " `" + L + "` of value `" + String(W) + "` " + ("supplied to `" + M + "`, expected one of " + J + "."));
+        return new u("Invalid " + U + " `" + D + "` of value `" + String(F) + "` " + ("supplied to `" + L + "`, expected one of " + J + "."));
       }
       return v($);
     }
-    function ne(S) {
-      function $(F, D, M, U, L) {
-        if (typeof S != "function")
-          return new u("Property `" + L + "` of component `" + M + "` has invalid PropType notation inside objectOf.");
-        var W = F[D], q = V(W);
+    function A(k) {
+      function $(V, W, L, U, D) {
+        if (typeof k != "function")
+          return new u("Property `" + D + "` of component `" + L + "` has invalid PropType notation inside objectOf.");
+        var F = V[W], q = z(F);
         if (q !== "object")
-          return new u("Invalid " + U + " `" + L + "` of type " + ("`" + q + "` supplied to `" + M + "`, expected an object."));
-        for (var J in W)
-          if (n(W, J)) {
-            var Y = S(W, J, M, U, L + "." + J, r);
+          return new u("Invalid " + U + " `" + D + "` of type " + ("`" + q + "` supplied to `" + L + "`, expected an object."));
+        for (var J in F)
+          if (n(F, J)) {
+            var Y = k(F, J, L, U, D + "." + J, r);
             if (Y instanceof Error)
               return Y;
           }
@@ -2552,49 +2553,49 @@ function hi() {
       }
       return v($);
     }
-    function G(S) {
-      if (!Array.isArray(S))
+    function j(k) {
+      if (!Array.isArray(k))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var $ = 0; $ < S.length; $++) {
-        var F = S[$];
-        if (typeof F != "function")
+      for (var $ = 0; $ < k.length; $++) {
+        var V = k[$];
+        if (typeof V != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(F) + " at index " + $ + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(V) + " at index " + $ + "."
           ), a;
       }
-      function D(M, U, L, W, q) {
-        for (var J = [], Y = 0; Y < S.length; Y++) {
-          var me = S[Y], N = me(M, U, L, W, q, r);
+      function W(L, U, D, F, q) {
+        for (var J = [], Y = 0; Y < k.length; Y++) {
+          var me = k[Y], N = me(L, U, D, F, q, r);
           if (N == null)
             return null;
           N.data && n(N.data, "expectedType") && J.push(N.data.expectedType);
         }
         var Ce = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
-        return new u("Invalid " + W + " `" + q + "` supplied to " + ("`" + L + "`" + Ce + "."));
+        return new u("Invalid " + F + " `" + q + "` supplied to " + ("`" + D + "`" + Ce + "."));
       }
-      return v(D);
+      return v(W);
     }
-    function j() {
-      function S($, F, D, M, U) {
-        return E($[F]) ? null : new u("Invalid " + M + " `" + U + "` supplied to " + ("`" + D + "`, expected a ReactNode."));
+    function ne() {
+      function k($, V, W, L, U) {
+        return E($[V]) ? null : new u("Invalid " + L + " `" + U + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return v(S);
+      return v(k);
     }
-    function B(S, $, F, D, M) {
+    function B(k, $, V, W, L) {
       return new u(
-        (S || "React class") + ": " + $ + " type `" + F + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + M + "`."
+        (k || "React class") + ": " + $ + " type `" + V + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + L + "`."
       );
     }
-    function l(S) {
-      function $(F, D, M, U, L) {
-        var W = F[D], q = V(W);
+    function l(k) {
+      function $(V, W, L, U, D) {
+        var F = V[W], q = z(F);
         if (q !== "object")
-          return new u("Invalid " + U + " `" + L + "` of type `" + q + "` " + ("supplied to `" + M + "`, expected `object`."));
-        for (var J in S) {
-          var Y = S[J];
+          return new u("Invalid " + U + " `" + D + "` of type `" + q + "` " + ("supplied to `" + L + "`, expected `object`."));
+        for (var J in k) {
+          var Y = k[J];
           if (typeof Y != "function")
-            return B(M, U, L, J, le(Y));
-          var me = Y(W, J, M, U, L + "." + J, r);
+            return B(L, U, D, J, le(Y));
+          var me = Y(F, J, L, U, D + "." + J, r);
           if (me)
             return me;
         }
@@ -2602,22 +2603,22 @@ function hi() {
       }
       return v($);
     }
-    function P(S) {
-      function $(F, D, M, U, L) {
-        var W = F[D], q = V(W);
+    function P(k) {
+      function $(V, W, L, U, D) {
+        var F = V[W], q = z(F);
         if (q !== "object")
-          return new u("Invalid " + U + " `" + L + "` of type `" + q + "` " + ("supplied to `" + M + "`, expected `object`."));
-        var J = t({}, F[D], S);
+          return new u("Invalid " + U + " `" + D + "` of type `" + q + "` " + ("supplied to `" + L + "`, expected `object`."));
+        var J = t({}, V[W], k);
         for (var Y in J) {
-          var me = S[Y];
-          if (n(S, Y) && typeof me != "function")
-            return B(M, U, L, Y, le(me));
+          var me = k[Y];
+          if (n(k, Y) && typeof me != "function")
+            return B(L, U, D, Y, le(me));
           if (!me)
             return new u(
-              "Invalid " + U + " `" + L + "` key `" + Y + "` supplied to `" + M + "`.\nBad object: " + JSON.stringify(F[D], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
+              "Invalid " + U + " `" + D + "` key `" + Y + "` supplied to `" + L + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
-          var N = me(W, Y, M, U, L + "." + Y, r);
+          var N = me(F, Y, L, U, D + "." + Y, r);
           if (N)
             return N;
         }
@@ -2625,30 +2626,30 @@ Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
       }
       return v($);
     }
-    function E(S) {
-      switch (typeof S) {
+    function E(k) {
+      switch (typeof k) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !S;
+          return !k;
         case "object":
-          if (Array.isArray(S))
-            return S.every(E);
-          if (S === null || s(S))
+          if (Array.isArray(k))
+            return k.every(E);
+          if (k === null || s(k))
             return !0;
-          var $ = p(S);
+          var $ = p(k);
           if ($) {
-            var F = $.call(S), D;
-            if ($ !== S.entries) {
-              for (; !(D = F.next()).done; )
-                if (!E(D.value))
+            var V = $.call(k), W;
+            if ($ !== k.entries) {
+              for (; !(W = V.next()).done; )
+                if (!E(W.value))
                   return !1;
             } else
-              for (; !(D = F.next()).done; ) {
-                var M = D.value;
-                if (M && !E(M[1]))
+              for (; !(W = V.next()).done; ) {
+                var L = W.value;
+                if (L && !E(L[1]))
                   return !1;
               }
           } else
@@ -2658,27 +2659,27 @@ Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
           return !1;
       }
     }
-    function R(S, $) {
-      return S === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
+    function I(k, $) {
+      return k === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
     }
-    function V(S) {
-      var $ = typeof S;
-      return Array.isArray(S) ? "array" : S instanceof RegExp ? "object" : R($, S) ? "symbol" : $;
+    function z(k) {
+      var $ = typeof k;
+      return Array.isArray(k) ? "array" : k instanceof RegExp ? "object" : I($, k) ? "symbol" : $;
     }
-    function le(S) {
-      if (typeof S > "u" || S === null)
-        return "" + S;
-      var $ = V(S);
+    function le(k) {
+      if (typeof k > "u" || k === null)
+        return "" + k;
+      var $ = z(k);
       if ($ === "object") {
-        if (S instanceof Date)
+        if (k instanceof Date)
           return "date";
-        if (S instanceof RegExp)
+        if (k instanceof RegExp)
           return "regexp";
       }
       return $;
     }
-    function ge(S) {
-      var $ = le(S);
+    function ge(k) {
+      var $ = le(k);
       switch ($) {
         case "array":
         case "object":
@@ -2691,10 +2692,10 @@ Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
           return $;
       }
     }
-    function We(S) {
-      return !S.constructor || !S.constructor.name ? g : S.constructor.name;
+    function We(k) {
+      return !k.constructor || !k.constructor.name ? h : k.constructor.name;
     }
-    return h.checkPropTypes = o, h.resetWarningCache = o.resetWarningCache, h.PropTypes = h, h;
+    return g.checkPropTypes = o, g.resetWarningCache = o.resetWarningCache, g.PropTypes = g, g;
   }, rr;
 }
 var nr, Kr;
@@ -2709,10 +2710,10 @@ function gi() {
   return r.resetWarningCache = t, nr = function() {
     function n(a, s, d, f, m, p) {
       if (p !== e) {
-        var g = new Error(
+        var h = 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 g.name = "Invariant Violation", g;
+        throw h.name = "Invariant Violation", h;
       }
     }
     n.isRequired = n;
@@ -2777,7 +2778,7 @@ var Jr;
 function xi() {
   if (Jr) return te;
   Jr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.view_transition"), h = /* @__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"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), g = /* @__PURE__ */ Symbol.for("react.client.reference");
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var v = u.$$typeof;
@@ -2789,7 +2790,7 @@ function xi() {
             case n:
             case d:
             case f:
-            case g:
+            case h:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
@@ -2834,7 +2835,7 @@ function xi() {
   }, te.isSuspenseList = function(u) {
     return y(u) === f;
   }, te.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === r || u === o || u === n || u === d || u === f || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === m || u.$$typeof === a || u.$$typeof === i || u.$$typeof === s || u.$$typeof === h || u.getModuleId !== void 0);
+    return typeof u == "string" || typeof u == "function" || u === r || u === o || u === n || u === d || u === f || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === m || u.$$typeof === a || u.$$typeof === i || u.$$typeof === s || u.$$typeof === g || u.getModuleId !== void 0);
   }, te.typeOf = y, te;
 }
 var re = {};
@@ -2852,13 +2853,13 @@ function wi() {
               case o:
               case f:
               case m:
-              case h:
+              case g:
                 return u;
               default:
                 switch (u = u && u.$$typeof, u) {
                   case s:
                   case d:
-                  case g:
+                  case h:
                   case p:
                     return u;
                   case a:
@@ -2872,8 +2873,8 @@ function wi() {
         }
       }
     }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
-    re.ContextConsumer = a, re.ContextProvider = s, re.Element = t, re.ForwardRef = d, re.Fragment = n, re.Lazy = g, re.Memo = p, re.Portal = r, re.Profiler = i, re.StrictMode = o, re.Suspense = f, re.SuspenseList = m, re.isContextConsumer = function(u) {
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+    re.ContextConsumer = a, re.ContextProvider = s, re.Element = t, re.ForwardRef = d, re.Fragment = n, re.Lazy = h, re.Memo = p, re.Portal = r, re.Profiler = i, re.StrictMode = o, re.Suspense = f, re.SuspenseList = m, re.isContextConsumer = function(u) {
       return e(u) === a;
     }, re.isContextProvider = function(u) {
       return e(u) === s;
@@ -2884,7 +2885,7 @@ function wi() {
     }, re.isFragment = function(u) {
       return e(u) === n;
     }, re.isLazy = function(u) {
-      return e(u) === g;
+      return e(u) === h;
     }, re.isMemo = function(u) {
       return e(u) === p;
     }, re.isPortal = function(u) {
@@ -2898,7 +2899,7 @@ function wi() {
     }, re.isSuspenseList = function(u) {
       return e(u) === m;
     }, re.isValidElementType = function(u) {
-      return typeof u == "string" || typeof u == "function" || u === n || u === i || u === o || u === f || u === m || typeof u == "object" && u !== null && (u.$$typeof === g || u.$$typeof === p || u.$$typeof === s || u.$$typeof === a || u.$$typeof === d || u.$$typeof === y || u.getModuleId !== void 0);
+      return typeof u == "string" || typeof u == "function" || u === n || u === i || u === o || u === f || u === m || typeof u == "object" && u !== null && (u.$$typeof === h || u.$$typeof === p || u.$$typeof === s || u.$$typeof === a || u.$$typeof === d || u.$$typeof === y || u.getModuleId !== void 0);
     }, re.typeOf = e;
   })()), re;
 }
@@ -2914,7 +2915,7 @@ function Ee(e) {
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function Mn(e) {
-  if (/* @__PURE__ */ z.isValidElement(e) || ft.isValidElementType(e) || !Ee(e))
+  if (/* @__PURE__ */ G.isValidElement(e) || ft.isValidElementType(e) || !Ee(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
@@ -2928,7 +2929,7 @@ function pe(e, t, r = {
     ...e
   } : e;
   return Ee(e) && Ee(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ z.isValidElement(t[o]) || ft.isValidElementType(t[o]) ? n[o] = t[o] : Ee(t[o]) && // Avoid prototype pollution
+    /* @__PURE__ */ G.isValidElement(t[o]) || ft.isValidElementType(t[o]) ? n[o] = t[o] : Ee(t[o]) && // Avoid prototype pollution
     Object.prototype.hasOwnProperty.call(e, o) && Ee(e[o]) ? n[o] = pe(e[o], t[o], r) : r.clone ? n[o] = Ee(t[o]) ? Mn(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
@@ -2962,22 +2963,22 @@ function Si(e) {
     step: n = 5,
     ...o
   } = e, i = ki(t), a = Object.keys(i);
-  function s(g) {
-    return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r})`;
+  function s(h) {
+    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
   }
-  function d(g) {
-    return `@media (max-width:${(typeof t[g] == "number" ? t[g] : g) - n / 100}${r})`;
+  function d(h) {
+    return `@media (max-width:${(typeof t[h] == "number" ? t[h] : h) - n / 100}${r})`;
   }
-  function f(g, h) {
-    const y = a.indexOf(h);
-    return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r}) and (max-width:${(y !== -1 && typeof t[a[y]] == "number" ? t[a[y]] : h) - n / 100}${r})`;
+  function f(h, g) {
+    const y = a.indexOf(g);
+    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r}) and (max-width:${(y !== -1 && typeof t[a[y]] == "number" ? t[a[y]] : g) - n / 100}${r})`;
   }
-  function m(g) {
-    return a.indexOf(g) + 1 < a.length ? f(g, a[a.indexOf(g) + 1]) : s(g);
+  function m(h) {
+    return a.indexOf(h) + 1 < a.length ? f(h, a[a.indexOf(h) + 1]) : s(h);
   }
-  function p(g) {
-    const h = a.indexOf(g);
-    return h === 0 ? s(a[1]) : h === a.length - 1 ? d(a[h]) : f(g, a[a.indexOf(g) + 1]).replace("@media", "@media not all and");
+  function p(h) {
+    const g = a.indexOf(h);
+    return g === 0 ? s(a[1]) : g === a.length - 1 ? d(a[g]) : f(h, a[a.indexOf(h) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: a,
@@ -3157,9 +3158,9 @@ function se(e) {
       return null;
     const s = a[t], d = a.theme, f = Mt(d, n) || {};
     return we(a, s, (p) => {
-      let g = Ot(f, o, p);
-      return p === g && typeof p == "string" && (g = Ot(f, o, `${t}${p === "default" ? "" : fe(p)}`, p)), r === !1 ? g : {
-        [r]: g
+      let h = Ot(f, o, p);
+      return p === h && typeof p == "string" && (h = Ot(f, o, `${t}${p === "default" ? "" : fe(p)}`, p)), r === !1 ? h : {
+        [r]: h
       };
     });
   };
@@ -3725,10 +3726,10 @@ function ya() {
       return {
         [r]: n
       };
-    const g = Mt(o, f) || {};
+    const h = Mt(o, f) || {};
     return p ? p(a) : we(a, n, (y) => {
-      let u = Ot(g, m, y);
-      return y === u && typeof y == "string" && (u = Ot(g, m, `${r}${y === "default" ? "" : fe(y)}`, y)), d === !1 ? u : {
+      let u = Ot(h, m, y);
+      return y === u && typeof y == "string" && (u = Ot(h, m, `${r}${y === "default" ? "" : fe(y)}`, y)), d === !1 ? u : {
         [d]: u
       };
     });
@@ -3751,30 +3752,30 @@ function ya() {
       if (!f)
         return null;
       const m = jn(o.breakpoints), p = Object.keys(m);
-      let g = m;
-      return Object.keys(f).forEach((h) => {
-        const y = ga(f[h], o);
+      let h = m;
+      return Object.keys(f).forEach((g) => {
+        const y = ga(f[g], o);
         if (y != null)
           if (typeof y == "object")
-            if (a[h])
-              g = at(g, e(h, y, o, a));
+            if (a[g])
+              h = at(h, e(g, y, o, a));
             else {
               const u = we({
                 theme: o
               }, y, (v) => ({
-                [h]: v
+                [g]: v
               }));
-              ha(u, y) ? g[h] = t({
+              ha(u, y) ? h[g] = t({
                 sx: y,
                 theme: o,
                 nested: !0
-              }) : g = at(g, u);
+              }) : h = at(h, u);
             }
           else
-            g = at(g, e(h, y, o, a));
+            h = at(h, e(g, y, o, a));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": tn(o, pr(p, g))
-      } : tn(o, pr(p, g));
+        "@layer sx": tn(o, pr(p, h))
+      } : tn(o, pr(p, h));
     }
     return Array.isArray(n) ? n.map(s) : s(n);
   }
@@ -3831,7 +3832,7 @@ function va(e) {
   return Object.keys(e).length === 0;
 }
 function xa(e = null) {
-  const t = z.useContext(_n);
+  const t = G.useContext(_n);
   return !t || va(t) ? e : t;
 }
 const wa = Qe();
@@ -3906,18 +3907,18 @@ function Sa(e = {}) {
   } = e, i = In("div", {
     shouldForwardProp: (s) => s !== "theme" && s !== "sx" && s !== "as"
   })(De);
-  return /* @__PURE__ */ z.forwardRef(function(d, f) {
+  return /* @__PURE__ */ G.forwardRef(function(d, f) {
     const m = Gt(r), {
       className: p,
-      component: g = "div",
-      ...h
+      component: h = "div",
+      ...g
     } = Tr(d);
     return /* @__PURE__ */ b(i, {
-      as: g,
+      as: h,
       ref: f,
       className: Ae(p, o ? o(n) : n),
       theme: t && m[t] || m,
-      ...h
+      ...g
     });
   });
 }
@@ -4048,63 +4049,63 @@ function Gn(e = {}) {
     Na(s, t, r);
   }
   return (s, d = {}) => {
-    vi(s, (w) => w.filter((A) => A !== De));
+    vi(s, (S) => S.filter((_) => _ !== De));
     const {
       name: f,
       slot: m,
       skipVariantsResolver: p,
-      skipSx: g,
+      skipSx: h,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: h = Oa(Un(m)),
+      overridesResolver: g = Oa(Un(m)),
       ...y
     } = d, u = f && f.startsWith("Mui") || m ? "components" : "custom", v = p !== void 0 ? p : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       m && m !== "Root" && m !== "root" || !1
-    ), k = g || !1;
+    ), C = h || !1;
     let O = ir;
     m === "Root" || m === "root" ? O = n : m ? O = o : Ra(s) && (O = void 0);
-    const _ = In(s, {
+    const R = In(s, {
       shouldForwardProp: O,
       label: Pa(f, m),
       ...y
-    }), T = (w) => {
-      if (w.__emotion_real === w)
-        return w;
-      if (typeof w == "function")
-        return function(ne) {
-          return Et(ne, w, ne.theme.modularCssLayers ? u : void 0);
+    }), T = (S) => {
+      if (S.__emotion_real === S)
+        return S;
+      if (typeof S == "function")
+        return function(A) {
+          return Et(A, S, A.theme.modularCssLayers ? u : void 0);
         };
-      if (Ee(w)) {
-        const A = Vn(w);
-        return function(G) {
-          return A.variants ? Et(G, A, G.theme.modularCssLayers ? u : void 0) : G.theme.modularCssLayers ? je(A.style, u) : A.style;
+      if (Ee(S)) {
+        const _ = Vn(S);
+        return function(j) {
+          return _.variants ? Et(j, _, j.theme.modularCssLayers ? u : void 0) : j.theme.modularCssLayers ? je(_.style, u) : _.style;
         };
       }
-      return w;
-    }, C = (...w) => {
-      const A = [], ne = w.map(T), G = [];
-      if (A.push(i), f && h && G.push(function(P) {
-        const R = P.theme.components?.[f]?.styleOverrides;
-        if (!R)
+      return S;
+    }, w = (...S) => {
+      const _ = [], A = S.map(T), j = [];
+      if (_.push(i), f && g && j.push(function(P) {
+        const I = P.theme.components?.[f]?.styleOverrides;
+        if (!I)
           return null;
-        const V = {};
-        for (const le in R)
-          V[le] = Et(P, R[le], P.theme.modularCssLayers ? "theme" : void 0);
-        return h(P, V);
-      }), f && !v && G.push(function(P) {
-        const R = P.theme?.components?.[f]?.variants;
-        return R ? zn(P, R, [], P.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), k || G.push(De), Array.isArray(ne[0])) {
-        const l = ne.shift(), P = new Array(A.length).fill(""), E = new Array(G.length).fill("");
-        let R;
-        R = [...P, ...l, ...E], R.raw = [...P, ...l.raw, ...E], A.unshift(R);
+        const z = {};
+        for (const le in I)
+          z[le] = Et(P, I[le], P.theme.modularCssLayers ? "theme" : void 0);
+        return g(P, z);
+      }), f && !v && j.push(function(P) {
+        const I = P.theme?.components?.[f]?.variants;
+        return I ? zn(P, I, [], P.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), C || j.push(De), Array.isArray(A[0])) {
+        const l = A.shift(), P = new Array(_.length).fill(""), E = new Array(j.length).fill("");
+        let I;
+        I = [...P, ...l, ...E], I.raw = [...P, ...l.raw, ...E], _.unshift(I);
       }
-      const j = [...A, ...ne, ...G], B = _(...j);
+      const ne = [..._, ...A, ...j], B = R(...ne);
       return s.muiName && (B.muiName = s.muiName), process.env.NODE_ENV !== "production" && (B.displayName = Aa(f, m, s)), B;
     };
-    return _.withConfig && (C.withConfig = _.withConfig), C;
+    return R.withConfig && (w.withConfig = R.withConfig), w;
   };
 }
 function Aa(e, t, r) {
@@ -4313,7 +4314,7 @@ function Ct(e, t, r) {
     return e;
   }
 }
-const Da = /* @__PURE__ */ z.createContext(void 0);
+const Da = /* @__PURE__ */ G.createContext(void 0);
 process.env.NODE_ENV !== "production" && (c.node, c.object);
 function Wa(e) {
   const {
@@ -4330,7 +4331,7 @@ function Fa({
   props: e,
   name: t
 }) {
-  const r = z.useContext(Da);
+  const r = G.useContext(Da);
   return Wa({
     props: e,
     name: t,
@@ -4396,7 +4397,7 @@ function ar(e, t) {
 }
 function qa(e, t = {}) {
   const {
-    getSelector: r = k,
+    getSelector: r = C,
     disableCssColorScheme: n,
     colorSchemeSelector: o,
     enableContrastVars: i
@@ -4408,99 +4409,99 @@ function qa(e, t = {}) {
   } = e, {
     vars: m,
     css: p,
-    varsWithDefaults: g
+    varsWithDefaults: h
   } = ar(f, t);
-  let h = g;
+  let g = h;
   const y = {}, {
     [d]: u,
     ...v
   } = a;
-  if (Object.entries(v || {}).forEach(([T, C]) => {
+  if (Object.entries(v || {}).forEach(([T, w]) => {
     const {
-      vars: w,
-      css: A,
-      varsWithDefaults: ne
-    } = ar(C, t);
-    h = pe(h, ne), y[T] = {
-      css: A,
-      vars: w
+      vars: S,
+      css: _,
+      varsWithDefaults: A
+    } = ar(w, t);
+    g = pe(g, A), y[T] = {
+      css: _,
+      vars: S
     };
   }), u) {
     const {
       css: T,
-      vars: C,
-      varsWithDefaults: w
+      vars: w,
+      varsWithDefaults: S
     } = ar(u, t);
-    h = pe(h, w), y[d] = {
+    g = pe(g, S), y[d] = {
       css: T,
-      vars: C
+      vars: w
     };
   }
-  function k(T, C) {
-    let w = o;
-    if (o === "class" && (w = ".%s"), o === "data" && (w = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (w = `[${o}="%s"]`), T) {
-      if (w === "media")
+  function C(T, w) {
+    let S = o;
+    if (o === "class" && (S = ".%s"), o === "data" && (S = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (S = `[${o}="%s"]`), T) {
+      if (S === "media")
         return e.defaultColorScheme === T ? ":root" : {
           [`@media (prefers-color-scheme: ${a[T]?.palette?.mode || T})`]: {
-            ":root": C
+            ":root": w
           }
         };
-      if (w)
-        return e.defaultColorScheme === T ? `:root, ${w.replace("%s", String(T))}` : w.replace("%s", String(T));
+      if (S)
+        return e.defaultColorScheme === T ? `:root, ${S.replace("%s", String(T))}` : S.replace("%s", String(T));
     }
     return ":root";
   }
   return {
-    vars: h,
+    vars: g,
     generateThemeVars: () => {
       let T = {
         ...m
       };
       return Object.entries(y).forEach(([, {
-        vars: C
+        vars: w
       }]) => {
-        T = pe(T, C);
+        T = pe(T, w);
       }), T;
     },
     generateStyleSheets: () => {
-      const T = [], C = e.defaultColorScheme || "light";
-      function w(G, j) {
-        Object.keys(j).length && T.push(typeof G == "string" ? {
-          [G]: {
-            ...j
+      const T = [], w = e.defaultColorScheme || "light";
+      function S(j, ne) {
+        Object.keys(ne).length && T.push(typeof j == "string" ? {
+          [j]: {
+            ...ne
           }
-        } : G);
+        } : j);
       }
-      w(r(void 0, {
+      S(r(void 0, {
         ...p
       }), p);
       const {
-        [C]: A,
-        ...ne
+        [w]: _,
+        ...A
       } = y;
-      if (A) {
+      if (_) {
         const {
-          css: G
-        } = A, j = a[C]?.palette?.mode, B = !n && j ? {
-          colorScheme: j,
-          ...G
+          css: j
+        } = _, ne = a[w]?.palette?.mode, B = !n && ne ? {
+          colorScheme: ne,
+          ...j
         } : {
-          ...G
+          ...j
         };
-        w(r(C, {
+        S(r(w, {
           ...B
         }), B);
       }
-      return Object.entries(ne).forEach(([G, {
-        css: j
+      return Object.entries(A).forEach(([j, {
+        css: ne
       }]) => {
-        const B = a[G]?.palette?.mode, l = !n && B ? {
+        const B = a[j]?.palette?.mode, l = !n && B ? {
           colorScheme: B,
-          ...j
+          ...ne
         } : {
-          ...j
+          ...ne
         };
-        w(r(G, {
+        S(r(j, {
           ...l
         }), l);
       }), i && T.push({
@@ -4608,27 +4609,27 @@ function Ja(e = {}) {
         maxWidth: `${a.breakpoints.values[s.maxWidth]}${a.breakpoints.unit}`
       }
     }
-  })), i = /* @__PURE__ */ z.forwardRef(function(s, d) {
+  })), i = /* @__PURE__ */ G.forwardRef(function(s, d) {
     const f = r(s), {
       className: m,
       component: p = "div",
-      disableGutters: g = !1,
-      fixed: h = !1,
+      disableGutters: h = !1,
+      fixed: g = !1,
       maxWidth: y = "lg",
       classes: u,
       ...v
-    } = f, k = {
+    } = f, C = {
       ...f,
       component: p,
-      disableGutters: g,
-      fixed: h,
+      disableGutters: h,
+      fixed: g,
       maxWidth: y
-    }, O = Qa(k, n);
+    }, O = Qa(C, n);
     return (
       // @ts-ignore theme is injected by the styled util
       /* @__PURE__ */ b(o, {
         as: p,
-        ownerState: k,
+        ownerState: C,
         className: Ae(O.root, m),
         ref: d,
         ...v
@@ -4647,7 +4648,7 @@ function Ja(e = {}) {
   }), i;
 }
 function Hn(e, t) {
-  return /* @__PURE__ */ z.isValidElement(e) && t.indexOf(
+  return /* @__PURE__ */ G.isValidElement(e) && t.indexOf(
     // For server components `muiName` is available in element.type._payload.value.muiName
     // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
     // eslint-disable-next-line no-underscore-dangle
@@ -4837,62 +4838,62 @@ function hs(e = {}) {
   } = e, i = (f, m) => {
     const {
       container: p,
-      direction: g,
-      spacing: h,
+      direction: h,
+      spacing: g,
       wrap: y,
       size: u
     } = f, v = {
-      root: ["root", p && "container", y !== "wrap" && `wrap-xs-${String(y)}`, ...ls(g), ...ss(u), ...p ? cs(h, m.breakpoints.keys[0]) : []]
+      root: ["root", p && "container", y !== "wrap" && `wrap-xs-${String(y)}`, ...ls(h), ...ss(u), ...p ? cs(g, m.breakpoints.keys[0]) : []]
     };
-    return Je(v, (k) => Ie(o, k), {});
+    return Je(v, (C) => Ie(o, C), {});
   };
   function a(f, m, p = () => !0) {
-    const g = {};
-    return f === null || (Array.isArray(f) ? f.forEach((h, y) => {
-      h !== null && p(h) && m.keys[y] && (g[m.keys[y]] = h);
-    }) : typeof f == "object" ? Object.keys(f).forEach((h) => {
-      const y = f[h];
-      y != null && p(y) && (g[h] = y);
-    }) : g[m.keys[0]] = f), g;
+    const h = {};
+    return f === null || (Array.isArray(f) ? f.forEach((g, y) => {
+      g !== null && p(g) && m.keys[y] && (h[m.keys[y]] = g);
+    }) : typeof f == "object" ? Object.keys(f).forEach((g) => {
+      const y = f[g];
+      y != null && p(y) && (h[g] = y);
+    }) : h[m.keys[0]] = f), h;
   }
-  const s = t(rs, os, ns, es, is, as, ts), d = /* @__PURE__ */ z.forwardRef(function(m, p) {
-    const g = n(), h = r(m), y = Tr(h);
-    ds(y, g.breakpoints);
+  const s = t(rs, os, ns, es, is, as, ts), d = /* @__PURE__ */ G.forwardRef(function(m, p) {
+    const h = n(), g = r(m), y = Tr(g);
+    ds(y, h.breakpoints);
     const {
       className: u,
       children: v,
-      columns: k = 12,
+      columns: C = 12,
       container: O = !1,
-      component: _ = "div",
+      component: R = "div",
       direction: T = "row",
-      wrap: C = "wrap",
-      size: w = {},
-      offset: A = {},
-      spacing: ne = 0,
-      rowSpacing: G = ne,
-      columnSpacing: j = ne,
+      wrap: w = "wrap",
+      size: S = {},
+      offset: _ = {},
+      spacing: A = 0,
+      rowSpacing: j = A,
+      columnSpacing: ne = A,
       unstable_level: B = 0,
       ...l
-    } = y, P = a(w, g.breakpoints, ($) => $ !== !1), E = a(A, g.breakpoints), R = m.columns ?? (B ? void 0 : k), V = m.spacing ?? (B ? void 0 : ne), le = m.rowSpacing ?? m.spacing ?? (B ? void 0 : G), ge = m.columnSpacing ?? m.spacing ?? (B ? void 0 : j), We = {
+    } = y, P = a(S, h.breakpoints, ($) => $ !== !1), E = a(_, h.breakpoints), I = m.columns ?? (B ? void 0 : C), z = m.spacing ?? (B ? void 0 : A), le = m.rowSpacing ?? m.spacing ?? (B ? void 0 : j), ge = m.columnSpacing ?? m.spacing ?? (B ? void 0 : ne), We = {
       ...y,
       level: B,
-      columns: R,
+      columns: I,
       container: O,
       direction: T,
-      wrap: C,
-      spacing: V,
+      wrap: w,
+      spacing: z,
       rowSpacing: le,
       columnSpacing: ge,
       size: P,
       offset: E
-    }, S = i(We, g);
+    }, k = i(We, h);
     return /* @__PURE__ */ b(s, {
       ref: p,
-      as: _,
+      as: R,
       ownerState: We,
-      className: Ae(S.root, u),
+      className: Ae(k.root, u),
       ...l,
-      children: z.Children.map(v, ($) => /* @__PURE__ */ z.isValidElement($) && Hn($, ["Grid"]) && O && $.props.container ? /* @__PURE__ */ z.cloneElement($, {
+      children: G.Children.map(v, ($) => /* @__PURE__ */ G.isValidElement($) && Hn($, ["Grid"]) && O && $.props.container ? /* @__PURE__ */ G.cloneElement($, {
         unstable_level: $.props?.unstable_level ?? B + 1
       }) : $)
     });
@@ -4925,8 +4926,8 @@ function bs(e) {
   });
 }
 function vs(e, t) {
-  const r = z.Children.toArray(e).filter(Boolean);
-  return r.reduce((n, o, i) => (n.push(o), i < r.length - 1 && n.push(/* @__PURE__ */ z.cloneElement(t, {
+  const r = G.Children.toArray(e).filter(Boolean);
+  return r.reduce((n, o, i) => (n.push(o), i < r.length - 1 && n.push(/* @__PURE__ */ G.cloneElement(t, {
     key: `separator-${i}`
   })), n), []);
 }
@@ -4961,8 +4962,8 @@ const xs = (e) => ({
     });
     typeof i == "object" && Object.keys(i).forEach((d, f, m) => {
       if (!i[d]) {
-        const g = f > 0 ? i[m[f - 1]] : "column";
-        i[d] = g;
+        const h = f > 0 ? i[m[f - 1]] : "column";
+        i[d] = h;
       }
     }), r = pe(r, we({
       theme: t
@@ -4989,27 +4990,27 @@ function Cs(e = {}) {
     componentName: n = "MuiStack"
   } = e, o = () => Je({
     root: ["root"]
-  }, (d) => Ie(n, d), {}), i = t(ws), a = /* @__PURE__ */ z.forwardRef(function(d, f) {
+  }, (d) => Ie(n, d), {}), i = t(ws), a = /* @__PURE__ */ G.forwardRef(function(d, f) {
     const m = r(d), p = Tr(m), {
-      component: g = "div",
-      direction: h = "column",
+      component: h = "div",
+      direction: g = "column",
       spacing: y = 0,
       divider: u,
       children: v,
-      className: k,
+      className: C,
       useFlexGap: O = !1,
-      ..._
+      ...R
     } = p, T = {
-      direction: h,
+      direction: g,
       spacing: y,
       useFlexGap: O
-    }, C = o();
+    }, w = o();
     return /* @__PURE__ */ b(i, {
-      as: g,
+      as: h,
       ownerState: T,
       ref: f,
-      className: Ae(C.root, k),
-      ..._,
+      className: Ae(w.root, C),
+      ...R,
       children: u ? vs(v, u) : v
     });
   });
@@ -5177,31 +5178,31 @@ function Nr(e) {
     colorSpace: o,
     ...i
   } = e, a = e.primary || ks(t), s = e.secondary || Ss(t), d = e.error || Ts(t), f = e.info || Es(t), m = e.success || $s(t), p = e.warning || Os(t);
-  function g(v) {
+  function h(v) {
     if (o)
       return Ns(v);
-    const k = sn(v, hr.text.primary) >= r ? hr.text.primary : Xn.text.primary;
+    const C = sn(v, hr.text.primary) >= r ? hr.text.primary : Xn.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const O = sn(v, k);
-      O < 3 && console.error([`MUI: The contrast ratio of ${O}:1 for ${k} on ${v}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const O = sn(v, C);
+      O < 3 && console.error([`MUI: The contrast ratio of ${O}:1 for ${C} on ${v}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return k;
+    return C;
   }
-  const h = ({
+  const g = ({
     color: v,
-    name: k,
+    name: C,
     mainShade: O = 500,
-    lightShade: _ = 300,
+    lightShade: R = 300,
     darkShade: T = 700
   }) => {
     if (v = {
       ...v
     }, !v.main && v[O] && (v.main = v[O]), !v.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${k ? ` (${k})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${O}\` property.` : Pe(11, k ? ` (${k})` : "", O));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${O}\` property.` : Pe(11, C ? ` (${C})` : "", O));
     if (typeof v.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${k ? ` (${k})` : ""} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(v.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -5214,8 +5215,8 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Pe(12, k ? ` (${k})` : "", JSON.stringify(v.main)));
-    return o ? (pn(o, v, "light", _, n), pn(o, v, "dark", T, n)) : (fn(v, "light", _, n), fn(v, "dark", T, n)), v.contrastText || (v.contrastText = g(v.main)), v;
+} });` : Pe(12, C ? ` (${C})` : "", JSON.stringify(v.main)));
+    return o ? (pn(o, v, "light", R, n), pn(o, v, "dark", T, n)) : (fn(v, "light", R, n), fn(v, "dark", T, n)), v.contrastText || (v.contrastText = h(v.main)), v;
   };
   let y;
   return t === "light" ? y = Kn() : t === "dark" && (y = Qn()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), pe({
@@ -5227,12 +5228,12 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: h({
+    primary: g({
       color: a,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: h({
+    secondary: g({
       color: s,
       name: "secondary",
       mainShade: "A400",
@@ -5240,22 +5241,22 @@ const theme2 = createTheme({ palette: {
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: h({
+    error: g({
       color: d,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: h({
+    warning: g({
       color: p,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: h({
+    info: g({
       color: f,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: h({
+    success: g({
       color: m,
       name: "success"
     }),
@@ -5265,9 +5266,9 @@ 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: g,
+    getContrastText: h,
     // Generate a rich color object.
-    augmentColor: h,
+    augmentColor: g,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
@@ -5324,16 +5325,16 @@ function Rs(e, t) {
     ...p
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const g = n / 14, h = m || ((v) => `${v / d * g}rem`), y = (v, k, O, _, T) => ({
+  const h = n / 14, g = m || ((v) => `${v / d * h}rem`), y = (v, C, O, R, T) => ({
     fontFamily: r,
     fontWeight: v,
-    fontSize: h(k),
+    fontSize: g(C),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     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 === hn ? {
-      letterSpacing: `${_s(_ / k)}em`
+      letterSpacing: `${_s(R / C)}em`
     } : {},
     ...T,
     ...f
@@ -5362,7 +5363,7 @@ function Rs(e, t) {
   };
   return pe({
     htmlFontSize: d,
-    pxToRem: h,
+    pxToRem: g,
     fontFamily: r,
     fontSize: n,
     fontWeightLight: o,
@@ -5429,7 +5430,7 @@ function Fs(e) {
         ...f
       } = i;
       if (process.env.NODE_ENV !== "production") {
-        const m = (g) => typeof g == "string", p = (g) => !Number.isNaN(parseFloat(g));
+        const m = (h) => typeof h == "string", p = (h) => !Number.isNaN(parseFloat(h));
         !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(a) && !m(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), m(s) || console.error('MUI: Argument "easing" must be a string.'), !p(d) && !m(d) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
       }
@@ -5524,9 +5525,9 @@ function gr(e = {}, ...t) {
   const p = Nr({
     ...i,
     colorSpace: f
-  }), g = Qe(e);
-  let h = pe(g, {
-    mixins: Ps(g.breakpoints, n),
+  }), h = Qe(e);
+  let g = pe(h, {
+    mixins: Ps(h.breakpoints, n),
     palette: p,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: Ls.slice(),
@@ -5536,17 +5537,17 @@ function gr(e = {}, ...t) {
       ...Vs
     }
   });
-  if (h = pe(h, m), h = t.reduce((y, u) => pe(y, u), h), process.env.NODE_ENV !== "production") {
-    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (v, k) => {
+  if (g = pe(g, m), g = t.reduce((y, u) => pe(y, u), g), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (v, C) => {
       let O;
       for (O in v) {
-        const _ = v[O];
-        if (y.includes(O) && Object.keys(_).length > 0) {
+        const R = v[O];
+        if (y.includes(O) && Object.keys(R).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const T = Ie("", O);
-            console.error([`MUI: The \`${k}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(v, null, 2), "", `Instead, you need to use the '&.${T}' syntax:`, JSON.stringify({
+            console.error([`MUI: The \`${C}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(v, null, 2), "", `Instead, you need to use the '&.${T}' syntax:`, JSON.stringify({
               root: {
-                [`&.${T}`]: _
+                [`&.${T}`]: R
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -5555,20 +5556,20 @@ function gr(e = {}, ...t) {
         }
       }
     };
-    Object.keys(h.components).forEach((v) => {
-      const k = h.components[v].styleOverrides;
-      k && v.startsWith("Mui") && u(k, v);
+    Object.keys(g.components).forEach((v) => {
+      const C = g.components[v].styleOverrides;
+      C && v.startsWith("Mui") && u(C, v);
     });
   }
-  return h.unstable_sxConfig = {
+  return g.unstable_sxConfig = {
     ...ht,
     ...m?.unstable_sxConfig
-  }, h.unstable_sx = function(u) {
+  }, g.unstable_sx = function(u) {
     return De({
       sx: u,
       theme: this
     });
-  }, h.toRuntimeSource = Jn, Us(h), h;
+  }, g.toRuntimeSource = Jn, Us(g), g;
 }
 function qs(e) {
   let t;
@@ -5730,87 +5731,87 @@ function tc(e = {}, ...t) {
     colorSchemeSelector: d = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...m
-  } = e, p = Object.keys(r)[0], g = n || (r.light && p !== "light" ? "light" : p), h = ec(i), {
-    [g]: y,
+  } = e, p = Object.keys(r)[0], h = n || (r.light && p !== "light" ? "light" : p), g = ec(i), {
+    [h]: y,
     light: u,
     dark: v,
-    ...k
+    ...C
   } = r, O = {
-    ...k
+    ...C
   };
-  let _ = y;
-  if ((g === "dark" && !("dark" in r) || g === "light" && !("light" in r)) && (_ = !0), !_)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${g}\` option is either missing or invalid.` : Pe(21, g));
+  let R = y;
+  if ((h === "dark" && !("dark" in r) || h === "light" && !("light" in r)) && (R = !0), !R)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${h}\` option is either missing or invalid.` : Pe(21, h));
   let T;
   a && (T = "oklch");
-  const C = sr(T, O, _, m, g);
+  const w = sr(T, O, R, m, h);
   u && !O.light && sr(T, O, u, void 0, "light"), v && !O.dark && sr(T, O, v, void 0, "dark");
-  let w = {
-    defaultColorScheme: g,
-    ...C,
+  let S = {
+    defaultColorScheme: h,
+    ...w,
     cssVarPrefix: i,
     colorSchemeSelector: d,
     rootSelector: f,
-    getCssVar: h,
+    getCssVar: g,
     colorSchemes: O,
     font: {
-      ...As(C.typography),
-      ...C.font
+      ...As(w.typography),
+      ...w.font
     },
     spacing: Zs(m.spacing)
   };
-  Object.keys(w.colorSchemes).forEach((B) => {
-    const l = w.colorSchemes[B].palette, P = (R) => {
-      const V = R.split("-"), le = V[1], ge = V[2];
-      return h(R, l[le][ge]);
+  Object.keys(S.colorSchemes).forEach((B) => {
+    const l = S.colorSchemes[B].palette, P = (I) => {
+      const z = I.split("-"), le = z[1], ge = z[2];
+      return g(I, l[le][ge]);
     };
     l.mode === "light" && (x(l.common, "background", "#fff"), x(l.common, "onBackground", "#000")), l.mode === "dark" && (x(l.common, "background", "#000"), x(l.common, "onBackground", "#fff"));
-    function E(R, V, le) {
+    function E(I, z, le) {
       if (T) {
         let ge;
-        return R === Me && (ge = `transparent ${((1 - le) * 100).toFixed(0)}%`), R === Z && (ge = `#000 ${(le * 100).toFixed(0)}%`), R === ee && (ge = `#fff ${(le * 100).toFixed(0)}%`), `color-mix(in ${T}, ${V}, ${ge})`;
+        return I === Me && (ge = `transparent ${((1 - le) * 100).toFixed(0)}%`), I === Z && (ge = `#000 ${(le * 100).toFixed(0)}%`), I === ee && (ge = `#fff ${(le * 100).toFixed(0)}%`), `color-mix(in ${T}, ${z}, ${ge})`;
       }
-      return R(V, le);
+      return I(z, le);
     }
     if (Js(l, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), l.mode === "light") {
       x(l.Alert, "errorColor", E(Z, l.error.light, 0.6)), x(l.Alert, "infoColor", E(Z, l.info.light, 0.6)), x(l.Alert, "successColor", E(Z, l.success.light, 0.6)), x(l.Alert, "warningColor", E(Z, l.warning.light, 0.6)), x(l.Alert, "errorFilledBg", P("palette-error-main")), x(l.Alert, "infoFilledBg", P("palette-info-main")), x(l.Alert, "successFilledBg", P("palette-success-main")), x(l.Alert, "warningFilledBg", P("palette-warning-main")), x(l.Alert, "errorFilledColor", ke(() => l.getContrastText(l.error.main))), x(l.Alert, "infoFilledColor", ke(() => l.getContrastText(l.info.main))), x(l.Alert, "successFilledColor", ke(() => l.getContrastText(l.success.main))), x(l.Alert, "warningFilledColor", ke(() => l.getContrastText(l.warning.main))), x(l.Alert, "errorStandardBg", E(ee, l.error.light, 0.9)), x(l.Alert, "infoStandardBg", E(ee, l.info.light, 0.9)), x(l.Alert, "successStandardBg", E(ee, l.success.light, 0.9)), x(l.Alert, "warningStandardBg", E(ee, l.warning.light, 0.9)), x(l.Alert, "errorIconColor", P("palette-error-main")), x(l.Alert, "infoIconColor", P("palette-info-main")), x(l.Alert, "successIconColor", P("palette-success-main")), x(l.Alert, "warningIconColor", P("palette-warning-main")), x(l.AppBar, "defaultBg", P("palette-grey-100")), x(l.Avatar, "defaultBg", P("palette-grey-400")), x(l.Button, "inheritContainedBg", P("palette-grey-300")), x(l.Button, "inheritContainedHoverBg", P("palette-grey-A100")), x(l.Chip, "defaultBorder", P("palette-grey-400")), x(l.Chip, "defaultAvatarColor", P("palette-grey-700")), x(l.Chip, "defaultIconColor", P("palette-grey-700")), x(l.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), x(l.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), x(l.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), x(l.LinearProgress, "primaryBg", E(ee, l.primary.main, 0.62)), x(l.LinearProgress, "secondaryBg", E(ee, l.secondary.main, 0.62)), x(l.LinearProgress, "errorBg", E(ee, l.error.main, 0.62)), x(l.LinearProgress, "infoBg", E(ee, l.info.main, 0.62)), x(l.LinearProgress, "successBg", E(ee, l.success.main, 0.62)), x(l.LinearProgress, "warningBg", E(ee, l.warning.main, 0.62)), x(l.Skeleton, "bg", T ? E(Me, l.text.primary, 0.11) : `rgba(${P("palette-text-primaryChannel")} / 0.11)`), x(l.Slider, "primaryTrack", E(ee, l.primary.main, 0.62)), x(l.Slider, "secondaryTrack", E(ee, l.secondary.main, 0.62)), x(l.Slider, "errorTrack", E(ee, l.error.main, 0.62)), x(l.Slider, "infoTrack", E(ee, l.info.main, 0.62)), x(l.Slider, "successTrack", E(ee, l.success.main, 0.62)), x(l.Slider, "warningTrack", E(ee, l.warning.main, 0.62));
-      const R = T ? E(Z, l.background.default, 0.6825) : Ct(l.background.default, 0.8);
-      x(l.SnackbarContent, "bg", R), x(l.SnackbarContent, "color", ke(() => T ? hr.text.primary : l.getContrastText(R))), x(l.SpeedDialAction, "fabHoverBg", Ct(l.background.paper, 0.15)), x(l.StepConnector, "border", P("palette-grey-400")), x(l.StepContent, "border", P("palette-grey-400")), x(l.Switch, "defaultColor", P("palette-common-white")), x(l.Switch, "defaultDisabledColor", P("palette-grey-100")), x(l.Switch, "primaryDisabledColor", E(ee, l.primary.main, 0.62)), x(l.Switch, "secondaryDisabledColor", E(ee, l.secondary.main, 0.62)), x(l.Switch, "errorDisabledColor", E(ee, l.error.main, 0.62)), x(l.Switch, "infoDisabledColor", E(ee, l.info.main, 0.62)), x(l.Switch, "successDisabledColor", E(ee, l.success.main, 0.62)), x(l.Switch, "warningDisabledColor", E(ee, l.warning.main, 0.62)), x(l.TableCell, "border", E(ee, E(Me, l.divider, 1), 0.88)), x(l.Tooltip, "bg", E(Me, l.grey[700], 0.92));
+      const I = T ? E(Z, l.background.default, 0.6825) : Ct(l.background.default, 0.8);
+      x(l.SnackbarContent, "bg", I), x(l.SnackbarContent, "color", ke(() => T ? hr.text.primary : l.getContrastText(I))), x(l.SpeedDialAction, "fabHoverBg", Ct(l.background.paper, 0.15)), x(l.StepConnector, "border", P("palette-grey-400")), x(l.StepContent, "border", P("palette-grey-400")), x(l.Switch, "defaultColor", P("palette-common-white")), x(l.Switch, "defaultDisabledColor", P("palette-grey-100")), x(l.Switch, "primaryDisabledColor", E(ee, l.primary.main, 0.62)), x(l.Switch, "secondaryDisabledColor", E(ee, l.secondary.main, 0.62)), x(l.Switch, "errorDisabledColor", E(ee, l.error.main, 0.62)), x(l.Switch, "infoDisabledColor", E(ee, l.info.main, 0.62)), x(l.Switch, "successDisabledColor", E(ee, l.success.main, 0.62)), x(l.Switch, "warningDisabledColor", E(ee, l.warning.main, 0.62)), x(l.TableCell, "border", E(ee, E(Me, l.divider, 1), 0.88)), x(l.Tooltip, "bg", E(Me, l.grey[700], 0.92));
     }
     if (l.mode === "dark") {
       x(l.Alert, "errorColor", E(ee, l.error.light, 0.6)), x(l.Alert, "infoColor", E(ee, l.info.light, 0.6)), x(l.Alert, "successColor", E(ee, l.success.light, 0.6)), x(l.Alert, "warningColor", E(ee, l.warning.light, 0.6)), x(l.Alert, "errorFilledBg", P("palette-error-dark")), x(l.Alert, "infoFilledBg", P("palette-info-dark")), x(l.Alert, "successFilledBg", P("palette-success-dark")), x(l.Alert, "warningFilledBg", P("palette-warning-dark")), x(l.Alert, "errorFilledColor", ke(() => l.getContrastText(l.error.dark))), x(l.Alert, "infoFilledColor", ke(() => l.getContrastText(l.info.dark))), x(l.Alert, "successFilledColor", ke(() => l.getContrastText(l.success.dark))), x(l.Alert, "warningFilledColor", ke(() => l.getContrastText(l.warning.dark))), x(l.Alert, "errorStandardBg", E(Z, l.error.light, 0.9)), x(l.Alert, "infoStandardBg", E(Z, l.info.light, 0.9)), x(l.Alert, "successStandardBg", E(Z, l.success.light, 0.9)), x(l.Alert, "warningStandardBg", E(Z, l.warning.light, 0.9)), x(l.Alert, "errorIconColor", P("palette-error-main")), x(l.Alert, "infoIconColor", P("palette-info-main")), x(l.Alert, "successIconColor", P("palette-success-main")), x(l.Alert, "warningIconColor", P("palette-warning-main")), x(l.AppBar, "defaultBg", P("palette-grey-900")), x(l.AppBar, "darkBg", P("palette-background-paper")), x(l.AppBar, "darkColor", P("palette-text-primary")), x(l.Avatar, "defaultBg", P("palette-grey-600")), x(l.Button, "inheritContainedBg", P("palette-grey-800")), x(l.Button, "inheritContainedHoverBg", P("palette-grey-700")), x(l.Chip, "defaultBorder", P("palette-grey-700")), x(l.Chip, "defaultAvatarColor", P("palette-grey-300")), x(l.Chip, "defaultIconColor", P("palette-grey-300")), x(l.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), x(l.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), x(l.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), x(l.LinearProgress, "primaryBg", E(Z, l.primary.main, 0.5)), x(l.LinearProgress, "secondaryBg", E(Z, l.secondary.main, 0.5)), x(l.LinearProgress, "errorBg", E(Z, l.error.main, 0.5)), x(l.LinearProgress, "infoBg", E(Z, l.info.main, 0.5)), x(l.LinearProgress, "successBg", E(Z, l.success.main, 0.5)), x(l.LinearProgress, "warningBg", E(Z, l.warning.main, 0.5)), x(l.Skeleton, "bg", T ? E(Me, l.text.primary, 0.13) : `rgba(${P("palette-text-primaryChannel")} / 0.13)`), x(l.Slider, "primaryTrack", E(Z, l.primary.main, 0.5)), x(l.Slider, "secondaryTrack", E(Z, l.secondary.main, 0.5)), x(l.Slider, "errorTrack", E(Z, l.error.main, 0.5)), x(l.Slider, "infoTrack", E(Z, l.info.main, 0.5)), x(l.Slider, "successTrack", E(Z, l.success.main, 0.5)), x(l.Slider, "warningTrack", E(Z, l.warning.main, 0.5));
-      const R = T ? E(ee, l.background.default, 0.985) : Ct(l.background.default, 0.98);
-      x(l.SnackbarContent, "bg", R), x(l.SnackbarContent, "color", ke(() => T ? Xn.text.primary : l.getContrastText(R))), x(l.SpeedDialAction, "fabHoverBg", Ct(l.background.paper, 0.15)), x(l.StepConnector, "border", P("palette-grey-600")), x(l.StepContent, "border", P("palette-grey-600")), x(l.Switch, "defaultColor", P("palette-grey-300")), x(l.Switch, "defaultDisabledColor", P("palette-grey-600")), x(l.Switch, "primaryDisabledColor", E(Z, l.primary.main, 0.55)), x(l.Switch, "secondaryDisabledColor", E(Z, l.secondary.main, 0.55)), x(l.Switch, "errorDisabledColor", E(Z, l.error.main, 0.55)), x(l.Switch, "infoDisabledColor", E(Z, l.info.main, 0.55)), x(l.Switch, "successDisabledColor", E(Z, l.success.main, 0.55)), x(l.Switch, "warningDisabledColor", E(Z, l.warning.main, 0.55)), x(l.TableCell, "border", E(Z, E(Me, l.divider, 1), 0.68)), x(l.Tooltip, "bg", E(Me, l.grey[700], 0.92));
+      const I = T ? E(ee, l.background.default, 0.985) : Ct(l.background.default, 0.98);
+      x(l.SnackbarContent, "bg", I), x(l.SnackbarContent, "color", ke(() => T ? Xn.text.primary : l.getContrastText(I))), x(l.SpeedDialAction, "fabHoverBg", Ct(l.background.paper, 0.15)), x(l.StepConnector, "border", P("palette-grey-600")), x(l.StepContent, "border", P("palette-grey-600")), x(l.Switch, "defaultColor", P("palette-grey-300")), x(l.Switch, "defaultDisabledColor", P("palette-grey-600")), x(l.Switch, "primaryDisabledColor", E(Z, l.primary.main, 0.55)), x(l.Switch, "secondaryDisabledColor", E(Z, l.secondary.main, 0.55)), x(l.Switch, "errorDisabledColor", E(Z, l.error.main, 0.55)), x(l.Switch, "infoDisabledColor", E(Z, l.info.main, 0.55)), x(l.Switch, "successDisabledColor", E(Z, l.success.main, 0.55)), x(l.Switch, "warningDisabledColor", E(Z, l.warning.main, 0.55)), x(l.TableCell, "border", E(Z, E(Me, l.divider, 1), 0.68)), x(l.Tooltip, "bg", E(Me, l.grey[700], 0.92));
     }
-    Ne(l.background, "default"), Ne(l.background, "paper"), Ne(l.common, "background"), Ne(l.common, "onBackground"), Ne(l, "divider"), Object.keys(l).forEach((R) => {
-      const V = l[R];
-      R !== "tonalOffset" && V && typeof V == "object" && (V.main && x(l[R], "mainChannel", nt(ot(V.main))), V.light && x(l[R], "lightChannel", nt(ot(V.light))), V.dark && x(l[R], "darkChannel", nt(ot(V.dark))), V.contrastText && x(l[R], "contrastTextChannel", nt(ot(V.contrastText))), R === "text" && (Ne(l[R], "primary"), Ne(l[R], "secondary")), R === "action" && (V.active && Ne(l[R], "active"), V.selected && Ne(l[R], "selected")));
+    Ne(l.background, "default"), Ne(l.background, "paper"), Ne(l.common, "background"), Ne(l.common, "onBackground"), Ne(l, "divider"), Object.keys(l).forEach((I) => {
+      const z = l[I];
+      I !== "tonalOffset" && z && typeof z == "object" && (z.main && x(l[I], "mainChannel", nt(ot(z.main))), z.light && x(l[I], "lightChannel", nt(ot(z.light))), z.dark && x(l[I], "darkChannel", nt(ot(z.dark))), z.contrastText && x(l[I], "contrastTextChannel", nt(ot(z.contrastText))), I === "text" && (Ne(l[I], "primary"), Ne(l[I], "secondary")), I === "action" && (z.active && Ne(l[I], "active"), z.selected && Ne(l[I], "selected")));
     });
-  }), w = t.reduce((B, l) => pe(B, l), w);
-  const A = {
+  }), S = t.reduce((B, l) => pe(B, l), S);
+  const _ = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: s,
-    getSelector: Qs(w),
+    getSelector: Qs(S),
     enableContrastVars: a
   }, {
-    vars: ne,
-    generateThemeVars: G,
-    generateStyleSheets: j
-  } = qa(w, A);
-  return w.vars = ne, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([B, l]) => {
-    w[B] = l;
-  }), w.generateThemeVars = G, w.generateStyleSheets = j, w.generateSpacing = function() {
+    vars: A,
+    generateThemeVars: j,
+    generateStyleSheets: ne
+  } = qa(S, _);
+  return S.vars = A, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([B, l]) => {
+    S[B] = l;
+  }), S.generateThemeVars = j, S.generateStyleSheets = ne, S.generateSpacing = function() {
     return Bn(m.spacing, Bt(this));
-  }, w.getColorSchemeSelector = Ya(d), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = s, w.unstable_sxConfig = {
+  }, S.getColorSchemeSelector = Ya(d), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
     ...ht,
     ...m?.unstable_sxConfig
-  }, w.unstable_sx = function(l) {
+  }, S.unstable_sx = function(l) {
     return De({
       sx: l,
       theme: this
     });
-  }, w.toRuntimeSource = Jn, w;
+  }, S.toRuntimeSource = Jn, S;
 }
 function bn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -5869,7 +5870,7 @@ function to(e = {}, ...t) {
 const ro = to();
 function rc() {
   const e = Gt(ro);
-  return process.env.NODE_ENV !== "production" && z.useDebugValue(e), e[vr] || e;
+  return process.env.NODE_ENV !== "production" && G.useDebugValue(e), e[vr] || e;
 }
 function nc(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
@@ -5890,11 +5891,11 @@ function ic(e, t) {
     ...t.propTypes
   } : null;
   return (o) => (i, a, s, d, f, ...m) => {
-    const p = f || a, g = r?.[p];
-    if (g) {
-      const h = g(i, a, s, d, f, ...m);
-      if (h)
-        return h;
+    const p = f || a, h = r?.[p];
+    if (h) {
+      const g = h(i, a, s, d, f, ...m);
+      if (g)
+        return g;
     }
     return typeof i[a] < "u" && !i[o] ? new Error(`The prop \`${p}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
   };
@@ -6131,7 +6132,7 @@ function lc(e) {
   return Ie("MuiImageList", e);
 }
 Ut("MuiImageList", ["root", "masonry", "quilted", "standard", "woven"]);
-const Pr = /* @__PURE__ */ z.createContext({});
+const Pr = /* @__PURE__ */ G.createContext({});
 process.env.NODE_ENV !== "production" && (Pr.displayName = "ImageListContext");
 const uc = (e) => {
   const {
@@ -6165,7 +6166,7 @@ const uc = (e) => {
       display: "block"
     }
   }]
-}), so = /* @__PURE__ */ z.forwardRef(function(t, r) {
+}), so = /* @__PURE__ */ G.forwardRef(function(t, r) {
   const n = et({
     props: t,
     name: "MuiImageList"
@@ -6178,8 +6179,8 @@ const uc = (e) => {
     gap: f = 4,
     style: m,
     variant: p = "standard",
-    ...g
-  } = n, h = z.useMemo(() => ({
+    ...h
+  } = n, g = G.useMemo(() => ({
     rowHeight: d,
     gap: f,
     variant: p
@@ -6204,9 +6205,9 @@ const uc = (e) => {
     ref: r,
     style: y,
     ownerState: u,
-    ...g,
+    ...h,
     children: /* @__PURE__ */ b(Pr.Provider, {
-      value: h,
+      value: g,
       children: o
     })
   });
@@ -6325,7 +6326,7 @@ const cr = Ut("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
       }
     }
   }]
-}), co = /* @__PURE__ */ z.forwardRef(function(t, r) {
+}), co = /* @__PURE__ */ G.forwardRef(function(t, r) {
   const n = et({
     props: t,
     name: "MuiImageListItem"
@@ -6339,38 +6340,38 @@ const cr = Ut("MuiImageListItem", ["root", "img", "standard", "woven", "masonry"
     ...m
   } = n, {
     rowHeight: p = "auto",
-    gap: g,
-    variant: h
-  } = z.useContext(Pr);
+    gap: h,
+    variant: g
+  } = G.useContext(Pr);
   let y = "auto";
-  h === "woven" ? y = void 0 : p !== "auto" && (y = p * d + g * (d - 1));
+  g === "woven" ? y = void 0 : p !== "auto" && (y = p * d + h * (d - 1));
   const u = {
     ...n,
     cols: a,
     component: s,
-    gap: g,
+    gap: h,
     rowHeight: p,
     rows: d,
-    variant: h
+    variant: g
   }, v = pc(u);
   return /* @__PURE__ */ b(mc, {
     as: s,
-    className: Ae(v.root, v[h], i),
+    className: Ae(v.root, v[g], i),
     ref: r,
     style: {
       height: y,
-      gridColumnEnd: h !== "masonry" ? `span ${a}` : void 0,
-      gridRowEnd: h !== "masonry" ? `span ${d}` : void 0,
-      marginBottom: h === "masonry" ? g : void 0,
-      breakInside: h === "masonry" ? "avoid" : void 0,
+      gridColumnEnd: g !== "masonry" ? `span ${a}` : void 0,
+      gridRowEnd: g !== "masonry" ? `span ${d}` : void 0,
+      marginBottom: g === "masonry" ? h : void 0,
+      breakInside: g === "masonry" ? "avoid" : void 0,
       ...f
     },
     ownerState: u,
     ...m,
-    children: z.Children.map(o, (k) => /* @__PURE__ */ z.isValidElement(k) ? (process.env.NODE_ENV !== "production" && ft.isFragment(k) && console.error(["MUI: The ImageListItem component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), k.type === "img" || Hn(k, ["Image"]) ? /* @__PURE__ */ z.cloneElement(k, {
-      className: Ae(v.img, k.props.className)
-    }) : k) : null)
+    children: G.Children.map(o, (C) => /* @__PURE__ */ G.isValidElement(C) ? (process.env.NODE_ENV !== "production" && ft.isFragment(C) && console.error(["MUI: The ImageListItem component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), C.type === "img" || Hn(C, ["Image"]) ? /* @__PURE__ */ G.cloneElement(C, {
+      className: Ae(v.img, C.props.className)
+    }) : C) : null)
   });
 });
 process.env.NODE_ENV !== "production" && (co.propTypes = {
@@ -6554,7 +6555,7 @@ const gc = (e) => {
       order: -1
     }
   }]
-}), lo = /* @__PURE__ */ z.forwardRef(function(t, r) {
+}), lo = /* @__PURE__ */ G.forwardRef(function(t, r) {
   const n = et({
     props: t,
     name: "MuiImageListItemBar"
@@ -6570,25 +6571,25 @@ const gc = (e) => {
     ...n,
     position: f,
     actionPosition: i
-  }, g = gc(p);
-  return /* @__PURE__ */ I(yc, {
+  }, h = gc(p);
+  return /* @__PURE__ */ M(yc, {
     ownerState: p,
-    className: Ae(g.root, a),
+    className: Ae(h.root, a),
     ref: r,
     ...m,
-    children: [/* @__PURE__ */ I(bc, {
+    children: [/* @__PURE__ */ M(bc, {
       ownerState: p,
-      className: g.titleWrap,
+      className: h.titleWrap,
       children: [/* @__PURE__ */ b(vc, {
-        className: g.title,
+        className: h.title,
         children: d
       }), s ? /* @__PURE__ */ b(xc, {
-        className: g.subtitle,
+        className: h.subtitle,
         children: s
       }) : null]
     }), o ? /* @__PURE__ */ b(wc, {
       ownerState: p,
-      className: g.actionIcon,
+      className: h.actionIcon,
       children: o
     }) : null]
   });
@@ -6758,13 +6759,13 @@ const Ac = ({
   ...f
 }) => {
   let m = "relative px-4";
-  const p = (h, y = "") => {
+  const p = (g, y = "") => {
     const u = y ? `${y}:` : "";
-    if (h === !0)
+    if (g === !0)
       return `${u}flex-1 ${u}max-w-full`;
-    if (h === "auto")
+    if (g === "auto")
       return `${u}flex-none ${u}w-auto`;
-    const v = Number(h);
+    const v = Number(g);
     if (!isNaN(v) && v > 0 && v <= 12) {
       const O = {
         1: "w-1/12",
@@ -6829,7 +6830,7 @@ const Ac = ({
   return r && (f = f || "center", m = m || "center"), n && (m = "space-between"), /* @__PURE__ */ b(
     uo,
     {
-      direction: e,
+      direction: ((h) => h === "fila" ? "row" : h === "columna" ? "column" : h === "fila-reversa" ? "row-reverse" : h === "columna-reversa" ? "column-reverse" : h)(e),
       spacing: t,
       sx: d,
       alignItems: f,