@snmt-react-ui/async-select 1.8.10 → 1.8.12

package/dist/async-select.js

@@ -1,8 +1,8 @@
 import "./index.css";
 import { jsx as t, Fragment as S, jsxs as c } from "react/jsx-runtime";
-import { createContext as r1, forwardRef as g1, useState as H, useRef as q, useEffect as A, useCallback as Z, useContext as n1, useMemo as V1, useImperativeHandle as Z1 } from "react";
-import { Select as A1, Flex as W1, Avatar as G1, Checkbox as B1, Typography as R1, Tag as y1, Popover as T1 } from "antd";
-var D1 = Object.defineProperty, b1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, j1 = (i, o, e) => b1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { createContext as r1, forwardRef as g1, useState as H, useRef as q, useEffect as Z, useCallback as A, useContext as n1, useMemo as V1, useImperativeHandle as A1 } from "react";
+import { Select as Z1, Flex as G1, Avatar as W1, Checkbox as B1, Typography as R1, Tag as y1, Popover as T1 } from "antd";
+var D1 = Object.defineProperty, b1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, j1 = (i, o, e) => b1(i, o + "", e), K1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function O1() {
   if (console && console.warn) {
     for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
@@ -10,11 +10,11 @@ function O1() {
     U(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
   }
 }
-const L1 = {};
+const m1 = {};
 function p1() {
   for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
     o[e] = arguments[e];
-  U(o[0]) && L1[o[0]] || (U(o[0]) && (L1[o[0]] = /* @__PURE__ */ new Date()), O1(...o));
+  U(o[0]) && m1[o[0]] || (U(o[0]) && (m1[o[0]] = /* @__PURE__ */ new Date()), O1(...o));
 }
 const _1 = (i, o) => () => {
   if (i.isInitialized)
@@ -27,18 +27,18 @@ const _1 = (i, o) => () => {
     };
     i.on("initialized", e);
   }
-}, m1 = (i, o, e) => {
+}, L1 = (i, o, e) => {
   i.loadNamespaces(o, _1(i, e));
 }, v1 = (i, o, e, l) => {
   U(e) && (e = [e]), e.forEach((r) => {
     i.options.ns.indexOf(r) < 0 && i.options.ns.push(r);
   }), i.loadLanguages(o, _1(i, l));
-}, K1 = function(i, o) {
+}, Y1 = 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;
-  const w = (n, L) => {
-    const d = o.services.backendConnector.state[`${n}|${L}`];
+  const w = (n, m) => {
+    const d = o.services.backendConnector.state[`${n}|${m}`];
     return d === -1 || d === 2;
   };
   return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !w(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || w(l, i) && (!r || w(a, i)));
@@ -49,7 +49,7 @@ const _1 = (i, o) => () => {
     precheck: (l, r) => {
       if (e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !r(l.isLanguageChangingTo, i)) return !1;
     }
-  }) : K1(i, o, e);
+  }) : Y1(i, o, e);
 }, U = (i) => typeof i == "string", S1 = (i) => typeof i == "object" && i !== null, U1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, P1 = {
   "&amp;": "&",
   "&#38;": "&",
@@ -97,10 +97,10 @@ class o2 {
 }
 const i2 = (i, o) => {
   const e = q();
-  return A(() => {
+  return Z(() => {
     e.current = i;
   }, [i, o]), e.current;
-}, x1 = (i, o, e, l) => i.getFixedT(o, e, l), t2 = (i, o, e, l) => Z(x1(i, o, e, l), [i, o, e, l]), l2 = function(i) {
+}, x1 = (i, o, e, l) => i.getFixedT(o, e, l), t2 = (i, o, e, l) => A(x1(i, o, e, l), [i, o, e, l]), l2 = function(i) {
   let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
@@ -120,37 +120,37 @@ const i2 = (i, o) => {
     ...o
   }, {
     useSuspense: n,
-    keyPrefix: L
+    keyPrefix: m
   } = w;
   let d = i;
   d = U(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const h = (a.isInitialized || a.initializedStoreOnce) && d.every((k) => F1(k, a, w)), s = t2(a, o.lng || null, w.nsMode === "fallback" ? d : d[0], L), M = () => s, I = () => x1(a, o.lng || null, w.nsMode === "fallback" ? d : d[0], L), [G, B] = H(M);
+  const h = (a.isInitialized || a.initializedStoreOnce) && d.every((k) => F1(k, a, w)), s = t2(a, o.lng || null, w.nsMode === "fallback" ? d : d[0], m), M = () => s, I = () => x1(a, o.lng || null, w.nsMode === "fallback" ? d : d[0], m), [W, B] = H(M);
   let R = d.join();
   o.lng && (R = `${o.lng}${R}`);
-  const Y = i2(R), V = q(!0);
-  A(() => {
+  const K = i2(R), V = q(!0);
+  Z(() => {
     const {
       bindI18n: k,
       bindI18nStore: _
     } = w;
     V.current = !0, !h && !n && (o.lng ? v1(a, o.lng, d, () => {
       V.current && B(I);
-    }) : m1(a, d, () => {
+    }) : L1(a, d, () => {
       V.current && B(I);
-    })), h && Y && Y !== R && V.current && B(I);
+    })), h && K && K !== R && V.current && B(I);
     const N = () => {
       V.current && B(I);
     };
     return k && a && a.on(k, N), _ && a && a.store.on(_, N), () => {
       V.current = !1, k && a && k.split(" ").forEach((f) => a.off(f, N)), _ && a && _.split(" ").forEach((f) => a.store.off(f, N));
     };
-  }, [a, R]), A(() => {
+  }, [a, R]), Z(() => {
     V.current && h && B(M);
-  }, [a, L, h]);
-  const W = [G, a, h];
-  if (W.t = G, W.i18n = a, W.ready = h, h || !h && !n) return W;
+  }, [a, m, h]);
+  const G = [W, a, h];
+  if (G.t = W, G.i18n = a, G.ready = h, h || !h && !n) return G;
   throw new Promise((k) => {
-    o.lng ? v1(a, o.lng, d, () => k()) : m1(a, d, () => k());
+    o.lng ? v1(a, o.lng, d, () => k()) : L1(a, d, () => k());
   });
 }, t1 = ({
   children: i,
@@ -162,7 +162,7 @@ const i2 = (i, o) => {
   gap: w,
   padding: n
 }) => /* @__PURE__ */ t(
-  W1,
+  G1,
   {
     className: `snmt-flex${e === "inherit" ? " inherit" : ""}`,
     vertical: o === "column",
@@ -177,7 +177,7 @@ const i2 = (i, o) => {
 ), r2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
   const r = typeof l.src == "string";
   return /* @__PURE__ */ t(
-    G1,
+    W1,
     {
       className: `snmt-avatar ${r ? "image" : ""}`,
       shape: i,
@@ -202,8 +202,8 @@ const n2 = ({
   disabled: r = !1,
   disableUncheck: a = !1
 }) => {
-  const [w, n] = H(i), [L, d] = H(o);
-  A(() => {
+  const [w, n] = H(i), [m, d] = H(o);
+  Z(() => {
     n(i), d(o);
   }, [i, o]);
   const { theme: h } = n1(u1);
@@ -212,7 +212,7 @@ const n2 = ({
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: w,
-      indeterminate: L,
+      indeterminate: m,
       onChange: (s) => {
         a && w || (d(!1), n(s.target.checked), l && l(s));
       },
@@ -611,79 +611,7 @@ const s2 = ({
       )
     ]
   }
-), L2 = ({
-  width: i = 11,
-  height: o = 32,
-  color: e = "#001E52",
-  className: l,
-  onClick: r
-}) => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: o,
-    className: l,
-    onClick: r,
-    viewBox: "0 0 11 32",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.22724 31.222C6.53024 31.525 7.02149 31.525 7.32448 31.222L10.7728 27.7737C11.0757 27.4707 11.0757 26.9795 10.7728 26.6765L7.32448 23.2282C7.02149 22.9252 6.53024 22.9252 6.22724 23.2282C5.92425 23.5312 5.92425 24.0224 6.22724 24.3254L9.1269 27.2251L6.22724 30.1247C5.92425 30.4277 5.92425 30.919 6.22724 31.222Z",
-          fill: e
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M10 27.2597H4C3.44772 27.2597 3 26.812 3 26.2597V6",
-          stroke: e,
-          strokeWidth: "1.25",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
-    ]
-  }
 ), m2 = ({
-  width: i = 10,
-  height: o = 23,
-  color: e = "#001E52",
-  className: l,
-  onClick: r
-}) => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: o,
-    className: l,
-    onClick: r,
-    viewBox: "0 0 10 23",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: `M1.00621 18.2272C0.70322 18.5302 0.70322 19.0215 1.00621 
-        19.3245L4.45449 22.7728C4.75748 23.0757 5.24873 23.0757 5.55172 
-        22.7728L9 19.3245C9.30299 19.0215 9.30299 18.5302 9 18.2272C8.69701 17.9243 
-        8.20576 17.9243 7.90277 18.2272L5.00311 21.1269L2.10345 18.2272C1.80045 17.9243 
-        1.30921 17.9243 1.00621 18.2272Z`,
-          fill: e
-        }
-      ),
-      /* @__PURE__ */ t("path", { d: "M5 21L5 3", stroke: e, strokeWidth: "1.25", strokeLinecap: "round" }),
-      /* @__PURE__ */ t("circle", { cx: "5", cy: "3", r: "3", fill: e })
-    ]
-  }
-), v2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -730,7 +658,7 @@ const s2 = ({
       )
     ]
   }
