@ukpc-lib/react 0.16.6 → 0.16.7

package/dist/components/index.js

@@ -1,7 +1,7 @@
-import di, { jsxs as A, Fragment as be, jsx as f } from "react/jsx-runtime";
+import di, { jsxs as A, Fragment as ve, jsx as f } from "react/jsx-runtime";
 import * as $ from "react";
 import Ee, { createElement as sn, PureComponent as fi, useState as D, useEffect as J, useRef as ye, useContext as We, useCallback as dt, forwardRef as hi } from "react";
-import { c as Ie, a as ht, _ as mi, b as Jn, d as W, C as nt, t as Le, I as Zr, N as pi, p as gi, L as Qn, u as yi, e as Xr, S as Jr, f as bi, g as vi, Q as Qr, h as Tt, s as er, i as Pn, P, j as we, k as xi, o as Si, l as Fe, m as wi, n as Ot, q as tr, r as _i, v as nr, D as Ei, w as eo, x as to, y as Ci, z as Ti, A as Ii } from "../index.esm2017-CxUJuamS.js";
+import { c as Ie, a as ht, _ as mi, b as Jn, d as W, C as nt, t as Le, I as Zr, N as pi, p as gi, L as Qn, u as yi, e as Xr, S as Jr, f as vi, g as bi, Q as Qr, h as Tt, s as er, i as Pn, P, j as we, k as xi, o as Si, l as Fe, m as wi, n as Ot, q as tr, r as _i, v as nr, D as Ei, w as eo, x as to, y as Ci, z as Ti, A as Ii } from "../index.esm2017-CxUJuamS.js";
 import { F as iu, G as au, J as su, U as cu, B as lu, E as uu, H as du } from "../index.esm2017-CxUJuamS.js";
 import { Box as no, CircularProgress as ro, Typography as Me, Stack as Se, Dialog as Mi, DialogTitle as ki, DialogContent as Oi, DialogActions as Ai, Button as gn, ClickAwayListener as $i, TextField as oo, IconButton as Ni, Fade as Pi, Paper as Ri, Checkbox as zi, Breadcrumbs as Li } from "@mui/material";
 import "axios";
