@ukpc-lib/react 0.9.13 → 0.10.1

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { jsxs as N, Fragment as be, jsx as c } from "react/jsx-runtime";
-import * as L from "react";
+import * as j from "react";
 import ge, { useState as G, useContext as _e, useEffect as Q, useCallback as We, useRef as ve, forwardRef as Eo, createElement as tr, PureComponent as Co } from "react";
-import { c as Te, a as Ke, C as ke, p as Oo, L as Pr, u as No, b as To, S as ko, d as Io, e as $o, Q as $n, f as yt, g as hr, h as Mo, s as vt, _ as z, i as Se, P as k, j as he, k as Ao, o as Po, l as Ro, m as Do, n as Rr, q as wt, r as Dr, I as zo, t as Fo, v as zr, D as Lo, w as Mn, x as An, y as jo, z as Vo, A as Ho, B as rt } from "../index.module-5c6646b7.js";
-import { H as Lc, G as jc, K as Vc, E as Hc, F as Bc, J as Wc } from "../index.module-5c6646b7.js";
+import { c as Te, a as Ke, C as ke, p as Oo, L as Pr, u as No, b as To, S as ko, d as Io, e as $o, Q as $n, f as yt, g as hr, h as Mo, s as vt, _ as z, i as Se, P as k, j as he, k as Ao, o as Po, l as Ro, m as Do, n as Rr, q as wt, r as Dr, I as zo, t as Fo, v as zr, D as jo, w as Mn, x as An, y as Lo, z as Vo, A as Ho, B as rt } from "../index.module-eda9cb3b.js";
+import { H as jc, G as Lc, K as Vc, E as Hc, F as Bc, J as Wc } from "../index.module-eda9cb3b.js";
 import Z from "moment";
 import { Stack as te, Dialog as Bo, DialogTitle as Wo, Typography as ye, DialogContent as Uo, DialogActions as Yo, Button as kt, Box as qo, ClickAwayListener as Go, TextField as Pn, IconButton as Ko, CircularProgress as Zo, Fade as Jo, Paper as Xo, Checkbox as Qo } from "@mui/material";
 import "@r2wc/react-to-web-component";
@@ -507,7 +507,7 @@ function ii({
     ) })
   ] });
 }