-), N2 = ({
+), L2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -763,7 +691,7 @@ const s2 = ({
       )
     ]
   }
-), f2 = ({
+), v2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -810,7 +738,7 @@ const s2 = ({
       )
     ]
   }
-), M2 = ({
+), N2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -843,7 +771,7 @@ const s2 = ({
       )
     ]
   }
-), R2 = ({
+), f2 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -882,7 +810,7 @@ const s2 = ({
       )
     ]
   }
-), _2 = ({
+), M2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -915,7 +843,7 @@ const s2 = ({
       )
     ]
   }
-), x2 = ({
+), R2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -939,7 +867,7 @@ const s2 = ({
       }
     )
   }
-), H2 = ({
+), _2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -972,7 +900,7 @@ const s2 = ({
       )
     ]
   }
-), E2 = ({
+), x2 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -1033,7 +961,7 @@ const s2 = ({
       )
     ]
   }
-), I2 = ({
+), H2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -1062,7 +990,7 @@ const s2 = ({
       )
     ]
   }
-), V2 = ({
+), E2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -1110,7 +1038,7 @@ const s2 = ({
       )
     ]
   }
-), Z2 = ({
+), I2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -1138,7 +1066,7 @@ const s2 = ({
       )
     ]
   }
-), A2 = ({
+), V2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -1172,7 +1100,7 @@ const s2 = ({
       )
     ]
   }
-), W2 = ({
+), A2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -1220,7 +1148,7 @@ const s2 = ({
       )
     ]
   }
-), G2 = ({
+), Z2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1250,7 +1178,7 @@ const s2 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), B2 = ({
+), G2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1288,7 +1216,7 @@ const s2 = ({
       )
     ]
   }
-), y2 = ({
+), W2 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -1314,7 +1242,7 @@ const s2 = ({
       }
     )
   }
-), T2 = ({
+), B2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -1343,7 +1271,7 @@ const s2 = ({
       )
     ]
   }
-), D2 = ({
+), y2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -1372,7 +1300,7 @@ const s2 = ({
       )
     ]
   }
-), b2 = ({
+), T2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1401,7 +1329,7 @@ const s2 = ({
       )
     ]
   }
-), j2 = ({
+), D2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1438,7 +1366,7 @@ const s2 = ({
       )
     ]
   }
-), Y2 = ({
+), b2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1477,7 +1405,7 @@ const s2 = ({
       )
     ]
   }
-), O2 = ({
+), j2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 20,
@@ -1531,7 +1459,7 @@ const s2 = ({
       }
     )
   }
-), F2 = ({
+), O2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 5,
@@ -1555,7 +1483,7 @@ const s2 = ({
       }
     )
   }
-), S2 = ({
+), Y2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 5,
@@ -1580,7 +1508,7 @@ const s2 = ({
       }
     )
   }
-), U2 = ({
+), F2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1619,7 +1547,7 @@ const s2 = ({
       )
     ]
   }
-), P2 = ({
+), S2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1658,7 +1586,7 @@ const s2 = ({
       )
     ]
   }
-), $2 = ({
+), U2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1685,7 +1613,7 @@ const s2 = ({
       }
     )
   }
-), z2 = ({
+), P2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1744,7 +1672,7 @@ const s2 = ({
       )
     ]
   }
-), J2 = ({
+), $2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1781,7 +1709,7 @@ const s2 = ({
       )
     ]
   }
-), q2 = ({
+), z2 = ({
   className: i,
   color: o = p.GREY_DARK_3,
   height: e = 14,
@@ -1818,7 +1746,7 @@ const s2 = ({
       )
     ]
   }
-), Q2 = ({
+), J2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 18,
@@ -1845,7 +1773,7 @@ const s2 = ({
       }
     )
   }
-), X2 = ({
+), q2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1897,7 +1825,7 @@ const s2 = ({
       )
     ]
   }
-), e5 = ({
+), Q2 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1934,7 +1862,7 @@ const s2 = ({
       )
     ]
   }
-), o5 = ({
+), X2 = ({
   className: i,
   color: o = p.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -1973,7 +1901,7 @@ const s2 = ({
       )
     ]
   }
-), i5 = ({
+), e5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -1999,7 +1927,7 @@ const s2 = ({
       }
     )
   }
-), t5 = ({
+), o5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2038,7 +1966,7 @@ const s2 = ({
       )
     ]
   }
-), l5 = ({
+), i5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2077,7 +2005,7 @@ const s2 = ({
       )
     ]
   }
-), r5 = ({
+), t5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2146,7 +2074,7 @@ const s2 = ({
       )
     ]
   }
-), n5 = ({
+), l5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2203,7 +2131,7 @@ const s2 = ({
       )
     ]
   }
-), s5 = ({
+), r5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2242,7 +2170,7 @@ const s2 = ({
       )
     ]
   }
-), h5 = ({
+), n5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2291,7 +2219,7 @@ const s2 = ({
       )
     ]
   }
-), c5 = ({
+), s5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 24,
@@ -2318,7 +2246,7 @@ const s2 = ({
       }
     )
   }
-), a5 = ({
+), h5 = ({
   className: i,
   color: o = p.GREY_DARK_5,
   height: e = 20,
@@ -2347,7 +2275,7 @@ const s2 = ({
       )
     ]
   }
-), C5 = ({
+), c5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -2373,7 +2301,7 @@ const s2 = ({
       }
     )
   }
-), d5 = ({
+), a5 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -2401,7 +2329,7 @@ const s2 = ({
       }
     )
   }
-), w5 = ({
+), C5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -2439,7 +2367,7 @@ const s2 = ({
       )
     ] }) })
   }
-), g5 = ({
+), d5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2495,7 +2423,7 @@ const s2 = ({
       }
     )
   }
-), k5 = ({
+), w5 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -2528,7 +2456,7 @@ const s2 = ({
       )
     ]
   }
