@edusight/notification-widget 1.0.2 → 1.0.5

package/dist/index.esm.js

@@ -1,18 +1,28 @@
 import * as Ie from "react";
-import hn, { useState as Te, useCallback as $e, useEffect as Ze, useRef as co } from "react";
-import { IconButton as xt, Badge as lo, ListItem as uo, Box as ye, ListItemText as fo, Chip as po, ListItemSecondaryAction as mo, Typography as Tt, Divider as gn, FormControlLabel as mt, Switch as ht, Button as Ar, CircularProgress as ho, Alert as go, Tabs as yo, Tab as kr, Popover as yn, List as bo, Paper as vo } from "@mui/material";
-import { NotificationSocketClient as So, Channel as Eo, NotificationCategory as Co, Priority as xo, NotificationStatus as bn, NotificationType as To } from "@edusight/notification-sdk";
-import wo from "@emotion/styled";
+import 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 "@emotion/react";
-function _o(e) {
+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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-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 };
+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 };
   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);
@@ -20,13 +30,13 @@ function Oo() {
     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 rt.Fragment = r, rt.jsx = c, rt.jsxs = c, rt;
+  return nt.Fragment = r, nt.jsx = c, nt.jsxs = c, nt;
 }
-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";
+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";
     function T(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -303,15 +313,15 @@ function Ro() {
         }
       return "";
     }
