npm - @snmt-react-ui/async-select - Versions diffs - 1.7.2 → 1.7.3 - Mend

@snmt-react-ui/async-select 1.7.2 → 1.7.3

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

Files changed (2) hide show

package/dist/async-select.js +678 -648
package/package.json +2 -2

package/dist/async-select.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import "./index.css";
-import { jsx as t, Fragment as S, jsxs as c } from "react/jsx-runtime";
-import { createContext as X, forwardRef as w1, useState as _, useRef as U, useEffect as I, useCallback as Z, useContext as e1, useMemo as R1, useImperativeHandle as H1 } from "react";
-import { Select as E1, Flex as V1, Avatar as Z1, Checkbox as I1, Typography as W1, Tag as B1, Popover as A1 } from "antd";
-var G1 = Object.defineProperty, y1 = (i, o, e) => o in i ? G1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, D1 = (i, o, e) => y1(i, o + "", e), j1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function T1() {
+import { jsx as t, Fragment as z, jsxs as c } from "react/jsx-runtime";
+import { createContext as i1, forwardRef as g1, useState as H, useRef as J, useEffect as W, useCallback as I, useContext as t1, useMemo as E1, useImperativeHandle as V1 } from "react";
+import { Select as Z1, Flex as I1, Avatar as W1, Checkbox as B1, Typography as A1, Tag as G1, Popover as y1 } from "antd";
+var D1 = Object.defineProperty, j1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, T1 = (i, o, e) => j1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function K1() {
   if (console && console.warn) {
     for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
       o[e] = arguments[e];
-    b(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
+    F(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
   }
 }
-const k1 = {};
-function C1() {
+const p1 = {};
+function w1() {
   for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
     o[e] = arguments[e];
-  b(o[0]) && k1[o[0]] || (b(o[0]) && (k1[o[0]] = /* @__PURE__ */ new Date()), T1(...o));
+  F(o[0]) && p1[o[0]] || (F(o[0]) && (p1[o[0]] = /* @__PURE__ */ new Date()), K1(...o));
 }
-const N1 = (i, o) => () => {
+const f1 = (i, o) => () => {
   if (i.isInitialized)
     o();
   else {
@@ -27,13 +27,13 @@ const N1 = (i, o) => () => {
     };
     i.on("initialized", e);
   }
-}, p1 = (i, o, e) => {
-  i.loadNamespaces(o, N1(i, e));
-}, L1 = (i, o, e, l) => {
-  b(e) && (e = [e]), e.forEach((r) => {
+}, L1 = (i, o, e) => {
+  i.loadNamespaces(o, f1(i, e));
+}, m1 = (i, o, e, l) => {
+  F(e) && (e = [e]), e.forEach((r) => {
     i.options.ns.indexOf(r) < 0 && i.options.ns.push(r);
-  }), i.loadLanguages(o, N1(i, l));
-}, Y1 = function(i, o) {
+  }), i.loadLanguages(o, f1(i, l));
+}, b1 = function(i, o) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const l = o.languages[0], r = o.options ? o.options.fallbackLng : !1, a = o.languages[o.languages.length - 1];
   if (l.toLowerCase() === "cimode") return !0;
@@ -42,15 +42,15 @@ const N1 = (i, o) => () => {
     return g === -1 || g === 2;
   };
   return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !k(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || k(l, i) && (!r || k(a, i)));
-}, K1 = function(i, o) {
+}, O1 = function(i, o) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !o.languages || !o.languages.length ? (C1("i18n.languages were undefined or empty", o.languages), !0) : o.options.ignoreJSONStructure !== void 0 ? o.hasLoadedNamespace(i, {
+  return !o.languages || !o.languages.length ? (w1("i18n.languages were undefined or empty", o.languages), !0) : o.options.ignoreJSONStructure !== void 0 ? o.hasLoadedNamespace(i, {
     lng: e.lng,
     precheck: (l, r) => {
       if (e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !r(l.isLanguageChangingTo, i)) return !1;
     }
-  }) : Y1(i, o, e);
-}, b = (i) => typeof i == "string", b1 = (i) => typeof i == "object" && i !== null, O1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, F1 = {
+  }) : b1(i, o, e);
+}, F = (i) => typeof i == "string", F1 = (i) => typeof i == "object" && i !== null, S1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, U1 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -71,8 +71,8 @@ const N1 = (i, o) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, S1 = (i) => F1[i], U1 = (i) => i.replace(O1, S1);
-let P1 = {
+}, P1 = (i) => U1[i], $1 = (i) => i.replace(S1, P1);
+let z1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -80,14 +80,14 @@ let P1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: U1
+  unescape: $1
 };
-const $1 = () => P1;
-let z1;
-const J1 = () => z1, q1 = X();
-class Q1 {
+const J1 = () => z1;
+let q1;
+const Q1 = () => q1, X1 = i1();
+class e2 {
   constructor() {
-    D1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    T1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(o) {
     o.forEach((e) => {
@@ -95,27 +95,27 @@ class Q1 {
     });
   }
 }
-const X1 = (i, o) => {
-  const e = U();
-  return I(() => {
+const o2 = (i, o) => {
+  const e = J();
+  return W(() => {
     e.current = i;
   }, [i, o]), e.current;
-}, f1 = (i, o, e, l) => i.getFixedT(o, e, l), e2 = (i, o, e, l) => Z(f1(i, o, e, l), [i, o, e, l]), o2 = function(i) {
+}, M1 = (i, o, e, l) => i.getFixedT(o, e, l), i2 = (i, o, e, l) => I(M1(i, o, e, l), [i, o, e, l]), t2 = function(i) {
   let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
   } = o, {
     i18n: l,
     defaultNS: r
-  } = e1(q1) || {}, a = e || l || J1();
-  if (a && !a.reportNamespaces && (a.reportNamespaces = new Q1()), !a) {
-    C1("You will need to pass in an i18next instance by using initReactI18next");
-    const L = (x, v) => b(v) ? v : b1(v) && b(v.defaultValue) ? v.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, u = [L, {}, !1];
-    return u.t = L, u.i18n = {}, u.ready = !1, u;
+  } = t1(X1) || {}, a = e || l || Q1();
+  if (a && !a.reportNamespaces && (a.reportNamespaces = new e2()), !a) {
+    w1("You will need to pass in an i18next instance by using initReactI18next");
+    const N = (M, x) => F(x) ? x : F1(x) && F(x.defaultValue) ? x.defaultValue : Array.isArray(M) ? M[M.length - 1] : M, f = [N, {}, !1];
+    return f.t = N, f.i18n = {}, f.ready = !1, f;
   }
-  a.options.react && a.options.react.wait !== void 0 && C1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  a.options.react && a.options.react.wait !== void 0 && w1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const k = {
-    ...$1(),
+    ...J1(),
     ...a.options.react,
     ...o
   }, {
@@ -123,36 +123,36 @@ const X1 = (i, o) => {
     keyPrefix: p
   } = k;
   let g = i;
-  g = b(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
-  const h = (a.isInitialized || a.initializedStoreOnce) && g.every((L) => K1(L, a, k)), s = e2(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), N = () => s, E = () => f1(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), [W, B] = _(N);
-  let f = g.join();
-  o.lng && (f = `${o.lng}${f}`);
-  const D = X1(f), R = U(!0);
-  I(() => {
+  g = F(g) ? [g] : g || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(g);
+  const h = (a.isInitialized || a.initializedStoreOnce) && g.every((N) => O1(N, a, k)), s = i2(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), _ = () => s, V = () => M1(a, o.lng || null, k.nsMode === "fallback" ? g : g[0], p), [B, A] = H(_);
+  let R = g.join();
+  o.lng && (R = `${o.lng}${R}`);
+  const T = o2(R), E = J(!0);
+  W(() => {
     const {
-      bindI18n: L,
-      bindI18nStore: u
+      bindI18n: N,
+      bindI18nStore: f
     } = k;
-    R.current = !0, !h && !n && (o.lng ? L1(a, o.lng, g, () => {
-      R.current && B(E);
-    }) : p1(a, g, () => {
-      R.current && B(E);
-    })), h && D && D !== f && R.current && B(E);
-    const x = () => {
-      R.current && B(E);
+    E.current = !0, !h && !n && (o.lng ? m1(a, o.lng, g, () => {
+      E.current && A(V);
+    }) : L1(a, g, () => {
+      E.current && A(V);
+    })), h && T && T !== R && E.current && A(V);
+    const M = () => {
+      E.current && A(V);
     };
-    return L && a && a.on(L, x), u && a && a.store.on(u, x), () => {
-      R.current = !1, L && a && L.split(" ").forEach((v) => a.off(v, x)), u && a && u.split(" ").forEach((v) => a.store.off(v, x));
+    return N && a && a.on(N, M), f && a && a.store.on(f, M), () => {
+      E.current = !1, N && a && N.split(" ").forEach((x) => a.off(x, M)), f && a && f.split(" ").forEach((x) => a.store.off(x, M));
     };
-  }, [a, f]), I(() => {
-    R.current && h && B(N);
+  }, [a, R]), W(() => {
+    E.current && h && A(_);
   }, [a, p, h]);
-  const M = [W, a, h];
-  if (M.t = W, M.i18n = a, M.ready = h, h || !h && !n) return M;
-  throw new Promise((L) => {
-    o.lng ? L1(a, o.lng, g, () => L()) : p1(a, g, () => L());
+  const v = [B, a, h];
+  if (v.t = B, v.i18n = a, v.ready = h, h || !h && !n) return v;
+  throw new Promise((N) => {
+    o.lng ? m1(a, o.lng, g, () => N()) : L1(a, g, () => N());
   });
-}, h1 = ({
+}, d1 = ({
   children: i,
   direction: o = "row",
   flexWrap: e = "nowrap",
@@ -162,7 +162,7 @@ const X1 = (i, o) => {
   gap: k,
   padding: n
 }) => /* @__PURE__ */ t(
-  V1,
+  I1,
   {
     className: `snmt-flex${e === "inherit" ? " inherit" : ""}`,
     vertical: o === "column",
@@ -174,10 +174,10 @@ const X1 = (i, o) => {
     style: { padding: n },
     children: i
   }
-), i2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
+), l2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
   const r = typeof l.src == "string";
   return /* @__PURE__ */ t(
-    Z1,
+    W1,
     {
       className: `snmt-avatar ${r ? "image" : ""}`,
       shape: i,
@@ -188,13 +188,13 @@ const X1 = (i, o) => {
     }
   );
 };
-var K = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(K || {});
-const g1 = X({
+var O = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(O || {});
+const k1 = i1({
   locale: "en",
   theme: "light"
 });
-g1.Provider;
-const t2 = ({
+k1.Provider;
+const r2 = ({
   checked: i = !0,
   indeterminate: o = !1,
   children: e,
@@ -202,13 +202,13 @@ const t2 = ({
   disabled: r = !1,
   disableUncheck: a = !1
 }) => {
-  const [k, n] = _(i), [p, g] = _(o);
-  I(() => {
+  const [k, n] = H(i), [p, g] = H(o);
+  W(() => {
     n(i), g(o);
   }, [i, o]);
-  const { theme: h } = e1(g1);
+  const { theme: h } = t1(k1);
   return /* @__PURE__ */ t(
-    I1,
+    B1,
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: k,
@@ -222,12 +222,12 @@ const t2 = ({
   );
 };
 var C = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(C || {});
-const M1 = X({
+const x1 = i1({
   locale: "en",
   theme: "light"
 });
-M1.Provider;
-const l2 = ({
+x1.Provider;
+const n2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -254,7 +254,7 @@ const l2 = ({
       }
     )
   }
-), r2 = ({
+), s2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -281,7 +281,7 @@ const l2 = ({
       }
     )
   }
-), n2 = ({
+), h2 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -309,7 +309,7 @@ const l2 = ({
       )
     ]
   }
-), s2 = ({
+), c2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -344,7 +344,7 @@ const l2 = ({
       )
     ]
   }
-), h2 = ({
+), a2 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -383,7 +383,7 @@ const l2 = ({
       )
     ]
   }
-), c2 = ({
+), d2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -409,7 +409,7 @@ const l2 = ({
       }
     )
   }
-), a2 = ({
+), C2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -430,7 +430,7 @@ const l2 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), d2 = ({
+), w2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -462,7 +462,7 @@ const l2 = ({
       )
     ]
   }
-), C2 = ({
+), g2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -516,7 +516,7 @@ const l2 = ({
       )
     ]
   }
-), w2 = ({
+), k2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -555,7 +555,7 @@ const l2 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), g2 = ({
+), p2 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -604,7 +604,7 @@ const l2 = ({
       )
     ] })
   }
-), k2 = ({
+), L2 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -638,7 +638,7 @@ const l2 = ({
       )
     ]
   }
-), p2 = ({
+), m2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -677,7 +677,7 @@ const l2 = ({
       )
     ] })
   }
-), L2 = ({
+), u2 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -713,7 +713,7 @@ const l2 = ({
       )
     ]
   }
-), m2 = ({
+), v2 = ({
   width: i = 11,
   height: o = 32,
   color: e = "#001E52",
@@ -751,7 +751,7 @@ const l2 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), u2 = ({
+), N2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -798,7 +798,7 @@ const l2 = ({
       )
     ]
   }
-), v2 = ({
+), f2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -831,7 +831,7 @@ const l2 = ({
       )
     ]
   }
-), N2 = ({
+), M2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -878,7 +878,7 @@ const l2 = ({
       )
     ]
   }
-), f2 = ({
+), x2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -911,7 +911,7 @@ const l2 = ({
       )
     ]
   }
-), M2 = ({
+), _2 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -950,7 +950,7 @@ const l2 = ({
       )
     ]
   }
-), x2 = ({
+), R2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -983,7 +983,7 @@ const l2 = ({
       )
     ]
   }
-), _2 = ({
+), H2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1007,7 +1007,7 @@ const l2 = ({
       }
     )
   }
-), R2 = ({
+), E2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1054,7 +1054,7 @@ const l2 = ({
       )
     ]
   }
-), H2 = ({
+), V2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1087,7 +1087,7 @@ const l2 = ({
       )
     ]
   }
-), E2 = ({
+), Z2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1120,7 +1120,7 @@ const l2 = ({
       )
     ]
   }
-), V2 = ({
+), I2 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -1181,7 +1181,7 @@ const l2 = ({
       )
     ]
   }
-), Z2 = ({
+), W2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1221,7 +1221,7 @@ const l2 = ({
       )
     ]
   }
-), I2 = ({
+), B2 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -1249,7 +1249,7 @@ const l2 = ({
       )
     ]
   }
-), W2 = ({
+), A2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -1278,7 +1278,7 @@ const l2 = ({
       )
     ]
   }
-), B2 = ({
+), G2 = ({
   width: i = 11,
   height: o = 11,
   color: e = "#FFB020",
@@ -1312,7 +1312,7 @@ const l2 = ({
       )
     ]
   }
-), A2 = ({
+), y2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -1360,7 +1360,7 @@ const l2 = ({
       )
     ]
   }
-), G2 = ({
+), D2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -1388,7 +1388,7 @@ const l2 = ({
       )
     ]
   }
-), y2 = ({
+), j2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -1422,7 +1422,7 @@ const l2 = ({
       )
     ]
   }
-), D2 = ({
+), T2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -1470,7 +1470,7 @@ const l2 = ({
       )
     ]
   }
