@ukpc-lib/react 0.11.4 → 0.12.1-dev.0

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { jsxs as k, Fragment as ue, jsx as u } from "react/jsx-runtime";
 import * as W from "react";
-import pe, { useState as H, useContext as Ae, useEffect as q, useRef as ve, useCallback as kt, forwardRef as Vo, createElement as ir, PureComponent as Wo } from "react";
-import { c as De, a as gt, C as Le, t as ct, p as Uo, L as Ur, u as Yo, b as Ko, S as Go, d as qo, e as Zo, Q as Bn, f as Et, g as Tr, h as Xo, s as Ct, _ as V, P as N, i as we, j as Jo, o as Qo, k as Oe, l as ei, m as ti, n as Yr, q as At, r as Kr, I as ri, v as ni, w as Gr, D as oi, x as Hn, y as Vn, z as ii, A as ai, B as si } from "../index.esm2017-3eee8145.js";
-import { H as B1, G as H1, K as V1, E as W1, F as U1, J as Y1 } from "../index.esm2017-3eee8145.js";
+import pe, { useState as B, useContext as Ae, useEffect as q, useRef as ve, useCallback as kt, forwardRef as Vo, createElement as ir, PureComponent as Wo } from "react";
+import { c as De, a as gt, C as Le, t as ct, p as Uo, L as Ur, u as Yo, b as Ko, S as Go, d as qo, e as Zo, Q as Hn, f as Et, g as Tr, h as Xo, s as Ct, _ as V, P as N, i as we, j as Jo, o as Qo, k as Oe, l as ei, m as ti, n as Yr, q as At, r as Kr, I as ri, v as ni, w as Gr, D as oi, x as Bn, y as Vn, z as ii, A as ai, B as si } from "../index.esm2017-e23bb13e.js";
+import { H as H1, G as B1, K as V1, E as W1, F as U1, J as Y1 } from "../index.esm2017-e23bb13e.js";
 import Q from "moment";
 import { Stack as oe, Dialog as li, DialogTitle as ci, Typography as Ee, DialogContent as ui, DialogActions as di, Button as Lt, Box as fi, ClickAwayListener as hi, TextField as Wn, IconButton as mi, CircularProgress as pi, Fade as gi, Paper as yi, Checkbox as bi } from "@mui/material";
 import "axios";
