@ukpc-lib/react 0.13.4 → 0.13.6

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import ii, { jsxs as M, Fragment as le, jsx as u } from "react/jsx-runtime";
 import * as N from "react";
-import ye, { useState as W, useContext as $e, useEffect as q, useRef as Se, useCallback as Mt, forwardRef as ai, createElement as sr, PureComponent as si } from "react";
-import { c as ne, a as gt, C as Le, t as ct, p as li, L as Xr, u as ci, b as ui, S as qn, d as di, e as fi, Q as Zn, f as Et, g as Xn, h as hi, s as Ct, _ as B, P as R, i as pe, j as mi, o as pi, k as Ne, l as gi, m as yi, n as Jr, q as Ot, r as Qr, I as vi, v as bi, w as en, D as xi, x as Jn, y as Qn, z as Si, A as wi, B as _i } from "../index.esm2017-9AyxX2BH.js";
+import ye, { useState as U, useContext as $e, useEffect as q, useRef as Se, useCallback as Mt, forwardRef as ai, createElement as sr, PureComponent as si } from "react";
+import { c as ne, a as gt, C as Le, t as ct, p as li, L as Xr, u as ci, b as ui, S as qn, d as di, e as fi, Q as Zn, f as Et, g as Xn, h as hi, s as Ct, _ as H, P as R, i as pe, j as mi, o as pi, k as Ne, l as gi, m as yi, n as Jr, q as Ot, r as Qr, I as vi, v as bi, w as en, D as xi, x as Jn, y as Qn, z as Si, A as wi, B as _i } from "../index.esm2017-9AyxX2BH.js";
 import { H as au, G as su, K as lu, E as cu, F as uu, J as du } from "../index.esm2017-9AyxX2BH.js";
 import Q from "moment";
 import { Stack as me, Dialog as Ei, DialogTitle as Ci, Typography as Ce, DialogContent as Ti, DialogActions as Ii, Button as pr, Box as ki, ClickAwayListener as Mi, TextField as eo, IconButton as Oi, CircularProgress as $i, Fade as Ai, Paper as Ni, Checkbox as Ri, Breadcrumbs as Pi } from "@mui/material";
