@snmt-react-ui/async-select 1.10.7 → 1.10.9

package/dist/async-select.js

@@ -1,20 +1,20 @@
 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 { forwardRef as g1, useState as R, useRef as W, useEffect as G, useCallback as K, 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 K1, Avatar as Y1, Typography as M1, Popover as B1 } from "antd";
+var T1 = Object.defineProperty, y1 = (i, l, e) => l in i ? T1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => y1(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];
     P(l[0]) && (l[0] = `react-i18next:: ${l[0]}`), console.warn(...l);
   }
 }
-const m1 = {};
+const u1 = {};
 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]) && u1[l[0]] || (P(l[0]) && (u1[l[0]] = /* @__PURE__ */ new Date()), W1(...l));
 }
 const H1 = (i, l) => () => {
   if (i.isInitialized)
@@ -35,13 +35,13 @@ const H1 = (i, l) => () => {
   }), i.loadLanguages(l, H1(i, t));
 }, j1 = function(i, l) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  const t = l.languages[0], n = l.options ? l.options.fallbackLng : !1, h = l.languages[l.languages.length - 1];
+  const t = l.languages[0], n = l.options ? l.options.fallbackLng : !1, c = l.languages[l.languages.length - 1];
   if (t.toLowerCase() === "cimode") return !0;
-  const k = (r, u) => {
-    const c = l.services.backendConnector.state[`${r}|${u}`];
-    return c === -1 || c === 2;
+  const k = (r, m) => {
+    const C = l.services.backendConnector.state[`${r}|${m}`];
+    return C === -1 || C === 2;
   };
-  return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !k(l.isLanguageChangingTo, i) ? !1 : !!(l.hasResourceBundle(t, i) || !l.services.backendConnector.backend || l.options.resources && !l.options.partialBundledLanguages || k(t, i) && (!n || k(h, i)));
+  return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !k(l.isLanguageChangingTo, i) ? !1 : !!(l.hasResourceBundle(t, i) || !l.services.backendConnector.backend || l.options.resources && !l.options.partialBundledLanguages || k(t, i) && (!n || k(c, i)));
 }, S1 = function(i, l) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !l.languages || !l.languages.length ? (k1("i18n.languages were undefined or empty", l.languages), !0) : l.options.ignoreJSONStructure !== void 0 ? l.hasLoadedNamespace(i, {
@@ -83,8 +83,8 @@ let J1 = {
   unescape: z1
 };
 const q1 = () => J1;
-let Q1;
-const X1 = () => Q1, e2 = r1();
+let X1;
+const Q1 = () => X1, e2 = r1();
 class l2 {
   constructor() {
     b1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
@@ -96,61 +96,61 @@ class l2 {
   }
 }
 const i2 = (i, l) => {
-  const e = O();
+  const e = W();
   return G(() => {
     e.current = i;
   }, [i, l]), e.current;
-}, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => T(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
+}, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => K(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
   let l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
   } = l, {
     i18n: t,
     defaultNS: n
-  } = n1(e2) || {}, h = e || t || X1();
-  if (h && !h.reportNamespaces && (h.reportNamespaces = new l2()), !h) {
+  } = n1(e2) || {}, c = e || t || Q1();
+  if (c && !c.reportNamespaces && (c.reportNamespaces = new l2()), !c) {
     k1("You will need to pass in an i18next instance by using initReactI18next");
     const p = (M, H) => P(H) ? H : U1(H) && P(H.defaultValue) ? H.defaultValue : Array.isArray(M) ? M[M.length - 1] : M, x = [p, {}, !1];
     return x.t = p, x.i18n = {}, x.ready = !1, x;
   }
-  h.options.react && h.options.react.wait !== void 0 && k1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  c.options.react && c.options.react.wait !== void 0 && k1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const k = {
     ...q1(),
-    ...h.options.react,
+    ...c.options.react,
     ...l
   }, {
     useSuspense: r,
-    keyPrefix: u
+    keyPrefix: m
   } = 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);
-  let m = c.join();
-  l.lng && (m = `${l.lng}${m}`);
-  const A = i2(m), D = O(!0);
+  let C = i;
+  C = P(C) ? [C] : C || ["translation"], c.reportNamespaces.addUsedNamespaces && c.reportNamespaces.addUsedNamespaces(C);
+  const h = (c.isInitialized || c.initializedStoreOnce) && C.every((p) => S1(p, c, k)), s = o2(c, l.lng || null, k.nsMode === "fallback" ? C : C[0], m), f = () => s, N = () => x1(c, l.lng || null, k.nsMode === "fallback" ? C : C[0], m), [V, E] = R(f);
+  let u = C.join();
+  l.lng && (u = `${l.lng}${u}`);
+  const A = i2(u), 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, !h && !r && (l.lng ? f1(c, l.lng, C, () => {
       D.current && E(N);
-    }) : v1(h, c, () => {
+    }) : v1(c, C, () => {
       D.current && E(N);
-    })), C && A && A !== m && D.current && E(N);
+    })), h && A && A !== u && D.current && E(N);
     const M = () => {
       D.current && E(N);
     };
-    return p && h && h.on(p, M), x && h && h.store.on(x, M), () => {
-      D.current = !1, p && h && p.split(" ").forEach((H) => h.off(H, M)), x && h && x.split(" ").forEach((H) => h.store.off(H, M));
+    return p && c && c.on(p, M), x && c && c.store.on(x, M), () => {
+      D.current = !1, p && c && p.split(" ").forEach((H) => c.off(H, M)), x && c && x.split(" ").forEach((H) => c.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;
+  }, [c, u]), G(() => {
+    D.current && h && E(f);
+  }, [c, m, h]);
+  const Y = [V, c, h];
+  if (Y.t = V, Y.i18n = c, Y.ready = h, h || !h && !r) return Y;
   throw new Promise((p) => {
-    l.lng ? f1(h, l.lng, c, () => p()) : v1(h, c, () => p());
+    l.lng ? f1(c, l.lng, C, () => p()) : v1(c, C, () => p());
   });
 }, o1 = ({
   children: i,
@@ -158,7 +158,7 @@ const i2 = (i, l) => {
   flexWrap: e = "nowrap",
   alignItems: t = "normal",
   justifyContent: n = "normal",
-  flex: h,
+  flex: c,
   gap: k,
   padding: r
 }) => /* @__PURE__ */ o(
@@ -169,7 +169,7 @@ const i2 = (i, l) => {
     wrap: e,
     align: t,
     justify: n,
-    flex: h,
+    flex: c,
     gap: k,
     style: { padding: r },
     children: i
@@ -177,7 +177,7 @@ const i2 = (i, l) => {
 ), n2 = ({ shape: i = "circle", size: l = 32, children: e, ...t }) => {
   const n = typeof t.src == "string";
   return /* @__PURE__ */ o(
-    y1,
+    Y1,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -188,45 +188,45 @@ 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 || {});
-const u1 = r1({
+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 || {});
+const m1 = r1({
   locale: "en",
   theme: "light"
 });
-u1.Provider;
+m1.Provider;
 const r2 = ({
   checked: i = !0,
   indeterminate: l = !1,
   children: e,
   onChange: t,
   disabled: n = !1,
-  disableUncheck: h = !1
+  disableUncheck: c = !1
 }) => {
-  const [k, r] = R(i), [u, c] = R(l);
+  const [k, r] = R(i), [m, C] = R(l);
   G(() => {
-    r(i), c(l);
+    r(i), C(l);
   }, [i, l]);
-  const { theme: C } = n1(u1);
+  const { theme: h } = n1(m1);
   return /* @__PURE__ */ o(
-    T1,
+    K1,
     {
-      className: `snmt-checkbox snmt-checkbox-${C}`,
+      className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: k,
-      indeterminate: u,
+      indeterminate: m,
       onChange: (s) => {
-        h && k || (c(!1), r(s.target.checked), t && t(s));
+        c && k || (C(!1), r(s.target.checked), t && t(s));
       },
       disabled: n,
       children: e
     }
   );
 };
-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,10 +254,10 @@ const s2 = ({
       }
     )
   }
-), C2 = ({
+), 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(
@@ -329,10 +329,112 @@ const s2 = ({
       )
     ]
   }
-), h2 = ({
+), c2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
+          fill: e
+        }
+      ) }),
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
+    ]
+  }
+), C2 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M10.0303 5.96967C9.73744 5.67678 9.26268 5.67678 8.96978 5.96967C8.67689 6.26256 8.67689 6.73732 8.96978 7.03022L14.4395 12.4999L8.96978 17.9697L8.91803 18.0263C8.67772 18.3209 8.69518 18.7556 8.96978 19.0302C9.24439 19.3048 9.67911 19.3223 9.97369 19.082L10.0303 19.0302L16.0303 13.0302C16.3232 12.7373 16.3232 12.2626 16.0303 11.9697L10.0303 5.96967Z",
+        fill: e
+      }
+    )
+  }
+), d2 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
+          fill: e
+        }
+      ) }),
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
+    ]
+  }
+), w2 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M14.9697 5.96967C15.2626 5.67678 15.7373 5.67678 16.0302 5.96967C16.3231 6.26256 16.3231 6.73732 16.0302 7.03022L10.5605 12.4999L16.0302 17.9697L16.082 18.0263C16.3223 18.3209 16.3048 18.7556 16.0302 19.0302C15.7556 19.3048 15.3209 19.3223 15.0263 19.082L14.9697 19.0302L8.96967 13.0302C8.67678 12.7373 8.67678 12.2626 8.96967 11.9697L14.9697 5.96967Z",
+        fill: e
+      }
+    )
+  }
+), g2 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -376,10 +478,10 @@ const s2 = ({
       )
     ]
   }
