@ukpc-lib/react 0.11.1-dev.0 → 0.11.1-dev.1

package/dist/components/index.js

@@ -1,10 +1,10 @@
 import oi, { jsxs as O, Fragment as ue, jsx as u } from "react/jsx-runtime";
 import * as A from "react";
 import ve, { useState as W, useContext as Ae, useEffect as q, useRef as we, useCallback as Mt, forwardRef as ii, createElement as sr, PureComponent as ai } from "react";
-import { c as le, a as gt, C as je, t as ct, p as si, L as Jr, u as li, b as ci, S as ui, d as di, e as fi, Q as Zn, f as Et, g as Ar, h as hi, s as Ct, _ as j, P as N, i as ye, j as mi, o as pi, k as Ne, l as gi, m as yi, n as Qr, q as Ot, r as en, I as vi, v as bi, w as tn, D as xi, x as Xn, y as Jn, z as Si, A as wi, B as _i } from "../index.esm2017-CF_AEIoM.js";
-import { H as iu, G as au, K as su, E as lu, F as cu, J as uu } from "../index.esm2017-CF_AEIoM.js";
+import { c as ne, a as gt, C as je, t as ct, p as si, L as Jr, u as li, b as ci, S as ui, d as di, e as fi, Q as Zn, f as Et, g as Ar, h as hi, s as Ct, _ as j, P as N, i as ye, j as mi, o as pi, k as Ne, l as gi, m as yi, n as Qr, q as Ot, r as en, I as vi, v as bi, w as tn, D as xi, x as Xn, y as Jn, z as Si, A as wi, B as _i } from "../index.esm2017-BpDo4Ydk.js";
+import { H as iu, G as au, K as su, E as lu, F as cu, J as uu } from "../index.esm2017-BpDo4Ydk.js";
 import Q from "moment";
-import { Stack as ie, Dialog as Ei, DialogTitle as Ci, Typography as ge, DialogContent as Ti, DialogActions as Ii, Button as Ft, Box as ki, ClickAwayListener as Mi, TextField as Qn, IconButton as Oi, CircularProgress as $i, Fade as Ai, Paper as Ri, Checkbox as Ni, Breadcrumbs as Pi } from "@mui/material";
+import { Stack as ae, Dialog as Ei, DialogTitle as Ci, Typography as ge, DialogContent as Ti, DialogActions as Ii, Button as Ft, Box as ki, ClickAwayListener as Mi, TextField as Qn, IconButton as Oi, CircularProgress as $i, Fade as Ai, Paper as Ri, Checkbox as Ni, Breadcrumbs as Pi } from "@mui/material";
 import "axios";
 import "@r2wc/react-to-web-component";
 import { useParams as zi, Link as eo } from "react-router-dom";