-), j2 = ({
+), Y2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1500,7 +1500,7 @@ const l2 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), T2 = ({
+), K2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1538,7 +1538,7 @@ const l2 = ({
       )
     ]
   }
-), Y2 = ({
+), b2 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -1564,7 +1564,7 @@ const l2 = ({
       }
     )
   }
-), K2 = ({
+), O2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -1593,7 +1593,7 @@ const l2 = ({
       )
     ]
   }
-), b2 = ({
+), F2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -1622,7 +1622,7 @@ const l2 = ({
       )
     ]
   }
-), O2 = ({
+), S2 = ({
   width: i = 248,
   height: o = 248,
   color: e = "#070739",
@@ -1659,7 +1659,7 @@ const l2 = ({
       )
     ]
   }
-), F2 = ({
+), U2 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#001E52",
@@ -1698,7 +1698,7 @@ const l2 = ({
       )
     ]
   }
-), S2 = ({
+), P2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1727,7 +1727,7 @@ const l2 = ({
       )
     ]
   }
-), U2 = ({
+), $2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1764,7 +1764,7 @@ const l2 = ({
       )
     ]
   }
-), P2 = ({
+), z2 = ({
   width: i = 24,
   height: o = 24,
   color: e = C.GREY_DARK_5,
@@ -1803,7 +1803,7 @@ const l2 = ({
       )
     ]
   }
-), $2 = ({
+), J2 = ({
   width: i = 20,
   height: o = 20,
   color: e = C.GREY_DARK_1,
@@ -1836,7 +1836,7 @@ const l2 = ({
       )
     ]
   }
-), z2 = ({
+), q2 = ({
   width: i = 81,
   height: o = 80,
   color: e = C.GREY_DARK_5,
@@ -1885,7 +1885,7 @@ const l2 = ({
       )
     ]
   }
-), J2 = ({
+), Q2 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -1912,7 +1912,7 @@ const l2 = ({
       }
     )
   }
-), q2 = ({
+), X2 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -1939,7 +1939,7 @@ const l2 = ({
       }
     )
   }
-), Q2 = ({
+), e5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 5,
@@ -1963,7 +1963,7 @@ const l2 = ({
       }
     )
   }
-), X2 = ({
+), o5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 5,
@@ -1988,7 +1988,7 @@ const l2 = ({
       }
     )
   }
-), e5 = ({
+), i5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2027,7 +2027,7 @@ const l2 = ({
       )
     ]
   }
-), o5 = ({
+), t5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2066,7 +2066,7 @@ const l2 = ({
       )
     ]
   }
-), i5 = ({
+), l5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2093,7 +2093,7 @@ const l2 = ({
       }
     )
   }
-), t5 = ({
+), r5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2152,7 +2152,7 @@ const l2 = ({
       )
     ]
   }
-), l5 = ({
+), n5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2189,7 +2189,7 @@ const l2 = ({
       )
     ]
   }
-), r5 = ({
+), s5 = ({
   className: i,
   color: o = C.GREY_DARK_3,
   height: e = 14,
@@ -2226,7 +2226,7 @@ const l2 = ({
       )
     ]
   }
-), n5 = ({
+), h5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 18,
@@ -2253,7 +2253,7 @@ const l2 = ({
       }
     )
   }
-), s5 = ({
+), c5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2305,7 +2305,7 @@ const l2 = ({
       )
     ]
   }
-), h5 = ({
+), a5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2342,7 +2342,7 @@ const l2 = ({
       )
     ]
   }
-), c5 = ({
+), d5 = ({
   className: i,
   color: o = C.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -2381,7 +2381,7 @@ const l2 = ({
       )
     ]
   }
-), a5 = ({
+), C5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2407,7 +2407,7 @@ const l2 = ({
       }
     )
   }
-), d5 = ({
+), w5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2446,7 +2446,7 @@ const l2 = ({
       )
     ]
   }
-), C5 = ({
+), g5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2485,7 +2485,7 @@ const l2 = ({
       )
     ]
   }
-), w5 = ({
+), k5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2554,7 +2554,7 @@ const l2 = ({
       )
     ]
   }
-), g5 = ({
+), p5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2593,7 +2593,7 @@ const l2 = ({
       )
     ]
   }
-), k5 = ({
+), L5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2650,7 +2650,7 @@ const l2 = ({
       )
     ]
   }
-), p5 = ({
+), m5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2689,7 +2689,7 @@ const l2 = ({
       )
     ]
   }
