@ukpc-lib/react 0.3.13 → 0.3.15

package/dist/components/index.js

@@ -1,12 +1,12 @@
 import { jsxs as N, jsx as c, Fragment as at } from "react/jsx-runtime";
 import * as F from "react";
 import So, { useState as G, useContext as be, useEffect as Q, useRef as ve, useCallback as vt, forwardRef as Eo, createElement as Qt, PureComponent as Co } from "react";
-import { c as kn, Q as Mn, C as Ne, p as It, u as ur, S as Oo, a as No, L as To, b as Ir, d as ko, i as Mo, e as ht, f as $o, s as mt, _ as z, g as xe, P as T, h as he, j as Io, o as Ao, k as Po, l as Ro, m as Ar, n as Pr, I as Do, q as zo, r as Rr, D as Lo, t as $n, v as In, w as Fo, x as jo, y as Ce, z as Vo, A as pt } from "../index.module-313c429b.js";
-import { G as C1, B as O1, E as N1 } from "../index.module-313c429b.js";
+import { c as or, Q as Mn, C as Ne, p as It, u as fr, S as Oo, a as No, L as To, b as Ar, d as ko, i as Mo, e as ht, f as $o, s as mt, _ as z, g as xe, P as T, h as he, j as Io, o as Ao, k as Po, l as Ro, m as Pr, n as Rr, I as Do, q as zo, r as Dr, D as Lo, t as $n, v as In, w as Fo, x as jo, y as Ce, z as Vo, A as pt } from "../index.module-5b70454b.js";
+import { G as C1, B as O1, E as N1 } from "../index.module-5b70454b.js";
 import Z from "moment";
-import fr from "axios";
+import hr from "axios";
 import "@r2wc/react-to-web-component";
