@edusight/notification-widget 1.0.8 → 1.0.10

package/dist/index.esm.js

@@ -1,51 +1,51 @@
 import * as Ie from "react";
-import hn, { useState as Te, useCallback as $e, useEffect as Ze, useRef as co } from "react";
-import { IconButton as xt, Badge as lo, ListItem as uo, Box as ye, ListItemText as fo, Chip as po, ListItemSecondaryAction as mo, Typography as Tt, Divider as gn, FormControlLabel as mt, Switch as ht, Button as Ar, CircularProgress as ho, Alert as go, Tabs as yo, Tab as kr, Popover as yn, List as bo, Paper as vo } from "@mui/material";
-import { NotificationSocketClient as So, Channel as Eo, NotificationCategory as Co, Priority as xo, NotificationStatus as bn, NotificationType as To } from "@edusight/notification-sdk";
-import wo from "@emotion/styled";
+import hn, { useState as Te, useCallback as $e, useEffect as Ze, useRef as co, useMemo as lo } from "react";
+import { IconButton as xt, Badge as uo, ListItem as fo, Box as ye, ListItemText as po, Chip as mo, ListItemSecondaryAction as ho, Typography as Tt, Divider as gn, FormControlLabel as mt, Switch as ht, Button as Ar, CircularProgress as go, Alert as yo, Tabs as bo, Tab as kr, Popover as yn, List as vo, Paper as So } from "@mui/material";
+import { NotificationSocketClient as Eo, Channel as Co, NotificationCategory as xo, Priority as To, NotificationStatus as bn, NotificationType as wo } from "@edusight/notification-sdk";
+import _o from "@emotion/styled";
 import "@emotion/react";