-), p5 = ({
+), g5 = ({
   width: i = 24,
   height: o = 24,
   color: e = p.GREY_DARK_2,
@@ -2567,7 +2495,7 @@ const s2 = ({
       )
     ]
   }
-), u5 = ({
+), k5 = ({
   width: i = 24,
   height: o = 24,
   color: e = p.GREY_DARK_2,
@@ -2594,7 +2522,7 @@ const s2 = ({
       }
     )
   }
-), L5 = ({
+), p5 = ({
   width: i = 24,
   height: o = 24,
   color: e = p.GREY_DARK_2,
@@ -2634,7 +2562,7 @@ const s2 = ({
       )
     ]
   }
-), m5 = ({
+), u5 = ({
   width: i = 24,
   height: o = 24,
   color: e = p.GREY_DARK_2,
@@ -2661,7 +2589,7 @@ const s2 = ({
       }
     )
   }
-), v5 = ({
+), m5 = ({
   width: i = 24,
   height: o = 24,
   color: e = p.GREY_DARK_2,
@@ -2688,7 +2616,7 @@ const s2 = ({
       }
     )
   }
-), N5 = ({
+), L5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2723,17 +2651,17 @@ const s2 = ({
   disabled: a = !1,
   onClick: w
 }) => {
-  const [n, L] = H(r), { theme: d } = n1(H1), h = a ? d && d === "dark" ? p.GREY_LIGHT_4 : p.GREY_DARK_1 : l, s = a ? void 0 : w;
-  return A(() => {
+  const [n, m] = H(r), { theme: d } = n1(H1), h = a ? d && d === "dark" ? p.GREY_LIGHT_4 : p.GREY_DARK_1 : l, s = a ? void 0 : w;
+  return Z(() => {
     if (r) {
-      s && !a && L(`${r} clickable`);
+      s && !a && m(`${r} clickable`);
       return;
     }
-    s && !a && L("clickable");
+    s && !a && m("clickable");
   }, [s, r, a]), /* @__PURE__ */ t(S, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return O2({ width: o, height: e, color: h, className: n, onClick: s });
+        return j2({ width: o, height: e, color: h, className: n, onClick: s });
       case "prevIcon":
         return K2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown":
@@ -2758,20 +2686,10 @@ const s2 = ({
         return p2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attention":
         return u2({ width: o, height: e, color: h, className: n, onClick: s });
-      case "arrowDownLong":
-        return L2({
-          width: o,
-          height: e,
-          color: h,
-          className: n,
-          onClick: s
-        });
-      case "dotArrowDown":
-        return m2({ width: o, height: e, color: h, className: n, onClick: s });
       case "users":
-        return v2({ width: o, height: e, color: h, className: n, onClick: s });
+        return m2({ width: o, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return N2({
+        return L2({
           width: o,
           height: e,
           color: h,
@@ -2779,9 +2697,9 @@ const s2 = ({
           onClick: s
         });
       case "skills":
-        return f2({ width: o, height: e, color: h, className: n, onClick: s });
+        return v2({ width: o, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return M2({
+        return N2({
           width: o,
           height: e,
           color: h,
@@ -2789,23 +2707,23 @@ const s2 = ({
           onClick: s
         });
       case "history":
-        return R2({ width: o, height: e, color: h, className: n, onClick: s });
+        return f2({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut":
-        return _2({ width: o, height: e, color: h, className: n, onClick: s });
+        return M2({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings":
-        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 "trash":
-        return H2({ width: o, height: e, color: h, className: n, onClick: s });
+        return _2({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return E2({ width: o, height: e, color: h, className: n, onClick: s });
+        return x2({ width: o, height: e, color: h, className: n, onClick: s });
       case "success":
-        return I2({ width: o, height: e, color: h, className: n, onClick: s });
+        return H2({ width: o, height: e, color: h, className: n, onClick: s });
       case "errorSmall":
-        return V2({ width: o, height: e, color: h, className: n, onClick: s });
+        return E2({ width: o, height: e, color: h, className: n, onClick: s });
       case "infoMedium":
-        return Z2({ width: o, height: e, color: h, className: n, onClick: s });
+        return I2({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return A2({
+        return V2({
           width: o,
           height: e,
           color: h,
@@ -2813,9 +2731,9 @@ const s2 = ({
           onClick: s
         });
       case "errorMedium":
-        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 "visibilityIcon":
-        return G2({
+        return Z2({
           width: o,
           height: e,
           color: h,
@@ -2823,7 +2741,7 @@ const s2 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return B2({
+        return G2({
           width: o,
           height: e,
           color: h,
@@ -2831,7 +2749,7 @@ const s2 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return y2({
+        return W2({
           width: o,
           height: e,
           color: h,
@@ -2839,7 +2757,7 @@ const s2 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return T2({
+        return B2({
           width: o,
           height: e,
           color: h,
@@ -2847,7 +2765,7 @@ const s2 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return D2({
+        return y2({
           width: o,
           height: e,
           color: h,
@@ -2855,85 +2773,85 @@ const s2 = ({
           onClick: s
         });
       case "sortUp":
-        return b2({ width: o, height: e, color: h, className: n, onClick: s });
+        return T2({ width: o, height: e, color: h, className: n, onClick: s });
       case "sortDown":
-        return j2({ width: o, height: e, color: h, className: n, onClick: s });
+        return D2({ width: o, height: e, color: h, className: n, onClick: s });
       case "search":
-        return Y2({ width: o, height: e, color: h, className: n, onClick: s });
+        return b2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowUpFilled":
-        return S2({ width: o, height: e, color: h, className: n, onClick: s });
+        return Y2({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return F2({ width: o, height: e, color: h, className: n, onClick: s });
+        return O2({ width: o, height: e, color: h, className: n, onClick: s });
       case "link":
-        return U2({ width: o, height: e, color: h, className: n, onClick: s });
+        return F2({ width: o, height: e, color: h, className: n, onClick: s });
       case "telegram":
-        return $2({ width: o, height: e, color: h, className: n, onClick: s });
+        return U2({ width: o, height: e, color: h, className: n, onClick: s });
       case "mail":
-        return J2({ width: o, height: e, color: h, className: n, onClick: s });
+        return $2({ width: o, height: e, color: h, className: n, onClick: s });
       case "github":
-        return P2({ width: o, height: e, color: h, className: n, onClick: s });
+        return S2({ width: o, height: e, color: h, className: n, onClick: s });
       case "linkedIn":
-        return z2({ width: o, height: e, color: h, className: n, onClick: s });
+        return P2({ width: o, height: e, color: h, className: n, onClick: s });
       case "emptyStateIcon":
-        return q2({ width: o, height: e, color: h, className: n, onClick: s });
+        return z2({ width: o, height: e, color: h, className: n, onClick: s });
       case "filtersIcon":
-        return Q2({ width: o, height: e, color: h, className: n, onClick: s });
+        return J2({ width: o, height: e, color: h, className: n, onClick: s });
       case "dotMenuIcon":
-        return X2({ width: o, height: e, color: h, className: n, onClick: s });
+        return q2({ width: o, height: e, color: h, className: n, onClick: s });
       case "plusCircle":
-        return e5({ width: o, height: e, color: h, className: n, onClick: s });
+        return Q2({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return o5({ width: o, height: e, color: h, className: n, onClick: s });
+        return X2({ width: o, height: e, color: h, className: n, onClick: s });
       case "back":
-        return i5({ width: o, height: e, color: h, className: n, onClick: s });
+        return e5({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
-        return t5({ width: o, height: e, color: h, className: n, onClick: s });
+        return o5({ width: o, height: e, color: h, className: n, onClick: s });
       case "contract":
-        return r5({ width: o, height: e, color: h, className: n, onClick: s });
+        return t5({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return l5({ width: o, height: e, color: h, className: n, onClick: s });
+        return i5({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
-        return n5({ 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 s5({ width: o, height: e, color: h, className: n, onClick: s });
+        return r5({ width: o, height: e, color: h, className: n, onClick: s });
       case "image":
-        return h5({ width: o, height: e, color: h, className: n, onClick: s });
+        return n5({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit":
-        return c5({ width: o, height: e, color: h, className: n, onClick: s });
+        return s5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return a5({ width: o, height: e, color: h, className: n, onClick: s });
+        return h5({ width: o, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return C5({ width: o, height: e, color: h, className: n, onClick: s });
+        return c5({ width: o, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return d5({ width: o, height: e, color: h, className: n, onClick: s });
+        return a5({ 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 C5({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return g5({ width: o, height: e, color: h, className: n, onClick: s });
+        return d5({ width: o, height: e, color: h, className: n, onClick: s });
       case "profile":
-        return N5({ width: o, height: e, color: h, className: n, onClick: s });
+        return L5({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
-        return k5({ width: o, height: e, color: h, className: n, onClick: s });
+        return w5({ width: o, height: e, color: h, className: n, onClick: s });
       case "client":
-        return p5({ width: o, height: e, color: h, className: n, onClick: s });
+        return g5({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar2":
-        return u5({ width: o, height: e, color: h, className: n, onClick: s });
+        return k5({ width: o, height: e, color: h, className: n, onClick: s });
       case "openPointCircle":
-        return L5({ width: o, height: e, color: h, className: n, onClick: s });
+        return p5({ width: o, height: e, color: h, className: n, onClick: s });
       case "community":
-        return m5({ width: o, height: e, color: h, className: n, onClick: s });
+        return u5({ width: o, height: e, color: h, className: n, onClick: s });
       case "docs":
-        return v5({ width: o, height: e, color: h, className: n, onClick: s });
+        return m5({ width: o, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(S, { children: "No Icon provided" });
     }
   })() });
-}, { Title: f5, Text: M5 } = R1, R5 = {
+}, { Title: v5, Text: N5 } = R1, f5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, _5 = g1(
+}, M5 = g1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -2943,20 +2861,20 @@ const s2 = ({
     collapsed: a,
     whiteSpace: w = "normal"
   }, n) => {
-    const L = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    const m = o === "h1" || o === "h2" || o === "h3" || o === "h4";
     let d = `snmt-typography snmt-typography-${o}`;
-    return i && i !== "inherit" && (d += ` snmt-typography-align-${i}`), a && (d += " collapsed"), L ? /* @__PURE__ */ t(
-      f5,
+    return i && i !== "inherit" && (d += ` snmt-typography-align-${i}`), a && (d += " collapsed"), m ? /* @__PURE__ */ t(
+      v5,
       {
         className: d,
         style: { color: e, whiteSpace: w },
         onClick: r,
-        level: R5[o],
+        level: f5[o],
         ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      M5,
+      N5,
       {
         className: d,
         style: { color: e, whiteSpace: w },
@@ -2973,7 +2891,7 @@ const E1 = r1({
   theme: "light"
 });
 E1.Provider;
-const x5 = ({
+const R5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3000,7 +2918,7 @@ const x5 = ({
       }
     )
   }
-), H5 = ({
+), _5 = ({
   width: i = 16,
   height: o = 16,
   color: e = "#001E52",
@@ -3028,7 +2946,7 @@ const x5 = ({
       )
     ]
   }
-), E5 = ({
+), x5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3063,7 +2981,7 @@ const x5 = ({
       )
     ]
   }
-), I5 = ({
+), H5 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -3102,7 +3020,7 @@ const x5 = ({
       )
     ]
   }
-), V5 = ({
+), E5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3128,7 +3046,7 @@ const x5 = ({
       }
     )
   }
-), Z5 = ({
+), I5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3149,7 +3067,7 @@ const x5 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), A5 = ({
+), V5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3181,7 +3099,7 @@ const x5 = ({
       )
     ]
   }
-), W5 = ({
+), A5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3235,7 +3153,7 @@ const x5 = ({
       )
     ]
   }
-), G5 = ({
+), Z5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3274,7 +3192,7 @@ const x5 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), B5 = ({
+), G5 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -3305,99 +3223,27 @@ const x5 = ({
         "path",
         {
           id: "Vector 7",
-          d: "M4 6H12",
-          stroke: e,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          id: "Vector 8",
-          d: "M6 11H10",
-          stroke: e,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    ] })
-  }
-), y5 = ({
-  width: i = 16,
-  height: o = 16,
-  color: e = "#001E52",
-  className: l,
-  onClick: r
-}) => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: o,
-    className: l,
-    onClick: r,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "7.27273", stroke: e, strokeWidth: "1.45455" }),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.53345C9 9.08574 8.55228 9.53345 8 9.53345C7.44772 9.53345 7 9.08574 7 8.53345V4.5Z",
-          fill: e
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M7 11.5327C7 10.9804 7.44772 10.5327 8 10.5327C8.55228 10.5327 9 10.9804 9 11.5327C9 12.085 8.55228 12.5327 8 12.5327C7.44772 12.5327 7 12.085 7 11.5327Z",
-          fill: e
-        }
-      )
-    ]
-  }
-), T5 = ({
-  width: i = 11,
-  height: o = 32,
-  color: e = "#001E52",
-  className: l,
-  onClick: r
-}) => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: o,
-    className: l,
-    onClick: r,
-    viewBox: "0 0 11 32",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M6.22724 31.222C6.53024 31.525 7.02149 31.525 7.32448 31.222L10.7728 27.7737C11.0757 27.4707 11.0757 26.9795 10.7728 26.6765L7.32448 23.2282C7.02149 22.9252 6.53024 22.9252 6.22724 23.2282C5.92425 23.5312 5.92425 24.0224 6.22724 24.3254L9.1269 27.2251L6.22724 30.1247C5.92425 30.4277 5.92425 30.919 6.22724 31.222Z",
-          fill: e
+          d: "M4 6H12",
+          stroke: e,
+          strokeWidth: "2",
+          strokeLinecap: "round"
         }
       ),
       /* @__PURE__ */ t(
         "path",
         {
-          d: "M10 27.2597H4C3.44772 27.2597 3 26.812 3 26.2597V6",
+          id: "Vector 8",
+          d: "M6 11H10",
           stroke: e,
-          strokeWidth: "1.25",
+          strokeWidth: "2",
           strokeLinecap: "round"
         }
-      ),
-      /* @__PURE__ */ t("circle", { cx: "3", cy: "3", r: "3", fill: e })
-    ]
+      )
+    ] })
   }
-), D5 = ({
-  width: i = 10,
-  height: o = 23,
+), W5 = ({
+  width: i = 16,
+  height: o = 16,
   color: e = "#001E52",
   className: l,
   onClick: r
@@ -3409,27 +3255,27 @@ const x5 = ({
     height: o,
     className: l,
     onClick: r,
-    viewBox: "0 0 10 23",
+    viewBox: "0 0 16 16",
     fill: "none",
     children: [
+      /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "7.27273", stroke: e, strokeWidth: "1.45455" }),
       /* @__PURE__ */ t(
         "path",
         {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: `M1.00621 18.2272C0.70322 18.5302 0.70322 19.0215 1.00621 
-        19.3245L4.45449 22.7728C4.75748 23.0757 5.24873 23.0757 5.55172 
-        22.7728L9 19.3245C9.30299 19.0215 9.30299 18.5302 9 18.2272C8.69701 17.9243 
-        8.20576 17.9243 7.90277 18.2272L5.00311 21.1269L2.10345 18.2272C1.80045 17.9243 
-        1.30921 17.9243 1.00621 18.2272Z`,
+          d: "M7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55228 3.5 9 3.94772 9 4.5V8.53345C9 9.08574 8.55228 9.53345 8 9.53345C7.44772 9.53345 7 9.08574 7 8.53345V4.5Z",
           fill: e
         }
       ),
-      /* @__PURE__ */ t("path", { d: "M5 21L5 3", stroke: e, strokeWidth: "1.25", strokeLinecap: "round" }),
-      /* @__PURE__ */ t("circle", { cx: "5", cy: "3", r: "3", fill: e })
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M7 11.5327C7 10.9804 7.44772 10.5327 8 10.5327C8.55228 10.5327 9 10.9804 9 11.5327C9 12.085 8.55228 12.5327 8 12.5327C7.44772 12.5327 7 12.085 7 11.5327Z",
+          fill: e
+        }
+      )
     ]
   }
-), b5 = ({
+), B5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3476,7 +3322,7 @@ const x5 = ({
       )
     ]
   }
-), j5 = ({
+), y5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3509,7 +3355,7 @@ const x5 = ({
       )
     ]
   }
-), Y5 = ({
+), T5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3556,7 +3402,7 @@ const x5 = ({
       )
     ]
   }
-), O5 = ({
+), D5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3589,7 +3435,7 @@ const x5 = ({
       )
     ]
   }
-), K5 = ({
+), b5 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -3628,7 +3474,7 @@ const x5 = ({
       )
     ]
   }
-), F5 = ({
+), j5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3661,7 +3507,7 @@ const x5 = ({
       )
     ]
   }
-), S5 = ({
+), K5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3685,7 +3531,7 @@ const x5 = ({
       }
     )
   }
-), U5 = ({
+), O5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3718,7 +3564,7 @@ const x5 = ({
       )
     ]
   }
-), P5 = ({
+), Y5 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -3779,7 +3625,7 @@ const x5 = ({
       )
     ]
   }
-), $5 = ({
+), F5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -3808,7 +3654,7 @@ const x5 = ({
       )
     ]
   }
-), z5 = ({
+), S5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -3856,7 +3702,7 @@ const x5 = ({
       )
     ]
   }
-), J5 = ({
+), U5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -3884,7 +3730,7 @@ const x5 = ({
       )
     ]
   }
-), q5 = ({
+), P5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -3918,7 +3764,7 @@ const x5 = ({
       )
     ]
   }
-), Q5 = ({
+), $5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -3966,7 +3812,7 @@ const x5 = ({
       )
     ]
   }
-), X5 = ({
+), z5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -3996,7 +3842,7 @@ const x5 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), e3 = ({
+), J5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -4034,7 +3880,7 @@ const x5 = ({
       )
     ]
   }
-), o3 = ({
+), q5 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -4060,7 +3906,7 @@ const x5 = ({
       }
     )
   }
-), i3 = ({
+), Q5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -4089,7 +3935,7 @@ const x5 = ({
       )
     ]
   }
-), t3 = ({
+), X5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -4118,7 +3964,7 @@ const x5 = ({
       )
     ]
   }
-), l3 = ({
+), e3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4147,7 +3993,7 @@ const x5 = ({
       )
     ]
   }
-), r3 = ({
+), o3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4184,7 +4030,7 @@ const x5 = ({
       )
     ]
   }
-), n3 = ({
+), i3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4223,7 +4069,7 @@ const x5 = ({
       )
     ]
   }
-), s3 = ({
+), t3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 20,
@@ -4250,7 +4096,7 @@ const x5 = ({
       }
     )
   }
-), h3 = ({
+), l3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 20,
@@ -4277,7 +4123,7 @@ const x5 = ({
       }
     )
   }
-), c3 = ({
+), r3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 5,
@@ -4301,7 +4147,7 @@ const x5 = ({
       }
     )
   }
-), a3 = ({
+), n3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 5,
@@ -4326,7 +4172,7 @@ const x5 = ({
       }
     )
   }
-), C3 = ({
+), s3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4365,7 +4211,7 @@ const x5 = ({
       )
     ]
   }
-), d3 = ({
+), h3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4404,7 +4250,7 @@ const x5 = ({
       )
     ]
   }
-), w3 = ({
+), c3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4431,7 +4277,7 @@ const x5 = ({
       }
     )
   }
-), g3 = ({
+), a3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4490,7 +4336,7 @@ const x5 = ({
       )
     ]
   }
-), k3 = ({
+), C3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4527,7 +4373,7 @@ const x5 = ({
       )
     ]
   }
-), p3 = ({
+), d3 = ({
   className: i,
   color: o = u.GREY_DARK_3,
   height: e = 14,
@@ -4564,7 +4410,7 @@ const x5 = ({
       )
     ]
   }
-), u3 = ({
+), w3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 18,
@@ -4591,7 +4437,7 @@ const x5 = ({
       }
     )
   }
-), L3 = ({
+), g3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4643,7 +4489,7 @@ const x5 = ({
       )
     ]
   }
-), m3 = ({
+), k3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4680,7 +4526,7 @@ const x5 = ({
       )
     ]
   }
-), v3 = ({
+), p3 = ({
   className: i,
   color: o = u.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -4719,7 +4565,7 @@ const x5 = ({
       )
     ]
   }
-), N3 = ({
+), u3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4745,7 +4591,7 @@ const x5 = ({
       }
     )
   }
-), f3 = ({
+), m3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4784,7 +4630,7 @@ const x5 = ({
       )
     ]
   }
-), M3 = ({
+), L3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4823,7 +4669,7 @@ const x5 = ({
       )
     ]
   }
-), R3 = ({
+), v3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4892,7 +4738,7 @@ const x5 = ({
       )
     ]
   }
-), _3 = ({
+), N3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4949,7 +4795,7 @@ const x5 = ({
       )
     ]
   }
-), x3 = ({
+), f3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -4988,7 +4834,7 @@ const x5 = ({
       )
     ]
   }
-), H3 = ({
+), M3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -5037,7 +4883,7 @@ const x5 = ({
       )
     ]
   }
-), E3 = ({
+), R3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 24,
@@ -5064,7 +4910,7 @@ const x5 = ({
       }
     )
   }
-), I3 = ({
+), _3 = ({
   className: i,
   color: o = u.GREY_DARK_5,
   height: e = 20,
@@ -5093,7 +4939,7 @@ const x5 = ({
       )
     ]
   }
-), V3 = ({
+), x3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -5119,7 +4965,7 @@ const x5 = ({
       }
     )
   }
-), Z3 = ({
+), H3 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -5147,7 +4993,7 @@ const x5 = ({
       }
     )
   }
-), A3 = ({
+), E3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -5185,7 +5031,7 @@ const x5 = ({
       )
     ] }) })
   }
-), W3 = ({
+), I3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -5241,7 +5087,7 @@ const x5 = ({
       }
     )
   }
-), G3 = ({
+), V3 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -5274,7 +5120,7 @@ const x5 = ({
       )
     ]
   }
-), B3 = ({
+), A3 = ({
   width: i = 24,
   height: o = 24,
   color: e = u.GREY_DARK_2,
@@ -5313,7 +5159,7 @@ const x5 = ({
       )
     ]
   }
-), y3 = ({
+), Z3 = ({
   width: i = 24,
   height: o = 24,
   color: e = u.GREY_DARK_2,
@@ -5340,7 +5186,7 @@ const x5 = ({
       }
     )
   }
-), T3 = ({
+), G3 = ({
   width: i = 24,
   height: o = 24,
   color: e = u.GREY_DARK_2,
@@ -5380,7 +5226,7 @@ const x5 = ({
       )
     ]
   }
-), D3 = ({
+), W3 = ({
   width: i = 24,
   height: o = 24,
   color: e = u.GREY_DARK_2,
@@ -5407,7 +5253,7 @@ const x5 = ({
       }
     )
   }
-), b3 = ({
+), B3 = ({
   width: i = 24,
   height: o = 24,
   color: e = u.GREY_DARK_2,
@@ -5434,7 +5280,7 @@ const x5 = ({
       }
     )
   }
-), j3 = ({
+), y3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -5460,7 +5306,7 @@ const x5 = ({
       }
     )
   }
-), Y3 = ({
+), T3 = ({
   name: i,
   width: o,
   height: e,
@@ -5469,55 +5315,45 @@ const x5 = ({
   disabled: a = !1,
   onClick: w
 }) => {
-  const [n, L] = H(r), { theme: d } = n1(E1), h = a ? d && d === "dark" ? u.GREY_LIGHT_4 : u.GREY_DARK_1 : l, s = a ? void 0 : w;
-  return A(() => {
+  const [n, m] = H(r), { theme: d } = n1(E1), h = a ? d && d === "dark" ? u.GREY_LIGHT_4 : u.GREY_DARK_1 : l, s = a ? void 0 : w;
+  return Z(() => {
     if (r) {
-      s && !a && L(`${r} clickable`);
+      s && !a && m(`${r} clickable`);
       return;
     }
-    s && !a && L("clickable");
+    s && !a && m("clickable");
   }, [s, r, a]), /* @__PURE__ */ t(S, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return s3({ width: o, height: e, color: h, className: n, onClick: s });
+        return t3({ width: o, height: e, color: h, className: n, onClick: s });
       case "prevIcon":
-        return h3({ width: o, height: e, color: h, className: n, onClick: s });
+        return l3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDown":
-        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 "info":
-        return H5({ width: o, height: e, color: h, className: n, onClick: s });
+        return _5({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowRight":
-        return E5({ width: o, height: e, color: h, className: n, onClick: s });
+        return x5({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar":
-        return I5({ width: o, height: e, color: h, className: n, onClick: s });
+        return H5({ width: o, height: e, color: h, className: n, onClick: s });
       case "ok":
-        return V5({ width: o, height: e, color: h, className: n, onClick: s });
+        return E5({ width: o, height: e, color: h, className: n, onClick: s });
       case "cancel":
-        return Z5({ width: o, height: e, color: h, className: n, onClick: s });
+        return I5({ width: o, height: e, color: h, className: n, onClick: s });
       case "add":
-        return A5({ width: o, height: e, color: h, className: n, onClick: s });
+        return V5({ width: o, height: e, color: h, className: n, onClick: s });
       case "list":
-        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 "dragAndDrop":
-        return G5({ width: o, height: e, color: h, className: n, onClick: s });
+        return Z5({ width: o, height: e, color: h, className: n, onClick: s });
       case "filter":
-        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 "attention":
-        return y5({ width: o, height: e, color: h, className: n, onClick: s });
-      case "arrowDownLong":
-        return T5({
-          width: o,
-          height: e,
-          color: h,
-          className: n,
-          onClick: s
-        });
-      case "dotArrowDown":
-        return D5({ width: o, height: e, color: h, className: n, onClick: s });
+        return W5({ width: o, height: e, color: h, className: n, onClick: s });
       case "users":
-        return b5({ width: o, height: e, color: h, className: n, onClick: s });
+        return B5({ width: o, height: e, color: h, className: n, onClick: s });
       case "mySkillsMatrix":
-        return j5({
+        return y5({
           width: o,
           height: e,
           color: h,
@@ -5525,9 +5361,9 @@ const x5 = ({
           onClick: s
         });
       case "skills":
-        return Y5({ width: o, height: e, color: h, className: n, onClick: s });
+        return T5({ width: o, height: e, color: h, className: n, onClick: s });
       case "skillsMatrices":
-        return O5({
+        return D5({
           width: o,
           height: e,
           color: h,
@@ -5535,23 +5371,23 @@ const x5 = ({
           onClick: s
         });
       case "history":
-        return K5({ width: o, height: e, color: h, className: n, onClick: s });
+        return b5({ width: o, height: e, color: h, className: n, onClick: s });
       case "logOut":
-        return F5({ width: o, height: e, color: h, className: n, onClick: s });
+        return j5({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings":
-        return S5({ width: o, height: e, color: h, className: n, onClick: s });
+        return K5({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash":
-        return U5({ width: o, height: e, color: h, className: n, onClick: s });
+        return O5({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings4":
-        return P5({ width: o, height: e, color: h, className: n, onClick: s });
+        return Y5({ width: o, height: e, color: h, className: n, onClick: s });
       case "success":
-        return $5({ width: o, height: e, color: h, className: n, onClick: s });
+        return F5({ width: o, height: e, color: h, className: n, onClick: s });
       case "errorSmall":
-        return z5({ width: o, height: e, color: h, className: n, onClick: s });
+        return S5({ width: o, height: e, color: h, className: n, onClick: s });
       case "infoMedium":
-        return J5({ width: o, height: e, color: h, className: n, onClick: s });
+        return U5({ width: o, height: e, color: h, className: n, onClick: s });
       case "attentionMedium":
-        return q5({
+        return P5({
           width: o,
           height: e,
           color: h,
@@ -5559,9 +5395,9 @@ const x5 = ({
           onClick: s
         });
       case "errorMedium":
-        return Q5({ width: o, height: e, color: h, className: n, onClick: s });
+        return $5({ width: o, height: e, color: h, className: n, onClick: s });
       case "visibilityIcon":
-        return X5({
+        return z5({
           width: o,
           height: e,
           color: h,
@@ -5569,7 +5405,7 @@ const x5 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return e3({
+        return J5({
           width: o,
           height: e,
           color: h,
@@ -5577,7 +5413,7 @@ const x5 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return o3({
+        return q5({
           width: o,
           height: e,
           color: h,
@@ -5585,7 +5421,7 @@ const x5 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return i3({
+        return Q5({
           width: o,
           height: e,
           color: h,
@@ -5593,7 +5429,7 @@ const x5 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return t3({
+        return X5({
           width: o,
           height: e,
           color: h,
@@ -5601,86 +5437,86 @@ const x5 = ({
           onClick: s
         });
       case "sortUp":
-        return l3({ 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 r3({ width: o, height: e, color: h, className: n, onClick: s });
+        return o3({ width: o, height: e, color: h, className: n, onClick: s });
       case "search":
-        return n3({ width: o, height: e, color: h, className: n, onClick: s });
+        return i3({ 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 n3({ width: o, height: e, color: h, className: n, onClick: s });
       case "arrowDownFilled":
-        return c3({ width: o, height: e, color: h, className: n, onClick: s });
+        return r3({ width: o, height: e, color: h, className: n, onClick: s });
       case "link":
-        return C3({ width: o, height: e, color: h, className: n, onClick: s });
+        return s3({ width: o, height: e, color: h, className: n, onClick: s });
       case "telegram":
-        return w3({ width: o, height: e, color: h, className: n, onClick: s });
+        return c3({ width: o, height: e, color: h, className: n, onClick: s });
       case "mail":
-        return k3({ width: o, height: e, color: h, className: n, onClick: s });
+        return C3({ width: o, height: e, color: h, className: n, onClick: s });
       case "github":
-        return d3({ width: o, height: e, color: h, className: n, onClick: s });
+        return h3({ width: o, height: e, color: h, className: n, onClick: s });
       case "linkedIn":
-        return g3({ width: o, height: e, color: h, className: n, onClick: s });
+        return a3({ width: o, height: e, color: h, className: n, onClick: s });
       case "emptyStateIcon":
-        return p3({ width: o, height: e, color: h, className: n, onClick: s });
+        return d3({ width: o, height: e, color: h, className: n, onClick: s });
       case "filtersIcon":
-        return u3({ width: o, height: e, color: h, className: n, onClick: s });
+        return w3({ width: o, height: e, color: h, className: n, onClick: s });
       case "dotMenuIcon":
-        return L3({ width: o, height: e, color: h, className: n, onClick: s });
+        return g3({ width: o, height: e, color: h, className: n, onClick: s });
       case "plusCircle":
-        return m3({ width: o, height: e, color: h, className: n, onClick: s });
+        return k3({ width: o, height: e, color: h, className: n, onClick: s });
       case "warning":
-        return v3({ width: o, height: e, color: h, className: n, onClick: s });
+        return p3({ width: o, height: e, color: h, className: n, onClick: s });
       case "back":
-        return N3({ width: o, height: e, color: h, className: n, onClick: s });
+        return u3({ width: o, height: e, color: h, className: n, onClick: s });
       case "bell":
-        return f3({ width: o, height: e, color: h, className: n, onClick: s });
+        return m3({ width: o, height: e, color: h, className: n, onClick: s });
       case "contract":
-        return R3({ width: o, height: e, color: h, className: n, onClick: s });
+        return v3({ width: o, height: e, color: h, className: n, onClick: s });
       case "trash2":
-        return M3({ width: o, height: e, color: h, className: n, onClick: s });
+        return L3({ width: o, height: e, color: h, className: n, onClick: s });
       case "resourceManager":
-        return _3({ width: o, height: e, color: h, className: n, onClick: s });
+        return N3({ width: o, height: e, color: h, className: n, onClick: s });
       case "settings2":
-        return x3({ width: o, height: e, color: h, className: n, onClick: s });
+        return f3({ width: o, height: e, color: h, className: n, onClick: s });
       case "image":
-        return H3({ width: o, height: e, color: h, className: n, onClick: s });
+        return M3({ width: o, height: e, color: h, className: n, onClick: s });
       case "edit":
-        return E3({ width: o, height: e, color: h, className: n, onClick: s });
+        return R3({ width: o, height: e, color: h, className: n, onClick: s });
       case "filledArrowRight":
-        return I3({ width: o, height: e, color: h, className: n, onClick: s });
+        return _3({ width: o, height: e, color: h, className: n, onClick: s });
       case "burgerMenu":
-        return V3({ width: o, height: e, color: h, className: n, onClick: s });
+        return x3({ width: o, height: e, color: h, className: n, onClick: s });
       case "signOut":
-        return Z3({ width: o, height: e, color: h, className: n, onClick: s });
+        return H3({ width: o, height: e, color: h, className: n, onClick: s });
       case "refresh":
-        return A3({ width: o, height: e, color: h, className: n, onClick: s });
+        return E3({ width: o, height: e, color: h, className: n, onClick: s });
       case "projects":
-        return W3({ width: o, height: e, color: h, className: n, onClick: s });
+        return I3({ width: o, height: e, color: h, className: n, onClick: s });
       case "profile":
-        return j3({ width: o, height: e, color: h, className: n, onClick: s });
+        return y3({ width: o, height: e, color: h, className: n, onClick: s });
       case "exit":
-        return G3({ width: o, height: e, color: h, className: n, onClick: s });
+        return V3({ width: o, height: e, color: h, className: n, onClick: s });
       case "client":
-        return B3({ width: o, height: e, color: h, className: n, onClick: s });
+        return A3({ width: o, height: e, color: h, className: n, onClick: s });
       case "calendar2":
-        return y3({ width: o, height: e, color: h, className: n, onClick: s });
+        return Z3({ width: o, height: e, color: h, className: n, onClick: s });
       case "openPointCircle":
-        return T3({ width: o, height: e, color: h, className: n, onClick: s });
+        return G3({ width: o, height: e, color: h, className: n, onClick: s });
       case "community":
-        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 "docs":
-        return b3({ width: o, height: e, color: h, className: n, onClick: s });
+        return B3({ width: o, height: e, color: h, className: n, onClick: s });
       default:
         return /* @__PURE__ */ t(S, { children: "No Icon provided" });
     }
   })() });
 };
 var l1 = /* @__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))(l1 || {});
-const O3 = r1({
+const D3 = r1({
   locale: "en",
   theme: "light"
 });
-O3.Provider;
+D3.Provider;
 const I1 = ({
   children: i,
   width: o,
@@ -5697,7 +5533,7 @@ const I1 = ({
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        Y3,
+        T3,
         {
           name: "errorSmall",
           color: a ? l1.GREY_DARK_1 : l1.GREY_DARK_2,
@@ -5710,7 +5546,7 @@ const I1 = ({
       style: { width: o ?? "fit-content" },
       closable: r,
       children: typeof i == "string" ? /* @__PURE__ */ t(
-        _5,
+        M5,
         {
           variant: e === "small" ? "body4" : "body2",
           color: a ? l1.GREY_DARK_2 : l1.GREY_DARK_5,
@@ -5719,12 +5555,12 @@ const I1 = ({
       ) : i
     }
   );
-}, { Title: K3, Text: F3 } = R1, S3 = {
+}, { Title: b3, Text: j3 } = R1, K3 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, U3 = g1(
+}, O3 = g1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -5734,20 +5570,20 @@ const I1 = ({
     collapsed: a,
     whiteSpace: w = "normal"
   }, n) => {
-    const L = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    const m = o === "h1" || o === "h2" || o === "h3" || o === "h4";
     let d = `snmt-typography snmt-typography-${o}`;
-    return i && i !== "inherit" && (d += ` snmt-typography-align-${i}`), a && (d += " collapsed"), L ? /* @__PURE__ */ t(
-      K3,
+    return i && i !== "inherit" && (d += ` snmt-typography-align-${i}`), a && (d += " collapsed"), m ? /* @__PURE__ */ t(
+      b3,
       {
         className: d,
         style: { color: e, whiteSpace: w },
         onClick: r,
-        level: S3[o],
+        level: K3[o],
         ref: n,
         children: l
       }
     ) : /* @__PURE__ */ t(
-      F3,
+      j3,
       {
         className: d,
         style: { color: e, whiteSpace: w },
@@ -5757,7 +5593,7 @@ const I1 = ({
       }
     );
   }
-), P3 = ({
+), Y3 = ({
   children: i,
   content: o,
   isOpen: e,
@@ -5775,25 +5611,25 @@ const I1 = ({
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
       open: e ?? w,
-      onOpenChange: (L) => {
-        n(L), l == null || l(L);
+      onOpenChange: (m) => {
+        n(m), l == null || l(m);
       },
       children: /* @__PURE__ */ t("div", { className: "wrapper", children: i })
     }
   );
 };
-var $3 = { exports: {} };
+var F3 = { exports: {} };
 (function(i, o) {
   (function(e, l) {
     i.exports = l();
-  })(Y1, function() {
+  })(K1, 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]) + "]";
     } };
   });
-})($3);
-const z3 = ({
+})(F3);
+const S3 = ({
   values: i,
   onTagClose: o,
   maxWidth: e,
@@ -5802,17 +5638,17 @@ const z3 = ({
   options: a,
   extraOptions: w
 }) => {
-  const { locale: n } = n1(u1), { t: L } = l2("common", { lng: n }), [d, h] = H(!1);
-  if (A(() => {
+  const { locale: n } = n1(u1), { t: m } = l2("common", { lng: n }), [d, h] = H(!1);
+  if (Z(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
   const s = (M) => {
-    var I, G;
-    return ((I = a == null ? void 0 : a.find((R) => R.value === M)) == null ? void 0 : I.label) || ((G = w == null ? void 0 : w.find((R) => R.value === M)) == null ? void 0 : G.label) || M;
+    var I, W;
+    return ((I = a == null ? void 0 : a.find((R) => R.value === M)) == null ? void 0 : I.label) || ((W = w == null ? void 0 : w.find((R) => R.value === M)) == null ? void 0 : W.label) || M;
   };
   return /* @__PURE__ */ c(
-    P3,
+    Y3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
@@ -5833,7 +5669,7 @@ const z3 = ({
       children: [
         i.length,
         " ",
-        L("more")
+        m("more")
       ]
     }
   );
@@ -5855,23 +5691,23 @@ const z3 = ({
     options: a,
     width: w,
     disabled: n = !1,
-    required: L = !1,
+    required: m = !1,
     clearable: d = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
     onDropdownVisibleChange: M,
     onScrollToEnd: I,
-    onPopupScroll: G,
+    onPopupScroll: W,
     id: B,
     extraOptions: R,
-    dropdownRender: Y,
+    dropdownRender: K,
     optionRender: V,
-    isLoading: W,
+    isLoading: G,
     readOnly: k,
     error: _
   }, N) => {
-    const [f, b] = H(!1), [O, y] = H(!1), [K, P] = H(!0), [x, T] = H(i), Q = q(null);
-    A(() => {
+    const [f, b] = H(!1), [O, y] = H(!1), [Y, P] = H(!0), [x, T] = H(i), Q = q(null);
+    Z(() => {
       T(i);
     }, [i]);
     const s1 = (C) => {
@@ -5883,7 +5719,7 @@ const z3 = ({
       y(!0);
     }, $ = () => {
       y(!1);
-    }, j = Z(
+    }, j = A(
       (C) => {
         if (T(C), l) {
           const v = C;
@@ -5894,7 +5730,7 @@ const z3 = ({
         o == null || o(g);
       },
       [l, o]
-    ), c1 = Z(() => {
+    ), c1 = A(() => {
       if (!(k || n)) {
         if (l) {
           j([]);
@@ -5902,25 +5738,25 @@ const z3 = ({
         }
         j("");
       }
-    }, [n, j, l, k]), F = Z(
+    }, [n, j, l, k]), F = A(
       (C) => {
         const g = x.filter((v) => v !== C);
         j(g), T(g);
       },
       [j, x]
-    ), e1 = Z(
+    ), e1 = A(
       (C) => (x == null ? void 0 : x.indexOf(C)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: K ? e : "" })
+        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: Y ? e : "" })
       ) : /* @__PURE__ */ t(S, {}),
-      [K, x, e]
+      [Y, x, e]
     ), a1 = (C) => {
       C.preventDefault(), C.stopPropagation();
     }, C1 = async (C) => {
       const { target: g } = C;
-      g.scrollTop + g.offsetHeight >= g.scrollHeight - h && (I == null || I(!0)), G && await G(C);
-    }, z = Z(
+      g.scrollTop + g.offsetHeight >= g.scrollHeight - h && (I == null || I(!0)), W && await W(C);
+    }, z = A(
       (C) => {
         var g, v;
         return ((g = a.find((o1) => o1.value === C)) == null ? void 0 : g.label) || ((v = R == null ? void 0 : R.find(
@@ -5928,11 +5764,11 @@ const z3 = ({
         )) == null ? void 0 : v.label) || C;
       },
       [R, a]
-    ), d1 = Z(
+    ), d1 = A(
       (C) => {
         var g;
         return /* @__PURE__ */ t(
-          z3,
+          S3,
           {
             values: C,
             onTagClose: F,
@@ -5945,7 +5781,7 @@ const z3 = ({
         );
       },
       [n, R, F, a, k]
-    ), m = Z(
+    ), L = A(
       ({ label: C, value: g, mode: v }) => v === "filter" ? e1(g) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(I1, { onClose: () => F(g), disabled: n, children: typeof C == "object" ? C : z(g) }) }),
       [n, z, F, e1]
     ), E = Array.isArray(x) && x.length > 0 || !!x && typeof x == "string" && x.trim() !== "";
@@ -5959,7 +5795,7 @@ const z3 = ({
           style: { width: w },
           children: [
             /* @__PURE__ */ t(
-              A1,
+              Z1,
               {
                 className: "snmt-select-blank",
                 popupClassName: k ? "dropdown-read-only" : "",
@@ -5983,11 +5819,11 @@ const z3 = ({
                 },
                 onSelect: () => P(!0),
                 onDeselect: () => P(!0),
-                tagRender: (C) => m({ ...C, mode: l }),
+                tagRender: (C) => L({ ...C, mode: l }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: d1,
                 onPopupScroll: C1,
-                prefix: W && /* @__PURE__ */ t(N1, { size: 15 }),
+                prefix: G && /* @__PURE__ */ t(N1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(S, { children: [
                   x && !!x.length && (l || d) && /* @__PURE__ */ t(
                     "div",
@@ -6041,8 +5877,8 @@ const z3 = ({
                   )
                 ] }),
                 dropdownRender: (C) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: Y ? Y(C) : C }),
-                  W && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(N1, { size: 28 }) })
+                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: K ? K(C) : C }),
+                  G && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(N1, { size: 28 }) })
                 ] })
               }
             ),
@@ -6050,15 +5886,15 @@ const z3 = ({
               /* @__PURE__ */ t(
                 "label",
                 {
-                  className: `${O || E ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${W ? "label-loading" : ""} ${_ ? "label-error" : ""}`,
-                  children: L ? `${e}*` : e
+                  className: `${O || E ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${G ? "label-loading" : ""} ${_ ? "label-error" : ""}`,
+                  children: m ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ t(
                 "fieldset",
                 {
                   className: `${O ? "fieldset-focused" : ""} ${n ? "fieldset-disabled" : ""} ${E ? "fieldset-filled" : ""} ${_ ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: L ? `${e}*` : e }) })
+                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: m ? `${e}*` : e }) })
                 }
               )
             ] })
@@ -6067,14 +5903,14 @@ const z3 = ({
       ),
       _ && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ t(i1, { name: "attention", color: D.NOTIFICATION_ERROR_DARK }),
-        typeof _ == "string" ? /* @__PURE__ */ t(U3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: _ }) : _
+        typeof _ == "string" ? /* @__PURE__ */ t(O3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: _ }) : _
       ] })
     ] });
   }
 );
-function J3(i, o = 500) {
+function U3(i, o = 500) {
   const e = q();
-  return A(() => () => {
+  return Z(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...r) => {
     const a = setTimeout(() => {
@@ -6085,13 +5921,13 @@ function J3(i, o = 500) {
 }
 function M1(i) {
   const o = q(i);
-  return A(() => {
+  return Z(() => {
     o.current = i;
   }, [i]), o.current;
 }
 const k1 = 100, J = {
   offset: 0
-}, o0 = g1(
+}, q3 = g1(
   ({
     loadOptions: i,
     width: o,
@@ -6101,30 +5937,30 @@ const k1 = 100, J = {
     disabled: a,
     scrollThresholdValue: w,
     placeholder: n,
-    mode: L,
+    mode: m,
     loadOnClosedState: d,
     preloadOptions: h,
     extraOptions: s,
     onDropdownVisibleChange: M,
     optionRender: I,
-    dropdownRender: G,
+    dropdownRender: W,
     readOnly: B,
     clearable: R = !1,
-    required: Y = !1,
+    required: K = !1,
     error: V
-  }, W) => {
-    const [k, _] = H(), [N, f] = H(J), [b, O] = H(!1), [y, K] = H(), [P, x] = H(!1), [T, Q] = H(
+  }, G) => {
+    const [k, _] = H(), [N, f] = H(J), [b, O] = H(!1), [y, Y] = H(), [P, x] = H(!1), [T, Q] = H(
       s ?? []
-    ), s1 = M1(N.offset), h1 = M1(y), [X, $] = H(!1), j = q(!1), c1 = Z(
+    ), s1 = M1(N.offset), h1 = M1(y), [X, $] = H(!1), j = q(!1), c1 = A(
       async ({
-        limit: m = k1,
+        limit: L = k1,
         offset: E,
         search: C
       }) => {
         O(!0);
         try {
           const g = await i({
-            limit: m,
+            limit: L,
             offset: E,
             search: C
           });
@@ -6141,43 +5977,43 @@ const k1 = 100, J = {
         }
       },
       [i]
-    ), F = J3((m) => {
-      K(m), m || f(J);
-    }), e1 = Z(
-      (m) => F(m),
+    ), F = U3((L) => {
+      Y(L), L || f(J);
+    }), e1 = A(
+      (L) => F(L),
       [F]
-    ), a1 = Z(
-      async (m) => {
-        b || m && N.count && N.count > ((k == null ? void 0 : k.length) ?? 0) && f((E) => ({
+    ), a1 = A(
+      async (L) => {
+        b || L && N.count && N.count > ((k == null ? void 0 : k.length) ?? 0) && f((E) => ({
           ...E,
           offset: E.offset + k1
         }));
       },
       [b, k == null ? void 0 : k.length, N.count]
-    ), C1 = Z(
-      (m) => {
-        x(m), !m && y && (K(void 0), f(J), $(!0)), M == null || M(m);
+    ), C1 = A(
+      (L) => {
+        x(L), !L && y && (Y(void 0), f(J), $(!0)), M == null || M(L);
       },
       [M, y]
     );
-    A(() => {
+    Z(() => {
       if (!j.current || b) return;
       (X || P && (s1 !== N.offset || h1 !== y || !k)) && (c1({ offset: N.offset, limit: k1, search: y }), X && $(!1));
-    }, [X, P, N.offset, y, s1, h1, k, b]), A(() => {
+    }, [X, P, N.offset, y, s1, h1, k, b]), Z(() => {
       (d || h) && c1(J), j.current = !0;
-    }, []), A(() => {
-      s && Q((m) => {
+    }, []), Z(() => {
+      s && Q((L) => {
         const E = s.filter(
-          (C) => !m.some((g) => g.value === C.value)
+          (C) => !L.some((g) => g.value === C.value)
         );
-        return [...m, ...E];
+        return [...L, ...E];
       });
     }, [s]);
-    const z = Z(
-      (m) => {
-        e && e(m);
+    const z = A(
+      (L) => {
+        e && e(L);
         let E = [];
-        if (L ? E = Array.isArray(m) ? m : [] : E = m ? [m] : [], y) {
+        if (m ? E = Array.isArray(L) ? L : [] : E = L ? [L] : [], y) {
           const C = E.filter(
             (g) => !(T != null && T.some((v) => v.value === g))
           );
@@ -6190,17 +6026,17 @@ const k1 = 100, J = {
                 label: (w1 == null ? void 0 : w1.label) ?? v
               };
             })
-          ]), K(void 0), f(J), $(!0);
+          ]), Y(void 0), f(J), $(!0);
         }
       },
-      [e, y, L, k, T]
+      [e, y, m, k, T]
     ), d1 = V1(
       () => ({
         id: r,
         width: o,
         options: k || [],
         onChange: z,
-        ref: W,
+        ref: G,
         placeholder: n,
         search: !0,
         value: l,
@@ -6212,10 +6048,10 @@ const k1 = 100, J = {
         extraOptions: T,
         isLoading: b,
         optionRender: I,
-        dropdownRender: G,
+        dropdownRender: W,
         readOnly: B,
         clearable: R,
-        required: Y,
+        required: K,
         error: V
       }),
       [
@@ -6223,7 +6059,7 @@ const k1 = 100, J = {
         o,
         k,
         z,
-        W,
+        G,
         n,
         l,
         e1,
@@ -6234,20 +6070,20 @@ const k1 = 100, J = {
         T,
         b,
         I,
-        G,
+        W,
         B,
         R,
-        Y,
+        K,
         V
       ]
     );
-    return Z1(W, () => ({
+    return A1(G, () => ({
       refetchOptions: async () => {
-        f(J), K(void 0), $(!0);
+        f(J), Y(void 0), $(!0);
       }
-    })), L ? /* @__PURE__ */ t(f1, { ...d1, value: l, mode: L }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(f1, { ...d1, value: l }) });
+    })), m ? /* @__PURE__ */ t(f1, { ...d1, value: l, mode: m }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(f1, { ...d1, value: l }) });
   }
 );
 export {
-  o0 as AsyncSelect
+  q3 as AsyncSelect
 };