@ukpc-lib/react 0.3.19 → 0.3.20

package/dist/components/index.js

@@ -1,8 +1,8 @@
-import { jsxs as T, jsx as c, Fragment as qe } from "react/jsx-runtime";
+import { jsxs as T, jsx as c, Fragment as Ye } from "react/jsx-runtime";
 import * as F from "react";
 import So, { useState as G, useContext as be, useEffect as Q, useRef as ve, useCallback as bt, forwardRef as Eo, createElement as er, PureComponent as Co } from "react";
-import { c as rt, Q as $n, C as Te, p as At, u as fr, S as Oo, a as To, L as No, b as Ar, d as ko, e as mt, f as $o, s as pt, _ as z, g as xe, P as N, h as he, i as Mo, o as Io, j as Ao, k as Po, l as Pr, m as Rr, I as Ro, n as Do, q as Dr, D as zo, r as Mn, t as In, v as Lo, w as Fo, x as Ce, y as jo, z as gt } from "../index.module-c91c4596.js";
-import { G as S1, A as E1, B as C1 } from "../index.module-c91c4596.js";
+import { c as Te, Q as $n, C as Ne, p as At, u as fr, S as Oo, a as To, L as No, b as Ar, d as ko, e as mt, f as $o, s as pt, _ as z, g as xe, P as N, h as he, i as Mo, o as Io, j as Ao, k as Po, l as Pr, m as Rr, I as Ro, n as Do, q as Dr, D as zo, r as Mn, t as In, v as Lo, w as Fo, x as Ce, y as jo, z as gt } from "../index.module-9cc5e50f.js";
+import { G as S1, A as E1, B as C1 } from "../index.module-9cc5e50f.js";
 import Z from "moment";
 import hr from "axios";
 import { Stack as se, Dialog as Vo, DialogTitle as Ho, Typography as Oe, DialogContent as Bo, DialogActions as Wo, Button as zr, ClickAwayListener as Uo, TextField as An, IconButton as qo, CircularProgress as Yo, Fade as Go, Paper as Ko, Checkbox as Zo } from "@mui/material";