-function _o(e) {
+function Oo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var gt = { exports: {} }, rt = {};
 var $r;
-function Oo() {
+function Ro() {
   if ($r) return rt;
   $r = 1;
   var e = hn, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(u, f, d) {
-    var m, p = {}, h = null, y = null;
-    d !== void 0 && (h = "" + d), f.key !== void 0 && (h = "" + f.key), f.ref !== void 0 && (y = f.ref);
-    for (m in f) n.call(f, m) && !i.hasOwnProperty(m) && (p[m] = f[m]);
-    if (u && u.defaultProps) for (m in f = u.defaultProps, f) p[m] === void 0 && (p[m] = f[m]);
-    return { $$typeof: t, type: u, key: h, ref: y, props: p, _owner: o.current };
+  function c(u, f, p) {
+    var m, d = {}, h = null, y = null;
+    p !== void 0 && (h = "" + p), f.key !== void 0 && (h = "" + f.key), f.ref !== void 0 && (y = f.ref);
+    for (m in f) n.call(f, m) && !i.hasOwnProperty(m) && (d[m] = f[m]);
+    if (u && u.defaultProps) for (m in f = u.defaultProps, f) d[m] === void 0 && (d[m] = f[m]);
+    return { $$typeof: t, type: u, key: h, ref: y, props: d, _owner: o.current };
   }
   return rt.Fragment = r, rt.jsx = c, rt.jsxs = c, rt;
 }
 var nt = {};
 var Pr;
-function Ro() {
+function Ao() {
   return Pr || (Pr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = hn, t = /* @__PURE__ */ Symbol.for("react.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.provider"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.offscreen"), b = Symbol.iterator, l = "@@iterator";
-    function T(s) {
+    var e = hn, t = /* @__PURE__ */ Symbol.for("react.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.provider"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.offscreen"), b = Symbol.iterator, l = "@@iterator";
+    function w(s) {
       if (s === null || typeof s != "object")
         return null;
       var v = b && s[b] || s[l];
       return typeof v == "function" ? v : null;
     }
     var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(s) {
+    function T(s) {
       {
-        for (var v = arguments.length, R = new Array(v > 1 ? v - 1 : 0), P = 1; P < v; P++)
-          R[P - 1] = arguments[P];
-        A("error", s, R);
+        for (var v = arguments.length, A = new Array(v > 1 ? v - 1 : 0), P = 1; P < v; P++)
+          A[P - 1] = arguments[P];
+        _("error", s, A);
       }
     }
-    function A(s, v, R) {
+    function _(s, v, A) {
       {
         var P = S.ReactDebugCurrentFrame, H = P.getStackAddendum();
-        H !== "" && (v += "%s", R = R.concat([H]));
-        var te = R.map(function(Y) {
+        H !== "" && (v += "%s", A = A.concat([H]));
+        var te = A.map(function(Y) {
           return String(Y);
         });
         te.unshift("Warning: " + v), Function.prototype.apply.call(console[s], console, te);
@@ -54,26 +54,26 @@ function Ro() {
     var $ = !1, E = !1, q = !1, oe = !1, ee = !1, W;
     W = /* @__PURE__ */ Symbol.for("react.module.reference");
     function a(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || ee || s === o || s === d || s === m || oe || s === y || $ || E || q || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === p || s.$$typeof === c || s.$$typeof === u || s.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || ee || s === o || s === p || s === m || oe || s === y || $ || E || q || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === d || s.$$typeof === c || s.$$typeof === u || s.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       s.$$typeof === W || s.getModuleId !== void 0));
     }
-    function O(s, v, R) {
+    function R(s, v, A) {
       var P = s.displayName;
       if (P)
         return P;
       var H = v.displayName || v.name || "";
-      return H !== "" ? R + "(" + H + ")" : R;
+      return H !== "" ? A + "(" + H + ")" : A;
     }
     function U(s) {
       return s.displayName || "Context";
     }
-    function N(s) {
+    function j(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -86,7 +86,7 @@ function Ro() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case d:
+        case p:
           return "Suspense";
         case m:
           return "SuspenseList";
@@ -97,17 +97,17 @@ function Ro() {
             var v = s;
             return U(v) + ".Consumer";
           case c:
-            var R = s;
-            return U(R._context) + ".Provider";
+            var A = s;
+            return U(A._context) + ".Provider";
           case f:
-            return O(s, s.render, "ForwardRef");
-          case p:
+            return R(s, s.render, "ForwardRef");
+          case d:
             var P = s.displayName || null;
-            return P !== null ? P : N(s.type) || "Memo";
+            return P !== null ? P : j(s.type) || "Memo";
           case h: {
             var H = s, te = H._payload, Y = H._init;
             try {
-              return N(Y(te));
+              return j(Y(te));
             } catch {
               return null;
             }
@@ -174,11 +174,11 @@ function Ro() {
             })
           });
         }
-        ae < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ae < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var j = S.ReactCurrentDispatcher, D;
-    function F(s, v, R) {
+    var N = S.ReactCurrentDispatcher, D;
+    function F(s, v, A) {
       {
         if (D === void 0)
           try {
@@ -196,20 +196,20 @@ function Ro() {
       var me = typeof WeakMap == "function" ? WeakMap : Map;
       L = new me();
     }
-    function _(s, v) {
+    function O(s, v) {
       if (!s || G)
         return "";
       {
-        var R = L.get(s);
-        if (R !== void 0)
-          return R;
+        var A = L.get(s);
+        if (A !== void 0)
+          return A;
       }
       var P;
       G = !0;
       var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var te;
-      te = j.current, j.current = null, I();
+      te = N.current, N.current = null, I();
       try {
         if (v) {
           var Y = function() {
@@ -262,27 +262,27 @@ function Ro() {
             }
         }
       } finally {
-        G = !1, j.current = te, z(), Error.prepareStackTrace = H;
+        G = !1, N.current = te, z(), Error.prepareStackTrace = H;
       }
       var Ge = s ? s.displayName || s.name : "", Fe = Ge ? F(Ge) : "";
       return typeof s == "function" && L.set(s, Fe), Fe;
     }
-    function Ee(s, v, R) {
-      return _(s, !1);
+    function Ee(s, v, A) {
+      return O(s, !1);
     }
     function Ye(s) {
       var v = s.prototype;
       return !!(v && v.isReactComponent);
     }
-    function Be(s, v, R) {
+    function Be(s, v, A) {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return _(s, Ye(s));
+        return O(s, Ye(s));
       if (typeof s == "string")
         return F(s);
       switch (s) {
-        case d:
+        case p:
           return F("Suspense");
         case m:
           return F("SuspenseList");
@@ -291,12 +291,12 @@ function Ro() {
         switch (s.$$typeof) {
           case f:
             return Ee(s.render);
-          case p:
-            return Be(s.type, v, R);
+          case d:
+            return Be(s.type, v, A);
           case h: {
             var P = s, H = P._payload, te = P._init;
             try {
-              return Be(te(H), v, R);
+              return Be(te(H), v, A);
             } catch {
             }
           }
@@ -306,12 +306,12 @@ function Ro() {
     var tt = Object.prototype.hasOwnProperty, hr = {}, gr = S.ReactDebugCurrentFrame;
     function pt(s) {
       if (s) {
-        var v = s._owner, R = Be(s.type, s._source, v ? v.type : null);
-        gr.setExtraStackFrame(R);
+        var v = s._owner, A = Be(s.type, s._source, v ? v.type : null);
+        gr.setExtraStackFrame(A);
       } else
         gr.setExtraStackFrame(null);
     }
-    function Ln(s, v, R, P, H) {
+    function Ln(s, v, A, P, H) {
       {
         var te = Function.call.bind(tt);
         for (var Y in s)
@@ -319,14 +319,14 @@ function Ro() {
             var V = void 0;
             try {
               if (typeof s[Y] != "function") {
-                var he = Error((P || "React class") + ": " + R + " type `" + Y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[Y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var he = Error((P || "React class") + ": " + A + " type `" + Y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[Y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw he.name = "Invariant Violation", he;
               }
-              V = s[Y](v, Y, P, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = s[Y](v, Y, P, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ue) {
               V = ue;
             }
-            V && !(V instanceof Error) && (pt(H), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", R, Y, typeof V), pt(null)), V instanceof Error && !(V.message in hr) && (hr[V.message] = !0, pt(H), w("Failed %s type: %s", R, V.message), pt(null));
+            V && !(V instanceof Error) && (pt(H), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", A, Y, typeof V), pt(null)), V instanceof Error && !(V.message in hr) && (hr[V.message] = !0, pt(H), T("Failed %s type: %s", A, V.message), pt(null));
           }
       }
     }
@@ -336,8 +336,8 @@ function Ro() {
     }
     function Wn(s) {
       {
-        var v = typeof Symbol == "function" && Symbol.toStringTag, R = v && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return R;
+        var v = typeof Symbol == "function" && Symbol.toStringTag, A = v && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return A;
       }
     }
     function zn(s) {
@@ -352,7 +352,7 @@ function Ro() {
     }
     function br(s) {
       if (zn(s))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wn(s)), yr(s);
+        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wn(s)), yr(s);
     }
     var vr = S.ReactCurrentOwner, Yn = {
       key: !0,
@@ -381,34 +381,34 @@ function Ro() {
     }
     function Kn(s, v) {
       {
-        var R = function() {
-          Sr || (Sr = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+        var A = function() {
+          Sr || (Sr = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
-        R.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: R,
+        A.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: A,
           configurable: !0
         });
       }
     }
     function Hn(s, v) {
       {
-        var R = function() {
-          Er || (Er = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+        var A = function() {
+          Er || (Er = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
         };
-        R.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: R,
+        A.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: A,
           configurable: !0
         });
       }
     }
-    var Jn = function(s, v, R, P, H, te, Y) {
+    var Jn = function(s, v, A, P, H, te, Y) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: v,
-        ref: R,
+        ref: A,
         props: Y,
         // Record the component responsible for creating this element.
         _owner: te
@@ -430,10 +430,10 @@ function Ro() {
         value: H
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Xn(s, v, R, P, H) {
+    function Xn(s, v, A, P, H) {
       {
         var te, Y = {}, V = null, he = null;
-        R !== void 0 && (br(R), V = "" + R), Gn(v) && (br(v.key), V = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
+        A !== void 0 && (br(A), V = "" + A), Gn(v) && (br(v.key), V = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
         for (te in v)
           tt.call(v, te) && !Yn.hasOwnProperty(te) && (Y[te] = v[te]);
         if (s && s.defaultProps) {
@@ -451,8 +451,8 @@ function Ro() {
     var Vt = S.ReactCurrentOwner, Cr = S.ReactDebugCurrentFrame;
     function Ue(s) {
       if (s) {
-        var v = s._owner, R = Be(s.type, s._source, v ? v.type : null);
-        Cr.setExtraStackFrame(R);
+        var v = s._owner, A = Be(s.type, s._source, v ? v.type : null);
+        Cr.setExtraStackFrame(A);
       } else
         Cr.setExtraStackFrame(null);
     }
@@ -464,7 +464,7 @@ function Ro() {
     function xr() {
       {
         if (Vt.current) {
-          var s = N(Vt.current.type);
+          var s = j(Vt.current.type);
           if (s)
             return `
 
@@ -481,10 +481,10 @@ Check the render method of \`` + s + "`.";
       {
         var v = xr();
         if (!v) {
-          var R = typeof s == "string" ? s : s.displayName || s.name;
-          R && (v = `
+          var A = typeof s == "string" ? s : s.displayName || s.name;
+          A && (v = `
 
-Check the top-level render call using <` + R + ">.");
+Check the top-level render call using <` + A + ">.");
         }
         return v;
       }
@@ -494,12 +494,12 @@ Check the top-level render call using <` + R + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var R = Zn(v);
-        if (Tr[R])
+        var A = Zn(v);
+        if (Tr[A])
           return;
-        Tr[R] = !0;
+        Tr[A] = !0;
         var P = "";
-        s && s._owner && s._owner !== Vt.current && (P = " It was passed a child from " + N(s._owner.type) + "."), Ue(s), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, P), Ue(null);
+        s && s._owner && s._owner !== Vt.current && (P = " It was passed a child from " + j(s._owner.type) + "."), Ue(s), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, P), Ue(null);
       }
     }
     function _r(s, v) {
@@ -507,14 +507,14 @@ Check the top-level render call using <` + R + ">.");
         if (typeof s != "object")
           return;
         if (Lt(s))
-          for (var R = 0; R < s.length; R++) {
-            var P = s[R];
+          for (var A = 0; A < s.length; A++) {
+            var P = s[A];
             zt(P) && wr(P, v);
           }
         else if (zt(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var H = T(s);
+          var H = w(s);
           if (typeof H == "function" && H !== s.entries)
             for (var te = H.call(s), Y; !(Y = te.next()).done; )
               zt(Y.value) && wr(Y.value, v);
@@ -526,40 +526,40 @@ Check the top-level render call using <` + R + ">.");
         var v = s.type;
         if (v == null || typeof v == "string")
           return;
-        var R;
+        var A;
         if (typeof v == "function")
-          R = v.propTypes;
+          A = v.propTypes;
         else if (typeof v == "object" && (v.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === p))
-          R = v.propTypes;
+        v.$$typeof === d))
+          A = v.propTypes;
         else
           return;
-        if (R) {
-          var P = N(v);
-          Ln(R, s.props, "prop", P, s);
+        if (A) {
+          var P = j(v);
+          Ln(A, s.props, "prop", P, s);
         } else if (v.PropTypes !== void 0 && !Wt) {
           Wt = !0;
-          var H = N(v);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
+          var H = j(v);
+          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
-        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function to(s) {
       {
-        for (var v = Object.keys(s.props), R = 0; R < v.length; R++) {
-          var P = v[R];
+        for (var v = Object.keys(s.props), A = 0; A < v.length; A++) {
+          var P = v[A];
           if (P !== "children" && P !== "key") {
-            Ue(s), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Ue(null);
+            Ue(s), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Ue(null);
             break;
           }
         }
-        s.ref !== null && (Ue(s), w("Invalid attribute `ref` supplied to `React.Fragment`."), Ue(null));
+        s.ref !== null && (Ue(s), T("Invalid attribute `ref` supplied to `React.Fragment`."), Ue(null));
       }
     }
     var Or = {};
-    function Rr(s, v, R, P, H, te) {
+    function Rr(s, v, A, P, H, te) {
       {
         var Y = a(s);
         if (!Y) {
@@ -568,9 +568,9 @@ Check the top-level render call using <` + R + ">.");
           var he = Qn();
           he ? V += he : V += xr();
           var ue;
-          s === null ? ue = "null" : Lt(s) ? ue = "array" : s !== void 0 && s.$$typeof === t ? (ue = "<" + (N(s.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof s, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, V);
+          s === null ? ue = "null" : Lt(s) ? ue = "array" : s !== void 0 && s.$$typeof === t ? (ue = "<" + (j(s.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof s, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, V);
         }
-        var de = Xn(s, v, R, H, te);
+        var de = Xn(s, v, A, H, te);
         if (de == null)
           return de;
         if (Y) {
@@ -582,17 +582,17 @@ Check the top-level render call using <` + R + ">.");
                   _r(Ce[Ge], s);
                 Object.freeze && Object.freeze(Ce);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               _r(Ce, s);
         }
         if (tt.call(v, "key")) {
-          var Fe = N(s), ge = Object.keys(v).filter(function(so) {
+          var Fe = j(s), ge = Object.keys(v).filter(function(so) {
             return so !== "key";
           }), Yt = ge.length > 0 ? "{key: someKey, " + ge.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Or[Fe + Yt]) {
             var ao = ge.length > 0 ? "{" + ge.join(": ..., ") + ": ...}" : "{}";
-            w(`A props object containing a "key" prop is being spread into JSX:
+            T(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -603,23 +603,23 @@ React keys must be passed directly to JSX without using spread:
         return s === n ? to(de) : eo(de), de;
       }
     }
-    function ro(s, v, R) {
-      return Rr(s, v, R, !0);
+    function ro(s, v, A) {
+      return Rr(s, v, A, !0);
     }
-    function no(s, v, R) {
-      return Rr(s, v, R, !1);
+    function no(s, v, A) {
+      return Rr(s, v, A, !1);
     }
     var oo = no, io = ro;
     nt.Fragment = n, nt.jsx = oo, nt.jsxs = io;
   })()), nt;
 }
 var Ir;
-function Ao() {
-  return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? gt.exports = Oo() : gt.exports = Ro()), gt.exports;
+function ko() {
+  return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? gt.exports = Ro() : gt.exports = Ao()), gt.exports;
 }
-var x = Ao();
-function ko(e) {
-  const { client: t, tenantId: r, subscriberId: n, filters: o, pollInterval: i, autoFetch: c = !0 } = e, [u, f] = Te([]), [d, m] = Te(c), [p, h] = Te(null), y = $e(async () => {
+var x = ko();
+function $o(e) {
+  const { service: t, tenantId: r, subscriberId: n, filters: o, pollInterval: i, autoFetch: c = !0 } = e, [u, f] = Te([]), [p, m] = Te(c), [d, h] = Te(null), y = $e(async () => {
     try {
       m(!0), h(null);
       const S = {
@@ -627,8 +627,8 @@ function ko(e) {
         subscriberId: n,
         limit: e?.maxNotifications,
         ...o
-      }, w = await t.notifications.list(S);
-      f(w.items || []);
+      }, T = await t.list(S);
+      f(T);
     } catch (S) {
       h(S instanceof Error ? S : new Error("Failed to fetch notifications"));
     } finally {
@@ -648,46 +648,46 @@ function ko(e) {
   const b = u.filter((S) => S.read !== !0).length, l = $e(
     async (S) => {
       try {
-        await t.notifications.markAsRead(S, n), f(
-          (w) => w.map(
-            (A) => A.notificationId === S ? { ...A, read: !0 } : A
+        await t.markAsRead(S, n), f(
+          (T) => T.map(
+            (_) => _.notificationId === S ? { ..._, read: !0 } : _
           )
         );
-      } catch (w) {
-        console.error("Failed to mark notification as read", w);
+      } catch (T) {
+        console.error("Failed to mark notification as read", T);
       }
     },
     [t, n]
-  ), T = $e(
+  ), w = $e(
     async (S) => {
       try {
-        await t.notifications.delete(S, n), f((w) => w.filter((A) => A.notificationId !== S));
-      } catch (w) {
-        console.error("Failed to delete notification", w);
+        await t.delete(S, n), f((T) => T.filter((_) => _.notificationId !== S));
+      } catch (T) {
+        console.error("Failed to delete notification", T);
       }
     },
     [t, n]
   );
   return {
     notifications: u,
-    loading: d,
-    error: p,
+    loading: p,
+    error: d,
     unreadCount: b,
     refresh: y,
     markAsRead: l,
-    deleteNotification: T
+    deleteNotification: w
   };
 }
-const $o = "edusight:notification-widget:context";
-function Po(e) {
+const Po = "edusight:notification-widget:context";
+function Io(e) {
   try {
     if (typeof window > "u" || !window.localStorage)
       return;
-    window.localStorage.setItem($o, JSON.stringify(e));
+    window.localStorage.setItem(Po, JSON.stringify(e));
   } catch {
   }
 }
-class Io {
+class No {
   constructor(t) {
     this.listeners = /* @__PURE__ */ new Map();
     const r = {
@@ -705,8 +705,8 @@ class Io {
       tenantId: t.tenantId,
       subscriberId: t.subscriberId,
       environmentId: t.environmentId
-    }, this.socketClient = new So(r), this.socketClient.on("connect", () => {
-      Po({
+    }, this.socketClient = new Eo(r), this.socketClient.on("connect", () => {
+      Io({
         environmentId: t.environmentId,
         subscriberId: t.subscriberId,
         tenantId: t.tenantId
@@ -754,26 +754,26 @@ class Io {
     });
   }
   normalizeNotification(t) {
-    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || Eo.IN_APP, o = t.renderedContent || {
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || Co.IN_APP, o = t.renderedContent || {
       inApp: {
         title: t.title,
         message: t.message,
         action: t.action,
         icon: t.icon
       }
-    }, i = t.category ?? Co.REAL_TIME;
+    }, i = t.category ?? xo.REAL_TIME;
     return {
       notificationId: t.notificationId,
       tenantId: this.context.tenantId,
       subscriberId: this.context.subscriberId,
       templateId: t.templateId ?? "",
-      type: t.type || To.CUSTOM,
+      type: t.type || wo.CUSTOM,
       category: i,
       channels: [n],
       payload: t.data || {},
       renderedContent: o,
       status: bn.PENDING,
-      priority: xo.MEDIUM,
+      priority: To.MEDIUM,
       scheduledFor: void 0,
       sentAt: void 0,
       retryCount: void 0,
@@ -793,11 +793,11 @@ function jo(e) {
     environmentId: o,
     enabled: i = !0,
     autoAck: c = !1
-  } = e, [u, f] = Te(!1), [d, m] = Te(null), p = co(null);
+  } = e, [u, f] = Te(!1), [p, m] = Te(null), d = co(null);
   Ze(() => {
     if (!i)
       return;
-    const S = new Io({
+    const S = new No({
       client: t,
       tenantId: r,
       subscriberId: n,
@@ -808,27 +808,27 @@ function jo(e) {
       f(!0), m(null);
     }), S.on("disconnect", () => {
       f(!1);
-    }), S.on("error", (w) => {
-      m(w);
-    }), p.current = S, S.connect(), () => {
-      S.disconnect(), p.current = null, f(!1);
+    }), S.on("error", (T) => {
+      m(T);
+    }), d.current = S, S.connect(), () => {
+      S.disconnect(), d.current = null, f(!1);
     };
   }, [t, r, n, o, i, c]);
   const h = $e(() => {
-    p.current?.connect();
+    d.current?.connect();
   }, []), y = $e(() => {
-    p.current?.disconnect();
+    d.current?.disconnect();
   }, []), b = $e((S) => {
-    p.current?.ackNotification(S);
+    d.current?.ackNotification(S);
   }, []), l = $e(
-    (S) => p.current ? (p.current.on("notification", S), () => {
-      p.current?.off("notification", S);
+    (S) => d.current ? (d.current.on("notification", S), () => {
+      d.current?.off("notification", S);
     }) : () => {
     },
     []
-  ), T = $e(
-    (S) => p.current ? (p.current.on("ack", S), () => {
-      p.current?.off("ack", S);
+  ), w = $e(
+    (S) => d.current ? (d.current.on("ack", S), () => {
+      d.current?.off("ack", S);
     }) : () => {
     },
     []
@@ -838,12 +838,26 @@ function jo(e) {
     connect: h,
     disconnect: y,
     onNotification: l,
-    onAck: T,
+    onAck: w,
     ackNotification: b,
-    error: d
+    error: p
   };
 }
-function No(e) {
+class Do {
+  constructor(t) {
+    this.client = t;
+  }
+  async list(t) {
+    return (await this.client.notifications.list(t)).items || [];
+  }
+  async markAsRead(t, r) {
+    await this.client.notifications.markAsRead(t, r);
+  }
+  async delete(t, r) {
+    await this.client.notifications.delete(t, r);
+  }
+}
+function Mo(e) {
   const {
     client: t,
     tenantId: r,
@@ -852,84 +866,84 @@ function No(e) {
     pollInterval: i,
     autoFetch: c,
     autoAck: u = !1
-  } = e, f = {
-    client: t,
+  } = e, p = {
+    service: lo(() => new Do(t), [t]),
     tenantId: r,
     subscriberId: n,
     pollInterval: i,
     autoFetch: c
-  }, d = {
+  }, m = {
     client: t,
     tenantId: r,
     subscriberId: n,
     environmentId: o,
     enabled: !0,
     autoAck: u
-  }, m = ko(f), p = jo(d), [h, y] = Te(m.notifications);
+  }, d = $o(p), h = jo(m), [y, b] = Te(d.notifications);
   return Ze(() => {
-    y(m.notifications);
-  }, [m.notifications]), Ze(() => {
-    const b = p.onNotification((T) => {
-      y((S) => S.some((w) => w.notificationId === T.notificationId) ? S : [T, ...S]), p.ackNotification(T.notificationId);
-    }), l = p.onAck((T) => {
-      y(
-        (S) => S.map(
-          (w) => w.notificationId === T.notificationId ? { ...w, status: bn.DELIVERED } : w
+    b(d.notifications);
+  }, [d.notifications]), Ze(() => {
+    const l = h.onNotification((S) => {
+      b((T) => T.some((_) => _.notificationId === S.notificationId) ? T : [S, ...T]), h.ackNotification(S.notificationId);
+    }), w = h.onAck((S) => {
+      b(
+        (T) => T.map(
+          (_) => _.notificationId === S.notificationId ? { ..._, status: bn.DELIVERED } : _
         )
       );
     });
     return () => {
-      b(), l();
+      l(), w();
     };
-  }, [p]), {
-    notifications: h,
-    loading: m.loading,
-    error: m.error,
-    unreadCount: m.unreadCount,
-    connected: p.connected,
-    refresh: m.refresh,
-    markAsRead: m.markAsRead,
-    deleteNotification: m.deleteNotification
+  }, [h]), {
+    notifications: y,
+    loading: d.loading,
+    error: d.error,
+    unreadCount: d.unreadCount,
+    connected: h.connected,
+    refresh: d.refresh,
+    markAsRead: d.markAsRead,
+    deleteNotification: d.deleteNotification
   };
 }
 var yt = { exports: {} }, Q = {};
-var jr;
-function Do() {
-  if (jr) return Q;
-  jr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+var Nr;
+function Bo() {
+  if (Nr) return Q;
+  Nr = 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"), c = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
   function b(l) {
     if (typeof l == "object" && l !== null) {
-      var T = l.$$typeof;
-      switch (T) {
+      var w = l.$$typeof;
+      switch (w) {
         case e:
           switch (l = l.type, l) {
             case r:
             case o:
             case n:
             case f:
-            case d:
+            case p:
             case h:
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
                 case c:
                 case u:
-                case p:
+                case d:
                 case m:
                   return l;
                 case i:
                   return l;
                 default:
-                  return T;
+                  return w;
               }
           }
         case t:
-          return T;
+          return w;
       }
     }
   }
-  return Q.ContextConsumer = i, Q.ContextProvider = c, Q.Element = e, Q.ForwardRef = u, Q.Fragment = r, Q.Lazy = p, Q.Memo = m, Q.Portal = t, Q.Profiler = o, Q.StrictMode = n, Q.Suspense = f, Q.SuspenseList = d, Q.isContextConsumer = function(l) {
+  return Q.ContextConsumer = i, Q.ContextProvider = c, Q.Element = e, Q.ForwardRef = u, Q.Fragment = r, Q.Lazy = d, Q.Memo = m, Q.Portal = t, Q.Profiler = o, Q.StrictMode = n, Q.Suspense = f, Q.SuspenseList = p, Q.isContextConsumer = function(l) {
     return b(l) === i;
   }, Q.isContextProvider = function(l) {
     return b(l) === c;
@@ -940,7 +954,7 @@ function Do() {
   }, Q.isFragment = function(l) {
     return b(l) === r;
   }, Q.isLazy = function(l) {
-    return b(l) === p;
+    return b(l) === d;
   }, Q.isMemo = function(l) {
     return b(l) === m;
   }, Q.isPortal = function(l) {
@@ -952,25 +966,25 @@ function Do() {
   }, Q.isSuspense = function(l) {
     return b(l) === f;
   }, Q.isSuspenseList = function(l) {
-    return b(l) === d;
+    return b(l) === p;
   }, Q.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === d || typeof l == "object" && l !== null && (l.$$typeof === p || l.$$typeof === m || l.$$typeof === c || l.$$typeof === i || l.$$typeof === u || l.$$typeof === y || l.getModuleId !== void 0);
+    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === p || typeof l == "object" && l !== null && (l.$$typeof === d || l.$$typeof === m || l.$$typeof === c || l.$$typeof === i || l.$$typeof === u || l.$$typeof === y || l.getModuleId !== void 0);
   }, Q.typeOf = b, Q;
 }
 var Z = {};
-var Nr;
-function Mo() {
-  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && (function() {
+var jr;
+function Fo() {
+  return jr || (jr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (typeof l == "object" && l !== null) {
-        var T = l.$$typeof;
-        switch (T) {
+        var w = l.$$typeof;
+        switch (w) {
           case t:
             switch (l = l.type, l) {
               case n:
               case i:
               case o:
-              case d:
+              case p:
               case m:
               case y:
                 return l;
@@ -979,21 +993,21 @@ function Mo() {
                   case u:
                   case f:
                   case h:
-                  case p:
+                  case d:
                     return l;
                   case c:
                     return l;
                   default:
-                    return T;
+                    return w;
                 }
             }
           case r:
-            return T;
+            return w;
         }
       }
     }
-    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"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
-    Z.ContextConsumer = c, Z.ContextProvider = u, Z.Element = t, Z.ForwardRef = f, Z.Fragment = n, Z.Lazy = h, Z.Memo = p, Z.Portal = r, Z.Profiler = i, Z.StrictMode = o, Z.Suspense = d, Z.SuspenseList = m, Z.isContextConsumer = function(l) {
+    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"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+    Z.ContextConsumer = c, Z.ContextProvider = u, Z.Element = t, Z.ForwardRef = f, Z.Fragment = n, Z.Lazy = h, Z.Memo = d, Z.Portal = r, Z.Profiler = i, Z.StrictMode = o, Z.Suspense = p, Z.SuspenseList = m, Z.isContextConsumer = function(l) {
       return e(l) === c;
     }, Z.isContextProvider = function(l) {
       return e(l) === u;
@@ -1006,7 +1020,7 @@ function Mo() {
     }, Z.isLazy = function(l) {
       return e(l) === h;
     }, Z.isMemo = function(l) {
-      return e(l) === p;
+      return e(l) === d;
     }, Z.isPortal = function(l) {
       return e(l) === r;
     }, Z.isProfiler = function(l) {
@@ -1014,19 +1028,19 @@ function Mo() {
     }, Z.isStrictMode = function(l) {
       return e(l) === o;
     }, Z.isSuspense = function(l) {
-      return e(l) === d;
+      return e(l) === p;
     }, Z.isSuspenseList = function(l) {
       return e(l) === m;
     }, Z.isValidElementType = function(l) {
-      return typeof l == "string" || typeof l == "function" || l === n || l === i || l === o || l === d || l === m || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === p || l.$$typeof === u || l.$$typeof === c || l.$$typeof === f || l.$$typeof === b || l.getModuleId !== void 0);
+      return typeof l == "string" || typeof l == "function" || l === n || l === i || l === o || l === p || l === m || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === d || l.$$typeof === u || l.$$typeof === c || l.$$typeof === f || l.$$typeof === b || l.getModuleId !== void 0);
     }, Z.typeOf = e;
   })()), Z;
 }
 var Dr;
-function Bo() {
-  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? yt.exports = /* @__PURE__ */ Do() : yt.exports = /* @__PURE__ */ Mo()), yt.exports;
+function Lo() {
+  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? yt.exports = /* @__PURE__ */ Bo() : yt.exports = /* @__PURE__ */ Fo()), yt.exports;
 }
-var wt = /* @__PURE__ */ Bo();
+var wt = /* @__PURE__ */ Lo();
 function Ae(e) {
   if (typeof e != "object" || e === null)
     return !1;
@@ -1054,22 +1068,22 @@ function Se(e, t, r = {
 }
 var bt = { exports: {} }, vt = { exports: {} }, J = {};
 var Mr;
-function Fo() {
+function Vo() {
   if (Mr) return J;
   Mr = 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, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, w = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function A(E) {
+  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, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = 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, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function _(E) {
     if (typeof E == "object" && E !== null) {
       var q = E.$$typeof;
       switch (q) {
         case t:
           switch (E = E.type, E) {
             case f:
-            case d:
+            case p:
             case n:
             case i:
             case o:
-            case p:
+            case d:
               return E;
             default:
               switch (E = E && E.$$typeof, E) {
@@ -1089,58 +1103,58 @@ function Fo() {
     }
   }
   function $(E) {
-    return A(E) === d;
+    return _(E) === p;
   }
-  return J.AsyncMode = f, J.ConcurrentMode = d, J.ContextConsumer = u, J.ContextProvider = c, J.Element = t, J.ForwardRef = m, J.Fragment = n, J.Lazy = b, J.Memo = y, J.Portal = r, J.Profiler = i, J.StrictMode = o, J.Suspense = p, J.isAsyncMode = function(E) {
-    return $(E) || A(E) === f;
+  return J.AsyncMode = f, J.ConcurrentMode = p, J.ContextConsumer = u, J.ContextProvider = c, J.Element = t, J.ForwardRef = m, J.Fragment = n, J.Lazy = b, J.Memo = y, J.Portal = r, J.Profiler = i, J.StrictMode = o, J.Suspense = d, J.isAsyncMode = function(E) {
+    return $(E) || _(E) === f;
   }, J.isConcurrentMode = $, J.isContextConsumer = function(E) {
-    return A(E) === u;
+    return _(E) === u;
   }, J.isContextProvider = function(E) {
-    return A(E) === c;
+    return _(E) === c;
   }, J.isElement = function(E) {
     return typeof E == "object" && E !== null && E.$$typeof === t;
   }, J.isForwardRef = function(E) {
-    return A(E) === m;
+    return _(E) === m;
   }, J.isFragment = function(E) {
-    return A(E) === n;
+    return _(E) === n;
   }, J.isLazy = function(E) {
-    return A(E) === b;
+    return _(E) === b;
   }, J.isMemo = function(E) {
-    return A(E) === y;
+    return _(E) === y;
   }, J.isPortal = function(E) {
-    return A(E) === r;
+    return _(E) === r;
   }, J.isProfiler = function(E) {
-    return A(E) === i;
+    return _(E) === i;
   }, J.isStrictMode = function(E) {
-    return A(E) === o;
+    return _(E) === o;
   }, J.isSuspense = function(E) {
-    return A(E) === p;
+    return _(E) === d;
   }, J.isValidElementType = function(E) {
-    return typeof E == "string" || typeof E == "function" || E === n || E === d || E === i || E === o || E === p || E === h || typeof E == "object" && E !== null && (E.$$typeof === b || E.$$typeof === y || E.$$typeof === c || E.$$typeof === u || E.$$typeof === m || E.$$typeof === T || E.$$typeof === S || E.$$typeof === w || E.$$typeof === l);
-  }, J.typeOf = A, J;
+    return typeof E == "string" || typeof E == "function" || E === n || E === p || E === i || E === o || E === d || E === h || typeof E == "object" && E !== null && (E.$$typeof === b || E.$$typeof === y || E.$$typeof === c || E.$$typeof === u || E.$$typeof === m || E.$$typeof === w || E.$$typeof === S || E.$$typeof === T || E.$$typeof === l);
+  }, J.typeOf = _, J;
 }
 var X = {};
 var Br;
-function Lo() {
+function Wo() {
   return Br || (Br = 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, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, w = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function A(_) {
-      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === n || _ === d || _ === i || _ === o || _ === p || _ === h || typeof _ == "object" && _ !== null && (_.$$typeof === b || _.$$typeof === y || _.$$typeof === c || _.$$typeof === u || _.$$typeof === m || _.$$typeof === T || _.$$typeof === S || _.$$typeof === w || _.$$typeof === l);
+    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, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = 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, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function _(O) {
+      return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      O === n || O === p || O === i || O === o || O === d || O === h || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === y || O.$$typeof === c || O.$$typeof === u || O.$$typeof === m || O.$$typeof === w || O.$$typeof === S || O.$$typeof === T || O.$$typeof === l);
     }
-    function $(_) {
-      if (typeof _ == "object" && _ !== null) {
-        var Ee = _.$$typeof;
+    function $(O) {
+      if (typeof O == "object" && O !== null) {
+        var Ee = O.$$typeof;
         switch (Ee) {
           case t:
-            var Ye = _.type;
+            var Ye = O.type;
             switch (Ye) {
               case f:
-              case d:
+              case p:
               case n:
               case i:
               case o:
-              case p:
+              case d:
                 return Ye;
               default:
                 var Be = Ye && Ye.$$typeof;
@@ -1160,55 +1174,55 @@ function Lo() {
         }
       }
     }
-    var E = f, q = d, oe = u, ee = c, W = t, a = m, O = n, U = b, N = y, le = r, ae = i, pe = o, be = p, Me = !1;
-    function ze(_) {
-      return Me || (Me = !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.")), C(_) || $(_) === f;
+    var E = f, q = p, oe = u, ee = c, W = t, a = m, R = n, U = b, j = y, le = r, ae = i, pe = o, be = d, Me = !1;
+    function ze(O) {
+      return Me || (Me = !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.")), C(O) || $(O) === f;
     }
-    function C(_) {
-      return $(_) === d;
+    function C(O) {
+      return $(O) === p;
     }
-    function k(_) {
-      return $(_) === u;
+    function k(O) {
+      return $(O) === u;
     }
-    function B(_) {
-      return $(_) === c;
+    function B(O) {
+      return $(O) === c;
     }
-    function M(_) {
-      return typeof _ == "object" && _ !== null && _.$$typeof === t;
+    function M(O) {
+      return typeof O == "object" && O !== null && O.$$typeof === t;
     }
-    function I(_) {
-      return $(_) === m;
+    function I(O) {
+      return $(O) === m;
     }
-    function z(_) {
-      return $(_) === n;
+    function z(O) {
+      return $(O) === n;
     }
-    function j(_) {
-      return $(_) === b;
+    function N(O) {
+      return $(O) === b;
     }
-    function D(_) {
-      return $(_) === y;
+    function D(O) {
+      return $(O) === y;
     }
-    function F(_) {
-      return $(_) === r;
+    function F(O) {
+      return $(O) === r;
     }
-    function G(_) {
-      return $(_) === i;
+    function G(O) {
+      return $(O) === i;
     }
-    function L(_) {
-      return $(_) === o;
+    function L(O) {
+      return $(O) === o;
     }
-    function me(_) {
-      return $(_) === p;
+    function me(O) {
+      return $(O) === d;
     }
-    X.AsyncMode = E, X.ConcurrentMode = q, X.ContextConsumer = oe, X.ContextProvider = ee, X.Element = W, X.ForwardRef = a, X.Fragment = O, X.Lazy = U, X.Memo = N, X.Portal = le, X.Profiler = ae, X.StrictMode = pe, X.Suspense = be, X.isAsyncMode = ze, X.isConcurrentMode = C, X.isContextConsumer = k, X.isContextProvider = B, X.isElement = M, X.isForwardRef = I, X.isFragment = z, X.isLazy = j, X.isMemo = D, X.isPortal = F, X.isProfiler = G, X.isStrictMode = L, X.isSuspense = me, X.isValidElementType = A, X.typeOf = $;
+    X.AsyncMode = E, X.ConcurrentMode = q, X.ContextConsumer = oe, X.ContextProvider = ee, X.Element = W, X.ForwardRef = a, X.Fragment = R, X.Lazy = U, X.Memo = j, X.Portal = le, X.Profiler = ae, X.StrictMode = pe, X.Suspense = be, X.isAsyncMode = ze, X.isConcurrentMode = C, X.isContextConsumer = k, X.isContextProvider = B, X.isElement = M, X.isForwardRef = I, X.isFragment = z, X.isLazy = N, X.isMemo = D, X.isPortal = F, X.isProfiler = G, X.isStrictMode = L, X.isSuspense = me, X.isValidElementType = _, X.typeOf = $;
   })()), X;
 }
 var Fr;
 function Sn() {
-  return Fr || (Fr = 1, process.env.NODE_ENV === "production" ? vt.exports = Fo() : vt.exports = Lo()), vt.exports;
+  return Fr || (Fr = 1, process.env.NODE_ENV === "production" ? vt.exports = Vo() : vt.exports = Wo()), vt.exports;
 }
 var Ut, Lr;
-function Vo() {
+function zo() {
   if (Lr) return Ut;
   Lr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
@@ -1231,23 +1245,23 @@ function Vo() {
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var d = {};
+      var p = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(m) {
-        d[m] = m;
-      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+        p[m] = m;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return Ut = o() ? Object.assign : function(i, c) {
-    for (var u, f = n(i), d, m = 1; m < arguments.length; m++) {
+    for (var u, f = n(i), p, m = 1; m < arguments.length; m++) {
       u = Object(arguments[m]);
-      for (var p in u)
-        t.call(u, p) && (f[p] = u[p]);
+      for (var d in u)
+        t.call(u, d) && (f[d] = u[d]);
       if (e) {
-        d = e(u);
-        for (var h = 0; h < d.length; h++)
-          r.call(u, d[h]) && (f[d[h]] = u[d[h]]);
+        p = e(u);
+        for (var h = 0; h < p.length; h++)
+          r.call(u, p[h]) && (f[p[h]] = u[p[h]]);
       }
     }
     return f;
@@ -1265,7 +1279,7 @@ function En() {
   return Wr || (Wr = 1, qt = Function.call.bind(Object.prototype.hasOwnProperty)), qt;
 }
 var Kt, zr;
-function Wo() {
+function Yo() {
   if (zr) return Kt;
   zr = 1;
   var e = function() {
@@ -1281,11 +1295,11 @@ function Wo() {
       }
     };
   }
-  function o(i, c, u, f, d) {
+  function o(i, c, u, f, p) {
     if (process.env.NODE_ENV !== "production") {
       for (var m in i)
         if (n(i, m)) {
-          var p;
+          var d;
           try {
             if (typeof i[m] != "function") {
               var h = Error(
@@ -1293,17 +1307,17 @@ function Wo() {
               );
               throw h.name = "Invariant Violation", h;
             }
-            p = i[m](c, m, f, u, null, t);
+            d = i[m](c, m, f, u, null, t);
           } catch (b) {
-            p = b;
+            d = b;
           }
-          if (p && !(p instanceof Error) && e(
-            (f || "React class") + ": type specification of " + u + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), p instanceof Error && !(p.message in r)) {
-            r[p.message] = !0;
-            var y = d ? d() : "";
+          if (d && !(d instanceof Error) && e(
+            (f || "React class") + ": type specification of " + u + " `" + m + "` 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 y = p ? p() : "";
             e(
-              "Failed " + u + " type: " + p.message + (y ?? "")
+              "Failed " + u + " type: " + d.message + (y ?? "")
             );
           }
         }
@@ -1314,10 +1328,10 @@ function Wo() {
   }, Kt = o, Kt;
 }
 var Ht, Yr;
-function zo() {
+function Uo() {
   if (Yr) return Ht;
   Yr = 1;
-  var e = Sn(), t = Vo(), r = /* @__PURE__ */ ar(), n = /* @__PURE__ */ En(), o = /* @__PURE__ */ Wo(), i = function() {
+  var e = Sn(), t = zo(), r = /* @__PURE__ */ ar(), n = /* @__PURE__ */ En(), o = /* @__PURE__ */ Yo(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var f = "Warning: " + u;
@@ -1331,9 +1345,9 @@ function zo() {
     return null;
   }
   return Ht = function(u, f) {
-    var d = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function p(C) {
-      var k = C && (d && C[d] || C[m]);
+    var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function d(C) {
+      var k = C && (p && C[p] || C[m]);
       if (typeof k == "function")
         return k;
     }
@@ -1346,8 +1360,8 @@ function zo() {
       object: S("object"),
       string: S("string"),
       symbol: S("symbol"),
-      any: w(),
-      arrayOf: A,
+      any: T(),
+      arrayOf: _,
       element: $(),
       elementType: E(),
       instanceOf: q,
@@ -1356,7 +1370,7 @@ function zo() {
       oneOf: oe,
       oneOfType: W,
       shape: U,
-      exact: N
+      exact: j
     };
     function b(C, k) {
       return C === k ? C !== 0 || 1 / C === 1 / k : C !== C && k !== k;
@@ -1365,16 +1379,16 @@ function zo() {
       this.message = C, this.data = k && typeof k == "object" ? k : {}, this.stack = "";
     }
     l.prototype = Error.prototype;
-    function T(C) {
+    function w(C) {
       if (process.env.NODE_ENV !== "production")
         var k = {}, B = 0;
-      function M(z, j, D, F, G, L, me) {
+      function M(z, N, D, F, G, L, me) {
         if (F = F || h, L = L || D, me !== r) {
           if (f) {
-            var _ = new Error(
+            var O = 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 O.name = "Invariant Violation", O;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var Ee = F + ":" + D;
             !k[Ee] && // Avoid spamming the console because they are often not actionable except for lib authors
@@ -1383,111 +1397,111 @@ function zo() {
             ), k[Ee] = !0, B++);
           }
         }
-        return j[D] == null ? z ? j[D] === null ? new l("The " + G + " `" + L + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new l("The " + G + " `" + L + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : C(j, D, F, G, L);
+        return N[D] == null ? z ? N[D] === null ? new l("The " + G + " `" + L + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new l("The " + G + " `" + L + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : C(N, D, F, G, L);
       }
       var I = M.bind(null, !1);
       return I.isRequired = M.bind(null, !0), I;
     }
     function S(C) {
-      function k(B, M, I, z, j, D) {
+      function k(B, M, I, z, N, D) {
         var F = B[M], G = pe(F);
         if (G !== C) {
           var L = be(F);
           return new l(
-            "Invalid " + z + " `" + j + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("`" + C + "`."),
+            "Invalid " + z + " `" + N + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("`" + C + "`."),
             { expectedType: C }
           );
         }
         return null;
       }
-      return T(k);
+      return w(k);
     }
-    function w() {
-      return T(c);
+    function T() {
+      return w(c);
     }
-    function A(C) {
-      function k(B, M, I, z, j) {
+    function _(C) {
+      function k(B, M, I, z, N) {
         if (typeof C != "function")
-          return new l("Property `" + j + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+          return new l("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var D = B[M];
         if (!Array.isArray(D)) {
           var F = pe(D);
-          return new l("Invalid " + z + " `" + j + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
+          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
         }
         for (var G = 0; G < D.length; G++) {
-          var L = C(D, G, I, z, j + "[" + G + "]", r);
+          var L = C(D, G, I, z, N + "[" + G + "]", r);
           if (L instanceof Error)
             return L;
         }
         return null;
       }
-      return T(k);
+      return w(k);
     }
     function $() {
       function C(k, B, M, I, z) {
-        var j = k[B];
-        if (!u(j)) {
-          var D = pe(j);
+        var N = k[B];
+        if (!u(N)) {
+          var D = pe(N);
           return new l("Invalid " + I + " `" + z + "` of type " + ("`" + D + "` supplied to `" + M + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return T(C);
+      return w(C);
     }
     function E() {
       function C(k, B, M, I, z) {
-        var j = k[B];
-        if (!e.isValidElementType(j)) {
-          var D = pe(j);
+        var N = k[B];
+        if (!e.isValidElementType(N)) {
+          var D = pe(N);
           return new l("Invalid " + I + " `" + z + "` of type " + ("`" + D + "` supplied to `" + M + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return T(C);
+      return w(C);
     }
     function q(C) {
-      function k(B, M, I, z, j) {
+      function k(B, M, I, z, N) {
         if (!(B[M] instanceof C)) {
           var D = C.name || h, F = ze(B[M]);
-          return new l("Invalid " + z + " `" + j + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + D + "`."));
+          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + D + "`."));
         }
         return null;
       }
-      return T(k);
+      return w(k);
     }
     function oe(C) {
       if (!Array.isArray(C))
         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.")), c;
-      function k(B, M, I, z, j) {
+      function k(B, M, I, z, N) {
         for (var D = B[M], F = 0; F < C.length; F++)
           if (b(D, C[F]))
             return null;
-        var G = JSON.stringify(C, function(me, _) {
-          var Ee = be(_);
-          return Ee === "symbol" ? String(_) : _;
+        var G = JSON.stringify(C, function(me, O) {
+          var Ee = be(O);
+          return Ee === "symbol" ? String(O) : O;
         });
-        return new l("Invalid " + z + " `" + j + "` of value `" + String(D) + "` " + ("supplied to `" + I + "`, expected one of " + G + "."));
+        return new l("Invalid " + z + " `" + N + "` of value `" + String(D) + "` " + ("supplied to `" + I + "`, expected one of " + G + "."));
       }
-      return T(k);
+      return w(k);
     }
     function ee(C) {
-      function k(B, M, I, z, j) {
+      function k(B, M, I, z, N) {
         if (typeof C != "function")
-          return new l("Property `" + j + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+          return new l("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
         var D = B[M], F = pe(D);
         if (F !== "object")
-          return new l("Invalid " + z + " `" + j + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
+          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
         for (var G in D)
           if (n(D, G)) {
-            var L = C(D, G, I, z, j + "." + G, r);
+            var L = C(D, G, I, z, N + "." + G, r);
             if (L instanceof Error)
               return L;
           }
         return null;
       }
-      return T(k);
+      return w(k);
     }
     function W(C) {
       if (!Array.isArray(C))
@@ -1499,68 +1513,68 @@ function zo() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Me(B) + " at index " + k + "."
           ), c;
       }
-      function M(I, z, j, D, F) {
+      function M(I, z, N, D, F) {
         for (var G = [], L = 0; L < C.length; L++) {
-          var me = C[L], _ = me(I, z, j, D, F, r);
-          if (_ == null)
+          var me = C[L], O = me(I, z, N, D, F, r);
+          if (O == null)
             return null;
-          _.data && n(_.data, "expectedType") && G.push(_.data.expectedType);
+          O.data && n(O.data, "expectedType") && G.push(O.data.expectedType);
         }
         var Ee = G.length > 0 ? ", expected one of type [" + G.join(", ") + "]" : "";
-        return new l("Invalid " + D + " `" + F + "` supplied to " + ("`" + j + "`" + Ee + "."));
+        return new l("Invalid " + D + " `" + F + "` supplied to " + ("`" + N + "`" + Ee + "."));
       }
-      return T(M);
+      return w(M);
     }
     function a() {
       function C(k, B, M, I, z) {
         return le(k[B]) ? null : new l("Invalid " + I + " `" + z + "` supplied to " + ("`" + M + "`, expected a ReactNode."));
       }
-      return T(C);
+      return w(C);
     }
-    function O(C, k, B, M, I) {
+    function R(C, k, B, M, I) {
       return new l(
         (C || "React class") + ": " + k + " type `" + B + "." + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
     function U(C) {
-      function k(B, M, I, z, j) {
+      function k(B, M, I, z, N) {
         var D = B[M], F = pe(D);
         if (F !== "object")
-          return new l("Invalid " + z + " `" + j + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new l("Invalid " + z + " `" + N + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var G in C) {
           var L = C[G];
           if (typeof L != "function")
-            return O(I, z, j, G, be(L));
-          var me = L(D, G, I, z, j + "." + G, r);
+            return R(I, z, N, G, be(L));
+          var me = L(D, G, I, z, N + "." + G, r);
           if (me)
             return me;
         }
         return null;
       }
-      return T(k);
+      return w(k);
     }
-    function N(C) {
-      function k(B, M, I, z, j) {
+    function j(C) {
+      function k(B, M, I, z, N) {
         var D = B[M], F = pe(D);
         if (F !== "object")
-          return new l("Invalid " + z + " `" + j + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new l("Invalid " + z + " `" + N + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
         var G = t({}, B[M], C);
         for (var L in G) {
           var me = C[L];
           if (n(C, L) && typeof me != "function")
-            return O(I, z, j, L, be(me));
+            return R(I, z, N, L, be(me));
           if (!me)
             return new l(
-              "Invalid " + z + " `" + j + "` key `" + L + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(B[M], null, "  ") + `
+              "Invalid " + z + " `" + N + "` key `" + L + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(B[M], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
             );
-          var _ = me(D, L, I, z, j + "." + L, r);
-          if (_)
-            return _;
+          var O = me(D, L, I, z, N + "." + L, r);
+          if (O)
+            return O;
         }
         return null;
       }
-      return T(k);
+      return w(k);
     }
     function le(C) {
       switch (typeof C) {
@@ -1575,7 +1589,7 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
             return C.every(le);
           if (C === null || u(C))
             return !0;
-          var k = p(C);
+          var k = d(C);
           if (k) {
             var B = k.call(C), M;
             if (k !== C.entries) {
@@ -1635,7 +1649,7 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
   }, Ht;
 }
 var Jt, Ur;
-function Yo() {
+function Go() {
   if (Ur) return Jt;
   Ur = 1;
   var e = /* @__PURE__ */ ar();
@@ -1644,8 +1658,8 @@ function Yo() {
   function r() {
   }
   return r.resetWarningCache = t, Jt = function() {
-    function n(c, u, f, d, m, p) {
-      if (p !== e) {
+    function n(c, u, f, p, m, d) {
+      if (d !== e) {
         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"
         );
@@ -1683,18 +1697,18 @@ function Yo() {
   }, Jt;
 }
 var Gr;
-function Uo() {
+function qo() {
   if (Gr) return bt.exports;
   if (Gr = 1, process.env.NODE_ENV !== "production") {
     var e = Sn(), t = !0;
-    bt.exports = /* @__PURE__ */ zo()(e.isElement, t);
+    bt.exports = /* @__PURE__ */ Uo()(e.isElement, t);
   } else
-    bt.exports = /* @__PURE__ */ Yo()();
+    bt.exports = /* @__PURE__ */ Go()();
   return bt.exports;
 }
-var Go = /* @__PURE__ */ Uo();
-const K = /* @__PURE__ */ _o(Go);
-function je(e, ...t) {
+var Ko = /* @__PURE__ */ qo();
+const K = /* @__PURE__ */ Oo(Ko);
+function Ne(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.`;
 }
@@ -1705,7 +1719,7 @@ function qr(e, t, r) {
   const n = Cn(t);
   return e.displayName || (n !== "" ? `${r}(${n})` : r);
 }
-function qo(e) {
+function Ho(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
@@ -1724,7 +1738,7 @@ function qo(e) {
 }
 function We(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : je(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Ne(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function tr(e, t) {
@@ -1759,20 +1773,20 @@ function tr(e, t) {
     }
   return r;
 }
-function Ko(e, t, r = void 0) {
+function Jo(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const i = e[o];
     let c = "", u = !0;
     for (let f = 0; f < i.length; f += 1) {
-      const d = i[f];
-      d && (c += (u === !0 ? "" : " ") + t(d), u = !1, r && r[d] && (c += " " + r[d]));
+      const p = i[f];
+      p && (c += (u === !0 ? "" : " ") + t(p), u = !1, r && r[p] && (c += " " + r[p]));
     }
     n[o] = c;
   }
   return n;
 }
-const Kr = (e) => e, Ho = () => {
+const Kr = (e) => e, Xo = () => {
   let e = Kr;
   return {
     configure(t) {
@@ -1785,7 +1799,7 @@ const Kr = (e) => e, Ho = () => {
       e = Kr;
     }
   };
-}, Jo = Ho(), Xo = {
+}, Qo = Xo(), Zo = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1800,16 +1814,16 @@ const Kr = (e) => e, Ho = () => {
   selected: "selected"
 };
 function sr(e, t, r = "Mui") {
-  const n = Xo[t];
-  return n ? `${r}-${n}` : `${Jo.generate(e)}-${t}`;
+  const n = Zo[t];
+  return n ? `${r}-${n}` : `${Qo.generate(e)}-${t}`;
 }
-function Qo(e, t, r = "Mui") {
+function ei(e, t, r = "Mui") {
   const n = {};
   return t.forEach((o) => {
     n[o] = sr(e, o, r);
   }), n;
 }
-function Zo(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function ti(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
 function xn(e) {
@@ -1821,7 +1835,7 @@ function xn(e) {
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function ei() {
+function ri() {
   for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = xn(e)) && (n && (n += " "), n += t);
   return n;
 }
@@ -1846,21 +1860,21 @@ function Hr(e, t) {
     ...t
   }) : t;
 }
-function ti(e, t) {
+function ni(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function ri(e, t) {
+function oi(e, t) {
   const r = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!r) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : je(18, `(${t})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Ne(18, `(${t})`));
     return null;
   }
   const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(i);
 }
-function ni(e) {
+function ii(e) {
   const t = (i, c) => i.replace("@media", c ? `@container ${c}` : "@container");
   function r(i, c) {
     i.up = (...u) => t(e.breakpoints.up(...u), c), i.down = (...u) => t(e.breakpoints.down(...u), c), i.between = (...u) => t(e.breakpoints.between(...u), c), i.only = (...u) => t(e.breakpoints.only(...u), c), i.not = (...u) => {
@@ -1890,7 +1904,7 @@ const At = {
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${At[e]}px)`
-}, oi = {
+}, ai = {
   containerQueries: (e) => ({
     up: (t) => {
       let r = typeof t == "number" ? t : At[t] || t;
@@ -1907,8 +1921,8 @@ function ke(e, t, r) {
   if (typeof t == "object") {
     const i = n.breakpoints || Jr;
     return Object.keys(t).reduce((c, u) => {
-      if (ti(i.keys, u)) {
-        const f = ri(n.containerQueries ? n : oi, u);
+      if (ni(i.keys, u)) {
+        const f = oi(n.containerQueries ? n : ai, u);
         f && (c[f] = r(t[u], u));
       } else if (Object.keys(i.values || At).includes(u)) {
         const f = i.up(u);
@@ -1922,7 +1936,7 @@ function ke(e, t, r) {
   }
   return r(t);
 }
-function ii(e = {}) {
+function si(e = {}) {
   return e.keys?.reduce((r, n) => {
     const o = e.up(n);
     return r[o] = {}, r;
@@ -1957,10 +1971,10 @@ function fe(e) {
   } = e, i = (c) => {
     if (c[t] == null)
       return null;
-    const u = c[t], f = c.theme, d = kt(f, n) || {};
-    return ke(c, u, (p) => {
-      let h = _t(d, o, p);
-      return p === h && typeof p == "string" && (h = _t(d, o, `${t}${p === "default" ? "" : We(p)}`, p)), r === !1 ? h : {
+    const u = c[t], f = c.theme, p = kt(f, n) || {};
+    return ke(c, u, (d) => {
+      let h = _t(p, o, d);
+      return d === h && typeof d == "string" && (h = _t(p, o, `${t}${d === "default" ? "" : We(d)}`, d)), r === !1 ? h : {
         [r]: h
       };
     });
@@ -1969,14 +1983,14 @@ function fe(e) {
     [t]: De
   } : {}, i.filterProps = [t], i;
 }
-function ai(e) {
+function ci(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const si = {
+const li = {
   m: "margin",
   p: "padding"
-}, ci = {
+}, ui = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -1988,15 +2002,15 @@ const si = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, li = ai((e) => {
+}, fi = ci((e) => {
   if (e.length > 2)
     if (Qr[e])
       e = Qr[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = si[t], o = ci[r] || "";
+  const [t, r] = e.split(""), n = li[t], o = ui[r] || "";
   return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
-}), $t = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Pt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], ui = [...$t, ...Pt];
+}), $t = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Pt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], di = [...$t, ...Pt];
 function ut(e, t, r, n) {
   const o = kt(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) => {
@@ -2018,18 +2032,18 @@ function cr(e) {
 function ft(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function fi(e, t) {
+function pi(e, t) {
   return (r) => e.reduce((n, o) => (n[o] = ft(t, r), n), {});
 }
-function di(e, t, r, n) {
+function mi(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = li(r), i = fi(o, n), c = e[r];
+  const o = fi(r), i = pi(o, n), c = e[r];
   return ke(e, c, i);
 }
 function Tn(e, t) {
   const r = cr(e.theme);
-  return Object.keys(e).map((n) => di(e, t, n, r)).reduce(st, {});
+  return Object.keys(e).map((n) => mi(e, t, n, r)).reduce(st, {});
 }
 function se(e) {
   return Tn(e, $t);
@@ -2041,7 +2055,7 @@ function ce(e) {
 }
 ce.propTypes = process.env.NODE_ENV !== "production" ? Pt.reduce((e, t) => (e[t] = De, e), {}) : {};
 ce.filterProps = Pt;
-process.env.NODE_ENV !== "production" && ui.reduce((e, t) => (e[t] = De, e), {});
+process.env.NODE_ENV !== "production" && di.reduce((e, t) => (e[t] = De, e), {});
 function It(...e) {
   const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
     n[i] = o;
@@ -2058,7 +2072,7 @@ function we(e, t) {
     transform: t
   });
 }
-const pi = we("border", xe), mi = we("borderTop", xe), hi = we("borderRight", xe), gi = we("borderBottom", xe), yi = we("borderLeft", xe), bi = we("borderColor"), vi = we("borderTopColor"), Si = we("borderRightColor"), Ei = we("borderBottomColor"), Ci = we("borderLeftColor"), xi = we("outline", xe), Ti = we("outlineColor"), jt = (e) => {
+const hi = we("border", xe), gi = we("borderTop", xe), yi = we("borderRight", xe), bi = we("borderBottom", xe), vi = we("borderLeft", xe), Si = we("borderColor"), Ei = we("borderTopColor"), Ci = we("borderRightColor"), xi = we("borderBottomColor"), Ti = we("borderLeftColor"), wi = we("outline", xe), _i = we("outlineColor"), Nt = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = ut(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: ft(t, n)
@@ -2067,12 +2081,12 @@ const pi = we("border", xe), mi = we("borderTop", xe), hi = we("borderRight", xe
   }
   return null;
 };
-jt.propTypes = process.env.NODE_ENV !== "production" ? {
+Nt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: De
 } : {};
-jt.filterProps = ["borderRadius"];
-It(pi, mi, hi, gi, yi, bi, vi, Si, Ei, Ci, jt, xi, Ti);
-const Nt = (e) => {
+Nt.filterProps = ["borderRadius"];
+It(hi, gi, yi, bi, vi, Si, Ei, Ci, xi, Ti, Nt, wi, _i);
+const jt = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = ut(e.theme, "spacing", 8, "gap"), r = (n) => ({
       gap: ft(t, n)
@@ -2081,10 +2095,10 @@ const Nt = (e) => {
   }
   return null;
 };
-Nt.propTypes = process.env.NODE_ENV !== "production" ? {
+jt.propTypes = process.env.NODE_ENV !== "production" ? {
   gap: De
 } : {};
-Nt.filterProps = ["gap"];
+jt.filterProps = ["gap"];
 const Dt = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
     const t = ut(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
@@ -2111,48 +2125,48 @@ Mt.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: De
 } : {};
 Mt.filterProps = ["rowGap"];
-const wi = fe({
+const Oi = fe({
   prop: "gridColumn"
-}), _i = fe({
+}), Ri = fe({
   prop: "gridRow"
-}), Oi = fe({
+}), Ai = fe({
   prop: "gridAutoFlow"
-}), Ri = fe({
+}), ki = fe({
   prop: "gridAutoColumns"
-}), Ai = fe({
+}), $i = fe({
   prop: "gridAutoRows"
-}), ki = fe({
+}), Pi = fe({
   prop: "gridTemplateColumns"
-}), $i = fe({
+}), Ii = fe({
   prop: "gridTemplateRows"
-}), Pi = fe({
+}), Ni = fe({
   prop: "gridTemplateAreas"
-}), Ii = fe({
+}), ji = fe({
   prop: "gridArea"
 });
-It(Nt, Dt, Mt, wi, _i, Oi, Ri, Ai, ki, $i, Pi, Ii);
+It(jt, Dt, Mt, Oi, Ri, Ai, ki, $i, Pi, Ii, Ni, ji);
 function Qe(e, t) {
   return t === "grey" ? t : e;
 }
-const ji = fe({
+const Di = fe({
   prop: "color",
   themeKey: "palette",
   transform: Qe
-}), Ni = fe({
+}), Mi = fe({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Qe
-}), Di = fe({
+}), Bi = fe({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Qe
 });
-It(ji, Ni, Di);
+It(Di, Mi, Bi);
 function ve(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Mi = fe({
+const Fi = fe({
   prop: "width",
   transform: ve
 }), lr = (e) => {
@@ -2172,16 +2186,16 @@ const Mi = fe({
   return null;
 };
 lr.filterProps = ["maxWidth"];
-const Bi = fe({
+const Li = fe({
   prop: "minWidth",
   transform: ve
-}), Fi = fe({
+}), Vi = fe({
   prop: "height",
   transform: ve
-}), Li = fe({
+}), Wi = fe({
   prop: "maxHeight",
   transform: ve
-}), Vi = fe({
+}), zi = fe({
   prop: "minHeight",
   transform: ve
 });
@@ -2195,10 +2209,10 @@ fe({
   cssProperty: "height",
   transform: ve
 });
-const Wi = fe({
+const Yi = fe({
   prop: "boxSizing"
 });
-It(Mi, lr, Bi, Fi, Li, Vi, Wi);
+It(Fi, lr, Li, Vi, Wi, zi, Yi);
 const Bt = {
   // borders
   border: {
@@ -2245,7 +2259,7 @@ const Bt = {
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: jt
+    style: Nt
   },
   // palette
   color: {
@@ -2412,7 +2426,7 @@ const Bt = {
   justifySelf: {},
   // grid
   gap: {
-    style: Nt
+    style: jt
   },
   rowGap: {
     style: Mt
@@ -2487,14 +2501,14 @@ const Bt = {
     themeKey: "typography"
   }
 };
-function zi(...e) {
+function Ui(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function Yi(e, t) {
+function Gi(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Ui() {
+function qi() {
   function e(r, n, o, i) {
     const c = {
       [r]: n,
@@ -2506,18 +2520,18 @@ function Ui() {
       };
     const {
       cssProperty: f = r,
-      themeKey: d,
+      themeKey: p,
       transform: m,
-      style: p
+      style: d
     } = u;
     if (n == null)
       return null;
-    if (d === "typography" && n === "inherit")
+    if (p === "typography" && n === "inherit")
       return {
         [r]: n
       };
-    const h = kt(o, d) || {};
-    return p ? p(c) : ke(c, n, (b) => {
+    const h = kt(o, p) || {};
+    return d ? d(c) : ke(c, n, (b) => {
       let l = _t(h, m, b);
       return b === l && typeof b == "string" && (l = _t(h, m, `${r}${b === "default" ? "" : We(b)}`, b)), f === !1 ? l : {
         [f]: l
@@ -2534,17 +2548,17 @@ function Ui() {
       return null;
     const c = o.unstable_sxConfig ?? Bt;
     function u(f) {
-      let d = f;
+      let p = f;
       if (typeof f == "function")
-        d = f(o);
+        p = f(o);
       else if (typeof f != "object")
         return f;
-      if (!d)
+      if (!p)
         return null;
-      const m = ii(o.breakpoints), p = Object.keys(m);
+      const m = si(o.breakpoints), d = Object.keys(m);
       let h = m;
-      return Object.keys(d).forEach((y) => {
-        const b = Yi(d[y], o);
+      return Object.keys(p).forEach((y) => {
+        const b = Gi(p[y], o);
         if (b != null)
           if (typeof b == "object")
             if (c[y])
@@ -2552,10 +2566,10 @@ function Ui() {
             else {
               const l = ke({
                 theme: o
-              }, b, (T) => ({
-                [y]: T
+              }, b, (w) => ({
+                [y]: w
               }));
-              zi(l, b) ? h[y] = t({
+              Ui(l, b) ? h[y] = t({
                 sx: b,
                 theme: o,
                 nested: !0
@@ -2564,16 +2578,16 @@ function Ui() {
           else
             h = st(h, e(y, b, o, c));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": Hr(o, Xr(p, h))
-      } : Hr(o, Xr(p, h));
+        "@layer sx": Hr(o, Xr(d, h))
+      } : Hr(o, Xr(d, h));
     }
     return Array.isArray(n) ? n.map(u) : u(n);
   }
   return t;
 }
-const et = Ui();
+const et = qi();
 et.filterProps = ["sx"];
-function Gi(e) {
+function Ki(e) {
   for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -2592,7 +2606,7 @@ function Gi(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var qi = {
+var Hi = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -2642,24 +2656,24 @@ var qi = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Ki(e) {
+function Ji(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Hi = /[A-Z]|^ms/g, Ji = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
+var Xi = /[A-Z]|^ms/g, Qi = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
   return t.charCodeAt(1) === 45;
 }, Zr = function(t) {
   return t != null && typeof t != "boolean";
-}, Xt = /* @__PURE__ */ Ki(function(e) {
-  return wn(e) ? e : e.replace(Hi, "-$&").toLowerCase();
+}, Xt = /* @__PURE__ */ Ji(function(e) {
+  return wn(e) ? e : e.replace(Xi, "-$&").toLowerCase();
 }), en = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Ji, function(n, o, i) {
+        return r.replace(Qi, function(n, o, i) {
           return Pe = {
             name: o,
             styles: i,
@@ -2667,7 +2681,7 @@ var Hi = /[A-Z]|^ms/g, Ji = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
           }, o;
         });
   }
-  return qi[t] !== 1 && !wn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Hi[t] !== 1 && !wn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function Ot(e, t, r) {
   if (r == null)
@@ -2699,13 +2713,13 @@ function Ot(e, t, r) {
         var u = i.styles + ";";
         return u;
       }
-      return Xi(e, t, r);
+      return Zi(e, t, r);
     }
   }
   var f = r;
   return f;
 }
-function Xi(e, t, r) {
+function Zi(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
@@ -2720,22 +2734,22 @@ function Xi(e, t, r) {
         for (var f = 0; f < c.length; f++)
           Zr(c[f]) && (n += Xt(i) + ":" + en(i, c[f]) + ";");
       else {
-        var d = Ot(e, t, c);
+        var p = Ot(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Xt(i) + ":" + d + ";";
+            n += Xt(i) + ":" + p + ";";
             break;
           }
           default:
-            n += i + "{" + d + "}";
+            n += i + "{" + p + "}";
         }
       }
     }
   return n;
 }
 var tn = /label:\s*([^\s;{]+)\s*(;|$)/g, Pe;
-function Qi(e, t, r) {
+function ea(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 = "";
@@ -2753,31 +2767,31 @@ function Qi(e, t, r) {
       o += f[u];
     }
   tn.lastIndex = 0;
-  for (var d = "", m; (m = tn.exec(o)) !== null; )
-    d += "-" + m[1];
-  var p = Gi(o) + d;
+  for (var p = "", m; (m = tn.exec(o)) !== null; )
+    p += "-" + m[1];
+  var d = Ki(o) + p;
   return {
-    name: p,
+    name: d,
     styles: o,
     next: Pe
   };
 }
-function Zi(e, t) {
-  const r = wo(e, t);
+function ta(e, t) {
+  const r = _o(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
 `)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
   } : r;
 }
-function ea(e, t) {
+function ra(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
 const rn = [];
 function Ve(e) {
-  return rn[0] = e, Qi(rn);
+  return rn[0] = e, ea(rn);
 }
-const ta = (e) => {
+const na = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -2787,7 +2801,7 @@ const ta = (e) => {
     [n.key]: n.val
   }), {});
 };
-function ra(e) {
+function oa(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -2806,37 +2820,37 @@ function ra(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, i = ta(t), c = Object.keys(i);
+  } = e, i = na(t), c = Object.keys(i);
   function u(h) {
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
   }
   function f(h) {
     return `@media (max-width:${(typeof t[h] == "number" ? t[h] : h) - n / 100}${r})`;
   }
-  function d(h, y) {
+  function p(h, y) {
     const b = c.indexOf(y);
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r}) and (max-width:${(b !== -1 && typeof t[c[b]] == "number" ? t[c[b]] : y) - n / 100}${r})`;
   }
   function m(h) {
-    return c.indexOf(h) + 1 < c.length ? d(h, c[c.indexOf(h) + 1]) : u(h);
+    return c.indexOf(h) + 1 < c.length ? p(h, c[c.indexOf(h) + 1]) : u(h);
   }
-  function p(h) {
+  function d(h) {
     const y = c.indexOf(h);
-    return y === 0 ? u(c[1]) : y === c.length - 1 ? f(c[y]) : d(h, c[c.indexOf(h) + 1]).replace("@media", "@media not all and");
+    return y === 0 ? u(c[1]) : y === c.length - 1 ? f(c[y]) : p(h, c[c.indexOf(h) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: c,
     values: i,
     up: u,
     down: f,
-    between: d,
+    between: p,
     only: m,
-    not: p,
+    not: d,
     unit: r,
     ...o
   };
 }
-const na = {
+const ia = {
   borderRadius: 4
 };
 function _n(e = 8, t = cr({
@@ -2850,7 +2864,7 @@ function _n(e = 8, t = cr({
   }).join(" "));
   return r.mui = !0, r;
 }
-function oa(e, t) {
+function aa(e, t) {
   const r = this;
   if (r.vars) {
     if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
@@ -2869,8 +2883,8 @@ function On(e = {}, ...t) {
     spacing: o,
     shape: i = {},
     ...c
-  } = e, u = ra(r), f = _n(o);
-  let d = Se({
+  } = e, u = oa(r), f = _n(o);
+  let p = Se({
     breakpoints: u,
     direction: "ltr",
     components: {},
@@ -2881,19 +2895,19 @@ function On(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...na,
+      ...ia,
       ...i
     }
   }, c);
-  return d = ni(d), d.applyStyles = oa, d = t.reduce((m, p) => Se(m, p), d), d.unstable_sxConfig = {
+  return p = ii(p), p.applyStyles = aa, p = t.reduce((m, d) => Se(m, d), p), p.unstable_sxConfig = {
     ...Bt,
     ...c?.unstable_sxConfig
-  }, d.unstable_sx = function(p) {
+  }, p.unstable_sx = function(d) {
     return et({
-      sx: p,
+      sx: d,
       theme: this
     });
-  }, d;
+  }, p;
 }
 function Rn(e) {
   const {
@@ -2908,18 +2922,18 @@ function Rn(e) {
     typeof o.style != "function" && (o.style = Ve(o.style));
   }), n;
 }
-const ia = On();
+const sa = On();
 function Qt(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 function Le(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function aa(e) {
+function ca(e) {
   return e ? (t, r) => r[e] : null;
 }
-function sa(e, t, r) {
-  e.theme = fa(e.theme) ? r : e.theme[t] || e.theme;
+function la(e, t, r) {
+  e.theme = pa(e.theme) ? r : e.theme[t] || e.theme;
 }
 function Ct(e, t, r) {
   const n = typeof t == "function" ? t(e) : t;
@@ -2963,37 +2977,37 @@ function An(e, t, r = [], n = void 0) {
   }
   return r;
 }
-function ca(e = {}) {
+function ua(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = ia,
+    defaultTheme: r = sa,
     rootShouldForwardProp: n = Qt,
     slotShouldForwardProp: o = Qt
   } = e;
   function i(u) {
-    sa(u, t, r);
+    la(u, t, r);
   }
   return (u, f = {}) => {
-    ea(u, (q) => q.filter((oe) => oe !== et));
+    ra(u, (q) => q.filter((oe) => oe !== et));
     const {
-      name: d,
+      name: p,
       slot: m,
-      skipVariantsResolver: p,
+      skipVariantsResolver: d,
       skipSx: h,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: y = aa(kn(m)),
+      overridesResolver: y = ca(kn(m)),
       ...b
-    } = f, l = d && d.startsWith("Mui") || m ? "components" : "custom", T = p !== void 0 ? p : (
+    } = f, l = p && p.startsWith("Mui") || m ? "components" : "custom", w = d !== void 0 ? d : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       m && m !== "Root" && m !== "root" || !1
     ), S = h || !1;
-    let w = Qt;
-    m === "Root" || m === "root" ? w = n : m ? w = o : da(u) && (w = void 0);
-    const A = Zi(u, {
-      shouldForwardProp: w,
-      label: ua(d, m),
+    let T = Qt;
+    m === "Root" || m === "root" ? T = n : m ? T = o : ma(u) && (T = void 0);
+    const _ = ta(u, {
+      shouldForwardProp: T,
+      label: da(p, m),
       ...b
     }), $ = (q) => {
       if (q.__emotion_real === q)
@@ -3011,41 +3025,41 @@ function ca(e = {}) {
       return q;
     }, E = (...q) => {
       const oe = [], ee = q.map($), W = [];
-      if (oe.push(i), d && y && W.push(function(N) {
-        const ae = N.theme.components?.[d]?.styleOverrides;
+      if (oe.push(i), p && y && W.push(function(j) {
+        const ae = j.theme.components?.[p]?.styleOverrides;
         if (!ae)
           return null;
         const pe = {};
         for (const be in ae)
-          pe[be] = Ct(N, ae[be], N.theme.modularCssLayers ? "theme" : void 0);
-        return y(N, pe);
-      }), d && !T && W.push(function(N) {
-        const ae = N.theme?.components?.[d]?.variants;
-        return ae ? An(N, ae, [], N.theme.modularCssLayers ? "theme" : void 0) : null;
+          pe[be] = Ct(j, ae[be], j.theme.modularCssLayers ? "theme" : void 0);
+        return y(j, pe);
+      }), p && !w && W.push(function(j) {
+        const ae = j.theme?.components?.[p]?.variants;
+        return ae ? An(j, ae, [], j.theme.modularCssLayers ? "theme" : void 0) : null;
       }), S || W.push(et), Array.isArray(ee[0])) {
-        const U = ee.shift(), N = new Array(oe.length).fill(""), le = new Array(W.length).fill("");
+        const U = ee.shift(), j = new Array(oe.length).fill(""), le = new Array(W.length).fill("");
         let ae;
-        ae = [...N, ...U, ...le], ae.raw = [...N, ...U.raw, ...le], oe.unshift(ae);
+        ae = [...j, ...U, ...le], ae.raw = [...j, ...U.raw, ...le], oe.unshift(ae);
       }
-      const a = [...oe, ...ee, ...W], O = A(...a);
-      return u.muiName && (O.muiName = u.muiName), process.env.NODE_ENV !== "production" && (O.displayName = la(d, m, u)), O;
+      const a = [...oe, ...ee, ...W], R = _(...a);
+      return u.muiName && (R.muiName = u.muiName), process.env.NODE_ENV !== "production" && (R.displayName = fa(p, m, u)), R;
     };
-    return A.withConfig && (E.withConfig = A.withConfig), E;
+    return _.withConfig && (E.withConfig = _.withConfig), E;
   };
 }
-function la(e, t, r) {
-  return e ? `${e}${We(t || "")}` : `Styled(${qo(r)})`;
+function fa(e, t, r) {
+  return e ? `${e}${We(t || "")}` : `Styled(${Ho(r)})`;
 }
-function ua(e, t) {
+function da(e, t) {
   let r;
   return process.env.NODE_ENV !== "production" && e && (r = `${e}-${kn(t || "Root")}`), r;
 }
-function fa(e) {
+function pa(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function da(e) {
+function ma(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
@@ -3055,28 +3069,28 @@ function kn(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
 function ur(e, t = 0, r = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Zo(e, t, r);
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), ti(e, t, r);
 }
-function pa(e) {
+function ha(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
   return r && r[0].length === 1 && (r = r.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Ne(e) {
+function je(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Ne(pa(e));
+    return je(ha(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : je(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Ne(9, e));
   let n = e.substring(t + 1, e.length - 1), o;
   if (r === "color") {
     if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : je(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Ne(10, o));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -3085,12 +3099,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const ma = (e) => {
-  const t = Ne(e);
+const ga = (e) => {
+  const t = je(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
 }, it = (e, t) => {
   try {
-    return ma(e);
+    return ga(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
@@ -3106,10 +3120,10 @@ function Ft(e) {
   return t.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
 }
 function $n(e) {
-  e = Ne(e);
+  e = je(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), c = (d, m = (d + r / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), c = (p, m = (p + r / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
   let u = "rgb";
   const f = [Math.round(c(0) * 255), Math.round(c(8) * 255), Math.round(c(4) * 255)];
   return e.type === "hsla" && (u += "a", f.push(t[3])), Ft({
@@ -3118,26 +3132,26 @@ function $n(e) {
   });
 }
 function rr(e) {
-  e = Ne(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? Ne($n(e)).values : e.values;
+  e = je(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? je($n(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function nn(e, t) {
   const r = rr(e), n = rr(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-function ha(e, t) {
-  return e = Ne(e), t = ur(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ft(e);
+function ya(e, t) {
+  return e = je(e), t = ur(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ft(e);
 }
 function St(e, t, r) {
   try {
-    return ha(e, t);
+    return ya(e, t);
   } catch {
     return e;
   }
 }
 function fr(e, t) {
-  if (e = Ne(e), t = ur(t), e.type.includes("hsl"))
+  if (e = je(e), t = ur(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
@@ -3152,7 +3166,7 @@ function re(e, t, r) {
   }
 }
 function dr(e, t) {
-  if (e = Ne(e), t = ur(t), e.type.includes("hsl"))
+  if (e = je(e), t = ur(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -3169,19 +3183,19 @@ function ne(e, t, r) {
     return e;
   }
 }
-function ga(e, t = 0.15) {
+function ba(e, t = 0.15) {
   return rr(e) > 0.5 ? fr(e, t) : dr(e, t);
 }
 function Et(e, t, r) {
   try {
-    return ga(e, t);
+    return ba(e, t);
   } catch {
     return e;
   }
 }
-const ya = /* @__PURE__ */ Ie.createContext(void 0);
+const va = /* @__PURE__ */ Ie.createContext(void 0);
 process.env.NODE_ENV !== "production" && (K.node, K.object);
-function ba(e) {
+function Sa(e) {
   const {
     theme: t,
     name: r,
@@ -3192,12 +3206,12 @@ function ba(e) {
   const o = t.components[r];
   return o.defaultProps ? tr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? tr(o, n) : n;
 }
-function va({
+function Ea({
   props: e,
   name: t
 }) {
-  const r = Ie.useContext(ya);
-  return ba({
+  const r = Ie.useContext(va);
+  return Sa({
     props: e,
     name: t,
     theme: {
@@ -3208,14 +3222,14 @@ function va({
 const on = {
   theme: void 0
 };
-function Sa(e) {
+function Ca(e) {
   let t, r;
   return function(o) {
     let i = t;
     return (i === void 0 || o.theme !== r) && (on.theme = o.theme, i = Rn(e(on)), t = i, r = o.theme), i;
   };
 }
-function Ea(e = "") {
+function xa(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -3229,27 +3243,27 @@ const an = (e, t, r, n = []) => {
   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]);
   });
-}, Ca = (e, t, r) => {
+}, Ta = (e, t, r) => {
   function n(o, i = [], c = []) {
     Object.entries(o).forEach(([u, f]) => {
       (!r || r && !r([...i, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, u], Array.isArray(f) ? [...c, u] : c) : t([...i, u], f, c));
     });
   }
   n(e);
-}, xa = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+}, wa = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
 function Zt(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, o = {}, i = {}, c = {};
-  return Ca(
+  return Ta(
     e,
-    (u, f, d) => {
+    (u, f, p) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, p = xa(u, f);
+        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, d = wa(u, f);
         Object.assign(o, {
-          [m]: p
-        }), an(i, u, `var(${m})`, d), an(c, u, `var(${m}, ${p})`, d);
+          [m]: d
+        }), an(i, u, `var(${m})`, p), an(c, u, `var(${m}, ${d})`, p);
       }
     },
     (u) => u[0] === "vars"
@@ -3260,9 +3274,9 @@ function Zt(e, t) {
     varsWithDefaults: c
   };
 }
-function Ta(e, t = {}) {
+function _a(e, t = {}) {
   const {
-    getSelector: r = T,
+    getSelector: r = w,
     disableCssColorScheme: n,
     colorSchemeSelector: o
   } = t, {
@@ -3271,66 +3285,66 @@ function Ta(e, t = {}) {
     defaultColorScheme: u = "light",
     ...f
   } = e, {
-    vars: d,
+    vars: p,
     css: m,
-    varsWithDefaults: p
+    varsWithDefaults: d
   } = Zt(f, t);
-  let h = p;
+  let h = d;
   const y = {}, {
     [u]: b,
     ...l
   } = i;
-  if (Object.entries(l || {}).forEach(([A, $]) => {
+  if (Object.entries(l || {}).forEach(([_, $]) => {
     const {
       vars: E,
       css: q,
       varsWithDefaults: oe
     } = Zt($, t);
-    h = Se(h, oe), y[A] = {
+    h = Se(h, oe), y[_] = {
       css: q,
       vars: E
     };
   }), b) {
     const {
-      css: A,
+      css: _,
       vars: $,
       varsWithDefaults: E
     } = Zt(b, t);
     h = Se(h, E), y[u] = {
-      css: A,
+      css: _,
       vars: $
     };
   }
-  function T(A, $) {
+  function w(_, $) {
     let E = o;
-    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), A) {
+    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), _) {
       if (E === "media")
-        return e.defaultColorScheme === A ? ":root" : {
-          [`@media (prefers-color-scheme: ${i[A]?.palette?.mode || A})`]: {
+        return e.defaultColorScheme === _ ? ":root" : {
+          [`@media (prefers-color-scheme: ${i[_]?.palette?.mode || _})`]: {
             ":root": $
           }
         };
       if (E)
-        return e.defaultColorScheme === A ? `:root, ${E.replace("%s", String(A))}` : E.replace("%s", String(A));
+        return e.defaultColorScheme === _ ? `:root, ${E.replace("%s", String(_))}` : E.replace("%s", String(_));
     }
     return ":root";
   }
   return {
     vars: h,
     generateThemeVars: () => {
-      let A = {
-        ...d
+      let _ = {
+        ...p
       };
       return Object.entries(y).forEach(([, {
         vars: $
       }]) => {
-        A = Se(A, $);
-      }), A;
+        _ = Se(_, $);
+      }), _;
     },
     generateStyleSheets: () => {
-      const A = [], $ = e.defaultColorScheme || "light";
+      const _ = [], $ = e.defaultColorScheme || "light";
       function E(ee, W) {
-        Object.keys(W).length && A.push(typeof ee == "string" ? {
+        Object.keys(W).length && _.push(typeof ee == "string" ? {
           [ee]: {
             ...W
           }
@@ -3359,20 +3373,20 @@ function Ta(e, t = {}) {
       return Object.entries(oe).forEach(([ee, {
         css: W
       }]) => {
-        const a = i[ee]?.palette?.mode, O = !n && a ? {
+        const a = i[ee]?.palette?.mode, R = !n && a ? {
           colorScheme: a,
           ...W
         } : {
           ...W
         };
         E(r(ee, {
-          ...O
-        }), O);
-      }), A;
+          ...R
+        }), R);
+      }), _;
     }
   };
 }
-function wa(e) {
+function Oa(e) {
   return function(r) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
   };
@@ -3380,7 +3394,7 @@ function wa(e) {
 const ct = {
   black: "#000",
   white: "#fff"
-}, _a = {
+}, Ra = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -3474,7 +3488,7 @@ function Pn() {
     }
   };
 }
-const Oa = Pn();
+const Aa = Pn();
 function In() {
   return {
     text: {
@@ -3508,7 +3522,7 @@ function cn(e, t, r, n) {
   const o = n.light || n, i = n.dark || n * 1.5;
   e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = dr(e.main, o) : t === "dark" && (e.dark = fr(e.main, i)));
 }
-function Ra(e = "light") {
+function ka(e = "light") {
   return e === "dark" ? {
     main: He[200],
     light: He[50],
@@ -3519,7 +3533,7 @@ function Ra(e = "light") {
     dark: He[800]
   };
 }
-function Aa(e = "light") {
+function $a(e = "light") {
   return e === "dark" ? {
     main: qe[200],
     light: qe[50],
@@ -3530,7 +3544,7 @@ function Aa(e = "light") {
     dark: qe[700]
   };
 }
-function ka(e = "light") {
+function Pa(e = "light") {
   return e === "dark" ? {
     main: Ke[500],
     light: Ke[300],
@@ -3541,7 +3555,7 @@ function ka(e = "light") {
     dark: Ke[800]
   };
 }
-function $a(e = "light") {
+function Ia(e = "light") {
   return e === "dark" ? {
     main: Je[400],
     light: Je[300],
@@ -3552,7 +3566,7 @@ function $a(e = "light") {
     dark: Je[900]
   };
 }
-function Pa(e = "light") {
+function Na(e = "light") {
   return e === "dark" ? {
     main: Xe[400],
     light: Xe[300],
@@ -3563,7 +3577,7 @@ function Pa(e = "light") {
     dark: Xe[900]
   };
 }
-function Ia(e = "light") {
+function ja(e = "light") {
   return e === "dark" ? {
     main: ot[400],
     light: ot[300],
@@ -3581,30 +3595,30 @@ function pr(e) {
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, i = e.primary || Ra(t), c = e.secondary || Aa(t), u = e.error || ka(t), f = e.info || $a(t), d = e.success || Pa(t), m = e.warning || Ia(t);
-  function p(l) {
-    const T = nn(l, sn.text.primary) >= r ? sn.text.primary : Oa.text.primary;
+  } = e, i = e.primary || ka(t), c = e.secondary || $a(t), u = e.error || Pa(t), f = e.info || Ia(t), p = e.success || Na(t), m = e.warning || ja(t);
+  function d(l) {
+    const w = nn(l, sn.text.primary) >= r ? sn.text.primary : Aa.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = nn(l, T);
-      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${T} on ${l}`, "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 S = nn(l, w);
+      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${w} on ${l}`, "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 T;
+    return w;
   }
   const h = ({
     color: l,
-    name: T,
+    name: w,
     mainShade: S = 500,
-    lightShade: w = 300,
-    darkShade: A = 700
+    lightShade: T = 300,
+    darkShade: _ = 700
   }) => {
     if (l = {
       ...l
     }, !l.main && l[S] && (l.main = l[S]), !l.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${T ? ` (${T})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${S}\` property.` : je(11, T ? ` (${T})` : "", S));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${S}\` property.` : Ne(11, w ? ` (${w})` : "", S));
     if (typeof l.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${T ? ` (${T})` : ""} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(l.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -3617,8 +3631,8 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : je(12, T ? ` (${T})` : "", JSON.stringify(l.main)));
-    return cn(l, "light", w, n), cn(l, "dark", A, n), l.contrastText || (l.contrastText = p(l.main)), l;
+} });` : Ne(12, w ? ` (${w})` : "", JSON.stringify(l.main)));
+    return cn(l, "light", T, n), cn(l, "dark", _, n), l.contrastText || (l.contrastText = d(l.main)), l;
   };
   let y;
   return t === "light" ? y = Pn() : t === "dark" && (y = In()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Se({
@@ -3659,16 +3673,16 @@ const theme2 = createTheme({ palette: {
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
     success: h({
-      color: d,
+      color: p,
       name: "success"
     }),
     // The grey colors.
-    grey: _a,
+    grey: Ra,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: p,
+    getContrastText: d,
     // Generate a rich color object.
     augmentColor: h,
     // Used by the functions below to shift a color's luminance by approximately
@@ -3679,14 +3693,14 @@ const theme2 = createTheme({ palette: {
     ...y
   }, o);
 }
-function ja(e) {
+function Da(e) {
   const t = {};
   return Object.entries(e).forEach((n) => {
     const [o, i] = n;
     typeof i == "object" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
   }), t;
 }
-function Na(e, t) {
+function Ma(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -3702,13 +3716,13 @@ function Na(e, t) {
     ...t
   };
 }
-function Da(e) {
+function Ba(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const ln = {
   textTransform: "uppercase"
 }, un = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Ma(e, t) {
+function Fa(e, t) {
   const {
     fontFamily: r = un,
     // The default font size of the Material Specification.
@@ -3722,24 +3736,24 @@ function Ma(e, t) {
     // 16px is the default font-size used by browsers.
     htmlFontSize: f = 16,
     // Apply the CSS properties to all the variants.
-    allVariants: d,
+    allVariants: p,
     pxToRem: m,
-    ...p
+    ...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 h = n / 14, y = m || ((T) => `${T / f * h}rem`), b = (T, S, w, A, $) => ({
+  const h = n / 14, y = m || ((w) => `${w / f * h}rem`), b = (w, S, T, _, $) => ({
     fontFamily: r,
-    fontWeight: T,
+    fontWeight: w,
     fontSize: y(S),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: w,
+    lineHeight: T,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...r === un ? {
-      letterSpacing: `${Da(A / S)}em`
+      letterSpacing: `${Ba(_ / S)}em`
     } : {},
     ...$,
-    ...d
+    ...p
   }), l = {
     h1: b(o, 96, 1.167, -1.5),
     h2: b(o, 60, 1.2, -0.5),
@@ -3773,16 +3787,16 @@ function Ma(e, t) {
     fontWeightMedium: c,
     fontWeightBold: u,
     ...l
-  }, p, {
+  }, d, {
     clone: !1
     // No need to clone deep
   });
 }
-const Ba = 0.2, Fa = 0.14, La = 0.12;
+const La = 0.2, Va = 0.14, Wa = 0.12;
 function ie(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Ba})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Fa})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${La})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${La})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Va})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Wa})`].join(",");
 }
-const Va = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ie(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ie(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ie(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ie(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ie(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ie(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ie(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ie(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ie(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ie(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ie(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ie(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ie(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ie(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ie(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ie(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ie(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ie(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ie(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ie(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ie(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ie(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Wa = {
+const za = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ie(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ie(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ie(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ie(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ie(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ie(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ie(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ie(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ie(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ie(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ie(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ie(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ie(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ie(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ie(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ie(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ie(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ie(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ie(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ie(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ie(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ie(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Ya = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -3792,7 +3806,7 @@ const Va = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, za = {
+}, Ua = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -3808,33 +3822,33 @@ const Va = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0,
 function fn(e) {
   return `${Math.round(e)}ms`;
 }
-function Ya(e) {
+function Ga(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Ua(e) {
+function qa(e) {
   const t = {
-    ...Wa,
+    ...Ya,
     ...e.easing
   }, r = {
-    ...za,
+    ...Ua,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Ya,
+    getAutoHeightDuration: Ga,
     create: (o = ["all"], i = {}) => {
       const {
         duration: c = r.standard,
         easing: u = t.easeInOut,
         delay: f = 0,
-        ...d
+        ...p
       } = i;
       if (process.env.NODE_ENV !== "production") {
-        const m = (h) => typeof h == "string", p = (h) => !Number.isNaN(parseFloat(h));
-        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(c) && !m(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), m(u) || console.error('MUI: Argument "easing" must be a string.'), !p(f) && !m(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(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+        const m = (h) => typeof h == "string", d = (h) => !Number.isNaN(parseFloat(h));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !d(c) && !m(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), m(u) || console.error('MUI: Argument "easing" must be a string.'), !d(f) && !m(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(p).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(p).join(",")}].`);
       }
       return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof c == "string" ? c : fn(c)} ${u} ${typeof f == "string" ? f : fn(f)}`).join(",");
     },
@@ -3843,7 +3857,7 @@ function Ua(e) {
     duration: r
   };
 }
-const Ga = {
+const Ka = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -3853,10 +3867,10 @@ const Ga = {
   snackbar: 1400,
   tooltip: 1500
 };
-function qa(e) {
+function Ha(e) {
   return Ae(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function jn(e = {}) {
+function Nn(e = {}) {
   const t = {
     ...e
   };
@@ -3864,7 +3878,7 @@ function jn(e = {}) {
     const o = Object.entries(n);
     for (let i = 0; i < o.length; i++) {
       const [c, u] = o[i];
-      !qa(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
+      !Ha(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
         ...u
       }, r(n[c]));
     }
@@ -3887,35 +3901,35 @@ function nr(e = {}, ...t) {
     transitions: c = {},
     typography: u = {},
     shape: f,
-    ...d
+    ...p
   } = e;
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : je(20));
-  const m = pr(i), p = On(e);
-  let h = Se(p, {
-    mixins: Na(p.breakpoints, n),
+    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." : Ne(20));
+  const m = pr(i), d = On(e);
+  let h = Se(d, {
+    mixins: Ma(d.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Va.slice(),
-    typography: Ma(m, u),
-    transitions: Ua(c),
+    shadows: za.slice(),
+    typography: Fa(m, u),
+    transitions: qa(c),
     zIndex: {
-      ...Ga
+      ...Ka
     }
   });
-  if (h = Se(h, d), h = t.reduce((y, b) => Se(y, b), h), process.env.NODE_ENV !== "production") {
-    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (l, T) => {
+  if (h = Se(h, p), h = t.reduce((y, b) => Se(y, b), h), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (l, w) => {
       let S;
       for (S in l) {
-        const w = l[S];
-        if (y.includes(S) && Object.keys(w).length > 0) {
+        const T = l[S];
+        if (y.includes(S) && Object.keys(T).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const A = sr("", S);
-            console.error([`MUI: The \`${T}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${A}' syntax:`, JSON.stringify({
+            const _ = sr("", S);
+            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${_}' syntax:`, JSON.stringify({
               root: {
-                [`&.${A}`]: w
+                [`&.${_}`]: T
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -3925,31 +3939,31 @@ function nr(e = {}, ...t) {
       }
     };
     Object.keys(h.components).forEach((l) => {
-      const T = h.components[l].styleOverrides;
-      T && l.startsWith("Mui") && b(T, l);
+      const w = h.components[l].styleOverrides;
+      w && l.startsWith("Mui") && b(w, l);
     });
   }
   return h.unstable_sxConfig = {
     ...Bt,
-    ...d?.unstable_sxConfig
+    ...p?.unstable_sxConfig
   }, h.unstable_sx = function(b) {
     return et({
       sx: b,
       theme: this
     });
-  }, h.toRuntimeSource = jn, h;
+  }, h.toRuntimeSource = Nn, h;
 }
-function Ka(e) {
+function Ja(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const Ha = [...Array(25)].map((e, t) => {
+const Xa = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = Ka(t);
+  const r = Ja(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function Nn(e) {
+function jn(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3958,9 +3972,9 @@ function Nn(e) {
   };
 }
 function Dn(e) {
-  return e === "dark" ? Ha : [];
+  return e === "dark" ? Xa : [];
 }
-function Ja(e) {
+function Qa(e) {
   const {
     palette: t = {
       mode: "light"
@@ -3973,24 +3987,24 @@ function Ja(e) {
   return {
     palette: i,
     opacity: {
-      ...Nn(i.mode),
+      ...jn(i.mode),
       ...r
     },
     overlays: n || Dn(i.mode),
     ...o
   };
 }
-function Xa(e) {
+function Za(e) {
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
-const Qa = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Za = (e) => (t, r) => {
+const es = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ts = (e) => (t, r) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   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 c = {};
-      return Qa(e.cssVarPrefix).forEach((u) => {
+      return es(e.cssVarPrefix).forEach((u) => {
         c[u] = r[u], delete r[u];
       }), i === "media" ? {
         [n]: r,
@@ -4021,7 +4035,7 @@ const Qa = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function es(e, t) {
+function rs(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -4036,7 +4050,7 @@ function Re(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = it(at(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 ts(e) {
+function ns(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const Oe = (e) => {
@@ -4044,14 +4058,14 @@ const Oe = (e) => {
     return e();
   } catch {
   }
-}, rs = (e = "mui") => Ea(e);
+}, os = (e = "mui") => xa(e);
 function er(e, t, r, n) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
   const o = n === "dark" ? "dark" : "light";
   if (!r) {
-    e[n] = Ja({
+    e[n] = Qa({
       ...t,
       palette: {
         mode: o,
@@ -4074,13 +4088,13 @@ function er(e, t, r, n) {
     ...t,
     palette: i,
     opacity: {
-      ...Nn(o),
+      ...jn(o),
       ...t?.opacity
     },
     overlays: t?.overlays || Dn(o)
   }, c;
 }
-function ns(e = {}, ...t) {
+function is(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -4088,80 +4102,80 @@ function ns(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: i = "mui",
-    shouldSkipGeneratingVar: c = Xa,
+    shouldSkipGeneratingVar: c = Za,
     colorSchemeSelector: u = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
-    ...d
-  } = e, m = Object.keys(r)[0], p = n || (r.light && m !== "light" ? "light" : m), h = rs(i), {
-    [p]: y,
+    ...p
+  } = e, m = Object.keys(r)[0], d = n || (r.light && m !== "light" ? "light" : m), h = os(i), {
+    [d]: y,
     light: b,
     dark: l,
-    ...T
+    ...w
   } = r, S = {
-    ...T
+    ...w
   };
-  let w = y;
-  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (w = !0), !w)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : je(21, p));
-  const A = er(S, w, d, p);
+  let T = y;
+  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (T = !0), !T)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : Ne(21, d));
+  const _ = er(S, T, p, d);
   b && !S.light && er(S, b, void 0, "light"), l && !S.dark && er(S, l, void 0, "dark");
   let $ = {
-    defaultColorScheme: p,
-    ...A,
+    defaultColorScheme: d,
+    ..._,
     cssVarPrefix: i,
     colorSchemeSelector: u,
     rootSelector: f,
     getCssVar: h,
     colorSchemes: S,
     font: {
-      ...ja(A.typography),
-      ...A.font
+      ...Da(_.typography),
+      ..._.font
     },
-    spacing: ts(d.spacing)
+    spacing: ns(p.spacing)
   };
   Object.keys($.colorSchemes).forEach((W) => {
-    const a = $.colorSchemes[W].palette, O = (U) => {
-      const N = U.split("-"), le = N[1], ae = N[2];
+    const a = $.colorSchemes[W].palette, R = (U) => {
+      const j = U.split("-"), le = j[1], ae = j[2];
       return h(U, a[le][ae]);
     };
-    if (a.mode === "light" && (g(a.common, "background", "#fff"), g(a.common, "onBackground", "#000")), a.mode === "dark" && (g(a.common, "background", "#000"), g(a.common, "onBackground", "#fff")), es(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
-      g(a.Alert, "errorColor", re(a.error.light, 0.6)), g(a.Alert, "infoColor", re(a.info.light, 0.6)), g(a.Alert, "successColor", re(a.success.light, 0.6)), g(a.Alert, "warningColor", re(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", O("palette-error-main")), g(a.Alert, "infoFilledBg", O("palette-info-main")), g(a.Alert, "successFilledBg", O("palette-success-main")), g(a.Alert, "warningFilledBg", O("palette-warning-main")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.main))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.main))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.main))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.main))), g(a.Alert, "errorStandardBg", ne(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", ne(a.info.light, 0.9)), g(a.Alert, "successStandardBg", ne(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", ne(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", O("palette-error-main")), g(a.Alert, "infoIconColor", O("palette-info-main")), g(a.Alert, "successIconColor", O("palette-success-main")), g(a.Alert, "warningIconColor", O("palette-warning-main")), g(a.AppBar, "defaultBg", O("palette-grey-100")), g(a.Avatar, "defaultBg", O("palette-grey-400")), g(a.Button, "inheritContainedBg", O("palette-grey-300")), g(a.Button, "inheritContainedHoverBg", O("palette-grey-A100")), g(a.Chip, "defaultBorder", O("palette-grey-400")), g(a.Chip, "defaultAvatarColor", O("palette-grey-700")), g(a.Chip, "defaultIconColor", O("palette-grey-700")), g(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), g(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), g(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), g(a.LinearProgress, "primaryBg", ne(a.primary.main, 0.62)), g(a.LinearProgress, "secondaryBg", ne(a.secondary.main, 0.62)), g(a.LinearProgress, "errorBg", ne(a.error.main, 0.62)), g(a.LinearProgress, "infoBg", ne(a.info.main, 0.62)), g(a.LinearProgress, "successBg", ne(a.success.main, 0.62)), g(a.LinearProgress, "warningBg", ne(a.warning.main, 0.62)), g(a.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.11)`), g(a.Slider, "primaryTrack", ne(a.primary.main, 0.62)), g(a.Slider, "secondaryTrack", ne(a.secondary.main, 0.62)), g(a.Slider, "errorTrack", ne(a.error.main, 0.62)), g(a.Slider, "infoTrack", ne(a.info.main, 0.62)), g(a.Slider, "successTrack", ne(a.success.main, 0.62)), g(a.Slider, "warningTrack", ne(a.warning.main, 0.62));
+    if (a.mode === "light" && (g(a.common, "background", "#fff"), g(a.common, "onBackground", "#000")), a.mode === "dark" && (g(a.common, "background", "#000"), g(a.common, "onBackground", "#fff")), rs(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
+      g(a.Alert, "errorColor", re(a.error.light, 0.6)), g(a.Alert, "infoColor", re(a.info.light, 0.6)), g(a.Alert, "successColor", re(a.success.light, 0.6)), g(a.Alert, "warningColor", re(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", R("palette-error-main")), g(a.Alert, "infoFilledBg", R("palette-info-main")), g(a.Alert, "successFilledBg", R("palette-success-main")), g(a.Alert, "warningFilledBg", R("palette-warning-main")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.main))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.main))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.main))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.main))), g(a.Alert, "errorStandardBg", ne(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", ne(a.info.light, 0.9)), g(a.Alert, "successStandardBg", ne(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", ne(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", R("palette-error-main")), g(a.Alert, "infoIconColor", R("palette-info-main")), g(a.Alert, "successIconColor", R("palette-success-main")), g(a.Alert, "warningIconColor", R("palette-warning-main")), g(a.AppBar, "defaultBg", R("palette-grey-100")), g(a.Avatar, "defaultBg", R("palette-grey-400")), g(a.Button, "inheritContainedBg", R("palette-grey-300")), g(a.Button, "inheritContainedHoverBg", R("palette-grey-A100")), g(a.Chip, "defaultBorder", R("palette-grey-400")), g(a.Chip, "defaultAvatarColor", R("palette-grey-700")), g(a.Chip, "defaultIconColor", R("palette-grey-700")), g(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), g(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), g(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), g(a.LinearProgress, "primaryBg", ne(a.primary.main, 0.62)), g(a.LinearProgress, "secondaryBg", ne(a.secondary.main, 0.62)), g(a.LinearProgress, "errorBg", ne(a.error.main, 0.62)), g(a.LinearProgress, "infoBg", ne(a.info.main, 0.62)), g(a.LinearProgress, "successBg", ne(a.success.main, 0.62)), g(a.LinearProgress, "warningBg", ne(a.warning.main, 0.62)), g(a.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.11)`), g(a.Slider, "primaryTrack", ne(a.primary.main, 0.62)), g(a.Slider, "secondaryTrack", ne(a.secondary.main, 0.62)), g(a.Slider, "errorTrack", ne(a.error.main, 0.62)), g(a.Slider, "infoTrack", ne(a.info.main, 0.62)), g(a.Slider, "successTrack", ne(a.success.main, 0.62)), g(a.Slider, "warningTrack", ne(a.warning.main, 0.62));
       const U = Et(a.background.default, 0.8);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", O("palette-grey-400")), g(a.StepContent, "border", O("palette-grey-400")), g(a.Switch, "defaultColor", O("palette-common-white")), g(a.Switch, "defaultDisabledColor", O("palette-grey-100")), g(a.Switch, "primaryDisabledColor", ne(a.primary.main, 0.62)), g(a.Switch, "secondaryDisabledColor", ne(a.secondary.main, 0.62)), g(a.Switch, "errorDisabledColor", ne(a.error.main, 0.62)), g(a.Switch, "infoDisabledColor", ne(a.info.main, 0.62)), g(a.Switch, "successDisabledColor", ne(a.success.main, 0.62)), g(a.Switch, "warningDisabledColor", ne(a.warning.main, 0.62)), g(a.TableCell, "border", ne(St(a.divider, 1), 0.88)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
+      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", R("palette-grey-400")), g(a.StepContent, "border", R("palette-grey-400")), g(a.Switch, "defaultColor", R("palette-common-white")), g(a.Switch, "defaultDisabledColor", R("palette-grey-100")), g(a.Switch, "primaryDisabledColor", ne(a.primary.main, 0.62)), g(a.Switch, "secondaryDisabledColor", ne(a.secondary.main, 0.62)), g(a.Switch, "errorDisabledColor", ne(a.error.main, 0.62)), g(a.Switch, "infoDisabledColor", ne(a.info.main, 0.62)), g(a.Switch, "successDisabledColor", ne(a.success.main, 0.62)), g(a.Switch, "warningDisabledColor", ne(a.warning.main, 0.62)), g(a.TableCell, "border", ne(St(a.divider, 1), 0.88)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
     }
     if (a.mode === "dark") {
-      g(a.Alert, "errorColor", ne(a.error.light, 0.6)), g(a.Alert, "infoColor", ne(a.info.light, 0.6)), g(a.Alert, "successColor", ne(a.success.light, 0.6)), g(a.Alert, "warningColor", ne(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", O("palette-error-dark")), g(a.Alert, "infoFilledBg", O("palette-info-dark")), g(a.Alert, "successFilledBg", O("palette-success-dark")), g(a.Alert, "warningFilledBg", O("palette-warning-dark")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.dark))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.dark))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.dark))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.dark))), g(a.Alert, "errorStandardBg", re(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", re(a.info.light, 0.9)), g(a.Alert, "successStandardBg", re(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", re(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", O("palette-error-main")), g(a.Alert, "infoIconColor", O("palette-info-main")), g(a.Alert, "successIconColor", O("palette-success-main")), g(a.Alert, "warningIconColor", O("palette-warning-main")), g(a.AppBar, "defaultBg", O("palette-grey-900")), g(a.AppBar, "darkBg", O("palette-background-paper")), g(a.AppBar, "darkColor", O("palette-text-primary")), g(a.Avatar, "defaultBg", O("palette-grey-600")), g(a.Button, "inheritContainedBg", O("palette-grey-800")), g(a.Button, "inheritContainedHoverBg", O("palette-grey-700")), g(a.Chip, "defaultBorder", O("palette-grey-700")), g(a.Chip, "defaultAvatarColor", O("palette-grey-300")), g(a.Chip, "defaultIconColor", O("palette-grey-300")), g(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), g(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), g(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), g(a.LinearProgress, "primaryBg", re(a.primary.main, 0.5)), g(a.LinearProgress, "secondaryBg", re(a.secondary.main, 0.5)), g(a.LinearProgress, "errorBg", re(a.error.main, 0.5)), g(a.LinearProgress, "infoBg", re(a.info.main, 0.5)), g(a.LinearProgress, "successBg", re(a.success.main, 0.5)), g(a.LinearProgress, "warningBg", re(a.warning.main, 0.5)), g(a.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.13)`), g(a.Slider, "primaryTrack", re(a.primary.main, 0.5)), g(a.Slider, "secondaryTrack", re(a.secondary.main, 0.5)), g(a.Slider, "errorTrack", re(a.error.main, 0.5)), g(a.Slider, "infoTrack", re(a.info.main, 0.5)), g(a.Slider, "successTrack", re(a.success.main, 0.5)), g(a.Slider, "warningTrack", re(a.warning.main, 0.5));
+      g(a.Alert, "errorColor", ne(a.error.light, 0.6)), g(a.Alert, "infoColor", ne(a.info.light, 0.6)), g(a.Alert, "successColor", ne(a.success.light, 0.6)), g(a.Alert, "warningColor", ne(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", R("palette-error-dark")), g(a.Alert, "infoFilledBg", R("palette-info-dark")), g(a.Alert, "successFilledBg", R("palette-success-dark")), g(a.Alert, "warningFilledBg", R("palette-warning-dark")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.dark))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.dark))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.dark))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.dark))), g(a.Alert, "errorStandardBg", re(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", re(a.info.light, 0.9)), g(a.Alert, "successStandardBg", re(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", re(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", R("palette-error-main")), g(a.Alert, "infoIconColor", R("palette-info-main")), g(a.Alert, "successIconColor", R("palette-success-main")), g(a.Alert, "warningIconColor", R("palette-warning-main")), g(a.AppBar, "defaultBg", R("palette-grey-900")), g(a.AppBar, "darkBg", R("palette-background-paper")), g(a.AppBar, "darkColor", R("palette-text-primary")), g(a.Avatar, "defaultBg", R("palette-grey-600")), g(a.Button, "inheritContainedBg", R("palette-grey-800")), g(a.Button, "inheritContainedHoverBg", R("palette-grey-700")), g(a.Chip, "defaultBorder", R("palette-grey-700")), g(a.Chip, "defaultAvatarColor", R("palette-grey-300")), g(a.Chip, "defaultIconColor", R("palette-grey-300")), g(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), g(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), g(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), g(a.LinearProgress, "primaryBg", re(a.primary.main, 0.5)), g(a.LinearProgress, "secondaryBg", re(a.secondary.main, 0.5)), g(a.LinearProgress, "errorBg", re(a.error.main, 0.5)), g(a.LinearProgress, "infoBg", re(a.info.main, 0.5)), g(a.LinearProgress, "successBg", re(a.success.main, 0.5)), g(a.LinearProgress, "warningBg", re(a.warning.main, 0.5)), g(a.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.13)`), g(a.Slider, "primaryTrack", re(a.primary.main, 0.5)), g(a.Slider, "secondaryTrack", re(a.secondary.main, 0.5)), g(a.Slider, "errorTrack", re(a.error.main, 0.5)), g(a.Slider, "infoTrack", re(a.info.main, 0.5)), g(a.Slider, "successTrack", re(a.success.main, 0.5)), g(a.Slider, "warningTrack", re(a.warning.main, 0.5));
       const U = Et(a.background.default, 0.98);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", O("palette-grey-600")), g(a.StepContent, "border", O("palette-grey-600")), g(a.Switch, "defaultColor", O("palette-grey-300")), g(a.Switch, "defaultDisabledColor", O("palette-grey-600")), g(a.Switch, "primaryDisabledColor", re(a.primary.main, 0.55)), g(a.Switch, "secondaryDisabledColor", re(a.secondary.main, 0.55)), g(a.Switch, "errorDisabledColor", re(a.error.main, 0.55)), g(a.Switch, "infoDisabledColor", re(a.info.main, 0.55)), g(a.Switch, "successDisabledColor", re(a.success.main, 0.55)), g(a.Switch, "warningDisabledColor", re(a.warning.main, 0.55)), g(a.TableCell, "border", re(St(a.divider, 1), 0.68)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
+      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", R("palette-grey-600")), g(a.StepContent, "border", R("palette-grey-600")), g(a.Switch, "defaultColor", R("palette-grey-300")), g(a.Switch, "defaultDisabledColor", R("palette-grey-600")), g(a.Switch, "primaryDisabledColor", re(a.primary.main, 0.55)), g(a.Switch, "secondaryDisabledColor", re(a.secondary.main, 0.55)), g(a.Switch, "errorDisabledColor", re(a.error.main, 0.55)), g(a.Switch, "infoDisabledColor", re(a.info.main, 0.55)), g(a.Switch, "successDisabledColor", re(a.success.main, 0.55)), g(a.Switch, "warningDisabledColor", re(a.warning.main, 0.55)), g(a.TableCell, "border", re(St(a.divider, 1), 0.68)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
     }
     Re(a.background, "default"), Re(a.background, "paper"), Re(a.common, "background"), Re(a.common, "onBackground"), Re(a, "divider"), Object.keys(a).forEach((U) => {
-      const N = a[U];
-      U !== "tonalOffset" && N && typeof N == "object" && (N.main && g(a[U], "mainChannel", it(at(N.main))), N.light && g(a[U], "lightChannel", it(at(N.light))), N.dark && g(a[U], "darkChannel", it(at(N.dark))), N.contrastText && g(a[U], "contrastTextChannel", it(at(N.contrastText))), U === "text" && (Re(a[U], "primary"), Re(a[U], "secondary")), U === "action" && (N.active && Re(a[U], "active"), N.selected && Re(a[U], "selected")));
+      const j = a[U];
+      U !== "tonalOffset" && j && typeof j == "object" && (j.main && g(a[U], "mainChannel", it(at(j.main))), j.light && g(a[U], "lightChannel", it(at(j.light))), j.dark && g(a[U], "darkChannel", it(at(j.dark))), j.contrastText && g(a[U], "contrastTextChannel", it(at(j.contrastText))), U === "text" && (Re(a[U], "primary"), Re(a[U], "secondary")), U === "action" && (j.active && Re(a[U], "active"), j.selected && Re(a[U], "selected")));
     });
   }), $ = t.reduce((W, a) => Se(W, a), $);
   const E = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: Za($)
+    getSelector: ts($)
   }, {
     vars: q,
     generateThemeVars: oe,
     generateStyleSheets: ee
-  } = Ta($, E);
+  } = _a($, E);
   return $.vars = q, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([W, a]) => {
     $[W] = a;
   }), $.generateThemeVars = oe, $.generateStyleSheets = ee, $.generateSpacing = function() {
-    return _n(d.spacing, cr(this));
-  }, $.getColorSchemeSelector = wa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+    return _n(p.spacing, cr(this));
+  }, $.getColorSchemeSelector = Oa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
     ...Bt,
-    ...d?.unstable_sxConfig
+    ...p?.unstable_sxConfig
   }, $.unstable_sx = function(a) {
     return et({
       sx: a,
       theme: this
     });
-  }, $.toRuntimeSource = jn, $;
+  }, $.toRuntimeSource = Nn, $;
 }
 function dn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -4182,7 +4196,7 @@ function Mn(e = {}, ...t) {
     },
     defaultColorScheme: i = r?.mode,
     ...c
-  } = e, u = i || "light", f = o?.[u], d = {
+  } = e, u = i || "light", f = o?.[u], p = {
     ...o,
     ...r ? {
       [u]: {
@@ -4195,46 +4209,46 @@ function Mn(e = {}, ...t) {
     if (!("colorSchemes" in e))
       return nr(e, ...t);
     let m = r;
-    "palette" in e || d[u] && (d[u] !== !0 ? m = d[u].palette : u === "dark" && (m = {
+    "palette" in e || p[u] && (p[u] !== !0 ? m = p[u].palette : u === "dark" && (m = {
       mode: "dark"
     }));
-    const p = nr({
+    const d = nr({
       ...e,
       palette: m
     }, ...t);
-    return p.defaultColorScheme = u, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
-      ...d.light !== !0 && d.light,
-      palette: p.palette
-    }, dn(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
-      ...d.dark !== !0 && d.dark,
-      palette: p.palette
-    }, dn(p, "light", d.light)), p;
+    return d.defaultColorScheme = u, d.colorSchemes = p, d.palette.mode === "light" && (d.colorSchemes.light = {
+      ...p.light !== !0 && p.light,
+      palette: d.palette
+    }, dn(d, "dark", p.dark)), d.palette.mode === "dark" && (d.colorSchemes.dark = {
+      ...p.dark !== !0 && p.dark,
+      palette: d.palette
+    }, dn(d, "light", p.light)), d;
   }
-  return !r && !("light" in d) && u === "light" && (d.light = !0), ns({
+  return !r && !("light" in p) && u === "light" && (p.light = !0), is({
     ...c,
-    colorSchemes: d,
+    colorSchemes: p,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const os = Mn(), is = "$$material";
-function as(e) {
+const as = Mn(), ss = "$$material";
+function cs(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const ss = (e) => as(e) && e !== "classes", cs = ca({
-  themeId: is,
-  defaultTheme: os,
-  rootShouldForwardProp: ss
-}), ls = Sa;
+const ls = (e) => cs(e) && e !== "classes", us = ua({
+  themeId: ss,
+  defaultTheme: as,
+  rootShouldForwardProp: ls
+}), fs = Ca;
 process.env.NODE_ENV !== "production" && (K.node, K.object.isRequired);
-function us(e) {
-  return va(e);
+function ds(e) {
+  return Ea(e);
 }
-function fs(e) {
+function ps(e) {
   return sr("MuiSvgIcon", e);
 }
-Qo("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const ds = (e) => {
+ei("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const ms = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -4242,8 +4256,8 @@ const ds = (e) => {
   } = e, o = {
     root: ["root", t !== "inherit" && `color${We(t)}`, `fontSize${We(r)}`]
   };
-  return Ko(o, fs, n);
-}, ps = cs("svg", {
+  return Jo(o, ps, n);
+}, hs = us("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -4252,7 +4266,7 @@ const ds = (e) => {
     } = e;
     return [t.root, r.color !== "inherit" && t[`color${We(r.color)}`], t[`fontSize${We(r.fontSize)}`]];
   }
-})(ls(({
+})(fs(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -4339,7 +4353,7 @@ const ds = (e) => {
     }
   ]
 }))), Rt = /* @__PURE__ */ Ie.forwardRef(function(t, r) {
-  const n = us({
+  const n = ds({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -4348,9 +4362,9 @@ const ds = (e) => {
     color: c = "inherit",
     component: u = "svg",
     fontSize: f = "medium",
-    htmlColor: d,
+    htmlColor: p,
     inheritViewBox: m = !1,
-    titleAccess: p,
+    titleAccess: d,
     viewBox: h = "0 0 24 24",
     ...y
   } = n, b = /* @__PURE__ */ Ie.isValidElement(o) && o.type === "svg", l = {
@@ -4362,23 +4376,23 @@ const ds = (e) => {
     inheritViewBox: m,
     viewBox: h,
     hasSvgAsChild: b
-  }, T = {};
-  m || (T.viewBox = h);
-  const S = ds(l);
-  return /* @__PURE__ */ x.jsxs(ps, {
+  }, w = {};
+  m || (w.viewBox = h);
+  const S = ms(l);
+  return /* @__PURE__ */ x.jsxs(hs, {
     as: u,
-    className: ei(S.root, i),
+    className: ri(S.root, i),
     focusable: "false",
-    color: d,
-    "aria-hidden": p ? void 0 : !0,
-    role: p ? "img" : void 0,
+    color: p,
+    "aria-hidden": d ? void 0 : !0,
+    role: d ? "img" : void 0,
     ref: r,
-    ...T,
+    ...w,
     ...y,
     ...b && o.props,
     ownerState: l,
-    children: [b ? o.props.children : o, p ? /* @__PURE__ */ x.jsx("title", {
-      children: p
+    children: [b ? o.props.children : o, d ? /* @__PURE__ */ x.jsx("title", {
+      children: d
     }) : null]
   });
 });
@@ -4468,15 +4482,15 @@ function dt(e, t) {
 }
 const or = dt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z"
-}), "Notifications"), ms = ({
+}), "Notifications"), gs = ({
   unreadCount: e = 0,
   onClick: t,
   showBadge: r = !0
-}) => /* @__PURE__ */ x.jsx(xt, { onClick: t, color: "inherit", className: "relative", children: r && e > 0 ? /* @__PURE__ */ x.jsx(lo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ x.jsx(or, {}) }) : /* @__PURE__ */ x.jsx(or, {}) }), hs = dt(/* @__PURE__ */ x.jsx("path", {
+}) => /* @__PURE__ */ x.jsx(xt, { onClick: t, color: "inherit", className: "relative", children: r && e > 0 ? /* @__PURE__ */ x.jsx(uo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ x.jsx(or, {}) }) : /* @__PURE__ */ x.jsx(or, {}) }), ys = dt(/* @__PURE__ */ x.jsx("path", {
   d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
-}), "Settings"), gs = dt(/* @__PURE__ */ x.jsx("path", {
+}), "Settings"), bs = dt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
-}), "CheckCircle"), ys = dt(/* @__PURE__ */ x.jsx("path", {
+}), "CheckCircle"), vs = dt(/* @__PURE__ */ x.jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
 }), "Delete"), Bn = ({
   notification: e,
@@ -4486,13 +4500,13 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
 }) => {
   const o = e.read !== !0, i = () => {
     n && n(e);
-  }, c = (p) => {
-    p.stopPropagation(), t && t(e.notificationId);
-  }, u = (p) => {
-    p.stopPropagation(), r && r(e.notificationId);
-  }, f = e.payload || {}, d = e.renderedContent?.inApp?.title || e.renderedContent?.push?.title || f.title || f.message || "Notification", m = e.renderedContent?.inApp?.message || e.renderedContent?.push?.body || f.message || "";
+  }, c = (d) => {
+    d.stopPropagation(), t && t(e.notificationId);
+  }, u = (d) => {
+    d.stopPropagation(), r && r(e.notificationId);
+  }, f = e.payload || {}, p = e.renderedContent?.inApp?.title || e.renderedContent?.push?.title || f.title || f.message || "Notification", m = e.renderedContent?.inApp?.message || e.renderedContent?.push?.body || f.message || "";
   return /* @__PURE__ */ x.jsxs(
-    uo,
+    fo,
     {
       className: `cursor-pointer hover:bg-gray-50 ${o ? "bg-blue-50" : ""}`,
       onClick: i,
@@ -4506,11 +4520,11 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
       children: [
         /* @__PURE__ */ x.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ x.jsx(or, { color: o ? "primary" : "disabled" }) }),
         /* @__PURE__ */ x.jsx(
-          fo,
+          po,
           {
             primary: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ x.jsx("span", { className: "font-medium", children: d }),
-              o && /* @__PURE__ */ x.jsx(po, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
+              /* @__PURE__ */ x.jsx("span", { className: "font-medium", children: p }),
+              o && /* @__PURE__ */ x.jsx(mo, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
             ] }),
             secondary: m,
             primaryTypographyProps: {
@@ -4518,16 +4532,16 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
             }
           }
         ),
-        /* @__PURE__ */ x.jsx(mo, { children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-1", children: [
-          o && /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ x.jsx(gs, { fontSize: "small" }) }),
-          /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" }) })
+        /* @__PURE__ */ x.jsx(ho, { children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-1", children: [
+          o && /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ x.jsx(bs, { fontSize: "small" }) }),
+          /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ x.jsx(vs, { fontSize: "small" }) })
         ] }) })
       ]
     }
   );
-}, bs = dt(/* @__PURE__ */ x.jsx("path", {
+}, Ss = dt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
-}), "NotificationsNone"), vs = ({
+}), "NotificationsNone"), Es = ({
   message: e = "No notifications",
   icon: t
 }) => /* @__PURE__ */ x.jsxs(
@@ -4536,7 +4550,7 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
     className: "flex flex-col items-center justify-center p-8 text-center",
     sx: { minHeight: "200px" },
     children: [
-      t || /* @__PURE__ */ x.jsx(bs, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
+      t || /* @__PURE__ */ x.jsx(Ss, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
       /* @__PURE__ */ x.jsx(Tt, { variant: "body2", color: "text.secondary", children: e })
     ]
   }
@@ -4564,22 +4578,22 @@ function lt(e) {
   var t = Object.prototype.toString.call(e);
   return e instanceof Date || ir(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
-function Ss(e, t) {
+function Cs(e, t) {
   _e(2, arguments);
   var r = lt(e), n = mr(t);
   return isNaN(n) ? /* @__PURE__ */ new Date(NaN) : (n && r.setDate(r.getDate() + n), r);
 }
-var Es = {};
-function Cs() {
-  return Es;
+var xs = {};
+function Ts() {
+  return xs;
 }
 function pn(e, t) {
   var r, n, o, i, c, u;
   _e(1, arguments);
-  var f = Cs(), d = mr((r = (n = (o = (i = void 0) !== null && i !== void 0 ? i : void 0) !== null && o !== void 0 ? o : f.weekStartsOn) !== null && n !== void 0 ? n : (c = f.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : 0);
-  if (!(d >= 0 && d <= 6))
+  var f = Ts(), p = mr((r = (n = (o = (i = void 0) !== null && i !== void 0 ? i : void 0) !== null && o !== void 0 ? o : f.weekStartsOn) !== null && n !== void 0 ? n : (c = f.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : 0);
+  if (!(p >= 0 && p <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var m = lt(e), p = m.getDay(), h = (p < d ? 7 : 0) + p - d;
+  var m = lt(e), d = m.getDay(), h = (d < p ? 7 : 0) + d - p;
   return m.setDate(m.getDate() - h), m.setHours(0, 0, 0, 0), m;
 }
 function mn(e) {
@@ -4592,34 +4606,34 @@ function Fn(e, t) {
   var r = mn(e), n = mn(t);
   return r.getTime() === n.getTime();
 }
-function xs(e, t, r) {
+function ws(e, t, r) {
   _e(2, arguments);
   var n = pn(e, r), o = pn(t, r);
   return n.getTime() === o.getTime();
 }
-function Ts(e, t) {
+function _s(e, t) {
   _e(2, arguments);
   var r = lt(e), n = lt(t);
   return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth();
 }
-function ws(e) {
-  return _e(1, arguments), Ts(Date.now(), e);
+function Os(e) {
+  return _e(1, arguments), _s(Date.now(), e);
 }
-function _s(e, t) {
-  return _e(1, arguments), xs(e, Date.now(), t);
+function Rs(e, t) {
+  return _e(1, arguments), ws(e, Date.now(), t);
 }
-function Os(e) {
+function As(e) {
   return _e(1, arguments), Fn(e, Date.now());
 }
-function Rs(e, t) {
+function ks(e, t) {
   _e(2, arguments);
   var r = mr(t);
-  return Ss(e, -r);
+  return Cs(e, -r);
 }
-function As(e) {
-  return _e(1, arguments), Fn(e, Rs(Date.now(), 1));
+function $s(e) {
+  return _e(1, arguments), Fn(e, ks(Date.now(), 1));
 }
-const ks = ({
+const Ps = ({
   groupLabel: e,
   notifications: t,
   onMarkAsRead: r,
@@ -4639,7 +4653,7 @@ const ks = ({
     i.notificationId
   ))
 ] });
-function $s(e) {
+function Is(e) {
   const t = {
     today: [],
     yesterday: [],
@@ -4649,10 +4663,10 @@ function $s(e) {
   };
   return e.forEach((r) => {
     const n = r.createdAt ? new Date(r.createdAt) : /* @__PURE__ */ new Date();
-    Os(n) ? t.today.push(r) : As(n) ? t.yesterday.push(r) : _s(n) ? t.thisWeek.push(r) : ws(n) ? t.thisMonth.push(r) : t.older.push(r);
+    As(n) ? t.today.push(r) : $s(n) ? t.yesterday.push(r) : Rs(n) ? t.thisWeek.push(r) : Os(n) ? t.thisMonth.push(r) : t.older.push(r);
   }), t;
 }
-function Ps(e) {
+function Ns(e) {
   switch (e) {
     case "today":
       return "Today";
@@ -4668,7 +4682,7 @@ function Ps(e) {
       return e;
   }
 }
-const Is = ({
+const js = ({
   client: e,
   subscriberId: t,
   tenantId: r,
@@ -4679,7 +4693,7 @@ const Is = ({
     push: !0,
     sms: !0,
     in_app: !0
-  }), [c, u] = Te({}), [f, d] = Te(!1);
+  }), [c, u] = Te({}), [f, p] = Te(!1);
   Ze(() => {
     m();
   }, []);
@@ -4695,24 +4709,24 @@ const Is = ({
     } catch (y) {
       console.error("Failed to load preferences:", y);
     }
-  }, p = async (y, b) => {
+  }, d = async (y, b) => {
     const l = { ...o, [y]: b };
     i(l);
     try {
-      d(!0), await e.preferences.update(r, t, {
+      p(!0), await e.preferences.update(r, t, {
         emailEnabled: l.email,
         pushEnabled: l.push,
         smsEnabled: l.sms,
         inAppEnabled: l.in_app
       });
-    } catch (T) {
-      console.error("Failed to update preferences:", T), i((S) => ({ ...S, [y]: !b }));
+    } catch (w) {
+      console.error("Failed to update preferences:", w), i((S) => ({ ...S, [y]: !b }));
     } finally {
-      d(!1);
+      p(!1);
     }
   }, h = async () => {
     try {
-      d(!0), await e.preferences.update(r, t, {
+      p(!0), await e.preferences.update(r, t, {
         emailEnabled: o.email,
         pushEnabled: o.push,
         smsEnabled: o.sms,
@@ -4722,7 +4736,7 @@ const Is = ({
     } catch (y) {
       console.error("Failed to save preferences:", y);
     } finally {
-      d(!1);
+      p(!1);
     }
   };
   return /* @__PURE__ */ x.jsxs(ye, { sx: { p: 3, minWidth: 300 }, children: [
@@ -4736,7 +4750,7 @@ const Is = ({
           ht,
           {
             checked: o.email,
-            onChange: (y) => p("email", y.target.checked),
+            onChange: (y) => d("email", y.target.checked),
             disabled: f
           }
         ),
@@ -4750,7 +4764,7 @@ const Is = ({
           ht,
           {
             checked: o.push,
-            onChange: (y) => p("push", y.target.checked),
+            onChange: (y) => d("push", y.target.checked),
             disabled: f
           }
         ),
@@ -4764,7 +4778,7 @@ const Is = ({
           ht,
           {
             checked: o.sms,
-            onChange: (y) => p("sms", y.target.checked),
+            onChange: (y) => d("sms", y.target.checked),
             disabled: f
           }
         ),
@@ -4778,7 +4792,7 @@ const Is = ({
           ht,
           {
             checked: o.in_app,
-            onChange: (y) => p("in_app", y.target.checked),
+            onChange: (y) => d("in_app", y.target.checked),
             disabled: f
           }
         ),
@@ -4790,7 +4804,7 @@ const Is = ({
       /* @__PURE__ */ x.jsx(Ar, { onClick: h, variant: "contained", size: "small", disabled: f, children: "Save" })
     ] })
   ] });
-}, js = ({
+}, Ds = ({
   notifications: e,
   loading: t = !1,
   error: r = null,
@@ -4800,23 +4814,23 @@ const Is = ({
   subscriberId: c,
   tenantId: u,
   client: f,
-  groupByDate: d = !0
+  groupByDate: p = !0
 }) => {
-  const [m, p] = Te("all"), [h, y] = Te(null), b = m === "unread" ? e.filter((w) => w.read !== !0) : e;
+  const [m, d] = Te("all"), [h, y] = Te(null), b = m === "unread" ? e.filter((T) => T.read !== !0) : e;
   if (t)
-    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(ho, { size: 40 }) });
+    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(go, { size: 40 }) });
   if (r)
-    return /* @__PURE__ */ x.jsx(go, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
+    return /* @__PURE__ */ x.jsx(yo, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
   if (e.length === 0)
-    return /* @__PURE__ */ x.jsx(vs, {});
-  const l = async (w) => {
-    o && await o(w);
-  }, T = async (w) => {
-    i && await i(w);
-  }, S = d ? $s(b) : { all: b };
+    return /* @__PURE__ */ x.jsx(Es, {});
+  const l = async (T) => {
+    o && await o(T);
+  }, w = async (T) => {
+    i && await i(T);
+  }, S = p ? Is(b) : { all: b };
   return /* @__PURE__ */ x.jsxs(ye, { children: [
     /* @__PURE__ */ x.jsxs(ye, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", px: 2, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ x.jsxs(yo, { value: m, onChange: (w, A) => p(A), children: [
+      /* @__PURE__ */ x.jsxs(bo, { value: m, onChange: (T, _) => d(_), children: [
         /* @__PURE__ */ x.jsx(kr, { label: "All", value: "all" }),
         /* @__PURE__ */ x.jsx(kr, { label: "Unread", value: "unread" })
       ] }),
@@ -4825,9 +4839,9 @@ const Is = ({
           xt,
           {
             size: "small",
-            onClick: (w) => y(w.currentTarget),
+            onClick: (T) => y(T.currentTarget),
             title: "Preferences",
-            children: /* @__PURE__ */ x.jsx(hs, { fontSize: "small" })
+            children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" })
           }
         ),
         /* @__PURE__ */ x.jsx(
@@ -4838,7 +4852,7 @@ const Is = ({
             onClose: () => y(null),
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             children: /* @__PURE__ */ x.jsx(
-              Is,
+              js,
               {
                 client: f,
                 subscriberId: c,
@@ -4850,28 +4864,28 @@ const Is = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ x.jsx(bo, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: d ? Object.entries(S).map(([w, A]) => /* @__PURE__ */ x.jsx(
-      ks,
+    /* @__PURE__ */ x.jsx(vo, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: p ? Object.entries(S).map(([T, _]) => /* @__PURE__ */ x.jsx(
+      Ps,
       {
-        groupLabel: Ps(w),
-        notifications: A,
+        groupLabel: Ns(T),
+        notifications: _,
         onMarkAsRead: l,
-        onDelete: T,
+        onDelete: w,
         onClick: n
       },
-      w
-    )) : b.map((w) => /* @__PURE__ */ x.jsx(
+      T
+    )) : b.map((T) => /* @__PURE__ */ x.jsx(
       Bn,
       {
-        notification: w,
+        notification: T,
         onMarkAsRead: l,
-        onDelete: T,
+        onDelete: w,
         onClick: n
       },
-      w.notificationId
+      T.notificationId
     )) })
   ] });
-}, Ls = ({
+}, Ws = ({
   client: e,
   tenantId: t,
   subscriberId: r,
@@ -4881,38 +4895,38 @@ const Is = ({
   showUnreadBadge: c = !0,
   onNotificationClick: u,
   onMarkAsRead: f,
-  onDelete: d,
+  onDelete: p,
   pollInterval: m
 }) => {
-  const [p, h] = Te(null), y = !!p, {
+  const [d, h] = Te(null), y = !!d, {
     notifications: b,
     loading: l,
-    error: T,
+    error: w,
     unreadCount: S,
-    connected: w,
-    markAsRead: A,
+    connected: T,
+    markAsRead: _,
     deleteNotification: $
-  } = No({
+  } = Mo({
     client: e,
     tenantId: t,
     subscriberId: r,
     environmentId: n,
     pollInterval: m
-  }), E = (O) => {
-    h(O.currentTarget);
+  }), E = (R) => {
+    h(R.currentTarget);
   }, q = () => {
     h(null);
-  }, oe = async (O) => {
-    await A(O), f && await f(O);
-  }, ee = async (O) => {
-    await $(O), d && await d(O);
+  }, oe = async (R) => {
+    await _(R), f && await f(R);
+  }, ee = async (R) => {
+    await $(R), p && await p(R);
   }, W = b.slice(0, i), a = () => {
-    const O = {};
-    return o.includes("top") ? O.top = "8px" : O.bottom = "8px", o.includes("right") ? O.right = "8px" : O.left = "8px", O;
+    const R = {};
+    return o.includes("top") ? R.top = "8px" : R.bottom = "8px", o.includes("right") ? R.right = "8px" : R.left = "8px", R;
   };
   return /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
     /* @__PURE__ */ x.jsx(
-      ms,
+      gs,
       {
         unreadCount: S,
         onClick: E,
@@ -4923,7 +4937,7 @@ const Is = ({
       yn,
       {
         open: y,
-        anchorEl: p,
+        anchorEl: d,
         onClose: q,
         anchorOrigin: {
           vertical: o.includes("bottom") ? "bottom" : "top",
@@ -4941,20 +4955,20 @@ const Is = ({
             ...a()
           }
         },
-        children: /* @__PURE__ */ x.jsxs(vo, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
+        children: /* @__PURE__ */ x.jsxs(So, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
           /* @__PURE__ */ x.jsx(ye, { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ x.jsx("h3", { className: "text-lg font-semibold", children: "Notifications" }),
-            w && /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
+            T && /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ x.jsx(ye, { className: "w-2 h-2 bg-green-500 rounded-full", title: "Connected" }),
               /* @__PURE__ */ x.jsx("span", { className: "text-xs text-gray-500", children: "Live" })
             ] })
           ] }) }),
           /* @__PURE__ */ x.jsx(
-            js,
+            Ds,
             {
               notifications: W,
               loading: l,
-              error: T,
+              error: w,
               onNotificationClick: u,
               onMarkAsRead: oe,
               onDelete: ee,
@@ -4968,7 +4982,7 @@ const Is = ({
       }
     )
   ] });
-}, Vs = Mn({
+}, zs = Mn({
   palette: {
     primary: {
       main: "#1E3A8A"
@@ -5025,14 +5039,14 @@ const Is = ({
   }
 });
 export {
-  vs as EmptyState,
-  ms as NotificationBell,
-  Ls as NotificationCenter,
+  Es as EmptyState,
+  gs as NotificationBell,
+  Ws as NotificationCenter,
   Bn as NotificationItem,
-  js as NotificationList,
-  Vs as notificationTheme,
-  No as useNotificationCenter,
-  ko as useNotifications,
+  Ds as NotificationList,
+  zs as notificationTheme,
+  Mo as useNotificationCenter,
+  $o as useNotifications,
   jo as useWebSocket
 };
 //# sourceMappingURL=index.esm.js.map