-import { Stack as se, Dialog as Ho, DialogTitle as Bo, Typography as Oe, DialogContent as Wo, DialogActions as Uo, Button as Dr, ClickAwayListener as qo, TextField as An, IconButton as Yo, CircularProgress as Go, Fade as Ko, Paper as Zo, Checkbox as Xo } from "@mui/material";
+import { Stack as se, Dialog as Ho, DialogTitle as Bo, Typography as Oe, DialogContent as Wo, DialogActions as Uo, Button as zr, ClickAwayListener as qo, TextField as An, IconButton as Yo, CircularProgress as Go, Fade as Ko, Paper as Zo, Checkbox as Xo } from "@mui/material";
 import "react-router-dom";
 function Jo(e) {
   return /* @__PURE__ */ N(
@@ -76,7 +76,7 @@ const Qo = (e) => {
           display: "flex",
           width: "100%",
           height: "50px",
-          borderBottom: `1px solid ${kn.grey200}`
+          borderBottom: `1px solid ${or.grey200}`
         },
         className: "tab-container__title",
         children: t.map((n, o) => /* @__PURE__ */ c(
@@ -128,11 +128,11 @@ const Qo = (e) => {
   const [o, i] = G({
     id: e.id,
     isRead: e.isRead
-  }), a = o.isRead === !1 ? "unread" : "read", { setNotiData: l } = be(Ne), u = ur({ baseUrl: t, notiPath: r, setNotiData: l }), h = async (p, b) => {
+  }), a = o.isRead === !1 ? "unread" : "read", { setNotiData: l } = be(Ne), u = fr({ baseUrl: t, notiPath: r, setNotiData: l }), h = async (p, b) => {
     var y, s;
     try {
       const d = r || `/notification-management/api/v1/notifications/${p}`, v = t + d;
-      await fr.put(
+      await hr.put(
         v,
         { isRead: b },
         {
@@ -219,18 +219,18 @@ const Qo = (e) => {
       ]
     }
   );
-}, zr = ({
+}, Lr = ({
   notidata: e,
   baseUrl: t,
   notiPath: r
 }) => {
   const [n, o] = G(!1);
   console.log(n);
-  const { setNotiData: i } = be(Ne), a = ur({ baseUrl: t, notiPath: r, setNotiData: i }), l = async () => {
+  const { setNotiData: i } = be(Ne), a = fr({ baseUrl: t, notiPath: r, setNotiData: i }), l = async () => {
     var h, m;
     try {
       const p = t + (r || "/notification-management/api/v1/notifications");
-      await fr.put(p, {
+      await hr.put(p, {
         withCredentials: !0
       });
     } catch (f) {
@@ -264,7 +264,7 @@ const Qo = (e) => {
       id: "all",
       tabTitle: `All (${((l = n == null ? void 0 : n.all) == null ? void 0 : l.total) || 0})`,
       children: /* @__PURE__ */ c(
-        zr,
+        Lr,
         {
           notidata: ((u = n == null ? void 0 : n.all) == null ? void 0 : u.rows) || [],
           baseUrl: e,
@@ -276,7 +276,7 @@ const Qo = (e) => {
       id: "unread",
       tabTitle: `Unread (${((h = n == null ? void 0 : n.unread) == null ? void 0 : h.total) || 0})`,
       children: /* @__PURE__ */ c(
-        zr,
+        Lr,
         {
           notidata: ((m = n == null ? void 0 : n.unread) == null ? void 0 : m.rows) || [],
           baseUrl: e,
@@ -350,7 +350,7 @@ const Qo = (e) => {
     }
   ) });
 };
-function hr({
+function mr({
   childrenClass: e,
   action: t,
   childrenOpenClass: r
@@ -374,7 +374,7 @@ function ri({
   notiPath: r
 }) {
   var m, f;
-  const { isOpen: n, toggleOpen: o, setShowModalFalse: i } = be(Ne), { notidata: a, setNotiData: l } = be(Ne), u = ur({ baseUrl: t, notiPath: r, setNotiData: l }), h = async () => {
+  const { isOpen: n, toggleOpen: o, setShowModalFalse: i } = be(Ne), { notidata: a, setNotiData: l } = be(Ne), u = fr({ baseUrl: t, notiPath: r, setNotiData: l }), h = async () => {
     var p, b;
     try {
       await u();
@@ -387,7 +387,7 @@ function ri({
   return Q(() => {
     h();
   }, [n]), Q(() => {
-    hr({
+    mr({
       childrenClass: "noti-container",
       childrenOpenClass: "noti-list-container",
       action() {
@@ -439,7 +439,7 @@ function ri({
             position: "absolute",
             top: "-9px",
             right: "-6px",
-            background: `${kn}`,
+            background: `${or}`,
             width: "20px",
             height: "20px",
             border: "1px solid #fff",
@@ -448,7 +448,8 @@ function ri({
             fontSize: "12px",
             display: "flex",
             alignItems: "center",
-            justifyContent: "center"
+            justifyContent: "center",
+            backgroundColor: or.danger
           },
           className: "notification-badge",
           children: ((m = a == null ? void 0 : a.unread) == null ? void 0 : m.total) > 9 ? "9+" : `${(f = a == null ? void 0 : a.unread) == null ? void 0 : f.total}`
@@ -674,11 +675,11 @@ function di() {
   var m;
   const e = [
     {
-      value: Ir.en,
+      value: Ar.en,
       element: /* @__PURE__ */ c(li, {})
     },
     {
-      value: Ir.de,
+      value: Ar.de,
       element: /* @__PURE__ */ c(ci, {})
     }
   ], [t, r] = G(!1), [n, o] = G(
@@ -693,7 +694,7 @@ function di() {
     transition: "background-color 0.2s ease-in-out"
   }, { language: a, setLanguage: l } = ko();
   Q(() => {
-    hr({
+    mr({
       childrenClass: "languageDropdown",
       action() {
         r(!1);
@@ -788,7 +789,7 @@ function ui({
     backgroundColor: h ? "#919eab14" : "transparent"
   };
   return Q(() => {
-    hr({
+    mr({
       childrenClass: "userAvatar",
       action() {
         o(!1);
@@ -1240,8 +1241,8 @@ function p1(e) {
           ...(t = e.dialogActionsProps) == null ? void 0 : t.sx
         },
         children: e.customActions ? e.customActions : /* @__PURE__ */ N(at, { children: [
-          !e.hideClose && /* @__PURE__ */ c(Dr, { color: "error", onClick: e.onClose, children: "Close" }),
-          !e.hideConfirm && /* @__PURE__ */ c(Dr, { color: "primary", onClick: e.onConfirm, children: "Submit" })
+          !e.hideClose && /* @__PURE__ */ c(zr, { color: "error", onClick: e.onClose, children: "Close" }),
+          !e.hideConfirm && /* @__PURE__ */ c(zr, { color: "primary", onClick: e.onConfirm, children: "Submit" })
         ] })
       }
     )
@@ -1383,7 +1384,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: tt
 }, Symbol.toStringTag, { value: "Module" }));
-var or = { exports: {} }, A = {};
+var ir = { exports: {} }, A = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -1393,11 +1394,11 @@ var or = { exports: {} }, A = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Lr;
+var Fr;
 function xi() {
-  if (Lr)
+  if (Fr)
     return A;
-  Lr = 1;
+  Fr = 1;
   var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y;
   y = Symbol.for("react.module.reference");
   function s(d) {
@@ -1472,9 +1473,9 @@ var P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fr;
+var jr;
 function wi() {
-  return Fr || (Fr = 1, process.env.NODE_ENV !== "production" && function() {
+  return jr || (jr = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.server_context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = !1, s = !1, d = !1, v = !1, w = !1, x;
     x = Symbol.for("react.module.reference");
     function E(O) {
@@ -1498,15 +1499,15 @@ function wi() {
               case m:
                 return ft;
               default:
-                var $r = ft && ft.$$typeof;
-                switch ($r) {
+                var Ir = ft && ft.$$typeof;
+                switch (Ir) {
                   case l:
                   case a:
                   case u:
                   case p:
                   case f:
                   case i:
-                    return $r;
+                    return Ir;
                   default:
                     return Pe;
                 }
@@ -1562,8 +1563,8 @@ function wi() {
     P.ContextConsumer = _, P.ContextProvider = S, P.Element = $, P.ForwardRef = I, P.Fragment = B, P.Lazy = L, P.Memo = W, P.Portal = K, P.Profiler = ce, P.StrictMode = _e, P.Suspense = Se, P.SuspenseList = Me, P.isAsyncMode = Ee, P.isConcurrentMode = Ke, P.isContextConsumer = Ze, P.isContextProvider = Ie, P.isElement = pe, P.isForwardRef = Ae, P.isFragment = Yt, P.isLazy = Gt, P.isMemo = Kt, P.isPortal = Zt, P.isProfiler = Xt, P.isStrictMode = Jt, P.isSuspense = C, P.isSuspenseList = Xe, P.isValidElementType = E, P.typeOf = g;
   }()), P;
 }
-process.env.NODE_ENV === "production" ? or.exports = xi() : or.exports = wi();
-var jr = or.exports;
+process.env.NODE_ENV === "production" ? ir.exports = xi() : ir.exports = wi();
+var Vr = ir.exports;
 const _i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
 function Rn(e) {
   const t = `${e}`.match(_i);
@@ -1572,7 +1573,7 @@ function Rn(e) {
 function Dn(e, t = "") {
   return e.displayName || e.name || Rn(e) || t;
 }
-function Vr(e, t, r) {
+function Hr(e, t, r) {
   const n = Dn(t);
   return e.displayName || (n !== "" ? `${r}(${n})` : r);
 }
@@ -1584,10 +1585,10 @@ function Si(e) {
       return Dn(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case jr.ForwardRef:
-          return Vr(e, e.render, "ForwardRef");
-        case jr.Memo:
-          return Vr(e, e.type, "memo");
+        case Vr.ForwardRef:
+          return Hr(e, e.render, "ForwardRef");
+        case Vr.Memo:
+          return Hr(e, e.type, "memo");
         default:
           return;
       }
@@ -1637,8 +1638,8 @@ function Oi(e, t, r = void 0) {
     }
   ), n;
 }
-const Hr = (e) => e, Ni = () => {
-  let e = Hr;
+const Br = (e) => e, Ni = () => {
+  let e = Br;
   return {
     configure(t) {
       e = t;
@@ -1647,7 +1648,7 @@ const Hr = (e) => e, Ni = () => {
       return e(t);
     },
     reset() {
-      e = Hr;
+      e = Br;
     }
   };
 }, Ti = Ni(), ki = Ti, Mi = {
@@ -1664,14 +1665,14 @@ const Hr = (e) => e, Ni = () => {
   required: "required",
   selected: "selected"
 };
-function mr(e, t, r = "Mui") {
+function pr(e, t, r = "Mui") {
   const n = Mi[t];
   return n ? `${r}-${n}` : `${ki.generate(e)}-${t}`;
 }
 function $i(e, t, r = "Mui") {
   const n = {};
   return t.forEach((o) => {
-    n[o] = mr(e, o, r);
+    n[o] = pr(e, o, r);
   }), n;
 }
 function Ii(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
@@ -1754,7 +1755,7 @@ function et(e, t) {
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const pr = {
+const gr = {
   xs: 0,
   // phone
   sm: 600,
@@ -1765,22 +1766,22 @@ const pr = {
   // desktop
   xl: 1536
   // large screen
-}, Br = {
+}, Wr = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${pr[e]}px)`
+  up: (e) => `@media (min-width:${gr[e]}px)`
 };
 function ge(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || Br;
+    const i = n.breakpoints || Wr;
     return t.reduce((a, l, u) => (a[i.up(i.keys[u])] = r(t[u]), a), {});
   }
   if (typeof t == "object") {
-    const i = n.breakpoints || Br;
+    const i = n.breakpoints || Wr;
     return Object.keys(t).reduce((a, l) => {
-      if (Object.keys(i.values || pr).indexOf(l) !== -1) {
+      if (Object.keys(i.values || gr).indexOf(l) !== -1) {
         const u = i.up(l);
         a[u] = r(t[l], l);
       } else {
@@ -1854,15 +1855,15 @@ const Bi = {
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Wr = {
+}, Ur = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
 }, Ui = Hi((e) => {
   if (e.length > 2)
-    if (Wr[e])
-      e = Wr[e];
+    if (Ur[e])
+      e = Ur[e];
     else
       return [e];
   const [t, r] = e.split(""), n = Bi[t], o = Wi[r] || "";
@@ -2034,11 +2035,11 @@ function te(e) {
 const xa = U({
   prop: "width",
   transform: te
-}), gr = (e) => {
+}), yr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
       var n, o;
-      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[r]) || pr[r];
+      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[r]) || gr[r];
       return i ? ((o = e.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
         maxWidth: `${i}${e.theme.breakpoints.unit}`
       } : {
@@ -2051,7 +2052,7 @@ const xa = U({
   }
   return null;
 };
-gr.filterProps = ["maxWidth"];
+yr.filterProps = ["maxWidth"];
 const wa = U({
   prop: "minWidth",
   transform: te
@@ -2078,7 +2079,7 @@ U({
 const Ca = U({
   prop: "boxSizing"
 });
-Dt(xa, gr, wa, _a, Sa, Ea, Ca);
+Dt(xa, yr, wa, _a, Sa, Ea, Ca);
 const Oa = {
   // borders
   border: {
@@ -2327,7 +2328,7 @@ const Oa = {
     transform: te
   },
   maxWidth: {
-    style: gr
+    style: yr
   },
   minWidth: {
     transform: te
@@ -2447,7 +2448,7 @@ function Vn() {
 }
 const Hn = Vn();
 Hn.filterProps = ["sx"];
-const yr = Hn;
+const vr = Hn;
 function Bn(e, t) {
   const r = this;
   return r.vars && typeof r.getColorSchemeSelector == "function" ? {
@@ -2455,7 +2456,7 @@ function Bn(e, t) {
   } : r.palette.mode === e ? t : {};
 }
 const ka = ["breakpoints", "palette", "spacing", "shape"];
-function vr(e = {}, ...t) {
+function br(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
@@ -2474,7 +2475,7 @@ function vr(e = {}, ...t) {
     shape: z({}, Li, i)
   }, a);
   return h.applyStyles = Bn, h = t.reduce((m, f) => ue(m, f), h), h.unstable_sxConfig = z({}, ct, a == null ? void 0 : a.unstable_sxConfig), h.unstable_sx = function(f) {
-    return yr({
+    return vr({
       sx: f,
       theme: this
     });
@@ -2482,7 +2483,7 @@ function vr(e = {}, ...t) {
 }
 const Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vr,
+  default: br,
   private_createBreakpoints: Ln,
   unstable_applyStyles: Bn
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2543,7 +2544,7 @@ var Ra = /* @__PURE__ */ function() {
       return n.parentNode && n.parentNode.removeChild(n);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), J = "-ms-", Tt = "-moz-", k = "-webkit-", br = "comm", xr = "rule", wr = "decl", Da = "@import", Un = "@keyframes", za = "@layer", La = Math.abs, Vt = String.fromCharCode, Fa = Object.assign;
+}(), J = "-ms-", Tt = "-moz-", k = "-webkit-", xr = "comm", wr = "rule", _r = "decl", Da = "@import", Un = "@keyframes", za = "@layer", La = Math.abs, Vt = String.fromCharCode, Fa = Object.assign;
 function ja(e, t) {
   return X(e, 0) ^ 45 ? (((t << 2 ^ X(e, 0)) << 2 ^ X(e, 1)) << 2 ^ X(e, 2)) << 2 ^ X(e, 3) : 0;
 }
@@ -2556,7 +2557,7 @@ function Va(e, t) {
 function M(e, t, r) {
   return e.replace(t, r);
 }
-function ir(e, t) {
+function ar(e, t) {
   return e.indexOf(t);
 }
 function X(e, t) {
@@ -2568,7 +2569,7 @@ function rt(e, t, r) {
 function de(e) {
   return e.length;
 }
-function _r(e) {
+function Sr(e) {
   return e.length;
 }
 function gt(e, t) {
@@ -2641,7 +2642,7 @@ function Kn(e) {
   return qe = "", e;
 }
 function xt(e) {
-  return qn(dt(ee - 1, ar(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return qn(dt(ee - 1, sr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Ua(e) {
   for (; (Y = fe()) && Y < 33; )
@@ -2653,17 +2654,17 @@ function qa(e, t) {
     ;
   return dt(e, bt() + (t < 6 && fe() == 32 && re() == 32));
 }
-function ar(e) {
+function sr(e) {
   for (; re(); )
     switch (Y) {
       case e:
         return ee;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && ar(Y);
+        e !== 34 && e !== 39 && sr(Y);
         break;
       case 40:
-        e === 41 && ar(e);
+        e === 41 && sr(e);
         break;
       case 92:
         re();
@@ -2690,7 +2691,7 @@ function wt(e, t, r, n, o, i, a, l, u) {
     switch (y = w, w = re()) {
       case 40:
         if (y != 108 && X(S, f - 1) == 58) {
-          ir(S += M(xt(w), "&", "&\f"), "&\f") != -1 && (v = -1);
+          ar(S += M(xt(w), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       case 34:
@@ -2727,12 +2728,12 @@ function wt(e, t, r, n, o, i, a, l, u) {
           case 125:
             d = 0;
           case 59 + m:
-            v == -1 && (S = M(S, /\f/g, "")), b > 0 && de(S) - f && gt(b > 32 ? qr(S + ";", n, r, f - 1) : qr(M(S, " ", "") + ";", n, r, f - 2), u);
+            v == -1 && (S = M(S, /\f/g, "")), b > 0 && de(S) - f && gt(b > 32 ? Yr(S + ";", n, r, f - 1) : Yr(M(S, " ", "") + ";", n, r, f - 2), u);
             break;
           case 59:
             S += ";";
           default:
-            if (gt(_ = Ur(S, t, r, h, m, o, l, x, E = [], g = [], f), i), w === 123)
+            if (gt(_ = qr(S, t, r, h, m, o, l, x, E = [], g = [], f), i), w === 123)
               if (m === 0)
                 wt(S, t, _, _, E, i, f, l, g);
               else
@@ -2741,7 +2742,7 @@ function wt(e, t, r, n, o, i, a, l, u) {
                   case 108:
                   case 109:
                   case 115:
-                    wt(e, _, _, n && gt(Ur(e, _, _, 0, 0, o, l, x, o, E = [], f), g), o, g, f, l, n ? E : g);
+                    wt(e, _, _, n && gt(qr(e, _, _, 0, 0, o, l, x, o, E = [], f), g), o, g, f, l, n ? E : g);
                     break;
                   default:
                     wt(S, _, _, _, [""], g, 0, l, g);
@@ -2774,20 +2775,20 @@ function wt(e, t, r, n, o, i, a, l, u) {
     }
   return i;
 }
-function Ur(e, t, r, n, o, i, a, l, u, h, m) {
-  for (var f = o - 1, p = o === 0 ? i : [""], b = _r(p), y = 0, s = 0, d = 0; y < n; ++y)
+function qr(e, t, r, n, o, i, a, l, u, h, m) {
+  for (var f = o - 1, p = o === 0 ? i : [""], b = Sr(p), y = 0, s = 0, d = 0; y < n; ++y)
     for (var v = 0, w = rt(e, f + 1, f = La(s = a[y])), x = e; v < b; ++v)
       (x = qn(s > 0 ? p[v] + " " + w : M(w, /&\f/g, p[v]))) && (u[d++] = x);
-  return Bt(e, t, r, o === 0 ? xr : l, u, h, m);
+  return Bt(e, t, r, o === 0 ? wr : l, u, h, m);
 }
 function Za(e, t, r) {
-  return Bt(e, t, r, br, Vt(Ba()), rt(e, 2, -2), 0);
+  return Bt(e, t, r, xr, Vt(Ba()), rt(e, 2, -2), 0);
 }
-function qr(e, t, r, n) {
-  return Bt(e, t, r, wr, rt(e, 0, n), rt(e, n + 1, -1), n);
+function Yr(e, t, r, n) {
+  return Bt(e, t, r, _r, rt(e, 0, n), rt(e, n + 1, -1), n);
 }
 function Be(e, t) {
-  for (var r = "", n = _r(e), o = 0; o < n; o++)
+  for (var r = "", n = Sr(e), o = 0; o < n; o++)
     r += t(e[o], o, e, t) || "";
   return r;
 }
@@ -2797,19 +2798,19 @@ function Xa(e, t, r, n) {
       if (e.children.length)
         break;
     case Da:
-    case wr:
+    case _r:
       return e.return = e.return || e.value;
-    case br:
+    case xr:
       return "";
     case Un:
       return e.return = e.value + "{" + Be(e.children, n) + "}";
-    case xr:
+    case wr:
       e.value = e.props.join(",");
   }
   return de(r = Be(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Ja(e) {
-  var t = _r(e);
+  var t = Sr(e);
   return function(r, n, o, i) {
     for (var a = "", l = 0; l < t; l++)
       a += e[l](r, n, o, i) || "";
@@ -2847,15 +2848,15 @@ var es = function(t, r, n) {
   return t;
 }, rs = function(t, r) {
   return Kn(ts(Gn(t), r));
-}, Yr = /* @__PURE__ */ new WeakMap(), ns = function(t) {
+}, Gr = /* @__PURE__ */ new WeakMap(), ns = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n)
         return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Yr.get(n)) && !o) {
-      Yr.set(t, !0);
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Gr.get(n)) && !o) {
+      Gr.set(t, !0);
       for (var i = [], a = rs(r, i), l = n.props, u = 0, h = 0; u < a.length; u++)
         for (var m = 0; m < l.length; m++, h++)
           t.props[h] = i[u] ? a[u].replace(/&\f/g, l[m]) : l[m] + " " + a[u];
@@ -2901,10 +2902,10 @@ var es = function(t, r, n) {
     if (!Zn(r[n]))
       return !0;
   return !1;
-}, Gr = function(t) {
+}, Kr = function(t) {
   t.type = "", t.value = "", t.return = "", t.children = "", t.props = "";
 }, cs = function(t, r, n) {
-  Zn(t) && (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Gr(t)) : ls(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Gr(t)));
+  Zn(t) && (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Kr(t)) : ls(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Kr(t)));
 };
 function Xn(e, t) {
   switch (ja(e, t)) {
@@ -2993,14 +2994,14 @@ function Xn(e, t) {
           case 102:
             return M(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + Tt + (X(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~ir(e, "stretch") ? Xn(M(e, "stretch", "fill-available"), t) + e : e;
+            return ~ar(e, "stretch") ? Xn(M(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
       if (X(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (X(e, de(e) - 3 - (~ir(e, "!important") && 10))) {
+      switch (X(e, de(e) - 3 - (~ar(e, "!important") && 10))) {
         case 107:
           return M(e, ":", ":" + k) + e;
         case 101:
@@ -3023,14 +3024,14 @@ function Xn(e, t) {
 var ds = function(t, r, n, o) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
-      case wr:
+      case _r:
         t.return = Xn(t.value, t.length);
         break;
       case Un:
         return Be([Je(t, {
           value: M(t.value, "@", "@" + k)
         })], o);
-      case xr:
+      case wr:
         if (t.length)
           return Ha(t.props, function(i) {
             switch (Va(i, /(::plac\w+|:read-\w+)/)) {
@@ -3085,7 +3086,7 @@ If multiple caches share the same key they might "fight" for each other's style
   }), cs);
   {
     var m, f = [Xa, process.env.NODE_ENV !== "production" ? function(s) {
-      s.root || (s.return ? m.insert(s.return) : s.value && s.type !== br && m.insert(s.value + "{}"));
+      s.root || (s.return ? m.insert(s.return) : s.value && s.type !== xr && m.insert(s.value + "{}"));
     } : Qa(function(s) {
       m.insert(s);
     })], p = Ja(h.concat(o, f)), b = function(d) {
@@ -3115,7 +3116,7 @@ If multiple caches share the same key they might "fight" for each other's style
     insert: u
   };
   return y.sheet.hydrate(l), y;
-}, sr = { exports: {} }, R = {};
+}, lr = { exports: {} }, R = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -3124,11 +3125,11 @@ If multiple caches share the same key they might "fight" for each other's style
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kr;
+var Zr;
 function fs() {
-  if (Kr)
+  if (Zr)
     return R;
-  Kr = 1;
+  Zr = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, d = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
   function x(g) {
     if (typeof g == "object" && g !== null) {
@@ -3200,9 +3201,9 @@ var D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Zr;
+var Xr;
 function hs() {
-  return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
+  return Xr || (Xr = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, d = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
     function x(C) {
       return typeof C == "string" || typeof C == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -3283,8 +3284,8 @@ function hs() {
     D.AsyncMode = g, D.ConcurrentMode = _, D.ContextConsumer = S, D.ContextProvider = $, D.Element = I, D.ForwardRef = B, D.Fragment = L, D.Lazy = W, D.Memo = K, D.Portal = ce, D.Profiler = _e, D.StrictMode = Se, D.Suspense = Me, D.isAsyncMode = $e, D.isConcurrentMode = Ee, D.isContextConsumer = Ke, D.isContextProvider = Ze, D.isElement = Ie, D.isForwardRef = pe, D.isFragment = Ae, D.isLazy = Yt, D.isMemo = Gt, D.isPortal = Kt, D.isProfiler = Zt, D.isStrictMode = Xt, D.isSuspense = Jt, D.isValidElementType = x, D.typeOf = E;
   }()), D;
 }
-process.env.NODE_ENV === "production" ? sr.exports = fs() : sr.exports = hs();
-var ms = sr.exports, Qn = ms, ps = {
+process.env.NODE_ENV === "production" ? lr.exports = fs() : lr.exports = hs();
+var ms = lr.exports, Qn = ms, ps = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -3301,7 +3302,7 @@ var ms = sr.exports, Qn = ms, ps = {
 eo[Qn.ForwardRef] = ps;
 eo[Qn.Memo] = gs;
 var ys = !0;
-function Sr(e, t, r) {
+function Er(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(o) {
     e[o] !== void 0 ? t.push(e[o] + ";") : n += o + " ";
@@ -3396,15 +3397,15 @@ var bs = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Xr = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, Jr = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, xs = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", ws = /[A-Z]|^ms/g, to = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Er = function(t) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, xs = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", ws = /[A-Z]|^ms/g, to = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Cr = function(t) {
   return t.charCodeAt(1) === 45;
-}, Jr = function(t) {
+}, Qr = function(t) {
   return t != null && typeof t != "boolean";
 }, er = /* @__PURE__ */ Wn(function(e) {
-  return Er(e) ? e : e.replace(ws, "-$&").toLowerCase();
+  return Cr(e) ? e : e.replace(ws, "-$&").toLowerCase();
 }), kt = function(t, r) {
   switch (t) {
     case "animation":
@@ -3418,15 +3419,15 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }, o;
         });
   }
-  return bs[t] !== 1 && !Er(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return bs[t] !== 1 && !Cr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 if (process.env.NODE_ENV !== "production") {
-  var _s = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Ss = ["normal", "none", "initial", "inherit", "unset"], Es = kt, Cs = /^-ms-/, Os = /-(.)/g, Qr = {};
+  var _s = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Ss = ["normal", "none", "initial", "inherit", "unset"], Es = kt, Cs = /^-ms-/, Os = /-(.)/g, en = {};
   kt = function(t, r) {
     if (t === "content" && (typeof r != "string" || Ss.indexOf(r) === -1 && !_s.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + r + "\"'`");
     var n = Es(t, r);
-    return n !== "" && !Er(t) && t.indexOf("-") !== -1 && Qr[t] === void 0 && (Qr[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Cs, "ms-").replace(Os, function(o, i) {
+    return n !== "" && !Cr(t) && t.indexOf("-") !== -1 && en[t] === void 0 && (en[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Cs, "ms-").replace(Os, function(o, i) {
       return i.toUpperCase();
     }) + "?")), n;
   };
@@ -3501,13 +3502,13 @@ function Ns(e, t, r) {
     for (var i in r) {
       var a = r[i];
       if (typeof a != "object")
-        t != null && t[a] !== void 0 ? n += i + "{" + t[a] + "}" : Jr(a) && (n += er(i) + ":" + kt(i, a) + ";");
+        t != null && t[a] !== void 0 ? n += i + "{" + t[a] + "}" : Qr(a) && (n += er(i) + ":" + kt(i, a) + ";");
       else {
         if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
           throw new Error(ro);
         if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
           for (var l = 0; l < a.length; l++)
-            Jr(a[l]) && (n += er(i) + ":" + kt(i, a[l]) + ";");
+            Qr(a[l]) && (n += er(i) + ":" + kt(i, a[l]) + ";");
         else {
           var u = ot(e, t, a);
           switch (i) {
@@ -3524,7 +3525,7 @@ function Ns(e, t, r) {
     }
   return n;
 }
-var en = /label:\s*([^\s;\n{]+)\s*(;|$)/g, no;
+var tn = /label:\s*([^\s;\n{]+)\s*(;|$)/g, no;
 process.env.NODE_ENV !== "production" && (no = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
 var le, Ue = function(t, r, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
@@ -3532,14 +3533,14 @@ var le, Ue = function(t, r, n) {
   var o = !0, i = "";
   le = void 0;
   var a = t[0];
-  a == null || a.raw === void 0 ? (o = !1, i += ot(n, r, a)) : (process.env.NODE_ENV !== "production" && a[0] === void 0 && console.error(Xr), i += a[0]);
+  a == null || a.raw === void 0 ? (o = !1, i += ot(n, r, a)) : (process.env.NODE_ENV !== "production" && a[0] === void 0 && console.error(Jr), i += a[0]);
   for (var l = 1; l < t.length; l++)
-    i += ot(n, r, t[l]), o && (process.env.NODE_ENV !== "production" && a[l] === void 0 && console.error(Xr), i += a[l]);
+    i += ot(n, r, t[l]), o && (process.env.NODE_ENV !== "production" && a[l] === void 0 && console.error(Jr), i += a[l]);
   var u;
   process.env.NODE_ENV !== "production" && (i = i.replace(no, function(p) {
     return u = p, "";
-  })), en.lastIndex = 0;
-  for (var h = "", m; (m = en.exec(i)) !== null; )
+  })), tn.lastIndex = 0;
+  for (var h = "", m; (m = tn.exec(i)) !== null; )
     h += "-" + // $FlowFixMe we know it's not null
     m[1];
   var f = vs(i) + h;
@@ -3558,7 +3559,7 @@ var le, Ue = function(t, r, n) {
   };
 }, Ts = function(t) {
   return t();
-}, oo = F["useInsertionEffect"] ? F["useInsertionEffect"] : !1, Cr = oo || Ts, tn = oo || F.useLayoutEffect, ks = {}.hasOwnProperty, Or = /* @__PURE__ */ F.createContext(
+}, oo = F["useInsertionEffect"] ? F["useInsertionEffect"] : !1, Or = oo || Ts, rn = oo || F.useLayoutEffect, ks = {}.hasOwnProperty, Nr = /* @__PURE__ */ F.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -3569,33 +3570,33 @@ var le, Ue = function(t, r, n) {
     key: "css"
   }) : null
 );
-process.env.NODE_ENV !== "production" && (Or.displayName = "EmotionCacheContext");
-var Ms = Or.Provider, qt = function(t) {
+process.env.NODE_ENV !== "production" && (Nr.displayName = "EmotionCacheContext");
+var Ms = Nr.Provider, qt = function(t) {
   return /* @__PURE__ */ Eo(function(r, n) {
-    var o = be(Or);
+    var o = be(Nr);
     return t(r, o, n);
   });
 }, ke = /* @__PURE__ */ F.createContext({});
 process.env.NODE_ENV !== "production" && (ke.displayName = "EmotionThemeContext");
-var rn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", nn = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", $s = function(t) {
+var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", $s = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return Wt(r, n, o), Cr(function() {
+  return Wt(r, n, o), Or(function() {
     return Ut(r, n, o);
   }), null;
 }, Is = /* @__PURE__ */ qt(function(e, t, r) {
   var n = e.css;
   typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
-  var o = e[rn], i = [n], a = "";
-  typeof e.className == "string" ? a = Sr(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
+  var o = e[nn], i = [n], a = "";
+  typeof e.className == "string" ? a = Er(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
   var l = Ue(i, void 0, F.useContext(ke));
   if (process.env.NODE_ENV !== "production" && l.name.indexOf("-") === -1) {
-    var u = e[nn];
+    var u = e[on];
     u && (l = Ue([l, "label:" + u + ";"]));
   }
   a += t.key + "-" + l.name;
   var h = {};
   for (var m in e)
-    ks.call(e, m) && m !== "css" && m !== rn && (process.env.NODE_ENV === "production" || m !== nn) && (h[m] = e[m]);
+    ks.call(e, m) && m !== "css" && m !== nn && (process.env.NODE_ENV === "production" || m !== on) && (h[m] = e[m]);
   return h.ref = r, h.className = a, /* @__PURE__ */ F.createElement(F.Fragment, null, /* @__PURE__ */ F.createElement($s, {
     cache: t,
     serialized: l,
@@ -3733,14 +3734,14 @@ var As = {
       }
     }
   }
-}, on = !1, io = /* @__PURE__ */ qt(function(e, t) {
-  process.env.NODE_ENV !== "production" && !on && // check for className as well since the user is
+}, an = !1, io = /* @__PURE__ */ qt(function(e, t) {
+  process.env.NODE_ENV !== "production" && !an && // check for className as well since the user is
   // probably using the custom createElement which
   // means it will be turned into a className prop
   // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
-  (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), on = !0);
+  (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), an = !0);
   var r = e.styles, n = Ue([r], void 0, F.useContext(ke)), o = F.useRef();
-  return tn(function() {
+  return rn(function() {
     var i = t.key + "-global", a = new t.sheet.constructor({
       key: i,
       nonce: t.sheet.nonce,
@@ -3750,7 +3751,7 @@ var As = {
     return t.sheet.tags.length && (a.before = t.sheet.tags[0]), u !== null && (l = !0, u.setAttribute("data-emotion", i), a.hydrate([u])), o.current = [a, l], function() {
       a.flush();
     };
-  }, [t]), tn(function() {
+  }, [t]), rn(function() {
     var i = o.current, a = i[0], l = i[1];
     if (l) {
       i[1] = !1;
@@ -3806,12 +3807,12 @@ var Ps = function() {
   return o;
 };
 function Ds(e, t, r) {
-  var n = [], o = Sr(e, n, r);
+  var n = [], o = Er(e, n, r);
   return n.length < 2 ? r : o + t(n);
 }
 var zs = function(t) {
   var r = t.cache, n = t.serializedArr;
-  return Cr(function() {
+  return Or(function() {
     for (var o = 0; o < n.length; o++)
       Ut(r, n[o], !1);
   }), null;
@@ -3841,23 +3842,23 @@ var zs = function(t) {
 });
 process.env.NODE_ENV !== "production" && (Ls.displayName = "EmotionClassNames");
 if (process.env.NODE_ENV !== "production") {
-  var an = !0, Fs = typeof jest < "u" || typeof vi < "u";
-  if (an && !Fs) {
-    var sn = (
+  var sn = !0, Fs = typeof jest < "u" || typeof vi < "u";
+  if (sn && !Fs) {
+    var ln = (
       // $FlowIgnore
-      typeof globalThis < "u" ? globalThis : an ? window : global
-    ), ln = "__EMOTION_REACT_" + As.version.split(".")[0] + "__";
-    sn[ln] && console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."), sn[ln] = !0;
+      typeof globalThis < "u" ? globalThis : sn ? window : global
+    ), cn = "__EMOTION_REACT_" + As.version.split(".")[0] + "__";
+    ln[cn] && console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."), ln[cn] = !0;
   }
 }
 var js = Ia, Vs = function(t) {
   return t !== "theme";
-}, cn = function(t) {
+}, dn = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   t.charCodeAt(0) > 96 ? js : Vs;
-}, dn = function(t, r, n) {
+}, un = function(t, r, n) {
   var o;
   if (r) {
     var i = r.shouldForwardProp;
@@ -3866,12 +3867,12 @@ var js = Ia, Vs = function(t) {
     } : i;
   }
   return typeof o != "function" && n && (o = t.__emotion_forwardProp), o;
-}, un = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, fn = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:
 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Hs = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return Wt(r, n, o), Cr(function() {
+  return Wt(r, n, o), Or(function() {
     return Ut(r, n, o);
   }), null;
 }, Bs = function e(t, r) {
@@ -3880,15 +3881,15 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
 You may have forgotten to import it.`);
   var n = t.__emotion_real === t, o = n && t.__emotion_base || t, i, a;
   r !== void 0 && (i = r.label, a = r.target);
-  var l = dn(t, r, n), u = l || cn(o), h = !u("as");
+  var l = un(t, r, n), u = l || dn(o), h = !u("as");
   return function() {
     var m = arguments, f = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
     if (i !== void 0 && f.push("label:" + i + ";"), m[0] == null || m[0].raw === void 0)
       f.push.apply(f, m);
     else {
-      process.env.NODE_ENV !== "production" && m[0][0] === void 0 && console.error(un), f.push(m[0][0]);
+      process.env.NODE_ENV !== "production" && m[0][0] === void 0 && console.error(fn), f.push(m[0][0]);
       for (var p = m.length, b = 1; b < p; b++)
-        process.env.NODE_ENV !== "production" && m[0][b] === void 0 && console.error(un), f.push(m[b], m[0][b]);
+        process.env.NODE_ENV !== "production" && m[0][b] === void 0 && console.error(fn), f.push(m[b], m[0][b]);
     }
     var y = qt(function(s, d, v) {
       var w = h && s.as || o, x = "", E = [], g = s;
@@ -3898,10 +3899,10 @@ You may have forgotten to import it.`);
           g[_] = s[_];
         g.theme = F.useContext(ke);
       }
-      typeof s.className == "string" ? x = Sr(d.registered, E, s.className) : s.className != null && (x = s.className + " ");
+      typeof s.className == "string" ? x = Er(d.registered, E, s.className) : s.className != null && (x = s.className + " ");
       var S = Ue(f.concat(E), d.registered, g);
       x += d.key + "-" + S.name, a !== void 0 && (x += " " + a);
-      var $ = h && l === void 0 ? cn(w) : u, I = {};
+      var $ = h && l === void 0 ? dn(w) : u, I = {};
       for (var B in s)
         h && B === "as" || // $FlowFixMe
         $(B) && (I[B] = s[B]);
@@ -3917,7 +3918,7 @@ You may have forgotten to import it.`);
       }
     }), y.withComponent = function(s, d) {
       return e(s, z({}, r, d, {
-        shouldForwardProp: dn(y, d, !0)
+        shouldForwardProp: un(y, d, !0)
       })).apply(void 0, f);
     }, y;
   };
@@ -4057,12 +4058,12 @@ You may have forgotten to import it.`);
   "svg",
   "text",
   "tspan"
-], lr = Bs.bind();
+], cr = Bs.bind();
 Ws.forEach(function(e) {
-  lr[e] = lr(e);
+  cr[e] = cr(e);
 });
-let cr;
-typeof document == "object" && (cr = Jn({
+let dr;
+typeof document == "object" && (dr = Jn({
   key: "css",
   prepend: !0
 }));
@@ -4071,8 +4072,8 @@ function so(e) {
     injectFirst: t,
     children: r
   } = e;
-  return t && cr ? /* @__PURE__ */ c(Ms, {
-    value: cr,
+  return t && dr ? /* @__PURE__ */ c(Ms, {
+    value: dr,
     children: r
   }) : r;
 }
@@ -4112,7 +4113,7 @@ process.env.NODE_ENV !== "production" && (lo.propTypes = {
  * LICENSE file in the root directory of this source tree.
  */
 function qs(e, t) {
-  const r = lr(e, t);
+  const r = cr(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
@@ -4138,7 +4139,7 @@ function Zs(e = null) {
   const t = F.useContext(ke);
   return !t || Ks(t) ? e : t;
 }
-const Xs = vr();
+const Xs = br();
 function Js(e = Xs) {
   return Zs(e);
 }
@@ -4182,7 +4183,7 @@ function r0(e) {
 }
 const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: yr,
+  default: vr,
   extendSxProp: r0,
   unstable_createStyleFunctionSx: Vn,
   unstable_defaultSxConfig: ct
@@ -4220,14 +4221,14 @@ Object.defineProperty(q, "__esModule", {
 q.alpha = go;
 q.blend = v0;
 q.colorChannel = void 0;
-var s0 = q.darken = Tr;
+var s0 = q.darken = kr;
 q.decomposeColor = ie;
 q.emphasize = y0;
-var fn = q.getContrastRatio = h0;
+var hn = q.getContrastRatio = h0;
 q.getLuminance = Mt;
 q.hexToRgb = ho;
 q.hslToRgb = po;
-var l0 = q.lighten = kr;
+var l0 = q.lighten = Mr;
 q.private_safeAlpha = m0;
 q.private_safeColorChannel = void 0;
 q.private_safeDarken = p0;
@@ -4235,8 +4236,8 @@ q.private_safeEmphasize = yo;
 q.private_safeLighten = g0;
 q.recomposeColor = Ye;
 q.rgbToHex = f0;
-var hn = fo(i0), c0 = fo(a0);
-function Nr(e, t = 0, r = 1) {
+var mn = fo(i0), c0 = fo(a0);
+function Tr(e, t = 0, r = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), (0, c0.default)(e, t, r);
 }
 function ho(e) {
@@ -4257,12 +4258,12 @@ function ie(e) {
   const t = e.indexOf("("), r = e.substring(0, t);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(r) === -1)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, hn.default)(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, mn.default)(9, e));
   let n = e.substring(t + 1, e.length - 1), o;
   if (r === "color") {
     if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(o) === -1)
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, hn.default)(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, mn.default)(10, o));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -4324,7 +4325,7 @@ function h0(e, t) {
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function go(e, t) {
-  return e = ie(e), t = Nr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ye(e);
+  return e = ie(e), t = Tr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ye(e);
 }
 function m0(e, t, r) {
   try {
@@ -4333,8 +4334,8 @@ function m0(e, t, r) {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Tr(e, t) {
-  if (e = ie(e), t = Nr(t), e.type.indexOf("hsl") !== -1)
+function kr(e, t) {
+  if (e = ie(e), t = Tr(t), e.type.indexOf("hsl") !== -1)
     e.values[2] *= 1 - t;
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
     for (let r = 0; r < 3; r += 1)
@@ -4343,13 +4344,13 @@ function Tr(e, t) {
 }
 function p0(e, t, r) {
   try {
-    return Tr(e, t);
+    return kr(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function kr(e, t) {
-  if (e = ie(e), t = Nr(t), e.type.indexOf("hsl") !== -1)
+function Mr(e, t) {
+  if (e = ie(e), t = Tr(t), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.indexOf("rgb") !== -1)
     for (let r = 0; r < 3; r += 1)
@@ -4361,13 +4362,13 @@ function kr(e, t) {
 }
 function g0(e, t, r) {
   try {
-    return kr(e, t);
+    return Mr(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
 function y0(e, t = 0.15) {
-  return Mt(e) > 0.5 ? Tr(e, t) : kr(e, t);
+  return Mt(e) > 0.5 ? kr(e, t) : Mr(e, t);
 }
 function yo(e, t, r) {
   try {
@@ -4491,7 +4492,7 @@ const b0 = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, Fe = N0, T0 = ["mode", "contrastThreshold", "tonalOffset"], mn = {
+}, Fe = N0, T0 = ["mode", "contrastThreshold", "tonalOffset"], pn = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -4554,7 +4555,7 @@ const b0 = {
     activatedOpacity: 0.24
   }
 };
-function pn(e, t, r, n) {
+function gn(e, t, r, n) {
   const o = n.light || n, i = n.dark || n * 1.5;
   e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = l0(e.main, o) : t === "dark" && (e.dark = s0(e.main, i)));
 }
@@ -4632,9 +4633,9 @@ function R0(e) {
     tonalOffset: n = 0.2
   } = e, o = xe(e, T0), i = e.primary || k0(t), a = e.secondary || M0(t), l = e.error || $0(t), u = e.info || I0(t), h = e.success || A0(t), m = e.warning || P0(t);
   function f(s) {
-    const d = fn(s, tr.text.primary) >= r ? tr.text.primary : mn.text.primary;
+    const d = hn(s, tr.text.primary) >= r ? tr.text.primary : pn.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const v = fn(s, d);
+      const v = hn(s, d);
       v < 3 && console.error([`MUI: The contrast ratio of ${v}:1 for ${d} on ${s}`, "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(`
 `));
     }
@@ -4665,10 +4666,10 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : tt(12, d ? ` (${d})` : "", JSON.stringify(s.main)));
-    return pn(s, "light", w, n), pn(s, "dark", x, n), s.contrastText || (s.contrastText = f(s.main)), s;
+    return gn(s, "light", w, n), gn(s, "dark", x, n), s.contrastText || (s.contrastText = f(s.main)), s;
   }, b = {
     dark: tr,
-    light: mn
+    light: pn
   };
   return process.env.NODE_ENV !== "production" && (b[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), ue(z({
     // A collection of common colors.
@@ -4728,12 +4729,12 @@ const D0 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "f
 function z0(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const gn = {
+const yn = {
   textTransform: "uppercase"
-}, yn = '"Roboto", "Helvetica", "Arial", sans-serif';
+}, vn = '"Roboto", "Helvetica", "Arial", sans-serif';
 function L0(e, t) {
   const r = typeof t == "function" ? t(e) : t, {
-    fontFamily: n = yn,
+    fontFamily: n = vn,
     // The default font size of the Material Specification.
     fontSize: o = 14,
     // px
@@ -4755,7 +4756,7 @@ function L0(e, t) {
     fontSize: y(w),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: x
-  }, n === yn ? {
+  }, n === vn ? {
     letterSpacing: `${z0(E / w)}em`
   } : {}, g, m), d = {
     h1: s(i, 96, 1.167, -1.5),
@@ -4768,9 +4769,9 @@ function L0(e, t) {
     subtitle2: s(l, 14, 1.57, 0.1),
     body1: s(a, 16, 1.5, 0.15),
     body2: s(a, 14, 1.43, 0.15),
-    button: s(l, 14, 1.75, 0.4, gn),
+    button: s(l, 14, 1.75, 0.4, yn),
     caption: s(a, 12, 1.66, 0.4),
-    overline: s(a, 12, 2.66, 1, gn),
+    overline: s(a, 12, 2.66, 1, yn),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -4821,7 +4822,7 @@ const H0 = ["none", j(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), j(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function vn(e) {
+function bn(e) {
   return `${Math.round(e)}ms`;
 }
 function Y0(e) {
@@ -4845,7 +4846,7 @@ function G0(e) {
         !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !f(a) && !m(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), m(l) || console.error('MUI: Argument "easing" must be a string.'), !f(u) && !m(u) && 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(h).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(h).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof a == "string" ? a : vn(a)} ${l} ${typeof u == "string" ? u : vn(u)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof a == "string" ? a : bn(a)} ${l} ${typeof u == "string" ? u : bn(u)}`).join(",");
     }
   }, e, {
     easing: t,
@@ -4871,7 +4872,7 @@ function J0(e = {}, ...t) {
   } = e, a = xe(e, X0);
   if (e.vars)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : tt(18));
-  const l = R0(n), u = vr(e);
+  const l = R0(n), u = br(e);
   let h = ue(u, {
     mixins: o0(u.breakpoints, r),
     palette: l,
@@ -4888,7 +4889,7 @@ function J0(e = {}, ...t) {
         const s = p[y];
         if (m.indexOf(y) !== -1 && Object.keys(s).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const d = mr("", y);
+            const d = pr("", y);
             console.error([`MUI: The \`${b}\` component increases the CSS specificity of the \`${y}\` internal state.`, "You can not override it like this: ", JSON.stringify(p, null, 2), "", `Instead, you need to use the '&.${d}' syntax:`, JSON.stringify({
               root: {
                 [`&.${d}`]: s
@@ -4906,7 +4907,7 @@ function J0(e = {}, ...t) {
     });
   }
   return h.unstable_sxConfig = z({}, ct, a == null ? void 0 : a.unstable_sxConfig), h.unstable_sx = function(f) {
-    return yr({
+    return vr({
       sx: f,
       theme: this
     });
@@ -4932,7 +4933,7 @@ Object.defineProperty(ut, "__esModule", {
 });
 var cl = ut.default = El, dl = ut.shouldForwardProp = _t;
 ut.systemDefaultTheme = void 0;
-var ne = Ge(tl), dr = Ge(rl), bn = bl(nl), ul = ol, fl = Ge(il), hl = Ge(al), ml = Ge(sl), pl = Ge(ll);
+var ne = Ge(tl), ur = Ge(rl), xn = bl(nl), ul = ol, fl = Ge(il), hl = Ge(al), ml = Ge(sl), pl = Ge(ll);
 const gl = ["ownerState"], yl = ["variants"], vl = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function xo(e) {
   if (typeof WeakMap != "function")
@@ -4970,7 +4971,7 @@ function wl(e) {
 function _t(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const _l = ut.systemDefaultTheme = (0, ml.default)(), xn = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+const _l = ut.systemDefaultTheme = (0, ml.default)(), wn = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
 function yt({
   defaultTheme: e,
   theme: t,
@@ -4984,7 +4985,7 @@ function Sl(e) {
 function St(e, t) {
   let {
     ownerState: r
-  } = t, n = (0, dr.default)(t, gl);
+  } = t, n = (0, ur.default)(t, gl);
   const o = typeof e == "function" ? e((0, ne.default)({
     ownerState: r
   }, n)) : e;
@@ -4996,7 +4997,7 @@ function St(e, t) {
     const {
       variants: i = []
     } = o;
-    let l = (0, dr.default)(o, yl);
+    let l = (0, ur.default)(o, yl);
     return i.forEach((u) => {
       let h = !0;
       typeof u.props == "function" ? h = u.props((0, ne.default)({
@@ -5023,7 +5024,7 @@ function El(e = {}) {
     }))
   }));
   return i.__mui_systemSx = !0, (a, l = {}) => {
-    (0, bn.internal_processStyles)(a, (g) => g.filter((_) => !(_ != null && _.__mui_systemSx)));
+    (0, xn.internal_processStyles)(a, (g) => g.filter((_) => !(_ != null && _.__mui_systemSx)));
     const {
       name: u,
       slot: h,
@@ -5031,17 +5032,17 @@ function El(e = {}) {
       skipSx: f,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: p = Sl(xn(h))
-    } = l, b = (0, dr.default)(l, vl), y = m !== void 0 ? m : (
+      overridesResolver: p = Sl(wn(h))
+    } = l, b = (0, ur.default)(l, vl), y = m !== void 0 ? m : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       h && h !== "Root" && h !== "root" || !1
     ), s = f || !1;
     let d;
-    process.env.NODE_ENV !== "production" && u && (d = `${u}-${xn(h || "Root")}`);
+    process.env.NODE_ENV !== "production" && u && (d = `${u}-${wn(h || "Root")}`);
     let v = _t;
     h === "Root" || h === "root" ? v = n : h ? v = o : wl(a) && (v = void 0);
-    const w = (0, bn.default)(a, (0, ne.default)({
+    const w = (0, xn.default)(a, (0, ne.default)({
       shouldForwardProp: v,
       label: d
     }, b)), x = (g) => typeof g == "function" && g.__emotion_real !== g || (0, ul.isPlainObject)(g) ? (_) => St(g, (0, ne.default)({}, _, {
@@ -5099,7 +5100,7 @@ const Cl = (e) => dl(e) && e !== "classes", Ol = cl({
   rootShouldForwardProp: Cl
 }), Nl = Ol;
 function Tl(e) {
-  return mr("MuiSvgIcon", e);
+  return pr("MuiSvgIcon", e);
 }
 $i("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const kl = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], Ml = (e) => {
@@ -5150,7 +5151,7 @@ const kl = ["children", "className", "color", "component", "fontSize", "htmlColo
       inherit: void 0
     }[t.color]
   };
-}), Mr = /* @__PURE__ */ F.forwardRef(function(t, r) {
+}), $r = /* @__PURE__ */ F.forwardRef(function(t, r) {
   const n = el({
     props: t,
     name: "MuiSvgIcon"
@@ -5190,7 +5191,7 @@ const kl = ["children", "className", "color", "component", "fontSize", "htmlColo
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (Mr.propTypes = {
+process.env.NODE_ENV !== "production" && ($r.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -5262,27 +5263,27 @@ process.env.NODE_ENV !== "production" && (Mr.propTypes = {
    */
   viewBox: T.string
 });
-Mr.muiName = "SvgIcon";
-const wn = Mr;
+$r.muiName = "SvgIcon";
+const _n = $r;
 function Il(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ c(wn, z({
+    return /* @__PURE__ */ c(_n, z({
       "data-testid": `${t}Icon`,
       ref: o
     }, n, {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = wn.muiName, /* @__PURE__ */ F.memo(/* @__PURE__ */ F.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = _n.muiName, /* @__PURE__ */ F.memo(/* @__PURE__ */ F.forwardRef(r));
 }
 const Al = Il(/* @__PURE__ */ c("path", {
   d: "m7 10 5 5 5-5z"
 }), "ArrowDropDown");
-var _n = Number.isNaN || function(t) {
+var Sn = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function Pl(e, t) {
-  return !!(e === t || _n(e) && _n(t));
+  return !!(e === t || Sn(e) && Sn(t));
 }
 function Rl(e, t) {
   if (e.length !== t.length)
@@ -5302,18 +5303,18 @@ function rr(e, t) {
   }
   return a;
 }
-var Dl = typeof performance == "object" && typeof performance.now == "function", Sn = Dl ? function() {
+var Dl = typeof performance == "object" && typeof performance.now == "function", En = Dl ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function En(e) {
+function Cn(e) {
   cancelAnimationFrame(e.id);
 }
 function zl(e, t) {
-  var r = Sn();
+  var r = En();
   function n() {
-    Sn() - r >= t ? e.call(null) : o.id = requestAnimationFrame(n);
+    En() - r >= t ? e.call(null) : o.id = requestAnimationFrame(n);
   }
   var o = {
     id: requestAnimationFrame(n)
@@ -5321,7 +5322,7 @@ function zl(e, t) {
   return o;
 }
 var nr = -1;
-function Cn(e) {
+function On(e) {
   if (e === void 0 && (e = !1), nr === -1 || e) {
     var t = document.createElement("div"), r = t.style;
     r.width = "50px", r.height = "50px", r.overflow = "scroll", document.body.appendChild(t), nr = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -5329,7 +5330,7 @@ function Cn(e) {
   return nr;
 }
 var je = null;
-function On(e) {
+function Nn(e) {
   if (e === void 0 && (e = !1), je === null || e) {
     var t = document.createElement("div"), r = t.style;
     r.width = "50px", r.height = "50px", r.overflow = "scroll", r.direction = "rtl";
@@ -5349,8 +5350,8 @@ function jl(e) {
     Ro(p, f);
     function p(y) {
       var s;
-      return s = f.call(this, y) || this, s._instanceProps = u(s.props, Ar(s)), s._outerRef = void 0, s._resetIsScrollingTimeoutId = null, s.state = {
-        instance: Ar(s),
+      return s = f.call(this, y) || this, s._instanceProps = u(s.props, Pr(s)), s._outerRef = void 0, s._resetIsScrollingTimeoutId = null, s.state = {
+        instance: Pr(s),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof s.props.initialScrollOffset == "number" ? s.props.initialScrollOffset : 0,
@@ -5393,7 +5394,7 @@ function jl(e) {
             return null;
           var _ = s.props.direction, S = x;
           if (_ === "rtl")
-            switch (On()) {
+            switch (Nn()) {
               case "negative":
                 S = -x;
                 break;
@@ -5425,7 +5426,7 @@ function jl(e) {
         var v = s.props.outerRef;
         s._outerRef = d, typeof v == "function" ? v(d) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = d);
       }, s._resetIsScrollingDebounced = function() {
-        s._resetIsScrollingTimeoutId !== null && En(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = zl(s._resetIsScrolling, Ll);
+        s._resetIsScrollingTimeoutId !== null && Cn(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = zl(s._resetIsScrolling, Ll);
       }, s._resetIsScrolling = function() {
         s._resetIsScrollingTimeoutId = null, s.setState({
           isScrolling: !1
@@ -5453,7 +5454,7 @@ function jl(e) {
       var g = 0;
       if (this._outerRef) {
         var _ = this._outerRef;
-        x === "vertical" ? g = _.scrollWidth > _.clientWidth ? Cn() : 0 : g = _.scrollHeight > _.clientHeight ? Cn() : 0;
+        x === "vertical" ? g = _.scrollWidth > _.clientWidth ? On() : 0 : g = _.scrollHeight > _.clientHeight ? On() : 0;
       }
       this.scrollTo(i(this.props, s, d, E, this._instanceProps, g));
     }, b.componentDidMount = function() {
@@ -5469,7 +5470,7 @@ function jl(e) {
         var g = this._outerRef;
         if (d === "horizontal" || v === "horizontal")
           if (d === "rtl")
-            switch (On()) {
+            switch (Nn()) {
               case "negative":
                 g.scrollLeft = -x;
                 break;
@@ -5488,7 +5489,7 @@ function jl(e) {
       }
       this._callPropsCallbacks();
     }, b.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && En(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && Cn(this._resetIsScrollingTimeoutId);
     }, b.render = function() {
       var s = this.props, d = s.children, v = s.className, w = s.direction, x = s.height, E = s.innerRef, g = s.innerElementType, _ = s.innerTagName, S = s.itemCount, $ = s.itemData, I = s.itemKey, B = I === void 0 ? Fl : I, L = s.layout, W = s.outerElementType, K = s.outerTagName, ce = s.style, _e = s.useIsScrolling, Se = s.width, Me = this.state.isScrolling, me = w === "horizontal" || L === "horizontal", $e = me ? this._onScrollHorizontal : this._onScrollVertical, Ee = this._getRangeToRender(), Ke = Ee[0], Ze = Ee[1], Ie = [];
       if (S > 0)
@@ -5613,7 +5614,7 @@ var Vl = function(t, r) {
   for (var i = t.itemCount, a = 1; n < i && Ve(t, n, r).offset < o; )
     n += a, a *= 2;
   return wo(t, r, Math.min(n, i - 1), Math.floor(n / 2), o);
-}, Nn = function(t, r) {
+}, Tn = function(t, r) {
   var n = t.itemCount, o = r.itemMetadataMap, i = r.estimatedItemSize, a = r.lastMeasuredIndex, l = 0;
   if (a >= n && (a = n - 1), a >= 0) {
     var u = o[a];
@@ -5628,9 +5629,9 @@ var Vl = function(t, r) {
   getItemSize: function(t, r, n) {
     return n.itemMetadataMap[r].size;
   },
-  getEstimatedTotalSize: Nn,
+  getEstimatedTotalSize: Tn,
   getOffsetForIndexAndAlignment: function(t, r, n, o, i, a) {
-    var l = t.direction, u = t.height, h = t.layout, m = t.width, f = l === "horizontal" || h === "horizontal", p = f ? m : u, b = Ve(t, r, i), y = Nn(t, i), s = Math.max(0, Math.min(y - p, b.offset)), d = Math.max(0, b.offset - p + b.size + a);
+    var l = t.direction, u = t.height, h = t.layout, m = t.width, f = l === "horizontal" || h === "horizontal", p = f ? m : u, b = Ve(t, r, i), y = Tn(t, i), s = Math.max(0, Math.min(y - p, b.offset)), d = Math.max(0, b.offset - p + b.size + a);
     switch (n === "smart" && (o >= d - p && o <= s + p ? n = "auto" : n = "center"), n) {
       case "start":
         return s;
@@ -5671,7 +5672,7 @@ var Vl = function(t, r) {
 function Ot(e, t) {
   return t ? e : void 0;
 }
-function Tn(e) {
+function kn(e) {
   return /* @__PURE__ */ c(
     se,
     {
@@ -5710,7 +5711,7 @@ const $t = 37, ql = (e, t) => {
 };
 function v1(e) {
   const [t, r] = G(!1), [n, o] = G(""), [i, a] = G(""), [l, u] = G(!1), { isRequired: h = !1 } = e, m = vt(
-    Pr.debounce((_) => {
+    Rr.debounce((_) => {
       var S;
       (S = e.handleChangeSearch) == null || S.call(e, _);
     }, 300),
@@ -5825,7 +5826,7 @@ function v1(e) {
                         )
                       },
                       children: /* @__PURE__ */ c(se, { children: /* @__PURE__ */ c(
-                        Tn,
+                        kn,
                         {
                           option: void 0,
                           select: !e.value,
@@ -5865,7 +5866,7 @@ function v1(e) {
                             var L;
                             const B = b[$];
                             return v($) ? /* @__PURE__ */ c(
-                              Tn,
+                              kn,
                               {
                                 stackProps: { style: I },
                                 option: B,
@@ -5888,7 +5889,7 @@ function v1(e) {
                                   var K;
                                   p(), (K = e.onChange) == null || K.call(e, W);
                                 },
-                                select: ((L = e.isEqual) == null ? void 0 : L.call(e, B, e.value)) ?? Pr.isEqual(B, e.value)
+                                select: ((L = e.isEqual) == null ? void 0 : L.call(e, B, e.value)) ?? Rr.isEqual(B, e.value)
                               }
                             ) : /* @__PURE__ */ c(
                               se,
@@ -5988,8 +5989,8 @@ function b1(e) {
             ...t == null ? void 0 : t.filter,
             ...f == null ? void 0 : f.filter
           },
-          ...Rr.omit(t, "filter"),
-          ...Rr.omit(f, "filter"),
+          ...Dr.omit(t, "filter"),
+          ...Dr.omit(f, "filter"),
           search: {
             fields: ((b = t == null ? void 0 : t.search) == null ? void 0 : b.fields) ?? [],
             content: ((y = f == null ? void 0 : f.search) == null ? void 0 : y.content) ?? ""
@@ -6291,7 +6292,7 @@ const _o = (e) => {
         console.log("current token for client: ", n);
         try {
           const a = "/notification-management/api/v1/notifications/registrations", l = e.baseUrl + a;
-          await fr.post(
+          await hr.post(
             l,
             {
               deviceToken: n
@@ -6410,7 +6411,7 @@ const _o = (e) => {
   providers: t
 }) => /* @__PURE__ */ c(at, { children: t.reduceRight(r1, e) });
 export {
-  Tn as AutocompleteOption,
+  kn as AutocompleteOption,
   w1 as BaseCheckbox,
   Zl as CheckedIcon,
   C1 as GlobalMenu,