@@ -69,7 +69,7 @@ const Jo = (e) => {
   const { tabs: t } = e, r = (i) => {
     e.setCurrentTab(i.target.id);
   };
-  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ T(qe, { children: [
+  return console.log("🚀 ~ brandColors:", e.currentTab), /* @__PURE__ */ T(Ye, { children: [
     /* @__PURE__ */ c("style", { children: `
       .tab-title { 
         min-width: 90px;
@@ -110,7 +110,7 @@ const Jo = (e) => {
             display: "flex",
             width: "100%",
             height: "50px",
-            borderBottom: `1px solid ${rt.grey200}`
+            borderBottom: `1px solid ${Te.grey200}`
           },
           className: "tab-container__title",
           children: t.map((i, a) => /* @__PURE__ */ c(
@@ -165,9 +165,9 @@ const Jo = (e) => {
     id: e.id,
     isRead: e.isRead
   }), l = i.isRead === !1 ? "unread" : "read", u = {
-    borderColor: i.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || rt.primary500,
-    backgroundColor: i.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || rt.primary500
-  }, { setNotiData: f } = be(Te), h = fr({ baseUrl: t, notiPath: r, setNotiData: f }), m = async (y, s) => {
+    borderColor: i.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Te.primary500,
+    backgroundColor: i.isRead ? "#c5c5c5" : (o == null ? void 0 : o.primary500) || Te.primary500
+  }, { setNotiData: f } = be(Ne), h = fr({ baseUrl: t, notiPath: r, setNotiData: f }), m = async (y, s) => {
     var d, v;
     try {
       const x = r || `/notification-management/api/v1/notifications/${y}`, _ = t + x;
@@ -267,7 +267,7 @@ const Jo = (e) => {
 }) => {
   const [o, i] = G(!1);
   console.log(o);
-  const { setNotiData: a } = be(Te), l = fr({ baseUrl: t, notiPath: r, setNotiData: a }), u = async () => {
+  const { setNotiData: a } = be(Ne), l = fr({ baseUrl: t, notiPath: r, setNotiData: a }), u = async () => {
     var h, m;
     try {
       const b = t + (r || "/notification-management/api/v1/notifications");
@@ -303,7 +303,7 @@ const Jo = (e) => {
   brandColors: r
 }) => {
   var u, f, h, m;
-  const { setShowModalFalse: n } = be(Te), { notidata: o } = be(Te);
+  const { setShowModalFalse: n } = be(Ne), { notidata: o } = be(Ne);
   console.log(o);
   const [i, a] = G("all"), l = [
     {
@@ -333,7 +333,7 @@ const Jo = (e) => {
       )
     }
   ];
-  return /* @__PURE__ */ c(qe, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -424,7 +424,7 @@ function ti({
   brandColors: n
 }) {
   var m, g;
-  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = be(Te), { notidata: l, setNotiData: u } = be(Te), f = fr({ baseUrl: t, notiPath: r, setNotiData: u }), h = async () => {
+  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = be(Ne), { notidata: l, setNotiData: u } = be(Ne), f = fr({ baseUrl: t, notiPath: r, setNotiData: u }), h = async () => {
     var b, y;
     try {
       await f();
@@ -489,7 +489,7 @@ function ti({
             position: "absolute",
             top: "-9px",
             right: "-6px",
-            background: `${rt}`,
+            background: `${Te}`,
             width: "20px",
             height: "20px",
             border: "1px solid #fff",
@@ -499,7 +499,7 @@ function ti({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            backgroundColor: rt.danger
+            backgroundColor: Te.danger
           },
           className: "notification-badge",
           children: ((m = l == null ? void 0 : l.unread) == null ? void 0 : m.total) > 9 ? "9+" : `${(g = l == null ? void 0 : l.unread) == null ? void 0 : g.total}`
@@ -781,7 +781,7 @@ function ci({
         o(!1);
       }
     });
-  }, []), /* @__PURE__ */ c(qe, { children: /* @__PURE__ */ T("div", { style: { position: "relative" }, children: [
+  }, []), /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ T("div", { style: { position: "relative" }, children: [
     e ? /* @__PURE__ */ c(
       "img",
       {
@@ -1226,7 +1226,7 @@ function h1(e) {
           pb: 3,
           ...(t = e.dialogActionsProps) == null ? void 0 : t.sx
         },
-        children: e.customActions ? e.customActions : /* @__PURE__ */ T(qe, { children: [
+        children: e.customActions ? e.customActions : /* @__PURE__ */ T(Ye, { children: [
           !e.hideClose && /* @__PURE__ */ c(zr, { color: "error", onClick: e.onClose, children: "Close" }),
           !e.hideConfirm && /* @__PURE__ */ c(zr, { color: "primary", onClick: e.onConfirm, children: "Submit" })
         ] })
@@ -1473,8 +1473,8 @@ function bi() {
     }
     function p(O) {
       if (typeof O == "object" && O !== null) {
-        var Pe = O.$$typeof;
-        switch (Pe) {
+        var Re = O.$$typeof;
+        switch (Re) {
           case e:
             var ht = O.type;
             switch (ht) {
@@ -1495,31 +1495,31 @@ function bi() {
                   case i:
                     return Ir;
                   default:
-                    return Pe;
+                    return Re;
                 }
             }
           case t:
-            return Pe;
+            return Re;
         }
       }
     }
-    var w = a, S = i, M = e, I = u, B = r, L = g, W = m, K = t, ce = o, we = n, Se = f, $e = h, me = !1, Me = !1;
+    var w = a, S = i, M = e, I = u, B = r, L = g, W = m, K = t, ce = o, we = n, Se = f, Me = h, me = !1, Ie = !1;
     function Ee(O) {
       return me || (me = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
-    function Ze(O) {
-      return Me || (Me = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
-    }
     function Xe(O) {
+      return Ie || (Ie = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function Je(O) {
       return p(O) === a;
     }
-    function Ie(O) {
+    function Ae(O) {
       return p(O) === i;
     }
     function pe(O) {
       return typeof O == "object" && O !== null && O.$$typeof === e;
     }
-    function Ae(O) {
+    function Pe(O) {
       return p(O) === u;
     }
     function Gt(O) {
@@ -1543,10 +1543,10 @@ function bi() {
     function C(O) {
       return p(O) === f;
     }
-    function Je(O) {
+    function Qe(O) {
       return p(O) === h;
     }
-    P.ContextConsumer = w, P.ContextProvider = S, P.Element = M, P.ForwardRef = I, P.Fragment = B, P.Lazy = L, P.Memo = W, P.Portal = K, P.Profiler = ce, P.StrictMode = we, P.Suspense = Se, P.SuspenseList = $e, P.isAsyncMode = Ee, P.isConcurrentMode = Ze, P.isContextConsumer = Xe, P.isContextProvider = Ie, P.isElement = pe, P.isForwardRef = Ae, P.isFragment = Gt, P.isLazy = Kt, P.isMemo = Zt, P.isPortal = Xt, P.isProfiler = Jt, P.isStrictMode = Qt, P.isSuspense = C, P.isSuspenseList = Je, P.isValidElementType = E, P.typeOf = p;
+    P.ContextConsumer = w, P.ContextProvider = S, P.Element = M, P.ForwardRef = I, P.Fragment = B, P.Lazy = L, P.Memo = W, P.Portal = K, P.Profiler = ce, P.StrictMode = we, P.Suspense = Se, P.SuspenseList = Me, P.isAsyncMode = Ee, P.isConcurrentMode = Xe, P.isContextConsumer = Je, P.isContextProvider = Ae, P.isElement = pe, P.isForwardRef = Pe, P.isFragment = Gt, P.isLazy = Kt, P.isMemo = Zt, P.isPortal = Xt, P.isProfiler = Jt, P.isStrictMode = Qt, P.isSuspense = C, P.isSuspenseList = Qe, P.isValidElementType = E, P.typeOf = p;
   }()), P;
 }
 process.env.NODE_ENV === "production" ? ir.exports = yi() : ir.exports = bi();
@@ -1585,14 +1585,14 @@ const wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: _i,
   getFunctionName: Rn
 }, Symbol.toStringTag, { value: "Module" }));
-function Ne(e) {
+function ke(e) {
   if (typeof e != "string")
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : nt(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 const Si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ne
+  default: ke
 }, Symbol.toStringTag, { value: "Module" }));
 function zn(e, t) {
   const r = z({}, t);
@@ -1735,7 +1735,7 @@ function Ln(e) {
 const Ri = {
   borderRadius: 4
 }, Di = Ri, zi = process.env.NODE_ENV !== "production" ? N.oneOfType([N.number, N.string, N.object, N.array]) : {}, _e = zi;
-function tt(e, t) {
+function rt(e, t) {
   return t ? ue(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
@@ -1818,7 +1818,7 @@ function U(e) {
     const l = a[t], u = a.theme, f = Pt(u, n) || {};
     return ge(a, l, (m) => {
       let g = Nt(f, o, m);
-      return m === g && typeof m == "string" && (g = Nt(f, o, `${t}${m === "default" ? "" : Ne(m)}`, m)), r === !1 ? g : {
+      return m === g && typeof m == "string" && (g = Nt(f, o, `${t}${m === "default" ? "" : ke(m)}`, m)), r === !1 ? g : {
         [r]: g
       };
     });
@@ -1884,7 +1884,7 @@ function qi(e, t, r, n) {
 }
 function jn(e, t) {
   const r = Fn(e.theme);
-  return Object.keys(e).map((n) => qi(e, t, n, r)).reduce(tt, {});
+  return Object.keys(e).map((n) => qi(e, t, n, r)).reduce(rt, {});
 }
 function V(e) {
   return jn(e, Rt);
@@ -1911,7 +1911,7 @@ function Yi(e = 8) {
 function zt(...e) {
   const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
     n[i] = o;
-  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? tt(o, t[i](n)) : o, {});
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? rt(o, t[i](n)) : o, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
 }
 function oe(e) {
@@ -1997,22 +1997,22 @@ const aa = U({
   prop: "gridArea"
 });
 zt(Ft, jt, Vt, aa, sa, la, ca, da, ua, fa, ha, ma);
-function He(e, t) {
+function Be(e, t) {
   return t === "grey" ? t : e;
 }
 const pa = U({
   prop: "color",
   themeKey: "palette",
-  transform: He
+  transform: Be
 }), ga = U({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: He
+  transform: Be
 }), ya = U({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: He
+  transform: Be
 });
 zt(pa, ga, ya);
 function te(e) {
@@ -2117,16 +2117,16 @@ const Ea = {
   // palette
   color: {
     themeKey: "palette",
-    transform: He
+    transform: Be
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: He
+    transform: Be
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: He
+    transform: Be
   },
   // spacing
   p: {
@@ -2383,7 +2383,7 @@ function Vn() {
     const g = Pt(o, f) || {};
     return m ? m(a) : ge(a, n, (y) => {
       let s = Nt(g, h, y);
-      return y === s && typeof y == "string" && (s = Nt(g, h, `${r}${y === "default" ? "" : Ne(y)}`, y)), u === !1 ? s : {
+      return y === s && typeof y == "string" && (s = Nt(g, h, `${r}${y === "default" ? "" : ke(y)}`, y)), u === !1 ? s : {
         [u]: s
       };
     });
@@ -2412,7 +2412,7 @@ function Vn() {
         if (y != null)
           if (typeof y == "object")
             if (a[b])
-              g = tt(g, e(b, y, i, a));
+              g = rt(g, e(b, y, i, a));
             else {
               const s = ge({
                 theme: i
@@ -2422,10 +2422,10 @@ function Vn() {
               Ca(s, y) ? g[b] = t({
                 sx: y,
                 theme: i
-              }) : g = tt(g, s);
+              }) : g = rt(g, s);
             }
           else
-            g = tt(g, e(b, y, i, a));
+            g = rt(g, e(b, y, i, a));
       }), Fi(m, g);
     }
     return Array.isArray(o) ? o.map(l) : l(o);
@@ -2564,30 +2564,30 @@ function yt(e, t) {
 function ja(e, t) {
   return e.map(t).join("");
 }
-var Bt = 1, We = 1, Yn = 0, ee = 0, Y = 0, Ye = "";
+var Bt = 1, Ue = 1, Yn = 0, ee = 0, Y = 0, Ge = "";
 function Wt(e, t, r, n, o, i, a) {
-  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Bt, column: We, length: a, return: "" };
+  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Bt, column: Ue, length: a, return: "" };
 }
-function Qe(e, t) {
+function et(e, t) {
   return za(Wt("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Va() {
   return Y;
 }
 function Ha() {
-  return Y = ee > 0 ? X(Ye, --ee) : 0, We--, Y === 10 && (We = 1, Bt--), Y;
+  return Y = ee > 0 ? X(Ge, --ee) : 0, Ue--, Y === 10 && (Ue = 1, Bt--), Y;
 }
 function re() {
-  return Y = ee < Yn ? X(Ye, ee++) : 0, We++, Y === 10 && (We = 1, Bt++), Y;
+  return Y = ee < Yn ? X(Ge, ee++) : 0, Ue++, Y === 10 && (Ue = 1, Bt++), Y;
 }
 function fe() {
-  return X(Ye, ee);
+  return X(Ge, ee);
 }
 function xt() {
   return ee;
 }
 function ut(e, t) {
-  return ot(Ye, e, t);
+  return ot(Ge, e, t);
 }
 function it(e) {
   switch (e) {
@@ -2622,10 +2622,10 @@ function it(e) {
   return 0;
 }
 function Gn(e) {
-  return Bt = We = 1, Yn = de(Ye = e), ee = 0, [];
+  return Bt = Ue = 1, Yn = de(Ge = e), ee = 0, [];
 }
 function Kn(e) {
-  return Ye = "", e;
+  return Ge = "", e;
 }
 function _t(e) {
   return qn(ut(ee - 1, sr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
@@ -2773,7 +2773,7 @@ function Ga(e, t, r) {
 function Yr(e, t, r, n) {
   return Wt(e, t, r, wr, ot(e, 0, n), ot(e, n + 1, -1), n);
 }
-function Be(e, t) {
+function We(e, t) {
   for (var r = "", n = Sr(e), o = 0; o < n; o++)
     r += t(e[o], o, e, t) || "";
   return r;
@@ -2789,11 +2789,11 @@ function Ka(e, t, r, n) {
     case xr:
       return "";
     case Un:
-      return e.return = e.value + "{" + Be(e.children, n) + "}";
+      return e.return = e.value + "{" + We(e.children, n) + "}";
     case _r:
       e.value = e.props.join(",");
   }
-  return de(r = Be(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return de(r = We(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Za(e) {
   var t = Sr(e);
@@ -3014,7 +3014,7 @@ var ls = function(t, r, n, o) {
         t.return = Xn(t.value, t.length);
         break;
       case Un:
-        return Be([Qe(t, {
+        return We([et(t, {
           value: $(t.value, "@", "@" + k)
         })], o);
       case _r:
@@ -3023,15 +3023,15 @@ var ls = function(t, r, n, o) {
             switch (Fa(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return Be([Qe(t, {
+                return We([et(t, {
                   props: [$(i, /:(read-\w+)/, ":" + kt + "$1")]
                 })], o);
               case "::placeholder":
-                return Be([Qe(t, {
+                return We([et(t, {
                   props: [$(i, /:(plac\w+)/, ":" + k + "input-$1")]
-                }), Qe(t, {
+                }), et(t, {
                   props: [$(i, /:(plac\w+)/, ":" + kt + "$1")]
-                }), Qe(t, {
+                }), et(t, {
                   props: [$(i, /:(plac\w+)/, J + "input-$1")]
                 })], o);
             }
@@ -3076,7 +3076,7 @@ If multiple caches share the same key they might "fight" for each other's style
     } : Xa(function(s) {
       h.insert(s);
     })], g = Za(f.concat(o, m)), b = function(d) {
-      return Be(Ya(d), g);
+      return We(Ya(d), g);
     };
     u = function(d, v, x, _) {
       h = x, process.env.NODE_ENV !== "production" && v.map !== void 0 && (h = {
@@ -3197,8 +3197,8 @@ function us() {
     }
     function E(C) {
       if (typeof C == "object" && C !== null) {
-        var Je = C.$$typeof;
-        switch (Je) {
+        var Qe = C.$$typeof;
+        switch (Qe) {
           case t:
             var O = C.type;
             switch (O) {
@@ -3210,43 +3210,43 @@ function us() {
               case m:
                 return O;
               default:
-                var Pe = O && O.$$typeof;
-                switch (Pe) {
+                var Re = O && O.$$typeof;
+                switch (Re) {
                   case l:
                   case h:
                   case y:
                   case b:
                   case a:
-                    return Pe;
+                    return Re;
                   default:
-                    return Je;
+                    return Qe;
                 }
             }
           case r:
-            return Je;
+            return Qe;
         }
       }
     }
-    var p = u, w = f, S = l, M = a, I = t, B = h, L = n, W = y, K = b, ce = r, we = i, Se = o, $e = m, me = !1;
-    function Me(C) {
+    var p = u, w = f, S = l, M = a, I = t, B = h, L = n, W = y, K = b, ce = r, we = i, Se = o, Me = m, me = !1;
+    function Ie(C) {
       return me || (me = !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.")), Ee(C) || E(C) === u;
     }
     function Ee(C) {
       return E(C) === f;
     }
-    function Ze(C) {
+    function Xe(C) {
       return E(C) === l;
     }
-    function Xe(C) {
+    function Je(C) {
       return E(C) === a;
     }
-    function Ie(C) {
+    function Ae(C) {
       return typeof C == "object" && C !== null && C.$$typeof === t;
     }
     function pe(C) {
       return E(C) === h;
     }
-    function Ae(C) {
+    function Pe(C) {
       return E(C) === n;
     }
     function Gt(C) {
@@ -3267,7 +3267,7 @@ function us() {
     function Qt(C) {
       return E(C) === m;
     }
-    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = S, D.ContextProvider = M, D.Element = I, D.ForwardRef = B, D.Fragment = L, D.Lazy = W, D.Memo = K, D.Portal = ce, D.Profiler = we, D.StrictMode = Se, D.Suspense = $e, D.isAsyncMode = Me, D.isConcurrentMode = Ee, D.isContextConsumer = Ze, D.isContextProvider = Xe, D.isElement = Ie, D.isForwardRef = pe, D.isFragment = Ae, D.isLazy = Gt, D.isMemo = Kt, D.isPortal = Zt, D.isProfiler = Xt, D.isStrictMode = Jt, D.isSuspense = Qt, D.isValidElementType = _, D.typeOf = E;
+    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = S, D.ContextProvider = M, D.Element = I, D.ForwardRef = B, D.Fragment = L, D.Lazy = W, D.Memo = K, D.Portal = ce, D.Profiler = we, D.StrictMode = Se, D.Suspense = Me, D.isAsyncMode = Ie, D.isConcurrentMode = Ee, D.isContextConsumer = Xe, D.isContextProvider = Je, D.isElement = Ae, D.isForwardRef = pe, D.isFragment = Pe, D.isLazy = Gt, D.isMemo = Kt, D.isPortal = Zt, D.isProfiler = Xt, D.isStrictMode = Jt, D.isSuspense = Qt, D.isValidElementType = _, D.typeOf = E;
   }()), D;
 }
 process.env.NODE_ENV === "production" ? lr.exports = ds() : lr.exports = us();
@@ -3513,7 +3513,7 @@ function Cs(e, t, r) {
 }
 var tn = /label:\s*([^\s;\n{]+)\s*(;|$)/g, no;
 process.env.NODE_ENV !== "production" && (no = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var le, Ue = function(t, r, n) {
+var le, qe = function(t, r, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var o = !0, i = "";
@@ -3562,8 +3562,8 @@ var Ns = Tr.Provider, Yt = function(t) {
     var o = be(Tr);
     return t(r, o, n);
   });
-}, ke = /* @__PURE__ */ F.createContext({});
-process.env.NODE_ENV !== "production" && (ke.displayName = "EmotionThemeContext");
+}, $e = /* @__PURE__ */ F.createContext({});
+process.env.NODE_ENV !== "production" && ($e.displayName = "EmotionThemeContext");
 var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", ks = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
   return Ut(r, n, o), Or(function() {
@@ -3574,10 +3574,10 @@ var nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", on = "__EMOTION_LABEL_PLEASE_DO_N
   typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
   var o = e[nn], i = [n], a = "";
   typeof e.className == "string" ? a = Er(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
-  var l = Ue(i, void 0, F.useContext(ke));
+  var l = qe(i, void 0, F.useContext($e));
   if (process.env.NODE_ENV !== "production" && l.name.indexOf("-") === -1) {
     var u = e[on];
-    u && (l = Ue([l, "label:" + u + ";"]));
+    u && (l = qe([l, "label:" + u + ";"]));
   }
   a += t.key + "-" + l.name;
   var f = {};
@@ -3726,7 +3726,7 @@ var Ms = {
   // means it will be turned into a className prop
   // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
   (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), an = !0);
-  var r = e.styles, n = Ue([r], void 0, F.useContext(ke)), o = F.useRef();
+  var r = e.styles, n = qe([r], void 0, F.useContext($e)), o = F.useRef();
   return rn(function() {
     var i = t.key + "-global", a = new t.sheet.constructor({
       key: i,
@@ -3754,7 +3754,7 @@ process.env.NODE_ENV !== "production" && (io.displayName = "EmotionGlobal");
 function ao() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  return Ue(t);
+  return qe(t);
 }
 var Is = function() {
   var t = ao.apply(void 0, arguments), r = "animation-" + t.name;
@@ -3808,7 +3808,7 @@ var Rs = function(t) {
       throw new Error("css can only be used during render");
     for (var f = arguments.length, h = new Array(f), m = 0; m < f; m++)
       h[m] = arguments[m];
-    var g = Ue(h, t.registered);
+    var g = qe(h, t.registered);
     return n.push(g), Ut(t, g, !1), t.key + "-" + g.name;
   }, i = function() {
     if (r && process.env.NODE_ENV !== "production")
@@ -3819,7 +3819,7 @@ var Rs = function(t) {
   }, a = {
     css: o,
     cx: i,
-    theme: F.useContext(ke)
+    theme: F.useContext($e)
   }, l = e.children(a);
   return r = !0, /* @__PURE__ */ F.createElement(F.Fragment, null, /* @__PURE__ */ F.createElement(Rs, {
     cache: t,
@@ -3883,10 +3883,10 @@ You may have forgotten to import it.`);
         p = {};
         for (var w in s)
           p[w] = s[w];
-        p.theme = F.useContext(ke);
+        p.theme = F.useContext($e);
       }
       typeof s.className == "string" ? _ = Er(d.registered, E, s.className) : s.className != null && (_ = s.className + " ");
-      var S = Ue(m.concat(E), d.registered, p);
+      var S = qe(m.concat(E), d.registered, p);
       _ += d.key + "-" + S.name, a !== void 0 && (_ += " " + a);
       var M = f && l === void 0 ? dn(x) : u, I = {};
       for (var B in s)
@@ -4112,7 +4112,7 @@ const Us = (e, t) => {
   __proto__: null,
   GlobalStyles: lo,
   StyledEngineProvider: so,
-  ThemeContext: ke,
+  ThemeContext: $e,
   css: ao,
   default: Ws,
   internal_processStyles: Us,
@@ -4122,7 +4122,7 @@ function Ys(e) {
   return Object.keys(e).length === 0;
 }
 function Gs(e = null) {
-  const t = F.useContext(ke);
+  const t = F.useContext($e);
   return !t || Ys(t) ? e : t;
 }
 const Ks = br();
@@ -4220,7 +4220,7 @@ q.private_safeColorChannel = void 0;
 q.private_safeDarken = h0;
 q.private_safeEmphasize = yo;
 q.private_safeLighten = m0;
-q.recomposeColor = Ge;
+q.recomposeColor = Ke;
 q.rgbToHex = d0;
 var mn = fo(n0), s0 = fo(o0);
 function Nr(e, t = 0, r = 1) {
@@ -4271,7 +4271,7 @@ const c0 = (e, t) => {
   }
 };
 q.private_safeColorChannel = c0;
-function Ge(e) {
+function Ke(e) {
   const {
     type: t,
     colorSpace: r
@@ -4296,7 +4296,7 @@ function po(e) {
   } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (f, h = (f + r / 30) % 12) => o - i * Math.max(Math.min(h - 3, 9 - h, 1), -1);
   let l = "rgb";
   const u = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
-  return e.type === "hsla" && (l += "a", u.push(t[3])), Ge({
+  return e.type === "hsla" && (l += "a", u.push(t[3])), Ke({
     type: l,
     values: u
   });
@@ -4311,7 +4311,7 @@ function u0(e, t) {
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function go(e, t) {
-  return e = ie(e), t = Nr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ge(e);
+  return e = ie(e), t = Nr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ke(e);
 }
 function f0(e, t, r) {
   try {
@@ -4326,7 +4326,7 @@ function kr(e, t) {
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
     for (let r = 0; r < 3; r += 1)
       e.values[r] *= 1 - t;
-  return Ge(e);
+  return Ke(e);
 }
 function h0(e, t, r) {
   try {
@@ -4344,7 +4344,7 @@ function $r(e, t) {
   else if (e.type.indexOf("color") !== -1)
     for (let r = 0; r < 3; r += 1)
       e.values[r] += (1 - e.values[r]) * t;
-  return Ge(e);
+  return Ke(e);
 }
 function m0(e, t, r) {
   try {
@@ -4365,7 +4365,7 @@ function yo(e, t, r) {
 }
 function g0(e, t, r, n = 1) {
   const o = (u, f) => Math.round((u ** (1 / n) * (1 - r) + f ** (1 / n) * r) ** n), i = ie(e), a = ie(t), l = [o(i.values[0], a.values[0]), o(i.values[1], a.values[1]), o(i.values[2], a.values[2])];
-  return Ge({
+  return Ke({
     type: "rgb",
     values: l
   });
@@ -4403,7 +4403,7 @@ const y0 = {
   A200: "#e040fb",
   A400: "#d500f9",
   A700: "#aa00ff"
-}, Re = x0, _0 = {
+}, De = x0, _0 = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -4418,7 +4418,7 @@ const y0 = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, De = _0, w0 = {
+}, ze = _0, w0 = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -4433,7 +4433,7 @@ const y0 = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, et = w0, S0 = {
+}, tt = w0, S0 = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -4448,7 +4448,7 @@ const y0 = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, ze = S0, E0 = {
+}, Le = S0, E0 = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -4463,7 +4463,7 @@ const y0 = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, Le = E0, C0 = {
+}, Fe = E0, C0 = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -4478,7 +4478,7 @@ const y0 = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, Fe = C0, O0 = ["mode", "contrastThreshold", "tonalOffset"], pn = {
+}, je = C0, O0 = ["mode", "contrastThreshold", "tonalOffset"], pn = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -4547,69 +4547,69 @@ function gn(e, t, r, n) {
 }
 function T0(e = "light") {
   return e === "dark" ? {
-    main: ze[200],
-    light: ze[50],
-    dark: ze[400]
+    main: Le[200],
+    light: Le[50],
+    dark: Le[400]
   } : {
-    main: ze[700],
-    light: ze[400],
-    dark: ze[800]
+    main: Le[700],
+    light: Le[400],
+    dark: Le[800]
   };
 }
 function N0(e = "light") {
   return e === "dark" ? {
-    main: Re[200],
-    light: Re[50],
-    dark: Re[400]
+    main: De[200],
+    light: De[50],
+    dark: De[400]
   } : {
-    main: Re[500],
-    light: Re[300],
-    dark: Re[700]
-  };
-}
-function k0(e = "light") {
-  return e === "dark" ? {
     main: De[500],
     light: De[300],
     dark: De[700]
-  } : {
-    main: De[700],
-    light: De[400],
-    dark: De[800]
   };
 }
-function $0(e = "light") {
+function k0(e = "light") {
   return e === "dark" ? {
-    main: Le[400],
-    light: Le[300],
-    dark: Le[700]
+    main: ze[500],
+    light: ze[300],
+    dark: ze[700]
   } : {
-    main: Le[700],
-    light: Le[500],
-    dark: Le[900]
+    main: ze[700],
+    light: ze[400],
+    dark: ze[800]
   };
 }
-function M0(e = "light") {
+function $0(e = "light") {
   return e === "dark" ? {
     main: Fe[400],
     light: Fe[300],
     dark: Fe[700]
   } : {
-    main: Fe[800],
+    main: Fe[700],
     light: Fe[500],
     dark: Fe[900]
   };
 }
+function M0(e = "light") {
+  return e === "dark" ? {
+    main: je[400],
+    light: je[300],
+    dark: je[700]
+  } : {
+    main: je[800],
+    light: je[500],
+    dark: je[900]
+  };
+}
 function I0(e = "light") {
   return e === "dark" ? {
-    main: et[400],
-    light: et[300],
-    dark: et[700]
+    main: tt[400],
+    light: tt[300],
+    dark: tt[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: et[500],
-    dark: et[900]
+    light: tt[500],
+    dark: tt[900]
   };
 }
 function A0(e) {
@@ -4913,13 +4913,13 @@ function J0({
 }
 var ft = {};
 const Q0 = /* @__PURE__ */ he(Mo), el = /* @__PURE__ */ he(Io), tl = /* @__PURE__ */ he(qs), rl = /* @__PURE__ */ he(pi), nl = /* @__PURE__ */ he(Si), ol = /* @__PURE__ */ he(wi), il = /* @__PURE__ */ he(Na), al = /* @__PURE__ */ he(t0);
-var Ke = uo;
+var Ze = uo;
 Object.defineProperty(ft, "__esModule", {
   value: !0
 });
 var sl = ft.default = wl, ll = ft.shouldForwardProp = St;
 ft.systemDefaultTheme = void 0;
-var ne = Ke(Q0), ur = Ke(el), xn = yl(tl), cl = rl, dl = Ke(nl), ul = Ke(ol), fl = Ke(il), hl = Ke(al);
+var ne = Ze(Q0), ur = Ze(el), xn = yl(tl), cl = rl, dl = Ze(nl), ul = Ze(ol), fl = Ze(il), hl = Ze(al);
 const ml = ["ownerState"], pl = ["variants"], gl = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function xo(e) {
   if (typeof WeakMap != "function")
@@ -5095,7 +5095,7 @@ const Tl = ["children", "className", "color", "component", "fontSize", "htmlColo
     fontSize: r,
     classes: n
   } = e, o = {
-    root: ["root", t !== "inherit" && `color${Ne(t)}`, `fontSize${Ne(r)}`]
+    root: ["root", t !== "inherit" && `color${ke(t)}`, `fontSize${ke(r)}`]
   };
   return Ei(o, Ol, n);
 }, kl = Cl("svg", {
@@ -5105,7 +5105,7 @@ const Tl = ["children", "className", "color", "component", "fontSize", "htmlColo
     const {
       ownerState: r
     } = e;
-    return [t.root, r.color !== "inherit" && t[`color${Ne(r.color)}`], t[`fontSize${Ne(r.fontSize)}`]];
+    return [t.root, r.color !== "inherit" && t[`color${ke(r.color)}`], t[`fontSize${ke(r.fontSize)}`]];
   }
 })(({
   theme: e,
@@ -5315,15 +5315,15 @@ function On(e) {
   }
   return or;
 }
-var je = null;
+var Ve = null;
 function Tn(e) {
-  if (e === void 0 && (e = !1), je === null || e) {
+  if (e === void 0 && (e = !1), Ve === null || e) {
     var t = document.createElement("div"), r = t.style;
     r.width = "50px", r.height = "50px", r.overflow = "scroll", r.direction = "rtl";
     var n = document.createElement("div"), o = n.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(n), document.body.appendChild(t), t.scrollLeft > 0 ? je = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? je = "negative" : je = "positive-ascending"), document.body.removeChild(t), je;
+    return o.width = "100px", o.height = "100px", t.appendChild(n), document.body.appendChild(t), t.scrollLeft > 0 ? Ve = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? Ve = "negative" : Ve = "positive-ascending"), document.body.removeChild(t), Ve;
   }
-  return je;
+  return Ve;
 }
 process.env.NODE_ENV;
 var Dl = 150, zl = function(t, r) {
@@ -5477,20 +5477,20 @@ function Ll(e) {
     }, b.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Cn(this._resetIsScrollingTimeoutId);
     }, b.render = function() {
-      var s = this.props, d = s.children, v = s.className, x = s.direction, _ = s.height, E = s.innerRef, p = s.innerElementType, w = s.innerTagName, S = s.itemCount, M = s.itemData, I = s.itemKey, B = I === void 0 ? zl : I, L = s.layout, W = s.outerElementType, K = s.outerTagName, ce = s.style, we = s.useIsScrolling, Se = s.width, $e = this.state.isScrolling, me = x === "horizontal" || L === "horizontal", Me = me ? this._onScrollHorizontal : this._onScrollVertical, Ee = this._getRangeToRender(), Ze = Ee[0], Xe = Ee[1], Ie = [];
+      var s = this.props, d = s.children, v = s.className, x = s.direction, _ = s.height, E = s.innerRef, p = s.innerElementType, w = s.innerTagName, S = s.itemCount, M = s.itemData, I = s.itemKey, B = I === void 0 ? zl : I, L = s.layout, W = s.outerElementType, K = s.outerTagName, ce = s.style, we = s.useIsScrolling, Se = s.width, Me = this.state.isScrolling, me = x === "horizontal" || L === "horizontal", Ie = me ? this._onScrollHorizontal : this._onScrollVertical, Ee = this._getRangeToRender(), Xe = Ee[0], Je = Ee[1], Ae = [];
       if (S > 0)
-        for (var pe = Ze; pe <= Xe; pe++)
-          Ie.push(er(d, {
+        for (var pe = Xe; pe <= Je; pe++)
+          Ae.push(er(d, {
             data: M,
             key: B(pe, M),
             index: pe,
-            isScrolling: we ? $e : void 0,
+            isScrolling: we ? Me : void 0,
             style: this._getItemStyle(pe)
           }));
-      var Ae = n(this.props, this._instanceProps);
+      var Pe = n(this.props, this._instanceProps);
       return er(W || K || "div", {
         className: v,
-        onScroll: Me,
+        onScroll: Ie,
         ref: this._outerRefSetter,
         style: z({
           position: "relative",
@@ -5502,12 +5502,12 @@ function Ll(e) {
           direction: x
         }, ce)
       }, er(p || w || "div", {
-        children: Ie,
+        children: Ae,
         ref: E,
         style: {
-          height: me ? "100%" : Ae,
-          pointerEvents: $e ? "none" : void 0,
-          width: me ? Ae : "100%"
+          height: me ? "100%" : Pe,
+          pointerEvents: Me ? "none" : void 0,
+          width: me ? Pe : "100%"
         }
       }));
     }, b._callPropsCallbacks = function() {
@@ -5567,7 +5567,7 @@ var Fl = function(t, r) {
     if (!m && typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
-}, jl = 50, Ve = function(t, r, n) {
+}, jl = 50, He = function(t, r, n) {
   var o = t, i = o.itemSize, a = n.itemMetadataMap, l = n.lastMeasuredIndex;
   if (r > l) {
     var u = 0;
@@ -5590,14 +5590,14 @@ var Fl = function(t, r) {
   return a >= n ? _o(t, r, i, 0, n) : Hl(t, r, Math.max(0, i), n);
 }, _o = function(t, r, n, o, i) {
   for (; o <= n; ) {
-    var a = o + Math.floor((n - o) / 2), l = Ve(t, a, r).offset;
+    var a = o + Math.floor((n - o) / 2), l = He(t, a, r).offset;
     if (l === i)
       return a;
     l < i ? o = a + 1 : l > i && (n = a - 1);
   }
   return o > 0 ? o - 1 : 0;
 }, Hl = function(t, r, n, o) {
-  for (var i = t.itemCount, a = 1; n < i && Ve(t, n, r).offset < o; )
+  for (var i = t.itemCount, a = 1; n < i && He(t, n, r).offset < o; )
     n += a, a *= 2;
   return _o(t, r, Math.min(n, i - 1), Math.floor(n / 2), o);
 }, Nn = function(t, r) {
@@ -5610,14 +5610,14 @@ var Fl = function(t, r) {
   return l + h;
 }, Bl = /* @__PURE__ */ Ll({
   getItemOffset: function(t, r, n) {
-    return Ve(t, r, n).offset;
+    return He(t, r, n).offset;
   },
   getItemSize: function(t, r, n) {
     return n.itemMetadataMap[r].size;
   },
   getEstimatedTotalSize: Nn,
   getOffsetForIndexAndAlignment: function(t, r, n, o, i, a) {
-    var l = t.direction, u = t.height, f = t.layout, h = t.width, m = l === "horizontal" || f === "horizontal", g = m ? h : u, b = Ve(t, r, i), y = Nn(t, i), s = Math.max(0, Math.min(y - g, b.offset)), d = Math.max(0, b.offset - g + b.size + a);
+    var l = t.direction, u = t.height, f = t.layout, h = t.width, m = l === "horizontal" || f === "horizontal", g = m ? h : u, b = He(t, r, i), y = Nn(t, i), s = Math.max(0, Math.min(y - g, b.offset)), d = Math.max(0, b.offset - g + b.size + a);
     switch (n === "smart" && (o >= d - g && o <= s + g ? n = "auto" : n = "center"), n) {
       case "start":
         return s;
@@ -5634,8 +5634,8 @@ var Fl = function(t, r) {
     return Vl(t, n, r);
   },
   getStopIndexForStartIndex: function(t, r, n, o) {
-    for (var i = t.direction, a = t.height, l = t.itemCount, u = t.layout, f = t.width, h = i === "horizontal" || u === "horizontal", m = h ? f : a, g = Ve(t, r, o), b = n + m, y = g.offset + g.size, s = r; s < l - 1 && y < b; )
-      s++, y += Ve(t, s, o).size;
+    for (var i = t.direction, a = t.height, l = t.itemCount, u = t.layout, f = t.width, h = i === "horizontal" || u === "horizontal", m = h ? f : a, g = He(t, r, o), b = n + m, y = g.offset + g.size, s = r; s < l - 1 && y < b; )
+      s++, y += He(t, s, o).size;
     return s;
   },
   initInstanceProps: function(t, r) {
@@ -5677,9 +5677,9 @@ function kn(e) {
             transition: "0.2s",
             borderRadius: "5px",
             cursor: "pointer",
-            ...Tt({ backgroundColor: "#E5F5ED" }, e.select),
+            ...Tt({ backgroundColor: Te.primary200 }, e.select),
             ":hover": {
-              backgroundColor: "#eeeeee80",
+              backgroundColor: Te.primary100,
               borderColor: "transparent"
             }
           },
@@ -6334,7 +6334,7 @@ const wo = (e) => {
   }, o = () => {
     r(!0);
   };
-  return /* @__PURE__ */ c(qe, { children: t ? "" : /* @__PURE__ */ c("div", { className: Ce["subscription-diaglog"], children: /* @__PURE__ */ T("div", { className: Ce["subscription-container"], children: [
+  return /* @__PURE__ */ c(Ye, { children: t ? "" : /* @__PURE__ */ c("div", { className: Ce["subscription-diaglog"], children: /* @__PURE__ */ T("div", { className: Ce["subscription-container"], children: [
     /* @__PURE__ */ c("h4", { className: Ce["subscription-title"], children: "Notification" }),
     /* @__PURE__ */ c("p", { className: Ce["subscription-text"], children: "Choice to receive notifications for the most recent updates. You have the flexibility to disable them whenever you prefer." }),
     /* @__PURE__ */ T("div", { className: Ce["subscription-btn__container"], children: [
@@ -6356,7 +6356,7 @@ const wo = (e) => {
     context: ""
   });
   console.log(t);
-  const { setNotiData: n } = be(Te);
+  const { setNotiData: n } = be(Ne);
   function o() {
     return /* @__PURE__ */ c("div", { className: gt["notification-massage_container"], children: /* @__PURE__ */ T("div", { className: gt["notification-massage_content"], children: [
       /* @__PURE__ */ c("h6", { className: gt["notification-name"], children: t == null ? void 0 : t.userName }),
@@ -6395,7 +6395,7 @@ const wo = (e) => {
 }, e1 = (e, t) => So.cloneElement(t, {}, e), x1 = ({
   children: e,
   providers: t
-}) => /* @__PURE__ */ c(qe, { children: t.reduceRight(e1, e) });
+}) => /* @__PURE__ */ c(Ye, { children: t.reduceRight(e1, e) });
 export {
   kn as AutocompleteOption,
   b1 as BaseCheckbox,