npm - @snmt-react-ui/async-select - Versions diffs - 1.10.6 → 1.10.8 - Mend

@snmt-react-ui/async-select 1.10.6 → 1.10.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/async-select.js +558 -692
package/package.json +3 -3

package/dist/async-select.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "./index.css";
-import { jsx as o, Fragment as F, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as g1, useState as R, useRef as O, useEffect as G, useCallback as T, useContext as n1, createContext as r1, useImperativeHandle as p1, useMemo as A1 } from "react";
-import { Select as G1, Tag as I1, Flex as D1, Checkbox as T1, Avatar as y1, Typography as M1, Popover as B1 } from "antd";
-var K1 = Object.defineProperty, Y1 = (i, l, e) => l in i ? K1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => Y1(i, l + "", e), W1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function O1() {
+import { jsx as o, Fragment as F, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as g1, useState as R, useRef as W, useEffect as G, useCallback as T, useContext as n1, createContext as r1, useImperativeHandle as p1, useMemo as A1 } from "react";
+import { Select as G1, Tag as I1, Flex as D1, Checkbox as T1, Avatar as y1, Typography as M1, Popover as Y1 } from "antd";
+var K1 = Object.defineProperty, B1 = (i, l, e) => l in i ? K1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => B1(i, l + "", e), O1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function W1() {
   if (console && console.warn) {
     for (var i = arguments.length, l = new Array(i), e = 0; e < i; e++)
       l[e] = arguments[e];
@@ -14,7 +14,7 @@ const m1 = {};
 function k1() {
   for (var i = arguments.length, l = new Array(i), e = 0; e < i; e++)
     l[e] = arguments[e];
-  P(l[0]) && m1[l[0]] || (P(l[0]) && (m1[l[0]] = /* @__PURE__ */ new Date()), O1(...l));
+  P(l[0]) && m1[l[0]] || (P(l[0]) && (m1[l[0]] = /* @__PURE__ */ new Date()), W1(...l));
 }
 const H1 = (i, l) => () => {
   if (i.isInitialized)
@@ -96,7 +96,7 @@ class l2 {
   }
 }
 const i2 = (i, l) => {
-  const e = O();
+  const e = W();
   return G(() => {
     e.current = i;
   }, [i, l]), e.current;
@@ -124,20 +124,20 @@ const i2 = (i, l) => {
   } = k;
   let c = i;
   c = P(c) ? [c] : c || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(c);
-  const C = (h.isInitialized || h.initializedStoreOnce) && c.every((p) => S1(p, h, k)), s = o2(h, l.lng || null, k.nsMode === "fallback" ? c : c[0], u), f = () => s, N = () => x1(h, l.lng || null, k.nsMode === "fallback" ? c : c[0], u), [Z, E] = R(f);
+  const a = (h.isInitialized || h.initializedStoreOnce) && c.every((p) => S1(p, h, k)), s = o2(h, l.lng || null, k.nsMode === "fallback" ? c : c[0], u), f = () => s, N = () => x1(h, l.lng || null, k.nsMode === "fallback" ? c : c[0], u), [V, E] = R(f);
   let m = c.join();
   l.lng && (m = `${l.lng}${m}`);
-  const A = i2(m), D = O(!0);
+  const A = i2(m), D = W(!0);
   G(() => {
     const {
       bindI18n: p,
       bindI18nStore: x
     } = k;
-    D.current = !0, !C && !r && (l.lng ? f1(h, l.lng, c, () => {
+    D.current = !0, !a && !r && (l.lng ? f1(h, l.lng, c, () => {
       D.current && E(N);
     }) : v1(h, c, () => {
       D.current && E(N);
-    })), C && A && A !== m && D.current && E(N);
+    })), a && A && A !== m && D.current && E(N);
     const M = () => {
       D.current && E(N);
     };
@@ -145,10 +145,10 @@ const i2 = (i, l) => {
       D.current = !1, p && h && p.split(" ").forEach((H) => h.off(H, M)), x && h && x.split(" ").forEach((H) => h.store.off(H, M));
     };
   }, [h, m]), G(() => {
-    D.current && C && E(f);
-  }, [h, u, C]);
-  const y = [Z, h, C];
-  if (y.t = Z, y.i18n = h, y.ready = C, C || !C && !r) return y;
+    D.current && a && E(f);
+  }, [h, u, a]);
+  const y = [V, h, a];
+  if (y.t = V, y.i18n = h, y.ready = a, a || !a && !r) return y;
   throw new Promise((p) => {
     l.lng ? f1(h, l.lng, c, () => p()) : v1(h, c, () => p());
   });
@@ -188,7 +188,7 @@ const i2 = (i, l) => {
     }
   );
 };