-), L5 = ({
+), u5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2738,7 +2738,7 @@ const l2 = ({
       )
     ]
   }
-), m5 = ({
+), v5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2777,7 +2777,7 @@ const l2 = ({
       )
     ]
   }
-), u5 = ({
+), N5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2804,7 +2804,7 @@ const l2 = ({
       }
     )
   }
-), v5 = ({
+), f5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2842,7 +2842,7 @@ const l2 = ({
       )
     ]
   }
-), N5 = ({
+), M5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2863,7 +2863,7 @@ const l2 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: o, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), f5 = ({
+), x5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2902,7 +2902,7 @@ const l2 = ({
       )
     ]
   }
-), M5 = ({
+), _5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2941,7 +2941,7 @@ const l2 = ({
       )
     ]
   }
-), x5 = ({
+), R5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2980,7 +2980,7 @@ const l2 = ({
       )
     ]
   }
-), _5 = ({
+), H5 = ({
   className: i,
   color: o = C.GREY_DARK_2,
   height: e = 16,
@@ -3006,7 +3006,7 @@ const l2 = ({
       }
     )
   }
-), R5 = ({
+), E5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -3035,7 +3035,7 @@ const l2 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), H5 = ({
+), V5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -3064,7 +3064,7 @@ const l2 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), E5 = ({
+), Z5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -3093,7 +3093,7 @@ const l2 = ({
       )
     ]
   }
-), V5 = ({
+), I5 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 20,
@@ -3122,7 +3122,7 @@ const l2 = ({
       )
     ]
   }
-), Z5 = ({
+), W5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -3148,7 +3148,7 @@ const l2 = ({
       }
     )
   }
-), I5 = ({
+), B5 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -3176,7 +3176,7 @@ const l2 = ({
       }
     )
   }
-), W5 = ({
+), A5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -3214,7 +3214,7 @@ const l2 = ({
       )
     ] }) })
   }
-), B5 = ({
+), G5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3270,7 +3270,7 @@ const l2 = ({
       }
     )
   }
-), A5 = ({
+), y5 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -3303,7 +3303,7 @@ const l2 = ({
       )
     ]
   }
