@edusight/notification-widget 1.0.5 → 1.0.7

package/dist/index.esm.js

@@ -1,28 +1,18 @@
 import * as Ie from "react";
-import yn, { useState as Te, useCallback as $e, useEffect as Ze, useRef as uo } from "react";
-import { IconButton as Tt, Badge as fo, ListItem as po, Box as ye, ListItemText as mo, Chip as ho, ListItemSecondaryAction as go, Typography as wt, Divider as bn, FormControlLabel as ht, Switch as gt, Button as kr, CircularProgress as yo, Alert as bo, Tabs as vo, Tab as $r, Popover as vn, List as So, Paper as Eo } from "@mui/material";
-import { NotificationSocketClient as Co, Channel as xo, NotificationCategory as To, Priority as wo, NotificationStatus as Sn, NotificationType as _o } from "@edusight/notification-sdk";
-import Oo from "@emotion/styled";
+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 "@emotion/react";
-const Pr = typeof queueMicrotask == "function" ? (e) => queueMicrotask(e) : (e) => Promise.resolve().then(e), rt = globalThis.process;
-if (rt)
-  rt.env || (rt.env = {}), typeof rt.nextTick != "function" && (rt.nextTick = Pr);
-else {
-  const e = globalThis;
-  e.process = {
-    env: {},
-    nextTick: Pr
-  };
-}
-function Ro(e) {
+function _o(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var yt = { exports: {} }, nt = {};
-var Ir;
-function Ao() {
-  if (Ir) return nt;
-  Ir = 1;
-  var e = yn, 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 };
+var gt = { exports: {} }, rt = {};
+var $r;
+function Oo() {
+  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);
@@ -30,13 +20,13 @@ function Ao() {
     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 };
   }
-  return nt.Fragment = r, nt.jsx = c, nt.jsxs = c, nt;
+  return rt.Fragment = r, rt.jsx = c, rt.jsxs = c, rt;
 }
-var ot = {};
-var jr;
-function ko() {
-  return jr || (jr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = yn, 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";
+var nt = {};
+var Pr;
+function Ro() {
+  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) {
       if (s === null || typeof s != "object")
         return null;
@@ -313,15 +303,15 @@ function ko() {
         }
       return "";
     }
-    var tt = Object.prototype.hasOwnProperty, gr = {}, yr = S.ReactDebugCurrentFrame;
-    function mt(s) {
+    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);
-        yr.setExtraStackFrame(R);
+        gr.setExtraStackFrame(R);
       } else
-        yr.setExtraStackFrame(null);
+        gr.setExtraStackFrame(null);
     }
-    function Wn(s, v, R, P, H) {
+    function Ln(s, v, R, P, H) {
       {
         var te = Function.call.bind(tt);
         for (var Y in s)
@@ -336,41 +326,41 @@ function ko() {
             } catch (ue) {
               V = ue;
             }
-            V && !(V instanceof Error) && (mt(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), mt(null)), V instanceof Error && !(V.message in gr) && (gr[V.message] = !0, mt(H), w("Failed %s type: %s", R, V.message), mt(null));
+            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));
           }
       }
     }
-    var zn = Array.isArray;
-    function Vt(s) {
-      return zn(s);
+    var Vn = Array.isArray;
+    function Lt(s) {
+      return Vn(s);
     }
-    function Yn(s) {
+    function Wn(s) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, R = v && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return R;
       }
     }
-    function Un(s) {
+    function zn(s) {
       try {
-        return br(s), !1;
+        return yr(s), !1;
       } catch {
         return !0;
       }
     }
-    function br(s) {
+    function yr(s) {
       return "" + s;
     }
-    function vr(s) {
-      if (Un(s))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Yn(s)), br(s);
+    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);
     }