-const ai = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy44OTIyMiIgY3k9IjguMzQ5MDEiIHI9IjUuNTk5MDEiIHN0cm9rZT0iIzg1ODU4QSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNjQyOCAxMy4xODU1TDE0LjQ1NjggMTQuOTk5NSIgc3Ryb2tlPSIjODU4NThBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=", si = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar-wrapper{display:flex;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;width:223px;padding:5px 10px 5px 33px;font-size:14px;text-overflow:ellipsis}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}
+const ai = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy44OTIyMiIgY3k9IjguMzQ5MDEiIHI9IjUuNTk5MDEiIHN0cm9rZT0iIzg1ODU4QSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNjQyOCAxMy4xODU1TDE0LjQ1NjggMTQuOTk5NSIgc3Ryb2tlPSIjODU4NThBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=", si = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar-wrapper{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;width:223px;padding:5px 10px 5px 33px;font-size:14px;text-overflow:ellipsis}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}
 `, li = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
 `, ci = `._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}
 `, di = `._notification-massage_container_ql4az_1{background:#fff;padding:0 64px 0 84px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif}._notification-massage_container_ql4az_1:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}._notification-name_ql4az_18{font-weight:500;font-size:14px}._notification-message_service_ql4az_23{font-size:12px}._notification-message_button-close_ql4az_27{position:absolute;top:12px;right:24px;width:24px;height:24px}
@@ -723,6 +723,8 @@ function wi({ classNames: e = "", ...t }) {
       style: { zIndex: 1202 },
       id: "topbar-wrapper",
       children: [
+        /* @__PURE__ */ c("script", { src: `${o}/stella/js/services/GlobalSearchService.js?v=${Date.now()}`, type: "text/javascript" }),
+        /* @__PURE__ */ c("input", { type: "hidden", id: "idBaseUrl", value: o }),
         /* @__PURE__ */ c(
           "nav",
           {
@@ -744,6 +746,7 @@ function wi({ classNames: e = "", ...t }) {
                           className: "topbar-search-input",
                           id: "GlobalSearchInput",
                           placeholder: "Search",
+                          autoComplete: "off",
                           onChange: (p) => {
                             const _ = p.target.value;
                             S(_);
@@ -1546,11 +1549,11 @@ var ar = { 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 jr;
 function $i() {
-  if (Lr)
+  if (jr)
     return A;
-  Lr = 1;
+  jr = 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"), s = Symbol.for("react.server_context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y;
   y = Symbol.for("react.module.reference");
   function l(f) {
@@ -1625,9 +1628,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 jr;
+var Lr;
 function Mi() {
-  return jr || (jr = 1, process.env.NODE_ENV !== "production" && function() {
+  return Lr || (Lr = 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"), s = Symbol.for("react.server_context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = !1, l = !1, f = !1, v = !1, w = !1, x;
     x = Symbol.for("react.module.reference");
     function S(O) {
@@ -1760,7 +1763,7 @@ const Di = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ie
 }, Symbol.toStringTag, { value: "Module" }));
-function Ln(e, t) {
+function jn(e, t) {
   const r = z({}, t);
   return Object.keys(e).forEach((n) => {
     if (n.toString().match(/^(components|slots)$/))
@@ -1768,7 +1771,7 @@ function Ln(e, t) {
     else if (n.toString().match(/^(componentsProps|slotProps)$/)) {
       const o = e[n] || {}, i = t[n];
       r[n] = {}, !i || !Object.keys(i) ? r[n] = o : !o || !Object.keys(o) ? r[n] = i : (r[n] = z({}, i), Object.keys(o).forEach((a) => {
-        r[n][a] = Ln(o[a], i[a]);
+        r[n][a] = jn(o[a], i[a]);
       }));
     } else
       r[n] === void 0 && (r[n] = e[n]);
@@ -1803,7 +1806,7 @@ const Br = (e) => e, Fi = () => {
       e = Br;
     }
   };
-}, Li = Fi(), ji = Li, Vi = {
+}, ji = Fi(), Li = ji, Vi = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1819,7 +1822,7 @@ const Br = (e) => e, Fi = () => {
 };
 function gr(e, t, r = "Mui") {
   const n = Vi[t];
-  return n ? `${r}-${n}` : `${ji.generate(e)}-${t}`;
+  return n ? `${r}-${n}` : `${Li.generate(e)}-${t}`;
 }
 function Hi(e, t, r = "Mui") {
   const n = {};
@@ -1840,7 +1843,7 @@ function Ui(e) {
     name: r,
     props: n
   } = e;
-  return !t || !t.components || !t.components[r] || !t.components[r].defaultProps ? n : Ln(t.components[r].defaultProps, n);
+  return !t || !t.components || !t.components[r] || !t.components[r].defaultProps ? n : jn(t.components[r].defaultProps, n);
 }
 const Yi = ["values", "unit", "step"], qi = (e) => {
   const t = Object.keys(e).map((r) => ({
@@ -1851,7 +1854,7 @@ const Yi = ["values", "unit", "step"], qi = (e) => {
     [n.key]: n.val
   }), {});
 };
-function jn(e) {
+function Ln(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -2090,7 +2093,7 @@ function se(e, t) {
     transform: t
   });
 }
-const sa = se("border", ie), la = se("borderTop", ie), ca = se("borderRight", ie), da = se("borderBottom", ie), ua = se("borderLeft", ie), fa = se("borderColor"), ha = se("borderTopColor"), ma = se("borderRightColor"), pa = se("borderBottomColor"), ga = se("borderLeftColor"), ya = se("outline", ie), va = se("outlineColor"), Lt = (e) => {
+const sa = se("border", ie), la = se("borderTop", ie), ca = se("borderRight", ie), da = se("borderBottom", ie), ua = se("borderLeft", ie), fa = se("borderColor"), ha = se("borderTopColor"), ma = se("borderRightColor"), pa = se("borderBottomColor"), ga = se("borderLeftColor"), ya = se("outline", ie), va = se("outlineColor"), jt = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = ut(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: ft(t, n)
@@ -2099,12 +2102,12 @@ const sa = se("border", ie), la = se("borderTop", ie), ca = se("borderRight", ie
   }
   return null;
 };
-Lt.propTypes = process.env.NODE_ENV !== "production" ? {
+jt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Ee
 } : {};
-Lt.filterProps = ["borderRadius"];
-Ft(sa, la, ca, da, ua, fa, ha, ma, pa, ga, Lt, ya, va);
-const jt = (e) => {
+jt.filterProps = ["borderRadius"];
+Ft(sa, la, ca, da, ua, fa, ha, ma, pa, ga, jt, ya, va);
+const Lt = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = ut(e.theme, "spacing", 8, "gap"), r = (n) => ({
       gap: ft(t, n)
@@ -2113,10 +2116,10 @@ const jt = (e) => {
   }
   return null;
 };
-jt.propTypes = process.env.NODE_ENV !== "production" ? {
+Lt.propTypes = process.env.NODE_ENV !== "production" ? {
   gap: Ee
 } : {};
-jt.filterProps = ["gap"];
+Lt.filterProps = ["gap"];
 const Vt = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
     const t = ut(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
@@ -2162,7 +2165,7 @@ const ba = U({
 }), Na = U({
   prop: "gridArea"
 });
-Ft(jt, Vt, Ht, ba, xa, wa, _a, Sa, Ea, Ca, Oa, Na);
+Ft(Lt, Vt, Ht, ba, xa, wa, _a, Sa, Ea, Ca, Oa, Na);
 function Ue(e, t) {
   return t === "grey" ? t : e;
 }
@@ -2278,7 +2281,7 @@ const za = {
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: Lt
+    style: jt
   },
   // palette
   color: {
@@ -2445,7 +2448,7 @@ const za = {
   justifySelf: {},
   // grid
   gap: {
-    style: jt
+    style: Lt
   },
   rowGap: {
     style: Ht
@@ -2521,7 +2524,7 @@ function Fa(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function La(e, t) {
+function ja(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Bn() {
@@ -2574,7 +2577,7 @@ function Bn() {
       const h = Ji(i.breakpoints), m = Object.keys(h);
       let g = h;
       return Object.keys(u).forEach((b) => {
-        const y = La(u[b], i);
+        const y = ja(u[b], i);
         if (y != null)
           if (typeof y == "object")
             if (a[b])
@@ -2607,14 +2610,14 @@ function Un(e, t) {
     [r.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
   } : r.palette.mode === e ? t : {};
 }
-const ja = ["breakpoints", "palette", "spacing", "shape"];
+const La = ["breakpoints", "palette", "spacing", "shape"];
 function xr(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: i = {}
-  } = e, a = Se(e, ja), s = jn(r), d = aa(o);
+  } = e, a = Se(e, La), s = Ln(r), d = aa(o);
   let u = ue({
     breakpoints: s,
     direction: "ltr",
@@ -2636,7 +2639,7 @@ function xr(e = {}, ...t) {
 const Va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: xr,
-  private_createBreakpoints: jn,
+  private_createBreakpoints: Ln,
   unstable_applyStyles: Un
 }, Symbol.toStringTag, { value: "Module" }));
 function Yn(e) {
@@ -3709,9 +3712,9 @@ var le, Ge = function(t, r, n) {
     styles: i,
     next: le
   };
-}, Ls = function(t) {
+}, js = function(t) {
   return t();
-}, ao = L["useInsertionEffect"] ? L["useInsertionEffect"] : !1, Nr = ao || Ls, rn = ao || L.useLayoutEffect, js = {}.hasOwnProperty, Tr = /* @__PURE__ */ L.createContext(
+}, ao = j["useInsertionEffect"] ? j["useInsertionEffect"] : !1, Nr = ao || js, rn = ao || j.useLayoutEffect, Ls = {}.hasOwnProperty, Tr = /* @__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
@@ -3728,7 +3731,7 @@ var Vs = Tr.Provider, Gt = function(t) {
     var o = _e(Tr);
     return t(r, o, n);
   });
-}, $e = /* @__PURE__ */ L.createContext({});
+}, $e = /* @__PURE__ */ j.createContext({});
 process.env.NODE_ENV !== "production" && ($e.displayName = "EmotionThemeContext");
 var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Hs = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
@@ -3740,7 +3743,7 @@ var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_N
   typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
   var o = e[nn], i = [n], a = "";
   typeof e.className == "string" ? a = Cr(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
-  var s = Ge(i, void 0, L.useContext($e));
+  var s = Ge(i, void 0, j.useContext($e));
   if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
     var d = e[on];
     d && (s = Ge([s, "label:" + d + ";"]));
@@ -3748,12 +3751,12 @@ var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_N
   a += t.key + "-" + s.name;
   var u = {};
   for (var h in e)
-    js.call(e, h) && h !== "css" && h !== nn && (process.env.NODE_ENV === "production" || h !== on) && (u[h] = e[h]);
-  return u.ref = r, u.className = a, /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.createElement(Hs, {
+    Ls.call(e, h) && h !== "css" && h !== nn && (process.env.NODE_ENV === "production" || h !== on) && (u[h] = e[h]);
+  return u.ref = r, u.className = a, /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement(Hs, {
     cache: t,
     serialized: s,
     isStringTag: typeof o == "string"
-  }), /* @__PURE__ */ L.createElement(o, u));
+  }), /* @__PURE__ */ j.createElement(o, u));
 });
 process.env.NODE_ENV !== "production" && (Bs.displayName = "EmotionCssPropInternal");
 var Ws = {
@@ -3892,7 +3895,7 @@ var Ws = {
   // 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?"), an = !0);
-  var r = e.styles, n = Ge([r], void 0, L.useContext($e)), o = L.useRef();
+  var r = e.styles, n = Ge([r], void 0, j.useContext($e)), o = j.useRef();
   return rn(function() {
     var i = t.key + "-global", a = new t.sheet.constructor({
       key: i,
@@ -3985,9 +3988,9 @@ var Gs = function(t) {
   }, a = {
     css: o,
     cx: i,
-    theme: L.useContext($e)
+    theme: j.useContext($e)
   }, s = e.children(a);
-  return r = !0, /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.createElement(Gs, {
+  return r = !0, /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement(Gs, {
     cache: t,
     serializedArr: n
   }), s);
@@ -4049,7 +4052,7 @@ You may have forgotten to import it.`);
         p = {};
         for (var _ in l)
           p[_] = l[_];