@@ -105,7 +105,7 @@ const Di = (e) => {
   brandColors: o
 }) => {
   var E, b;
-  const [i, a] = W(!1), [l, c] = W({
+  const [i, a] = U(!1), [l, c] = U({
     id: e.id,
     isRead: e.isRead
   }), d = l.isRead === !1 ? "unread" : "read", f = {
@@ -113,10 +113,10 @@ const Di = (e) => {
     backgroundColor: l.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || ne.primary500
   }, { setNotiData: h } = $e(Le), m = Nr({ baseUrl: t, notiPath: r, setNotiData: h }), v = async (g, S) => {
     try {
-      const I = r || `/notification-management/api/v1/notifications/${g}`, k = t + I;
-      await gt.put(k, { isRead: S });
-    } catch (I) {
-      console.log(I), c({
+      const T = r || `/notification-management/api/v1/notifications/${g}`, I = t + T;
+      await gt.put(I, { isRead: S });
+    } catch (T) {
+      console.log(T), c({
         id: e.id,
         isRead: e.isRead
       });
@@ -124,11 +124,11 @@ const Di = (e) => {
     await m();
   }, p = (g, S) => {
     console.log("specificNotificationID", g);
-    const I = !S;
-    c((k) => ({
-      ...k,
-      isRead: I
-    })), console.log("newIsReadState", I), v(g, I);
+    const T = !S;
+    c((I) => ({
+      ...I,
+      isRead: T
+    })), console.log("newIsReadState", T), v(g, T);
   };
   q(() => {
     c(n ? (g) => ({
@@ -142,28 +142,28 @@ const Di = (e) => {
   const s = () => {
     a(!i);
   }, y = (g) => {
-    const S = Q(), I = Q(g), k = S.diff(I, "days"), O = S.diff(I, "minutes"), C = S.diff(I, "months"), $ = S.diff(I, "years");
-    if (console.log("diffInMonths", C), O < 1)
+    const S = Q(), T = Q(g), I = S.diff(T, "days"), P = S.diff(T, "minutes"), k = S.diff(T, "months"), O = S.diff(T, "years");
+    if (console.log("diffInMonths", k), P < 1)
       return "Just now";
-    if (k === 0) {
-      if (O <= 60)
-        return `${O} minute${O > 1 ? "s" : ""} ago`;
-      const P = Math.floor(O / 60);
-      return console.log("diffIhours", P), `${P} hour${P > 1 ? "s" : ""} ago`;
+    if (I === 0) {
+      if (P <= 60)
+        return `${P} minute${P > 1 ? "s" : ""} ago`;
+      const A = Math.floor(P / 60);
+      return console.log("diffIhours", A), `${A} hour${A > 1 ? "s" : ""} ago`;
     }
-    if (k === 1)
+    if (I === 1)
       return "Yesterday";
-    if (k >= 2 && k < 7)
-      return `${k} days ago`;
-    if (k < 30) {
-      const P = Math.floor(k / 7);
-      return `${P} week${P > 1 ? "s" : ""} ago`;
+    if (I >= 2 && I < 7)
+      return `${I} days ago`;
+    if (I < 30) {
+      const A = Math.floor(I / 7);
+      return `${A} week${A > 1 ? "s" : ""} ago`;
     }
-    return C === 0 || C === 1 ? "1 month ago" : C < 12 ? `${C} months ago` : $ === 0 || $ === 1 ? "1 year ago" : "Over 1 year ago";
+    return k === 0 || k === 1 ? "1 month ago" : k < 12 ? `${k} months ago` : O === 0 || O === 1 ? "1 year ago" : "Over 1 year ago";
   }, x = e != null && e.data ? (E = e == null ? void 0 : e.data) == null ? void 0 : E.length : 0, _ = (g, S) => {
-    var I, k;
+    var T, I;
     if ((g == null ? void 0 : g.actionKey) != null) {
-      if ((I = g == null ? void 0 : g.data) != null && I.brandName)
+      if ((T = g == null ? void 0 : g.data) != null && T.brandName)
         return ct(
           `notificationAdmin.notify.actionKey.${g == null ? void 0 : g.actionKey}`,
           {
@@ -173,7 +173,7 @@ const Di = (e) => {
         );
       switch (g == null ? void 0 : g.notificationType) {
         case "deleteMultiple":
-          return g != null && g.data && ((k = g == null ? void 0 : g.data) == null ? void 0 : k.length) > 1 ? ct(
+          return g != null && g.data && ((I = g == null ? void 0 : g.data) == null ? void 0 : I.length) > 1 ? ct(
             `notificationAdmin.notify.actionKey.${g == null ? void 0 : g.actionKey}_multiple`,
             { defaultValue: `${g == null ? void 0 : g.actionKey}`, count: S }
           ) : ct(
@@ -276,7 +276,7 @@ const Di = (e) => {
   brandColors: n,
   notiUnreadNumber: o
 }) => {
-  const [i, a] = W(!1);
+  const [i, a] = U(!1);
   console.log(i);
   const { setNotiData: l } = $e(Le), c = Nr({ baseUrl: t, notiPath: r, setNotiData: l }), d = async () => {
     try {
@@ -332,7 +332,7 @@ const Di = (e) => {
       clearTimeout(p), document.removeEventListener("mousedown", v);
     };
   }, [o]);
-  const [a, l] = W("all"), c = [
+  const [a, l] = U("all"), c = [
     {
       id: "all",
       tabTitle: `All (${((d = i == null ? void 0 : i.all) == null ? void 0 : d.total) || 0})`,
@@ -620,8 +620,8 @@ function oo({ count: e = 1, wrapper: t, className: r, containerClassName: n, con
   for (let w = 0; w < _; w++) {
     let E = p;
     if (_ > e && w === _ - 1) {
-      const g = (d = E.width) !== null && d !== void 0 ? d : "100%", S = e % 1, I = typeof g == "number" ? g * S : `calc(${g} * ${S})`;
-      E = { ...E, width: I };
+      const g = (d = E.width) !== null && d !== void 0 ? d : "100%", S = e % 1, T = typeof g == "number" ? g * S : `calc(${g} * ${S})`;
+      E = { ...E, width: T };
     }
     const b = ye.createElement("span", { className: s, style: E, key: w }, "‌");
     y ? x.push(b) : x.push(ye.createElement(
@@ -637,7 +637,7 @@ const Gi = '@keyframes react-loading-skeleton{to{transform:translate(100%)}}.rea
   baseUrl: e,
   searchPath: t
 }) => {
-  const [r, n] = W(!1);
+  const [r, n] = U(!1);
   console.log("hasPermission state", r);
   const o = async () => {
     const a = e + (t || "/user-management/api/v1/users/my-account/access-stella-search");
@@ -860,7 +860,7 @@ const ca = {
   // The weight to determine how much field length norm effects scoring.
   fieldNormWeight: 1
 };
-var A = {
+var $ = {
   ...ua,
   ...ca,
   ...da,
@@ -884,8 +884,8 @@ function ma(e = 1, t = 3) {
 }
 class Rr {
   constructor({
-    getFn: t = A.getFn,
-    fieldNormWeight: r = A.fieldNormWeight
+    getFn: t = $.getFn,
+    fieldNormWeight: r = $.fieldNormWeight
   } = {}) {
     this.norm = ma(r, 3), this.getFn = t, this.isCreated = !1, this.setIndexRecords();
   }
@@ -978,11 +978,11 @@ class Rr {
     };
   }
 }
-function uo(e, t, { getFn: r = A.getFn, fieldNormWeight: n = A.fieldNormWeight } = {}) {
+function uo(e, t, { getFn: r = $.getFn, fieldNormWeight: n = $.fieldNormWeight } = {}) {
   const o = new Rr({ getFn: r, fieldNormWeight: n });
   return o.setKeys(e.map(co)), o.setSources(t), o.create(), o;
 }
-function pa(e, { getFn: t = A.getFn, fieldNormWeight: r = A.fieldNormWeight } = {}) {
+function pa(e, { getFn: t = $.getFn, fieldNormWeight: r = $.fieldNormWeight } = {}) {
   const { keys: n, records: o } = e, i = new Rr({ getFn: t, fieldNormWeight: r });
   return i.setKeys(n), i.setIndexRecords(o), i;
 }
@@ -990,8 +990,8 @@ function Tt(e, {
   errors: t = 0,
   currentLocation: r = 0,
   expectedLocation: n = 0,
-  distance: o = A.distance,
-  ignoreLocation: i = A.ignoreLocation
+  distance: o = $.distance,
+  ignoreLocation: i = $.ignoreLocation
 } = {}) {
   const a = t / e.length;
   if (i)
@@ -999,7 +999,7 @@ function Tt(e, {
   const l = Math.abs(n - r);
   return o ? a + l / o : l ? 1 : a;
 }
-function ga(e = [], t = A.minMatchCharLength) {
+function ga(e = [], t = $.minMatchCharLength) {
   let r = [], n = -1, o = -1, i = 0;
   for (let a = e.length; i < a; i += 1) {
     let l = e[i];
@@ -1009,13 +1009,13 @@ function ga(e = [], t = A.minMatchCharLength) {
 }
 const Fe = 32;
 function ya(e, t, r, {
-  location: n = A.location,
-  distance: o = A.distance,
-  threshold: i = A.threshold,
-  findAllMatches: a = A.findAllMatches,
-  minMatchCharLength: l = A.minMatchCharLength,
-  includeMatches: c = A.includeMatches,
-  ignoreLocation: d = A.ignoreLocation
+  location: n = $.location,
+  distance: o = $.distance,
+  threshold: i = $.threshold,
+  findAllMatches: a = $.findAllMatches,
+  minMatchCharLength: l = $.minMatchCharLength,
+  includeMatches: c = $.includeMatches,
+  ignoreLocation: d = $.ignoreLocation
 } = {}) {
   if (t.length > Fe)
     throw new Error(oa(Fe));
@@ -1031,30 +1031,30 @@ function ya(e, t, r, {
       ignoreLocation: d
     });
     if (v = Math.min(S, v), p = x + f, s) {
-      let I = 0;
-      for (; I < f; )
-        y[x + I] = 1, I += 1;
+      let T = 0;
+      for (; T < f; )
+        y[x + T] = 1, T += 1;
     }
   }
   p = -1;
   let _ = [], w = 1, E = f + h;
   const b = 1 << f - 1;
   for (let S = 0; S < f; S += 1) {
-    let I = 0, k = E;
-    for (; I < k; )
+    let T = 0, I = E;
+    for (; T < I; )
       Tt(t, {
         errors: S,
-        currentLocation: m + k,
+        currentLocation: m + I,
         expectedLocation: m,
         distance: o,
         ignoreLocation: d
-      }) <= v ? I = k : E = k, k = Math.floor((E - I) / 2 + I);
-    E = k;
-    let O = Math.max(1, m - k + 1), C = a ? h : Math.min(m + k, h) + f, $ = Array(C + 2);
-    $[C + 1] = (1 << S) - 1;
-    for (let U = C; U >= O; U -= 1) {
-      let re = U - 1, he = r[e.charAt(re)];
-      if (s && (y[re] = +!!he), $[U] = ($[U + 1] << 1 | 1) & he, S && ($[U] |= (_[U + 1] | _[U]) << 1 | 1 | _[U + 1]), $[U] & b && (w = Tt(t, {
+      }) <= v ? T = I : E = I, I = Math.floor((E - T) / 2 + T);
+    E = I;
+    let P = Math.max(1, m - I + 1), k = a ? h : Math.min(m + I, h) + f, O = Array(k + 2);
+    O[k + 1] = (1 << S) - 1;
+    for (let z = k; z >= P; z -= 1) {
+      let re = z - 1, he = r[e.charAt(re)];
+      if (s && (y[re] = +!!he), O[z] = (O[z + 1] << 1 | 1) & he, S && (O[z] |= (_[z + 1] | _[z]) << 1 | 1 | _[z + 1]), O[z] & b && (w = Tt(t, {
         errors: S,
         currentLocation: re,
         expectedLocation: m,
@@ -1063,7 +1063,7 @@ function ya(e, t, r, {
       }), w <= v)) {
         if (v = w, p = re, p <= m)
           break;
-        O = Math.max(1, 2 * m - p);
+        P = Math.max(1, 2 * m - p);
       }
     }
     if (Tt(t, {
@@ -1074,7 +1074,7 @@ function ya(e, t, r, {
       ignoreLocation: d
     }) > v)
       break;
-    _ = $;
+    _ = O;
   }
   const g = {
     isMatch: p >= 0,
@@ -1097,14 +1097,14 @@ function va(e) {
 }
 class fo {
   constructor(t, {
-    location: r = A.location,
-    threshold: n = A.threshold,
-    distance: o = A.distance,
-    includeMatches: i = A.includeMatches,
-    findAllMatches: a = A.findAllMatches,
-    minMatchCharLength: l = A.minMatchCharLength,
-    isCaseSensitive: c = A.isCaseSensitive,
-    ignoreLocation: d = A.ignoreLocation
+    location: r = $.location,
+    threshold: n = $.threshold,
+    distance: o = $.distance,
+    includeMatches: i = $.includeMatches,
+    findAllMatches: a = $.findAllMatches,
+    minMatchCharLength: l = $.minMatchCharLength,
+    isCaseSensitive: c = $.isCaseSensitive,
+    ignoreLocation: d = $.ignoreLocation
   } = {}) {
     if (this.options = {
       location: r,
@@ -1324,14 +1324,14 @@ class Ea extends Re {
 }
 class ho extends Re {
   constructor(t, {
-    location: r = A.location,
-    threshold: n = A.threshold,
-    distance: o = A.distance,
-    includeMatches: i = A.includeMatches,
-    findAllMatches: a = A.findAllMatches,
-    minMatchCharLength: l = A.minMatchCharLength,
-    isCaseSensitive: c = A.isCaseSensitive,
-    ignoreLocation: d = A.ignoreLocation
+    location: r = $.location,
+    threshold: n = $.threshold,
+    distance: o = $.distance,
+    includeMatches: i = $.includeMatches,
+    findAllMatches: a = $.findAllMatches,
+    minMatchCharLength: l = $.minMatchCharLength,
+    isCaseSensitive: c = $.isCaseSensitive,
+    ignoreLocation: d = $.ignoreLocation
   } = {}) {
     super(t), this._bitapSearch = new fo(t, {
       location: r,
@@ -1420,14 +1420,14 @@ function Ia(e, t = {}) {
 const ka = /* @__PURE__ */ new Set([ho.type, mo.type]);
 class Ma {
   constructor(t, {
-    isCaseSensitive: r = A.isCaseSensitive,
-    includeMatches: n = A.includeMatches,
-    minMatchCharLength: o = A.minMatchCharLength,
-    ignoreLocation: i = A.ignoreLocation,
-    findAllMatches: a = A.findAllMatches,
-    location: l = A.location,
-    threshold: c = A.threshold,
-    distance: d = A.distance
+    isCaseSensitive: r = $.isCaseSensitive,
+    includeMatches: n = $.includeMatches,
+    minMatchCharLength: o = $.minMatchCharLength,
+    ignoreLocation: i = $.ignoreLocation,
+    findAllMatches: a = $.findAllMatches,
+    location: l = $.location,
+    threshold: c = $.threshold,
+    distance: d = $.distance
   } = {}) {
     this.query = null, this.options = {
       isCaseSensitive: r,
@@ -1534,7 +1534,7 @@ function po(e, t, { auto: r = !0 } = {}) {
   };
   return Sr(e) || (e = sn(e)), n(e);
 }
-function Na(e, { ignoreFieldNorm: t = A.ignoreFieldNorm }) {
+function Na(e, { ignoreFieldNorm: t = $.ignoreFieldNorm }) {
   e.forEach((r) => {
     let n = 1;
     r.matches.forEach(({ key: o, norm: i, score: a }) => {
@@ -1563,8 +1563,8 @@ function Pa(e, t) {
   t.score = e.score;
 }
 function za(e, t, {
-  includeMatches: r = A.includeMatches,
-  includeScore: n = A.includeScore
+  includeMatches: r = $.includeMatches,
+  includeScore: n = $.includeScore
 } = {}) {
   const o = [];
   return r && o.push(Ra), n && o.push(Pa), e.map((i) => {
@@ -1579,7 +1579,7 @@ function za(e, t, {
 }
 class rt {
   constructor(t, r = {}, n) {
-    this.options = { ...A, ...r }, this.options.useExtendedSearch, this._keyStore = new sa(this.options.keys), this.setCollection(t, n);
+    this.options = { ...$, ...r }, this.options.useExtendedSearch, this._keyStore = new sa(this.options.keys), this.setCollection(t, n);
   }
   setCollection(t, r) {
     if (this._docs = t, r && !(r instanceof Rr))
@@ -1717,7 +1717,7 @@ class rt {
 rt.version = "6.6.2";
 rt.createIndex = uo;
 rt.parseIndex = pa;
-rt.config = A;
+rt.config = $;
 rt.parseQuery = po;
 Oa(Ma);
 const ln = {
@@ -1845,15 +1845,15 @@ function Ba({
       ["a", "e", "t"].includes(_.key.toLowerCase()) && ((E == null ? void 0 : E.length) > 0 && E[0].addEventListener(
         "click",
         (g) => {
-          const S = document.querySelector("global-topbar"), I = S != null ? S.shadowRoot : document, k = I.getElementById("GlobalSearchInput");
-          I.activeElement === k ? (g.preventDefault(), g.stopPropagation(), console.log("Shadow DOM keydown:", g.key)) : g.click();
+          const S = document.querySelector("global-topbar"), T = S != null ? S.shadowRoot : document, I = T.getElementById("GlobalSearchInput");
+          T.activeElement === I ? (g.preventDefault(), g.stopPropagation(), console.log("Shadow DOM keydown:", g.key)) : g.click();
         },
         !0
       ), w != null && w.addEventListener(
         "click",
         (g) => {
-          const S = document.querySelector("global-topbar"), I = S != null ? S.shadowRoot : document, k = I.getElementById("GlobalSearchInput");
-          I.activeElement === k ? (g.preventDefault(), g.stopPropagation(), console.log("Shadow DOM keydown:", g.key)) : g.click();
+          const S = document.querySelector("global-topbar"), T = S != null ? S.shadowRoot : document, I = T.getElementById("GlobalSearchInput");
+          T.activeElement === I ? (g.preventDefault(), g.stopPropagation(), console.log("Shadow DOM keydown:", g.key)) : g.click();
         },
         !0
       ));
@@ -1937,71 +1937,71 @@ function Wa({
   baseUrl: g = ""
 }) {
   ({ ...p });
-  const S = { ...ln, ...t }, I = new rt(e, S);
-  I.setCollection(e);
-  const [k, O] = W(y), [C, $] = W([]), [P, U] = W(-1), [re, he] = W(!1), [ze, Ee] = W(!1), [at, ke] = W(!1), [je, Be] = W(!1);
+  const S = { ...ln, ...t }, T = new rt(e, S);
+  T.setCollection(e);
+  const [I, P] = U(y), [k, O] = U([]), [A, z] = U(-1), [re, he] = U(!1), [ze, Ee] = U(!1), [at, ke] = U(!1), [je, Be] = U(!1);
   q(() => {
-    O(y);
-    const z = setTimeout(
-      () => $(wt(y)),
+    P(y);
+    const D = setTimeout(
+      () => O(wt(y)),
       0
     );
-    return () => clearTimeout(z);
+    return () => clearTimeout(D);
   }, [y]), q(() => {
-    (k == null ? void 0 : k.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && $(e) : $([]);
+    (I == null ? void 0 : I.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && O(e) : O([]);
   }, [e]), q(() => {
-    const z = () => {
+    const D = () => {
       We(), Be(!1);
     };
-    return document.addEventListener("click", z), () => document.removeEventListener("click", z);
+    return document.addEventListener("click", D), () => document.removeEventListener("click", D);
   }, []), q(() => {
     (() => {
-      _ && k.length > 0 && !ze && C.length === 0 && !re ? ke(!0) : ke(!1), E && C.length === 0 && k.length === 0 && je && $(e.slice(0, h));
+      _ && I.length > 0 && !ze && k.length === 0 && !re ? ke(!0) : ke(!1), E && k.length === 0 && I.length === 0 && je && O(e.slice(0, h));
     })();
   }, [
     ze,
     _,
     re,
+    I,
     k,
-    C,
     E,
     je
   ]);
-  const He = (z) => {
-    c && a(z), Be(!0);
-  }, ge = (z) => {
-    let T = [];
-    (z == null ? void 0 : z.length) > 0 && (T = wt(z)), $(T), n(z, T), Ee(!1);
+  const He = (D) => {
+    c && a(D), Be(!0);
+  }, ge = (D) => {
+    let C = [];
+    (D == null ? void 0 : D.length) > 0 && (C = wt(D)), O(C), n(D, C), Ee(!1);
   }, Ve = ye.useCallback(
-    r > 0 ? Da((z) => ge(z), r) : (z) => ge(z),
+    r > 0 ? Da((D) => ge(D), r) : (D) => ge(D),
     [e]
-  ), ir = (z) => {
-    We(), i(z), O(z[s]), U(0);
-  }, wt = (z) => I.search(z, { limit: h }).map((T) => ({ ...T.item })).slice(0, h), ar = ({ target: z }) => {
-    const T = z.value;
-    O(T), Ve(T), Ee(!0), re && he(!1);
+  ), ir = (D) => {
+    We(), i(D), P(D[s]), z(0);
+  }, wt = (D) => T.search(D, { limit: h }).map((C) => ({ ...C.item })).slice(0, h), ar = ({ target: D }) => {
+    const C = D.value;
+    P(C), Ve(C), Ee(!0), re && he(!1);
   }, We = () => {
-    $([]), he(!0);
+    O([]), he(!0);
   }, _t = ({
-    index: z,
-    event: T
+    index: D,
+    event: C
   }) => {
     let Me = -1;
     const De = (Ue) => {
-      U(Ue), C != null && C[Ue] && o(C[Ue]);
+      z(Ue), k != null && k[Ue] && o(k[Ue]);
     };
-    if (z !== void 0)
-      U(z), C != null && C[z] && o(C[z]);
-    else if (T)
-      switch (T.key) {
+    if (D !== void 0)
+      z(D), k != null && k[D] && o(k[D]);
+    else if (C)
+      switch (C.key) {
         case "Enter":
-          C.length > 0 && C[P] ? (T.preventDefault(), i(C[P])) : n(k, C), U(-1), We();
+          k.length > 0 && k[A] ? (C.preventDefault(), i(k[A])) : n(I, k), z(-1), We();
           break;
         case "ArrowUp":
-          T.preventDefault(), Me = P > -1 ? P - 1 : C.length - 1, De(Me);
+          C.preventDefault(), Me = A > -1 ? A - 1 : k.length - 1, De(Me);
           break;
         case "ArrowDown":
-          T.preventDefault(), Me = P < C.length - 1 ? P + 1 : -1, De(Me);
+          C.preventDefault(), Me = A < k.length - 1 ? A + 1 : -1, De(Me);
           break;
       }
   };
@@ -2009,7 +2009,7 @@ function Wa({
     /* @__PURE__ */ u("div", { className: "wrapper", children: /* @__PURE__ */ u(
       Ba,
       {
-        searchString: k,
+        searchString: I,
         setSearchString: ar,
         eraseResults: We,
         autoFocus: v,
@@ -2026,14 +2026,14 @@ function Wa({
     /* @__PURE__ */ u(
       La,
       {
-        results: C,
+        results: k,
         onClick: ir,
-        setSearchString: O,
+        setSearchString: P,
         showIcon: d,
         maxResults: h,
         resultStringKeyName: s,
         formatResult: x,
-        highlightedItem: P,
+        highlightedItem: A,
         setHighlightedItem: _t,
         showNoResultsFlag: at,
         showNoResultsText: w
@@ -2051,47 +2051,49 @@ function Ua({ classNames: e = "", ...t }) {
     customColors: l,
     notiprops: c,
     isBrand: d,
-    logout: f
-  } = t, h = {
+    logout: f,
+    enableLogoClick: h = !0,
+    onLogoClick: m
+  } = t, v = {
     ...a,
     color: (l == null ? void 0 : l.headerTextColor) || "white",
     backgroundColor: (l == null ? void 0 : l.headerBgColor) || "black"
-  }, [m, v] = W(!1), { Term: p } = zi();
-  console.log("term", p);
-  const [s, y] = W([]), [x, _] = W([]), w = qi({ baseUrl: o });
-  console.log("searchPermission", w.hasPermission), q(() => {
-    s.length >= 3 ? E(s) : _([]);
-  }, [s]);
-  const E = async (O) => {
-    await fetch(`${o}/stella/page/Search/Suggestions?term=${O}`).then((C) => C.json()).then((C) => {
-      _(C), console.log(C);
-    }).catch((C) => {
-      console.error(C);
+  }, [p, s] = U(!1), { Term: y } = zi();
+  console.log("term", y);
+  const [x, _] = U([]), [w, E] = U([]), b = qi({ baseUrl: o });
+  console.log("searchPermission", b.hasPermission), q(() => {
+    x.length >= 3 ? g(x) : E([]);
+  }, [x]);
+  const g = async (O) => {
+    await fetch(`${o}/stella/page/Search/Suggestions?term=${O}`).then((A) => A.json()).then((A) => {
+      E(A), console.log(A);
+    }).catch((A) => {
+      console.error(A);
     });
-  }, b = (O) => {
-    console.log(O);
-  }, g = (O, C) => {
-    y(O), console.log(O, C);
   }, S = (O) => {
-    const C = O.entityType, $ = O.entityId;
-    switch (C) {
+    console.log(O);
+  }, T = (O, A) => {
+    _(O), console.log(O, A);
+  }, I = (O) => {
+    const A = O.entityType, z = O.entityId;
+    switch (A) {
       case "Zone":
-        document.location.href = o + "/stella/page/SiteManagement/Zone/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Zone/Details/" + z;
         return;
       case "Location":
-        document.location.href = o + "/stella/page/SiteManagement/Location/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Location/Details/" + z;
         return;
       case "Company":
-        document.location.href = o + "/stella/page/SiteManagement/Company/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Company/Details/" + z;
         return;
       default:
-        console.log(`Unsure how to navigate to ${C} ${$}`);
+        console.log(`Unsure how to navigate to ${A} ${z}`);
         return;
     }
-  }, I = () => {
-    const O = document.querySelector("global-topbar"), $ = (O != null ? O.shadowRoot : document).getElementById("GlobalSearchInput");
-    $ && $.value.length >= 3 && (setTimeout(() => {
-    }, 1e3), E($.value));
+  }, P = () => {
+    const O = document.querySelector("global-topbar"), z = (O != null ? O.shadowRoot : document).getElementById("GlobalSearchInput");
+    z && z.value.length >= 3 && (setTimeout(() => {
+    }, 1e3), g(z.value));
   }, k = (O) => O.entityType === "Location" ? /* @__PURE__ */ M(le, { children: [
     /* @__PURE__ */ u("div", { dangerouslySetInnerHTML: { __html: O.name } }),
     " ",
@@ -2119,11 +2121,11 @@ function Ua({ classNames: e = "", ...t }) {
           "nav",
           {
             className: `navbar-wrapper ${e}`,
-            style: l ? h : a,
+            style: l ? v : a,
             children: /* @__PURE__ */ M("div", { className: "navbar-container", children: [
-              /* @__PURE__ */ u("a", { href: "/home", className: "logo-container", children: /* @__PURE__ */ u("img", { src: r || "#", alt: " ", style: { maxHeight: "40px" } }) }),
+              h ? /* @__PURE__ */ u("a", { href: "/home", className: "logo-container", onClick: m, children: /* @__PURE__ */ u("img", { src: r || "#", alt: " ", style: { maxHeight: "40px" } }) }) : /* @__PURE__ */ u("div", { className: "logo-container", children: /* @__PURE__ */ u("img", { src: r || "#", alt: " ", style: { maxHeight: "40px" } }) }),
               /* @__PURE__ */ M("div", { className: "right-side-container", children: [
-                d && w.hasPermission ? /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(
+                d && b.hasPermission ? /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(
                   "label",
                   {
                     className: "topbar-search-label",
@@ -2131,11 +2133,11 @@ function Ua({ classNames: e = "", ...t }) {
                     children: /* @__PURE__ */ u("div", { id: "autocomplete", style: { width: 223 }, children: /* @__PURE__ */ u(
                       Wa,
                       {
-                        items: x,
-                        onSearch: g,
-                        onHover: b,
-                        onSelect: S,
-                        onFocus: I,
+                        items: w,
+                        onSearch: T,
+                        onHover: S,
+                        onSelect: I,
+                        onFocus: P,
                         autoFocus: !0,
                         inputDebounce: 300,
                         placeholder: "Search",
@@ -2182,7 +2184,7 @@ function Ua({ classNames: e = "", ...t }) {
                       primaryColor: l == null ? void 0 : l.headerTextColor,
                       avatarUrl: n == null ? void 0 : n.avatarUrl,
                       userName: n == null ? void 0 : n.firstName,
-                      setShowConfirmModal: v
+                      setShowConfirmModal: s
                     }
                   ),
                   /* @__PURE__ */ u(
@@ -2211,8 +2213,8 @@ function Ua({ classNames: e = "", ...t }) {
         /* @__PURE__ */ u(
           fi,
           {
-            isOpen: m,
-            onClose: () => v(!1),
+            isOpen: p,
+            onClose: () => s(!1),
             onConfirm: f
           }
         )
@@ -2231,7 +2233,7 @@ function Ka() {
       value: Xr.de,
       element: /* @__PURE__ */ u(Zi, {})
     }
-  ], [t, r] = W(!1), [n, o] = W(
+  ], [t, r] = U(!1), [n, o] = U(
     new Array(e.length).fill(!1)
   ), { language: i, setLanguage: a } = ci();
   q(() => {
@@ -2268,9 +2270,9 @@ function Ya({
   avatarUrl: e,
   userName: t
 }) {
-  const [r, n] = W(!1), o = Se(null);
+  const [r, n] = U(!1), o = Se(null);
   Se(null);
-  const [i, a] = W(!1), [l, c] = W(!1);
+  const [i, a] = U(!1), [l, c] = U(!1);
   return q(() => {
     io({
       childrenClass: "userAvatar",
@@ -2672,7 +2674,7 @@ function Ga() {
 var qa = typeof Et == "object" && Et && Et.Object === Object && Et, Za = typeof self == "object" && self && self.Object === Object && self;
 qa || Za || Function("return this")();
 function Xa(e) {
-  const [t, r] = W(!!e), n = Mt(() => {
+  const [t, r] = U(!!e), n = Mt(() => {
     r(!0);
   }, []), o = Mt(() => {
     r(!1);
@@ -2904,7 +2906,7 @@ function go(e) {
 function we(e, t, r = {
   clone: !0
 }) {
-  const n = r.clone ? B({}, e) : e;
+  const n = r.clone ? H({}, e) : e;
   return Oe(e) && Oe(t) && Object.keys(t).forEach((o) => {
     /* @__PURE__ */ N.isValidElement(t[o]) ? n[o] = t[o] : Oe(t[o]) && // Avoid prototype pollution
     Object.prototype.hasOwnProperty.call(e, o) && Oe(e[o]) ? n[o] = we(e[o], t[o], r) : r.clone ? n[o] = Oe(t[o]) ? go(t[o]) : t[o] : n[o] = t[o];
@@ -2925,7 +2927,7 @@ const es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: dt
 }, Symbol.toStringTag, { value: "Module" }));
-var _r = { exports: {} }, H = {};
+var _r = { exports: {} }, V = {};
 /**
  * @license React
  * react-is.production.js
@@ -2938,7 +2940,7 @@ var _r = { exports: {} }, H = {};
 var un;
 function ts() {
   if (un)
-    return H;
+    return V;
   un = 1;
   var e = Symbol.for("react.transitional.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.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), v = Symbol.for("react.client.reference");
   function p(s) {
@@ -2971,35 +2973,35 @@ function ts() {
       }
     }
   }
-  return H.ContextConsumer = i, H.ContextProvider = a, H.Element = e, H.ForwardRef = l, H.Fragment = r, H.Lazy = h, H.Memo = f, H.Portal = t, H.Profiler = o, H.StrictMode = n, H.Suspense = c, H.SuspenseList = d, H.isContextConsumer = function(s) {
+  return V.ContextConsumer = i, V.ContextProvider = a, V.Element = e, V.ForwardRef = l, V.Fragment = r, V.Lazy = h, V.Memo = f, V.Portal = t, V.Profiler = o, V.StrictMode = n, V.Suspense = c, V.SuspenseList = d, V.isContextConsumer = function(s) {
     return p(s) === i;
-  }, H.isContextProvider = function(s) {
+  }, V.isContextProvider = function(s) {
     return p(s) === a;
-  }, H.isElement = function(s) {
+  }, V.isElement = function(s) {
     return typeof s == "object" && s !== null && s.$$typeof === e;
-  }, H.isForwardRef = function(s) {
+  }, V.isForwardRef = function(s) {
     return p(s) === l;
-  }, H.isFragment = function(s) {
+  }, V.isFragment = function(s) {
     return p(s) === r;
-  }, H.isLazy = function(s) {
+  }, V.isLazy = function(s) {
     return p(s) === h;
-  }, H.isMemo = function(s) {
+  }, V.isMemo = function(s) {
     return p(s) === f;
-  }, H.isPortal = function(s) {
+  }, V.isPortal = function(s) {
     return p(s) === t;
-  }, H.isProfiler = function(s) {
+  }, V.isProfiler = function(s) {
     return p(s) === o;
-  }, H.isStrictMode = function(s) {
+  }, V.isStrictMode = function(s) {
     return p(s) === n;
-  }, H.isSuspense = function(s) {
+  }, V.isSuspense = function(s) {
     return p(s) === c;
-  }, H.isSuspenseList = function(s) {
+  }, V.isSuspenseList = function(s) {
     return p(s) === d;
-  }, H.isValidElementType = function(s) {
+  }, V.isValidElementType = function(s) {
     return typeof s == "string" || typeof s == "function" || s === r || s === o || s === n || s === c || s === d || s === m || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === f || s.$$typeof === a || s.$$typeof === i || s.$$typeof === l || s.$$typeof === v || s.getModuleId !== void 0);
-  }, H.typeOf = p, H;
+  }, V.typeOf = p, V;
 }
-var V = {};
+var W = {};
 /**
  * @license React
  * react-is.development.js
@@ -3043,34 +3045,34 @@ function rs() {
       }
     }
     var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), p = Symbol.for("react.client.reference");
-    V.ContextConsumer = a, V.ContextProvider = l, V.Element = t, V.ForwardRef = c, V.Fragment = n, V.Lazy = m, V.Memo = h, V.Portal = r, V.Profiler = i, V.StrictMode = o, V.Suspense = d, V.SuspenseList = f, V.isContextConsumer = function(s) {
+    W.ContextConsumer = a, W.ContextProvider = l, W.Element = t, W.ForwardRef = c, W.Fragment = n, W.Lazy = m, W.Memo = h, W.Portal = r, W.Profiler = i, W.StrictMode = o, W.Suspense = d, W.SuspenseList = f, W.isContextConsumer = function(s) {
       return e(s) === a;
-    }, V.isContextProvider = function(s) {
+    }, W.isContextProvider = function(s) {
       return e(s) === l;
-    }, V.isElement = function(s) {
+    }, W.isElement = function(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
-    }, V.isForwardRef = function(s) {
+    }, W.isForwardRef = function(s) {
       return e(s) === c;
-    }, V.isFragment = function(s) {
+    }, W.isFragment = function(s) {
       return e(s) === n;
-    }, V.isLazy = function(s) {
+    }, W.isLazy = function(s) {
       return e(s) === m;
-    }, V.isMemo = function(s) {
+    }, W.isMemo = function(s) {
       return e(s) === h;
-    }, V.isPortal = function(s) {
+    }, W.isPortal = function(s) {
       return e(s) === r;
-    }, V.isProfiler = function(s) {
+    }, W.isProfiler = function(s) {
       return e(s) === i;
-    }, V.isStrictMode = function(s) {
+    }, W.isStrictMode = function(s) {
       return e(s) === o;
-    }, V.isSuspense = function(s) {
+    }, W.isSuspense = function(s) {
       return e(s) === d;
-    }, V.isSuspenseList = function(s) {
+    }, W.isSuspenseList = function(s) {
       return e(s) === f;
-    }, V.isValidElementType = function(s) {
+    }, W.isValidElementType = function(s) {
       return typeof s == "string" || typeof s == "function" || s === n || s === i || s === o || s === d || s === f || s === v || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === l || s.$$typeof === a || s.$$typeof === c || s.$$typeof === p || s.getModuleId !== void 0);
-    }, V.typeOf = e;
-  }()), V;
+    }, W.typeOf = e;
+  }()), W;
 }
 process.env.NODE_ENV === "production" ? _r.exports = ts() : _r.exports = rs();
 var fn = _r.exports;
@@ -3159,7 +3161,7 @@ function ds(e) {
 function fs(e, t) {
   if (process.env.NODE_ENV === "production")
     return () => null;
-  const r = t ? B({}, t.propTypes) : null;
+  const r = t ? H({}, t.propTypes) : null;
   return (o) => (i, a, l, c, d, ...f) => {
     const h = d || a, m = r == null ? void 0 : r[h];
     if (m) {
@@ -3321,13 +3323,13 @@ function Ts() {
   };
 }
 function Cr(e, t) {
-  const r = B({}, t);
+  const r = H({}, t);
   return Object.keys(e).forEach((n) => {
     if (n.toString().match(/^(components|slots)$/))
-      r[n] = B({}, e[n], r[n]);
+      r[n] = H({}, e[n], r[n]);
     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] = B({}, i), Object.keys(o).forEach((a) => {
+      r[n] = {}, !i || !Object.keys(i) ? r[n] = o : !o || !Object.keys(o) ? r[n] = i : (r[n] = H({}, i), Object.keys(o).forEach((a) => {
         r[n][a] = Cr(o[a], i[a]);
       }));
     } else
@@ -3474,7 +3476,7 @@ var Bs = /* @__PURE__ */ function() {
       return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), te = "-ms-", Lt = "-moz-", D = "-webkit-", Eo = "comm", Fr = "rule", Lr = "decl", Hs = "@import", Co = "@keyframes", Vs = "@layer", Ws = Math.abs, Ut = String.fromCharCode, Us = Object.assign;
+}(), te = "-ms-", Lt = "-moz-", F = "-webkit-", Eo = "comm", Fr = "rule", Lr = "decl", Hs = "@import", Co = "@keyframes", Vs = "@layer", Ws = Math.abs, Ut = String.fromCharCode, Us = Object.assign;
 function Ks(e, t) {
   return ee(e, 0) ^ 45 ? (((t << 2 ^ ee(e, 0)) << 2 ^ ee(e, 1)) << 2 ^ ee(e, 2)) << 2 ^ ee(e, 3) : 0;
 }
@@ -3484,7 +3486,7 @@ function To(e) {
 function Ys(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function F(e, t, r) {
+function L(e, t, r) {
   return e.replace(t, r);
 }
 function Tr(e, t) {
@@ -3621,7 +3623,7 @@ function Nt(e, t, r, n, o, i, a, l, c) {
     switch (p = _, _ = se()) {
       case 40:
         if (p != 108 && ee(S, h - 1) == 58) {
-          Tr(S += F(At(_), "&", "&\f"), "&\f") != -1 && (x = -1);
+          Tr(S += L(At(_), "&", "&\f"), "&\f") != -1 && (x = -1);
           break;
         }
       case 34:
@@ -3658,7 +3660,7 @@ function Nt(e, t, r, n, o, i, a, l, c) {
           case 125:
             y = 0;
           case 59 + f:
-            x == -1 && (S = F(S, /\f/g, "")), v > 0 && ve(S) - h && It(v > 32 ? vn(S + ";", n, r, h - 1) : vn(F(S, " ", "") + ";", n, r, h - 2), c);
+            x == -1 && (S = L(S, /\f/g, "")), v > 0 && ve(S) - h && It(v > 32 ? vn(S + ";", n, r, h - 1) : vn(L(S, " ", "") + ";", n, r, h - 2), c);
             break;
           case 59:
             S += ";";
@@ -3708,7 +3710,7 @@ function Nt(e, t, r, n, o, i, a, l, c) {
 function yn(e, t, r, n, o, i, a, l, c, d, f) {
   for (var h = o - 1, m = o === 0 ? i : [""], v = jr(m), p = 0, s = 0, y = 0; p < n; ++p)
     for (var x = 0, _ = ft(e, h + 1, h = Ws(s = a[p])), w = e; x < v; ++x)
-      (w = To(s > 0 ? m[x] + " " + _ : F(_, /&\f/g, m[x]))) && (c[y++] = w);
+      (w = To(s > 0 ? m[x] + " " + _ : L(_, /&\f/g, m[x]))) && (c[y++] = w);
   return Yt(e, t, r, o === 0 ? Fr : l, c, d, f);
 }
 function rl(e, t, r) {
@@ -3809,7 +3811,7 @@ var al = function(t, r, n) {
 function $o(e, t) {
   switch (Ks(e, t)) {
     case 5103:
-      return D + "print-" + e + e;
+      return F + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -3835,44 +3837,44 @@ function $o(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return D + e + e;
+      return F + e + e;
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return D + e + Lt + e + te + e + e;
+      return F + e + Lt + e + te + e + e;
     case 6828:
     case 4268:
-      return D + e + te + e + e;
+      return F + e + te + e + e;
     case 6165:
-      return D + e + te + "flex-" + e + e;
+      return F + e + te + "flex-" + e + e;
     case 5187:
-      return D + e + F(e, /(\w+).+(:[^]+)/, D + "box-$1$2" + te + "flex-$1$2") + e;
+      return F + e + L(e, /(\w+).+(:[^]+)/, F + "box-$1$2" + te + "flex-$1$2") + e;
     case 5443:
-      return D + e + te + "flex-item-" + F(e, /flex-|-self/, "") + e;
+      return F + e + te + "flex-item-" + L(e, /flex-|-self/, "") + e;
     case 4675:
-      return D + e + te + "flex-line-pack" + F(e, /align-content|flex-|-self/, "") + e;
+      return F + e + te + "flex-line-pack" + L(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return D + e + te + F(e, "shrink", "negative") + e;
+      return F + e + te + L(e, "shrink", "negative") + e;
     case 5292:
-      return D + e + te + F(e, "basis", "preferred-size") + e;
+      return F + e + te + L(e, "basis", "preferred-size") + e;
     case 6060:
-      return D + "box-" + F(e, "-grow", "") + D + e + te + F(e, "grow", "positive") + e;
+      return F + "box-" + L(e, "-grow", "") + F + e + te + L(e, "grow", "positive") + e;
     case 4554:
-      return D + F(e, /([^-])(transform)/g, "$1" + D + "$2") + e;
+      return F + L(e, /([^-])(transform)/g, "$1" + F + "$2") + e;
     case 6187:
-      return F(F(F(e, /(zoom-|grab)/, D + "$1"), /(image-set)/, D + "$1"), e, "") + e;
+      return L(L(L(e, /(zoom-|grab)/, F + "$1"), /(image-set)/, F + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return F(e, /(image-set\([^]*)/, D + "$1$`$1");
+      return L(e, /(image-set\([^]*)/, F + "$1$`$1");
     case 4968:
-      return F(F(e, /(.+:)(flex-)?(.*)/, D + "box-pack:$3" + te + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + D + e + e;
+      return L(L(e, /(.+:)(flex-)?(.*)/, F + "box-pack:$3" + te + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + F + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return F(e, /(.+)-inline(.+)/, D + "$1$2") + e;
+      return L(e, /(.+)-inline(.+)/, F + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -3891,9 +3893,9 @@ function $o(e, t) {
             if (ee(e, t + 4) !== 45)
               break;
           case 102:
-            return F(e, /(.+:)(.+)-([^]+)/, "$1" + D + "$2-$3$1" + Lt + (ee(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return L(e, /(.+:)(.+)-([^]+)/, "$1" + F + "$2-$3$1" + Lt + (ee(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Tr(e, "stretch") ? $o(F(e, "stretch", "fill-available"), t) + e : e;
+            return ~Tr(e, "stretch") ? $o(L(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
@@ -3902,21 +3904,21 @@ function $o(e, t) {
     case 6444:
       switch (ee(e, ve(e) - 3 - (~Tr(e, "!important") && 10))) {
         case 107:
-          return F(e, ":", ":" + D) + e;
+          return L(e, ":", ":" + F) + e;
         case 101:
-          return F(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + D + (ee(e, 14) === 45 ? "inline-" : "") + "box$3$1" + D + "$2$3$1" + te + "$2box$3") + e;
+          return L(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + F + (ee(e, 14) === 45 ? "inline-" : "") + "box$3$1" + F + "$2$3$1" + te + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (ee(e, t + 11)) {
         case 114:
-          return D + e + te + F(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return F + e + te + L(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return D + e + te + F(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return F + e + te + L(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return D + e + te + F(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return F + e + te + L(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return D + e + te + e + e;
+      return F + e + te + e + e;
   }
   return e;
 }
@@ -3928,7 +3930,7 @@ var dl = function(t, r, n, o) {
         break;
       case Co:
         return Qe([st(t, {
-          value: F(t.value, "@", "@" + D)
+          value: L(t.value, "@", "@" + F)
         })], o);
       case Fr:
         if (t.length)
@@ -3937,15 +3939,15 @@ var dl = function(t, r, n, o) {
               case ":read-only":
               case ":read-write":
                 return Qe([st(t, {
-                  props: [F(i, /:(read-\w+)/, ":" + Lt + "$1")]
+                  props: [L(i, /:(read-\w+)/, ":" + Lt + "$1")]
                 })], o);
               case "::placeholder":
                 return Qe([st(t, {
-                  props: [F(i, /:(plac\w+)/, ":" + D + "input-$1")]
+                  props: [L(i, /:(plac\w+)/, ":" + F + "input-$1")]
                 }), st(t, {
-                  props: [F(i, /:(plac\w+)/, ":" + Lt + "$1")]
+                  props: [L(i, /:(plac\w+)/, ":" + Lt + "$1")]
                 }), st(t, {
-                  props: [F(i, /:(plac\w+)/, te + "input-$1")]
+                  props: [L(i, /:(plac\w+)/, te + "input-$1")]
                 })], o);
             }
             return "";
@@ -3998,7 +4000,7 @@ var dl = function(t, r, n, o) {
     insert: c
   };
   return p.sheet.hydrate(l), p;
-}, kr = { exports: {} }, L = {};
+}, kr = { exports: {} }, j = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -4010,7 +4012,7 @@ var dl = function(t, r, n, o) {
 var xn;
 function hl() {
   if (xn)
-    return L;
+    return j;
   xn = 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, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
   function w(b) {
@@ -4046,35 +4048,35 @@ function hl() {
   function E(b) {
     return w(b) === d;
   }
-  return L.AsyncMode = c, L.ConcurrentMode = d, L.ContextConsumer = l, L.ContextProvider = a, L.Element = t, L.ForwardRef = f, L.Fragment = n, L.Lazy = p, L.Memo = v, L.Portal = r, L.Profiler = i, L.StrictMode = o, L.Suspense = h, L.isAsyncMode = function(b) {
+  return j.AsyncMode = c, j.ConcurrentMode = d, j.ContextConsumer = l, j.ContextProvider = a, j.Element = t, j.ForwardRef = f, j.Fragment = n, j.Lazy = p, j.Memo = v, j.Portal = r, j.Profiler = i, j.StrictMode = o, j.Suspense = h, j.isAsyncMode = function(b) {
     return E(b) || w(b) === c;
-  }, L.isConcurrentMode = E, L.isContextConsumer = function(b) {
+  }, j.isConcurrentMode = E, j.isContextConsumer = function(b) {
     return w(b) === l;
-  }, L.isContextProvider = function(b) {
+  }, j.isContextProvider = function(b) {
     return w(b) === a;
-  }, L.isElement = function(b) {
+  }, j.isElement = function(b) {
     return typeof b == "object" && b !== null && b.$$typeof === t;
-  }, L.isForwardRef = function(b) {
+  }, j.isForwardRef = function(b) {
     return w(b) === f;
-  }, L.isFragment = function(b) {
+  }, j.isFragment = function(b) {
     return w(b) === n;
-  }, L.isLazy = function(b) {
+  }, j.isLazy = function(b) {
     return w(b) === p;
-  }, L.isMemo = function(b) {
+  }, j.isMemo = function(b) {
     return w(b) === v;
-  }, L.isPortal = function(b) {
+  }, j.isPortal = function(b) {
     return w(b) === r;
-  }, L.isProfiler = function(b) {
+  }, j.isProfiler = function(b) {
     return w(b) === i;
-  }, L.isStrictMode = function(b) {
+  }, j.isStrictMode = function(b) {
     return w(b) === o;
-  }, L.isSuspense = function(b) {
+  }, j.isSuspense = function(b) {
     return w(b) === h;
-  }, L.isValidElementType = function(b) {
+  }, j.isValidElementType = function(b) {
     return typeof b == "string" || typeof b == "function" || b === n || b === d || b === i || b === o || b === h || b === m || typeof b == "object" && b !== null && (b.$$typeof === p || b.$$typeof === v || b.$$typeof === a || b.$$typeof === l || b.$$typeof === f || b.$$typeof === y || b.$$typeof === x || b.$$typeof === _ || b.$$typeof === s);
-  }, L.typeOf = w, L;
+  }, j.typeOf = w, j;
 }
-var j = {};
+var B = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -4087,16 +4089,16 @@ var Sn;
 function ml() {
   return Sn || (Sn = 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, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
-    function w(T) {
-      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      T === n || T === d || T === i || T === o || T === h || T === m || typeof T == "object" && T !== null && (T.$$typeof === p || T.$$typeof === v || T.$$typeof === a || T.$$typeof === l || T.$$typeof === f || T.$$typeof === y || T.$$typeof === x || T.$$typeof === _ || T.$$typeof === s);
+    function w(C) {
+      return typeof C == "string" || typeof C == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      C === n || C === d || C === i || C === o || C === h || C === m || typeof C == "object" && C !== null && (C.$$typeof === p || C.$$typeof === v || C.$$typeof === a || C.$$typeof === l || C.$$typeof === f || C.$$typeof === y || C.$$typeof === x || C.$$typeof === _ || C.$$typeof === s);
     }
-    function E(T) {
-      if (typeof T == "object" && T !== null) {
-        var Me = T.$$typeof;
+    function E(C) {
+      if (typeof C == "object" && C !== null) {
+        var Me = C.$$typeof;
         switch (Me) {
           case t:
-            var De = T.type;
+            var De = C.type;
             switch (De) {
               case c:
               case d:
@@ -4123,48 +4125,48 @@ function ml() {
         }
       }
     }
-    var b = c, g = d, S = l, I = a, k = t, O = f, C = n, $ = p, P = v, U = r, re = i, he = o, ze = h, Ee = !1;
-    function at(T) {
-      return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ke(T) || E(T) === c;
+    var b = c, g = d, S = l, T = a, I = t, P = f, k = n, O = p, A = v, z = r, re = i, he = o, ze = h, Ee = !1;
+    function at(C) {
+      return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ke(C) || E(C) === c;
     }
-    function ke(T) {
-      return E(T) === d;
+    function ke(C) {
+      return E(C) === d;
     }
-    function je(T) {
-      return E(T) === l;
+    function je(C) {
+      return E(C) === l;
     }
-    function Be(T) {
-      return E(T) === a;
+    function Be(C) {
+      return E(C) === a;
     }
-    function He(T) {
-      return typeof T == "object" && T !== null && T.$$typeof === t;
+    function He(C) {
+      return typeof C == "object" && C !== null && C.$$typeof === t;
     }
-    function ge(T) {
-      return E(T) === f;
+    function ge(C) {
+      return E(C) === f;
     }
-    function Ve(T) {
-      return E(T) === n;
+    function Ve(C) {
+      return E(C) === n;
     }
-    function ir(T) {
-      return E(T) === p;
+    function ir(C) {
+      return E(C) === p;
     }
-    function wt(T) {
-      return E(T) === v;
+    function wt(C) {
+      return E(C) === v;
     }
-    function ar(T) {
-      return E(T) === r;
+    function ar(C) {
+      return E(C) === r;
     }
-    function We(T) {
-      return E(T) === i;
+    function We(C) {
+      return E(C) === i;
     }
-    function _t(T) {
-      return E(T) === o;
+    function _t(C) {
+      return E(C) === o;
     }
-    function z(T) {
-      return E(T) === h;
+    function D(C) {
+      return E(C) === h;
     }
-    j.AsyncMode = b, j.ConcurrentMode = g, j.ContextConsumer = S, j.ContextProvider = I, j.Element = k, j.ForwardRef = O, j.Fragment = C, j.Lazy = $, j.Memo = P, j.Portal = U, j.Profiler = re, j.StrictMode = he, j.Suspense = ze, j.isAsyncMode = at, j.isConcurrentMode = ke, j.isContextConsumer = je, j.isContextProvider = Be, j.isElement = He, j.isForwardRef = ge, j.isFragment = Ve, j.isLazy = ir, j.isMemo = wt, j.isPortal = ar, j.isProfiler = We, j.isStrictMode = _t, j.isSuspense = z, j.isValidElementType = w, j.typeOf = E;
-  }()), j;
+    B.AsyncMode = b, B.ConcurrentMode = g, B.ContextConsumer = S, B.ContextProvider = T, B.Element = I, B.ForwardRef = P, B.Fragment = k, B.Lazy = O, B.Memo = A, B.Portal = z, B.Profiler = re, B.StrictMode = he, B.Suspense = ze, B.isAsyncMode = at, B.isConcurrentMode = ke, B.isContextConsumer = je, B.isContextProvider = Be, B.isElement = He, B.isForwardRef = ge, B.isFragment = Ve, B.isLazy = ir, B.isMemo = wt, B.isPortal = ar, B.isProfiler = We, B.isStrictMode = _t, B.isSuspense = D, B.isValidElementType = w, B.typeOf = E;
+  }()), B;
 }
 process.env.NODE_ENV === "production" ? kr.exports = hl() : kr.exports = ml();
 var pl = kr.exports, No = pl, gl = {
@@ -4550,23 +4552,23 @@ var Al = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
         g.theme = N.useContext(qt);
       }
       typeof y.className == "string" ? E = Po(x.registered, b, y.className) : y.className != null && (E = y.className + " ");
-      var I = Gt(h.concat(b), x.registered, g);
-      E += x.key + "-" + I.name, a !== void 0 && (E += " " + a);
-      var k = d && l === void 0 ? In(w) : c, O = {};
-      for (var C in y)
-        d && C === "as" || k(C) && (O[C] = y[C]);
-      return O.className = E, _ && (O.ref = _), /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement(zl, {
+      var T = Gt(h.concat(b), x.registered, g);
+      E += x.key + "-" + T.name, a !== void 0 && (E += " " + a);
+      var I = d && l === void 0 ? In(w) : c, P = {};
+      for (var k in y)
+        d && k === "as" || I(k) && (P[k] = y[k]);
+      return P.className = E, _ && (P.ref = _), /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement(zl, {
         cache: x,
-        serialized: I,
+        serialized: T,
         isStringTag: typeof w == "string"
-      }), /* @__PURE__ */ N.createElement(w, O));
+      }), /* @__PURE__ */ N.createElement(w, P));
     });
     return s.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", s.defaultProps = t.defaultProps, s.__emotion_real = s, s.__emotion_base = o, s.__emotion_styles = h, s.__emotion_forwardProp = l, Object.defineProperty(s, "toString", {
       value: function() {
         return "." + a;
       }
     }), s.withComponent = function(y, x) {
-      var _ = e(y, B({}, r, x, {
+      var _ = e(y, H({}, r, x, {
         shouldForwardProp: kn(s, x, !0)
       }));
       return _.apply(void 0, h);
@@ -4786,7 +4788,7 @@ const Bl = (e, t) => {
     key: r,
     val: e[r]
   })) || [];
-  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => B({}, r, {
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => H({}, r, {
     [n.key]: n.val
   }), {});
 };
@@ -4826,7 +4828,7 @@ function Vo(e) {
     const v = a.indexOf(m);
     return v === 0 ? l(a[1]) : v === a.length - 1 ? c(a[v]) : d(m, a[a.indexOf(m) + 1]).replace("@media", "@media not all and");
   }
-  return B({
+  return H({
     keys: a,
     values: i,
     up: l,
@@ -5558,13 +5560,13 @@ function Go(e = {}, ...t) {
     direction: "ltr",
     components: {},
     // Inject component definitions.
-    palette: B({
+    palette: H({
       mode: "light"
     }, n),
     spacing: c,
-    shape: B({}, ql, i)
+    shape: H({}, ql, i)
   }, a);
-  return d.applyStyles = Yo, d = t.reduce((f, h) => we(f, h), d), d.unstable_sxConfig = B({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.applyStyles = Yo, d = t.reduce((f, h) => we(f, h), d), d.unstable_sxConfig = H({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return or({
       sx: h,
       theme: this
@@ -5596,8 +5598,8 @@ function Vc(e) {
   let i;
   return Array.isArray(t) ? i = [n, ...t] : typeof t == "function" ? i = (...a) => {
     const l = t(...a);
-    return Oe(l) ? B({}, n, l) : n;
-  } : i = B({}, n, t), B({}, o, {
+    return Oe(l) ? H({}, n, l) : n;
+  } : i = H({}, n, t), H({}, o, {
     sx: i
   });
 }
@@ -5735,49 +5737,49 @@ function a0(e = {}) {
       })
     })) : b, E = (b, ...g) => {
       let S = w(b);
-      const I = g ? g.map(w) : [];
-      c && m && I.push((C) => {
-        const $ = kt((0, ce.default)({}, C, {
+      const T = g ? g.map(w) : [];
+      c && m && T.push((k) => {
+        const O = kt((0, ce.default)({}, k, {
           defaultTheme: r,
           themeId: t
         }));
-        if (!$.components || !$.components[c] || !$.components[c].styleOverrides)
+        if (!O.components || !O.components[c] || !O.components[c].styleOverrides)
           return null;
-        const P = $.components[c].styleOverrides, U = {};
-        return Object.entries(P).forEach(([re, he]) => {
-          U[re] = Pt(he, (0, ce.default)({}, C, {
-            theme: $
+        const A = O.components[c].styleOverrides, z = {};
+        return Object.entries(A).forEach(([re, he]) => {
+          z[re] = Pt(he, (0, ce.default)({}, k, {
+            theme: O
           }));
-        }), m(C, U);
-      }), c && !p && I.push((C) => {
-        var $;
-        const P = kt((0, ce.default)({}, C, {
+        }), m(k, z);
+      }), c && !p && T.push((k) => {
+        var O;
+        const A = kt((0, ce.default)({}, k, {
           defaultTheme: r,
           themeId: t
-        })), U = P == null || ($ = P.components) == null || ($ = $[c]) == null ? void 0 : $.variants;
+        })), z = A == null || (O = A.components) == null || (O = O[c]) == null ? void 0 : O.variants;
         return Pt({
-          variants: U
-        }, (0, ce.default)({}, C, {
-          theme: P
+          variants: z
+        }, (0, ce.default)({}, k, {
+          theme: A
         }));
-      }), s || I.push(i);
-      const k = I.length - g.length;
-      if (Array.isArray(b) && k > 0) {
-        const C = new Array(k).fill("");
-        S = [...b, ...C], S.raw = [...b.raw, ...C];
+      }), s || T.push(i);
+      const I = T.length - g.length;
+      if (Array.isArray(b) && I > 0) {
+        const k = new Array(I).fill("");
+        S = [...b, ...k], S.raw = [...b.raw, ...k];
       }
-      const O = _(S, ...I);
+      const P = _(S, ...T);
       if (process.env.NODE_ENV !== "production") {
-        let C;
-        c && (C = `${c}${(0, Gc.default)(d || "")}`), C === void 0 && (C = `Styled(${(0, qc.default)(a)})`), O.displayName = C;
+        let k;
+        c && (k = `${c}${(0, Gc.default)(d || "")}`), k === void 0 && (k = `Styled(${(0, qc.default)(a)})`), P.displayName = k;
       }
-      return a.muiName && (O.muiName = a.muiName), O;
+      return a.muiName && (P.muiName = a.muiName), P;
     };
     return _.withConfig && (E.withConfig = _.withConfig), E;
   };
 }
 function s0(e, t) {
-  return B({
+  return H({
     toolbar: {
       minHeight: 56,
       [e.up("xs")]: {
@@ -6175,7 +6177,7 @@ function O0(e) {
     lightShade: _ = 300,
     darkShade: w = 700
   }) => {
-    if (s = B({}, s), !s.main && s[x] && (s.main = s[x]), !s.hasOwnProperty("main"))
+    if (s = H({}, s), !s.main && s[x] && (s.main = s[x]), !s.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${y ? ` (${y})` : ""} provided to augmentColor(color) is invalid.
 The color object needs to have a \`main\` property or a \`${x}\` property.` : dt(11, y ? ` (${y})` : "", x));
     if (typeof s.main != "string")
@@ -6198,9 +6200,9 @@ const theme2 = createTheme({ palette: {
     dark: dr,
     light: Pn
   };
-  return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), we(B({
+  return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), we(H({
     // A collection of common colors.
-    common: B({}, pt),
+    common: H({}, pt),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
@@ -6277,7 +6279,7 @@ function N0(e, t) {
     pxToRem: h
   } = r, m = Ne(r, $0);
   process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const v = o / 14, p = h || ((x) => `${x / d * v}rem`), s = (x, _, w, E, b) => B({
+  const v = o / 14, p = h || ((x) => `${x / d * v}rem`), s = (x, _, w, E, b) => H({
     fontFamily: n,
     fontWeight: x,
     fontSize: p(_),
@@ -6308,7 +6310,7 @@ function N0(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return we(B({
+  return we(H({
     htmlFontSize: d,
     pxToRem: p,
     fontFamily: n,
@@ -6359,8 +6361,8 @@ function B0(e) {
   return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
 }
 function H0(e) {
-  const t = B({}, L0, e.easing), r = B({}, j0, e.duration);
-  return B({
+  const t = H({}, L0, e.easing), r = H({}, j0, e.duration);
+  return H({
     getAutoHeightDuration: B0,
     create: (o = ["all"], i = {}) => {
       const {
@@ -6407,7 +6409,7 @@ function U0(e = {}, ...t) {
     shadows: D0.slice(),
     typography: N0(l, i),
     transitions: H0(o),
-    zIndex: B({}, V0)
+    zIndex: H({}, V0)
   });
   if (d = we(d, a), d = t.reduce((f, h) => we(f, h), d), process.env.NODE_ENV !== "production") {
     const f = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (m, v) => {
@@ -6433,7 +6435,7 @@ function U0(e = {}, ...t) {
       v && m.indexOf("Mui") === 0 && h(v, m);
     });
   }
-  return d.unstable_sxConfig = B({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.unstable_sxConfig = H({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return or({
       sx: h,
       theme: this
@@ -6515,7 +6517,7 @@ const J0 = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: f = !1,
     titleAccess: h,
     viewBox: m = "0 0 24 24"
-  } = n, v = Ne(n, J0), p = /* @__PURE__ */ N.isValidElement(o) && o.type === "svg", s = B({}, n, {
+  } = n, v = Ne(n, J0), p = /* @__PURE__ */ N.isValidElement(o) && o.type === "svg", s = H({}, n, {
     color: a,
     component: l,
     fontSize: c,
@@ -6526,7 +6528,7 @@ const J0 = ["children", "className", "color", "component", "fontSize", "htmlColo
   }), y = {};
   f || (y.viewBox = m);
   const x = Q0(s);
-  return /* @__PURE__ */ M(e1, B({
+  return /* @__PURE__ */ M(e1, H({
     as: l,
     className: gi(x.root, i),
     focusable: "false",
@@ -6616,7 +6618,7 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
 Ht.muiName = "SvgIcon";
 function ri(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ u(Ht, B({
+    return /* @__PURE__ */ u(Ht, H({
       "data-testid": `${t}Icon`,
       ref: o
     }, n, {
@@ -6748,14 +6750,14 @@ function u1(e) {
         if (b.hasOwnProperty(y))
           g = b[y];
         else {
-          var S = r(s.props, y, s._instanceProps), I = o(s.props, y, s._instanceProps), k = _ === "horizontal" || E === "horizontal", O = _ === "rtl", C = k ? S : 0;
+          var S = r(s.props, y, s._instanceProps), T = o(s.props, y, s._instanceProps), I = _ === "horizontal" || E === "horizontal", P = _ === "rtl", k = I ? S : 0;
           b[y] = g = {
             position: "absolute",
-            left: O ? void 0 : C,
-            right: O ? C : void 0,
-            top: k ? 0 : S,
-            height: k ? "100%" : I,
-            width: k ? I : "100%"
+            left: P ? void 0 : k,
+            right: P ? k : void 0,
+            top: I ? 0 : S,
+            height: I ? "100%" : T,
+            width: I ? T : "100%"
           };
         }
         return g;
@@ -6865,22 +6867,22 @@ function u1(e) {
     }, v.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Hn(this._resetIsScrollingTimeoutId);
     }, v.render = function() {
-      var s = this.props, y = s.children, x = s.className, _ = s.direction, w = s.height, E = s.innerRef, b = s.innerElementType, g = s.innerTagName, S = s.itemCount, I = s.itemData, k = s.itemKey, O = k === void 0 ? c1 : k, C = s.layout, $ = s.outerElementType, P = s.outerTagName, U = s.style, re = s.useIsScrolling, he = s.width, ze = this.state.isScrolling, Ee = _ === "horizontal" || C === "horizontal", at = Ee ? this._onScrollHorizontal : this._onScrollVertical, ke = this._getRangeToRender(), je = ke[0], Be = ke[1], He = [];
+      var s = this.props, y = s.children, x = s.className, _ = s.direction, w = s.height, E = s.innerRef, b = s.innerElementType, g = s.innerTagName, S = s.itemCount, T = s.itemData, I = s.itemKey, P = I === void 0 ? c1 : I, k = s.layout, O = s.outerElementType, A = s.outerTagName, z = s.style, re = s.useIsScrolling, he = s.width, ze = this.state.isScrolling, Ee = _ === "horizontal" || k === "horizontal", at = Ee ? this._onScrollHorizontal : this._onScrollVertical, ke = this._getRangeToRender(), je = ke[0], Be = ke[1], He = [];
       if (S > 0)
         for (var ge = je; ge <= Be; ge++)
           He.push(sr(y, {
-            data: I,
-            key: O(ge, I),
+            data: T,
+            key: P(ge, T),
             index: ge,
             isScrolling: re ? ze : void 0,
             style: this._getItemStyle(ge)
           }));
       var Ve = n(this.props, this._instanceProps);
-      return sr($ || P || "div", {
+      return sr(O || A || "div", {
         className: x,
         onScroll: at,
         ref: this._outerRefSetter,
-        style: B({
+        style: H({
           position: "relative",
           height: w,
           width: he,
@@ -6888,7 +6890,7 @@ function u1(e) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: _
-        }, U)
+        }, z)
       }, sr(b || g || "div", {
         children: He,
         ref: E,
@@ -6907,15 +6909,15 @@ function u1(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var b = this.state, g = b.scrollDirection, S = b.scrollOffset, I = b.scrollUpdateWasRequested;
-        this._callOnScroll(g, S, I);
+        var b = this.state, g = b.scrollDirection, S = b.scrollOffset, T = b.scrollUpdateWasRequested;
+        this._callOnScroll(g, S, T);
       }
     }, v._getRangeToRender = function() {
       var s = this.props, y = s.itemCount, x = s.overscanCount, _ = this.state, w = _.isScrolling, E = _.scrollDirection, b = _.scrollOffset;
       if (y === 0)
         return [0, 0, 0, 0];
-      var g = a(this.props, b, this._instanceProps), S = l(this.props, g, b, this._instanceProps), I = !w || E === "backward" ? Math.max(1, x) : 1, k = !w || E === "forward" ? Math.max(1, x) : 1;
-      return [Math.max(0, g - I), Math.max(0, Math.min(y - 1, S + k)), g, S];
+      var g = a(this.props, b, this._instanceProps), S = l(this.props, g, b, this._instanceProps), T = !w || E === "backward" ? Math.max(1, x) : 1, I = !w || E === "forward" ? Math.max(1, x) : 1;
+      return [Math.max(0, g - T), Math.max(0, Math.min(y - 1, S + I)), g, S];
     }, m;
   }(si), t.defaultProps = {
     direction: "ltr",
@@ -7082,7 +7084,7 @@ const Vt = 37, g1 = (e, t) => {
   return document.body.removeChild(a), l > 21 ? Vt + 21 : Vt;
 };
 function X1(e) {
-  const [t, r] = W(!1), [n, o] = W(""), [i, a] = W(""), [l, c] = W(!1), { isRequired: d = !1 } = e, f = Mt(
+  const [t, r] = U(!1), [n, o] = U(""), [i, a] = U(""), [l, c] = U(!1), { isRequired: d = !1 } = e, f = Mt(
     Qr.debounce((g) => {
       var S;
       (S = e.handleChangeSearch) == null || S.call(e, g);
@@ -7104,8 +7106,8 @@ function X1(e) {
     o(g.target.value), t && (a(g.target.value), f(g.target.value), c(!0));
   }, w = Se(null), E = Se(null), b = Se(null);
   return q(() => {
-    var g, S, I, k;
-    t ? ((g = E.current) == null || g.classList.add("Mui-focused"), (S = b.current) == null || S.classList.add("Mui-focused")) : ((I = E.current) == null || I.classList.remove("Mui-focused"), (k = b.current) == null || k.classList.remove("Mui-focused"));
+    var g, S, T, I;
+    t ? ((g = E.current) == null || g.classList.add("Mui-focused"), (S = b.current) == null || S.classList.add("Mui-focused")) : ((T = E.current) == null || T.classList.remove("Mui-focused"), (I = b.current) == null || I.classList.remove("Mui-focused"));
   }, [t]), /* @__PURE__ */ u(
     Mi,
     {
@@ -7225,25 +7227,25 @@ function X1(e) {
                           onItemsRendered: g,
                           height: Vt * Math.min(e.itemsNumber || 6, s),
                           itemCount: s,
-                          itemSize: (I) => {
-                            var k;
+                          itemSize: (T) => {
+                            var I;
                             return g1(
-                              (k = w.current) == null ? void 0 : k.offsetWidth,
-                              v[I] ? e.getOptionLabel(v[I]) : ""
+                              (I = w.current) == null ? void 0 : I.offsetWidth,
+                              v[T] ? e.getOptionLabel(v[T]) : ""
                             );
                           },
                           width: "100%",
                           className: "styled-scroll",
-                          children: ({ index: I, style: k }) => {
-                            var C;
-                            const O = v[I];
-                            return x(I) ? /* @__PURE__ */ u(
+                          children: ({ index: T, style: I }) => {
+                            var k;
+                            const P = v[T];
+                            return x(T) ? /* @__PURE__ */ u(
                               Kn,
                               {
-                                stackProps: { style: k },
-                                option: O,
-                                renderOption: ($) => {
-                                  var P;
+                                stackProps: { style: I },
+                                option: P,
+                                renderOption: (O) => {
+                                  var A;
                                   return /* @__PURE__ */ M(
                                     me,
                                     {
@@ -7251,22 +7253,22 @@ function X1(e) {
                                       alignItems: "center",
                                       justifyContent: "space-between",
                                       children: [
-                                        /* @__PURE__ */ u(Ce, { children: e.getOptionLabel($) }),
-                                        (P = e.renderOptionTooltip) == null ? void 0 : P.call(e, $)
+                                        /* @__PURE__ */ u(Ce, { children: e.getOptionLabel(O) }),
+                                        (A = e.renderOptionTooltip) == null ? void 0 : A.call(e, O)
                                       ]
                                     }
                                   );
                                 },
-                                onClick: ($) => {
-                                  var P;
-                                  m(), (P = e.onChange) == null || P.call(e, $);
+                                onClick: (O) => {
+                                  var A;
+                                  m(), (A = e.onChange) == null || A.call(e, O);
                                 },
-                                select: ((C = e.isEqual) == null ? void 0 : C.call(e, O, e.value)) ?? Qr.isEqual(O, e.value)
+                                select: ((k = e.isEqual) == null ? void 0 : k.call(e, P, e.value)) ?? Qr.isEqual(P, e.value)
                               }
                             ) : /* @__PURE__ */ u(
                               me,
                               {
-                                style: k,
+                                style: I,
                                 sx: { height: Vt, pl: 1 },
                                 justifyContent: "center",
                                 children: /* @__PURE__ */ u(Ce, { children: "Loading..." })
@@ -7317,7 +7319,7 @@ function X1(e) {
 }
 function J1(e) {
   var f;
-  const { listProps: t } = e, [r, n] = W({
+  const { listProps: t } = e, [r, n] = U({
     initLoading: !e.disabled,
     searchLoading: !1,
     hasNextPage: !1,
@@ -7488,7 +7490,7 @@ function y1(e) {
 const v1 = "Reset date";
 function Q1(e) {
   var l, c;
-  const [t, r] = W(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : Q(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + Q(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
+  const [t, r] = U(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : Q(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + Q(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
   q(() => {
     r(e.value);
   }, [e.value]);
@@ -7709,7 +7711,7 @@ const Yn = (e) => {
     console.log("payload", n), t(n);
   });
 }), _1 = (e) => {
-  const [t, r] = W({
+  const [t, r] = U({
     actorName: "",
     message: "",
     context: "",