-    var tt = Object.prototype.hasOwnProperty, hr = {}, gr = S.ReactDebugCurrentFrame;
-    function pt(s) {
+    var tt = Object.prototype.hasOwnProperty, gr = {}, yr = S.ReactDebugCurrentFrame;
+    function mt(s) {
       if (s) {
         var v = s._owner, R = Be(s.type, s._source, v ? v.type : null);
-        gr.setExtraStackFrame(R);
+        yr.setExtraStackFrame(R);
       } else
-        gr.setExtraStackFrame(null);
+        yr.setExtraStackFrame(null);
     }
-    function Ln(s, v, R, P, H) {
+    function Wn(s, v, R, P, H) {
       {
         var te = Function.call.bind(tt);
         for (var Y in s)
@@ -326,41 +336,41 @@ function Ro() {
             } catch (ue) {
               V = ue;
             }
-            V && !(V instanceof Error) && (pt(H), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", R, Y, typeof V), pt(null)), V instanceof Error && !(V.message in hr) && (hr[V.message] = !0, pt(H), w("Failed %s type: %s", R, V.message), pt(null));
+            V && !(V instanceof Error) && (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));
           }
       }
     }
-    var Vn = Array.isArray;
-    function Lt(s) {
-      return Vn(s);
+    var zn = Array.isArray;
+    function Vt(s) {
+      return zn(s);
     }
-    function Wn(s) {
+    function Yn(s) {
       {
         var v = typeof Symbol == "function" && Symbol.toStringTag, R = v && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return R;
       }
     }
-    function zn(s) {
+    function Un(s) {
       try {
-        return yr(s), !1;
+        return br(s), !1;
       } catch {
         return !0;
       }
     }
-    function yr(s) {
+    function br(s) {
       return "" + 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);
+    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);
     }
-    var vr = S.ReactCurrentOwner, Yn = {
+    var Sr = S.ReactCurrentOwner, Gn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Sr, Er;
-    function Un(s) {
+    }, Er, Cr;
+    function qn(s) {
       if (tt.call(s, "ref")) {
         var v = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (v && v.isReactWarning)
@@ -368,7 +378,7 @@ function Ro() {
       }
       return s.ref !== void 0;
     }
-    function Gn(s) {
+    function Kn(s) {
       if (tt.call(s, "key")) {
         var v = Object.getOwnPropertyDescriptor(s, "key").get;
         if (v && v.isReactWarning)
@@ -376,13 +386,13 @@ function Ro() {
       }
       return s.key !== void 0;
     }
-    function qn(s, v) {
-      typeof s.ref == "string" && vr.current;
+    function Hn(s, v) {
+      typeof s.ref == "string" && Sr.current;
     }
-    function Kn(s, v) {
+    function Jn(s, v) {
       {
         var R = function() {
-          Sr || (Sr = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: R,
@@ -390,10 +400,10 @@ function Ro() {
         });
       }
     }
-    function Hn(s, v) {
+    function Xn(s, v) {
       {
         var R = function() {
-          Er || (Er = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          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));
         };
         R.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: R,
@@ -401,7 +411,7 @@ function Ro() {
         });
       }
     }
-    var Jn = function(s, v, R, P, H, te, Y) {
+    var Qn = function(s, v, R, P, H, te, Y) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -430,12 +440,12 @@ function Ro() {
         value: H
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Xn(s, v, R, P, H) {
+    function Zn(s, v, R, P, H) {
       {
         var te, Y = {}, V = null, he = null;
-        R !== void 0 && (br(R), V = "" + R), Gn(v) && (br(v.key), V = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
+        R !== void 0 && (vr(R), V = "" + R), Kn(v) && (vr(v.key), V = "" + v.key), qn(v) && (he = v.ref, Hn(v, H));
         for (te in v)
-          tt.call(v, te) && !Yn.hasOwnProperty(te) && (Y[te] = v[te]);
+          tt.call(v, te) && !Gn.hasOwnProperty(te) && (Y[te] = v[te]);
         if (s && s.defaultProps) {
           var ue = s.defaultProps;
           for (te in ue)
@@ -443,28 +453,28 @@ function Ro() {
         }
         if (V || he) {
           var de = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          V && Kn(Y, de), he && Hn(Y, de);
+          V && Jn(Y, de), he && Xn(Y, de);
         }
-        return Jn(s, V, he, H, P, vr.current, Y);
+        return Qn(s, V, he, H, P, Sr.current, Y);
       }
     }
-    var Vt = S.ReactCurrentOwner, Cr = S.ReactDebugCurrentFrame;
+    var Wt = S.ReactCurrentOwner, xr = S.ReactDebugCurrentFrame;
     function Ue(s) {
       if (s) {
         var v = s._owner, R = Be(s.type, s._source, v ? v.type : null);
-        Cr.setExtraStackFrame(R);
+        xr.setExtraStackFrame(R);
       } else
-        Cr.setExtraStackFrame(null);
+        xr.setExtraStackFrame(null);
     }
-    var Wt;
-    Wt = !1;
-    function zt(s) {
+    var zt;
+    zt = !1;
+    function Yt(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function xr() {
+    function Tr() {
       {
-        if (Vt.current) {
-          var s = N(Vt.current.type);
+        if (Wt.current) {
+          var s = N(Wt.current.type);
           if (s)
             return `
 
@@ -473,13 +483,13 @@ Check the render method of \`` + s + "`.";
         return "";
       }
     }
-    function Qn(s) {
+    function eo(s) {
       return "";
     }
-    var Tr = {};
-    function Zn(s) {
+    var wr = {};
+    function to(s) {
       {
-        var v = xr();
+        var v = Tr();
         if (!v) {
           var R = typeof s == "string" ? s : s.displayName || s.name;
           R && (v = `
@@ -489,39 +499,39 @@ Check the top-level render call using <` + R + ">.");
         return v;
       }
     }
-    function wr(s, v) {
+    function _r(s, v) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var R = Zn(v);
-        if (Tr[R])
+        var R = to(v);
+        if (wr[R])
           return;
-        Tr[R] = !0;
+        wr[R] = !0;
         var P = "";
-        s && s._owner && s._owner !== Vt.current && (P = " It was passed a child from " + N(s._owner.type) + "."), Ue(s), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, P), Ue(null);
+        s && s._owner && s._owner !== 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);
       }
     }
-    function _r(s, v) {
+    function Or(s, v) {
       {
         if (typeof s != "object")
           return;
-        if (Lt(s))
+        if (Vt(s))
           for (var R = 0; R < s.length; R++) {
             var P = s[R];
-            zt(P) && wr(P, v);
+            Yt(P) && _r(P, v);
           }
-        else if (zt(s))
+        else if (Yt(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; )
-              zt(Y.value) && wr(Y.value, v);
+              Yt(Y.value) && _r(Y.value, v);
         }
       }
     }
-    function eo(s) {
+    function ro(s) {
       {
         var v = s.type;
         if (v == null || typeof v == "string")
@@ -537,16 +547,16 @@ Check the top-level render call using <` + R + ">.");
           return;
         if (R) {
           var P = N(v);
-          Ln(R, s.props, "prop", P, s);
-        } else if (v.PropTypes !== void 0 && !Wt) {
-          Wt = !0;
+          Wn(R, s.props, "prop", P, s);
+        } else if (v.PropTypes !== void 0 && !zt) {
+          zt = !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 to(s) {
+    function no(s) {
       {
         for (var v = Object.keys(s.props), R = 0; R < v.length; R++) {
           var P = v[R];
@@ -558,67 +568,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 Or = {};
-    function Rr(s, v, R, P, H, te) {
+    var Rr = {};
+    function Ar(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 = Qn();
-          he ? V += he : V += xr();
+          var he = eo();
+          he ? V += he : V += Tr();
           var ue;
-          s === null ? ue = "null" : Lt(s) ? ue = "array" : s !== void 0 && s.$$typeof === t ? (ue = "<" + (N(s.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof s, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, V);
+          s === null ? ue = "null" : 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);
         }
-        var de = Xn(s, v, R, H, te);
+        var de = Zn(s, v, R, H, te);
         if (de == null)
           return de;
         if (Y) {
           var Ce = v.children;
           if (Ce !== void 0)
             if (P)
-              if (Lt(Ce)) {
+              if (Vt(Ce)) {
                 for (var Ge = 0; Ge < Ce.length; Ge++)
-                  _r(Ce[Ge], s);
+                  Or(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
-              _r(Ce, s);
+              Or(Ce, s);
         }
         if (tt.call(v, "key")) {
-          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(": ..., ") + ": ...}" : "{}";
+          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(": ..., ") + ": ...}" : "{}";
             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} />`, Yt, Fe, ao, Fe), Or[Fe + Yt] = !0;
+  <%s key={someKey} {...props} />`, Ut, Fe, co, Fe), Rr[Fe + Ut] = !0;
           }
         }
-        return s === n ? to(de) : eo(de), de;
+        return s === n ? no(de) : ro(de), de;
       }
     }
-    function ro(s, v, R) {
-      return Rr(s, v, R, !0);
+    function oo(s, v, R) {
+      return Ar(s, v, R, !0);
     }
-    function no(s, v, R) {
-      return Rr(s, v, R, !1);
+    function io(s, v, R) {
+      return Ar(s, v, R, !1);
     }
-    var oo = no, io = ro;
-    nt.Fragment = n, nt.jsx = oo, nt.jsxs = io;
-  })()), nt;
+    var ao = io, so = oo;
+    ot.Fragment = n, ot.jsx = ao, ot.jsxs = so;
+  })()), ot;
 }
-var Ir;
-function Ao() {
-  return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? gt.exports = Oo() : gt.exports = Ro()), gt.exports;
+var Nr;
+function $o() {
+  return Nr || (Nr = 1, process.env.NODE_ENV === "production" ? yt.exports = Ao() : yt.exports = ko()), yt.exports;
 }
-var x = Ao();
-function ko(e) {
+var x = $o();
+function Po(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);
@@ -678,16 +688,16 @@ function ko(e) {
     deleteNotification: T
   };
 }
-const $o = "edusight:notification-widget:context";
-function Po(e) {
+const Io = "edusight:notification-widget:context";
+function jo(e) {
   try {
     if (typeof window > "u" || !window.localStorage)
       return;
-    window.localStorage.setItem($o, JSON.stringify(e));
+    window.localStorage.setItem(Io, JSON.stringify(e));
   } catch {
   }
 }
-class Io {
+class No {
   constructor(t) {
     this.listeners = /* @__PURE__ */ new Map();
     const r = {
@@ -705,8 +715,8 @@ class Io {
       tenantId: t.tenantId,
       subscriberId: t.subscriberId,
       environmentId: t.environmentId
-    }, this.socketClient = new So(r), this.socketClient.on("connect", () => {
-      Po({
+    }, this.socketClient = new Co(r), this.socketClient.on("connect", () => {
+      jo({
         environmentId: t.environmentId,
         subscriberId: t.subscriberId,
         tenantId: t.tenantId
@@ -754,26 +764,26 @@ class Io {
     });
   }
   normalizeNotification(t) {
-    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || Eo.IN_APP, o = t.renderedContent || {
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = t.channel || xo.IN_APP, o = t.renderedContent || {
       inApp: {
         title: t.title,
         message: t.message,
         action: t.action,
         icon: t.icon
       }
-    }, i = t.category ?? Co.REAL_TIME;
+    }, i = t.category ?? To.REAL_TIME;
     return {
       notificationId: t.notificationId,
       tenantId: this.context.tenantId,
       subscriberId: this.context.subscriberId,
       templateId: t.templateId ?? "",
-      type: t.type || To.CUSTOM,
+      type: t.type || _o.CUSTOM,
       category: i,
       channels: [n],
       payload: t.data || {},
       renderedContent: o,
-      status: bn.PENDING,
-      priority: xo.MEDIUM,
+      status: Sn.PENDING,
+      priority: wo.MEDIUM,
       scheduledFor: void 0,
       sentAt: void 0,
       retryCount: void 0,
@@ -785,7 +795,7 @@ class Io {
     };
   }
 }
-function jo(e) {
+function Do(e) {
   const {
     client: t,
     tenantId: r,
@@ -793,11 +803,11 @@ function jo(e) {
     environmentId: o,
     enabled: i = !0,
     autoAck: c = !1
-  } = e, [u, f] = Te(!1), [d, m] = Te(null), p = co(null);
+  } = e, [u, f] = Te(!1), [d, m] = Te(null), p = uo(null);
   Ze(() => {
     if (!i)
       return;
-    const S = new Io({
+    const S = new No({
       client: t,
       tenantId: r,
       subscriberId: n,
@@ -843,7 +853,7 @@ function jo(e) {
     error: d
   };
 }
-function No(e) {
+function Mo(e) {
   const {
     client: t,
     tenantId: r,
@@ -865,7 +875,7 @@ function No(e) {
     environmentId: o,
     enabled: !0,
     autoAck: u
-  }, m = ko(f), p = jo(d), [h, y] = Te(m.notifications);
+  }, m = Po(f), p = Do(d), [h, y] = Te(m.notifications);
   return Ze(() => {
     y(m.notifications);
   }, [m.notifications]), Ze(() => {
@@ -874,7 +884,7 @@ function No(e) {
     }), l = p.onAck((T) => {
       y(
         (S) => S.map(
-          (w) => w.notificationId === T.notificationId ? { ...w, status: bn.DELIVERED } : w
+          (w) => w.notificationId === T.notificationId ? { ...w, status: Sn.DELIVERED } : w
         )
       );
     });
@@ -892,11 +902,11 @@ function No(e) {
     deleteNotification: m.deleteNotification
   };
 }
-var yt = { exports: {} }, Q = {};
-var jr;
-function Do() {
-  if (jr) return Q;
-  jr = 1;
+var bt = { exports: {} }, Q = {};
+var Dr;
+function Bo() {
+  if (Dr) return Q;
+  Dr = 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) {
@@ -958,9 +968,9 @@ function Do() {
   }, Q.typeOf = b, Q;
 }
 var Z = {};
-var Nr;
-function Mo() {
-  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && (function() {
+var Mr;
+function Fo() {
+  return Mr || (Mr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (typeof l == "object" && l !== null) {
         var T = l.$$typeof;
@@ -1022,23 +1032,23 @@ function Mo() {
     }, Z.typeOf = e;
   })()), Z;
 }
-var Dr;
-function Bo() {
-  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? yt.exports = /* @__PURE__ */ Do() : yt.exports = /* @__PURE__ */ Mo()), yt.exports;
+var Br;
+function Lo() {
+  return Br || (Br = 1, process.env.NODE_ENV === "production" ? bt.exports = /* @__PURE__ */ Bo() : bt.exports = /* @__PURE__ */ Fo()), bt.exports;
 }
-var wt = /* @__PURE__ */ Bo();
+var _t = /* @__PURE__ */ Lo();
 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 vn(e) {
-  if (/* @__PURE__ */ Ie.isValidElement(e) || wt.isValidElementType(e) || !Ae(e))
+function En(e) {
+  if (/* @__PURE__ */ Ie.isValidElement(e) || _t.isValidElementType(e) || !Ae(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = vn(e[r]);
+    t[r] = En(e[r]);
   }), t;
 }
 function Se(e, t, r = {
@@ -1048,15 +1058,15 @@ function Se(e, t, r = {
     ...e
   } : e;
   return Ae(e) && Ae(t) && Object.keys(t).forEach((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];
+    /* @__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];
   }), n;
 }
-var bt = { exports: {} }, vt = { exports: {} }, J = {};
-var Mr;
-function Fo() {
-  if (Mr) return J;
-  Mr = 1;
+var vt = { exports: {} }, St = { exports: {} }, J = {};
+var Fr;
+function Vo() {
+  if (Fr) return J;
+  Fr = 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) {
@@ -1120,9 +1130,9 @@ function Fo() {
   }, J.typeOf = A, J;
 }
 var X = {};
-var Br;
-function Lo() {
-  return Br || (Br = 1, process.env.NODE_ENV !== "production" && (function() {
+var Lr;
+function Wo() {
+  return Lr || (Lr = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, 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.
@@ -1203,14 +1213,14 @@ function Lo() {
     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 Fr;
-function Sn() {
-  return Fr || (Fr = 1, process.env.NODE_ENV === "production" ? vt.exports = Fo() : vt.exports = Lo()), vt.exports;
+var Vr;
+function Cn() {
+  return Vr || (Vr = 1, process.env.NODE_ENV === "production" ? St.exports = Vo() : St.exports = Wo()), St.exports;
 }
-var Ut, Lr;
-function Vo() {
-  if (Lr) return Ut;
-  Lr = 1;
+var Gt, Wr;
+function zo() {
+  if (Wr) return Gt;
+  Wr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(i) {
     if (i == null)
@@ -1239,7 +1249,7 @@ function Vo() {
       return !1;
     }
   }
-  return Ut = o() ? Object.assign : function(i, c) {
+  return Gt = 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)
@@ -1251,27 +1261,27 @@ function Vo() {
       }
     }
     return f;
-  }, Ut;
+  }, Gt;
 }
-var Gt, Vr;
-function ar() {
-  if (Vr) return Gt;
-  Vr = 1;
+var qt, zr;
+function sr() {
+  if (zr) return qt;
+  zr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Gt = e, Gt;
+  return qt = e, qt;
 }
-var qt, Wr;
-function En() {
-  return Wr || (Wr = 1, qt = Function.call.bind(Object.prototype.hasOwnProperty)), qt;
+var Kt, Yr;
+function xn() {
+  return Yr || (Yr = 1, Kt = Function.call.bind(Object.prototype.hasOwnProperty)), Kt;
 }
-var Kt, zr;
-function Wo() {
-  if (zr) return Kt;
-  zr = 1;
+var Ht, Ur;
+function Yo() {
+  if (Ur) return Ht;
+  Ur = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = /* @__PURE__ */ ar(), r = {}, n = /* @__PURE__ */ En();
+    var t = /* @__PURE__ */ sr(), r = {}, n = /* @__PURE__ */ xn();
     e = function(i) {
       var c = "Warning: " + i;
       typeof console < "u" && console.error(c);
@@ -1311,13 +1321,13 @@ function Wo() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, Kt = o, Kt;
+  }, Ht = o, Ht;
 }
-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() {
+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() {
   };
   process.env.NODE_ENV !== "production" && (i = function(u) {
     var f = "Warning: " + u;
@@ -1330,7 +1340,7 @@ function zo() {
   function c() {
     return null;
   }
-  return Ht = function(u, f) {
+  return Jt = function(u, f) {
     var d = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function p(C) {
       var k = C && (d && C[d] || C[m]);
@@ -1632,18 +1642,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;
-  }, Ht;
+  }, Jt;
 }
-var Jt, Ur;
-function Yo() {
-  if (Ur) return Jt;
-  Ur = 1;
-  var e = /* @__PURE__ */ ar();
+var Xt, qr;
+function Go() {
+  if (qr) return Xt;
+  qr = 1;
+  var e = /* @__PURE__ */ sr();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, Jt = function() {
+  return r.resetWarningCache = t, Xt = function() {
     function n(c, u, f, d, m, p) {
       if (p !== e) {
         var h = new Error(
@@ -1680,43 +1690,43 @@ function Yo() {
       resetWarningCache: t
     };
     return i.PropTypes = i, i;
-  }, 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);
+  }, 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);
   } else
-    bt.exports = /* @__PURE__ */ Yo()();
-  return bt.exports;
+    vt.exports = /* @__PURE__ */ Go()();
+  return vt.exports;
 }
-var Go = /* @__PURE__ */ Uo();
-const K = /* @__PURE__ */ _o(Go);
+var Ko = /* @__PURE__ */ qo();
+const K = /* @__PURE__ */ Ro(Ko);
 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 Cn(e, t = "") {
+function Tn(e, t = "") {
   return e.displayName || e.name || t;
 }
-function qr(e, t, r) {
-  const n = Cn(t);
+function Hr(e, t, r) {
+  const n = Tn(t);
   return e.displayName || (n !== "" ? `${r}(${n})` : r);
 }
-function qo(e) {
+function Ho(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return Cn(e, "Component");
+      return Tn(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case wt.ForwardRef:
-          return qr(e, e.render, "ForwardRef");
-        case wt.Memo:
-          return qr(e, e.type, "memo");
+        case _t.ForwardRef:
+          return Hr(e, e.render, "ForwardRef");
+        case _t.Memo:
+          return Hr(e, e.type, "memo");
         default:
           return;
       }
@@ -1727,7 +1737,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 tr(e, t) {
+function rr(e, t) {
   const r = {
     ...t
   };
@@ -1752,14 +1762,14 @@ function tr(e, t) {
           for (const u in i)
             if (Object.prototype.hasOwnProperty.call(i, u)) {
               const f = u;
-              r[o][f] = tr(i[f], c[f]);
+              r[o][f] = rr(i[f], c[f]);
             }
         }
       } else r[o] === void 0 && (r[o] = e[o]);
     }
   return r;
 }
-function Ko(e, t, r = void 0) {
+function Jo(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const i = e[o];
@@ -1772,8 +1782,8 @@ function Ko(e, t, r = void 0) {
   }
   return n;
 }
-const Kr = (e) => e, Ho = () => {
-  let e = Kr;
+const Jr = (e) => e, Xo = () => {
+  let e = Jr;
   return {
     configure(t) {
       e = t;
@@ -1782,10 +1792,10 @@ const Kr = (e) => e, Ho = () => {
       return e(t);
     },
     reset() {
-      e = Kr;
+      e = Jr;
     }
   };
-}, Jo = Ho(), Xo = {
+}, Qo = Xo(), Zo = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1799,40 +1809,40 @@ const Kr = (e) => e, Ho = () => {
   required: "required",
   selected: "selected"
 };
-function sr(e, t, r = "Mui") {
-  const n = Xo[t];
-  return n ? `${r}-${n}` : `${Jo.generate(e)}-${t}`;
+function cr(e, t, r = "Mui") {
+  const n = Zo[t];
+  return n ? `${r}-${n}` : `${Qo.generate(e)}-${t}`;
 }
-function Qo(e, t, r = "Mui") {
+function ei(e, t, r = "Mui") {
   const n = {};
   return t.forEach((o) => {
-    n[o] = sr(e, o, r);
+    n[o] = cr(e, o, r);
   }), n;
 }
-function Zo(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function ti(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function xn(e) {
+function wn(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 = xn(e[t])) && (n && (n += " "), n += r);
+    for (t = 0; t < o; t++) e[t] && (r = wn(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-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);
+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);
   return n;
 }
-function st(e, t) {
+function ct(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 Hr(e, t) {
+function Xr(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -1846,10 +1856,10 @@ function Hr(e, t) {
     ...t
   }) : t;
 }
-function ti(e, t) {
+function ni(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function ri(e, t) {
+function oi(e, t) {
   const r = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!r) {
     if (process.env.NODE_ENV !== "production")
@@ -1860,7 +1870,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 ni(e) {
+function ii(e) {
   const t = (i, c) => i.replace("@media", c ? `@container ${c}` : "@container");
   function r(i, c) {
     i.up = (...u) => t(e.breakpoints.up(...u), c), i.down = (...u) => t(e.breakpoints.down(...u), c), i.between = (...u) => t(e.breakpoints.between(...u), c), i.only = (...u) => t(e.breakpoints.only(...u), c), i.not = (...u) => {
@@ -1874,7 +1884,7 @@ function ni(e) {
     containerQueries: o
   };
 }
-const At = {
+const kt = {
   xs: 0,
   // phone
   sm: 600,
@@ -1885,15 +1895,15 @@ const At = {
   // desktop
   xl: 1536
   // large screen
-}, Jr = {
+}, Qr = {
   // 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:${At[e]}px)`
-}, oi = {
+  up: (e) => `@media (min-width:${kt[e]}px)`
+}, ai = {
   containerQueries: (e) => ({
     up: (t) => {
-      let r = typeof t == "number" ? t : At[t] || t;
+      let r = typeof t == "number" ? t : kt[t] || t;
       return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
     }
   })
@@ -1901,16 +1911,16 @@ const At = {
 function ke(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || Jr;
+    const i = n.breakpoints || Qr;
     return t.reduce((c, u, f) => (c[i.up(i.keys[f])] = r(t[f]), c), {});
   }
   if (typeof t == "object") {
-    const i = n.breakpoints || Jr;
+    const i = n.breakpoints || Qr;
     return Object.keys(t).reduce((c, u) => {
-      if (ti(i.keys, u)) {
-        const f = ri(n.containerQueries ? n : oi, u);
+      if (ni(i.keys, u)) {
+        const f = oi(n.containerQueries ? n : ai, u);
         f && (c[f] = r(t[u], u));
-      } else if (Object.keys(i.values || At).includes(u)) {
+      } else if (Object.keys(i.values || kt).includes(u)) {
         const f = i.up(u);
         c[f] = r(t[u], u);
       } else {
@@ -1922,19 +1932,19 @@ function ke(e, t, r) {
   }
   return r(t);
 }
-function ii(e = {}) {
+function si(e = {}) {
   return e.keys?.reduce((r, n) => {
     const o = e.up(n);
     return r[o] = {}, r;
   }, {}) || {};
 }
-function Xr(e, t) {
+function Zr(e, t) {
   return e.reduce((r, n) => {
     const o = r[n];
     return (!o || Object.keys(o).length === 0) && delete r[n], r;
   }, t);
 }
-function kt(e, t, r = !0) {
+function $t(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -1944,9 +1954,9 @@ function kt(e, t, r = !0) {
   }
   return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function _t(e, t, r, n = r) {
+function Ot(e, t, r, n = r) {
   let 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;
+  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;
 }
 function fe(e) {
   const {
@@ -1957,10 +1967,10 @@ function fe(e) {
   } = e, i = (c) => {
     if (c[t] == null)
       return null;
-    const u = c[t], f = c.theme, d = kt(f, n) || {};
+    const u = c[t], f = c.theme, d = $t(f, n) || {};
     return ke(c, u, (p) => {
-      let h = _t(d, o, p);
-      return p === h && typeof p == "string" && (h = _t(d, o, `${t}${p === "default" ? "" : We(p)}`, p)), r === !1 ? h : {
+      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 : {
         [r]: h
       };
     });
@@ -1969,36 +1979,36 @@ function fe(e) {
     [t]: De
   } : {}, i.filterProps = [t], i;
 }
-function ai(e) {
+function ci(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const si = {
+const li = {
   m: "margin",
   p: "padding"
-}, ci = {
+}, ui = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Qr = {
+}, en = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, li = ai((e) => {
+}, fi = ci((e) => {
   if (e.length > 2)
-    if (Qr[e])
-      e = Qr[e];
+    if (en[e])
+      e = en[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = si[t], o = ci[r] || "";
+  const [t, r] = e.split(""), n = li[t], o = ui[r] || "";
   return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
-}), $t = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Pt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], ui = [...$t, ...Pt];
-function ut(e, t, r, n) {
-  const o = kt(e, t, !0) ?? r;
+}), 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;
   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;
@@ -2012,40 +2022,40 @@ function ut(e, t, r, n) {
 `)), () => {
   });
 }
-function cr(e) {
-  return ut(e, "spacing", 8, "spacing");
+function lr(e) {
+  return ft(e, "spacing", 8, "spacing");
 }
-function ft(e, t) {
+function dt(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function fi(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = ft(t, r), n), {});
+function pi(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = dt(t, r), n), {});
 }
-function di(e, t, r, n) {
+function mi(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = li(r), i = fi(o, n), c = e[r];
+  const o = fi(r), i = pi(o, n), c = e[r];
   return ke(e, c, i);
 }
-function Tn(e, t) {
-  const r = cr(e.theme);
-  return Object.keys(e).map((n) => di(e, t, n, r)).reduce(st, {});
+function _n(e, t) {
+  const r = lr(e.theme);
+  return Object.keys(e).map((n) => mi(e, t, n, r)).reduce(ct, {});
 }
 function se(e) {
-  return Tn(e, $t);
+  return _n(e, Pt);
 }
-se.propTypes = process.env.NODE_ENV !== "production" ? $t.reduce((e, t) => (e[t] = De, e), {}) : {};
-se.filterProps = $t;
+se.propTypes = process.env.NODE_ENV !== "production" ? Pt.reduce((e, t) => (e[t] = De, e), {}) : {};
+se.filterProps = Pt;
 function ce(e) {
-  return Tn(e, Pt);
+  return _n(e, It);
 }
-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) {
+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) {
   const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
     n[i] = o;
-  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? st(o, t[i](n)) : o, {});
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? ct(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) {
@@ -2058,107 +2068,107 @@ function we(e, t) {
     transform: t
   });
 }
-const pi = we("border", xe), mi = we("borderTop", xe), hi = we("borderRight", xe), gi = we("borderBottom", xe), yi = we("borderLeft", xe), bi = we("borderColor"), vi = we("borderTopColor"), Si = we("borderRightColor"), Ei = we("borderBottomColor"), Ci = we("borderLeftColor"), xi = we("outline", xe), Ti = we("outlineColor"), jt = (e) => {
+const hi = we("border", xe), gi = we("borderTop", xe), yi = we("borderRight", xe), bi = we("borderBottom", xe), vi = we("borderLeft", xe), Si = we("borderColor"), Ei = we("borderTopColor"), Ci = we("borderRightColor"), xi = we("borderBottomColor"), Ti = we("borderLeftColor"), wi = we("outline", xe), _i = we("outlineColor"), Nt = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = ut(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: ft(t, n)
+    const t = ft(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: dt(t, n)
     });
     return ke(e, e.borderRadius, r);
   }
   return null;
 };
-jt.propTypes = process.env.NODE_ENV !== "production" ? {
+Nt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: De
 } : {};
-jt.filterProps = ["borderRadius"];
-It(pi, mi, hi, gi, yi, bi, vi, Si, Ei, Ci, jt, xi, Ti);
-const Nt = (e) => {
+Nt.filterProps = ["borderRadius"];
+jt(hi, gi, yi, bi, vi, Si, Ei, Ci, xi, Ti, Nt, wi, _i);
+const Dt = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const t = ut(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: ft(t, n)
+    const t = ft(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: dt(t, n)
     });
     return ke(e, e.gap, r);
   }
   return null;
 };
-Nt.propTypes = process.env.NODE_ENV !== "production" ? {
+Dt.propTypes = process.env.NODE_ENV !== "production" ? {
   gap: De
 } : {};
-Nt.filterProps = ["gap"];
-const Dt = (e) => {
+Dt.filterProps = ["gap"];
+const Mt = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = ut(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: ft(t, n)
+    const t = ft(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: dt(t, n)
     });
     return ke(e, e.columnGap, r);
   }
   return null;
 };
-Dt.propTypes = process.env.NODE_ENV !== "production" ? {
+Mt.propTypes = process.env.NODE_ENV !== "production" ? {
   columnGap: De
 } : {};
-Dt.filterProps = ["columnGap"];
-const Mt = (e) => {
+Mt.filterProps = ["columnGap"];
+const Bt = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = ut(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: ft(t, n)
+    const t = ft(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: dt(t, n)
     });
     return ke(e, e.rowGap, r);
   }
   return null;
 };
-Mt.propTypes = process.env.NODE_ENV !== "production" ? {
+Bt.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: De
 } : {};
-Mt.filterProps = ["rowGap"];
-const wi = fe({
+Bt.filterProps = ["rowGap"];
+const Oi = fe({
   prop: "gridColumn"
-}), _i = fe({
+}), Ri = fe({
   prop: "gridRow"
-}), Oi = fe({
+}), Ai = fe({
   prop: "gridAutoFlow"
-}), Ri = fe({
+}), ki = fe({
   prop: "gridAutoColumns"
-}), Ai = fe({
+}), $i = fe({
   prop: "gridAutoRows"
-}), ki = fe({
+}), Pi = fe({
   prop: "gridTemplateColumns"
-}), $i = fe({
+}), Ii = fe({
   prop: "gridTemplateRows"
-}), Pi = fe({
+}), ji = fe({
   prop: "gridTemplateAreas"
-}), Ii = fe({
+}), Ni = fe({
   prop: "gridArea"
 });
-It(Nt, Dt, Mt, wi, _i, Oi, Ri, Ai, ki, $i, Pi, Ii);
+jt(Dt, Mt, Bt, Oi, Ri, Ai, ki, $i, Pi, Ii, ji, Ni);
 function Qe(e, t) {
   return t === "grey" ? t : e;
 }
-const ji = fe({
+const Di = fe({
   prop: "color",
   themeKey: "palette",
   transform: Qe
-}), Ni = fe({
+}), Mi = fe({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Qe
-}), Di = fe({
+}), Bi = fe({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Qe
 });
-It(ji, Ni, Di);
+jt(Di, Mi, Bi);
 function ve(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Mi = fe({
+const Fi = fe({
   prop: "width",
   transform: ve
-}), lr = (e) => {
+}), ur = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
-      const n = e.theme?.breakpoints?.values?.[r] || At[r];
+      const n = e.theme?.breakpoints?.values?.[r] || kt[r];
       return n ? e.theme?.breakpoints?.unit !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
@@ -2171,17 +2181,17 @@ const Mi = fe({
   }
   return null;
 };
-lr.filterProps = ["maxWidth"];
-const Bi = fe({
+ur.filterProps = ["maxWidth"];
+const Li = fe({
   prop: "minWidth",
   transform: ve
-}), Fi = fe({
+}), Vi = fe({
   prop: "height",
   transform: ve
-}), Li = fe({
+}), Wi = fe({
   prop: "maxHeight",
   transform: ve
-}), Vi = fe({
+}), zi = fe({
   prop: "minHeight",
   transform: ve
 });
@@ -2195,11 +2205,11 @@ fe({
   cssProperty: "height",
   transform: ve
 });
-const Wi = fe({
+const Yi = fe({
   prop: "boxSizing"
 });
-It(Mi, lr, Bi, Fi, Li, Vi, Wi);
-const Bt = {
+jt(Fi, ur, Li, Vi, Wi, zi, Yi);
+const Ft = {
   // borders
   border: {
     themeKey: "borders",
@@ -2245,7 +2255,7 @@ const Bt = {
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: jt
+    style: Nt
   },
   // palette
   color: {
@@ -2412,13 +2422,13 @@ const Bt = {
   justifySelf: {},
   // grid
   gap: {
-    style: Nt
+    style: Dt
   },
   rowGap: {
-    style: Mt
+    style: Bt
   },
   columnGap: {
-    style: Dt
+    style: Mt
   },
   gridColumn: {},
   gridRow: {},
@@ -2447,7 +2457,7 @@ const Bt = {
     transform: ve
   },
   maxWidth: {
-    style: lr
+    style: ur
   },
   minWidth: {
     transform: ve
@@ -2487,14 +2497,14 @@ const Bt = {
     themeKey: "typography"
   }
 };
-function zi(...e) {
+function Ui(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function Yi(e, t) {
+function Gi(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Ui() {
+function qi() {
   function e(r, n, o, i) {
     const c = {
       [r]: n,
@@ -2516,10 +2526,10 @@ function Ui() {
       return {
         [r]: n
       };
-    const h = kt(o, d) || {};
+    const h = $t(o, d) || {};
     return p ? p(c) : ke(c, n, (b) => {
-      let l = _t(h, m, b);
-      return b === l && typeof b == "string" && (l = _t(h, m, `${r}${b === "default" ? "" : We(b)}`, b)), f === !1 ? l : {
+      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 : {
         [f]: l
       };
     });
@@ -2532,7 +2542,7 @@ function Ui() {
     } = r || {};
     if (!n)
       return null;
-    const c = o.unstable_sxConfig ?? Bt;
+    const c = o.unstable_sxConfig ?? Ft;
     function u(f) {
       let d = f;
       if (typeof f == "function")
@@ -2541,39 +2551,39 @@ function Ui() {
         return f;
       if (!d)
         return null;
-      const m = ii(o.breakpoints), p = Object.keys(m);
+      const m = si(o.breakpoints), p = Object.keys(m);
       let h = m;
       return Object.keys(d).forEach((y) => {
-        const b = Yi(d[y], o);
+        const b = Gi(d[y], o);
         if (b != null)
           if (typeof b == "object")
             if (c[y])
-              h = st(h, e(y, b, o, c));
+              h = ct(h, e(y, b, o, c));
             else {
               const l = ke({
                 theme: o
               }, b, (T) => ({
                 [y]: T
               }));
-              zi(l, b) ? h[y] = t({
+              Ui(l, b) ? h[y] = t({
                 sx: b,
                 theme: o,
                 nested: !0
-              }) : h = st(h, l);
+              }) : h = ct(h, l);
             }
           else
-            h = st(h, e(y, b, o, c));
+            h = ct(h, e(y, b, o, c));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": Hr(o, Xr(p, h))
-      } : Hr(o, Xr(p, h));
+        "@layer sx": Xr(o, Zr(p, h))
+      } : Xr(o, Zr(p, h));
     }
     return Array.isArray(n) ? n.map(u) : u(n);
   }
   return t;
 }
-const et = Ui();
+const et = qi();
 et.filterProps = ["sx"];
-function Gi(e) {
+function Ki(e) {
   for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -2592,7 +2602,7 @@ function Gi(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var qi = {
+var Hi = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -2642,24 +2652,24 @@ var qi = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Ki(e) {
+function Ji(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Hi = /[A-Z]|^ms/g, Ji = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
+var Xi = /[A-Z]|^ms/g, Qi = /_EMO_([^_]+?)_([^]*?)_EMO_/g, On = function(t) {
   return t.charCodeAt(1) === 45;
-}, Zr = function(t) {
+}, tn = function(t) {
   return t != null && typeof t != "boolean";
-}, Xt = /* @__PURE__ */ Ki(function(e) {
-  return wn(e) ? e : e.replace(Hi, "-$&").toLowerCase();
-}), en = function(t, r) {
+}, Qt = /* @__PURE__ */ Ji(function(e) {
+  return On(e) ? e : e.replace(Xi, "-$&").toLowerCase();
+}), rn = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Ji, function(n, o, i) {
+        return r.replace(Qi, function(n, o, i) {
           return Pe = {
             name: o,
             styles: i,
@@ -2667,9 +2677,9 @@ var Hi = /[A-Z]|^ms/g, Ji = /_EMO_([^_]+?)_([^]*?)_EMO_/g, wn = function(t) {
           }, o;
         });
   }
-  return qi[t] !== 1 && !wn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Hi[t] !== 1 && !On(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Ot(e, t, r) {
+function Rt(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -2699,32 +2709,32 @@ function Ot(e, t, r) {
         var u = i.styles + ";";
         return u;
       }
-      return Xi(e, t, r);
+      return Zi(e, t, r);
     }
   }
   var f = r;
   return f;
 }
-function Xi(e, t, r) {
+function Zi(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
-      n += Ot(e, t, r[o]) + ";";
+      n += Rt(e, t, r[o]) + ";";
   else
     for (var i in r) {
       var c = r[i];
       if (typeof c != "object") {
         var u = c;
-        Zr(u) && (n += Xt(i) + ":" + en(i, u) + ";");
+        tn(u) && (n += Qt(i) + ":" + rn(i, u) + ";");
       } else if (Array.isArray(c) && typeof c[0] == "string" && t == null)
         for (var f = 0; f < c.length; f++)
-          Zr(c[f]) && (n += Xt(i) + ":" + en(i, c[f]) + ";");
+          tn(c[f]) && (n += Qt(i) + ":" + rn(i, c[f]) + ";");
       else {
-        var d = Ot(e, t, c);
+        var d = Rt(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Xt(i) + ":" + d + ";";
+            n += Qt(i) + ":" + d + ";";
             break;
           }
           default:
@@ -2734,50 +2744,50 @@ function Xi(e, t, r) {
     }
   return n;
 }
-var tn = /label:\s*([^\s;{]+)\s*(;|$)/g, Pe;
-function Qi(e, t, r) {
+var nn = /label:\s*([^\s;{]+)\s*(;|$)/g, Pe;
+function ea(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
   Pe = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, o += Ot(r, t, i);
+    n = !1, o += Rt(r, t, i);
   else {
     var c = i;
     o += c[0];
   }
   for (var u = 1; u < e.length; u++)
-    if (o += Ot(r, t, e[u]), n) {
+    if (o += Rt(r, t, e[u]), n) {
       var f = i;
       o += f[u];
     }
-  tn.lastIndex = 0;
-  for (var d = "", m; (m = tn.exec(o)) !== null; )
+  nn.lastIndex = 0;
+  for (var d = "", m; (m = nn.exec(o)) !== null; )
     d += "-" + m[1];
-  var p = Gi(o) + d;
+  var p = Ki(o) + d;
   return {
     name: p,
     styles: o,
     next: Pe
   };
 }
-function Zi(e, t) {
-  const r = wo(e, t);
+function ta(e, t) {
+  const r = Oo(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
 `)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
   } : r;
 }
-function ea(e, t) {
+function ra(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const rn = [];
+const on = [];
 function Ve(e) {
-  return rn[0] = e, Qi(rn);
+  return on[0] = e, ea(on);
 }
-const ta = (e) => {
+const na = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -2787,7 +2797,7 @@ const ta = (e) => {
     [n.key]: n.val
   }), {});
 };
-function ra(e) {
+function oa(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -2806,7 +2816,7 @@ function ra(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, i = ta(t), c = Object.keys(i);
+  } = e, i = na(t), c = Object.keys(i);
   function u(h) {
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
   }
@@ -2836,10 +2846,10 @@ function ra(e) {
     ...o
   };
 }
-const na = {
+const ia = {
   borderRadius: 4
 };
-function _n(e = 8, t = cr({
+function Rn(e = 8, t = lr({
   spacing: e
 })) {
   if (e.mui)
@@ -2850,7 +2860,7 @@ function _n(e = 8, t = cr({
   }).join(" "));
   return r.mui = !0, r;
 }
-function oa(e, t) {
+function aa(e, t) {
   const r = this;
   if (r.vars) {
     if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
@@ -2862,14 +2872,14 @@ function oa(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function On(e = {}, ...t) {
+function An(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: i = {},
     ...c
-  } = e, u = ra(r), f = _n(o);
+  } = e, u = oa(r), f = Rn(o);
   let d = Se({
     breakpoints: u,
     direction: "ltr",
@@ -2881,12 +2891,12 @@ function On(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...na,
+      ...ia,
       ...i
     }
   }, c);
-  return d = ni(d), d.applyStyles = oa, d = t.reduce((m, p) => Se(m, p), d), d.unstable_sxConfig = {
-    ...Bt,
+  return d = ii(d), d.applyStyles = aa, d = t.reduce((m, p) => Se(m, p), d), d.unstable_sxConfig = {
+    ...Ft,
     ...c?.unstable_sxConfig
   }, d.unstable_sx = function(p) {
     return et({
@@ -2895,7 +2905,7 @@ function On(e = {}, ...t) {
     });
   }, d;
 }
-function Rn(e) {
+function kn(e) {
   const {
     variants: t,
     ...r
@@ -2908,23 +2918,23 @@ function Rn(e) {
     typeof o.style != "function" && (o.style = Ve(o.style));
   }), n;
 }
-const ia = On();
-function Qt(e) {
+const sa = An();
+function Zt(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 function Le(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function aa(e) {
+function ca(e) {
   return e ? (t, r) => r[e] : null;
 }
-function sa(e, t, r) {
-  e.theme = fa(e.theme) ? r : e.theme[t] || e.theme;
+function la(e, t, r) {
+  e.theme = pa(e.theme) ? r : e.theme[t] || e.theme;
 }
-function Ct(e, t, r) {
+function xt(e, t, r) {
   const n = typeof t == "function" ? t(e) : t;
   if (Array.isArray(n))
-    return n.flatMap((o) => Ct(e, o, r));
+    return n.flatMap((o) => xt(e, o, r));
   if (Array.isArray(n?.variants)) {
     let o;
     if (n.isProcessed)
@@ -2936,11 +2946,11 @@ function Ct(e, t, r) {
       } = n;
       o = r ? Le(Ve(c), r) : c;
     }
-    return An(e, n.variants, [o], r);
+    return $n(e, n.variants, [o], r);
   }
   return n?.isProcessed ? r ? Le(Ve(n.style), r) : n.style : r ? Le(Ve(n), r) : n;
 }
-function An(e, t, r = [], n = void 0) {
+function $n(e, t, r = [], n = void 0) {
   let o;
   e: for (let i = 0; i < t.length; i += 1) {
     const c = t[i];
@@ -2963,18 +2973,18 @@ function An(e, t, r = [], n = void 0) {
   }
   return r;
 }
-function ca(e = {}) {
+function ua(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = ia,
-    rootShouldForwardProp: n = Qt,
-    slotShouldForwardProp: o = Qt
+    defaultTheme: r = sa,
+    rootShouldForwardProp: n = Zt,
+    slotShouldForwardProp: o = Zt
   } = e;
   function i(u) {
-    sa(u, t, r);
+    la(u, t, r);
   }
   return (u, f = {}) => {
-    ea(u, (q) => q.filter((oe) => oe !== et));
+    ra(u, (q) => q.filter((oe) => oe !== et));
     const {
       name: d,
       slot: m,
@@ -2982,30 +2992,30 @@ function ca(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 = aa(kn(m)),
+      overridesResolver: y = ca(Pn(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 = Qt;
-    m === "Root" || m === "root" ? w = n : m ? w = o : da(u) && (w = void 0);
-    const A = Zi(u, {
+    let w = Zt;
+    m === "Root" || m === "root" ? w = n : m ? w = o : ma(u) && (w = void 0);
+    const A = ta(u, {
       shouldForwardProp: w,
-      label: ua(d, m),
+      label: da(d, m),
       ...b
     }), $ = (q) => {
       if (q.__emotion_real === q)
         return q;
       if (typeof q == "function")
         return function(ee) {
-          return Ct(ee, q, ee.theme.modularCssLayers ? l : void 0);
+          return xt(ee, q, ee.theme.modularCssLayers ? l : void 0);
         };
       if (Ae(q)) {
-        const oe = Rn(q);
+        const oe = kn(q);
         return function(W) {
-          return oe.variants ? Ct(W, oe, W.theme.modularCssLayers ? l : void 0) : W.theme.modularCssLayers ? Le(oe.style, l) : oe.style;
+          return oe.variants ? xt(W, oe, W.theme.modularCssLayers ? l : void 0) : W.theme.modularCssLayers ? Le(oe.style, l) : oe.style;
         };
       }
       return q;
@@ -3017,47 +3027,47 @@ function ca(e = {}) {
           return null;
         const pe = {};
         for (const be in ae)
-          pe[be] = Ct(N, ae[be], N.theme.modularCssLayers ? "theme" : void 0);
+          pe[be] = xt(N, ae[be], N.theme.modularCssLayers ? "theme" : void 0);
         return y(N, pe);
       }), d && !T && W.push(function(N) {
         const ae = N.theme?.components?.[d]?.variants;
-        return ae ? An(N, ae, [], N.theme.modularCssLayers ? "theme" : void 0) : null;
+        return ae ? $n(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 = la(d, m, u)), O;
+      return u.muiName && (O.muiName = u.muiName), process.env.NODE_ENV !== "production" && (O.displayName = fa(d, m, u)), O;
     };
     return A.withConfig && (E.withConfig = A.withConfig), E;
   };
 }
-function la(e, t, r) {
-  return e ? `${e}${We(t || "")}` : `Styled(${qo(r)})`;
+function fa(e, t, r) {
+  return e ? `${e}${We(t || "")}` : `Styled(${Ho(r)})`;
 }
-function ua(e, t) {
+function da(e, t) {
   let r;
-  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${kn(t || "Root")}`), r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Pn(t || "Root")}`), r;
 }
-function fa(e) {
+function pa(e) {
   for (const t in e)
     return !1;
   return !0;
 }
-function da(e) {
+function ma(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   e.charCodeAt(0) > 96;
 }
-function kn(e) {
+function Pn(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function ur(e, t = 0, r = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Zo(e, t, r);
+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 pa(e) {
+function ha(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
@@ -3067,7 +3077,7 @@ function Ne(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Ne(pa(e));
+    return Ne(ha(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -3085,17 +3095,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const ma = (e) => {
+const ga = (e) => {
   const t = Ne(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
-}, it = (e, t) => {
+}, at = (e, t) => {
   try {
-    return ma(e);
+    return ga(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function Ft(e) {
+function Lt(e) {
   const {
     type: t,
     colorSpace: r
@@ -3105,54 +3115,54 @@ function Ft(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 $n(e) {
+function In(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])), Ft({
+  return e.type === "hsla" && (u += "a", f.push(t[3])), Lt({
     type: u,
     values: f
   });
 }
-function rr(e) {
+function nr(e) {
   e = Ne(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? Ne($n(e)).values : e.values;
+  let t = e.type === "hsl" || e.type === "hsla" ? Ne(In(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
-function nn(e, t) {
-  const r = rr(e), n = rr(t);
+function an(e, t) {
+  const r = nr(e), n = nr(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-function ha(e, t) {
-  return e = Ne(e), t = ur(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ft(e);
+function ya(e, t) {
+  return e = 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 St(e, t, r) {
+function Et(e, t, r) {
   try {
-    return ha(e, t);
+    return ya(e, t);
   } catch {
     return e;
   }
 }
-function fr(e, t) {
-  if (e = Ne(e), t = ur(t), e.type.includes("hsl"))
+function dr(e, t) {
+  if (e = Ne(e), t = fr(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 Ft(e);
+  return Lt(e);
 }
 function re(e, t, r) {
   try {
-    return fr(e, t);
+    return dr(e, t);
   } catch {
     return e;
   }
 }
-function dr(e, t) {
-  if (e = Ne(e), t = ur(t), e.type.includes("hsl"))
+function pr(e, t) {
+  if (e = Ne(e), t = fr(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)
@@ -3160,28 +3170,28 @@ function dr(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 Ft(e);
+  return Lt(e);
 }
 function ne(e, t, r) {
   try {
-    return dr(e, t);
+    return pr(e, t);
   } catch {
     return e;
   }
 }
-function ga(e, t = 0.15) {
-  return rr(e) > 0.5 ? fr(e, t) : dr(e, t);
+function ba(e, t = 0.15) {
+  return nr(e) > 0.5 ? dr(e, t) : pr(e, t);
 }
-function Et(e, t, r) {
+function Ct(e, t, r) {
   try {
-    return ga(e, t);
+    return ba(e, t);
   } catch {
     return e;
   }
 }
-const ya = /* @__PURE__ */ Ie.createContext(void 0);
+const va = /* @__PURE__ */ Ie.createContext(void 0);
 process.env.NODE_ENV !== "production" && (K.node, K.object);
-function ba(e) {
+function Sa(e) {
   const {
     theme: t,
     name: r,
@@ -3190,14 +3200,14 @@ function ba(e) {
   if (!t || !t.components || !t.components[r])
     return n;
   const o = t.components[r];
-  return o.defaultProps ? tr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? tr(o, n) : n;
+  return o.defaultProps ? rr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? rr(o, n) : n;
 }
-function va({
+function Ea({
   props: e,
   name: t
 }) {
-  const r = Ie.useContext(ya);
-  return ba({
+  const r = Ie.useContext(va);
+  return Sa({
     props: e,
     name: t,
     theme: {
@@ -3205,17 +3215,17 @@ function va({
     }
   });
 }
-const on = {
+const sn = {
   theme: void 0
 };
-function Sa(e) {
+function Ca(e) {
   let t, r;
   return function(o) {
     let i = t;
-    return (i === void 0 || o.theme !== r) && (on.theme = o.theme, i = Rn(e(on)), t = i, r = o.theme), i;
+    return (i === void 0 || o.theme !== r) && (sn.theme = o.theme, i = kn(e(sn)), t = i, r = o.theme), i;
   };
 }
-function Ea(e = "") {
+function xa(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -3224,32 +3234,32 @@ function Ea(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
 }
-const an = (e, t, r, n = []) => {
+const cn = (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]);
   });
-}, Ca = (e, t, r) => {
+}, Ta = (e, t, r) => {
   function n(o, i = [], c = []) {
     Object.entries(o).forEach(([u, f]) => {
       (!r || r && !r([...i, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, u], Array.isArray(f) ? [...c, u] : c) : t([...i, u], f, c));
     });
   }
   n(e);
-}, xa = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
-function Zt(e, t) {
+}, wa = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function er(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, o = {}, i = {}, c = {};
-  return Ca(
+  return Ta(
     e,
     (u, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, p = xa(u, f);
+        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, p = wa(u, f);
         Object.assign(o, {
           [m]: p
-        }), an(i, u, `var(${m})`, d), an(c, u, `var(${m}, ${p})`, d);
+        }), cn(i, u, `var(${m})`, d), cn(c, u, `var(${m}, ${p})`, d);
       }
     },
     (u) => u[0] === "vars"
@@ -3260,7 +3270,7 @@ function Zt(e, t) {
     varsWithDefaults: c
   };
 }
-function Ta(e, t = {}) {
+function _a(e, t = {}) {
   const {
     getSelector: r = T,
     disableCssColorScheme: n,
@@ -3274,7 +3284,7 @@ function Ta(e, t = {}) {
     vars: d,
     css: m,
     varsWithDefaults: p
-  } = Zt(f, t);
+  } = er(f, t);
   let h = p;
   const y = {}, {
     [u]: b,
@@ -3285,7 +3295,7 @@ function Ta(e, t = {}) {
       vars: E,
       css: q,
       varsWithDefaults: oe
-    } = Zt($, t);
+    } = er($, t);
     h = Se(h, oe), y[A] = {
       css: q,
       vars: E
@@ -3295,7 +3305,7 @@ function Ta(e, t = {}) {
       css: A,
       vars: $,
       varsWithDefaults: E
-    } = Zt(b, t);
+    } = er(b, t);
     h = Se(h, E), y[u] = {
       css: A,
       vars: $
@@ -3372,15 +3382,15 @@ function Ta(e, t = {}) {
     }
   };
 }
-function wa(e) {
+function Oa(e) {
   return function(r) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
   };
 }
-const ct = {
+const lt = {
   black: "#000",
   white: "#fff"
-}, _a = {
+}, Ra = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -3408,7 +3418,7 @@ const ct = {
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, ot = {
+}, it = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
@@ -3434,7 +3444,7 @@ const ct = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function Pn() {
+function jn() {
   return {
     // The colors used to style the text.
     text: {
@@ -3450,8 +3460,8 @@ function Pn() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: ct.white,
-      default: ct.white
+      paper: lt.white,
+      default: lt.white
     },
     // The colors used to style the action elements.
     action: {
@@ -3474,11 +3484,11 @@ function Pn() {
     }
   };
 }
-const Oa = Pn();
-function In() {
+const Aa = jn();
+function Nn() {
   return {
     text: {
-      primary: ct.white,
+      primary: lt.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -3489,7 +3499,7 @@ function In() {
       default: "#121212"
     },
     action: {
-      active: ct.white,
+      active: lt.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -3503,12 +3513,12 @@ function In() {
     }
   };
 }
-const sn = In();
-function cn(e, t, r, n) {
+const ln = Nn();
+function un(e, t, r, n) {
   const o = n.light || n, i = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = dr(e.main, o) : t === "dark" && (e.dark = fr(e.main, i)));
+  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)));
 }
-function Ra(e = "light") {
+function ka(e = "light") {
   return e === "dark" ? {
     main: He[200],
     light: He[50],
@@ -3519,7 +3529,7 @@ function Ra(e = "light") {
     dark: He[800]
   };
 }
-function Aa(e = "light") {
+function $a(e = "light") {
   return e === "dark" ? {
     main: qe[200],
     light: qe[50],
@@ -3530,7 +3540,7 @@ function Aa(e = "light") {
     dark: qe[700]
   };
 }
-function ka(e = "light") {
+function Pa(e = "light") {
   return e === "dark" ? {
     main: Ke[500],
     light: Ke[300],
@@ -3541,7 +3551,7 @@ function ka(e = "light") {
     dark: Ke[800]
   };
 }
-function $a(e = "light") {
+function Ia(e = "light") {
   return e === "dark" ? {
     main: Je[400],
     light: Je[300],
@@ -3552,7 +3562,7 @@ function $a(e = "light") {
     dark: Je[900]
   };
 }
-function Pa(e = "light") {
+function ja(e = "light") {
   return e === "dark" ? {
     main: Xe[400],
     light: Xe[300],
@@ -3563,29 +3573,29 @@ function Pa(e = "light") {
     dark: Xe[900]
   };
 }
-function Ia(e = "light") {
+function Na(e = "light") {
   return e === "dark" ? {
-    main: ot[400],
-    light: ot[300],
-    dark: ot[700]
+    main: it[400],
+    light: it[300],
+    dark: it[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: ot[500],
-    dark: ot[900]
+    light: it[500],
+    dark: it[900]
   };
 }
-function pr(e) {
+function mr(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, i = e.primary || Ra(t), c = e.secondary || Aa(t), u = e.error || ka(t), f = e.info || $a(t), d = e.success || Pa(t), m = e.warning || Ia(t);
+  } = 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);
   function p(l) {
-    const T = nn(l, sn.text.primary) >= r ? sn.text.primary : Oa.text.primary;
+    const T = an(l, ln.text.primary) >= r ? ln.text.primary : Aa.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = nn(l, T);
+      const S = an(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(`
 `));
     }
@@ -3618,13 +3628,13 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : je(12, T ? ` (${T})` : "", JSON.stringify(l.main)));
-    return cn(l, "light", w, n), cn(l, "dark", A, n), l.contrastText || (l.contrastText = p(l.main)), l;
+    return un(l, "light", w, n), un(l, "dark", A, n), l.contrastText || (l.contrastText = p(l.main)), l;
   };
   let y;
-  return t === "light" ? y = Pn() : t === "dark" && (y = In()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Se({
+  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({
     // A collection of common colors.
     common: {
-      ...ct
+      ...lt
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -3663,7 +3673,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: _a,
+    grey: Ra,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
@@ -3679,14 +3689,14 @@ const theme2 = createTheme({ palette: {
     ...y
   }, o);
 }
-function ja(e) {
+function Da(e) {
   const t = {};
   return Object.entries(e).forEach((n) => {
     const [o, i] = n;
     typeof i == "object" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
   }), t;
 }
-function Na(e, t) {
+function Ma(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -3702,15 +3712,15 @@ function Na(e, t) {
     ...t
   };
 }
-function Da(e) {
+function Ba(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const ln = {
+const fn = {
   textTransform: "uppercase"
-}, un = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Ma(e, t) {
+}, dn = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Fa(e, t) {
   const {
-    fontFamily: r = un,
+    fontFamily: r = dn,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -3735,8 +3745,8 @@ function Ma(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 === un ? {
-      letterSpacing: `${Da(A / S)}em`
+    ...r === dn ? {
+      letterSpacing: `${Ba(A / S)}em`
     } : {},
     ...$,
     ...d
@@ -3751,9 +3761,9 @@ function Ma(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, ln),
+    button: b(c, 14, 1.75, 0.4, fn),
     caption: b(i, 12, 1.66, 0.4),
-    overline: b(i, 12, 2.66, 1, ln),
+    overline: b(i, 12, 2.66, 1, fn),
     // 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",
@@ -3778,11 +3788,11 @@ function Ma(e, t) {
     // No need to clone deep
   });
 }
-const Ba = 0.2, Fa = 0.14, La = 0.12;
+const La = 0.2, Va = 0.14, Wa = 0.12;
 function ie(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Ba})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Fa})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${La})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${La})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Va})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Wa})`].join(",");
 }
-const Va = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ie(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ie(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ie(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ie(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ie(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ie(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ie(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ie(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ie(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ie(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ie(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ie(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ie(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ie(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ie(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ie(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ie(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ie(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ie(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ie(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ie(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ie(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Wa = {
+const za = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), ie(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), ie(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), ie(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), ie(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), ie(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), ie(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), ie(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), ie(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), ie(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), ie(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), ie(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), ie(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), ie(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), ie(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), ie(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), ie(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), ie(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), ie(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), ie(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), ie(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), ie(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), ie(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Ya = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -3792,7 +3802,7 @@ const Va = ["none", ie(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), ie(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, za = {
+}, Ua = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -3805,25 +3815,25 @@ const Va = ["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 fn(e) {
+function pn(e) {
   return `${Math.round(e)}ms`;
 }
-function Ya(e) {
+function Ga(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Ua(e) {
+function qa(e) {
   const t = {
-    ...Wa,
+    ...Ya,
     ...e.easing
   }, r = {
-    ...za,
+    ...Ua,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Ya,
+    getAutoHeightDuration: Ga,
     create: (o = ["all"], i = {}) => {
       const {
         duration: c = r.standard,
@@ -3836,14 +3846,14 @@ function Ua(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 : fn(c)} ${u} ${typeof f == "string" ? f : fn(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof c == "string" ? c : pn(c)} ${u} ${typeof f == "string" ? f : pn(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const Ga = {
+const Ka = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -3853,10 +3863,10 @@ const Ga = {
   snackbar: 1400,
   tooltip: 1500
 };
-function qa(e) {
+function Ha(e) {
   return Ae(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function jn(e = {}) {
+function Dn(e = {}) {
   const t = {
     ...e
   };
@@ -3864,7 +3874,7 @@ function jn(e = {}) {
     const o = Object.entries(n);
     for (let i = 0; i < o.length; i++) {
       const [c, u] = o[i];
-      !qa(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
+      !Ha(u) || c.startsWith("unstable_") ? delete n[c] : Ae(u) && (n[c] = {
         ...u
       }, r(n[c]));
     }
@@ -3878,7 +3888,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function nr(e = {}, ...t) {
+function or(e = {}, ...t) {
   const {
     breakpoints: r,
     mixins: n = {},
@@ -3893,16 +3903,16 @@ function nr(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 = pr(i), p = On(e);
+  const m = mr(i), p = An(e);
   let h = Se(p, {
-    mixins: Na(p.breakpoints, n),
+    mixins: Ma(p.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Va.slice(),
-    typography: Ma(m, u),
-    transitions: Ua(c),
+    shadows: za.slice(),
+    typography: Fa(m, u),
+    transitions: qa(c),
     zIndex: {
-      ...Ga
+      ...Ka
     }
   });
   if (h = Se(h, d), h = t.reduce((y, b) => Se(y, b), h), process.env.NODE_ENV !== "production") {
@@ -3912,7 +3922,7 @@ function nr(e = {}, ...t) {
         const w = l[S];
         if (y.includes(S) && Object.keys(w).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const A = sr("", S);
+            const A = cr("", 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
@@ -3930,26 +3940,26 @@ function nr(e = {}, ...t) {
     });
   }
   return h.unstable_sxConfig = {
-    ...Bt,
+    ...Ft,
     ...d?.unstable_sxConfig
   }, h.unstable_sx = function(b) {
     return et({
       sx: b,
       theme: this
     });
-  }, h.toRuntimeSource = jn, h;
+  }, h.toRuntimeSource = Dn, h;
 }
-function Ka(e) {
+function Ja(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const Ha = [...Array(25)].map((e, t) => {
+const Xa = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = Ka(t);
+  const r = Ja(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function Nn(e) {
+function Mn(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -3957,10 +3967,10 @@ function Nn(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function Dn(e) {
-  return e === "dark" ? Ha : [];
+function Bn(e) {
+  return e === "dark" ? Xa : [];
 }
-function Ja(e) {
+function Qa(e) {
   const {
     palette: t = {
       mode: "light"
@@ -3969,28 +3979,28 @@ function Ja(e) {
     opacity: r,
     overlays: n,
     ...o
-  } = e, i = pr(t);
+  } = e, i = mr(t);
   return {
     palette: i,
     opacity: {
-      ...Nn(i.mode),
+      ...Mn(i.mode),
       ...r
     },
-    overlays: n || Dn(i.mode),
+    overlays: n || Bn(i.mode),
     ...o
   };
 }
-function Xa(e) {
+function Za(e) {
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
-const Qa = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Za = (e) => (t, r) => {
+const es = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ts = (e) => (t, r) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   let i = o;
   if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
       const c = {};
-      return Qa(e.cssVarPrefix).forEach((u) => {
+      return es(e.cssVarPrefix).forEach((u) => {
         c[u] = r[u], delete r[u];
       }), i === "media" ? {
         [n]: r,
@@ -4021,7 +4031,7 @@ const Qa = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function es(e, t) {
+function rs(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -4029,14 +4039,14 @@ function es(e, t) {
 function g(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function at(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : $n(e);
+function st(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : In(e);
 }
 function Re(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = it(at(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${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().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function ts(e) {
+function ns(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const Oe = (e) => {
@@ -4044,14 +4054,14 @@ const Oe = (e) => {
     return e();
   } catch {
   }
-}, rs = (e = "mui") => Ea(e);
-function er(e, t, r, n) {
+}, os = (e = "mui") => xa(e);
+function tr(e, t, r, n) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
   const o = n === "dark" ? "dark" : "light";
   if (!r) {
-    e[n] = Ja({
+    e[n] = Qa({
       ...t,
       palette: {
         mode: o,
@@ -4063,7 +4073,7 @@ function er(e, t, r, n) {
   const {
     palette: i,
     ...c
-  } = nr({
+  } = or({
     ...r,
     palette: {
       mode: o,
@@ -4074,13 +4084,13 @@ function er(e, t, r, n) {
     ...t,
     palette: i,
     opacity: {
-      ...Nn(o),
+      ...Mn(o),
       ...t?.opacity
     },
-    overlays: t?.overlays || Dn(o)
+    overlays: t?.overlays || Bn(o)
   }, c;
 }
-function ns(e = {}, ...t) {
+function is(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -4088,11 +4098,11 @@ function ns(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: i = "mui",
-    shouldSkipGeneratingVar: c = Xa,
+    shouldSkipGeneratingVar: c = Za,
     colorSchemeSelector: u = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...d
-  } = e, m = Object.keys(r)[0], p = n || (r.light && m !== "light" ? "light" : m), h = rs(i), {
+  } = e, m = Object.keys(r)[0], p = n || (r.light && m !== "light" ? "light" : m), h = os(i), {
     [p]: y,
     light: b,
     dark: l,
@@ -4103,8 +4113,8 @@ function ns(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 = er(S, w, d, p);
-  b && !S.light && er(S, b, void 0, "light"), l && !S.dark && er(S, l, void 0, "dark");
+  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");
   let $ = {
     defaultColorScheme: p,
     ...A,
@@ -4114,66 +4124,66 @@ function ns(e = {}, ...t) {
     getCssVar: h,
     colorSchemes: S,
     font: {
-      ...ja(A.typography),
+      ...Da(A.typography),
       ...A.font
     },
-    spacing: ts(d.spacing)
+    spacing: ns(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")), es(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")), rs(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
       g(a.Alert, "errorColor", re(a.error.light, 0.6)), g(a.Alert, "infoColor", re(a.info.light, 0.6)), g(a.Alert, "successColor", re(a.success.light, 0.6)), g(a.Alert, "warningColor", re(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", 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 = 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));
+      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));
     }
     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 = 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));
+      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));
     }
     Re(a.background, "default"), Re(a.background, "paper"), Re(a.common, "background"), Re(a.common, "onBackground"), Re(a, "divider"), Object.keys(a).forEach((U) => {
       const N = a[U];
-      U !== "tonalOffset" && N && typeof N == "object" && (N.main && g(a[U], "mainChannel", it(at(N.main))), N.light && g(a[U], "lightChannel", it(at(N.light))), N.dark && g(a[U], "darkChannel", it(at(N.dark))), N.contrastText && g(a[U], "contrastTextChannel", it(at(N.contrastText))), U === "text" && (Re(a[U], "primary"), Re(a[U], "secondary")), U === "action" && (N.active && Re(a[U], "active"), N.selected && Re(a[U], "selected")));
+      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")));
     });
   }), $ = t.reduce((W, a) => Se(W, a), $);
   const E = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: Za($)
+    getSelector: ts($)
   }, {
     vars: q,
     generateThemeVars: oe,
     generateStyleSheets: ee
-  } = Ta($, E);
+  } = _a($, E);
   return $.vars = q, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([W, a]) => {
     $[W] = a;
   }), $.generateThemeVars = oe, $.generateStyleSheets = ee, $.generateSpacing = function() {
-    return _n(d.spacing, cr(this));
-  }, $.getColorSchemeSelector = wa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
-    ...Bt,
+    return Rn(d.spacing, lr(this));
+  }, $.getColorSchemeSelector = Oa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+    ...Ft,
     ...d?.unstable_sxConfig
   }, $.unstable_sx = function(a) {
     return et({
       sx: a,
       theme: this
     });
-  }, $.toRuntimeSource = jn, $;
+  }, $.toRuntimeSource = Dn, $;
 }
-function dn(e, t, r) {
+function mn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: pr({
+    palette: mr({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function Mn(e = {}, ...t) {
+function Fn(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -4193,48 +4203,48 @@ function Mn(e = {}, ...t) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return nr(e, ...t);
+      return or(e, ...t);
     let m = r;
     "palette" in e || d[u] && (d[u] !== !0 ? m = d[u].palette : u === "dark" && (m = {
       mode: "dark"
     }));
-    const p = nr({
+    const p = or({
       ...e,
       palette: m
     }, ...t);
     return p.defaultColorScheme = u, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
       ...d.light !== !0 && d.light,
       palette: p.palette
-    }, dn(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+    }, mn(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
       palette: p.palette
-    }, dn(p, "light", d.light)), p;
+    }, mn(p, "light", d.light)), p;
   }
-  return !r && !("light" in d) && u === "light" && (d.light = !0), ns({
+  return !r && !("light" in d) && u === "light" && (d.light = !0), is({
     ...c,
     colorSchemes: d,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const os = Mn(), is = "$$material";
-function as(e) {
+const as = Fn(), ss = "$$material";
+function cs(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const ss = (e) => as(e) && e !== "classes", cs = ca({
-  themeId: is,
-  defaultTheme: os,
-  rootShouldForwardProp: ss
-}), ls = Sa;
+const ls = (e) => cs(e) && e !== "classes", us = ua({
+  themeId: ss,
+  defaultTheme: as,
+  rootShouldForwardProp: ls
+}), fs = Ca;
 process.env.NODE_ENV !== "production" && (K.node, K.object.isRequired);
-function us(e) {
-  return va(e);
+function ds(e) {
+  return Ea(e);
 }
-function fs(e) {
-  return sr("MuiSvgIcon", e);
+function ps(e) {
+  return cr("MuiSvgIcon", e);
 }
-Qo("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const ds = (e) => {
+ei("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const ms = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -4242,8 +4252,8 @@ const ds = (e) => {
   } = e, o = {
     root: ["root", t !== "inherit" && `color${We(t)}`, `fontSize${We(r)}`]
   };
-  return Ko(o, fs, n);
-}, ps = cs("svg", {
+  return Jo(o, ps, n);
+}, hs = us("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -4252,7 +4262,7 @@ const ds = (e) => {
     } = e;
     return [t.root, r.color !== "inherit" && t[`color${We(r.color)}`], t[`fontSize${We(r.fontSize)}`]];
   }
-})(ls(({
+})(fs(({
   theme: e
 }) => ({
   userSelect: "none",
@@ -4338,8 +4348,8 @@ const ds = (e) => {
       }
     }
   ]
-}))), Rt = /* @__PURE__ */ Ie.forwardRef(function(t, r) {
-  const n = us({
+}))), At = /* @__PURE__ */ Ie.forwardRef(function(t, r) {
+  const n = ds({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -4364,10 +4374,10 @@ const ds = (e) => {
     hasSvgAsChild: b
   }, T = {};
   m || (T.viewBox = h);
-  const S = ds(l);
-  return /* @__PURE__ */ x.jsxs(ps, {
+  const S = ms(l);
+  return /* @__PURE__ */ x.jsxs(hs, {
     as: u,
-    className: ei(S.root, i),
+    className: ri(S.root, i),
     focusable: "false",
     color: d,
     "aria-hidden": p ? void 0 : !0,
@@ -4382,7 +4392,7 @@ const ds = (e) => {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (At.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -4454,31 +4464,31 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   viewBox: K.string
 });
-Rt.muiName = "SvgIcon";
-function dt(e, t) {
+At.muiName = "SvgIcon";
+function pt(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ x.jsx(Rt, {
+    return /* @__PURE__ */ x.jsx(At, {
       "data-testid": `${t}Icon`,
       ref: o,
       ...n,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Rt.muiName, /* @__PURE__ */ Ie.memo(/* @__PURE__ */ Ie.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = At.muiName, /* @__PURE__ */ Ie.memo(/* @__PURE__ */ Ie.forwardRef(r));
 }
-const or = dt(/* @__PURE__ */ x.jsx("path", {
+const ir = pt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z"
-}), "Notifications"), ms = ({
+}), "Notifications"), gs = ({
   unreadCount: e = 0,
   onClick: t,
   showBadge: r = !0
-}) => /* @__PURE__ */ x.jsx(xt, { onClick: t, color: "inherit", className: "relative", children: r && e > 0 ? /* @__PURE__ */ x.jsx(lo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ x.jsx(or, {}) }) : /* @__PURE__ */ x.jsx(or, {}) }), hs = dt(/* @__PURE__ */ x.jsx("path", {
+}) => /* @__PURE__ */ x.jsx(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", {
   d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
-}), "Settings"), gs = dt(/* @__PURE__ */ x.jsx("path", {
+}), "Settings"), bs = pt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
-}), "CheckCircle"), ys = dt(/* @__PURE__ */ x.jsx("path", {
+}), "CheckCircle"), vs = pt(/* @__PURE__ */ x.jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
-}), "Delete"), Bn = ({
+}), "Delete"), Ln = ({
   notification: e,
   onMarkAsRead: t,
   onDelete: r,
@@ -4492,7 +4502,7 @@ const or = dt(/* @__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(
-    uo,
+    po,
     {
       className: `cursor-pointer hover:bg-gray-50 ${o ? "bg-blue-50" : ""}`,
       onClick: i,
@@ -4504,13 +4514,13 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
         }
       },
       children: [
-        /* @__PURE__ */ x.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ x.jsx(or, { color: o ? "primary" : "disabled" }) }),
+        /* @__PURE__ */ x.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ x.jsx(ir, { color: o ? "primary" : "disabled" }) }),
         /* @__PURE__ */ x.jsx(
-          fo,
+          mo,
           {
             primary: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ x.jsx("span", { className: "font-medium", children: d }),
-              o && /* @__PURE__ */ x.jsx(po, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
+              o && /* @__PURE__ */ x.jsx(ho, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
             ] }),
             secondary: m,
             primaryTypographyProps: {
@@ -4518,16 +4528,16 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
             }
           }
         ),
-        /* @__PURE__ */ x.jsx(mo, { children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-1", children: [
-          o && /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ x.jsx(gs, { fontSize: "small" }) }),
-          /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" }) })
+        /* @__PURE__ */ x.jsx(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" }) })
         ] }) })
       ]
     }
   );
-}, bs = dt(/* @__PURE__ */ x.jsx("path", {
+}, Ss = pt(/* @__PURE__ */ x.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
-}), "NotificationsNone"), vs = ({
+}), "NotificationsNone"), Es = ({
   message: e = "No notifications",
   icon: t
 }) => /* @__PURE__ */ x.jsxs(
@@ -4536,20 +4546,20 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
     className: "flex flex-col items-center justify-center p-8 text-center",
     sx: { minHeight: "200px" },
     children: [
-      t || /* @__PURE__ */ x.jsx(bs, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
-      /* @__PURE__ */ x.jsx(Tt, { variant: "body2", color: "text.secondary", children: e })
+      t || /* @__PURE__ */ x.jsx(Ss, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
+      /* @__PURE__ */ x.jsx(wt, { variant: "body2", color: "text.secondary", children: e })
     ]
   }
 );
-function ir(e) {
+function ar(e) {
   "@babel/helpers - typeof";
-  return ir = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return ar = 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;
-  }, ir(e);
+  }, ar(e);
 }
-function mr(e) {
+function hr(e) {
   if (e === null || e === !0 || e === !1)
     return NaN;
   var t = Number(e);
@@ -4559,77 +4569,77 @@ function _e(e, t) {
   if (t.length < e)
     throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
 }
-function lt(e) {
+function ut(e) {
   _e(1, arguments);
   var t = Object.prototype.toString.call(e);
-  return e instanceof Date || ir(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+  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));
 }
-function Ss(e, t) {
+function Cs(e, t) {
   _e(2, arguments);
-  var r = lt(e), n = mr(t);
+  var r = ut(e), n = hr(t);
   return isNaN(n) ? /* @__PURE__ */ new Date(NaN) : (n && r.setDate(r.getDate() + n), r);
 }
-var Es = {};
-function Cs() {
-  return Es;
+var xs = {};
+function Ts() {
+  return xs;
 }
-function pn(e, t) {
+function hn(e, t) {
   var r, n, o, i, c, u;
   _e(1, arguments);
-  var f = Cs(), d = mr((r = (n = (o = (i = void 0) !== null && i !== void 0 ? i : void 0) !== null && o !== void 0 ? o : f.weekStartsOn) !== null && n !== void 0 ? n : (c = f.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : 0);
+  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);
   if (!(d >= 0 && d <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var m = lt(e), p = m.getDay(), h = (p < d ? 7 : 0) + p - d;
+  var m = ut(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 mn(e) {
+function gn(e) {
   _e(1, arguments);
-  var t = lt(e);
+  var t = ut(e);
   return t.setHours(0, 0, 0, 0), t;
 }
-function Fn(e, t) {
+function Vn(e, t) {
   _e(2, arguments);
-  var r = mn(e), n = mn(t);
+  var r = gn(e), n = gn(t);
   return r.getTime() === n.getTime();
 }
-function xs(e, t, r) {
+function ws(e, t, r) {
   _e(2, arguments);
-  var n = pn(e, r), o = pn(t, r);
+  var n = hn(e, r), o = hn(t, r);
   return n.getTime() === o.getTime();
 }
-function Ts(e, t) {
+function _s(e, t) {
   _e(2, arguments);
-  var r = lt(e), n = lt(t);
+  var r = ut(e), n = ut(t);
   return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth();
 }
-function ws(e) {
-  return _e(1, arguments), Ts(Date.now(), e);
-}
-function _s(e, t) {
-  return _e(1, arguments), xs(e, Date.now(), t);
-}
 function Os(e) {
-  return _e(1, arguments), Fn(e, Date.now());
+  return _e(1, arguments), _s(Date.now(), e);
 }
 function Rs(e, t) {
-  _e(2, arguments);
-  var r = mr(t);
-  return Ss(e, -r);
+  return _e(1, arguments), ws(e, Date.now(), t);
 }
 function As(e) {
-  return _e(1, arguments), Fn(e, Rs(Date.now(), 1));
+  return _e(1, arguments), Vn(e, Date.now());
+}
+function ks(e, t) {
+  _e(2, arguments);
+  var r = hr(t);
+  return Cs(e, -r);
+}
+function $s(e) {
+  return _e(1, arguments), Vn(e, ks(Date.now(), 1));
 }
-const ks = ({
+const Ps = ({
   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(Tt, { variant: "caption", sx: { color: "text.secondary", px: 2, py: 1, display: "block" }, children: e }),
-  /* @__PURE__ */ x.jsx(gn, { sx: { mb: 1 } }),
+  /* @__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 } }),
   t.map((i) => /* @__PURE__ */ x.jsx(
-    Bn,
+    Ln,
     {
       notification: i,
       onMarkAsRead: r,
@@ -4639,7 +4649,7 @@ const ks = ({
     i.notificationId
   ))
 ] });
-function $s(e) {
+function Is(e) {
   const t = {
     today: [],
     yesterday: [],
@@ -4649,10 +4659,10 @@ function $s(e) {
   };
   return e.forEach((r) => {
     const n = r.createdAt ? new Date(r.createdAt) : /* @__PURE__ */ new Date();
-    Os(n) ? t.today.push(r) : As(n) ? t.yesterday.push(r) : _s(n) ? t.thisWeek.push(r) : ws(n) ? t.thisMonth.push(r) : t.older.push(r);
+    As(n) ? t.today.push(r) : $s(n) ? t.yesterday.push(r) : Rs(n) ? t.thisWeek.push(r) : Os(n) ? t.thisMonth.push(r) : t.older.push(r);
   }), t;
 }
-function Ps(e) {
+function js(e) {
   switch (e) {
     case "today":
       return "Today";
@@ -4668,7 +4678,7 @@ function Ps(e) {
       return e;
   }
 }
-const Is = ({
+const Ns = ({
   client: e,
   subscriberId: t,
   tenantId: r,
@@ -4726,14 +4736,14 @@ const Is = ({
     }
   };
   return /* @__PURE__ */ x.jsxs(ye, { sx: { p: 3, minWidth: 300 }, children: [
-    /* @__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(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(
-      mt,
+      ht,
       {
         control: /* @__PURE__ */ x.jsx(
-          ht,
+          gt,
           {
             checked: o.email,
             onChange: (y) => p("email", y.target.checked),
@@ -4744,10 +4754,10 @@ const Is = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      mt,
+      ht,
       {
         control: /* @__PURE__ */ x.jsx(
-          ht,
+          gt,
           {
             checked: o.push,
             onChange: (y) => p("push", y.target.checked),
@@ -4758,10 +4768,10 @@ const Is = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      mt,
+      ht,
       {
         control: /* @__PURE__ */ x.jsx(
-          ht,
+          gt,
           {
             checked: o.sms,
             onChange: (y) => p("sms", y.target.checked),
@@ -4772,10 +4782,10 @@ const Is = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      mt,
+      ht,
       {
         control: /* @__PURE__ */ x.jsx(
-          ht,
+          gt,
           {
             checked: o.in_app,
             onChange: (y) => p("in_app", y.target.checked),
@@ -4786,11 +4796,11 @@ const Is = ({
       }
     ),
     /* @__PURE__ */ x.jsxs(ye, { sx: { mt: 3, display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
-      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" })
+      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" })
     ] })
   ] });
-}, js = ({
+}, Ds = ({
   notifications: e,
   loading: t = !1,
   error: r = null,
@@ -4804,41 +4814,41 @@ const Is = ({
 }) => {
   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(ho, { size: 40 }) });
+    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(yo, { size: 40 }) });
   if (r)
-    return /* @__PURE__ */ x.jsx(go, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
+    return /* @__PURE__ */ x.jsx(bo, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
   if (e.length === 0)
-    return /* @__PURE__ */ x.jsx(vs, {});
+    return /* @__PURE__ */ x.jsx(Es, {});
   const l = async (w) => {
     o && await o(w);
   }, T = async (w) => {
     i && await i(w);
-  }, S = d ? $s(b) : { all: b };
+  }, S = d ? Is(b) : { all: b };
   return /* @__PURE__ */ x.jsxs(ye, { children: [
     /* @__PURE__ */ x.jsxs(ye, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", px: 2, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ x.jsxs(yo, { value: m, onChange: (w, A) => p(A), children: [
-        /* @__PURE__ */ x.jsx(kr, { label: "All", value: "all" }),
-        /* @__PURE__ */ x.jsx(kr, { label: "Unread", value: "unread" })
+      /* @__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" })
       ] }),
       f && c && u && /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
         /* @__PURE__ */ x.jsx(
-          xt,
+          Tt,
           {
             size: "small",
             onClick: (w) => y(w.currentTarget),
             title: "Preferences",
-            children: /* @__PURE__ */ x.jsx(hs, { fontSize: "small" })
+            children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" })
           }
         ),
         /* @__PURE__ */ x.jsx(
-          yn,
+          vn,
           {
             open: !!h,
             anchorEl: h,
             onClose: () => y(null),
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             children: /* @__PURE__ */ x.jsx(
-              Is,
+              Ns,
               {
                 client: f,
                 subscriberId: c,
@@ -4850,10 +4860,10 @@ const Is = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ x.jsx(bo, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: d ? Object.entries(S).map(([w, A]) => /* @__PURE__ */ x.jsx(
-      ks,
+    /* @__PURE__ */ x.jsx(So, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: d ? Object.entries(S).map(([w, A]) => /* @__PURE__ */ x.jsx(
+      Ps,
       {
-        groupLabel: Ps(w),
+        groupLabel: js(w),
         notifications: A,
         onMarkAsRead: l,
         onDelete: T,
@@ -4861,7 +4871,7 @@ const Is = ({
       },
       w
     )) : b.map((w) => /* @__PURE__ */ x.jsx(
-      Bn,
+      Ln,
       {
         notification: w,
         onMarkAsRead: l,
@@ -4871,7 +4881,7 @@ const Is = ({
       w.notificationId
     )) })
   ] });
-}, Ls = ({
+}, Ws = ({
   client: e,
   tenantId: t,
   subscriberId: r,
@@ -4892,7 +4902,7 @@ const Is = ({
     connected: w,
     markAsRead: A,
     deleteNotification: $
-  } = No({
+  } = Mo({
     client: e,
     tenantId: t,
     subscriberId: r,
@@ -4912,7 +4922,7 @@ const Is = ({
   };
   return /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
     /* @__PURE__ */ x.jsx(
-      ms,
+      gs,
       {
         unreadCount: S,
         onClick: E,
@@ -4920,7 +4930,7 @@ const Is = ({
       }
     ),
     /* @__PURE__ */ x.jsx(
-      yn,
+      vn,
       {
         open: y,
         anchorEl: p,
@@ -4941,7 +4951,7 @@ const Is = ({
             ...a()
           }
         },
-        children: /* @__PURE__ */ x.jsxs(vo, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
+        children: /* @__PURE__ */ x.jsxs(Eo, { 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: [
@@ -4950,7 +4960,7 @@ const Is = ({
             ] })
           ] }) }),
           /* @__PURE__ */ x.jsx(
-            js,
+            Ds,
             {
               notifications: W,
               loading: l,
@@ -4968,7 +4978,7 @@ const Is = ({
       }
     )
   ] });
-}, Vs = Mn({
+}, zs = Fn({
   palette: {
     primary: {
       main: "#1E3A8A"
@@ -5025,14 +5035,14 @@ const Is = ({
   }
 });
 export {
-  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
+  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
 };
 //# sourceMappingURL=index.esm.js.map