-), c2 = ({
+), L2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -400,10 +502,10 @@ const s2 = ({
       }
     )
   }
-), d2 = ({
+), k2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -424,10 +526,10 @@ const s2 = ({
       }
     )
   }
-), w2 = ({
+), p2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -448,10 +550,10 @@ const s2 = ({
       }
     )
   }
-), g2 = ({
+), 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(
@@ -509,10 +611,10 @@ const s2 = ({
       )
     ]
   }
-), L2 = ({
+), 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(
@@ -556,10 +658,10 @@ const s2 = ({
       )
     ]
   }
-), k2 = ({
+), 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(
@@ -596,10 +698,10 @@ const s2 = ({
       )
     ]
   }
-), p2 = ({
+), 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(
@@ -636,10 +738,10 @@ const s2 = ({
       )
     ]
   }
-), u2 = ({
+), 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(
@@ -683,10 +785,10 @@ const s2 = ({
       )
     ]
   }
-), m2 = ({
+), _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(
@@ -730,10 +832,10 @@ const s2 = ({
       )
     ]
   }
-), v2 = ({
+), 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(
@@ -777,10 +879,10 @@ const s2 = ({
       )
     ]
   }
-), f2 = ({
+), 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(
@@ -817,10 +919,10 @@ const s2 = ({
       )
     ]
   }
-), N2 = ({
+), 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(
@@ -850,10 +952,10 @@ const s2 = ({
       )
     ]
   }
-), _2 = ({
+), 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(
@@ -883,10 +985,10 @@ const s2 = ({
       )
     ]
   }
-), R2 = ({
+), 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(
@@ -916,10 +1018,10 @@ const s2 = ({
       )
     ]
   }
-), M2 = ({
+), 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(
@@ -949,10 +1051,10 @@ const s2 = ({
       )
     ]
   }
-), H2 = ({
+), E2 = ({
   width: i = 20,
   height: l = 20,
-  color: e = w.GREY_DARK_5,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -989,10 +1091,10 @@ const s2 = ({
       )
     ]
   }
-), x2 = ({
+), 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(
@@ -1022,10 +1124,10 @@ const s2 = ({
       )
     ]
   }
-), V2 = ({
+), 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(
@@ -1055,7 +1157,7 @@ const s2 = ({
       )
     ]
   }
-), Z2 = ({
+), I2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -1085,7 +1187,7 @@ const s2 = ({
       /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), E2 = ({
+), D2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -1123,7 +1225,7 @@ const s2 = ({
       )
     ]
   }
-), A2 = ({
+), K2 = ({
   width: i = 9,
   height: l = 5,
   color: e = "#001E52",
@@ -1149,7 +1251,7 @@ const s2 = ({
       }
     )
   }
-), G2 = ({
+), Y2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#F2F2F7",
@@ -1178,7 +1280,7 @@ const s2 = ({
       )
     ]
   }
-), I2 = ({
+), B2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#004ED7",
@@ -1207,7 +1309,7 @@ const s2 = ({
       )
     ]
   }
-), D2 = ({
+), T2 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
@@ -1236,7 +1338,7 @@ const s2 = ({
       )
     ]
   }
-), T2 = ({
+), y2 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
@@ -1273,9 +1375,9 @@ const s2 = ({
       )
     ]
   }
-), y2 = ({
+), b2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1306,9 +1408,9 @@ const s2 = ({
       )
     ]
   }
-), B2 = ({
+), O2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1333,9 +1435,9 @@ const s2 = ({
       }
     )
   }
-), K2 = ({
+), W2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1360,9 +1462,9 @@ const s2 = ({
       }
     )
   }
-), Y2 = ({
+), j2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -1384,9 +1486,9 @@ const s2 = ({
       }
     )
   }
-), b2 = ({
+), S2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -1409,9 +1511,9 @@ const s2 = ({
       }
     )
   }
-), W2 = ({
+), U2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1442,9 +1544,9 @@ const s2 = ({
       )
     ]
   }
-), O2 = ({
+), F2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1481,9 +1583,9 @@ const s2 = ({
       )
     ]
   }
-), j2 = ({
+), P2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1508,9 +1610,9 @@ const s2 = ({
       }
     )
   }
-), S2 = ({
+), $2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1567,9 +1669,9 @@ const s2 = ({
       )
     ]
   }
-), U2 = ({
+), z2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1604,9 +1706,9 @@ const s2 = ({
       )
     ]
   }
-), F2 = ({
+), J2 = ({
   className: i,
-  color: l = w.GREY_DARK_3,
+  color: l = d.GREY_DARK_3,
   height: e = 14,
   width: t = 14,
   onClick: n
@@ -1641,9 +1743,9 @@ const s2 = ({
       )
     ]
   }
-), P2 = ({
+), q2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 18,
   onClick: t,
   width: n = 18
@@ -1668,9 +1770,9 @@ const s2 = ({
       }
     )
   }
-), $2 = ({
+), X2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1720,9 +1822,9 @@ const s2 = ({
       )
     ]
   }
-), z2 = ({
+), Q2 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1757,9 +1859,9 @@ const s2 = ({
       )
     ]
   }
-), J2 = ({
+), e5 = ({
   className: i,
-  color: l = w.NOTIFICATION_WARNING_DARK,
+  color: l = d.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: t = 36,
   onClick: n
@@ -1796,9 +1898,9 @@ const s2 = ({
       )
     ]
   }
-), q2 = ({
+), l5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1822,9 +1924,9 @@ const s2 = ({
       }
     )
   }
-), Q2 = ({
+), i5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1861,9 +1963,9 @@ const s2 = ({
       )
     ]
   }
-), X2 = ({
+), o5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -1894,9 +1996,9 @@ const s2 = ({
       )
     ]
   }
-), e5 = ({
+), t5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -1963,9 +2065,9 @@ const s2 = ({
       )
     ]
   }
-), l5 = ({
+), n5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -2020,9 +2122,9 @@ const s2 = ({
       )
     ]
   }
-), i5 = ({
+), r5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -2069,9 +2171,9 @@ const s2 = ({
       )
     ]
   }
-), o5 = ({
+), s5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -2096,9 +2198,9 @@ const s2 = ({
       }
     )
   }
-), t5 = ({
+), h5 = ({
   className: i,
-  color: l = w.GREY_DARK_5,
+  color: l = d.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -2113,7 +2215,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",
         {
@@ -2125,7 +2227,7 @@ const s2 = ({
       )
     ]
   }
-), n5 = ({
+), a5 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -2151,7 +2253,7 @@ const s2 = ({
       }
     )
   }
-), r5 = ({
+), c5 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -2189,63 +2291,31 @@ const s2 = ({
       )
     ] }) })
   }