-    var Sr = S.ReactCurrentOwner, Gn = {
+    var vr = S.ReactCurrentOwner, Yn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Er, Cr;
-    function qn(s) {
+    }, Sr, Er;
+    function Un(s) {
       if (tt.call(s, "ref")) {
         var v = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (v && v.isReactWarning)
@@ -378,7 +368,7 @@ function ko() {
       }
       return s.ref !== void 0;
     }
-    function Kn(s) {
+    function Gn(s) {
       if (tt.call(s, "key")) {
         var v = Object.getOwnPropertyDescriptor(s, "key").get;
         if (v && v.isReactWarning)
@@ -386,13 +376,13 @@ function ko() {
       }
       return s.key !== void 0;
     }
-    function Hn(s, v) {
-      typeof s.ref == "string" && Sr.current;
+    function qn(s, v) {
+      typeof s.ref == "string" && vr.current;
     }
-    function Jn(s, v) {
+    function Kn(s, v) {
       {
         var R = function() {
-          Er || (Er = !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));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: R,
@@ -400,10 +390,10 @@ function ko() {
         });
       }
     }
-    function Xn(s, v) {
+    function Hn(s, v) {
       {
         var R = function() {
-          Cr || (Cr = !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));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: R,
@@ -411,7 +401,7 @@ function ko() {
         });
       }
     }
-    var Qn = function(s, v, R, P, H, te, Y) {
+    var Jn = function(s, v, R, P, H, te, Y) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -440,12 +430,12 @@ function ko() {
         value: H
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Zn(s, v, R, P, H) {
+    function Xn(s, v, R, P, H) {
       {
         var te, Y = {}, V = null, he = null;
-        R !== void 0 && (vr(R), V = "" + R), Kn(v) && (vr(v.key), V = "" + v.key), qn(v) && (he = v.ref, Hn(v, H));
+        R !== void 0 && (br(R), V = "" + R), Gn(v) && (br(v.key), V = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
         for (te in v)
-          tt.call(v, te) && !Gn.hasOwnProperty(te) && (Y[te] = v[te]);
+          tt.call(v, te) && !Yn.hasOwnProperty(te) && (Y[te] = v[te]);
         if (s && s.defaultProps) {
           var ue = s.defaultProps;
           for (te in ue)
@@ -453,28 +443,28 @@ function ko() {
         }
         if (V || he) {
           var de = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          V && Jn(Y, de), he && Xn(Y, de);
+          V && Kn(Y, de), he && Hn(Y, de);
         }
-        return Qn(s, V, he, H, P, Sr.current, Y);
+        return Jn(s, V, he, H, P, vr.current, Y);
       }
     }
-    var Wt = S.ReactCurrentOwner, xr = S.ReactDebugCurrentFrame;
+    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);
-        xr.setExtraStackFrame(R);
+        Cr.setExtraStackFrame(R);
       } else
-        xr.setExtraStackFrame(null);
+        Cr.setExtraStackFrame(null);
     }
-    var zt;
-    zt = !1;
-    function Yt(s) {
+    var Wt;
+    Wt = !1;
+    function zt(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function Tr() {
+    function xr() {
       {
-        if (Wt.current) {
-          var s = N(Wt.current.type);
+        if (Vt.current) {
+          var s = N(Vt.current.type);
           if (s)
             return `
 
@@ -483,13 +473,13 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function eo(s) {
+    function Qn(s) {
       return "";
     }
-    var wr = {};
-    function to(s) {
+    var Tr = {};
+    function Zn(s) {
       {
-        var v = Tr();
+        var v = xr();
         if (!v) {
           var R = typeof s == "string" ? s : s.displayName || s.name;
           R && (v = `
@@ -499,39 +489,39 @@ Check the top-level render call using <` + R + ">.");
         return v;
       }
     }
-    function _r(s, v) {
+    function wr(s, v) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var R = to(v);
-        if (wr[R])
+        var R = Zn(v);
+        if (Tr[R])
           return;
-        wr[R] = !0;
+        Tr[R] = !0;
         var P = "";
-        s && s._owner && s._owner !== Wt.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 " + 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);
       }
     }
-    function Or(s, v) {
+    function _r(s, v) {
       {
         if (typeof s != "object")
           return;
-        if (Vt(s))
+        if (Lt(s))
           for (var R = 0; R < s.length; R++) {
             var P = s[R];
-            Yt(P) && _r(P, v);
+            zt(P) && wr(P, v);
           }
-        else if (Yt(s))
+        else if (zt(s))
           s._store && (s._store.validated = !0);
         else if (s) {
           var H = T(s);
           if (typeof H == "function" && H !== s.entries)
             for (var te = H.call(s), Y; !(Y = te.next()).done; )
-              Yt(Y.value) && _r(Y.value, v);
+              zt(Y.value) && wr(Y.value, v);
         }
       }
     }
-    function ro(s) {
+    function eo(s) {
       {
         var v = s.type;
         if (v == null || typeof v == "string")
@@ -547,16 +537,16 @@ Check the top-level render call using <` + R + ">.");
           return;
         if (R) {
           var P = N(v);
-          Wn(R, s.props, "prop", P, s);
-        } else if (v.PropTypes !== void 0 && !zt) {
-          zt = !0;
+          Ln(R, 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");
         }
         typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function no(s) {
+    function to(s) {
       {
         for (var v = Object.keys(s.props), R = 0; R < v.length; R++) {
           var P = v[R];
@@ -568,67 +558,67 @@ Check the top-level render call using <` + R + ">.");
         s.ref !== null && (Ue(s), w("Invalid attribute `ref` supplied to `React.Fragment`."), Ue(null));
       }
     }
-    var Rr = {};
-    function Ar(s, v, R, P, H, te) {
+    var Or = {};
+    function Rr(s, v, R, P, H, te) {
       {
         var Y = a(s);
         if (!Y) {
           var V = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var he = eo();
-          he ? V += he : V += Tr();
+          var he = Qn();
+          he ? V += he : V += xr();
           var ue;
-          s === null ? ue = "null" : Vt(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 = "<" + (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);
         }
-        var de = Zn(s, v, R, H, te);
+        var de = Xn(s, v, R, H, te);
         if (de == null)
           return de;
         if (Y) {
           var Ce = v.children;
           if (Ce !== void 0)
             if (P)
-              if (Vt(Ce)) {
+              if (Lt(Ce)) {
                 for (var Ge = 0; Ge < Ce.length; Ge++)
-                  Or(Ce[Ge], s);
+                  _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.");
             else
-              Or(Ce, s);
+              _r(Ce, s);
         }
         if (tt.call(v, "key")) {
-          var Fe = N(s), ge = Object.keys(v).filter(function(lo) {
-            return lo !== "key";
-          }), Ut = ge.length > 0 ? "{key: someKey, " + ge.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Rr[Fe + Ut]) {
-            var co = ge.length > 0 ? "{" + ge.join(": ..., ") + ": ...}" : "{}";
+          var Fe = N(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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ut, Fe, co, Fe), Rr[Fe + Ut] = !0;
+  <%s key={someKey} {...props} />`, Yt, Fe, ao, Fe), Or[Fe + Yt] = !0;
           }
         }
-        return s === n ? no(de) : ro(de), de;
+        return s === n ? to(de) : eo(de), de;
       }
     }
-    function oo(s, v, R) {
-      return Ar(s, v, R, !0);
+    function ro(s, v, R) {
+      return Rr(s, v, R, !0);
     }
-    function io(s, v, R) {
-      return Ar(s, v, R, !1);
+    function no(s, v, R) {
+      return Rr(s, v, R, !1);
     }
-    var ao = io, so = oo;
-    ot.Fragment = n, ot.jsx = ao, ot.jsxs = so;
-  })()), ot;
+    var oo = no, io = ro;
+    nt.Fragment = n, nt.jsx = oo, nt.jsxs = io;
+  })()), nt;
 }
-var Nr;
-function $o() {
-  return Nr || (Nr = 1, process.env.NODE_ENV === "production" ? yt.exports = Ao() : yt.exports = ko()), yt.exports;
+var Ir;
+function Ao() {
+  return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? gt.exports = Oo() : gt.exports = Ro()), gt.exports;
 }
-var x = $o();
-function Po(e) {
+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 () => {
     try {
       m(!0), h(null);
@@ -688,16 +678,16 @@ function Po(e) {
     deleteNotification: T
   };
 }
-const Io = "edusight:notification-widget:context";
-function jo(e) {
+const $o = "edusight:notification-widget:context";
+function Po(e) {
   try {
     if (typeof window > "u" || !window.localStorage)
       return;
-    window.localStorage.setItem(Io, JSON.stringify(e));
+    window.localStorage.setItem($o, JSON.stringify(e));
   } catch {
   }
 }
-class No {
+class Io {
   constructor(t) {
     this.listeners = /* @__PURE__ */ new Map();
     const r = {
@@ -715,8 +705,8 @@ class No {
       tenantId: t.tenantId,
       subscriberId: t.subscriberId,
       environmentId: t.environmentId
-    }, this.socketClient = new Co(r), this.socketClient.on("connect", () => {
-      jo({
+    }, this.socketClient = new So(r), this.socketClient.on("connect", () => {
+      Po({
         environmentId: t.environmentId,
         subscriberId: t.subscriberId,
         tenantId: t.tenantId
@@ -764,26 +754,26 @@ class No {
     });
   }
   normalizeNotification(t) {
-    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || xo.IN_APP, o = t.renderedContent || {
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || Eo.IN_APP, o = t.renderedContent || {
       inApp: {
         title: t.title,
         message: t.message,
         action: t.action,
         icon: t.icon
       }
-    }, i = t.category ?? To.REAL_TIME;
+    }, i = t.category ?? Co.REAL_TIME;
     return {
       notificationId: t.notificationId,
       tenantId: this.context.tenantId,
       subscriberId: this.context.subscriberId,
       templateId: t.templateId ?? "",
-      type: t.type || _o.CUSTOM,
+      type: t.type || To.CUSTOM,
       category: i,
       channels: [n],
       payload: t.data || {},
       renderedContent: o,
-      status: Sn.PENDING,
-      priority: wo.MEDIUM,
+      status: bn.PENDING,
+      priority: xo.MEDIUM,
       scheduledFor: void 0,
       sentAt: void 0,
       retryCount: void 0,
@@ -795,7 +785,7 @@ class No {
     };
   }
 }
-function Do(e) {
+function jo(e) {
   const {
     client: t,
     tenantId: r,
@@ -803,11 +793,11 @@ function Do(e) {
     environmentId: o,
     enabled: i = !0,
     autoAck: c = !1
-  } = e, [u, f] = Te(!1), [d, m] = Te(null), p = uo(null);
+  } = e, [u, f] = Te(!1), [d, m] = Te(null), p = co(null);
   Ze(() => {
     if (!i)
       return;
-    const S = new No({
+    const S = new Io({
       client: t,
       tenantId: r,
       subscriberId: n,
@@ -853,7 +843,7 @@ function Do(e) {
     error: d
   };
 }
-function Mo(e) {
+function No(e) {
   const {
     client: t,
     tenantId: r,
@@ -875,7 +865,7 @@ function Mo(e) {
     environmentId: o,
     enabled: !0,
     autoAck: u
-  }, m = Po(f), p = Do(d), [h, y] = Te(m.notifications);
+  }, m = ko(f), p = jo(d), [h, y] = Te(m.notifications);
   return Ze(() => {
     y(m.notifications);
   }, [m.notifications]), Ze(() => {
@@ -884,7 +874,7 @@ function Mo(e) {
     }), l = p.onAck((T) => {
       y(
         (S) => S.map(
-          (w) => w.notificationId === T.notificationId ? { ...w, status: Sn.DELIVERED } : w
+          (w) => w.notificationId === T.notificationId ? { ...w, status: bn.DELIVERED } : w
         )
       );
     });
@@ -902,11 +892,11 @@ function Mo(e) {
     deleteNotification: m.deleteNotification
   };
 }
-var bt = { exports: {} }, Q = {};
-var Dr;
-function Bo() {
-  if (Dr) return Q;
-  Dr = 1;
+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");
   function b(l) {
     if (typeof l == "object" && l !== null) {
@@ -968,9 +958,9 @@ function Bo() {
   }, Q.typeOf = b, Q;
 }
 var Z = {};
-var Mr;
-function Fo() {
-  return Mr || (Mr = 1, process.env.NODE_ENV !== "production" && (function() {
+var Nr;
+function Mo() {
+  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (typeof l == "object" && l !== null) {
         var T = l.$$typeof;
@@ -1032,23 +1022,23 @@ function Fo() {
     }, Z.typeOf = e;
   })()), Z;
 }
-var Br;
-function Lo() {
-  return Br || (Br = 1, process.env.NODE_ENV === "production" ? bt.exports = /* @__PURE__ */ Bo() : bt.exports = /* @__PURE__ */ Fo()), bt.exports;
+var Dr;
+function Bo() {
+  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? yt.exports = /* @__PURE__ */ Do() : yt.exports = /* @__PURE__ */ Mo()), yt.exports;
 }
-var _t = /* @__PURE__ */ Lo();
+var wt = /* @__PURE__ */ Bo();
 function Ae(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function En(e) {
-  if (/* @__PURE__ */ Ie.isValidElement(e) || _t.isValidElementType(e) || !Ae(e))
+function vn(e) {
+  if (/* @__PURE__ */ Ie.isValidElement(e) || wt.isValidElementType(e) || !Ae(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = En(e[r]);
+    t[r] = vn(e[r]);
   }), t;
 }
 function Se(e, t, r = {
@@ -1058,15 +1048,15 @@ function Se(e, t, r = {
     ...e
   } : e;
   return Ae(e) && Ae(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ Ie.isValidElement(t[o]) || _t.isValidElementType(t[o]) ? n[o] = t[o] : Ae(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && Ae(e[o]) ? n[o] = Se(e[o], t[o], r) : r.clone ? n[o] = Ae(t[o]) ? En(t[o]) : t[o] : n[o] = t[o];
+    /* @__PURE__ */ Ie.isValidElement(t[o]) || wt.isValidElementType(t[o]) ? n[o] = t[o] : Ae(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && Ae(e[o]) ? n[o] = Se(e[o], t[o], r) : r.clone ? n[o] = Ae(t[o]) ? vn(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
-var vt = { exports: {} }, St = { exports: {} }, J = {};
-var Fr;
-function Vo() {
-  if (Fr) return J;
-  Fr = 1;
+var bt = { exports: {} }, vt = { exports: {} }, J = {};
+var Mr;
+function Fo() {
+  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) {
     if (typeof E == "object" && E !== null) {
@@ -1130,9 +1120,9 @@ function Vo() {
   }, J.typeOf = A, J;
 }
 var X = {};
-var Lr;
-function Wo() {
-  return Lr || (Lr = 1, process.env.NODE_ENV !== "production" && (function() {
+var Br;
+function Lo() {
+  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.
@@ -1213,14 +1203,14 @@ function Wo() {
     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;
 }
-var Vr;
-function Cn() {
-  return Vr || (Vr = 1, process.env.NODE_ENV === "production" ? St.exports = Vo() : St.exports = Wo()), St.exports;
+var Fr;
+function Sn() {
+  return Fr || (Fr = 1, process.env.NODE_ENV === "production" ? vt.exports = Fo() : vt.exports = Lo()), vt.exports;
 }
-var Gt, Wr;
-function zo() {
-  if (Wr) return Gt;
-  Wr = 1;
+var Ut, Lr;
+function Vo() {
+  if (Lr) return Ut;
+  Lr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(i) {
     if (i == null)
@@ -1249,7 +1239,7 @@ function zo() {
       return !1;
     }
   }
-  return Gt = o() ? Object.assign : function(i, c) {
+  return Ut = o() ? Object.assign : function(i, c) {
     for (var u, f = n(i), d, m = 1; m < arguments.length; m++) {
       u = Object(arguments[m]);
       for (var p in u)
@@ -1261,27 +1251,27 @@ function zo() {
       }
     }
     return f;
-  }, Gt;
+  }, Ut;
 }
-var qt, zr;
-function sr() {
-  if (zr) return qt;
-  zr = 1;
+var Gt, Vr;
+function ar() {
+  if (Vr) return Gt;
+  Vr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return qt = e, qt;
+  return Gt = e, Gt;
 }
-var Kt, Yr;
-function xn() {
-  return Yr || (Yr = 1, Kt = Function.call.bind(Object.prototype.hasOwnProperty)), Kt;
+var qt, Wr;
+function En() {
+  return Wr || (Wr = 1, qt = Function.call.bind(Object.prototype.hasOwnProperty)), qt;
 }
-var Ht, Ur;
-function Yo() {
-  if (Ur) return Ht;
-  Ur = 1;
+var Kt, zr;
+function Wo() {
+  if (zr) return Kt;
+  zr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = /* @__PURE__ */ sr(), r = {}, n = /* @__PURE__ */ xn();
+    var t = /* @__PURE__ */ ar(), r = {}, n = /* @__PURE__ */ En();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -1321,13 +1311,13 @@ function Yo() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, Ht = o, Ht;
+  }, Kt = o, Kt;
 }
-var Jt, Gr;
-function Uo() {
-  if (Gr) return Jt;
-  Gr = 1;
-  var e = Cn(), t = zo(), r = /* @__PURE__ */ sr(), n = /* @__PURE__ */ xn(), o = /* @__PURE__ */ Yo(), i = function() {
+var Ht, Yr;
+function zo() {
+  if (Yr) return Ht;
+  Yr = 1;
+  var e = Sn(), t = Vo(), r = /* @__PURE__ */ ar(), n = /* @__PURE__ */ En(), o = /* @__PURE__ */ Wo(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var f = "Warning: " + u;
@@ -1340,7 +1330,7 @@ function Uo() {
   function c() {
     return null;
   }
-  return Jt = function(u, f) {
+  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]);
@@ -1642,18 +1632,18 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
       return !C.constructor || !C.constructor.name ? h : C.constructor.name;
     }
     return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
-  }, Jt;
+  }, Ht;
 }
-var Xt, qr;
-function Go() {
-  if (qr) return Xt;
-  qr = 1;
-  var e = /* @__PURE__ */ sr();
+var Jt, Ur;
+function Yo() {
+  if (Ur) return Jt;
+  Ur = 1;
+  var e = /* @__PURE__ */ ar();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, Xt = function() {
+  return r.resetWarningCache = t, Jt = function() {
     function n(c, u, f, d, m, p) {
       if (p !== e) {
         var h = new Error(
@@ -1690,43 +1680,43 @@ function Go() {
       resetWarningCache: t
     };
     return i.PropTypes = i, i;
-  }, Xt;
-}
-var Kr;
-function qo() {
-  if (Kr) return vt.exports;
-  if (Kr = 1, process.env.NODE_ENV !== "production") {
-    var e = Cn(), t = !0;
-    vt.exports = /* @__PURE__ */ Uo()(e.isElement, t);
+  }, Jt;
+}
+var Gr;
+function Uo() {
+  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);
   } else
-    vt.exports = /* @__PURE__ */ Go()();
-  return vt.exports;
+    bt.exports = /* @__PURE__ */ Yo()();
+  return bt.exports;
 }
-var Ko = /* @__PURE__ */ qo();
-const K = /* @__PURE__ */ Ro(Ko);
+var Go = /* @__PURE__ */ Uo();
+const K = /* @__PURE__ */ _o(Go);
 function je(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
-function Tn(e, t = "") {
+function Cn(e, t = "") {
   return e.displayName || e.name || t;
 }
-function Hr(e, t, r) {
-  const n = Tn(t);
+function qr(e, t, r) {
+  const n = Cn(t);
   return e.displayName || (n !== "" ? `${r}(${n})` : r);
 }
-function Ho(e) {
+function qo(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return Tn(e, "Component");
+      return Cn(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case _t.ForwardRef:
-          return Hr(e, e.render, "ForwardRef");
-        case _t.Memo:
-          return Hr(e, e.type, "memo");
+        case wt.ForwardRef:
+          return qr(e, e.render, "ForwardRef");
+        case wt.Memo:
+          return qr(e, e.type, "memo");
         default:
           return;
       }
@@ -1737,7 +1727,7 @@ function We(e) {
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : je(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function rr(e, t) {
+function tr(e, t) {
   const r = {
     ...t
   };
@@ -1762,14 +1752,14 @@ function rr(e, t) {
           for (const u in i)
             if (Object.prototype.hasOwnProperty.call(i, u)) {
               const f = u;
-              r[o][f] = rr(i[f], c[f]);
+              r[o][f] = tr(i[f], c[f]);
             }
         }
       } else r[o] === void 0 && (r[o] = e[o]);
     }
   return r;
 }
-function Jo(e, t, r = void 0) {
+function Ko(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const i = e[o];
@@ -1782,8 +1772,8 @@ function Jo(e, t, r = void 0) {
   }
   return n;
 }
-const Jr = (e) => e, Xo = () => {
-  let e = Jr;
+const Kr = (e) => e, Ho = () => {
+  let e = Kr;
   return {
     configure(t) {
       e = t;
@@ -1792,10 +1782,10 @@ const Jr = (e) => e, Xo = () => {
       return e(t);
     },
     reset() {
-      e = Jr;
+      e = Kr;
     }
   };
-}, Qo = Xo(), Zo = {
+}, Jo = Ho(), Xo = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1809,40 +1799,40 @@ const Jr = (e) => e, Xo = () => {
   required: "required",
   selected: "selected"
 };
-function cr(e, t, r = "Mui") {
-  const n = Zo[t];
-  return n ? `${r}-${n}` : `${Qo.generate(e)}-${t}`;
+function sr(e, t, r = "Mui") {
+  const n = Xo[t];
+  return n ? `${r}-${n}` : `${Jo.generate(e)}-${t}`;
 }
-function ei(e, t, r = "Mui") {
+function Qo(e, t, r = "Mui") {
   const n = {};
   return t.forEach((o) => {
-    n[o] = cr(e, o, r);
+    n[o] = sr(e, o, r);
   }), n;
 }
-function ti(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function Zo(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function wn(e) {
+function xn(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (r = wn(e[t])) && (n && (n += " "), n += r);
+    for (t = 0; t < o; t++) e[t] && (r = xn(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function ri() {
-  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = wn(e)) && (n && (n += " "), n += t);
+function ei() {
+  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;
 }
-function ct(e, t) {
+function st(e, t) {
   return t ? Se(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
 const De = process.env.NODE_ENV !== "production" ? K.oneOfType([K.number, K.string, K.object, K.array]) : {};
-function Xr(e, t) {
+function Hr(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -1856,10 +1846,10 @@ function Xr(e, t) {
     ...t
   }) : t;
 }
-function ni(e, t) {
+function ti(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function oi(e, t) {
+function ri(e, t) {
   const r = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!r) {
     if (process.env.NODE_ENV !== "production")
@@ -1870,7 +1860,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : je(18, `(${t})`));
   const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(i);
 }
-function ii(e) {
+function ni(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) => {
@@ -1884,7 +1874,7 @@ function ii(e) {
     containerQueries: o
   };
 }
-const kt = {
+const At = {
   xs: 0,
   // phone
   sm: 600,
@@ -1895,15 +1885,15 @@ const kt = {
   // desktop
   xl: 1536
   // large screen
-}, Qr = {
+}, Jr = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${kt[e]}px)`
-}, ai = {
+  up: (e) => `@media (min-width:${At[e]}px)`
+}, oi = {
   containerQueries: (e) => ({
     up: (t) => {
-      let r = typeof t == "number" ? t : kt[t] || t;
+      let r = typeof t == "number" ? t : At[t] || t;
       return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
     }
   })
@@ -1911,16 +1901,16 @@ const kt = {
 function ke(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || Qr;
+    const i = n.breakpoints || Jr;
     return t.reduce((c, u, f) => (c[i.up(i.keys[f])] = r(t[f]), c), {});
   }
   if (typeof t == "object") {
-    const i = n.breakpoints || Qr;
+    const i = n.breakpoints || Jr;
     return Object.keys(t).reduce((c, u) => {
-      if (ni(i.keys, u)) {
-        const f = oi(n.containerQueries ? n : ai, u);
+      if (ti(i.keys, u)) {
+        const f = ri(n.containerQueries ? n : oi, u);
         f && (c[f] = r(t[u], u));
-      } else if (Object.keys(i.values || kt).includes(u)) {
+      } else if (Object.keys(i.values || At).includes(u)) {
         const f = i.up(u);
         c[f] = r(t[u], u);
       } else {
@@ -1932,19 +1922,19 @@ function ke(e, t, r) {
   }
   return r(t);
 }
-function si(e = {}) {
+function ii(e = {}) {
   return e.keys?.reduce((r, n) => {
     const o = e.up(n);
     return r[o] = {}, r;
   }, {}) || {};
 }
-function Zr(e, t) {
+function Xr(e, t) {
   return e.reduce((r, n) => {
     const o = r[n];
     return (!o || Object.keys(o).length === 0) && delete r[n], r;
   }, t);
 }
-function $t(e, t, r = !0) {
+function kt(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -1954,9 +1944,9 @@ function $t(e, t, r = !0) {
   }
   return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function Ot(e, t, r, n = r) {
+function _t(e, t, r, n = r) {
   let o;
-  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = $t(e, r) || n, t && (o = t(o, n, e)), o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = kt(e, r) || n, t && (o = t(o, n, e)), o;
 }
 function fe(e) {
   const {
@@ -1967,10 +1957,10 @@ function fe(e) {
   } = e, i = (c) => {
     if (c[t] == null)
       return null;
-    const u = c[t], f = c.theme, d = $t(f, n) || {};
+    const u = c[t], f = c.theme, d = kt(f, n) || {};
     return ke(c, u, (p) => {
-      let h = Ot(d, o, p);
-      return p === h && typeof p == "string" && (h = Ot(d, o, `${t}${p === "default" ? "" : We(p)}`, p)), r === !1 ? h : {
+      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 : {
         [r]: h
       };
     });
@@ -1979,36 +1969,36 @@ function fe(e) {
     [t]: De
   } : {}, i.filterProps = [t], i;
 }
-function ci(e) {
+function ai(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const li = {
+const si = {
   m: "margin",
   p: "padding"
-}, ui = {
+}, ci = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, en = {
+}, Qr = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, fi = ci((e) => {
+}, li = ai((e) => {
   if (e.length > 2)
-    if (en[e])
-      e = en[e];
+    if (Qr[e])
+      e = Qr[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = li[t], o = ui[r] || "";
+  const [t, r] = e.split(""), n = si[t], o = ci[r] || "";
   return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
-}), Pt = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], It = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], di = [...Pt, ...It];
-function ft(e, t, r, n) {
-  const o = $t(e, t, !0) ?? r;
+}), $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];
+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) => {
     if (typeof i == "string")
       return i;
@@ -2022,40 +2012,40 @@ function ft(e, t, r, n) {
 `)), () => {
   });
 }
-function lr(e) {
-  return ft(e, "spacing", 8, "spacing");
+function cr(e) {
+  return ut(e, "spacing", 8, "spacing");
 }
-function dt(e, t) {
+function ft(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function pi(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = dt(t, r), n), {});
+function fi(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = ft(t, r), n), {});
 }
-function mi(e, t, r, n) {
+function di(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = fi(r), i = pi(o, n), c = e[r];
+  const o = li(r), i = fi(o, n), c = e[r];
   return ke(e, c, i);
 }
-function _n(e, t) {
-  const r = lr(e.theme);
-  return Object.keys(e).map((n) => mi(e, t, n, r)).reduce(ct, {});
+function Tn(e, t) {
+  const r = cr(e.theme);
+  return Object.keys(e).map((n) => di(e, t, n, r)).reduce(st, {});
 }
 function se(e) {
-  return _n(e, Pt);
+  return Tn(e, $t);
 }
-se.propTypes = process.env.NODE_ENV !== "production" ? Pt.reduce((e, t) => (e[t] = De, e), {}) : {};
-se.filterProps = Pt;
+se.propTypes = process.env.NODE_ENV !== "production" ? $t.reduce((e, t) => (e[t] = De, e), {}) : {};
+se.filterProps = $t;
 function ce(e) {
-  return _n(e, It);
+  return Tn(e, Pt);
 }
-ce.propTypes = process.env.NODE_ENV !== "production" ? It.reduce((e, t) => (e[t] = De, e), {}) : {};
-ce.filterProps = It;
-process.env.NODE_ENV !== "production" && di.reduce((e, t) => (e[t] = De, e), {});
-function jt(...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), {});
+function It(...e) {
   const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
     n[i] = o;
-  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? ct(o, t[i](n)) : o, {});
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? st(o, t[i](n)) : o, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
 }
 function xe(e) {
@@ -2068,107 +2058,107 @@ function we(e, t) {
     transform: t
   });
 }
-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) => {
+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) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = ft(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: dt(t, n)
+    const t = ut(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: ft(t, n)
     });
     return ke(e, e.borderRadius, r);
   }
   return null;
 };
-Nt.propTypes = process.env.NODE_ENV !== "production" ? {
+jt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: De
 } : {};
-Nt.filterProps = ["borderRadius"];
-jt(hi, gi, yi, bi, vi, Si, Ei, Ci, xi, Ti, Nt, wi, _i);
-const Dt = (e) => {
+jt.filterProps = ["borderRadius"];
+It(pi, mi, hi, gi, yi, bi, vi, Si, Ei, Ci, jt, xi, Ti);
+const Nt = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const t = ft(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: dt(t, n)
+    const t = ut(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: ft(t, n)
     });
     return ke(e, e.gap, r);
   }
   return null;
 };
-Dt.propTypes = process.env.NODE_ENV !== "production" ? {
+Nt.propTypes = process.env.NODE_ENV !== "production" ? {
   gap: De
 } : {};
-Dt.filterProps = ["gap"];
-const Mt = (e) => {
+Nt.filterProps = ["gap"];
+const Dt = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = ft(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: dt(t, n)
+    const t = ut(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: ft(t, n)
     });
     return ke(e, e.columnGap, r);
   }
   return null;
 };
-Mt.propTypes = process.env.NODE_ENV !== "production" ? {
+Dt.propTypes = process.env.NODE_ENV !== "production" ? {
   columnGap: De
 } : {};
-Mt.filterProps = ["columnGap"];
-const Bt = (e) => {
+Dt.filterProps = ["columnGap"];
+const Mt = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = ft(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: dt(t, n)
+    const t = ut(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: ft(t, n)
     });
     return ke(e, e.rowGap, r);
   }
   return null;
 };
-Bt.propTypes = process.env.NODE_ENV !== "production" ? {
+Mt.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: De
 } : {};
-Bt.filterProps = ["rowGap"];
-const Oi = fe({
+Mt.filterProps = ["rowGap"];
+const wi = fe({
   prop: "gridColumn"
-}), Ri = fe({
+}), _i = fe({
   prop: "gridRow"
-}), Ai = fe({
+}), Oi = fe({
   prop: "gridAutoFlow"
-}), ki = fe({
+}), Ri = fe({
   prop: "gridAutoColumns"
-}), $i = fe({
+}), Ai = fe({
   prop: "gridAutoRows"
-}), Pi = fe({
+}), ki = fe({
   prop: "gridTemplateColumns"
-}), Ii = fe({
+}), $i = fe({
   prop: "gridTemplateRows"
-}), ji = fe({
+}), Pi = fe({
   prop: "gridTemplateAreas"
-}), Ni = fe({
+}), Ii = fe({
   prop: "gridArea"
 });
-jt(Dt, Mt, Bt, Oi, Ri, Ai, ki, $i, Pi, Ii, ji, Ni);
+It(Nt, Dt, Mt, wi, _i, Oi, Ri, Ai, ki, $i, Pi, Ii);
 function Qe(e, t) {
   return t === "grey" ? t : e;
 }
-const Di = fe({
+const ji = fe({
   prop: "color",
   themeKey: "palette",
   transform: Qe
-}), Mi = fe({
+}), Ni = fe({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Qe
-}), Bi = fe({
+}), Di = fe({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Qe
 });
-jt(Di, Mi, Bi);
+It(ji, Ni, Di);
 function ve(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Fi = fe({
+const Mi = fe({
   prop: "width",
   transform: ve
-}), ur = (e) => {
+}), lr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
-      const n = e.theme?.breakpoints?.values?.[r] || kt[r];
+      const n = e.theme?.breakpoints?.values?.[r] || At[r];
       return n ? e.theme?.breakpoints?.unit !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
@@ -2181,17 +2171,17 @@ const Fi = fe({
   }
   return null;
 };
-ur.filterProps = ["maxWidth"];
-const Li = fe({
+lr.filterProps = ["maxWidth"];
+const Bi = fe({
   prop: "minWidth",
   transform: ve
-}), Vi = fe({
+}), Fi = fe({
   prop: "height",
   transform: ve
-}), Wi = fe({
+}), Li = fe({
   prop: "maxHeight",
   transform: ve
-}), zi = fe({
+}), Vi = fe({
   prop: "minHeight",
   transform: ve
 });
@@ -2205,11 +2195,11 @@ fe({
   cssProperty: "height",
   transform: ve
 });
-const Yi = fe({
+const Wi = fe({
   prop: "boxSizing"
 });
-jt(Fi, ur, Li, Vi, Wi, zi, Yi);
-const Ft = {
+It(Mi, lr, Bi, Fi, Li, Vi, Wi);
+const Bt = {
   // borders
   border: {
     themeKey: "borders",
@@ -2255,7 +2245,7 @@ const Ft = {
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: Nt
+    style: jt
   },
   // palette
   color: {
@@ -2422,13 +2412,13 @@ const Ft = {
   justifySelf: {},
   // grid
   gap: {
-    style: Dt
+    style: Nt
   },
   rowGap: {
-    style: Bt
+    style: Mt
   },
   columnGap: {
-    style: Mt
+    style: Dt
   },
   gridColumn: {},
   gridRow: {},
@@ -2457,7 +2447,7 @@ const Ft = {
     transform: ve
   },
   maxWidth: {
-    style: ur
+    style: lr
   },
   minWidth: {
     transform: ve
@@ -2497,14 +2487,14 @@ const Ft = {
     themeKey: "typography"
   }
 };
-function Ui(...e) {
+function zi(...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 Gi(e, t) {
+function Yi(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function qi() {
+function Ui() {
   function e(r, n, o, i) {
     const c = {
       [r]: n,
@@ -2526,10 +2516,10 @@ function qi() {
       return {
         [r]: n
       };
-    const h = $t(o, d) || {};
+    const h = kt(o, d) || {};
     return p ? p(c) : ke(c, n, (b) => {
-      let l = Ot(h, m, b);
-      return b === l && typeof b == "string" && (l = Ot(h, m, `${r}${b === "default" ? "" : We(b)}`, b)), f === !1 ? l : {
+      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
       };
     });
@@ -2542,7 +2532,7 @@ function qi() {
     } = r || {};
     if (!n)
       return null;
-    const c = o.unstable_sxConfig ?? Ft;
+    const c = o.unstable_sxConfig ?? Bt;
     function u(f) {
       let d = f;
       if (typeof f == "function")
@@ -2551,39 +2541,39 @@ function qi() {
         return f;
       if (!d)
         return null;
-      const m = si(o.breakpoints), p = Object.keys(m);
+      const m = ii(o.breakpoints), p = Object.keys(m);
       let h = m;
       return Object.keys(d).forEach((y) => {
-        const b = Gi(d[y], o);
+        const b = Yi(d[y], o);
         if (b != null)
           if (typeof b == "object")
             if (c[y])
-              h = ct(h, e(y, b, o, c));
+              h = st(h, e(y, b, o, c));
             else {
               const l = ke({
                 theme: o
               }, b, (T) => ({
                 [y]: T
               }));
-              Ui(l, b) ? h[y] = t({
+              zi(l, b) ? h[y] = t({
                 sx: b,
                 theme: o,
                 nested: !0
-              }) : h = ct(h, l);
+              }) : h = st(h, l);
             }
           else
-            h = ct(h, e(y, b, o, c));
+            h = st(h, e(y, b, o, c));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": Xr(o, Zr(p, h))
-      } : Xr(o, Zr(p, h));
+        "@layer sx": Hr(o, Xr(p, h))
+      } : Hr(o, Xr(p, h));
     }
     return Array.isArray(n) ? n.map(u) : u(n);
   }
   return t;
 }
-const et = qi();
+const et = Ui();
 et.filterProps = ["sx"];
-function Ki(e) {
+function Gi(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: */
@@ -2602,7 +2592,7 @@ function Ki(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var Hi = {
+var qi = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -2652,24 +2642,24 @@ var Hi = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Ji(e) {
+function Ki(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Xi = /[A-Z]|^ms/g, Qi = /_EMO_([^_]+?)_([^]*?)_EMO_/g, On = function(t) {
+var Hi = /[A-Z]|^ms/g, Ji = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
   return t.charCodeAt(1) === 45;
-}, tn = function(t) {
+}, Zr = function(t) {
   return t != null && typeof t != "boolean";
-}, Qt = /* @__PURE__ */ Ji(function(e) {
-  return On(e) ? e : e.replace(Xi, "-$&").toLowerCase();
-}), rn = function(t, r) {
+}, Xt = /* @__PURE__ */ Ki(function(e) {
+  return wn(e) ? e : e.replace(Hi, "-$&").toLowerCase();
+}), en = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Qi, function(n, o, i) {
+        return r.replace(Ji, function(n, o, i) {
           return Pe = {
             name: o,
             styles: i,
@@ -2677,9 +2667,9 @@ var Xi = /[A-Z]|^ms/g, Qi = /_EMO_([^_]+?)_([^]*?)_EMO_/g, On = function(t) {
           }, o;
         });
   }
-  return Hi[t] !== 1 && !On(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return qi[t] !== 1 && !wn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Rt(e, t, r) {
+function Ot(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -2709,32 +2699,32 @@ function Rt(e, t, r) {
         var u = i.styles + ";";
         return u;
       }
-      return Zi(e, t, r);
+      return Xi(e, t, r);
     }
   }
   var f = r;
   return f;
 }
-function Zi(e, t, r) {
+function Xi(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
-      n += Rt(e, t, r[o]) + ";";
+      n += Ot(e, t, r[o]) + ";";
   else
     for (var i in r) {
       var c = r[i];
       if (typeof c != "object") {
         var u = c;
-        tn(u) && (n += Qt(i) + ":" + rn(i, u) + ";");
+        Zr(u) && (n += Xt(i) + ":" + en(i, u) + ";");
       } else if (Array.isArray(c) && typeof c[0] == "string" && t == null)
         for (var f = 0; f < c.length; f++)
-          tn(c[f]) && (n += Qt(i) + ":" + rn(i, c[f]) + ";");
+          Zr(c[f]) && (n += Xt(i) + ":" + en(i, c[f]) + ";");
       else {
-        var d = Rt(e, t, c);
+        var d = Ot(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Qt(i) + ":" + d + ";";
+            n += Xt(i) + ":" + d + ";";
             break;
           }
           default:
@@ -2744,50 +2734,50 @@ function Zi(e, t, r) {
     }
   return n;
 }
-var nn = /label:\s*([^\s;{]+)\s*(;|$)/g, Pe;
-function ea(e, t, r) {
+var tn = /label:\s*([^\s;{]+)\s*(;|$)/g, Pe;
+function Qi(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 = "";
   Pe = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, o += Rt(r, t, i);
+    n = !1, o += Ot(r, t, i);
   else {
     var c = i;
     o += c[0];
   }
   for (var u = 1; u < e.length; u++)
-    if (o += Rt(r, t, e[u]), n) {
+    if (o += Ot(r, t, e[u]), n) {
       var f = i;
       o += f[u];
     }
-  nn.lastIndex = 0;
-  for (var d = "", m; (m = nn.exec(o)) !== null; )
+  tn.lastIndex = 0;
+  for (var d = "", m; (m = tn.exec(o)) !== null; )
     d += "-" + m[1];
-  var p = Ki(o) + d;
+  var p = Gi(o) + d;
   return {
     name: p,
     styles: o,
     next: Pe
   };
 }
-function ta(e, t) {
-  const r = Oo(e, t);
+function Zi(e, t) {
+  const r = wo(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 ra(e, t) {
+function ea(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const on = [];
+const rn = [];
 function Ve(e) {
-  return on[0] = e, ea(on);
+  return rn[0] = e, Qi(rn);
 }
-const na = (e) => {
+const ta = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -2797,7 +2787,7 @@ const na = (e) => {
     [n.key]: n.val
   }), {});
 };
-function oa(e) {
+function ra(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -2816,7 +2806,7 @@ function oa(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, i = na(t), c = Object.keys(i);
+  } = e, i = ta(t), c = Object.keys(i);
   function u(h) {
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
   }
@@ -2846,10 +2836,10 @@ function oa(e) {
     ...o
   };
 }
-const ia = {
+const na = {
   borderRadius: 4
 };
-function Rn(e = 8, t = lr({
+function _n(e = 8, t = cr({
   spacing: e
 })) {
   if (e.mui)
@@ -2860,7 +2850,7 @@ function Rn(e = 8, t = lr({
   }).join(" "));
   return r.mui = !0, r;
 }
-function aa(e, t) {
+function oa(e, t) {
   const r = this;
   if (r.vars) {
     if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
@@ -2872,14 +2862,14 @@ function aa(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function An(e = {}, ...t) {
+function On(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: i = {},
     ...c
-  } = e, u = oa(r), f = Rn(o);
+  } = e, u = ra(r), f = _n(o);
   let d = Se({
     breakpoints: u,
     direction: "ltr",
@@ -2891,12 +2881,12 @@ function An(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...ia,
+      ...na,
       ...i
     }
   }, c);
-  return d = ii(d), d.applyStyles = aa, d = t.reduce((m, p) => Se(m, p), d), d.unstable_sxConfig = {
-    ...Ft,
+  return d = ni(d), d.applyStyles = oa, d = t.reduce((m, p) => Se(m, p), d), d.unstable_sxConfig = {
+    ...Bt,
     ...c?.unstable_sxConfig
   }, d.unstable_sx = function(p) {
     return et({
@@ -2905,7 +2895,7 @@ function An(e = {}, ...t) {
     });
   }, d;
 }
-function kn(e) {
+function Rn(e) {
   const {
     variants: t,
     ...r
@@ -2918,23 +2908,23 @@ function kn(e) {
     typeof o.style != "function" && (o.style = Ve(o.style));
   }), n;
 }
-const sa = An();
-function Zt(e) {
+const ia = 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 ca(e) {
+function aa(e) {
   return e ? (t, r) => r[e] : null;
 }
-function la(e, t, r) {
-  e.theme = pa(e.theme) ? r : e.theme[t] || e.theme;
+function sa(e, t, r) {
+  e.theme = fa(e.theme) ? r : e.theme[t] || e.theme;
 }
-function xt(e, t, r) {
+function Ct(e, t, r) {
   const n = typeof t == "function" ? t(e) : t;
   if (Array.isArray(n))
-    return n.flatMap((o) => xt(e, o, r));
+    return n.flatMap((o) => Ct(e, o, r));
   if (Array.isArray(n?.variants)) {
     let o;
     if (n.isProcessed)
@@ -2946,11 +2936,11 @@ function xt(e, t, r) {
       } = n;
       o = r ? Le(Ve(c), r) : c;
     }
-    return $n(e, n.variants, [o], r);
+    return An(e, n.variants, [o], r);
   }
   return n?.isProcessed ? r ? Le(Ve(n.style), r) : n.style : r ? Le(Ve(n), r) : n;
 }
-function $n(e, t, r = [], n = void 0) {
+function An(e, t, r = [], n = void 0) {
   let o;
   e: for (let i = 0; i < t.length; i += 1) {
     const c = t[i];
@@ -2973,18 +2963,18 @@ function $n(e, t, r = [], n = void 0) {
   }
   return r;
 }
-function ua(e = {}) {
+function ca(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = sa,
-    rootShouldForwardProp: n = Zt,
-    slotShouldForwardProp: o = Zt
+    defaultTheme: r = ia,
+    rootShouldForwardProp: n = Qt,
+    slotShouldForwardProp: o = Qt
   } = e;
   function i(u) {
-    la(u, t, r);
+    sa(u, t, r);
   }
   return (u, f = {}) => {
-    ra(u, (q) => q.filter((oe) => oe !== et));
+    ea(u, (q) => q.filter((oe) => oe !== et));
     const {
       name: d,
       slot: m,
@@ -2992,30 +2982,30 @@ function ua(e = {}) {
       skipSx: h,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: y = ca(Pn(m)),
+      overridesResolver: y = aa(kn(m)),
       ...b
     } = f, l = d && d.startsWith("Mui") || m ? "components" : "custom", T = p !== void 0 ? p : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       m && m !== "Root" && m !== "root" || !1
     ), S = h || !1;
-    let w = Zt;
-    m === "Root" || m === "root" ? w = n : m ? w = o : ma(u) && (w = void 0);
-    const A = ta(u, {
+    let w = Qt;
+    m === "Root" || m === "root" ? w = n : m ? w = o : da(u) && (w = void 0);
+    const A = Zi(u, {
       shouldForwardProp: w,
-      label: da(d, m),
+      label: ua(d, m),
       ...b
     }), $ = (q) => {
       if (q.__emotion_real === q)
         return q;
       if (typeof q == "function")
         return function(ee) {
-          return xt(ee, q, ee.theme.modularCssLayers ? l : void 0);
+          return Ct(ee, q, ee.theme.modularCssLayers ? l : void 0);
         };
       if (Ae(q)) {
-        const oe = kn(q);
+        const oe = Rn(q);
         return function(W) {
-          return oe.variants ? xt(W, oe, W.theme.modularCssLayers ? l : void 0) : W.theme.modularCssLayers ? Le(oe.style, l) : oe.style;
+          return oe.variants ? Ct(W, oe, W.theme.modularCssLayers ? l : void 0) : W.theme.modularCssLayers ? Le(oe.style, l) : oe.style;
         };
       }
       return q;
@@ -3027,47 +3017,47 @@ function ua(e = {}) {
           return null;
         const pe = {};
         for (const be in ae)
-          pe[be] = xt(N, ae[be], N.theme.modularCssLayers ? "theme" : void 0);
+          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 ? $n(N, ae, [], N.theme.modularCssLayers ? "theme" : void 0) : null;
+        return ae ? An(N, ae, [], N.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("");
         let ae;
         ae = [...N, ...U, ...le], ae.raw = [...N, ...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 = fa(d, m, u)), O;
+      return u.muiName && (O.muiName = u.muiName), process.env.NODE_ENV !== "production" && (O.displayName = la(d, m, u)), O;
     };
     return A.withConfig && (E.withConfig = A.withConfig), E;
   };
 }
-function fa(e, t, r) {
-  return e ? `${e}${We(t || "")}` : `Styled(${Ho(r)})`;
+function la(e, t, r) {
+  return e ? `${e}${We(t || "")}` : `Styled(${qo(r)})`;
 }
-function da(e, t) {
+function ua(e, t) {
   let r;
-  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Pn(t || "Root")}`), r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${kn(t || "Root")}`), r;
 }
-function pa(e) {
+function fa(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function ma(e) {
+function da(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
   e.charCodeAt(0) > 96;
 }
-function Pn(e) {
+function kn(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function fr(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}].`), ti(e, t, r);
+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);
 }
-function ha(e) {
+function pa(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
@@ -3077,7 +3067,7 @@ function Ne(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Ne(ha(e));
+    return Ne(pa(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.
@@ -3095,17 +3085,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const ga = (e) => {
+const ma = (e) => {
   const t = Ne(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
-}, at = (e, t) => {
+}, it = (e, t) => {
   try {
-    return ga(e);
+    return ma(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function Lt(e) {
+function Ft(e) {
   const {
     type: t,
     colorSpace: r
@@ -3115,54 +3105,54 @@ function Lt(e) {
   } = 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 In(e) {
+function $n(e) {
   e = Ne(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);
   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])), Lt({
+  return e.type === "hsla" && (u += "a", f.push(t[3])), Ft({
     type: u,
     values: f
   });
 }
-function nr(e) {
+function rr(e) {
   e = Ne(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? Ne(In(e)).values : e.values;
+  let t = e.type === "hsl" || e.type === "hsla" ? Ne($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 an(e, t) {
-  const r = nr(e), n = nr(t);
+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 ya(e, t) {
-  return e = Ne(e), t = fr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Lt(e);
+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 Et(e, t, r) {
+function St(e, t, r) {
   try {
-    return ya(e, t);
+    return ha(e, t);
   } catch {
     return e;
   }
 }
-function dr(e, t) {
-  if (e = Ne(e), t = fr(t), e.type.includes("hsl"))
+function fr(e, t) {
+  if (e = Ne(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)
       e.values[r] *= 1 - t;
-  return Lt(e);
+  return Ft(e);
 }
 function re(e, t, r) {
   try {
-    return dr(e, t);
+    return fr(e, t);
   } catch {
     return e;
   }
 }
-function pr(e, t) {
-  if (e = Ne(e), t = fr(t), e.type.includes("hsl"))
+function dr(e, t) {
+  if (e = Ne(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)
@@ -3170,28 +3160,28 @@ function pr(e, t) {
   else if (e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] += (1 - e.values[r]) * t;
-  return Lt(e);
+  return Ft(e);
 }
 function ne(e, t, r) {
   try {
-    return pr(e, t);
+    return dr(e, t);
   } catch {
     return e;
   }
 }
-function ba(e, t = 0.15) {
-  return nr(e) > 0.5 ? dr(e, t) : pr(e, t);
+function ga(e, t = 0.15) {
+  return rr(e) > 0.5 ? fr(e, t) : dr(e, t);
 }
-function Ct(e, t, r) {
+function Et(e, t, r) {
   try {
-    return ba(e, t);
+    return ga(e, t);
   } catch {
     return e;
   }
 }
-const va = /* @__PURE__ */ Ie.createContext(void 0);
+const ya = /* @__PURE__ */ Ie.createContext(void 0);
 process.env.NODE_ENV !== "production" && (K.node, K.object);
-function Sa(e) {
+function ba(e) {
   const {
     theme: t,
     name: r,
@@ -3200,14 +3190,14 @@ function Sa(e) {
   if (!t || !t.components || !t.components[r])
     return n;
   const o = t.components[r];
-  return o.defaultProps ? rr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? rr(o, n) : n;
+  return o.defaultProps ? tr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? tr(o, n) : n;
 }
-function Ea({
+function va({
   props: e,
   name: t
 }) {
-  const r = Ie.useContext(va);
-  return Sa({
+  const r = Ie.useContext(ya);
+  return ba({
     props: e,
     name: t,
     theme: {
@@ -3215,17 +3205,17 @@ function Ea({
     }
   });
 }
-const sn = {
+const on = {
   theme: void 0
 };
-function Ca(e) {
+function Sa(e) {
   let t, r;
   return function(o) {
     let i = t;
-    return (i === void 0 || o.theme !== r) && (sn.theme = o.theme, i = kn(e(sn)), t = i, r = o.theme), i;
+    return (i === void 0 || o.theme !== r) && (on.theme = o.theme, i = Rn(e(on)), t = i, r = o.theme), i;
   };
 }
-function xa(e = "") {
+function Ea(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -3234,32 +3224,32 @@ function xa(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
 }
-const cn = (e, t, r, n = []) => {
+const an = (e, t, r, n = []) => {
   let o = e;
   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]);
   });
-}, Ta = (e, t, r) => {
+}, Ca = (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);
-}, 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 er(e, t) {
+}, 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;
+function Zt(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, o = {}, i = {}, c = {};
-  return Ta(
+  return Ca(
     e,
     (u, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, p = wa(u, f);
+        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, p = xa(u, f);
         Object.assign(o, {
           [m]: p
-        }), cn(i, u, `var(${m})`, d), cn(c, u, `var(${m}, ${p})`, d);
+        }), an(i, u, `var(${m})`, d), an(c, u, `var(${m}, ${p})`, d);
       }
     },
     (u) => u[0] === "vars"
@@ -3270,7 +3260,7 @@ function er(e, t) {
     varsWithDefaults: c
   };
 }
-function _a(e, t = {}) {
+function Ta(e, t = {}) {
   const {
     getSelector: r = T,
     disableCssColorScheme: n,
@@ -3284,7 +3274,7 @@ function _a(e, t = {}) {
     vars: d,
     css: m,
     varsWithDefaults: p
-  } = er(f, t);
+  } = Zt(f, t);
   let h = p;
   const y = {}, {
     [u]: b,
@@ -3295,7 +3285,7 @@ function _a(e, t = {}) {
       vars: E,
       css: q,
       varsWithDefaults: oe
-    } = er($, t);
+    } = Zt($, t);
     h = Se(h, oe), y[A] = {
       css: q,
       vars: E
@@ -3305,7 +3295,7 @@ function _a(e, t = {}) {
       css: A,
       vars: $,
       varsWithDefaults: E
-    } = er(b, t);
+    } = Zt(b, t);
     h = Se(h, E), y[u] = {
       css: A,
       vars: $
@@ -3382,15 +3372,15 @@ function _a(e, t = {}) {
     }
   };
 }
-function Oa(e) {
+function wa(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)} &` : "&";
   };
 }
-const lt = {
+const ct = {
   black: "#000",
   white: "#fff"
-}, Ra = {
+}, _a = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -3418,7 +3408,7 @@ const lt = {
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, it = {
+}, ot = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
@@ -3444,7 +3434,7 @@ const lt = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function jn() {
+function Pn() {
   return {
     // The colors used to style the text.
     text: {
@@ -3460,8 +3450,8 @@ function jn() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: lt.white,
-      default: lt.white
+      paper: ct.white,
+      default: ct.white
     },
     // The colors used to style the action elements.
     action: {
@@ -3484,11 +3474,11 @@ function jn() {
     }
   };
 }
-const Aa = jn();
-function Nn() {
+const Oa = Pn();
+function In() {
   return {
     text: {
-      primary: lt.white,
+      primary: ct.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -3499,7 +3489,7 @@ function Nn() {
       default: "#121212"
     },
     action: {
-      active: lt.white,
+      active: ct.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -3513,12 +3503,12 @@ function Nn() {
     }
   };
 }
-const ln = Nn();
-function un(e, t, r, n) {
+const sn = In();
+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 = pr(e.main, o) : t === "dark" && (e.dark = dr(e.main, i)));
+  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 ka(e = "light") {
+function Ra(e = "light") {
   return e === "dark" ? {
     main: He[200],
     light: He[50],
@@ -3529,7 +3519,7 @@ function ka(e = "light") {
     dark: He[800]
   };
 }
-function $a(e = "light") {
+function Aa(e = "light") {
   return e === "dark" ? {
     main: qe[200],
     light: qe[50],
@@ -3540,7 +3530,7 @@ function $a(e = "light") {
     dark: qe[700]
   };
 }
-function Pa(e = "light") {
+function ka(e = "light") {
   return e === "dark" ? {
     main: Ke[500],
     light: Ke[300],
@@ -3551,7 +3541,7 @@ function Pa(e = "light") {
     dark: Ke[800]
   };
 }
-function Ia(e = "light") {
+function $a(e = "light") {
   return e === "dark" ? {
     main: Je[400],
     light: Je[300],
@@ -3562,7 +3552,7 @@ function Ia(e = "light") {
     dark: Je[900]
   };
 }
-function ja(e = "light") {
+function Pa(e = "light") {
   return e === "dark" ? {
     main: Xe[400],
     light: Xe[300],
@@ -3573,29 +3563,29 @@ function ja(e = "light") {
     dark: Xe[900]
   };
 }
-function Na(e = "light") {
+function Ia(e = "light") {
   return e === "dark" ? {
-    main: it[400],
-    light: it[300],
-    dark: it[700]
+    main: ot[400],
+    light: ot[300],
+    dark: ot[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: it[500],
-    dark: it[900]
+    light: ot[500],
+    dark: ot[900]
   };
 }
-function mr(e) {
+function pr(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, i = e.primary || ka(t), c = e.secondary || $a(t), u = e.error || Pa(t), f = e.info || Ia(t), d = e.success || ja(t), m = e.warning || Na(t);
+  } = 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 = an(l, ln.text.primary) >= r ? ln.text.primary : Aa.text.primary;
+    const T = nn(l, sn.text.primary) >= r ? sn.text.primary : Oa.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = an(l, T);
+      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(`
 `));
     }
@@ -3628,13 +3618,13 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : je(12, T ? ` (${T})` : "", JSON.stringify(l.main)));
-    return un(l, "light", w, n), un(l, "dark", A, n), l.contrastText || (l.contrastText = p(l.main)), l;
+    return cn(l, "light", w, n), cn(l, "dark", A, n), l.contrastText || (l.contrastText = p(l.main)), l;
   };
   let y;
-  return t === "light" ? y = jn() : t === "dark" && (y = Nn()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Se({
+  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({
     // A collection of common colors.
     common: {
-      ...lt
+      ...ct
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -3673,7 +3663,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: Ra,
+    grey: _a,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
@@ -3689,14 +3679,14 @@ const theme2 = createTheme({ palette: {
     ...y
   }, o);
 }
-function Da(e) {
+function ja(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 Ma(e, t) {
+function Na(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -3712,15 +3702,15 @@ function Ma(e, t) {
     ...t
   };
 }
-function Ba(e) {
+function Da(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const fn = {
+const ln = {
   textTransform: "uppercase"
-}, dn = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Fa(e, t) {
+}, un = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Ma(e, t) {
   const {
-    fontFamily: r = dn,
+    fontFamily: r = un,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -3745,8 +3735,8 @@ function Fa(e, t) {
     lineHeight: w,
     // 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 === dn ? {
-      letterSpacing: `${Ba(A / S)}em`
+    ...r === un ? {
+      letterSpacing: `${Da(A / S)}em`
     } : {},
     ...$,
     ...d
@@ -3761,9 +3751,9 @@ function Fa(e, t) {
     subtitle2: b(c, 14, 1.57, 0.1),
     body1: b(i, 16, 1.5, 0.15),
     body2: b(i, 14, 1.43, 0.15),
-    button: b(c, 14, 1.75, 0.4, fn),
+    button: b(c, 14, 1.75, 0.4, ln),
     caption: b(i, 12, 1.66, 0.4),
-    overline: b(i, 12, 2.66, 1, fn),
+    overline: b(i, 12, 2.66, 1, ln),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -3788,11 +3778,11 @@ function Fa(e, t) {
     // No need to clone deep
   });
 }
-const La = 0.2, Va = 0.14, Wa = 0.12;
+const Ba = 0.2, Fa = 0.14, La = 0.12;
 function ie(...e) {
-  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(",");
+  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(",");
 }
-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 = {
+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 = {
   // 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
@@ -3802,7 +3792,7 @@ const za = ["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)"
-}, Ua = {
+}, za = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -3815,25 +3805,25 @@ const za = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function pn(e) {
+function fn(e) {
   return `${Math.round(e)}ms`;
 }
-function Ga(e) {
+function Ya(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function qa(e) {
+function Ua(e) {
   const t = {
-    ...Ya,
+    ...Wa,
     ...e.easing
   }, r = {
-    ...Ua,
+    ...za,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Ga,
+    getAutoHeightDuration: Ya,
     create: (o = ["all"], i = {}) => {
       const {
         duration: c = r.standard,
@@ -3846,14 +3836,14 @@ function qa(e) {
         !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(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof c == "string" ? c : pn(c)} ${u} ${typeof f == "string" ? f : pn(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof c == "string" ? c : fn(c)} ${u} ${typeof f == "string" ? f : fn(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const Ka = {
+const Ga = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -3863,10 +3853,10 @@ const Ka = {
   snackbar: 1400,
   tooltip: 1500
 };
-function Ha(e) {
+function qa(e) {
   return Ae(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function Dn(e = {}) {
+function jn(e = {}) {
   const t = {
     ...e
   };
@@ -3874,7 +3864,7 @@ function Dn(e = {}) {
     const o = Object.entries(n);
     for (let i = 0; i < o.length; i++) {
       const [c, u] = o[i];
-      !Ha(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
+      !qa(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
         ...u
       }, r(n[c]));
     }
@@ -3888,7 +3878,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function or(e = {}, ...t) {
+function nr(e = {}, ...t) {
   const {
     breakpoints: r,
     mixins: n = {},
@@ -3903,16 +3893,16 @@ function or(e = {}, ...t) {
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : je(20));
-  const m = mr(i), p = An(e);
+  const m = pr(i), p = On(e);
   let h = Se(p, {
-    mixins: Ma(p.breakpoints, n),
+    mixins: Na(p.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: za.slice(),
-    typography: Fa(m, u),
-    transitions: qa(c),
+    shadows: Va.slice(),
+    typography: Ma(m, u),
+    transitions: Ua(c),
     zIndex: {
-      ...Ka
+      ...Ga
     }
   });
   if (h = Se(h, d), h = t.reduce((y, b) => Se(y, b), h), process.env.NODE_ENV !== "production") {
@@ -3922,7 +3912,7 @@ function or(e = {}, ...t) {
         const w = l[S];
         if (y.includes(S) && Object.keys(w).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const A = cr("", S);
+            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({
               root: {
                 [`&.${A}`]: w
@@ -3940,26 +3930,26 @@ function or(e = {}, ...t) {
     });
   }
   return h.unstable_sxConfig = {
-    ...Ft,
+    ...Bt,
     ...d?.unstable_sxConfig
   }, h.unstable_sx = function(b) {
     return et({
       sx: b,
       theme: this
     });
-  }, h.toRuntimeSource = Dn, h;
+  }, h.toRuntimeSource = jn, h;
 }
-function Ja(e) {
+function Ka(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 Xa = [...Array(25)].map((e, t) => {
+const Ha = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = Ja(t);
+  const r = Ka(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function Mn(e) {
+function Nn(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3967,10 +3957,10 @@ function Mn(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function Bn(e) {
-  return e === "dark" ? Xa : [];
+function Dn(e) {
+  return e === "dark" ? Ha : [];
 }
-function Qa(e) {
+function Ja(e) {
   const {
     palette: t = {
       mode: "light"
@@ -3979,28 +3969,28 @@ function Qa(e) {
     opacity: r,
     overlays: n,
     ...o
-  } = e, i = mr(t);
+  } = e, i = pr(t);
   return {
     palette: i,
     opacity: {
-      ...Mn(i.mode),
+      ...Nn(i.mode),
       ...r
     },
-    overlays: n || Bn(i.mode),
+    overlays: n || Dn(i.mode),
     ...o
   };
 }
-function Za(e) {
+function Xa(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 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 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 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 es(e.cssVarPrefix).forEach((u) => {
+      return Qa(e.cssVarPrefix).forEach((u) => {
         c[u] = r[u], delete r[u];
       }), i === "media" ? {
         [n]: r,
@@ -4031,7 +4021,7 @@ const es = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function rs(e, t) {
+function es(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -4039,14 +4029,14 @@ function rs(e, t) {
 function g(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function st(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : In(e);
+function at(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : $n(e);
 }
 function Re(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = at(st(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().
+  `${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 ns(e) {
+function ts(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const Oe = (e) => {
@@ -4054,14 +4044,14 @@ const Oe = (e) => {
     return e();
   } catch {
   }
-}, os = (e = "mui") => xa(e);
-function tr(e, t, r, n) {
+}, rs = (e = "mui") => Ea(e);
+function er(e, t, r, n) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
   const o = n === "dark" ? "dark" : "light";
   if (!r) {
-    e[n] = Qa({
+    e[n] = Ja({
       ...t,
       palette: {
         mode: o,
@@ -4073,7 +4063,7 @@ function tr(e, t, r, n) {
   const {
     palette: i,
     ...c
-  } = or({
+  } = nr({
     ...r,
     palette: {
       mode: o,
@@ -4084,13 +4074,13 @@ function tr(e, t, r, n) {
     ...t,
     palette: i,
     opacity: {
-      ...Mn(o),
+      ...Nn(o),
       ...t?.opacity
     },
-    overlays: t?.overlays || Bn(o)
+    overlays: t?.overlays || Dn(o)
   }, c;
 }
-function is(e = {}, ...t) {
+function ns(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -4098,11 +4088,11 @@ function is(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: i = "mui",
-    shouldSkipGeneratingVar: c = Za,
+    shouldSkipGeneratingVar: c = Xa,
     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 = os(i), {
+  } = e, m = Object.keys(r)[0], p = n || (r.light && m !== "light" ? "light" : m), h = rs(i), {
     [p]: y,
     light: b,
     dark: l,
@@ -4113,8 +4103,8 @@ function is(e = {}, ...t) {
   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 = tr(S, w, d, p);
-  b && !S.light && tr(S, b, void 0, "light"), l && !S.dark && tr(S, l, void 0, "dark");
+  const A = er(S, w, d, p);
+  b && !S.light && er(S, b, void 0, "light"), l && !S.dark && er(S, l, void 0, "dark");
   let $ = {
     defaultColorScheme: p,
     ...A,
@@ -4124,66 +4114,66 @@ function is(e = {}, ...t) {
     getCssVar: h,
     colorSchemes: S,
     font: {
-      ...Da(A.typography),
+      ...ja(A.typography),
       ...A.font
     },
-    spacing: ns(d.spacing)
+    spacing: ts(d.spacing)
   };
   Object.keys($.colorSchemes).forEach((W) => {
     const a = $.colorSchemes[W].palette, O = (U) => {
       const N = U.split("-"), le = N[1], ae = N[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")), rs(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
+    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));
-      const U = Ct(a.background.default, 0.8);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Ct(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(Et(a.divider, 1), 0.88)), g(a.Tooltip, "bg", Et(a.grey[700], 0.92));
+      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));
     }
     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));
-      const U = Ct(a.background.default, 0.98);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Ct(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(Et(a.divider, 1), 0.68)), g(a.Tooltip, "bg", Et(a.grey[700], 0.92));
+      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));
     }
     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", at(st(N.main))), N.light && g(a[U], "lightChannel", at(st(N.light))), N.dark && g(a[U], "darkChannel", at(st(N.dark))), N.contrastText && g(a[U], "contrastTextChannel", at(st(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")));
+      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")));
     });
   }), $ = t.reduce((W, a) => Se(W, a), $);
   const E = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: ts($)
+    getSelector: Za($)
   }, {
     vars: q,
     generateThemeVars: oe,
     generateStyleSheets: ee
-  } = _a($, E);
+  } = Ta($, E);
   return $.vars = q, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([W, a]) => {
     $[W] = a;
   }), $.generateThemeVars = oe, $.generateStyleSheets = ee, $.generateSpacing = function() {
-    return Rn(d.spacing, lr(this));
-  }, $.getColorSchemeSelector = Oa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
-    ...Ft,
+    return _n(d.spacing, cr(this));
+  }, $.getColorSchemeSelector = wa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+    ...Bt,
     ...d?.unstable_sxConfig
   }, $.unstable_sx = function(a) {
     return et({
       sx: a,
       theme: this
     });
-  }, $.toRuntimeSource = Dn, $;
+  }, $.toRuntimeSource = jn, $;
 }
-function mn(e, t, r) {
+function dn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: mr({
+    palette: pr({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function Fn(e = {}, ...t) {
+function Mn(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -4203,48 +4193,48 @@ function Fn(e = {}, ...t) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return or(e, ...t);
+      return nr(e, ...t);
     let m = r;
     "palette" in e || d[u] && (d[u] !== !0 ? m = d[u].palette : u === "dark" && (m = {
       mode: "dark"
     }));
-    const p = or({
+    const p = 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
-    }, mn(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+    }, dn(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
       palette: p.palette
-    }, mn(p, "light", d.light)), p;
+    }, dn(p, "light", d.light)), p;
   }
-  return !r && !("light" in d) && u === "light" && (d.light = !0), is({
+  return !r && !("light" in d) && u === "light" && (d.light = !0), ns({
     ...c,
     colorSchemes: d,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const as = Fn(), ss = "$$material";
-function cs(e) {
+const os = Mn(), is = "$$material";
+function as(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const ls = (e) => cs(e) && e !== "classes", us = ua({
-  themeId: ss,
-  defaultTheme: as,
-  rootShouldForwardProp: ls
-}), fs = Ca;
+const ss = (e) => as(e) && e !== "classes", cs = ca({
+  themeId: is,
+  defaultTheme: os,
+  rootShouldForwardProp: ss
+}), ls = Sa;
 process.env.NODE_ENV !== "production" && (K.node, K.object.isRequired);
-function ds(e) {
-  return Ea(e);
+function us(e) {
+  return va(e);
 }
-function ps(e) {
-  return cr("MuiSvgIcon", e);
+function fs(e) {
+  return sr("MuiSvgIcon", e);
 }
-ei("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const ms = (e) => {
+Qo("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const ds = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -4252,8 +4242,8 @@ const ms = (e) => {
   } = e, o = {
     root: ["root", t !== "inherit" && `color${We(t)}`, `fontSize${We(r)}`]
   };
-  return Jo(o, ps, n);
-}, hs = us("svg", {
+  return Ko(o, fs, n);
+}, ps = cs("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -4262,7 +4252,7 @@ const ms = (e) => {
     } = e;
     return [t.root, r.color !== "inherit" && t[`color${We(r.color)}`], t[`fontSize${We(r.fontSize)}`]];
   }
-})(fs(({
+})(ls(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -4348,8 +4338,8 @@ const ms = (e) => {
       }
     }
   ]
-}))), At = /* @__PURE__ */ Ie.forwardRef(function(t, r) {
-  const n = ds({
+}))), Rt = /* @__PURE__ */ Ie.forwardRef(function(t, r) {
+  const n = us({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -4374,10 +4364,10 @@ const ms = (e) => {
     hasSvgAsChild: b
   }, T = {};
   m || (T.viewBox = h);
-  const S = ms(l);
-  return /* @__PURE__ */ x.jsxs(hs, {
+  const S = ds(l);
+  return /* @__PURE__ */ x.jsxs(ps, {
     as: u,
-    className: ri(S.root, i),
+    className: ei(S.root, i),
     focusable: "false",
     color: d,
     "aria-hidden": p ? void 0 : !0,
@@ -4392,7 +4382,7 @@ const ms = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (At.propTypes = {
+process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -4464,31 +4454,31 @@ process.env.NODE_ENV !== "production" && (At.propTypes = {
    */
   viewBox: K.string
 });
-At.muiName = "SvgIcon";
-function pt(e, t) {
+Rt.muiName = "SvgIcon";
+function dt(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ x.jsx(At, {
+    return /* @__PURE__ */ x.jsx(Rt, {
       "data-testid": `${t}Icon`,
       ref: o,
       ...n,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = At.muiName, /* @__PURE__ */ Ie.memo(/* @__PURE__ */ Ie.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Rt.muiName, /* @__PURE__ */ Ie.memo(/* @__PURE__ */ Ie.forwardRef(r));
 }
-const ir = pt(/* @__PURE__ */ x.jsx("path", {
+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"), gs = ({
+}), "Notifications"), ms = ({
   unreadCount: e = 0,
   onClick: t,
   showBadge: r = !0
-}) => /* @__PURE__ */ x.jsx(Tt, { onClick: t, color: "inherit", className: "relative", children: r && e > 0 ? /* @__PURE__ */ x.jsx(fo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ x.jsx(ir, {}) }) : /* @__PURE__ */ x.jsx(ir, {}) }), ys = pt(/* @__PURE__ */ x.jsx("path", {
+}) => /* @__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", {
   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"), bs = pt(/* @__PURE__ */ x.jsx("path", {
+}), "Settings"), gs = 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"), vs = pt(/* @__PURE__ */ x.jsx("path", {
+}), "CheckCircle"), ys = 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"), Ln = ({
+}), "Delete"), Bn = ({
   notification: e,
   onMarkAsRead: t,
   onDelete: r,
@@ -4502,7 +4492,7 @@ const ir = pt(/* @__PURE__ */ x.jsx("path", {
     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 || "";
   return /* @__PURE__ */ x.jsxs(
-    po,
+    uo,
     {
       className: `cursor-pointer hover:bg-gray-50 ${o ? "bg-blue-50" : ""}`,
       onClick: i,
@@ -4514,13 +4504,13 @@ const ir = pt(/* @__PURE__ */ x.jsx("path", {
         }
       },
       children: [
-        /* @__PURE__ */ x.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ x.jsx(ir, { color: o ? "primary" : "disabled" }) }),
+        /* @__PURE__ */ x.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ x.jsx(or, { color: o ? "primary" : "disabled" }) }),
         /* @__PURE__ */ x.jsx(
-          mo,
+          fo,
           {
             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(ho, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
+              o && /* @__PURE__ */ x.jsx(po, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
             ] }),
             secondary: m,
             primaryTypographyProps: {
@@ -4528,16 +4518,16 @@ const ir = pt(/* @__PURE__ */ x.jsx("path", {
             }
           }
         ),
-        /* @__PURE__ */ x.jsx(go, { children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-1", children: [
-          o && /* @__PURE__ */ x.jsx(Tt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ x.jsx(bs, { fontSize: "small" }) }),
-          /* @__PURE__ */ x.jsx(Tt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ x.jsx(vs, { fontSize: "small" }) })
+        /* @__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" }) })
         ] }) })
       ]
     }
   );
-}, Ss = pt(/* @__PURE__ */ x.jsx("path", {
+}, bs = 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"), Es = ({
+}), "NotificationsNone"), vs = ({
   message: e = "No notifications",
   icon: t
 }) => /* @__PURE__ */ x.jsxs(
@@ -4546,20 +4536,20 @@ const ir = pt(/* @__PURE__ */ x.jsx("path", {
     className: "flex flex-col items-center justify-center p-8 text-center",
     sx: { minHeight: "200px" },
     children: [
-      t || /* @__PURE__ */ x.jsx(Ss, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
-      /* @__PURE__ */ x.jsx(wt, { variant: "body2", color: "text.secondary", children: e })
+      t || /* @__PURE__ */ x.jsx(bs, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
+      /* @__PURE__ */ x.jsx(Tt, { variant: "body2", color: "text.secondary", children: e })
     ]
   }
 );
-function ar(e) {
+function ir(e) {
   "@babel/helpers - typeof";
-  return ar = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return ir = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, ar(e);
+  }, ir(e);
 }
-function hr(e) {
+function mr(e) {
   if (e === null || e === !0 || e === !1)
     return NaN;
   var t = Number(e);
@@ -4569,77 +4559,77 @@ function _e(e, t) {
   if (t.length < e)
     throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
 }
-function ut(e) {
+function lt(e) {
   _e(1, arguments);
   var t = Object.prototype.toString.call(e);
-  return e instanceof Date || ar(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));
+  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 Cs(e, t) {
+function Ss(e, t) {
   _e(2, arguments);
-  var r = ut(e), n = hr(t);
+  var r = lt(e), n = mr(t);
   return isNaN(n) ? /* @__PURE__ */ new Date(NaN) : (n && r.setDate(r.getDate() + n), r);
 }
-var xs = {};
-function Ts() {
-  return xs;
+var Es = {};
+function Cs() {
+  return Es;
 }
-function hn(e, t) {
+function pn(e, t) {
   var r, n, o, i, c, u;
   _e(1, arguments);
-  var f = Ts(), d = hr((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);
+  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))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var m = ut(e), p = m.getDay(), h = (p < d ? 7 : 0) + p - d;
+  var m = lt(e), p = m.getDay(), h = (p < d ? 7 : 0) + p - d;
   return m.setDate(m.getDate() - h), m.setHours(0, 0, 0, 0), m;
 }
-function gn(e) {
+function mn(e) {
   _e(1, arguments);
-  var t = ut(e);
+  var t = lt(e);
   return t.setHours(0, 0, 0, 0), t;
 }
-function Vn(e, t) {
+function Fn(e, t) {
   _e(2, arguments);
-  var r = gn(e), n = gn(t);
+  var r = mn(e), n = mn(t);
   return r.getTime() === n.getTime();
 }
-function ws(e, t, r) {
+function xs(e, t, r) {
   _e(2, arguments);
-  var n = hn(e, r), o = hn(t, r);
+  var n = pn(e, r), o = pn(t, r);
   return n.getTime() === o.getTime();
 }
-function _s(e, t) {
+function Ts(e, t) {
   _e(2, arguments);
-  var r = ut(e), n = ut(t);
+  var r = lt(e), n = lt(t);
   return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth();
 }
-function Os(e) {
-  return _e(1, arguments), _s(Date.now(), e);
+function ws(e) {
+  return _e(1, arguments), Ts(Date.now(), e);
 }
-function Rs(e, t) {
-  return _e(1, arguments), ws(e, Date.now(), t);
+function _s(e, t) {
+  return _e(1, arguments), xs(e, Date.now(), t);
 }
-function As(e) {
-  return _e(1, arguments), Vn(e, Date.now());
+function Os(e) {
+  return _e(1, arguments), Fn(e, Date.now());
 }
-function ks(e, t) {
+function Rs(e, t) {
   _e(2, arguments);
-  var r = hr(t);
-  return Cs(e, -r);
+  var r = mr(t);
+  return Ss(e, -r);
 }
-function $s(e) {
-  return _e(1, arguments), Vn(e, ks(Date.now(), 1));
+function As(e) {
+  return _e(1, arguments), Fn(e, Rs(Date.now(), 1));
 }
-const Ps = ({
+const ks = ({
   groupLabel: e,
   notifications: t,
   onMarkAsRead: r,
   onDelete: n,
   onClick: o
 }) => t.length === 0 ? null : /* @__PURE__ */ x.jsxs(ye, { sx: { mb: 2 }, children: [
-  /* @__PURE__ */ x.jsx(wt, { variant: "caption", sx: { color: "text.secondary", px: 2, py: 1, display: "block" }, children: e }),
-  /* @__PURE__ */ x.jsx(bn, { sx: { mb: 1 } }),
+  /* @__PURE__ */ x.jsx(Tt, { variant: "caption", sx: { color: "text.secondary", px: 2, py: 1, display: "block" }, children: e }),
+  /* @__PURE__ */ x.jsx(gn, { sx: { mb: 1 } }),
   t.map((i) => /* @__PURE__ */ x.jsx(
-    Ln,
+    Bn,
     {
       notification: i,
       onMarkAsRead: r,
@@ -4649,7 +4639,7 @@ const Ps = ({
     i.notificationId
   ))
 ] });
-function Is(e) {
+function $s(e) {
   const t = {
     today: [],
     yesterday: [],
@@ -4659,10 +4649,10 @@ function Is(e) {
   };
   return e.forEach((r) => {
     const n = r.createdAt ? new Date(r.createdAt) : /* @__PURE__ */ new Date();
-    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);
+    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);
   }), t;
 }
-function js(e) {
+function Ps(e) {
   switch (e) {
     case "today":
       return "Today";
@@ -4678,7 +4668,7 @@ function js(e) {
       return e;
   }
 }
-const Ns = ({
+const Is = ({
   client: e,
   subscriberId: t,
   tenantId: r,
@@ -4736,14 +4726,14 @@ const Ns = ({
     }
   };
   return /* @__PURE__ */ x.jsxs(ye, { sx: { p: 3, minWidth: 300 }, children: [
-    /* @__PURE__ */ x.jsx(wt, { variant: "h6", gutterBottom: !0, children: "Notification Preferences" }),
-    /* @__PURE__ */ x.jsx(bn, { sx: { my: 2 } }),
-    /* @__PURE__ */ x.jsx(wt, { variant: "subtitle2", sx: { mb: 2, fontWeight: "bold" }, children: "Channels" }),
+    /* @__PURE__ */ x.jsx(Tt, { variant: "h6", gutterBottom: !0, children: "Notification Preferences" }),
+    /* @__PURE__ */ x.jsx(gn, { sx: { my: 2 } }),
+    /* @__PURE__ */ x.jsx(Tt, { variant: "subtitle2", sx: { mb: 2, fontWeight: "bold" }, children: "Channels" }),
     /* @__PURE__ */ x.jsx(
-      ht,
+      mt,
       {
         control: /* @__PURE__ */ x.jsx(
-          gt,
+          ht,
           {
             checked: o.email,
             onChange: (y) => p("email", y.target.checked),
@@ -4754,10 +4744,10 @@ const Ns = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      ht,
+      mt,
       {
         control: /* @__PURE__ */ x.jsx(
-          gt,
+          ht,
           {
             checked: o.push,
             onChange: (y) => p("push", y.target.checked),
@@ -4768,10 +4758,10 @@ const Ns = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      ht,
+      mt,
       {
         control: /* @__PURE__ */ x.jsx(
-          gt,
+          ht,
           {
             checked: o.sms,
             onChange: (y) => p("sms", y.target.checked),
@@ -4782,10 +4772,10 @@ const Ns = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      ht,
+      mt,
       {
         control: /* @__PURE__ */ x.jsx(
-          gt,
+          ht,
           {
             checked: o.in_app,
             onChange: (y) => p("in_app", y.target.checked),
@@ -4796,11 +4786,11 @@ const Ns = ({
       }
     ),
     /* @__PURE__ */ x.jsxs(ye, { sx: { mt: 3, display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
-      n && /* @__PURE__ */ x.jsx(kr, { onClick: n, variant: "outlined", size: "small", children: "Cancel" }),
-      /* @__PURE__ */ x.jsx(kr, { onClick: h, variant: "contained", size: "small", disabled: f, children: "Save" })
+      n && /* @__PURE__ */ x.jsx(Ar, { onClick: n, variant: "outlined", size: "small", children: "Cancel" }),
+      /* @__PURE__ */ x.jsx(Ar, { onClick: h, variant: "contained", size: "small", disabled: f, children: "Save" })
     ] })
   ] });
-}, Ds = ({
+}, js = ({
   notifications: e,
   loading: t = !1,
   error: r = null,
@@ -4814,41 +4804,41 @@ const Ns = ({
 }) => {
   const [m, p] = Te("all"), [h, y] = Te(null), b = m === "unread" ? e.filter((w) => w.read !== !0) : e;
   if (t)
-    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(yo, { size: 40 }) });
+    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(ho, { size: 40 }) });
   if (r)
-    return /* @__PURE__ */ x.jsx(bo, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
+    return /* @__PURE__ */ x.jsx(go, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
   if (e.length === 0)
-    return /* @__PURE__ */ x.jsx(Es, {});
+    return /* @__PURE__ */ x.jsx(vs, {});
   const l = async (w) => {
     o && await o(w);
   }, T = async (w) => {
     i && await i(w);
-  }, S = d ? Is(b) : { all: b };
+  }, S = d ? $s(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(vo, { value: m, onChange: (w, A) => p(A), children: [
-        /* @__PURE__ */ x.jsx($r, { label: "All", value: "all" }),
-        /* @__PURE__ */ x.jsx($r, { label: "Unread", value: "unread" })
+      /* @__PURE__ */ x.jsxs(yo, { value: m, onChange: (w, A) => p(A), children: [
+        /* @__PURE__ */ x.jsx(kr, { label: "All", value: "all" }),
+        /* @__PURE__ */ x.jsx(kr, { label: "Unread", value: "unread" })
       ] }),
       f && c && u && /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
         /* @__PURE__ */ x.jsx(
-          Tt,
+          xt,
           {
             size: "small",
             onClick: (w) => y(w.currentTarget),
             title: "Preferences",
-            children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" })
+            children: /* @__PURE__ */ x.jsx(hs, { fontSize: "small" })
           }
         ),
         /* @__PURE__ */ x.jsx(
-          vn,
+          yn,
           {
             open: !!h,
             anchorEl: h,
             onClose: () => y(null),
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             children: /* @__PURE__ */ x.jsx(
-              Ns,
+              Is,
               {
                 client: f,
                 subscriberId: c,
@@ -4860,10 +4850,10 @@ const Ns = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ x.jsx(So, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: d ? Object.entries(S).map(([w, A]) => /* @__PURE__ */ x.jsx(
-      Ps,
+    /* @__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,
       {
-        groupLabel: js(w),
+        groupLabel: Ps(w),
         notifications: A,
         onMarkAsRead: l,
         onDelete: T,
@@ -4871,7 +4861,7 @@ const Ns = ({
       },
       w
     )) : b.map((w) => /* @__PURE__ */ x.jsx(
-      Ln,
+      Bn,
       {
         notification: w,
         onMarkAsRead: l,
@@ -4881,7 +4871,7 @@ const Ns = ({
       w.notificationId
     )) })
   ] });
-}, Ws = ({
+}, Ls = ({
   client: e,
   tenantId: t,
   subscriberId: r,
@@ -4902,7 +4892,7 @@ const Ns = ({
     connected: w,
     markAsRead: A,
     deleteNotification: $
-  } = Mo({
+  } = No({
     client: e,
     tenantId: t,
     subscriberId: r,
@@ -4922,7 +4912,7 @@ const Ns = ({
   };
   return /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
     /* @__PURE__ */ x.jsx(
-      gs,
+      ms,
       {
         unreadCount: S,
         onClick: E,
@@ -4930,7 +4920,7 @@ const Ns = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      vn,
+      yn,
       {
         open: y,
         anchorEl: p,
@@ -4951,7 +4941,7 @@ const Ns = ({
             ...a()
           }
         },
-        children: /* @__PURE__ */ x.jsxs(Eo, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
+        children: /* @__PURE__ */ x.jsxs(vo, { 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: [
@@ -4960,7 +4950,7 @@ const Ns = ({
             ] })
           ] }) }),
           /* @__PURE__ */ x.jsx(
-            Ds,
+            js,
             {
               notifications: W,
               loading: l,
@@ -4978,7 +4968,7 @@ const Ns = ({
       }
     )
   ] });
-}, zs = Fn({
+}, Vs = Mn({
   palette: {
     primary: {
       main: "#1E3A8A"
@@ -5035,14 +5025,14 @@ const Ns = ({
   }
 });
 export {
-  Es as EmptyState,
-  gs as NotificationBell,
-  Ws as NotificationCenter,
-  Ln as NotificationItem,
-  Ds as NotificationList,
-  zs as notificationTheme,
-  Mo as useNotificationCenter,
-  Po as useNotifications,
-  Do as useWebSocket
+  vs as EmptyState,
+  ms as NotificationBell,
+  Ls as NotificationCenter,
+  Bn as NotificationItem,
+  js as NotificationList,
+  Vs as notificationTheme,
+  No as useNotificationCenter,
+  ko as useNotifications,
+  jo as useWebSocket
 };
 //# sourceMappingURL=index.esm.js.map