@@ -105,7 +105,7 @@ const Si = (e) => {
   brandColors: o
 }) => {
   var E, v;
-  const [i, a] = H(!1), [l, c] = H({
+  const [i, a] = B(!1), [l, c] = B({
     id: e.id,
     isRead: e.isRead
   }), d = l.isRead === !1 ? "unread" : "read", f = {
@@ -276,7 +276,7 @@ const Si = (e) => {
   brandColors: n,
   notiUnreadNumber: o
 }) => {
-  const [i, a] = H(!1);
+  const [i, a] = B(!1);
   console.log(i);
   const { setNotiData: l } = Ae(Le), c = Mr({ baseUrl: t, notiPath: r, setNotiData: l }), d = async () => {
     try {
@@ -332,7 +332,7 @@ const Si = (e) => {
       clearTimeout(p), document.removeEventListener("mousedown", b);
     };
   }, [o]);
-  const [a, l] = H("all"), c = [
+  const [a, l] = B("all"), c = [
     {
       id: "all",
       tabTitle: `All (${((d = i == null ? void 0 : i.all) == null ? void 0 : d.total) || 0})`,
@@ -643,7 +643,7 @@ const Ni = `@keyframes react-loading-skeleton{to{transform:translate(100%)}}.rea
   baseUrl: e,
   searchPath: t
 }) => {
-  const [r, n] = H(!1);
+  const [r, n] = B(!1);
   console.log("hasPermission state", r);
   const o = async () => {
     const a = e + (t || "/user-management/api/v1/users/my-account/access-stella-search");
@@ -735,12 +735,12 @@ function Gn(e) {
   return typeof e == "number";
 }
 function ji(e) {
-  return e === !0 || e === !1 || Bi(e) && Zn(e) == "[object Boolean]";
+  return e === !0 || e === !1 || Hi(e) && Zn(e) == "[object Boolean]";
 }
 function qn(e) {
   return typeof e == "object";
 }
-function Bi(e) {
+function Hi(e) {
   return qn(e) && e !== null;
 }
 function ie(e) {
@@ -752,7 +752,7 @@ function ar(e) {
 function Zn(e) {
   return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
 }
-const Hi = "Incorrect 'index' type", Vi = (e) => `Invalid value for key ${e}`, Wi = (e) => `Pattern length exceeds max of ${e}.`, Ui = (e) => `Missing ${e} property in key`, Yi = (e) => `Property 'weight' in key '${e}' must be a positive integer`, Zr = Object.prototype.hasOwnProperty;
+const Bi = "Incorrect 'index' type", Vi = (e) => `Invalid value for key ${e}`, Wi = (e) => `Pattern length exceeds max of ${e}.`, Ui = (e) => `Missing ${e} property in key`, Yi = (e) => `Property 'weight' in key '${e}' must be a positive integer`, Zr = Object.prototype.hasOwnProperty;
 class Ki {
   constructor(t) {
     this._keys = [], this._keyMap = {};
@@ -1591,7 +1591,7 @@ class rt {
   }
   setCollection(t, r) {
     if (this._docs = t, r && !(r instanceof kr))
-      throw new Error(Hi);
+      throw new Error(Bi);
     this._myIndex = r || Jn(this.options.keys, this._docs, {
       getFn: this.options.getFn,
       fieldNormWeight: this.options.fieldNormWeight
@@ -1963,7 +1963,7 @@ function Oa({
   ({ ..._a, ...p });
   const S = { ...tn, ...t }, T = new rt(e, S);
   T.setCollection(e);
-  const [M, A] = H(y), [C, O] = H([]), [R, U] = H(-1), [re, he] = H(!1), [Re, _e] = H(!1), [at, Te] = H(!1), [je, Be] = H(!1);
+  const [M, A] = B(y), [C, O] = B([]), [R, U] = B(-1), [re, he] = B(!1), [Re, _e] = B(!1), [at, Te] = B(!1), [je, He] = B(!1);
   q(() => {
     A(y);
     const P = setTimeout(
@@ -1975,7 +1975,7 @@ function Oa({
     (M == null ? void 0 : M.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && O(e) : O([]);
   }, [e]), q(() => {
     const P = () => {
-      We(), Be(!1);
+      We(), He(!1);
     };
     return document.addEventListener("click", P), () => document.removeEventListener("click", P);
   }, []), q(() => {
@@ -1991,8 +1991,8 @@ function Oa({
     E,
     je
   ]);
-  const He = (P) => {
-    c && a(P), Be(!0);
+  const Be = (P) => {
+    c && a(P), He(!0);
   }, me = (P) => {
     let I = [];
     (P == null ? void 0 : P.length) > 0 && (I = wt(P)), O(I), n(P, I), _e(!1);
@@ -2037,7 +2037,7 @@ function Oa({
         setSearchString: or,
         eraseResults: We,
         autoFocus: b,
-        onFocus: He,
+        onFocus: Be,
         onClear: l,
         placeholder: m,
         showIcon: !0,
@@ -2080,9 +2080,9 @@ function $a({ classNames: e = "", ...t }) {
     ...a,
     color: (l == null ? void 0 : l.headerTextColor) || "white",
     backgroundColor: (l == null ? void 0 : l.headerBgColor) || "black"
-  }, [m, b] = H(!1), { Term: p } = vi();
+  }, [m, b] = B(!1), { Term: p } = vi();
   console.log("term", p);
-  const [s, y] = H([]), [x, _] = H([]), w = Ri({ baseUrl: o });
+  const [s, y] = B([]), [x, _] = B([]), w = Ri({ baseUrl: o });
   console.log("searchPermission", w.hasPermission), q(() => {
     s.length >= 3 ? E(s) : _([]);
   }, [s]);
@@ -2145,7 +2145,7 @@ function $a({ classNames: e = "", ...t }) {
             className: `navbar-wrapper ${e}`,
             style: l ? h : a,
             children: /* @__PURE__ */ k("div", { className: "navbar-container", children: [
-              /* @__PURE__ */ u("a", { href: "/home", className: "logo-container", children: /* @__PURE__ */ u("img", { src: r || "#", alt: " ", style: { height: "40px" } }) }),
+              /* @__PURE__ */ u("a", { href: "/home", className: "logo-container", children: /* @__PURE__ */ u("img", { src: r || "#", alt: " ", style: { maxHeight: "40px" } }) }),
               /* @__PURE__ */ k("div", { className: "right-side-container", children: [
                 d && w.hasPermission ? /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(
                   "label",
@@ -2255,8 +2255,8 @@ function Na() {
       value: Ur.de,
       element: /* @__PURE__ */ u(Pi, {})
     }
-  ], [t, r] = H(!1);
-  H(
+  ], [t, r] = B(!1);
+  B(
     new Array(e.length).fill(!1)
   );
   const { language: n, setLanguage: o } = Yo();
@@ -2294,8 +2294,8 @@ function Ra({
   avatarUrl: e,
   userName: t
 }) {
-  const [r, n] = H(!1), o = ve(null);
-  return ve(null), H(!1), H(!1), q(() => {
+  const [r, n] = B(!1), o = ve(null);
+  return ve(null), B(!1), B(!1), q(() => {
     Kn({
       childrenClass: "userAvatar",
       action() {
@@ -2335,7 +2335,7 @@ function E1(e) {
   );
 }
 const C1 = (e) => /* @__PURE__ */ u(
-  Bn,
+  Hn,
   {
     autoClose: 3e3,
     hideProgressBar: !0,
@@ -2347,7 +2347,7 @@ const C1 = (e) => /* @__PURE__ */ u(
     ...e
   }
 ), I1 = (e) => /* @__PURE__ */ u(
-  Bn,
+  Hn,
   {
     autoClose: 3e3,
     hideProgressBar: !0,
@@ -2696,7 +2696,7 @@ function Pa() {
 var za = typeof Et == "object" && Et && Et.Object === Object && Et, Da = typeof self == "object" && self && self.Object === Object && self;
 za || Da || Function("return this")();
 function La(e) {
-  const [t, r] = H(!!e), n = kt(() => {
+  const [t, r] = B(!!e), n = kt(() => {
     r(!0);
   }, []), o = kt(() => {
     r(!1);
@@ -2945,7 +2945,7 @@ function dt(e) {
     t += "&args[]=" + encodeURIComponent(arguments[r]);
   return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
 }
-const Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: dt
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2960,7 +2960,7 @@ var br = { exports: {} }, j = {};
  * LICENSE file in the root directory of this source tree.
  */
 var nn;
-function Ha() {
+function Ba() {
   if (nn)
     return j;
   nn = 1;
@@ -3023,7 +3023,7 @@ function Ha() {
     return typeof s == "string" || typeof s == "function" || s === r || s === o || s === n || s === c || s === d || s === m || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === f || s.$$typeof === a || s.$$typeof === i || s.$$typeof === l || s.$$typeof === b || s.getModuleId !== void 0);
   }, j.typeOf = p, j;
 }
-var B = {};
+var H = {};
 /**
  * @license React
  * react-is.development.js
@@ -3067,36 +3067,36 @@ function Va() {
       }
     }
     var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), p = Symbol.for("react.client.reference");
-    B.ContextConsumer = a, B.ContextProvider = l, B.Element = t, B.ForwardRef = c, B.Fragment = n, B.Lazy = m, B.Memo = h, B.Portal = r, B.Profiler = i, B.StrictMode = o, B.Suspense = d, B.SuspenseList = f, B.isContextConsumer = function(s) {
+    H.ContextConsumer = a, H.ContextProvider = l, H.Element = t, H.ForwardRef = c, H.Fragment = n, H.Lazy = m, H.Memo = h, H.Portal = r, H.Profiler = i, H.StrictMode = o, H.Suspense = d, H.SuspenseList = f, H.isContextConsumer = function(s) {
       return e(s) === a;
-    }, B.isContextProvider = function(s) {
+    }, H.isContextProvider = function(s) {
       return e(s) === l;
-    }, B.isElement = function(s) {
+    }, H.isElement = function(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
-    }, B.isForwardRef = function(s) {
+    }, H.isForwardRef = function(s) {
       return e(s) === c;
-    }, B.isFragment = function(s) {
+    }, H.isFragment = function(s) {
       return e(s) === n;
-    }, B.isLazy = function(s) {
+    }, H.isLazy = function(s) {
       return e(s) === m;
-    }, B.isMemo = function(s) {
+    }, H.isMemo = function(s) {
       return e(s) === h;
-    }, B.isPortal = function(s) {
+    }, H.isPortal = function(s) {
       return e(s) === r;
-    }, B.isProfiler = function(s) {
+    }, H.isProfiler = function(s) {
       return e(s) === i;
-    }, B.isStrictMode = function(s) {
+    }, H.isStrictMode = function(s) {
       return e(s) === o;
-    }, B.isSuspense = function(s) {
+    }, H.isSuspense = function(s) {
       return e(s) === d;
-    }, B.isSuspenseList = function(s) {
+    }, H.isSuspenseList = function(s) {
       return e(s) === f;
-    }, B.isValidElementType = function(s) {
+    }, H.isValidElementType = function(s) {
       return typeof s == "string" || typeof s == "function" || s === n || s === i || s === o || s === d || s === f || s === b || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === l || s.$$typeof === a || s.$$typeof === c || s.$$typeof === p || s.getModuleId !== void 0);
-    }, B.typeOf = e;
-  }()), B;
+    }, H.typeOf = e;
+  }()), H;
 }
-process.env.NODE_ENV === "production" ? br.exports = Ha() : br.exports = Va();
+process.env.NODE_ENV === "production" ? br.exports = Ba() : br.exports = Va();
 var an = br.exports;
 const Wa = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
 function oo(e) {
@@ -3955,10 +3955,10 @@ function Ls() {
     function je(I) {
       return E(I) === l;
     }
-    function Be(I) {
+    function He(I) {
       return E(I) === a;
     }
-    function He(I) {
+    function Be(I) {
       return typeof I == "object" && I !== null && I.$$typeof === t;
     }
     function me(I) {
@@ -3985,7 +3985,7 @@ function Ls() {
     function P(I) {
       return E(I) === h;
     }
-    F.AsyncMode = v, F.ConcurrentMode = g, F.ContextConsumer = S, F.ContextProvider = T, F.Element = M, F.ForwardRef = A, F.Fragment = C, F.Lazy = O, F.Memo = R, F.Portal = U, F.Profiler = re, F.StrictMode = he, F.Suspense = Re, F.isAsyncMode = at, F.isConcurrentMode = Te, F.isContextConsumer = je, F.isContextProvider = Be, F.isElement = He, F.isForwardRef = me, F.isFragment = Ve, F.isLazy = nr, F.isMemo = wt, F.isPortal = or, F.isProfiler = We, F.isStrictMode = _t, F.isSuspense = P, F.isValidElementType = w, F.typeOf = E;
+    F.AsyncMode = v, F.ConcurrentMode = g, F.ContextConsumer = S, F.ContextProvider = T, F.Element = M, F.ForwardRef = A, F.Fragment = C, F.Lazy = O, F.Memo = R, F.Portal = U, F.Profiler = re, F.StrictMode = he, F.Suspense = Re, F.isAsyncMode = at, F.isConcurrentMode = Te, F.isContextConsumer = je, F.isContextProvider = He, F.isElement = Be, F.isForwardRef = me, F.isFragment = Ve, F.isLazy = nr, F.isMemo = wt, F.isPortal = or, F.isProfiler = We, F.isStrictMode = _t, F.isSuspense = P, F.isValidElementType = w, F.typeOf = E;
   }()), F;
 }
 process.env.NODE_ENV === "production" ? wr.exports = Ds() : wr.exports = Ls();
@@ -3995,7 +3995,7 @@ var Fs = wr.exports, bo = Fs, js = {
   defaultProps: !0,
   displayName: !0,
   propTypes: !0
-}, Bs = {
+}, Hs = {
   $$typeof: !0,
   compare: !0,
   defaultProps: !0,
@@ -4004,8 +4004,8 @@ var Fs = wr.exports, bo = Fs, js = {
   type: !0
 }, vo = {};
 vo[bo.ForwardRef] = js;
-vo[bo.Memo] = Bs;
-var Hs = !0;
+vo[bo.Memo] = Hs;
+var Bs = !0;
 function xo(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(o) {
@@ -4023,7 +4023,7 @@ var Rr = function(t, r, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Hs === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
+  Bs === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
 }, Pr = function(t, r, n) {
   Rr(t, r, n);
   var o = t.key + "-" + r.name;
@@ -4733,7 +4733,7 @@ function qt(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 Ht(e, t, r, n = r) {
   let o;
   return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = qt(e, r) || n, t && (o = t(o, n, e)), o;
 }
@@ -4748,8 +4748,8 @@ function Z(e) {
       return null;
     const l = a[t], c = a.theme, d = qt(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" ? "" : Fe(h)}`, h)), r === !1 ? m : {
+      let m = Ht(d, o, h);
+      return h === m && typeof h == "string" && (m = Ht(d, o, `${t}${h === "default" ? "" : Fe(h)}`, h)), r === !1 ? m : {
         [r]: m
       };
     });
@@ -4855,7 +4855,7 @@ function fe(e, t) {
     transform: t
   });
 }
-const zl = fe("border", ce), Dl = fe("borderTop", ce), Ll = fe("borderRight", ce), Fl = fe("borderBottom", ce), jl = fe("borderLeft", ce), Bl = fe("borderColor"), Hl = fe("borderTopColor"), Vl = fe("borderRightColor"), Wl = fe("borderBottomColor"), Ul = fe("borderLeftColor"), Yl = fe("outline", ce), Kl = fe("outlineColor"), Qt = (e) => {
+const zl = fe("border", ce), Dl = fe("borderTop", ce), Ll = fe("borderRight", ce), Fl = fe("borderBottom", ce), jl = fe("borderLeft", ce), Hl = fe("borderColor"), Bl = fe("borderTopColor"), Vl = fe("borderRightColor"), Wl = fe("borderBottomColor"), Ul = fe("borderLeftColor"), Yl = fe("outline", ce), Kl = fe("outlineColor"), Qt = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = vt(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: xt(t, n)
@@ -4868,7 +4868,7 @@ Qt.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Ne
 } : {};
 Qt.filterProps = ["borderRadius"];
-Jt(zl, Dl, Ll, Fl, jl, Bl, Hl, Vl, Wl, Ul, Qt, Yl, Kl);
+Jt(zl, Dl, Ll, Fl, jl, Hl, Bl, Vl, Wl, Ul, Qt, Yl, Kl);
 const er = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = vt(e.theme, "spacing", 8, "gap"), r = (n) => ({
@@ -5313,8 +5313,8 @@ function Oo() {
       };
     const m = qt(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" ? "" : Fe(p)}`, p)), c === !1 ? s : {
+      let s = Ht(m, f, p);
+      return p === s && typeof p == "string" && (s = Ht(m, f, `${r}${p === "default" ? "" : Fe(p)}`, p)), c === !1 ? s : {
         [c]: s
       };
     });
@@ -5619,7 +5619,7 @@ function Lc(e, t) {
   }, t);
 }
 var X = {};
-const Fc = /* @__PURE__ */ we(Ba), jc = /* @__PURE__ */ we(ts);
+const Fc = /* @__PURE__ */ we(Ha), jc = /* @__PURE__ */ we(ts);
 var zo = so;
 Object.defineProperty(X, "__esModule", {
   value: !0
@@ -5627,14 +5627,14 @@ Object.defineProperty(X, "__esModule", {
 X.alpha = jo;
 X.blend = Jc;
 X.colorChannel = void 0;
-var Bc = X.darken = Hr;
+var Hc = X.darken = Br;
 X.decomposeColor = de;
-X.emphasize = Bo;
+X.emphasize = Ho;
 var Cn = X.getContrastRatio = Kc;
-X.getLuminance = Ht;
+X.getLuminance = Bt;
 X.hexToRgb = Do;
 X.hslToRgb = Fo;
-var Hc = X.lighten = Vr;
+var Bc = X.lighten = Vr;
 X.private_safeAlpha = Gc;
 X.private_safeColorChannel = void 0;
 X.private_safeDarken = qc;
@@ -5643,7 +5643,7 @@ X.private_safeLighten = Zc;
 X.recomposeColor = it;
 X.rgbToHex = Yc;
 var In = zo(Fc), Vc = zo(jc);
-function Br(e, t = 0, r = 1) {
+function Hr(e, t = 0, r = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), (0, Vc.default)(e, t, r);
 }
 function Do(e) {
@@ -5721,17 +5721,17 @@ function Fo(e) {
     values: c
   });
 }
-function Ht(e) {
+function Bt(e) {
   e = de(e);
   let t = e.type === "hsl" || e.type === "hsla" ? de(Fo(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 Kc(e, t) {
-  const r = Ht(e), n = Ht(t);
+  const r = Bt(e), n = Bt(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function jo(e, t) {
-  return e = de(e), t = Br(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, it(e);
+  return e = de(e), t = Hr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, it(e);
 }
 function Gc(e, t, r) {
   try {
@@ -5740,8 +5740,8 @@ function Gc(e, t, r) {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Hr(e, t) {
-  if (e = de(e), t = Br(t), e.type.indexOf("hsl") !== -1)
+function Br(e, t) {
+  if (e = de(e), t = Hr(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 r = 0; r < 3; r += 1)
@@ -5750,13 +5750,13 @@ function Hr(e, t) {
 }
 function qc(e, t, r) {
   try {
-    return Hr(e, t);
+    return Br(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
 function Vr(e, t) {
-  if (e = de(e), t = Br(t), e.type.indexOf("hsl") !== -1)
+  if (e = de(e), t = Hr(t), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.indexOf("rgb") !== -1)
     for (let r = 0; r < 3; r += 1)
@@ -5773,12 +5773,12 @@ function Zc(e, t, r) {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Bo(e, t = 0.15) {
-  return Ht(e) > 0.5 ? Hr(e, t) : Vr(e, t);
+function Ho(e, t = 0.15) {
+  return Bt(e) > 0.5 ? Br(e, t) : Vr(e, t);
 }
 function Xc(e, t, r) {
   try {
-    return Bo(e, t);
+    return Ho(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
@@ -5963,7 +5963,7 @@ const Qc = {
 };
 function Mn(e, t, r, n) {
   const o = n.light || n, i = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Hc(e.main, o) : t === "dark" && (e.dark = Bc(e.main, i)));
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Bc(e.main, o) : t === "dark" && (e.dark = Hc(e.main, i)));
 }
 function c0(e = "light") {
   return e === "dark" ? {
@@ -6276,7 +6276,9 @@ function $0(e = {}, ...t) {
     transitions: o = {},
     typography: i = {}
   } = e, a = Oe(e, O0);
-  if (e.vars)
+  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)
     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 = p0(n), c = Ro(e);
   let d = xe(c, {
@@ -6328,11 +6330,11 @@ const D0 = (e) => z0(e) && e !== "classes", L0 = D0, F0 = _c({
   defaultTheme: R0,
   rootShouldForwardProp: L0
 }), j0 = F0;
-function B0(e) {
+function H0(e) {
   return Ar("MuiSvgIcon", e);
 }
 Qa("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const H0 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], V0 = (e) => {
+const B0 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], V0 = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -6340,7 +6342,7 @@ const H0 = ["children", "className", "color", "component", "fontSize", "htmlColo
   } = e, o = {
     root: ["root", t !== "inherit" && `color${Fe(t)}`, `fontSize${Fe(r)}`]
   };
-  return Ga(o, B0, n);
+  return Ga(o, H0, n);
 }, W0 = j0("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -6394,7 +6396,7 @@ const H0 = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: f = !1,
     titleAccess: h,
     viewBox: m = "0 0 24 24"
-  } = n, b = Oe(n, H0), p = /* @__PURE__ */ W.isValidElement(o) && o.type === "svg", s = V({}, n, {
+  } = n, b = Oe(n, B0), p = /* @__PURE__ */ W.isValidElement(o) && o.type === "svg", s = V({}, n, {
     color: a,
     component: l,
     fontSize: c,
@@ -6720,10 +6722,10 @@ function Q0(e) {
     }, b.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Pn(this._resetIsScrollingTimeoutId);
     }, b.render = function() {
-      var s = this.props, y = s.children, x = s.className, _ = s.direction, w = s.height, E = s.innerRef, v = s.innerElementType, g = s.innerTagName, S = s.itemCount, T = s.itemData, M = s.itemKey, A = M === void 0 ? J0 : M, C = s.layout, O = s.outerElementType, R = s.outerTagName, U = s.style, re = s.useIsScrolling, he = s.width, Re = this.state.isScrolling, _e = _ === "horizontal" || C === "horizontal", at = _e ? this._onScrollHorizontal : this._onScrollVertical, Te = this._getRangeToRender(), je = Te[0], Be = Te[1], He = [];
+      var s = this.props, y = s.children, x = s.className, _ = s.direction, w = s.height, E = s.innerRef, v = s.innerElementType, g = s.innerTagName, S = s.itemCount, T = s.itemData, M = s.itemKey, A = M === void 0 ? J0 : M, C = s.layout, O = s.outerElementType, R = s.outerTagName, U = s.style, re = s.useIsScrolling, he = s.width, Re = this.state.isScrolling, _e = _ === "horizontal" || C === "horizontal", at = _e ? this._onScrollHorizontal : this._onScrollVertical, Te = this._getRangeToRender(), je = Te[0], He = Te[1], Be = [];
       if (S > 0)
-        for (var me = je; me <= Be; me++)
-          He.push(ir(y, {
+        for (var me = je; me <= He; me++)
+          Be.push(ir(y, {
             data: T,
             key: A(me, T),
             index: me,
@@ -6745,7 +6747,7 @@ function Q0(e) {
           direction: _
         }, U)
       }, ir(v || g || "div", {
-        children: He,
+        children: Be,
         ref: E,
         style: {
           height: _e ? "100%" : Ve,
@@ -6830,8 +6832,8 @@ var e1 = function(t, r) {
   return a[r];
 }, r1 = function(t, r, n) {
   var o = r.itemMetadataMap, i = r.lastMeasuredIndex, a = i > 0 ? o[i].offset : 0;
-  return a >= n ? Ho(t, r, i, 0, n) : n1(t, r, Math.max(0, i), n);
-}, Ho = function(t, r, n, o, i) {
+  return a >= n ? Bo(t, r, i, 0, n) : n1(t, r, Math.max(0, i), n);
+}, Bo = function(t, r, n, o, i) {
   for (; o <= n; ) {
     var a = o + Math.floor((n - o) / 2), l = Je(t, a, r).offset;
     if (l === i)
@@ -6842,7 +6844,7 @@ var e1 = function(t, r) {
 }, n1 = function(t, r, n, o) {
   for (var i = t.itemCount, a = 1; n < i && Je(t, n, r).offset < o; )
     n += a, a *= 2;
-  return Ho(t, r, Math.min(n, i - 1), Math.floor(n / 2), o);
+  return Bo(t, r, Math.min(n, i - 1), Math.floor(n / 2), o);
 }, Ln = function(t, r) {
   var n = t.itemCount, o = r.itemMetadataMap, i = r.estimatedItemSize, a = r.lastMeasuredIndex, l = 0;
   if (a >= n && (a = n - 1), a >= 0) {
@@ -6937,7 +6939,7 @@ const Vt = 37, i1 = (e, t) => {
   return document.body.removeChild(a), l > 21 ? Vt + 21 : Vt;
 };
 function N1(e) {
-  const [t, r] = H(!1), [n, o] = H(""), [i, a] = H(""), [l, c] = H(!1), { isRequired: d = !1 } = e, f = kt(
+  const [t, r] = B(!1), [n, o] = B(""), [i, a] = B(""), [l, c] = B(!1), { isRequired: d = !1 } = e, f = kt(
     Kr.debounce((g) => {
       var S;
       (S = e.handleChangeSearch) == null || S.call(e, g);
@@ -7172,7 +7174,7 @@ function N1(e) {
 }
 function R1(e) {
   var f;
-  const { listProps: t } = e, [r, n] = H({
+  const { listProps: t } = e, [r, n] = B({
     initLoading: !e.disabled,
     searchLoading: !1,
     hasNextPage: !1,
@@ -7343,7 +7345,7 @@ function a1(e) {
 const s1 = "Reset date";
 function P1(e) {
   var l, c;
-  const [t, r] = H(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : Q(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + Q(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
+  const [t, r] = B(e.value), n = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : Q(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + Q(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
   q(() => {
     r(e.value);
   }, [e.value]);
@@ -7498,7 +7500,7 @@ function z1(e) {
 const jn = (e) => {
   "serviceWorker" in navigator && navigator.serviceWorker.register(e.path).then(function(t) {
     console.log("Registration successful, scope is:", t.scope), console.log("initialize service worker props ", e);
-    const r = Hn(
+    const r = Bn(
       Vn({
         apiKey: e.apiKey,
         authDomain: e.authDomain,
@@ -7549,7 +7551,7 @@ const jn = (e) => {
     }));
   };
 }, d1 = (e) => new Promise((t) => {
-  const r = Hn(
+  const r = Bn(
     Vn({
       apiKey: e.apiKey,
       authDomain: e.authDomain,
@@ -7564,7 +7566,7 @@ const jn = (e) => {
     console.log("payload", n), t(n);
   });
 }), f1 = (e) => {
-  const [t, r] = H({
+  const [t, r] = B({
     actorName: "",
     message: "",
     context: "",
@@ -7669,8 +7671,8 @@ export {
   Fn as AutocompleteOption,
   z1 as BaseCheckbox,
   c1 as CheckedIcon,
-  B1 as FavoriteMenu,
-  H1 as GlobalMenu,
+  H1 as FavoriteMenu,
+  B1 as GlobalMenu,
   O1 as HomePage,
   V1 as IconComponent,
   Na as LanguageDropdown,