-), s5 = ({
+), C5 = ({
   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 = ({
+), d5 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
@@ -2278,10 +2348,10 @@ const s2 = ({
       )
     ]
   }
-), a5 = ({
-  width: i = 24,
-  height: l = 24,
-  color: e = w.GREY_DARK_2,
+), w5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -2289,38 +2359,32 @@ const s2 = ({
   {
     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
         }
       )
     ]
   }
-), h5 = ({
+), g5 = ({
   width: i = 24,
   height: l = 24,
-  color: e = w.GREY_DARK_2,
+  color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -2357,10 +2421,10 @@ const s2 = ({
       )
     ]
   }
-), c5 = ({
+), L5 = ({
   width: i = 24,
   height: l = 24,
-  color: e = w.GREY_DARK_2,
+  color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2384,10 +2448,10 @@ const s2 = ({
       }
     )
   }
-), d5 = ({
+), k5 = ({
   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,275 +2475,255 @@ 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,
   height: e,
   color: t,
   className: n,
-  disabled: h = !1,
+  disabled: c = !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, m] = R(n), { theme: C } = n1(Z1), h = c ? C && C === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, s = c ? void 0 : k;
   return G(() => {
     if (n) {
-      s && !h && u(`${n} clickable`);
+      s && !c && m(`${n} clickable`);
       return;
     }
-    s && !h && u("clickable");
-  }, [s, n, h]), /* @__PURE__ */ o(F, { children: (() => {
+    s && !c && m("clickable");
+  }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return B2({ width: l, height: e, color: C, className: r, onClick: s });
+        return O2({ width: l, height: e, color: h, className: r, onClick: s });
       case "prevIcon":
-        return K2({ width: l, height: e, color: C, className: r, onClick: s });
+        return W2({ width: l, height: e, color: h, 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: h, className: r, onClick: s });
       case "info":
-        return C2({ width: l, height: e, color: C, className: r, onClick: s });
+        return h2({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowRight":
-        return a2({ width: l, height: e, color: C, className: r, onClick: s });
+        return a2({ width: l, height: e, color: h, className: r, onClick: s });
       case "calendar":
-        return h2({ width: l, height: e, color: C, className: r, onClick: s });
+        return g2({ width: l, height: e, color: h, className: r, onClick: s });
       case "check":
-        return c2({ width: l, height: e, color: C, className: r, onClick: s });
+        return L2({ width: l, height: e, color: h, className: r, onClick: s });
       case "cancel":
-        return d2({ width: l, height: e, color: C, className: r, onClick: s });
+        return k2({ width: l, height: e, color: h, className: r, onClick: s });
       case "add":
-        return w2({ width: l, height: e, color: C, className: r, onClick: s });
+        return p2({ width: l, height: e, color: h, className: r, onClick: s });
       case "list":
-        return g2({ width: l, height: e, color: C, className: r, onClick: s });
+        return m2({ width: l, height: e, color: h, className: r, onClick: s });
       case "dragAndDrop":
-        return L2({ width: l, height: e, color: C, className: r, onClick: s });
+        return u2({ width: l, height: e, color: h, className: r, onClick: s });
       case "filter":
-        return k2({ width: l, height: e, color: C, className: r, onClick: s });
+        return v2({ width: l, height: e, color: h, className: r, onClick: s });
       case "attention":
-        return p2({ width: l, height: e, color: C, className: r, onClick: s });
+        return f2({ width: l, height: e, color: h, className: r, onClick: s });
       case "users":
-        return u2({ width: l, height: e, color: C, className: r, onClick: s });
+        return N2({ width: l, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return m2({
+        return _2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "skills":
-        return v2({ width: l, height: e, color: C, className: r, onClick: s });
+        return R2({ width: l, height: e, color: h, className: r, onClick: s });
       case "skillsMatrices":
-        return f2({
+        return M2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "history":
-        return N2({ width: l, height: e, color: C, className: r, onClick: s });
+        return H2({ width: l, height: e, color: h, className: r, onClick: s });
       case "logOut":
-        return _2({ width: l, height: e, color: C, className: r, onClick: s });
+        return x2({ width: l, height: e, color: h, className: r, onClick: s });
       case "settings":
-        return R2({ width: l, height: e, color: C, className: r, onClick: s });
+        return Z2({ width: l, height: e, color: h, className: r, onClick: s });
       case "trash":
-        return M2({ width: l, height: e, color: C, className: r, onClick: s });
+        return V2({ width: l, height: e, color: h, className: r, onClick: s });
       case "settings2":
-        return H2({ width: l, height: e, color: C, className: r, onClick: s });
+        return E2({ width: l, height: e, color: h, className: r, onClick: s });
       case "checkCircle":
-        return x2({ width: l, height: e, color: C, className: r, onClick: s });
+        return A2({ width: l, height: e, color: h, className: r, onClick: s });
       case "cancelCircle":
-        return V2({ width: l, height: e, color: C, className: r, onClick: s });
+        return G2({ width: l, height: e, color: h, className: r, onClick: s });
       case "visibilityIcon":
-        return Z2({
+        return I2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "visibilityOffIcon":
-        return E2({
+        return D2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "selectArrowIcon":
-        return A2({
+        return K2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "expandArrowIcon":
-        return G2({
+        return Y2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return I2({
+        return B2({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return D2({ width: l, height: e, color: C, className: r, onClick: s });
+        return T2({ width: l, height: e, color: h, className: r, onClick: s });
       case "sortDown":
-        return T2({ width: l, height: e, color: C, className: r, onClick: s });
+        return y2({ width: l, height: e, color: h, className: r, onClick: s });
       case "search":
-        return y2({ width: l, height: e, color: C, className: r, onClick: s });
+        return b2({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowUpFilled":
-        return b2({ width: l, height: e, color: C, className: r, onClick: s });
+        return S2({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowDownFilled":
-        return Y2({ width: l, height: e, color: C, className: r, onClick: s });
+        return j2({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Up":
+        return c2({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Right":
+        return C2({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Down":
+        return d2({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Left":
+        return w2({ width: l, height: e, color: h, className: r, onClick: s });
       case "link":
-        return W2({ width: l, height: e, color: C, className: r, onClick: s });
+        return U2({ width: l, height: e, color: h, className: r, onClick: s });
       case "telegram":
-        return j2({ width: l, height: e, color: C, className: r, onClick: s });
+        return P2({ width: l, height: e, color: h, className: r, onClick: s });
       case "mail":
-        return U2({ width: l, height: e, color: C, className: r, onClick: s });
+        return z2({ width: l, height: e, color: h, className: r, onClick: s });
       case "github":
-        return O2({ width: l, height: e, color: C, className: r, onClick: s });
+        return F2({ width: l, height: e, color: h, className: r, onClick: s });
       case "linkedIn":
-        return S2({ width: l, height: e, color: C, className: r, onClick: s });
+        return $2({ width: l, height: e, color: h, className: r, onClick: s });
       case "emptyStateIcon":
-        return F2({ width: l, height: e, color: C, className: r, onClick: s });
+        return J2({ width: l, height: e, color: h, className: r, onClick: s });
       case "filtersIcon":
-        return P2({ width: l, height: e, color: C, className: r, onClick: s });
+        return q2({ width: l, height: e, color: h, className: r, onClick: s });
       case "dotMenuIcon":
-        return $2({ width: l, height: e, color: C, className: r, onClick: s });
+        return X2({ width: l, height: e, color: h, className: r, onClick: s });
       case "plusCircle":
-        return z2({ width: l, height: e, color: C, className: r, onClick: s });
+        return Q2({ width: l, height: e, color: h, className: r, onClick: s });
       case "warning":
-        return J2({ width: l, height: e, color: C, className: r, onClick: s });
+        return e5({ width: l, height: e, color: h, className: r, onClick: s });
       case "back":
-        return q2({ width: l, height: e, color: C, className: r, onClick: s });
+        return l5({ width: l, height: e, color: h, className: r, onClick: s });
       case "bell":
-        return Q2({ width: l, height: e, color: C, className: r, onClick: s });
+        return i5({ width: l, height: e, color: h, className: r, onClick: s });
       case "copy":
-        return X2({ width: l, height: e, color: C, className: r, onClick: s });
+        return o5({ width: l, height: e, color: h, className: r, onClick: s });
       case "contract":
-        return e5({ width: l, height: e, color: C, className: r, onClick: s });
+        return t5({ width: l, height: e, color: h, className: r, onClick: s });
       case "resourceManager":
-        return l5({ width: l, height: e, color: C, className: r, onClick: s });
+        return n5({ width: l, height: e, color: h, className: r, onClick: s });
       case "image":
-        return i5({ width: l, height: e, color: C, className: r, onClick: s });
+        return r5({ width: l, height: e, color: h, className: r, onClick: s });
       case "edit":
-        return o5({ width: l, height: e, color: C, className: r, onClick: s });
+        return s5({ width: l, height: e, color: h, className: r, onClick: s });
       case "filledArrowRight":
-        return t5({ width: l, height: e, color: C, className: r, onClick: s });
+        return h5({ width: l, height: e, color: h, className: r, onClick: s });
       case "burgerMenu":
-        return n5({ width: l, height: e, color: C, className: r, onClick: s });
+        return a5({ width: l, height: e, color: h, className: r, onClick: s });
       case "refresh":
-        return r5({ width: l, height: e, color: C, className: r, onClick: s });
+        return c5({ width: l, height: e, color: h, 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 C5({ width: l, height: e, color: h, className: r, onClick: s });
+      case "user":
+        return w5({ width: l, height: e, color: h, 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 d5({ width: l, height: e, color: h, className: r, onClick: s });
       case "openPointCircle":
-        return h5({ width: l, height: e, color: C, className: r, onClick: s });
+        return g5({ width: l, height: e, color: h, className: r, onClick: s });
       case "community":
-        return c5({ width: l, height: e, color: C, className: r, onClick: s });
+        return L5({ width: l, height: e, color: h, className: r, onClick: s });
       case "docs":
-        return d5({ width: l, height: e, color: C, className: r, onClick: s });
+        return k5({ width: l, height: e, color: h, className: r, onClick: s });
       default:
         return /* @__PURE__ */ o(F, { children: "No Icon provided" });
     }
   })() });
-}, { Title: g5, Text: L5 } = M1, k5 = {
+}, { Title: p5, Text: m5 } = M1, u5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, p5 = g1(
+}, v5 = g1(
   ({
     align: i = "inherit",
     variant: l = "body1",
     color: e,
     children: t,
     onClick: n,
-    collapsed: h,
+    collapsed: c,
     whiteSpace: k = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, u) => {
-    const c = O(null);
-    p1(u, () => c.current);
-    const [C, s] = R(!1);
+  }, m) => {
+    const C = W(null);
+    p1(m, () => C.current);
+    const [h, s] = R(!1);
     G(() => {
       var E;
       if (!r) return;
-      const m = () => {
-        c.current && s(c.current.scrollWidth > c.current.clientWidth);
+      const u = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
       };
-      m();
-      const A = new ResizeObserver(m);
-      return c.current && A.observe(c.current), (E = c.current) != null && E.parentElement && A.observe(c.current.parentElement), () => {
+      u();
+      const A = new ResizeObserver(u);
+      return C.current && A.observe(C.current), (E = C.current) != null && E.parentElement && A.observe(C.current.parentElement), () => {
         A.disconnect();
       };
     }, [r]);
     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 = {
+    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), c && (N += " collapsed");
+    const V = {
       className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : k, display: r ? "block" : "" },
       onClick: n,
-      ref: c,
-      ellipsis: r && C ? {
+      ref: C,
+      ellipsis: r && h ? {
         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(p5, { level: u5[l], ...V, children: t }) : /* @__PURE__ */ o(m5, { ...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 f5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#001E52",
@@ -2706,10 +2750,10 @@ const u5 = ({
       }
     )
   }
-), m5 = ({
+), N5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -2746,45 +2790,147 @@ const u5 = ({
       )
     ]
   }
-), v5 = ({
+), _5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = "#001E52",
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M8.50264 13.4974C8.80563 13.8004 9.29688 13.8004 9.59987 13.4974L13.0481 10.0491C13.3511 9.74609 13.3511 9.25485 13.0481 8.95185L9.59987 5.50358C9.29688 5.20058 8.80563 5.20058 8.50264 5.50358C8.19964 5.80657 8.19964 6.29782 8.50264 6.60081L11.4023 9.50047L8.50264 12.4001C8.19964 12.7031 8.19964 13.1944 8.50264 13.4974Z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M5 8.87524C4.65482 8.87524 4.375 9.15507 4.375 9.50024C4.375 9.84542 4.65482 10.1252 5 10.1252V8.87524ZM12.5 8.87524H5V10.1252H12.5V8.87524Z",
+          fill: e
+        }
+      )
+    ]
+  }
+), R5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = w.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2043)", children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M5.96967 14.9697C5.67678 15.2626 5.67678 15.7373 5.96967 16.0302C6.26256 16.3231 6.73732 16.3231 7.03022 16.0302L12.4999 10.5605L17.9697 16.0302L18.0263 16.082C18.3209 16.3223 18.7556 16.3048 19.0302 16.0302C19.3048 15.7556 19.3223 15.3209 19.082 15.0263L19.0302 14.9697L13.0302 8.96967C12.7373 8.67678 12.2626 8.67678 11.9697 8.96967L5.96967 14.9697Z",
+          fill: e
+        }
+      ) }),
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
+    ]
+  }
+), M5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = w.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M10.0303 5.96967C9.73744 5.67678 9.26268 5.67678 8.96978 5.96967C8.67689 6.26256 8.67689 6.73732 8.96978 7.03022L14.4395 12.4999L8.96978 17.9697L8.91803 18.0263C8.67772 18.3209 8.69518 18.7556 8.96978 19.0302C9.24439 19.3048 9.67911 19.3223 9.97369 19.082L10.0303 19.0302L16.0303 13.0302C16.3232 12.7373 16.3232 12.2626 16.0303 11.9697L10.0303 5.96967Z",
+        fill: e
+      }
+    )
+  }
+), H5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = "#001E52",
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
     width: i,
     height: l,
     className: t,
     onClick: n,
-    viewBox: "0 0 20 20",
+    viewBox: "0 0 25 25",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ o(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M8.50264 13.4974C8.80563 13.8004 9.29688 13.8004 9.59987 13.4974L13.0481 10.0491C13.3511 9.74609 13.3511 9.25485 13.0481 8.95185L9.59987 5.50358C9.29688 5.20058 8.80563 5.20058 8.50264 5.50358C8.19964 5.80657 8.19964 6.29782 8.50264 6.60081L11.4023 9.50047L8.50264 12.4001C8.19964 12.7031 8.19964 13.1944 8.50264 13.4974Z",
-          fill: e
-        }
-      ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2039)", children: /* @__PURE__ */ o(
         "path",
         {
-          d: "M5 8.87524C4.65482 8.87524 4.375 9.15507 4.375 9.50024C4.375 9.84542 4.65482 10.1252 5 10.1252V8.87524ZM12.5 8.87524H5V10.1252H12.5V8.87524Z",
+          d: "M5.96967 10.0303C5.67678 9.73744 5.67678 9.26268 5.96967 8.96978C6.26256 8.67689 6.73732 8.67689 7.03022 8.96978L12.4999 14.4395L17.9697 8.96978L18.0263 8.91803C18.3209 8.67772 18.7556 8.69518 19.0302 8.96978C19.3048 9.24439 19.3223 9.67911 19.082 9.97369L19.0302 10.0303L13.0302 16.0303C12.7373 16.3232 12.2626 16.3232 11.9697 16.0303L5.96967 10.0303Z",
           fill: e
         }
-      )
+      ) }),
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), f5 = ({
+), x5 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = w.GREY_DARK_5,
+  className: t,
+  onClick: n
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: i,
+    height: l,
+    className: t,
+    onClick: n,
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M14.9697 5.96967C15.2626 5.67678 15.7373 5.67678 16.0302 5.96967C16.3231 6.26256 16.3231 6.73732 16.0302 7.03022L10.5605 12.4999L16.0302 17.9697L16.082 18.0263C16.3223 18.3209 16.3048 18.7556 16.0302 19.0302C15.7556 19.3048 15.3209 19.3223 15.0263 19.082L14.9697 19.0302L8.96967 13.0302C8.67678 12.7373 8.67678 12.2626 8.96967 11.9697L14.9697 5.96967Z",
+        fill: e
+      }
+    )
+  }
+), 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(
@@ -2828,10 +2974,10 @@ const u5 = ({
       )
     ]
   }
-), N5 = ({
+), V5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2852,10 +2998,10 @@ const u5 = ({
       }
     )
   }
-), _5 = ({
+), E5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2876,10 +3022,10 @@ const u5 = ({
       }
     )
   }
-), R5 = ({
+), A5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -2900,10 +3046,10 @@ const u5 = ({
       }
     )
   }
-), M5 = ({
+), 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(
@@ -2961,10 +3107,10 @@ const u5 = ({
       )
     ]
   }
-), H5 = ({
+), 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(
@@ -3008,10 +3154,10 @@ const u5 = ({
       )
     ]
   }
-), x5 = ({
+), 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(
@@ -3048,10 +3194,10 @@ const u5 = ({
       )
     ]
   }
-), V5 = ({
+), 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(
@@ -3088,10 +3234,10 @@ const u5 = ({
       )
     ]
   }
-), Z5 = ({
+), 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(
@@ -3135,10 +3281,10 @@ const u5 = ({
       )
     ]
   }
-), E5 = ({
+), B5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3182,10 +3328,10 @@ const u5 = ({
       )
     ]
   }
-), A5 = ({
+), 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(
@@ -3229,10 +3375,10 @@ const u5 = ({
       )
     ]
   }
-), G5 = ({
+), 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(
@@ -3269,10 +3415,10 @@ const u5 = ({
       )
     ]
   }
-), I5 = ({
+), b5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3302,10 +3448,10 @@ const u5 = ({
       )
     ]
   }
-), D5 = ({
+), O5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3335,10 +3481,10 @@ const u5 = ({
       )
     ]
   }
-), T5 = ({
+), W5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3368,10 +3514,10 @@ const u5 = ({
       )
     ]
   }
-), y5 = ({
+), j5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3401,10 +3547,10 @@ const u5 = ({
       )
     ]
   }
-), B5 = ({
+), S5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3441,10 +3587,10 @@ const u5 = ({
       )
     ]
   }
-), K5 = ({
+), 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(
@@ -3474,10 +3620,10 @@ const u5 = ({
       )
     ]
   }
-), Y5 = ({
+), F5 = ({
   width: i = 20,
   height: l = 20,
-  color: e = g.GREY_DARK_5,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -3507,7 +3653,7 @@ const u5 = ({
       )
     ]
   }
-), b5 = ({
+), P5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -3537,7 +3683,7 @@ const u5 = ({
       /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), W5 = ({
+), $5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -3575,7 +3721,7 @@ const u5 = ({
       )
     ]
   }
-), O5 = ({
+), z5 = ({
   width: i = 9,
   height: l = 5,
   color: e = "#001E52",
@@ -3601,7 +3747,7 @@ const u5 = ({
       }
     )
   }
-), j5 = ({
+), J5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#F2F2F7",
@@ -3630,7 +3776,7 @@ const u5 = ({
       )
     ]
   }
-), S5 = ({
+), q5 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#004ED7",
@@ -3659,7 +3805,7 @@ const u5 = ({
       )
     ]
   }
-), U5 = ({
+), X5 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
@@ -3688,7 +3834,7 @@ const u5 = ({
       )
     ]
   }
-), F5 = ({
+), Q5 = ({
   width: i = 10,
   height: l = 10,
   color: e = "#001E52",
@@ -3725,9 +3871,9 @@ const u5 = ({
       )
     ]
   }
-), P5 = ({
+), e7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3758,9 +3904,9 @@ const u5 = ({
       )
     ]
   }
-), $5 = ({
+), l7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3785,9 +3931,9 @@ const u5 = ({
       }
     )
   }
-), z5 = ({
+), i7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3812,9 +3958,9 @@ const u5 = ({
       }
     )
   }
-), J5 = ({
+), o7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -3836,9 +3982,9 @@ const u5 = ({
       }
     )
   }
-), q5 = ({
+), t7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: n
@@ -3861,9 +4007,9 @@ const u5 = ({
       }
     )
   }
-), Q5 = ({
+), n7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -3894,9 +4040,9 @@ const u5 = ({
       )
     ]
   }
-), X5 = ({
+), r7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -3933,9 +4079,9 @@ const u5 = ({
       )
     ]
   }
-), e7 = ({
+), s7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -3960,9 +4106,9 @@ const u5 = ({
       }
     )
   }
-), l7 = ({
+), h7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4019,9 +4165,9 @@ const u5 = ({
       )
     ]
   }
