@ukpc-lib/react 0.7.6 → 0.7.7

package/dist/components/index.js

@@ -1,13 +1,13 @@
 import { jsxs as N, Fragment as ke, jsx as c } from "react/jsx-runtime";
 import * as j from "react";
 import we, { useState as L, useContext as Oe, useEffect as Q, useCallback as Ye, useRef as ue, useLayoutEffect as Io, createElement as St, forwardRef as Mo, PureComponent as $o } from "react";
-import { c as Ce, a as Pe, C as $e, p as Ar, u as Ao, _ as ln, S as Pr, b as Po, L as Ro, d as Fn, e as Do, Q as Rr, f as vt, g as zo, m as Fo, h as it, I as Lo, i as jo, j as Vo, k as Ho, s as Bo, l as gn, n as Wo, o as bt, q as F, r as Te, P as I, t as xe, v as Uo, w as Yo, x as qo, y as Go, z as Ln, A as Ko, B as Zo, D as jn, E as Jo, F as Dr, G as zr, H as Xo, J as Qo, K as Me, M as ei, N as xt } from "../index.module-bbb31b2d.js";
-import { O as l1, T as c1, R as d1 } from "../index.module-bbb31b2d.js";
+import { c as Ce, a as Pe, C as $e, p as Ar, u as Ao, S as Pr, b as Po, L as Ro, d as zn, e as Do, Q as Rr, f as vt, g as zo, m as Fo, h as it, I as Lo, i as jo, j as Vo, k as Ho, s as Bo, l as pn, n as Wo, o as bt, _ as F, q as Te, P as I, r as xe, t as Uo, v as Yo, w as qo, x as Go, y as Fn, z as Ln, A as Ko, B as Zo, D as jn, E as Jo, F as Dr, G as zr, H as Xo, J as Qo, K as Me, M as ei, N as xt } from "../index.module-6b3abe9f.js";
+import { O as l1, T as c1, R as d1 } from "../index.module-6b3abe9f.js";
 import J from "moment";
 import { Stack as oe, Dialog as ti, DialogTitle as ni, Typography as Se, DialogContent as ri, DialogActions as oi, Button as Mt, Box as ii, Tooltip as Vn, ClickAwayListener as ai, TextField as Fr, IconButton as si, CircularProgress as li, Fade as ci, Paper as di, Checkbox as ui } from "@mui/material";
 import "@r2wc/react-to-web-component";
 import "axios";
-import { useParams as fi, Link as yn, useLocation as hi } from "react-router-dom";
+import { useParams as fi, Link as gn, useLocation as hi } from "react-router-dom";
 import "react-query";
 import { createPortal as mi } from "react-dom";
 const pi = (e) => {
@@ -75,7 +75,7 @@ const pi = (e) => {
       /* @__PURE__ */ c("div", { className: "tab-content", children: t.map((i, a) => /* @__PURE__ */ c("div", { children: e.currentTab === `${i.id}` && /* @__PURE__ */ c("div", { children: i.children }) }, a)) })
     ] })
   ] });