-var Y = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(Y || {});
+var B = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(B || {});
 const u1 = r1({
   locale: "en",
   theme: "light"
@@ -206,11 +206,11 @@ const r2 = ({
   G(() => {
     r(i), c(l);
   }, [i, l]);
-  const { theme: C } = n1(u1);
+  const { theme: a } = n1(u1);
   return /* @__PURE__ */ o(
     T1,
     {
-      className: `snmt-checkbox snmt-checkbox-${C}`,
+      className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: k,
       indeterminate: u,
       onChange: (s) => {
@@ -221,12 +221,12 @@ const r2 = ({
     }
   );
 };
-var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
-const V1 = r1({
+var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(d || {});
+const Z1 = r1({
   locale: "en",
   theme: "light"
 });
-V1.Provider;
+Z1.Provider;
 const s2 = ({
   width: i = 20,
   height: l = 20,
@@ -254,13 +254,13 @@ const s2 = ({
       }
     )
   }
-), C2 = ({
+), a2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -294,13 +294,13 @@ const s2 = ({
       )
     ]
   }
-), a2 = ({
+), C2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -332,10 +332,10 @@ const s2 = ({
 ), h2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -379,7 +379,7 @@ const s2 = ({
 ), c2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -403,7 +403,7 @@ const s2 = ({
 ), d2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -427,7 +427,7 @@ const s2 = ({
 ), w2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -451,10 +451,10 @@ const s2 = ({
 ), g2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -512,10 +512,10 @@ const s2 = ({
 ), L2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -559,10 +559,10 @@ const s2 = ({
 ), k2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -599,10 +599,10 @@ const s2 = ({
 ), p2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -639,10 +639,10 @@ const s2 = ({
 ), u2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -686,10 +686,10 @@ const s2 = ({
 ), m2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -733,10 +733,10 @@ const s2 = ({
 ), v2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -780,10 +780,10 @@ const s2 = ({
 ), f2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -820,10 +820,10 @@ const s2 = ({
 ), N2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -853,10 +853,10 @@ const s2 = ({
 ), _2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -886,10 +886,10 @@ const s2 = ({
 ), R2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -919,10 +919,10 @@ const s2 = ({
 ), M2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -952,10 +952,10 @@ const s2 = ({
 ), H2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -992,10 +992,10 @@ const s2 = ({
 ), x2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1022,13 +1022,13 @@ const s2 = ({
       )
     ]
   }
-), V2 = ({
+), Z2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1055,13 +1055,13 @@ const s2 = ({
       )
     ]
   }
-), Z2 = ({
+), V2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1091,7 +1091,7 @@ const s2 = ({
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1155,7 +1155,7 @@ const s2 = ({
   color: e = "#F2F2F7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1184,7 +1184,7 @@ const s2 = ({
   color: e = "#004ED7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1213,7 +1213,7 @@ const s2 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1242,7 +1242,7 @@ const s2 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -1275,11 +1275,11 @@ const s2 = ({
   }
 ), y2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -1306,9 +1306,9 @@ const s2 = ({
       )
     ]
   }
-), B2 = ({
+), Y2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1335,7 +1335,7 @@ const s2 = ({
   }
 ), K2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1360,9 +1360,9 @@ const s2 = ({
       }
     )
   }
-), Y2 = ({
+), B2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -1386,7 +1386,7 @@ const s2 = ({
   }
 ), b2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -1409,13 +1409,13 @@ const s2 = ({
       }
     )
   }
-), W2 = ({
+), O2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -1442,13 +1442,13 @@ const s2 = ({
       )
     ]
   }
-), O2 = ({
+), W2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -1483,7 +1483,7 @@ const s2 = ({
   }
 ), j2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1510,11 +1510,11 @@ const s2 = ({
   }
 ), S2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -1569,11 +1569,11 @@ const s2 = ({
   }
 ), U2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -1606,11 +1606,11 @@ const s2 = ({
   }
 ), F2 = ({
   className: i,
-  color: l = w.GREY_DARK_3,
+  color: l = d.GREY_DARK_3,
   height: e = 14,
   width: t = 14,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     className: i,
@@ -1643,7 +1643,7 @@ const s2 = ({
   }
 ), P2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 18,
   onClick: t,
   width: n = 18
@@ -1670,11 +1670,11 @@ const s2 = ({
   }
 ), $2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1722,11 +1722,11 @@ const s2 = ({
   }
 ), z2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1759,11 +1759,11 @@ const s2 = ({
   }
 ), J2 = ({
   className: i,
-  color: l = w.NOTIFICATION_WARNING_DARK,
+  color: l = d.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: t = 36,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1798,7 +1798,7 @@ const s2 = ({
   }
 ), q2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1824,11 +1824,11 @@ const s2 = ({
   }
 ), Q2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1863,11 +1863,11 @@ const s2 = ({
   }
 ), X2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1896,11 +1896,11 @@ const s2 = ({
   }
 ), e5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -1965,11 +1965,11 @@ const s2 = ({
   }
 ), l5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -2022,11 +2022,11 @@ const s2 = ({
   }
 ), i5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -2071,7 +2071,7 @@ const s2 = ({
   }
 ), o5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -2098,11 +2098,11 @@ const s2 = ({
   }
 ), t5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -2113,7 +2113,7 @@ const s2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
+      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: d.GREY_LIGHT_2 }),
       /* @__PURE__ */ o(
         "path",
         {
@@ -2168,7 +2168,7 @@ const s2 = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ a("g", { children: [
+    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ C("g", { children: [
       /* @__PURE__ */ o(
         "path",
         {
@@ -2192,66 +2192,34 @@ const s2 = ({
 ), s5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = "#001E52",
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
     width: i,
     height: l,
-    className: t,
     onClick: n,
-    viewBox: "0 0 20 20",
+    className: t,
+    viewBox: "0 0 24 24",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ o(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: `M2.88667 2.88667C1.66667 4.10834 1.66667 6.07167 1.66667 10C1.66667 13.9283 1.66667 15.8925
-                2.88667 17.1125C4.10833 18.3333 6.07167 18.3333 10 18.3333C13.9283 18.3333 15.8925 18.3333 17.1125
-                17.1125C18.3333 15.8933 18.3333 13.9283 18.3333 10C18.3333 6.07167 18.3333 4.10751 17.1125 2.88667C15.8933
-                1.66667 13.9283 1.66667 10 1.66667C6.07167 1.66667 4.1075 1.66667 2.88667 2.88667ZM8.78667 6.26417C8.84325
-                6.20469 8.88755 6.13465 8.91706 6.05805C8.94657 5.98145 8.96071 5.89979 8.95866 5.81772C8.95661 5.73566
-                8.93841 5.6548 8.90511 5.57977C8.87181 5.50474 8.82406 5.437 8.76458 5.38042C8.70511 5.32384 8.63507 5.27954
-                8.55847 5.25003C8.48186 5.22052 8.4002 5.20638 8.31814 5.20843C8.23607 5.21048 8.15522 5.22868 8.08018
-                5.26198C8.00515 5.29528 7.93741 5.34303 7.88083 5.4025L5.9525 7.42751L5.4525 6.9025C5.39654 6.84066 5.32876
-                6.79064 5.25316 6.75539C5.17756 6.72015 5.09567 6.70039 5.01232 6.69729C4.92897 6.69418 4.84583 6.7078
-                4.76782 6.73732C4.68982 6.76685 4.6185 6.81169 4.5581 6.86921C4.49769 6.92673 4.4494 6.99575 4.41609
-                7.07222C4.38277 7.14869 4.3651 7.23105 4.36411 7.31446C4.36312 7.39786 4.37884 7.48062 4.41034 7.55786C4.44183
-                7.63509 4.48847 7.70524 4.5475 7.76417L5.5 8.76417C5.55837 8.82544 5.62858 8.87421 5.70636 8.90754C5.78414
-                8.94086 5.86788 8.95805 5.9525 8.95805C6.03712 8.95805 6.12086 8.94086 6.19864 8.90754C6.27643 8.87421
-                6.34663 8.82544 6.405 8.76417L8.78667 6.26417ZM10.8333 6.875C10.6676 6.875 10.5086 6.94085 10.3914
-                7.05806C10.2742 7.17527 10.2083 7.33424 10.2083 7.5C10.2083 7.66577 10.2742 7.82474 10.3914 7.94195C10.5086
-                8.05916 10.6676 8.125 10.8333 8.125H15C15.1658 8.125 15.3247 8.05916 15.4419 7.94195C15.5592 7.82474 15.625
-                7.66577 15.625 7.5C15.625 7.33424 15.5592 7.17527 15.4419 7.05806C15.3247 6.94085 15.1658 6.875 15
-                6.875H10.8333ZM8.78583 12.0975C8.84486 12.0386 8.8915 11.9684 8.923 11.8912C8.95449 11.814 8.97021 11.7312
-                8.96922 11.6478C8.96824 11.5644 8.95056 11.482 8.91725 11.4056C8.88393 11.3291 8.83565 11.2601 8.77524
-                11.2025C8.71483 11.145 8.64352 11.1002 8.56551 11.0707C8.4875 11.0411 8.40437 11.0275 8.32102 11.0306C8.23766
-                11.0337 8.15578 11.0535 8.08018 11.0887C8.00458 11.124 7.9368 11.174 7.88083 11.2358L5.9525 13.2608L5.4525
-                12.7358C5.39654 12.674 5.32876 12.624 5.25316 12.5887C5.17756 12.5535 5.09567 12.5337 5.01232 12.5306C4.92897
-                12.5275 4.84583 12.5411 4.76782 12.5707C4.68982 12.6002 4.6185 12.645 4.5581 12.7025C4.49769 12.7601 4.4494
-                12.8291 4.41609 12.9056C4.38277 12.982 4.3651 13.0644 4.36411 13.1478C4.36312 13.2312 4.37884 13.314 4.41034
-                13.3912C4.44183 13.4684 4.48847 13.5386 4.5475 13.5975L5.5 14.5975C5.55837 14.6588 5.62858 14.7075 5.70636
-                14.7409C5.78414 14.7742 5.86788 14.7914 5.9525 14.7914C6.03712 14.7914 6.12086 14.7742 6.19864 14.7409C6.27643
-                14.7075 6.34663 14.6588 6.405 14.5975L8.78583 12.0975ZM10.8333 12.7083C10.6676 12.7083 10.5086 12.7742 10.3914
-                12.8914C10.2742 13.0086 10.2083 13.1676 10.2083 13.3333C10.2083 13.4991 10.2742 13.6581 10.3914 13.7753C10.5086
-                13.8925 10.6676 13.9583 10.8333 13.9583H15C15.1658 13.9583 15.3247 13.8925 15.4419 13.7753C15.5592 13.6581
-                15.625 13.4991 15.625 13.3333C15.625 13.1676 15.5592 13.0086 15.4419 12.8914C15.3247 12.7742 15.1658 12.7083
-                15 12.7083H10.8333Z`,
+        d: "M6.06939 16.5692C6.3622 16.2765 6.83706 16.2767 7.12994 16.5692C7.4228 16.8621 7.42273 17.3369 7.12994 17.6298L5.12994 19.6298C4.98929 19.7704 4.79858 19.8495 4.59967 19.8495C4.45045 19.8495 4.30597 19.8052 4.18365 19.7235L4.06939 19.6298L3.26959 18.83L3.21783 18.7733C2.97763 18.4787 2.99503 18.044 3.26959 17.7694C3.54417 17.495 3.97896 17.4775 4.2735 17.7177L4.33014 17.7694L4.59967 18.0389L6.06939 16.5692ZM20.0001 17.7499L20.0762 17.7538C20.4546 17.7921 20.75 18.1115 20.7501 18.4999C20.7501 18.8883 20.4546 19.2077 20.0762 19.246L20.0001 19.2499H9.00006C8.58584 19.2499 8.25006 18.9141 8.25006 18.4999C8.25007 18.0857 8.58585 17.7499 9.00006 17.7499H20.0001ZM5.55475 13.0145C5.27614 13.3209 4.80164 13.3438 4.49518 13.0653C4.18868 12.7867 4.16675 12.3122 4.44537 12.0057L5.55475 13.0145ZM20.0001 11.7499L20.0762 11.7538C20.4546 11.7921 20.75 12.1115 20.7501 12.4999C20.7501 12.8883 20.4546 13.2077 20.0762 13.246L20.0001 13.2499H9.00006C8.58584 13.2499 8.25006 12.9141 8.25006 12.4999C8.25007 12.0857 8.58585 11.7499 9.00006 11.7499H20.0001ZM4.50982 11.9403C4.79264 11.6865 5.22745 11.6831 5.51471 11.9442C5.80181 12.2055 5.8394 12.6386 5.61334 12.9442L5.56451 13.0038L5.55475 13.0145L4.44537 12.0057L4.45514 11.994L4.50982 11.9403ZM5.55475 7.01453C5.27614 7.32089 4.80164 7.3438 4.49518 7.06532C4.18868 6.78668 4.16674 6.31224 4.44537 6.00575L5.55475 7.01453ZM20.0001 5.74989L20.0762 5.75379C20.4546 5.79206 20.75 6.11146 20.7501 6.49989C20.7501 6.88832 20.4546 7.20771 20.0762 7.24598L20.0001 7.24989H9.00006C8.58584 7.24989 8.25006 6.9141 8.25006 6.49989C8.25007 6.08568 8.58585 5.74989 9.00006 5.74989H20.0001ZM4.45514 5.99403C4.73381 5.68784 5.20832 5.66569 5.51471 5.94422C5.8209 6.22289 5.84305 6.69741 5.56451 7.00379L5.55475 7.01453L4.44537 6.00575L4.45514 5.99403Z",
         fill: e
       }
     )
   }
-), C5 = ({
+), a5 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -2278,41 +2246,35 @@ const s2 = ({
       )
     ]
   }
-), a5 = ({
-  width: i = 24,
-  height: l = 24,
-  color: e = w.GREY_DARK_2,
+), C5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
     height: l,
+    className: t,
+    onClick: n,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: t,
-    onClick: n,
     children: [
       /* @__PURE__ */ o(
         "path",
         {
-          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M18.25 20.5V19.5C18.25 16.0482 15.4518 13.25 12 13.25C8.54822 13.25 5.75 16.0482 5.75 19.5V20.5C5.75 20.9142 5.41421 21.25 5 21.25C4.58579 21.25 4.25 20.9142 4.25 20.5V19.5C4.25 15.2198 7.71979 11.75 12 11.75C16.2802 11.75 19.75 15.2198 19.75 19.5V20.5C19.75 20.9142 19.4142 21.25 19 21.25C18.5858 21.25 18.25 20.9142 18.25 20.5Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ o(
         "path",
         {
-          d: "M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 8.5C15.25 6.70507 13.7949 5.25 12 5.25C10.2051 5.25 8.75 6.70507 8.75 8.5C8.75 10.2949 10.2051 11.75 12 11.75C13.7949 11.75 15.25 10.2949 15.25 8.5ZM16.75 8.5C16.75 11.1234 14.6234 13.25 12 13.25C9.37665 13.25 7.25 11.1234 7.25 8.5C7.25 5.87665 9.37665 3.75 12 3.75C14.6234 3.75 16.75 5.87665 16.75 8.5Z",
+          fill: e
         }
       )
     ]
@@ -2320,10 +2282,10 @@ const s2 = ({
 ), h5 = ({
   width: i = 24,
   height: l = 24,
-  color: e = w.GREY_DARK_2,
+  color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -2360,7 +2322,7 @@ const s2 = ({
 ), c5 = ({
   width: i = 24,
   height: l = 24,
-  color: e = w.GREY_DARK_2,
+  color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2387,7 +2349,7 @@ const s2 = ({
 ), d5 = ({
   width: i = 24,
   height: l = 24,
-  color: e = w.GREY_DARK_2,
+  color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2411,32 +2373,6 @@ const s2 = ({
       }
     )
   }
-), w5 = ({
-  width: i = 20,
-  height: l = 20,
-  color: e = "#001E52",
-  className: t,
-  onClick: n
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: i,
-    height: l,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: t,
-    onClick: n,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M18.3337 10.0001C18.3337 14.6026 14.6028 18.3334 10.0003 18.3334C5.39783 18.3334 1.66699 14.6026 1.66699 10.0001C1.66699 5.39758 5.39783 1.66675 10.0003 1.66675C14.6028 1.66675 18.3337 5.39758 18.3337 10.0001ZM12.5003 7.50008C12.5003 8.16312 12.2369 8.79901 11.7681 9.26785C11.2993 9.73669 10.6634 10.0001 10.0003 10.0001C9.33728 10.0001 8.7014 9.73669 8.23256 9.26785C7.76372 8.79901 7.50033 8.16312 7.50033 7.50008C7.50033 6.83704 7.76372 6.20116 8.23256 5.73231C8.7014 5.26347 9.33728 5.00008 10.0003 5.00008C10.6634 5.00008 11.2993 5.26347 11.7681 5.73231C12.2369 6.20116 12.5003 6.83704 12.5003 7.50008ZM10.0003 17.0834C11.4306 17.0857 12.8277 16.6529 14.0062 15.8426C14.5095 15.4967 14.7245 14.8384 14.4312 14.3026C13.8253 13.1917 12.5753 12.5001 10.0003 12.5001C7.42533 12.5001 6.17533 13.1917 5.56866 14.3026C5.27616 14.8384 5.49116 15.4967 5.99449 15.8426C7.17299 16.6529 8.5701 17.0857 10.0003 17.0834Z",
-        fill: e
-      }
-    )
-  }
 ), i1 = ({
   name: i,
   width: l,
@@ -2446,7 +2382,7 @@ const s2 = ({
   disabled: h = !1,
   onClick: k
 }) => {
-  const [r, u] = R(n), { theme: c } = n1(V1), C = h ? c && c === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = h ? void 0 : k;
+  const [r, u] = R(n), { theme: c } = n1(Z1), a = h ? c && c === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, s = h ? void 0 : k;
   return G(() => {
     if (n) {
       s && !h && u(`${n} clickable`);
@@ -2456,71 +2392,70 @@ const s2 = ({
   }, [s, n, h]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return B2({ width: l, height: e, color: C, className: r, onClick: s });
+        return Y2({ width: l, height: e, color: a, className: r, onClick: s });
       case "prevIcon":
-        return K2({ width: l, height: e, color: C, className: r, onClick: s });
+        return K2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDown":
-        return s2({ width: l, height: e, color: C, className: r, onClick: s });
+        return s2({ width: l, height: e, color: a, className: r, onClick: s });
       case "info":
-        return C2({ width: l, height: e, color: C, className: r, onClick: s });
+        return a2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowRight":
-        return a2({ width: l, height: e, color: C, className: r, onClick: s });
+        return C2({ width: l, height: e, color: a, className: r, onClick: s });
       case "calendar":
-        return h2({ width: l, height: e, color: C, className: r, onClick: s });
+        return h2({ width: l, height: e, color: a, className: r, onClick: s });
       case "check":
-        return c2({ width: l, height: e, color: C, className: r, onClick: s });
+        return c2({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancel":
-        return d2({ width: l, height: e, color: C, className: r, onClick: s });
+        return d2({ width: l, height: e, color: a, className: r, onClick: s });
       case "add":
-        return w2({ width: l, height: e, color: C, className: r, onClick: s });
+        return w2({ width: l, height: e, color: a, className: r, onClick: s });
       case "list":
-        return g2({ width: l, height: e, color: C, className: r, onClick: s });
+        return g2({ width: l, height: e, color: a, className: r, onClick: s });
       case "dragAndDrop":
-        return L2({ width: l, height: e, color: C, className: r, onClick: s });
+        return L2({ width: l, height: e, color: a, className: r, onClick: s });
       case "filter":
-        return k2({ width: l, height: e, color: C, className: r, onClick: s });
+        return k2({ width: l, height: e, color: a, className: r, onClick: s });
       case "attention":
-        return p2({ width: l, height: e, color: C, className: r, onClick: s });
+        return p2({ width: l, height: e, color: a, className: r, onClick: s });
       case "users":
-        return u2({ width: l, height: e, color: C, className: r, onClick: s });
+        return u2({ width: l, height: e, color: a, className: r, onClick: s });
       case "mySkillsMatrix":
         return m2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "skills":
-        return v2({ width: l, height: e, color: C, className: r, onClick: s });
+        return v2({ width: l, height: e, color: a, className: r, onClick: s });
       case "skillsMatrices":
         return f2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "history":
-        return N2({ width: l, height: e, color: C, className: r, onClick: s });
+        return N2({ width: l, height: e, color: a, className: r, onClick: s });
       case "logOut":
-        return _2({ width: l, height: e, color: C, className: r, onClick: s });
+        return _2({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings":
-        return R2({ width: l, height: e, color: C, className: r, onClick: s });
+        return R2({ width: l, height: e, color: a, className: r, onClick: s });
       case "trash":
-        return M2({ width: l, height: e, color: C, className: r, onClick: s });
+        return M2({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings2":
-        return H2({ width: l, height: e, color: C, className: r, onClick: s });
+        return H2({ width: l, height: e, color: a, className: r, onClick: s });
       case "checkCircle":
-        return x2({ width: l, height: e, color: C, className: r, onClick: s });
+        return x2({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancelCircle":
-        return V2({ width: l, height: e, color: C, className: r, onClick: s });
-      case "infoMedium":
+        return Z2({ width: l, height: e, color: a, className: r, onClick: s });
       case "visibilityIcon":
-        return Z2({
+        return V2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2528,7 +2463,7 @@ const s2 = ({
         return E2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2536,7 +2471,7 @@ const s2 = ({
         return A2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2544,7 +2479,7 @@ const s2 = ({
         return G2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2552,84 +2487,82 @@ const s2 = ({
         return I2({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return D2({ width: l, height: e, color: C, className: r, onClick: s });
+        return D2({ width: l, height: e, color: a, className: r, onClick: s });
       case "sortDown":
-        return T2({ width: l, height: e, color: C, className: r, onClick: s });
+        return T2({ width: l, height: e, color: a, className: r, onClick: s });
       case "search":
-        return y2({ width: l, height: e, color: C, className: r, onClick: s });
+        return y2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowUpFilled":
-        return b2({ width: l, height: e, color: C, className: r, onClick: s });
+        return b2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDownFilled":
-        return Y2({ width: l, height: e, color: C, className: r, onClick: s });
+        return B2({ width: l, height: e, color: a, className: r, onClick: s });
       case "link":
-        return W2({ width: l, height: e, color: C, className: r, onClick: s });
+        return O2({ width: l, height: e, color: a, className: r, onClick: s });
       case "telegram":
-        return j2({ width: l, height: e, color: C, className: r, onClick: s });
+        return j2({ width: l, height: e, color: a, className: r, onClick: s });
       case "mail":
-        return U2({ width: l, height: e, color: C, className: r, onClick: s });
+        return U2({ width: l, height: e, color: a, className: r, onClick: s });
       case "github":
-        return O2({ width: l, height: e, color: C, className: r, onClick: s });
+        return W2({ width: l, height: e, color: a, className: r, onClick: s });
       case "linkedIn":
-        return S2({ width: l, height: e, color: C, className: r, onClick: s });
+        return S2({ width: l, height: e, color: a, className: r, onClick: s });
       case "emptyStateIcon":
-        return F2({ width: l, height: e, color: C, className: r, onClick: s });
+        return F2({ width: l, height: e, color: a, className: r, onClick: s });
       case "filtersIcon":
-        return P2({ width: l, height: e, color: C, className: r, onClick: s });
+        return P2({ width: l, height: e, color: a, className: r, onClick: s });
       case "dotMenuIcon":
-        return $2({ width: l, height: e, color: C, className: r, onClick: s });
+        return $2({ width: l, height: e, color: a, className: r, onClick: s });
       case "plusCircle":
-        return z2({ width: l, height: e, color: C, className: r, onClick: s });
+        return z2({ width: l, height: e, color: a, className: r, onClick: s });
       case "warning":
-        return J2({ width: l, height: e, color: C, className: r, onClick: s });
+        return J2({ width: l, height: e, color: a, className: r, onClick: s });
       case "back":
-        return q2({ width: l, height: e, color: C, className: r, onClick: s });
+        return q2({ width: l, height: e, color: a, className: r, onClick: s });
       case "bell":
-        return Q2({ width: l, height: e, color: C, className: r, onClick: s });
+        return Q2({ width: l, height: e, color: a, className: r, onClick: s });
       case "copy":
-        return X2({ width: l, height: e, color: C, className: r, onClick: s });
+        return X2({ width: l, height: e, color: a, className: r, onClick: s });
       case "contract":
-        return e5({ width: l, height: e, color: C, className: r, onClick: s });
+        return e5({ width: l, height: e, color: a, className: r, onClick: s });
       case "resourceManager":
-        return l5({ width: l, height: e, color: C, className: r, onClick: s });
+        return l5({ width: l, height: e, color: a, className: r, onClick: s });
       case "image":
-        return i5({ width: l, height: e, color: C, className: r, onClick: s });
+        return i5({ width: l, height: e, color: a, className: r, onClick: s });
       case "edit":
-        return o5({ width: l, height: e, color: C, className: r, onClick: s });
+        return o5({ width: l, height: e, color: a, className: r, onClick: s });
       case "filledArrowRight":
-        return t5({ width: l, height: e, color: C, className: r, onClick: s });
+        return t5({ width: l, height: e, color: a, className: r, onClick: s });
       case "burgerMenu":
-        return n5({ width: l, height: e, color: C, className: r, onClick: s });
+        return n5({ width: l, height: e, color: a, className: r, onClick: s });
       case "refresh":
-        return r5({ width: l, height: e, color: C, className: r, onClick: s });
+        return r5({ width: l, height: e, color: a, className: r, onClick: s });
       case "projects":
-        return s5({ width: l, height: e, color: C, className: r, onClick: s });
-      case "profile":
-        return w5({ width: l, height: e, color: C, className: r, onClick: s });
+        return s5({ width: l, height: e, color: a, className: r, onClick: s });
+      case "user":
+        return C5({ width: l, height: e, color: a, className: r, onClick: s });
       case "exit":
-        return C5({ width: l, height: e, color: C, className: r, onClick: s });
-      case "client":
-        return a5({ width: l, height: e, color: C, className: r, onClick: s });
+        return a5({ width: l, height: e, color: a, className: r, onClick: s });
       case "openPointCircle":
-        return h5({ width: l, height: e, color: C, className: r, onClick: s });
+        return h5({ width: l, height: e, color: a, className: r, onClick: s });
       case "community":
-        return c5({ width: l, height: e, color: C, className: r, onClick: s });
+        return c5({ width: l, height: e, color: a, className: r, onClick: s });
       case "docs":
-        return d5({ width: l, height: e, color: C, className: r, onClick: s });
+        return d5({ width: l, height: e, color: a, className: r, onClick: s });
       default:
         return /* @__PURE__ */ o(F, { children: "No Icon provided" });
     }
   })() });
-}, { Title: g5, Text: L5 } = M1, k5 = {
+}, { Title: w5, Text: g5 } = M1, L5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, p5 = g1(
+}, k5 = g1(
   ({
     align: i = "inherit",
     variant: l = "body1",
@@ -2641,9 +2574,9 @@ const s2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
   }, u) => {
-    const c = O(null);
+    const c = W(null);
     p1(u, () => c.current);
-    const [C, s] = R(!1);
+    const [a, s] = R(!1);
     G(() => {
       var E;
       if (!r) return;
@@ -2659,28 +2592,28 @@ const s2 = ({
     const f = l === "h1" || l === "h2" || l === "h3" || l === "h4";
     let N = `snmt-typography snmt-typography-${l}`;
     i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), h && (N += " collapsed");
-    const Z = {
+    const V = {
       className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : k, display: r ? "block" : "" },
       onClick: n,
       ref: c,
-      ellipsis: r && C ? {
+      ellipsis: r && a ? {
         tooltip: {
           title: t,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return f ? /* @__PURE__ */ o(g5, { level: k5[l], ...Z, children: t }) : /* @__PURE__ */ o(L5, { ...Z, children: t });
+    return f ? /* @__PURE__ */ o(w5, { level: L5[l], ...V, children: t }) : /* @__PURE__ */ o(g5, { ...V, children: t });
   }
 );
-var g = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(g || {});
-const Z1 = r1({
+var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
+const V1 = r1({
   locale: "en",
   theme: "light"
 });
-Z1.Provider;
-const u5 = ({
+V1.Provider;
+const p5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#001E52",
@@ -2707,13 +2640,13 @@ const u5 = ({
       }
     )
   }
-), m5 = ({
+), u5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -2747,13 +2680,13 @@ const u5 = ({
       )
     ]
   }
-), v5 = ({
+), m5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2782,13 +2715,13 @@ const u5 = ({
       )
     ]
   }
-), f5 = ({
+), v5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -2829,10 +2762,10 @@ const u5 = ({
       )
     ]
   }
-), N5 = ({
+), f5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2853,10 +2786,10 @@ const u5 = ({
       }
     )
   }
-), _5 = ({
+), N5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2877,10 +2810,10 @@ const u5 = ({
       }
     )
   }
-), R5 = ({
+), _5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2901,13 +2834,13 @@ const u5 = ({
       }
     )
   }
-), M5 = ({
+), R5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -2962,13 +2895,13 @@ const u5 = ({
       )
     ]
   }
-), H5 = ({
+), M5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3009,13 +2942,13 @@ const u5 = ({
       )
     ]
   }
-), x5 = ({
+), H5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3049,13 +2982,13 @@ const u5 = ({
       )
     ]
   }
-), V5 = ({
+), x5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3092,10 +3025,10 @@ const u5 = ({
 ), Z5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3136,13 +3069,13 @@ const u5 = ({
       )
     ]
   }
-), E5 = ({
+), V5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3183,13 +3116,13 @@ const u5 = ({
       )
     ]
   }
-), A5 = ({
+), E5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3230,13 +3163,13 @@ const u5 = ({
       )
     ]
   }
-), G5 = ({
+), A5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3270,13 +3203,13 @@ const u5 = ({
       )
     ]
   }
-), I5 = ({
+), G5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3303,13 +3236,13 @@ const u5 = ({
       )
     ]
   }
-), D5 = ({
+), I5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3336,13 +3269,13 @@ const u5 = ({
       )
     ]
   }
-), T5 = ({
+), D5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3369,13 +3302,13 @@ const u5 = ({
       )
     ]
   }
-), y5 = ({
+), T5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3402,13 +3335,13 @@ const u5 = ({
       )
     ]
   }
-), B5 = ({
+), y5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3442,13 +3375,13 @@ const u5 = ({
       )
     ]
   }
-), K5 = ({
+), Y5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3475,13 +3408,13 @@ const u5 = ({
       )
     ]
   }
-), Y5 = ({
+), K5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3508,13 +3441,13 @@ const u5 = ({
       )
     ]
   }
-), b5 = ({
+), B5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3538,13 +3471,13 @@ const u5 = ({
       /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), W5 = ({
+), b5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3602,13 +3535,13 @@ const u5 = ({
       }
     )
   }
-), j5 = ({
+), W5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#F2F2F7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3631,13 +3564,13 @@ const u5 = ({
       )
     ]
   }
-), S5 = ({
+), j5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#004ED7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3660,13 +3593,13 @@ const u5 = ({
       )
     ]
   }
-), U5 = ({
+), S5 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3689,13 +3622,13 @@ const u5 = ({
       )
     ]
   }
-), F5 = ({
+), U5 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -3726,13 +3659,13 @@ const u5 = ({
       )
     ]
   }
-), P5 = ({
+), F5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -3759,9 +3692,9 @@ const u5 = ({
       )
     ]
   }
-), $5 = ({
+), P5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3786,9 +3719,9 @@ const u5 = ({
       }
     )
   }
-), z5 = ({
+), $5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3813,9 +3746,9 @@ const u5 = ({
       }
     )
   }
-), J5 = ({
+), z5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -3837,9 +3770,9 @@ const u5 = ({
       }
     )
   }
-), q5 = ({
+), J5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -3862,13 +3795,13 @@ const u5 = ({
       }
     )
   }
-), Q5 = ({
+), q5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -3895,13 +3828,13 @@ const u5 = ({
       )
     ]
   }
-), X5 = ({
+), Q5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -3934,9 +3867,9 @@ const u5 = ({
       )
     ]
   }
-), e7 = ({
+), X5 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -3961,13 +3894,13 @@ const u5 = ({
       }
     )
   }
-), l7 = ({
+), e7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -4020,13 +3953,13 @@ const u5 = ({
       )
     ]
   }
-), i7 = ({
+), l7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: t,
@@ -4057,13 +3990,13 @@ const u5 = ({
       )
     ]
   }
-), o7 = ({
+), i7 = ({
   className: i,
-  color: l = g.GREY_DARK_3,
+  color: l = w.GREY_DARK_3,
   height: e = 14,
   width: t = 14,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     className: i,
@@ -4094,9 +4027,9 @@ const u5 = ({
       )
     ]
   }
-), t7 = ({
+), o7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 18,
   onClick: t,
   width: n = 18
@@ -4121,13 +4054,13 @@ const u5 = ({
       }
     )
   }
-), n7 = ({
+), t7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4173,13 +4106,13 @@ const u5 = ({
       )
     ]
   }
-), r7 = ({
+), n7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4210,13 +4143,13 @@ const u5 = ({
       )
     ]
   }
-), s7 = ({
+), r7 = ({
   className: i,
-  color: l = g.NOTIFICATION_WARNING_DARK,
+  color: l = w.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: t = 36,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4249,9 +4182,9 @@ const u5 = ({
       )
     ]
   }
-), C7 = ({
+), s7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4277,11 +4210,11 @@ const u5 = ({
   }
 ), a7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4314,13 +4247,13 @@ const u5 = ({
       )
     ]
   }
-), h7 = ({
+), C7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4347,13 +4280,13 @@ const u5 = ({
       )
     ]
   }
-), c7 = ({
+), h7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4416,13 +4349,13 @@ const u5 = ({
       )
     ]
   }
-), d7 = ({
+), c7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4473,13 +4406,13 @@ const u5 = ({
       )
     ]
   }
-), w7 = ({
+), d7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4522,9 +4455,9 @@ const u5 = ({
       )
     ]
   }
-), g7 = ({
+), w7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4549,13 +4482,13 @@ const u5 = ({
       }
     )
   }
-), L7 = ({
+), g7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     onClick: n,
@@ -4566,7 +4499,7 @@ const u5 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: g.GREY_LIGHT_2 }),
+      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: w.GREY_LIGHT_2 }),
       /* @__PURE__ */ o(
         "path",
         {
@@ -4578,7 +4511,7 @@ const u5 = ({
       )
     ]
   }
-), k7 = ({
+), L7 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -4604,7 +4537,7 @@ const u5 = ({
       }
     )
   }
-), p7 = ({
+), k7 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -4621,7 +4554,7 @@ const u5 = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ a("g", { children: [
+    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ C("g", { children: [
       /* @__PURE__ */ o(
         "path",
         {
@@ -4642,69 +4575,37 @@ const u5 = ({
       )
     ] }) })
   }
-), u7 = ({
+), p7 = ({
   width: i = 20,
   height: l = 20,
-  color: e = "#001E52",
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
     width: i,
     height: l,
-    className: t,
     onClick: n,
-    viewBox: "0 0 20 20",
+    className: t,
+    viewBox: "0 0 24 24",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ o(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: `M2.88667 2.88667C1.66667 4.10834 1.66667 6.07167 1.66667 10C1.66667 13.9283 1.66667 15.8925
-                2.88667 17.1125C4.10833 18.3333 6.07167 18.3333 10 18.3333C13.9283 18.3333 15.8925 18.3333 17.1125
-                17.1125C18.3333 15.8933 18.3333 13.9283 18.3333 10C18.3333 6.07167 18.3333 4.10751 17.1125 2.88667C15.8933
-                1.66667 13.9283 1.66667 10 1.66667C6.07167 1.66667 4.1075 1.66667 2.88667 2.88667ZM8.78667 6.26417C8.84325
-                6.20469 8.88755 6.13465 8.91706 6.05805C8.94657 5.98145 8.96071 5.89979 8.95866 5.81772C8.95661 5.73566
-                8.93841 5.6548 8.90511 5.57977C8.87181 5.50474 8.82406 5.437 8.76458 5.38042C8.70511 5.32384 8.63507 5.27954
-                8.55847 5.25003C8.48186 5.22052 8.4002 5.20638 8.31814 5.20843C8.23607 5.21048 8.15522 5.22868 8.08018
-                5.26198C8.00515 5.29528 7.93741 5.34303 7.88083 5.4025L5.9525 7.42751L5.4525 6.9025C5.39654 6.84066 5.32876
-                6.79064 5.25316 6.75539C5.17756 6.72015 5.09567 6.70039 5.01232 6.69729C4.92897 6.69418 4.84583 6.7078
-                4.76782 6.73732C4.68982 6.76685 4.6185 6.81169 4.5581 6.86921C4.49769 6.92673 4.4494 6.99575 4.41609
-                7.07222C4.38277 7.14869 4.3651 7.23105 4.36411 7.31446C4.36312 7.39786 4.37884 7.48062 4.41034 7.55786C4.44183
-                7.63509 4.48847 7.70524 4.5475 7.76417L5.5 8.76417C5.55837 8.82544 5.62858 8.87421 5.70636 8.90754C5.78414
-                8.94086 5.86788 8.95805 5.9525 8.95805C6.03712 8.95805 6.12086 8.94086 6.19864 8.90754C6.27643 8.87421
-                6.34663 8.82544 6.405 8.76417L8.78667 6.26417ZM10.8333 6.875C10.6676 6.875 10.5086 6.94085 10.3914
-                7.05806C10.2742 7.17527 10.2083 7.33424 10.2083 7.5C10.2083 7.66577 10.2742 7.82474 10.3914 7.94195C10.5086
-                8.05916 10.6676 8.125 10.8333 8.125H15C15.1658 8.125 15.3247 8.05916 15.4419 7.94195C15.5592 7.82474 15.625
-                7.66577 15.625 7.5C15.625 7.33424 15.5592 7.17527 15.4419 7.05806C15.3247 6.94085 15.1658 6.875 15
-                6.875H10.8333ZM8.78583 12.0975C8.84486 12.0386 8.8915 11.9684 8.923 11.8912C8.95449 11.814 8.97021 11.7312
-                8.96922 11.6478C8.96824 11.5644 8.95056 11.482 8.91725 11.4056C8.88393 11.3291 8.83565 11.2601 8.77524
-                11.2025C8.71483 11.145 8.64352 11.1002 8.56551 11.0707C8.4875 11.0411 8.40437 11.0275 8.32102 11.0306C8.23766
-                11.0337 8.15578 11.0535 8.08018 11.0887C8.00458 11.124 7.9368 11.174 7.88083 11.2358L5.9525 13.2608L5.4525
-                12.7358C5.39654 12.674 5.32876 12.624 5.25316 12.5887C5.17756 12.5535 5.09567 12.5337 5.01232 12.5306C4.92897
-                12.5275 4.84583 12.5411 4.76782 12.5707C4.68982 12.6002 4.6185 12.645 4.5581 12.7025C4.49769 12.7601 4.4494
-                12.8291 4.41609 12.9056C4.38277 12.982 4.3651 13.0644 4.36411 13.1478C4.36312 13.2312 4.37884 13.314 4.41034
-                13.3912C4.44183 13.4684 4.48847 13.5386 4.5475 13.5975L5.5 14.5975C5.55837 14.6588 5.62858 14.7075 5.70636
-                14.7409C5.78414 14.7742 5.86788 14.7914 5.9525 14.7914C6.03712 14.7914 6.12086 14.7742 6.19864 14.7409C6.27643
-                14.7075 6.34663 14.6588 6.405 14.5975L8.78583 12.0975ZM10.8333 12.7083C10.6676 12.7083 10.5086 12.7742 10.3914
-                12.8914C10.2742 13.0086 10.2083 13.1676 10.2083 13.3333C10.2083 13.4991 10.2742 13.6581 10.3914 13.7753C10.5086
-                13.8925 10.6676 13.9583 10.8333 13.9583H15C15.1658 13.9583 15.3247 13.8925 15.4419 13.7753C15.5592 13.6581
-                15.625 13.4991 15.625 13.3333C15.625 13.1676 15.5592 13.0086 15.4419 12.8914C15.3247 12.7742 15.1658 12.7083
-                15 12.7083H10.8333Z`,
+        d: "M6.06939 16.5692C6.3622 16.2765 6.83706 16.2767 7.12994 16.5692C7.4228 16.8621 7.42273 17.3369 7.12994 17.6298L5.12994 19.6298C4.98929 19.7704 4.79858 19.8495 4.59967 19.8495C4.45045 19.8495 4.30597 19.8052 4.18365 19.7235L4.06939 19.6298L3.26959 18.83L3.21783 18.7733C2.97763 18.4787 2.99503 18.044 3.26959 17.7694C3.54417 17.495 3.97896 17.4775 4.2735 17.7177L4.33014 17.7694L4.59967 18.0389L6.06939 16.5692ZM20.0001 17.7499L20.0762 17.7538C20.4546 17.7921 20.75 18.1115 20.7501 18.4999C20.7501 18.8883 20.4546 19.2077 20.0762 19.246L20.0001 19.2499H9.00006C8.58584 19.2499 8.25006 18.9141 8.25006 18.4999C8.25007 18.0857 8.58585 17.7499 9.00006 17.7499H20.0001ZM5.55475 13.0145C5.27614 13.3209 4.80164 13.3438 4.49518 13.0653C4.18868 12.7867 4.16675 12.3122 4.44537 12.0057L5.55475 13.0145ZM20.0001 11.7499L20.0762 11.7538C20.4546 11.7921 20.75 12.1115 20.7501 12.4999C20.7501 12.8883 20.4546 13.2077 20.0762 13.246L20.0001 13.2499H9.00006C8.58584 13.2499 8.25006 12.9141 8.25006 12.4999C8.25007 12.0857 8.58585 11.7499 9.00006 11.7499H20.0001ZM4.50982 11.9403C4.79264 11.6865 5.22745 11.6831 5.51471 11.9442C5.80181 12.2055 5.8394 12.6386 5.61334 12.9442L5.56451 13.0038L5.55475 13.0145L4.44537 12.0057L4.45514 11.994L4.50982 11.9403ZM5.55475 7.01453C5.27614 7.32089 4.80164 7.3438 4.49518 7.06532C4.18868 6.78668 4.16674 6.31224 4.44537 6.00575L5.55475 7.01453ZM20.0001 5.74989L20.0762 5.75379C20.4546 5.79206 20.75 6.11146 20.7501 6.49989C20.7501 6.88832 20.4546 7.20771 20.0762 7.24598L20.0001 7.24989H9.00006C8.58584 7.24989 8.25006 6.9141 8.25006 6.49989C8.25007 6.08568 8.58585 5.74989 9.00006 5.74989H20.0001ZM4.45514 5.99403C4.73381 5.68784 5.20832 5.66569 5.51471 5.94422C5.8209 6.22289 5.84305 6.69741 5.56451 7.00379L5.55475 7.01453L4.44537 6.00575L4.45514 5.99403Z",
         fill: e
       }
     )
   }
-), m7 = ({
+), u7 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4731,52 +4632,46 @@ const u5 = ({
       )
     ]
   }
-), v7 = ({
-  width: i = 24,
-  height: l = 24,
-  color: e = g.GREY_DARK_2,
+), m7 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
     height: l,
+    className: t,
+    onClick: n,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: t,
-    onClick: n,
     children: [
       /* @__PURE__ */ o(
         "path",
         {
-          d: "M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M18.25 20.5V19.5C18.25 16.0482 15.4518 13.25 12 13.25C8.54822 13.25 5.75 16.0482 5.75 19.5V20.5C5.75 20.9142 5.41421 21.25 5 21.25C4.58579 21.25 4.25 20.9142 4.25 20.5V19.5C4.25 15.2198 7.71979 11.75 12 11.75C16.2802 11.75 19.75 15.2198 19.75 19.5V20.5C19.75 20.9142 19.4142 21.25 19 21.25C18.5858 21.25 18.25 20.9142 18.25 20.5Z",
+          fill: e
         }
       ),
       /* @__PURE__ */ o(
         "path",
         {
-          d: "M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z",
-          stroke: e,
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M15.25 8.5C15.25 6.70507 13.7949 5.25 12 5.25C10.2051 5.25 8.75 6.70507 8.75 8.5C8.75 10.2949 10.2051 11.75 12 11.75C13.7949 11.75 15.25 10.2949 15.25 8.5ZM16.75 8.5C16.75 11.1234 14.6234 13.25 12 13.25C9.37665 13.25 7.25 11.1234 7.25 8.5C7.25 5.87665 9.37665 3.75 12 3.75C14.6234 3.75 16.75 5.87665 16.75 8.5Z",
+          fill: e
         }
       )
     ]
   }
-), f7 = ({
+), v7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     width: i,
@@ -4810,10 +4705,10 @@ const u5 = ({
       )
     ]
   }
-), N7 = ({
+), f7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -4837,10 +4732,10 @@ const u5 = ({
       }
     )
   }
-), _7 = ({
+), N7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -4864,33 +4759,7 @@ const u5 = ({
       }
     )
   }
-), R7 = ({
-  width: i = 20,
-  height: l = 20,
-  color: e = "#001E52",
-  className: t,
-  onClick: n
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: i,
-    height: l,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: t,
-    onClick: n,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M18.3337 10.0001C18.3337 14.6026 14.6028 18.3334 10.0003 18.3334C5.39783 18.3334 1.66699 14.6026 1.66699 10.0001C1.66699 5.39758 5.39783 1.66675 10.0003 1.66675C14.6028 1.66675 18.3337 5.39758 18.3337 10.0001ZM12.5003 7.50008C12.5003 8.16312 12.2369 8.79901 11.7681 9.26785C11.2993 9.73669 10.6634 10.0001 10.0003 10.0001C9.33728 10.0001 8.7014 9.73669 8.23256 9.26785C7.76372 8.79901 7.50033 8.16312 7.50033 7.50008C7.50033 6.83704 7.76372 6.20116 8.23256 5.73231C8.7014 5.26347 9.33728 5.00008 10.0003 5.00008C10.6634 5.00008 11.2993 5.26347 11.7681 5.73231C12.2369 6.20116 12.5003 6.83704 12.5003 7.50008ZM10.0003 17.0834C11.4306 17.0857 12.8277 16.6529 14.0062 15.8426C14.5095 15.4967 14.7245 14.8384 14.4312 14.3026C13.8253 13.1917 12.5753 12.5001 10.0003 12.5001C7.42533 12.5001 6.17533 13.1917 5.56866 14.3026C5.27616 14.8384 5.49116 15.4967 5.99449 15.8426C7.17299 16.6529 8.5701 17.0857 10.0003 17.0834Z",
-        fill: e
-      }
-    )
-  }
-), M7 = ({
+), _7 = ({
   name: i,
   width: l,
   height: e,
@@ -4899,7 +4768,7 @@ const u5 = ({
   disabled: h = !1,
   onClick: k
 }) => {
-  const [r, u] = R(n), { theme: c } = n1(Z1), C = h ? c && c === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : t, s = h ? void 0 : k;
+  const [r, u] = R(n), { theme: c } = n1(V1), a = h ? c && c === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = h ? void 0 : k;
   return G(() => {
     if (n) {
       s && !h && u(`${n} clickable`);
@@ -4909,79 +4778,78 @@ const u5 = ({
   }, [s, n, h]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return $5({ width: l, height: e, color: C, className: r, onClick: s });
+        return P5({ width: l, height: e, color: a, className: r, onClick: s });
       case "prevIcon":
-        return z5({ width: l, height: e, color: C, className: r, onClick: s });
+        return $5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDown":
-        return u5({ width: l, height: e, color: C, className: r, onClick: s });
+        return p5({ width: l, height: e, color: a, className: r, onClick: s });
       case "info":
-        return m5({ width: l, height: e, color: C, className: r, onClick: s });
+        return u5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowRight":
-        return v5({ width: l, height: e, color: C, className: r, onClick: s });
+        return m5({ width: l, height: e, color: a, className: r, onClick: s });
       case "calendar":
-        return f5({ width: l, height: e, color: C, className: r, onClick: s });
+        return v5({ width: l, height: e, color: a, className: r, onClick: s });
       case "check":
-        return N5({ width: l, height: e, color: C, className: r, onClick: s });
+        return f5({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancel":
-        return _5({ width: l, height: e, color: C, className: r, onClick: s });
+        return N5({ width: l, height: e, color: a, className: r, onClick: s });
       case "add":
-        return R5({ width: l, height: e, color: C, className: r, onClick: s });
+        return _5({ width: l, height: e, color: a, className: r, onClick: s });
       case "list":
-        return M5({ width: l, height: e, color: C, className: r, onClick: s });
+        return R5({ width: l, height: e, color: a, className: r, onClick: s });
       case "dragAndDrop":
-        return H5({ width: l, height: e, color: C, className: r, onClick: s });
+        return M5({ width: l, height: e, color: a, className: r, onClick: s });
       case "filter":
-        return x5({ width: l, height: e, color: C, className: r, onClick: s });
+        return H5({ width: l, height: e, color: a, className: r, onClick: s });
       case "attention":
-        return V5({ width: l, height: e, color: C, className: r, onClick: s });
+        return x5({ width: l, height: e, color: a, className: r, onClick: s });
       case "users":
-        return Z5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Z5({ width: l, height: e, color: a, className: r, onClick: s });
       case "mySkillsMatrix":
-        return E5({
+        return V5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "skills":
-        return A5({ width: l, height: e, color: C, className: r, onClick: s });
+        return E5({ width: l, height: e, color: a, className: r, onClick: s });
       case "skillsMatrices":
-        return G5({
+        return A5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "history":
-        return I5({ width: l, height: e, color: C, className: r, onClick: s });
+        return G5({ width: l, height: e, color: a, className: r, onClick: s });
       case "logOut":
-        return D5({ width: l, height: e, color: C, className: r, onClick: s });
+        return I5({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings":
-        return T5({ width: l, height: e, color: C, className: r, onClick: s });
+        return D5({ width: l, height: e, color: a, className: r, onClick: s });
       case "trash":
-        return y5({ width: l, height: e, color: C, className: r, onClick: s });
+        return T5({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings2":
-        return B5({ width: l, height: e, color: C, className: r, onClick: s });
+        return y5({ width: l, height: e, color: a, className: r, onClick: s });
       case "checkCircle":
-        return K5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Y5({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancelCircle":
-        return Y5({ width: l, height: e, color: C, className: r, onClick: s });
-      case "infoMedium":
+        return K5({ width: l, height: e, color: a, className: r, onClick: s });
       case "visibilityIcon":
-        return b5({
+        return B5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "visibilityOffIcon":
-        return W5({
+        return b5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
@@ -4989,101 +4857,99 @@ const u5 = ({
         return O5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "expandArrowIcon":
-        return j5({
+        return W5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return S5({
+        return j5({
           width: l,
           height: e,
-          color: C,
+          color: a,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return U5({ width: l, height: e, color: C, className: r, onClick: s });
+        return S5({ width: l, height: e, color: a, className: r, onClick: s });
       case "sortDown":
-        return F5({ width: l, height: e, color: C, className: r, onClick: s });
+        return U5({ width: l, height: e, color: a, className: r, onClick: s });
       case "search":
-        return P5({ width: l, height: e, color: C, className: r, onClick: s });
+        return F5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowUpFilled":
-        return q5({ width: l, height: e, color: C, className: r, onClick: s });
+        return J5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDownFilled":
-        return J5({ width: l, height: e, color: C, className: r, onClick: s });
+        return z5({ width: l, height: e, color: a, className: r, onClick: s });
       case "link":
-        return Q5({ width: l, height: e, color: C, className: r, onClick: s });
+        return q5({ width: l, height: e, color: a, className: r, onClick: s });
       case "telegram":
-        return e7({ width: l, height: e, color: C, className: r, onClick: s });
+        return X5({ width: l, height: e, color: a, className: r, onClick: s });
       case "mail":
-        return i7({ width: l, height: e, color: C, className: r, onClick: s });
+        return l7({ width: l, height: e, color: a, className: r, onClick: s });
       case "github":
-        return X5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Q5({ width: l, height: e, color: a, className: r, onClick: s });
       case "linkedIn":
-        return l7({ width: l, height: e, color: C, className: r, onClick: s });
+        return e7({ width: l, height: e, color: a, className: r, onClick: s });
       case "emptyStateIcon":
-        return o7({ width: l, height: e, color: C, className: r, onClick: s });
+        return i7({ width: l, height: e, color: a, className: r, onClick: s });
       case "filtersIcon":
-        return t7({ width: l, height: e, color: C, className: r, onClick: s });
+        return o7({ width: l, height: e, color: a, className: r, onClick: s });
       case "dotMenuIcon":
-        return n7({ width: l, height: e, color: C, className: r, onClick: s });
+        return t7({ width: l, height: e, color: a, className: r, onClick: s });
       case "plusCircle":
-        return r7({ width: l, height: e, color: C, className: r, onClick: s });
+        return n7({ width: l, height: e, color: a, className: r, onClick: s });
       case "warning":
-        return s7({ width: l, height: e, color: C, className: r, onClick: s });
+        return r7({ width: l, height: e, color: a, className: r, onClick: s });
       case "back":
-        return C7({ width: l, height: e, color: C, className: r, onClick: s });
+        return s7({ width: l, height: e, color: a, className: r, onClick: s });
       case "bell":
-        return a7({ width: l, height: e, color: C, className: r, onClick: s });
+        return a7({ width: l, height: e, color: a, className: r, onClick: s });
       case "copy":
-        return h7({ width: l, height: e, color: C, className: r, onClick: s });
+        return C7({ width: l, height: e, color: a, className: r, onClick: s });
       case "contract":
-        return c7({ width: l, height: e, color: C, className: r, onClick: s });
+        return h7({ width: l, height: e, color: a, className: r, onClick: s });
       case "resourceManager":
-        return d7({ width: l, height: e, color: C, className: r, onClick: s });
+        return c7({ width: l, height: e, color: a, className: r, onClick: s });
       case "image":
-        return w7({ width: l, height: e, color: C, className: r, onClick: s });
+        return d7({ width: l, height: e, color: a, className: r, onClick: s });
       case "edit":
-        return g7({ width: l, height: e, color: C, className: r, onClick: s });
+        return w7({ width: l, height: e, color: a, className: r, onClick: s });
       case "filledArrowRight":
-        return L7({ width: l, height: e, color: C, className: r, onClick: s });
+        return g7({ width: l, height: e, color: a, className: r, onClick: s });
       case "burgerMenu":
-        return k7({ width: l, height: e, color: C, className: r, onClick: s });
+        return L7({ width: l, height: e, color: a, className: r, onClick: s });
       case "refresh":
-        return p7({ width: l, height: e, color: C, className: r, onClick: s });
+        return k7({ width: l, height: e, color: a, className: r, onClick: s });
       case "projects":
-        return u7({ width: l, height: e, color: C, className: r, onClick: s });
-      case "profile":
-        return R7({ width: l, height: e, color: C, className: r, onClick: s });
+        return p7({ width: l, height: e, color: a, className: r, onClick: s });
+      case "user":
+        return m7({ width: l, height: e, color: a, className: r, onClick: s });
       case "exit":
-        return m7({ width: l, height: e, color: C, className: r, onClick: s });
-      case "client":
-        return v7({ width: l, height: e, color: C, className: r, onClick: s });
+        return u7({ width: l, height: e, color: a, className: r, onClick: s });
       case "openPointCircle":
-        return f7({ width: l, height: e, color: C, className: r, onClick: s });
+        return v7({ width: l, height: e, color: a, className: r, onClick: s });
       case "community":
-        return N7({ width: l, height: e, color: C, className: r, onClick: s });
+        return f7({ width: l, height: e, color: a, className: r, onClick: s });
       case "docs":
-        return _7({ width: l, height: e, color: C, className: r, onClick: s });
+        return N7({ width: l, height: e, color: a, className: r, onClick: s });
       default:
         return /* @__PURE__ */ o(F, { children: "No Icon provided" });
     }
   })() });
 };
 var t1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(t1 || {});
-const H7 = r1({
+const R7 = r1({
   locale: "en",
   theme: "light"
 });
-H7.Provider;
+R7.Provider;
 const E1 = ({
   children: i,
   width: l,
@@ -5100,7 +4966,7 @@ const E1 = ({
     {
       className: `snmt-tag ${e} ${h ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ o(
-        M7,
+        _7,
         {
           name: "cancelCircle",
           color: h ? t1.GREY_DARK_1 : t1.GREY_DARK_2,
@@ -5113,7 +4979,7 @@ const E1 = ({
       style: { width: l ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ o(
-        p5,
+        k5,
         {
           variant: e === "small" ? "body4" : "body2",
           color: h ? t1.GREY_DARK_2 : t1.GREY_DARK_5,
@@ -5122,12 +4988,12 @@ const E1 = ({
       ) : i
     }
   );
-}, { Title: x7, Text: V7 } = M1, Z7 = {
+}, { Title: M7, Text: H7 } = M1, x7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, E7 = g1(
+}, Z7 = g1(
   ({
     align: i = "inherit",
     variant: l = "body1",
@@ -5139,9 +5005,9 @@ const E1 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
   }, u) => {
-    const c = O(null);
+    const c = W(null);
     p1(u, () => c.current);
-    const [C, s] = R(!1);
+    const [a, s] = R(!1);
     G(() => {
       var E;
       if (!r) return;
@@ -5157,21 +5023,21 @@ const E1 = ({
     const f = l === "h1" || l === "h2" || l === "h3" || l === "h4";
     let N = `snmt-typography snmt-typography-${l}`;
     i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), h && (N += " collapsed");
-    const Z = {
+    const V = {
       className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : k, display: r ? "block" : "" },
       onClick: n,
       ref: c,
-      ellipsis: r && C ? {
+      ellipsis: r && a ? {
         tooltip: {
           title: t,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return f ? /* @__PURE__ */ o(x7, { level: Z7[l], ...Z, children: t }) : /* @__PURE__ */ o(V7, { ...Z, children: t });
+    return f ? /* @__PURE__ */ o(M7, { level: x7[l], ...V, children: t }) : /* @__PURE__ */ o(H7, { ...V, children: t });
   }
-), A7 = ({
+), V7 = ({
   children: i,
   content: l,
   isOpen: e,
@@ -5181,7 +5047,7 @@ const E1 = ({
 }) => {
   const [k, r] = R(!1);
   return /* @__PURE__ */ o(
-    B1,
+    Y1,
     {
       content: l,
       arrow: !1,
@@ -5196,18 +5062,18 @@ const E1 = ({
     }
   );
 };
-var G7 = { exports: {} };
+var E7 = { exports: {} };
 (function(i, l) {
   (function(e, t) {
     i.exports = t();
-  })(W1, function() {
+  })(O1, function() {
     return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(e) {
       var t = ["th", "st", "nd", "rd"], n = e % 100;
       return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
     } };
   });
-})(G7);
-const I7 = ({
+})(E7);
+const A7 = ({
   values: i,
   onTagClose: l,
   maxWidth: e,
@@ -5216,17 +5082,17 @@ const I7 = ({
   options: h,
   extraOptions: k
 }) => {
-  const { locale: r } = n1(u1), { t: u } = t2("common", { lng: r }), [c, C] = R(!1);
+  const { locale: r } = n1(u1), { t: u } = t2("common", { lng: r }), [c, a] = R(!1);
   if (G(() => {
-    i.length || C(!1);
+    i.length || a(!1);
   }, [i]), !i.length)
     return null;
   const s = (f) => {
-    var N, Z;
-    return ((N = h == null ? void 0 : h.find((m) => m.value === f)) == null ? void 0 : N.label) || ((Z = k == null ? void 0 : k.find((m) => m.value === f)) == null ? void 0 : Z.label) || f;
+    var N, V;
+    return ((N = h == null ? void 0 : h.find((m) => m.value === f)) == null ? void 0 : N.label) || ((V = k == null ? void 0 : k.find((m) => m.value === f)) == null ? void 0 : V.label) || f;
   };
-  return /* @__PURE__ */ a(
-    A7,
+  return /* @__PURE__ */ C(
+    V7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5243,7 +5109,7 @@ const I7 = ({
       ),
       placement: "bottomRight",
       isOpen: c,
-      setIsOpen: C,
+      setIsOpen: a,
       children: [
         i.length,
         " ",
@@ -5251,12 +5117,12 @@ const I7 = ({
       ]
     }
   );
-}, D7 = {
+}, G7 = {
   small: 20,
   medium: 28,
   large: 48
 }, N1 = ({ size: i = "medium", color: l = "#004ed7" }) => {
-  const e = D7[i], t = `no-repeat linear-gradient(${l}
+  const e = G7[i], t = `no-repeat linear-gradient(${l}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${l} 0)`, n = {
     width: e,
     background: `${t} 0% 100%, ${t} 50% 100%, ${t} 100% 100%`,
@@ -5275,11 +5141,11 @@ const I7 = ({
     disabled: r = !1,
     required: u = !1,
     clearable: c = !1,
-    scrollThresholdValue: C = 50,
+    scrollThresholdValue: a = 50,
     onSearchChange: s,
     onDropdownVisibleChange: f,
     onScrollToEnd: N,
-    onPopupScroll: Z,
+    onPopupScroll: V,
     id: E,
     extraOptions: m,
     dropdownRender: A,
@@ -5288,71 +5154,71 @@ const I7 = ({
     readOnly: p,
     error: x
   }, M) => {
-    const [H, b] = R(!1), [j, B] = R(!1), [S, $] = R(!0), [V, K] = R(i), Q = O(null);
+    const [H, b] = R(!1), [j, Y] = R(!1), [S, $] = R(!0), [Z, K] = R(i), Q = W(null);
     G(() => {
       K(i);
     }, [i]);
-    const s1 = (d) => {
-      b(d), f && f(d);
-    }, C1 = (d, L) => {
+    const s1 = (g) => {
+      b(g), f && f(g);
+    }, a1 = (g, L) => {
       var _;
-      return !!((_ = L == null ? void 0 : L.label) != null && _.toString().toLowerCase().includes(d.toLowerCase()));
+      return !!((_ = L == null ? void 0 : L.label) != null && _.toString().toLowerCase().includes(g.toLowerCase()));
     }, X = () => {
-      B(!0);
+      Y(!0);
     }, z = () => {
-      B(!1);
-    }, W = T(
-      (d) => {
-        if (K(d), t) {
-          const _ = d;
+      Y(!1);
+    }, O = T(
+      (g) => {
+        if (K(g), t) {
+          const _ = g;
           l == null || l(_);
           return;
         }
-        const L = d;
+        const L = g;
         l == null || l(L);
       },
       [t, l]
-    ), a1 = T(() => {
+    ), C1 = T(() => {
       if (!(p || r)) {
         if (t) {
-          W([]);
+          O([]);
           return;
         }
-        W("");
+        O("");
       }
-    }, [r, W, t, p]), U = T(
-      (d) => {
-        const L = V.filter((_) => _ !== d);
-        W(L), K(L);
+    }, [r, O, t, p]), U = T(
+      (g) => {
+        const L = Z.filter((_) => _ !== g);
+        O(L), K(L);
       },
-      [W, V]
+      [O, Z]
     ), e1 = T(
-      (d) => (V == null ? void 0 : V.indexOf(d)) === 0 ? (
+      (g) => (Z == null ? void 0 : Z.indexOf(g)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ o("span", { className: "custom-placeholder", children: S ? e : "" })
       ) : /* @__PURE__ */ o(F, {}),
-      [S, V, e]
-    ), h1 = (d) => {
-      d.preventDefault(), d.stopPropagation();
-    }, c1 = async (d) => {
-      const { target: L } = d;
-      L.scrollTop + L.offsetHeight >= L.scrollHeight - C && (N == null || N(!0)), Z && await Z(d);
+      [S, Z, e]
+    ), h1 = (g) => {
+      g.preventDefault(), g.stopPropagation();
+    }, c1 = async (g) => {
+      const { target: L } = g;
+      L.scrollTop + L.offsetHeight >= L.scrollHeight - a && (N == null || N(!0)), V && await V(g);
     }, J = T(
-      (d) => {
+      (g) => {
         var L, _;
-        return ((L = h.find((l1) => l1.value === d)) == null ? void 0 : L.label) || ((_ = m == null ? void 0 : m.find(
-          (l1) => l1.value === d
-        )) == null ? void 0 : _.label) || d;
+        return ((L = h.find((l1) => l1.value === g)) == null ? void 0 : L.label) || ((_ = m == null ? void 0 : m.find(
+          (l1) => l1.value === g
+        )) == null ? void 0 : _.label) || g;
       },
       [m, h]
     ), d1 = T(
-      (d) => {
+      (g) => {
         var L;
         return /* @__PURE__ */ o(
-          I7,
+          A7,
           {
-            values: d,
+            values: g,
             onTagClose: U,
             maxWidth: ((L = Q.current) == null ? void 0 : L.clientWidth) || 0,
             disabled: r,
@@ -5364,11 +5230,11 @@ const I7 = ({
       },
       [r, m, U, h, p]
     ), v = T(
-      ({ label: d, value: L, mode: _ }) => _ === "filter" ? e1(L) : /* @__PURE__ */ o("div", { onMouseDown: h1, className: "tag-wrapper", children: /* @__PURE__ */ o(E1, { onClose: () => U(L), disabled: r, children: typeof d == "object" ? d : J(L) }) }),
+      ({ label: g, value: L, mode: _ }) => _ === "filter" ? e1(L) : /* @__PURE__ */ o("div", { onMouseDown: h1, className: "tag-wrapper", children: /* @__PURE__ */ o(E1, { onClose: () => U(L), disabled: r, children: typeof g == "object" ? g : J(L) }) }),
       [r, J, U, e1]
-    ), I = Array.isArray(V) && V.length > 0 || !!V && typeof V == "string" && V.trim() !== "";
-    return /* @__PURE__ */ a("div", { className: "snmt-select-container", children: [
-      /* @__PURE__ */ a(
+    ), I = Array.isArray(Z) && Z.length > 0 || !!Z && typeof Z == "string" && Z.trim() !== "";
+    return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
+      /* @__PURE__ */ C(
         "div",
         {
           className: `snmt-select-1-15-6 ${j ? "snmt-select-focused" : ""}
@@ -5384,33 +5250,33 @@ const I7 = ({
                 id: E,
                 ref: M,
                 showSearch: !!n,
-                filterOption: n && C1,
+                filterOption: n && a1,
                 onDropdownVisibleChange: s1,
                 disabled: r,
-                value: V || void 0,
-                labelRender: (d) => {
-                  const L = J(d.value);
-                  return r ? /* @__PURE__ */ o("span", { style: { color: Y.GREY_DARK_1 }, children: L }) : L;
+                value: Z || void 0,
+                labelRender: (g) => {
+                  const L = J(g.value);
+                  return r ? /* @__PURE__ */ o("span", { style: { color: B.GREY_DARK_1 }, children: L }) : L;
                 },
                 mode: t === "filter" ? "multiple" : t,
-                onChange: W,
+                onChange: O,
                 onFocus: X,
                 onBlur: z,
-                onSearch: (d) => {
-                  $(!d), s && s(d);
+                onSearch: (g) => {
+                  $(!g), s && s(g);
                 },
                 onSelect: () => $(!0),
                 onDeselect: () => $(!0),
-                tagRender: (d) => v({ ...d, mode: t }),
+                tagRender: (g) => v({ ...g, mode: t }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: d1,
                 onPopupScroll: c1,
                 prefix: y && /* @__PURE__ */ o(N1, { size: "small" }),
-                suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: t !== "filter" && /* @__PURE__ */ a(F, { children: [
-                  V && !!V.length && (t || c) && /* @__PURE__ */ o(
+                suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: t !== "filter" && /* @__PURE__ */ C(F, { children: [
+                  Z && !!Z.length && (t || c) && /* @__PURE__ */ o(
                     "div",
                     {
-                      onClick: a1,
+                      onClick: C1,
                       style: {
                         cursor: r ? "not-allowed" : "pointer"
                       },
@@ -5418,7 +5284,7 @@ const I7 = ({
                         i1,
                         {
                           name: "cancel",
-                          color: r ? Y.GREY_DARK_1 : Y.GREY_DARK_2
+                          color: r ? B.GREY_DARK_1 : B.GREY_DARK_2
                         }
                       )
                     }
@@ -5427,36 +5293,36 @@ const I7 = ({
                     i1,
                     {
                       name: "selectArrowIcon",
-                      color: r ? Y.GREY_DARK_1 : Y.GREY_DARK_5,
+                      color: r ? B.GREY_DARK_1 : B.GREY_DARK_5,
                       className: H ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => b(!H)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: Y.GREY_DARK_1 }),
+                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: B.GREY_DARK_1 }),
                 options: h,
-                optionRender: (d) => D ? D(d.data) : /* @__PURE__ */ a(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                  /* @__PURE__ */ a(o1, { alignItems: "center", gap: 12, children: [
+                optionRender: (g) => D ? D(g.data) : /* @__PURE__ */ C(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                  /* @__PURE__ */ C(o1, { alignItems: "center", gap: 12, children: [
                     t && /* @__PURE__ */ o(
                       r2,
                       {
-                        checked: !!(V != null && V.includes(d.value))
+                        checked: !!(Z != null && Z.includes(g.value))
                       }
                     ),
-                    /* @__PURE__ */ a(o1, { alignItems: "center", gap: 8, children: [
-                      d.data.image && /* @__PURE__ */ o(n2, { src: d.data.image, size: 20 }),
-                      /* @__PURE__ */ o("span", { children: d.label })
+                    /* @__PURE__ */ C(o1, { alignItems: "center", gap: 8, children: [
+                      g.data.image && /* @__PURE__ */ o(n2, { src: g.data.image, size: 20 }),
+                      /* @__PURE__ */ o("span", { children: g.label })
                     ] })
                   ] }),
-                  !t && V === d.value && /* @__PURE__ */ o(i1, { name: "check", color: Y.BLUE_DARK_1 })
+                  !t && Z === g.value && /* @__PURE__ */ o(i1, { name: "check", color: B.BLUE_DARK_1 })
                 ] }),
-                dropdownRender: (d) => /* @__PURE__ */ a("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ o("div", { className: "dropdown-menu", children: A ? A(d) : d }),
+                dropdownRender: (g) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ o("div", { className: "dropdown-menu", children: A ? A(g) : g }),
                   y && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(N1, {}) })
                 ] })
               }
             ),
-            e && /* @__PURE__ */ a(F, { children: [
+            e && /* @__PURE__ */ C(F, { children: [
               /* @__PURE__ */ o(
                 "label",
                 {
@@ -5475,23 +5341,23 @@ const I7 = ({
           ]
         }
       ),
-      x && /* @__PURE__ */ a(o1, { justifyContent: "flex-start", gap: 6, children: [
+      x && /* @__PURE__ */ C(o1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ o(
           i1,
           {
             name: "attention",
-            color: Y.NOTIFICATION_ERROR_DARK,
+            color: B.NOTIFICATION_ERROR_DARK,
             height: 16,
             width: 16
           }
         ),
-        typeof x == "string" ? /* @__PURE__ */ o(E7, { color: Y.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
+        typeof x == "string" ? /* @__PURE__ */ o(Z7, { color: B.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
 );
-function T7(i, l = 500) {
-  const e = O();
+function I7(i, l = 500) {
+  const e = W();
   return G(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...n) => {
@@ -5502,14 +5368,14 @@ function T7(i, l = 500) {
   };
 }
 function R1(i) {
-  const l = O(i);
+  const l = W(i);
   return G(() => {
     l.current = i;
   }, [i]), l.current;
 }
 const L1 = 100, q = {
   offset: 0
-}, b7 = g1(
+}, K7 = g1(
   ({
     loadOptions: i,
     width: l,
@@ -5521,30 +5387,30 @@ const L1 = 100, q = {
     placeholder: r,
     mode: u,
     loadOnClosedState: c,
-    preloadOptions: C,
+    preloadOptions: a,
     extraOptions: s,
     onDropdownVisibleChange: f,
     optionRender: N,
-    dropdownRender: Z,
+    dropdownRender: V,
     readOnly: E,
     clearable: m = !1,
     required: A = !1,
     error: D
   }, y) => {
-    const [p, x] = R(), [M, H] = R(q), [b, j] = R(!1), [B, S] = R(), [$, V] = R(!1), [K, Q] = R(
+    const [p, x] = R(), [M, H] = R(q), [b, j] = R(!1), [Y, S] = R(), [$, Z] = R(!1), [K, Q] = R(
       s ?? []
-    ), s1 = R1(M.offset), C1 = R1(B), [X, z] = R(!1), W = O(!1), a1 = T(
+    ), s1 = R1(M.offset), a1 = R1(Y), [X, z] = R(!1), O = W(!1), C1 = T(
       async ({
         limit: v = L1,
         offset: I,
-        search: d
+        search: g
       }) => {
         j(!0);
         try {
           const L = await i({
             limit: v,
             offset: I,
-            search: d
+            search: g
           });
           x(
             (_) => I === 0 ? L.options : [..._ ?? [], ...L.options]
@@ -5559,7 +5425,7 @@ const L1 = 100, q = {
         }
       },
       [i]
-    ), U = T7((v) => {
+    ), U = I7((v) => {
       S(v), v || H(q);
     }), e1 = T(
       (v) => U(v),
@@ -5574,19 +5440,19 @@ const L1 = 100, q = {
       [b, p == null ? void 0 : p.length, M.count]
     ), c1 = T(
       (v) => {
-        V(v), !v && B && (S(void 0), H(q), z(!0)), f == null || f(v);
+        Z(v), !v && Y && (S(void 0), H(q), z(!0)), f == null || f(v);
       },
-      [f, B]
+      [f, Y]
     );
     G(() => {
-      if (!W.current || b) return;
-      (X || $ && (s1 !== M.offset || C1 !== B || !p)) && (a1({ offset: M.offset, limit: L1, search: B }), X && z(!1));
-    }, [X, $, M.offset, B, s1, C1, p, b]), G(() => {
-      (c || C) && a1(q), W.current = !0;
+      if (!O.current || b) return;
+      (X || $ && (s1 !== M.offset || a1 !== Y || !p)) && (C1({ offset: M.offset, limit: L1, search: Y }), X && z(!1));
+    }, [X, $, M.offset, Y, s1, a1, p, b]), G(() => {
+      (c || a) && C1(q), O.current = !0;
     }, []), G(() => {
       s && Q((v) => {
         const I = s.filter(
-          (d) => !v.some((L) => L.value === d.value)
+          (g) => !v.some((L) => L.value === g.value)
         );
         return [...v, ...I];
       });
@@ -5595,13 +5461,13 @@ const L1 = 100, q = {
       (v) => {
         e && e(v);
         let I = [];
-        if (u ? I = Array.isArray(v) ? v : [] : I = v ? [v] : [], B) {
-          const d = I.filter(
+        if (u ? I = Array.isArray(v) ? v : [] : I = v ? [v] : [], Y) {
+          const g = I.filter(
             (L) => !(K != null && K.some((_) => _.value === L))
           );
-          d.length > 0 && Q((L = []) => [
+          g.length > 0 && Q((L = []) => [
             ...L,
-            ...d.map((_) => {
+            ...g.map((_) => {
               const w1 = p == null ? void 0 : p.find((l1) => l1.value === _);
               return {
                 value: _,
@@ -5611,7 +5477,7 @@ const L1 = 100, q = {
           ]), S(void 0), H(q), z(!0);
         }
       },
-      [e, B, u, p, K]
+      [e, Y, u, p, K]
     ), d1 = A1(
       () => ({
         id: n,
@@ -5630,7 +5496,7 @@ const L1 = 100, q = {
         extraOptions: K,
         isLoading: b,
         optionRender: N,
-        dropdownRender: Z,
+        dropdownRender: V,
         readOnly: E,
         clearable: m,
         required: A,
@@ -5652,7 +5518,7 @@ const L1 = 100, q = {
         K,
         b,
         N,
-        Z,
+        V,
         E,
         m,
         A,
@@ -5667,5 +5533,5 @@ const L1 = 100, q = {
   }
 );
 export {
-  b7 as AsyncSelect
+  K7 as AsyncSelect
 };