-), n1 = ({
+), a1 = ({
   name: i,
   width: o,
   height: e,
@@ -3312,49 +3312,49 @@ const l2 = ({
   disabled: a = !1,
   onClick: k
 }) => {
-  const [n, p] = _(r), { theme: g } = e1(M1), h = a ? g && g === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, s = a ? void 0 : k;
-  return I(() => {
+  const [n, p] = H(r), { theme: g } = t1(x1), h = a ? g && g === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, s = a ? void 0 : k;
+  return W(() => {
     if (r) {
       s && !a && p(`${r} clickable`);
       return;
     }
     s && !a && p("clickable");
-  }, [s, r, a]), /* @__PURE__ */ t(S, { children: (() => {
+  }, [s, r, a]), /* @__PURE__ */ t(z, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return J2({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q2({ width: o, height: e, color: h, className: n, onClick: s });
       case "prevIcon":
-        return q2({ width: o, height: e, color: h, className: n, onClick: s });
+        return X2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUp":
-        return l2({ width: o, height: e, color: h, className: n, onClick: s });
+        return n2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown":
-        return r2({ width: o, height: e, color: h, className: n, onClick: s });
+        return s2({ width: o, height: e, color: h, className: n, onClick: s });
       case "info":
-        return n2({ width: o, height: e, color: h, className: n, onClick: s });
+        return h2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowRight":
-        return s2({ width: o, height: e, color: h, className: n, onClick: s });
+        return c2({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar":
-        return h2({ width: o, height: e, color: h, className: n, onClick: s });
+        return a2({ width: o, height: e, color: h, className: n, onClick: s });
       case "ok":
-        return c2({ width: o, height: e, color: h, className: n, onClick: s });
+        return d2({ width: o, height: e, color: h, className: n, onClick: s });
       case "cancel":
-        return a2({ width: o, height: e, color: h, className: n, onClick: s });
+        return C2({ width: o, height: e, color: h, className: n, onClick: s });
       case "add":
-        return d2({ width: o, height: e, color: h, className: n, onClick: s });
+        return w2({ width: o, height: e, color: h, className: n, onClick: s });
       case "list":
-        return C2({ width: o, height: e, color: h, className: n, onClick: s });
+        return g2({ width: o, height: e, color: h, className: n, onClick: s });
       case "dragAndDrop":
-        return w2({ width: o, height: e, color: h, className: n, onClick: s });
+        return k2({ width: o, height: e, color: h, className: n, onClick: s });
       case "filter":
-        return g2({ width: o, height: e, color: h, className: n, onClick: s });
+        return p2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attention":
-        return k2({ width: o, height: e, color: h, className: n, onClick: s });
+        return L2({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus":
-        return p2({ width: o, height: e, color: h, className: n, onClick: s });
+        return m2({ width: o, height: e, color: h, className: n, onClick: s });
       case "time":
-        return L2({ width: o, height: e, color: h, className: n, onClick: s });
+        return u2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownLong":
-        return m2({
+        return v2({
           width: o,
           height: e,
           color: h,
@@ -3362,9 +3362,9 @@ const l2 = ({
           onClick: s
         });
       case "users":
-        return u2({ width: o, height: e, color: h, className: n, onClick: s });
+        return N2({ width: o, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return v2({
+        return f2({
           width: o,
           height: e,
           color: h,
@@ -3372,9 +3372,9 @@ const l2 = ({
           onClick: s
         });
       case "skills":
-        return N2({ width: o, height: e, color: h, className: n, onClick: s });
+        return M2({ width: o, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return f2({
+        return x2({
           width: o,
           height: e,
           color: h,
@@ -3382,23 +3382,23 @@ const l2 = ({
           onClick: s
         });
       case "history":
-        return M2({ width: o, height: e, color: h, className: n, onClick: s });
+        return _2({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut":
-        return x2({ width: o, height: e, color: h, className: n, onClick: s });
+        return R2({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings":
-        return _2({ width: o, height: e, color: h, className: n, onClick: s });
+        return H2({ width: o, height: e, color: h, className: n, onClick: s });
       case "addSkill":
-        return R2({ width: o, height: e, color: h, className: n, onClick: s });
+        return E2({ width: o, height: e, color: h, className: n, onClick: s });
       case "conversation":
-        return H2({ width: o, height: e, color: h, className: n, onClick: s });
+        return V2({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash":
-        return E2({ width: o, height: e, color: h, className: n, onClick: s });
+        return Z2({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return V2({ width: o, height: e, color: h, className: n, onClick: s });
+        return I2({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit2":
-        return Z2({ width: o, height: e, color: h, className: n, onClick: s });
+        return W2({ width: o, height: e, color: h, className: n, onClick: s });
       case "notifications":
-        return I2({
+        return B2({
           width: o,
           height: e,
           color: h,
@@ -3406,9 +3406,9 @@ const l2 = ({
           onClick: s
         });
       case "success":
-        return W2({ width: o, height: e, color: h, className: n, onClick: s });
+        return A2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionSmall":
-        return B2({
+        return G2({
           width: o,
           height: e,
           color: h,
@@ -3416,11 +3416,11 @@ const l2 = ({
           onClick: s
         });
       case "errorSmall":
-        return A2({ width: o, height: e, color: h, className: n, onClick: s });
+        return y2({ width: o, height: e, color: h, className: n, onClick: s });
       case "infoMedium":
-        return G2({ width: o, height: e, color: h, className: n, onClick: s });
+        return D2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return y2({
+        return j2({
           width: o,
           height: e,
           color: h,
@@ -3428,9 +3428,9 @@ const l2 = ({
           onClick: s
         });
       case "errorMedium":
-        return D2({ width: o, height: e, color: h, className: n, onClick: s });
+        return T2({ width: o, height: e, color: h, className: n, onClick: s });
       case "faviconSkills":
-        return O2({
+        return S2({
           width: o,
           height: e,
           color: h,
@@ -3438,7 +3438,7 @@ const l2 = ({
           onClick: s
         });
       case "visibilityIcon":
-        return j2({
+        return Y2({
           width: o,
           height: e,
           color: h,
@@ -3446,7 +3446,7 @@ const l2 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return T2({
+        return K2({
           width: o,
           height: e,
           color: h,
@@ -3454,7 +3454,7 @@ const l2 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return Y2({
+        return b2({
           width: o,
           height: e,
           color: h,
@@ -3462,7 +3462,7 @@ const l2 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return K2({
+        return O2({
           width: o,
           height: e,
           color: h,
@@ -3470,7 +3470,7 @@ const l2 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return b2({
+        return F2({
           width: o,
           height: e,
           color: h,
@@ -3478,101 +3478,101 @@ const l2 = ({
           onClick: s
         });
       case "camera":
-        return F2({ width: o, height: e, color: h, className: n, onClick: s });
+        return U2({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortUp":
-        return S2({ width: o, height: e, color: h, className: n, onClick: s });
+        return P2({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortDown":
-        return U2({ width: o, height: e, color: h, className: n, onClick: s });
+        return $2({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut2":
-        return P2({ width: o, height: e, color: h, className: n, onClick: s });
+        return z2({ width: o, height: e, color: h, className: n, onClick: s });
       case "search":
-        return $2({ width: o, height: e, color: h, className: n, onClick: s });
+        return J2({ width: o, height: e, color: h, className: n, onClick: s });
       case "handRock":
-        return z2({ width: o, height: e, color: h, className: n, onClick: s });
+        return q2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUpFilled":
-        return X2({ width: o, height: e, color: h, className: n, onClick: s });
+        return o5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return Q2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "link":
         return e5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "telegram":
+      case "link":
         return i5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "mail":
+      case "telegram":
         return l5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "mail":
+        return n5({ width: o, height: e, color: h, className: n, onClick: s });
       case "github":
-        return o5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "linkedIn":
         return t5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "emptyStateIcon":
+      case "linkedIn":
         return r5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "emptyStateIcon":
+        return s5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filtersIcon":
-        return n5({ width: o, height: e, color: h, className: n, onClick: s });
+        return h5({ width: o, height: e, color: h, className: n, onClick: s });
       case "dotMenuIcon":
-        return s5({ width: o, height: e, color: h, className: n, onClick: s });
+        return c5({ width: o, height: e, color: h, className: n, onClick: s });
       case "plusCircle":
-        return h5({ width: o, height: e, color: h, className: n, onClick: s });
+        return a5({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return c5({ width: o, height: e, color: h, className: n, onClick: s });
+        return d5({ width: o, height: e, color: h, className: n, onClick: s });
       case "back":
-        return a5({ width: o, height: e, color: h, className: n, onClick: s });
+        return C5({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
-        return d5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "contract":
         return w5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "contract":
+        return k5({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return C5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "manager":
         return g5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "manager":
+        return p5({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
-        return k5({ width: o, height: e, color: h, className: n, onClick: s });
+        return L5({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings2":
-        return p5({ width: o, height: e, color: h, className: n, onClick: s });
+        return m5({ width: o, height: e, color: h, className: n, onClick: s });
       case "image":
-        return L5({ width: o, height: e, color: h, className: n, onClick: s });
+        return u5({ width: o, height: e, color: h, className: n, onClick: s });
       case "upload":
-        return m5({ width: o, height: e, color: h, className: n, onClick: s });
+        return v5({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit":
-        return u5({ width: o, height: e, color: h, className: n, onClick: s });
+        return N5({ width: o, height: e, color: h, className: n, onClick: s });
       case "location":
-        return v5({ width: o, height: e, color: h, className: n, onClick: s });
+        return f5({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus2":
-        return N5({ width: o, height: e, color: h, className: n, onClick: s });
+        return M5({ width: o, height: e, color: h, className: n, onClick: s });
       case "search2":
-        return f5({ width: o, height: e, color: h, className: n, onClick: s });
+        return x5({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowLeft":
-        return M5({ width: o, height: e, color: h, className: n, onClick: s });
+        return _5({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowRight":
-        return x5({ width: o, height: e, color: h, className: n, onClick: s });
+        return R5({ width: o, height: e, color: h, className: n, onClick: s });
       case "crossInCircle":
-        return _5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "arrowUp2":
         return H5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "arrowUp2":
+        return V5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown2":
-        return R5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "filledArrowLeft":
         return E5({ width: o, height: e, color: h, className: n, onClick: s });
+      case "filledArrowLeft":
+        return Z5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return V5({ width: o, height: e, color: h, className: n, onClick: s });
+        return I5({ width: o, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return Z5({ width: o, height: e, color: h, className: n, onClick: s });
+        return W5({ width: o, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return I5({ width: o, height: e, color: h, className: n, onClick: s });
+        return B5({ width: o, height: e, color: h, className: n, onClick: s });
       case "refresh":
-        return W5({ width: o, height: e, color: h, className: n, onClick: s });
+        return A5({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return B5({ width: o, height: e, color: h, className: n, onClick: s });
+        return G5({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
-        return A5({ width: o, height: e, color: h, className: n, onClick: s });
+        return y5({ width: o, height: e, color: h, className: n, onClick: s });
       default:
-        return /* @__PURE__ */ t(S, { children: "No Icon provided" });
+        return /* @__PURE__ */ t(z, { children: "No Icon provided" });
     }
   })() });
-}, { Title: G5, Text: y5 } = W1, D5 = {
+}, { Title: D5, Text: j5 } = A1, T5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, j5 = w1(
+}, Y5 = g1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -3585,17 +3585,17 @@ const l2 = ({
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
     let g = `snmt-typography snmt-typography-${o}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), a && (g += " collapsed"), p ? /* @__PURE__ */ t(
-      G5,
+      D5,
       {
         className: g,
         style: { color: e, whiteSpace: k },
         onClick: r,
-        level: D5[o],
+        level: T5[o],
         ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      y5,
+      j5,
       {
         className: g,
         style: { color: e, whiteSpace: k },
@@ -3607,12 +3607,12 @@ const l2 = ({
   }
 );
 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.PURPLE_LIGHT = "var(--purple-light)", 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))(w || {});
-const x1 = X({
+const _1 = i1({
   locale: "en",
   theme: "light"
 });
-x1.Provider;
-const T5 = ({
+_1.Provider;
+const K5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3639,7 +3639,7 @@ const T5 = ({
       }
     )
   }
-), Y5 = ({
+), b5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3666,7 +3666,7 @@ const T5 = ({
       }
     )
   }
-), K5 = ({
+), O5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3694,7 +3694,7 @@ const T5 = ({
       )
     ]
   }
-), b5 = ({
+), F5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3729,7 +3729,7 @@ const T5 = ({
       )
     ]
   }
-), O5 = ({
+), S5 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -3768,7 +3768,7 @@ const T5 = ({
       )
     ]
   }
-), F5 = ({
+), U5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3794,7 +3794,7 @@ const T5 = ({
       }
     )
   }
-), S5 = ({
+), P5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3815,7 +3815,7 @@ const T5 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), U5 = ({
+), $5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3847,7 +3847,7 @@ const T5 = ({
       )
     ]
   }
-), P5 = ({
+), z5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3901,7 +3901,7 @@ const T5 = ({
       )
     ]
   }
-), $5 = ({
+), J5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3940,7 +3940,7 @@ const T5 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), z5 = ({
+), q5 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -3989,7 +3989,7 @@ const T5 = ({
       )
     ] })
   }
-), J5 = ({
+), Q5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -4023,7 +4023,7 @@ const T5 = ({
       )
     ]
   }
-), q5 = ({
+), X5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4062,7 +4062,7 @@ const T5 = ({
       )
     ] })
   }
-), Q5 = ({
+), e3 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -4098,7 +4098,7 @@ const T5 = ({
       )
     ]
   }
-), X5 = ({
+), o3 = ({
   width: i = 11,
   height: o = 32,
   color: e = "#001E52",
@@ -4136,7 +4136,7 @@ const T5 = ({
       /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
     ]
   }
-), e3 = ({
+), i3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4183,7 +4183,7 @@ const T5 = ({
       )
     ]
   }
-), o3 = ({
+), t3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4216,7 +4216,7 @@ const T5 = ({
       )
     ]
   }
-), i3 = ({
+), l3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4263,7 +4263,7 @@ const T5 = ({
       )
     ]
   }
-), t3 = ({
+), r3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4296,7 +4296,7 @@ const T5 = ({
       )
     ]
   }
-), l3 = ({
+), n3 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -4335,7 +4335,7 @@ const T5 = ({
       )
     ]
   }
-), r3 = ({
+), s3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4368,7 +4368,7 @@ const T5 = ({
       )
     ]
   }
-), n3 = ({
+), h3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4392,7 +4392,7 @@ const T5 = ({
       }
     )
   }
-), s3 = ({
+), c3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4439,7 +4439,7 @@ const T5 = ({
       )
     ]
   }
-), h3 = ({
+), a3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4472,7 +4472,7 @@ const T5 = ({
       )
     ]
   }
-), c3 = ({
+), d3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4505,7 +4505,7 @@ const T5 = ({
       )
     ]
   }
-), a3 = ({
+), C3 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -4566,7 +4566,7 @@ const T5 = ({
       )
     ]
   }
-), d3 = ({
+), w3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4606,7 +4606,7 @@ const T5 = ({
       )
     ]
   }
-), C3 = ({
+), g3 = ({
   width: i = 32,
   height: o = 25,
   color: e = "#001E52",
@@ -4634,7 +4634,7 @@ const T5 = ({
       )
     ]
   }
-), w3 = ({
+), k3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -4663,7 +4663,7 @@ const T5 = ({
       )
     ]
   }
-), g3 = ({
+), p3 = ({
   width: i = 11,
   height: o = 11,
   color: e = "#FFB020",
@@ -4697,7 +4697,7 @@ const T5 = ({
       )
     ]
   }
-), k3 = ({
+), L3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -4745,7 +4745,7 @@ const T5 = ({
       )
     ]
   }
-), p3 = ({
+), m3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -4773,7 +4773,7 @@ const T5 = ({
       )
     ]
   }
-), L3 = ({
+), u3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -4807,7 +4807,7 @@ const T5 = ({
       )
     ]
   }
-), m3 = ({
+), v3 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -4855,7 +4855,7 @@ const T5 = ({
       )
     ]
   }
-), u3 = ({
+), N3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4885,7 +4885,7 @@ const T5 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), v3 = ({
+), f3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4923,7 +4923,7 @@ const T5 = ({
       )
     ]
   }
-), N3 = ({
+), M3 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -4949,7 +4949,7 @@ const T5 = ({
       }
     )
   }
-), f3 = ({
+), x3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -4978,7 +4978,7 @@ const T5 = ({
       )
     ]
   }
-), M3 = ({
+), _3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -5007,7 +5007,7 @@ const T5 = ({
       )
     ]
   }
-), x3 = ({
+), R3 = ({
   width: i = 248,
   height: o = 248,
   color: e = "#070739",
@@ -5044,7 +5044,7 @@ const T5 = ({
       )
     ]
   }
-), _3 = ({
+), H3 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#001E52",
@@ -5083,7 +5083,7 @@ const T5 = ({
       )
     ]
   }
-), R3 = ({
+), E3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -5112,7 +5112,7 @@ const T5 = ({
       )
     ]
   }
-), H3 = ({
+), V3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -5149,7 +5149,7 @@ const T5 = ({
       )
     ]
   }
-), E3 = ({
+), Z3 = ({
   width: i = 24,
   height: o = 24,
   color: e = w.GREY_DARK_5,
@@ -5188,7 +5188,7 @@ const T5 = ({
       )
     ]
   }
-), V3 = ({
+), I3 = ({
   width: i = 20,
   height: o = 20,
   color: e = w.GREY_DARK_1,
@@ -5221,7 +5221,7 @@ const T5 = ({
       )
     ]
   }
-), Z3 = ({
+), W3 = ({
   width: i = 81,
   height: o = 80,
   color: e = w.GREY_DARK_5,
@@ -5270,7 +5270,7 @@ const T5 = ({
       )
     ]
   }
-), I3 = ({
+), B3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -5297,7 +5297,7 @@ const T5 = ({
       }
     )
   }
-), W3 = ({
+), A3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -5324,7 +5324,7 @@ const T5 = ({
       }
     )
   }
-), B3 = ({
+), G3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 5,
@@ -5348,7 +5348,7 @@ const T5 = ({
       }
     )
   }
-), A3 = ({
+), y3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 5,
@@ -5373,7 +5373,7 @@ const T5 = ({
       }
     )
   }
-), G3 = ({
+), D3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5412,7 +5412,7 @@ const T5 = ({
       )
     ]
   }
-), y3 = ({
+), j3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5451,7 +5451,7 @@ const T5 = ({
       )
     ]
   }
-), D3 = ({
+), T3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5478,7 +5478,7 @@ const T5 = ({
       }
     )
   }
-), j3 = ({
+), Y3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5537,7 +5537,7 @@ const T5 = ({
       )
     ]
   }
-), T3 = ({
+), K3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5574,7 +5574,7 @@ const T5 = ({
       )
     ]
   }
-), Y3 = ({
+), b3 = ({
   className: i,
   color: o = w.GREY_DARK_3,
   height: e = 14,
@@ -5611,7 +5611,7 @@ const T5 = ({
       )
     ]
   }
-), K3 = ({
+), O3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 18,
@@ -5638,7 +5638,7 @@ const T5 = ({
       }
     )
   }
-), b3 = ({
+), F3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5690,7 +5690,7 @@ const T5 = ({
       )
     ]
   }
-), O3 = ({
+), S3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5727,7 +5727,7 @@ const T5 = ({
       )
     ]
   }
-), F3 = ({
+), U3 = ({
   className: i,
   color: o = w.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -5766,7 +5766,7 @@ const T5 = ({
       )
     ]
   }
-), S3 = ({
+), P3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5792,7 +5792,7 @@ const T5 = ({
       }
     )
   }
-), U3 = ({
+), $3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5831,7 +5831,7 @@ const T5 = ({
       )
     ]
   }
-), P3 = ({
+), z3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5870,7 +5870,7 @@ const T5 = ({
       )
     ]
   }
-), $3 = ({
+), J3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5939,7 +5939,7 @@ const T5 = ({
       )
     ]
   }
-), z3 = ({
+), q3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -5978,7 +5978,7 @@ const T5 = ({
       )
     ]
   }
-), J3 = ({
+), Q3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6035,7 +6035,7 @@ const T5 = ({
       )
     ]
   }
-), q3 = ({
+), X3 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6074,7 +6074,7 @@ const T5 = ({
       )
     ]
   }
-), Q3 = ({
+), e0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6123,7 +6123,7 @@ const T5 = ({
       )
     ]
   }
-), X3 = ({
+), o0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6162,7 +6162,7 @@ const T5 = ({
       )
     ]
   }
-), e0 = ({
+), i0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6189,7 +6189,7 @@ const T5 = ({
       }
     )
   }
-), o0 = ({
+), t0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6227,7 +6227,7 @@ const T5 = ({
       )
     ]
   }
-), i0 = ({
+), l0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6248,7 +6248,7 @@ const T5 = ({
       /* @__PURE__ */ t("path", { d: "M12 8L4 8", stroke: o, strokeWidth: "1.7", strokeLinecap: "round" })
     ]
   }
-), t0 = ({
+), r0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6287,7 +6287,7 @@ const T5 = ({
       )
     ]
   }
-), l0 = ({
+), n0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6326,7 +6326,7 @@ const T5 = ({
       )
     ]
   }
-), r0 = ({
+), s0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 24,
@@ -6365,7 +6365,7 @@ const T5 = ({
       )
     ]
   }
-), n0 = ({
+), h0 = ({
   className: i,
   color: o = w.GREY_DARK_2,
   height: e = 16,
@@ -6391,7 +6391,7 @@ const T5 = ({
       }
     )
   }
-), s0 = ({
+), c0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6420,7 +6420,7 @@ const T5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5989", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), h0 = ({
+), a0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6449,7 +6449,7 @@ const T5 = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3992_5988", children: /* @__PURE__ */ t("rect", { width: "20", height: "20", fill: "white" }) }) })
     ]
   }
-), c0 = ({
+), d0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6478,7 +6478,7 @@ const T5 = ({
       )
     ]
   }
-), a0 = ({
+), C0 = ({
   className: i,
   color: o = w.GREY_DARK_5,
   height: e = 20,
@@ -6507,7 +6507,7 @@ const T5 = ({
       )
     ]
   }
-), d0 = ({
+), w0 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6533,7 +6533,7 @@ const T5 = ({
       }
     )
   }
-), C0 = ({
+), g0 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -6561,7 +6561,7 @@ const T5 = ({
       }
     )
   }
-), w0 = ({
+), k0 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -6599,7 +6599,7 @@ const T5 = ({
       )
     ] }) })
   }
-), g0 = ({
+), p0 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -6655,7 +6655,7 @@ const T5 = ({
       }
     )
   }
-), k0 = ({
+), L0 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -6688,7 +6688,7 @@ const T5 = ({
       )
     ]
   }
-), p0 = ({
+), m0 = ({
   name: i,
   width: o,
   height: e,
@@ -6697,49 +6697,49 @@ const T5 = ({
   disabled: a = !1,
   onClick: k
 }) => {
-  const [n, p] = _(r), { theme: g } = e1(x1), h = a ? g && g === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : l, s = a ? void 0 : k;
-  return I(() => {
+  const [n, p] = H(r), { theme: g } = t1(_1), h = a ? g && g === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : l, s = a ? void 0 : k;
+  return W(() => {
     if (r) {
       s && !a && p(`${r} clickable`);
       return;
     }
     s && !a && p("clickable");
-  }, [s, r, a]), /* @__PURE__ */ t(S, { children: (() => {
+  }, [s, r, a]), /* @__PURE__ */ t(z, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return I3({ width: o, height: e, color: h, className: n, onClick: s });
+        return B3({ width: o, height: e, color: h, className: n, onClick: s });
       case "prevIcon":
-        return W3({ width: o, height: e, color: h, className: n, onClick: s });
+        return A3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUp":
-        return T5({ width: o, height: e, color: h, className: n, onClick: s });
+        return K5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown":
-        return Y5({ width: o, height: e, color: h, className: n, onClick: s });
+        return b5({ width: o, height: e, color: h, className: n, onClick: s });
       case "info":
-        return K5({ width: o, height: e, color: h, className: n, onClick: s });
+        return O5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowRight":
-        return b5({ width: o, height: e, color: h, className: n, onClick: s });
+        return F5({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar":
-        return O5({ width: o, height: e, color: h, className: n, onClick: s });
+        return S5({ width: o, height: e, color: h, className: n, onClick: s });
       case "ok":
-        return F5({ width: o, height: e, color: h, className: n, onClick: s });
+        return U5({ width: o, height: e, color: h, className: n, onClick: s });
       case "cancel":
-        return S5({ width: o, height: e, color: h, className: n, onClick: s });
+        return P5({ width: o, height: e, color: h, className: n, onClick: s });
       case "add":
-        return U5({ width: o, height: e, color: h, className: n, onClick: s });
+        return $5({ width: o, height: e, color: h, className: n, onClick: s });
       case "list":
-        return P5({ width: o, height: e, color: h, className: n, onClick: s });
+        return z5({ width: o, height: e, color: h, className: n, onClick: s });
       case "dragAndDrop":
-        return $5({ width: o, height: e, color: h, className: n, onClick: s });
+        return J5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filter":
-        return z5({ width: o, height: e, color: h, className: n, onClick: s });
+        return q5({ width: o, height: e, color: h, className: n, onClick: s });
       case "attention":
-        return J5({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q5({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus":
-        return q5({ width: o, height: e, color: h, className: n, onClick: s });
+        return X5({ width: o, height: e, color: h, className: n, onClick: s });
       case "time":
-        return Q5({ width: o, height: e, color: h, className: n, onClick: s });
+        return e3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownLong":
-        return X5({
+        return o3({
           width: o,
           height: e,
           color: h,
@@ -6747,9 +6747,9 @@ const T5 = ({
           onClick: s
         });
       case "users":
-        return e3({ width: o, height: e, color: h, className: n, onClick: s });
+        return i3({ width: o, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return o3({
+        return t3({
           width: o,
           height: e,
           color: h,
@@ -6757,9 +6757,9 @@ const T5 = ({
           onClick: s
         });
       case "skills":
-        return i3({ width: o, height: e, color: h, className: n, onClick: s });
+        return l3({ width: o, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return t3({
+        return r3({
           width: o,
           height: e,
           color: h,
@@ -6767,23 +6767,23 @@ const T5 = ({
           onClick: s
         });
       case "history":
-        return l3({ width: o, height: e, color: h, className: n, onClick: s });
+        return n3({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut":
-        return r3({ width: o, height: e, color: h, className: n, onClick: s });
+        return s3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings":
-        return n3({ width: o, height: e, color: h, className: n, onClick: s });
+        return h3({ width: o, height: e, color: h, className: n, onClick: s });
       case "addSkill":
-        return s3({ width: o, height: e, color: h, className: n, onClick: s });
+        return c3({ width: o, height: e, color: h, className: n, onClick: s });
       case "conversation":
-        return h3({ width: o, height: e, color: h, className: n, onClick: s });
+        return a3({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash":
-        return c3({ width: o, height: e, color: h, className: n, onClick: s });
+        return d3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return a3({ width: o, height: e, color: h, className: n, onClick: s });
+        return C3({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit2":
-        return d3({ width: o, height: e, color: h, className: n, onClick: s });
+        return w3({ width: o, height: e, color: h, className: n, onClick: s });
       case "notifications":
-        return C3({
+        return g3({
           width: o,
           height: e,
           color: h,
@@ -6791,9 +6791,9 @@ const T5 = ({
           onClick: s
         });
       case "success":
-        return w3({ width: o, height: e, color: h, className: n, onClick: s });
+        return k3({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionSmall":
-        return g3({
+        return p3({
           width: o,
           height: e,
           color: h,
@@ -6801,11 +6801,11 @@ const T5 = ({
           onClick: s
         });
       case "errorSmall":
-        return k3({ width: o, height: e, color: h, className: n, onClick: s });
+        return L3({ width: o, height: e, color: h, className: n, onClick: s });
       case "infoMedium":
-        return p3({ width: o, height: e, color: h, className: n, onClick: s });
+        return m3({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return L3({
+        return u3({
           width: o,
           height: e,
           color: h,
@@ -6813,9 +6813,9 @@ const T5 = ({
           onClick: s
         });
       case "errorMedium":
-        return m3({ width: o, height: e, color: h, className: n, onClick: s });
+        return v3({ width: o, height: e, color: h, className: n, onClick: s });
       case "faviconSkills":
-        return x3({
+        return R3({
           width: o,
           height: e,
           color: h,
@@ -6823,7 +6823,7 @@ const T5 = ({
           onClick: s
         });
       case "visibilityIcon":
-        return u3({
+        return N3({
           width: o,
           height: e,
           color: h,
@@ -6831,7 +6831,7 @@ const T5 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return v3({
+        return f3({
           width: o,
           height: e,
           color: h,
@@ -6839,7 +6839,7 @@ const T5 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return N3({
+        return M3({
           width: o,
           height: e,
           color: h,
@@ -6847,7 +6847,7 @@ const T5 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return f3({
+        return x3({
           width: o,
           height: e,
           color: h,
@@ -6855,7 +6855,7 @@ const T5 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return M3({
+        return _3({
           width: o,
           height: e,
           color: h,
@@ -6863,103 +6863,103 @@ const T5 = ({
           onClick: s
         });
       case "camera":
-        return _3({ width: o, height: e, color: h, className: n, onClick: s });
+        return H3({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortUp":
-        return R3({ width: o, height: e, color: h, className: n, onClick: s });
+        return E3({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortDown":
-        return H3({ width: o, height: e, color: h, className: n, onClick: s });
+        return V3({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut2":
-        return E3({ width: o, height: e, color: h, className: n, onClick: s });
+        return Z3({ width: o, height: e, color: h, className: n, onClick: s });
       case "search":
-        return V3({ width: o, height: e, color: h, className: n, onClick: s });
+        return I3({ width: o, height: e, color: h, className: n, onClick: s });
       case "handRock":
-        return Z3({ width: o, height: e, color: h, className: n, onClick: s });
+        return W3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUpFilled":
-        return A3({ width: o, height: e, color: h, className: n, onClick: s });
+        return y3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return B3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "link":
         return G3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "telegram":
+      case "link":
         return D3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "mail":
+      case "telegram":
         return T3({ width: o, height: e, color: h, className: n, onClick: s });
+      case "mail":
+        return K3({ width: o, height: e, color: h, className: n, onClick: s });
       case "github":
-        return y3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "linkedIn":
         return j3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "emptyStateIcon":
+      case "linkedIn":
         return Y3({ width: o, height: e, color: h, className: n, onClick: s });
+      case "emptyStateIcon":
+        return b3({ width: o, height: e, color: h, className: n, onClick: s });
       case "filtersIcon":
-        return K3({ width: o, height: e, color: h, className: n, onClick: s });
+        return O3({ width: o, height: e, color: h, className: n, onClick: s });
       case "dotMenuIcon":
-        return b3({ width: o, height: e, color: h, className: n, onClick: s });
+        return F3({ width: o, height: e, color: h, className: n, onClick: s });
       case "plusCircle":
-        return O3({ width: o, height: e, color: h, className: n, onClick: s });
+        return S3({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return F3({ width: o, height: e, color: h, className: n, onClick: s });
+        return U3({ width: o, height: e, color: h, className: n, onClick: s });
       case "back":
-        return S3({ width: o, height: e, color: h, className: n, onClick: s });
+        return P3({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
-        return U3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "contract":
         return $3({ width: o, height: e, color: h, className: n, onClick: s });
+      case "contract":
+        return J3({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return P3({ width: o, height: e, color: h, className: n, onClick: s });
-      case "manager":
         return z3({ width: o, height: e, color: h, className: n, onClick: s });
+      case "manager":
+        return q3({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
-        return J3({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings2":
-        return q3({ width: o, height: e, color: h, className: n, onClick: s });
+        return X3({ width: o, height: e, color: h, className: n, onClick: s });
       case "image":
-        return Q3({ width: o, height: e, color: h, className: n, onClick: s });
+        return e0({ width: o, height: e, color: h, className: n, onClick: s });
       case "upload":
-        return X3({ width: o, height: e, color: h, className: n, onClick: s });
+        return o0({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit":
-        return e0({ width: o, height: e, color: h, className: n, onClick: s });
+        return i0({ width: o, height: e, color: h, className: n, onClick: s });
       case "location":
-        return o0({ width: o, height: e, color: h, className: n, onClick: s });
+        return t0({ width: o, height: e, color: h, className: n, onClick: s });
       case "plus2":
-        return i0({ width: o, height: e, color: h, className: n, onClick: s });
+        return l0({ width: o, height: e, color: h, className: n, onClick: s });
       case "search2":
-        return t0({ width: o, height: e, color: h, className: n, onClick: s });
+        return r0({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowLeft":
-        return l0({ width: o, height: e, color: h, className: n, onClick: s });
+        return n0({ width: o, height: e, color: h, className: n, onClick: s });
       case "fastArrowRight":
-        return r0({ width: o, height: e, color: h, className: n, onClick: s });
+        return s0({ width: o, height: e, color: h, className: n, onClick: s });
       case "crossInCircle":
-        return n0({ width: o, height: e, color: h, className: n, onClick: s });
-      case "arrowUp2":
         return h0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "arrowUp2":
+        return a0({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown2":
-        return s0({ width: o, height: e, color: h, className: n, onClick: s });
-      case "filledArrowLeft":
         return c0({ width: o, height: e, color: h, className: n, onClick: s });
+      case "filledArrowLeft":
+        return d0({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return a0({ width: o, height: e, color: h, className: n, onClick: s });
+        return C0({ width: o, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return d0({ width: o, height: e, color: h, className: n, onClick: s });
+        return w0({ width: o, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return C0({ width: o, height: e, color: h, className: n, onClick: s });
+        return g0({ width: o, height: e, color: h, className: n, onClick: s });
       case "refresh":
-        return w0({ width: o, height: e, color: h, className: n, onClick: s });
+        return k0({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return g0({ width: o, height: e, color: h, className: n, onClick: s });
+        return p0({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
-        return k0({ width: o, height: e, color: h, className: n, onClick: s });
+        return L0({ width: o, height: e, color: h, className: n, onClick: s });
       default:
-        return /* @__PURE__ */ t(S, { children: "No Icon provided" });
+        return /* @__PURE__ */ t(z, { children: "No Icon provided" });
     }
   })() });
 };
-var Q = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(Q || {});
-const L0 = X({
+var o1 = /* @__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.PURPLE_LIGHT = "var(--purple-light)", 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))(o1 || {});
+const u0 = i1({
   locale: "en",
   theme: "light"
 });
-L0.Provider;
-const _1 = ({
+u0.Provider;
+const R1 = ({
   children: i,
   width: o,
   size: e = "small",
@@ -6971,14 +6971,14 @@ const _1 = ({
     a || l == null || l();
   };
   return /* @__PURE__ */ t(
-    B1,
+    G1,
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        p0,
+        m0,
         {
           name: "errorSmall",
-          color: a ? Q.GREY_DARK_1 : Q.GREY_DARK_2,
+          color: a ? o1.GREY_DARK_1 : o1.GREY_DARK_2,
           width: k,
           height: k,
           onClick: n
@@ -6988,16 +6988,16 @@ const _1 = ({
       style: { width: o ?? "fit-content" },
       closable: r,
       children: typeof i == "string" ? /* @__PURE__ */ t(
-        j5,
+        Y5,
         {
           variant: e === "small" ? "body4" : "body2",
-          color: a ? Q.GREY_DARK_2 : Q.GREY_DARK_5,
+          color: a ? o1.GREY_DARK_2 : o1.GREY_DARK_5,
           children: i
         }
       ) : i
     }
   );
-}, m0 = ({
+}, v0 = ({
   children: i,
   content: o,
   isOpen: e,
@@ -7005,9 +7005,9 @@ const _1 = ({
   placement: r = "topRight",
   noPadding: a = !1
 }) => {
-  const [k, n] = _(!1);
+  const [k, n] = H(!1);
   return /* @__PURE__ */ t(
-    A1,
+    y1,
     {
       content: o,
       arrow: !1,
@@ -7022,18 +7022,18 @@ const _1 = ({
     }
   );
 };
-var u0 = { exports: {} };
+var N0 = { exports: {} };
 (function(i, o) {
   (function(e, l) {
     i.exports = l();
-  })(j1, function() {
+  })(Y1, 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 l = ["th", "st", "nd", "rd"], r = e % 100;
       return "[" + e + (l[(r - 20) % 10] || l[r] || l[0]) + "]";
     } };
   });
-})(u0);
-const v0 = ({
+})(N0);
+const f0 = ({
   values: i,
   onTagClose: o,
   maxWidth: e,
@@ -7042,29 +7042,29 @@ const v0 = ({
   options: a,
   extraOptions: k
 }) => {
-  const { locale: n } = e1(g1), { t: p } = o2("common", { lng: n }), [g, h] = _(!1);
-  if (I(() => {
+  const { locale: n } = t1(k1), { t: p } = t2("common", { lng: n }), [g, h] = H(!1);
+  if (W(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
-  const s = (N) => {
-    var E, W;
-    return ((E = a == null ? void 0 : a.find((f) => f.value === N)) == null ? void 0 : E.label) || ((W = k == null ? void 0 : k.find((f) => f.value === N)) == null ? void 0 : W.label) || N;
+  const s = (_) => {
+    var V, B;
+    return ((V = a == null ? void 0 : a.find((R) => R.value === _)) == null ? void 0 : V.label) || ((B = k == null ? void 0 : k.find((R) => R.value === _)) == null ? void 0 : B.label) || _;
   };
   return /* @__PURE__ */ c(
-    m0,
+    v0,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(h1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: N }) => /* @__PURE__ */ t(
-          _1,
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(d1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: _ }) => /* @__PURE__ */ t(
+          R1,
           {
-            onClose: () => o(N),
+            onClose: () => o(_),
             closable: l,
             disabled: r,
-            children: s(N)
+            children: s(_)
           },
-          N
+          _
         )) }) })
       ),
       placement: "bottomRight",
@@ -7077,7 +7077,7 @@ const v0 = ({
       ]
     }
   );
-}, m1 = ({ size: i = 30, color: o = "#004ed7" }) => {
+}, u1 = ({ size: i = 30, color: o = "#004ed7" }) => {
   const e = `no-repeat linear-gradient(${o}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${o} 0)`, l = {
     width: i,
@@ -7085,7 +7085,7 @@ const v0 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ t("span", { className: "snmt-loader", style: l });
-}, u1 = w1(
+}, v1 = g1(
   ({
     value: i,
     onChange: o,
@@ -7099,184 +7099,184 @@ const v0 = ({
     clearable: g = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
-    onDropdownVisibleChange: N,
-    onScrollToEnd: E,
-    onPopupScroll: W,
-    id: B,
-    extraOptions: f,
-    dropdownRender: D,
-    optionRender: R,
-    isLoading: M,
-    readOnly: L
-  }, u) => {
-    const [x, v] = _(!1), [P, j] = _(!1), [$, O] = _(!0), [V, F] = _(i), z = U(null);
-    I(() => {
-      F(i);
+    onDropdownVisibleChange: _,
+    onScrollToEnd: V,
+    onPopupScroll: B,
+    id: A,
+    extraOptions: R,
+    dropdownRender: T,
+    optionRender: E,
+    isLoading: v,
+    readOnly: N
+  }, f) => {
+    const [M, x] = H(!1), [q, G] = H(!1), [Y, S] = H(!0), [Z, y] = H(i), Q = J(null);
+    W(() => {
+      y(i);
     }, [i]);
-    const J = (d) => {
-      v(d), N && N(d);
-    }, o1 = (d, m) => {
-      var A;
-      return !!((A = m == null ? void 0 : m.label) != null && A.toString().toLowerCase().includes(d.toLowerCase()));
-    }, i1 = () => {
-      j(!0);
-    }, t1 = () => {
-      j(!1);
-    }, G = Z(
+    const l1 = (d) => {
+      x(d), _ && _(d);
+    }, r1 = (d, L) => {
+      var u;
+      return !!((u = L == null ? void 0 : L.label) != null && u.toString().toLowerCase().includes(d.toLowerCase()));
+    }, X = () => {
+      G(!0);
+    }, U = () => {
+      G(!1);
+    }, j = I(
       (d) => {
-        if (F(d), l) {
-          const A = d;
-          o == null || o(A);
+        if (y(d), l) {
+          const u = d;
+          o == null || o(u);
           return;
         }
-        const m = d;
-        o == null || o(m);
+        const L = d;
+        o == null || o(L);
       },
       [l, o]
-    ), l1 = Z(() => {
-      if (!L) {
+    ), n1 = I(() => {
+      if (!N) {
         if (l) {
-          G([]);
+          j([]);
           return;
         }
-        G("");
+        j("");
       }
-    }, [G, l, L]), T = Z(
+    }, [j, l, N]), K = I(
       (d) => {
-        const m = V.filter((A) => A !== d);
-        G(m), F(m);
+        const L = Z.filter((u) => u !== d);
+        j(L), y(L);
       },
-      [G, V]
-    ), q = Z(
-      (d) => (V == null ? void 0 : V.indexOf(d)) === 0 ? (
+      [j, Z]
+    ), e1 = I(
+      (d) => (Z == null ? void 0 : Z.indexOf(d)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: $ ? e : "" })
-      ) : /* @__PURE__ */ t(S, {}),
-      [$, V, e]
-    ), r1 = (d) => {
+        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: Y ? e : "" })
+      ) : /* @__PURE__ */ t(z, {}),
+      [Y, Z, e]
+    ), s1 = (d) => {
       d.preventDefault(), d.stopPropagation();
-    }, H = async (d) => {
-      const { target: m } = d;
-      m.scrollTop + m.offsetHeight >= m.scrollHeight - h && (E == null || E(!0)), W && await W(d);
-    }, y = Z(
+    }, h1 = async (d) => {
+      const { target: L } = d;
+      L.scrollTop + L.offsetHeight >= L.scrollHeight - h && (V == null || V(!0)), B && await B(d);
+    }, P = I(
       (d) => {
-        var m, A;
-        return ((m = a.find((a1) => a1.value === d)) == null ? void 0 : m.label) || ((A = f == null ? void 0 : f.find(
-          (a1) => a1.value === d
-        )) == null ? void 0 : A.label) || d;
+        var L, u;
+        return ((L = a.find((b) => b.value === d)) == null ? void 0 : L.label) || ((u = R == null ? void 0 : R.find(
+          (b) => b.value === d
+        )) == null ? void 0 : u.label) || d;
       },
-      [f, a]
-    ), c1 = Z(
+      [R, a]
+    ), c1 = I(
       (d) => {
-        var m;
+        var L;
         return /* @__PURE__ */ t(
-          v0,
+          f0,
           {
             values: d,
-            onTagClose: T,
-            maxWidth: ((m = z.current) == null ? void 0 : m.clientWidth) || 0,
+            onTagClose: K,
+            maxWidth: ((L = Q.current) == null ? void 0 : L.clientWidth) || 0,
             disabled: n,
-            closable: !L,
+            closable: !N,
             options: a,
-            extraOptions: f
+            extraOptions: R
           }
         );
       },
-      [n, f, T, a, L]
-    ), Y = Z(
-      ({ label: d, value: m, mode: A }) => A === "filter" ? q(m) : /* @__PURE__ */ t("div", { onMouseDown: r1, className: "tag-wrapper", children: /* @__PURE__ */ t(_1, { onClose: () => T(m), disabled: n, children: typeof d == "object" ? d : y(m) }) }),
-      [n, y, T, q]
+      [n, R, K, a, N]
+    ), m = I(
+      ({ label: d, value: L, mode: u }) => u === "filter" ? e1(L) : /* @__PURE__ */ t("div", { onMouseDown: s1, className: "tag-wrapper", children: /* @__PURE__ */ t(R1, { onClose: () => K(L), disabled: n, children: typeof d == "object" ? d : P(L) }) }),
+      [n, P, K, e1]
     );
     return /* @__PURE__ */ c(
       "div",
       {
-        className: `snmt-select ${P ? "snmt-select-focused" : ""}
-                ${l ? "" : "snmt-select-single"} ${L ? "snmt-select-read-only" : ""}`,
-        ref: z,
+        className: `snmt-select ${q ? "snmt-select-focused" : ""}
+                ${l ? "" : "snmt-select-single"} ${N ? "snmt-select-read-only" : ""}`,
+        ref: Q,
         style: { width: k },
         children: [
           /* @__PURE__ */ t(
-            E1,
+            Z1,
             {
               className: "snmt-select-blank",
-              popupClassName: L ? "dropdown-read-only" : "",
-              id: B,
-              ref: u,
+              popupClassName: N ? "dropdown-read-only" : "",
+              id: A,
+              ref: f,
               showSearch: !!r,
-              filterOption: r && o1,
-              onDropdownVisibleChange: J,
+              filterOption: r && r1,
+              onDropdownVisibleChange: l1,
               placeholder: e ? p ? `${e}*` : e : void 0,
               disabled: n,
-              value: V || void 0,
-              labelRender: (d) => y(d.value),
+              value: Z || void 0,
+              labelRender: (d) => P(d.value),
               mode: l === "filter" ? "multiple" : l,
-              onChange: G,
-              onFocus: i1,
-              onBlur: t1,
+              onChange: j,
+              onFocus: X,
+              onBlur: U,
               onSearch: (d) => {
-                O(!d), s && s(d);
+                S(!d), s && s(d);
               },
-              onSelect: () => O(!0),
-              onDeselect: () => O(!0),
-              tagRender: (d) => Y({ ...d, mode: l }),
+              onSelect: () => S(!0),
+              onDeselect: () => S(!0),
+              tagRender: (d) => m({ ...d, mode: l }),
               maxTagCount: "responsive",
               maxTagPlaceholder: c1,
-              onPopupScroll: H,
-              prefix: M && /* @__PURE__ */ t(m1, { size: 15 }),
-              suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(S, { children: [
-                V && !!V.length && (l || g) && /* @__PURE__ */ t("div", { onClick: l1, children: /* @__PURE__ */ t(
-                  n1,
+              onPopupScroll: h1,
+              prefix: v && /* @__PURE__ */ t(u1, { size: 15 }),
+              suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(z, { children: [
+                Z && !!Z.length && (l || g) && /* @__PURE__ */ t("div", { onClick: n1, children: /* @__PURE__ */ t(
+                  a1,
                   {
                     name: "cancel",
-                    color: n ? K.GREY_DARK_1 : K.GREY_DARK_5
+                    color: n ? O.GREY_DARK_1 : O.GREY_DARK_5
                   }
                 ) }),
                 /* @__PURE__ */ t(
-                  n1,
+                  a1,
                   {
                     name: "selectArrowIcon",
-                    color: n ? K.GREY_DARK_1 : K.GREY_DARK_5,
-                    className: x ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => v(!x)
+                    color: n ? O.GREY_DARK_1 : O.GREY_DARK_5,
+                    className: M ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => x(!M)
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ t(n1, { name: "errorSmall", color: K.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ t(a1, { name: "errorSmall", color: O.GREY_DARK_2 }),
               options: a,
-              optionRender: (d) => R ? R(d.data) : /* @__PURE__ */ c(h1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ c(h1, { alignItems: "center", gap: 12, children: [
+              optionRender: (d) => E ? E(d.data) : /* @__PURE__ */ c(d1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ c(d1, { alignItems: "center", gap: 12, children: [
                   l && /* @__PURE__ */ t(
-                    t2,
+                    r2,
                     {
-                      checked: !!(V != null && V.includes(d.value))
+                      checked: !!(Z != null && Z.includes(d.value))
                     }
                   ),
-                  /* @__PURE__ */ c(h1, { alignItems: "center", gap: 8, children: [
-                    d.data.image && /* @__PURE__ */ t(i2, { src: d.data.image, size: 20 }),
+                  /* @__PURE__ */ c(d1, { alignItems: "center", gap: 8, children: [
+                    d.data.image && /* @__PURE__ */ t(l2, { src: d.data.image, size: 20 }),
                     /* @__PURE__ */ t("span", { children: d.label })
                   ] })
                 ] }),
-                !l && V === d.value && /* @__PURE__ */ t(
-                  n1,
+                !l && Z === d.value && /* @__PURE__ */ t(
+                  a1,
                   {
                     name: "ok",
-                    color: K.BLUE_PRIMARY,
+                    color: O.BLUE_PRIMARY,
                     width: 16,
                     height: 16
                   }
                 )
               ] }),
               dropdownRender: (d) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ t("div", { className: "dropdown-menu", children: D ? D(d) : d }),
-                M && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(m1, { size: 28 }) })
+                /* @__PURE__ */ t("div", { className: "dropdown-menu", children: T ? T(d) : d }),
+                v && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(u1, { size: 28 }) })
               ] })
             }
           ),
           /* @__PURE__ */ t(
             "fieldset",
             {
-              className: `${P ? "fieldset-focused" : ""}
+              className: `${q ? "fieldset-focused" : ""}
                      ${n ? "fieldset-disabled" : ""}
                      ${typeof i == "string" && i ? "fieldset-filled" : ""}
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -7288,9 +7288,9 @@ const v0 = ({
     );
   }
 );
-function N0(i, o = 500) {
-  const e = U();
-  return I(() => () => {
+function M0(i, o = 500) {
+  const e = J();
+  return W(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...r) => {
     const a = setTimeout(() => {
@@ -7299,15 +7299,15 @@ function N0(i, o = 500) {
     clearTimeout(e.current), e.current = a;
   };
 }
-function v1(i) {
-  const o = U(i);
-  return I(() => {
+function N1(i) {
+  const o = J(i);
+  return W(() => {
     o.current = i;
   }, [i]), o.current;
 }
-const d1 = 100, s1 = {
+const C1 = 100, $ = {
   offset: 0
-}, H0 = w1(
+}, E0 = g1(
   ({
     loadOptions: i,
     width: o,
@@ -7321,116 +7321,146 @@ const d1 = 100, s1 = {
     loadOnClosedState: g,
     preloadOptions: h,
     extraOptions: s,
-    onDropdownVisibleChange: N,
-    optionRender: E,
-    dropdownRender: W,
-    readOnly: B,
-    clearable: f,
-    required: D = !1
-  }, R) => {
-    const [M, L] = _(), [u, x] = _(s1), [v, P] = _(!1), [j, $] = _(), [O, V] = _(!1), F = v1(u.offset), z = v1(j), [J, o1] = _(!1), i1 = U(!1), t1 = Z(
+    onDropdownVisibleChange: _,
+    optionRender: V,
+    dropdownRender: B,
+    readOnly: A,
+    clearable: R,
+    required: T = !1
+  }, E) => {
+    const [v, N] = H(), [f, M] = H($), [x, q] = H(!1), [G, Y] = H(), [S, Z] = H(!1), [y, Q] = H(
+      s ?? []
+    ), l1 = N1(f.offset), r1 = N1(G), [X, U] = H(!1), j = J(!1), n1 = I(
       async ({
-        limit: H = d1,
-        offset: y,
-        search: c1
+        limit: m = C1,
+        offset: d,
+        search: L
       }) => {
-        P(!0);
+        q(!0);
         try {
-          const Y = await i({
-            limit: H,
-            offset: y,
-            search: c1
+          const u = await i({
+            limit: m,
+            offset: d,
+            search: L
           });
-          L(
-            (d) => y === 0 ? Y.options : [...d ?? [], ...Y.options]
-          ), x((d) => ({
-            ...d,
-            count: Y.count
+          N(
+            (D) => d === 0 ? u.options : [...D ?? [], ...u.options]
+          ), M((D) => ({
+            ...D,
+            count: u.count
           }));
-        } catch (Y) {
-          return console.error("AsyncSelect. fetchOptions error", Y), [];
+        } catch (u) {
+          return console.error("AsyncSelect. fetchOptions error", u), [];
         } finally {
-          P(!1);
+          q(!1);
         }
       },
       [i]
-    ), G = N0((H) => {
-      $(H), H || x(s1);
-    }), l1 = Z(
-      (H) => G(H),
-      [G]
-    ), T = Z(
-      async (H) => {
-        v || H && u.count && u.count > ((M == null ? void 0 : M.length) ?? 0) && x((y) => ({
-          ...y,
-          offset: y.offset + d1
+    ), K = M0((m) => {
+      Y(m), m || M($);
+    }), e1 = I(
+      (m) => K(m),
+      [K]
+    ), s1 = I(
+      async (m) => {
+        x || m && f.count && f.count > ((v == null ? void 0 : v.length) ?? 0) && M((d) => ({
+          ...d,
+          offset: d.offset + C1
         }));
       },
-      [v, M == null ? void 0 : M.length, u.count]
-    ), q = Z(
-      (H) => {
-        V(H), N == null || N(H);
+      [x, v == null ? void 0 : v.length, f.count]
+    ), h1 = I(
+      (m) => {
+        Z(m), !m && G && (Y(void 0), M($), U(!0)), _ == null || _(m);
       },
-      [N]
+      [_, G]
     );
-    I(() => {
-      if (!i1.current || v) return;
-      (J || O && (F !== u.offset || z !== j || !M)) && (t1({ offset: u.offset, limit: d1, search: j }), J && o1(!1));
-    }, [J, O, u.offset, j, F, z, M, v]), I(() => {
-      (g || h) && t1(s1), i1.current = !0;
-    }, []);
-    const r1 = R1(
+    W(() => {
+      if (!j.current || x) return;
+      (X || S && (l1 !== f.offset || r1 !== G || !v)) && (n1({ offset: f.offset, limit: C1, search: G }), X && U(!1));
+    }, [X, S, f.offset, G, l1, r1, v, x]), W(() => {
+      (g || h) && n1($), j.current = !0;
+    }, []), W(() => {
+      s && Q((m) => {
+        const d = s.filter(
+          (L) => !m.some((u) => u.value === L.value)
+        );
+        return [...m, ...d];
+      });
+    }, [s]);
+    const P = I(
+      (m) => {
+        e && e(m);
+        let d = [];
+        if (p ? d = Array.isArray(m) ? m : [] : d = m ? [m] : [], G) {
+          const L = d.filter(
+            (u) => !(y != null && y.some((D) => D.value === u))
+          );
+          L.length > 0 && Q((u = []) => [
+            ...u,
+            ...L.map((D) => {
+              const b = v == null ? void 0 : v.find((H1) => H1.value === D);
+              return {
+                value: D,
+                label: (b == null ? void 0 : b.label) ?? D
+              };
+            })
+          ]), Y(void 0), M($), U(!0);
+        }
+      },
+      [e, G, p, v, y]
+    ), c1 = E1(
       () => ({
         id: r,
         width: o,
-        options: M || [],
-        onChange: e,
-        ref: R,
+        options: v || [],
+        onChange: P,
+        ref: E,
         placeholder: n,
         search: !0,
         value: l,
-        onSearchChange: l1,
-        onDropdownVisibleChange: q,
+        onSearchChange: e1,
+        onDropdownVisibleChange: h1,
         scrollThresholdValue: k,
-        onScrollToEnd: T,
+        onScrollToEnd: s1,
         disabled: a,
-        extraOptions: s,
-        isLoading: v,
-        optionRender: E,
-        dropdownRender: W,
-        readOnly: B,
-        clearable: f,
-        required: D
+        extraOptions: y,
+        isLoading: x,
+        optionRender: V,
+        dropdownRender: B,
+        readOnly: A,
+        clearable: R,
+        required: T
       }),
       [
         r,
         o,
-        M,
-        e,
-        R,
+        v,
+        P,
+        E,
         n,
         l,
-        l1,
-        q,
+        e1,
+        h1,
         k,
-        T,
+        s1,
         a,
-        s,
-        v,
-        E,
-        W,
+        y,
+        x,
+        V,
         B,
-        f,
-        D
+        A,
+        R,
+        T
       ]
     );
-    return H1(R, () => ({
+    return V1(E, () => ({
       refetchOptions: async () => {
-        x(s1), $(void 0), L([]), o1(!0);
+        M($), Y(void 0), U(!0);
       }
-    })), p ? /* @__PURE__ */ t(u1, { ...r1, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(u1, { ...r1, onChange: e, value: l }) });
+    })), p ? /* @__PURE__ */ t(v1, { ...c1, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(v1, { ...c1, value: l }) });
   }
 );
 export {
-  H0 as AsyncSelect
+  E0 as AsyncSelect
 };