-}, vn = ({
+}, yn = ({
   baseUrl: e,
   notiPath: t,
   setNotiData: n
@@ -111,7 +111,7 @@ const pi = (e) => {
   }), u = s.isRead === !1 ? "unread" : "read", h = {
     borderColor: s.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Ce.primary500,
     backgroundColor: s.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Ce.primary500
-  }, { setNotiData: m } = Oe($e), p = vn({ baseUrl: t, notiPath: n, setNotiData: m }), v = async (_, x) => {
+  }, { setNotiData: m } = Oe($e), p = yn({ baseUrl: t, notiPath: n, setNotiData: m }), v = async (_, x) => {
     try {
       const S = n || `/notification-management/api/v1/notifications/${_}`, g = t + S;
       await Pe.put(g, { isRead: x });
@@ -250,7 +250,7 @@ const pi = (e) => {
 }) => {
   const [i, a] = L(!1);
   console.log(i);
-  const { setNotiData: s } = Oe($e), d = vn({ baseUrl: t, notiPath: n, setNotiData: s }), u = async () => {
+  const { setNotiData: s } = Oe($e), d = yn({ baseUrl: t, notiPath: n, setNotiData: s }), u = async () => {
     try {
       const p = t + (n || "/notification-management/api/v1/notifications");
       await Pe.put(p);
@@ -391,7 +391,7 @@ const pi = (e) => {
     }
   ) });
 };
-function bn({
+function vn({
   childrenClass: e,
   action: t,
   childrenOpenClass: n
@@ -416,7 +416,7 @@ function bi({
   brandColors: r
 }) {
   var m, p;
-  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = Oe($e), { notidata: s, setNotiData: d } = Oe($e), u = vn({ baseUrl: t, notiPath: n, setNotiData: d }), h = async () => {
+  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = Oe($e), { notidata: s, setNotiData: d } = Oe($e), u = yn({ baseUrl: t, notiPath: n, setNotiData: d }), h = async () => {
     var v, y;
     try {
       await u();
@@ -429,7 +429,7 @@ function bi({
   return Q(() => {
     h();
   }, [o]), Q(() => {
-    bn({
+    vn({
       childrenClass: "noti-container",
       childrenOpenClass: "noti-list-container",
       action() {
@@ -705,12 +705,9 @@ function Ai({ classNames: e = "", ...t }) {
   console.log("term", f);
   const [b, _] = L(f || ""), x = Mi({ baseUrl: o });
   console.log("searchPermission", x.hasPermission);
-  const S = $i(o, b), g = Ye(
-    ln.debounce((w) => {
-      _(w);
-    }, 500),
-    []
-  );
+  const S = $i(o, b), g = Ye((w) => {
+    _(w);
+  }, []);
   return /* @__PURE__ */ N(
     Pr,
     {
@@ -837,11 +834,11 @@ function Pi() {
   var a;
   const e = [
     {
-      value: Fn.en,
+      value: zn.en,
       element: /* @__PURE__ */ c(Ei, {})
     },
     {
-      value: Fn.de,
+      value: zn.de,
       element: /* @__PURE__ */ c(ki, {})
     }
   ], [t, n] = L(!1);
@@ -850,7 +847,7 @@ function Pi() {
   );
   const { language: r, setLanguage: o } = Do();
   Q(() => {
-    bn({
+    vn({
       childrenClass: "languageDropdown",
       action() {
         n(!1);
@@ -882,7 +879,7 @@ function Ri({
 }) {
   const [n, r] = L(!1), o = ue(null);
   return ue(null), L(!1), L(!1), Q(() => {
-    bn({
+    vn({
       childrenClass: "userAvatar",
       action() {
         r(!1);
@@ -1370,7 +1367,7 @@ function Zc({ rootPath: e }) {
         /* @__PURE__ */ c("h1", { children: "404 - Not Found" }),
         /* @__PURE__ */ c("p", { children: "Sorry, the page you are looking for does not exist." }),
         /* @__PURE__ */ c(ii, { height: "16px" }),
-        /* @__PURE__ */ c(yn, { to: e, children: /* @__PURE__ */ c(Mt, { variant: "contained", color: "primary", children: "Go to Home" }) })
+        /* @__PURE__ */ c(gn, { to: e, children: /* @__PURE__ */ c(Mt, { variant: "contained", color: "primary", children: "Go to Home" }) })
       ]
     }
   );
@@ -1434,7 +1431,7 @@ function jr({ ...e }) {
   var V, z, H, G, re;
   const t = e.item, n = e.level || 0, r = !!((V = e.item.children) != null && V.length), { isActive: o } = e, i = `level-${n}`, a = o(t.id) ? "active" : "", s = (K, te = i) => `${K} ${te} ${a}`, [d, u] = L(!1), [h, m] = L(t.isFavorite || !1), p = ue(), v = ue();
   v != null && v.current && ((z = v == null ? void 0 : v.current) == null ? void 0 : z.scrollWidth) > ((H = v == null ? void 0 : v.current) == null ? void 0 : H.clientWidth);
-  const y = window.location.origin, l = t.path && t.path.includes("http") ? new URL(t.path) : { origin: "", pathname: "" }, f = window.location.pathname.split("/")[1], b = l.pathname.split("/")[1], _ = e.ssr || !y.includes("local") && y !== l.origin || b !== f, x = r || n === 0 ? "div" : _ ? "a" : yn, S = t.path || "#", g = n + 1, w = r && d && n > 0, C = () => {
+  const y = window.location.origin, l = t.path && t.path.includes("http") ? new URL(t.path) : { origin: "", pathname: "" }, f = window.location.pathname.split("/")[1], b = l.pathname.split("/")[1], _ = e.ssr || !y.includes("local") && y !== l.origin || b !== f, x = r || n === 0 ? "div" : _ ? "a" : gn, S = t.path || "#", g = n + 1, w = r && d && n > 0, C = () => {
     u(!0);
   }, T = () => {
     u(!1);
@@ -1685,7 +1682,7 @@ function Jc(e) {
   ) });
 }
 function Xc() {
-  const { colors: e } = gn();
+  const { colors: e } = pn();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -1843,7 +1840,7 @@ const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: st
 }, Symbol.toStringTag, { value: "Module" }));
-var cn = { exports: {} }, A = {};
+var ln = { exports: {} }, A = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -1958,15 +1955,15 @@ function Xi() {
               case h:
                 return yt;
               default:
-                var zn = yt && yt.$$typeof;
-                switch (zn) {
+                var Dn = yt && yt.$$typeof;
+                switch (Dn) {
                   case s:
                   case a:
                   case d:
                   case p:
                   case m:
                   case i:
-                    return zn;
+                    return Dn;
                   default:
                     return Fe;
                 }
@@ -2022,8 +2019,8 @@ function Xi() {
     P.ContextConsumer = w, P.ContextProvider = C, P.Element = T, P.ForwardRef = O, P.Fragment = V, P.Lazy = z, P.Memo = H, P.Portal = G, P.Profiler = re, P.StrictMode = K, P.Suspense = te, P.SuspenseList = me, P.isAsyncMode = ge, P.isConcurrentMode = et, P.isContextConsumer = tt, P.isContextProvider = De, P.isElement = _e, P.isForwardRef = ze, P.isFragment = Jt, P.isLazy = Xt, P.isMemo = Qt, P.isPortal = en, P.isProfiler = tn, P.isStrictMode = nn, P.isSuspense = E, P.isSuspenseList = nt, P.isValidElementType = S, P.typeOf = g;
   }()), P;
 }
-process.env.NODE_ENV === "production" ? cn.exports = Ji() : cn.exports = Xi();
-var Un = cn.exports;
+process.env.NODE_ENV === "production" ? ln.exports = Ji() : ln.exports = Xi();
+var Un = ln.exports;
 const Qi = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
 function Hr(e) {
   const t = `${e}`.match(Qi);
@@ -2124,14 +2121,14 @@ const qn = (e) => e, oa = () => {
   required: "required",
   selected: "selected"
 };
-function xn(e, t, n = "Mui") {
+function bn(e, t, n = "Mui") {
   const r = sa[t];
   return r ? `${n}-${r}` : `${aa.generate(e)}-${t}`;
 }
 function la(e, t, n = "Mui") {
   const r = {};
   return t.forEach((o) => {
-    r[o] = xn(e, o, n);
+    r[o] = bn(e, o, n);
   }), r;
 }
 function ca(e, t = Number.MIN_SAFE_INTEGER, n = Number.MAX_SAFE_INTEGER) {
@@ -2214,7 +2211,7 @@ function at(e, t) {
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const _n = {
+const xn = {
   xs: 0,
   // phone
   sm: 600,
@@ -2229,7 +2226,7 @@ const _n = {
   // 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:${_n[e]}px)`
+  up: (e) => `@media (min-width:${xn[e]}px)`
 };
 function Ee(e, t, n) {
   const r = e.theme || {};
@@ -2240,7 +2237,7 @@ function Ee(e, t, n) {
   if (typeof t == "object") {
     const i = r.breakpoints || Gn;
     return Object.keys(t).reduce((a, s) => {
-      if (Object.keys(i.values || _n).indexOf(s) !== -1) {
+      if (Object.keys(i.values || xn).indexOf(s) !== -1) {
         const d = i.up(s);
         a[d] = n(t[s], s);
       } else {
@@ -2494,11 +2491,11 @@ function ie(e) {
 const Ja = Y({
   prop: "width",
   transform: ie
-}), wn = (e) => {
+}), _n = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (n) => {
       var r, o;
-      const i = ((r = e.theme) == null || (r = r.breakpoints) == null || (r = r.values) == null ? void 0 : r[n]) || _n[n];
+      const i = ((r = e.theme) == null || (r = r.breakpoints) == null || (r = r.values) == null ? void 0 : r[n]) || xn[n];
       return i ? ((o = e.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
         maxWidth: `${i}${e.theme.breakpoints.unit}`
       } : {
@@ -2511,7 +2508,7 @@ const Ja = Y({
   }
   return null;
 };
-wn.filterProps = ["maxWidth"];
+_n.filterProps = ["maxWidth"];
 const Xa = Y({
   prop: "minWidth",
   transform: ie
@@ -2538,7 +2535,7 @@ Y({
 const ns = Y({
   prop: "boxSizing"
 });
-jt(Ja, wn, Xa, Qa, es, ts, ns);
+jt(Ja, _n, Xa, Qa, es, ts, ns);
 const rs = {
   // borders
   border: {
@@ -2787,7 +2784,7 @@ const rs = {
     transform: ie
   },
   maxWidth: {
-    style: wn
+    style: _n
   },
   minWidth: {
     transform: ie
@@ -2907,7 +2904,7 @@ function Gr() {
 }
 const Kr = Gr();
 Kr.filterProps = ["sx"];
-const Sn = Kr;
+const wn = Kr;
 function Zr(e, t) {
   const n = this;
   return n.vars && typeof n.getColorSchemeSelector == "function" ? {
@@ -2915,7 +2912,7 @@ function Zr(e, t) {
   } : n.palette.mode === e ? t : {};
 }
 const as = ["breakpoints", "palette", "spacing", "shape"];
-function Cn(e = {}, ...t) {
+function Sn(e = {}, ...t) {
   const {
     breakpoints: n = {},
     palette: r = {},
@@ -2934,7 +2931,7 @@ function Cn(e = {}, ...t) {
     shape: F({}, pa, i)
   }, a);
   return u.applyStyles = Zr, u = t.reduce((h, m) => ve(h, m), u), u.unstable_sxConfig = F({}, mt, a == null ? void 0 : a.unstable_sxConfig), u.unstable_sx = function(m) {
-    return Sn({
+    return wn({
       sx: m,
       theme: this
     });
@@ -2942,7 +2939,7 @@ function Cn(e = {}, ...t) {
 }
 const ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Cn,
+  default: Sn,
   private_createBreakpoints: Ur,
   unstable_applyStyles: Zr
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3003,7 +3000,7 @@ var fs = /* @__PURE__ */ function() {
       return r.parentNode && r.parentNode.removeChild(r);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), ee = "-ms-", At = "-moz-", M = "-webkit-", En = "comm", kn = "rule", Nn = "decl", hs = "@import", Xr = "@keyframes", ms = "@layer", ps = Math.abs, Ut = String.fromCharCode, gs = Object.assign;
+}(), ee = "-ms-", At = "-moz-", M = "-webkit-", Cn = "comm", En = "rule", kn = "decl", hs = "@import", Xr = "@keyframes", ms = "@layer", ps = Math.abs, Ut = String.fromCharCode, gs = Object.assign;
 function ys(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;
 }
@@ -3016,7 +3013,7 @@ function vs(e, t) {
 function $(e, t, n) {
   return e.replace(t, n);
 }
-function dn(e, t) {
+function cn(e, t) {
   return e.indexOf(t);
 }
 function X(e, t) {
@@ -3028,7 +3025,7 @@ function lt(e, t, n) {
 function ye(e) {
   return e.length;
 }
-function On(e) {
+function Nn(e) {
   return e.length;
 }
 function _t(e, t) {
@@ -3101,7 +3098,7 @@ function no(e) {
   return Je = "", e;
 }
 function Et(e) {
-  return Qr(pt(ne - 1, un(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Qr(pt(ne - 1, dn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ws(e) {
   for (; (Z = be()) && Z < 33; )
@@ -3113,17 +3110,17 @@ function Ss(e, t) {
     ;
   return pt(e, Ct() + (t < 6 && be() == 32 && ae() == 32));
 }
-function un(e) {
+function dn(e) {
   for (; ae(); )
     switch (Z) {
       case e:
         return ne;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && un(Z);
+        e !== 34 && e !== 39 && dn(Z);
         break;
       case 40:
-        e === 41 && un(e);
+        e === 41 && dn(e);
         break;
       case 92:
         ae();
@@ -3150,7 +3147,7 @@ function kt(e, t, n, r, o, i, a, s, d) {
     switch (y = _, _ = ae()) {
       case 40:
         if (y != 108 && X(C, m - 1) == 58) {
-          dn(C += $(Et(_), "&", "&\f"), "&\f") != -1 && (b = -1);
+          cn(C += $(Et(_), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
       case 34:
@@ -3235,19 +3232,19 @@ function kt(e, t, n, r, o, i, a, s, d) {
   return i;
 }
 function Zn(e, t, n, r, o, i, a, s, d, u, h) {
-  for (var m = o - 1, p = o === 0 ? i : [""], v = On(p), y = 0, l = 0, f = 0; y < r; ++y)
+  for (var m = o - 1, p = o === 0 ? i : [""], v = Nn(p), y = 0, l = 0, f = 0; y < r; ++y)
     for (var b = 0, _ = lt(e, m + 1, m = ps(l = a[y])), x = e; b < v; ++b)
       (x = Qr(l > 0 ? p[b] + " " + _ : $(_, /&\f/g, p[b]))) && (d[f++] = x);
-  return qt(e, t, n, o === 0 ? kn : s, d, u, h);
+  return qt(e, t, n, o === 0 ? En : s, d, u, h);
 }
 function Ns(e, t, n) {
-  return qt(e, t, n, En, Ut(xs()), lt(e, 2, -2), 0);
+  return qt(e, t, n, Cn, Ut(xs()), lt(e, 2, -2), 0);
 }
 function Jn(e, t, n, r) {
-  return qt(e, t, n, Nn, lt(e, 0, r), lt(e, r + 1, -1), r);
+  return qt(e, t, n, kn, lt(e, 0, r), lt(e, r + 1, -1), r);
 }
 function Ge(e, t) {
-  for (var n = "", r = On(e), o = 0; o < r; o++)
+  for (var n = "", r = Nn(e), o = 0; o < r; o++)
     n += t(e[o], o, e, t) || "";
   return n;
 }
@@ -3257,19 +3254,19 @@ function Os(e, t, n, r) {
       if (e.children.length)
         break;
     case hs:
-    case Nn:
+    case kn:
       return e.return = e.return || e.value;
-    case En:
+    case Cn:
       return "";
     case Xr:
       return e.return = e.value + "{" + Ge(e.children, r) + "}";
-    case kn:
+    case En:
       e.value = e.props.join(",");
   }
   return ye(n = Ge(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 function Ts(e) {
-  var t = On(e);
+  var t = Nn(e);
   return function(n, r, o, i) {
     for (var a = "", s = 0; s < t; s++)
       a += e[s](n, r, o, i) || "";
@@ -3453,14 +3450,14 @@ function oo(e, t) {
           case 102:
             return $(e, /(.+:)(.+)-([^]+)/, "$1" + M + "$2-$3$1" + At + (X(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~dn(e, "stretch") ? oo($(e, "stretch", "fill-available"), t) + e : e;
+            return ~cn(e, "stretch") ? oo($(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
       if (X(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (X(e, ye(e) - 3 - (~dn(e, "!important") && 10))) {
+      switch (X(e, ye(e) - 3 - (~cn(e, "!important") && 10))) {
         case 107:
           return $(e, ":", ":" + M) + e;
         case 101:
@@ -3483,14 +3480,14 @@ function oo(e, t) {
 var Vs = function(t, n, r, o) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
-      case Nn:
+      case kn:
         t.return = oo(t.value, t.length);
         break;
       case Xr:
         return Ge([rt(t, {
           value: $(t.value, "@", "@" + M)
         })], o);
-      case kn:
+      case En:
         if (t.length)
           return bs(t.props, function(i) {
             switch (vs(i, /(::plac\w+|:read-\w+)/)) {
@@ -3545,7 +3542,7 @@ If multiple caches share the same key they might "fight" for each other's style
   }), js);
   {
     var h, m = [Os, process.env.NODE_ENV !== "production" ? function(l) {
-      l.root || (l.return ? h.insert(l.return) : l.value && l.type !== En && h.insert(l.value + "{}"));
+      l.root || (l.return ? h.insert(l.return) : l.value && l.type !== Cn && h.insert(l.value + "{}"));
     } : Is(function(l) {
       h.insert(l);
     })], p = Ts(u.concat(o, m)), v = function(f) {
@@ -3575,7 +3572,7 @@ If multiple caches share the same key they might "fight" for each other's style
     insert: d
   };
   return y.sheet.hydrate(s), y;
-}, fn = { exports: {} }, R = {};
+}, un = { exports: {} }, R = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -3743,8 +3740,8 @@ function Ws() {
     D.AsyncMode = g, D.ConcurrentMode = w, D.ContextConsumer = C, D.ContextProvider = T, D.Element = O, D.ForwardRef = V, D.Fragment = z, D.Lazy = H, D.Memo = G, D.Portal = re, D.Profiler = K, D.StrictMode = te, D.Suspense = me, D.isAsyncMode = le, D.isConcurrentMode = ge, D.isContextConsumer = et, D.isContextProvider = tt, D.isElement = De, D.isForwardRef = _e, D.isFragment = ze, D.isLazy = Jt, D.isMemo = Xt, D.isPortal = Qt, D.isProfiler = en, D.isStrictMode = tn, D.isSuspense = nn, D.isValidElementType = x, D.typeOf = S;
   }()), D;
 }
-process.env.NODE_ENV === "production" ? fn.exports = Bs() : fn.exports = Ws();
-var Us = fn.exports, ao = Us, Ys = {
+process.env.NODE_ENV === "production" ? un.exports = Bs() : un.exports = Ws();
+var Us = un.exports, ao = Us, Ys = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -3761,7 +3758,7 @@ var Us = fn.exports, ao = Us, Ys = {
 so[ao.ForwardRef] = Ys;
 so[ao.Memo] = qs;
 var Gs = !0;
-function Tn(e, t, n) {
+function On(e, t, n) {
   var r = "";
   return n.split(" ").forEach(function(o) {
     e[o] !== void 0 ? t.push(e[o] + ";") : r += o + " ";
@@ -3859,12 +3856,12 @@ var Zs = {
 }, nr = `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`, Js = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Xs = /[A-Z]|^ms/g, lo = /_EMO_([^_]+?)_([^]*?)_EMO_/g, In = function(t) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Js = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Xs = /[A-Z]|^ms/g, lo = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Tn = function(t) {
   return t.charCodeAt(1) === 45;
 }, rr = function(t) {
   return t != null && typeof t != "boolean";
 }, rn = /* @__PURE__ */ Jr(function(e) {
-  return In(e) ? e : e.replace(Xs, "-$&").toLowerCase();
+  return Tn(e) ? e : e.replace(Xs, "-$&").toLowerCase();
 }), Pt = function(t, n) {
   switch (t) {
     case "animation":
@@ -3878,7 +3875,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }, o;
         });
   }
-  return Zs[t] !== 1 && !In(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return Zs[t] !== 1 && !Tn(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
 if (process.env.NODE_ENV !== "production") {
   var Qs = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, el = ["normal", "none", "initial", "inherit", "unset"], tl = Pt, nl = /^-ms-/, rl = /-(.)/g, or = {};
@@ -3886,7 +3883,7 @@ if (process.env.NODE_ENV !== "production") {
     if (t === "content" && (typeof n != "string" || el.indexOf(n) === -1 && !Qs.test(n) && (n.charAt(0) !== n.charAt(n.length - 1) || n.charAt(0) !== '"' && n.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + n + "\"'`");
     var r = tl(t, n);
-    return r !== "" && !In(t) && t.indexOf("-") !== -1 && or[t] === void 0 && (or[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(nl, "ms-").replace(rl, function(o, i) {
+    return r !== "" && !Tn(t) && t.indexOf("-") !== -1 && or[t] === void 0 && (or[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(nl, "ms-").replace(rl, function(o, i) {
       return i.toUpperCase();
     }) + "?")), r;
   };
@@ -4018,7 +4015,7 @@ var pe, Ze = function(t, n, r) {
   };
 }, il = function(t) {
   return t();
-}, fo = j["useInsertionEffect"] ? j["useInsertionEffect"] : !1, Mn = fo || il, ar = fo || j.useLayoutEffect, al = {}.hasOwnProperty, $n = /* @__PURE__ */ j.createContext(
+}, fo = j["useInsertionEffect"] ? j["useInsertionEffect"] : !1, In = fo || il, ar = fo || j.useLayoutEffect, al = {}.hasOwnProperty, Mn = /* @__PURE__ */ j.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
@@ -4029,24 +4026,24 @@ var pe, Ze = function(t, n, r) {
     key: "css"
   }) : null
 );
-process.env.NODE_ENV !== "production" && ($n.displayName = "EmotionCacheContext");
-var sl = $n.Provider, Zt = function(t) {
+process.env.NODE_ENV !== "production" && (Mn.displayName = "EmotionCacheContext");
+var sl = Mn.Provider, Zt = function(t) {
   return /* @__PURE__ */ Mo(function(n, r) {
-    var o = Oe($n);
+    var o = Oe(Mn);
     return t(n, o, r);
   });
 }, Re = /* @__PURE__ */ j.createContext({});
 process.env.NODE_ENV !== "production" && (Re.displayName = "EmotionThemeContext");
 var sr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", lr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", ll = function(t) {
   var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return Gt(n, r, o), Mn(function() {
+  return Gt(n, r, o), In(function() {
     return Kt(n, r, o);
   }), null;
 }, cl = /* @__PURE__ */ Zt(function(e, t, n) {
   var r = e.css;
   typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
   var o = e[sr], i = [r], a = "";
-  typeof e.className == "string" ? a = Tn(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
+  typeof e.className == "string" ? a = On(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
   var s = Ze(i, void 0, j.useContext(Re));
   if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
     var d = e[lr];
@@ -4266,12 +4263,12 @@ var ul = function() {
   return o;
 };
 function hl(e, t, n) {
-  var r = [], o = Tn(e, r, n);
+  var r = [], o = On(e, r, n);
   return r.length < 2 ? n : o + t(r);
 }
 var ml = function(t) {
   var n = t.cache, r = t.serializedArr;
-  return Mn(function() {
+  return In(function() {
     for (var o = 0; o < r.length; o++)
       Kt(n, r[o], !1);
   }), null;
@@ -4331,7 +4328,7 @@ Because you write your CSS inside a JavaScript string you actually have to do do
 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`, bl = function(t) {
   var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return Gt(n, r, o), Mn(function() {
+  return Gt(n, r, o), In(function() {
     return Kt(n, r, o);
   }), null;
 }, xl = function e(t, n) {
@@ -4358,7 +4355,7 @@ You may have forgotten to import it.`);
           g[w] = l[w];
         g.theme = j.useContext(Re);
       }
-      typeof l.className == "string" ? x = Tn(f.registered, S, l.className) : l.className != null && (x = l.className + " ");
+      typeof l.className == "string" ? x = On(f.registered, S, l.className) : l.className != null && (x = l.className + " ");
       var C = Ze(m.concat(S), f.registered, g);
       x += f.key + "-" + C.name, a !== void 0 && (x += " " + a);
       var T = u && s === void 0 ? hr(_) : d, O = {};
@@ -4517,12 +4514,12 @@ You may have forgotten to import it.`);
   "svg",
   "text",
   "tspan"
-], hn = xl.bind();
+], fn = xl.bind();
 _l.forEach(function(e) {
-  hn[e] = hn(e);
+  fn[e] = fn(e);
 });
-let mn;
-typeof document == "object" && (mn = io({
+let hn;
+typeof document == "object" && (hn = io({
   key: "css",
   prepend: !0
 }));
@@ -4531,8 +4528,8 @@ function po(e) {
     injectFirst: t,
     children: n
   } = e;
-  return t && mn ? /* @__PURE__ */ c(sl, {
-    value: mn,
+  return t && hn ? /* @__PURE__ */ c(sl, {
+    value: hn,
     children: n
   }) : n;
 }
@@ -4572,7 +4569,7 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
  * LICENSE file in the root directory of this source tree.
  */
 function Sl(e, t) {
-  const n = hn(e, t);
+  const n = fn(e, t);
   return process.env.NODE_ENV !== "production" ? (...r) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return r.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(`
@@ -4598,7 +4595,7 @@ function Nl(e = null) {
   const t = j.useContext(Re);
   return !t || kl(t) ? e : t;
 }
-const Ol = Cn();
+const Ol = Sn();
 function Tl(e = Ol) {
   return Nl(e);
 }
@@ -4642,7 +4639,7 @@ function Al(e) {
 }
 const Pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Sn,
+  default: wn,
   extendSxProp: Al,
   unstable_createStyleFunctionSx: Gr,
   unstable_defaultSxConfig: mt
@@ -4680,14 +4677,14 @@ Object.defineProperty(q, "__esModule", {
 q.alpha = So;
 q.blend = Kl;
 q.colorChannel = void 0;
-var Fl = q.darken = Pn;
+var Fl = q.darken = An;
 q.decomposeColor = fe;
 q.emphasize = Gl;
 var gr = q.getContrastRatio = Wl;
 q.getLuminance = Rt;
 q.hexToRgb = xo;
 q.hslToRgb = wo;
-var Ll = q.lighten = Rn;
+var Ll = q.lighten = Pn;
 q.private_safeAlpha = Ul;
 q.private_safeColorChannel = void 0;
 q.private_safeDarken = Yl;
@@ -4696,7 +4693,7 @@ q.private_safeLighten = ql;
 q.recomposeColor = Xe;
 q.rgbToHex = Bl;
 var yr = bo(Dl), jl = bo(zl);
-function An(e, t = 0, n = 1) {
+function $n(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), (0, jl.default)(e, t, n);
 }
 function xo(e) {
@@ -4784,7 +4781,7 @@ function Wl(e, t) {
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
 function So(e, t) {
-  return e = fe(e), t = An(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Xe(e);
+  return e = fe(e), t = $n(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Xe(e);
 }
 function Ul(e, t, n) {
   try {
@@ -4793,8 +4790,8 @@ function Ul(e, t, n) {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
-function Pn(e, t) {
-  if (e = fe(e), t = An(t), e.type.indexOf("hsl") !== -1)
+function An(e, t) {
+  if (e = fe(e), t = $n(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 n = 0; n < 3; n += 1)
@@ -4803,13 +4800,13 @@ function Pn(e, t) {
 }
 function Yl(e, t, n) {
   try {
-    return Pn(e, t);
+    return An(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
-function Rn(e, t) {
-  if (e = fe(e), t = An(t), e.type.indexOf("hsl") !== -1)
+function Pn(e, t) {
+  if (e = fe(e), t = $n(t), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.indexOf("rgb") !== -1)
     for (let n = 0; n < 3; n += 1)
@@ -4821,13 +4818,13 @@ function Rn(e, t) {
 }
 function ql(e, t, n) {
   try {
-    return Rn(e, t);
+    return Pn(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
 function Gl(e, t = 0.15) {
-  return Rt(e) > 0.5 ? Pn(e, t) : Rn(e, t);
+  return Rt(e) > 0.5 ? An(e, t) : Pn(e, t);
 }
 function Co(e, t, n) {
   try {
@@ -5331,7 +5328,7 @@ function T0(e = {}, ...t) {
   } = e, a = Te(e, O0);
   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." : st(18));
-  const s = f0(r), d = Cn(e);
+  const s = f0(r), d = Sn(e);
   let u = ve(d, {
     mixins: Rl(d.breakpoints, n),
     palette: s,
@@ -5348,7 +5345,7 @@ function T0(e = {}, ...t) {
         const l = p[y];
         if (h.indexOf(y) !== -1 && Object.keys(l).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const f = xn("", y);
+            const f = bn("", y);
             console.error([`MUI: The \`${v}\` 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 '&.${f}' syntax:`, JSON.stringify({
               root: {
                 [`&.${f}`]: l
@@ -5366,7 +5363,7 @@ function T0(e = {}, ...t) {
     });
   }
   return u.unstable_sxConfig = F({}, mt, a == null ? void 0 : a.unstable_sxConfig), u.unstable_sx = function(m) {
-    return Sn({
+    return wn({
       sx: m,
       theme: this
     });
@@ -5392,7 +5389,7 @@ Object.defineProperty(gt, "__esModule", {
 });
 var j0 = gt.default = tc, V0 = gt.shouldForwardProp = Nt;
 gt.systemDefaultTheme = void 0;
-var ce = Qe($0), pn = Qe(A0), Sr = Z0(P0), H0 = R0, B0 = Qe(D0), W0 = Qe(z0), U0 = Qe(F0), Y0 = Qe(L0);
+var ce = Qe($0), mn = Qe(A0), Sr = Z0(P0), H0 = R0, B0 = Qe(D0), W0 = Qe(z0), U0 = Qe(F0), Y0 = Qe(L0);
 const q0 = ["ownerState"], G0 = ["variants"], K0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function No(e) {
   if (typeof WeakMap != "function")
@@ -5444,7 +5441,7 @@ function ec(e) {
 function Ot(e, t) {
   let {
     ownerState: n
-  } = t, r = (0, pn.default)(t, q0);
+  } = t, r = (0, mn.default)(t, q0);
   const o = typeof e == "function" ? e((0, ce.default)({
     ownerState: n
   }, r)) : e;
@@ -5456,7 +5453,7 @@ function Ot(e, t) {
     const {
       variants: i = []
     } = o;
-    let s = (0, pn.default)(o, G0);
+    let s = (0, mn.default)(o, G0);
     return i.forEach((d) => {
       let u = !0;
       typeof d.props == "function" ? u = d.props((0, ce.default)({
@@ -5492,7 +5489,7 @@ function tc(e = {}) {
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: p = ec(Cr(u))
-    } = s, v = (0, pn.default)(s, K0), y = h !== void 0 ? h : (
+    } = s, v = (0, mn.default)(s, K0), y = h !== void 0 ? h : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       u && u !== "Root" && u !== "root" || !1
@@ -5559,7 +5556,7 @@ const nc = (e) => V0(e) && e !== "classes", rc = j0({
   rootShouldForwardProp: nc
 }), oc = rc;
 function ic(e) {
-  return xn("MuiSvgIcon", e);
+  return bn("MuiSvgIcon", e);
 }
 la("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const ac = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], sc = (e) => {
@@ -5610,7 +5607,7 @@ const ac = ["children", "className", "color", "component", "fontSize", "htmlColo
       inherit: void 0
     }[t.color]
   };
-}), Dn = /* @__PURE__ */ j.forwardRef(function(t, n) {
+}), Rn = /* @__PURE__ */ j.forwardRef(function(t, n) {
   const r = M0({
     props: t,
     name: "MuiSvgIcon"
@@ -5650,7 +5647,7 @@ const ac = ["children", "className", "color", "component", "fontSize", "htmlColo
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (Dn.propTypes = {
+process.env.NODE_ENV !== "production" && (Rn.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -5722,8 +5719,8 @@ process.env.NODE_ENV !== "production" && (Dn.propTypes = {
    */
   viewBox: I.string
 });
-Dn.muiName = "SvgIcon";
-const Er = Dn;
+Rn.muiName = "SvgIcon";
+const Er = Rn;
 function cc(e, t) {
   function n(r, o) {
     return /* @__PURE__ */ c(Er, F({
@@ -5809,8 +5806,8 @@ function yc(e) {
     Go(p, m);
     function p(y) {
       var l;
-      return l = m.call(this, y) || this, l._instanceProps = d(l.props, Ln(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
-        instance: Ln(l),
+      return l = m.call(this, y) || this, l._instanceProps = d(l.props, Fn(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
+        instance: Fn(l),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof l.props.initialScrollOffset == "number" ? l.props.initialScrollOffset : 0,
@@ -6129,7 +6126,7 @@ var vc = function(t, n) {
   }
 });
 function $r(e) {
-  const { colors: t } = gn();
+  const { colors: t } = pn();
   return /* @__PURE__ */ c(
     oe,
     {
@@ -6168,7 +6165,7 @@ const Dt = 37, Sc = (e, t) => {
 };
 function e1(e) {
   const [t, n] = L(!1), [r, o] = L(""), [i, a] = L(""), [s, d] = L(!1), { isRequired: u = !1 } = e, h = Ye(
-    ln.debounce((w) => {
+    Ln.debounce((w) => {
       var C;
       (C = e.handleChangeSearch) == null || C.call(e, w);
     }, 300),
@@ -6346,7 +6343,7 @@ function e1(e) {
                                   var G;
                                   p(), (G = e.onChange) == null || G.call(e, H);
                                 },
-                                select: ((z = e.isEqual) == null ? void 0 : z.call(e, V, e.value)) ?? ln.isEqual(V, e.value)
+                                select: ((z = e.isEqual) == null ? void 0 : z.call(e, V, e.value)) ?? Ln.isEqual(V, e.value)
                               }
                             ) : /* @__PURE__ */ c(
                               oe,
@@ -6879,7 +6876,7 @@ const To = (e) => {
   children: e,
   providers: t
 }) => /* @__PURE__ */ c(ke, { children: t.reduceRight(Ac, e) }), i1 = ({ rootPath: e }) => {
-  const { colors: t } = gn();
+  const { colors: t } = pn();
   return /* @__PURE__ */ N(oe, { py: 2, gap: 2, style: { alignItems: "center" }, children: [
     /* @__PURE__ */ c(
       "img",
@@ -6898,7 +6895,7 @@ const To = (e) => {
         "Please go back to the home page"
       ] }),
       /* @__PURE__ */ c(
-        yn,
+        gn,
         {
           to: e,
           style: {