-), i7 = ({
+), a7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4056,9 +4202,9 @@ const u5 = ({
       )
     ]
   }
-), o7 = ({
+), c7 = ({
   className: i,
-  color: l = g.GREY_DARK_3,
+  color: l = w.GREY_DARK_3,
   height: e = 14,
   width: t = 14,
   onClick: n
@@ -4093,9 +4239,9 @@ const u5 = ({
       )
     ]
   }
-), t7 = ({
+), C7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 18,
   onClick: t,
   width: n = 18
@@ -4120,9 +4266,9 @@ const u5 = ({
       }
     )
   }
-), n7 = ({
+), d7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4172,9 +4318,9 @@ const u5 = ({
       )
     ]
   }
-), r7 = ({
+), w7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4209,9 +4355,9 @@ const u5 = ({
       )
     ]
   }
-), s7 = ({
+), g7 = ({
   className: i,
-  color: l = g.NOTIFICATION_WARNING_DARK,
+  color: l = w.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: t = 36,
   onClick: n
@@ -4248,9 +4394,9 @@ const u5 = ({
       )
     ]
   }
-), C7 = ({
+), L7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4274,9 +4420,9 @@ const u5 = ({
       }
     )
   }
-), a7 = ({
+), k7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4313,9 +4459,9 @@ const u5 = ({
       )
     ]
   }
