@ukpc-lib/react 0.13.1-dev.9 → 0.13.1-sandbox.saas-8516-p2

package/dist/components/index.js

@@ -1,13 +1,13 @@
 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 j, 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-DJ5XZpWt.js";
-import { H as au, G as su, K as lu, E as cu, F as uu, J as du } from "../index.esm2017-DJ5XZpWt.js";
+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-BjuT9BCK.js";
+import { H as au, G as su, K as lu, E as cu, F as uu, J as du } from "../index.esm2017-BjuT9BCK.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";
 import "axios";
-import { useParams as zi, Link as to } from "react-router-dom";
 import "@r2wc/react-to-web-component";
+import { useParams as zi, Link as to } from "react-router-dom";
 import "react-query";
 import "react-dom";
 const Di = (e) => {
@@ -204,27 +204,10 @@ const Di = (e) => {
       /* @__PURE__ */ M("div", { className: "notification-item__content-wrapper", children: [
         /* @__PURE__ */ M("div", { className: "notification-item__content", children: [
           /* @__PURE__ */ u("p", { className: "notification-item__user-name", children: e.actorName }),
-          /* @__PURE__ */ M(
-            w,
-            {
-              href: e.contextUrl,
-              style: {
-                cursor: e != null && e.contextUrl ? "pointer" : "unset"
-              },
-              children: [
-                _(e, x),
-                /* @__PURE__ */ u(
-                  "span",
-                  {
-                    style: {
-                      color: e.contextUrl ? "#007BFF" : "#292929"
-                    },
-                    children: ` ${e != null && e.context ? e.context : ""}`
-                  }
-                )
-              ]
-            }
-          ),
+          /* @__PURE__ */ M(w, { href: e.contextUrl, style: { cursor: e != null && e.contextUrl ? "pointer" : "unset" }, children: [
+            _(e, x),
+            /* @__PURE__ */ u("span", { className: "notification-item__context-link", children: ` ${e != null && e.context ? e.context : ""}` })
+          ] }),
           (e == null ? void 0 : e.notificationType) === "deleteMultiple" && /* @__PURE__ */ M(
             "button",
             {
@@ -451,7 +434,7 @@ const Di = (e) => {
     }
   ) });
 };
-function Bi({
+function ji({
   iconColor: e = "#fff",
   baseUrl: t,
   notiPath: r,
@@ -463,8 +446,8 @@ function Bi({
     try {
       await d();
     } catch (s) {
-      li(
-        ((p = (v = s.response) == null ? void 0 : v.data) == null ? void 0 : p.errorMessage) || "Have error when get notification list"
+      console.log(" NotificationIcon.tsx ~ error:", s), li(
+        ((p = (v = s.response) == null ? void 0 : v.data) == null ? void 0 : p.errorMessage) || s.message || "Have error when get notification list"
       );
     }
   };
@@ -543,7 +526,7 @@ function Bi({
     ) })
   ] });
 }
-const ji = ".avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar-wrapper{top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#ddd;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;font-size:14px;text-overflow:ellipsis;max-width:166px}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}", Hi = ".StyledReactSearchAutocomplete ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb:hover{background:#757575}.StyledReactSearchAutocomplete .container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.StyledReactSearchAutocomplete .container>div{width:300px;height:40px}.StyledReactSearchAutocomplete .container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.StyledReactSearchAutocomplete .container>div input:focus{outline:1px solid rgb(83,172,255)}.StyledReactSearchAutocomplete .list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.StyledReactSearchAutocomplete .list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.StyledReactSearchAutocomplete .list button:hover{background:#f8f8f8}.StyledReactSearchAutocomplete .list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:inherit;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:inherit;z-index:0;min-width:250px;max-width:400px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}#autocomplete-results strong,#autocomplete-results li strong,#autocomplete-results li div strong{font-weight:700!important}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 10px 4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput input{width:100%}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 5px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}", Vi = ':root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__context-text{color:#292929}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}', Wi = "._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}", ro = '.notification-massage_container{background:#fff;padding:0 64px 0 72px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif;text-decoration:none;color:inherit}.notification-massage_container:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}.notification-name{font-weight:500;font-size:14px;margin:0}.notification-message_service{font-size:12px}.notification-message_button-close{position:absolute;top:12px;right:24px;width:24px;height:24px}';
+const Bi = ".avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar-wrapper{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#ddd;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;font-size:14px;text-overflow:ellipsis;max-width:166px}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}", Hi = ".StyledReactSearchAutocomplete ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb:hover{background:#757575}.StyledReactSearchAutocomplete .container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.StyledReactSearchAutocomplete .container>div{width:300px;height:40px}.StyledReactSearchAutocomplete .container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.StyledReactSearchAutocomplete .container>div input:focus{outline:1px solid rgb(83,172,255)}.StyledReactSearchAutocomplete .list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.StyledReactSearchAutocomplete .list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.StyledReactSearchAutocomplete .list button:hover{background:#f8f8f8}.StyledReactSearchAutocomplete .list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:inherit;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:inherit;z-index:0;min-width:250px;max-width:400px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}#autocomplete-results strong,#autocomplete-results li strong,#autocomplete-results li div strong{font-weight:700!important}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 10px 4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput input{width:100%}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 5px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}", Vi = ':root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__context-text{color:#292929}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}', Wi = "._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}", ro = '.notification-massage_container{background:#fff;padding:0 64px 0 72px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif;text-decoration:none;color:inherit}.notification-massage_container:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}.notification-name{font-weight:500;font-size:14px;margin:0}.notification-message_service{font-size:12px}.notification-message_button-close{position:absolute;top:12px;right:24px;width:24px;height:24px}';
 function Ui(e) {
   return /* @__PURE__ */ M(
     "svg",
@@ -1805,7 +1788,7 @@ function La({
 const cn = ({ children: e }) => /* @__PURE__ */ M("div", { className: "StyledResults", children: [
   /* @__PURE__ */ u("div", { className: "line" }),
   /* @__PURE__ */ u("ul", { id: "autocomplete-results", children: e })
-] }), Ba = ({
+] }), ja = ({
   showClear: e,
   setSearchString: t,
   searchString: r,
@@ -1834,7 +1817,7 @@ const cn = ({ children: e }) => /* @__PURE__ */ M("div", { className: "StyledRes
     }
   );
 };
-function ja({
+function Ba({
   searchString: e,
   setSearchString: t,
   setHighlightedItem: r,
@@ -1900,7 +1883,7 @@ function ja({
             if ((_ != null ? _.shadowRoot : document).getElementById("selectedSearch") === null) {
               console.log("enter", x);
               const E = x.currentTarget.value;
-              window.location.href = `${h}/GlobalSearch/page/Index?Term=${E}`;
+              window.location.href = `${h}/stella/page/Search/Index?Term=${E}`;
               return;
             }
           }
@@ -1911,7 +1894,7 @@ function ja({
       }
     ),
     /* @__PURE__ */ u(
-      Ba,
+      ja,
       {
         showClear: d,
         setSearchString: t,
@@ -1956,7 +1939,7 @@ function Wa({
   ({ ...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), [Be, je] = W(!1);
+  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);
   q(() => {
     O(y);
     const z = setTimeout(
@@ -1968,12 +1951,12 @@ function Wa({
     (k == null ? void 0 : k.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && $(e) : $([]);
   }, [e]), q(() => {
     const z = () => {
-      We(), je(!1);
+      We(), Be(!1);
     };
     return document.addEventListener("click", z), () => document.removeEventListener("click", z);
   }, []), q(() => {
     (() => {
-      _ && k.length > 0 && !ze && C.length === 0 && !re ? ke(!0) : ke(!1), E && C.length === 0 && k.length === 0 && Be && $(e.slice(0, h));
+      _ && k.length > 0 && !ze && C.length === 0 && !re ? ke(!0) : ke(!1), E && C.length === 0 && k.length === 0 && je && $(e.slice(0, h));
     })();
   }, [
     ze,
@@ -1982,10 +1965,10 @@ function Wa({
     k,
     C,
     E,
-    Be
+    je
   ]);
   const He = (z) => {
-    c && a(z), je(!0);
+    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);
@@ -2024,7 +2007,7 @@ function Wa({
   };
   return /* @__PURE__ */ u(le, { children: /* @__PURE__ */ M("div", { className: "StyledReactSearchAutocomplete", children: [
     /* @__PURE__ */ u("div", { className: "wrapper", children: /* @__PURE__ */ u(
-      ja,
+      Ba,
       {
         searchString: k,
         setSearchString: ar,
@@ -2080,7 +2063,7 @@ function Ua({ classNames: e = "", ...t }) {
     s.length >= 3 ? E(s) : _([]);
   }, [s]);
   const E = async (O) => {
-    await fetch(`${o}/GlobalSearch/page/Suggestions?term=${O}`).then((C) => C.json()).then((C) => {
+    await fetch(`${o}/stella/page/Search/Suggestions?term=${O}`).then((C) => C.json()).then((C) => {
       _(C), console.log(C);
     }).catch((C) => {
       console.error(C);
@@ -2093,13 +2076,13 @@ function Ua({ classNames: e = "", ...t }) {
     const C = O.entityType, $ = O.entityId;
     switch (C) {
       case "Zone":
-        document.location.href = o + "/SiteManagement/page/Zone/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Zone/Details/" + $;
         return;
       case "Location":
-        document.location.href = o + "/SiteManagement/page/Location/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Location/Details/" + $;
         return;
       case "Company":
-        document.location.href = o + "/SiteManagement/page/Company/Details/" + $;
+        document.location.href = o + "/stella/page/SiteManagement/Company/Details/" + $;
         return;
       default:
         console.log(`Unsure how to navigate to ${C} ${$}`);
@@ -2121,7 +2104,7 @@ function Ua({ classNames: e = "", ...t }) {
     qn,
     {
       styles: [
-        ji,
+        Bi,
         // tabStyles,
         Vi,
         ro,
@@ -2182,7 +2165,7 @@ function Ua({ classNames: e = "", ...t }) {
                     }
                   ),
                   /* @__PURE__ */ u(
-                    Bi,
+                    ji,
                     {
                       iconColor: l == null ? void 0 : l.headerTextColor,
                       baseUrl: o,
@@ -2755,15 +2738,9 @@ function K1(e) {
 function Y1(e) {
   const t = Xa(typeof e == "boolean" ? e : void 0);
   return {
-    setTrue: () => {
-      var r, n;
-      t.setTrue(), (n = (r = window.top) == null ? void 0 : r.HostBridge) == null || n.openBackdrop(!0);
-    },
+    setTrue: t.setTrue,
     open: t.value,
-    onClose: () => {
-      var r, n;
-      t.setFalse(), (n = (r = window.top) == null ? void 0 : r.HostBridge) == null || n.openBackdrop(!1);
-    },
+    onClose: t.setFalse,
     onConfirm: typeof e != "boolean" ? e == null ? void 0 : e.onConfirm : void 0
   };
 }
@@ -2927,7 +2904,7 @@ function go(e) {
 function we(e, t, r = {
   clone: !0
 }) {
-  const n = r.clone ? j({}, e) : e;
+  const n = r.clone ? B({}, 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];
@@ -3182,7 +3159,7 @@ function ds(e) {
 function fs(e, t) {
   if (process.env.NODE_ENV === "production")
     return () => null;
-  const r = t ? j({}, t.propTypes) : null;
+  const r = t ? B({}, t.propTypes) : null;
   return (o) => (i, a, l, c, d, ...f) => {
     const h = d || a, m = r == null ? void 0 : r[h];
     if (m) {
@@ -3344,13 +3321,13 @@ function Ts() {
   };
 }
 function Cr(e, t) {
-  const r = j({}, t);
+  const r = B({}, t);
   return Object.keys(e).forEach((n) => {
     if (n.toString().match(/^(components|slots)$/))
-      r[n] = j({}, e[n], r[n]);
+      r[n] = B({}, 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] = j({}, i), Object.keys(o).forEach((a) => {
+      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][a] = Cr(o[a], i[a]);
       }));
     } else
@@ -3464,11 +3441,11 @@ function Ls(e) {
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function Bs(e) {
+function js(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var js = /* @__PURE__ */ function() {
+var Bs = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(o) {
@@ -3480,7 +3457,7 @@ var js = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Bs(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(js(this));
     var o = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
       var i = Ls(o);
@@ -3522,7 +3499,7 @@ function ft(e, t, r) {
 function ve(e) {
   return e.length;
 }
-function Br(e) {
+function jr(e) {
   return e.length;
 }
 function It(e, t) {
@@ -3729,7 +3706,7 @@ function Nt(e, t, r, n, o, i, a, l, c) {
   return i;
 }
 function yn(e, t, r, n, o, i, a, l, c, d, f) {
-  for (var h = o - 1, m = o === 0 ? i : [""], v = Br(m), p = 0, s = 0, y = 0; p < n; ++p)
+  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);
   return Yt(e, t, r, o === 0 ? Fr : l, c, d, f);
@@ -3741,7 +3718,7 @@ function vn(e, t, r, n) {
   return Yt(e, t, r, Lr, ft(e, 0, n), ft(e, n + 1, -1), n);
 }
 function Qe(e, t) {
-  for (var r = "", n = Br(e), o = 0; o < n; o++)
+  for (var r = "", n = jr(e), o = 0; o < n; o++)
     r += t(e[o], o, e, t) || "";
   return r;
 }
@@ -3763,7 +3740,7 @@ function nl(e, t, r, n) {
   return ve(r = Qe(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function ol(e) {
-  var t = Br(e);
+  var t = jr(e);
   return function(r, n, o, i) {
     for (var a = "", l = 0; l < t; l++)
       a += e[l](r, n, o, i) || "";
@@ -4007,7 +3984,7 @@ var dl = function(t, r, n, o) {
   }
   var p = {
     key: r,
-    sheet: new js({
+    sheet: new Bs({
       key: r,
       container: a,
       nonce: t.nonce,
@@ -4097,7 +4074,7 @@ function hl() {
     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;
 }
-var B = {};
+var j = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -4153,10 +4130,10 @@ function ml() {
     function ke(T) {
       return E(T) === d;
     }
-    function Be(T) {
+    function je(T) {
       return E(T) === l;
     }
-    function je(T) {
+    function Be(T) {
       return E(T) === a;
     }
     function He(T) {
@@ -4186,8 +4163,8 @@ function ml() {
     function z(T) {
       return E(T) === h;
     }
-    B.AsyncMode = b, B.ConcurrentMode = g, B.ContextConsumer = S, B.ContextProvider = I, B.Element = k, B.ForwardRef = O, B.Fragment = C, B.Lazy = $, B.Memo = P, B.Portal = U, B.Profiler = re, B.StrictMode = he, B.Suspense = ze, B.isAsyncMode = at, B.isConcurrentMode = ke, B.isContextConsumer = Be, B.isContextProvider = je, 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 = z, B.isValidElementType = w, B.typeOf = E;
-  }()), B;
+    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;
 }
 process.env.NODE_ENV === "production" ? kr.exports = hl() : kr.exports = ml();
 var pl = kr.exports, No = pl, gl = {
@@ -4213,7 +4190,7 @@ function Po(e, t, r) {
     e[o] !== void 0 ? t.push(e[o] + ";") : o && (n += o + " ");
   }), n;
 }
-var jr = function(t, r, n) {
+var Br = function(t, r, n) {
   var o = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -4226,7 +4203,7 @@ var jr = function(t, r, n) {
   // also, note that this check will be dead code eliminated in the browser
   vl === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
 }, Hr = function(t, r, n) {
-  jr(t, r, n);
+  Br(t, r, n);
   var o = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -4451,7 +4428,7 @@ var El = function(t) {
   return n[Mr] = t, n;
 }, Il = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return jr(r, n, o), Fo(function() {
+  return Br(r, n, o), Fo(function() {
     return Hr(r, n, o);
   }), null;
 }, kl = /* @__PURE__ */ Vr(function(e, t, r) {
@@ -4508,13 +4485,13 @@ var Ol = /* @__PURE__ */ Vr(function(e, t) {
     t.insert("", n, a, !1);
   }, [t, n.name]), null;
 });
-function Bo() {
+function jo() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return Gt(t);
 }
 function $l() {
-  var e = Bo.apply(void 0, arguments), t = "animation-" + e.name;
+  var e = jo.apply(void 0, arguments), t = "animation-" + e.name;
   return {
     name: t,
     styles: "@keyframes " + t + "{" + e.styles + "}",
@@ -4547,7 +4524,7 @@ var Al = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   return typeof o != "function" && n && (o = t.__emotion_forwardProp), o;
 }, zl = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return jr(r, n, o), Fo(function() {
+  return Br(r, n, o), Fo(function() {
     return Hr(r, n, o);
   }), null;
 }, Dl = function e(t, r) {
@@ -4589,7 +4566,7 @@ var Al = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
         return "." + a;
       }
     }), s.withComponent = function(y, x) {
-      var _ = e(y, j({}, r, x, {
+      var _ = e(y, B({}, r, x, {
         shouldForwardProp: kn(s, x, !0)
       }));
       return _.apply(void 0, h);
@@ -4740,7 +4717,7 @@ typeof document == "object" && ($r = Ao({
   key: "css",
   prepend: !0
 }));
-function jo(e) {
+function Bo(e) {
   const {
     injectFirst: t,
     children: r
@@ -4750,7 +4727,7 @@ function jo(e) {
     children: r
   }) : r;
 }
-process.env.NODE_ENV !== "production" && (jo.propTypes = {
+process.env.NODE_ENV !== "production" && (Bo.propTypes = {
   /**
    * Your component tree.
    */
@@ -4785,7 +4762,7 @@ process.env.NODE_ENV !== "production" && (Ho.propTypes = {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Bl(e, t) {
+function jl(e, t) {
   const r = Or(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
@@ -4793,23 +4770,23 @@ function Bl(e, t) {
 `)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
   } : r;
 }
-const jl = (e, t) => {
+const Bl = (e, t) => {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }, Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   GlobalStyles: Ho,
-  StyledEngineProvider: jo,
+  StyledEngineProvider: Bo,
   ThemeContext: qt,
-  css: Bo,
-  default: Bl,
-  internal_processStyles: jl,
+  css: jo,
+  default: jl,
+  internal_processStyles: Bl,
   keyframes: $l
 }, Symbol.toStringTag, { value: "Module" })), Vl = /* @__PURE__ */ pe(Hl), Wl = /* @__PURE__ */ pe(Qa), Ul = /* @__PURE__ */ pe(as), Kl = /* @__PURE__ */ pe(is), Yl = ["values", "unit", "step"], Gl = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
   })) || [];
-  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => j({}, r, {
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => B({}, r, {
     [n.key]: n.val
   }), {});
 };
@@ -4849,7 +4826,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 j({
+  return B({
     keys: a,
     values: i,
     up: l,
@@ -4930,7 +4907,7 @@ function Zt(e, t, r = !0) {
   }
   return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function Bt(e, t, r, n = r) {
+function jt(e, t, r, n = r) {
   let o;
   return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Zt(e, r) || n, t && (o = t(o, n, e)), o;
 }
@@ -4945,8 +4922,8 @@ function Z(e) {
       return null;
     const l = a[t], c = a.theme, d = Zt(c, n) || {};
     return Ie(a, l, (h) => {
-      let m = Bt(d, o, h);
-      return h === m && typeof h == "string" && (m = Bt(d, o, `${t}${h === "default" ? "" : Ae(h)}`, h)), r === !1 ? m : {
+      let m = jt(d, o, h);
+      return h === m && typeof h == "string" && (m = jt(d, o, `${t}${h === "default" ? "" : Ae(h)}`, h)), r === !1 ? m : {
         [r]: m
       };
     });
@@ -5510,8 +5487,8 @@ function Ko() {
       };
     const m = Zt(o, d) || {};
     return h ? h(a) : Ie(a, n, (p) => {
-      let s = Bt(m, f, p);
-      return p === s && typeof p == "string" && (s = Bt(m, f, `${r}${p === "default" ? "" : Ae(p)}`, p)), c === !1 ? s : {
+      let s = jt(m, f, p);
+      return p === s && typeof p == "string" && (s = jt(m, f, `${r}${p === "default" ? "" : Ae(p)}`, p)), c === !1 ? s : {
         [c]: s
       };
     });
@@ -5581,13 +5558,13 @@ function Go(e = {}, ...t) {
     direction: "ltr",
     components: {},
     // Inject component definitions.
-    palette: j({
+    palette: B({
       mode: "light"
     }, n),
     spacing: c,
-    shape: j({}, ql, i)
+    shape: B({}, ql, i)
   }, a);
-  return d.applyStyles = Yo, d = t.reduce((f, h) => we(f, h), d), d.unstable_sxConfig = j({}, 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 = B({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return or({
       sx: h,
       theme: this
@@ -5599,7 +5576,7 @@ const Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: Go,
   private_createBreakpoints: Vo,
   unstable_applyStyles: Yo
-}, Symbol.toStringTag, { value: "Module" })), Bc = /* @__PURE__ */ pe(Lc), jc = ["sx"], Hc = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), jc = /* @__PURE__ */ pe(Lc), Bc = ["sx"], Hc = (e) => {
   var t, r;
   const n = {
     systemProps: {},
@@ -5612,15 +5589,15 @@ const Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Vc(e) {
   const {
     sx: t
-  } = e, r = Ne(e, jc), {
+  } = e, r = Ne(e, Bc), {
     systemProps: n,
     otherProps: o
   } = Hc(r);
   let i;
   return Array.isArray(t) ? i = [n, ...t] : typeof t == "function" ? i = (...a) => {
     const l = t(...a);
-    return Oe(l) ? j({}, n, l) : n;
-  } : i = j({}, n, t), j({}, o, {
+    return Oe(l) ? B({}, n, l) : n;
+  } : i = B({}, n, t), B({}, o, {
     sx: i
   });
 }
@@ -5638,7 +5615,7 @@ Object.defineProperty(yt, "__esModule", {
 var Kc = yt.default = a0;
 yt.shouldForwardProp = Rt;
 yt.systemDefaultTheme = void 0;
-var ce = ot(Ds), Ar = ot(Fs), $n = t0(Vl), Yc = Wl, Gc = ot(Ul), qc = ot(Kl), Zc = ot(Bc), Xc = ot(Uc);
+var ce = ot(Ds), Ar = ot(Fs), $n = t0(Vl), Yc = Wl, Gc = ot(Ul), qc = ot(Kl), Zc = ot(jc), Xc = ot(Uc);
 const Jc = ["ownerState"], Qc = ["variants"], e0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function qo(e) {
   if (typeof WeakMap != "function")
@@ -5800,7 +5777,7 @@ function a0(e = {}) {
   };
 }
 function s0(e, t) {
-  return j({
+  return B({
     toolbar: {
       minHeight: 56,
       [e.up("xs")]: {
@@ -5827,7 +5804,7 @@ var u0 = X.darken = Gr;
 X.decomposeColor = de;
 X.emphasize = ti;
 var Nn = X.getContrastRatio = g0;
-X.getLuminance = jt;
+X.getLuminance = Bt;
 X.hexToRgb = Xo;
 X.hslToRgb = Qo;
 var d0 = X.lighten = qr;
@@ -5917,13 +5894,13 @@ function Qo(e) {
     values: c
   });
 }
-function jt(e) {
+function Bt(e) {
   e = de(e);
   let t = e.type === "hsl" || e.type === "hsla" ? de(Qo(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function g0(e, t) {
-  const r = jt(e), n = jt(t);
+  const r = Bt(e), n = Bt(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function ei(e, t) {
@@ -5970,7 +5947,7 @@ function b0(e, t, r) {
   }
 }
 function ti(e, t = 0.15) {
-  return jt(e) > 0.5 ? Gr(e, t) : qr(e, t);
+  return Bt(e) > 0.5 ? Gr(e, t) : qr(e, t);
 }
 function x0(e, t, r) {
   try {
@@ -6198,7 +6175,7 @@ function O0(e) {
     lightShade: _ = 300,
     darkShade: w = 700
   }) => {
-    if (s = j({}, s), !s.main && s[x] && (s.main = s[x]), !s.hasOwnProperty("main"))
+    if (s = B({}, 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")
@@ -6221,9 +6198,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(j({
+  return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), we(B({
     // A collection of common colors.
-    common: j({}, pt),
+    common: B({}, pt),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
@@ -6300,7 +6277,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) => j({
+  const v = o / 14, p = h || ((x) => `${x / d * v}rem`), s = (x, _, w, E, b) => B({
     fontFamily: n,
     fontWeight: x,
     fontSize: p(_),
@@ -6331,7 +6308,7 @@ function N0(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return we(j({
+  return we(B({
     htmlFontSize: d,
     pxToRem: p,
     fontFamily: n,
@@ -6359,7 +6336,7 @@ const D0 = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, B0 = {
+}, j0 = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -6375,16 +6352,16 @@ const D0 = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2,
 function Ln(e) {
   return `${Math.round(e)}ms`;
 }
-function j0(e) {
+function B0(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
 }
 function H0(e) {
-  const t = j({}, L0, e.easing), r = j({}, B0, e.duration);
-  return j({
-    getAutoHeightDuration: j0,
+  const t = B({}, L0, e.easing), r = B({}, j0, e.duration);
+  return B({
+    getAutoHeightDuration: B0,
     create: (o = ["all"], i = {}) => {
       const {
         duration: a = r.standard,
@@ -6420,9 +6397,7 @@ function U0(e = {}, ...t) {
     transitions: o = {},
     typography: i = {}
   } = e, a = Ne(e, W0);
-  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
-  // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
-  e.generateCssVars === void 0)
+  if (e.vars)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : dt(18));
   const l = O0(n), c = Go(e);
   let d = we(c, {
@@ -6432,7 +6407,7 @@ function U0(e = {}, ...t) {
     shadows: D0.slice(),
     typography: N0(l, i),
     transitions: H0(o),
-    zIndex: j({}, V0)
+    zIndex: B({}, 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) => {
@@ -6458,7 +6433,7 @@ function U0(e = {}, ...t) {
       v && m.indexOf("Mui") === 0 && h(v, m);
     });
   }
-  return d.unstable_sxConfig = j({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.unstable_sxConfig = B({}, St, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return or({
       sx: h,
       theme: this
@@ -6540,7 +6515,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 = j({}, n, {
+  } = n, v = Ne(n, J0), p = /* @__PURE__ */ N.isValidElement(o) && o.type === "svg", s = B({}, n, {
     color: a,
     component: l,
     fontSize: c,
@@ -6551,7 +6526,7 @@ const J0 = ["children", "className", "color", "component", "fontSize", "htmlColo
   }), y = {};
   f || (y.viewBox = m);
   const x = Q0(s);
-  return /* @__PURE__ */ M(e1, j({
+  return /* @__PURE__ */ M(e1, B({
     as: l,
     className: gi(x.root, i),
     focusable: "false",
@@ -6641,7 +6616,7 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
 Ht.muiName = "SvgIcon";
 function ri(e, t) {
   function r(n, o) {
-    return /* @__PURE__ */ u(Ht, j({
+    return /* @__PURE__ */ u(Ht, B({
       "data-testid": `${t}Icon`,
       ref: o
     }, n, {
@@ -6678,11 +6653,11 @@ const t1 = {
 }, Symbol.toStringTag, { value: "Module" })), n1 = ri(/* @__PURE__ */ u("path", {
   d: "m7 10 5 5 5-5z"
 }), "ArrowDropDown");
-var Bn = Number.isNaN || function(t) {
+var jn = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function o1(e, t) {
-  return !!(e === t || Bn(e) && Bn(t));
+  return !!(e === t || jn(e) && jn(t));
 }
 function i1(e, t) {
   if (e.length !== t.length)
@@ -6702,7 +6677,7 @@ function fr(e, t) {
   }
   return a;
 }
-var a1 = typeof performance == "object" && typeof performance.now == "function", jn = a1 ? function() {
+var a1 = typeof performance == "object" && typeof performance.now == "function", Bn = a1 ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -6711,9 +6686,9 @@ function Hn(e) {
   cancelAnimationFrame(e.id);
 }
 function s1(e, t) {
-  var r = jn();
+  var r = Bn();
   function n() {
-    jn() - r >= t ? e.call(null) : o.id = requestAnimationFrame(n);
+    Bn() - r >= t ? e.call(null) : o.id = requestAnimationFrame(n);
   }
   var o = {
     id: requestAnimationFrame(n)
@@ -6890,9 +6865,9 @@ 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(), Be = ke[0], je = 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, 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 = [];
       if (S > 0)
-        for (var ge = Be; ge <= je; ge++)
+        for (var ge = je; ge <= Be; ge++)
           He.push(sr(y, {
             data: I,
             key: O(ge, I),
@@ -6905,7 +6880,7 @@ function u1(e) {
         className: x,
         onScroll: at,
         ref: this._outerRefSetter,
-        style: j({
+        style: B({
           position: "relative",
           height: w,
           width: he,