spry-apps-dropdown 3.0.1 → 3.0.3

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as x, jsxs as te, Fragment as ut } from "react/jsx-runtime";
+import { jsx as x, jsxs as re, Fragment as ut } from "react/jsx-runtime";
 import * as Oe from "react";
-import ie, { useRef as Ee, useState as me, useLayoutEffect as Rn, useEffect as ye, useCallback as pe, createContext as On, useMemo as qe, useContext as In } from "react";
-import { Box as ne, CircularProgress as ft, Typography as Ce, Link as dr, List as $n, Divider as ct, ListItemButton as en, ListItemIcon as tn, Avatar as Kt, ListItemText as kn, Chip as pr, ListItemSecondaryAction as Pn, IconButton as dt, Menu as Nn, Button as mr, MenuItem as hr, Stack as Un } from "@mui/material";
+import ie, { useRef as be, useState as ge, useLayoutEffect as Rn, useEffect as de, useCallback as he, createContext as On, useMemo as qe, useContext as In } from "react";
+import { Box as ne, CircularProgress as ft, Typography as _e, Link as dr, List as $n, Divider as ct, ListItemButton as en, ListItemIcon as tn, Avatar as Kt, ListItemText as kn, Chip as pr, ListItemSecondaryAction as Pn, IconButton as dt, Menu as Nn, Button as mr, MenuItem as hr, Stack as Un } from "@mui/material";
 import { AnimatePresence as Dn, motion as Ln } from "framer-motion";
 import Mn from "@emotion/styled";
 import "@emotion/react";
