@edusight/notification-widget 1.0.11 → 1.0.13

package/dist/index.esm.js

@@ -13,12 +13,12 @@ function Ro() {
   if ($r) return rt;
   $r = 1;
   var e = hn, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(u, f, p) {
-    var m, d = {}, h = null, y = null;
-    p !== void 0 && (h = "" + p), f.key !== void 0 && (h = "" + f.key), f.ref !== void 0 && (y = f.ref);
-    for (m in f) n.call(f, m) && !i.hasOwnProperty(m) && (d[m] = f[m]);
-    if (u && u.defaultProps) for (m in f = u.defaultProps, f) d[m] === void 0 && (d[m] = f[m]);
-    return { $$typeof: t, type: u, key: h, ref: y, props: d, _owner: o.current };
+  function c(u, f, d) {
+    var m, h = {}, p = null, y = null;
+    d !== void 0 && (p = "" + d), f.key !== void 0 && (p = "" + f.key), f.ref !== void 0 && (y = f.ref);
+    for (m in f) n.call(f, m) && !i.hasOwnProperty(m) && (h[m] = f[m]);
+    if (u && u.defaultProps) for (m in f = u.defaultProps, f) h[m] === void 0 && (h[m] = f[m]);
+    return { $$typeof: t, type: u, key: p, ref: y, props: h, _owner: o.current };
   }
   return rt.Fragment = r, rt.jsx = c, rt.jsxs = c, rt;
 }
@@ -26,54 +26,54 @@ var nt = {};
 var Pr;
 function Ao() {
   return Pr || (Pr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = hn, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.offscreen"), b = Symbol.iterator, l = "@@iterator";
-    function w(s) {
+    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"), h = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.offscreen"), b = Symbol.iterator, l = "@@iterator";
+    function _(s) {
       if (s === null || typeof s != "object")
         return null;
       var v = b && s[b] || s[l];
       return typeof v == "function" ? v : null;
     }
-    var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(s) {
+    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(s) {
       {
-        for (var v = arguments.length, A = new Array(v > 1 ? v - 1 : 0), P = 1; P < v; P++)
-          A[P - 1] = arguments[P];
-        _("error", s, A);
+        for (var v = arguments.length, A = new Array(v > 1 ? v - 1 : 0), I = 1; I < v; I++)
+          A[I - 1] = arguments[I];
+        x("error", s, A);
       }
     }
-    function _(s, v, A) {
+    function x(s, v, A) {
       {
-        var P = S.ReactDebugCurrentFrame, H = P.getStackAddendum();
+        var I = w.ReactDebugCurrentFrame, H = I.getStackAddendum();
         H !== "" && (v += "%s", A = A.concat([H]));
-        var te = A.map(function(Y) {
-          return String(Y);
+        var te = A.map(function(U) {
+          return String(U);
         });
         te.unshift("Warning: " + v), Function.prototype.apply.call(console[s], console, te);
       }
     }
-    var $ = !1, E = !1, q = !1, oe = !1, ee = !1, W;
-    W = /* @__PURE__ */ Symbol.for("react.module.reference");
+    var R = !1, S = !1, q = !1, oe = !1, ee = !1, z;
+    z = /* @__PURE__ */ Symbol.for("react.module.reference");
     function a(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || ee || s === o || s === p || s === m || oe || s === y || $ || E || q || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === d || s.$$typeof === c || s.$$typeof === u || s.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || ee || s === o || s === d || s === m || oe || s === y || R || S || q || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === h || s.$$typeof === c || s.$$typeof === u || s.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === W || s.getModuleId !== void 0));
+      s.$$typeof === z || s.getModuleId !== void 0));
     }
-    function R(s, v, A) {
-      var P = s.displayName;
-      if (P)
-        return P;
+    function $(s, v, A) {
+      var I = s.displayName;
+      if (I)
+        return I;
       var H = v.displayName || v.name || "";
       return H !== "" ? A + "(" + H + ")" : A;
     }
-    function U(s) {
+    function P(s) {
       return s.displayName || "Context";
     }
-    function j(s) {
+    function D(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -86,7 +86,7 @@ function Ao() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case p:
+        case d:
           return "Suspense";
         case m:
           return "SuspenseList";
@@ -95,19 +95,19 @@ function Ao() {
         switch (s.$$typeof) {
           case u:
             var v = s;
-            return U(v) + ".Consumer";
+            return P(v) + ".Consumer";
           case c:
             var A = s;
-            return U(A._context) + ".Provider";
+            return P(A._context) + ".Provider";
           case f:
-            return R(s, s.render, "ForwardRef");
-          case d:
-            var P = s.displayName || null;
-            return P !== null ? P : j(s.type) || "Memo";
-          case h: {
-            var H = s, te = H._payload, Y = H._init;
+            return $(s, s.render, "ForwardRef");
+          case h:
+            var I = s.displayName || null;
+            return I !== null ? I : D(s.type) || "Memo";
+          case p: {
+            var H = s, te = H._payload, U = H._init;
             try {
-              return j(Y(te));
+              return D(U(te));
             } catch {
               return null;
             }
@@ -115,18 +115,18 @@ function Ao() {
         }
       return null;
     }
-    var le = Object.assign, ae = 0, pe, be, Me, ze, C, k, B;
-    function M() {
+    var le = Object.assign, ae = 0, pe, be, Me, ze, E, k, F;
+    function B() {
     }
-    M.__reactDisabledLog = !0;
-    function I() {
+    B.__reactDisabledLog = !0;
+    function N() {
       {
         if (ae === 0) {
-          pe = console.log, be = console.info, Me = console.warn, ze = console.error, C = console.group, k = console.groupCollapsed, B = console.groupEnd;
+          pe = console.log, be = console.info, Me = console.warn, ze = console.error, E = console.group, k = console.groupCollapsed, F = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: M,
+            value: B,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -142,7 +142,7 @@ function Ao() {
         ae++;
       }
     }
-    function z() {
+    function Y() {
       {
         if (ae--, ae === 0) {
           var s = {
@@ -164,108 +164,108 @@ function Ao() {
               value: ze
             }),
             group: le({}, s, {
-              value: C
+              value: E
             }),
             groupCollapsed: le({}, s, {
               value: k
             }),
             groupEnd: le({}, s, {
-              value: B
+              value: F
             })
           });
         }
-        ae < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ae < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var N = S.ReactCurrentDispatcher, D;
-    function F(s, v, A) {
+    var j = w.ReactCurrentDispatcher, M;
+    function L(s, v, A) {
       {
-        if (D === void 0)
+        if (M === void 0)
           try {
             throw Error();
           } catch (H) {
-            var P = H.stack.trim().match(/\n( *(at )?)/);
-            D = P && P[1] || "";
+            var I = H.stack.trim().match(/\n( *(at )?)/);
+            M = I && I[1] || "";
           }
         return `
-` + D + s;
+` + M + s;
       }
     }
-    var G = !1, L;
+    var G = !1, V;
     {
       var me = typeof WeakMap == "function" ? WeakMap : Map;
-      L = new me();
+      V = new me();
     }
     function O(s, v) {
       if (!s || G)
         return "";
       {
-        var A = L.get(s);
+        var A = V.get(s);
         if (A !== void 0)
           return A;
       }
-      var P;
+      var I;
       G = !0;
       var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var te;
-      te = N.current, N.current = null, I();
+      te = j.current, j.current = null, N();
       try {
         if (v) {
-          var Y = function() {
+          var U = function() {
             throw Error();
           };
-          if (Object.defineProperty(Y.prototype, "props", {
+          if (Object.defineProperty(U.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(Y, []);
+              Reflect.construct(U, []);
             } catch (ge) {
-              P = ge;
+              I = ge;
             }
-            Reflect.construct(s, [], Y);
+            Reflect.construct(s, [], U);
           } else {
             try {
-              Y.call();
+              U.call();
             } catch (ge) {
-              P = ge;
+              I = ge;
             }
-            s.call(Y.prototype);
+            s.call(U.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (ge) {
-            P = ge;
+            I = ge;
           }
           s();
         }
       } catch (ge) {
-        if (ge && P && typeof ge.stack == "string") {
-          for (var V = ge.stack.split(`
-`), he = P.stack.split(`
-`), ue = V.length - 1, de = he.length - 1; ue >= 1 && de >= 0 && V[ue] !== he[de]; )
+        if (ge && I && typeof ge.stack == "string") {
+          for (var W = ge.stack.split(`
+`), he = I.stack.split(`
+`), ue = W.length - 1, de = he.length - 1; ue >= 1 && de >= 0 && W[ue] !== he[de]; )
             de--;
           for (; ue >= 1 && de >= 0; ue--, de--)
-            if (V[ue] !== he[de]) {
+            if (W[ue] !== he[de]) {
               if (ue !== 1 || de !== 1)
                 do
-                  if (ue--, de--, de < 0 || V[ue] !== he[de]) {
+                  if (ue--, de--, de < 0 || W[ue] !== he[de]) {
                     var Ce = `
-` + V[ue].replace(" at new ", " at ");
-                    return s.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", s.displayName)), typeof s == "function" && L.set(s, Ce), Ce;
+` + W[ue].replace(" at new ", " at ");
+                    return s.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", s.displayName)), typeof s == "function" && V.set(s, Ce), Ce;
                   }
                 while (ue >= 1 && de >= 0);
               break;
             }
         }
       } finally {
-        G = !1, N.current = te, z(), Error.prepareStackTrace = H;
+        G = !1, j.current = te, Y(), Error.prepareStackTrace = H;
       }
-      var Ge = s ? s.displayName || s.name : "", Fe = Ge ? F(Ge) : "";
-      return typeof s == "function" && L.set(s, Fe), Fe;
+      var Ge = s ? s.displayName || s.name : "", Fe = Ge ? L(Ge) : "";
+      return typeof s == "function" && V.set(s, Fe), Fe;
     }
     function Ee(s, v, A) {
       return O(s, !1);
@@ -280,21 +280,21 @@ function Ao() {
       if (typeof s == "function")
         return O(s, Ye(s));
       if (typeof s == "string")
-        return F(s);
+        return L(s);
       switch (s) {
-        case p:
-          return F("Suspense");
+        case d:
+          return L("Suspense");
         case m:
-          return F("SuspenseList");
+          return L("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case f:
             return Ee(s.render);
-          case d:
+          case h:
             return Be(s.type, v, A);
-          case h: {
-            var P = s, H = P._payload, te = P._init;
+          case p: {
+            var I = s, H = I._payload, te = I._init;
             try {
               return Be(te(H), v, A);
             } catch {
@@ -303,7 +303,7 @@ function Ao() {
         }
       return "";
     }
-    var tt = Object.prototype.hasOwnProperty, hr = {}, gr = S.ReactDebugCurrentFrame;
+    var tt = Object.prototype.hasOwnProperty, hr = {}, gr = w.ReactDebugCurrentFrame;
     function pt(s) {
       if (s) {
         var v = s._owner, A = Be(s.type, s._source, v ? v.type : null);
@@ -311,22 +311,22 @@ function Ao() {
       } else
         gr.setExtraStackFrame(null);
     }
-    function Ln(s, v, A, P, H) {
+    function Ln(s, v, A, I, H) {
       {
         var te = Function.call.bind(tt);
-        for (var Y in s)
-          if (te(s, Y)) {
-            var V = void 0;
+        for (var U in s)
+          if (te(s, U)) {
+            var W = void 0;
             try {
-              if (typeof s[Y] != "function") {
-                var he = Error((P || "React class") + ": " + A + " type `" + Y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[Y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[U] != "function") {
+                var he = Error((I || "React class") + ": " + A + " type `" + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[U] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw he.name = "Invariant Violation", he;
               }
-              V = s[Y](v, Y, P, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              W = s[U](v, U, I, A, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ue) {
-              V = ue;
+              W = ue;
             }
-            V && !(V instanceof Error) && (pt(H), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", A, Y, typeof V), pt(null)), V instanceof Error && !(V.message in hr) && (hr[V.message] = !0, pt(H), T("Failed %s type: %s", A, V.message), pt(null));
+            W && !(W instanceof Error) && (pt(H), C("%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).", I || "React class", A, U, typeof W), pt(null)), W instanceof Error && !(W.message in hr) && (hr[W.message] = !0, pt(H), C("Failed %s type: %s", A, W.message), pt(null));
           }
       }
     }
@@ -352,9 +352,9 @@ function Ao() {
     }
     function br(s) {
       if (zn(s))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wn(s)), yr(s);
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wn(s)), yr(s);
     }
-    var vr = S.ReactCurrentOwner, Yn = {
+    var vr = w.ReactCurrentOwner, Yn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -382,7 +382,7 @@ function Ao() {
     function Kn(s, v) {
       {
         var A = function() {
-          Sr || (Sr = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Sr || (Sr = !0, C("%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));
         };
         A.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: A,
@@ -393,7 +393,7 @@ function Ao() {
     function Hn(s, v) {
       {
         var A = function() {
-          Er || (Er = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Er || (Er = !0, C("%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));
         };
         A.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: A,
@@ -401,54 +401,54 @@ function Ao() {
         });
       }
     }
-    var Jn = function(s, v, A, P, H, te, Y) {
-      var V = {
+    var Jn = function(s, v, A, I, H, te, U) {
+      var W = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: v,
         ref: A,
-        props: Y,
+        props: U,
         // Record the component responsible for creating this element.
         _owner: te
       };
-      return V._store = {}, Object.defineProperty(V._store, "validated", {
+      return W._store = {}, Object.defineProperty(W._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(V, "_self", {
+      }), Object.defineProperty(W, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: P
-      }), Object.defineProperty(V, "_source", {
+        value: I
+      }), Object.defineProperty(W, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: H
-      }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
+      }), Object.freeze && (Object.freeze(W.props), Object.freeze(W)), W;
     };
-    function Xn(s, v, A, P, H) {
+    function Xn(s, v, A, I, H) {
       {
-        var te, Y = {}, V = null, he = null;
-        A !== void 0 && (br(A), V = "" + A), Gn(v) && (br(v.key), V = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
+        var te, U = {}, W = null, he = null;
+        A !== void 0 && (br(A), W = "" + A), Gn(v) && (br(v.key), W = "" + v.key), Un(v) && (he = v.ref, qn(v, H));
         for (te in v)
-          tt.call(v, te) && !Yn.hasOwnProperty(te) && (Y[te] = v[te]);
+          tt.call(v, te) && !Yn.hasOwnProperty(te) && (U[te] = v[te]);
         if (s && s.defaultProps) {
           var ue = s.defaultProps;
           for (te in ue)
-            Y[te] === void 0 && (Y[te] = ue[te]);
+            U[te] === void 0 && (U[te] = ue[te]);
         }
-        if (V || he) {
+        if (W || he) {
           var de = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          V && Kn(Y, de), he && Hn(Y, de);
+          W && Kn(U, de), he && Hn(U, de);
         }
-        return Jn(s, V, he, H, P, vr.current, Y);
+        return Jn(s, W, he, H, I, vr.current, U);
       }
     }
-    var Vt = S.ReactCurrentOwner, Cr = S.ReactDebugCurrentFrame;
+    var Vt = w.ReactCurrentOwner, Cr = w.ReactDebugCurrentFrame;
     function Ue(s) {
       if (s) {
         var v = s._owner, A = Be(s.type, s._source, v ? v.type : null);
@@ -464,7 +464,7 @@ function Ao() {
     function xr() {
       {
         if (Vt.current) {
-          var s = j(Vt.current.type);
+          var s = D(Vt.current.type);
           if (s)
             return `
 
@@ -498,8 +498,8 @@ Check the top-level render call using <` + A + ">.");
         if (Tr[A])
           return;
         Tr[A] = !0;
-        var P = "";
-        s && s._owner && s._owner !== Vt.current && (P = " It was passed a child from " + j(s._owner.type) + "."), Ue(s), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, P), Ue(null);
+        var I = "";
+        s && s._owner && s._owner !== Vt.current && (I = " It was passed a child from " + D(s._owner.type) + "."), Ue(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, I), Ue(null);
       }
     }
     function _r(s, v) {
@@ -508,16 +508,16 @@ Check the top-level render call using <` + A + ">.");
           return;
         if (Lt(s))
           for (var A = 0; A < s.length; A++) {
-            var P = s[A];
-            zt(P) && wr(P, v);
+            var I = s[A];
+            zt(I) && wr(I, v);
           }
         else if (zt(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var H = w(s);
+          var H = _(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);
+            for (var te = H.call(s), U; !(U = te.next()).done; )
+              zt(U.value) && wr(U.value, v);
         }
       }
     }
@@ -531,68 +531,68 @@ Check the top-level render call using <` + A + ">.");
           A = v.propTypes;
         else if (typeof v == "object" && (v.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === d))
+        v.$$typeof === h))
           A = v.propTypes;
         else
           return;
         if (A) {
-          var P = j(v);
-          Ln(A, s.props, "prop", P, s);
+          var I = D(v);
+          Ln(A, s.props, "prop", I, s);
         } else if (v.PropTypes !== void 0 && !Wt) {
           Wt = !0;
-          var H = j(v);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
+          var H = D(v);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
-        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function to(s) {
       {
         for (var v = Object.keys(s.props), A = 0; A < v.length; A++) {
-          var P = v[A];
-          if (P !== "children" && P !== "key") {
-            Ue(s), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), Ue(null);
+          var I = v[A];
+          if (I !== "children" && I !== "key") {
+            Ue(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", I), Ue(null);
             break;
           }
         }
-        s.ref !== null && (Ue(s), T("Invalid attribute `ref` supplied to `React.Fragment`."), Ue(null));
+        s.ref !== null && (Ue(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), Ue(null));
       }
     }
     var Or = {};
-    function Rr(s, v, A, P, H, te) {
+    function Rr(s, v, A, I, 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 U = a(s);
+        if (!U) {
+          var W = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (W += " 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();
+          he ? W += he : W += xr();
           var ue;
-          s === null ? ue = "null" : Lt(s) ? ue = "array" : s !== void 0 && s.$$typeof === t ? (ue = "<" + (j(s.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof s, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, V);
+          s === null ? ue = "null" : Lt(s) ? ue = "array" : s !== void 0 && s.$$typeof === t ? (ue = "<" + (D(s.type) || "Unknown") + " />", W = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, W);
         }
         var de = Xn(s, v, A, H, te);
         if (de == null)
           return de;
-        if (Y) {
+        if (U) {
           var Ce = v.children;
           if (Ce !== void 0)
-            if (P)
+            if (I)
               if (Lt(Ce)) {
                 for (var Ge = 0; Ge < Ce.length; Ge++)
                   _r(Ce[Ge], s);
                 Object.freeze && Object.freeze(Ce);
               } else
-                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               _r(Ce, s);
         }
         if (tt.call(v, "key")) {
-          var Fe = j(s), ge = Object.keys(v).filter(function(so) {
+          var Fe = D(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(": ..., ") + ": ...}" : "{}";
-            T(`A props object containing a "key" prop is being spread into JSX:
+            C(`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:
@@ -617,20 +617,20 @@ var Ir;
 function ko() {
   return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? gt.exports = Ro() : gt.exports = Ao()), gt.exports;
 }
-var x = ko();
+var T = ko();
 function $o(e) {
-  const { service: t, tenantId: r, subscriberId: n, filters: o, pollInterval: i, autoFetch: c = !0 } = e, [u, f] = Te([]), [p, m] = Te(c), [d, h] = Te(null), y = $e(async () => {
+  const { service: t, tenantId: r, subscriberId: n, filters: o, pollInterval: i, autoFetch: c = !0 } = e, [u, f] = Te([]), [d, m] = Te(c), [h, p] = Te(null), y = $e(async () => {
     try {
-      m(!0), h(null);
-      const S = {
+      m(!0), p(null);
+      const w = {
         tenantId: r,
         subscriberId: n,
         limit: e?.maxNotifications,
         ...o
-      }, T = await t.list(S);
-      f(T);
-    } catch (S) {
-      h(S instanceof Error ? S : new Error("Failed to fetch notifications"));
+      }, C = await t.list(w);
+      f(C);
+    } catch (w) {
+      p(w instanceof Error ? w : new Error("Failed to fetch notifications"));
     } finally {
       m(!1);
     }
@@ -639,43 +639,43 @@ function $o(e) {
     c && y();
   }, [c]), Ze(() => {
     if (i && i > 0) {
-      const S = setInterval(() => {
+      const w = setInterval(() => {
         y();
       }, i);
-      return () => clearInterval(S);
+      return () => clearInterval(w);
     }
   }, [i, y]);
-  const b = u.filter((S) => S.read !== !0).length, l = $e(
-    async (S) => {
+  const b = u.filter((w) => w.read !== !0).length, l = $e(
+    async (w) => {
       try {
-        await t.markAsRead(S, n), f(
-          (T) => T.map(
-            (_) => _.notificationId === S ? { ..._, read: !0 } : _
+        await t.markAsRead(w, n), f(
+          (C) => C.map(
+            (x) => x.notificationId === w ? { ...x, read: !0 } : x
           )
         );
-      } catch (T) {
-        console.error("Failed to mark notification as read", T);
+      } catch (C) {
+        console.error("Failed to mark notification as read", C);
       }
     },
     [t, n]
-  ), w = $e(
-    async (S) => {
+  ), _ = $e(
+    async (w) => {
       try {
-        await t.delete(S, n), f((T) => T.filter((_) => _.notificationId !== S));
-      } catch (T) {
-        console.error("Failed to delete notification", T);
+        await t.delete(w, n), f((C) => C.filter((x) => x.notificationId !== w));
+      } catch (C) {
+        console.error("Failed to delete notification", C);
       }
     },
     [t, n]
   );
   return {
     notifications: u,
-    loading: p,
-    error: d,
+    loading: d,
+    error: h,
     unreadCount: b,
     refresh: y,
     markAsRead: l,
-    deleteNotification: w
+    deleteNotification: _
   };
 }
 const Po = "edusight:notification-widget:context";
@@ -695,6 +695,7 @@ class No {
       tenantId: t.tenantId,
       subscriberId: t.subscriberId,
       environmentId: t.environmentId,
+      path: t.path,
       namespace: t.namespace,
       autoAck: t.autoAck,
       transports: t.transports,
@@ -792,55 +793,57 @@ function jo(e) {
     subscriberId: n,
     environmentId: o,
     enabled: i = !0,
-    autoAck: c = !1
-  } = e, [u, f] = Te(!1), [p, m] = Te(null), d = co(null);
+    autoAck: c = !1,
+    path: u
+  } = e, [f, d] = Te(!1), [m, h] = Te(null), p = co(null);
   Ze(() => {
     if (!i)
       return;
-    const S = new No({
+    const C = {
       client: t,
       tenantId: r,
       subscriberId: n,
       environmentId: o,
-      autoAck: c
-    });
-    return S.on("connect", () => {
-      f(!0), m(null);
-    }), S.on("disconnect", () => {
-      f(!1);
-    }), S.on("error", (T) => {
-      m(T);
-    }), d.current = S, S.connect(), () => {
-      S.disconnect(), d.current = null, f(!1);
+      autoAck: c,
+      path: u
+    }, x = new No(C);
+    return x.on("connect", () => {
+      d(!0), h(null);
+    }), x.on("disconnect", () => {
+      d(!1);
+    }), x.on("error", (R) => {
+      h(R);
+    }), p.current = x, x.connect(), () => {
+      x.disconnect(), p.current = null, d(!1);
     };
-  }, [t, r, n, o, i, c]);
-  const h = $e(() => {
-    d.current?.connect();
-  }, []), y = $e(() => {
-    d.current?.disconnect();
-  }, []), b = $e((S) => {
-    d.current?.ackNotification(S);
-  }, []), l = $e(
-    (S) => d.current ? (d.current.on("notification", S), () => {
-      d.current?.off("notification", S);
+  }, [t, r, n, o, i, c, u]);
+  const y = $e(() => {
+    p.current?.connect();
+  }, []), b = $e(() => {
+    p.current?.disconnect();
+  }, []), l = $e((C) => {
+    p.current?.ackNotification(C);
+  }, []), _ = $e(
+    (C) => p.current ? (p.current.on("notification", C), () => {
+      p.current?.off("notification", C);
     }) : () => {
     },
     []
   ), w = $e(
-    (S) => d.current ? (d.current.on("ack", S), () => {
-      d.current?.off("ack", S);
+    (C) => p.current ? (p.current.on("ack", C), () => {
+      p.current?.off("ack", C);
     }) : () => {
     },
     []
   );
   return {
-    connected: u,
-    connect: h,
-    disconnect: y,
-    onNotification: l,
+    connected: f,
+    connect: y,
+    disconnect: b,
+    onNotification: _,
     onAck: w,
-    ackNotification: b,
-    error: p
+    ackNotification: l,
+    error: m
   };
 }
 class Do {
@@ -865,45 +868,47 @@ function Mo(e) {
     environmentId: o,
     pollInterval: i,
     autoFetch: c,
-    autoAck: u = !1
-  } = e, p = {
+    autoAck: u = !1,
+    path: f
+  } = e, m = {
     service: lo(() => new Do(t), [t]),
     tenantId: r,
     subscriberId: n,
     pollInterval: i,
     autoFetch: c
-  }, m = {
+  }, h = {
     client: t,
     tenantId: r,
     subscriberId: n,
     environmentId: o,
     enabled: !0,
-    autoAck: u
-  }, d = $o(p), h = jo(m), [y, b] = Te(d.notifications);
+    autoAck: u,
+    path: f
+  }, p = $o(m), y = jo(h), [b, l] = Te(p.notifications);
   return Ze(() => {
-    b(d.notifications);
-  }, [d.notifications]), Ze(() => {
-    const l = h.onNotification((S) => {
-      b((T) => T.some((_) => _.notificationId === S.notificationId) ? T : [S, ...T]), h.ackNotification(S.notificationId);
-    }), w = h.onAck((S) => {
-      b(
-        (T) => T.map(
-          (_) => _.notificationId === S.notificationId ? { ..._, status: bn.DELIVERED } : _
+    l(p.notifications);
+  }, [p.notifications]), Ze(() => {
+    const _ = y.onNotification((C) => {
+      l((x) => x.some((R) => R.notificationId === C.notificationId) ? x : [C, ...x]), y.ackNotification(C.notificationId);
+    }), w = y.onAck((C) => {
+      l(
+        (x) => x.map(
+          (R) => R.notificationId === C.notificationId ? { ...R, status: bn.DELIVERED } : R
         )
       );
     });
     return () => {
-      l(), w();
+      _(), w();
     };
-  }, [h]), {
-    notifications: y,
-    loading: d.loading,
-    error: d.error,
-    unreadCount: d.unreadCount,
-    connected: h.connected,
-    refresh: d.refresh,
-    markAsRead: d.markAsRead,
-    deleteNotification: d.deleteNotification
+  }, [y]), {
+    notifications: b,
+    loading: p.loading,
+    error: p.error,
+    unreadCount: p.unreadCount,
+    connected: y.connected,
+    refresh: p.refresh,
+    markAsRead: p.markAsRead,
+    deleteNotification: p.deleteNotification
   };
 }
 var yt = { exports: {} }, Q = {};
@@ -911,39 +916,39 @@ var Nr;
 function Bo() {
   if (Nr) return Q;
   Nr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+  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"), h = /* @__PURE__ */ Symbol.for("react.lazy"), p = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
   function b(l) {
     if (typeof l == "object" && l !== null) {
-      var w = l.$$typeof;
-      switch (w) {
+      var _ = l.$$typeof;
+      switch (_) {
         case e:
           switch (l = l.type, l) {
             case r:
             case o:
             case n:
             case f:
+            case d:
             case p:
-            case h:
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
                 case c:
                 case u:
-                case d:
+                case h:
                 case m:
                   return l;
                 case i:
                   return l;
                 default:
-                  return w;
+                  return _;
               }
           }
         case t:
-          return w;
+          return _;
       }
     }
   }
-  return Q.ContextConsumer = i, Q.ContextProvider = c, Q.Element = e, Q.ForwardRef = u, Q.Fragment = r, Q.Lazy = d, Q.Memo = m, Q.Portal = t, Q.Profiler = o, Q.StrictMode = n, Q.Suspense = f, Q.SuspenseList = p, Q.isContextConsumer = function(l) {
+  return Q.ContextConsumer = i, Q.ContextProvider = c, Q.Element = e, Q.ForwardRef = u, Q.Fragment = r, Q.Lazy = h, Q.Memo = m, Q.Portal = t, Q.Profiler = o, Q.StrictMode = n, Q.Suspense = f, Q.SuspenseList = d, Q.isContextConsumer = function(l) {
     return b(l) === i;
   }, Q.isContextProvider = function(l) {
     return b(l) === c;
@@ -954,7 +959,7 @@ function Bo() {
   }, Q.isFragment = function(l) {
     return b(l) === r;
   }, Q.isLazy = function(l) {
-    return b(l) === d;
+    return b(l) === h;
   }, Q.isMemo = function(l) {
     return b(l) === m;
   }, Q.isPortal = function(l) {
@@ -966,9 +971,9 @@ function Bo() {
   }, Q.isSuspense = function(l) {
     return b(l) === f;
   }, Q.isSuspenseList = function(l) {
-    return b(l) === p;
+    return b(l) === d;
   }, Q.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === p || typeof l == "object" && l !== null && (l.$$typeof === d || l.$$typeof === m || l.$$typeof === c || l.$$typeof === i || l.$$typeof === u || l.$$typeof === y || l.getModuleId !== void 0);
+    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === d || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === m || l.$$typeof === c || l.$$typeof === i || l.$$typeof === u || l.$$typeof === y || l.getModuleId !== void 0);
   }, Q.typeOf = b, Q;
 }
 var Z = {};
@@ -977,14 +982,14 @@ function Fo() {
   return jr || (jr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (typeof l == "object" && l !== null) {
-        var w = l.$$typeof;
-        switch (w) {
+        var _ = l.$$typeof;
+        switch (_) {
           case t:
             switch (l = l.type, l) {
               case n:
               case i:
               case o:
-              case p:
+              case d:
               case m:
               case y:
                 return l;
@@ -992,22 +997,22 @@ function Fo() {
                 switch (l = l && l.$$typeof, l) {
                   case u:
                   case f:
+                  case p:
                   case h:
-                  case d:
                     return l;
                   case c:
                     return l;
                   default:
-                    return w;
+                    return _;
                 }
             }
           case r:
-            return w;
+            return _;
         }
       }
     }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
-    Z.ContextConsumer = c, Z.ContextProvider = u, Z.Element = t, Z.ForwardRef = f, Z.Fragment = n, Z.Lazy = h, Z.Memo = d, Z.Portal = r, Z.Profiler = i, Z.StrictMode = o, Z.Suspense = p, Z.SuspenseList = m, Z.isContextConsumer = function(l) {
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+    Z.ContextConsumer = c, Z.ContextProvider = u, Z.Element = t, Z.ForwardRef = f, Z.Fragment = n, Z.Lazy = p, Z.Memo = h, Z.Portal = r, Z.Profiler = i, Z.StrictMode = o, Z.Suspense = d, Z.SuspenseList = m, Z.isContextConsumer = function(l) {
       return e(l) === c;
     }, Z.isContextProvider = function(l) {
       return e(l) === u;
@@ -1018,9 +1023,9 @@ function Fo() {
     }, Z.isFragment = function(l) {
       return e(l) === n;
     }, Z.isLazy = function(l) {
-      return e(l) === h;
+      return e(l) === p;
     }, Z.isMemo = function(l) {
-      return e(l) === d;
+      return e(l) === h;
     }, Z.isPortal = function(l) {
       return e(l) === r;
     }, Z.isProfiler = function(l) {
@@ -1028,11 +1033,11 @@ function Fo() {
     }, Z.isStrictMode = function(l) {
       return e(l) === o;
     }, Z.isSuspense = function(l) {
-      return e(l) === p;
+      return e(l) === d;
     }, Z.isSuspenseList = function(l) {
       return e(l) === m;
     }, Z.isValidElementType = function(l) {
-      return typeof l == "string" || typeof l == "function" || l === n || l === i || l === o || l === p || l === m || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === d || l.$$typeof === u || l.$$typeof === c || l.$$typeof === f || l.$$typeof === b || l.getModuleId !== void 0);
+      return typeof l == "string" || typeof l == "function" || l === n || l === i || l === o || l === d || l === m || typeof l == "object" && l !== null && (l.$$typeof === p || l.$$typeof === h || l.$$typeof === u || l.$$typeof === c || l.$$typeof === f || l.$$typeof === b || l.getModuleId !== void 0);
     }, Z.typeOf = e;
   })()), Z;
 }
@@ -1071,28 +1076,28 @@ var Mr;
 function Vo() {
   if (Mr) return J;
   Mr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function _(E) {
-    if (typeof E == "object" && E !== null) {
-      var q = E.$$typeof;
+  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, h = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = 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, _ = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, C = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function x(S) {
+    if (typeof S == "object" && S !== null) {
+      var q = S.$$typeof;
       switch (q) {
         case t:
-          switch (E = E.type, E) {
+          switch (S = S.type, S) {
             case f:
-            case p:
+            case d:
             case n:
             case i:
             case o:
-            case d:
-              return E;
+            case h:
+              return S;
             default:
-              switch (E = E && E.$$typeof, E) {
+              switch (S = S && S.$$typeof, S) {
                 case u:
                 case m:
                 case b:
                 case y:
                 case c:
-                  return E;
+                  return S;
                 default:
                   return q;
               }
@@ -1102,47 +1107,47 @@ function Vo() {
       }
     }
   }
-  function $(E) {
-    return _(E) === p;
+  function R(S) {
+    return x(S) === d;
   }
-  return J.AsyncMode = f, J.ConcurrentMode = p, J.ContextConsumer = u, J.ContextProvider = c, J.Element = t, J.ForwardRef = m, J.Fragment = n, J.Lazy = b, J.Memo = y, J.Portal = r, J.Profiler = i, J.StrictMode = o, J.Suspense = d, J.isAsyncMode = function(E) {
-    return $(E) || _(E) === f;
-  }, J.isConcurrentMode = $, J.isContextConsumer = function(E) {
-    return _(E) === u;
-  }, J.isContextProvider = function(E) {
-    return _(E) === c;
-  }, J.isElement = function(E) {
-    return typeof E == "object" && E !== null && E.$$typeof === t;
-  }, J.isForwardRef = function(E) {
-    return _(E) === m;
-  }, J.isFragment = function(E) {
-    return _(E) === n;
-  }, J.isLazy = function(E) {
-    return _(E) === b;
-  }, J.isMemo = function(E) {
-    return _(E) === y;
-  }, J.isPortal = function(E) {
-    return _(E) === r;
-  }, J.isProfiler = function(E) {
-    return _(E) === i;
-  }, J.isStrictMode = function(E) {
-    return _(E) === o;
-  }, J.isSuspense = function(E) {
-    return _(E) === d;
-  }, J.isValidElementType = function(E) {
-    return typeof E == "string" || typeof E == "function" || E === n || E === p || E === i || E === o || E === d || E === h || typeof E == "object" && E !== null && (E.$$typeof === b || E.$$typeof === y || E.$$typeof === c || E.$$typeof === u || E.$$typeof === m || E.$$typeof === w || E.$$typeof === S || E.$$typeof === T || E.$$typeof === l);
-  }, J.typeOf = _, J;
+  return J.AsyncMode = f, J.ConcurrentMode = d, J.ContextConsumer = u, J.ContextProvider = c, J.Element = t, J.ForwardRef = m, J.Fragment = n, J.Lazy = b, J.Memo = y, J.Portal = r, J.Profiler = i, J.StrictMode = o, J.Suspense = h, J.isAsyncMode = function(S) {
+    return R(S) || x(S) === f;
+  }, J.isConcurrentMode = R, J.isContextConsumer = function(S) {
+    return x(S) === u;
+  }, J.isContextProvider = function(S) {
+    return x(S) === c;
+  }, J.isElement = function(S) {
+    return typeof S == "object" && S !== null && S.$$typeof === t;
+  }, J.isForwardRef = function(S) {
+    return x(S) === m;
+  }, J.isFragment = function(S) {
+    return x(S) === n;
+  }, J.isLazy = function(S) {
+    return x(S) === b;
+  }, J.isMemo = function(S) {
+    return x(S) === y;
+  }, J.isPortal = function(S) {
+    return x(S) === r;
+  }, J.isProfiler = function(S) {
+    return x(S) === i;
+  }, J.isStrictMode = function(S) {
+    return x(S) === o;
+  }, J.isSuspense = function(S) {
+    return x(S) === h;
+  }, J.isValidElementType = function(S) {
+    return typeof S == "string" || typeof S == "function" || S === n || S === d || S === i || S === o || S === h || S === p || typeof S == "object" && S !== null && (S.$$typeof === b || S.$$typeof === y || S.$$typeof === c || S.$$typeof === u || S.$$typeof === m || S.$$typeof === _ || S.$$typeof === w || S.$$typeof === C || S.$$typeof === l);
+  }, J.typeOf = x, J;
 }
 var X = {};
 var Br;
 function Wo() {
   return Br || (Br = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, w = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function _(O) {
+    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, h = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = 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, _ = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, C = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function x(O) {
       return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      O === n || O === p || O === i || O === o || O === d || O === h || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === y || O.$$typeof === c || O.$$typeof === u || O.$$typeof === m || O.$$typeof === w || O.$$typeof === S || O.$$typeof === T || O.$$typeof === l);
+      O === n || O === d || O === i || O === o || O === h || O === p || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === y || O.$$typeof === c || O.$$typeof === u || O.$$typeof === m || O.$$typeof === _ || O.$$typeof === w || O.$$typeof === C || O.$$typeof === l);
     }
-    function $(O) {
+    function R(O) {
       if (typeof O == "object" && O !== null) {
         var Ee = O.$$typeof;
         switch (Ee) {
@@ -1150,11 +1155,11 @@ function Wo() {
             var Ye = O.type;
             switch (Ye) {
               case f:
-              case p:
+              case d:
               case n:
               case i:
               case o:
-              case d:
+              case h:
                 return Ye;
               default:
                 var Be = Ye && Ye.$$typeof;
@@ -1174,47 +1179,47 @@ function Wo() {
         }
       }
     }
-    var E = f, q = p, oe = u, ee = c, W = t, a = m, R = n, U = b, j = y, le = r, ae = i, pe = o, be = d, Me = !1;
+    var S = f, q = d, oe = u, ee = c, z = t, a = m, $ = n, P = b, D = y, le = r, ae = i, pe = o, be = h, Me = !1;
     function ze(O) {
-      return Me || (Me = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), C(O) || $(O) === f;
+      return Me || (Me = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(O) || R(O) === f;
     }
-    function C(O) {
-      return $(O) === p;
+    function E(O) {
+      return R(O) === d;
     }
     function k(O) {
-      return $(O) === u;
+      return R(O) === u;
     }
-    function B(O) {
-      return $(O) === c;
+    function F(O) {
+      return R(O) === c;
     }
-    function M(O) {
+    function B(O) {
       return typeof O == "object" && O !== null && O.$$typeof === t;
     }
-    function I(O) {
-      return $(O) === m;
+    function N(O) {
+      return R(O) === m;
     }
-    function z(O) {
-      return $(O) === n;
+    function Y(O) {
+      return R(O) === n;
     }
-    function N(O) {
-      return $(O) === b;
+    function j(O) {
+      return R(O) === b;
     }
-    function D(O) {
-      return $(O) === y;
+    function M(O) {
+      return R(O) === y;
     }
-    function F(O) {
-      return $(O) === r;
+    function L(O) {
+      return R(O) === r;
     }
     function G(O) {
-      return $(O) === i;
+      return R(O) === i;
     }
-    function L(O) {
-      return $(O) === o;
+    function V(O) {
+      return R(O) === o;
     }
     function me(O) {
-      return $(O) === d;
+      return R(O) === h;
     }
-    X.AsyncMode = E, X.ConcurrentMode = q, X.ContextConsumer = oe, X.ContextProvider = ee, X.Element = W, X.ForwardRef = a, X.Fragment = R, X.Lazy = U, X.Memo = j, X.Portal = le, X.Profiler = ae, X.StrictMode = pe, X.Suspense = be, X.isAsyncMode = ze, X.isConcurrentMode = C, X.isContextConsumer = k, X.isContextProvider = B, X.isElement = M, X.isForwardRef = I, X.isFragment = z, X.isLazy = N, X.isMemo = D, X.isPortal = F, X.isProfiler = G, X.isStrictMode = L, X.isSuspense = me, X.isValidElementType = _, X.typeOf = $;
+    X.AsyncMode = S, X.ConcurrentMode = q, X.ContextConsumer = oe, X.ContextProvider = ee, X.Element = z, X.ForwardRef = a, X.Fragment = $, X.Lazy = P, X.Memo = D, X.Portal = le, X.Profiler = ae, X.StrictMode = pe, X.Suspense = be, X.isAsyncMode = ze, X.isConcurrentMode = E, X.isContextConsumer = k, X.isContextProvider = F, X.isElement = B, X.isForwardRef = N, X.isFragment = Y, X.isLazy = j, X.isMemo = M, X.isPortal = L, X.isProfiler = G, X.isStrictMode = V, X.isSuspense = me, X.isValidElementType = x, X.typeOf = R;
   })()), X;
 }
 var Fr;
@@ -1245,23 +1250,23 @@ function zo() {
       });
       if (f.join("") !== "0123456789")
         return !1;
-      var p = {};
+      var d = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(m) {
-        p[m] = m;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+        d[m] = m;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return Ut = o() ? Object.assign : function(i, c) {
-    for (var u, f = n(i), p, m = 1; m < arguments.length; m++) {
+    for (var u, f = n(i), d, m = 1; m < arguments.length; m++) {
       u = Object(arguments[m]);
-      for (var d in u)
-        t.call(u, d) && (f[d] = u[d]);
+      for (var h in u)
+        t.call(u, h) && (f[h] = u[h]);
       if (e) {
-        p = e(u);
-        for (var h = 0; h < p.length; h++)
-          r.call(u, p[h]) && (f[p[h]] = u[p[h]]);
+        d = e(u);
+        for (var p = 0; p < d.length; p++)
+          r.call(u, d[p]) && (f[d[p]] = u[d[p]]);
       }
     }
     return f;
@@ -1295,29 +1300,29 @@ function Yo() {
       }
     };
   }
-  function o(i, c, u, f, p) {
+  function o(i, c, u, f, d) {
     if (process.env.NODE_ENV !== "production") {
       for (var m in i)
         if (n(i, m)) {
-          var d;
+          var h;
           try {
             if (typeof i[m] != "function") {
-              var h = Error(
+              var p = Error(
                 (f || "React class") + ": " + u + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw h.name = "Invariant Violation", h;
+              throw p.name = "Invariant Violation", p;
             }
-            d = i[m](c, m, f, u, null, t);
+            h = i[m](c, m, f, u, null, t);
           } catch (b) {
-            d = b;
+            h = b;
           }
-          if (d && !(d instanceof Error) && e(
-            (f || "React class") + ": type specification of " + u + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), d instanceof Error && !(d.message in r)) {
-            r[d.message] = !0;
-            var y = p ? p() : "";
+          if (h && !(h instanceof Error) && e(
+            (f || "React class") + ": type specification of " + u + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), h instanceof Error && !(h.message in r)) {
+            r[h.message] = !0;
+            var y = d ? d() : "";
             e(
-              "Failed " + u + " type: " + d.message + (y ?? "")
+              "Failed " + u + " type: " + h.message + (y ?? "")
             );
           }
         }
@@ -1345,261 +1350,261 @@ function Uo() {
     return null;
   }
   return Ht = function(u, f) {
-    var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function d(C) {
-      var k = C && (p && C[p] || C[m]);
+    var d = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function h(E) {
+      var k = E && (d && E[d] || E[m]);
       if (typeof k == "function")
         return k;
     }
-    var h = "<<anonymous>>", y = {
-      array: S("array"),
-      bigint: S("bigint"),
-      bool: S("boolean"),
-      func: S("function"),
-      number: S("number"),
-      object: S("object"),
-      string: S("string"),
-      symbol: S("symbol"),
-      any: T(),
-      arrayOf: _,
-      element: $(),
-      elementType: E(),
+    var p = "<<anonymous>>", y = {
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
+      any: C(),
+      arrayOf: x,
+      element: R(),
+      elementType: S(),
       instanceOf: q,
       node: a(),
       objectOf: ee,
       oneOf: oe,
-      oneOfType: W,
-      shape: U,
-      exact: j
+      oneOfType: z,
+      shape: P,
+      exact: D
     };
-    function b(C, k) {
-      return C === k ? C !== 0 || 1 / C === 1 / k : C !== C && k !== k;
+    function b(E, k) {
+      return E === k ? E !== 0 || 1 / E === 1 / k : E !== E && k !== k;
     }
-    function l(C, k) {
-      this.message = C, this.data = k && typeof k == "object" ? k : {}, this.stack = "";
+    function l(E, k) {
+      this.message = E, this.data = k && typeof k == "object" ? k : {}, this.stack = "";
     }
     l.prototype = Error.prototype;
-    function w(C) {
+    function _(E) {
       if (process.env.NODE_ENV !== "production")
-        var k = {}, B = 0;
-      function M(z, N, D, F, G, L, me) {
-        if (F = F || h, L = L || D, me !== r) {
+        var k = {}, F = 0;
+      function B(Y, j, M, L, G, V, me) {
+        if (L = L || p, V = V || M, me !== r) {
           if (f) {
             var O = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw O.name = "Invariant Violation", O;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Ee = F + ":" + D;
+            var Ee = L + ":" + M;
             !k[Ee] && // Avoid spamming the console because they are often not actionable except for lib authors
-            B < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + L + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), k[Ee] = !0, B++);
+            F < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), k[Ee] = !0, F++);
           }
         }
-        return N[D] == null ? z ? N[D] === null ? new l("The " + G + " `" + L + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new l("The " + G + " `" + L + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : C(N, D, F, G, L);
+        return j[M] == null ? Y ? j[M] === null ? new l("The " + G + " `" + V + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new l("The " + G + " `" + V + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : E(j, M, L, G, V);
       }
-      var I = M.bind(null, !1);
-      return I.isRequired = M.bind(null, !0), I;
+      var N = B.bind(null, !1);
+      return N.isRequired = B.bind(null, !0), N;
     }
-    function S(C) {
-      function k(B, M, I, z, N, D) {
-        var F = B[M], G = pe(F);
-        if (G !== C) {
-          var L = be(F);
+    function w(E) {
+      function k(F, B, N, Y, j, M) {
+        var L = F[B], G = pe(L);
+        if (G !== E) {
+          var V = be(L);
           return new l(
-            "Invalid " + z + " `" + N + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("`" + C + "`."),
-            { expectedType: C }
+            "Invalid " + Y + " `" + j + "` of type " + ("`" + V + "` supplied to `" + N + "`, expected ") + ("`" + E + "`."),
+            { expectedType: E }
           );
         }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function T() {
-      return w(c);
+    function C() {
+      return _(c);
     }
-    function _(C) {
-      function k(B, M, I, z, N) {
-        if (typeof C != "function")
-          return new l("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
-        var D = B[M];
-        if (!Array.isArray(D)) {
-          var F = pe(D);
-          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
+    function x(E) {
+      function k(F, B, N, Y, j) {
+        if (typeof E != "function")
+          return new l("Property `" + j + "` of component `" + N + "` has invalid PropType notation inside arrayOf.");
+        var M = F[B];
+        if (!Array.isArray(M)) {
+          var L = pe(M);
+          return new l("Invalid " + Y + " `" + j + "` of type " + ("`" + L + "` supplied to `" + N + "`, expected an array."));
         }
-        for (var G = 0; G < D.length; G++) {
-          var L = C(D, G, I, z, N + "[" + G + "]", r);
-          if (L instanceof Error)
-            return L;
+        for (var G = 0; G < M.length; G++) {
+          var V = E(M, G, N, Y, j + "[" + G + "]", r);
+          if (V instanceof Error)
+            return V;
         }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function $() {
-      function C(k, B, M, I, z) {
-        var N = k[B];
-        if (!u(N)) {
-          var D = pe(N);
-          return new l("Invalid " + I + " `" + z + "` of type " + ("`" + D + "` supplied to `" + M + "`, expected a single ReactElement."));
+    function R() {
+      function E(k, F, B, N, Y) {
+        var j = k[F];
+        if (!u(j)) {
+          var M = pe(j);
+          return new l("Invalid " + N + " `" + Y + "` of type " + ("`" + M + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return w(C);
+      return _(E);
     }
-    function E() {
-      function C(k, B, M, I, z) {
-        var N = k[B];
-        if (!e.isValidElementType(N)) {
-          var D = pe(N);
-          return new l("Invalid " + I + " `" + z + "` of type " + ("`" + D + "` supplied to `" + M + "`, expected a single ReactElement type."));
+    function S() {
+      function E(k, F, B, N, Y) {
+        var j = k[F];
+        if (!e.isValidElementType(j)) {
+          var M = pe(j);
+          return new l("Invalid " + N + " `" + Y + "` of type " + ("`" + M + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return w(C);
+      return _(E);
     }
-    function q(C) {
-      function k(B, M, I, z, N) {
-        if (!(B[M] instanceof C)) {
-          var D = C.name || h, F = ze(B[M]);
-          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + D + "`."));
+    function q(E) {
+      function k(F, B, N, Y, j) {
+        if (!(F[B] instanceof E)) {
+          var M = E.name || p, L = ze(F[B]);
+          return new l("Invalid " + Y + " `" + j + "` of type " + ("`" + L + "` supplied to `" + N + "`, expected ") + ("instance of `" + M + "`."));
         }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function oe(C) {
-      if (!Array.isArray(C))
+    function oe(E) {
+      if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
-      function k(B, M, I, z, N) {
-        for (var D = B[M], F = 0; F < C.length; F++)
-          if (b(D, C[F]))
+      function k(F, B, N, Y, j) {
+        for (var M = F[B], L = 0; L < E.length; L++)
+          if (b(M, E[L]))
             return null;
-        var G = JSON.stringify(C, function(me, O) {
+        var G = JSON.stringify(E, function(me, O) {
           var Ee = be(O);
           return Ee === "symbol" ? String(O) : O;
         });
-        return new l("Invalid " + z + " `" + N + "` of value `" + String(D) + "` " + ("supplied to `" + I + "`, expected one of " + G + "."));
+        return new l("Invalid " + Y + " `" + j + "` of value `" + String(M) + "` " + ("supplied to `" + N + "`, expected one of " + G + "."));
       }
-      return w(k);
+      return _(k);
     }
-    function ee(C) {
-      function k(B, M, I, z, N) {
-        if (typeof C != "function")
-          return new l("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var D = B[M], F = pe(D);
-        if (F !== "object")
-          return new l("Invalid " + z + " `" + N + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
-        for (var G in D)
-          if (n(D, G)) {
-            var L = C(D, G, I, z, N + "." + G, r);
-            if (L instanceof Error)
-              return L;
+    function ee(E) {
+      function k(F, B, N, Y, j) {
+        if (typeof E != "function")
+          return new l("Property `" + j + "` of component `" + N + "` has invalid PropType notation inside objectOf.");
+        var M = F[B], L = pe(M);
+        if (L !== "object")
+          return new l("Invalid " + Y + " `" + j + "` of type " + ("`" + L + "` supplied to `" + N + "`, expected an object."));
+        for (var G in M)
+          if (n(M, G)) {
+            var V = E(M, G, N, Y, j + "." + G, r);
+            if (V instanceof Error)
+              return V;
           }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function W(C) {
-      if (!Array.isArray(C))
+    function z(E) {
+      if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var k = 0; k < C.length; k++) {
-        var B = C[k];
-        if (typeof B != "function")
+      for (var k = 0; k < E.length; k++) {
+        var F = E[k];
+        if (typeof F != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Me(B) + " at index " + k + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Me(F) + " at index " + k + "."
           ), c;
       }
-      function M(I, z, N, D, F) {
-        for (var G = [], L = 0; L < C.length; L++) {
-          var me = C[L], O = me(I, z, N, D, F, r);
+      function B(N, Y, j, M, L) {
+        for (var G = [], V = 0; V < E.length; V++) {
+          var me = E[V], O = me(N, Y, j, M, L, r);
           if (O == null)
             return null;
           O.data && n(O.data, "expectedType") && G.push(O.data.expectedType);
         }
         var Ee = G.length > 0 ? ", expected one of type [" + G.join(", ") + "]" : "";
-        return new l("Invalid " + D + " `" + F + "` supplied to " + ("`" + N + "`" + Ee + "."));
+        return new l("Invalid " + M + " `" + L + "` supplied to " + ("`" + j + "`" + Ee + "."));
       }
-      return w(M);
+      return _(B);
     }
     function a() {
-      function C(k, B, M, I, z) {
-        return le(k[B]) ? null : new l("Invalid " + I + " `" + z + "` supplied to " + ("`" + M + "`, expected a ReactNode."));
+      function E(k, F, B, N, Y) {
+        return le(k[F]) ? null : new l("Invalid " + N + " `" + Y + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
-      return w(C);
+      return _(E);
     }
-    function R(C, k, B, M, I) {
+    function $(E, k, F, B, N) {
       return new l(
-        (C || "React class") + ": " + k + " type `" + B + "." + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+        (E || "React class") + ": " + k + " type `" + F + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + N + "`."
       );
     }
-    function U(C) {
-      function k(B, M, I, z, N) {
-        var D = B[M], F = pe(D);
-        if (F !== "object")
-          return new l("Invalid " + z + " `" + N + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var G in C) {
-          var L = C[G];
-          if (typeof L != "function")
-            return R(I, z, N, G, be(L));
-          var me = L(D, G, I, z, N + "." + G, r);
+    function P(E) {
+      function k(F, B, N, Y, j) {
+        var M = F[B], L = pe(M);
+        if (L !== "object")
+          return new l("Invalid " + Y + " `" + j + "` of type `" + L + "` " + ("supplied to `" + N + "`, expected `object`."));
+        for (var G in E) {
+          var V = E[G];
+          if (typeof V != "function")
+            return $(N, Y, j, G, be(V));
+          var me = V(M, G, N, Y, j + "." + G, r);
           if (me)
             return me;
         }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function j(C) {
-      function k(B, M, I, z, N) {
-        var D = B[M], F = pe(D);
-        if (F !== "object")
-          return new l("Invalid " + z + " `" + N + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var G = t({}, B[M], C);
-        for (var L in G) {
-          var me = C[L];
-          if (n(C, L) && typeof me != "function")
-            return R(I, z, N, L, be(me));
+    function D(E) {
+      function k(F, B, N, Y, j) {
+        var M = F[B], L = pe(M);
+        if (L !== "object")
+          return new l("Invalid " + Y + " `" + j + "` of type `" + L + "` " + ("supplied to `" + N + "`, expected `object`."));
+        var G = t({}, F[B], E);
+        for (var V in G) {
+          var me = E[V];
+          if (n(E, V) && typeof me != "function")
+            return $(N, Y, j, V, be(me));
           if (!me)
             return new l(
-              "Invalid " + z + " `" + N + "` key `" + L + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(B[M], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
+              "Invalid " + Y + " `" + j + "` key `" + V + "` supplied to `" + N + "`.\nBad object: " + JSON.stringify(F[B], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var O = me(D, L, I, z, N + "." + L, r);
+          var O = me(M, V, N, Y, j + "." + V, r);
           if (O)
             return O;
         }
         return null;
       }
-      return w(k);
+      return _(k);
     }
-    function le(C) {
-      switch (typeof C) {
+    function le(E) {
+      switch (typeof E) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !C;
+          return !E;
         case "object":
-          if (Array.isArray(C))
-            return C.every(le);
-          if (C === null || u(C))
+          if (Array.isArray(E))
+            return E.every(le);
+          if (E === null || u(E))
             return !0;
-          var k = d(C);
+          var k = h(E);
           if (k) {
-            var B = k.call(C), M;
-            if (k !== C.entries) {
-              for (; !(M = B.next()).done; )
-                if (!le(M.value))
+            var F = k.call(E), B;
+            if (k !== E.entries) {
+              for (; !(B = F.next()).done; )
+                if (!le(B.value))
                   return !1;
             } else
-              for (; !(M = B.next()).done; ) {
-                var I = M.value;
-                if (I && !le(I[1]))
+              for (; !(B = F.next()).done; ) {
+                var N = B.value;
+                if (N && !le(N[1]))
                   return !1;
               }
           } else
@@ -1609,27 +1614,27 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
           return !1;
       }
     }
-    function ae(C, k) {
-      return C === "symbol" ? !0 : k ? k["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && k instanceof Symbol : !1;
+    function ae(E, k) {
+      return E === "symbol" ? !0 : k ? k["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && k instanceof Symbol : !1;
     }
-    function pe(C) {
-      var k = typeof C;
-      return Array.isArray(C) ? "array" : C instanceof RegExp ? "object" : ae(k, C) ? "symbol" : k;
+    function pe(E) {
+      var k = typeof E;
+      return Array.isArray(E) ? "array" : E instanceof RegExp ? "object" : ae(k, E) ? "symbol" : k;
     }
-    function be(C) {
-      if (typeof C > "u" || C === null)
-        return "" + C;
-      var k = pe(C);
+    function be(E) {
+      if (typeof E > "u" || E === null)
+        return "" + E;
+      var k = pe(E);
       if (k === "object") {
-        if (C instanceof Date)
+        if (E instanceof Date)
           return "date";
-        if (C instanceof RegExp)
+        if (E instanceof RegExp)
           return "regexp";
       }
       return k;
     }
-    function Me(C) {
-      var k = be(C);
+    function Me(E) {
+      var k = be(E);
       switch (k) {
         case "array":
         case "object":
@@ -1642,8 +1647,8 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
           return k;
       }
     }
-    function ze(C) {
-      return !C.constructor || !C.constructor.name ? h : C.constructor.name;
+    function ze(E) {
+      return !E.constructor || !E.constructor.name ? p : E.constructor.name;
     }
     return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
   }, Ht;
@@ -1658,12 +1663,12 @@ function Go() {
   function r() {
   }
   return r.resetWarningCache = t, Jt = function() {
-    function n(c, u, f, p, m, d) {
-      if (d !== e) {
-        var h = new Error(
+    function n(c, u, f, d, m, h) {
+      if (h !== e) {
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw h.name = "Invariant Violation", h;
+        throw p.name = "Invariant Violation", p;
       }
     }
     n.isRequired = n;
@@ -1779,8 +1784,8 @@ function Jo(e, t, r = void 0) {
     const i = e[o];
     let c = "", u = !0;
     for (let f = 0; f < i.length; f += 1) {
-      const p = i[f];
-      p && (c += (u === !0 ? "" : " ") + t(p), u = !1, r && r[p] && (c += " " + r[p]));
+      const d = i[f];
+      d && (c += (u === !0 ? "" : " ") + t(d), u = !1, r && r[d] && (c += " " + r[d]));
     }
     n[o] = c;
   }
@@ -1971,11 +1976,11 @@ function fe(e) {
   } = e, i = (c) => {
     if (c[t] == null)
       return null;
-    const u = c[t], f = c.theme, p = kt(f, n) || {};
-    return ke(c, u, (d) => {
-      let h = _t(p, o, d);
-      return d === h && typeof d == "string" && (h = _t(p, o, `${t}${d === "default" ? "" : We(d)}`, d)), r === !1 ? h : {
-        [r]: h
+    const u = c[t], f = c.theme, d = kt(f, n) || {};
+    return ke(c, u, (h) => {
+      let p = _t(d, o, h);
+      return h === p && typeof h == "string" && (p = _t(d, o, `${t}${h === "default" ? "" : We(h)}`, h)), r === !1 ? p : {
+        [r]: p
       };
     });
   };
@@ -2520,20 +2525,20 @@ function qi() {
       };
     const {
       cssProperty: f = r,
-      themeKey: p,
+      themeKey: d,
       transform: m,
-      style: d
+      style: h
     } = u;
     if (n == null)
       return null;
-    if (p === "typography" && n === "inherit")
+    if (d === "typography" && n === "inherit")
       return {
         [r]: n
       };
-    const h = kt(o, p) || {};
-    return d ? d(c) : ke(c, n, (b) => {
-      let l = _t(h, m, b);
-      return b === l && typeof b == "string" && (l = _t(h, m, `${r}${b === "default" ? "" : We(b)}`, b)), f === !1 ? l : {
+    const p = kt(o, d) || {};
+    return h ? h(c) : ke(c, n, (b) => {
+      let l = _t(p, m, b);
+      return b === l && typeof b == "string" && (l = _t(p, m, `${r}${b === "default" ? "" : We(b)}`, b)), f === !1 ? l : {
         [f]: l
       };
     });
@@ -2548,38 +2553,38 @@ function qi() {
       return null;
     const c = o.unstable_sxConfig ?? Bt;
     function u(f) {
-      let p = f;
+      let d = f;
       if (typeof f == "function")
-        p = f(o);
+        d = f(o);
       else if (typeof f != "object")
         return f;
-      if (!p)
+      if (!d)
         return null;
-      const m = si(o.breakpoints), d = Object.keys(m);
-      let h = m;
-      return Object.keys(p).forEach((y) => {
-        const b = Gi(p[y], o);
+      const m = si(o.breakpoints), h = Object.keys(m);
+      let p = m;
+      return Object.keys(d).forEach((y) => {
+        const b = Gi(d[y], o);
         if (b != null)
           if (typeof b == "object")
             if (c[y])
-              h = st(h, e(y, b, o, c));
+              p = st(p, e(y, b, o, c));
             else {
               const l = ke({
                 theme: o
-              }, b, (w) => ({
-                [y]: w
+              }, b, (_) => ({
+                [y]: _
               }));
-              Ui(l, b) ? h[y] = t({
+              Ui(l, b) ? p[y] = t({
                 sx: b,
                 theme: o,
                 nested: !0
-              }) : h = st(h, l);
+              }) : p = st(p, l);
             }
           else
-            h = st(h, e(y, b, o, c));
+            p = st(p, e(y, b, o, c));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": Hr(o, Xr(d, h))
-      } : Hr(o, Xr(d, h));
+        "@layer sx": Hr(o, Xr(h, p))
+      } : Hr(o, Xr(h, p));
     }
     return Array.isArray(n) ? n.map(u) : u(n);
   }
@@ -2734,15 +2739,15 @@ function Zi(e, t, r) {
         for (var f = 0; f < c.length; f++)
           Zr(c[f]) && (n += Xt(i) + ":" + en(i, c[f]) + ";");
       else {
-        var p = Ot(e, t, c);
+        var d = Ot(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Xt(i) + ":" + p + ";";
+            n += Xt(i) + ":" + d + ";";
             break;
           }
           default:
-            n += i + "{" + p + "}";
+            n += i + "{" + d + "}";
         }
       }
     }
@@ -2767,11 +2772,11 @@ function ea(e, t, r) {
       o += f[u];
     }
   tn.lastIndex = 0;
-  for (var p = "", m; (m = tn.exec(o)) !== null; )
-    p += "-" + m[1];
-  var d = Ki(o) + p;
+  for (var d = "", m; (m = tn.exec(o)) !== null; )
+    d += "-" + m[1];
+  var h = Ki(o) + d;
   return {
-    name: d,
+    name: h,
     styles: o,
     next: Pe
   };
@@ -2821,31 +2826,31 @@ function oa(e) {
     step: n = 5,
     ...o
   } = e, i = na(t), c = Object.keys(i);
-  function u(h) {
-    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r})`;
+  function u(p) {
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
   }
-  function f(h) {
-    return `@media (max-width:${(typeof t[h] == "number" ? t[h] : h) - n / 100}${r})`;
+  function f(p) {
+    return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
   }
-  function p(h, y) {
+  function d(p, y) {
     const b = c.indexOf(y);
-    return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${r}) and (max-width:${(b !== -1 && typeof t[c[b]] == "number" ? t[c[b]] : y) - n / 100}${r})`;
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(b !== -1 && typeof t[c[b]] == "number" ? t[c[b]] : y) - n / 100}${r})`;
   }
-  function m(h) {
-    return c.indexOf(h) + 1 < c.length ? p(h, c[c.indexOf(h) + 1]) : u(h);
+  function m(p) {
+    return c.indexOf(p) + 1 < c.length ? d(p, c[c.indexOf(p) + 1]) : u(p);
   }
-  function d(h) {
-    const y = c.indexOf(h);
-    return y === 0 ? u(c[1]) : y === c.length - 1 ? f(c[y]) : p(h, c[c.indexOf(h) + 1]).replace("@media", "@media not all and");
+  function h(p) {
+    const y = c.indexOf(p);
+    return y === 0 ? u(c[1]) : y === c.length - 1 ? f(c[y]) : d(p, c[c.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: c,
     values: i,
     up: u,
     down: f,
-    between: p,
+    between: d,
     only: m,
-    not: d,
+    not: h,
     unit: r,
     ...o
   };
@@ -2884,7 +2889,7 @@ function On(e = {}, ...t) {
     shape: i = {},
     ...c
   } = e, u = oa(r), f = _n(o);
-  let p = Se({
+  let d = Se({
     breakpoints: u,
     direction: "ltr",
     components: {},
@@ -2899,15 +2904,15 @@ function On(e = {}, ...t) {
       ...i
     }
   }, c);
-  return p = ii(p), p.applyStyles = aa, p = t.reduce((m, d) => Se(m, d), p), p.unstable_sxConfig = {
+  return d = ii(d), d.applyStyles = aa, d = t.reduce((m, h) => Se(m, h), d), d.unstable_sxConfig = {
     ...Bt,
     ...c?.unstable_sxConfig
-  }, p.unstable_sx = function(d) {
+  }, d.unstable_sx = function(h) {
     return et({
-      sx: d,
+      sx: h,
       theme: this
     });
-  }, p;
+  }, d;
 }
 function Rn(e) {
   const {
@@ -2990,26 +2995,26 @@ function ua(e = {}) {
   return (u, f = {}) => {
     ra(u, (q) => q.filter((oe) => oe !== et));
     const {
-      name: p,
+      name: d,
       slot: m,
-      skipVariantsResolver: d,
-      skipSx: h,
+      skipVariantsResolver: h,
+      skipSx: p,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: y = ca(kn(m)),
       ...b
-    } = f, l = p && p.startsWith("Mui") || m ? "components" : "custom", w = d !== void 0 ? d : (
+    } = f, l = d && d.startsWith("Mui") || m ? "components" : "custom", _ = h !== void 0 ? h : (
       // 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 T = Qt;
-    m === "Root" || m === "root" ? T = n : m ? T = o : ma(u) && (T = void 0);
-    const _ = ta(u, {
-      shouldForwardProp: T,
-      label: da(p, m),
+    ), w = p || !1;
+    let C = Qt;
+    m === "Root" || m === "root" ? C = n : m ? C = o : ma(u) && (C = void 0);
+    const x = ta(u, {
+      shouldForwardProp: C,
+      label: da(d, m),
       ...b
-    }), $ = (q) => {
+    }), R = (q) => {
       if (q.__emotion_real === q)
         return q;
       if (typeof q == "function")
@@ -3018,33 +3023,33 @@ function ua(e = {}) {
         };
       if (Ae(q)) {
         const oe = Rn(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 function(z) {
+          return oe.variants ? Ct(z, oe, z.theme.modularCssLayers ? l : void 0) : z.theme.modularCssLayers ? Le(oe.style, l) : oe.style;
         };
       }
       return q;
-    }, E = (...q) => {
-      const oe = [], ee = q.map($), W = [];
-      if (oe.push(i), p && y && W.push(function(j) {
-        const ae = j.theme.components?.[p]?.styleOverrides;
+    }, S = (...q) => {
+      const oe = [], ee = q.map(R), z = [];
+      if (oe.push(i), d && y && z.push(function(D) {
+        const ae = D.theme.components?.[d]?.styleOverrides;
         if (!ae)
           return null;
         const pe = {};
         for (const be in ae)
-          pe[be] = Ct(j, ae[be], j.theme.modularCssLayers ? "theme" : void 0);
-        return y(j, pe);
-      }), p && !w && W.push(function(j) {
-        const ae = j.theme?.components?.[p]?.variants;
-        return ae ? An(j, ae, [], j.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), S || W.push(et), Array.isArray(ee[0])) {
-        const U = ee.shift(), j = new Array(oe.length).fill(""), le = new Array(W.length).fill("");
+          pe[be] = Ct(D, ae[be], D.theme.modularCssLayers ? "theme" : void 0);
+        return y(D, pe);
+      }), d && !_ && z.push(function(D) {
+        const ae = D.theme?.components?.[d]?.variants;
+        return ae ? An(D, ae, [], D.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), w || z.push(et), Array.isArray(ee[0])) {
+        const P = ee.shift(), D = new Array(oe.length).fill(""), le = new Array(z.length).fill("");
         let ae;
-        ae = [...j, ...U, ...le], ae.raw = [...j, ...U.raw, ...le], oe.unshift(ae);
+        ae = [...D, ...P, ...le], ae.raw = [...D, ...P.raw, ...le], oe.unshift(ae);
       }
-      const a = [...oe, ...ee, ...W], R = _(...a);
-      return u.muiName && (R.muiName = u.muiName), process.env.NODE_ENV !== "production" && (R.displayName = fa(p, m, u)), R;
+      const a = [...oe, ...ee, ...z], $ = x(...a);
+      return u.muiName && ($.muiName = u.muiName), process.env.NODE_ENV !== "production" && ($.displayName = fa(d, m, u)), $;
     };
-    return _.withConfig && (E.withConfig = _.withConfig), E;
+    return x.withConfig && (S.withConfig = x.withConfig), S;
   };
 }
 function fa(e, t, r) {
@@ -3123,7 +3128,7 @@ function $n(e) {
   e = je(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), c = (p, m = (p + r / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), c = (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({
@@ -3258,12 +3263,12 @@ function Zt(e, t) {
   } = t || {}, o = {}, i = {}, c = {};
   return Ta(
     e,
-    (u, f, p) => {
+    (u, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, d = wa(u, f);
+        const m = `--${r ? `${r}-` : ""}${u.join("-")}`, h = wa(u, f);
         Object.assign(o, {
-          [m]: d
-        }), an(i, u, `var(${m})`, p), an(c, u, `var(${m}, ${d})`, p);
+          [m]: h
+        }), an(i, u, `var(${m})`, d), an(c, u, `var(${m}, ${h})`, d);
       }
     },
     (u) => u[0] === "vars"
@@ -3276,7 +3281,7 @@ function Zt(e, t) {
 }
 function _a(e, t = {}) {
   const {
-    getSelector: r = w,
+    getSelector: r = _,
     disableCssColorScheme: n,
     colorSchemeSelector: o
   } = t, {
@@ -3285,104 +3290,104 @@ function _a(e, t = {}) {
     defaultColorScheme: u = "light",
     ...f
   } = e, {
-    vars: p,
+    vars: d,
     css: m,
-    varsWithDefaults: d
+    varsWithDefaults: h
   } = Zt(f, t);
-  let h = d;
+  let p = h;
   const y = {}, {
     [u]: b,
     ...l
   } = i;
-  if (Object.entries(l || {}).forEach(([_, $]) => {
+  if (Object.entries(l || {}).forEach(([x, R]) => {
     const {
-      vars: E,
+      vars: S,
       css: q,
       varsWithDefaults: oe
-    } = Zt($, t);
-    h = Se(h, oe), y[_] = {
+    } = Zt(R, t);
+    p = Se(p, oe), y[x] = {
       css: q,
-      vars: E
+      vars: S
     };
   }), b) {
     const {
-      css: _,
-      vars: $,
-      varsWithDefaults: E
+      css: x,
+      vars: R,
+      varsWithDefaults: S
     } = Zt(b, t);
-    h = Se(h, E), y[u] = {
-      css: _,
-      vars: $
+    p = Se(p, S), y[u] = {
+      css: x,
+      vars: R
     };
   }
-  function w(_, $) {
-    let E = o;
-    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), _) {
-      if (E === "media")
-        return e.defaultColorScheme === _ ? ":root" : {
-          [`@media (prefers-color-scheme: ${i[_]?.palette?.mode || _})`]: {
-            ":root": $
+  function _(x, R) {
+    let S = o;
+    if (o === "class" && (S = ".%s"), o === "data" && (S = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (S = `[${o}="%s"]`), x) {
+      if (S === "media")
+        return e.defaultColorScheme === x ? ":root" : {
+          [`@media (prefers-color-scheme: ${i[x]?.palette?.mode || x})`]: {
+            ":root": R
           }
         };
-      if (E)
-        return e.defaultColorScheme === _ ? `:root, ${E.replace("%s", String(_))}` : E.replace("%s", String(_));
+      if (S)
+        return e.defaultColorScheme === x ? `:root, ${S.replace("%s", String(x))}` : S.replace("%s", String(x));
     }
     return ":root";
   }
   return {
-    vars: h,
+    vars: p,
     generateThemeVars: () => {
-      let _ = {
-        ...p
+      let x = {
+        ...d
       };
       return Object.entries(y).forEach(([, {
-        vars: $
+        vars: R
       }]) => {
-        _ = Se(_, $);
-      }), _;
+        x = Se(x, R);
+      }), x;
     },
     generateStyleSheets: () => {
-      const _ = [], $ = e.defaultColorScheme || "light";
-      function E(ee, W) {
-        Object.keys(W).length && _.push(typeof ee == "string" ? {
+      const x = [], R = e.defaultColorScheme || "light";
+      function S(ee, z) {
+        Object.keys(z).length && x.push(typeof ee == "string" ? {
           [ee]: {
-            ...W
+            ...z
           }
         } : ee);
       }
-      E(r(void 0, {
+      S(r(void 0, {
         ...m
       }), m);
       const {
-        [$]: q,
+        [R]: q,
         ...oe
       } = y;
       if (q) {
         const {
           css: ee
-        } = q, W = i[$]?.palette?.mode, a = !n && W ? {
-          colorScheme: W,
+        } = q, z = i[R]?.palette?.mode, a = !n && z ? {
+          colorScheme: z,
           ...ee
         } : {
           ...ee
         };
-        E(r($, {
+        S(r(R, {
           ...a
         }), a);
       }
       return Object.entries(oe).forEach(([ee, {
-        css: W
+        css: z
       }]) => {
-        const a = i[ee]?.palette?.mode, R = !n && a ? {
+        const a = i[ee]?.palette?.mode, $ = !n && a ? {
           colorScheme: a,
-          ...W
+          ...z
         } : {
-          ...W
+          ...z
         };
-        E(r(ee, {
-          ...R
-        }), R);
-      }), _;
+        S(r(ee, {
+          ...$
+        }), $);
+      }), x;
     }
   };
 }
@@ -3595,30 +3600,30 @@ function pr(e) {
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, i = e.primary || ka(t), c = e.secondary || $a(t), u = e.error || Pa(t), f = e.info || Ia(t), p = e.success || Na(t), m = e.warning || ja(t);
-  function d(l) {
-    const w = nn(l, sn.text.primary) >= r ? sn.text.primary : Aa.text.primary;
+  } = e, i = e.primary || ka(t), c = e.secondary || $a(t), u = e.error || Pa(t), f = e.info || Ia(t), d = e.success || Na(t), m = e.warning || ja(t);
+  function h(l) {
+    const _ = nn(l, sn.text.primary) >= r ? sn.text.primary : Aa.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = nn(l, w);
-      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${w} on ${l}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const w = nn(l, _);
+      w < 3 && console.error([`MUI: The contrast ratio of ${w}:1 for ${_} on ${l}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return w;
+    return _;
   }
-  const h = ({
+  const p = ({
     color: l,
-    name: w,
-    mainShade: S = 500,
-    lightShade: T = 300,
-    darkShade: _ = 700
+    name: _,
+    mainShade: w = 500,
+    lightShade: C = 300,
+    darkShade: x = 700
   }) => {
     if (l = {
       ...l
-    }, !l.main && l[S] && (l.main = l[S]), !l.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${S}\` property.` : Ne(11, w ? ` (${w})` : "", S));
+    }, !l.main && l[w] && (l.main = l[w]), !l.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${w}\` property.` : Ne(11, _ ? ` (${_})` : "", w));
     if (typeof l.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(l.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -3631,8 +3636,8 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Ne(12, w ? ` (${w})` : "", JSON.stringify(l.main)));
-    return cn(l, "light", T, n), cn(l, "dark", _, n), l.contrastText || (l.contrastText = d(l.main)), l;
+} });` : Ne(12, _ ? ` (${_})` : "", JSON.stringify(l.main)));
+    return cn(l, "light", C, n), cn(l, "dark", x, n), l.contrastText || (l.contrastText = h(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({
@@ -3644,12 +3649,12 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: h({
+    primary: p({
       color: i,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: h({
+    secondary: p({
       color: c,
       name: "secondary",
       mainShade: "A400",
@@ -3657,23 +3662,23 @@ const theme2 = createTheme({ palette: {
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: h({
+    error: p({
       color: u,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: h({
+    warning: p({
       color: m,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: h({
+    info: p({
       color: f,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: h({
-      color: p,
+    success: p({
+      color: d,
       name: "success"
     }),
     // The grey colors.
@@ -3682,9 +3687,9 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: d,
+    getContrastText: h,
     // Generate a rich color object.
-    augmentColor: h,
+    augmentColor: p,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
@@ -3736,24 +3741,24 @@ function Fa(e, t) {
     // 16px is the default font-size used by browsers.
     htmlFontSize: f = 16,
     // Apply the CSS properties to all the variants.
-    allVariants: p,
+    allVariants: d,
     pxToRem: m,
-    ...d
+    ...h
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const h = n / 14, y = m || ((w) => `${w / f * h}rem`), b = (w, S, T, _, $) => ({
+  const p = n / 14, y = m || ((_) => `${_ / f * p}rem`), b = (_, w, C, x, R) => ({
     fontFamily: r,
-    fontWeight: w,
-    fontSize: y(S),
+    fontWeight: _,
+    fontSize: y(w),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: T,
+    lineHeight: C,
     // 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: `${Ba(_ / S)}em`
+      letterSpacing: `${Ba(x / w)}em`
     } : {},
-    ...$,
-    ...p
+    ...R,
+    ...d
   }), l = {
     h1: b(o, 96, 1.167, -1.5),
     h2: b(o, 60, 1.2, -0.5),
@@ -3787,7 +3792,7 @@ function Fa(e, t) {
     fontWeightMedium: c,
     fontWeightBold: u,
     ...l
-  }, d, {
+  }, h, {
     clone: !1
     // No need to clone deep
   });
@@ -3843,12 +3848,12 @@ function qa(e) {
         duration: c = r.standard,
         easing: u = t.easeInOut,
         delay: f = 0,
-        ...p
+        ...d
       } = i;
       if (process.env.NODE_ENV !== "production") {
-        const m = (h) => typeof h == "string", d = (h) => !Number.isNaN(parseFloat(h));
-        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !d(c) && !m(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), m(u) || console.error('MUI: Argument "easing" must be a string.'), !d(f) && !m(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
-`)), Object.keys(p).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(p).join(",")}].`);
+        const m = (p) => typeof p == "string", h = (p) => !Number.isNaN(parseFloat(p));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !h(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.'), !h(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(",");
     },
@@ -3901,15 +3906,15 @@ function nr(e = {}, ...t) {
     transitions: c = {},
     typography: u = {},
     shape: f,
-    ...p
+    ...d
   } = e;
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Ne(20));
-  const m = pr(i), d = On(e);
-  let h = Se(d, {
-    mixins: Ma(d.breakpoints, n),
+  const m = pr(i), h = On(e);
+  let p = Se(h, {
+    mixins: Ma(h.breakpoints, n),
     palette: m,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: za.slice(),
@@ -3919,39 +3924,39 @@ function nr(e = {}, ...t) {
       ...Ka
     }
   });
-  if (h = Se(h, p), h = t.reduce((y, b) => Se(y, b), h), process.env.NODE_ENV !== "production") {
-    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (l, w) => {
-      let S;
-      for (S in l) {
-        const T = l[S];
-        if (y.includes(S) && Object.keys(T).length > 0) {
+  if (p = Se(p, d), p = t.reduce((y, b) => Se(y, b), p), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (l, _) => {
+      let w;
+      for (w in l) {
+        const C = l[w];
+        if (y.includes(w) && Object.keys(C).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const _ = sr("", S);
-            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${_}' syntax:`, JSON.stringify({
+            const x = sr("", w);
+            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${w}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
               root: {
-                [`&.${_}`]: T
+                [`&.${x}`]: C
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          l[S] = {};
+          l[w] = {};
         }
       }
     };
-    Object.keys(h.components).forEach((l) => {
-      const w = h.components[l].styleOverrides;
-      w && l.startsWith("Mui") && b(w, l);
+    Object.keys(p.components).forEach((l) => {
+      const _ = p.components[l].styleOverrides;
+      _ && l.startsWith("Mui") && b(_, l);
     });
   }
-  return h.unstable_sxConfig = {
+  return p.unstable_sxConfig = {
     ...Bt,
-    ...p?.unstable_sxConfig
-  }, h.unstable_sx = function(b) {
+    ...d?.unstable_sxConfig
+  }, p.unstable_sx = function(b) {
     return et({
       sx: b,
       theme: this
     });
-  }, h.toRuntimeSource = Nn, h;
+  }, p.toRuntimeSource = Nn, p;
 }
 function Ja(e) {
   let t;
@@ -4105,77 +4110,77 @@ function is(e = {}, ...t) {
     shouldSkipGeneratingVar: c = Za,
     colorSchemeSelector: u = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
-    ...p
-  } = e, m = Object.keys(r)[0], d = n || (r.light && m !== "light" ? "light" : m), h = os(i), {
-    [d]: y,
+    ...d
+  } = e, m = Object.keys(r)[0], h = n || (r.light && m !== "light" ? "light" : m), p = os(i), {
+    [h]: y,
     light: b,
     dark: l,
-    ...w
-  } = r, S = {
-    ...w
+    ..._
+  } = r, w = {
+    ..._
   };
-  let T = y;
-  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (T = !0), !T)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : Ne(21, d));
-  const _ = er(S, T, p, d);
-  b && !S.light && er(S, b, void 0, "light"), l && !S.dark && er(S, l, void 0, "dark");
-  let $ = {
-    defaultColorScheme: d,
-    ..._,
+  let C = y;
+  if ((h === "dark" && !("dark" in r) || h === "light" && !("light" in r)) && (C = !0), !C)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${h}\` option is either missing or invalid.` : Ne(21, h));
+  const x = er(w, C, d, h);
+  b && !w.light && er(w, b, void 0, "light"), l && !w.dark && er(w, l, void 0, "dark");
+  let R = {
+    defaultColorScheme: h,
+    ...x,
     cssVarPrefix: i,
     colorSchemeSelector: u,
     rootSelector: f,
-    getCssVar: h,
-    colorSchemes: S,
+    getCssVar: p,
+    colorSchemes: w,
     font: {
-      ...Da(_.typography),
-      ..._.font
+      ...Da(x.typography),
+      ...x.font
     },
-    spacing: ns(p.spacing)
+    spacing: ns(d.spacing)
   };
-  Object.keys($.colorSchemes).forEach((W) => {
-    const a = $.colorSchemes[W].palette, R = (U) => {
-      const j = U.split("-"), le = j[1], ae = j[2];
-      return h(U, a[le][ae]);
+  Object.keys(R.colorSchemes).forEach((z) => {
+    const a = R.colorSchemes[z].palette, $ = (P) => {
+      const D = P.split("-"), le = D[1], ae = D[2];
+      return p(P, a[le][ae]);
     };
     if (a.mode === "light" && (g(a.common, "background", "#fff"), g(a.common, "onBackground", "#000")), a.mode === "dark" && (g(a.common, "background", "#000"), g(a.common, "onBackground", "#fff")), rs(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
-      g(a.Alert, "errorColor", re(a.error.light, 0.6)), g(a.Alert, "infoColor", re(a.info.light, 0.6)), g(a.Alert, "successColor", re(a.success.light, 0.6)), g(a.Alert, "warningColor", re(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", R("palette-error-main")), g(a.Alert, "infoFilledBg", R("palette-info-main")), g(a.Alert, "successFilledBg", R("palette-success-main")), g(a.Alert, "warningFilledBg", R("palette-warning-main")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.main))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.main))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.main))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.main))), g(a.Alert, "errorStandardBg", ne(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", ne(a.info.light, 0.9)), g(a.Alert, "successStandardBg", ne(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", ne(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", R("palette-error-main")), g(a.Alert, "infoIconColor", R("palette-info-main")), g(a.Alert, "successIconColor", R("palette-success-main")), g(a.Alert, "warningIconColor", R("palette-warning-main")), g(a.AppBar, "defaultBg", R("palette-grey-100")), g(a.Avatar, "defaultBg", R("palette-grey-400")), g(a.Button, "inheritContainedBg", R("palette-grey-300")), g(a.Button, "inheritContainedHoverBg", R("palette-grey-A100")), g(a.Chip, "defaultBorder", R("palette-grey-400")), g(a.Chip, "defaultAvatarColor", R("palette-grey-700")), g(a.Chip, "defaultIconColor", R("palette-grey-700")), g(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), g(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), g(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), g(a.LinearProgress, "primaryBg", ne(a.primary.main, 0.62)), g(a.LinearProgress, "secondaryBg", ne(a.secondary.main, 0.62)), g(a.LinearProgress, "errorBg", ne(a.error.main, 0.62)), g(a.LinearProgress, "infoBg", ne(a.info.main, 0.62)), g(a.LinearProgress, "successBg", ne(a.success.main, 0.62)), g(a.LinearProgress, "warningBg", ne(a.warning.main, 0.62)), g(a.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.11)`), g(a.Slider, "primaryTrack", ne(a.primary.main, 0.62)), g(a.Slider, "secondaryTrack", ne(a.secondary.main, 0.62)), g(a.Slider, "errorTrack", ne(a.error.main, 0.62)), g(a.Slider, "infoTrack", ne(a.info.main, 0.62)), g(a.Slider, "successTrack", ne(a.success.main, 0.62)), g(a.Slider, "warningTrack", ne(a.warning.main, 0.62));
-      const U = Et(a.background.default, 0.8);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", R("palette-grey-400")), g(a.StepContent, "border", R("palette-grey-400")), g(a.Switch, "defaultColor", R("palette-common-white")), g(a.Switch, "defaultDisabledColor", R("palette-grey-100")), g(a.Switch, "primaryDisabledColor", ne(a.primary.main, 0.62)), g(a.Switch, "secondaryDisabledColor", ne(a.secondary.main, 0.62)), g(a.Switch, "errorDisabledColor", ne(a.error.main, 0.62)), g(a.Switch, "infoDisabledColor", ne(a.info.main, 0.62)), g(a.Switch, "successDisabledColor", ne(a.success.main, 0.62)), g(a.Switch, "warningDisabledColor", ne(a.warning.main, 0.62)), g(a.TableCell, "border", ne(St(a.divider, 1), 0.88)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
+      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", $("palette-error-main")), g(a.Alert, "infoFilledBg", $("palette-info-main")), g(a.Alert, "successFilledBg", $("palette-success-main")), g(a.Alert, "warningFilledBg", $("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", $("palette-error-main")), g(a.Alert, "infoIconColor", $("palette-info-main")), g(a.Alert, "successIconColor", $("palette-success-main")), g(a.Alert, "warningIconColor", $("palette-warning-main")), g(a.AppBar, "defaultBg", $("palette-grey-100")), g(a.Avatar, "defaultBg", $("palette-grey-400")), g(a.Button, "inheritContainedBg", $("palette-grey-300")), g(a.Button, "inheritContainedHoverBg", $("palette-grey-A100")), g(a.Chip, "defaultBorder", $("palette-grey-400")), g(a.Chip, "defaultAvatarColor", $("palette-grey-700")), g(a.Chip, "defaultIconColor", $("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(${$("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 P = Et(a.background.default, 0.8);
+      g(a.SnackbarContent, "bg", P), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(P))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", $("palette-grey-400")), g(a.StepContent, "border", $("palette-grey-400")), g(a.Switch, "defaultColor", $("palette-common-white")), g(a.Switch, "defaultDisabledColor", $("palette-grey-100")), g(a.Switch, "primaryDisabledColor", ne(a.primary.main, 0.62)), g(a.Switch, "secondaryDisabledColor", ne(a.secondary.main, 0.62)), g(a.Switch, "errorDisabledColor", ne(a.error.main, 0.62)), g(a.Switch, "infoDisabledColor", ne(a.info.main, 0.62)), g(a.Switch, "successDisabledColor", ne(a.success.main, 0.62)), g(a.Switch, "warningDisabledColor", ne(a.warning.main, 0.62)), g(a.TableCell, "border", ne(St(a.divider, 1), 0.88)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
     }
     if (a.mode === "dark") {
-      g(a.Alert, "errorColor", ne(a.error.light, 0.6)), g(a.Alert, "infoColor", ne(a.info.light, 0.6)), g(a.Alert, "successColor", ne(a.success.light, 0.6)), g(a.Alert, "warningColor", ne(a.warning.light, 0.6)), g(a.Alert, "errorFilledBg", R("palette-error-dark")), g(a.Alert, "infoFilledBg", R("palette-info-dark")), g(a.Alert, "successFilledBg", R("palette-success-dark")), g(a.Alert, "warningFilledBg", R("palette-warning-dark")), g(a.Alert, "errorFilledColor", Oe(() => a.getContrastText(a.error.dark))), g(a.Alert, "infoFilledColor", Oe(() => a.getContrastText(a.info.dark))), g(a.Alert, "successFilledColor", Oe(() => a.getContrastText(a.success.dark))), g(a.Alert, "warningFilledColor", Oe(() => a.getContrastText(a.warning.dark))), g(a.Alert, "errorStandardBg", re(a.error.light, 0.9)), g(a.Alert, "infoStandardBg", re(a.info.light, 0.9)), g(a.Alert, "successStandardBg", re(a.success.light, 0.9)), g(a.Alert, "warningStandardBg", re(a.warning.light, 0.9)), g(a.Alert, "errorIconColor", R("palette-error-main")), g(a.Alert, "infoIconColor", R("palette-info-main")), g(a.Alert, "successIconColor", R("palette-success-main")), g(a.Alert, "warningIconColor", R("palette-warning-main")), g(a.AppBar, "defaultBg", R("palette-grey-900")), g(a.AppBar, "darkBg", R("palette-background-paper")), g(a.AppBar, "darkColor", R("palette-text-primary")), g(a.Avatar, "defaultBg", R("palette-grey-600")), g(a.Button, "inheritContainedBg", R("palette-grey-800")), g(a.Button, "inheritContainedHoverBg", R("palette-grey-700")), g(a.Chip, "defaultBorder", R("palette-grey-700")), g(a.Chip, "defaultAvatarColor", R("palette-grey-300")), g(a.Chip, "defaultIconColor", R("palette-grey-300")), g(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), g(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), g(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), g(a.LinearProgress, "primaryBg", re(a.primary.main, 0.5)), g(a.LinearProgress, "secondaryBg", re(a.secondary.main, 0.5)), g(a.LinearProgress, "errorBg", re(a.error.main, 0.5)), g(a.LinearProgress, "infoBg", re(a.info.main, 0.5)), g(a.LinearProgress, "successBg", re(a.success.main, 0.5)), g(a.LinearProgress, "warningBg", re(a.warning.main, 0.5)), g(a.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.13)`), g(a.Slider, "primaryTrack", re(a.primary.main, 0.5)), g(a.Slider, "secondaryTrack", re(a.secondary.main, 0.5)), g(a.Slider, "errorTrack", re(a.error.main, 0.5)), g(a.Slider, "infoTrack", re(a.info.main, 0.5)), g(a.Slider, "successTrack", re(a.success.main, 0.5)), g(a.Slider, "warningTrack", re(a.warning.main, 0.5));
-      const U = Et(a.background.default, 0.98);
-      g(a.SnackbarContent, "bg", U), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(U))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", R("palette-grey-600")), g(a.StepContent, "border", R("palette-grey-600")), g(a.Switch, "defaultColor", R("palette-grey-300")), g(a.Switch, "defaultDisabledColor", R("palette-grey-600")), g(a.Switch, "primaryDisabledColor", re(a.primary.main, 0.55)), g(a.Switch, "secondaryDisabledColor", re(a.secondary.main, 0.55)), g(a.Switch, "errorDisabledColor", re(a.error.main, 0.55)), g(a.Switch, "infoDisabledColor", re(a.info.main, 0.55)), g(a.Switch, "successDisabledColor", re(a.success.main, 0.55)), g(a.Switch, "warningDisabledColor", re(a.warning.main, 0.55)), g(a.TableCell, "border", re(St(a.divider, 1), 0.68)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
+      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", $("palette-error-dark")), g(a.Alert, "infoFilledBg", $("palette-info-dark")), g(a.Alert, "successFilledBg", $("palette-success-dark")), g(a.Alert, "warningFilledBg", $("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", $("palette-error-main")), g(a.Alert, "infoIconColor", $("palette-info-main")), g(a.Alert, "successIconColor", $("palette-success-main")), g(a.Alert, "warningIconColor", $("palette-warning-main")), g(a.AppBar, "defaultBg", $("palette-grey-900")), g(a.AppBar, "darkBg", $("palette-background-paper")), g(a.AppBar, "darkColor", $("palette-text-primary")), g(a.Avatar, "defaultBg", $("palette-grey-600")), g(a.Button, "inheritContainedBg", $("palette-grey-800")), g(a.Button, "inheritContainedHoverBg", $("palette-grey-700")), g(a.Chip, "defaultBorder", $("palette-grey-700")), g(a.Chip, "defaultAvatarColor", $("palette-grey-300")), g(a.Chip, "defaultIconColor", $("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(${$("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 P = Et(a.background.default, 0.98);
+      g(a.SnackbarContent, "bg", P), g(a.SnackbarContent, "color", Oe(() => a.getContrastText(P))), g(a.SpeedDialAction, "fabHoverBg", Et(a.background.paper, 0.15)), g(a.StepConnector, "border", $("palette-grey-600")), g(a.StepContent, "border", $("palette-grey-600")), g(a.Switch, "defaultColor", $("palette-grey-300")), g(a.Switch, "defaultDisabledColor", $("palette-grey-600")), g(a.Switch, "primaryDisabledColor", re(a.primary.main, 0.55)), g(a.Switch, "secondaryDisabledColor", re(a.secondary.main, 0.55)), g(a.Switch, "errorDisabledColor", re(a.error.main, 0.55)), g(a.Switch, "infoDisabledColor", re(a.info.main, 0.55)), g(a.Switch, "successDisabledColor", re(a.success.main, 0.55)), g(a.Switch, "warningDisabledColor", re(a.warning.main, 0.55)), g(a.TableCell, "border", re(St(a.divider, 1), 0.68)), g(a.Tooltip, "bg", St(a.grey[700], 0.92));
     }
-    Re(a.background, "default"), Re(a.background, "paper"), Re(a.common, "background"), Re(a.common, "onBackground"), Re(a, "divider"), Object.keys(a).forEach((U) => {
-      const j = a[U];
-      U !== "tonalOffset" && j && typeof j == "object" && (j.main && g(a[U], "mainChannel", it(at(j.main))), j.light && g(a[U], "lightChannel", it(at(j.light))), j.dark && g(a[U], "darkChannel", it(at(j.dark))), j.contrastText && g(a[U], "contrastTextChannel", it(at(j.contrastText))), U === "text" && (Re(a[U], "primary"), Re(a[U], "secondary")), U === "action" && (j.active && Re(a[U], "active"), j.selected && Re(a[U], "selected")));
+    Re(a.background, "default"), Re(a.background, "paper"), Re(a.common, "background"), Re(a.common, "onBackground"), Re(a, "divider"), Object.keys(a).forEach((P) => {
+      const D = a[P];
+      P !== "tonalOffset" && D && typeof D == "object" && (D.main && g(a[P], "mainChannel", it(at(D.main))), D.light && g(a[P], "lightChannel", it(at(D.light))), D.dark && g(a[P], "darkChannel", it(at(D.dark))), D.contrastText && g(a[P], "contrastTextChannel", it(at(D.contrastText))), P === "text" && (Re(a[P], "primary"), Re(a[P], "secondary")), P === "action" && (D.active && Re(a[P], "active"), D.selected && Re(a[P], "selected")));
     });
-  }), $ = t.reduce((W, a) => Se(W, a), $);
-  const E = {
+  }), R = t.reduce((z, a) => Se(z, a), R);
+  const S = {
     prefix: i,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: ts($)
+    getSelector: ts(R)
   }, {
     vars: q,
     generateThemeVars: oe,
     generateStyleSheets: ee
-  } = _a($, E);
-  return $.vars = q, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([W, a]) => {
-    $[W] = a;
-  }), $.generateThemeVars = oe, $.generateStyleSheets = ee, $.generateSpacing = function() {
-    return _n(p.spacing, cr(this));
-  }, $.getColorSchemeSelector = Oa(u), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+  } = _a(R, S);
+  return R.vars = q, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([z, a]) => {
+    R[z] = a;
+  }), R.generateThemeVars = oe, R.generateStyleSheets = ee, R.generateSpacing = function() {
+    return _n(d.spacing, cr(this));
+  }, R.getColorSchemeSelector = Oa(u), R.spacing = R.generateSpacing(), R.shouldSkipGeneratingVar = c, R.unstable_sxConfig = {
     ...Bt,
-    ...p?.unstable_sxConfig
-  }, $.unstable_sx = function(a) {
+    ...d?.unstable_sxConfig
+  }, R.unstable_sx = function(a) {
     return et({
       sx: a,
       theme: this
     });
-  }, $.toRuntimeSource = Nn, $;
+  }, R.toRuntimeSource = Nn, R;
 }
 function dn(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
@@ -4196,7 +4201,7 @@ function Mn(e = {}, ...t) {
     },
     defaultColorScheme: i = r?.mode,
     ...c
-  } = e, u = i || "light", f = o?.[u], p = {
+  } = e, u = i || "light", f = o?.[u], d = {
     ...o,
     ...r ? {
       [u]: {
@@ -4209,24 +4214,24 @@ function Mn(e = {}, ...t) {
     if (!("colorSchemes" in e))
       return nr(e, ...t);
     let m = r;
-    "palette" in e || p[u] && (p[u] !== !0 ? m = p[u].palette : u === "dark" && (m = {
+    "palette" in e || d[u] && (d[u] !== !0 ? m = d[u].palette : u === "dark" && (m = {
       mode: "dark"
     }));
-    const d = nr({
+    const h = nr({
       ...e,
       palette: m
     }, ...t);
-    return d.defaultColorScheme = u, d.colorSchemes = p, d.palette.mode === "light" && (d.colorSchemes.light = {
-      ...p.light !== !0 && p.light,
-      palette: d.palette
-    }, dn(d, "dark", p.dark)), d.palette.mode === "dark" && (d.colorSchemes.dark = {
-      ...p.dark !== !0 && p.dark,
-      palette: d.palette
-    }, dn(d, "light", p.light)), d;
+    return h.defaultColorScheme = u, h.colorSchemes = d, h.palette.mode === "light" && (h.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: h.palette
+    }, dn(h, "dark", d.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: h.palette
+    }, dn(h, "light", d.light)), h;
   }
-  return !r && !("light" in p) && u === "light" && (p.light = !0), is({
+  return !r && !("light" in d) && u === "light" && (d.light = !0), is({
     ...c,
-    colorSchemes: p,
+    colorSchemes: d,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...t);
@@ -4362,10 +4367,10 @@ const ms = (e) => {
     color: c = "inherit",
     component: u = "svg",
     fontSize: f = "medium",
-    htmlColor: p,
+    htmlColor: d,
     inheritViewBox: m = !1,
-    titleAccess: d,
-    viewBox: h = "0 0 24 24",
+    titleAccess: h,
+    viewBox: p = "0 0 24 24",
     ...y
   } = n, b = /* @__PURE__ */ Ie.isValidElement(o) && o.type === "svg", l = {
     ...n,
@@ -4374,25 +4379,25 @@ const ms = (e) => {
     fontSize: f,
     instanceFontSize: t.fontSize,
     inheritViewBox: m,
-    viewBox: h,
+    viewBox: p,
     hasSvgAsChild: b
-  }, w = {};
-  m || (w.viewBox = h);
-  const S = ms(l);
-  return /* @__PURE__ */ x.jsxs(hs, {
+  }, _ = {};
+  m || (_.viewBox = p);
+  const w = ms(l);
+  return /* @__PURE__ */ T.jsxs(hs, {
     as: u,
-    className: ri(S.root, i),
+    className: ri(w.root, i),
     focusable: "false",
-    color: p,
-    "aria-hidden": d ? void 0 : !0,
-    role: d ? "img" : void 0,
+    color: d,
+    "aria-hidden": h ? void 0 : !0,
+    role: h ? "img" : void 0,
     ref: r,
-    ...w,
+    ..._,
     ...y,
     ...b && o.props,
     ownerState: l,
-    children: [b ? o.props.children : o, d ? /* @__PURE__ */ x.jsx("title", {
-      children: d
+    children: [b ? o.props.children : o, h ? /* @__PURE__ */ T.jsx("title", {
+      children: h
     }) : null]
   });
 });
@@ -4471,7 +4476,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
 Rt.muiName = "SvgIcon";
 function dt(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ x.jsx(Rt, {
+    return /* @__PURE__ */ T.jsx(Rt, {
       "data-testid": `${t}Icon`,
       ref: o,
       ...n,
@@ -4480,17 +4485,17 @@ function dt(e, t) {
   }
   return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Rt.muiName, /* @__PURE__ */ Ie.memo(/* @__PURE__ */ Ie.forwardRef(r));
 }
-const or = dt(/* @__PURE__ */ x.jsx("path", {
+const or = dt(/* @__PURE__ */ T.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2m6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1z"
 }), "Notifications"), gs = ({
   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(uo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ x.jsx(or, {}) }) : /* @__PURE__ */ x.jsx(or, {}) }), ys = dt(/* @__PURE__ */ x.jsx("path", {
+}) => /* @__PURE__ */ T.jsx(xt, { onClick: t, color: "inherit", className: "relative", children: r && e > 0 ? /* @__PURE__ */ T.jsx(uo, { badgeContent: e > 99 ? "99+" : e, color: "error", children: /* @__PURE__ */ T.jsx(or, {}) }) : /* @__PURE__ */ T.jsx(or, {}) }), ys = dt(/* @__PURE__ */ T.jsx("path", {
   d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
-}), "Settings"), bs = dt(/* @__PURE__ */ x.jsx("path", {
+}), "Settings"), bs = dt(/* @__PURE__ */ T.jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
-}), "CheckCircle"), vs = dt(/* @__PURE__ */ x.jsx("path", {
+}), "CheckCircle"), vs = dt(/* @__PURE__ */ T.jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
 }), "Delete"), Bn = ({
   notification: e,
@@ -4500,12 +4505,12 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
 }) => {
   const o = e.read !== !0, i = () => {
     n && n(e);
-  }, c = (d) => {
-    d.stopPropagation(), t && t(e.notificationId);
-  }, u = (d) => {
-    d.stopPropagation(), r && r(e.notificationId);
-  }, f = e.payload || {}, p = e.renderedContent?.inApp?.title || e.renderedContent?.push?.title || f.title || f.message || "Notification", m = e.renderedContent?.inApp?.message || e.renderedContent?.push?.body || f.message || "";
-  return /* @__PURE__ */ x.jsxs(
+  }, c = (h) => {
+    h.stopPropagation(), t && t(e.notificationId);
+  }, u = (h) => {
+    h.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__ */ T.jsxs(
     fo,
     {
       className: `cursor-pointer hover:bg-gray-50 ${o ? "bg-blue-50" : ""}`,
@@ -4518,13 +4523,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(
+        /* @__PURE__ */ T.jsx(ye, { className: "mr-2", children: /* @__PURE__ */ T.jsx(or, { color: o ? "primary" : "disabled" }) }),
+        /* @__PURE__ */ T.jsx(
           po,
           {
-            primary: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ x.jsx("span", { className: "font-medium", children: p }),
-              o && /* @__PURE__ */ x.jsx(mo, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
+            primary: /* @__PURE__ */ T.jsxs(ye, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ T.jsx("span", { className: "font-medium", children: d }),
+              o && /* @__PURE__ */ T.jsx(mo, { label: "New", size: "small", color: "primary", className: "h-5 text-xs" })
             ] }),
             secondary: m,
             primaryTypographyProps: {
@@ -4532,26 +4537,26 @@ const or = dt(/* @__PURE__ */ x.jsx("path", {
             }
           }
         ),
-        /* @__PURE__ */ x.jsx(ho, { children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-1", children: [
-          o && /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ x.jsx(bs, { fontSize: "small" }) }),
-          /* @__PURE__ */ x.jsx(xt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ x.jsx(vs, { fontSize: "small" }) })
+        /* @__PURE__ */ T.jsx(ho, { children: /* @__PURE__ */ T.jsxs(ye, { className: "flex items-center gap-1", children: [
+          o && /* @__PURE__ */ T.jsx(xt, { edge: "end", size: "small", onClick: c, title: "Mark as read", children: /* @__PURE__ */ T.jsx(bs, { fontSize: "small" }) }),
+          /* @__PURE__ */ T.jsx(xt, { edge: "end", size: "small", onClick: u, title: "Delete", children: /* @__PURE__ */ T.jsx(vs, { fontSize: "small" }) })
         ] }) })
       ]
     }
   );
-}, Ss = dt(/* @__PURE__ */ x.jsx("path", {
+}, Ss = dt(/* @__PURE__ */ T.jsx("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
 }), "NotificationsNone"), Es = ({
   message: e = "No notifications",
   icon: t
-}) => /* @__PURE__ */ x.jsxs(
+}) => /* @__PURE__ */ T.jsxs(
   ye,
   {
     className: "flex flex-col items-center justify-center p-8 text-center",
     sx: { minHeight: "200px" },
     children: [
-      t || /* @__PURE__ */ x.jsx(Ss, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
-      /* @__PURE__ */ x.jsx(Tt, { variant: "body2", color: "text.secondary", children: e })
+      t || /* @__PURE__ */ T.jsx(Ss, { sx: { fontSize: 48, color: "text.secondary", mb: 2 } }),
+      /* @__PURE__ */ T.jsx(Tt, { variant: "body2", color: "text.secondary", children: e })
     ]
   }
 );
@@ -4590,11 +4595,11 @@ function Ts() {
 function pn(e, t) {
   var r, n, o, i, c, u;
   _e(1, arguments);
-  var f = Ts(), p = mr((r = (n = (o = (i = void 0) !== null && i !== void 0 ? i : void 0) !== null && o !== void 0 ? o : f.weekStartsOn) !== null && n !== void 0 ? n : (c = f.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : 0);
-  if (!(p >= 0 && p <= 6))
+  var f = Ts(), d = mr((r = (n = (o = (i = void 0) !== null && i !== void 0 ? i : void 0) !== null && o !== void 0 ? o : f.weekStartsOn) !== null && n !== void 0 ? n : (c = f.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : 0);
+  if (!(d >= 0 && d <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var m = lt(e), d = m.getDay(), h = (d < p ? 7 : 0) + d - p;
-  return m.setDate(m.getDate() - h), m.setHours(0, 0, 0, 0), m;
+  var m = lt(e), h = m.getDay(), p = (h < d ? 7 : 0) + h - d;
+  return m.setDate(m.getDate() - p), m.setHours(0, 0, 0, 0), m;
 }
 function mn(e) {
   _e(1, arguments);
@@ -4639,10 +4644,10 @@ const Ps = ({
   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 } }),
-  t.map((i) => /* @__PURE__ */ x.jsx(
+}) => t.length === 0 ? null : /* @__PURE__ */ T.jsxs(ye, { sx: { mb: 2 }, children: [
+  /* @__PURE__ */ T.jsx(Tt, { variant: "caption", sx: { color: "text.secondary", px: 2, py: 1, display: "block" }, children: e }),
+  /* @__PURE__ */ T.jsx(gn, { sx: { mb: 1 } }),
+  t.map((i) => /* @__PURE__ */ T.jsx(
     Bn,
     {
       notification: i,
@@ -4693,7 +4698,7 @@ const js = ({
     push: !0,
     sms: !0,
     in_app: !0
-  }), [c, u] = Te({}), [f, p] = Te(!1);
+  }), [c, u] = Te({}), [f, d] = Te(!1);
   Ze(() => {
     m();
   }, []);
@@ -4709,24 +4714,24 @@ const js = ({
     } catch (y) {
       console.error("Failed to load preferences:", y);
     }
-  }, d = async (y, b) => {
+  }, h = async (y, b) => {
     const l = { ...o, [y]: b };
     i(l);
     try {
-      p(!0), await e.preferences.update(r, t, {
+      d(!0), await e.preferences.update(r, t, {
         emailEnabled: l.email,
         pushEnabled: l.push,
         smsEnabled: l.sms,
         inAppEnabled: l.in_app
       });
-    } catch (w) {
-      console.error("Failed to update preferences:", w), i((S) => ({ ...S, [y]: !b }));
+    } catch (_) {
+      console.error("Failed to update preferences:", _), i((w) => ({ ...w, [y]: !b }));
     } finally {
-      p(!1);
+      d(!1);
     }
-  }, h = async () => {
+  }, p = async () => {
     try {
-      p(!0), await e.preferences.update(r, t, {
+      d(!0), await e.preferences.update(r, t, {
         emailEnabled: o.email,
         pushEnabled: o.push,
         smsEnabled: o.sms,
@@ -4736,72 +4741,72 @@ const js = ({
     } catch (y) {
       console.error("Failed to save preferences:", y);
     } finally {
-      p(!1);
+      d(!1);
     }
   };
-  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(
+  return /* @__PURE__ */ T.jsxs(ye, { sx: { p: 3, minWidth: 300 }, children: [
+    /* @__PURE__ */ T.jsx(Tt, { variant: "h6", gutterBottom: !0, children: "Notification Preferences" }),
+    /* @__PURE__ */ T.jsx(gn, { sx: { my: 2 } }),
+    /* @__PURE__ */ T.jsx(Tt, { variant: "subtitle2", sx: { mb: 2, fontWeight: "bold" }, children: "Channels" }),
+    /* @__PURE__ */ T.jsx(
       mt,
       {
-        control: /* @__PURE__ */ x.jsx(
+        control: /* @__PURE__ */ T.jsx(
           ht,
           {
             checked: o.email,
-            onChange: (y) => d("email", y.target.checked),
+            onChange: (y) => h("email", y.target.checked),
             disabled: f
           }
         ),
         label: "Email"
       }
     ),
-    /* @__PURE__ */ x.jsx(
+    /* @__PURE__ */ T.jsx(
       mt,
       {
-        control: /* @__PURE__ */ x.jsx(
+        control: /* @__PURE__ */ T.jsx(
           ht,
           {
             checked: o.push,
-            onChange: (y) => d("push", y.target.checked),
+            onChange: (y) => h("push", y.target.checked),
             disabled: f
           }
         ),
         label: "Push Notifications"
       }
     ),
-    /* @__PURE__ */ x.jsx(
+    /* @__PURE__ */ T.jsx(
       mt,
       {
-        control: /* @__PURE__ */ x.jsx(
+        control: /* @__PURE__ */ T.jsx(
           ht,
           {
             checked: o.sms,
-            onChange: (y) => d("sms", y.target.checked),
+            onChange: (y) => h("sms", y.target.checked),
             disabled: f
           }
         ),
         label: "SMS"
       }
     ),
-    /* @__PURE__ */ x.jsx(
+    /* @__PURE__ */ T.jsx(
       mt,
       {
-        control: /* @__PURE__ */ x.jsx(
+        control: /* @__PURE__ */ T.jsx(
           ht,
           {
             checked: o.in_app,
-            onChange: (y) => d("in_app", y.target.checked),
+            onChange: (y) => h("in_app", y.target.checked),
             disabled: f
           }
         ),
         label: "In-App"
       }
     ),
-    /* @__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" })
+    /* @__PURE__ */ T.jsxs(ye, { sx: { mt: 3, display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
+      n && /* @__PURE__ */ T.jsx(Ar, { onClick: n, variant: "outlined", size: "small", children: "Cancel" }),
+      /* @__PURE__ */ T.jsx(Ar, { onClick: p, variant: "contained", size: "small", disabled: f, children: "Save" })
     ] })
   ] });
 }, Ds = ({
@@ -4814,44 +4819,44 @@ const js = ({
   subscriberId: c,
   tenantId: u,
   client: f,
-  groupByDate: p = !0
+  groupByDate: d = !0
 }) => {
-  const [m, d] = Te("all"), [h, y] = Te(null), b = m === "unread" ? e.filter((T) => T.read !== !0) : e;
+  const [m, h] = Te("all"), [p, y] = Te(null), b = m === "unread" ? e.filter((C) => C.read !== !0) : e;
   if (t)
-    return /* @__PURE__ */ x.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ x.jsx(go, { size: 40 }) });
+    return /* @__PURE__ */ T.jsx(ye, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ T.jsx(go, { size: 40 }) });
   if (r)
-    return /* @__PURE__ */ x.jsx(yo, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
+    return /* @__PURE__ */ T.jsx(yo, { severity: "error", className: "m-4", children: r.message || "Failed to load notifications" });
   if (e.length === 0)
-    return /* @__PURE__ */ x.jsx(Es, {});
-  const l = async (T) => {
-    o && await o(T);
-  }, w = async (T) => {
-    i && await i(T);
-  }, S = p ? Is(b) : { all: b };
-  return /* @__PURE__ */ x.jsxs(ye, { children: [
-    /* @__PURE__ */ x.jsxs(ye, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", px: 2, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
-      /* @__PURE__ */ x.jsxs(bo, { value: m, onChange: (T, _) => d(_), children: [
-        /* @__PURE__ */ x.jsx(kr, { label: "All", value: "all" }),
-        /* @__PURE__ */ x.jsx(kr, { label: "Unread", value: "unread" })
+    return /* @__PURE__ */ T.jsx(Es, {});
+  const l = async (C) => {
+    o && await o(C);
+  }, _ = async (C) => {
+    i && await i(C);
+  }, w = d ? Is(b) : { all: b };
+  return /* @__PURE__ */ T.jsxs(ye, { children: [
+    /* @__PURE__ */ T.jsxs(ye, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", px: 2, py: 1, borderBottom: 1, borderColor: "divider" }, children: [
+      /* @__PURE__ */ T.jsxs(bo, { value: m, onChange: (C, x) => h(x), children: [
+        /* @__PURE__ */ T.jsx(kr, { label: "All", value: "all" }),
+        /* @__PURE__ */ T.jsx(kr, { label: "Unread", value: "unread" })
       ] }),
-      f && c && u && /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
-        /* @__PURE__ */ x.jsx(
+      f && c && u && /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+        /* @__PURE__ */ T.jsx(
           xt,
           {
             size: "small",
-            onClick: (T) => y(T.currentTarget),
+            onClick: (C) => y(C.currentTarget),
             title: "Preferences",
-            children: /* @__PURE__ */ x.jsx(ys, { fontSize: "small" })
+            children: /* @__PURE__ */ T.jsx(ys, { fontSize: "small" })
           }
         ),
-        /* @__PURE__ */ x.jsx(
+        /* @__PURE__ */ T.jsx(
           yn,
           {
-            open: !!h,
-            anchorEl: h,
+            open: !!p,
+            anchorEl: p,
             onClose: () => y(null),
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            children: /* @__PURE__ */ x.jsx(
+            children: /* @__PURE__ */ T.jsx(
               js,
               {
                 client: f,
@@ -4864,25 +4869,25 @@ const js = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ x.jsx(vo, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: p ? Object.entries(S).map(([T, _]) => /* @__PURE__ */ x.jsx(
+    /* @__PURE__ */ T.jsx(vo, { className: "max-h-96 overflow-y-auto", sx: { padding: 0 }, children: d ? Object.entries(w).map(([C, x]) => /* @__PURE__ */ T.jsx(
       Ps,
       {
-        groupLabel: Ns(T),
-        notifications: _,
+        groupLabel: Ns(C),
+        notifications: x,
         onMarkAsRead: l,
-        onDelete: w,
+        onDelete: _,
         onClick: n
       },
-      T
-    )) : b.map((T) => /* @__PURE__ */ x.jsx(
+      C
+    )) : b.map((C) => /* @__PURE__ */ T.jsx(
       Bn,
       {
-        notification: T,
+        notification: C,
         onMarkAsRead: l,
-        onDelete: w,
+        onDelete: _,
         onClick: n
       },
-      T.notificationId
+      C.notificationId
     )) })
   ] });
 }, Ws = ({
@@ -4890,88 +4895,90 @@ const js = ({
   tenantId: t,
   subscriberId: r,
   environmentId: n,
-  position: o = "top-right",
-  maxNotifications: i = 50,
-  showUnreadBadge: c = !0,
-  onNotificationClick: u,
-  onMarkAsRead: f,
-  onDelete: p,
-  pollInterval: m
+  socketPath: o,
+  position: i = "top-right",
+  maxNotifications: c = 50,
+  showUnreadBadge: u = !0,
+  onNotificationClick: f,
+  onMarkAsRead: d,
+  onDelete: m,
+  pollInterval: h
 }) => {
-  const [d, h] = Te(null), y = !!d, {
-    notifications: b,
-    loading: l,
+  const [p, y] = Te(null), b = !!p, {
+    notifications: l,
+    loading: _,
     error: w,
-    unreadCount: S,
-    connected: T,
-    markAsRead: _,
-    deleteNotification: $
+    unreadCount: C,
+    connected: x,
+    markAsRead: R,
+    deleteNotification: S
   } = Mo({
     client: e,
     tenantId: t,
     subscriberId: r,
     environmentId: n,
-    pollInterval: m
-  }), E = (R) => {
-    h(R.currentTarget);
-  }, q = () => {
-    h(null);
-  }, oe = async (R) => {
-    await _(R), f && await f(R);
-  }, ee = async (R) => {
-    await $(R), p && await p(R);
-  }, W = b.slice(0, i), a = () => {
-    const R = {};
-    return o.includes("top") ? R.top = "8px" : R.bottom = "8px", o.includes("right") ? R.right = "8px" : R.left = "8px", R;
+    pollInterval: h,
+    path: o
+  }), q = (P) => {
+    y(P.currentTarget);
+  }, oe = () => {
+    y(null);
+  }, ee = async (P) => {
+    await R(P), d && await d(P);
+  }, z = async (P) => {
+    await S(P), m && await m(P);
+  }, a = l.slice(0, c), $ = () => {
+    const P = {};
+    return i.includes("top") ? P.top = "8px" : P.bottom = "8px", i.includes("right") ? P.right = "8px" : P.left = "8px", P;
   };
-  return /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
-    /* @__PURE__ */ x.jsx(
+  return /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+    /* @__PURE__ */ T.jsx(
       gs,
       {
-        unreadCount: S,
-        onClick: E,
-        showBadge: c
+        unreadCount: C,
+        onClick: q,
+        showBadge: u
       }
     ),
-    /* @__PURE__ */ x.jsx(
+    /* @__PURE__ */ T.jsx(
       yn,
       {
-        open: y,
-        anchorEl: d,
-        onClose: q,
+        open: b,
+        anchorEl: p,
+        onClose: oe,
         anchorOrigin: {
-          vertical: o.includes("bottom") ? "bottom" : "top",
-          horizontal: o.includes("right") ? "right" : "left"
+          vertical: i.includes("bottom") ? "bottom" : "top",
+          horizontal: i.includes("right") ? "right" : "left"
         },
         transformOrigin: {
-          vertical: o.includes("bottom") ? "top" : "bottom",
-          horizontal: o.includes("right") ? "right" : "left"
+          vertical: i.includes("bottom") ? "top" : "bottom",
+          horizontal: i.includes("right") ? "right" : "left"
         },
         PaperProps: {
           sx: {
             width: 400,
             maxWidth: "90vw",
             maxHeight: "80vh",
-            ...a()
+            ...$()
           }
         },
-        children: /* @__PURE__ */ x.jsxs(So, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
-          /* @__PURE__ */ x.jsx(ye, { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ x.jsx("h3", { className: "text-lg font-semibold", children: "Notifications" }),
-            T && /* @__PURE__ */ x.jsxs(ye, { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ x.jsx(ye, { className: "w-2 h-2 bg-green-500 rounded-full", title: "Connected" }),
-              /* @__PURE__ */ x.jsx("span", { className: "text-xs text-gray-500", children: "Live" })
+        children: /* @__PURE__ */ T.jsxs(So, { className: "notification-center", sx: { borderRadius: "15px", overflow: "hidden" }, children: [
+          /* @__PURE__ */ T.jsx(ye, { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ T.jsxs(ye, { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ T.jsx("h3", { className: "text-lg font-semibold", children: "Notifications" }),
+            x && /* @__PURE__ */ T.jsxs(ye, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ T.jsx(ye, { className: "w-2 h-2 bg-green-500 rounded-full", title: "Connected" }),
+              /* @__PURE__ */ T.jsx("span", { className: "text-xs text-gray-500", children: "Live" })
             ] })
           ] }) }),
-          /* @__PURE__ */ x.jsx(
+          /* @__PURE__ */ T.jsx(
             Ds,
             {
-              notifications: W,
-              loading: l,
+              notifications: a,
+              loading: _,
               error: w,
-              onNotificationClick: u,
-              onMarkAsRead: oe,
-              onDelete: ee,
+              onNotificationClick: f,
+              onMarkAsRead: ee,
+              onDelete: z,
               subscriberId: r,
               tenantId: t,
               client: e,