@@ -15,7 +15,7 @@ const Fi = (e) => {
   const { tabs: t } = e, n = (i) => {
     e.setCurrentTab(i.target.id);
   };
-  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ A(be, { children: [
+  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ A(ve, { children: [
     /* @__PURE__ */ f("style", { children: `
       .tab-title { 
         min-width: 90px;
@@ -179,21 +179,21 @@ function Ki(e) {
         scrollDirection: "forward",
         scrollOffset: typeof s.props.initialScrollOffset == "number" ? s.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = cn(function(p, v, S, x) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = cn(function(p, b, S, x) {
         return s.props.onItemsRendered({
           overscanStartIndex: p,
-          overscanStopIndex: v,
+          overscanStopIndex: b,
           visibleStartIndex: S,
           visibleStopIndex: x
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = cn(function(p, v, S) {
+      }), s._callOnScroll = void 0, s._callOnScroll = cn(function(p, b, S) {
         return s.props.onScroll({
           scrollDirection: p,
-          scrollOffset: v,
+          scrollOffset: b,
           scrollUpdateWasRequested: S
         });
       }), s._getItemStyle = void 0, s._getItemStyle = function(p) {
-        var v = s.props, S = v.direction, x = v.itemSize, E = v.layout, y = s._getItemStyleCache(d && x, d && E, d && S), w;
+        var b = s.props, S = b.direction, x = b.itemSize, E = b.layout, y = s._getItemStyleCache(d && x, d && E, d && S), w;
         if (y.hasOwnProperty(p))
           w = y[p];
         else {
@@ -208,10 +208,10 @@ function Ki(e) {
           };
         }
         return w;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = cn(function(p, v, S) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = cn(function(p, b, S) {
         return {};
       }), s._onScrollHorizontal = function(p) {
-        var v = p.currentTarget, S = v.clientWidth, x = v.scrollLeft, E = v.scrollWidth;
+        var b = p.currentTarget, S = b.clientWidth, x = b.scrollLeft, E = b.scrollWidth;
         s.setState(function(y) {
           if (y.scrollOffset === x)
             return null;
@@ -233,7 +233,7 @@ function Ki(e) {
           };
         }, s._resetIsScrollingDebounced);
       }, s._onScrollVertical = function(p) {
-        var v = p.currentTarget, S = v.clientHeight, x = v.scrollHeight, E = v.scrollTop;
+        var b = p.currentTarget, S = b.clientHeight, x = b.scrollHeight, E = b.scrollTop;
         s.setState(function(y) {
           if (y.scrollOffset === E)
             return null;
@@ -246,8 +246,8 @@ function Ki(e) {
           };
         }, s._resetIsScrollingDebounced);
       }, s._outerRefSetter = function(p) {
-        var v = s.props.outerRef;
-        s._outerRef = p, typeof v == "function" ? v(p) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = p);
+        var b = s.props.outerRef;
+        s._outerRef = p, typeof b == "function" ? b(p) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = p);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && ir(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Vi(s._resetIsScrolling, Wi);
       }, s._resetIsScrolling = function() {
@@ -261,8 +261,8 @@ function Ki(e) {
     m.getDerivedStateFromProps = function(s, p) {
       return Gi(s, p), u(s), null;
     };
-    var b = m.prototype;
-    return b.scrollTo = function(s) {
+    var v = m.prototype;
+    return v.scrollTo = function(s) {
       s = Math.max(0, s), this.setState(function(p) {
         return p.scrollOffset === s ? null : {
           scrollDirection: p.scrollOffset < s ? "forward" : "backward",
@@ -270,9 +270,9 @@ function Ki(e) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, b.scrollToItem = function(s, p) {
+    }, v.scrollToItem = function(s, p) {
       p === void 0 && (p = "auto");
-      var v = this.props, S = v.itemCount, x = v.layout, E = this.state.scrollOffset;
+      var b = this.props, S = b.itemCount, x = b.layout, E = this.state.scrollOffset;
       s = Math.max(0, Math.min(s, S - 1));
       var y = 0;
       if (this._outerRef) {
@@ -280,18 +280,18 @@ function Ki(e) {
         x === "vertical" ? y = w.scrollWidth > w.clientWidth ? ar() : 0 : y = w.scrollHeight > w.clientHeight ? ar() : 0;
       }
       this.scrollTo(i(this.props, s, p, E, this._instanceProps, y));
-    }, b.componentDidMount = function() {
-      var s = this.props, p = s.direction, v = s.initialScrollOffset, S = s.layout;
-      if (typeof v == "number" && this._outerRef != null) {
+    }, v.componentDidMount = function() {
+      var s = this.props, p = s.direction, b = s.initialScrollOffset, S = s.layout;
+      if (typeof b == "number" && this._outerRef != null) {
         var x = this._outerRef;
-        p === "horizontal" || S === "horizontal" ? x.scrollLeft = v : x.scrollTop = v;
+        p === "horizontal" || S === "horizontal" ? x.scrollLeft = b : x.scrollTop = b;
       }
       this._callPropsCallbacks();
-    }, b.componentDidUpdate = function() {
-      var s = this.props, p = s.direction, v = s.layout, S = this.state, x = S.scrollOffset, E = S.scrollUpdateWasRequested;
+    }, v.componentDidUpdate = function() {
+      var s = this.props, p = s.direction, b = s.layout, S = this.state, x = S.scrollOffset, E = S.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var y = this._outerRef;
-        if (p === "horizontal" || v === "horizontal")
+        if (p === "horizontal" || b === "horizontal")
           if (p === "rtl")
             switch (sr()) {
               case "negative":
@@ -311,10 +311,10 @@ function Ki(e) {
           y.scrollTop = x;
       }
       this._callPropsCallbacks();
-    }, b.componentWillUnmount = function() {
+    }, v.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ir(this._resetIsScrollingTimeoutId);
-    }, b.render = function() {
-      var s = this.props, p = s.children, v = s.className, S = s.direction, x = s.height, E = s.innerRef, y = s.innerElementType, w = s.innerTagName, _ = s.itemCount, I = s.itemData, M = s.itemKey, L = M === void 0 ? Ui : M, C = s.layout, k = s.outerElementType, R = s.outerTagName, Y = s.style, ie = s.useIsScrolling, ue = s.width, $e = this.state.isScrolling, N = S === "horizontal" || C === "horizontal", z = N ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), de = U[0], ae = U[1], re = [];
+    }, v.render = function() {
+      var s = this.props, p = s.children, b = s.className, S = s.direction, x = s.height, E = s.innerRef, y = s.innerElementType, w = s.innerTagName, _ = s.itemCount, I = s.itemData, M = s.itemKey, L = M === void 0 ? Ui : M, C = s.layout, k = s.outerElementType, R = s.outerTagName, Y = s.style, ie = s.useIsScrolling, ue = s.width, $e = this.state.isScrolling, N = S === "horizontal" || C === "horizontal", z = N ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), de = U[0], ae = U[1], re = [];
       if (_ > 0)
         for (var te = de; te <= ae; te++)
           re.push(sn(p, {
@@ -326,7 +326,7 @@ function Ki(e) {
           }));
       var _e = r(this.props, this._instanceProps);
       return sn(k || R || "div", {
-        className: v,
+        className: b,
         onScroll: z,
         ref: this._outerRefSetter,
         style: W({
@@ -347,23 +347,23 @@ function Ki(e) {
           width: N ? _e : "100%"
         }
       }));
-    }, b._callPropsCallbacks = function() {
+    }, v._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var s = this.props.itemCount;
         if (s > 0) {
-          var p = this._getRangeToRender(), v = p[0], S = p[1], x = p[2], E = p[3];
-          this._callOnItemsRendered(v, S, x, E);
+          var p = this._getRangeToRender(), b = p[0], S = p[1], x = p[2], E = p[3];
+          this._callOnItemsRendered(b, S, x, E);
         }
       }
       if (typeof this.props.onScroll == "function") {
         var y = this.state, w = y.scrollDirection, _ = y.scrollOffset, I = y.scrollUpdateWasRequested;
         this._callOnScroll(w, _, I);
       }
-    }, b._getRangeToRender = function() {
-      var s = this.props, p = s.itemCount, v = s.overscanCount, S = this.state, x = S.isScrolling, E = S.scrollDirection, y = S.scrollOffset;
+    }, v._getRangeToRender = function() {
+      var s = this.props, p = s.itemCount, b = s.overscanCount, S = this.state, x = S.isScrolling, E = S.scrollDirection, y = S.scrollOffset;
       if (p === 0)
         return [0, 0, 0, 0];
-      var w = a(this.props, y, this._instanceProps), _ = c(this.props, w, y, this._instanceProps), I = !x || E === "backward" ? Math.max(1, v) : 1, M = !x || E === "forward" ? Math.max(1, v) : 1;
+      var w = a(this.props, y, this._instanceProps), _ = c(this.props, w, y, this._instanceProps), I = !x || E === "backward" ? Math.max(1, b) : 1, M = !x || E === "forward" ? Math.max(1, b) : 1;
       return [Math.max(0, w - I), Math.max(0, Math.min(p - 1, _ + M)), w, _];
     }, m;
   }(fi), t.defaultProps = {
@@ -454,7 +454,7 @@ var Gi = function(t, n) {
   },
   getEstimatedTotalSize: cr,
   getOffsetForIndexAndAlignment: function(t, n, r, o, i, a) {
-    var c = t.direction, l = t.height, d = t.layout, u = t.width, h = c === "horizontal" || d === "horizontal", m = h ? u : l, b = Qe(t, n, i), g = cr(t, i), s = Math.max(0, Math.min(g - m, b.offset)), p = Math.max(0, b.offset - m + b.size + a);
+    var c = t.direction, l = t.height, d = t.layout, u = t.width, h = c === "horizontal" || d === "horizontal", m = h ? u : l, v = Qe(t, n, i), g = cr(t, i), s = Math.max(0, Math.min(g - m, v.offset)), p = Math.max(0, v.offset - m + v.size + a);
     switch (r === "smart" && (o >= p - m && o <= s + m ? r = "auto" : r = "center"), r) {
       case "start":
         return s;
@@ -471,7 +471,7 @@ var Gi = function(t, n) {
     return qi(t, r, n);
   },
   getStopIndexForStartIndex: function(t, n, r, o) {
-    for (var i = t.direction, a = t.height, c = t.itemCount, l = t.layout, d = t.width, u = i === "horizontal" || l === "horizontal", h = u ? d : a, m = Qe(t, n, o), b = r + h, g = m.offset + m.size, s = n; s < c - 1 && g < b; )
+    for (var i = t.direction, a = t.height, c = t.itemCount, l = t.layout, d = t.width, u = i === "horizontal" || l === "horizontal", h = u ? d : a, m = Qe(t, n, o), v = r + h, g = m.offset + m.size, s = n; s < c - 1 && g < v; )
       s++, g += Qe(t, s, o).size;
     return s;
   },
@@ -507,14 +507,14 @@ const un = 20, lr = ({
     };
     return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
   }, []);
-  const [u, h] = D([]), [m, b] = D(!0), [g, s] = D(!1), [p, v] = D(1), [S, x] = D({}), E = ye(null), { setNotiData: y } = We(nt), w = ao({ baseUrl: e, notiPath: t, setNotiData: y }), _ = ye(null), I = dt(async () => {
+  const [u, h] = D([]), [m, v] = D(!0), [g, s] = D(!1), [p, b] = D(1), [S, x] = D({}), E = ye(null), { setNotiData: y } = We(nt), w = ao({ baseUrl: e, notiPath: t, setNotiData: y }), _ = ye(null), I = dt(async () => {
     if (!(g || !m)) {
       s(!0);
       try {
         const N = u.length === 0 ? 1 : p + 1, z = await w(N, un, o), U = (z == null ? void 0 : z.rows) || [];
-        _.current = (z == null ? void 0 : z.count) || (z == null ? void 0 : z.total) || null, h((de) => [...de, ...U]), v(N), (U.length < un || _.current && u.length + U.length >= _.current) && b(!1);
+        _.current = (z == null ? void 0 : z.count) || (z == null ? void 0 : z.total) || null, h((de) => [...de, ...U]), b(N), (U.length < un || _.current && u.length + U.length >= _.current) && v(!1);
       } catch {
-        b(!1);
+        v(!1);
       } finally {
         s(!1);
       }
@@ -539,7 +539,7 @@ const un = 20, lr = ({
       unread: {
         total: 0
       }
-    })), v(1), b(!0), c(!1);
+    })), b(1), v(!0), c(!1);
   }, k = () => {
     c(!0), C();
   }, R = ({ style: N }) => /* @__PURE__ */ A(
@@ -649,11 +649,11 @@ const un = 20, lr = ({
   var d, u;
   const r = ye(null), { setShowModalFalse: o } = We(nt), { notidata: i } = We(nt);
   console.log(i), J(() => {
-    const h = (b) => {
-      !(!!b.composedPath ? b.composedPath() : [b.target]).some(
-        (v) => {
+    const h = (v) => {
+      !(!!v.composedPath ? v.composedPath() : [v.target]).some(
+        (b) => {
           var S;
-          return v === r.current || ((S = v == null ? void 0 : v.classList) == null ? void 0 : S.contains("noti-container"));
+          return b === r.current || ((S = b == null ? void 0 : b.classList) == null ? void 0 : S.contains("noti-container"));
         }
       ) && o();
     }, m = setTimeout(() => {
@@ -695,7 +695,7 @@ const un = 20, lr = ({
       )
     }
   ];
-  return /* @__PURE__ */ f(be, { children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(ve, { children: /* @__PURE__ */ f(
     "div",
     {
       ref: r,
@@ -777,7 +777,7 @@ function Ji({
   const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = We(nt), { notidata: c, setNotiData: l } = We(nt), d = ao({ baseUrl: t, notiPath: n, setNotiData: l });
   return J(() => {
     (async () => {
-      var b, g;
+      var v, g;
       try {
         const [s] = await Promise.all([
           d(1, 20, "unread")
@@ -790,7 +790,7 @@ function Ji({
         }));
       } catch (s) {
         gi(
-          ((g = (b = s.response) == null ? void 0 : b.data) == null ? void 0 : g.errorMessage) || "Have error when get notification list"
+          ((g = (v = s.response) == null ? void 0 : v.data) == null ? void 0 : g.errorMessage) || "Have error when get notification list"
         );
       }
     })();
@@ -947,17 +947,17 @@ function fo({ count: e = 1, wrapper: t, className: n, containerClassName: r, con
   const h = Ee.useContext(oa), m = { ...c };
   for (const [x, E] of Object.entries(c))
     typeof E > "u" && delete m[x];
-  const b = {
+  const v = {
     ...h,
     ...m,
     circle: i
   }, g = {
     ...a,
-    ...ia(b)
+    ...ia(v)
   };
   let s = "react-loading-skeleton";
   n && (s += ` ${n}`);
-  const p = (l = b.inline) !== null && l !== void 0 ? l : !1, v = [], S = Math.ceil(e);
+  const p = (l = v.inline) !== null && l !== void 0 ? l : !1, b = [], S = Math.ceil(e);
   for (let x = 0; x < S; x++) {
     let E = g;
     if (S > e && x === S - 1) {
@@ -965,14 +965,14 @@ function fo({ count: e = 1, wrapper: t, className: n, containerClassName: r, con
       E = { ...E, width: I };
     }
     const y = Ee.createElement("span", { className: s, style: E, key: x }, "‌");
-    p ? v.push(y) : v.push(Ee.createElement(
+    p ? b.push(y) : b.push(Ee.createElement(
       Ee.Fragment,
       { key: x },
       y,
       Ee.createElement("br", null)
     ));
   }
-  return Ee.createElement("span", { className: r, "data-testid": o, "aria-live": "polite", "aria-busy": (u = b.enableAnimation) !== null && u !== void 0 ? u : uo }, t ? v.map((x, E) => Ee.createElement(t, { key: E }, x)) : v);
+  return Ee.createElement("span", { className: r, "data-testid": o, "aria-live": "polite", "aria-busy": (u = v.enableAnimation) !== null && u !== void 0 ? u : uo }, t ? b.map((x, E) => Ee.createElement(t, { key: E }, x)) : b);
 }
 const aa = '@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}', sa = ({
   baseUrl: e,
@@ -1085,8 +1085,8 @@ function dn(e) {
 function go(e) {
   return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
 }
-const ma = "Incorrect 'index' type", pa = (e) => `Invalid value for key ${e}`, ga = (e) => `Pattern length exceeds max of ${e}.`, ya = (e) => `Missing ${e} property in key`, ba = (e) => `Property 'weight' in key '${e}' must be a positive integer`, ur = Object.prototype.hasOwnProperty;
-class va {
+const ma = "Incorrect 'index' type", pa = (e) => `Invalid value for key ${e}`, ga = (e) => `Pattern length exceeds max of ${e}.`, ya = (e) => `Missing ${e} property in key`, va = (e) => `Property 'weight' in key '${e}' must be a positive integer`, ur = Object.prototype.hasOwnProperty;
+class ba {
   constructor(t) {
     this._keys = [], this._keyMap = {};
     let n = 0;
@@ -1116,7 +1116,7 @@ function yo(e) {
       throw new Error(ya("name"));
     const a = e.name;
     if (r = a, ur.call(e, "weight") && (o = e.weight, o <= 0))
-      throw new Error(ba(a));
+      throw new Error(va(a));
     t = dr(a), n = yn(a), i = e.getFn;
   }
   return { path: t, id: n, weight: o, src: r, getFn: i };
@@ -1319,7 +1319,7 @@ class Rn {
     };
   }
 }
-function bo(e, t, { getFn: n = O.getFn, fieldNormWeight: r = O.fieldNormWeight } = {}) {
+function vo(e, t, { getFn: n = O.getFn, fieldNormWeight: r = O.fieldNormWeight } = {}) {
   const o = new Rn({ getFn: n, fieldNormWeight: r });
   return o.setKeys(e.map(yo)), o.setSources(t), o.create(), o;
 }
@@ -1361,20 +1361,20 @@ function ka(e, t, n, {
   if (t.length > Ve)
     throw new Error(ga(Ve));
   const u = t.length, h = e.length, m = Math.max(0, Math.min(r, h));
-  let b = i, g = m;
+  let v = i, g = m;
   const s = c > 1 || l, p = s ? Array(h) : [];
-  let v;
-  for (; (v = e.indexOf(t, g)) > -1; ) {
+  let b;
+  for (; (b = e.indexOf(t, g)) > -1; ) {
     let _ = It(t, {
-      currentLocation: v,
+      currentLocation: b,
       expectedLocation: m,
       distance: o,
       ignoreLocation: d
     });
-    if (b = Math.min(_, b), g = v + u, s) {
+    if (v = Math.min(_, v), g = b + u, s) {
       let I = 0;
       for (; I < u; )
-        p[v + I] = 1, I += 1;
+        p[b + I] = 1, I += 1;
     }
   }
   g = -1;
@@ -1389,7 +1389,7 @@ function ka(e, t, n, {
         expectedLocation: m,
         distance: o,
         ignoreLocation: d
-      }) <= b ? I = M : E = M, M = Math.floor((E - I) / 2 + I);
+      }) <= v ? I = M : E = M, M = Math.floor((E - I) / 2 + I);
     E = M;
     let L = Math.max(1, m - M + 1), C = a ? h : Math.min(m + M, h) + u, k = Array(C + 2);
     k[C + 1] = (1 << _) - 1;
@@ -1401,8 +1401,8 @@ function ka(e, t, n, {
         expectedLocation: m,
         distance: o,
         ignoreLocation: d
-      }), x <= b)) {
-        if (b = x, g = ie, g <= m)
+      }), x <= v)) {
+        if (v = x, g = ie, g <= m)
           break;
         L = Math.max(1, 2 * m - g);
       }
@@ -1413,7 +1413,7 @@ function ka(e, t, n, {
       expectedLocation: m,
       distance: o,
       ignoreLocation: d
-    }) > b)
+    }) > v)
       break;
     S = k;
   }
@@ -1436,7 +1436,7 @@ function Oa(e) {
   }
   return t;
 }
-class vo {
+class bo {
   constructor(t, {
     location: n = O.location,
     threshold: r = O.threshold,
@@ -1458,19 +1458,19 @@ class vo {
       ignoreLocation: d
     }, this.pattern = l ? t : t.toLowerCase(), this.chunks = [], !this.pattern.length)
       return;
-    const u = (m, b) => {
+    const u = (m, v) => {
       this.chunks.push({
         pattern: m,
         alphabet: Oa(m),
-        startIndex: b
+        startIndex: v
       });
     }, h = this.pattern.length;
     if (h > Ve) {
       let m = 0;
-      const b = h % Ve, g = h - b;
+      const v = h % Ve, g = h - v;
       for (; m < g; )
         u(this.pattern.substr(m, Ve), m), m += Ve;
-      if (b) {
+      if (v) {
         const s = h - Ve;
         u(this.pattern.substr(s), s);
       }
@@ -1496,7 +1496,7 @@ class vo {
     } = this.options;
     let u = [], h = 0, m = !1;
     this.chunks.forEach(({ pattern: g, alphabet: s, startIndex: p }) => {
-      const { isMatch: v, score: S, indices: x } = ka(t, g, s, {
+      const { isMatch: b, score: S, indices: x } = ka(t, g, s, {
         location: o + p,
         distance: i,
         threshold: a,
@@ -1505,13 +1505,13 @@ class vo {
         includeMatches: r,
         ignoreLocation: d
       });
-      v && (m = !0), h += S, v && x && (u = [...u, ...x]);
+      b && (m = !0), h += S, b && x && (u = [...u, ...x]);
     });
-    let b = {
+    let v = {
       isMatch: m,
       score: m ? h / this.chunks.length : 1
     };
-    return m && r && (b.indices = u), b;
+    return m && r && (v.indices = u), v;
   }
 }
 class He {
@@ -1674,7 +1674,7 @@ class xo extends He {
     isCaseSensitive: l = O.isCaseSensitive,
     ignoreLocation: d = O.ignoreLocation
   } = {}) {
-    super(t), this._bitapSearch = new vo(t, {
+    super(t), this._bitapSearch = new bo(t, {
       location: n,
       threshold: r,
       distance: o,
@@ -1724,7 +1724,7 @@ class So extends He {
     };
   }
 }
-const bn = [
+const vn = [
   Aa,
   So,
   Na,
@@ -1733,7 +1733,7 @@ const bn = [
   Ra,
   $a,
   xo
-], hr = bn.length, La = / +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/, Da = "|";
+], hr = vn.length, La = / +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/, Da = "|";
 function Fa(e, t = {}) {
   return e.split(Da).map((n) => {
     let r = n.trim().split(La).filter((i) => i && !!i.trim()), o = [];
@@ -1741,13 +1741,13 @@ function Fa(e, t = {}) {
       const c = r[i];
       let l = !1, d = -1;
       for (; !l && ++d < hr; ) {
-        const u = bn[d];
+        const u = vn[d];
         let h = u.isMultiMatch(c);
         h && (o.push(new u(h, t)), l = !0);
       }
       if (!l)
         for (d = -1; ++d < hr; ) {
-          const u = bn[d];
+          const u = vn[d];
           let h = u.isSingleMatch(c);
           if (h) {
             o.push(new u(h, t));
@@ -1798,11 +1798,11 @@ class ja {
       const u = n[l];
       a.length = 0, i = 0;
       for (let h = 0, m = u.length; h < m; h += 1) {
-        const b = u[h], { isMatch: g, indices: s, score: p } = b.search(t);
+        const v = u[h], { isMatch: g, indices: s, score: p } = v.search(t);
         if (g) {
           if (i += 1, c += p, r) {
-            const v = b.constructor.type;
-            Ha.has(v) ? a = [...a, ...s] : a.push(s);
+            const b = v.constructor.type;
+            Ha.has(b) ? a = [...a, ...s] : a.push(s);
           }
         } else {
           c = 0, i = 0, a.length = 0;
@@ -1823,17 +1823,17 @@ class ja {
     };
   }
 }
-const vn = [];
+const bn = [];
 function Ba(...e) {
-  vn.push(...e);
+  bn.push(...e);
 }
 function xn(e, t) {
-  for (let n = 0, r = vn.length; n < r; n += 1) {
-    let o = vn[n];
+  for (let n = 0, r = bn.length; n < r; n += 1) {
+    let o = bn[n];
     if (o.condition(e, t))
       return new o(e, t);
   }
-  return new vo(e, t);
+  return new bo(e, t);
 }
 const Dt = {
   AND: "$and",
@@ -1920,12 +1920,12 @@ function Ya(e, t, {
 }
 class ot {
   constructor(t, n = {}, r) {
-    this.options = { ...O, ...n }, this.options.useExtendedSearch, this._keyStore = new va(this.options.keys), this.setCollection(t, r);
+    this.options = { ...O, ...n }, this.options.useExtendedSearch, this._keyStore = new ba(this.options.keys), this.setCollection(t, r);
   }
   setCollection(t, n) {
     if (this._docs = t, n && !(n instanceof Rn))
       throw new Error(ma);
-    this._myIndex = n || bo(this.options.keys, this._docs, {
+    this._myIndex = n || vo(this.options.keys, this._docs, {
       getFn: this.options.getFn,
       fieldNormWeight: this.options.fieldNormWeight
     });
@@ -1977,22 +1977,22 @@ class ot {
   _searchLogical(t) {
     const n = wo(t, this.options), r = (c, l, d) => {
       if (!c.children) {
-        const { keyId: h, searcher: m } = c, b = this._findMatches({
+        const { keyId: h, searcher: m } = c, v = this._findMatches({
           key: this._keyStore.get(h),
           value: this._myIndex.getValueForItemAtKeyId(l, h),
           searcher: m
         });
-        return b && b.length ? [
+        return v && v.length ? [
           {
             idx: d,
             item: l,
-            matches: b
+            matches: v
           }
         ] : [];
       }
       const u = [];
       for (let h = 0, m = c.children.length; h < m; h += 1) {
-        const b = c.children[h], g = r(b, l, d);
+        const v = c.children[h], g = r(v, l, d);
         if (g.length)
           u.push(...g);
         else if (c.operator === Dt.AND)
@@ -2056,7 +2056,7 @@ class ot {
   }
 }
 ot.version = "6.6.2";
-ot.createIndex = bo;
+ot.createIndex = vo;
 ot.parseIndex = Ia;
 ot.config = O;
 ot.parseQuery = wo;
@@ -2094,7 +2094,7 @@ function Xa({
 }) {
   const h = l || ((g) => g[i]), m = (g) => {
     t(g), n(g[i]);
-  }, b = ({
+  }, v = ({
     event: g,
     result: s
   }) => {
@@ -2110,7 +2110,7 @@ function Xa({
       id: a === s ? "selectedSearch" : "",
       onMouseEnter: () => c({ index: s }),
       "data-test": "result",
-      onMouseDown: (p) => b({ event: p, result: g }),
+      onMouseDown: (p) => v({ event: p, result: g }),
       onClick: () => m(g),
       children: [
         /* @__PURE__ */ f(_n, { showIcon: r }),
@@ -2173,16 +2173,16 @@ function Qa({
 }) {
   const h = ye(null);
   let m = !0;
-  const b = () => {
+  const v = () => {
     m = !1, h != null && h.current && h.current.focus(), m = !0;
   }, g = (p) => {
     m && i(p);
   }, s = u ? { maxLength: u } : {};
   return J(() => {
     document.querySelector("global-topbar");
-    const p = (v) => {
+    const p = (b) => {
       const S = document.getElementById("AddTagButton"), x = document.getElementsByClassName("btn-edit");
-      ["a", "e", "t"].includes(v.key.toLowerCase()) && ((x == null ? void 0 : x.length) > 0 && x[0].addEventListener(
+      ["a", "e", "t"].includes(b.key.toLowerCase()) && ((x == null ? void 0 : x.length) > 0 && x[0].addEventListener(
         "click",
         (y) => {
           const w = document.querySelector("global-topbar"), _ = w != null ? w.shadowRoot : document, I = _.getElementById("GlobalSearchInput");
@@ -2218,13 +2218,13 @@ function Qa({
         autoFocus: o,
         onBlur: () => r(),
         onKeyDown: (p) => {
-          var v, S;
+          var b;
           if (p.key === "Enter") {
-            const x = document.querySelector("global-topbar");
-            if ((x != null ? x.shadowRoot : document).getElementById("selectedSearch") === null) {
+            const S = document.querySelector("global-topbar");
+            if ((S != null ? S.shadowRoot : document).getElementById("selectedSearch") === null) {
               console.log("enter", p);
-              const y = p.currentTarget.value;
-              (S = (v = window.top) == null ? void 0 : v.HostBridge) == null || S.childRouteChange(`/stella/page/Search/Index?Term=${y}`);
+              const E = p.currentTarget.value;
+              (b = window.top) == null || b.shellNavigate(`/app/stella/page/Search/Index?Term=${E}`);
               return;
             }
           }
@@ -2241,7 +2241,7 @@ function Qa({
         setSearchString: t,
         searchString: e,
         onClear: a,
-        setFocus: b
+        setFocus: v
       }
     )
   ] });
@@ -2266,11 +2266,11 @@ function ns({
   showClear: u = !0,
   maxResults: h = ts,
   placeholder: m = "",
-  autoFocus: b = !1,
+  autoFocus: v = !1,
   styling: g = {},
   resultStringKeyName: s = "name",
   inputSearchString: p = "",
-  formatResult: v,
+  formatResult: b,
   showNoResults: S = !0,
   showNoResultsText: x = "No results",
   showItemsOnFocus: E = !1,
@@ -2346,14 +2346,14 @@ function ns({
           break;
       }
   };
-  return /* @__PURE__ */ f(be, { children: /* @__PURE__ */ A("div", { className: "StyledReactSearchAutocomplete", children: [
+  return /* @__PURE__ */ f(ve, { children: /* @__PURE__ */ A("div", { className: "StyledReactSearchAutocomplete", children: [
     /* @__PURE__ */ f("div", { className: "wrapper", children: /* @__PURE__ */ f(
       Qa,
       {
         searchString: M,
         setSearchString: an,
         eraseResults: Ue,
-        autoFocus: b,
+        autoFocus: v,
         onFocus: re,
         onClear: c,
         placeholder: m,
@@ -2373,7 +2373,7 @@ function ns({
         showIcon: d,
         maxResults: h,
         resultStringKeyName: s,
-        formatResult: v,
+        formatResult: b,
         highlightedItem: R,
         setHighlightedItem: Ct,
         showNoResultsFlag: z,
@@ -2398,9 +2398,9 @@ function rs({ classNames: e = "", ...t }) {
     ...a,
     color: (c == null ? void 0 : c.headerTextColor) || "white",
     backgroundColor: (c == null ? void 0 : c.headerBgColor) || "black"
-  }, [b, g] = D(!1), { Term: s } = Di();
+  }, [v, g] = D(!1), { Term: s } = Di();
   console.log("term", s);
-  const [p, v] = D([]), [S, x] = D([]), E = sa({ baseUrl: o });
+  const [p, b] = D([]), [S, x] = D([]), E = sa({ baseUrl: o });
   console.log("searchPermission", E.hasPermission), J(() => {
     p.length >= 3 ? y(p) : x([]);
   }, [p]);
@@ -2413,7 +2413,7 @@ function rs({ classNames: e = "", ...t }) {
   }, w = (C) => {
     console.log(C);
   }, _ = (C, k) => {
-    v(C), console.log(C, k);
+    b(C), console.log(C, k);
   }, I = (C) => {
     const k = C.entityType, R = C.entityId;
     switch (k) {
@@ -2434,14 +2434,14 @@ function rs({ classNames: e = "", ...t }) {
     const C = document.querySelector("global-topbar"), R = (C != null ? C.shadowRoot : document).getElementById("GlobalSearchInput");
     R && R.value.length >= 3 && (setTimeout(() => {
     }, 1e3), y(R.value));
-  }, L = (C) => C.entityType === "Location" ? /* @__PURE__ */ A(be, { children: [
+  }, L = (C) => C.entityType === "Location" ? /* @__PURE__ */ A(ve, { children: [
     /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: C.name } }),
     " ",
     /* @__PURE__ */ A("div", { style: { fontSize: "0.6em" }, children: [
       "Status: ",
       C.entityStatus
     ] })
-  ] }) : /* @__PURE__ */ f(be, { children: /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: C.name } }) });
+  ] }) : /* @__PURE__ */ f(ve, { children: /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: C.name } }) });
   return /* @__PURE__ */ A(
     Jr,
     {
@@ -2491,7 +2491,7 @@ function rs({ classNames: e = "", ...t }) {
                   }
                 ) }) : "",
                 t.customElement,
-                /* @__PURE__ */ f("span", { children: /* @__PURE__ */ A(bi, { children: [
+                /* @__PURE__ */ f("span", { children: /* @__PURE__ */ A(vi, { children: [
                   /* @__PURE__ */ f(
                     w1,
                     {
@@ -2552,9 +2552,9 @@ function rs({ classNames: e = "", ...t }) {
           }
         ),
         /* @__PURE__ */ f(
-          vi,
+          bi,
           {
-            isOpen: b,
+            isOpen: v,
             onClose: () => g(!1),
             onConfirm: u
           }
@@ -2586,7 +2586,7 @@ function os() {
     });
   }, []);
   const c = (l = e.find((d) => d.value == i)) == null ? void 0 : l.element;
-  return /* @__PURE__ */ A(be, { children: [
+  return /* @__PURE__ */ A(ve, { children: [
     /* @__PURE__ */ f("style", { children: la }),
     /* @__PURE__ */ f(
       "div",
@@ -2621,7 +2621,7 @@ function is({
         r(!1);
       }
     });
-  }, []), /* @__PURE__ */ f(be, { children: /* @__PURE__ */ f("div", { style: { position: "relative" }, children: e ? /* @__PURE__ */ f(
+  }, []), /* @__PURE__ */ f(ve, { children: /* @__PURE__ */ f("div", { style: { position: "relative" }, children: e ? /* @__PURE__ */ f(
     "img",
     {
       onClick: () => r(!n),
@@ -3070,7 +3070,7 @@ function U1(e) {
           pb: 3,
           ...(t = e.dialogActionsProps) == null ? void 0 : t.sx
         },
-        children: e.customActions ? e.customActions : /* @__PURE__ */ A(be, { children: [
+        children: e.customActions ? e.customActions : /* @__PURE__ */ A(ve, { children: [
           !e.hideClose && /* @__PURE__ */ f(gn, { color: "error", onClick: e.onClose, children: "Close" }),
           !e.hideConfirm && /* @__PURE__ */ f(gn, { color: "primary", onClick: e.onConfirm, children: "Submit" })
         ] })
@@ -3197,7 +3197,7 @@ function fs() {
   if (yr)
     return K;
   yr = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), a = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.for("react.client.reference");
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), a = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), v = Symbol.for("react.client.reference");
   function g(s) {
     if (typeof s == "object" && s !== null) {
       var p = s.$$typeof;
@@ -3253,7 +3253,7 @@ function fs() {
   }, K.isSuspenseList = function(s) {
     return g(s) === d;
   }, K.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === n || s === o || s === r || s === l || s === d || s === m || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === u || s.$$typeof === a || s.$$typeof === i || s.$$typeof === c || s.$$typeof === b || s.getModuleId !== void 0);
+    return typeof s == "string" || typeof s == "function" || s === n || s === o || s === r || s === l || s === d || s === m || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === u || s.$$typeof === a || s.$$typeof === i || s.$$typeof === c || s.$$typeof === v || s.getModuleId !== void 0);
   }, K.typeOf = g, K;
 }
 var G = {};
@@ -3266,9 +3266,9 @@ var G = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var br;
+var vr;
 function hs() {
-  return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
+  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
     function e(s) {
       if (typeof s == "object" && s !== null) {
         var p = s.$$typeof;
@@ -3299,7 +3299,7 @@ function hs() {
         }
       }
     }
-    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), g = Symbol.for("react.client.reference");
+    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), g = Symbol.for("react.client.reference");
     G.ContextConsumer = a, G.ContextProvider = c, G.Element = t, G.ForwardRef = l, G.Fragment = r, G.Lazy = m, G.Memo = h, G.Portal = n, G.Profiler = i, G.StrictMode = o, G.Suspense = d, G.SuspenseList = u, G.isContextConsumer = function(s) {
       return e(s) === a;
     }, G.isContextProvider = function(s) {
@@ -3325,12 +3325,12 @@ function hs() {
     }, G.isSuspenseList = function(s) {
       return e(s) === u;
     }, G.isValidElementType = function(s) {
-      return typeof s == "string" || typeof s == "function" || s === r || s === i || s === o || s === d || s === u || s === b || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === c || s.$$typeof === a || s.$$typeof === l || s.$$typeof === g || s.getModuleId !== void 0);
+      return typeof s == "string" || typeof s == "function" || s === r || s === i || s === o || s === d || s === u || s === v || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === c || s.$$typeof === a || s.$$typeof === l || s.$$typeof === g || s.getModuleId !== void 0);
     }, G.typeOf = e;
   }()), G;
 }
 process.env.NODE_ENV === "production" ? En.exports = fs() : En.exports = hs();
-var vr = En.exports;
+var br = En.exports;
 const ms = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
 function Eo(e) {
   const t = `${e}`.match(ms);
@@ -3351,9 +3351,9 @@ function ps(e) {
       return Co(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
-        case vr.ForwardRef:
+        case br.ForwardRef:
           return xr(e, e.render, "ForwardRef");
-        case vr.Memo:
+        case br.Memo:
           return xr(e, e.type, "memo");
         default:
           return;
@@ -3374,13 +3374,13 @@ const ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: De
 }, Symbol.toStringTag, { value: "Module" }));
-function bs(...e) {
+function vs(...e) {
   return e.reduce((t, n) => n == null ? t : function(...o) {
     t.apply(this, o), n.apply(this, o);
   }, () => {
   });
 }
-function vs(e, t = 166) {
+function bs(e, t = 166) {
   let n;
   function r(...o) {
     const i = () => {
@@ -3420,9 +3420,9 @@ function _s(e, t) {
   return (o) => (i, a, c, l, d, ...u) => {
     const h = d || a, m = n == null ? void 0 : n[h];
     if (m) {
-      const b = m(i, a, c, l, d, ...u);
-      if (b)
-        return b;
+      const v = m(i, a, c, l, d, ...u);
+      if (v)
+        return v;
     }
     return typeof i[a] < "u" && !i[o] ? new Error(`The prop \`${h}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
   };
@@ -3680,7 +3680,7 @@ process.env.NODE_ENV !== "production" && (P.node, P.object.isRequired);
 function Gs(e) {
   return Ks(e);
 }
-var vt = {}, Oo = { exports: {} };
+var bt = {}, Oo = { exports: {} };
 (function(e) {
   function t(n) {
     return n && n.__esModule ? n : {
@@ -3874,11 +3874,11 @@ function fc(e) {
   return zo(Rt("", null, null, null, [""], e = Ro(e), 0, [0], e));
 }
 function Rt(e, t, n, r, o, i, a, c, l) {
-  for (var d = 0, u = 0, h = a, m = 0, b = 0, g = 0, s = 1, p = 1, v = 1, S = 0, x = "", E = o, y = i, w = r, _ = x; p; )
+  for (var d = 0, u = 0, h = a, m = 0, v = 0, g = 0, s = 1, p = 1, b = 1, S = 0, x = "", E = o, y = i, w = r, _ = x; p; )
     switch (g = S, S = me()) {
       case 40:
         if (g != 108 && oe(_, h - 1) == 58) {
-          In(_ += j(Pt(S), "&", "&\f"), "&\f") != -1 && (v = -1);
+          In(_ += j(Pt(S), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
       case 34:
@@ -3906,7 +3906,7 @@ function Rt(e, t, n, r, o, i, a, c, l) {
         }
         break;
       case 123 * s:
-        c[d++] = Ce(_) * v;
+        c[d++] = Ce(_) * b;
       case 125 * s:
       case 59:
       case 0:
@@ -3915,7 +3915,7 @@ function Rt(e, t, n, r, o, i, a, c, l) {
           case 125:
             p = 0;
           case 59 + u:
-            v == -1 && (_ = j(_, /\f/g, "")), b > 0 && Ce(_) - h && Mt(b > 32 ? Cr(_ + ";", r, n, h - 1) : Cr(j(_, " ", "") + ";", r, n, h - 2), l);
+            b == -1 && (_ = j(_, /\f/g, "")), v > 0 && Ce(_) - h && Mt(v > 32 ? Cr(_ + ";", r, n, h - 1) : Cr(j(_, " ", "") + ";", r, n, h - 2), l);
             break;
           case 59:
             _ += ";";
@@ -3935,10 +3935,10 @@ function Rt(e, t, n, r, o, i, a, c, l) {
                     Rt(_, w, w, w, [""], y, 0, c, y);
                 }
         }
-        d = u = b = 0, s = v = 1, x = _ = "", h = a;
+        d = u = v = 0, s = b = 1, x = _ = "", h = a;
         break;
       case 58:
-        h = 1 + Ce(_), b = g;
+        h = 1 + Ce(_), v = g;
       default:
         if (s < 1) {
           if (S == 123)
@@ -3948,10 +3948,10 @@ function Rt(e, t, n, r, o, i, a, c, l) {
         }
         switch (_ += Ut(S), S * s) {
           case 38:
-            v = u > 0 ? 1 : (_ += "\f", -1);
+            b = u > 0 ? 1 : (_ += "\f", -1);
             break;
           case 44:
-            c[d++] = (Ce(_) - 1) * v, v = 1;
+            c[d++] = (Ce(_) - 1) * b, b = 1;
             break;
           case 64:
             Ae() === 45 && (_ += Pt(me())), m = Ae(), u = h = Ce(x = _ += dc(Nt())), S++;
@@ -3963,9 +3963,9 @@ function Rt(e, t, n, r, o, i, a, c, l) {
   return i;
 }
 function Er(e, t, n, r, o, i, a, c, l, d, u) {
-  for (var h = o - 1, m = o === 0 ? i : [""], b = jn(m), g = 0, s = 0, p = 0; g < r; ++g)
-    for (var v = 0, S = pt(e, h + 1, h = tc(s = a[g])), x = e; v < b; ++v)
-      (x = No(s > 0 ? m[v] + " " + S : j(S, /&\f/g, m[v]))) && (l[p++] = x);
+  for (var h = o - 1, m = o === 0 ? i : [""], v = jn(m), g = 0, s = 0, p = 0; g < r; ++g)
+    for (var b = 0, S = pt(e, h + 1, h = tc(s = a[g])), x = e; b < v; ++b)
+      (x = No(s > 0 ? m[b] + " " + S : j(S, /&\f/g, m[b]))) && (l[p++] = x);
   return Gt(e, t, n, o === 0 ? Fn : c, l, d, u);
 }
 function hc(e, t, n) {
@@ -4019,7 +4019,7 @@ var yc = function(t, n, r) {
   for (var o = 0, i = 0; o = i, i = Ae(), o === 38 && i === 12 && (n[r] = 1), !gt(i); )
     me();
   return xt(t, le);
-}, bc = function(t, n) {
+}, vc = function(t, n) {
   var r = -1, o = 44;
   do
     switch (gt(o)) {
@@ -4039,8 +4039,8 @@ var yc = function(t, n, r) {
     }
   while (o = me());
   return t;
-}, vc = function(t, n) {
-  return zo(bc(Ro(t), n));
+}, bc = function(t, n) {
+  return zo(vc(Ro(t), n));
 }, Tr = /* @__PURE__ */ new WeakMap(), xc = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
@@ -4050,7 +4050,7 @@ var yc = function(t, n, r) {
         return;
     if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !Tr.get(r)) && !o) {
       Tr.set(t, !0);
-      for (var i = [], a = vc(n, i), c = r.props, l = 0, d = 0; l < a.length; l++)
+      for (var i = [], a = bc(n, i), c = r.props, l = 0, d = 0; l < a.length; l++)
         for (var u = 0; u < c.length; u++, d++)
           t.props[d] = i[l] ? a[l].replace(/&\f/g, c[u]) : c[u] + " " + a[l];
     }
@@ -4223,8 +4223,8 @@ var wc = function(t, n, r, o) {
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + n + ' "]'),
     function(s) {
-      for (var p = s.getAttribute("data-emotion").split(" "), v = 1; v < p.length; v++)
-        i[p[v]] = !0;
+      for (var p = s.getAttribute("data-emotion").split(" "), b = 1; b < p.length; b++)
+        i[p[b]] = !0;
       c.push(s);
     }
   );
@@ -4232,11 +4232,11 @@ var wc = function(t, n, r, o) {
   {
     var u, h = [mc, gc(function(s) {
       u.insert(s);
-    })], m = pc(d.concat(o, h)), b = function(p) {
+    })], m = pc(d.concat(o, h)), v = function(p) {
       return et(fc(p), m);
     };
-    l = function(p, v, S, x) {
-      u = S, b(p ? p + "{" + v.styles + "}" : v.styles), x && (g.inserted[v.name] = !0);
+    l = function(p, b, S, x) {
+      u = S, v(p ? p + "{" + b.styles + "}" : b.styles), x && (g.inserted[b.name] = !0);
     };
   }
   var g = {
@@ -4269,7 +4269,7 @@ function Ec() {
   if (Ir)
     return B;
   Ir = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = 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, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, p = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = 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, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = 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, g = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, p = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function x(y) {
     if (typeof y == "object" && y !== null) {
       var w = y.$$typeof;
@@ -4288,7 +4288,7 @@ function Ec() {
                 case c:
                 case u:
                 case g:
-                case b:
+                case v:
                 case a:
                   return y;
                 default:
@@ -4303,7 +4303,7 @@ function Ec() {
   function E(y) {
     return x(y) === d;
   }
-  return B.AsyncMode = l, B.ConcurrentMode = d, B.ContextConsumer = c, B.ContextProvider = a, B.Element = t, B.ForwardRef = u, B.Fragment = r, B.Lazy = g, B.Memo = b, B.Portal = n, B.Profiler = i, B.StrictMode = o, B.Suspense = h, B.isAsyncMode = function(y) {
+  return B.AsyncMode = l, B.ConcurrentMode = d, B.ContextConsumer = c, B.ContextProvider = a, B.Element = t, B.ForwardRef = u, B.Fragment = r, B.Lazy = g, B.Memo = v, B.Portal = n, B.Profiler = i, B.StrictMode = o, B.Suspense = h, B.isAsyncMode = function(y) {
     return E(y) || x(y) === l;
   }, B.isConcurrentMode = E, B.isContextConsumer = function(y) {
     return x(y) === c;
@@ -4318,7 +4318,7 @@ function Ec() {
   }, B.isLazy = function(y) {
     return x(y) === g;
   }, B.isMemo = function(y) {
-    return x(y) === b;
+    return x(y) === v;
   }, B.isPortal = function(y) {
     return x(y) === n;
   }, B.isProfiler = function(y) {
@@ -4328,7 +4328,7 @@ function Ec() {
   }, B.isSuspense = function(y) {
     return x(y) === h;
   }, B.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === r || y === d || y === i || y === o || y === h || y === m || typeof y == "object" && y !== null && (y.$$typeof === g || y.$$typeof === b || y.$$typeof === a || y.$$typeof === c || y.$$typeof === u || y.$$typeof === p || y.$$typeof === v || y.$$typeof === S || y.$$typeof === s);
+    return typeof y == "string" || typeof y == "function" || y === r || y === d || y === i || y === o || y === h || y === m || typeof y == "object" && y !== null && (y.$$typeof === g || y.$$typeof === v || y.$$typeof === a || y.$$typeof === c || y.$$typeof === u || y.$$typeof === p || y.$$typeof === b || y.$$typeof === S || y.$$typeof === s);
   }, B.typeOf = x, B;
 }
 var V = {};
@@ -4343,10 +4343,10 @@ var V = {};
 var Mr;
 function Cc() {
   return Mr || (Mr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = 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, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, p = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = 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, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = 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, g = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, p = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function x(T) {
       return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      T === r || T === d || T === i || T === o || T === h || T === m || typeof T == "object" && T !== null && (T.$$typeof === g || T.$$typeof === b || T.$$typeof === a || T.$$typeof === c || T.$$typeof === u || T.$$typeof === p || T.$$typeof === v || T.$$typeof === S || T.$$typeof === s);
+      T === r || T === d || T === i || T === o || T === h || T === m || typeof T == "object" && T !== null && (T.$$typeof === g || T.$$typeof === v || T.$$typeof === a || T.$$typeof === c || T.$$typeof === u || T.$$typeof === p || T.$$typeof === b || T.$$typeof === S || T.$$typeof === s);
     }
     function E(T) {
       if (typeof T == "object" && T !== null) {
@@ -4368,7 +4368,7 @@ function Cc() {
                   case c:
                   case u:
                   case g:
-                  case b:
+                  case v:
                   case a:
                     return Ke;
                   default:
@@ -4380,7 +4380,7 @@ function Cc() {
         }
       }
     }
-    var y = l, w = d, _ = c, I = a, M = t, L = u, C = r, k = g, R = b, Y = n, ie = i, ue = o, $e = h, N = !1;
+    var y = l, w = d, _ = c, I = a, M = t, L = u, C = r, k = g, R = v, Y = n, ie = i, ue = o, $e = h, N = !1;
     function z(T) {
       return N || (N = !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.")), U(T) || E(T) === l;
     }
@@ -4406,7 +4406,7 @@ function Cc() {
       return E(T) === g;
     }
     function Et(T) {
-      return E(T) === b;
+      return E(T) === v;
     }
     function an(T) {
       return E(T) === n;
@@ -4795,10 +4795,10 @@ var Vc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     else {
       var m = u[0];
       h.push(m[0]);
-      for (var b = u.length, g = 1; g < b; g++)
+      for (var v = u.length, g = 1; g < v; g++)
         h.push(u[g], m[g]);
     }
-    var s = Wn(function(p, v, S) {
+    var s = Wn(function(p, b, S) {
       var x = d && p.as || o, E = "", y = [], w = p;
       if (p.theme == null) {
         w = {};
@@ -4806,14 +4806,14 @@ var Vc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
           w[_] = p[_];
         w.theme = $.useContext(qt);
       }
-      typeof p.className == "string" ? E = Bo(v.registered, y, p.className) : p.className != null && (E = p.className + " ");
-      var I = Yt(h.concat(y), v.registered, w);
-      E += v.key + "-" + I.name, a !== void 0 && (E += " " + a);
+      typeof p.className == "string" ? E = Bo(b.registered, y, p.className) : p.className != null && (E = p.className + " ");
+      var I = Yt(h.concat(y), b.registered, w);
+      E += b.key + "-" + I.name, a !== void 0 && (E += " " + a);
       var M = d && c === void 0 ? Pr(x) : l, L = {};
       for (var C in p)
         d && C === "as" || M(C) && (L[C] = p[C]);
       return L.className = E, S && (L.ref = S), /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(Gc, {
-        cache: v,
+        cache: b,
         serialized: I,
         isStringTag: typeof x == "string"
       }), /* @__PURE__ */ $.createElement(x, L));
@@ -4822,9 +4822,9 @@ var Vc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
       value: function() {
         return "." + a;
       }
-    }), s.withComponent = function(p, v) {
-      var S = e(p, W({}, n, v, {
-        shouldForwardProp: Rr(s, v, !0)
+    }), s.withComponent = function(p, b) {
+      var S = e(p, W({}, n, b, {
+        shouldForwardProp: Rr(s, b, !0)
       }));
       return S.apply(void 0, h);
     }, s;
@@ -5072,16 +5072,16 @@ function Zo(e) {
   function l(m) {
     return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - r / 100}${n})`;
   }
-  function d(m, b) {
-    const g = a.indexOf(b);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${n}) and (max-width:${(g !== -1 && typeof t[a[g]] == "number" ? t[a[g]] : b) - r / 100}${n})`;
+  function d(m, v) {
+    const g = a.indexOf(v);
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${n}) and (max-width:${(g !== -1 && typeof t[a[g]] == "number" ? t[a[g]] : v) - r / 100}${n})`;
   }
   function u(m) {
     return a.indexOf(m) + 1 < a.length ? d(m, a[a.indexOf(m) + 1]) : c(m);
   }
   function h(m) {
-    const b = a.indexOf(m);
-    return b === 0 ? c(a[1]) : b === a.length - 1 ? l(a[b]) : d(m, a[a.indexOf(m) + 1]).replace("@media", "@media not all and");
+    const v = a.indexOf(m);
+    return v === 0 ? c(a[1]) : v === a.length - 1 ? l(a[v]) : d(m, a[a.indexOf(m) + 1]).replace("@media", "@media not all and");
   }
   return W({
     keys: a,
@@ -5286,7 +5286,7 @@ function xe(e, t) {
     transform: t
   });
 }
-const yl = xe("border", ge), bl = xe("borderTop", ge), vl = xe("borderRight", ge), xl = xe("borderBottom", ge), Sl = xe("borderLeft", ge), wl = xe("borderColor"), _l = xe("borderTopColor"), El = xe("borderRightColor"), Cl = xe("borderBottomColor"), Tl = xe("borderLeftColor"), Il = xe("outline", ge), Ml = xe("outlineColor"), en = (e) => {
+const yl = xe("border", ge), vl = xe("borderTop", ge), bl = xe("borderRight", ge), xl = xe("borderBottom", ge), Sl = xe("borderLeft", ge), wl = xe("borderColor"), _l = xe("borderTopColor"), El = xe("borderRightColor"), Cl = xe("borderBottomColor"), Tl = xe("borderLeftColor"), Il = xe("outline", ge), Ml = xe("outlineColor"), en = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = St(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (r) => ({
       borderRadius: wt(t, r)
@@ -5299,7 +5299,7 @@ en.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: je
 } : {};
 en.filterProps = ["borderRadius"];
-Qt(yl, bl, vl, xl, Sl, wl, _l, El, Cl, Tl, en, Il, Ml);
+Qt(yl, vl, bl, xl, Sl, wl, _l, El, Cl, Tl, en, Il, Ml);
 const tn = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = St(e.theme, "spacing", 8, "gap"), n = (r) => ({
@@ -5769,25 +5769,25 @@ function Qo() {
         return null;
       const u = sl(i.breakpoints), h = Object.keys(u);
       let m = u;
-      return Object.keys(d).forEach((b) => {
-        const g = Yl(d[b], i);
+      return Object.keys(d).forEach((v) => {
+        const g = Yl(d[v], i);
         if (g != null)
           if (typeof g == "object")
-            if (a[b])
-              m = ft(m, e(b, g, i, a));
+            if (a[v])
+              m = ft(m, e(v, g, i, a));
             else {
               const s = Pe({
                 theme: i
               }, g, (p) => ({
-                [b]: p
+                [v]: p
               }));
-              Gl(s, g) ? m[b] = t({
+              Gl(s, g) ? m[v] = t({
                 sx: g,
                 theme: i
               }) : m = ft(m, s);
             }
           else
-            m = ft(m, e(b, g, i, a));
+            m = ft(m, e(v, g, i, a));
       }), cl(h, m);
     }
     return Array.isArray(o) ? o.map(c) : c(o);
@@ -5866,12 +5866,12 @@ const t0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   unstable_defaultSxConfig: _t
 }, Symbol.toStringTag, { value: "Module" })), n0 = /* @__PURE__ */ we(t0);
 var at = Dn;
-Object.defineProperty(vt, "__esModule", {
+Object.defineProperty(bt, "__esModule", {
   value: !0
 });
-var r0 = vt.default = y0;
-vt.shouldForwardProp = zt;
-vt.systemDefaultTheme = void 0;
+var r0 = bt.default = y0;
+bt.shouldForwardProp = zt;
+bt.systemDefaultTheme = void 0;
 var pe = at(Ys), Nn = at(qs), Dr = f0(el), o0 = tl, i0 = at(nl), a0 = at(rl), s0 = at(Xl), c0 = at(n0);
 const l0 = ["ownerState"], u0 = ["variants"], d0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function ni(e) {
@@ -5910,7 +5910,7 @@ function m0(e) {
 function zt(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const p0 = vt.systemDefaultTheme = (0, s0.default)(), Fr = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+const p0 = bt.systemDefaultTheme = (0, s0.default)(), Fr = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
 function kt({
   defaultTheme: e,
   theme: t,
@@ -5972,19 +5972,19 @@ function y0(e = {}) {
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: m = g0(Fr(d))
-    } = c, b = (0, Nn.default)(c, d0), g = u !== void 0 ? u : (
+    } = c, v = (0, Nn.default)(c, d0), g = u !== void 0 ? u : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       d && d !== "Root" && d !== "root" || !1
     ), s = h || !1;
     let p;
     process.env.NODE_ENV !== "production" && l && (p = `${l}-${Fr(d || "Root")}`);
-    let v = zt;
-    d === "Root" || d === "root" ? v = r : d ? v = o : m0(a) && (v = void 0);
+    let b = zt;
+    d === "Root" || d === "root" ? b = r : d ? b = o : m0(a) && (b = void 0);
     const S = (0, Dr.default)(a, (0, pe.default)({
-      shouldForwardProp: v,
+      shouldForwardProp: b,
       label: p
-    }, b)), x = (y) => typeof y == "function" && y.__emotion_real !== y || (0, o0.isPlainObject)(y) ? (w) => Lt(y, (0, pe.default)({}, w, {
+    }, v)), x = (y) => typeof y == "function" && y.__emotion_real !== y || (0, o0.isPlainObject)(y) ? (w) => Lt(y, (0, pe.default)({}, w, {
       theme: kt({
         theme: w.theme,
         defaultTheme: n,
@@ -6033,7 +6033,7 @@ function y0(e = {}) {
     return S.withConfig && (E.withConfig = S.withConfig), E;
   };
 }
-function b0(e, t) {
+function v0(e, t) {
   return W({
     toolbar: {
       minHeight: 56,
@@ -6049,7 +6049,7 @@ function b0(e, t) {
   }, t);
 }
 var ee = {};
-const v0 = /* @__PURE__ */ we(ds), x0 = /* @__PURE__ */ we(Vs);
+const b0 = /* @__PURE__ */ we(ds), x0 = /* @__PURE__ */ we(Vs);
 var ri = Dn;
 Object.defineProperty(ee, "__esModule", {
   value: !0
@@ -6058,7 +6058,7 @@ ee.alpha = si;
 ee.blend = $0;
 ee.colorChannel = void 0;
 var S0 = ee.darken = qn;
-ee.decomposeColor = ve;
+ee.decomposeColor = be;
 ee.emphasize = ci;
 var Hr = ee.getContrastRatio = I0;
 ee.getLuminance = jt;
@@ -6072,7 +6072,7 @@ ee.private_safeEmphasize = A0;
 ee.private_safeLighten = O0;
 ee.recomposeColor = st;
 ee.rgbToHex = T0;
-var jr = ri(v0), _0 = ri(x0);
+var jr = ri(b0), _0 = ri(x0);
 function Yn(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), (0, _0.default)(e, t, n);
 }
@@ -6086,11 +6086,11 @@ function E0(e) {
   const t = e.toString(16);
   return t.length === 1 ? `0${t}` : t;
 }
-function ve(e) {
+function be(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return ve(oi(e));
+    return be(oi(e));
   const t = e.indexOf("("), n = e.substring(0, t);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -6109,7 +6109,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
 }
 const ii = (e) => {
-  const t = ve(e);
+  const t = be(e);
   return t.values.slice(0, 3).map((n, r) => t.type.indexOf("hsl") !== -1 && r !== 0 ? `${n}%` : n).join(" ");
 };
 ee.colorChannel = ii;
@@ -6136,11 +6136,11 @@ function T0(e) {
     return e;
   const {
     values: t
-  } = ve(e);
+  } = be(e);
   return `#${t.map((n, r) => E0(r === 3 ? Math.round(255 * n) : n)).join("")}`;
 }
 function ai(e) {
-  e = ve(e);
+  e = be(e);
   const {
     values: t
   } = e, n = t[0], r = t[1] / 100, o = t[2] / 100, i = r * Math.min(o, 1 - o), a = (d, u = (d + n / 30) % 12) => o - i * Math.max(Math.min(u - 3, 9 - u, 1), -1);
@@ -6152,8 +6152,8 @@ function ai(e) {
   });
 }
 function jt(e) {
-  e = ve(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? ve(ai(e)).values : e.values;
+  e = be(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? be(ai(e)).values : e.values;
   return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function I0(e, t) {
@@ -6161,7 +6161,7 @@ function I0(e, t) {
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
 function si(e, t) {
-  return e = ve(e), t = Yn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, st(e);
+  return e = be(e), t = Yn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, st(e);
 }
 function M0(e, t, n) {
   try {
@@ -6171,7 +6171,7 @@ function M0(e, t, n) {
   }
 }
 function qn(e, t) {
-  if (e = ve(e), t = Yn(t), e.type.indexOf("hsl") !== -1)
+  if (e = be(e), t = Yn(t), e.type.indexOf("hsl") !== -1)
     e.values[2] *= 1 - t;
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
     for (let n = 0; n < 3; n += 1)
@@ -6186,7 +6186,7 @@ function k0(e, t, n) {
   }
 }
 function Zn(e, t) {
-  if (e = ve(e), t = Yn(t), e.type.indexOf("hsl") !== -1)
+  if (e = be(e), t = Yn(t), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.indexOf("rgb") !== -1)
     for (let n = 0; n < 3; n += 1)
@@ -6214,13 +6214,13 @@ function A0(e, t, n) {
   }
 }
 function $0(e, t, n, r = 1) {
-  const o = (l, d) => Math.round((l ** (1 / r) * (1 - n) + d ** (1 / r) * n) ** r), i = ve(e), a = ve(t), c = [o(i.values[0], a.values[0]), o(i.values[1], a.values[1]), o(i.values[2], a.values[2])];
+  const o = (l, d) => Math.round((l ** (1 / r) * (1 - n) + d ** (1 / r) * n) ** r), i = be(e), a = be(t), c = [o(i.values[0], a.values[0]), o(i.values[1], a.values[1]), o(i.values[2], a.values[2])];
   return st({
     type: "rgb",
     values: c
   });
 }
-const bt = {
+const vt = {
   black: "#000",
   white: "#fff"
 }, N0 = {
@@ -6291,8 +6291,8 @@ const bt = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: bt.white,
-    default: bt.white
+    paper: vt.white,
+    default: vt.white
   },
   // The colors used to style the action elements.
   action: {
@@ -6315,7 +6315,7 @@ const bt = {
   }
 }, mn = {
   text: {
-    primary: bt.white,
+    primary: vt.white,
     secondary: "rgba(255, 255, 255, 0.7)",
     disabled: "rgba(255, 255, 255, 0.5)",
     icon: "rgba(255, 255, 255, 0.5)"
@@ -6326,7 +6326,7 @@ const bt = {
     default: "#121212"
   },
   action: {
-    active: bt.white,
+    active: vt.white,
     hover: "rgba(255, 255, 255, 0.08)",
     hoverOpacity: 0.08,
     selected: "rgba(255, 255, 255, 0.16)",
@@ -6419,8 +6419,8 @@ function j0(e) {
   function h(s) {
     const p = Hr(s, mn.text.primary) >= n ? mn.text.primary : Br.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const v = Hr(s, p);
-      v < 3 && console.error([`MUI: The contrast ratio of ${v}:1 for ${p} on ${s}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const b = Hr(s, p);
+      b < 3 && console.error([`MUI: The contrast ratio of ${b}:1 for ${p} on ${s}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
     return p;
@@ -6428,13 +6428,13 @@ function j0(e) {
   const m = ({
     color: s,
     name: p,
-    mainShade: v = 500,
+    mainShade: b = 500,
     lightShade: S = 300,
     darkShade: x = 700
   }) => {
-    if (s = W({}, s), !s.main && s[v] && (s.main = s[v]), !s.hasOwnProperty("main"))
+    if (s = W({}, s), !s.main && s[b] && (s.main = s[b]), !s.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${p ? ` (${p})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${v}\` property.` : mt(11, p ? ` (${p})` : "", v));
+The color object needs to have a \`main\` property or a \`${b}\` property.` : mt(11, p ? ` (${p})` : "", b));
     if (typeof s.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${p ? ` (${p})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(s.main)}\` was provided instead.
@@ -6451,13 +6451,13 @@ const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : mt(12, p ? ` (${p})` : "", JSON.stringify(s.main)));
     return Vr(s, "light", S, r), Vr(s, "dark", x, r), s.contrastText || (s.contrastText = h(s.main)), s;
-  }, b = {
+  }, v = {
     dark: mn,
     light: Br
   };
-  return process.env.NODE_ENV !== "production" && (b[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Oe(W({
+  return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Oe(W({
     // A collection of common colors.
-    common: W({}, bt),
+    common: W({}, vt),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
@@ -6507,7 +6507,7 @@ const theme2 = createTheme({ palette: {
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
     tonalOffset: r
-  }, b[t]), o);
+  }, v[t]), o);
 }
 const B0 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function V0(e) {
@@ -6534,9 +6534,9 @@ function W0(e, t) {
     pxToRem: h
   } = n, m = Fe(n, B0);
   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 b = o / 14, g = h || ((v) => `${v / d * b}rem`), s = (v, S, x, E, y) => W({
+  const v = o / 14, g = h || ((b) => `${b / d * v}rem`), s = (b, S, x, E, y) => W({
     fontFamily: r,
-    fontWeight: v,
+    fontWeight: b,
     fontSize: g(S),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: x
@@ -6658,7 +6658,7 @@ function n1(e = {}, ...t) {
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : mt(18));
   const c = j0(r), l = ti(e);
   let d = Oe(l, {
-    mixins: b0(l.breakpoints, n),
+    mixins: v0(l.breakpoints, n),
     palette: c,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: Y0.slice(),
@@ -6667,14 +6667,14 @@ function n1(e = {}, ...t) {
     zIndex: W({}, e1)
   });
   if (d = Oe(d, a), d = t.reduce((u, h) => Oe(u, h), d), process.env.NODE_ENV !== "production") {
-    const u = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (m, b) => {
+    const u = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (m, v) => {
       let g;
       for (g in m) {
         const s = m[g];
         if (u.indexOf(g) !== -1 && Object.keys(s).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const p = Ln("", g);
-            console.error([`MUI: The \`${b}\` component increases the CSS specificity of the \`${g}\` internal state.`, "You can not override it like this: ", JSON.stringify(m, null, 2), "", `Instead, you need to use the '&.${p}' syntax:`, JSON.stringify({
+            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${g}\` internal state.`, "You can not override it like this: ", JSON.stringify(m, null, 2), "", `Instead, you need to use the '&.${p}' syntax:`, JSON.stringify({
               root: {
                 [`&.${p}`]: s
               }
@@ -6686,8 +6686,8 @@ function n1(e = {}, ...t) {
       }
     };
     Object.keys(d.components).forEach((m) => {
-      const b = d.components[m].styleOverrides;
-      b && m.indexOf("Mui") === 0 && h(b, m);
+      const v = d.components[m].styleOverrides;
+      v && m.indexOf("Mui") === 0 && h(v, m);
     });
   }
   return d.unstable_sxConfig = W({}, _t, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
@@ -6732,7 +6732,7 @@ const l1 = ["children", "className", "color", "component", "fontSize", "htmlColo
   theme: e,
   ownerState: t
 }) => {
-  var n, r, o, i, a, c, l, d, u, h, m, b, g;
+  var n, r, o, i, a, c, l, d, u, h, m, v, g;
   return {
     userSelect: "none",
     width: "1em",
@@ -6753,7 +6753,7 @@ const l1 = ["children", "className", "color", "component", "fontSize", "htmlColo
     }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
     color: (h = (m = (e.vars || e).palette) == null || (m = m[t.color]) == null ? void 0 : m.main) != null ? h : {
-      action: (b = (e.vars || e).palette) == null || (b = b.action) == null ? void 0 : b.active,
+      action: (v = (e.vars || e).palette) == null || (v = v.action) == null ? void 0 : v.active,
       disabled: (g = (e.vars || e).palette) == null || (g = g.action) == null ? void 0 : g.disabled,
       inherit: void 0
     }[t.color]
@@ -6772,7 +6772,7 @@ const l1 = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: u = !1,
     titleAccess: h,
     viewBox: m = "0 0 24 24"
-  } = r, b = Fe(r, l1), g = /* @__PURE__ */ $.isValidElement(o) && o.type === "svg", s = W({}, r, {
+  } = r, v = Fe(r, l1), g = /* @__PURE__ */ $.isValidElement(o) && o.type === "svg", s = W({}, r, {
     color: a,
     component: c,
     fontSize: l,
@@ -6782,16 +6782,16 @@ const l1 = ["children", "className", "color", "component", "fontSize", "htmlColo
     hasSvgAsChild: g
   }), p = {};
   u || (p.viewBox = m);
-  const v = u1(s);
+  const b = u1(s);
   return /* @__PURE__ */ A(d1, W({
     as: c,
-    className: wi(v.root, i),
+    className: wi(b.root, i),
     focusable: "false",
     color: d,
     "aria-hidden": h ? void 0 : !0,
     role: h ? "img" : void 0,
     ref: n
-  }, p, b, g && o.props, {
+  }, p, v, g && o.props, {
     ownerState: s,
     children: [g ? o.props.children : o, h ? /* @__PURE__ */ f("title", {
       children: h
@@ -6890,9 +6890,9 @@ const f1 = {
 }, h1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: De,
-  createChainedFunction: bs,
+  createChainedFunction: vs,
   createSvgIcon: li,
-  debounce: vs,
+  debounce: bs,
   deprecatedPropType: xs,
   isMuiElement: Ss,
   ownerDocument: To,
@@ -6967,7 +6967,7 @@ function q1(e) {
   }, [t]), J(() => {
     l(e.searchLoading);
   }, [e.paging.rows, e.searchLoading]);
-  const b = e.paging.rows, { hasNextPage: g } = e, s = g ? b.length + 1 : b.length, p = () => e.isNextPageLoading ? void 0 : e.loadNextPage(i), v = (w) => !g || w < b.length, S = (w) => {
+  const v = e.paging.rows, { hasNextPage: g } = e, s = g ? v.length + 1 : v.length, p = () => e.isNextPageLoading ? void 0 : e.loadNextPage(i), b = (w) => !g || w < v.length, S = (w) => {
     o(w.target.value), t && (a(w.target.value), u(w.target.value), l(!0));
   }, x = ye(null), E = ye(null), y = ye(null);
   return J(() => {
@@ -7081,7 +7081,7 @@ function q1(e) {
                   !c && /* @__PURE__ */ f(
                     Zr,
                     {
-                      isItemLoaded: v,
+                      isItemLoaded: b,
                       itemCount: s,
                       loadMoreItems: p,
                       threshold: 5,
@@ -7096,15 +7096,15 @@ function q1(e) {
                             var M;
                             return p1(
                               (M = x.current) == null ? void 0 : M.offsetWidth,
-                              b[I] ? e.getOptionLabel(b[I]) : ""
+                              v[I] ? e.getOptionLabel(v[I]) : ""
                             );
                           },
                           width: "100%",
                           className: "styled-scroll",
                           children: ({ index: I, style: M }) => {
                             var C;
-                            const L = b[I];
-                            return v(I) ? /* @__PURE__ */ f(
+                            const L = v[I];
+                            return b(I) ? /* @__PURE__ */ f(
                               Gr,
                               {
                                 stackProps: { style: M },
@@ -7167,7 +7167,7 @@ function q1(e) {
                         paddingLeft: "5px",
                         ...Ot(
                           { display: "none" },
-                          !!(b.length || e.loading || c)
+                          !!(v.length || e.loading || c)
                         )
                       },
                       children: /* @__PURE__ */ f(Me, { color: "grayText", children: "No options" })
@@ -7197,11 +7197,11 @@ function Z1(e) {
       totalPages: 1
     }
   }), o = async (h, m) => {
-    var b, g;
+    var v, g;
     if (e.list)
       r(() => {
-        var v;
-        const s = ((v = h == null ? void 0 : h.search) == null ? void 0 : v.content) || "";
+        var b;
+        const s = ((b = h == null ? void 0 : h.search) == null ? void 0 : b.content) || "";
         return {
           hasNextPage: !1,
           isNextPageLoading: !1,
@@ -7231,19 +7231,19 @@ function Z1(e) {
           ...nr.omit(t, "filter"),
           ...nr.omit(h, "filter"),
           search: {
-            fields: ((b = t == null ? void 0 : t.search) == null ? void 0 : b.fields) ?? [],
+            fields: ((v = t == null ? void 0 : t.search) == null ? void 0 : v.fields) ?? [],
             content: ((g = h == null ? void 0 : h.search) == null ? void 0 : g.content) ?? ""
           }
         };
         m && (s.filter = {}, s.search && (s.search.content = ""), s.page = 1);
         const p = await e.getList(s);
-        r((v) => ({
+        r((b) => ({
           initLoading: !1,
           searchLoading: !1,
           isNextPageLoading: !1,
           paging: {
             ...p,
-            rows: (h == null ? void 0 : h.page) === 1 ? p.rows : v.paging.rows.concat(p.rows)
+            rows: (h == null ? void 0 : h.page) === 1 ? p.rows : b.paging.rows.concat(p.rows)
           },
           hasNextPage: p.page < p.totalPages
         }));
@@ -7391,8 +7391,8 @@ function X1(e) {
         ...e.initialSettings
       },
       onApply: (d, u) => {
-        var p, v, S;
-        const h = u.chosenLabel === y1, { startDate: m, endDate: b } = u, g = h ? ((p = e.dateReset) == null ? void 0 : p.startDate) ?? void 0 : m.toDate(), s = h ? ((v = e.dateReset) == null ? void 0 : v.endDate) ?? void 0 : b.toDate();
+        var p, b, S;
+        const h = u.chosenLabel === y1, { startDate: m, endDate: v } = u, g = h ? ((p = e.dateReset) == null ? void 0 : p.startDate) ?? void 0 : m.toDate(), s = h ? ((b = e.dateReset) == null ? void 0 : b.endDate) ?? void 0 : v.toDate();
         n({ startDate: g, endDate: s }), (S = e.onChange) == null || S.call(e, { startDate: g, endDate: s });
       },
       children: /* @__PURE__ */ f(
@@ -7436,7 +7436,7 @@ function X1(e) {
     }
   );
 }
-function b1(e) {
+function v1(e) {
   return /* @__PURE__ */ f(
     "svg",
     {
@@ -7457,7 +7457,7 @@ function b1(e) {
     }
   );
 }
-function v1(e) {
+function b1(e) {
   return /* @__PURE__ */ A(
     "svg",
     {
@@ -7500,8 +7500,8 @@ function J1(e) {
         }
       },
       color: "primary",
-      icon: /* @__PURE__ */ f(b1, { fontSize: "small" }),
-      checkedIcon: /* @__PURE__ */ f(v1, { fontSize: "small" }),
+      icon: /* @__PURE__ */ f(v1, { fontSize: "small" }),
+      checkedIcon: /* @__PURE__ */ f(b1, { fontSize: "small" }),
       style: { padding: 0 },
       ...e
     }
@@ -7595,7 +7595,7 @@ const Yr = (e) => {
         /* @__PURE__ */ f("span", { children: t == null ? void 0 : t.context })
       ] })
     ] });
-    return /* @__PURE__ */ A(be, { children: [
+    return /* @__PURE__ */ A(ve, { children: [
       /* @__PURE__ */ f("style", { children: lo }),
       t != null && t.contextUrl ? /* @__PURE__ */ f(
         "a",
@@ -7678,11 +7678,11 @@ const Yr = (e) => {
         }
       };
     });
-  }).catch((a) => console.log("failed: ", a)), /* @__PURE__ */ f(be, {});
+  }).catch((a) => console.log("failed: ", a)), /* @__PURE__ */ f(ve, {});
 }, _1 = (e, t) => Ee.cloneElement(t, {}, e), Q1 = ({
   children: e,
   providers: t
-}) => /* @__PURE__ */ f(be, { children: t.reduceRight(_1, e) }), E1 = ".pnf-button-primary{font-size:14px;background-color:var(--primary300);color:var(--buttonText);padding:8px 24px;border-radius:4px;border:none;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.pnf-button-primary:hover{background-color:var(--buttonHover)}.pnf-container{padding-top:16px;padding-bottom:16px;gap:16px;display:flex;flex-direction:column;align-items:center;font-family:inherit}.pnf-content-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.pnf-title{text-align:center;font-size:1.25rem;font-weight:500;margin:0}.pnf-description{text-align:center;color:#85858a;font-size:.875rem;font-weight:400;margin:0}", eu = () => {
+}) => /* @__PURE__ */ f(ve, { children: t.reduceRight(_1, e) }), E1 = ".pnf-button-primary{font-size:14px;background-color:var(--primary300);color:var(--buttonText);padding:8px 24px;border-radius:4px;border:none;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.pnf-button-primary:hover{background-color:var(--buttonHover)}.pnf-container{padding-top:16px;padding-bottom:16px;gap:16px;display:flex;flex-direction:column;align-items:center;font-family:inherit}.pnf-content-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.pnf-title{text-align:center;font-size:1.25rem;font-weight:500;margin:0}.pnf-description{text-align:center;color:#85858a;font-size:.875rem;font-weight:400;margin:0}", eu = () => {
   const e = () => {
     window.top && (window.top.location.href = "/app/home");
   }, { colors: t } = Pn();
@@ -7768,7 +7768,7 @@ function O1({ index: e, href: t, title: n, ssr: r }) {
   );
 }
 function tu(e) {
-  return console.log("BaseBreadcrumbs", e), e.isLoading ? /* @__PURE__ */ f(fo, { width: 300 }) : /* @__PURE__ */ f(be, { children: /* @__PURE__ */ f(
+  return console.log("BaseBreadcrumbs", e), e.isLoading ? /* @__PURE__ */ f(fo, { width: 300 }) : /* @__PURE__ */ f(ve, { children: /* @__PURE__ */ f(
     Li,
     {
       sx: { fontSize: "12px", fontFamily: "inherit" },
@@ -7830,7 +7830,7 @@ export {
   Gr as AutocompleteOption,
   tu as BaseBreadcrumbs,
   J1 as BaseCheckbox,
-  v1 as CheckedIcon,
+  b1 as CheckedIcon,
   iu as FavoriteMenu,
   au as GlobalMenu,
   Y1 as HomePage,
@@ -7848,7 +7848,7 @@ export {
   V1 as ToastConfigNotification,
   j1 as TopBar,
   cu as UnauthorizedPage,
-  b1 as UncheckedIcon,
+  v1 as UncheckedIcon,
   nu as WrapPermission,
   Ii as notify,
   gi as pushError,