-        p.theme = L.useContext($e);
+        p.theme = j.useContext($e);
       }
       typeof l.className == "string" ? x = Cr(f.registered, S, l.className) : l.className != null && (x = l.className + " ");
       var E = Ge(m.concat(S), f.registered, p);
@@ -4058,11 +4061,11 @@ You may have forgotten to import it.`);
       for (var B in l)
         u && B === "as" || // $FlowFixMe
         I(B) && (T[B] = l[B]);
-      return T.className = x, T.ref = v, /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.createElement(Qs, {
+      return T.className = x, T.ref = v, /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement(Qs, {
         cache: f,
         serialized: E,
         isStringTag: typeof w == "string"
-      }), /* @__PURE__ */ L.createElement(w, T));
+      }), /* @__PURE__ */ j.createElement(w, T));
     });
     return y.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", y.defaultProps = t.defaultProps, y.__emotion_real = y, y.__emotion_base = o, y.__emotion_styles = m, y.__emotion_forwardProp = s, Object.defineProperty(y, "toString", {
       value: function() {
@@ -4288,7 +4291,7 @@ function a0(e) {
   return Object.keys(e).length === 0;
 }
 function s0(e = null) {
-  const t = L.useContext($e);
+  const t = j.useContext($e);
   return !t || a0(t) ? e : t;
 }
 const l0 = xr();
@@ -4614,7 +4617,7 @@ const I0 = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, Le = D0, z0 = {
+}, je = D0, z0 = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -4629,7 +4632,7 @@ const I0 = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, je = z0, F0 = {
+}, Le = z0, F0 = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -4644,7 +4647,7 @@ const I0 = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, Ve = F0, L0 = ["mode", "contrastThreshold", "tonalOffset"], pn = {
+}, Ve = F0, j0 = ["mode", "contrastThreshold", "tonalOffset"], pn = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -4711,15 +4714,15 @@ 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 = b0(e.main, o) : t === "dark" && (e.dark = v0(e.main, i)));
 }
-function j0(e = "light") {
+function L0(e = "light") {
   return e === "dark" ? {
-    main: Le[200],
-    light: Le[50],
-    dark: Le[400]
+    main: je[200],
+    light: je[50],
+    dark: je[400]
   } : {
-    main: Le[700],
-    light: Le[400],
-    dark: Le[800]
+    main: je[700],
+    light: je[400],
+    dark: je[800]
   };
 }
 function V0(e = "light") {
@@ -4746,13 +4749,13 @@ function H0(e = "light") {
 }
 function B0(e = "light") {
   return e === "dark" ? {
-    main: je[400],
-    light: je[300],
-    dark: je[700]
+    main: Le[400],
+    light: Le[300],
+    dark: Le[700]
   } : {
-    main: je[700],
-    light: je[500],
-    dark: je[900]
+    main: Le[700],
+    light: Le[500],
+    dark: Le[900]
   };
 }
 function W0(e = "light") {
@@ -4783,7 +4786,7 @@ function Y0(e) {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2
-  } = e, o = Se(e, L0), i = e.primary || j0(t), a = e.secondary || V0(t), s = e.error || H0(t), d = e.info || B0(t), u = e.success || W0(t), h = e.warning || U0(t);
+  } = e, o = Se(e, j0), i = e.primary || L0(t), a = e.secondary || V0(t), s = e.error || H0(t), d = e.info || B0(t), u = e.success || W0(t), h = e.warning || U0(t);
   function m(l) {
     const f = hn(l, nr.text.primary) >= r ? nr.text.primary : pn.text.primary;
     if (process.env.NODE_ENV !== "production") {
@@ -4948,10 +4951,10 @@ function K0(e, t) {
   });
 }
 const Z0 = 0.2, J0 = 0.14, X0 = 0.12;
-function j(...e) {
+function L(...e) {
   return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Z0})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${J0})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${X0})`].join(",");
 }