@@ -56,7 +56,7 @@ const Di = (e) => {
             display: "flex",
             width: "100%",
             height: "50px",
-            borderBottom: `1px solid ${le.grey200}`
+            borderBottom: `1px solid ${ne.grey200}`
           },
           className: "tab-container__title",
           children: t.map((i, a) => /* @__PURE__ */ u(
@@ -109,8 +109,8 @@ const Di = (e) => {
     id: e.id,
     isRead: e.isRead
   }), d = l.isRead === !1 ? "unread" : "read", f = {
-    borderColor: l.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || le.primary500,
-    backgroundColor: l.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || le.primary500
+    borderColor: l.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || ne.primary500,
+    backgroundColor: l.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || ne.primary500
   }, { setNotiData: h } = Ae(je), m = Rr({ baseUrl: t, notiPath: r, setNotiData: h }), v = async (g, S) => {
     try {
       const C = r || `/notification-management/api/v1/notifications/${g}`, I = t + C;
@@ -229,7 +229,7 @@ const Di = (e) => {
             "button",
             {
               style: {
-                color: le.primary400,
+                color: ne.primary400,
                 textDecoration: "underline"
               },
               onClick: s,
@@ -273,7 +273,7 @@ const Di = (e) => {
                 /* @__PURE__ */ u(
                   "span",
                   {
-                    style: { backgroundColor: le.primary400 },
+                    style: { backgroundColor: ne.primary400 },
                     className: "list-dot"
                   }
                 ),
@@ -412,7 +412,7 @@ const Di = (e) => {
                   style: {
                     fontSize: "24px",
                     fontWeight: "500",
-                    color: le.textPrimary
+                    color: ne.textPrimary
                   },
                   className: "list-title",
                   children: "Notifications"
@@ -526,7 +526,7 @@ function ji({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            backgroundColor: le.danger
+            backgroundColor: ne.danger
           },
           className: "notification-badge",
           children: ((h = l == null ? void 0 : l.unread) == null ? void 0 : h.total) > 9 ? "9+" : `${(m = l == null ? void 0 : l.unread) == null ? void 0 : m.total}`
@@ -752,7 +752,7 @@ function ao(e) {
 function ta(e) {
   return ao(e) && e !== null;
 }
-function ae(e) {
+function se(e) {
   return e != null;
 }
 function lr(e) {
@@ -806,13 +806,13 @@ function pr(e) {
 function la(e, t) {
   let r = [], n = !1;
   const o = (i, a, l) => {
-    if (ae(i))
+    if (se(i))
       if (!a[l])
         r.push(i);
       else {
         let c = a[l];
         const d = i[c];
-        if (!ae(d))
+        if (!se(d))
           return;
         if (l === a.length - 1 && (Se(d) || io(d) || ea(d)))
           r.push(Qi(d));
@@ -942,7 +942,7 @@ class Nr {
     return this.records.length;
   }
   _addString(t, r) {
-    if (!ae(t) || lr(t))
+    if (!se(t) || lr(t))
       return;
     let n = {
       v: t,
@@ -955,13 +955,13 @@ class Nr {
     let n = { i: r, $: {} };
     this.keys.forEach((o, i) => {
       let a = o.getFn ? o.getFn(t) : this.getFn(t, o.path);
-      if (ae(a)) {
+      if (se(a)) {
         if (Te(a)) {
           let l = [];
           const c = [{ nestedArrIndex: -1, value: a }];
           for (; c.length; ) {
             const { nestedArrIndex: d, value: f } = c.pop();
-            if (ae(f))
+            if (se(f))
               if (Se(f) && !lr(f)) {
                 let h = {
                   v: f,
@@ -1070,15 +1070,15 @@ function ya(e, t, r, {
     let T = Math.max(1, m - I + 1), k = a ? h : Math.min(m + I, h) + f, R = Array(k + 2);
     R[k + 1] = (1 << S) - 1;
     for (let U = k; U >= T; U -= 1) {
-      let oe = U - 1, pe = r[e.charAt(oe)];
-      if (s && (y[oe] = +!!pe), R[U] = (R[U + 1] << 1 | 1) & pe, S && (R[U] |= (_[U + 1] | _[U]) << 1 | 1 | _[U + 1]), R[U] & b && (w = Tt(t, {
+      let ie = U - 1, pe = r[e.charAt(ie)];
+      if (s && (y[ie] = +!!pe), R[U] = (R[U + 1] << 1 | 1) & pe, S && (R[U] |= (_[U + 1] | _[U]) << 1 | 1 | _[U + 1]), R[U] & b && (w = Tt(t, {
         errors: S,
-        currentLocation: oe,
+        currentLocation: ie,
         expectedLocation: m,
         distance: o,
         ignoreLocation: d
       }), w <= v)) {
-        if (v = w, p = oe, p <= m)
+        if (v = w, p = ie, p <= m)
           break;
         T = Math.max(1, 2 * m - p);
       }
@@ -1565,8 +1565,8 @@ function Ra(e, { ignoreFieldNorm: t = $.ignoreFieldNorm }) {
 }
 function Na(e, t) {
   const r = e.matches;
-  t.matches = [], ae(r) && r.forEach((n) => {
-    if (!ae(n.indices) || !n.indices.length)
+  t.matches = [], se(r) && r.forEach((n) => {
+    if (!se(n.indices) || !n.indices.length)
       return;
     const { indices: o, value: i } = n;
     let a = {
@@ -1607,7 +1607,7 @@ class rt {
     });
   }
   add(t) {
-    ae(t) && (this._docs.push(t), this._myIndex.add(t));
+    se(t) && (this._docs.push(t), this._myIndex.add(t));
   }
   remove(t = () => !1) {
     const r = [];
@@ -1640,7 +1640,7 @@ class rt {
   _searchStringList(t) {
     const r = vr(t, this.options), { records: n } = this._myIndex, o = [];
     return n.forEach(({ v: i, i: a, n: l }) => {
-      if (!ae(i))
+      if (!se(i))
         return;
       const { isMatch: c, score: d, indices: f } = r.searchIn(i);
       c && o.push({
@@ -1677,7 +1677,7 @@ class rt {
       return f;
     }, o = this._myIndex.records, i = {}, a = [];
     return o.forEach(({ $: l, i: c }) => {
-      if (ae(l)) {
+      if (se(l)) {
         let d = n(r, l, c);
         d.length && (i[c] || (i[c] = { idx: c, item: l, matches: [] }, a.push(i[c])), d.forEach(({ matches: f }) => {
           i[c].matches.push(...f);
@@ -1688,7 +1688,7 @@ class rt {
   _searchObjectList(t) {
     const r = vr(t, this.options), { keys: n, records: o } = this._myIndex, i = [];
     return o.forEach(({ $: a, i: l }) => {
-      if (!ae(a))
+      if (!se(a))
         return;
       let c = [];
       n.forEach((d, f) => {
@@ -1707,12 +1707,12 @@ class rt {
     }), i;
   }
   _findMatches({ key: t, value: r, searcher: n }) {
-    if (!ae(r))
+    if (!se(r))
       return [];
     let o = [];
     if (Te(r))
       r.forEach(({ v: i, i: a, n: l }) => {
-        if (!ae(i))
+        if (!se(i))
           return;
         const { isMatch: c, score: d, indices: f } = n.searchIn(i);
         c && o.push({
@@ -1955,7 +1955,7 @@ function Wa({
   ({ ...v });
   const g = { ...cn, ...t }, S = new rt(e, g);
   S.setCollection(e);
-  const [C, I] = W(s), [T, k] = W([]), [R, B] = W(-1), [U, oe] = W(!1), [pe, De] = W(!1), [ke, Be] = W(!1), [Me, He] = W(!1);
+  const [C, I] = W(s), [T, k] = W([]), [R, B] = W(-1), [U, ie] = W(!1), [pe, De] = W(!1), [ke, Be] = W(!1), [Me, He] = W(!1);
   q(() => {
     I(s);
     const P = setTimeout(
@@ -1995,9 +1995,9 @@ function Wa({
     We(), i(P), I(P[p]), B(0);
   }, wt = (P) => S.search(P, { limit: f }).map((te) => ({ ...te.item })).slice(0, f), ar = ({ target: P }) => {
     const te = P.value;
-    I(te), Ce(te), De(!0), U && oe(!1);
+    I(te), Ce(te), De(!0), U && ie(!1);
   }, We = () => {
-    k([]), oe(!0);
+    k([]), ie(!0);
   }, _t = ({
     index: P,
     event: te
@@ -2353,7 +2353,7 @@ const H1 = (e) => /* @__PURE__ */ u(
     ...e
   }
 ), W1 = ({ children: e }) => /* @__PURE__ */ O(
-  ie,
+  ae,
   {
     justifyContent: "center",
     alignItems: "center",
@@ -2704,7 +2704,7 @@ function U1(e) {
     !e.hideTitle && /* @__PURE__ */ O(
       Ci,
       {
-        component: ie,
+        component: ae,
         sx: { ...e.titleProps, textAlign: "center" },
         children: [
           typeof e.title == "string" ? /* @__PURE__ */ u(ge, { variant: "h4", children: e.title }) : e.title,
@@ -3525,7 +3525,7 @@ function It(e, t) {
 function Gs(e, t) {
   return e.map(t).join("");
 }
-var Yt = 1, tt = 1, To = 0, ne = 0, J = 0, nt = "";
+var Yt = 1, tt = 1, To = 0, oe = 0, J = 0, nt = "";
 function Gt(e, t, r, n, o, i, a) {
   return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Yt, column: tt, length: a, return: "" };
 }
@@ -3536,16 +3536,16 @@ function qs() {
   return J;
 }
 function Zs() {
-  return J = ne > 0 ? ee(nt, --ne) : 0, tt--, J === 10 && (tt = 1, Yt--), J;
+  return J = oe > 0 ? ee(nt, --oe) : 0, tt--, J === 10 && (tt = 1, Yt--), J;
 }
 function ce() {
-  return J = ne < To ? ee(nt, ne++) : 0, tt++, J === 10 && (tt = 1, Yt++), J;
+  return J = oe < To ? ee(nt, oe++) : 0, tt++, J === 10 && (tt = 1, Yt++), J;
 }
 function Ee() {
-  return ee(nt, ne);
+  return ee(nt, oe);
 }
 function $t() {
-  return ne;
+  return oe;
 }
 function vt(e, t) {
   return ft(nt, e, t);
@@ -3583,13 +3583,13 @@ function ht(e) {
   return 0;
 }
 function Io(e) {
-  return Yt = tt = 1, To = be(nt = e), ne = 0, [];
+  return Yt = tt = 1, To = be(nt = e), oe = 0, [];
 }
 function ko(e) {
   return nt = "", e;
 }
 function At(e) {
-  return Co(vt(ne - 1, Tr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Co(vt(oe - 1, Tr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Xs(e) {
   for (; (J = Ee()) && J < 33; )
@@ -3605,7 +3605,7 @@ function Tr(e) {
   for (; ce(); )
     switch (J) {
       case e:
-        return ne;
+        return oe;
       case 34:
       case 39:
         e !== 34 && e !== 39 && Tr(J);
@@ -3617,18 +3617,18 @@ function Tr(e) {
         ce();
         break;
     }
-  return ne;
+  return oe;
 }
 function Qs(e, t) {
   for (; ce() && e + J !== 57; )
     if (e + J === 84 && Ee() === 47)
       break;
-  return "/*" + vt(t, ne - 1) + "*" + Kt(e === 47 ? e : ce());
+  return "/*" + vt(t, oe - 1) + "*" + Kt(e === 47 ? e : ce());
 }
 function el(e) {
   for (; !ht(Ee()); )
     ce();
-  return vt(e, ne);
+  return vt(e, oe);
 }
 function tl(e) {
   return ko(Rt("", null, null, null, [""], e = Io(e), 0, [0], e));
@@ -3778,13 +3778,13 @@ function Mo(e) {
 var al = function(t, r, n) {
   for (var o = 0, i = 0; o = i, i = Ee(), o === 38 && i === 12 && (r[n] = 1), !ht(i); )
     ce();
-  return vt(t, ne);
+  return vt(t, oe);
 }, sl = function(t, r) {
   var n = -1, o = 44;
   do
     switch (ht(o)) {
       case 0:
-        o === 38 && Ee() === 12 && (r[n] = 1), t[n] += al(ne - 1, r, n);
+        o === 38 && Ee() === 12 && (r[n] = 1), t[n] += al(oe - 1, r, n);
         break;
       case 2:
         t[n] += At(o);
@@ -4140,7 +4140,7 @@ function ml() {
         }
       }
     }
-    var b = c, g = d, S = l, C = a, I = t, T = f, k = n, R = p, B = v, U = r, oe = i, pe = o, De = h, ke = !1;
+    var b = c, g = d, S = l, C = a, I = t, T = f, k = n, R = p, B = v, U = r, ie = i, pe = o, De = h, ke = !1;
     function Be(M) {
       return ke || (ke = !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.")), Me(M) || E(M) === c;
     }
@@ -4180,7 +4180,7 @@ function ml() {
     function te(M) {
       return E(M) === h;
     }
-    L.AsyncMode = b, L.ConcurrentMode = g, L.ContextConsumer = S, L.ContextProvider = C, L.Element = I, L.ForwardRef = T, L.Fragment = k, L.Lazy = R, L.Memo = B, L.Portal = U, L.Profiler = oe, L.StrictMode = pe, L.Suspense = De, L.isAsyncMode = Be, L.isConcurrentMode = Me, L.isContextConsumer = He, L.isContextProvider = at, L.isElement = Fe, L.isForwardRef = Ce, L.isFragment = Ve, L.isLazy = wt, L.isMemo = ar, L.isPortal = We, L.isProfiler = _t, L.isStrictMode = P, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
+    L.AsyncMode = b, L.ConcurrentMode = g, L.ContextConsumer = S, L.ContextProvider = C, L.Element = I, L.ForwardRef = T, L.Fragment = k, L.Lazy = R, L.Memo = B, L.Portal = U, L.Profiler = ie, L.StrictMode = pe, L.Suspense = De, L.isAsyncMode = Be, L.isConcurrentMode = Me, L.isContextConsumer = He, L.isContextProvider = at, L.isElement = Fe, L.isForwardRef = Ce, L.isFragment = Ve, L.isLazy = wt, L.isMemo = ar, L.isPortal = We, L.isProfiler = _t, L.isStrictMode = P, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
   }()), L;
 }
 process.env.NODE_ENV === "production" ? Ir.exports = hl() : Ir.exports = ml();
@@ -5137,12 +5137,12 @@ const Ic = Z({
   transform: et
 });
 er(Ic, kc, Mc);
-function se(e) {
+function le(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const Oc = Z({
   prop: "width",
-  transform: se
+  transform: le
 }), Kr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
@@ -5153,7 +5153,7 @@ const Oc = Z({
       } : {
         maxWidth: i
       } : {
-        maxWidth: se(r)
+        maxWidth: le(r)
       };
     };
     return Ie(e, e.maxWidth, t);
@@ -5163,26 +5163,26 @@ const Oc = Z({
 Kr.filterProps = ["maxWidth"];
 const $c = Z({
   prop: "minWidth",
-  transform: se
+  transform: le
 }), Ac = Z({
   prop: "height",
-  transform: se
+  transform: le
 }), Rc = Z({
   prop: "maxHeight",
-  transform: se
+  transform: le
 }), Nc = Z({
   prop: "minHeight",
-  transform: se
+  transform: le
 });
 Z({
   prop: "size",
   cssProperty: "width",
-  transform: se
+  transform: le
 });
 Z({
   prop: "size",
   cssProperty: "height",
-  transform: se
+  transform: le
 });
 const Pc = Z({
   prop: "boxSizing"
@@ -5433,22 +5433,22 @@ const St = {
   },
   // sizing
   width: {
-    transform: se
+    transform: le
   },
   maxWidth: {
     style: Kr
   },
   minWidth: {
-    transform: se
+    transform: le
   },
   height: {
-    transform: se
+    transform: le
   },
   maxHeight: {
-    transform: se
+    transform: le
   },
   minHeight: {
-    transform: se
+    transform: le
   },
   boxSizing: {},
   // typography
@@ -5761,8 +5761,8 @@ function a0(e = {}) {
         if (!R.components || !R.components[c] || !R.components[c].styleOverrides)
           return null;
         const B = R.components[c].styleOverrides, U = {};
-        return Object.entries(B).forEach(([oe, pe]) => {
-          U[oe] = Pt(pe, (0, de.default)({}, k, {
+        return Object.entries(B).forEach(([ie, pe]) => {
+          U[ie] = Pt(pe, (0, de.default)({}, k, {
             theme: R
           }));
         }), m(k, U);
@@ -6882,14 +6882,14 @@ function u1(e) {
     }, v.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Vn(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, C = s.itemData, I = s.itemKey, T = I === void 0 ? c1 : I, k = s.layout, R = s.outerElementType, B = s.outerTagName, U = s.style, oe = s.useIsScrolling, pe = s.width, De = this.state.isScrolling, ke = _ === "horizontal" || k === "horizontal", Be = ke ? this._onScrollHorizontal : this._onScrollVertical, Me = this._getRangeToRender(), He = Me[0], at = Me[1], Fe = [];
+      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, C = s.itemData, I = s.itemKey, T = I === void 0 ? c1 : I, k = s.layout, R = s.outerElementType, B = s.outerTagName, U = s.style, ie = s.useIsScrolling, pe = s.width, De = this.state.isScrolling, ke = _ === "horizontal" || k === "horizontal", Be = ke ? this._onScrollHorizontal : this._onScrollVertical, Me = this._getRangeToRender(), He = Me[0], at = Me[1], Fe = [];
       if (S > 0)
         for (var Ce = He; Ce <= at; Ce++)
           Fe.push(sr(y, {
             data: C,
             key: T(Ce, C),
             index: Ce,
-            isScrolling: oe ? De : void 0,
+            isScrolling: ie ? De : void 0,
             style: this._getItemStyle(Ce)
           }));
       var Ve = n(this.props, this._instanceProps);
@@ -7063,7 +7063,7 @@ var d1 = function(t, r) {
 function Yn(e) {
   const { colors: t } = Ar();
   return /* @__PURE__ */ u(
-    ie,
+    ae,
     {
       sx: { cursor: "pointer" },
       onClick: (r) => {
@@ -7072,7 +7072,7 @@ function Yn(e) {
       },
       ...e.stackProps,
       children: /* @__PURE__ */ u(
-        ie,
+        ae,
         {
           sx: {
             p: 1,
@@ -7130,7 +7130,7 @@ function Z1(e) {
       mouseEvent: "onMouseDown",
       touchEvent: "onTouchEnd",
       children: /* @__PURE__ */ u("div", { ref: w, style: { width: e.wrapperWidth ?? "auto" }, children: /* @__PURE__ */ O(
-        ie,
+        ae,
         {
           sx: {
             // height: 40,
@@ -7206,7 +7206,7 @@ function Z1(e) {
                 },
                 children: [
                   !e.disabledAllOption && /* @__PURE__ */ u(
-                    ie,
+                    ae,
                     {
                       sx: {
                         ...Ot(
@@ -7214,7 +7214,7 @@ function Z1(e) {
                           !!l
                         )
                       },
-                      children: /* @__PURE__ */ u(ie, { children: /* @__PURE__ */ u(
+                      children: /* @__PURE__ */ u(ae, { children: /* @__PURE__ */ u(
                         Yn,
                         {
                           option: void 0,
@@ -7262,7 +7262,7 @@ function Z1(e) {
                                 renderOption: (R) => {
                                   var B;
                                   return /* @__PURE__ */ O(
-                                    ie,
+                                    ae,
                                     {
                                       direction: "row",
                                       alignItems: "center",
@@ -7281,7 +7281,7 @@ function Z1(e) {
                                 select: ((k = e.isEqual) == null ? void 0 : k.call(e, T, e.value)) ?? en.isEqual(T, e.value)
                               }
                             ) : /* @__PURE__ */ u(
-                              ie,
+                              ae,
                               {
                                 style: I,
                                 sx: { height: Wt, pl: 1 },
@@ -7295,7 +7295,7 @@ function Z1(e) {
                     }
                   ),
                   /* @__PURE__ */ u(
-                    ie,
+                    ae,
                     {
                       sx: {
                         height: 30,
@@ -7308,7 +7308,7 @@ function Z1(e) {
                     }
                   ),
                   /* @__PURE__ */ u(
-                    ie,
+                    ae,
                     {
                       sx: {
                         height: 30,
@@ -7798,7 +7798,7 @@ const Gn = (e) => {
   const { colors: e } = Ar(), t = () => {
     window.location.href = `${window.location.origin}/home`;
   };
-  return console.log("window.location.origin", window.location.origin), /* @__PURE__ */ O(ie, { py: 2, gap: 2, style: { alignItems: "center" }, children: [
+  return console.log("window.location.origin", window.location.origin), /* @__PURE__ */ O(ae, { py: 2, gap: 2, style: { alignItems: "center" }, children: [
     /* @__PURE__ */ u(
       "img",
       {
@@ -7808,7 +7808,7 @@ const Gn = (e) => {
         alt: ""
       }
     ),
-    /* @__PURE__ */ O(ie, { gap: 1, alignItems: "center", children: [
+    /* @__PURE__ */ O(ae, { gap: 1, alignItems: "center", children: [
       /* @__PURE__ */ u(ge, { variant: "h4", textAlign: "center", children: "Page Not Found" }),
       /* @__PURE__ */ O(ge, { textAlign: "center", color: e.grey600, children: [
         "We’re sorry. The page you requested could no be found. ",
@@ -7860,16 +7860,16 @@ function ru(e) {
         ni,
         {
           fontSize: "small",
-          sx: { color: le.linkPrimary }
+          sx: { color: ne.linkPrimary }
         }
       ),
       "aria-label": "breadcrumb",
-      color: le.linkPrimary,
+      color: ne.linkPrimary,
       children: e.data.map((t, r) => t.onClick ? /* @__PURE__ */ u(
         ge,
         {
           style: {
-            color: le.linkPrimary,
+            color: ne.linkPrimary,
             textDecoration: "none",
             cursor: "pointer"
           },
@@ -7889,7 +7889,7 @@ function ru(e) {
         ge,
         {
           style: {
-            color: le.textPrimary,
+            color: t.highlight ? ne.linkPrimary : ne.textPrimary,
             textDecoration: "none"
           },
           children: t.title
@@ -7904,7 +7904,7 @@ function O1({ index: e, href: t, title: r, ssr: n }) {
     "a",
     {
       style: {
-        color: le.linkPrimary,
+        color: ne.linkPrimary,
         textDecoration: "none"
       },
       href: t,
@@ -7915,7 +7915,7 @@ function O1({ index: e, href: t, title: r, ssr: n }) {
     eo,
     {
       style: {
-        color: le.linkPrimary,
+        color: ne.linkPrimary,
         textDecoration: "none"
       },
       to: t,