@snmt-react-ui/async-select 1.10.13 → 1.10.14

package/dist/async-select.js

@@ -1,8 +1,8 @@
 import "./index.css";
-import { jsx as o, Fragment as F, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as n1, useState as R, useRef as W, useEffect as G, useCallback as y, useContext as r1, createContext as s1, useImperativeHandle as L1, useMemo as A1 } from "react";
-import { Select as G1, Tag as I1, Flex as D1, Checkbox as y1, Avatar as Y1, Typography as m1, Popover as K1 } from "antd";
-var B1 = Object.defineProperty, T1 = (i, l, e) => l in i ? B1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => T1(i, l + "", e), O1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { jsx as o, Fragment as F, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as n1, useState as R, useRef as W, useEffect as G, useCallback as T, useContext as r1, createContext as s1, useImperativeHandle as L1, useMemo as E1 } from "react";
+import { Select as G1, Tag as I1, Flex as D1, Checkbox as T1, Avatar as K1, Typography as m1, Popover as y1 } from "antd";
+var Y1 = Object.defineProperty, B1 = (i, l, e) => l in i ? Y1(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, b1 = (i, l, e) => B1(i, l + "", e), O1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function W1() {
   if (console && console.warn) {
     for (var i = arguments.length, l = new Array(i), e = 0; e < i; e++)
@@ -100,7 +100,7 @@ const i2 = (i, l) => {
   return G(() => {
     e.current = i;
   }, [i, l]), e.current;
-}, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => y(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
+}, x1 = (i, l, e, t) => i.getFixedT(l, e, t), o2 = (i, l, e, t) => T(x1(i, l, e, t), [i, l, e, t]), t2 = function(i) {
   let l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
@@ -110,8 +110,8 @@ const i2 = (i, l) => {
   } = r1(e2) || {}, c = e || t || X1();
   if (c && !c.reportNamespaces && (c.reportNamespaces = new l2()), !c) {
     p1("You will need to pass in an i18next instance by using initReactI18next");
-    const p = (Z, V) => P(V) ? V : U1(V) && P(V.defaultValue) ? V.defaultValue : Array.isArray(Z) ? Z[Z.length - 1] : Z, E = [p, {}, !1];
-    return E.t = p, E.i18n = {}, E.ready = !1, E;
+    const p = (Z, V) => P(V) ? V : U1(V) && P(V.defaultValue) ? V.defaultValue : Array.isArray(Z) ? Z[Z.length - 1] : Z, A = [p, {}, !1];
+    return A.t = p, A.i18n = {}, A.ready = !1, A;
   }
   c.options.react && c.options.react.wait !== void 0 && p1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const L = {
@@ -124,31 +124,31 @@ const i2 = (i, l) => {
   } = L;
   let C = i;
   C = P(C) ? [C] : C || ["translation"], c.reportNamespaces.addUsedNamespaces && c.reportNamespaces.addUsedNamespaces(C);
-  const h = (c.isInitialized || c.initializedStoreOnce) && C.every((p) => S1(p, c, L)), s = o2(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), f = () => s, v = () => x1(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), [M, H] = R(f);
+  const a = (c.isInitialized || c.initializedStoreOnce) && C.every((p) => S1(p, c, L)), s = o2(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), f = () => s, v = () => x1(c, l.lng || null, L.nsMode === "fallback" ? C : C[0], m), [M, H] = R(f);
   let u = C.join();
   l.lng && (u = `${l.lng}${u}`);
   const x = i2(u), D = W(!0);
   G(() => {
     const {
       bindI18n: p,
-      bindI18nStore: E
+      bindI18nStore: A
     } = L;
-    D.current = !0, !h && !r && (l.lng ? N1(c, l.lng, C, () => {
+    D.current = !0, !a && !r && (l.lng ? N1(c, l.lng, C, () => {
       D.current && H(v);
     }) : f1(c, C, () => {
       D.current && H(v);
-    })), h && x && x !== u && D.current && H(v);
+    })), a && x && x !== u && D.current && H(v);
     const Z = () => {
       D.current && H(v);
     };
-    return p && c && c.on(p, Z), E && c && c.store.on(E, Z), () => {
-      D.current = !1, p && c && p.split(" ").forEach((V) => c.off(V, Z)), E && c && E.split(" ").forEach((V) => c.store.off(V, Z));
+    return p && c && c.on(p, Z), A && c && c.store.on(A, Z), () => {
+      D.current = !1, p && c && p.split(" ").forEach((V) => c.off(V, Z)), A && c && A.split(" ").forEach((V) => c.store.off(V, Z));
     };
   }, [c, u]), G(() => {
-    D.current && h && H(f);
-  }, [c, m, h]);
-  const Y = [M, c, h];
-  if (Y.t = M, Y.i18n = c, Y.ready = h, h || !h && !r) return Y;
+    D.current && a && H(f);
+  }, [c, m, a]);
+  const K = [M, c, a];
+  if (K.t = M, K.i18n = c, K.ready = a, a || !a && !r) return K;
   throw new Promise((p) => {
     l.lng ? N1(c, l.lng, C, () => p()) : f1(c, C, () => p());
   });
@@ -177,7 +177,7 @@ const i2 = (i, l) => {
 ), n2 = ({ shape: i = "circle", size: l = 32, children: e, ...t }) => {
   const n = typeof t.src == "string";
   return /* @__PURE__ */ o(
-    Y1,
+    K1,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -188,18 +188,18 @@ const i2 = (i, l) => {
     }
   );
 };
-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.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(K || {});
+var y = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(y || {});
 const u1 = s1({
   locale: "en",
   theme: "light"
 });
 u1.Provider;
-const { Title: r2, Text: s2 } = m1, h2 = {
+const { Title: r2, Text: s2 } = m1, a2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, a2 = n1(
+}, h2 = n1(
   ({
     align: i = "inherit",
     variant: l = "body1",
@@ -213,7 +213,7 @@ const { Title: r2, Text: s2 } = m1, h2 = {
   }, m) => {
     const C = W(null);
     L1(m, () => C.current);
-    const [h, s] = R(!1);
+    const [a, s] = R(!1);
     G(() => {
       var H;
       if (!r) return;
@@ -234,14 +234,14 @@ const { Title: r2, Text: s2 } = m1, h2 = {
       style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
       onClick: n,
       ref: C,
-      ellipsis: r && h ? {
+      ellipsis: r && a ? {
         tooltip: {
           title: t,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return f ? /* @__PURE__ */ o(r2, { level: h2[l], ...M, children: t }) : /* @__PURE__ */ o(s2, { ...M, children: t });
+    return f ? /* @__PURE__ */ o(r2, { level: a2[l], ...M, children: t }) : /* @__PURE__ */ o(s2, { ...M, children: t });
   }
 ), c2 = ({
   checked: i = !0,
@@ -255,11 +255,11 @@ const { Title: r2, Text: s2 } = m1, h2 = {
   G(() => {
     r(i), C(l);
   }, [i, l]);
-  const { theme: h } = r1(u1);
+  const { theme: a } = r1(u1);
   return /* @__PURE__ */ o(
-    y1,
+    T1,
     {
-      className: `snmt-checkbox snmt-checkbox-${h}`,
+      className: `snmt-checkbox snmt-checkbox-${a}`,
       checked: L,
       indeterminate: m,
       onChange: (s) => {
@@ -267,17 +267,17 @@ const { Title: r2, Text: s2 } = m1, h2 = {
       },
       disabled: n,
       children: e && /* @__PURE__ */ o(
-        a2,
+        h2,
         {
           variant: "body2",
-          color: n ? K.GREY_DARK_2 : K.GREY_DARK_5,
+          color: n ? y.GREY_DARK_2 : y.GREY_DARK_5,
           children: e
         }
       )
     }
   );
 };
-var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(d || {});
+var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(d || {});
 const Z1 = s1({
   locale: "en",
   theme: "light"
@@ -316,7 +316,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -356,7 +356,7 @@ const C2 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -391,7 +391,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -442,7 +442,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -493,7 +493,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -612,7 +612,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -673,7 +673,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -720,7 +720,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -760,7 +760,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -800,7 +800,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -847,7 +847,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -894,7 +894,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -941,7 +941,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -975,13 +975,13 @@ const C2 = ({
       )
     ]
   }
-), E2 = ({
+), A2 = ({
   width: i = 20,
   height: l = 20,
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1008,13 +1008,13 @@ const C2 = ({
       )
     ]
   }
-), A2 = ({
+), E2 = ({
   width: i = 20,
   height: l = 20,
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1047,7 +1047,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1080,7 +1080,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1113,7 +1113,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1147,13 +1147,13 @@ const C2 = ({
       )
     ]
   }
-), y2 = ({
+), T2 = ({
   width: i = 20,
   height: l = 20,
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1180,13 +1180,13 @@ const C2 = ({
       )
     ]
   }
-), Y2 = ({
+), K2 = ({
   width: i = 20,
   height: l = 20,
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1213,13 +1213,13 @@ const C2 = ({
       )
     ]
   }
-), K2 = ({
+), y2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1243,13 +1243,13 @@ const C2 = ({
       /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), B2 = ({
+), Y2 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1281,7 +1281,7 @@ const C2 = ({
       )
     ]
   }
-), T2 = ({
+), B2 = ({
   width: i = 9,
   height: l = 5,
   color: e = "#001E52",
@@ -1313,7 +1313,7 @@ const C2 = ({
   color: e = "#F2F2F7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1342,7 +1342,7 @@ const C2 = ({
   color: e = "#004ED7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1371,7 +1371,7 @@ const C2 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1400,7 +1400,7 @@ const C2 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -1437,7 +1437,7 @@ const C2 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -1573,7 +1573,7 @@ const C2 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -1606,7 +1606,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -1672,7 +1672,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -1731,7 +1731,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -1768,7 +1768,7 @@ const C2 = ({
   height: e = 14,
   width: t = 14,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     className: i,
@@ -1832,7 +1832,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -1884,7 +1884,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -1921,7 +1921,7 @@ const C2 = ({
   height: e = 37,
   width: t = 36,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -1986,7 +1986,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2025,7 +2025,7 @@ const C2 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2052,13 +2052,13 @@ const C2 = ({
       )
     ]
   }
-), h5 = ({
+), a5 = ({
   className: i,
   color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2121,13 +2121,13 @@ const C2 = ({
       )
     ]
   }
-), a5 = ({
+), h5 = ({
   className: i,
   color: l = d.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2184,7 +2184,7 @@ const C2 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2260,7 +2260,7 @@ const C2 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -2326,7 +2326,7 @@ const C2 = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ a("g", { children: [
+    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ h("g", { children: [
       /* @__PURE__ */ o(
         "path",
         {
@@ -2377,7 +2377,7 @@ const C2 = ({
   color: e = "#131314",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2410,7 +2410,7 @@ const C2 = ({
   color: e = d.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2443,7 +2443,7 @@ const C2 = ({
   color: e = d.GREY_DARK_2,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2540,7 +2540,7 @@ const C2 = ({
   disabled: c = !1,
   onClick: L
 }) => {
-  const [r, m] = R(n), { theme: C } = r1(Z1), h = c ? C && C === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, s = c ? void 0 : L;
+  const [r, m] = R(n), { theme: C } = r1(Z1), a = c ? C && C === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : t, s = c ? void 0 : L;
   return G(() => {
     if (n) {
       s && !c && m(`${n} clickable`);
@@ -2550,86 +2550,86 @@ const C2 = ({
   }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return U2({ width: l, height: e, color: h, className: r, onClick: s });
+        return U2({ width: l, height: e, color: a, className: r, onClick: s });
       case "prevIcon":
-        return F2({ width: l, height: e, color: h, className: r, onClick: s });
+        return F2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDown":
-        return C2({ width: l, height: e, color: h, className: r, onClick: s });
+        return C2({ width: l, height: e, color: a, className: r, onClick: s });
       case "info":
-        return d2({ width: l, height: e, color: h, className: r, onClick: s });
+        return d2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowRight":
-        return w2({ width: l, height: e, color: h, className: r, onClick: s });
+        return w2({ width: l, height: e, color: a, className: r, onClick: s });
       case "calendar":
-        return m2({ width: l, height: e, color: h, className: r, onClick: s });
+        return m2({ width: l, height: e, color: a, className: r, onClick: s });
       case "check":
-        return u2({ width: l, height: e, color: h, className: r, onClick: s });
+        return u2({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancel":
-        return v2({ width: l, height: e, color: h, className: r, onClick: s });
+        return v2({ width: l, height: e, color: a, className: r, onClick: s });
       case "add":
-        return f2({ width: l, height: e, color: h, className: r, onClick: s });
+        return f2({ width: l, height: e, color: a, className: r, onClick: s });
       case "list":
-        return N2({ width: l, height: e, color: h, className: r, onClick: s });
+        return N2({ width: l, height: e, color: a, className: r, onClick: s });
       case "dragAndDrop":
-        return _2({ width: l, height: e, color: h, className: r, onClick: s });
+        return _2({ width: l, height: e, color: a, className: r, onClick: s });
       case "filter":
-        return R2({ width: l, height: e, color: h, className: r, onClick: s });
+        return R2({ width: l, height: e, color: a, className: r, onClick: s });
       case "attention":
-        return M2({ width: l, height: e, color: h, className: r, onClick: s });
+        return M2({ width: l, height: e, color: a, className: r, onClick: s });
       case "users":
-        return H2({ width: l, height: e, color: h, className: r, onClick: s });
+        return H2({ width: l, height: e, color: a, className: r, onClick: s });
       case "mySkillsMatrix":
         return x2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "skills":
-        return Z2({ width: l, height: e, color: h, className: r, onClick: s });
+        return Z2({ width: l, height: e, color: a, className: r, onClick: s });
       case "skillsMatrices":
         return V2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "history":
-        return E2({ width: l, height: e, color: h, className: r, onClick: s });
+        return A2({ width: l, height: e, color: a, className: r, onClick: s });
       case "logOut":
-        return A2({ width: l, height: e, color: h, className: r, onClick: s });
+        return E2({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings":
-        return G2({ width: l, height: e, color: h, className: r, onClick: s });
+        return G2({ width: l, height: e, color: a, className: r, onClick: s });
       case "trash":
-        return I2({ width: l, height: e, color: h, className: r, onClick: s });
+        return I2({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings2":
-        return D2({ width: l, height: e, color: h, className: r, onClick: s });
+        return D2({ width: l, height: e, color: a, className: r, onClick: s });
       case "checkCircle":
-        return y2({ width: l, height: e, color: h, className: r, onClick: s });
+        return T2({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancelCircle":
-        return Y2({ width: l, height: e, color: h, className: r, onClick: s });
+        return K2({ width: l, height: e, color: a, className: r, onClick: s });
       case "visibilityIcon":
-        return K2({
+        return y2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "visibilityOffIcon":
-        return B2({
+        return Y2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "selectArrowIcon":
-        return T2({
+        return B2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2637,7 +2637,7 @@ const C2 = ({
         return b2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -2645,80 +2645,80 @@ const C2 = ({
         return O2({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return W2({ width: l, height: e, color: h, className: r, onClick: s });
+        return W2({ width: l, height: e, color: a, className: r, onClick: s });
       case "sortDown":
-        return j2({ width: l, height: e, color: h, className: r, onClick: s });
+        return j2({ width: l, height: e, color: a, className: r, onClick: s });
       case "search":
-        return S2({ width: l, height: e, color: h, className: r, onClick: s });
+        return S2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowUpFilled":
-        return $2({ width: l, height: e, color: h, className: r, onClick: s });
+        return $2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDownFilled":
-        return P2({ width: l, height: e, color: h, className: r, onClick: s });
+        return P2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Up":
-        return g2({ width: l, height: e, color: h, className: r, onClick: s });
+        return g2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Right":
-        return L2({ width: l, height: e, color: h, className: r, onClick: s });
+        return L2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Down":
-        return k2({ width: l, height: e, color: h, className: r, onClick: s });
+        return k2({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Left":
-        return p2({ width: l, height: e, color: h, className: r, onClick: s });
+        return p2({ width: l, height: e, color: a, className: r, onClick: s });
       case "link":
-        return z2({ width: l, height: e, color: h, className: r, onClick: s });
+        return z2({ width: l, height: e, color: a, className: r, onClick: s });
       case "telegram":
-        return q2({ width: l, height: e, color: h, className: r, onClick: s });
+        return q2({ width: l, height: e, color: a, className: r, onClick: s });
       case "mail":
-        return X2({ width: l, height: e, color: h, className: r, onClick: s });
+        return X2({ width: l, height: e, color: a, className: r, onClick: s });
       case "github":
-        return J2({ width: l, height: e, color: h, className: r, onClick: s });
+        return J2({ width: l, height: e, color: a, className: r, onClick: s });
       case "linkedIn":
-        return Q2({ width: l, height: e, color: h, className: r, onClick: s });
+        return Q2({ width: l, height: e, color: a, className: r, onClick: s });
       case "emptyStateIcon":
-        return e5({ width: l, height: e, color: h, className: r, onClick: s });
+        return e5({ width: l, height: e, color: a, className: r, onClick: s });
       case "filtersIcon":
-        return l5({ width: l, height: e, color: h, className: r, onClick: s });
+        return l5({ width: l, height: e, color: a, className: r, onClick: s });
       case "dotMenuIcon":
-        return i5({ width: l, height: e, color: h, className: r, onClick: s });
+        return i5({ width: l, height: e, color: a, className: r, onClick: s });
       case "plusCircle":
-        return o5({ width: l, height: e, color: h, className: r, onClick: s });
+        return o5({ width: l, height: e, color: a, className: r, onClick: s });
       case "warning":
-        return t5({ width: l, height: e, color: h, className: r, onClick: s });
+        return t5({ width: l, height: e, color: a, className: r, onClick: s });
       case "back":
-        return n5({ width: l, height: e, color: h, className: r, onClick: s });
+        return n5({ width: l, height: e, color: a, className: r, onClick: s });
       case "bell":
-        return r5({ width: l, height: e, color: h, className: r, onClick: s });
+        return r5({ width: l, height: e, color: a, className: r, onClick: s });
       case "copy":
-        return s5({ width: l, height: e, color: h, className: r, onClick: s });
+        return s5({ width: l, height: e, color: a, className: r, onClick: s });
       case "contract":
-        return h5({ width: l, height: e, color: h, className: r, onClick: s });
+        return a5({ width: l, height: e, color: a, className: r, onClick: s });
       case "resourceManager":
-        return a5({ width: l, height: e, color: h, className: r, onClick: s });
+        return h5({ width: l, height: e, color: a, className: r, onClick: s });
       case "image":
-        return c5({ width: l, height: e, color: h, className: r, onClick: s });
+        return c5({ width: l, height: e, color: a, className: r, onClick: s });
       case "edit":
-        return C5({ width: l, height: e, color: h, className: r, onClick: s });
+        return C5({ width: l, height: e, color: a, className: r, onClick: s });
       case "filledArrowRight":
-        return d5({ width: l, height: e, color: h, className: r, onClick: s });
+        return d5({ width: l, height: e, color: a, className: r, onClick: s });
       case "burgerMenu":
-        return w5({ width: l, height: e, color: h, className: r, onClick: s });
+        return w5({ width: l, height: e, color: a, className: r, onClick: s });
       case "refresh":
-        return g5({ width: l, height: e, color: h, className: r, onClick: s });
+        return g5({ width: l, height: e, color: a, className: r, onClick: s });
       case "projects":
-        return L5({ width: l, height: e, color: h, className: r, onClick: s });
+        return L5({ width: l, height: e, color: a, className: r, onClick: s });
       case "user":
-        return p5({ width: l, height: e, color: h, className: r, onClick: s });
+        return p5({ width: l, height: e, color: a, className: r, onClick: s });
       case "exit":
-        return k5({ width: l, height: e, color: h, className: r, onClick: s });
+        return k5({ width: l, height: e, color: a, className: r, onClick: s });
       case "openPointCircle":
-        return m5({ width: l, height: e, color: h, className: r, onClick: s });
+        return m5({ width: l, height: e, color: a, className: r, onClick: s });
       case "community":
-        return u5({ width: l, height: e, color: h, className: r, onClick: s });
+        return u5({ width: l, height: e, color: a, className: r, onClick: s });
       case "docs":
-        return v5({ width: l, height: e, color: h, className: r, onClick: s });
+        return v5({ width: l, height: e, color: a, className: r, onClick: s });
       default:
         return /* @__PURE__ */ o(F, { children: "No Icon provided" });
     }
@@ -2742,7 +2742,7 @@ const C2 = ({
   }, m) => {
     const C = W(null);
     L1(m, () => C.current);
-    const [h, s] = R(!1);
+    const [a, s] = R(!1);
     G(() => {
       var H;
       if (!r) return;
@@ -2763,7 +2763,7 @@ const C2 = ({
       style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
       onClick: n,
       ref: C,
-      ellipsis: r && h ? {
+      ellipsis: r && a ? {
         tooltip: {
           title: t,
           overlayClassName: "snmt-tooltip"
@@ -2773,7 +2773,7 @@ const C2 = ({
     return f ? /* @__PURE__ */ o(f5, { level: _5[l], ...M, children: t }) : /* @__PURE__ */ o(N5, { ...M, children: t });
   }
 );
-var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(w || {});
+var w = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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 V1 = s1({
   locale: "en",
   theme: "light"
@@ -2812,7 +2812,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2852,7 +2852,7 @@ const M5 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2887,7 +2887,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2932,13 +2932,13 @@ const M5 = ({
       }
     )
   }
-), E5 = ({
+), A5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -2959,7 +2959,7 @@ const M5 = ({
       /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), A5 = ({
+), E5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
@@ -2989,7 +2989,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3078,7 +3078,7 @@ const M5 = ({
       }
     )
   }
-), y5 = ({
+), T5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
@@ -3102,13 +3102,13 @@ const M5 = ({
       }
     )
   }
-), Y5 = ({
+), K5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3163,13 +3163,13 @@ const M5 = ({
       )
     ]
   }
-), K5 = ({
+), y5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3210,13 +3210,13 @@ const M5 = ({
       )
     ]
   }
-), B5 = ({
+), Y5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3250,13 +3250,13 @@ const M5 = ({
       )
     ]
   }
-), T5 = ({
+), B5 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3296,7 +3296,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3343,7 +3343,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3390,7 +3390,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3437,7 +3437,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3477,7 +3477,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3510,7 +3510,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3543,7 +3543,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3576,7 +3576,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3609,7 +3609,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3649,7 +3649,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3682,7 +3682,7 @@ const M5 = ({
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3715,7 +3715,7 @@ const M5 = ({
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3745,7 +3745,7 @@ const M5 = ({
   color: e = "#070739",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3809,7 +3809,7 @@ const M5 = ({
   color: e = "#F2F2F7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3838,7 +3838,7 @@ const M5 = ({
   color: e = "#004ED7",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3867,7 +3867,7 @@ const M5 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3896,7 +3896,7 @@ const M5 = ({
   color: e = "#001E52",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -3933,7 +3933,7 @@ const M5 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -4038,7 +4038,7 @@ const M5 = ({
       }
     )
   }
-), h7 = ({
+), a7 = ({
   className: i,
   color: l = w.GREY_DARK_5,
   height: e = 5,
@@ -4063,13 +4063,13 @@ const M5 = ({
       }
     )
   }
-), a7 = ({
+), h7 = ({
   className: i,
   color: l = w.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -4102,7 +4102,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -4168,7 +4168,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -4227,7 +4227,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: t,
@@ -4264,7 +4264,7 @@ const M5 = ({
   height: e = 14,
   width: t = 14,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     className: i,
@@ -4328,7 +4328,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4380,7 +4380,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4417,7 +4417,7 @@ const M5 = ({
   height: e = 37,
   width: t = 36,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4482,7 +4482,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4521,7 +4521,7 @@ const M5 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4554,7 +4554,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4623,7 +4623,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4680,7 +4680,7 @@ const M5 = ({
   height: e = 24,
   width: t = 24,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4756,7 +4756,7 @@ const M5 = ({
   height: e = 20,
   width: t = 20,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     onClick: n,
@@ -4822,7 +4822,7 @@ const M5 = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 489.698 489.698",
-    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ a("g", { children: [
+    children: /* @__PURE__ */ o("g", { children: /* @__PURE__ */ h("g", { children: [
       /* @__PURE__ */ o(
         "path",
         {
@@ -4867,13 +4867,13 @@ const M5 = ({
       }
     )
   }
-), E7 = ({
+), A7 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -4900,13 +4900,13 @@ const M5 = ({
       )
     ]
   }
-), A7 = ({
+), E7 = ({
   width: i = 20,
   height: l = 20,
   color: e = w.GREY_DARK_5,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -4939,7 +4939,7 @@ const M5 = ({
   color: e = w.GREY_DARK_2,
   className: t,
   onClick: n
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(
   "svg",
   {
     width: i,
@@ -5027,7 +5027,7 @@ const M5 = ({
       }
     )
   }
-), y7 = ({
+), T7 = ({
   name: i,
   width: l,
   height: e,
@@ -5036,7 +5036,7 @@ const M5 = ({
   disabled: c = !1,
   onClick: L
 }) => {
-  const [r, m] = R(n), { theme: C } = r1(V1), h = c ? C && C === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = c ? void 0 : L;
+  const [r, m] = R(n), { theme: C } = r1(V1), a = c ? C && C === "dark" ? w.GREY_LIGHT_4 : w.GREY_DARK_1 : t, s = c ? void 0 : L;
   return G(() => {
     if (n) {
       s && !c && m(`${n} clickable`);
@@ -5046,70 +5046,70 @@ const M5 = ({
   }, [s, n, c]), /* @__PURE__ */ o(F, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return n7({ width: l, height: e, color: h, className: r, onClick: s });
+        return n7({ width: l, height: e, color: a, className: r, onClick: s });
       case "prevIcon":
-        return r7({ width: l, height: e, color: h, className: r, onClick: s });
+        return r7({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDown":
-        return M5({ width: l, height: e, color: h, className: r, onClick: s });
+        return M5({ width: l, height: e, color: a, className: r, onClick: s });
       case "info":
-        return H5({ width: l, height: e, color: h, className: r, onClick: s });
+        return H5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowRight":
-        return x5({ width: l, height: e, color: h, className: r, onClick: s });
+        return x5({ width: l, height: e, color: a, className: r, onClick: s });
       case "calendar":
-        return G5({ width: l, height: e, color: h, className: r, onClick: s });
+        return G5({ width: l, height: e, color: a, className: r, onClick: s });
       case "check":
-        return I5({ width: l, height: e, color: h, className: r, onClick: s });
+        return I5({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancel":
-        return D5({ width: l, height: e, color: h, className: r, onClick: s });
+        return D5({ width: l, height: e, color: a, className: r, onClick: s });
       case "add":
-        return y5({ width: l, height: e, color: h, className: r, onClick: s });
+        return T5({ width: l, height: e, color: a, className: r, onClick: s });
       case "list":
-        return Y5({ width: l, height: e, color: h, className: r, onClick: s });
+        return K5({ width: l, height: e, color: a, className: r, onClick: s });
       case "dragAndDrop":
-        return K5({ width: l, height: e, color: h, className: r, onClick: s });
+        return y5({ width: l, height: e, color: a, className: r, onClick: s });
       case "filter":
-        return B5({ width: l, height: e, color: h, className: r, onClick: s });
+        return Y5({ width: l, height: e, color: a, className: r, onClick: s });
       case "attention":
-        return T5({ width: l, height: e, color: h, className: r, onClick: s });
+        return B5({ width: l, height: e, color: a, className: r, onClick: s });
       case "users":
-        return b5({ width: l, height: e, color: h, className: r, onClick: s });
+        return b5({ width: l, height: e, color: a, className: r, onClick: s });
       case "mySkillsMatrix":
         return O5({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "skills":
-        return W5({ width: l, height: e, color: h, className: r, onClick: s });
+        return W5({ width: l, height: e, color: a, className: r, onClick: s });
       case "skillsMatrices":
         return j5({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "history":
-        return S5({ width: l, height: e, color: h, className: r, onClick: s });
+        return S5({ width: l, height: e, color: a, className: r, onClick: s });
       case "logOut":
-        return U5({ width: l, height: e, color: h, className: r, onClick: s });
+        return U5({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings":
-        return F5({ width: l, height: e, color: h, className: r, onClick: s });
+        return F5({ width: l, height: e, color: a, className: r, onClick: s });
       case "trash":
-        return P5({ width: l, height: e, color: h, className: r, onClick: s });
+        return P5({ width: l, height: e, color: a, className: r, onClick: s });
       case "settings2":
-        return $5({ width: l, height: e, color: h, className: r, onClick: s });
+        return $5({ width: l, height: e, color: a, className: r, onClick: s });
       case "checkCircle":
-        return z5({ width: l, height: e, color: h, className: r, onClick: s });
+        return z5({ width: l, height: e, color: a, className: r, onClick: s });
       case "cancelCircle":
-        return J5({ width: l, height: e, color: h, className: r, onClick: s });
+        return J5({ width: l, height: e, color: a, className: r, onClick: s });
       case "visibilityIcon":
         return q5({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -5117,7 +5117,7 @@ const M5 = ({
         return Q5({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -5125,7 +5125,7 @@ const M5 = ({
         return X5({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -5133,7 +5133,7 @@ const M5 = ({
         return e7({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
@@ -5141,92 +5141,92 @@ const M5 = ({
         return l7({
           width: l,
           height: e,
-          color: h,
+          color: a,
           className: r,
           onClick: s
         });
       case "sortUp":
-        return i7({ width: l, height: e, color: h, className: r, onClick: s });
+        return i7({ width: l, height: e, color: a, className: r, onClick: s });
       case "sortDown":
-        return o7({ width: l, height: e, color: h, className: r, onClick: s });
+        return o7({ width: l, height: e, color: a, className: r, onClick: s });
       case "search":
-        return t7({ width: l, height: e, color: h, className: r, onClick: s });
+        return t7({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowUpFilled":
-        return h7({ width: l, height: e, color: h, className: r, onClick: s });
+        return a7({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrowDownFilled":
-        return s7({ width: l, height: e, color: h, className: r, onClick: s });
+        return s7({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Up":
-        return Z5({ width: l, height: e, color: h, className: r, onClick: s });
+        return Z5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Right":
-        return V5({ width: l, height: e, color: h, className: r, onClick: s });
+        return V5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Down":
-        return E5({ width: l, height: e, color: h, className: r, onClick: s });
+        return A5({ width: l, height: e, color: a, className: r, onClick: s });
       case "arrow2Left":
-        return A5({ width: l, height: e, color: h, className: r, onClick: s });
+        return E5({ width: l, height: e, color: a, className: r, onClick: s });
       case "link":
-        return a7({ width: l, height: e, color: h, className: r, onClick: s });
+        return h7({ width: l, height: e, color: a, className: r, onClick: s });
       case "telegram":
-        return C7({ width: l, height: e, color: h, className: r, onClick: s });
+        return C7({ width: l, height: e, color: a, className: r, onClick: s });
       case "mail":
-        return w7({ width: l, height: e, color: h, className: r, onClick: s });
+        return w7({ width: l, height: e, color: a, className: r, onClick: s });
       case "github":
-        return c7({ width: l, height: e, color: h, className: r, onClick: s });
+        return c7({ width: l, height: e, color: a, className: r, onClick: s });
       case "linkedIn":
-        return d7({ width: l, height: e, color: h, className: r, onClick: s });
+        return d7({ width: l, height: e, color: a, className: r, onClick: s });
       case "emptyStateIcon":
-        return g7({ width: l, height: e, color: h, className: r, onClick: s });
+        return g7({ width: l, height: e, color: a, className: r, onClick: s });
       case "filtersIcon":
-        return L7({ width: l, height: e, color: h, className: r, onClick: s });
+        return L7({ width: l, height: e, color: a, className: r, onClick: s });
       case "dotMenuIcon":
-        return k7({ width: l, height: e, color: h, className: r, onClick: s });
+        return k7({ width: l, height: e, color: a, className: r, onClick: s });
       case "plusCircle":
-        return p7({ width: l, height: e, color: h, className: r, onClick: s });
+        return p7({ width: l, height: e, color: a, className: r, onClick: s });
       case "warning":
-        return m7({ width: l, height: e, color: h, className: r, onClick: s });
+        return m7({ width: l, height: e, color: a, className: r, onClick: s });
       case "back":
-        return u7({ width: l, height: e, color: h, className: r, onClick: s });
+        return u7({ width: l, height: e, color: a, className: r, onClick: s });
       case "bell":
-        return v7({ width: l, height: e, color: h, className: r, onClick: s });
+        return v7({ width: l, height: e, color: a, className: r, onClick: s });
       case "copy":
-        return f7({ width: l, height: e, color: h, className: r, onClick: s });
+        return f7({ width: l, height: e, color: a, className: r, onClick: s });
       case "contract":
-        return N7({ width: l, height: e, color: h, className: r, onClick: s });
+        return N7({ width: l, height: e, color: a, className: r, onClick: s });
       case "resourceManager":
-        return _7({ width: l, height: e, color: h, className: r, onClick: s });
+        return _7({ width: l, height: e, color: a, className: r, onClick: s });
       case "image":
-        return R7({ width: l, height: e, color: h, className: r, onClick: s });
+        return R7({ width: l, height: e, color: a, className: r, onClick: s });
       case "edit":
-        return M7({ width: l, height: e, color: h, className: r, onClick: s });
+        return M7({ width: l, height: e, color: a, className: r, onClick: s });
       case "filledArrowRight":
-        return H7({ width: l, height: e, color: h, className: r, onClick: s });
+        return H7({ width: l, height: e, color: a, className: r, onClick: s });
       case "burgerMenu":
-        return x7({ width: l, height: e, color: h, className: r, onClick: s });
+        return x7({ width: l, height: e, color: a, className: r, onClick: s });
       case "refresh":
-        return Z7({ width: l, height: e, color: h, className: r, onClick: s });
+        return Z7({ width: l, height: e, color: a, className: r, onClick: s });
       case "projects":
-        return V7({ width: l, height: e, color: h, className: r, onClick: s });
+        return V7({ width: l, height: e, color: a, className: r, onClick: s });
       case "user":
-        return A7({ width: l, height: e, color: h, className: r, onClick: s });
+        return E7({ width: l, height: e, color: a, className: r, onClick: s });
       case "exit":
-        return E7({ width: l, height: e, color: h, className: r, onClick: s });
+        return A7({ width: l, height: e, color: a, className: r, onClick: s });
       case "openPointCircle":
-        return G7({ width: l, height: e, color: h, className: r, onClick: s });
+        return G7({ width: l, height: e, color: a, className: r, onClick: s });
       case "community":
-        return I7({ width: l, height: e, color: h, className: r, onClick: s });
+        return I7({ width: l, height: e, color: a, className: r, onClick: s });
       case "docs":
-        return D7({ width: l, height: e, color: h, className: r, onClick: s });
+        return D7({ width: l, height: e, color: a, className: r, onClick: s });
       default:
         return /* @__PURE__ */ o(F, { children: "No Icon provided" });
     }
   })() });
 };
-var t1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_LIGHT_2 = "var(--purple-light-2)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i.CYAN_LIGHT = "var(--cyan-light)", i.GOLD_LIGHT = "var(--gold-light)", i))(t1 || {});
-const Y7 = s1({
+var t1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(t1 || {});
+const K7 = s1({
   locale: "en",
   theme: "light"
 });
-Y7.Provider;
-const E1 = ({
+K7.Provider;
+const A1 = ({
   children: i,
   width: l,
   size: e = "small",
@@ -5242,7 +5242,7 @@ const E1 = ({
     {
       className: `snmt-tag ${e} ${c ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ o(
-        y7,
+        T7,
         {
           name: "cancelCircle",
           color: c ? t1.GREY_DARK_1 : t1.GREY_DARK_2,
@@ -5264,7 +5264,7 @@ const E1 = ({
       ) : i
     }
   );
-}, { Title: K7, Text: B7 } = m1, T7 = {
+}, { Title: y7, Text: Y7 } = m1, B7 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5283,7 +5283,7 @@ const E1 = ({
   }, m) => {
     const C = W(null);
     L1(m, () => C.current);
-    const [h, s] = R(!1);
+    const [a, s] = R(!1);
     G(() => {
       var H;
       if (!r) return;
@@ -5304,14 +5304,14 @@ const E1 = ({
       style: { color: e, whiteSpace: r ? "nowrap" : L, display: r ? "block" : "" },
       onClick: n,
       ref: C,
-      ellipsis: r && h ? {
+      ellipsis: r && a ? {
         tooltip: {
           title: t,
           overlayClassName: "snmt-tooltip"
         }
       } : void 0
     };
-    return f ? /* @__PURE__ */ o(K7, { level: T7[l], ...M, children: t }) : /* @__PURE__ */ o(B7, { ...M, children: t });
+    return f ? /* @__PURE__ */ o(y7, { level: B7[l], ...M, children: t }) : /* @__PURE__ */ o(Y7, { ...M, children: t });
   }
 ), O7 = ({
   children: i,
@@ -5324,7 +5324,7 @@ const E1 = ({
 }) => {
   const [r, m] = R(!1);
   return /* @__PURE__ */ o(
-    K1,
+    y1,
     {
       content: l,
       arrow: !1,
@@ -5359,22 +5359,22 @@ const j7 = ({
   options: c,
   extraOptions: L
 }) => {
-  const { locale: r } = r1(u1), { t: m } = t2("common", { lng: r }), [C, h] = R(!1);
+  const { locale: r } = r1(u1), { t: m } = t2("common", { lng: r }), [C, a] = R(!1);
   if (G(() => {
-    i.length || h(!1);
+    i.length || a(!1);
   }, [i]), !i.length)
     return null;
   const s = (f) => {
     var v, M;
     return ((v = c == null ? void 0 : c.find((u) => u.value === f)) == null ? void 0 : v.label) || ((M = L == null ? void 0 : L.find((u) => u.value === f)) == null ? void 0 : M.label) || f;
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ h(
     O7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
         /* @__PURE__ */ o("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ o(o1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: f }) => /* @__PURE__ */ o(
-          E1,
+          A1,
           {
             onClose: () => l(f),
             closable: t,
@@ -5386,7 +5386,7 @@ const j7 = ({
       ),
       placement: "bottomRight",
       isOpen: C,
-      setIsOpen: h,
+      setIsOpen: a,
       children: [
         i.length,
         " ",
@@ -5418,7 +5418,7 @@ const j7 = ({
     disabled: r = !1,
     required: m = !1,
     clearable: C = !1,
-    scrollThresholdValue: h = 50,
+    scrollThresholdValue: a = 50,
     onSearchChange: s,
     onDropdownVisibleChange: f,
     onScrollToEnd: v,
@@ -5427,26 +5427,26 @@ const j7 = ({
     extraOptions: u,
     dropdownRender: x,
     optionRender: D,
-    isLoading: Y,
+    isLoading: K,
     readOnly: p,
-    error: E
+    error: A
   }, Z) => {
-    const [V, b] = R(!1), [j, B] = R(!1), [S, $] = R(!0), [A, T] = R(i), Q = W(null);
+    const [V, b] = R(!1), [j, Y] = R(!1), [S, $] = R(!0), [E, B] = R(i), Q = W(null);
     G(() => {
-      T(i);
+      B(i);
     }, [i]);
-    const h1 = (g) => {
+    const a1 = (g) => {
       b(g), f && f(g);
-    }, a1 = (g, k) => {
+    }, h1 = (g, k) => {
       var _;
       return !!((_ = k == null ? void 0 : k.label) != null && _.toString().toLowerCase().includes(g.toLowerCase()));
     }, X = () => {
-      B(!0);
+      Y(!0);
     }, z = () => {
-      B(!1);
-    }, O = y(
+      Y(!1);
+    }, O = T(
       (g) => {
-        if (T(g), t) {
+        if (B(g), t) {
           const _ = g;
           l == null || l(_);
           return;
@@ -5455,7 +5455,7 @@ const j7 = ({
         l == null || l(k);
       },
       [t, l]
-    ), c1 = y(() => {
+    ), c1 = T(() => {
       if (!(p || r)) {
         if (t) {
           O([]);
@@ -5463,25 +5463,25 @@ const j7 = ({
         }
         O("");
       }
-    }, [r, O, t, p]), U = y(
+    }, [r, O, t, p]), U = T(
       (g) => {
-        const k = A.filter((_) => _ !== g);
-        O(k), T(k);
+        const k = E.filter((_) => _ !== g);
+        O(k), B(k);
       },
-      [O, A]
-    ), e1 = y(
-      (g) => (A == null ? void 0 : A.indexOf(g)) === 0 ? (
+      [O, E]
+    ), e1 = T(
+      (g) => (E == null ? void 0 : E.indexOf(g)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ o("span", { className: "custom-placeholder", children: S ? e : "" })
       ) : /* @__PURE__ */ o(F, {}),
-      [S, A, e]
+      [S, E, e]
     ), C1 = (g) => {
       g.preventDefault(), g.stopPropagation();
     }, d1 = async (g) => {
       const { target: k } = g;
-      k.scrollTop + k.offsetHeight >= k.scrollHeight - h && (v == null || v(!0)), M && await M(g);
-    }, J = y(
+      k.scrollTop + k.offsetHeight >= k.scrollHeight - a && (v == null || v(!0)), M && await M(g);
+    }, J = T(
       (g) => {
         var k, _;
         return ((k = c.find((l1) => l1.value === g)) == null ? void 0 : k.label) || ((_ = u == null ? void 0 : u.find(
@@ -5489,7 +5489,7 @@ const j7 = ({
         )) == null ? void 0 : _.label) || g;
       },
       [u, c]
-    ), w1 = y(
+    ), w1 = T(
       (g) => {
         var k;
         return /* @__PURE__ */ o(
@@ -5506,12 +5506,12 @@ const j7 = ({
         );
       },
       [r, u, U, c, p]
-    ), N = y(
-      ({ label: g, value: k, mode: _ }) => _ === "filter" ? e1(k) : /* @__PURE__ */ o("div", { onMouseDown: C1, className: "tag-wrapper", children: /* @__PURE__ */ o(E1, { onClose: () => U(k), disabled: r, children: typeof g == "object" ? g : J(k) }) }),
+    ), N = T(
+      ({ label: g, value: k, mode: _ }) => _ === "filter" ? e1(k) : /* @__PURE__ */ o("div", { onMouseDown: C1, className: "tag-wrapper", children: /* @__PURE__ */ o(A1, { onClose: () => U(k), disabled: r, children: typeof g == "object" ? g : J(k) }) }),
       [r, J, U, e1]
-    ), I = Array.isArray(A) && A.length > 0 || !!A && typeof A == "string" && A.trim() !== "";
-    return /* @__PURE__ */ a("div", { className: "snmt-select-container", children: [
-      /* @__PURE__ */ a(
+    ), I = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
+    return /* @__PURE__ */ h("div", { className: "snmt-select-container", children: [
+      /* @__PURE__ */ h(
         "div",
         {
           className: `snmt-select-1-15-6 ${j ? "snmt-select-focused" : ""}
@@ -5527,13 +5527,13 @@ const j7 = ({
                 id: H,
                 ref: Z,
                 showSearch: !!n,
-                filterOption: n && a1,
-                onDropdownVisibleChange: h1,
+                filterOption: n && h1,
+                onDropdownVisibleChange: a1,
                 disabled: r,
-                value: A || void 0,
+                value: E || void 0,
                 labelRender: (g) => {
                   const k = J(g.value);
-                  return r ? /* @__PURE__ */ o("span", { style: { color: K.GREY_DARK_1 }, children: k }) : k;
+                  return r ? /* @__PURE__ */ o("span", { style: { color: y.GREY_DARK_1 }, children: k }) : k;
                 },
                 mode: t === "filter" ? "multiple" : t,
                 onChange: O,
@@ -5548,9 +5548,9 @@ const j7 = ({
                 maxTagCount: "responsive",
                 maxTagPlaceholder: w1,
                 onPopupScroll: d1,
-                prefix: Y && /* @__PURE__ */ o(_1, { size: "small" }),
-                suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: t !== "filter" && /* @__PURE__ */ a(F, { children: [
-                  A && !!A.length && (t || C) && /* @__PURE__ */ o(
+                prefix: K && /* @__PURE__ */ o(_1, { size: "small" }),
+                suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: t !== "filter" && /* @__PURE__ */ h(F, { children: [
+                  E && !!E.length && (t || C) && /* @__PURE__ */ o(
                     "div",
                     {
                       onClick: c1,
@@ -5561,7 +5561,7 @@ const j7 = ({
                         i1,
                         {
                           name: "cancel",
-                          color: r ? K.GREY_DARK_1 : K.GREY_DARK_2
+                          color: r ? y.GREY_DARK_1 : y.GREY_DARK_2
                         }
                       )
                     }
@@ -5570,47 +5570,47 @@ const j7 = ({
                     i1,
                     {
                       name: "selectArrowIcon",
-                      color: r ? K.GREY_DARK_1 : K.GREY_DARK_5,
+                      color: r ? y.GREY_DARK_1 : y.GREY_DARK_5,
                       className: V ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => b(!V)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: K.GREY_DARK_1 }),
+                removeIcon: /* @__PURE__ */ o(i1, { name: "cancelCircle", color: y.GREY_DARK_1 }),
                 options: c,
-                optionRender: (g) => D ? D(g.data) : /* @__PURE__ */ a(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                  /* @__PURE__ */ a(o1, { alignItems: "center", gap: 12, children: [
+                optionRender: (g) => D ? D(g.data) : /* @__PURE__ */ h(o1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                  /* @__PURE__ */ h(o1, { alignItems: "center", gap: 12, children: [
                     t && /* @__PURE__ */ o(
                       c2,
                       {
-                        checked: !!(A != null && A.includes(g.value))
+                        checked: !!(E != null && E.includes(g.value))
                       }
                     ),
-                    /* @__PURE__ */ a(o1, { alignItems: "center", gap: 8, children: [
+                    /* @__PURE__ */ h(o1, { alignItems: "center", gap: 8, children: [
                       g.data.image && /* @__PURE__ */ o(n2, { src: g.data.image, size: 20 }),
                       /* @__PURE__ */ o("span", { children: g.label })
                     ] })
                   ] }),
-                  !t && A === g.value && /* @__PURE__ */ o(i1, { name: "check", color: K.BLUE_DARK_1 })
+                  !t && E === g.value && /* @__PURE__ */ o(i1, { name: "check", color: y.BLUE_DARK_1 })
                 ] }),
-                dropdownRender: (g) => /* @__PURE__ */ a("div", { className: "dropdown-container", children: [
+                dropdownRender: (g) => /* @__PURE__ */ h("div", { className: "dropdown-container", children: [
                   /* @__PURE__ */ o("div", { className: "dropdown-menu", children: x ? x(g) : g }),
-                  Y && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(_1, {}) })
+                  K && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(_1, {}) })
                 ] })
               }
             ),
-            e && /* @__PURE__ */ a(F, { children: [
+            e && /* @__PURE__ */ h(F, { children: [
               /* @__PURE__ */ o(
                 "label",
                 {
-                  className: `${j || I ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${Y ? "label-loading" : ""} ${E ? "label-error" : ""}`,
+                  className: `${j || I ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${j ? "label-focused" : ""} ${K ? "label-loading" : ""} ${A ? "label-error" : ""}`,
                   children: m ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ o(
                 "fieldset",
                 {
-                  className: `${j ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${I ? "fieldset-filled" : ""} ${E ? "fieldset-error" : ""}`,
+                  className: `${j ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${I ? "fieldset-filled" : ""} ${A ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ o("legend", { children: /* @__PURE__ */ o("span", { children: m ? `${e}*` : e }) })
                 }
               )
@@ -5618,17 +5618,17 @@ const j7 = ({
           ]
         }
       ),
-      E && /* @__PURE__ */ a(o1, { justifyContent: "flex-start", gap: 6, children: [
+      A && /* @__PURE__ */ h(o1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ o(
           i1,
           {
             name: "attention",
-            color: K.NOTIFICATION_ERROR_DARK,
+            color: y.NOTIFICATION_ERROR_DARK,
             height: 16,
             width: 16
           }
         ),
-        typeof E == "string" ? /* @__PURE__ */ o(b7, { color: K.NOTIFICATION_ERROR_DARK, variant: "body4", children: E }) : E
+        typeof A == "string" ? /* @__PURE__ */ o(b7, { color: y.NOTIFICATION_ERROR_DARK, variant: "body4", children: A }) : A
       ] })
     ] });
   }
@@ -5664,7 +5664,7 @@ const k1 = 100, q = {
     placeholder: r,
     mode: m,
     loadOnClosedState: C,
-    preloadOptions: h,
+    preloadOptions: a,
     extraOptions: s,
     onDropdownVisibleChange: f,
     optionRender: v,
@@ -5673,10 +5673,10 @@ const k1 = 100, q = {
     clearable: u = !1,
     required: x = !1,
     error: D
-  }, Y) => {
-    const [p, E] = R(), [Z, V] = R(q), [b, j] = R(!1), [B, S] = R(), [$, A] = R(!1), [T, Q] = R(
+  }, K) => {
+    const [p, A] = R(), [Z, V] = R(q), [b, j] = R(!1), [Y, S] = R(), [$, E] = R(!1), [B, Q] = R(
       s ?? []
-    ), h1 = M1(Z.offset), a1 = M1(B), [X, z] = R(!1), O = W(!1), c1 = y(
+    ), a1 = M1(Z.offset), h1 = M1(Y), [X, z] = R(!1), O = W(!1), c1 = T(
       async ({
         limit: N = k1,
         offset: I,
@@ -5689,7 +5689,7 @@ const k1 = 100, q = {
             offset: I,
             search: g
           });
-          E(
+          A(
             (_) => I === 0 ? k.options : [..._ ?? [], ...k.options]
           ), V((_) => ({
             ..._,
@@ -5704,10 +5704,10 @@ const k1 = 100, q = {
       [i]
     ), U = U7((N) => {
       S(N), N || V(q);
-    }), e1 = y(
+    }), e1 = T(
       (N) => U(N),
       [U]
-    ), C1 = y(
+    ), C1 = T(
       async (N) => {
         b || N && Z.count && Z.count > ((p == null ? void 0 : p.length) ?? 0) && V((I) => ({
           ...I,
@@ -5715,17 +5715,17 @@ const k1 = 100, q = {
         }));
       },
       [b, p == null ? void 0 : p.length, Z.count]
-    ), d1 = y(
+    ), d1 = T(
       (N) => {
-        A(N), !N && B && (S(void 0), V(q), z(!0)), f == null || f(N);
+        E(N), !N && Y && (S(void 0), V(q), z(!0)), f == null || f(N);
       },
-      [f, B]
+      [f, Y]
     );
     G(() => {
       if (!O.current || b) return;
-      (X || $ && (h1 !== Z.offset || a1 !== B || !p)) && (c1({ offset: Z.offset, limit: k1, search: B }), X && z(!1));
-    }, [X, $, Z.offset, B, h1, a1, p, b]), G(() => {
-      (C || h) && c1(q), O.current = !0;
+      (X || $ && (a1 !== Z.offset || h1 !== Y || !p)) && (c1({ offset: Z.offset, limit: k1, search: Y }), X && z(!1));
+    }, [X, $, Z.offset, Y, a1, h1, p, b]), G(() => {
+      (C || a) && c1(q), O.current = !0;
     }, []), G(() => {
       s && Q((N) => {
         const I = s.filter(
@@ -5734,13 +5734,13 @@ const k1 = 100, q = {
         return [...N, ...I];
       });
     }, [s]);
-    const J = y(
+    const J = T(
       (N) => {
         e && e(N);
         let I = [];
-        if (m ? I = Array.isArray(N) ? N : [] : I = N ? [N] : [], B) {
+        if (m ? I = Array.isArray(N) ? N : [] : I = N ? [N] : [], Y) {
           const g = I.filter(
-            (k) => !(T != null && T.some((_) => _.value === k))
+            (k) => !(B != null && B.some((_) => _.value === k))
           );
           g.length > 0 && Q((k = []) => [
             ...k,
@@ -5754,14 +5754,14 @@ const k1 = 100, q = {
           ]), S(void 0), V(q), z(!0);
         }
       },
-      [e, B, m, p, T]
-    ), w1 = A1(
+      [e, Y, m, p, B]
+    ), w1 = E1(
       () => ({
         id: n,
         width: l,
         options: p || [],
         onChange: J,
-        ref: Y,
+        ref: K,
         placeholder: r,
         search: !0,
         value: t,
@@ -5770,7 +5770,7 @@ const k1 = 100, q = {
         scrollThresholdValue: L,
         onScrollToEnd: C1,
         disabled: c,
-        extraOptions: T,
+        extraOptions: B,
         isLoading: b,
         optionRender: v,
         dropdownRender: M,
@@ -5784,7 +5784,7 @@ const k1 = 100, q = {
         l,
         p,
         J,
-        Y,
+        K,
         r,
         t,
         e1,
@@ -5792,7 +5792,7 @@ const k1 = 100, q = {
         L,
         C1,
         c,
-        T,
+        B,
         b,
         v,
         M,
@@ -5802,7 +5802,7 @@ const k1 = 100, q = {
         D
       ]
     );
-    return L1(Y, () => ({
+    return L1(K, () => ({
       refetchOptions: async () => {
         V(q), S(void 0), z(!0);
       }