-const Q0 = ["none", j(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), j(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), j(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), j(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), j(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), j(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), j(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), j(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), j(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), j(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), j(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), j(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), j(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), j(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), j(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), j(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), j(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), j(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), j(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), j(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), j(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), j(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), j(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), j(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], el = Q0, tl = ["duration", "easing", "delay"], rl = {
+const Q0 = ["none", L(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), L(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), L(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), L(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), L(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), L(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), L(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), L(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), L(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), L(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), L(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), L(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), L(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), L(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), L(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), L(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), L(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), L(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), L(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), L(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), L(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), L(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), L(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), L(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], el = Q0, tl = ["duration", "easing", "delay"], rl = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -5251,11 +5254,11 @@ const Dl = (e) => wl(e) && e !== "classes", zl = xl({
   defaultTheme: xo,
   rootShouldForwardProp: Dl
 }), Fl = zl;
-function Ll(e) {
+function jl(e) {
   return gr("MuiSvgIcon", e);
 }
 Hi("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const jl = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], Vl = (e) => {
+const Ll = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], Vl = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -5263,7 +5266,7 @@ const jl = ["children", "className", "color", "component", "fontSize", "htmlColo
   } = e, o = {
     root: ["root", t !== "inherit" && `color${Ie(t)}`, `fontSize${Ie(r)}`]
   };
-  return zi(o, Ll, n);
+  return zi(o, jl, n);
 }, Hl = Fl("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -5303,7 +5306,7 @@ const jl = ["children", "className", "color", "component", "fontSize", "htmlColo
       inherit: void 0
     }[t.color]
   };
-}), Mr = /* @__PURE__ */ L.forwardRef(function(t, r) {
+}), Mr = /* @__PURE__ */ j.forwardRef(function(t, r) {
   const n = ul({
     props: t,
     name: "MuiSvgIcon"
@@ -5317,7 +5320,7 @@ const jl = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: h = !1,
     titleAccess: m,
     viewBox: g = "0 0 24 24"
-  } = n, b = Se(n, jl), y = /* @__PURE__ */ L.isValidElement(o) && o.type === "svg", l = z({}, n, {
+  } = n, b = Se(n, Ll), y = /* @__PURE__ */ j.isValidElement(o) && o.type === "svg", l = z({}, n, {
     color: a,
     component: s,
     fontSize: d,
@@ -5426,7 +5429,7 @@ function Bl(e, t) {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = _n.muiName, /* @__PURE__ */ L.memo(/* @__PURE__ */ L.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = _n.muiName, /* @__PURE__ */ j.memo(/* @__PURE__ */ j.forwardRef(r));
 }
 const Wl = Bl(/* @__PURE__ */ c("path", {
   d: "m7 10 5 5 5-5z"
@@ -6272,7 +6275,7 @@ function Ac(e) {
   }, [e.value]);
   const o = ve(null), i = ve(null), a = ve(null);
   return console.log("inputRef", o), console.log("labelRef", i), /* @__PURE__ */ c(
-    Lo,
+    jo,
     {
       initialSettings: {
         autoApply: !0,
@@ -6432,7 +6435,7 @@ const In = (e) => {
         measurementId: e.measurementId
       })
     );
-    jo(r, {
+    Lo(r, {
       // add your VPAID key here
       serviceWorkerRegistration: t,
       vapidKey: e.vapidKey
@@ -6589,8 +6592,8 @@ export {
   kn as AutocompleteOption,
   Pc as BaseCheckbox,
   sc as CheckedIcon,
-  Lc as FavoriteMenu,
-  jc as GlobalMenu,
+  jc as FavoriteMenu,
+  Lc as GlobalMenu,
   kc as HomePage,
   Vc as IconComponent,
   _i as LanguageDropdown,