@@ -14,32 +14,32 @@ function Wn({
   buttonRef: n,
   isLoading: o = !1,
   error: i = null,
-  onRetry: s,
+  onRetry: c,
   excludeAppId: l
 }) {
-  const f = Ee(null), [u, g] = me("64px"), d = () => {
-    const b = window.location.origin;
-    return e.find((c) => c.url.startsWith(b))?.id;
-  }, m = e.filter((b) => {
-    if (l && b.id === l) return !1;
-    const c = d();
-    return !(c && b.id === c);
+  const f = be(null), [u, y] = ge("64px"), d = () => {
+    const g = window.location.origin;
+    return e.find((a) => a.url.startsWith(g))?.id;
+  }, h = e.filter((g) => {
+    if (l && g.id === l) return !1;
+    const a = d();
+    return !(a && g.id === a);
   });
   Rn(() => {
     if (t && n?.current) {
-      const b = n.current.getBoundingClientRect();
-      g(`${b.bottom + 8}px`);
+      const g = n.current.getBoundingClientRect();
+      y(`${g.bottom + 8}px`);
     }
-  }, [t, n]), ye(() => {
-    const b = (c) => {
-      f.current && !f.current.contains(c.target) && n?.current && !n.current.contains(c.target) && r();
+  }, [t, n]), de(() => {
+    const g = (a) => {
+      f.current && !f.current.contains(a.target) && n?.current && !n.current.contains(a.target) && r();
     };
-    return t && document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("mousedown", b);
+    return t && document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("mousedown", g);
     };
   }, [t, r, n]);
-  const w = (b) => {
-    window.open(b, "_blank"), r();
+  const v = (g) => {
+    window.open(g, "_blank"), r();
   };
   return /* @__PURE__ */ x(Dn, { children: t && /* @__PURE__ */ x(
     Ln.div,
@@ -74,7 +74,7 @@ function Wn({
         zIndex: 1e3,
         transformOrigin: "top right"
       },
-      children: /* @__PURE__ */ te(
+      children: /* @__PURE__ */ re(
         ne,
         {
           sx: {
@@ -85,9 +85,9 @@ function Wn({
             width: "320px",
             minHeight: "100px"
           },
-          onClick: (b) => b.stopPropagation(),
+          onClick: (g) => g.stopPropagation(),
           children: [
-            o && m.length === 0 && /* @__PURE__ */ x(
+            o && h.length === 0 && /* @__PURE__ */ x(
               ne,
               {
                 sx: {
@@ -99,7 +99,7 @@ function Wn({
                 children: /* @__PURE__ */ x(ft, { size: 32 })
               }
             ),
-            i && m.length === 0 && /* @__PURE__ */ te(
+            i && h.length === 0 && /* @__PURE__ */ re(
               ne,
               {
                 sx: {
@@ -112,7 +112,7 @@ function Wn({
                 },
                 children: [
                   /* @__PURE__ */ x(
-                    Ce,
+                    _e,
                     {
                       sx: {
                         fontSize: "0.875rem",
@@ -122,11 +122,11 @@ function Wn({
                       children: "Failed to load apps"
                     }
                   ),
-                  s && /* @__PURE__ */ x(
+                  c && /* @__PURE__ */ x(
                     dr,
                     {
                       component: "button",
-                      onClick: s,
+                      onClick: c,
                       sx: {
                         fontSize: "0.875rem",
                         color: "#1a73e8",
@@ -139,7 +139,7 @@ function Wn({
                 ]
               }
             ),
-            m.length > 0 && /* @__PURE__ */ x(
+            h.length > 0 && /* @__PURE__ */ x(
               ne,
               {
                 sx: {
@@ -147,10 +147,10 @@ function Wn({
                   gridTemplateColumns: "repeat(3, 1fr)",
                   gap: 1
                 },
-                children: m.map((b) => /* @__PURE__ */ te(
+                children: h.map((g) => /* @__PURE__ */ re(
                   dr,
                   {
-                    onClick: () => w(b.url),
+                    onClick: () => v(g.url),
                     sx: {
                       display: "flex",
                       flexDirection: "column",
@@ -166,14 +166,14 @@ function Wn({
                         bgcolor: "#f1f3f4"
                       }
                     },
-                    title: b.description,
+                    title: g.description,
                     children: [
-                      /* @__PURE__ */ x(ne, { sx: { pb: 1 }, children: b.iconUrl ? /* @__PURE__ */ x(
+                      /* @__PURE__ */ x(ne, { sx: { pb: 1 }, children: g.iconUrl ? /* @__PURE__ */ x(
                         ne,
                         {
                           component: "img",
-                          src: b.iconUrl,
-                          alt: b.name,
+                          src: g.iconUrl,
+                          alt: g.name,
                           sx: {
                             width: "32px",
                             height: "32px",
@@ -187,17 +187,17 @@ function Wn({
                             width: "32px",
                             height: "32px",
                             borderRadius: "6px",
-                            bgcolor: b.color || "#4285f4",
+                            bgcolor: g.color || "#4285f4",
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center",
                             fontSize: "1.5rem"
                           },
-                          children: b.name.charAt(0)
+                          children: g.name.charAt(0)
                         }
                       ) }),
                       /* @__PURE__ */ x(
-                        Ce,
+                        _e,
                         {
                           sx: {
                             fontSize: "0.75rem",
@@ -206,12 +206,12 @@ function Wn({
                             textAlign: "center",
                             lineHeight: 1.2
                           },
-                          children: b.name
+                          children: g.name
                         }
                       )
                     ]
                   },
-                  b.id
+                  g.id
                 ))
               }
             )
@@ -226,62 +226,62 @@ function Kn(e, t = {}) {
   const {
     refetchInterval: r = Gn,
     cacheTime: n = Yn
-  } = t, [o, i] = me([]), [s, l] = me(!0), [f, u] = me(null), g = Ee(null), d = Ee(null), m = pe(() => {
+  } = t, [o, i] = ge([]), [c, l] = ge(!0), [f, u] = ge(null), y = be(null), d = be(null), h = he(() => {
     try {
-      const c = localStorage.getItem($t);
-      if (!c) return null;
-      const v = JSON.parse(c);
-      return Date.now() - v.timestamp < n ? v.apps : (localStorage.removeItem($t), null);
-    } catch (c) {
-      return console.error("Error loading from cache:", c), null;
+      const a = localStorage.getItem($t);
+      if (!a) return null;
+      const b = JSON.parse(a);
+      return Date.now() - b.timestamp < n ? b.apps : (localStorage.removeItem($t), null);
+    } catch (a) {
+      return console.error("Error loading from cache:", a), null;
     }
-  }, [n]), w = pe((c) => {
+  }, [n]), v = he((a) => {
     try {
-      const v = {
-        apps: c,
+      const b = {
+        apps: a,
         timestamp: Date.now()
       };
-      localStorage.setItem($t, JSON.stringify(v));
-    } catch (v) {
-      console.error("Error saving to cache:", v);
+      localStorage.setItem($t, JSON.stringify(b));
+    } catch (b) {
+      console.error("Error saving to cache:", b);
     }
-  }, []), b = pe(async () => {
+  }, []), g = he(async () => {
     d.current && d.current.abort(), d.current = new AbortController();
     try {
       l(!0), u(null);
-      const c = await fetch(`${e}/api/apps`, {
+      const a = await fetch(`${e}/api/apps`, {
         signal: d.current.signal,
         headers: {
           Accept: "application/json"
         }
       });
-      if (!c.ok)
-        throw new Error(`HTTP error! status: ${c.status}`);
-      const v = await c.json();
-      i(v.apps), w(v.apps), u(null);
-    } catch (c) {
-      if (c instanceof Error && c.name === "AbortError")
+      if (!a.ok)
+        throw new Error(`HTTP error! status: ${a.status}`);
+      const b = await a.json();
+      i(b.apps), v(b.apps), u(null);
+    } catch (a) {
+      if (a instanceof Error && a.name === "AbortError")
         return;
-      const v = c instanceof Error ? c.message : "Failed to fetch apps";
-      u(v), console.error("Error fetching apps:", c);
-      const A = m();
-      A && i(A);
+      const b = a instanceof Error ? a.message : "Failed to fetch apps";
+      u(b), console.error("Error fetching apps:", a);
+      const C = h();
+      C && i(C);
     } finally {
       l(!1);
     }
-  }, [e, m, w]);
-  return ye(() => {
-    const c = m();
-    return c && (i(c), l(!1)), b(), r > 0 && (g.current = window.setInterval(() => {
-      b();
+  }, [e, h, v]);
+  return de(() => {
+    const a = h();
+    return a && (i(a), l(!1)), g(), r > 0 && (y.current = window.setInterval(() => {
+      g();
     }, r)), () => {
-      g.current && window.clearInterval(g.current), d.current && d.current.abort();
+      y.current && window.clearInterval(y.current), d.current && d.current.abort();
     };
   }, [e, r, n]), {
     apps: o,
-    isLoading: s,
+    isLoading: c,
     error: f,
-    refetch: b
+    refetch: g
   };
 }
 function Hn(e) {
@@ -292,171 +292,171 @@ var gr;
 function qn() {
   if (gr) return K;
   gr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), u = /* @__PURE__ */ Symbol.for("react.suspense_list"), g = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), w = /* @__PURE__ */ Symbol.for("react.client.reference");
-  function b(c) {
-    if (typeof c == "object" && c !== null) {
-      var v = c.$$typeof;
-      switch (v) {
+  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"), c = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), u = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), v = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function g(a) {
+    if (typeof a == "object" && a !== null) {
+      var b = a.$$typeof;
+      switch (b) {
         case e:
-          switch (c = c.type, c) {
+          switch (a = a.type, a) {
             case r:
             case o:
             case n:
             case f:
             case u:
-            case m:
-              return c;
+            case h:
+              return a;
             default:
-              switch (c = c && c.$$typeof, c) {
-                case s:
+              switch (a = a && a.$$typeof, a) {
+                case c:
                 case l:
                 case d:
-                case g:
-                  return c;
+                case y:
+                  return a;
                 case i:
-                  return c;
+                  return a;
                 default:
-                  return v;
+                  return b;
               }
           }
         case t:
-          return v;
+          return b;
       }
     }
   }
-  return K.ContextConsumer = i, K.ContextProvider = s, K.Element = e, K.ForwardRef = l, K.Fragment = r, K.Lazy = d, K.Memo = g, K.Portal = t, K.Profiler = o, K.StrictMode = n, K.Suspense = f, K.SuspenseList = u, K.isContextConsumer = function(c) {
-    return b(c) === i;
-  }, K.isContextProvider = function(c) {
-    return b(c) === s;
-  }, K.isElement = function(c) {
-    return typeof c == "object" && c !== null && c.$$typeof === e;
-  }, K.isForwardRef = function(c) {
-    return b(c) === l;
-  }, K.isFragment = function(c) {
-    return b(c) === r;
-  }, K.isLazy = function(c) {
-    return b(c) === d;
-  }, K.isMemo = function(c) {
-    return b(c) === g;
-  }, K.isPortal = function(c) {
-    return b(c) === t;
-  }, K.isProfiler = function(c) {
-    return b(c) === o;
-  }, K.isStrictMode = function(c) {
-    return b(c) === n;
-  }, K.isSuspense = function(c) {
-    return b(c) === f;
-  }, K.isSuspenseList = function(c) {
-    return b(c) === u;
-  }, K.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === u || typeof c == "object" && c !== null && (c.$$typeof === d || c.$$typeof === g || c.$$typeof === s || c.$$typeof === i || c.$$typeof === l || c.$$typeof === w || c.getModuleId !== void 0);
-  }, K.typeOf = b, K;
+  return K.ContextConsumer = i, K.ContextProvider = c, K.Element = e, K.ForwardRef = l, K.Fragment = r, K.Lazy = d, K.Memo = y, K.Portal = t, K.Profiler = o, K.StrictMode = n, K.Suspense = f, K.SuspenseList = u, K.isContextConsumer = function(a) {
+    return g(a) === i;
+  }, K.isContextProvider = function(a) {
+    return g(a) === c;
+  }, K.isElement = function(a) {
+    return typeof a == "object" && a !== null && a.$$typeof === e;
+  }, K.isForwardRef = function(a) {
+    return g(a) === l;
+  }, K.isFragment = function(a) {
+    return g(a) === r;
+  }, K.isLazy = function(a) {
+    return g(a) === d;
+  }, K.isMemo = function(a) {
+    return g(a) === y;
+  }, K.isPortal = function(a) {
+    return g(a) === t;
+  }, K.isProfiler = function(a) {
+    return g(a) === o;
+  }, K.isStrictMode = function(a) {
+    return g(a) === n;
+  }, K.isSuspense = function(a) {
+    return g(a) === f;
+  }, K.isSuspenseList = function(a) {
+    return g(a) === u;
+  }, K.isValidElementType = function(a) {
+    return typeof a == "string" || typeof a == "function" || a === r || a === o || a === n || a === f || a === u || typeof a == "object" && a !== null && (a.$$typeof === d || a.$$typeof === y || a.$$typeof === c || a.$$typeof === i || a.$$typeof === l || a.$$typeof === v || a.getModuleId !== void 0);
+  }, K.typeOf = g, K;
 }
 var H = {};
 var yr;
 function Jn() {
   return yr || (yr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(c) {
-      if (typeof c == "object" && c !== null) {
-        var v = c.$$typeof;
-        switch (v) {
+    function e(a) {
+      if (typeof a == "object" && a !== null) {
+        var b = a.$$typeof;
+        switch (b) {
           case t:
-            switch (c = c.type, c) {
+            switch (a = a.type, a) {
               case n:
               case i:
               case o:
               case u:
-              case g:
-              case w:
-                return c;
+              case y:
+              case v:
+                return a;
               default:
-                switch (c = c && c.$$typeof, c) {
+                switch (a = a && a.$$typeof, a) {
                   case l:
                   case f:
-                  case m:
+                  case h:
                   case d:
-                    return c;
-                  case s:
-                    return c;
+                    return a;
+                  case c:
+                    return a;
                   default:
-                    return v;
+                    return b;
                 }
             }
           case r:
-            return v;
+            return b;
         }
       }
     }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), w = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
-    H.ContextConsumer = s, H.ContextProvider = l, H.Element = t, H.ForwardRef = f, H.Fragment = n, H.Lazy = m, H.Memo = d, H.Portal = r, H.Profiler = i, H.StrictMode = o, H.Suspense = u, H.SuspenseList = g, H.isContextConsumer = function(c) {
-      return e(c) === s;
-    }, H.isContextProvider = function(c) {
-      return e(c) === l;
-    }, H.isElement = function(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === t;
-    }, H.isForwardRef = function(c) {
-      return e(c) === f;
-    }, H.isFragment = function(c) {
-      return e(c) === n;
-    }, H.isLazy = function(c) {
-      return e(c) === m;
-    }, H.isMemo = function(c) {
-      return e(c) === d;
-    }, H.isPortal = function(c) {
-      return e(c) === r;
-    }, H.isProfiler = function(c) {
-      return e(c) === i;
-    }, H.isStrictMode = function(c) {
-      return e(c) === o;
-    }, H.isSuspense = function(c) {
-      return e(c) === u;
-    }, H.isSuspenseList = function(c) {
-      return e(c) === g;
-    }, H.isValidElementType = function(c) {
-      return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === d || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === b || c.getModuleId !== void 0);
+    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"), c = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.view_transition"), g = /* @__PURE__ */ Symbol.for("react.client.reference");
+    H.ContextConsumer = c, H.ContextProvider = l, H.Element = t, H.ForwardRef = f, H.Fragment = n, H.Lazy = h, H.Memo = d, H.Portal = r, H.Profiler = i, H.StrictMode = o, H.Suspense = u, H.SuspenseList = y, H.isContextConsumer = function(a) {
+      return e(a) === c;
+    }, H.isContextProvider = function(a) {
+      return e(a) === l;
+    }, H.isElement = function(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === t;
+    }, H.isForwardRef = function(a) {
+      return e(a) === f;
+    }, H.isFragment = function(a) {
+      return e(a) === n;
+    }, H.isLazy = function(a) {
+      return e(a) === h;
+    }, H.isMemo = function(a) {
+      return e(a) === d;
+    }, H.isPortal = function(a) {
+      return e(a) === r;
+    }, H.isProfiler = function(a) {
+      return e(a) === i;
+    }, H.isStrictMode = function(a) {
+      return e(a) === o;
+    }, H.isSuspense = function(a) {
+      return e(a) === u;
+    }, H.isSuspenseList = function(a) {
+      return e(a) === y;
+    }, H.isValidElementType = function(a) {
+      return typeof a == "string" || typeof a == "function" || a === n || a === i || a === o || a === u || a === y || typeof a == "object" && a !== null && (a.$$typeof === h || a.$$typeof === d || a.$$typeof === l || a.$$typeof === c || a.$$typeof === f || a.$$typeof === g || a.getModuleId !== void 0);
     }, H.typeOf = e;
   })()), H;
 }
-var br;
+var Sr;
 function Xn() {
-  return br || (br = 1, process.env.NODE_ENV === "production" ? nt.exports = /* @__PURE__ */ qn() : nt.exports = /* @__PURE__ */ Jn()), nt.exports;
+  return Sr || (Sr = 1, process.env.NODE_ENV === "production" ? nt.exports = /* @__PURE__ */ qn() : nt.exports = /* @__PURE__ */ Jn()), nt.exports;
 }
 var pt = /* @__PURE__ */ Xn();
-function _e(e) {
+function Te(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
 function rn(e) {
-  if (/* @__PURE__ */ Oe.isValidElement(e) || pt.isValidElementType(e) || !_e(e))
+  if (/* @__PURE__ */ Oe.isValidElement(e) || pt.isValidElementType(e) || !Te(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
     t[r] = rn(e[r]);
   }), t;
 }
-function ue(e, t, r = {
+function fe(e, t, r = {
   clone: !0
 }) {
   const n = r.clone ? {
     ...e
   } : e;
-  return _e(e) && _e(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ Oe.isValidElement(t[o]) || pt.isValidElementType(t[o]) ? n[o] = t[o] : _e(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && _e(e[o]) ? n[o] = ue(e[o], t[o], r) : r.clone ? n[o] = _e(t[o]) ? rn(t[o]) : t[o] : n[o] = t[o];
+  return Te(e) && Te(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ Oe.isValidElement(t[o]) || pt.isValidElementType(t[o]) ? n[o] = t[o] : Te(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && Te(e[o]) ? n[o] = fe(e[o], t[o], r) : r.clone ? n[o] = Te(t[o]) ? rn(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
 var ot = { exports: {} }, it = { exports: {} }, W = {};
-var Sr;
+var br;
 function Qn() {
-  if (Sr) return W;
-  Sr = 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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, w = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, A = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, C = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function y(p) {
+  if (br) return W;
+  br = 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, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, y = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, a = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function A(p) {
     if (typeof p == "object" && p !== null) {
-      var T = p.$$typeof;
-      switch (T) {
+      var w = p.$$typeof;
+      switch (w) {
         case t:
           switch (p = p.type, p) {
             case f:
@@ -469,66 +469,66 @@ function Qn() {
             default:
               switch (p = p && p.$$typeof, p) {
                 case l:
+                case y:
                 case g:
-                case b:
-                case w:
-                case s:
+                case v:
+                case c:
                   return p;
                 default:
-                  return T;
+                  return w;
               }
           }
         case r:
-          return T;
+          return w;
       }
     }
   }
-  function h(p) {
-    return y(p) === u;
+  function m(p) {
+    return A(p) === u;
   }
-  return W.AsyncMode = f, W.ConcurrentMode = u, W.ContextConsumer = l, W.ContextProvider = s, W.Element = t, W.ForwardRef = g, W.Fragment = n, W.Lazy = b, W.Memo = w, W.Portal = r, W.Profiler = i, W.StrictMode = o, W.Suspense = d, W.isAsyncMode = function(p) {
-    return h(p) || y(p) === f;
-  }, W.isConcurrentMode = h, W.isContextConsumer = function(p) {
-    return y(p) === l;
+  return W.AsyncMode = f, W.ConcurrentMode = u, W.ContextConsumer = l, W.ContextProvider = c, W.Element = t, W.ForwardRef = y, W.Fragment = n, W.Lazy = g, W.Memo = v, W.Portal = r, W.Profiler = i, W.StrictMode = o, W.Suspense = d, W.isAsyncMode = function(p) {
+    return m(p) || A(p) === f;
+  }, W.isConcurrentMode = m, W.isContextConsumer = function(p) {
+    return A(p) === l;
   }, W.isContextProvider = function(p) {
-    return y(p) === s;
+    return A(p) === c;
   }, W.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === t;
   }, W.isForwardRef = function(p) {
-    return y(p) === g;
+    return A(p) === y;
   }, W.isFragment = function(p) {
-    return y(p) === n;
+    return A(p) === n;
   }, W.isLazy = function(p) {
-    return y(p) === b;
+    return A(p) === g;
   }, W.isMemo = function(p) {
-    return y(p) === w;
+    return A(p) === v;
   }, W.isPortal = function(p) {
-    return y(p) === r;
+    return A(p) === r;
   }, W.isProfiler = function(p) {
-    return y(p) === i;
+    return A(p) === i;
   }, W.isStrictMode = function(p) {
-    return y(p) === o;
+    return A(p) === o;
   }, W.isSuspense = function(p) {
-    return y(p) === d;
+    return A(p) === d;
   }, W.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === n || p === u || p === i || p === o || p === d || p === m || typeof p == "object" && p !== null && (p.$$typeof === b || p.$$typeof === w || p.$$typeof === s || p.$$typeof === l || p.$$typeof === g || p.$$typeof === v || p.$$typeof === A || p.$$typeof === C || p.$$typeof === c);
-  }, W.typeOf = y, W;
+    return typeof p == "string" || typeof p == "function" || p === n || p === u || p === i || p === o || p === d || p === h || typeof p == "object" && p !== null && (p.$$typeof === g || p.$$typeof === v || p.$$typeof === c || p.$$typeof === l || p.$$typeof === y || p.$$typeof === b || p.$$typeof === C || p.$$typeof === _ || p.$$typeof === a);
+  }, W.typeOf = A, W;
 }
 var G = {};
 var vr;
 function Zn() {
   return vr || (vr = 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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, w = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, A = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, C = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function y(_) {
-      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === n || _ === u || _ === i || _ === o || _ === d || _ === m || typeof _ == "object" && _ !== null && (_.$$typeof === b || _.$$typeof === w || _.$$typeof === s || _.$$typeof === l || _.$$typeof === g || _.$$typeof === v || _.$$typeof === A || _.$$typeof === C || _.$$typeof === c);
+    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, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, y = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, a = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function A(T) {
+      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      T === n || T === u || T === i || T === o || T === d || T === h || typeof T == "object" && T !== null && (T.$$typeof === g || T.$$typeof === v || T.$$typeof === c || T.$$typeof === l || T.$$typeof === y || T.$$typeof === b || T.$$typeof === C || T.$$typeof === _ || T.$$typeof === a);
     }
-    function h(_) {
-      if (typeof _ == "object" && _ !== null) {
-        var ve = _.$$typeof;
-        switch (ve) {
+    function m(T) {
+      if (typeof T == "object" && T !== null) {
+        var Ee = T.$$typeof;
+        switch (Ee) {
           case t:
-            var rt = _.type;
+            var rt = T.type;
             switch (rt) {
               case f:
               case u:
@@ -541,61 +541,61 @@ function Zn() {
                 var fr = rt && rt.$$typeof;
                 switch (fr) {
                   case l:
+                  case y:
                   case g:
-                  case b:
-                  case w:
-                  case s:
+                  case v:
+                  case c:
                     return fr;
                   default:
-                    return ve;
+                    return Ee;
                 }
             }
           case r:
-            return ve;
+            return Ee;
         }
       }
     }
-    var p = f, T = u, P = l, z = s, I = t, a = g, O = n, V = b, j = w, ae = r, oe = i, ce = o, Se = d, tt = !1;
-    function It(_) {
-      return tt || (tt = !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.")), E(_) || h(_) === f;
+    var p = f, w = u, I = l, k = c, $ = t, s = y, O = n, L = g, V = v, ae = r, oe = i, ce = o, we = d, tt = !1;
+    function It(T) {
+      return tt || (tt = !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.")), E(T) || m(T) === f;
     }
-    function E(_) {
-      return h(_) === u;
+    function E(T) {
+      return m(T) === u;
     }
-    function R(_) {
-      return h(_) === l;
+    function R(T) {
+      return m(T) === l;
     }
-    function D(_) {
-      return h(_) === s;
+    function M(T) {
+      return m(T) === c;
     }
-    function N(_) {
-      return typeof _ == "object" && _ !== null && _.$$typeof === t;
+    function U(T) {
+      return typeof T == "object" && T !== null && T.$$typeof === t;
     }
-    function $(_) {
-      return h(_) === g;
+    function P(T) {
+      return m(T) === y;
     }
-    function L(_) {
-      return h(_) === n;
+    function F(T) {
+      return m(T) === n;
     }
-    function k(_) {
-      return h(_) === b;
+    function N(T) {
+      return m(T) === g;
     }
-    function U(_) {
-      return h(_) === w;
+    function D(T) {
+      return m(T) === v;
     }
-    function M(_) {
-      return h(_) === r;
+    function B(T) {
+      return m(T) === r;
     }
-    function Y(_) {
-      return h(_) === i;
+    function Y(T) {
+      return m(T) === i;
     }
-    function F(_) {
-      return h(_) === o;
+    function z(T) {
+      return m(T) === o;
     }
-    function se(_) {
-      return h(_) === d;
+    function se(T) {
+      return m(T) === d;
     }
-    G.AsyncMode = p, G.ConcurrentMode = T, G.ContextConsumer = P, G.ContextProvider = z, G.Element = I, G.ForwardRef = a, G.Fragment = O, G.Lazy = V, G.Memo = j, G.Portal = ae, G.Profiler = oe, G.StrictMode = ce, G.Suspense = Se, G.isAsyncMode = It, G.isConcurrentMode = E, G.isContextConsumer = R, G.isContextProvider = D, G.isElement = N, G.isForwardRef = $, G.isFragment = L, G.isLazy = k, G.isMemo = U, G.isPortal = M, G.isProfiler = Y, G.isStrictMode = F, G.isSuspense = se, G.isValidElementType = y, G.typeOf = h;
+    G.AsyncMode = p, G.ConcurrentMode = w, G.ContextConsumer = I, G.ContextProvider = k, G.Element = $, G.ForwardRef = s, G.Fragment = O, G.Lazy = L, G.Memo = V, G.Portal = ae, G.Profiler = oe, G.StrictMode = ce, G.Suspense = we, G.isAsyncMode = It, G.isConcurrentMode = E, G.isContextConsumer = R, G.isContextProvider = M, G.isElement = U, G.isForwardRef = P, G.isFragment = F, G.isLazy = N, G.isMemo = D, G.isPortal = B, G.isProfiler = Y, G.isStrictMode = z, G.isSuspense = se, G.isValidElementType = A, G.typeOf = m;
   })()), G;
 }
 var wr;
@@ -619,30 +619,30 @@ function eo() {
       var i = new String("abc");
       if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
-      for (var s = {}, l = 0; l < 10; l++)
-        s["_" + String.fromCharCode(l)] = l;
-      var f = Object.getOwnPropertyNames(s).map(function(g) {
-        return s[g];
+      for (var c = {}, l = 0; l < 10; l++)
+        c["_" + String.fromCharCode(l)] = l;
+      var f = Object.getOwnPropertyNames(c).map(function(y) {
+        return c[y];
       });
       if (f.join("") !== "0123456789")
         return !1;
       var u = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
-        u[g] = g;
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        u[y] = y;
       }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return kt = o() ? Object.assign : function(i, s) {
-    for (var l, f = n(i), u, g = 1; g < arguments.length; g++) {
-      l = Object(arguments[g]);
+  return kt = o() ? Object.assign : function(i, c) {
+    for (var l, f = n(i), u, y = 1; y < arguments.length; y++) {
+      l = Object(arguments[y]);
       for (var d in l)
         t.call(l, d) && (f[d] = l[d]);
       if (e) {
         u = e(l);
-        for (var m = 0; m < u.length; m++)
-          r.call(l, u[m]) && (f[u[m]] = l[u[m]]);
+        for (var h = 0; h < u.length; h++)
+          r.call(l, u[h]) && (f[u[h]] = l[u[h]]);
       }
     }
     return f;
@@ -668,37 +668,37 @@ function to() {
   if (process.env.NODE_ENV !== "production") {
     var t = /* @__PURE__ */ Zt(), r = {}, n = /* @__PURE__ */ on();
     e = function(i) {
-      var s = "Warning: " + i;
-      typeof console < "u" && console.error(s);
+      var c = "Warning: " + i;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(s);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function o(i, s, l, f, u) {
+  function o(i, c, l, f, u) {
     if (process.env.NODE_ENV !== "production") {
-      for (var g in i)
-        if (n(i, g)) {
+      for (var y in i)
+        if (n(i, y)) {
           var d;
           try {
-            if (typeof i[g] != "function") {
-              var m = Error(
-                (f || "React class") + ": " + l + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof i[y] != "function") {
+              var h = Error(
+                (f || "React class") + ": " + l + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw h.name = "Invariant Violation", h;
             }
-            d = i[g](s, g, f, l, null, t);
-          } catch (b) {
-            d = b;
+            d = i[y](c, y, f, l, null, t);
+          } catch (g) {
+            d = g;
           }
           if (d && !(d instanceof Error) && e(
-            (f || "React class") + ": type specification of " + l + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (f || "React class") + ": type specification of " + l + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), d instanceof Error && !(d.message in r)) {
             r[d.message] = !0;
-            var w = u ? u() : "";
+            var v = u ? u() : "";
             e(
-              "Failed " + l + " type: " + d.message + (w ?? "")
+              "Failed " + l + " type: " + d.message + (v ?? "")
             );
           }
         }
@@ -722,240 +722,240 @@ function ro() {
     } catch {
     }
   });
-  function s() {
+  function c() {
     return null;
   }
   return Dt = function(l, f) {
-    var u = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
+    var u = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
     function d(E) {
-      var R = E && (u && E[u] || E[g]);
+      var R = E && (u && E[u] || E[y]);
       if (typeof R == "function")
         return R;
     }
-    var m = "<<anonymous>>", w = {
-      array: A("array"),
-      bigint: A("bigint"),
-      bool: A("boolean"),
-      func: A("function"),
-      number: A("number"),
-      object: A("object"),
-      string: A("string"),
-      symbol: A("symbol"),
-      any: C(),
-      arrayOf: y,
-      element: h(),
+    var h = "<<anonymous>>", v = {
+      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: _(),
+      arrayOf: A,
+      element: m(),
       elementType: p(),
-      instanceOf: T,
-      node: a(),
-      objectOf: z,
-      oneOf: P,
-      oneOfType: I,
-      shape: V,
-      exact: j
+      instanceOf: w,
+      node: s(),
+      objectOf: k,
+      oneOf: I,
+      oneOfType: $,
+      shape: L,
+      exact: V
     };
-    function b(E, R) {
+    function g(E, R) {
       return E === R ? E !== 0 || 1 / E === 1 / R : E !== E && R !== R;
     }
-    function c(E, R) {
+    function a(E, R) {
       this.message = E, this.data = R && typeof R == "object" ? R : {}, this.stack = "";
     }
-    c.prototype = Error.prototype;
-    function v(E) {
+    a.prototype = Error.prototype;
+    function b(E) {
       if (process.env.NODE_ENV !== "production")
-        var R = {}, D = 0;
-      function N(L, k, U, M, Y, F, se) {
-        if (M = M || m, F = F || U, se !== r) {
+        var R = {}, M = 0;
+      function U(F, N, D, B, Y, z, se) {
+        if (B = B || h, z = z || D, se !== r) {
           if (f) {
-            var _ = new Error(
+            var T = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw _.name = "Invariant Violation", _;
+            throw T.name = "Invariant Violation", T;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ve = M + ":" + U;
-            !R[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
-            D < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + M + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), R[ve] = !0, D++);
+            var Ee = B + ":" + D;
+            !R[Ee] && // Avoid spamming the console because they are often not actionable except for lib authors
+            M < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + z + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), R[Ee] = !0, M++);
           }
         }
-        return k[U] == null ? L ? k[U] === null ? new c("The " + Y + " `" + F + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new c("The " + Y + " `" + F + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : E(k, U, M, Y, F);
+        return N[D] == null ? F ? N[D] === null ? new a("The " + Y + " `" + z + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new a("The " + Y + " `" + z + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : E(N, D, B, Y, z);
       }
-      var $ = N.bind(null, !1);
-      return $.isRequired = N.bind(null, !0), $;
+      var P = U.bind(null, !1);
+      return P.isRequired = U.bind(null, !0), P;
     }
-    function A(E) {
-      function R(D, N, $, L, k, U) {
-        var M = D[N], Y = ce(M);
+    function C(E) {
+      function R(M, U, P, F, N, D) {
+        var B = M[U], Y = ce(B);
         if (Y !== E) {
-          var F = Se(M);
-          return new c(
-            "Invalid " + L + " `" + k + "` of type " + ("`" + F + "` supplied to `" + $ + "`, expected ") + ("`" + E + "`."),
+          var z = we(B);
+          return new a(
+            "Invalid " + F + " `" + N + "` of type " + ("`" + z + "` supplied to `" + P + "`, expected ") + ("`" + E + "`."),
             { expectedType: E }
           );
         }
         return null;
       }
-      return v(R);
+      return b(R);
     }
-    function C() {
-      return v(s);
+    function _() {
+      return b(c);
     }
-    function y(E) {
-      function R(D, N, $, L, k) {
+    function A(E) {
+      function R(M, U, P, F, N) {
         if (typeof E != "function")
-          return new c("Property `" + k + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
-        var U = D[N];
-        if (!Array.isArray(U)) {
-          var M = ce(U);
-          return new c("Invalid " + L + " `" + k + "` of type " + ("`" + M + "` supplied to `" + $ + "`, expected an array."));
+          return new a("Property `" + N + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var D = M[U];
+        if (!Array.isArray(D)) {
+          var B = ce(D);
+          return new a("Invalid " + F + " `" + N + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected an array."));
         }
-        for (var Y = 0; Y < U.length; Y++) {
-          var F = E(U, Y, $, L, k + "[" + Y + "]", r);
-          if (F instanceof Error)
-            return F;
+        for (var Y = 0; Y < D.length; Y++) {
+          var z = E(D, Y, P, F, N + "[" + Y + "]", r);
+          if (z instanceof Error)
+            return z;
         }
         return null;
       }
-      return v(R);
+      return b(R);
     }
-    function h() {
-      function E(R, D, N, $, L) {
-        var k = R[D];
-        if (!l(k)) {
-          var U = ce(k);
-          return new c("Invalid " + $ + " `" + L + "` of type " + ("`" + U + "` supplied to `" + N + "`, expected a single ReactElement."));
+    function m() {
+      function E(R, M, U, P, F) {
+        var N = R[M];
+        if (!l(N)) {
+          var D = ce(N);
+          return new a("Invalid " + P + " `" + F + "` of type " + ("`" + D + "` supplied to `" + U + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return v(E);
+      return b(E);
     }
     function p() {
-      function E(R, D, N, $, L) {
-        var k = R[D];
-        if (!e.isValidElementType(k)) {
-          var U = ce(k);
-          return new c("Invalid " + $ + " `" + L + "` of type " + ("`" + U + "` supplied to `" + N + "`, expected a single ReactElement type."));
+      function E(R, M, U, P, F) {
+        var N = R[M];
+        if (!e.isValidElementType(N)) {
+          var D = ce(N);
+          return new a("Invalid " + P + " `" + F + "` of type " + ("`" + D + "` supplied to `" + U + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return v(E);
+      return b(E);
     }
-    function T(E) {
-      function R(D, N, $, L, k) {
-        if (!(D[N] instanceof E)) {
-          var U = E.name || m, M = It(D[N]);
-          return new c("Invalid " + L + " `" + k + "` of type " + ("`" + M + "` supplied to `" + $ + "`, expected ") + ("instance of `" + U + "`."));
+    function w(E) {
+      function R(M, U, P, F, N) {
+        if (!(M[U] instanceof E)) {
+          var D = E.name || h, B = It(M[U]);
+          return new a("Invalid " + F + " `" + N + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected ") + ("instance of `" + D + "`."));
         }
         return null;
       }
-      return v(R);
+      return b(R);
     }
-    function P(E) {
+    function I(E) {
       if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
-      function R(D, N, $, L, k) {
-        for (var U = D[N], M = 0; M < E.length; M++)
-          if (b(U, E[M]))
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
+      function R(M, U, P, F, N) {
+        for (var D = M[U], B = 0; B < E.length; B++)
+          if (g(D, E[B]))
             return null;
-        var Y = JSON.stringify(E, function(se, _) {
-          var ve = Se(_);
-          return ve === "symbol" ? String(_) : _;
+        var Y = JSON.stringify(E, function(se, T) {
+          var Ee = we(T);
+          return Ee === "symbol" ? String(T) : T;
         });
-        return new c("Invalid " + L + " `" + k + "` of value `" + String(U) + "` " + ("supplied to `" + $ + "`, expected one of " + Y + "."));
+        return new a("Invalid " + F + " `" + N + "` of value `" + String(D) + "` " + ("supplied to `" + P + "`, expected one of " + Y + "."));
       }
-      return v(R);
+      return b(R);
     }
-    function z(E) {
-      function R(D, N, $, L, k) {
+    function k(E) {
+      function R(M, U, P, F, N) {
         if (typeof E != "function")
-          return new c("Property `" + k + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
-        var U = D[N], M = ce(U);
-        if (M !== "object")
-          return new c("Invalid " + L + " `" + k + "` of type " + ("`" + M + "` supplied to `" + $ + "`, expected an object."));
-        for (var Y in U)
-          if (n(U, Y)) {
-            var F = E(U, Y, $, L, k + "." + Y, r);
-            if (F instanceof Error)
-              return F;
+          return new a("Property `" + N + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var D = M[U], B = ce(D);
+        if (B !== "object")
+          return new a("Invalid " + F + " `" + N + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected an object."));
+        for (var Y in D)
+          if (n(D, Y)) {
+            var z = E(D, Y, P, F, N + "." + Y, r);
+            if (z instanceof Error)
+              return z;
           }
         return null;
       }
-      return v(R);
+      return b(R);
     }
-    function I(E) {
+    function $(E) {
       if (!Array.isArray(E))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
       for (var R = 0; R < E.length; R++) {
-        var D = E[R];
-        if (typeof D != "function")
+        var M = E[R];
+        if (typeof M != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + tt(D) + " at index " + R + "."
-          ), s;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + tt(M) + " at index " + R + "."
+          ), c;
       }
-      function N($, L, k, U, M) {
-        for (var Y = [], F = 0; F < E.length; F++) {
-          var se = E[F], _ = se($, L, k, U, M, r);
-          if (_ == null)
+      function U(P, F, N, D, B) {
+        for (var Y = [], z = 0; z < E.length; z++) {
+          var se = E[z], T = se(P, F, N, D, B, r);
+          if (T == null)
             return null;
-          _.data && n(_.data, "expectedType") && Y.push(_.data.expectedType);
+          T.data && n(T.data, "expectedType") && Y.push(T.data.expectedType);
         }
-        var ve = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new c("Invalid " + U + " `" + M + "` supplied to " + ("`" + k + "`" + ve + "."));
+        var Ee = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
+        return new a("Invalid " + D + " `" + B + "` supplied to " + ("`" + N + "`" + Ee + "."));
       }
-      return v(N);
+      return b(U);
     }
-    function a() {
-      function E(R, D, N, $, L) {
-        return ae(R[D]) ? null : new c("Invalid " + $ + " `" + L + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
+    function s() {
+      function E(R, M, U, P, F) {
+        return ae(R[M]) ? null : new a("Invalid " + P + " `" + F + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
-      return v(E);
+      return b(E);
     }
-    function O(E, R, D, N, $) {
-      return new c(
-        (E || "React class") + ": " + R + " type `" + D + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+    function O(E, R, M, U, P) {
+      return new a(
+        (E || "React class") + ": " + R + " type `" + M + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function V(E) {
-      function R(D, N, $, L, k) {
-        var U = D[N], M = ce(U);
-        if (M !== "object")
-          return new c("Invalid " + L + " `" + k + "` of type `" + M + "` " + ("supplied to `" + $ + "`, expected `object`."));
+    function L(E) {
+      function R(M, U, P, F, N) {
+        var D = M[U], B = ce(D);
+        if (B !== "object")
+          return new a("Invalid " + F + " `" + N + "` of type `" + B + "` " + ("supplied to `" + P + "`, expected `object`."));
         for (var Y in E) {
-          var F = E[Y];
-          if (typeof F != "function")
-            return O($, L, k, Y, Se(F));
-          var se = F(U, Y, $, L, k + "." + Y, r);
+          var z = E[Y];
+          if (typeof z != "function")
+            return O(P, F, N, Y, we(z));
+          var se = z(D, Y, P, F, N + "." + Y, r);
           if (se)
             return se;
         }
         return null;
       }
-      return v(R);
+      return b(R);
     }
-    function j(E) {
-      function R(D, N, $, L, k) {
-        var U = D[N], M = ce(U);
-        if (M !== "object")
-          return new c("Invalid " + L + " `" + k + "` of type `" + M + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        var Y = t({}, D[N], E);
-        for (var F in Y) {
-          var se = E[F];
-          if (n(E, F) && typeof se != "function")
-            return O($, L, k, F, Se(se));
+    function V(E) {
+      function R(M, U, P, F, N) {
+        var D = M[U], B = ce(D);
+        if (B !== "object")
+          return new a("Invalid " + F + " `" + N + "` of type `" + B + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var Y = t({}, M[U], E);
+        for (var z in Y) {
+          var se = E[z];
+          if (n(E, z) && typeof se != "function")
+            return O(P, F, N, z, we(se));
           if (!se)
-            return new c(
-              "Invalid " + L + " `" + k + "` key `" + F + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(D[N], null, "  ") + `
+            return new a(
+              "Invalid " + F + " `" + N + "` key `" + z + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(M[U], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var _ = se(U, F, $, L, k + "." + F, r);
-          if (_)
-            return _;
+          var T = se(D, z, P, F, N + "." + z, r);
+          if (T)
+            return T;
         }
         return null;
       }
-      return v(R);
+      return b(R);
     }
     function ae(E) {
       switch (typeof E) {
@@ -972,15 +972,15 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             return !0;
           var R = d(E);
           if (R) {
-            var D = R.call(E), N;
+            var M = R.call(E), U;
             if (R !== E.entries) {
-              for (; !(N = D.next()).done; )
-                if (!ae(N.value))
+              for (; !(U = M.next()).done; )
+                if (!ae(U.value))
                   return !1;
             } else
-              for (; !(N = D.next()).done; ) {
-                var $ = N.value;
-                if ($ && !ae($[1]))
+              for (; !(U = M.next()).done; ) {
+                var P = U.value;
+                if (P && !ae(P[1]))
                   return !1;
               }
           } else
@@ -997,7 +997,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
       var R = typeof E;
       return Array.isArray(E) ? "array" : E instanceof RegExp ? "object" : oe(R, E) ? "symbol" : R;
     }
-    function Se(E) {
+    function we(E) {
       if (typeof E > "u" || E === null)
         return "" + E;
       var R = ce(E);
@@ -1010,7 +1010,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
       return R;
     }
     function tt(E) {
-      var R = Se(E);
+      var R = we(E);
       switch (R) {
         case "array":
         case "object":
@@ -1024,9 +1024,9 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
       }
     }
     function It(E) {
-      return !E.constructor || !E.constructor.name ? m : E.constructor.name;
+      return !E.constructor || !E.constructor.name ? h : E.constructor.name;
     }
-    return w.checkPropTypes = o, w.resetWarningCache = o.resetWarningCache, w.PropTypes = w, w;
+    return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
   }, Dt;
 }
 var Lt, xr;
@@ -1039,12 +1039,12 @@ function no() {
   function r() {
   }
   return r.resetWarningCache = t, Lt = function() {
-    function n(s, l, f, u, g, d) {
+    function n(c, l, f, u, y, d) {
       if (d !== e) {
-        var m = 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 m.name = "Invariant Violation", m;
+        throw h.name = "Invariant Violation", h;
       }
     }
     n.isRequired = n;
@@ -1088,7 +1088,7 @@ function oo() {
   return ot.exports;
 }
 var io = /* @__PURE__ */ oo();
-const B = /* @__PURE__ */ Hn(io);
+const j = /* @__PURE__ */ Hn(io);
 function Ie(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
@@ -1135,19 +1135,19 @@ function Ht(e, t) {
           ...r[o]
         };
       else if (o === "componentsProps" || o === "slotProps") {
-        const i = e[o], s = t[o];
-        if (!s)
+        const i = e[o], c = t[o];
+        if (!c)
           r[o] = i || {};
         else if (!i)
-          r[o] = s;
+          r[o] = c;
         else {
           r[o] = {
-            ...s
+            ...c
           };
           for (const l in i)
             if (Object.prototype.hasOwnProperty.call(i, l)) {
               const f = l;
-              r[o][f] = Ht(i[f], s[f]);
+              r[o][f] = Ht(i[f], c[f]);
             }
         }
       } else r[o] === void 0 && (r[o] = e[o]);
@@ -1158,12 +1158,12 @@ function ao(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const i = e[o];
-    let s = "", l = !0;
+    let c = "", l = !0;
     for (let f = 0; f < i.length; f += 1) {
       const u = i[f];
-      u && (s += (l === !0 ? "" : " ") + t(u), l = !1, r && r[u] && (s += " " + r[u]));
+      u && (c += (l === !0 ? "" : " ") + t(u), l = !1, r && r[u] && (c += " " + r[u]));
     }
-    n[o] = s;
+    n[o] = c;
   }
   return n;
 }
@@ -1221,12 +1221,12 @@ function mo() {
   return n;
 }
 function Je(e, t) {
-  return t ? ue(e, t, {
+  return t ? fe(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const ke = process.env.NODE_ENV !== "production" ? B.oneOfType([B.number, B.string, B.object, B.array]) : {};
+const ke = process.env.NODE_ENV !== "production" ? j.oneOfType([j.number, j.string, j.object, j.array]) : {};
 function $r(e, t) {
   if (!e.containerQueries)
     return t;
@@ -1256,10 +1256,10 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Ie(18, `(${t})`));
   return e.containerQueries(o).up(i);
 }
 function yo(e) {
-  const t = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
-  function r(i, s) {
-    i.up = (...l) => t(e.breakpoints.up(...l), s), i.down = (...l) => t(e.breakpoints.down(...l), s), i.between = (...l) => t(e.breakpoints.between(...l), s), i.only = (...l) => t(e.breakpoints.only(...l), s), i.not = (...l) => {
-      const f = t(e.breakpoints.not(...l), s);
+  const t = (i, c) => i.replace("@media", c ? `@container ${c}` : "@container");
+  function r(i, c) {
+    i.up = (...l) => t(e.breakpoints.up(...l), c), i.down = (...l) => t(e.breakpoints.down(...l), c), i.between = (...l) => t(e.breakpoints.between(...l), c), i.only = (...l) => t(e.breakpoints.only(...l), c), i.not = (...l) => {
+      const f = t(e.breakpoints.not(...l), c);
       return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
     };
   }
@@ -1285,7 +1285,7 @@ const yt = {
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${yt[e]}px)`
-}, bo = {
+}, So = {
   containerQueries: (e) => ({
     up: (t) => {
       let r = typeof t == "number" ? t : yt[t] || t;
@@ -1293,31 +1293,31 @@ const yt = {
     }
   })
 };
-function Te(e, t, r) {
+function xe(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
     const i = n.breakpoints || kr;
-    return t.reduce((s, l, f) => (s[i.up(i.keys[f])] = r(t[f]), s), {});
+    return t.reduce((c, l, f) => (c[i.up(i.keys[f])] = r(t[f]), c), {});
   }
   if (typeof t == "object") {
     const i = n.breakpoints || kr;
-    return Object.keys(t).reduce((s, l) => {
+    return Object.keys(t).reduce((c, l) => {
       if (ho(i.keys, l)) {
-        const f = go(n.containerQueries ? n : bo, l);
-        f && (s[f] = r(t[l], l));
+        const f = go(n.containerQueries ? n : So, l);
+        f && (c[f] = r(t[l], l));
       } else if (Object.keys(i.values || yt).includes(l)) {
         const f = i.up(l);
-        s[f] = r(t[l], l);
+        c[f] = r(t[l], l);
       } else {
         const f = l;
-        s[f] = t[f];
+        c[f] = t[f];
       }
-      return s;
+      return c;
     }, {});
   }
   return r(t);
 }
-function So(e = {}) {
+function bo(e = {}) {
   return e.keys?.reduce((r, n) => {
     const o = e.up(n);
     return r[o] = {}, r;
@@ -1329,7 +1329,7 @@ function Pr(e, t) {
     return (!o || Object.keys(o).length === 0) && delete r[n], r;
   }, t);
 }
-function bt(e, t, r = !0) {
+function St(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -1341,22 +1341,22 @@ function bt(e, t, r = !0) {
 }
 function mt(e, t, r, n = r) {
   let o;
-  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = bt(e, r) || n, t && (o = t(o, n, e)), o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = St(e, r) || n, t && (o = t(o, n, e)), o;
 }
-function ee(e) {
+function te(e) {
   const {
     prop: t,
     cssProperty: r = e.prop,
     themeKey: n,
     transform: o
-  } = e, i = (s) => {
-    if (s[t] == null)
+  } = e, i = (c) => {
+    if (c[t] == null)
       return null;
-    const l = s[t], f = s.theme, u = bt(f, n) || {};
-    return Te(s, l, (d) => {
-      let m = mt(u, o, d);
-      return d === m && typeof d == "string" && (m = mt(u, o, `${t}${d === "default" ? "" : Ue(d)}`, d)), r === !1 ? m : {
-        [r]: m
+    const l = c[t], f = c.theme, u = St(f, n) || {};
+    return xe(c, l, (d) => {
+      let h = mt(u, o, d);
+      return d === h && typeof d == "string" && (h = mt(u, o, `${t}${d === "default" ? "" : Ue(d)}`, d)), r === !1 ? h : {
+        [r]: h
       };
     });
   };
@@ -1391,17 +1391,17 @@ const wo = {
       return [e];
   const [t, r] = e.split(""), n = wo[t], o = Eo[r] || "";
   return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
-}), St = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], vt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Co = [...St, ...vt];
+}), bt = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], vt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Co = [...bt, ...vt];
 function Qe(e, t, r, n) {
-  const o = bt(e, t, !0) ?? r;
+  const o = St(e, t, !0) ?? r;
   return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
     if (typeof i == "string")
       return i;
-    const s = Math.abs(i);
-    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
+    const c = Math.abs(i);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(c) ? c > o.length - 1 && console.error([`MUI: The value provided (${c}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${c} > ${o.length - 1}, you need to add the missing values.`].join(`
 `)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
 `)));
-    const l = o[s];
+    const l = o[c];
     return i >= 0 ? l : typeof l == "number" ? -l : `-${l}`;
   } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
 `)), () => {
@@ -1419,18 +1419,18 @@ function _o(e, t) {
 function To(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = Ao(r), i = _o(o, n), s = e[r];
-  return Te(e, s, i);
+  const o = Ao(r), i = _o(o, n), c = e[r];
+  return xe(e, c, i);
 }
 function cn(e, t) {
   const r = tr(e.theme);
   return Object.keys(e).map((n) => To(e, t, n, r)).reduce(Je, {});
 }
 function Q(e) {
-  return cn(e, St);
+  return cn(e, bt);
 }
-Q.propTypes = process.env.NODE_ENV !== "production" ? St.reduce((e, t) => (e[t] = ke, e), {}) : {};
-Q.filterProps = St;
+Q.propTypes = process.env.NODE_ENV !== "production" ? bt.reduce((e, t) => (e[t] = ke, e), {}) : {};
+Q.filterProps = bt;
 function Z(e) {
   return cn(e, vt);
 }
@@ -1443,22 +1443,22 @@ function wt(...e) {
   }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? Je(o, t[i](n)) : o, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
 }
-function de(e) {
+function me(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-function ge(e, t) {
-  return ee({
+function Se(e, t) {
+  return te({
     prop: e,
     themeKey: "borders",
     transform: t
   });
 }
-const xo = ge("border", de), Ro = ge("borderTop", de), Oo = ge("borderRight", de), Io = ge("borderBottom", de), $o = ge("borderLeft", de), ko = ge("borderColor"), Po = ge("borderTopColor"), No = ge("borderRightColor"), Uo = ge("borderBottomColor"), Do = ge("borderLeftColor"), Lo = ge("outline", de), Mo = ge("outlineColor"), Et = (e) => {
+const xo = Se("border", me), Ro = Se("borderTop", me), Oo = Se("borderRight", me), Io = Se("borderBottom", me), $o = Se("borderLeft", me), ko = Se("borderColor"), Po = Se("borderTopColor"), No = Se("borderRightColor"), Uo = Se("borderBottomColor"), Do = Se("borderLeftColor"), Lo = Se("outline", me), Mo = Se("outlineColor"), Et = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = Qe(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: Ze(t, n)
     });
-    return Te(e, e.borderRadius, r);
+    return xe(e, e.borderRadius, r);
   }
   return null;
 };
@@ -1472,7 +1472,7 @@ const At = (e) => {
     const t = Qe(e.theme, "spacing", 8, "gap"), r = (n) => ({
       gap: Ze(t, n)
     });
-    return Te(e, e.gap, r);
+    return xe(e, e.gap, r);
   }
   return null;
 };
@@ -1485,7 +1485,7 @@ const Ct = (e) => {
     const t = Qe(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
       columnGap: Ze(t, n)
     });
-    return Te(e, e.columnGap, r);
+    return xe(e, e.columnGap, r);
   }
   return null;
 };
@@ -1498,7 +1498,7 @@ const _t = (e) => {
     const t = Qe(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
       rowGap: Ze(t, n)
     });
-    return Te(e, e.rowGap, r);
+    return xe(e, e.rowGap, r);
   }
   return null;
 };
@@ -1506,50 +1506,50 @@ _t.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: ke
 } : {};
 _t.filterProps = ["rowGap"];
-const Fo = ee({
+const Fo = te({
   prop: "gridColumn"
-}), Bo = ee({
+}), Bo = te({
   prop: "gridRow"
-}), zo = ee({
+}), zo = te({
   prop: "gridAutoFlow"
-}), jo = ee({
+}), jo = te({
   prop: "gridAutoColumns"
-}), Vo = ee({
+}), Vo = te({
   prop: "gridAutoRows"
-}), Wo = ee({
+}), Wo = te({
   prop: "gridTemplateColumns"
-}), Go = ee({
+}), Go = te({
   prop: "gridTemplateRows"
-}), Yo = ee({
+}), Yo = te({
   prop: "gridTemplateAreas"
-}), Ko = ee({
+}), Ko = te({
   prop: "gridArea"
 });
 wt(At, Ct, _t, Fo, Bo, zo, jo, Vo, Wo, Go, Yo, Ko);
 function ze(e, t) {
   return t === "grey" ? t : e;
 }
-const Ho = ee({
+const Ho = te({
   prop: "color",
   themeKey: "palette",
   transform: ze
-}), qo = ee({
+}), qo = te({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: ze
-}), Jo = ee({
+}), Jo = te({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: ze
 });
 wt(Ho, qo, Jo);
-function le(e) {
+function ue(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Xo = ee({
+const Xo = te({
   prop: "width",
-  transform: le
+  transform: ue
 }), rr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
@@ -1559,38 +1559,38 @@ const Xo = ee({
       } : {
         maxWidth: n
       } : {
-        maxWidth: le(r)
+        maxWidth: ue(r)
       };
     };
-    return Te(e, e.maxWidth, t);
+    return xe(e, e.maxWidth, t);
   }
   return null;
 };
 rr.filterProps = ["maxWidth"];
-const Qo = ee({
+const Qo = te({
   prop: "minWidth",
-  transform: le
-}), Zo = ee({
+  transform: ue
+}), Zo = te({
   prop: "height",
-  transform: le
-}), ei = ee({
+  transform: ue
+}), ei = te({
   prop: "maxHeight",
-  transform: le
-}), ti = ee({
+  transform: ue
+}), ti = te({
   prop: "minHeight",
-  transform: le
+  transform: ue
 });
-ee({
+te({
   prop: "size",
   cssProperty: "width",
-  transform: le
+  transform: ue
 });
-ee({
+te({
   prop: "size",
   cssProperty: "height",
-  transform: le
+  transform: ue
 });
-const ri = ee({
+const ri = te({
   prop: "boxSizing"
 });
 wt(Xo, rr, Qo, Zo, ei, ti, ri);
@@ -1598,23 +1598,23 @@ const Tt = {
   // borders
   border: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   borderTop: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   borderRight: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   borderBottom: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   borderLeft: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   borderColor: {
     themeKey: "palette"
@@ -1633,7 +1633,7 @@ const Tt = {
   },
   outline: {
     themeKey: "borders",
-    transform: de
+    transform: me
   },
   outlineColor: {
     themeKey: "palette"
@@ -1839,22 +1839,22 @@ const Tt = {
   },
   // sizing
   width: {
-    transform: le
+    transform: ue
   },
   maxWidth: {
     style: rr
   },
   minWidth: {
-    transform: le
+    transform: ue
   },
   height: {
-    transform: le
+    transform: ue
   },
   maxHeight: {
-    transform: le
+    transform: ue
   },
   minHeight: {
-    transform: le
+    transform: ue
   },
   boxSizing: {},
   // typography
@@ -1891,7 +1891,7 @@ function oi(e, t) {
 }
 function ii() {
   function e(r, n, o, i) {
-    const s = {
+    const c = {
       [r]: n,
       theme: o
     }, l = i[r];
@@ -1902,7 +1902,7 @@ function ii() {
     const {
       cssProperty: f = r,
       themeKey: u,
-      transform: g,
+      transform: y,
       style: d
     } = l;
     if (n == null)
@@ -1911,11 +1911,11 @@ function ii() {
       return {
         [r]: n
       };
-    const m = bt(o, u) || {};
-    return d ? d(s) : Te(s, n, (b) => {
-      let c = mt(m, g, b);
-      return b === c && typeof b == "string" && (c = mt(m, g, `${r}${b === "default" ? "" : Ue(b)}`, b)), f === !1 ? c : {
-        [f]: c
+    const h = St(o, u) || {};
+    return d ? d(c) : xe(c, n, (g) => {
+      let a = mt(h, y, g);
+      return g === a && typeof g == "string" && (a = mt(h, y, `${r}${g === "default" ? "" : Ue(g)}`, g)), f === !1 ? a : {
+        [f]: a
       };
     });
   }
@@ -1927,7 +1927,7 @@ function ii() {
     } = r || {};
     if (!n)
       return null;
-    const s = o.unstable_sxConfig ?? Tt;
+    const c = o.unstable_sxConfig ?? Tt;
     function l(f) {
       let u = f;
       if (typeof f == "function")
@@ -1936,31 +1936,31 @@ function ii() {
         return f;
       if (!u)
         return null;
-      const g = So(o.breakpoints), d = Object.keys(g);
-      let m = g;
-      return Object.keys(u).forEach((w) => {
-        const b = oi(u[w], o);
-        if (b != null)
-          if (typeof b == "object")
-            if (s[w])
-              m = Je(m, e(w, b, o, s));
+      const y = bo(o.breakpoints), d = Object.keys(y);
+      let h = y;
+      return Object.keys(u).forEach((v) => {
+        const g = oi(u[v], o);
+        if (g != null)
+          if (typeof g == "object")
+            if (c[v])
+              h = Je(h, e(v, g, o, c));
             else {
-              const c = Te({
+              const a = xe({
                 theme: o
-              }, b, (v) => ({
-                [w]: v
+              }, g, (b) => ({
+                [v]: b
               }));
-              ni(c, b) ? m[w] = t({
-                sx: b,
+              ni(a, g) ? h[v] = t({
+                sx: g,
                 theme: o,
                 nested: !0
-              }) : m = Je(m, c);
+              }) : h = Je(h, a);
             }
           else
-            m = Je(m, e(w, b, o, s));
+            h = Je(h, e(v, g, o, c));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": $r(o, Pr(d, m))
-      } : $r(o, Pr(d, m));
+        "@layer sx": $r(o, Pr(d, h))
+      } : $r(o, Pr(d, h));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
@@ -2055,10 +2055,10 @@ var li = /[A-Z]|^ms/g, ui = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ln = function(t) {
     case "animationName":
       if (typeof r == "string")
         return r.replace(ui, function(n, o, i) {
-          return xe = {
+          return Re = {
             name: o,
             styles: i,
-            next: xe
+            next: Re
           }, o;
         });
   }
@@ -2076,21 +2076,21 @@ function ht(e, t, r) {
     case "object": {
       var o = r;
       if (o.anim === 1)
-        return xe = {
+        return Re = {
           name: o.name,
           styles: o.styles,
-          next: xe
+          next: Re
         }, o.name;
       var i = r;
       if (i.styles !== void 0) {
-        var s = i.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            xe = {
-              name: s.name,
-              styles: s.styles,
-              next: xe
-            }, s = s.next;
+        var c = i.next;
+        if (c !== void 0)
+          for (; c !== void 0; )
+            Re = {
+              name: c.name,
+              styles: c.styles,
+              next: Re
+            }, c = c.next;
         var l = i.styles + ";";
         return l;
       }
@@ -2107,15 +2107,15 @@ function fi(e, t, r) {
       n += ht(e, t, r[o]) + ";";
   else
     for (var i in r) {
-      var s = r[i];
-      if (typeof s != "object") {
-        var l = s;
+      var c = r[i];
+      if (typeof c != "object") {
+        var l = c;
         Ur(l) && (n += Mt(i) + ":" + Dr(i, l) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
-        for (var f = 0; f < s.length; f++)
-          Ur(s[f]) && (n += Mt(i) + ":" + Dr(i, s[f]) + ";");
+      } else if (Array.isArray(c) && typeof c[0] == "string" && t == null)
+        for (var f = 0; f < c.length; f++)
+          Ur(c[f]) && (n += Mt(i) + ":" + Dr(i, c[f]) + ";");
       else {
-        var u = ht(e, t, s);
+        var u = ht(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
@@ -2129,18 +2129,18 @@ function fi(e, t, r) {
     }
   return n;
 }
-var Lr = /label:\s*([^\s;{]+)\s*(;|$)/g, xe;
+var Lr = /label:\s*([^\s;{]+)\s*(;|$)/g, Re;
 function di(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
-  xe = void 0;
+  Re = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
     n = !1, o += ht(r, t, i);
   else {
-    var s = i;
-    o += s[0];
+    var c = i;
+    o += c[0];
   }
   for (var l = 1; l < e.length; l++)
     if (o += ht(r, t, e[l]), n) {
@@ -2148,13 +2148,13 @@ function di(e, t, r) {
       o += f[l];
     }
   Lr.lastIndex = 0;
-  for (var u = "", g; (g = Lr.exec(o)) !== null; )
-    u += "-" + g[1];
+  for (var u = "", y; (y = Lr.exec(o)) !== null; )
+    u += "-" + y[1];
   var d = si(o) + u;
   return {
     name: d,
     styles: o,
-    next: xe
+    next: Re
   };
 }
 function pi(e, t) {
@@ -2201,31 +2201,31 @@ function gi(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, i = hi(t), s = Object.keys(i);
-  function l(m) {
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
+  } = e, i = hi(t), c = Object.keys(i);
+  function l(h) {
+    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
   }
-  function f(m) {
-    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
+  function f(h) {
+    return `@media (max-width:${(typeof t[h] == "number" ? t[h] : h) - n / 100}${r})`;
   }
-  function u(m, w) {
-    const b = s.indexOf(w);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(b !== -1 && typeof t[s[b]] == "number" ? t[s[b]] : w) - n / 100}${r})`;
+  function u(h, v) {
+    const g = c.indexOf(v);
+    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r}) and (max-width:${(g !== -1 && typeof t[c[g]] == "number" ? t[c[g]] : v) - n / 100}${r})`;
   }
-  function g(m) {
-    return s.indexOf(m) + 1 < s.length ? u(m, s[s.indexOf(m) + 1]) : l(m);
+  function y(h) {
+    return c.indexOf(h) + 1 < c.length ? u(h, c[c.indexOf(h) + 1]) : l(h);
   }
-  function d(m) {
-    const w = s.indexOf(m);
-    return w === 0 ? l(s[1]) : w === s.length - 1 ? f(s[w]) : u(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
+  function d(h) {
+    const v = c.indexOf(h);
+    return v === 0 ? l(c[1]) : v === c.length - 1 ? f(c[v]) : u(h, c[c.indexOf(h) + 1]).replace("@media", "@media not all and");
   }
   return {
-    keys: s,
+    keys: c,
     values: i,
     up: l,
     down: f,
     between: u,
-    only: g,
+    only: y,
     not: d,
     unit: r,
     ...o
@@ -2240,12 +2240,12 @@ function un(e = 8, t = tr({
   if (e.mui)
     return e;
   const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
-    const s = t(i);
-    return typeof s == "number" ? `${s}px` : s;
+    const c = t(i);
+    return typeof c == "number" ? `${c}px` : c;
   }).join(" "));
   return r.mui = !0, r;
 }
-function bi(e, t) {
+function Si(e, t) {
   const r = this;
   if (r.vars) {
     if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
@@ -2263,9 +2263,9 @@ function fn(e = {}, ...t) {
     palette: n = {},
     spacing: o,
     shape: i = {},
-    ...s
+    ...c
   } = e, l = gi(r), f = un(o);
-  let u = ue({
+  let u = fe({
     breakpoints: l,
     direction: "ltr",
     components: {},
@@ -2279,10 +2279,10 @@ function fn(e = {}, ...t) {
       ...yi,
       ...i
     }
-  }, s);
-  return u = yo(u), u.applyStyles = bi, u = t.reduce((g, d) => ue(g, d), u), u.unstable_sxConfig = {
+  }, c);
+  return u = yo(u), u.applyStyles = Si, u = t.reduce((y, d) => fe(y, d), u), u.unstable_sxConfig = {
     ...Tt,
-    ...s?.unstable_sxConfig
+    ...c?.unstable_sxConfig
   }, u.unstable_sx = function(d) {
     return je({
       sx: d,
@@ -2303,7 +2303,7 @@ function dn(e) {
     typeof o.style != "function" && (o.style = Ne(o.style));
   }), n;
 }
-const Si = fn();
+const bi = fn();
 function Ft(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
@@ -2327,9 +2327,9 @@ function lt(e, t, r) {
     else {
       const {
         variants: i,
-        ...s
+        ...c
       } = n;
-      o = r ? Pe(Ne(s), r) : s;
+      o = r ? Pe(Ne(c), r) : c;
     }
     return pn(e, n.variants, [o], r);
   }
@@ -2338,30 +2338,30 @@ function lt(e, t, r) {
 function pn(e, t, r = [], n = void 0) {
   let o;
   e: for (let i = 0; i < t.length; i += 1) {
-    const s = t[i];
-    if (typeof s.props == "function") {
+    const c = t[i];
+    if (typeof c.props == "function") {
       if (o ??= {
         ...e,
         ...e.ownerState,
         ownerState: e.ownerState
-      }, !s.props(o))
+      }, !c.props(o))
         continue;
     } else
-      for (const l in s.props)
-        if (e[l] !== s.props[l] && e.ownerState?.[l] !== s.props[l])
+      for (const l in c.props)
+        if (e[l] !== c.props[l] && e.ownerState?.[l] !== c.props[l])
           continue e;
-    typeof s.style == "function" ? (o ??= {
+    typeof c.style == "function" ? (o ??= {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }, r.push(n ? Pe(Ne(s.style(o)), n) : s.style(o))) : r.push(n ? Pe(Ne(s.style), n) : s.style);
+    }, r.push(n ? Pe(Ne(c.style(o)), n) : c.style(o))) : r.push(n ? Pe(Ne(c.style), n) : c.style);
   }
   return r;
 }
 function Ei(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = Si,
+    defaultTheme: r = bi,
     rootShouldForwardProp: n = Ft,
     slotShouldForwardProp: o = Ft
   } = e;
@@ -2369,63 +2369,63 @@ function Ei(e = {}) {
     wi(l, t, r);
   }
   return (l, f = {}) => {
-    mi(l, (T) => T.filter((P) => P !== je));
+    mi(l, (w) => w.filter((I) => I !== je));
     const {
       name: u,
-      slot: g,
+      slot: y,
       skipVariantsResolver: d,
-      skipSx: m,
+      skipSx: h,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: w = vi(mn(g)),
-      ...b
-    } = f, c = u && u.startsWith("Mui") || g ? "components" : "custom", v = d !== void 0 ? d : (
+      overridesResolver: v = vi(mn(y)),
+      ...g
+    } = f, a = u && u.startsWith("Mui") || y ? "components" : "custom", b = d !== void 0 ? d : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      g && g !== "Root" && g !== "root" || !1
-    ), A = m || !1;
-    let C = Ft;
-    g === "Root" || g === "root" ? C = n : g ? C = o : Ti(l) && (C = void 0);
-    const y = pi(l, {
-      shouldForwardProp: C,
-      label: Ci(u, g),
-      ...b
-    }), h = (T) => {
-      if (T.__emotion_real === T)
-        return T;
-      if (typeof T == "function")
-        return function(z) {
-          return lt(z, T, z.theme.modularCssLayers ? c : void 0);
+      y && y !== "Root" && y !== "root" || !1
+    ), C = h || !1;
+    let _ = Ft;
+    y === "Root" || y === "root" ? _ = n : y ? _ = o : Ti(l) && (_ = void 0);
+    const A = pi(l, {
+      shouldForwardProp: _,
+      label: Ci(u, y),
+      ...g
+    }), m = (w) => {
+      if (w.__emotion_real === w)
+        return w;
+      if (typeof w == "function")
+        return function(k) {
+          return lt(k, w, k.theme.modularCssLayers ? a : void 0);
         };
-      if (_e(T)) {
-        const P = dn(T);
-        return function(I) {
-          return P.variants ? lt(I, P, I.theme.modularCssLayers ? c : void 0) : I.theme.modularCssLayers ? Pe(P.style, c) : P.style;
+      if (Te(w)) {
+        const I = dn(w);
+        return function($) {
+          return I.variants ? lt($, I, $.theme.modularCssLayers ? a : void 0) : $.theme.modularCssLayers ? Pe(I.style, a) : I.style;
         };
       }
-      return T;
-    }, p = (...T) => {
-      const P = [], z = T.map(h), I = [];
-      if (P.push(i), u && w && I.push(function(j) {
-        const oe = j.theme.components?.[u]?.styleOverrides;
+      return w;
+    }, p = (...w) => {
+      const I = [], k = w.map(m), $ = [];
+      if (I.push(i), u && v && $.push(function(V) {
+        const oe = V.theme.components?.[u]?.styleOverrides;
         if (!oe)
           return null;
         const ce = {};
-        for (const Se in oe)
-          ce[Se] = lt(j, oe[Se], j.theme.modularCssLayers ? "theme" : void 0);
-        return w(j, ce);
-      }), u && !v && I.push(function(j) {
-        const oe = j.theme?.components?.[u]?.variants;
-        return oe ? pn(j, oe, [], j.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), A || I.push(je), Array.isArray(z[0])) {
-        const V = z.shift(), j = new Array(P.length).fill(""), ae = new Array(I.length).fill("");
+        for (const we in oe)
+          ce[we] = lt(V, oe[we], V.theme.modularCssLayers ? "theme" : void 0);
+        return v(V, ce);
+      }), u && !b && $.push(function(V) {
+        const oe = V.theme?.components?.[u]?.variants;
+        return oe ? pn(V, oe, [], V.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), C || $.push(je), Array.isArray(k[0])) {
+        const L = k.shift(), V = new Array(I.length).fill(""), ae = new Array($.length).fill("");
         let oe;
-        oe = [...j, ...V, ...ae], oe.raw = [...j, ...V.raw, ...ae], P.unshift(oe);
+        oe = [...V, ...L, ...ae], oe.raw = [...V, ...L.raw, ...ae], I.unshift(oe);
       }
-      const a = [...P, ...z, ...I], O = y(...a);
-      return l.muiName && (O.muiName = l.muiName), process.env.NODE_ENV !== "production" && (O.displayName = Ai(u, g, l)), O;
+      const s = [...I, ...k, ...$], O = A(...s);
+      return l.muiName && (O.muiName = l.muiName), process.env.NODE_ENV !== "production" && (O.displayName = Ai(u, y, l)), O;
     };
-    return y.withConfig && (p.withConfig = y.withConfig), p;
+    return A.withConfig && (p.withConfig = A.withConfig), p;
   };
 }
 function Ai(e, t, r) {
@@ -2504,9 +2504,9 @@ function hn(e) {
   e = $e(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), s = (u, g = (u + r / 30) % 12) => o - i * Math.max(Math.min(g - 3, 9 - g, 1), -1);
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), c = (u, y = (u + r / 30) % 12) => o - i * Math.max(Math.min(y - 3, 9 - y, 1), -1);
   let l = "rgb";
-  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  const f = [Math.round(c(0) * 255), Math.round(c(8) * 255), Math.round(c(4) * 255)];
   return e.type === "hsla" && (l += "a", f.push(t[3])), xt({
     type: l,
     values: f
@@ -2575,7 +2575,7 @@ function at(e, t, r) {
   }
 }
 const $i = /* @__PURE__ */ Oe.createContext(void 0);
-process.env.NODE_ENV !== "production" && (B.node, B.object);
+process.env.NODE_ENV !== "production" && (j.node, j.object);
 function ki(e) {
   const {
     theme: t,
@@ -2621,13 +2621,13 @@ function Ui(e = "") {
 }
 const zr = (e, t, r, n = []) => {
   let o = e;
-  t.forEach((i, s) => {
-    s === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+  t.forEach((i, c) => {
+    c === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
   });
 }, Di = (e, t, r) => {
-  function n(o, i = [], s = []) {
+  function n(o, i = [], c = []) {
     Object.entries(o).forEach(([l, f]) => {
-      (!r || r && !r([...i, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, l], Array.isArray(f) ? [...s, l] : s) : t([...i, l], f, s));
+      (!r || r && !r([...i, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, l], Array.isArray(f) ? [...c, l] : c) : t([...i, l], f, c));
     });
   }
   n(e);
@@ -2636,15 +2636,15 @@ function Bt(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
-  } = t || {}, o = {}, i = {}, s = {};
+  } = t || {}, o = {}, i = {}, c = {};
   return Di(
     e,
     (l, f, u) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
-        const g = `--${r ? `${r}-` : ""}${l.join("-")}`, d = Li(l, f);
+        const y = `--${r ? `${r}-` : ""}${l.join("-")}`, d = Li(l, f);
         Object.assign(o, {
-          [g]: d
-        }), zr(i, l, `var(${g})`, u), zr(s, l, `var(${g}, ${d})`, u);
+          [y]: d
+        }), zr(i, l, `var(${y})`, u), zr(c, l, `var(${y}, ${d})`, u);
       }
     },
     (l) => l[0] === "vars"
@@ -2652,118 +2652,118 @@ function Bt(e, t) {
   ), {
     css: o,
     vars: i,
-    varsWithDefaults: s
+    varsWithDefaults: c
   };
 }
 function Mi(e, t = {}) {
   const {
-    getSelector: r = v,
+    getSelector: r = b,
     disableCssColorScheme: n,
     colorSchemeSelector: o
   } = t, {
     colorSchemes: i = {},
-    components: s,
+    components: c,
     defaultColorScheme: l = "light",
     ...f
   } = e, {
     vars: u,
-    css: g,
+    css: y,
     varsWithDefaults: d
   } = Bt(f, t);
-  let m = d;
-  const w = {}, {
-    [l]: b,
-    ...c
+  let h = d;
+  const v = {}, {
+    [l]: g,
+    ...a
   } = i;
-  if (Object.entries(c || {}).forEach(([y, h]) => {
+  if (Object.entries(a || {}).forEach(([A, m]) => {
     const {
       vars: p,
-      css: T,
-      varsWithDefaults: P
-    } = Bt(h, t);
-    m = ue(m, P), w[y] = {
-      css: T,
+      css: w,
+      varsWithDefaults: I
+    } = Bt(m, t);
+    h = fe(h, I), v[A] = {
+      css: w,
       vars: p
     };
-  }), b) {
+  }), g) {
     const {
-      css: y,
-      vars: h,
+      css: A,
+      vars: m,
       varsWithDefaults: p
-    } = Bt(b, t);
-    m = ue(m, p), w[l] = {
-      css: y,
-      vars: h
+    } = Bt(g, t);
+    h = fe(h, p), v[l] = {
+      css: A,
+      vars: m
     };
   }
-  function v(y, h) {
+  function b(A, m) {
     let p = o;
-    if (o === "class" && (p = ".%s"), o === "data" && (p = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (p = `[${o}="%s"]`), y) {
+    if (o === "class" && (p = ".%s"), o === "data" && (p = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (p = `[${o}="%s"]`), A) {
       if (p === "media")
-        return e.defaultColorScheme === y ? ":root" : {
-          [`@media (prefers-color-scheme: ${i[y]?.palette?.mode || y})`]: {
-            ":root": h
+        return e.defaultColorScheme === A ? ":root" : {
+          [`@media (prefers-color-scheme: ${i[A]?.palette?.mode || A})`]: {
+            ":root": m
           }
         };
       if (p)
-        return e.defaultColorScheme === y ? `:root, ${p.replace("%s", String(y))}` : p.replace("%s", String(y));
+        return e.defaultColorScheme === A ? `:root, ${p.replace("%s", String(A))}` : p.replace("%s", String(A));
     }
     return ":root";
   }
   return {
-    vars: m,
+    vars: h,
     generateThemeVars: () => {
-      let y = {
+      let A = {
         ...u
       };
-      return Object.entries(w).forEach(([, {
-        vars: h
+      return Object.entries(v).forEach(([, {
+        vars: m
       }]) => {
-        y = ue(y, h);
-      }), y;
+        A = fe(A, m);
+      }), A;
     },
     generateStyleSheets: () => {
-      const y = [], h = e.defaultColorScheme || "light";
-      function p(z, I) {
-        Object.keys(I).length && y.push(typeof z == "string" ? {
-          [z]: {
-            ...I
+      const A = [], m = e.defaultColorScheme || "light";
+      function p(k, $) {
+        Object.keys($).length && A.push(typeof k == "string" ? {
+          [k]: {
+            ...$
           }
-        } : z);
+        } : k);
       }
       p(r(void 0, {
-        ...g
-      }), g);
+        ...y
+      }), y);
       const {
-        [h]: T,
-        ...P
-      } = w;
-      if (T) {
+        [m]: w,
+        ...I
+      } = v;
+      if (w) {
         const {
-          css: z
-        } = T, I = i[h]?.palette?.mode, a = !n && I ? {
-          colorScheme: I,
-          ...z
+          css: k
+        } = w, $ = i[m]?.palette?.mode, s = !n && $ ? {
+          colorScheme: $,
+          ...k
         } : {
-          ...z
+          ...k
         };
-        p(r(h, {
-          ...a
-        }), a);
+        p(r(m, {
+          ...s
+        }), s);
       }
-      return Object.entries(P).forEach(([z, {
-        css: I
+      return Object.entries(I).forEach(([k, {
+        css: $
       }]) => {
-        const a = i[z]?.palette?.mode, O = !n && a ? {
-          colorScheme: a,
-          ...I
+        const s = i[k]?.palette?.mode, O = !n && s ? {
+          colorScheme: s,
+          ...$
         } : {
-          ...I
+          ...$
         };
-        p(r(z, {
+        p(r(k, {
           ...O
         }), O);
-      }), y;
+      }), A;
     }
   };
 }
@@ -2976,31 +2976,31 @@ function sr(e) {
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, i = e.primary || ji(t), s = e.secondary || Vi(t), l = e.error || Wi(t), f = e.info || Gi(t), u = e.success || Yi(t), g = e.warning || Ki(t);
-  function d(c) {
-    const v = Fr(c, jr.text.primary) >= r ? jr.text.primary : zi.text.primary;
+  } = e, i = e.primary || ji(t), c = e.secondary || Vi(t), l = e.error || Wi(t), f = e.info || Gi(t), u = e.success || Yi(t), y = e.warning || Ki(t);
+  function d(a) {
+    const b = Fr(a, jr.text.primary) >= r ? jr.text.primary : zi.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const A = Fr(c, v);
-      A < 3 && console.error([`MUI: The contrast ratio of ${A}:1 for ${v} on ${c}`, "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 C = Fr(a, b);
+      C < 3 && console.error([`MUI: The contrast ratio of ${C}:1 for ${b} on ${a}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return v;
+    return b;
   }
-  const m = ({
-    color: c,
-    name: v,
-    mainShade: A = 500,
-    lightShade: C = 300,
-    darkShade: y = 700
+  const h = ({
+    color: a,
+    name: b,
+    mainShade: C = 500,
+    lightShade: _ = 300,
+    darkShade: A = 700
   }) => {
-    if (c = {
-      ...c
-    }, !c.main && c[A] && (c.main = c[A]), !c.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${A}\` property.` : Ie(11, v ? ` (${v})` : "", A));
-    if (typeof c.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${v ? ` (${v})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(c.main)}\` was provided instead.
+    if (a = {
+      ...a
+    }, !a.main && a[C] && (a.main = a[C]), !a.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${b ? ` (${b})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${C}\` property.` : Ie(11, b ? ` (${b})` : "", C));
+    if (typeof a.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${b ? ` (${b})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(a.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
 
@@ -3012,11 +3012,11 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Ie(12, v ? ` (${v})` : "", JSON.stringify(c.main)));
-    return Vr(c, "light", C, n), Vr(c, "dark", y, n), c.contrastText || (c.contrastText = d(c.main)), c;
+} });` : Ie(12, b ? ` (${b})` : "", JSON.stringify(a.main)));
+    return Vr(a, "light", _, n), Vr(a, "dark", A, n), a.contrastText || (a.contrastText = d(a.main)), a;
   };
-  let w;
-  return t === "light" ? w = gn() : t === "dark" && (w = yn()), process.env.NODE_ENV !== "production" && (w || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), ue({
+  let v;
+  return t === "light" ? v = gn() : t === "dark" && (v = yn()), process.env.NODE_ENV !== "production" && (v || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), fe({
     // A collection of common colors.
     common: {
       ...Xe
@@ -3025,35 +3025,35 @@ 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: m({
+    primary: h({
       color: i,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: m({
-      color: s,
+    secondary: h({
+      color: c,
       name: "secondary",
       mainShade: "A400",
       lightShade: "A200",
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: m({
+    error: h({
       color: l,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: m({
-      color: g,
+    warning: h({
+      color: y,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: m({
+    info: h({
       color: f,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: m({
+    success: h({
       color: u,
       name: "success"
     }),
@@ -3065,13 +3065,13 @@ const theme2 = createTheme({ palette: {
     // Takes a background color and returns the text color that maximizes the contrast.
     getContrastText: d,
     // Generate a rich color object.
-    augmentColor: m,
+    augmentColor: h,
     // 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.
     tonalOffset: n,
     // The light and dark mode object.
-    ...w
+    ...v
   }, o);
 }
 function Hi(e) {
@@ -3111,44 +3111,44 @@ function Xi(e, t) {
     // px
     fontWeightLight: o = 300,
     fontWeightRegular: i = 400,
-    fontWeightMedium: s = 500,
+    fontWeightMedium: c = 500,
     fontWeightBold: l = 700,
     // Tell MUI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
     htmlFontSize: f = 16,
     // Apply the CSS properties to all the variants.
     allVariants: u,
-    pxToRem: g,
+    pxToRem: y,
     ...d
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const m = n / 14, w = g || ((v) => `${v / f * m}rem`), b = (v, A, C, y, h) => ({
+  const h = n / 14, v = y || ((b) => `${b / f * h}rem`), g = (b, C, _, A, m) => ({
     fontFamily: r,
-    fontWeight: v,
-    fontSize: w(A),
+    fontWeight: b,
+    fontSize: v(C),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: C,
+    lineHeight: _,
     // 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 === Gr ? {
-      letterSpacing: `${Ji(y / A)}em`
+      letterSpacing: `${Ji(A / C)}em`
     } : {},
-    ...h,
+    ...m,
     ...u
-  }), c = {
-    h1: b(o, 96, 1.167, -1.5),
-    h2: b(o, 60, 1.2, -0.5),
-    h3: b(i, 48, 1.167, 0),
-    h4: b(i, 34, 1.235, 0.25),
-    h5: b(i, 24, 1.334, 0),
-    h6: b(s, 20, 1.6, 0.15),
-    subtitle1: b(i, 16, 1.75, 0.15),
-    subtitle2: b(s, 14, 1.57, 0.1),
-    body1: b(i, 16, 1.5, 0.15),
-    body2: b(i, 14, 1.43, 0.15),
-    button: b(s, 14, 1.75, 0.4, Wr),
-    caption: b(i, 12, 1.66, 0.4),
-    overline: b(i, 12, 2.66, 1, Wr),
+  }), a = {
+    h1: g(o, 96, 1.167, -1.5),
+    h2: g(o, 60, 1.2, -0.5),
+    h3: g(i, 48, 1.167, 0),
+    h4: g(i, 34, 1.235, 0.25),
+    h5: g(i, 24, 1.334, 0),
+    h6: g(c, 20, 1.6, 0.15),
+    subtitle1: g(i, 16, 1.75, 0.15),
+    subtitle2: g(c, 14, 1.57, 0.1),
+    body1: g(i, 16, 1.5, 0.15),
+    body2: g(i, 14, 1.43, 0.15),
+    button: g(c, 14, 1.75, 0.4, Wr),
+    caption: g(i, 12, 1.66, 0.4),
+    overline: g(i, 12, 2.66, 1, Wr),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -3158,16 +3158,16 @@ function Xi(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return ue({
+  return fe({
     htmlFontSize: f,
-    pxToRem: w,
+    pxToRem: v,
     fontFamily: r,
     fontSize: n,
     fontWeightLight: o,
     fontWeightRegular: i,
-    fontWeightMedium: s,
+    fontWeightMedium: c,
     fontWeightBold: l,
-    ...c
+    ...a
   }, d, {
     clone: !1
     // No need to clone deep
@@ -3221,17 +3221,17 @@ function is(e) {
     getAutoHeightDuration: os,
     create: (o = ["all"], i = {}) => {
       const {
-        duration: s = r.standard,
+        duration: c = r.standard,
         easing: l = t.easeInOut,
         delay: f = 0,
         ...u
       } = i;
       if (process.env.NODE_ENV !== "production") {
-        const g = (m) => typeof m == "string", d = (m) => !Number.isNaN(parseFloat(m));
-        !g(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !d(s) && !g(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), g(l) || console.error('MUI: Argument "easing" must be a string.'), !d(f) && !g(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+        const y = (h) => typeof h == "string", d = (h) => !Number.isNaN(parseFloat(h));
+        !y(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !d(c) && !y(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), y(l) || console.error('MUI: Argument "easing" must be a string.'), !d(f) && !y(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(u).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(u).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((g) => `${g} ${typeof s == "string" ? s : Yr(s)} ${l} ${typeof f == "string" ? f : Yr(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((y) => `${y} ${typeof c == "string" ? c : Yr(c)} ${l} ${typeof f == "string" ? f : Yr(f)}`).join(",");
     },
     ...e,
     easing: t,
@@ -3249,19 +3249,19 @@ const ss = {
   tooltip: 1500
 };
 function as(e) {
-  return _e(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+  return Te(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function bn(e = {}) {
+function Sn(e = {}) {
   const t = {
     ...e
   };
   function r(n) {
     const o = Object.entries(n);
     for (let i = 0; i < o.length; i++) {
-      const [s, l] = o[i];
-      !as(l) || s.startsWith("unstable_") ? delete n[s] : _e(l) && (n[s] = {
+      const [c, l] = o[i];
+      !as(l) || c.startsWith("unstable_") ? delete n[c] : Te(l) && (n[c] = {
         ...l
-      }, r(n[s]));
+      }, r(n[c]));
     }
   }
   return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -3279,7 +3279,7 @@ function Jt(e = {}, ...t) {
     mixins: n = {},
     spacing: o,
     palette: i = {},
-    transitions: s = {},
+    transitions: c = {},
     typography: l = {},
     shape: f,
     ...u
@@ -3288,51 +3288,51 @@ function Jt(e = {}, ...t) {
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Ie(20));
-  const g = sr(i), d = fn(e);
-  let m = ue(d, {
+  const y = sr(i), d = fn(e);
+  let h = fe(d, {
     mixins: qi(d.breakpoints, n),
-    palette: g,
+    palette: y,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: ts.slice(),
-    typography: Xi(g, l),
-    transitions: is(s),
+    typography: Xi(y, l),
+    transitions: is(c),
     zIndex: {
       ...ss
     }
   });
-  if (m = ue(m, u), m = t.reduce((w, b) => ue(w, b), m), process.env.NODE_ENV !== "production") {
-    const w = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (c, v) => {
-      let A;
-      for (A in c) {
-        const C = c[A];
-        if (w.includes(A) && Object.keys(C).length > 0) {
+  if (h = fe(h, u), h = t.reduce((v, g) => fe(v, g), h), process.env.NODE_ENV !== "production") {
+    const v = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], g = (a, b) => {
+      let C;
+      for (C in a) {
+        const _ = a[C];
+        if (v.includes(C) && Object.keys(_).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const y = er("", A);
-            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${A}\` internal state.`, "You can not override it like this: ", JSON.stringify(c, null, 2), "", `Instead, you need to use the '&.${y}' syntax:`, JSON.stringify({
+            const A = er("", C);
+            console.error([`MUI: The \`${b}\` component increases the CSS specificity of the \`${C}\` internal state.`, "You can not override it like this: ", JSON.stringify(a, null, 2), "", `Instead, you need to use the '&.${A}' syntax:`, JSON.stringify({
               root: {
-                [`&.${y}`]: C
+                [`&.${A}`]: _
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          c[A] = {};
+          a[C] = {};
         }
       }
     };
-    Object.keys(m.components).forEach((c) => {
-      const v = m.components[c].styleOverrides;
-      v && c.startsWith("Mui") && b(v, c);
+    Object.keys(h.components).forEach((a) => {
+      const b = h.components[a].styleOverrides;
+      b && a.startsWith("Mui") && g(b, a);
     });
   }
-  return m.unstable_sxConfig = {
+  return h.unstable_sxConfig = {
     ...Tt,
     ...u?.unstable_sxConfig
-  }, m.unstable_sx = function(b) {
+  }, h.unstable_sx = function(g) {
     return je({
-      sx: b,
+      sx: g,
       theme: this
     });
-  }, m.toRuntimeSource = bn, m;
+  }, h.toRuntimeSource = Sn, h;
 }
 function cs(e) {
   let t;
@@ -3344,7 +3344,7 @@ const ls = [...Array(25)].map((e, t) => {
   const r = cs(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function Sn(e) {
+function bn(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3368,7 +3368,7 @@ function us(e) {
   return {
     palette: i,
     opacity: {
-      ...Sn(i.mode),
+      ...bn(i.mode),
       ...r
     },
     overlays: n || vn(i.mode),
@@ -3384,21 +3384,21 @@ const ds = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   let i = o;
   if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
-      const s = {};
+      const c = {};
       return ds(e.cssVarPrefix).forEach((l) => {
-        s[l] = r[l], delete r[l];
+        c[l] = r[l], delete r[l];
       }), i === "media" ? {
         [n]: r,
         "@media (prefers-color-scheme: dark)": {
-          [n]: s
+          [n]: c
         }
       } : i ? {
-        [i.replace("%s", t)]: s,
+        [i.replace("%s", t)]: c,
         [`${n}, ${i.replace("%s", t)}`]: r
       } : {
         [n]: {
           ...r,
-          ...s
+          ...c
         }
       };
     }
@@ -3427,14 +3427,14 @@ function S(e, t, r) {
 function Ke(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : hn(e);
 }
-function Ae(e, t) {
+function Ce(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = Ye(Ke(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function hs(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const we = (e) => {
+const Ae = (e) => {
   try {
     return e();
   } catch {
@@ -3457,7 +3457,7 @@ function zt(e, t, r, n) {
   }
   const {
     palette: i,
-    ...s
+    ...c
   } = Jt({
     ...r,
     palette: {
@@ -3469,11 +3469,11 @@ function zt(e, t, r, n) {
     ...t,
     palette: i,
     opacity: {
-      ...Sn(o),
+      ...bn(o),
       ...t?.opacity
     },
     overlays: t?.overlays || vn(o)
-  }, s;
+  }, c;
 }
 function ys(e = {}, ...t) {
   const {
@@ -3483,80 +3483,80 @@ function ys(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: i = "mui",
-    shouldSkipGeneratingVar: s = fs,
+    shouldSkipGeneratingVar: c = fs,
     colorSchemeSelector: l = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...u
-  } = e, g = Object.keys(r)[0], d = n || (r.light && g !== "light" ? "light" : g), m = gs(i), {
-    [d]: w,
-    light: b,
-    dark: c,
-    ...v
-  } = r, A = {
-    ...v
+  } = e, y = Object.keys(r)[0], d = n || (r.light && y !== "light" ? "light" : y), h = gs(i), {
+    [d]: v,
+    light: g,
+    dark: a,
+    ...b
+  } = r, C = {
+    ...b
   };
-  let C = w;
-  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (C = !0), !C)
+  let _ = v;
+  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (_ = !0), !_)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : Ie(21, d));
-  const y = zt(A, C, u, d);
-  b && !A.light && zt(A, b, void 0, "light"), c && !A.dark && zt(A, c, void 0, "dark");
-  let h = {
+  const A = zt(C, _, u, d);
+  g && !C.light && zt(C, g, void 0, "light"), a && !C.dark && zt(C, a, void 0, "dark");
+  let m = {
     defaultColorScheme: d,
-    ...y,
+    ...A,
     cssVarPrefix: i,
     colorSchemeSelector: l,
     rootSelector: f,
-    getCssVar: m,
-    colorSchemes: A,
+    getCssVar: h,
+    colorSchemes: C,
     font: {
-      ...Hi(y.typography),
-      ...y.font
+      ...Hi(A.typography),
+      ...A.font
     },
     spacing: hs(u.spacing)
   };
-  Object.keys(h.colorSchemes).forEach((I) => {
-    const a = h.colorSchemes[I].palette, O = (V) => {
-      const j = V.split("-"), ae = j[1], oe = j[2];
-      return m(V, a[ae][oe]);
+  Object.keys(m.colorSchemes).forEach(($) => {
+    const s = m.colorSchemes[$].palette, O = (L) => {
+      const V = L.split("-"), ae = V[1], oe = V[2];
+      return h(L, s[ae][oe]);
     };
-    if (a.mode === "light" && (S(a.common, "background", "#fff"), S(a.common, "onBackground", "#000")), a.mode === "dark" && (S(a.common, "background", "#000"), S(a.common, "onBackground", "#fff")), ms(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
-      S(a.Alert, "errorColor", q(a.error.light, 0.6)), S(a.Alert, "infoColor", q(a.info.light, 0.6)), S(a.Alert, "successColor", q(a.success.light, 0.6)), S(a.Alert, "warningColor", q(a.warning.light, 0.6)), S(a.Alert, "errorFilledBg", O("palette-error-main")), S(a.Alert, "infoFilledBg", O("palette-info-main")), S(a.Alert, "successFilledBg", O("palette-success-main")), S(a.Alert, "warningFilledBg", O("palette-warning-main")), S(a.Alert, "errorFilledColor", we(() => a.getContrastText(a.error.main))), S(a.Alert, "infoFilledColor", we(() => a.getContrastText(a.info.main))), S(a.Alert, "successFilledColor", we(() => a.getContrastText(a.success.main))), S(a.Alert, "warningFilledColor", we(() => a.getContrastText(a.warning.main))), S(a.Alert, "errorStandardBg", J(a.error.light, 0.9)), S(a.Alert, "infoStandardBg", J(a.info.light, 0.9)), S(a.Alert, "successStandardBg", J(a.success.light, 0.9)), S(a.Alert, "warningStandardBg", J(a.warning.light, 0.9)), S(a.Alert, "errorIconColor", O("palette-error-main")), S(a.Alert, "infoIconColor", O("palette-info-main")), S(a.Alert, "successIconColor", O("palette-success-main")), S(a.Alert, "warningIconColor", O("palette-warning-main")), S(a.AppBar, "defaultBg", O("palette-grey-100")), S(a.Avatar, "defaultBg", O("palette-grey-400")), S(a.Button, "inheritContainedBg", O("palette-grey-300")), S(a.Button, "inheritContainedHoverBg", O("palette-grey-A100")), S(a.Chip, "defaultBorder", O("palette-grey-400")), S(a.Chip, "defaultAvatarColor", O("palette-grey-700")), S(a.Chip, "defaultIconColor", O("palette-grey-700")), S(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), S(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), S(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), S(a.LinearProgress, "primaryBg", J(a.primary.main, 0.62)), S(a.LinearProgress, "secondaryBg", J(a.secondary.main, 0.62)), S(a.LinearProgress, "errorBg", J(a.error.main, 0.62)), S(a.LinearProgress, "infoBg", J(a.info.main, 0.62)), S(a.LinearProgress, "successBg", J(a.success.main, 0.62)), S(a.LinearProgress, "warningBg", J(a.warning.main, 0.62)), S(a.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.11)`), S(a.Slider, "primaryTrack", J(a.primary.main, 0.62)), S(a.Slider, "secondaryTrack", J(a.secondary.main, 0.62)), S(a.Slider, "errorTrack", J(a.error.main, 0.62)), S(a.Slider, "infoTrack", J(a.info.main, 0.62)), S(a.Slider, "successTrack", J(a.success.main, 0.62)), S(a.Slider, "warningTrack", J(a.warning.main, 0.62));
-      const V = at(a.background.default, 0.8);
-      S(a.SnackbarContent, "bg", V), S(a.SnackbarContent, "color", we(() => a.getContrastText(V))), S(a.SpeedDialAction, "fabHoverBg", at(a.background.paper, 0.15)), S(a.StepConnector, "border", O("palette-grey-400")), S(a.StepContent, "border", O("palette-grey-400")), S(a.Switch, "defaultColor", O("palette-common-white")), S(a.Switch, "defaultDisabledColor", O("palette-grey-100")), S(a.Switch, "primaryDisabledColor", J(a.primary.main, 0.62)), S(a.Switch, "secondaryDisabledColor", J(a.secondary.main, 0.62)), S(a.Switch, "errorDisabledColor", J(a.error.main, 0.62)), S(a.Switch, "infoDisabledColor", J(a.info.main, 0.62)), S(a.Switch, "successDisabledColor", J(a.success.main, 0.62)), S(a.Switch, "warningDisabledColor", J(a.warning.main, 0.62)), S(a.TableCell, "border", J(st(a.divider, 1), 0.88)), S(a.Tooltip, "bg", st(a.grey[700], 0.92));
+    if (s.mode === "light" && (S(s.common, "background", "#fff"), S(s.common, "onBackground", "#000")), s.mode === "dark" && (S(s.common, "background", "#000"), S(s.common, "onBackground", "#fff")), ms(s, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), s.mode === "light") {
+      S(s.Alert, "errorColor", q(s.error.light, 0.6)), S(s.Alert, "infoColor", q(s.info.light, 0.6)), S(s.Alert, "successColor", q(s.success.light, 0.6)), S(s.Alert, "warningColor", q(s.warning.light, 0.6)), S(s.Alert, "errorFilledBg", O("palette-error-main")), S(s.Alert, "infoFilledBg", O("palette-info-main")), S(s.Alert, "successFilledBg", O("palette-success-main")), S(s.Alert, "warningFilledBg", O("palette-warning-main")), S(s.Alert, "errorFilledColor", Ae(() => s.getContrastText(s.error.main))), S(s.Alert, "infoFilledColor", Ae(() => s.getContrastText(s.info.main))), S(s.Alert, "successFilledColor", Ae(() => s.getContrastText(s.success.main))), S(s.Alert, "warningFilledColor", Ae(() => s.getContrastText(s.warning.main))), S(s.Alert, "errorStandardBg", J(s.error.light, 0.9)), S(s.Alert, "infoStandardBg", J(s.info.light, 0.9)), S(s.Alert, "successStandardBg", J(s.success.light, 0.9)), S(s.Alert, "warningStandardBg", J(s.warning.light, 0.9)), S(s.Alert, "errorIconColor", O("palette-error-main")), S(s.Alert, "infoIconColor", O("palette-info-main")), S(s.Alert, "successIconColor", O("palette-success-main")), S(s.Alert, "warningIconColor", O("palette-warning-main")), S(s.AppBar, "defaultBg", O("palette-grey-100")), S(s.Avatar, "defaultBg", O("palette-grey-400")), S(s.Button, "inheritContainedBg", O("palette-grey-300")), S(s.Button, "inheritContainedHoverBg", O("palette-grey-A100")), S(s.Chip, "defaultBorder", O("palette-grey-400")), S(s.Chip, "defaultAvatarColor", O("palette-grey-700")), S(s.Chip, "defaultIconColor", O("palette-grey-700")), S(s.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), S(s.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), S(s.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), S(s.LinearProgress, "primaryBg", J(s.primary.main, 0.62)), S(s.LinearProgress, "secondaryBg", J(s.secondary.main, 0.62)), S(s.LinearProgress, "errorBg", J(s.error.main, 0.62)), S(s.LinearProgress, "infoBg", J(s.info.main, 0.62)), S(s.LinearProgress, "successBg", J(s.success.main, 0.62)), S(s.LinearProgress, "warningBg", J(s.warning.main, 0.62)), S(s.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.11)`), S(s.Slider, "primaryTrack", J(s.primary.main, 0.62)), S(s.Slider, "secondaryTrack", J(s.secondary.main, 0.62)), S(s.Slider, "errorTrack", J(s.error.main, 0.62)), S(s.Slider, "infoTrack", J(s.info.main, 0.62)), S(s.Slider, "successTrack", J(s.success.main, 0.62)), S(s.Slider, "warningTrack", J(s.warning.main, 0.62));
+      const L = at(s.background.default, 0.8);
+      S(s.SnackbarContent, "bg", L), S(s.SnackbarContent, "color", Ae(() => s.getContrastText(L))), S(s.SpeedDialAction, "fabHoverBg", at(s.background.paper, 0.15)), S(s.StepConnector, "border", O("palette-grey-400")), S(s.StepContent, "border", O("palette-grey-400")), S(s.Switch, "defaultColor", O("palette-common-white")), S(s.Switch, "defaultDisabledColor", O("palette-grey-100")), S(s.Switch, "primaryDisabledColor", J(s.primary.main, 0.62)), S(s.Switch, "secondaryDisabledColor", J(s.secondary.main, 0.62)), S(s.Switch, "errorDisabledColor", J(s.error.main, 0.62)), S(s.Switch, "infoDisabledColor", J(s.info.main, 0.62)), S(s.Switch, "successDisabledColor", J(s.success.main, 0.62)), S(s.Switch, "warningDisabledColor", J(s.warning.main, 0.62)), S(s.TableCell, "border", J(st(s.divider, 1), 0.88)), S(s.Tooltip, "bg", st(s.grey[700], 0.92));
     }
-    if (a.mode === "dark") {
-      S(a.Alert, "errorColor", J(a.error.light, 0.6)), S(a.Alert, "infoColor", J(a.info.light, 0.6)), S(a.Alert, "successColor", J(a.success.light, 0.6)), S(a.Alert, "warningColor", J(a.warning.light, 0.6)), S(a.Alert, "errorFilledBg", O("palette-error-dark")), S(a.Alert, "infoFilledBg", O("palette-info-dark")), S(a.Alert, "successFilledBg", O("palette-success-dark")), S(a.Alert, "warningFilledBg", O("palette-warning-dark")), S(a.Alert, "errorFilledColor", we(() => a.getContrastText(a.error.dark))), S(a.Alert, "infoFilledColor", we(() => a.getContrastText(a.info.dark))), S(a.Alert, "successFilledColor", we(() => a.getContrastText(a.success.dark))), S(a.Alert, "warningFilledColor", we(() => a.getContrastText(a.warning.dark))), S(a.Alert, "errorStandardBg", q(a.error.light, 0.9)), S(a.Alert, "infoStandardBg", q(a.info.light, 0.9)), S(a.Alert, "successStandardBg", q(a.success.light, 0.9)), S(a.Alert, "warningStandardBg", q(a.warning.light, 0.9)), S(a.Alert, "errorIconColor", O("palette-error-main")), S(a.Alert, "infoIconColor", O("palette-info-main")), S(a.Alert, "successIconColor", O("palette-success-main")), S(a.Alert, "warningIconColor", O("palette-warning-main")), S(a.AppBar, "defaultBg", O("palette-grey-900")), S(a.AppBar, "darkBg", O("palette-background-paper")), S(a.AppBar, "darkColor", O("palette-text-primary")), S(a.Avatar, "defaultBg", O("palette-grey-600")), S(a.Button, "inheritContainedBg", O("palette-grey-800")), S(a.Button, "inheritContainedHoverBg", O("palette-grey-700")), S(a.Chip, "defaultBorder", O("palette-grey-700")), S(a.Chip, "defaultAvatarColor", O("palette-grey-300")), S(a.Chip, "defaultIconColor", O("palette-grey-300")), S(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), S(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), S(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), S(a.LinearProgress, "primaryBg", q(a.primary.main, 0.5)), S(a.LinearProgress, "secondaryBg", q(a.secondary.main, 0.5)), S(a.LinearProgress, "errorBg", q(a.error.main, 0.5)), S(a.LinearProgress, "infoBg", q(a.info.main, 0.5)), S(a.LinearProgress, "successBg", q(a.success.main, 0.5)), S(a.LinearProgress, "warningBg", q(a.warning.main, 0.5)), S(a.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.13)`), S(a.Slider, "primaryTrack", q(a.primary.main, 0.5)), S(a.Slider, "secondaryTrack", q(a.secondary.main, 0.5)), S(a.Slider, "errorTrack", q(a.error.main, 0.5)), S(a.Slider, "infoTrack", q(a.info.main, 0.5)), S(a.Slider, "successTrack", q(a.success.main, 0.5)), S(a.Slider, "warningTrack", q(a.warning.main, 0.5));
-      const V = at(a.background.default, 0.98);
-      S(a.SnackbarContent, "bg", V), S(a.SnackbarContent, "color", we(() => a.getContrastText(V))), S(a.SpeedDialAction, "fabHoverBg", at(a.background.paper, 0.15)), S(a.StepConnector, "border", O("palette-grey-600")), S(a.StepContent, "border", O("palette-grey-600")), S(a.Switch, "defaultColor", O("palette-grey-300")), S(a.Switch, "defaultDisabledColor", O("palette-grey-600")), S(a.Switch, "primaryDisabledColor", q(a.primary.main, 0.55)), S(a.Switch, "secondaryDisabledColor", q(a.secondary.main, 0.55)), S(a.Switch, "errorDisabledColor", q(a.error.main, 0.55)), S(a.Switch, "infoDisabledColor", q(a.info.main, 0.55)), S(a.Switch, "successDisabledColor", q(a.success.main, 0.55)), S(a.Switch, "warningDisabledColor", q(a.warning.main, 0.55)), S(a.TableCell, "border", q(st(a.divider, 1), 0.68)), S(a.Tooltip, "bg", st(a.grey[700], 0.92));
+    if (s.mode === "dark") {
+      S(s.Alert, "errorColor", J(s.error.light, 0.6)), S(s.Alert, "infoColor", J(s.info.light, 0.6)), S(s.Alert, "successColor", J(s.success.light, 0.6)), S(s.Alert, "warningColor", J(s.warning.light, 0.6)), S(s.Alert, "errorFilledBg", O("palette-error-dark")), S(s.Alert, "infoFilledBg", O("palette-info-dark")), S(s.Alert, "successFilledBg", O("palette-success-dark")), S(s.Alert, "warningFilledBg", O("palette-warning-dark")), S(s.Alert, "errorFilledColor", Ae(() => s.getContrastText(s.error.dark))), S(s.Alert, "infoFilledColor", Ae(() => s.getContrastText(s.info.dark))), S(s.Alert, "successFilledColor", Ae(() => s.getContrastText(s.success.dark))), S(s.Alert, "warningFilledColor", Ae(() => s.getContrastText(s.warning.dark))), S(s.Alert, "errorStandardBg", q(s.error.light, 0.9)), S(s.Alert, "infoStandardBg", q(s.info.light, 0.9)), S(s.Alert, "successStandardBg", q(s.success.light, 0.9)), S(s.Alert, "warningStandardBg", q(s.warning.light, 0.9)), S(s.Alert, "errorIconColor", O("palette-error-main")), S(s.Alert, "infoIconColor", O("palette-info-main")), S(s.Alert, "successIconColor", O("palette-success-main")), S(s.Alert, "warningIconColor", O("palette-warning-main")), S(s.AppBar, "defaultBg", O("palette-grey-900")), S(s.AppBar, "darkBg", O("palette-background-paper")), S(s.AppBar, "darkColor", O("palette-text-primary")), S(s.Avatar, "defaultBg", O("palette-grey-600")), S(s.Button, "inheritContainedBg", O("palette-grey-800")), S(s.Button, "inheritContainedHoverBg", O("palette-grey-700")), S(s.Chip, "defaultBorder", O("palette-grey-700")), S(s.Chip, "defaultAvatarColor", O("palette-grey-300")), S(s.Chip, "defaultIconColor", O("palette-grey-300")), S(s.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), S(s.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), S(s.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), S(s.LinearProgress, "primaryBg", q(s.primary.main, 0.5)), S(s.LinearProgress, "secondaryBg", q(s.secondary.main, 0.5)), S(s.LinearProgress, "errorBg", q(s.error.main, 0.5)), S(s.LinearProgress, "infoBg", q(s.info.main, 0.5)), S(s.LinearProgress, "successBg", q(s.success.main, 0.5)), S(s.LinearProgress, "warningBg", q(s.warning.main, 0.5)), S(s.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.13)`), S(s.Slider, "primaryTrack", q(s.primary.main, 0.5)), S(s.Slider, "secondaryTrack", q(s.secondary.main, 0.5)), S(s.Slider, "errorTrack", q(s.error.main, 0.5)), S(s.Slider, "infoTrack", q(s.info.main, 0.5)), S(s.Slider, "successTrack", q(s.success.main, 0.5)), S(s.Slider, "warningTrack", q(s.warning.main, 0.5));
+      const L = at(s.background.default, 0.98);
+      S(s.SnackbarContent, "bg", L), S(s.SnackbarContent, "color", Ae(() => s.getContrastText(L))), S(s.SpeedDialAction, "fabHoverBg", at(s.background.paper, 0.15)), S(s.StepConnector, "border", O("palette-grey-600")), S(s.StepContent, "border", O("palette-grey-600")), S(s.Switch, "defaultColor", O("palette-grey-300")), S(s.Switch, "defaultDisabledColor", O("palette-grey-600")), S(s.Switch, "primaryDisabledColor", q(s.primary.main, 0.55)), S(s.Switch, "secondaryDisabledColor", q(s.secondary.main, 0.55)), S(s.Switch, "errorDisabledColor", q(s.error.main, 0.55)), S(s.Switch, "infoDisabledColor", q(s.info.main, 0.55)), S(s.Switch, "successDisabledColor", q(s.success.main, 0.55)), S(s.Switch, "warningDisabledColor", q(s.warning.main, 0.55)), S(s.TableCell, "border", q(st(s.divider, 1), 0.68)), S(s.Tooltip, "bg", st(s.grey[700], 0.92));
     }
-    Ae(a.background, "default"), Ae(a.background, "paper"), Ae(a.common, "background"), Ae(a.common, "onBackground"), Ae(a, "divider"), Object.keys(a).forEach((V) => {
-      const j = a[V];
-      V !== "tonalOffset" && j && typeof j == "object" && (j.main && S(a[V], "mainChannel", Ye(Ke(j.main))), j.light && S(a[V], "lightChannel", Ye(Ke(j.light))), j.dark && S(a[V], "darkChannel", Ye(Ke(j.dark))), j.contrastText && S(a[V], "contrastTextChannel", Ye(Ke(j.contrastText))), V === "text" && (Ae(a[V], "primary"), Ae(a[V], "secondary")), V === "action" && (j.active && Ae(a[V], "active"), j.selected && Ae(a[V], "selected")));
+    Ce(s.background, "default"), Ce(s.background, "paper"), Ce(s.common, "background"), Ce(s.common, "onBackground"), Ce(s, "divider"), Object.keys(s).forEach((L) => {
+      const V = s[L];
+      L !== "tonalOffset" && V && typeof V == "object" && (V.main && S(s[L], "mainChannel", Ye(Ke(V.main))), V.light && S(s[L], "lightChannel", Ye(Ke(V.light))), V.dark && S(s[L], "darkChannel", Ye(Ke(V.dark))), V.contrastText && S(s[L], "contrastTextChannel", Ye(Ke(V.contrastText))), L === "text" && (Ce(s[L], "primary"), Ce(s[L], "secondary")), L === "action" && (V.active && Ce(s[L], "active"), V.selected && Ce(s[L], "selected")));
     });
-  }), h = t.reduce((I, a) => ue(I, a), h);
+  }), m = t.reduce(($, s) => fe($, s), m);
   const p = {
     prefix: i,
     disableCssColorScheme: o,
-    shouldSkipGeneratingVar: s,
-    getSelector: ps(h)
+    shouldSkipGeneratingVar: c,
+    getSelector: ps(m)
   }, {
-    vars: T,
-    generateThemeVars: P,
-    generateStyleSheets: z
-  } = Mi(h, p);
-  return h.vars = T, Object.entries(h.colorSchemes[h.defaultColorScheme]).forEach(([I, a]) => {
-    h[I] = a;
-  }), h.generateThemeVars = P, h.generateStyleSheets = z, h.generateSpacing = function() {
+    vars: w,
+    generateThemeVars: I,
+    generateStyleSheets: k
+  } = Mi(m, p);
+  return m.vars = w, Object.entries(m.colorSchemes[m.defaultColorScheme]).forEach(([$, s]) => {
+    m[$] = s;
+  }), m.generateThemeVars = I, m.generateStyleSheets = k, m.generateSpacing = function() {
     return un(u.spacing, tr(this));
-  }, h.getColorSchemeSelector = Fi(l), h.spacing = h.generateSpacing(), h.shouldSkipGeneratingVar = s, h.unstable_sxConfig = {
+  }, m.getColorSchemeSelector = Fi(l), m.spacing = m.generateSpacing(), m.shouldSkipGeneratingVar = c, m.unstable_sxConfig = {
     ...Tt,
     ...u?.unstable_sxConfig
-  }, h.unstable_sx = function(a) {
+  }, m.unstable_sx = function(s) {
     return je({
-      sx: a,
+      sx: s,
       theme: this
     });
-  }, h.toRuntimeSource = bn, h;
+  }, m.toRuntimeSource = Sn, m;
 }
 function Kr(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -3568,7 +3568,7 @@ function Kr(e, t, r) {
     // cast type to skip module augmentation test
   });
 }
-function bs(e = {}, ...t) {
+function Ss(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -3576,7 +3576,7 @@ function bs(e = {}, ...t) {
       light: !0
     },
     defaultColorScheme: i = r?.mode,
-    ...s
+    ...c
   } = e, l = i || "light", f = o?.[l], u = {
     ...o,
     ...r ? {
@@ -3589,13 +3589,13 @@ function bs(e = {}, ...t) {
   if (n === !1) {
     if (!("colorSchemes" in e))
       return Jt(e, ...t);
-    let g = r;
-    "palette" in e || u[l] && (u[l] !== !0 ? g = u[l].palette : l === "dark" && (g = {
+    let y = r;
+    "palette" in e || u[l] && (u[l] !== !0 ? y = u[l].palette : l === "dark" && (y = {
       mode: "dark"
     }));
     const d = Jt({
       ...e,
-      palette: g
+      palette: y
     }, ...t);
     return d.defaultColorScheme = l, d.colorSchemes = u, d.palette.mode === "light" && (d.colorSchemes.light = {
       ...u.light !== !0 && u.light,
@@ -3606,22 +3606,22 @@ function bs(e = {}, ...t) {
     }, Kr(d, "light", u.light)), d;
   }
   return !r && !("light" in u) && l === "light" && (u.light = !0), ys({
-    ...s,
+    ...c,
     colorSchemes: u,
     defaultColorScheme: l,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const Ss = bs(), vs = "$$material";
+const bs = Ss(), vs = "$$material";
 function ws(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 const Es = (e) => ws(e) && e !== "classes", As = Ei({
   themeId: vs,
-  defaultTheme: Ss,
+  defaultTheme: bs,
   rootShouldForwardProp: Es
 }), Cs = Ni;
-process.env.NODE_ENV !== "production" && (B.node, B.object.isRequired);
+process.env.NODE_ENV !== "production" && (j.node, j.object.isRequired);
 function _s(e) {
   return Pi(e);
 }
@@ -3740,39 +3740,39 @@ const xs = (e) => {
   }), {
     children: o,
     className: i,
-    color: s = "inherit",
+    color: c = "inherit",
     component: l = "svg",
     fontSize: f = "medium",
     htmlColor: u,
-    inheritViewBox: g = !1,
+    inheritViewBox: y = !1,
     titleAccess: d,
-    viewBox: m = "0 0 24 24",
-    ...w
-  } = n, b = /* @__PURE__ */ Oe.isValidElement(o) && o.type === "svg", c = {
+    viewBox: h = "0 0 24 24",
+    ...v
+  } = n, g = /* @__PURE__ */ Oe.isValidElement(o) && o.type === "svg", a = {
     ...n,
-    color: s,
+    color: c,
     component: l,
     fontSize: f,
     instanceFontSize: t.fontSize,
-    inheritViewBox: g,
-    viewBox: m,
-    hasSvgAsChild: b
-  }, v = {};
-  g || (v.viewBox = m);
-  const A = xs(c);
-  return /* @__PURE__ */ te(Rs, {
+    inheritViewBox: y,
+    viewBox: h,
+    hasSvgAsChild: g
+  }, b = {};
+  y || (b.viewBox = h);
+  const C = xs(a);
+  return /* @__PURE__ */ re(Rs, {
     as: l,
-    className: mo(A.root, i),
+    className: mo(C.root, i),
     focusable: "false",
     color: u,
     "aria-hidden": d ? void 0 : !0,
     role: d ? "img" : void 0,
     ref: r,
+    ...b,
     ...v,
-    ...w,
-    ...b && o.props,
-    ownerState: c,
-    children: [b ? o.props.children : o, d ? /* @__PURE__ */ x("title", {
+    ...g && o.props,
+    ownerState: a,
+    children: [g ? o.props.children : o, d ? /* @__PURE__ */ x("title", {
       children: d
     }) : null]
   });
@@ -3785,15 +3785,15 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
   /**
    * Node passed into the SVG element.
    */
-  children: B.node,
+  children: j.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: B.object,
+  classes: j.object,
   /**
    * @ignore
    */
-  className: B.string,
+  className: j.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -3801,21 +3801,21 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color: B.oneOfType([B.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), B.string]),
+  color: j.oneOfType([j.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), j.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: B.elementType,
+  component: j.elementType,
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize: B.oneOfType([B.oneOf(["inherit", "large", "medium", "small"]), B.string]),
+  fontSize: j.oneOfType([j.oneOf(["inherit", "large", "medium", "small"]), j.string]),
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor: B.string,
+  htmlColor: j.string,
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -3823,22 +3823,22 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox: B.bool,
+  inheritViewBox: j.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering: B.string,
+  shapeRendering: j.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: B.oneOfType([B.arrayOf(B.oneOfType([B.func, B.object, B.bool])), B.func, B.object]),
+  sx: j.oneOfType([j.arrayOf(j.oneOfType([j.func, j.object, j.bool])), j.func, j.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess: B.string,
+  titleAccess: j.string,
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -3847,7 +3847,7 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox: B.string
+  viewBox: j.string
 });
 gt.muiName = "SvgIcon";
 function wn(e, t) {
@@ -3863,7 +3863,7 @@ function wn(e, t) {
 }
 const Os = wn(/* @__PURE__ */ x("path", {
   d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
-}), "Logout"), he = {
+}), "Logout"), ye = {
   ACCOUNTS: "spry_accounts",
   BRIDGE_ACCOUNTS: "spry_accounts_shared_state",
   ADD_ACCOUNT_IN_PROGRESS: "spry_add_account_in_progress",
@@ -3876,7 +3876,7 @@ const Os = wn(/* @__PURE__ */ x("path", {
   REFRESH_TOKEN_BUFFER_SECONDS: 300,
   // How often to check stale account status (on mount and account switch)
   STALE_CHECK_INTERVAL_MS: 1e3
-}, be = {
+}, ve = {
   INVALID_TOKEN: "Invalid or malformed token",
   TOKEN_DECODE_FAILED: "Failed to decode token",
   ACCOUNT_NOT_FOUND: "Account not found",
@@ -3894,7 +3894,7 @@ function et(e) {
   try {
     const t = e.split(".");
     if (t.length !== 3)
-      return console.warn(be.INVALID_TOKEN), null;
+      return console.warn(ve.INVALID_TOKEN), null;
     const r = t[1];
     return JSON.parse(
       decodeURIComponent(
@@ -3902,7 +3902,7 @@ function et(e) {
       )
     );
   } catch (t) {
-    return console.warn(be.TOKEN_DECODE_FAILED, t), null;
+    return console.warn(ve.TOKEN_DECODE_FAILED, t), null;
   }
 }
 function ar(e, t = Rt.ACCESS_TOKEN_BUFFER_SECONDS) {
@@ -3963,28 +3963,28 @@ function Ps({
   onRemove: o,
   onRefresh: i
 }) {
-  const { email: s, name: l, avatar: f } = He(e.user), [u, g] = ie.useState(!1), [d, m] = ie.useState(!1), w = async (v) => {
-    v.stopPropagation(), g(!0);
+  const { email: c, name: l, avatar: f } = He(e.user), [u, y] = ie.useState(!1), [d, h] = ie.useState(!1), v = async (b) => {
+    b.stopPropagation(), y(!0);
     try {
       await o();
     } finally {
-      g(!1);
+      y(!1);
     }
-  }, b = async (v) => {
-    v.stopPropagation(), m(!0);
+  }, g = async (b) => {
+    b.stopPropagation(), h(!0);
     try {
       await i();
     } finally {
-      m(!1);
+      h(!1);
     }
-  }, c = async () => {
+  }, a = async () => {
     r || await n();
   };
-  return /* @__PURE__ */ x(ie.Fragment, { children: /* @__PURE__ */ te(
+  return /* @__PURE__ */ x(ie.Fragment, { children: /* @__PURE__ */ re(
     en,
     {
       selected: t,
-      onClick: c,
+      onClick: a,
       disabled: r,
       sx: {
         opacity: t ? 1 : 0.8,
@@ -4011,7 +4011,7 @@ function Ps({
         /* @__PURE__ */ x(
           kn,
           {
-            primary: /* @__PURE__ */ te(ne, { display: "flex", alignItems: "center", gap: 1, children: [
+            primary: /* @__PURE__ */ re(ne, { display: "flex", alignItems: "center", gap: 1, children: [
               /* @__PURE__ */ x("span", { children: l }),
               t && /* @__PURE__ */ x(
                 pr,
@@ -4034,17 +4034,17 @@ function Ps({
                 }
               )
             ] }),
-            secondary: s,
+            secondary: c,
             secondaryTypographyProps: { noWrap: !0 }
           }
         ),
-        !t && /* @__PURE__ */ te(Pn, { children: [
+        !t && /* @__PURE__ */ re(Pn, { children: [
           e.isStale && /* @__PURE__ */ x(
             dt,
             {
               edge: "end",
               size: "small",
-              onClick: b,
+              onClick: g,
               disabled: d || r,
               title: "Re-authenticate this account",
               children: d ? /* @__PURE__ */ x(ft, { size: 20 }) : /* @__PURE__ */ x(Bn, { fontSize: "small" })
@@ -4055,7 +4055,7 @@ function Ps({
             {
               edge: "end",
               size: "small",
-              onClick: w,
+              onClick: v,
               disabled: u || r,
               title: "Remove this account",
               children: u ? /* @__PURE__ */ x(ft, { size: 20 }) : /* @__PURE__ */ x(zn, { fontSize: "small" })
@@ -4074,9 +4074,9 @@ const An = ie.forwardRef(
     onSwitchAccount: n,
     onAddAccount: o,
     onRemoveAccount: i,
-    onRefreshAccount: s
+    onRefreshAccount: c
   }, l) => {
-    const [f, u] = ie.useState(!1), g = async () => {
+    const [f, u] = ie.useState(!1), y = async () => {
       u(!0);
       try {
         await o();
@@ -4084,12 +4084,12 @@ const An = ie.forwardRef(
         u(!1);
       }
     };
-    return /* @__PURE__ */ x(ne, { ref: l, sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper" }, children: e.length === 0 ? /* @__PURE__ */ te(ne, { sx: { p: 2, textAlign: "center" }, children: [
-      /* @__PURE__ */ x(Ce, { variant: "body2", color: "textSecondary", sx: { mb: 2 }, children: "No additional accounts logged in" }),
+    return /* @__PURE__ */ x(ne, { ref: l, sx: { width: "100%", maxWidth: 360, bgcolor: "background.paper" }, children: e.length === 0 ? /* @__PURE__ */ re(ne, { sx: { p: 2, textAlign: "center" }, children: [
+      /* @__PURE__ */ x(_e, { variant: "body2", color: "textSecondary", sx: { mb: 2 }, children: "No additional accounts logged in" }),
       /* @__PURE__ */ x(
         "button",
         {
-          onClick: g,
+          onClick: y,
           disabled: f || r,
           style: {
             padding: "8px 16px",
@@ -4101,7 +4101,7 @@ const An = ie.forwardRef(
           children: f ? "Adding Account..." : "Add Account"
         }
       )
-    ] }) : /* @__PURE__ */ te(ut, { children: [
+    ] }) : /* @__PURE__ */ re(ut, { children: [
       /* @__PURE__ */ x($n, { children: e.map((d) => /* @__PURE__ */ x(
         Ps,
         {
@@ -4110,15 +4110,15 @@ const An = ie.forwardRef(
           isLoading: r,
           onSwitch: () => n(d.accountId),
           onRemove: () => i(d.accountId),
-          onRefresh: () => s(d.accountId)
+          onRefresh: () => c(d.accountId)
         },
         d.accountId
       )) }),
       /* @__PURE__ */ x(ct, { sx: { my: 1 } }),
-      /* @__PURE__ */ x(ne, { sx: { p: 1 }, children: /* @__PURE__ */ te(
+      /* @__PURE__ */ x(ne, { sx: { p: 1 }, children: /* @__PURE__ */ re(
         en,
         {
-          onClick: g,
+          onClick: y,
           disabled: f || r,
           sx: {
             justifyContent: "center",
@@ -4126,7 +4126,7 @@ const An = ie.forwardRef(
           },
           children: [
             /* @__PURE__ */ x(Fn, { sx: { mr: 1 }, fontSize: "small" }),
-            /* @__PURE__ */ x(Ce, { variant: "button", sx: { fontSize: "0.875rem" }, children: f ? "Adding..." : "Add Another Account" })
+            /* @__PURE__ */ x(_e, { variant: "button", sx: { fontSize: "0.875rem" }, children: f ? "Adding..." : "Add Another Account" })
           ]
         }
       ) })
@@ -4141,43 +4141,43 @@ function Ns({
   onManageAccount: n,
   accountManager: o
 }) {
-  const i = "https://sprylogin.com/my-account/", [s, l] = me(null), [f, u] = me(!1), g = o?.accounts.length ?? 0, d = (h) => {
-    l(h.currentTarget);
-  }, m = () => {
+  const i = "https://sprylogin.com/my-account/", [c, l] = ge(null), [f, u] = ge(!1), y = o?.accounts.length ?? 0, d = (m) => {
+    l(m.currentTarget);
+  }, h = () => {
     l(null), u(!1);
-  }, w = () => {
-    o && o.activeAccount ? o.removeAccount(o.activeAccount.accountId) : (m(), r && r()), m();
-  }, b = () => {
-    m(), n ? n() : e?.manageAccountUrl ? window.location.href = e.manageAccountUrl : window.location.href = i;
-  }, c = !!s, v = () => {
+  }, v = () => {
+    o && o.activeAccount ? o.removeAccount(o.activeAccount.accountId) : (h(), r && r()), h();
+  }, g = () => {
+    h(), n ? n() : e?.manageAccountUrl ? window.location.href = e.manageAccountUrl : window.location.href = i;
+  }, a = !!c, b = () => {
     if (o?.activeAccount) {
-      const { name: h, email: p } = He(o.activeAccount.user);
-      if (h)
-        return h.split(" ").map((T) => T[0]).join("").slice(0, 2).toUpperCase();
+      const { name: m, email: p } = He(o.activeAccount.user);
+      if (m)
+        return m.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
       if (p)
         return p[0].toUpperCase();
     }
     return e?.firstName && e?.lastName ? `${e.firstName[0]}${e.lastName[0]}`.toUpperCase() : e?.firstName ? e.firstName[0].toUpperCase() : e?.email ? e.email[0].toUpperCase() : "?";
-  }, A = () => {
+  }, C = () => {
     if (o?.activeAccount) {
-      const { name: h } = He(o.activeAccount.user);
-      return h;
+      const { name: m } = He(o.activeAccount.user);
+      return m;
     }
     return e?.firstName && e?.lastName ? `${e.firstName} ${e.lastName}` : e?.firstName ? e.firstName : e?.email ? e.email.split("@")[0] : "User";
-  }, C = () => {
+  }, _ = () => {
     if (o?.activeAccount) {
-      const { email: h } = He(o.activeAccount.user);
-      return h;
+      const { email: m } = He(o.activeAccount.user);
+      return m;
     }
     return e?.email || "No email";
-  }, y = () => {
+  }, A = () => {
     if (o?.activeAccount) {
-      const { avatar: h } = He(o.activeAccount.user);
-      return h || null;
+      const { avatar: m } = He(o.activeAccount.user);
+      return m || null;
     }
     return e?.avatar || null;
   };
-  return /* @__PURE__ */ te(ut, { children: [
+  return /* @__PURE__ */ re(ut, { children: [
     /* @__PURE__ */ x(
       dt,
       {
@@ -4192,7 +4192,7 @@ function Ns({
         children: t && !e ? /* @__PURE__ */ x(ft, { size: 32 }) : /* @__PURE__ */ x(
           Kt,
           {
-            src: y() || void 0,
+            src: A() || void 0,
             sx: {
               width: 32,
               height: 32,
@@ -4200,7 +4200,7 @@ function Ns({
               fontSize: "0.875rem",
               fontWeight: 500
             },
-            children: v()
+            children: b()
           }
         )
       }
@@ -4208,9 +4208,9 @@ function Ns({
     /* @__PURE__ */ x(
       Nn,
       {
-        anchorEl: s,
-        open: c,
-        onClose: m,
+        anchorEl: c,
+        open: a,
+        onClose: h,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "right"
@@ -4232,8 +4232,8 @@ function Ns({
         },
         children: f ? (
           // Account List View
-          /* @__PURE__ */ te(ne, { children: [
-            /* @__PURE__ */ te(ne, { sx: { px: 1.5, py: 1.25, display: "flex", alignItems: "center", gap: 0.75 }, children: [
+          /* @__PURE__ */ re(ne, { children: [
+            /* @__PURE__ */ re(ne, { sx: { px: 1.5, py: 1.25, display: "flex", alignItems: "center", gap: 0.75 }, children: [
               /* @__PURE__ */ x(
                 mr,
                 {
@@ -4249,7 +4249,7 @@ function Ns({
                   children: "← Back"
                 }
               ),
-              /* @__PURE__ */ x(Ce, { variant: "caption", sx: { fontWeight: 600, flex: 1, fontSize: "0.75rem" }, children: "Accounts" })
+              /* @__PURE__ */ x(_e, { variant: "caption", sx: { fontWeight: 600, flex: 1, fontSize: "0.75rem" }, children: "Accounts" })
             ] }),
             /* @__PURE__ */ x(ct, { sx: { my: 0 } }),
             /* @__PURE__ */ x(ne, { sx: { px: 0.75, py: 0.75 }, children: o && /* @__PURE__ */ x(
@@ -4267,13 +4267,13 @@ function Ns({
           ] })
         ) : (
           // Main Profile View
-          /* @__PURE__ */ te(ne, { children: [
-            /* @__PURE__ */ te(ne, { sx: { px: 1.5, py: 1.5 }, children: [
-              /* @__PURE__ */ te(ne, { sx: { display: "flex", flexDirection: "column", alignItems: "center", mb: 1.25 }, children: [
+          /* @__PURE__ */ re(ne, { children: [
+            /* @__PURE__ */ re(ne, { sx: { px: 1.5, py: 1.5 }, children: [
+              /* @__PURE__ */ re(ne, { sx: { display: "flex", flexDirection: "column", alignItems: "center", mb: 1.25 }, children: [
                 /* @__PURE__ */ x(
                   Kt,
                   {
-                    src: y() || void 0,
+                    src: A() || void 0,
                     sx: {
                       width: 56,
                       height: 56,
@@ -4282,12 +4282,12 @@ function Ns({
                       fontWeight: 500,
                       mb: 1
                     },
-                    children: v()
+                    children: b()
                   },
                   o?.activeAccount?.accountId || "profile-avatar"
                 ),
                 /* @__PURE__ */ x(
-                  Ce,
+                  _e,
                   {
                     sx: {
                       fontWeight: 500,
@@ -4296,11 +4296,11 @@ function Ns({
                       mb: 0.25,
                       fontSize: "0.9rem"
                     },
-                    children: A()
+                    children: C()
                   }
                 ),
                 /* @__PURE__ */ x(
-                  Ce,
+                  _e,
                   {
                     sx: {
                       color: "text.secondary",
@@ -4308,7 +4308,7 @@ function Ns({
                       wordBreak: "break-all",
                       fontSize: "0.75rem"
                     },
-                    children: C()
+                    children: _()
                   }
                 )
               ] }),
@@ -4317,7 +4317,7 @@ function Ns({
                 {
                   variant: "outlined",
                   fullWidth: !0,
-                  onClick: b,
+                  onClick: g,
                   sx: {
                     borderRadius: "20px",
                     textTransform: "none",
@@ -4336,7 +4336,7 @@ function Ns({
               )
             ] }),
             /* @__PURE__ */ x(ct, { sx: { my: 0 } }),
-            o && /* @__PURE__ */ te(ut, { children: [
+            o && /* @__PURE__ */ re(ut, { children: [
               /* @__PURE__ */ x(
                 hr,
                 {
@@ -4350,14 +4350,14 @@ function Ns({
                     }
                   },
                   children: /* @__PURE__ */ x(
-                    Ce,
+                    _e,
                     {
                       sx: {
                         color: "#3c4043",
                         width: "100%",
                         fontSize: "0.8125rem"
                       },
-                      children: g > 0 ? `Accounts (${g})` : "Accounts"
+                      children: y > 0 ? `Accounts (${y})` : "Accounts"
                     }
                   )
                 }
@@ -4365,10 +4365,10 @@ function Ns({
               /* @__PURE__ */ x(ct, { sx: { my: 0 } })
             ] }),
             o?.addNewAccount && /* @__PURE__ */ x(ne, { sx: { px: 1.5, py: 0.5 } }),
-            /* @__PURE__ */ te(
+            /* @__PURE__ */ re(
               hr,
               {
-                onClick: w,
+                onClick: v,
                 sx: {
                   py: 0.75,
                   px: 1.5,
@@ -4379,7 +4379,7 @@ function Ns({
                 },
                 children: [
                   /* @__PURE__ */ x(tn, { sx: { minWidth: 32, mr: 0.5 }, children: /* @__PURE__ */ x(Os, { sx: { fontSize: "1rem", color: "#5f6368" } }) }),
-                  /* @__PURE__ */ x(Ce, { sx: { color: "#3c4043", fontSize: "0.8125rem" }, children: "Sign out" })
+                  /* @__PURE__ */ x(_e, { sx: { color: "#3c4043", fontSize: "0.8125rem" }, children: "Sign out" })
                 ]
               }
             )
@@ -4396,67 +4396,67 @@ function Ls(e, t = {}) {
     cacheTime: n = Ds,
     getAuthToken: o,
     headers: i = {}
-  } = t, [s, l] = me(null), [f, u] = me(!0), [g, d] = me(null), m = Ee(null), w = Ee(null), b = pe(() => {
+  } = t, [c, l] = ge(null), [f, u] = ge(!0), [y, d] = ge(null), h = be(null), v = be(null), g = he(() => {
     try {
-      const A = localStorage.getItem(jt);
-      if (!A) return null;
-      const C = JSON.parse(A);
-      return Date.now() - C.timestamp < n ? C.profile : (localStorage.removeItem(jt), null);
-    } catch (A) {
-      return console.error("Error loading profile from cache:", A), null;
+      const C = localStorage.getItem(jt);
+      if (!C) return null;
+      const _ = JSON.parse(C);
+      return Date.now() - _.timestamp < n ? _.profile : (localStorage.removeItem(jt), null);
+    } catch (C) {
+      return console.error("Error loading profile from cache:", C), null;
     }
-  }, [n]), c = pe((A) => {
+  }, [n]), a = he((C) => {
     try {
-      const C = {
-        profile: A,
+      const _ = {
+        profile: C,
         timestamp: Date.now()
       };
-      localStorage.setItem(jt, JSON.stringify(C));
-    } catch (C) {
-      console.error("Error saving profile to cache:", C);
+      localStorage.setItem(jt, JSON.stringify(_));
+    } catch (_) {
+      console.error("Error saving profile to cache:", _);
     }
-  }, []), v = pe(async () => {
-    w.current && w.current.abort(), w.current = new AbortController();
+  }, []), b = he(async () => {
+    v.current && v.current.abort(), v.current = new AbortController();
     try {
       u(!0), d(null);
-      let A = null;
-      o && (A = await Promise.resolve(o()));
-      const C = {
+      let C = null;
+      o && (C = await Promise.resolve(o()));
+      const _ = {
         Accept: "application/json",
         ...i
       };
-      A && (C.Authorization = `Bearer ${A}`);
-      const y = await fetch(`${e}/api/profile`, {
-        signal: w.current.signal,
-        headers: C
+      C && (_.Authorization = `Bearer ${C}`);
+      const A = await fetch(`${e}/api/profile`, {
+        signal: v.current.signal,
+        headers: _
       });
-      if (!y.ok)
-        throw new Error(`HTTP error! status: ${y.status}`);
-      const h = await y.json();
-      l(h), c(h), d(null);
-    } catch (A) {
-      if (A instanceof Error && A.name === "AbortError")
+      if (!A.ok)
+        throw new Error(`HTTP error! status: ${A.status}`);
+      const m = await A.json();
+      l(m), a(m), d(null);
+    } catch (C) {
+      if (C instanceof Error && C.name === "AbortError")
         return;
-      const C = A instanceof Error ? A.message : "Failed to fetch profile";
-      d(C), console.error("Error fetching profile:", A);
-      const y = b();
-      y && l(y);
+      const _ = C instanceof Error ? C.message : "Failed to fetch profile";
+      d(_), console.error("Error fetching profile:", C);
+      const A = g();
+      A && l(A);
     } finally {
       u(!1);
     }
-  }, [e, o, i, b, c]);
-  return ye(() => {
-    const A = b();
-    return A && (l(A), u(!1)), v(), r > 0 && (m.current = window.setInterval(() => {
-      v();
+  }, [e, o, i, g, a]);
+  return de(() => {
+    const C = g();
+    return C && (l(C), u(!1)), b(), r > 0 && (h.current = window.setInterval(() => {
+      b();
     }, r)), () => {
-      m.current && window.clearInterval(m.current), w.current && w.current.abort();
+      h.current && window.clearInterval(h.current), v.current && v.current.abort();
     };
   }, [e, r, n]), {
-    profile: s,
+    profile: c,
     isLoading: f,
-    error: g,
-    refetch: v
+    error: y,
+    refetch: b
   };
 }
 function Ms({
@@ -4466,12 +4466,12 @@ function Ms({
   accountManager: n,
   ...o
 }) {
-  const { profile: i, isLoading: s, error: l } = Ls(e, o);
+  const { profile: i, isLoading: c, error: l } = Ls(e, o);
   return l && console.error("Error loading profile:", l), /* @__PURE__ */ x(
     Ns,
     {
       profile: i,
-      isLoading: s,
+      isLoading: c,
       onSignOut: t,
       onManageAccount: r,
       accountManager: n
@@ -4488,25 +4488,25 @@ function $a({
   getAuthToken: n,
   profileHeaders: o,
   showAppsDropdown: i = !0,
-  showProfileMenu: s = !0,
+  showProfileMenu: c = !0,
   appsRefetchInterval: l = 300 * 1e3,
   // 5 minutes
   appsCacheTime: f = 300 * 1e3,
   // 5 minutes
   profileRefetchInterval: u = 300 * 1e3,
   // 5 minutes
-  profileCacheTime: g = 300 * 1e3,
+  profileCacheTime: y = 300 * 1e3,
   // 5 minutes
   accountManager: d
 }) {
-  const [m, w] = me(!1), b = Ee(null);
-  return /* @__PURE__ */ te(Un, { direction: "row", spacing: 1, alignItems: "center", children: [
-    i && /* @__PURE__ */ te(ut, { children: [
+  const [h, v] = ge(!1), g = be(null);
+  return /* @__PURE__ */ re(Un, { direction: "row", spacing: 1, alignItems: "center", children: [
+    i && /* @__PURE__ */ re(ut, { children: [
       /* @__PURE__ */ x(
         dt,
         {
-          ref: b,
-          onClick: () => w(!m),
+          ref: g,
+          onClick: () => v(!h),
           sx: {
             color: "#5f6368",
             "&:hover": {
@@ -4521,21 +4521,21 @@ function $a({
         ya,
         {
           apiUrl: e,
-          open: m,
-          onClose: () => w(!1),
-          buttonRef: b,
+          open: h,
+          onClose: () => v(!1),
+          buttonRef: g,
           refetchInterval: l,
           cacheTime: f
         }
       )
     ] }),
-    s && /* @__PURE__ */ x(
+    c && /* @__PURE__ */ x(
       Ms,
       {
         apiUrl: t || e,
         onSignOut: r,
         refetchInterval: u,
-        cacheTime: g,
+        cacheTime: y,
         getAuthToken: n,
         headers: o,
         accountManager: d
@@ -4652,107 +4652,107 @@ var Ys = [
     skipSigninCallback: n,
     matchSignoutCallback: o,
     onSignoutCallback: i,
-    onRemoveUser: s,
+    onRemoveUser: c,
     userManager: l = null,
     ...f
-  } = e, [u] = ie.useState(() => l ?? (qr ? new qr(f) : { settings: f })), [g, d] = ie.useReducer(zs, Bs), m = ie.useMemo(
+  } = e, [u] = ie.useState(() => l ?? (qr ? new qr(f) : { settings: f })), [y, d] = ie.useReducer(zs, Bs), h = ie.useMemo(
     () => Object.assign(
       {
         settings: u.settings,
         events: u.events
       },
       Object.fromEntries(
-        Ys.map((v) => {
-          var A, C;
+        Ys.map((b) => {
+          var C, _;
           return [
-            v,
-            (C = (A = u[v]) == null ? void 0 : A.bind(u)) != null ? C : Hr(v)
+            b,
+            (_ = (C = u[b]) == null ? void 0 : C.bind(u)) != null ? _ : Hr(b)
           ];
         })
       ),
       Object.fromEntries(
-        Ks.map((v) => [
-          v,
-          u[v] ? async (A) => {
+        Ks.map((b) => [
+          b,
+          u[b] ? async (C) => {
             d({
               type: "NAVIGATOR_INIT",
-              method: v
+              method: b
             });
             try {
-              return await u[v](A);
-            } catch (C) {
+              return await u[b](C);
+            } catch (_) {
               return d({
                 type: "ERROR",
                 error: {
-                  ...Cn(C, `Unknown error while executing ${v}(...).`),
-                  source: v,
-                  args: A
+                  ...Cn(_, `Unknown error while executing ${b}(...).`),
+                  source: b,
+                  args: C
                 }
               }), null;
             } finally {
               d({ type: "NAVIGATOR_CLOSE" });
             }
-          } : Hr(v)
+          } : Hr(b)
         ])
       )
     ),
     [u]
-  ), w = ie.useRef(!1);
+  ), v = ie.useRef(!1);
   ie.useEffect(() => {
-    !u || w.current || (w.current = !0, (async () => {
+    !u || v.current || (v.current = !0, (async () => {
       try {
-        let v = null;
-        js() && !n && (v = await u.signinCallback(), r && await r(v)), v = v || await u.getUser(), d({ type: "INITIALISED", user: v });
-      } catch (v) {
+        let b = null;
+        js() && !n && (b = await u.signinCallback(), r && await r(b)), b = b || await u.getUser(), d({ type: "INITIALISED", user: b });
+      } catch (b) {
         d({
           type: "ERROR",
-          error: Vs(v)
+          error: Vs(b)
         });
       }
       try {
         if (o && o(u.settings)) {
-          const v = await u.signoutCallback();
-          i && await i(v);
+          const b = await u.signoutCallback();
+          i && await i(b);
         }
-      } catch (v) {
+      } catch (b) {
         d({
           type: "ERROR",
-          error: Ws(v)
+          error: Ws(b)
         });
       }
     })());
   }, [u, n, r, i, o]), ie.useEffect(() => {
     if (!u) return;
-    const v = (h) => {
-      d({ type: "USER_LOADED", user: h });
+    const b = (m) => {
+      d({ type: "USER_LOADED", user: m });
     };
-    u.events.addUserLoaded(v);
-    const A = () => {
+    u.events.addUserLoaded(b);
+    const C = () => {
       d({ type: "USER_UNLOADED" });
     };
-    u.events.addUserUnloaded(A);
-    const C = () => {
+    u.events.addUserUnloaded(C);
+    const _ = () => {
       d({ type: "USER_SIGNED_OUT" });
     };
-    u.events.addUserSignedOut(C);
-    const y = (h) => {
+    u.events.addUserSignedOut(_);
+    const A = (m) => {
       d({
         type: "ERROR",
-        error: Gs(h)
+        error: Gs(m)
       });
     };
-    return u.events.addSilentRenewError(y), () => {
-      u.events.removeUserLoaded(v), u.events.removeUserUnloaded(A), u.events.removeUserSignedOut(C), u.events.removeSilentRenewError(y);
+    return u.events.addSilentRenewError(A), () => {
+      u.events.removeUserLoaded(b), u.events.removeUserUnloaded(C), u.events.removeUserSignedOut(_), u.events.removeSilentRenewError(A);
     };
   }, [u]);
-  const b = ie.useCallback(async () => {
-    await u.removeUser(), s && await s();
-  }, [u, s]), c = ie.useMemo(() => ({
-    ...g,
-    ...m,
-    removeUser: b
-  }), [g, m, b]);
-  return /* @__PURE__ */ ie.createElement(cr.Provider, { value: c }, t);
+  const g = ie.useCallback(async () => {
+    await u.removeUser(), c && await c();
+  }, [u, c]), a = ie.useMemo(() => ({
+    ...y,
+    ...h,
+    removeUser: g
+  }), [y, h, g]);
+  return /* @__PURE__ */ ie.createElement(cr.Provider, { value: a }, t);
 }, _n = () => {
   const e = ie.useContext(cr);
   return e || console.warn("AuthProvider context is undefined, please verify you are calling useAuth() as child of a <AuthProvider> component."), e;
@@ -4775,7 +4775,7 @@ function ka({
   matchSignoutCallback: n,
   onSignoutCallback: o,
   onRemoveUser: i,
-  skipSigninCallback: s
+  skipSigninCallback: c
 }) {
   const l = qe(
     () => ({
@@ -4791,16 +4791,16 @@ function ka({
       post_logout_redirect_uri: l.post_logout_redirect_uri
     }),
     [l]
-  ), g = r || qs, d = n || Js, m = o || (() => Xs(l));
+  ), y = r || qs, d = n || Js, h = o || (() => Xs(l));
   return /* @__PURE__ */ x(Tn.Provider, { value: { keycloakConfig: u, userManager: f, syncBridgeUrl: $s }, children: /* @__PURE__ */ x(
     Hs,
     {
       userManager: f,
-      onSigninCallback: g,
+      onSigninCallback: y,
       matchSignoutCallback: d,
-      onSignoutCallback: m,
+      onSignoutCallback: h,
       onRemoveUser: i,
-      skipSigninCallback: s,
+      skipSigninCallback: c,
       children: e
     }
   ) });
@@ -4815,9 +4815,9 @@ function Zs(e) {
   const t = e.profile?.email || e.profile?.sub || "unknown", r = Date.now();
   return `account_${t.replace(/[^a-z0-9]/gi, "_").toLowerCase()}_${r}`;
 }
-function re() {
+function ee() {
   try {
-    const e = localStorage.getItem(he.ACCOUNTS);
+    const e = localStorage.getItem(ye.ACCOUNTS);
     return e ? JSON.parse(e) : {
       accounts: [],
       activeAccountId: null,
@@ -4831,18 +4831,18 @@ function re() {
     };
   }
 }
-function Re() {
-  return re().accounts;
+function pe() {
+  return ee().accounts;
 }
 function Ve(e) {
   try {
-    localStorage.setItem(he.ACCOUNTS, JSON.stringify(e));
+    localStorage.setItem(ye.ACCOUNTS, JSON.stringify(e));
   } catch (t) {
     console.error("Failed to save accounts to localStorage:", t);
   }
 }
 function ea(e, t = null) {
-  const r = re(), n = {
+  const r = ee(), n = {
     accounts: e,
     activeAccountId: t ?? r.activeAccountId,
     lastUpdated: Date.now()
@@ -4850,7 +4850,7 @@ function ea(e, t = null) {
   Ve(n);
 }
 function Ge(e) {
-  const t = re(), r = Zs(e), n = e.profile?.sub, o = e.profile?.email, i = t.accounts.findIndex((f) => n && f.user.profile?.sub ? f.user.profile.sub === n : o && f.user.profile?.email ? f.user.profile.email === o : !1), l = {
+  const t = ee(), r = Zs(e), n = e.profile?.sub, o = e.profile?.email, i = t.accounts.findIndex((f) => n && f.user.profile?.sub ? f.user.profile.sub === n : o && f.user.profile?.email ? f.user.profile.email === o : !1), l = {
     ...{
       accountId: r,
       lastUsed: Date.now(),
@@ -4862,33 +4862,33 @@ function Ge(e) {
   return i >= 0 ? t.accounts[i] = l : t.accounts.push(l), t.lastUpdated = Date.now(), Ve(t), r;
 }
 function ur(e) {
-  const t = re();
+  const t = ee();
   t.accounts = t.accounts.filter((r) => r.accountId !== e), t.activeAccountId === e && (t.activeAccountId = null), t.lastUpdated = Date.now(), Ve(t);
 }
-function fe(e) {
-  const t = re();
+function le(e) {
+  const t = ee();
   t.activeAccountId = e, t.lastUpdated = Date.now(), Ve(t);
 }
 function ta() {
-  const e = re();
+  const e = ee();
   return e.activeAccountId && e.accounts.find((t) => t.accountId === e.activeAccountId) || null;
 }
 function ra() {
-  return re().activeAccountId;
+  return ee().activeAccountId;
 }
 function na(e, t) {
-  const r = re(), n = r.accounts.find((o) => o.accountId === e);
+  const r = ee(), n = r.accounts.find((o) => o.accountId === e);
   n && (n.user = t, n.lastUsed = Date.now(), n.isStale = !1, r.lastUpdated = Date.now(), Ve(r));
 }
 function oa(e) {
-  const t = re(), r = t.accounts.find((n) => n.accountId === e);
+  const t = ee(), r = t.accounts.find((n) => n.accountId === e);
   r && (r.isStale = !0, t.lastUpdated = Date.now(), Ve(t));
 }
 function Pa() {
-  localStorage.removeItem(he.ACCOUNTS);
+  localStorage.removeItem(ye.ACCOUNTS);
 }
 function Na(e) {
-  const r = re().accounts.find((n) => n.accountId === e);
+  const r = ee().accounts.find((n) => n.accountId === e);
   return r ? {
     accountId: r.accountId,
     lastUsed: r.lastUsed,
@@ -4897,45 +4897,45 @@ function Na(e) {
   } : null;
 }
 function Wt(e) {
-  e ? localStorage.setItem(he.ADD_ACCOUNT_IN_PROGRESS, "true") : localStorage.removeItem(he.ADD_ACCOUNT_IN_PROGRESS);
+  e ? localStorage.setItem(ye.ADD_ACCOUNT_IN_PROGRESS, "true") : localStorage.removeItem(ye.ADD_ACCOUNT_IN_PROGRESS);
 }
 function Gt() {
-  return localStorage.getItem(he.ADD_ACCOUNT_IN_PROGRESS) === "true";
+  return localStorage.getItem(ye.ADD_ACCOUNT_IN_PROGRESS) === "true";
 }
 function ia(e) {
-  localStorage.setItem(he.RETURN_URL, e);
+  localStorage.setItem(ye.RETURN_URL, e);
 }
 function sa() {
-  return localStorage.getItem(he.RETURN_URL);
+  return localStorage.getItem(ye.RETURN_URL);
 }
 function Jr() {
-  localStorage.removeItem(he.RETURN_URL);
+  localStorage.removeItem(ye.RETURN_URL);
 }
 function aa(e) {
-  localStorage.setItem(he.TEMP_CURRENT_USER, JSON.stringify(e));
+  localStorage.setItem(ye.TEMP_CURRENT_USER, JSON.stringify(e));
 }
 function Ua() {
   try {
-    const e = localStorage.getItem(he.TEMP_CURRENT_USER);
+    const e = localStorage.getItem(ye.TEMP_CURRENT_USER);
     return e ? JSON.parse(e) : null;
   } catch {
     return null;
   }
 }
 function Xr() {
-  localStorage.removeItem(he.TEMP_CURRENT_USER);
+  localStorage.removeItem(ye.TEMP_CURRENT_USER);
 }
 async function ca(e, t) {
   try {
     const r = `${t.authority.replace(/\/$/, "")}/soft-logout`, n = "openid profile email offline_access", o = t.redirect_uri || window.location.origin, i = `${t.authority.replace(/\/$/, "")}/protocol/openid-connect/auth?client_id=${encodeURIComponent(t.client_id)}&redirect_uri=${encodeURIComponent(o)}&response_type=code&scope=${encodeURIComponent(n)}`;
     return window.location.href = `${r}?post_logout_redirect_uri=${encodeURIComponent(i)}`, !0;
   } catch (r) {
-    return console.error("Failed to clear SSO session:", r), console.warn(be.SSO_CLEAR_FAILED), !1;
+    return console.error("Failed to clear SSO session:", r), console.warn(ve.SSO_CLEAR_FAILED), !1;
   }
 }
 async function la(e, t, r) {
   try {
-    const o = Re().length === 1;
+    const o = pe().length === 1;
     if (!await da(e, t) && o)
       return console.warn("Token revocation failed for last account, falling back to redirect logout"), await xn(e, t, r), {
         success: !0,
@@ -4943,12 +4943,12 @@ async function la(e, t, r) {
         remainingAccounts: 0
       };
     ur(r), Ot.remove(r);
-    const s = Re(), f = s.sort((u, g) => g.lastUsed - u.lastUsed)[0] || null;
-    return f ? (fe(f.accountId), {
+    const c = pe(), f = c.sort((u, y) => y.lastUsed - u.lastUsed)[0] || null;
+    return f ? (le(f.accountId), {
       success: !0,
       message: `Logged out. Switched to ${f.user.profile?.email || f.user.profile?.sub}`,
-      remainingAccounts: s.length
-    }) : (fe(null), {
+      remainingAccounts: c.length
+    }) : (le(null), {
       success: !0,
       message: "Logged out. No other accounts available.",
       remainingAccounts: 0
@@ -4957,7 +4957,7 @@ async function la(e, t, r) {
     return console.error("Error during logout:", n), {
       success: !1,
       message: `Logout failed: ${n instanceof Error ? n.message : "Unknown error"}`,
-      remainingAccounts: Re().length
+      remainingAccounts: pe().length
     };
   }
 }
@@ -4969,7 +4969,7 @@ async function Da(e, t) {
   );
   return await Promise.all(r), e.forEach((n) => {
     ur(n.accountId), Ot.remove(n.accountId);
-  }), fe(null), {
+  }), le(null), {
     success: !0,
     message: "All accounts logged out.",
     remainingAccounts: 0
@@ -4977,16 +4977,16 @@ async function Da(e, t) {
 }
 function La(e) {
   ur(e);
-  const t = Re();
+  const t = pe();
   if (t.length > 0) {
     const n = t.sort((o, i) => i.lastUsed - o.lastUsed)[0];
-    return fe(n.accountId), {
+    return le(n.accountId), {
       success: !0,
       message: `Account removed locally. Switched to ${n.user.profile?.email || n.user.profile?.sub}`,
       remainingAccounts: t.length - 1
     };
   } else
-    return fe(null), {
+    return le(null), {
       success: !0,
       message: "Account removed. No other accounts available.",
       remainingAccounts: 0
@@ -5034,7 +5034,7 @@ class fa {
 const Ot = new fa();
 async function Xt(e, t, r) {
   if (!t.refresh_token)
-    return console.warn(`${be.TOKEN_REFRESH_FAILED} (${e}): missing refresh token`), null;
+    return console.warn(`${ve.TOKEN_REFRESH_FAILED} (${e}): missing refresh token`), null;
   const n = `${r.authority.replace(/\/$/, "")}/protocol/openid-connect/token`;
   try {
     const o = await fetch(n, {
@@ -5050,25 +5050,25 @@ async function Xt(e, t, r) {
     });
     if (!o.ok) {
       const l = await o.text();
-      return console.warn(`${be.TOKEN_REFRESH_FAILED} (${e}):`, l), null;
+      return console.warn(`${ve.TOKEN_REFRESH_FAILED} (${e}):`, l), null;
     }
-    const i = await o.json(), s = {
+    const i = await o.json(), c = {
       access_token: i.access_token,
       refresh_token: i.refresh_token || t.refresh_token,
       id_token: i.id_token || t.id_token,
       expires_in: i.expires_in || t.expires_in,
       profile: t.profile
     };
-    return na(e, s), s;
+    return na(e, c), c;
   } catch (o) {
-    return console.warn(`${be.TOKEN_REFRESH_FAILED} (${e}):`, o), null;
+    return console.warn(`${ve.TOKEN_REFRESH_FAILED} (${e}):`, o), null;
   }
 }
 async function Qr(e, t) {
   try {
     await (await Ot.getOrCreate(e, t)).signinRedirect();
   } catch (r) {
-    throw console.error(be.SIGNIN_REDIRECT_FAILED, r), r;
+    throw console.error(ve.SIGNIN_REDIRECT_FAILED, r), r;
   }
 }
 async function da(e, t) {
@@ -5098,192 +5098,209 @@ async function xn(e, t, r) {
       post_logout_redirect_uri: t.post_logout_redirect_uri || t.redirect_uri || window.location.origin
     });
   } catch (n) {
-    console.warn(be.LOGOUT_FAILED, n);
+    console.warn(ve.LOGOUT_FAILED, n);
   }
 }
 function pa(e) {
-  const { keycloakConfig: t, initialUser: r, onAccountSwitch: n, signinRedirect: o, syncBridge: i } = e, [s, l] = me([]), [f, u] = me(null), g = Ee(!1), d = Ee(!1), m = Ee(!1), w = pe((y) => {
-    const h = y.accounts;
-    let p = y.activeAccountId;
-    if (p && !h.find((T) => T.accountId === p) && (p = h[0]?.accountId || null), l(h), u(p), p) {
-      const T = h.find((P) => P.accountId === p);
-      T && n(T.user);
+  const { keycloakConfig: t, initialUser: r, onAccountSwitch: n, signinRedirect: o, syncBridge: i } = e, [c, l] = ge([]), [f, u] = ge(null), y = be(!1), d = be(!1), h = be(!1), v = be(null), g = he((m) => {
+    const p = m.accounts;
+    let w = m.activeAccountId;
+    if (w && !p.find((I) => I.accountId === w) && (w = p[0]?.accountId || null), l(p), u(w), w) {
+      const I = p.find((k) => k.accountId === w);
+      I && n(I.user);
     }
   }, [n]);
-  ye(() => {
-    !i || m.current || (m.current = !0, i.getAccountsState().then((y) => {
-      if (!y || !y.accounts.length) return;
-      y.accounts.forEach((p) => {
-        Ge(p.user);
-      }), y.activeAccountId && fe(y.activeAccountId);
-      const h = re();
-      w(h);
+  de(() => {
+    !i || h.current || (h.current = !0, i.getAccountsState().then((m) => {
+      if (!m || !m.accounts.length) return;
+      m.accounts.forEach((w) => {
+        Ge(w.user);
+      }), m.activeAccountId && le(m.activeAccountId);
+      const p = ee();
+      g(p);
     }));
-  }, [w, i]), ye(() => {
+  }, [g, i]), de(() => {
     if (d.current) return;
     if (Gt())
       if (console.log("🔄 Detected redirect callback for add account flow"), r) {
-        const h = Re(), p = r.profile?.sub, T = r.profile?.email;
-        if (h.some((O) => p && O.user.profile?.sub ? O.user.profile.sub === p : T && O.user.profile?.email ? O.user.profile.email === T : !1)) {
+        const p = pe(), w = r.profile?.sub, I = r.profile?.email;
+        if (p.some((L) => w && L.user.profile?.sub ? L.user.profile.sub === w : I && L.user.profile?.email ? L.user.profile.email === I : !1)) {
           console.log("⏳ initialUser matches an existing account, waiting for new user...");
           return;
         }
         d.current = !0, console.log("✅ Primary auth populated initialUser, processing new account...");
-        const z = Ge(r);
-        console.log(`✅ Added new account: ${z}`), fe(z), Wt(!1);
-        const I = sa();
+        const $ = Ge(r);
+        console.log(`✅ Added new account: ${$}`), le($), Wt(!1);
+        const s = sa();
         Xr(), Jr();
-        const a = re();
-        l(a.accounts), u(z), i && i.setAccountsState(a), n(r), console.log("✅ Account switch completed"), I && I !== window.location.href && (console.log(`🔄 Navigating back to: ${I}`), window.location.assign(I));
+        const O = ee();
+        l(O.accounts), u($), i && i.setAccountsState(O), n(r), console.log("✅ Account switch completed"), s && s !== window.location.href && (console.log(`🔄 Navigating back to: ${s}`), window.location.assign(s));
       } else
         console.log("⏳ Waiting for primary auth to populate initialUser...");
-  }, [r, n]), ye(() => {
+  }, [r, n]), de(() => {
     (async () => {
-      const y = async () => !(localStorage.getItem("spry_add_account_pending") !== "1" || d.current);
-      let h = 0;
-      for (; h < 10 && !await y(); )
-        await new Promise((p) => setTimeout(p, 150)), h++;
-      if (await y())
+      const m = async () => !(localStorage.getItem("spry_add_account_pending") !== "1" || d.current);
+      let p = 0;
+      for (; p < 10 && !await m(); )
+        await new Promise((w) => setTimeout(w, 150)), p++;
+      if (await m())
         if (localStorage.removeItem("spry_add_account_pending"), console.log("🔄 Soft-logout completed, initiating signinRedirect..."), o)
-          o().catch((p) => {
-            console.error("signinRedirect failed:", p);
+          o().catch((w) => {
+            console.error("signinRedirect failed:", w);
           });
         else {
-          const p = `temp_add_${Date.now()}`;
-          Qr(t, p).catch((T) => {
-            console.error("signinRedirectForNewAccount failed:", T);
+          const w = `temp_add_${Date.now()}`;
+          Qr(t, w).catch((I) => {
+            console.error("signinRedirectForNewAccount failed:", I);
           });
         }
     })();
-  }, [t, o]), ye(() => {
-    if (!g.current && !d.current) {
-      g.current = !0;
+  }, [t, o]), de(() => {
+    if (!y.current && !d.current) {
+      y.current = !0;
       try {
-        const y = re();
-        let h = y.accounts, p = y.activeAccountId;
-        if (h.length === 0 && r) {
-          const T = Ge(r);
-          h = Re(), p = T, fe(T);
+        const m = ee();
+        let p = m.accounts, w = m.activeAccountId;
+        if (p.length === 0 && r) {
+          const I = Ge(r);
+          p = pe(), w = I, le(I);
         }
-        p && !h.find((T) => T.accountId === p) && (p = h[0]?.accountId || null, p && fe(p)), w({
-          accounts: h,
-          activeAccountId: p,
-          lastUpdated: y.lastUpdated
+        w && !p.find((I) => I.accountId === w) && (w = p[0]?.accountId || null, w && le(w)), g({
+          accounts: p,
+          activeAccountId: w,
+          lastUpdated: m.lastUpdated
         }), i && i.setAccountsState({
-          accounts: h,
-          activeAccountId: p,
-          lastUpdated: y.lastUpdated
-        }), console.log(`📦 Loaded ${h.length} accounts from localStorage`);
-      } catch (y) {
-        const h = y instanceof Error ? y.message : "Unknown initialization error";
-        console.error("Failed to initialize account manager:", h);
+          accounts: p,
+          activeAccountId: w,
+          lastUpdated: m.lastUpdated
+        }), console.log(`📦 Loaded ${p.length} accounts from localStorage`);
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Unknown initialization error";
+        console.error("Failed to initialize account manager:", p);
       }
     }
-  }, [w, r, n, i]), ye(() => {
-    if (d.current || !r || re().accounts.length > 0 || Gt()) return;
-    const h = Ge(r);
-    fe(h);
-    const p = re();
-    w(p), i && i.setAccountsState(p), console.log("✅ Seeded initial account after auth became available");
-  }, [w, r, n, i]), ye(() => {
+  }, [g, r, n, i]), de(() => {
+    if (d.current || !r || ee().accounts.length > 0 || Gt()) return;
+    const p = Ge(r);
+    le(p);
+    const w = ee();
+    g(w), i && i.setAccountsState(w), console.log("✅ Seeded initial account after auth became available");
+  }, [g, r, n, i]), de(() => {
     if (!r || d.current || Gt()) return;
-    const y = Re(), h = r.profile?.sub, p = r.profile?.email;
-    if (y.some((I) => h && I.user.profile?.sub ? I.user.profile.sub === h : p && I.user.profile?.email ? I.user.profile.email === p : !1)) return;
-    const P = Ge(r);
-    fe(P);
-    const z = re();
-    w(z), i && i.setAccountsState(z), console.log("✅ Added account from auth state update");
-  }, [w, r, n, i]);
-  const b = pe(
-    async (y) => {
+    const m = pe(), p = r.profile?.sub, w = r.profile?.email;
+    if (m.some((s) => p && s.user.profile?.sub ? s.user.profile.sub === p : w && s.user.profile?.email ? s.user.profile.email === w : !1)) return;
+    const k = Ge(r);
+    le(k);
+    const $ = ee();
+    g($), i && i.setAccountsState($), console.log("✅ Added account from auth state update");
+  }, [g, r, n, i]), de(() => {
+    const m = (p) => {
+      if (p.key === "spry_accounts") {
+        console.log("🔄 Detected cross-tab localStorage change, reloading accounts...");
+        const w = ee();
+        g(w);
+      }
+    };
+    return window.addEventListener("storage", m), () => {
+      window.removeEventListener("storage", m);
+    };
+  }, [g]);
+  const a = he(
+    async (m) => {
       try {
-        const h = s.find((p) => p.accountId === y);
-        if (!h) {
-          console.error(be.ACCOUNT_NOT_FOUND);
+        const w = pe().find((k) => k.accountId === m);
+        if (!w) {
+          console.error(ve.ACCOUNT_NOT_FOUND);
           return;
         }
-        ar(h.user.access_token) && (console.warn("Access token expired for account:", y), oa(y)), fe(y), u(y), await n(h.user), i && await i.setAccountsState(re()), console.log(`✅ Switched to account: ${h.user.profile?.email || y}`);
-      } catch (h) {
-        const p = h instanceof Error ? h.message : "Failed to switch account";
-        console.error(p, h);
+        const I = v.current === m;
+        ar(w.user.access_token) && (console.warn("Access token expired for account:", m), oa(m)), le(m), u(m), await n(w.user), i && await i.setAccountsState(ee()), console.log(`✅ Switched to account: ${w.user.profile?.email || m}`), I ? v.current = null : (v.current = m, setTimeout(async () => {
+          if (v.current === m) {
+            const $ = pe().find((s) => s.accountId === m);
+            $ && (le(m), u(m), await n($.user), i && await i.setAccountsState(ee())), v.current = null;
+          }
+        }, 100));
+      } catch (p) {
+        const w = p instanceof Error ? p.message : "Failed to switch account";
+        console.error(w, p), v.current = null;
       }
     },
-    [s, n, i]
-  ), c = pe(async () => {
+    [n, i]
+  ), b = he(async () => {
     try {
-      if (console.log("🔄 Starting add new account flow..."), console.log("📦 Saving state flags to localStorage..."), r && aa(r), Wt(!0), localStorage.setItem("spry_add_account_pending", "1"), ia(window.location.href), console.log("🔄 Clearing SSO session..."), await ca(r || null, t), await new Promise((y) => setTimeout(y, 1200)), console.log(Is.REDIRECT_IN_PROGRESS), o)
+      if (console.log("🔄 Starting add new account flow..."), console.log("📦 Saving state flags to localStorage..."), r && aa(r), Wt(!0), localStorage.setItem("spry_add_account_pending", "1"), ia(window.location.href), console.log("🔄 Clearing SSO session..."), await ca(r || null, t), await new Promise((m) => setTimeout(m, 1200)), console.log(Is.REDIRECT_IN_PROGRESS), o)
         await o();
       else {
-        const y = `temp_add_${Date.now()}`;
-        await Qr(t, y);
+        const m = `temp_add_${Date.now()}`;
+        await Qr(t, m);
       }
-    } catch (y) {
-      const h = y instanceof Error ? y.message : "Failed to add new account";
-      console.error(h, y), Wt(!1), Jr(), Xr(), localStorage.removeItem("spry_add_account_pending");
+    } catch (m) {
+      const p = m instanceof Error ? m.message : "Failed to add new account";
+      console.error(p, m), Wt(!1), Jr(), Xr(), localStorage.removeItem("spry_add_account_pending");
     }
-  }, [t, r]), v = pe(
-    async (y) => {
+  }, [t, r]), C = he(
+    async (m) => {
       try {
-        const h = s.find((P) => P.accountId === y);
-        if (!h) {
-          console.error(be.ACCOUNT_NOT_FOUND);
+        const w = pe().find(($) => $.accountId === m);
+        if (!w) {
+          console.error(ve.ACCOUNT_NOT_FOUND);
           return;
         }
-        const p = await la(h.user, t, y);
-        p.success || console.warn("Keycloak logout failed, but account removed locally:", p.message);
-        const T = re();
-        w(T), i && i.setAccountsState(T);
-      } catch (h) {
-        const p = h instanceof Error ? h.message : "Failed to remove account";
-        console.error(p, h);
+        const I = await la(w.user, t, m);
+        I.success || console.warn("Keycloak logout failed, but account removed locally:", I.message);
+        const k = ee();
+        g(k), i && i.setAccountsState(k);
+      } catch (p) {
+        const w = p instanceof Error ? p.message : "Failed to remove account";
+        console.error(w, p);
       }
     },
-    [s, t, n, w, i]
-  ), A = pe(
-    async (y) => {
+    [t, g, i]
+  ), _ = he(
+    async (m) => {
       try {
-        const h = s.find((P) => P.accountId === y);
-        if (!h) {
-          console.error(be.ACCOUNT_NOT_FOUND);
+        const w = pe().find(($) => $.accountId === m);
+        if (!w) {
+          console.error(ve.ACCOUNT_NOT_FOUND);
           return;
         }
         if (!await Xt(
-          y,
-          h.user,
+          m,
+          w.user,
           t
         )) {
-          console.error(`No refreshed user returned for ${y}`);
+          console.error(`No refreshed user returned for ${m}`);
           return;
         }
-        const T = re();
-        w(T), i && i.setAccountsState(T);
-      } catch (h) {
-        const p = h instanceof Error ? h.message : "Failed to refresh token";
-        console.error(p, h);
+        const k = ee();
+        g(k), i && i.setAccountsState(k);
+      } catch (p) {
+        const w = p instanceof Error ? p.message : "Failed to refresh token";
+        console.error(w, p);
       }
     },
-    [s, f, t, n, w, i]
+    [t, g, i]
   );
-  ye(() => {
-    const y = () => {
-      const h = s.map((T) => ({
-        ...T,
-        isStale: ks(T)
+  de(() => {
+    const m = () => {
+      const p = c.map((I) => ({
+        ...I,
+        isStale: ks(I)
       }));
-      h.some(
-        (T, P) => T.isStale !== s[P]?.isStale
-      ) && (ea(h), l(h));
+      p.some(
+        (I, k) => I.isStale !== c[k]?.isStale
+      ) && (ea(p), l(p));
     };
-    s.length > 0 && y();
-  }, [s]);
-  const C = s.find((y) => y.accountId === f) || null;
+    c.length > 0 && m();
+  }, [c]);
+  const A = f && c.find((m) => m.accountId === f) || null;
   return {
-    accounts: s,
-    activeAccount: C,
-    switchAccount: b,
-    addNewAccount: c,
-    removeAccount: v,
-    refreshAccountToken: A
+    accounts: c,
+    activeAccount: A,
+    switchAccount: a,
+    addNewAccount: b,
+    removeAccount: C,
+    refreshAccountToken: _
   };
 }
 const ma = 2e3, Yt = /* @__PURE__ */ new Map();
@@ -5292,91 +5309,91 @@ function ha(e) {
   if (Yt.has(e.bridgeUrl))
     return Yt.get(e.bridgeUrl) || null;
   const t = e.bridgeUrl, r = new URL(t).origin, n = e.timeoutMs ?? ma;
-  let o = null, i = !1, s = null, l = null;
+  let o = null, i = !1, c = null, l = null;
   const f = /* @__PURE__ */ new Map(), u = () => {
     o || (o = document.createElement("iframe"), o.src = t, o.title = "Spry Sync Bridge", o.style.width = "0", o.style.height = "0", o.style.border = "0", o.style.position = "absolute", o.style.left = "-9999px", o.style.top = "-9999px", o.setAttribute("aria-hidden", "true"), o.addEventListener("load", () => {
       i = !0;
     }), document.body.appendChild(o));
-  }, g = () => (u(), i ? Promise.resolve() : s || (s = new Promise((C, y) => {
+  }, y = () => (u(), i ? Promise.resolve() : c || (c = new Promise((_, A) => {
     if (!o) {
-      s = null, y(new Error("Bridge iframe not available"));
+      c = null, A(new Error("Bridge iframe not available"));
       return;
     }
-    const h = () => {
+    const m = () => {
       if (i = !0, d()) {
-        T(), C();
+        w(), _();
         return;
       }
-      T(), y(new Error("Bridge iframe did not load the expected origin"));
+      w(), A(new Error("Bridge iframe did not load the expected origin"));
     }, p = () => {
-      T(), y(new Error("Bridge iframe failed to load"));
-    }, T = () => {
-      o?.removeEventListener("load", h), o?.removeEventListener("error", p), s = null;
+      w(), A(new Error("Bridge iframe failed to load"));
+    }, w = () => {
+      o?.removeEventListener("load", m), o?.removeEventListener("error", p), c = null;
     };
-    o.addEventListener("load", h), o.addEventListener("error", p);
-  }), s)), d = () => {
+    o.addEventListener("load", m), o.addEventListener("error", p);
+  }), c)), d = () => {
     if (!o || !o.contentWindow) return !1;
     try {
-      const C = o.contentWindow.location.href;
-      return !C || C === "about:blank" ? !1 : C.startsWith(t);
+      const _ = o.contentWindow.location.href;
+      return !_ || _ === "about:blank" ? !1 : _.startsWith(t);
     } catch {
       return !0;
     }
-  }, m = (C) => {
-    if (C.origin !== r) return;
-    const y = C.data;
-    if (!y || typeof y != "object") return;
-    const h = y.requestId;
-    if (!h || typeof h != "string") return;
-    const p = f.get(h);
+  }, h = (_) => {
+    if (_.origin !== r) return;
+    const A = _.data;
+    if (!A || typeof A != "object") return;
+    const m = A.requestId;
+    if (!m || typeof m != "string") return;
+    const p = f.get(m);
     if (p) {
-      if (f.delete(h), window.clearTimeout(p.timeoutId), y.type === "ERROR") {
-        p.reject(new Error(y.error || "Bridge error"));
+      if (f.delete(m), window.clearTimeout(p.timeoutId), A.type === "ERROR") {
+        p.reject(new Error(A.error || "Bridge error"));
         return;
       }
-      p.resolve(y.payload ?? null);
+      p.resolve(A.payload ?? null);
     }
-  }, w = (C, y, h) => h ? c(C, y) : v().then(() => c(C, y)), b = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}_${Math.random().toString(16).slice(2)}`, c = (C, y) => g().then(() => new Promise((h, p) => {
-    const T = b(), P = window.setTimeout(() => {
-      f.delete(T), p(new Error(`Bridge request timed out: ${C}`));
+  }, v = (_, A, m) => m ? a(_, A) : b().then(() => a(_, A)), g = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}_${Math.random().toString(16).slice(2)}`, a = (_, A) => y().then(() => new Promise((m, p) => {
+    const w = g(), I = window.setTimeout(() => {
+      f.delete(w), p(new Error(`Bridge request timed out: ${_}`));
     }, n);
-    f.set(T, { resolve: h, reject: p, timeoutId: P });
+    f.set(w, { resolve: m, reject: p, timeoutId: I });
     try {
-      o?.contentWindow?.postMessage({ type: C, requestId: T, payload: y }, "*");
+      o?.contentWindow?.postMessage({ type: _, requestId: w, payload: A }, "*");
     } catch {
-      f.delete(T), window.clearTimeout(P), p(new Error("Bridge postMessage failed"));
+      f.delete(w), window.clearTimeout(I), p(new Error("Bridge postMessage failed"));
     }
-  })), v = () => l || (l = w("PING", null, !0).then(() => {
-  }).catch((C) => {
-    throw l = null, C;
+  })), b = () => l || (l = v("PING", null, !0).then(() => {
+  }).catch((_) => {
+    throw l = null, _;
   }), l);
-  window.addEventListener("message", m);
-  const A = {
+  window.addEventListener("message", h);
+  const C = {
     getAccountsState: async () => {
       try {
-        const C = await w("GET_ACCOUNTS");
-        return !C || !Array.isArray(C.accounts) ? null : {
-          accounts: C.accounts,
-          activeAccountId: C.activeAccountId ?? null,
-          lastUpdated: Number(C.lastUpdated) || 0
+        const _ = await v("GET_ACCOUNTS");
+        return !_ || !Array.isArray(_.accounts) ? null : {
+          accounts: _.accounts,
+          activeAccountId: _.activeAccountId ?? null,
+          lastUpdated: Number(_.lastUpdated) || 0
         };
-      } catch (C) {
-        return console.warn("Sync bridge unavailable for GET_ACCOUNTS:", C), null;
+      } catch (_) {
+        return console.warn("Sync bridge unavailable for GET_ACCOUNTS:", _), null;
       }
     },
-    setAccountsState: async (C) => {
+    setAccountsState: async (_) => {
       try {
-        await w("SET_ACCOUNTS", {
-          accounts: C.accounts,
-          activeAccountId: C.activeAccountId ?? null,
-          lastUpdated: C.lastUpdated ?? Date.now()
+        await v("SET_ACCOUNTS", {
+          accounts: _.accounts,
+          activeAccountId: _.activeAccountId ?? null,
+          lastUpdated: _.lastUpdated ?? Date.now()
         });
-      } catch (y) {
-        console.warn("Sync bridge unavailable for SET_ACCOUNTS:", y);
+      } catch (A) {
+        console.warn("Sync bridge unavailable for SET_ACCOUNTS:", A);
       }
     }
   };
-  return Yt.set(t, A), A;
+  return Yt.set(t, C), C;
 }
 function ga(e) {
   if (e)
@@ -5398,65 +5415,65 @@ function Zr(e) {
   });
 }
 function Ma() {
-  const e = _n(), { keycloakConfig: t, userManager: r, syncBridgeUrl: n } = Qs(), o = Ee(!1), i = qe(
+  const e = _n(), { keycloakConfig: t, userManager: r, syncBridgeUrl: n } = Qs(), o = be(!1), i = qe(
     () => ha(n ? { bridgeUrl: n } : null),
     [n]
-  ), s = pa({
+  ), c = pa({
     keycloakConfig: t,
     initialUser: ga(e.user),
     signinRedirect: e.signinRedirect,
     syncBridge: i,
     onAccountSwitch: async (f) => {
       let u = f;
-      const g = Re(), d = f.profile?.sub, m = f.profile?.email, w = g.find((c) => d && c.user.profile?.sub ? c.user.profile.sub === d : m && c.user.profile?.email ? c.user.profile.email === m : !1);
-      if (w && f.refresh_token) {
-        const c = await Xt(
-          w.accountId,
+      const y = pe(), d = f.profile?.sub, h = f.profile?.email, v = y.find((a) => d && a.user.profile?.sub ? a.user.profile.sub === d : h && a.user.profile?.email ? a.user.profile.email === h : !1);
+      if (v && f.refresh_token) {
+        const a = await Xt(
+          v.accountId,
           f,
           t
         );
-        c && (u = c);
+        a && (u = a);
       }
-      const b = Zr(u);
-      await r.storeUser(b), await r.events.load(b), window.dispatchEvent(
+      const g = Zr(u);
+      await r.storeUser(g), await r.events.load(g), window.dispatchEvent(
         new CustomEvent("auth:account-switched", {
           detail: { user: u }
         })
       );
     }
   });
-  ye(() => {
+  de(() => {
     if (o.current || e.isAuthenticated || e.isLoading || e.activeNavigator) return;
     const f = ta();
     if (!f) return;
     o.current = !0, (async () => {
-      let g = f.user;
-      if (g.refresh_token) {
-        const m = await Xt(
+      let y = f.user;
+      if (y.refresh_token) {
+        const h = await Xt(
           f.accountId,
-          g,
+          y,
           t
         );
-        m && (g = m);
+        h && (y = h);
       }
-      const d = Zr(g);
+      const d = Zr(y);
       await r.storeUser(d), await r.events.load(d);
-    })().catch((g) => {
-      console.log("Restore from stored account failed:", g);
+    })().catch((y) => {
+      console.log("Restore from stored account failed:", y);
     });
-  }, [s.accounts.length, e, t, r]);
-  const l = pe(
+  }, [c.accounts.length, e, t, r]);
+  const l = he(
     async (f) => {
-      await s.removeAccount(f), ra() || await r.removeUser();
+      await c.removeAccount(f), ra() || await r.removeUser();
     },
-    [s, r]
+    [c, r]
   );
   return qe(
     () => ({
-      ...s,
+      ...c,
       removeAccount: l
     }),
-    [s, l]
+    [c, l]
   );
 }
 function Fa() {
@@ -5470,14 +5487,14 @@ function ya({
   refetchInterval: o,
   cacheTime: i
 }) {
-  const { apps: s, isLoading: l, error: f, refetch: u } = Kn(e, {
+  const { apps: c, isLoading: l, error: f, refetch: u } = Kn(e, {
     refetchInterval: o,
     cacheTime: i
   });
   return /* @__PURE__ */ x(
     Wn,
     {
-      apps: s,
+      apps: c,
       open: t,
       onClose: r,
       buttonRef: n,
@@ -5491,11 +5508,11 @@ export {
   An as AccountList,
   Wn as AppsDropdown,
   ya as AppsDropdownConnected,
-  be as ERROR_MESSAGES,
+  ve as ERROR_MESSAGES,
   Is as INFO_MESSAGES,
   Ns as ProfileMenu,
   Ms as ProfileMenuConnected,
-  he as STORAGE_KEYS,
+  ye as STORAGE_KEYS,
   $s as SYNC_BRIDGE_URL,
   ka as SpryAuthProvider,
   Rt as TOKEN_VALIDATION,
@@ -5509,8 +5526,8 @@ export {
   ya as default,
   He as extractUserInfo,
   Na as getAccountMetadata,
-  Re as getAccounts,
-  re as getAccountsState,
+  pe as getAccounts,
+  ee as getAccountsState,
   ta as getActiveAccount,
   ra as getActiveAccountId,
   sa as getReturnUrl,
@@ -5530,7 +5547,7 @@ export {
   ea as saveAccounts,
   Ve as saveAccountsState,
   aa as saveTempCurrentUser,
-  fe as setActiveAccount,
+  le as setActiveAccount,
   Wt as setAddAccountInProgress,
   ia as setReturnUrl,
   Ra as shouldRefreshAccessToken,