-), h7 = ({
+), p7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -4346,9 +4492,9 @@ const u5 = ({
       )
     ]
   }
-), c7 = ({
+), m7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4415,9 +4561,9 @@ const u5 = ({
       )
     ]
   }
-), d7 = ({
+), u7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4472,9 +4618,9 @@ const u5 = ({
       )
     ]
   }
-), w7 = ({
+), v7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4521,9 +4667,9 @@ const u5 = ({
       )
     ]
   }
-), g7 = ({
+), f7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
@@ -4548,9 +4694,9 @@ const u5 = ({
       }
     )
   }
-), L7 = ({
+), N7 = ({
   className: i,
-  color: l = g.GREY_DARK_5,
+  color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
@@ -4565,7 +4711,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",
         {
@@ -4577,7 +4723,7 @@ const u5 = ({
       )
     ]
   }
-), k7 = ({
+), _7 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -4603,7 +4749,7 @@ const u5 = ({
       }
     )
   }
-), p7 = ({
+), R7 = ({
   className: i,
   color: l = "#001E52",
   height: e = 24,
@@ -4641,63 +4787,31 @@ const u5 = ({
       )
     ] }) })
   }
-), u7 = ({
+), M7 = ({
   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 = ({
+), H7 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
@@ -4730,10 +4844,10 @@ const u5 = ({
       )
     ]
   }
-), v7 = ({
-  width: i = 24,
-  height: l = 24,
-  color: e = g.GREY_DARK_2,
+), x7 = ({
+  width: i = 20,
+  height: l = 20,
+  color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -4741,38 +4855,32 @@ const u5 = ({
   {
     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 = ({
+), Z7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ a(
@@ -4809,10 +4917,10 @@ const u5 = ({
       )
     ]
   }
-), N7 = ({
+), V7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -4836,10 +4944,10 @@ const u5 = ({
       }
     )
   }
-), _7 = ({
+), E7 = ({
   width: i = 24,
   height: l = 24,
-  color: e = g.GREY_DARK_2,
+  color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
 }) => /* @__PURE__ */ o(
@@ -4863,245 +4971,225 @@ 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 = ({
+), A7 = ({
   name: i,
   width: l,
   height: e,
   color: t,
   className: n,
-  disabled: h = !1,
+  disabled: c = !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, m] = R(n), { theme: C } = n1(V1), h = c ? C && C === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = c ? void 0 : k;
   return G(() => {
     if (n) {
-      s && !h && u(`${n} clickable`);
+      s && !c && m(`${n} clickable`);
       return;
     }
-    s && !h && u("clickable");
-  }, [s, n, h]), /* @__PURE__ */ o(F, { children: (() => {
+    s && !c && m("clickable");
+  }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return $5({ width: l, height: e, color: C, className: r, onClick: s });
+        return l7({ width: l, height: e, color: h, className: r, onClick: s });
       case "prevIcon":
-        return z5({ width: l, height: e, color: C, className: r, onClick: s });
+        return i7({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowDown":
-        return u5({ width: l, height: e, color: C, className: r, onClick: s });
+        return f5({ width: l, height: e, color: h, className: r, onClick: s });
       case "info":
-        return m5({ width: l, height: e, color: C, className: r, onClick: s });
+        return N5({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowRight":
-        return v5({ width: l, height: e, color: C, className: r, onClick: s });
+        return _5({ width: l, height: e, color: h, className: r, onClick: s });
       case "calendar":
-        return f5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Z5({ width: l, height: e, color: h, className: r, onClick: s });
       case "check":
-        return N5({ width: l, height: e, color: C, className: r, onClick: s });
+        return V5({ width: l, height: e, color: h, className: r, onClick: s });
       case "cancel":
-        return _5({ width: l, height: e, color: C, className: r, onClick: s });
+        return E5({ width: l, height: e, color: h, className: r, onClick: s });
       case "add":
-        return R5({ width: l, height: e, color: C, className: r, onClick: s });
+        return A5({ width: l, height: e, color: h, className: r, onClick: s });
       case "list":
-        return M5({ width: l, height: e, color: C, className: r, onClick: s });
+        return G5({ width: l, height: e, color: h, className: r, onClick: s });
       case "dragAndDrop":
-        return H5({ width: l, height: e, color: C, className: r, onClick: s });
+        return I5({ width: l, height: e, color: h, className: r, onClick: s });
       case "filter":
-        return x5({ width: l, height: e, color: C, className: r, onClick: s });
+        return D5({ width: l, height: e, color: h, className: r, onClick: s });
       case "attention":
-        return V5({ width: l, height: e, color: C, className: r, onClick: s });
+        return K5({ width: l, height: e, color: h, className: r, onClick: s });
       case "users":
-        return Z5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Y5({ width: l, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return E5({
+        return B5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "skills":
-        return A5({ width: l, height: e, color: C, className: r, onClick: s });
+        return T5({ width: l, height: e, color: h, className: r, onClick: s });
       case "skillsMatrices":
-        return G5({
+        return y5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "history":
-        return I5({ width: l, height: e, color: C, className: r, onClick: s });
+        return b5({ width: l, height: e, color: h, className: r, onClick: s });
       case "logOut":
-        return D5({ width: l, height: e, color: C, className: r, onClick: s });
+        return O5({ width: l, height: e, color: h, className: r, onClick: s });
       case "settings":
-        return T5({ width: l, height: e, color: C, className: r, onClick: s });
+        return W5({ width: l, height: e, color: h, className: r, onClick: s });
       case "trash":
-        return y5({ width: l, height: e, color: C, className: r, onClick: s });
+        return j5({ width: l, height: e, color: h, className: r, onClick: s });
       case "settings2":
-        return B5({ width: l, height: e, color: C, className: r, onClick: s });
+        return S5({ width: l, height: e, color: h, className: r, onClick: s });
       case "checkCircle":
-        return K5({ width: l, height: e, color: C, className: r, onClick: s });
+        return U5({ width: l, height: e, color: h, className: r, onClick: s });
       case "cancelCircle":
-        return Y5({ width: l, height: e, color: C, className: r, onClick: s });
+        return F5({ width: l, height: e, color: h, className: r, onClick: s });
       case "visibilityIcon":
-        return b5({
+        return P5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "visibilityOffIcon":
-        return W5({
+        return $5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "selectArrowIcon":
-        return O5({
+        return z5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "expandArrowIcon":
-        return j5({
+        return J5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return S5({
+        return q5({
           width: l,
           height: e,
-          color: C,
+          color: h,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return U5({ width: l, height: e, color: C, className: r, onClick: s });
+        return X5({ width: l, height: e, color: h, className: r, onClick: s });
       case "sortDown":
-        return F5({ width: l, height: e, color: C, className: r, onClick: s });
+        return Q5({ width: l, height: e, color: h, className: r, onClick: s });
       case "search":
-        return P5({ width: l, height: e, color: C, className: r, onClick: s });
+        return e7({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowUpFilled":
-        return q5({ width: l, height: e, color: C, className: r, onClick: s });
+        return t7({ width: l, height: e, color: h, className: r, onClick: s });
       case "arrowDownFilled":
-        return J5({ width: l, height: e, color: C, className: r, onClick: s });
+        return o7({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Up":
+        return R5({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Right":
+        return M5({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Down":
+        return H5({ width: l, height: e, color: h, className: r, onClick: s });
+      case "arrow2Left":
+        return x5({ width: l, height: e, color: h, className: r, onClick: s });
       case "link":
-        return Q5({ width: l, height: e, color: C, className: r, onClick: s });
+        return n7({ width: l, height: e, color: h, className: r, onClick: s });
       case "telegram":
-        return e7({ width: l, height: e, color: C, className: r, onClick: s });
+        return s7({ width: l, height: e, color: h, className: r, onClick: s });
       case "mail":
-        return i7({ width: l, height: e, color: C, className: r, onClick: s });
+        return a7({ width: l, height: e, color: h, className: r, onClick: s });
       case "github":
-        return X5({ width: l, height: e, color: C, className: r, onClick: s });
+        return r7({ width: l, height: e, color: h, className: r, onClick: s });
       case "linkedIn":
-        return l7({ width: l, height: e, color: C, className: r, onClick: s });
+        return h7({ width: l, height: e, color: h, className: r, onClick: s });
       case "emptyStateIcon":
-        return o7({ width: l, height: e, color: C, className: r, onClick: s });
+        return c7({ width: l, height: e, color: h, className: r, onClick: s });
       case "filtersIcon":
-        return t7({ width: l, height: e, color: C, className: r, onClick: s });
+        return C7({ width: l, height: e, color: h, className: r, onClick: s });
       case "dotMenuIcon":
-        return n7({ width: l, height: e, color: C, className: r, onClick: s });
+        return d7({ width: l, height: e, color: h, className: r, onClick: s });
       case "plusCircle":
-        return r7({ width: l, height: e, color: C, className: r, onClick: s });
+        return w7({ width: l, height: e, color: h, className: r, onClick: s });
       case "warning":
-        return s7({ width: l, height: e, color: C, className: r, onClick: s });
+        return g7({ width: l, height: e, color: h, className: r, onClick: s });
       case "back":
-        return C7({ width: l, height: e, color: C, className: r, onClick: s });
+        return L7({ width: l, height: e, color: h, className: r, onClick: s });
       case "bell":
-        return a7({ width: l, height: e, color: C, className: r, onClick: s });
+        return k7({ width: l, height: e, color: h, className: r, onClick: s });
       case "copy":
-        return h7({ width: l, height: e, color: C, className: r, onClick: s });
+        return p7({ width: l, height: e, color: h, className: r, onClick: s });
       case "contract":
-        return c7({ width: l, height: e, color: C, className: r, onClick: s });
+        return m7({ width: l, height: e, color: h, className: r, onClick: s });
       case "resourceManager":
-        return d7({ width: l, height: e, color: C, className: r, onClick: s });
+        return u7({ width: l, height: e, color: h, className: r, onClick: s });
       case "image":
-        return w7({ width: l, height: e, color: C, className: r, onClick: s });
+        return v7({ width: l, height: e, color: h, className: r, onClick: s });
       case "edit":
-        return g7({ width: l, height: e, color: C, className: r, onClick: s });
+        return f7({ width: l, height: e, color: h, className: r, onClick: s });
       case "filledArrowRight":
-        return L7({ width: l, height: e, color: C, className: r, onClick: s });
+        return N7({ width: l, height: e, color: h, className: r, onClick: s });
       case "burgerMenu":
-        return k7({ width: l, height: e, color: C, className: r, onClick: s });
+        return _7({ width: l, height: e, color: h, className: r, onClick: s });
       case "refresh":
-        return p7({ width: l, height: e, color: C, className: r, onClick: s });
+        return R7({ width: l, height: e, color: h, 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 M7({ width: l, height: e, color: h, className: r, onClick: s });
+      case "user":
+        return x7({ width: l, height: e, color: h, 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 H7({ width: l, height: e, color: h, className: r, onClick: s });
       case "openPointCircle":
-        return f7({ width: l, height: e, color: C, className: r, onClick: s });
+        return Z7({ width: l, height: e, color: h, className: r, onClick: s });
       case "community":
-        return N7({ width: l, height: e, color: C, className: r, onClick: s });
+        return V7({ width: l, height: e, color: h, className: r, onClick: s });
       case "docs":
-        return _7({ width: l, height: e, color: C, className: r, onClick: s });
+        return E7({ width: l, height: e, color: h, 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 G7 = r1({
   locale: "en",
   theme: "light"
 });
-H7.Provider;
+G7.Provider;
 const E1 = ({
   children: i,
   width: l,
   size: e = "small",
   onClose: t,
   closable: n = !0,
-  disabled: h = !1
+  disabled: c = !1
 }) => {
   const k = e === "small" ? 10 : 12.5, r = () => {
-    h || t == null || t();
+    c || t == null || t();
   };
   return /* @__PURE__ */ o(
     I1,
     {
-      className: `snmt-tag ${e} ${h ? "disabled" : ""}`,
+      className: `snmt-tag ${e} ${c ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ o(
-        M7,
+        A7,
         {
           name: "cancelCircle",
-          color: h ? t1.GREY_DARK_1 : t1.GREY_DARK_2,
+          color: c ? t1.GREY_DARK_1 : t1.GREY_DARK_2,
           width: k,
           height: k,
           onClick: r
@@ -5111,120 +5199,121 @@ const E1 = ({
       style: { width: l ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ o(
-        p5,
+        v5,
         {
           variant: e === "small" ? "body4" : "body2",
-          color: h ? t1.GREY_DARK_2 : t1.GREY_DARK_5,
+          color: c ? t1.GREY_DARK_2 : t1.GREY_DARK_5,
           children: i
         }
       ) : i
     }
   );
-}, { Title: x7, Text: V7 } = M1, Z7 = {
+}, { Title: I7, Text: D7 } = M1, K7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, E7 = g1(
+}, Y7 = g1(
   ({
     align: i = "inherit",
     variant: l = "body1",
     color: e,
     children: t,
     onClick: n,
-    collapsed: h,
+    collapsed: c,
     whiteSpace: k = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, u) => {
-    const c = O(null);
-    p1(u, () => c.current);
-    const [C, s] = R(!1);
+  }, m) => {
+    const C = W(null);
+    p1(m, () => C.current);
+    const [h, s] = R(!1);
     G(() => {
       var E;
       if (!r) return;
-      const m = () => {
-        c.current && s(c.current.scrollWidth > c.current.clientWidth);
+      const u = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
       };
-      m();
-      const A = new ResizeObserver(m);
-      return c.current && A.observe(c.current), (E = c.current) != null && E.parentElement && A.observe(c.current.parentElement), () => {
+      u();
+      const A = new ResizeObserver(u);
+      return C.current && A.observe(C.current), (E = C.current) != null && E.parentElement && A.observe(C.current.parentElement), () => {
         A.disconnect();
       };
     }, [r]);
     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 = {
+    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), c && (N += " collapsed");
+    const V = {
       className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : k, display: r ? "block" : "" },
       onClick: n,
-      ref: c,
-      ellipsis: r && C ? {
+      ref: C,
+      ellipsis: r && h ? {
         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(I7, { level: K7[l], ...V, children: t }) : /* @__PURE__ */ o(D7, { ...V, children: t });
   }
-), A7 = ({
+), B7 = ({
   children: i,
   content: l,
   isOpen: e,
   setIsOpen: t,
   placement: n = "topRight",
-  noPadding: h = !1
+  noPadding: c = !1,
+  trigger: k = "click"
 }) => {
-  const [k, r] = R(!1);
+  const [r, m] = R(!1);
   return /* @__PURE__ */ o(
     B1,
     {
       content: l,
       arrow: !1,
       placement: n,
-      trigger: "click",
-      overlayClassName: `snmt-popover ${h ? "" : "padding"}`,
-      open: e ?? k,
-      onOpenChange: (u) => {
-        r(u), t == null || t(u);
+      trigger: k,
+      overlayClassName: `snmt-popover ${c ? "" : "padding"}`,
+      open: e ?? r,
+      onOpenChange: (C) => {
+        m(C), t == null || t(C);
       },
       children: /* @__PURE__ */ o("div", { className: "wrapper", children: i })
     }
   );
 };
-var G7 = { exports: {} };
+var T7 = { 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 = ({
+})(T7);
+const y7 = ({
   values: i,
   onTagClose: l,
   maxWidth: e,
   closable: t = !0,
   disabled: n,
-  options: h,
+  options: c,
   extraOptions: k
 }) => {
-  const { locale: r } = n1(u1), { t: u } = t2("common", { lng: r }), [c, C] = R(!1);
+  const { locale: r } = n1(m1), { t: m } = t2("common", { lng: r }), [C, h] = R(!1);
   if (G(() => {
-    i.length || C(!1);
+    i.length || h(!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 = c == null ? void 0 : c.find((u) => u.value === f)) == null ? void 0 : N.label) || ((V = k == null ? void 0 : k.find((u) => u.value === f)) == null ? void 0 : V.label) || f;
   };
   return /* @__PURE__ */ a(
-    A7,
+    B7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5240,21 +5329,21 @@ const I7 = ({
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: c,
-      setIsOpen: C,
+      isOpen: C,
+      setIsOpen: h,
       children: [
         i.length,
         " ",
-        u("more")
+        m("more")
       ]
     }
   );
-}, D7 = {
+}, b7 = {
   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 = b7[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%`,
@@ -5268,110 +5357,110 @@ const I7 = ({
     placeholder: e,
     mode: t,
     search: n = !1,
-    options: h,
+    options: c,
     width: k,
     disabled: r = !1,
-    required: u = !1,
-    clearable: c = !1,
-    scrollThresholdValue: C = 50,
+    required: m = !1,
+    clearable: C = !1,
+    scrollThresholdValue: h = 50,
     onSearchChange: s,
     onDropdownVisibleChange: f,
     onScrollToEnd: N,
-    onPopupScroll: Z,
+    onPopupScroll: V,
     id: E,
-    extraOptions: m,
+    extraOptions: u,
     dropdownRender: A,
     optionRender: D,
-    isLoading: y,
+    isLoading: Y,
     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, B] = R(!1), [S, $] = R(!0), [Z, T] = R(i), X = W(null);
     G(() => {
-      K(i);
+      T(i);
     }, [i]);
-    const s1 = (d) => {
-      b(d), f && f(d);
-    }, C1 = (d, L) => {
+    const s1 = (g) => {
+      b(g), f && f(g);
+    }, h1 = (g, L) => {
       var _;
-      return !!((_ = L == null ? void 0 : L.label) != null && _.toString().toLowerCase().includes(d.toLowerCase()));
-    }, X = () => {
+      return !!((_ = L == null ? void 0 : L.label) != null && _.toString().toLowerCase().includes(g.toLowerCase()));
+    }, Q = () => {
       B(!0);
     }, z = () => {
       B(!1);
-    }, W = T(
-      (d) => {
-        if (K(d), t) {
-          const _ = d;
+    }, O = K(
+      (g) => {
+        if (T(g), t) {
+          const _ = g;
           l == null || l(_);
           return;
         }
-        const L = d;
+        const L = g;
         l == null || l(L);
       },
       [t, l]
-    ), a1 = T(() => {
+    ), a1 = K(() => {
       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 = K(
+      (g) => {
+        const L = Z.filter((_) => _ !== g);
+        O(L), T(L);
       },
-      [W, V]
-    ), e1 = T(
-      (d) => (V == null ? void 0 : V.indexOf(d)) === 0 ? (
+      [O, Z]
+    ), e1 = K(
+      (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);
-    }, J = T(
-      (d) => {
+      [S, Z, e]
+    ), c1 = (g) => {
+      g.preventDefault(), g.stopPropagation();
+    }, C1 = async (g) => {
+      const { target: L } = g;
+      L.scrollTop + L.offsetHeight >= L.scrollHeight - h && (N == null || N(!0)), V && await V(g);
+    }, J = K(
+      (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 = c.find((l1) => l1.value === g)) == null ? void 0 : L.label) || ((_ = u == null ? void 0 : u.find(
+          (l1) => l1.value === g
+        )) == null ? void 0 : _.label) || g;
       },
-      [m, h]
-    ), d1 = T(
-      (d) => {
+      [u, c]
+    ), d1 = K(
+      (g) => {
         var L;
         return /* @__PURE__ */ o(
-          I7,
+          y7,
           {
-            values: d,
+            values: g,
             onTagClose: U,
-            maxWidth: ((L = Q.current) == null ? void 0 : L.clientWidth) || 0,
+            maxWidth: ((L = X.current) == null ? void 0 : L.clientWidth) || 0,
             disabled: r,
             closable: !p,
-            options: h,
-            extraOptions: m
+            options: c,
+            extraOptions: u
           }
         );
       },
-      [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) }) }),
+      [r, u, U, c, p]
+    ), v = K(
+      ({ label: g, value: L, mode: _ }) => _ === "filter" ? e1(L) : /* @__PURE__ */ o("div", { onMouseDown: c1, 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() !== "";
+    ), I = Array.isArray(Z) && Z.length > 0 || !!Z && typeof Z == "string" && Z.trim() !== "";
     return /* @__PURE__ */ a("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: `snmt-select-1-15-6 ${j ? "snmt-select-focused" : ""}
                         ${t ? "" : "snmt-select-single"} ${p ? "snmt-select-read-only" : ""}`,
-          ref: Q,
+          ref: X,
           style: { width: k },
           children: [
             /* @__PURE__ */ o(
@@ -5382,30 +5471,30 @@ const I7 = ({
                 id: E,
                 ref: M,
                 showSearch: !!n,
-                filterOption: n && C1,
+                filterOption: n && h1,
                 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: y.GREY_DARK_1 }, children: L }) : L;
                 },
                 mode: t === "filter" ? "multiple" : t,
-                onChange: W,
-                onFocus: X,
+                onChange: O,
+                onFocus: Q,
                 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" }),
+                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(
+                  Z && !!Z.length && (t || C) && /* @__PURE__ */ o(
                     "div",
                     {
                       onClick: a1,
@@ -5416,7 +5505,7 @@ const I7 = ({
                         i1,
                         {
                           name: "cancel",
-                          color: r ? Y.GREY_DARK_1 : Y.GREY_DARK_2
+                          color: r ? y.GREY_DARK_1 : y.GREY_DARK_2
                         }
                       )
                     }
@@ -5425,32 +5514,32 @@ const I7 = ({
                     i1,
                     {
                       name: "selectArrowIcon",
-                      color: r ? Y.GREY_DARK_1 : Y.GREY_DARK_5,
+                      color: r ? y.GREY_DARK_1 : y.GREY_DARK_5,
                       className: H ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => b(!H)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: Y.GREY_DARK_1 }),
-                options: h,
-                optionRender: (d) => D ? D(d.data) : /* @__PURE__ */ a(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: y.GREY_DARK_1 }),
+                options: c,
+                optionRender: (g) => D ? D(g.data) : /* @__PURE__ */ a(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ a(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 })
+                      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: y.BLUE_DARK_1 })
                 ] }),
-                dropdownRender: (d) => /* @__PURE__ */ a("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ o("div", { className: "dropdown-menu", children: A ? A(d) : d }),
-                  y && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(N1, {}) })
+                dropdownRender: (g) => /* @__PURE__ */ a("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, {}) })
                 ] })
               }
             ),
@@ -5458,15 +5547,15 @@ const I7 = ({
               /* @__PURE__ */ o(
                 "label",
                 {
-                  className: `${j || I ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${y ? "label-loading" : ""} ${x ? "label-error" : ""}`,
-                  children: u ? `${e}*` : e
+                  className: `${j || I ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${Y ? "label-loading" : ""} ${x ? "label-error" : ""}`,
+                  children: m ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ o(
                 "fieldset",
                 {
                   className: `${j ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${I ? "fieldset-filled" : ""} ${x ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: u ? `${e}*` : e }) })
+                  children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: m ? `${e}*` : e }) })
                 }
               )
             ] })
@@ -5478,71 +5567,71 @@ const I7 = ({
           i1,
           {
             name: "attention",
-            color: Y.NOTIFICATION_ERROR_DARK,
+            color: y.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(Y7, { color: y.NOTIFICATION_ERROR_DARK, variant: "body4", children: x }) : x
       ] })
     ] });
   }
 );
-function T7(i, l = 500) {
-  const e = O();
+function O7(i, l = 500) {
+  const e = W();
   return G(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...n) => {
-    const h = setTimeout(() => {
+    const c = setTimeout(() => {
       i(...n);
     }, l);
-    clearTimeout(e.current), e.current = h;
+    clearTimeout(e.current), e.current = c;
   };
 }
 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(
+}, F7 = g1(
   ({
     loadOptions: i,
     width: l,
     onChange: e,
     value: t,
     id: n,
-    disabled: h,
+    disabled: c,
     scrollThresholdValue: k,
     placeholder: r,
-    mode: u,
-    loadOnClosedState: c,
-    preloadOptions: C,
+    mode: m,
+    loadOnClosedState: C,
+    preloadOptions: h,
     extraOptions: s,
     onDropdownVisibleChange: f,
     optionRender: N,
-    dropdownRender: Z,
+    dropdownRender: V,
     readOnly: E,
-    clearable: m = !1,
+    clearable: u = !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(
+  }, Y) => {
+    const [p, x] = R(), [M, H] = R(q), [b, j] = R(!1), [B, S] = R(), [$, Z] = R(!1), [T, X] = R(
       s ?? []
-    ), s1 = R1(M.offset), C1 = R1(B), [X, z] = R(!1), W = O(!1), a1 = T(
+    ), s1 = R1(M.offset), h1 = R1(B), [Q, z] = R(!1), O = W(!1), a1 = K(
       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]
@@ -5557,12 +5646,12 @@ const L1 = 100, q = {
         }
       },
       [i]
-    ), U = T7((v) => {
+    ), U = O7((v) => {
       S(v), v || H(q);
-    }), e1 = T(
+    }), e1 = K(
       (v) => U(v),
       [U]
-    ), h1 = T(
+    ), c1 = K(
       async (v) => {
         b || v && M.count && M.count > ((p == null ? void 0 : p.length) ?? 0) && H((I) => ({
           ...I,
@@ -5570,36 +5659,36 @@ const L1 = 100, q = {
         }));
       },
       [b, p == null ? void 0 : p.length, M.count]
-    ), c1 = T(
+    ), C1 = K(
       (v) => {
-        V(v), !v && B && (S(void 0), H(q), z(!0)), f == null || f(v);
+        Z(v), !v && B && (S(void 0), H(q), z(!0)), f == null || f(v);
       },
       [f, B]
     );
     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;
+      (Q || $ && (s1 !== M.offset || h1 !== B || !p)) && (a1({ offset: M.offset, limit: L1, search: B }), Q && z(!1));
+    }, [Q, $, M.offset, B, s1, h1, p, b]), G(() => {
+      (C || h) && a1(q), O.current = !0;
     }, []), G(() => {
-      s && Q((v) => {
+      s && X((v) => {
         const I = s.filter(
-          (d) => !v.some((L) => L.value === d.value)
+          (g) => !v.some((L) => L.value === g.value)
         );
         return [...v, ...I];
       });
     }, [s]);
-    const J = T(
+    const J = K(
       (v) => {
         e && e(v);
         let I = [];
-        if (u ? I = Array.isArray(v) ? v : [] : I = v ? [v] : [], B) {
-          const d = I.filter(
-            (L) => !(K != null && K.some((_) => _.value === L))
+        if (m ? I = Array.isArray(v) ? v : [] : I = v ? [v] : [], B) {
+          const g = I.filter(
+            (L) => !(T != null && T.some((_) => _.value === L))
           );
-          d.length > 0 && Q((L = []) => [
+          g.length > 0 && X((L = []) => [
             ...L,
-            ...d.map((_) => {
+            ...g.map((_) => {
               const w1 = p == null ? void 0 : p.find((l1) => l1.value === _);
               return {
                 value: _,
@@ -5609,28 +5698,28 @@ const L1 = 100, q = {
           ]), S(void 0), H(q), z(!0);
         }
       },
-      [e, B, u, p, K]
+      [e, B, m, p, T]
     ), d1 = A1(
       () => ({
         id: n,
         width: l,
         options: p || [],
         onChange: J,
-        ref: y,
+        ref: Y,
         placeholder: r,
         search: !0,
         value: t,
         onSearchChange: e1,
-        onDropdownVisibleChange: c1,
+        onDropdownVisibleChange: C1,
         scrollThresholdValue: k,
-        onScrollToEnd: h1,
-        disabled: h,
-        extraOptions: K,
+        onScrollToEnd: c1,
+        disabled: c,
+        extraOptions: T,
         isLoading: b,
         optionRender: N,
-        dropdownRender: Z,
+        dropdownRender: V,
         readOnly: E,
-        clearable: m,
+        clearable: u,
         required: A,
         error: D
       }),
@@ -5639,31 +5728,31 @@ const L1 = 100, q = {
         l,
         p,
         J,
-        y,
+        Y,
         r,
         t,
         e1,
-        c1,
+        C1,
         k,
-        h1,
-        h,
-        K,
+        c1,
+        c,
+        T,
         b,
         N,
-        Z,
+        V,
         E,
-        m,
+        u,
         A,
         D
       ]
     );
-    return p1(y, () => ({
+    return p1(Y, () => ({
       refetchOptions: async () => {
         H(q), S(void 0), z(!0);
       }
-    })), u ? /* @__PURE__ */ o(_1, { ...d1, value: t, mode: u }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(_1, { ...d1, value: t }) });
+    })), m ? /* @__PURE__ */ o(_1, { ...d1, value: t, mode: m }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(_1, { ...d1, value: t }) });
   }
 );
 export {
-  b7 as AsyncSelect
+  F7 as AsyncSelect
 };