npm - @snmt-react-ui/async-select - Versions diffs - 1.8.23 → 1.8.25 - Mend

@snmt-react-ui/async-select 1.8.23 → 1.8.25

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

Files changed (3) hide show

package/dist/async-select.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import "./index.css";
-import { jsx as t, Fragment as U, jsxs as c } from "react/jsx-runtime";
-import { createContext as n1, forwardRef as g1, useRef as Y, useImperativeHandle as u1, useState as _, useEffect as A, useCallback as W, useContext as r1, useMemo as A1 } from "react";
-import { Select as G1, Flex as B1, Avatar as W1, Checkbox as y1, Tooltip as _1, Typography as x1, Tag as T1, Popover as b1 } from "antd";
-var D1 = Object.defineProperty, K1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, j1 = (i, o, e) => K1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function O1() {
+import { jsx as t, Fragment as S, jsxs as c } from "react/jsx-runtime";
+import { createContext as n1, forwardRef as g1, useState as H, useRef as q, useEffect as A, useCallback as Z, useContext as r1, useMemo as V1, useImperativeHandle as Z1 } from "react";
+import { Select as A1, Flex as G1, Avatar as B1, Checkbox as W1, 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, K1 = (i, o, e) => b1(i, o + "", e), j1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Y1() {
   if (console && console.warn) {
     for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
       o[e] = arguments[e];
-    P(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
+    U(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
   }
 }
 const L1 = {};
 function p1() {
   for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
     o[e] = arguments[e];
-  P(o[0]) && L1[o[0]] || (P(o[0]) && (L1[o[0]] = /* @__PURE__ */ new Date()), O1(...o));
+  U(o[0]) && L1[o[0]] || (U(o[0]) && (L1[o[0]] = /* @__PURE__ */ new Date()), Y1(...o));
 }
-const H1 = (i, o) => () => {
+const _1 = (i, o) => () => {
   if (i.isInitialized)
     o();
   else {
@@ -27,30 +27,30 @@ const H1 = (i, o) => () => {
     };
     i.on("initialized", e);
   }
-}, v1 = (i, o, e) => {
-  i.loadNamespaces(o, H1(i, e));
-}, N1 = (i, o, e, l) => {
-  P(e) && (e = [e]), e.forEach((n) => {
+}, m1 = (i, o, e) => {
+  i.loadNamespaces(o, _1(i, e));
+}, v1 = (i, o, e, l) => {
+  U(e) && (e = [e]), e.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
-  }), i.loadLanguages(o, H1(i, l));
-}, F1 = function(i, o) {
+  }), i.loadLanguages(o, _1(i, l));
+}, O1 = function(i, o) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const l = o.languages[0], n = o.options ? o.options.fallbackLng : !1, a = o.languages[o.languages.length - 1];
   if (l.toLowerCase() === "cimode") return !0;
-  const p = (r, m) => {
-    const C = o.services.backendConnector.state[`${r}|${m}`];
-    return C === -1 || C === 2;
+  const p = (r, L) => {
+    const d = o.services.backendConnector.state[`${r}|${L}`];
+    return d === -1 || d === 2;
   };
   return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !p(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || p(l, i) && (!n || p(a, i)));
-}, S1 = function(i, o) {
+}, F1 = function(i, o) {
   let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !o.languages || !o.languages.length ? (p1("i18n.languages were undefined or empty", o.languages), !0) : o.options.ignoreJSONStructure !== void 0 ? o.hasLoadedNamespace(i, {
     lng: e.lng,
     precheck: (l, n) => {
       if (e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !n(l.isLanguageChangingTo, i)) return !1;
     }
-  }) : F1(i, o, e);
-}, P = (i) => typeof i == "string", U1 = (i) => typeof i == "object" && i !== null, P1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, $1 = {
+  }) : O1(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;": "&",
   "&lt;": "<",
@@ -71,8 +71,8 @@ const H1 = (i, o) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, z1 = (i) => $1[i], J1 = (i) => i.replace(P1, z1);
-let q1 = {
+}, $1 = (i) => P1[i], z1 = (i) => i.replace(U1, $1);
+let J1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -80,14 +80,14 @@ let q1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: J1
+  unescape: z1
 };
-const Q1 = () => q1;
-let X1;
-const e2 = () => X1, o2 = n1();
-class i2 {
+const q1 = () => J1;
+let Q1;
+const X1 = () => Q1, e2 = n1();
+class o2 {
   constructor() {
-    j1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    K1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(o) {
     o.forEach((e) => {
@@ -95,62 +95,62 @@ class i2 {
     });
   }
 }
-const t2 = (i, o) => {
-  const e = Y();
+const i2 = (i, o) => {
+  const e = q();
   return A(() => {
     e.current = i;
   }, [i, o]), e.current;
-}, E1 = (i, o, e, l) => i.getFixedT(o, e, l), l2 = (i, o, e, l) => W(E1(i, o, e, l), [i, o, e, l]), n2 = function(i) {
+}, 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) {
   let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: e
   } = o, {
     i18n: l,
     defaultNS: n
-  } = r1(o2) || {}, a = e || l || e2();
-  if (a && !a.reportNamespaces && (a.reportNamespaces = new i2()), !a) {
+  } = r1(e2) || {}, a = e || l || X1();
+  if (a && !a.reportNamespaces && (a.reportNamespaces = new o2()), !a) {
     p1("You will need to pass in an i18next instance by using initReactI18next");
-    const u = (x, H) => P(H) ? H : U1(H) && P(H.defaultValue) ? H.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, E = [u, {}, !1];
-    return E.t = u, E.i18n = {}, E.ready = !1, E;
+    const u = (N, f) => U(f) ? f : S1(f) && U(f.defaultValue) ? f.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, _ = [u, {}, !1];
+    return _.t = u, _.i18n = {}, _.ready = !1, _;
   }
   a.options.react && a.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 p = {
-    ...Q1(),
+    ...q1(),
     ...a.options.react,
     ...o
   }, {
     useSuspense: r,
-    keyPrefix: m
+    keyPrefix: L
   } = p;
-  let C = i;
-  C = P(C) ? [C] : C || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(C);
-  const h = (a.isInitialized || a.initializedStoreOnce) && C.every((u) => S1(u, a, p)), s = l2(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), f = () => s, N = () => E1(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), [V, Z] = _(f);
-  let L = C.join();
-  o.lng && (L = `${o.lng}${L}`);
-  const G = t2(L), M = Y(!0);
+  let d = i;
+  d = U(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
+  const h = (a.isInitialized || a.initializedStoreOnce) && d.every((u) => F1(u, a, p)), s = t2(a, o.lng || null, p.nsMode === "fallback" ? d : d[0], L), M = () => s, I = () => x1(a, o.lng || null, p.nsMode === "fallback" ? d : d[0], L), [B, W] = H(M);
+  let R = d.join();
+  o.lng && (R = `${o.lng}${R}`);
+  const j = i2(R), V = q(!0);
   A(() => {
     const {
       bindI18n: u,
-      bindI18nStore: E
+      bindI18nStore: _
     } = p;
-    M.current = !0, !h && !r && (o.lng ? N1(a, o.lng, C, () => {
-      M.current && Z(N);
-    }) : v1(a, C, () => {
-      M.current && Z(N);
-    })), h && G && G !== L && M.current && Z(N);
-    const x = () => {
-      M.current && Z(N);
+    V.current = !0, !h && !r && (o.lng ? v1(a, o.lng, d, () => {
+      V.current && W(I);
+    }) : m1(a, d, () => {
+      V.current && W(I);
+    })), h && j && j !== R && V.current && W(I);
+    const N = () => {
+      V.current && W(I);
     };
-    return u && a && a.on(u, x), E && a && a.store.on(E, x), () => {
-      M.current = !1, u && a && u.split(" ").forEach((H) => a.off(H, x)), E && a && E.split(" ").forEach((H) => a.store.off(H, x));
+    return u && a && a.on(u, N), _ && a && a.store.on(_, N), () => {
+      V.current = !1, u && a && u.split(" ").forEach((f) => a.off(f, N)), _ && a && _.split(" ").forEach((f) => a.store.off(f, N));
     };
-  }, [a, L]), A(() => {
-    M.current && h && Z(f);
-  }, [a, m, h]);
-  const y = [V, a, h];
-  if (y.t = V, y.i18n = a, y.ready = h, h || !h && !r) return y;
+  }, [a, R]), A(() => {
+    V.current && h && W(M);
+  }, [a, L, h]);
+  const G = [B, a, h];
+  if (G.t = B, G.i18n = a, G.ready = h, h || !h && !r) return G;
   throw new Promise((u) => {
-    o.lng ? N1(a, o.lng, C, () => u()) : v1(a, C, () => u());
+    o.lng ? v1(a, o.lng, d, () => u()) : m1(a, d, () => u());
   });
 }, t1 = ({
   children: i,
@@ -162,7 +162,7 @@ const t2 = (i, o) => {
   gap: p,
   padding: r
 }) => /* @__PURE__ */ t(
-  B1,
+  G1,
   {
     className: `snmt-flex${e === "inherit" ? " inherit" : ""}`,
     vertical: o === "column",
@@ -174,10 +174,10 @@ const t2 = (i, o) => {
     style: { padding: r },
     children: i
   }
-), r2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
+), n2 = ({ shape: i = "circle", size: o = 32, children: e, ...l }) => {
   const n = typeof l.src == "string";
   return /* @__PURE__ */ t(
-    W1,
+    B1,
     {
       className: `snmt-avatar ${n ? "image" : ""}`,
       shape: i,
@@ -189,12 +189,12 @@ const t2 = (i, o) => {
   );
 };
 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_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))(D || {});
-const m1 = n1({
+const u1 = n1({
   locale: "en",
   theme: "light"
 });
-m1.Provider;
-const s2 = ({
+u1.Provider;
+const r2 = ({
   checked: i = !0,
   indeterminate: o = !1,
   children: e,
@@ -202,19 +202,19 @@ const s2 = ({
   disabled: n = !1,
   disableUncheck: a = !1
 }) => {
-  const [p, r] = _(i), [m, C] = _(o);
+  const [p, r] = H(i), [L, d] = H(o);
   A(() => {
-    r(i), C(o);
+    r(i), d(o);
   }, [i, o]);
-  const { theme: h } = r1(m1);
+  const { theme: h } = r1(u1);
   return /* @__PURE__ */ t(
-    y1,
+    W1,
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: p,
-      indeterminate: m,
+      indeterminate: L,
       onChange: (s) => {
-        a && p || (C(!1), r(s.target.checked), l && l(s));
+        a && p || (d(!1), r(s.target.checked), l && l(s));
       },
       disabled: n,
       children: e
@@ -222,12 +222,12 @@ const s2 = ({
   );
 };
 var g = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.BLUE_DARK_3 = "var(--blue-dark-3)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_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))(g || {});
-const I1 = n1({
+const H1 = n1({
   locale: "en",
   theme: "light"
 });
-I1.Provider;
-const h2 = ({
+H1.Provider;
+const s2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -254,7 +254,7 @@ const h2 = ({
       }
     )
   }
-), c2 = ({
+), h2 = ({
   width: i = 20,
   height: o = 20,
   color: e = g.GREY_DARK_5,
@@ -294,7 +294,7 @@ const h2 = ({
       )
     ]
   }
-), a2 = ({
+), c2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -329,7 +329,7 @@ const h2 = ({
       )
     ]
   }
-), C2 = ({
+), a2 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -368,7 +368,7 @@ const h2 = ({
       )
     ]
   }
-), d2 = ({
+), C2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -394,7 +394,7 @@ const h2 = ({
       }
     )
   }
-), w2 = ({
+), d2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -415,7 +415,7 @@ const h2 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), g2 = ({
+), w2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -447,7 +447,7 @@ const h2 = ({
       )
     ]
   }
-), k2 = ({
+), g2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -501,7 +501,7 @@ const h2 = ({
       )
     ]
   }
-), p2 = ({
+), k2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -540,7 +540,7 @@ const h2 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), u2 = ({
+), p2 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -589,7 +589,7 @@ const h2 = ({
       )
     ] })
   }
-), m2 = ({
+), u2 = ({
   width: i = 20,
   height: o = 20,
   color: e = g.GREY_DARK_5,
@@ -676,7 +676,7 @@ const h2 = ({
       )
     ]
   }
-), v2 = ({
+), m2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -709,7 +709,7 @@ const h2 = ({
       )
     ]
   }
-), N2 = ({
+), v2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -756,7 +756,7 @@ const h2 = ({
       )
     ]
   }
-), f2 = ({
+), N2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -789,7 +789,7 @@ const h2 = ({
       )
     ]
   }
-), M2 = ({
+), f2 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -828,7 +828,7 @@ const h2 = ({
       )
     ]
   }
-), R2 = ({
+), M2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -861,7 +861,7 @@ const h2 = ({
       )
     ]
   }
-), _2 = ({
+), R2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -885,7 +885,7 @@ const h2 = ({
       }
     )
   }
-), x2 = ({
+), _2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -918,7 +918,7 @@ const h2 = ({
       )
     ]
   }
-), H2 = ({
+), x2 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -979,7 +979,7 @@ const h2 = ({
       )
     ]
   }
-), E2 = ({
+), H2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -1008,7 +1008,7 @@ const h2 = ({
       )
     ]
   }
-), I2 = ({
+), E2 = ({
   width: i = 20,
   height: o = 20,
   color: e = g.GREY_DARK_5,
@@ -1041,7 +1041,7 @@ const h2 = ({
       )
     ]
   }
-), V2 = ({
+), I2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -1089,7 +1089,7 @@ const h2 = ({
       )
     ]
   }
-), Z2 = ({
+), V2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -1117,7 +1117,7 @@ const h2 = ({
       )
     ]
   }
-), A2 = ({
+), Z2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -1151,7 +1151,7 @@ const h2 = ({
       )
     ]
   }
-), G2 = ({
+), A2 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -1199,7 +1199,7 @@ const h2 = ({
       )
     ]
   }
-), B2 = ({
+), G2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1229,7 +1229,7 @@ const h2 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), W2 = ({
+), B2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -1267,7 +1267,7 @@ const h2 = ({
       )
     ]
   }
-), y2 = ({
+), W2 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -1293,7 +1293,7 @@ const h2 = ({
       }
     )
   }
-), T2 = ({
+), y2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -1322,7 +1322,7 @@ const h2 = ({
       )
     ]
   }
-), b2 = ({
+), T2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -1380,7 +1380,7 @@ const h2 = ({
       )
     ]
   }
-), K2 = ({
+), b2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1417,7 +1417,7 @@ const h2 = ({
       )
     ]
   }
-), j2 = ({
+), K2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1456,7 +1456,7 @@ const h2 = ({
       )
     ]
   }
-), Y2 = ({
+), j2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 20,
@@ -1483,7 +1483,7 @@ const h2 = ({
       }
     )
   }
-), O2 = ({
+), Y2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 20,
@@ -1510,7 +1510,7 @@ const h2 = ({
       }
     )
   }
-), F2 = ({
+), O2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 5,
@@ -1534,7 +1534,7 @@ const h2 = ({
       }
     )
   }
-), S2 = ({
+), F2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 5,
@@ -1559,7 +1559,7 @@ const h2 = ({
       }
     )
   }
-), U2 = ({
+), S2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1598,7 +1598,7 @@ const h2 = ({
       )
     ]
   }
-), P2 = ({
+), U2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1637,7 +1637,7 @@ const h2 = ({
       )
     ]
   }
-), $2 = ({
+), P2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1664,7 +1664,7 @@ const h2 = ({
       }
     )
   }
-), z2 = ({
+), $2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1723,7 +1723,7 @@ const h2 = ({
       )
     ]
   }
-), J2 = ({
+), z2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1760,7 +1760,7 @@ const h2 = ({
       )
     ]
   }
-), q2 = ({
+), J2 = ({
   className: i,
   color: o = g.GREY_DARK_3,
   height: e = 14,
@@ -1797,7 +1797,7 @@ const h2 = ({
       )
     ]
   }
-), Q2 = ({
+), q2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 18,
@@ -1824,7 +1824,7 @@ const h2 = ({
       }
     )
   }
-), X2 = ({
+), Q2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1876,7 +1876,7 @@ const h2 = ({
       )
     ]
   }
-), e5 = ({
+), X2 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1913,7 +1913,7 @@ const h2 = ({
       )
     ]
   }
-), o5 = ({
+), e5 = ({
   className: i,
   color: o = g.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -1952,7 +1952,7 @@ const h2 = ({
       )
     ]
   }
-), i5 = ({
+), o5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -1978,7 +1978,7 @@ const h2 = ({
       }
     )
   }
-), t5 = ({
+), i5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2017,7 +2017,7 @@ const h2 = ({
       )
     ]
   }
-), l5 = ({
+), t5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2056,7 +2056,7 @@ const h2 = ({
       )
     ]
   }
-), n5 = ({
+), l5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2125,7 +2125,7 @@ const h2 = ({
       )
     ]
   }
-), r5 = ({
+), n5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2182,7 +2182,7 @@ const h2 = ({
       )
     ]
   }
-), s5 = ({
+), r5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2221,7 +2221,7 @@ const h2 = ({
       )
     ]
   }
-), h5 = ({
+), s5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2270,7 +2270,7 @@ const h2 = ({
       )
     ]
   }
-), c5 = ({
+), h5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 24,
@@ -2297,7 +2297,7 @@ const h2 = ({
       }
     )
   }
-), a5 = ({
+), c5 = ({
   className: i,
   color: o = g.GREY_DARK_5,
   height: e = 20,
@@ -2326,7 +2326,7 @@ const h2 = ({
       )
     ]
   }
-), C5 = ({
+), a5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -2352,7 +2352,7 @@ const h2 = ({
       }
     )
   }
-), d5 = ({
+), C5 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -2380,7 +2380,7 @@ const h2 = ({
       }
     )
   }
-), w5 = ({
+), d5 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -2418,7 +2418,7 @@ const h2 = ({
       )
     ] }) })
   }
-), g5 = ({
+), w5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2474,7 +2474,7 @@ const h2 = ({
       }
     )
   }
-), k5 = ({
+), g5 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -2507,7 +2507,7 @@ const h2 = ({
       )
     ]
   }
-), p5 = ({
+), k5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2546,7 +2546,7 @@ const h2 = ({
       )
     ]
   }
-), u5 = ({
+), p5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2573,7 +2573,7 @@ const h2 = ({
       }
     )
   }
-), m5 = ({
+), u5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2640,7 +2640,7 @@ const h2 = ({
       }
     )
   }
-), v5 = ({
+), m5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2667,7 +2667,7 @@ const h2 = ({
       }
     )
   }
-), N5 = ({
+), v5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2702,45 +2702,45 @@ const h2 = ({
   disabled: a = !1,
   onClick: p
 }) => {
-  const [r, m] = _(n), { theme: C } = r1(I1), h = a ? C && C === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : l, s = a ? void 0 : p;
+  const [r, L] = H(n), { theme: d } = r1(H1), h = a ? d && d === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : l, s = a ? void 0 : p;
   return A(() => {
     if (n) {
-      s && !a && m(`${n} clickable`);
+      s && !a && L(`${n} clickable`);
       return;
     }
-    s && !a && m("clickable");
-  }, [s, n, a]), /* @__PURE__ */ t(U, { children: (() => {
+    s && !a && L("clickable");
+  }, [s, n, a]), /* @__PURE__ */ t(S, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return Y2({ width: o, height: e, color: h, className: r, onClick: s });
+        return j2({ width: o, height: e, color: h, className: r, onClick: s });
       case "prevIcon":
-        return O2({ width: o, height: e, color: h, className: r, onClick: s });
+        return Y2({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowDown":
-        return h2({ width: o, height: e, color: h, className: r, onClick: s });
+        return s2({ width: o, height: e, color: h, className: r, onClick: s });
       case "info":
-        return c2({ width: o, height: e, color: h, className: r, onClick: s });
+        return h2({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowRight":
-        return a2({ width: o, height: e, color: h, className: r, onClick: s });
+        return c2({ width: o, height: e, color: h, className: r, onClick: s });
       case "calendar":
-        return C2({ width: o, height: e, color: h, className: r, onClick: s });
+        return a2({ width: o, height: e, color: h, className: r, onClick: s });
       case "ok":
-        return d2({ width: o, height: e, color: h, className: r, onClick: s });
+        return C2({ width: o, height: e, color: h, className: r, onClick: s });
       case "cancel":
-        return w2({ width: o, height: e, color: h, className: r, onClick: s });
+        return d2({ width: o, height: e, color: h, className: r, onClick: s });
       case "add":
-        return g2({ width: o, height: e, color: h, className: r, onClick: s });
+        return w2({ width: o, height: e, color: h, className: r, onClick: s });
       case "list":
-        return k2({ width: o, height: e, color: h, className: r, onClick: s });
+        return g2({ width: o, height: e, color: h, className: r, onClick: s });
       case "dragAndDrop":
-        return p2({ width: o, height: e, color: h, className: r, onClick: s });
+        return k2({ width: o, height: e, color: h, className: r, onClick: s });
       case "filter":
-        return u2({ width: o, height: e, color: h, className: r, onClick: s });
+        return p2({ width: o, height: e, color: h, className: r, onClick: s });
       case "attention":
-        return m2({ width: o, height: e, color: h, className: r, onClick: s });
+        return u2({ width: o, height: e, color: h, className: r, onClick: s });
       case "users":
         return L2({ width: o, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return v2({
+        return m2({
           width: o,
           height: e,
           color: h,
@@ -2748,9 +2748,9 @@ const h2 = ({
           onClick: s
         });
       case "skills":
-        return N2({ width: o, height: e, color: h, className: r, onClick: s });
+        return v2({ width: o, height: e, color: h, className: r, onClick: s });
       case "skillsMatrices":
-        return f2({
+        return N2({
           width: o,
           height: e,
           color: h,
@@ -2758,25 +2758,25 @@ const h2 = ({
           onClick: s
         });
       case "history":
-        return M2({ width: o, height: e, color: h, className: r, onClick: s });
+        return f2({ width: o, height: e, color: h, className: r, onClick: s });
       case "logOut":
-        return R2({ width: o, height: e, color: h, className: r, onClick: s });
+        return M2({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings":
-        return _2({ width: o, height: e, color: h, className: r, onClick: s });
+        return R2({ width: o, height: e, color: h, className: r, onClick: s });
       case "trash":
-        return x2({ width: o, height: e, color: h, className: r, onClick: s });
+        return _2({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings4":
-        return H2({ width: o, height: e, color: h, className: r, onClick: s });
+        return x2({ width: o, height: e, color: h, className: r, onClick: s });
       case "success":
-        return E2({ width: o, height: e, color: h, className: r, onClick: s });
+        return H2({ width: o, height: e, color: h, className: r, onClick: s });
       case "checkCircle":
-        return I2({ width: o, height: e, color: h, className: r, onClick: s });
+        return E2({ width: o, height: e, color: h, className: r, onClick: s });
       case "errorSmall":
-        return V2({ width: o, height: e, color: h, className: r, onClick: s });
+        return I2({ width: o, height: e, color: h, className: r, onClick: s });
       case "infoMedium":
-        return Z2({ width: o, height: e, color: h, className: r, onClick: s });
+        return V2({ width: o, height: e, color: h, className: r, onClick: s });
       case "attentionMedium":
-        return A2({
+        return Z2({
           width: o,
           height: e,
           color: h,
@@ -2784,9 +2784,9 @@ const h2 = ({
           onClick: s
         });
       case "errorMedium":
-        return G2({ width: o, height: e, color: h, className: r, onClick: s });
+        return A2({ width: o, height: e, color: h, className: r, onClick: s });
       case "visibilityIcon":
-        return B2({
+        return G2({
           width: o,
           height: e,
           color: h,
@@ -2794,7 +2794,7 @@ const h2 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return W2({
+        return B2({
           width: o,
           height: e,
           color: h,
@@ -2802,7 +2802,7 @@ const h2 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return y2({
+        return W2({
           width: o,
           height: e,
           color: h,
@@ -2810,7 +2810,7 @@ const h2 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return T2({
+        return y2({
           width: o,
           height: e,
           color: h,
@@ -2818,7 +2818,7 @@ const h2 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return b2({
+        return T2({
           width: o,
           height: e,
           color: h,
@@ -2828,93 +2828,83 @@ const h2 = ({
       case "sortUp":
         return D2({ width: o, height: e, color: h, className: r, onClick: s });
       case "sortDown":
-        return K2({ width: o, height: e, color: h, className: r, onClick: s });
+        return b2({ width: o, height: e, color: h, className: r, onClick: s });
       case "search":
-        return j2({ width: o, height: e, color: h, className: r, onClick: s });
+        return K2({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowUpFilled":
-        return S2({ width: o, height: e, color: h, className: r, onClick: s });
-      case "arrowDownFilled":
         return F2({ width: o, height: e, color: h, className: r, onClick: s });
+      case "arrowDownFilled":
+        return O2({ width: o, height: e, color: h, className: r, onClick: s });
       case "link":
-        return U2({ width: o, height: e, color: h, className: r, onClick: s });
+        return S2({ width: o, height: e, color: h, className: r, onClick: s });
       case "telegram":
-        return $2({ width: o, height: e, color: h, className: r, onClick: s });
+        return P2({ width: o, height: e, color: h, className: r, onClick: s });
       case "mail":
-        return J2({ width: o, height: e, color: h, className: r, onClick: s });
+        return z2({ width: o, height: e, color: h, className: r, onClick: s });
       case "github":
-        return P2({ width: o, height: e, color: h, className: r, onClick: s });
+        return U2({ width: o, height: e, color: h, className: r, onClick: s });
       case "linkedIn":
-        return z2({ width: o, height: e, color: h, className: r, onClick: s });
+        return $2({ width: o, height: e, color: h, className: r, onClick: s });
       case "emptyStateIcon":
-        return q2({ width: o, height: e, color: h, className: r, onClick: s });
+        return J2({ width: o, height: e, color: h, className: r, onClick: s });
       case "filtersIcon":
-        return Q2({ width: o, height: e, color: h, className: r, onClick: s });
+        return q2({ width: o, height: e, color: h, className: r, onClick: s });
       case "dotMenuIcon":
-        return X2({ width: o, height: e, color: h, className: r, onClick: s });
+        return Q2({ width: o, height: e, color: h, className: r, onClick: s });
       case "plusCircle":
-        return e5({ width: o, height: e, color: h, className: r, onClick: s });
+        return X2({ width: o, height: e, color: h, className: r, onClick: s });
       case "warning":
-        return o5({ width: o, height: e, color: h, className: r, onClick: s });
+        return e5({ width: o, height: e, color: h, className: r, onClick: s });
       case "back":
-        return i5({ width: o, height: e, color: h, className: r, onClick: s });
+        return o5({ width: o, height: e, color: h, className: r, onClick: s });
       case "bell":
-        return t5({ width: o, height: e, color: h, className: r, onClick: s });
+        return i5({ width: o, height: e, color: h, className: r, onClick: s });
       case "contract":
-        return n5({ width: o, height: e, color: h, className: r, onClick: s });
-      case "trash2":
         return l5({ width: o, height: e, color: h, className: r, onClick: s });
+      case "trash2":
+        return t5({ width: o, height: e, color: h, className: r, onClick: s });
       case "resourceManager":
-        return r5({ width: o, height: e, color: h, className: r, onClick: s });
+        return n5({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings2":
-        return s5({ width: o, height: e, color: h, className: r, onClick: s });
+        return r5({ width: o, height: e, color: h, className: r, onClick: s });
       case "image":
-        return h5({ width: o, height: e, color: h, className: r, onClick: s });
+        return s5({ width: o, height: e, color: h, className: r, onClick: s });
       case "edit":
-        return c5({ width: o, height: e, color: h, className: r, onClick: s });
+        return h5({ width: o, height: e, color: h, className: r, onClick: s });
       case "filledArrowRight":
-        return a5({ width: o, height: e, color: h, className: r, onClick: s });
+        return c5({ width: o, height: e, color: h, className: r, onClick: s });
       case "burgerMenu":
-        return C5({ width: o, height: e, color: h, className: r, onClick: s });
+        return a5({ width: o, height: e, color: h, className: r, onClick: s });
       case "signOut":
-        return d5({ width: o, height: e, color: h, className: r, onClick: s });
+        return C5({ width: o, height: e, color: h, className: r, onClick: s });
       case "refresh":
-        return w5({ width: o, height: e, color: h, className: r, onClick: s });
+        return d5({ width: o, height: e, color: h, className: r, onClick: s });
       case "projects":
-        return g5({ width: o, height: e, color: h, className: r, onClick: s });
+        return w5({ width: o, height: e, color: h, className: r, onClick: s });
       case "profile":
-        return N5({ width: o, height: e, color: h, className: r, onClick: s });
+        return v5({ width: o, height: e, color: h, className: r, onClick: s });
       case "exit":
-        return k5({ width: o, height: e, color: h, className: r, onClick: s });
+        return g5({ width: o, height: e, color: h, className: r, onClick: s });
       case "client":
-        return p5({ width: o, height: e, color: h, className: r, onClick: s });
+        return k5({ width: o, height: e, color: h, className: r, onClick: s });
       case "calendar2":
-        return u5({ width: o, height: e, color: h, className: r, onClick: s });
+        return p5({ width: o, height: e, color: h, className: r, onClick: s });
       case "openPointCircle":
-        return m5({ width: o, height: e, color: h, className: r, onClick: s });
+        return u5({ width: o, height: e, color: h, className: r, onClick: s });
       case "community":
         return L5({ width: o, height: e, color: h, className: r, onClick: s });
       case "docs":
-        return v5({ width: o, height: e, color: h, className: r, onClick: s });
+        return m5({ width: o, height: e, color: h, className: r, onClick: s });
       default:
-        return /* @__PURE__ */ t(U, { children: "No Icon provided" });
+        return /* @__PURE__ */ t(S, { children: "No Icon provided" });
     }
   })() });
-}, f5 = ({ children: i, title: o, arrow: e = !0, open: l, placement: n = "top" }) => /* @__PURE__ */ t(
-  _1,
-  {
-    overlayClassName: "snmt-tooltip",
-    title: o,
-    arrow: e,
-    open: l,
-    placement: n,
-    children: i
-  }
-), { Title: M5, Text: R5 } = x1, _5 = {
+}, { Title: N5, Text: f5 } = R1, M5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, x5 = g1(
+}, R5 = g1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -2925,41 +2915,33 @@ const h2 = ({
     whiteSpace: p = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, m) => {
-    const C = Y(null);
-    u1(m, () => C.current);
-    const [h, s] = _(!1);
-    A(() => {
-      var L;
-      if (!r) return;
-      const G = () => {
-        C.current && s(C.current.scrollWidth > C.current.clientWidth);
-      };
-      G();
-      const M = new ResizeObserver(G);
-      return C.current && M.observe(C.current), (L = C.current) != null && L.parentElement && M.observe(C.current.parentElement), () => {
-        M.disconnect();
-      };
-    }, [r]);
-    const f = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let N = `snmt-typography snmt-typography-${o}`;
-    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), a && (N += " collapsed"), r && (N += " collapsed");
-    const V = {
-      className: N,
+  }, L) => {
+    const d = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let h = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (h += ` snmt-typography-align-${i}`), a && (h += " collapsed");
+    const s = {
+      className: h,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: C
-    }, Z = f ? /* @__PURE__ */ t(M5, { level: _5[o], ...V, children: l }) : /* @__PURE__ */ t(R5, { ...V, children: l });
-    return r && h ? /* @__PURE__ */ t(f5, { placement: "top", title: l, children: Z }) : Z;
+      ref: L,
+      ellipsis: r ? {
+        tooltip: {
+          title: l,
+          arrow: !0,
+          overlayClassName: "snmt-tooltip"
+        }
+      } : void 0
+    };
+    return d ? /* @__PURE__ */ t(N5, { level: M5[o], ...s, children: l }) : /* @__PURE__ */ t(f5, { ...s, children: 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_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(k || {});
-const V1 = n1({
+const E1 = n1({
   locale: "en",
   theme: "light"
 });
-V1.Provider;
-const H5 = ({
+E1.Provider;
+const _5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2986,7 +2968,7 @@ const H5 = ({
       }
     )
   }
-), E5 = ({
+), x5 = ({
   width: i = 20,
   height: o = 20,
   color: e = k.GREY_DARK_5,
@@ -3026,7 +3008,7 @@ const H5 = ({
       )
     ]
   }
-), I5 = ({
+), H5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3061,7 +3043,7 @@ const H5 = ({
       )
     ]
   }
-), V5 = ({
+), E5 = ({
   width: i = 18,
   height: o = 18,
   color: e = "#001E52",
@@ -3100,7 +3082,7 @@ const H5 = ({
       )
     ]
   }
-), Z5 = ({
+), I5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3126,7 +3108,7 @@ const H5 = ({
       }
     )
   }
-), A5 = ({
+), V5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3147,7 +3129,7 @@ const H5 = ({
       /* @__PURE__ */ t("path", { d: "M16 4L4 16", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), G5 = ({
+), Z5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3179,7 +3161,7 @@ const H5 = ({
       )
     ]
   }
-), B5 = ({
+), A5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3233,7 +3215,7 @@ const H5 = ({
       )
     ]
   }
-), W5 = ({
+), G5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3272,7 +3254,7 @@ const H5 = ({
       /* @__PURE__ */ t("path", { d: "M3 12L17 12", stroke: e, strokeWidth: "2", strokeLinecap: "round" })
     ]
   }
-), y5 = ({
+), B5 = ({
   width: i = 16,
   height: o = 12,
   color: e = "#001E52",
@@ -3321,7 +3303,7 @@ const H5 = ({
       )
     ] })
   }
-), T5 = ({
+), W5 = ({
   width: i = 20,
   height: o = 20,
   color: e = k.GREY_DARK_5,
@@ -3361,7 +3343,7 @@ const H5 = ({
       )
     ]
   }
-), b5 = ({
+), y5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3408,7 +3390,7 @@ const H5 = ({
       )
     ]
   }
-), D5 = ({
+), T5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3441,7 +3423,7 @@ const H5 = ({
       )
     ]
   }
-), K5 = ({
+), D5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3488,7 +3470,7 @@ const H5 = ({
       )
     ]
   }
-), j5 = ({
+), b5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3521,7 +3503,7 @@ const H5 = ({
       )
     ]
   }
-), Y5 = ({
+), K5 = ({
   width: i = 18,
   height: o = 16,
   color: e = "#001E52",
@@ -3560,7 +3542,7 @@ const H5 = ({
       )
     ]
   }
-), O5 = ({
+), j5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3593,7 +3575,7 @@ const H5 = ({
       )
     ]
   }
-), F5 = ({
+), Y5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3617,7 +3599,7 @@ const H5 = ({
       }
     )
   }
-), S5 = ({
+), O5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3650,7 +3632,7 @@ const H5 = ({
       )
     ]
   }
-), U5 = ({
+), F5 = ({
   width: i = 20,
   height: o = 23,
   color: e = "#001E52",
@@ -3711,7 +3693,7 @@ const H5 = ({
       )
     ]
   }
-), P5 = ({
+), S5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#10B981",
@@ -3740,7 +3722,7 @@ const H5 = ({
       )
     ]
   }
-), $5 = ({
+), U5 = ({
   width: i = 20,
   height: o = 20,
   color: e = k.GREY_DARK_5,
@@ -3773,7 +3755,7 @@ const H5 = ({
       )
     ]
   }
-), z5 = ({
+), P5 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#88A4FF",
@@ -3821,7 +3803,7 @@ const H5 = ({
       )
     ]
   }
-), J5 = ({
+), $5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#8E8E93",
@@ -3849,7 +3831,7 @@ const H5 = ({
       )
     ]
   }
-), q5 = ({
+), z5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#FFB020",
@@ -3883,7 +3865,7 @@ const H5 = ({
       )
     ]
   }
-), Q5 = ({
+), J5 = ({
   width: i = 14,
   height: o = 14,
   color: e = "#D0421B",
@@ -3931,7 +3913,7 @@ const H5 = ({
       )
     ]
   }
-), X5 = ({
+), q5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -3961,7 +3943,7 @@ const H5 = ({
       /* @__PURE__ */ t("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), e3 = ({
+), Q5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#070739",
@@ -3999,7 +3981,7 @@ const H5 = ({
       )
     ]
   }
-), o3 = ({
+), X5 = ({
   width: i = 9,
   height: o = 5,
   color: e = "#001E52",
@@ -4025,7 +4007,7 @@ const H5 = ({
       }
     )
   }
-), i3 = ({
+), e3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#F2F2F7",
@@ -4054,7 +4036,7 @@ const H5 = ({
       )
     ]
   }
-), t3 = ({
+), o3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -4083,7 +4065,7 @@ const H5 = ({
       )
     ]
   }
-), l3 = ({
+), i3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4112,7 +4094,7 @@ const H5 = ({
       )
     ]
   }
-), n3 = ({
+), t3 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -4149,7 +4131,7 @@ const H5 = ({
       )
     ]
   }
-), r3 = ({
+), l3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4188,7 +4170,7 @@ const H5 = ({
       )
     ]
   }
-), s3 = ({
+), n3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 20,
@@ -4215,7 +4197,7 @@ const H5 = ({
       }
     )
   }
-), h3 = ({
+), r3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 20,
@@ -4242,7 +4224,7 @@ const H5 = ({
       }
     )
   }
-), c3 = ({
+), s3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 5,
@@ -4266,7 +4248,7 @@ const H5 = ({
       }
     )
   }
-), a3 = ({
+), h3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 5,
@@ -4291,7 +4273,7 @@ const H5 = ({
       }
     )
   }
-), C3 = ({
+), c3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4330,7 +4312,7 @@ const H5 = ({
       )
     ]
   }
-), d3 = ({
+), a3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4369,7 +4351,7 @@ const H5 = ({
       )
     ]
   }
-), w3 = ({
+), C3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4396,7 +4378,7 @@ const H5 = ({
       }
     )
   }
-), g3 = ({
+), d3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4455,7 +4437,7 @@ const H5 = ({
       )
     ]
   }
-), k3 = ({
+), w3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4492,7 +4474,7 @@ const H5 = ({
       )
     ]
   }
-), p3 = ({
+), g3 = ({
   className: i,
   color: o = k.GREY_DARK_3,
   height: e = 14,
@@ -4529,7 +4511,7 @@ const H5 = ({
       )
     ]
   }
-), u3 = ({
+), k3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 18,
@@ -4556,7 +4538,7 @@ const H5 = ({
       }
     )
   }
-), m3 = ({
+), p3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4608,7 +4590,7 @@ const H5 = ({
       )
     ]
   }
-), L3 = ({
+), u3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4645,7 +4627,7 @@ const H5 = ({
       )
     ]
   }
-), v3 = ({
+), L3 = ({
   className: i,
   color: o = k.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -4684,7 +4666,7 @@ const H5 = ({
       )
     ]
   }
-), N3 = ({
+), m3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4710,7 +4692,7 @@ const H5 = ({
       }
     )
   }
-), f3 = ({
+), v3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4749,7 +4731,7 @@ const H5 = ({
       )
     ]
   }
-), M3 = ({
+), N3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4788,7 +4770,7 @@ const H5 = ({
       )
     ]
   }
-), R3 = ({
+), f3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4857,7 +4839,7 @@ const H5 = ({
       )
     ]
   }
-), _3 = ({
+), M3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4914,7 +4896,7 @@ const H5 = ({
       )
     ]
   }
-), x3 = ({
+), R3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4953,7 +4935,7 @@ const H5 = ({
       )
     ]
   }
-), H3 = ({
+), _3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -5002,7 +4984,7 @@ const H5 = ({
       )
     ]
   }
-), E3 = ({
+), x3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -5029,7 +5011,7 @@ const H5 = ({
       }
     )
   }
-), I3 = ({
+), H3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 20,
@@ -5058,7 +5040,7 @@ const H5 = ({
       )
     ]
   }
-), V3 = ({
+), E3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -5084,7 +5066,7 @@ const H5 = ({
       }
     )
   }
-), Z3 = ({
+), I3 = ({
   className: i,
   color: o = "#131314",
   height: e = 20,
@@ -5112,7 +5094,7 @@ const H5 = ({
       }
     )
   }
-), A3 = ({
+), V3 = ({
   className: i,
   color: o = "#001E52",
   height: e = 24,
@@ -5150,7 +5132,7 @@ const H5 = ({
       )
     ] }) })
   }
-), G3 = ({
+), Z3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -5206,7 +5188,7 @@ const H5 = ({
       }
     )
   }
-), B3 = ({
+), A3 = ({
   width: i = 24,
   height: o = 24,
   color: e = "#131314",
@@ -5239,7 +5221,7 @@ const H5 = ({
       )
     ]
   }
-), W3 = ({
+), G3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5278,7 +5260,7 @@ const H5 = ({
       )
     ]
   }
-), y3 = ({
+), B3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5305,7 +5287,7 @@ const H5 = ({
       }
     )
   }
-), T3 = ({
+), W3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5345,7 +5327,7 @@ const H5 = ({
       )
     ]
   }
-), b3 = ({
+), y3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5372,7 +5354,7 @@ const H5 = ({
       }
     )
   }
-), D3 = ({
+), T3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5399,7 +5381,7 @@ const H5 = ({
       }
     )
   }
-), K3 = ({
+), D3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -5425,7 +5407,7 @@ const H5 = ({
       }
     )
   }
-), j3 = ({
+), b3 = ({
   name: i,
   width: o,
   height: e,
@@ -5434,45 +5416,45 @@ const H5 = ({
   disabled: a = !1,
   onClick: p
 }) => {
-  const [r, m] = _(n), { theme: C } = r1(V1), h = a ? C && C === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : l, s = a ? void 0 : p;
+  const [r, L] = H(n), { theme: d } = r1(E1), h = a ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : l, s = a ? void 0 : p;
   return A(() => {
     if (n) {
-      s && !a && m(`${n} clickable`);
+      s && !a && L(`${n} clickable`);
       return;
     }
-    s && !a && m("clickable");
-  }, [s, n, a]), /* @__PURE__ */ t(U, { children: (() => {
+    s && !a && L("clickable");
+  }, [s, n, a]), /* @__PURE__ */ t(S, { children: (() => {
     switch (i) {
       case "nextIcon":
-        return s3({ width: o, height: e, color: h, className: r, onClick: s });
+        return n3({ width: o, height: e, color: h, className: r, onClick: s });
       case "prevIcon":
-        return h3({ width: o, height: e, color: h, className: r, onClick: s });
+        return r3({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowDown":
-        return H5({ width: o, height: e, color: h, className: r, onClick: s });
+        return _5({ width: o, height: e, color: h, className: r, onClick: s });
       case "info":
-        return E5({ width: o, height: e, color: h, className: r, onClick: s });
+        return x5({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowRight":
-        return I5({ width: o, height: e, color: h, className: r, onClick: s });
+        return H5({ width: o, height: e, color: h, className: r, onClick: s });
       case "calendar":
-        return V5({ width: o, height: e, color: h, className: r, onClick: s });
+        return E5({ width: o, height: e, color: h, className: r, onClick: s });
       case "ok":
-        return Z5({ width: o, height: e, color: h, className: r, onClick: s });
+        return I5({ width: o, height: e, color: h, className: r, onClick: s });
       case "cancel":
-        return A5({ width: o, height: e, color: h, className: r, onClick: s });
+        return V5({ width: o, height: e, color: h, className: r, onClick: s });
       case "add":
-        return G5({ width: o, height: e, color: h, className: r, onClick: s });
+        return Z5({ width: o, height: e, color: h, className: r, onClick: s });
       case "list":
-        return B5({ width: o, height: e, color: h, className: r, onClick: s });
+        return A5({ width: o, height: e, color: h, className: r, onClick: s });
       case "dragAndDrop":
-        return W5({ width: o, height: e, color: h, className: r, onClick: s });
+        return G5({ width: o, height: e, color: h, className: r, onClick: s });
       case "filter":
-        return y5({ width: o, height: e, color: h, className: r, onClick: s });
+        return B5({ width: o, height: e, color: h, className: r, onClick: s });
       case "attention":
-        return T5({ width: o, height: e, color: h, className: r, onClick: s });
+        return W5({ width: o, height: e, color: h, className: r, onClick: s });
       case "users":
-        return b5({ width: o, height: e, color: h, className: r, onClick: s });
+        return y5({ width: o, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return D5({
+        return T5({
           width: o,
           height: e,
           color: h,
@@ -5480,9 +5462,9 @@ const H5 = ({
           onClick: s
         });
       case "skills":
-        return K5({ width: o, height: e, color: h, className: r, onClick: s });
+        return D5({ width: o, height: e, color: h, className: r, onClick: s });
       case "skillsMatrices":
-        return j5({
+        return b5({
           width: o,
           height: e,
           color: h,
@@ -5490,25 +5472,25 @@ const H5 = ({
           onClick: s
         });
       case "history":
-        return Y5({ width: o, height: e, color: h, className: r, onClick: s });
+        return K5({ width: o, height: e, color: h, className: r, onClick: s });
       case "logOut":
-        return O5({ width: o, height: e, color: h, className: r, onClick: s });
+        return j5({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings":
-        return F5({ width: o, height: e, color: h, className: r, onClick: s });
+        return Y5({ width: o, height: e, color: h, className: r, onClick: s });
       case "trash":
-        return S5({ width: o, height: e, color: h, className: r, onClick: s });
+        return O5({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings4":
-        return U5({ width: o, height: e, color: h, className: r, onClick: s });
+        return F5({ width: o, height: e, color: h, className: r, onClick: s });
       case "success":
-        return P5({ width: o, height: e, color: h, className: r, onClick: s });
+        return S5({ width: o, height: e, color: h, className: r, onClick: s });
       case "checkCircle":
-        return $5({ width: o, height: e, color: h, className: r, onClick: s });
+        return U5({ width: o, height: e, color: h, className: r, onClick: s });
       case "errorSmall":
-        return z5({ width: o, height: e, color: h, className: r, onClick: s });
+        return P5({ width: o, height: e, color: h, className: r, onClick: s });
       case "infoMedium":
-        return J5({ width: o, height: e, color: h, className: r, onClick: s });
+        return $5({ width: o, height: e, color: h, className: r, onClick: s });
       case "attentionMedium":
-        return q5({
+        return z5({
           width: o,
           height: e,
           color: h,
@@ -5516,9 +5498,9 @@ const H5 = ({
           onClick: s
         });
       case "errorMedium":
-        return Q5({ width: o, height: e, color: h, className: r, onClick: s });
+        return J5({ width: o, height: e, color: h, className: r, onClick: s });
       case "visibilityIcon":
-        return X5({
+        return q5({
           width: o,
           height: e,
           color: h,
@@ -5526,7 +5508,7 @@ const H5 = ({
           onClick: s
         });
       case "visibilityOffIcon":
-        return e3({
+        return Q5({
           width: o,
           height: e,
           color: h,
@@ -5534,7 +5516,7 @@ const H5 = ({
           onClick: s
         });
       case "selectArrowIcon":
-        return o3({
+        return X5({
           width: o,
           height: e,
           color: h,
@@ -5542,7 +5524,7 @@ const H5 = ({
           onClick: s
         });
       case "expandArrowIcon":
-        return i3({
+        return e3({
           width: o,
           height: e,
           color: h,
@@ -5550,7 +5532,7 @@ const H5 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return t3({
+        return o3({
           width: o,
           height: e,
           color: h,
@@ -5558,87 +5540,87 @@ const H5 = ({
           onClick: s
         });
       case "sortUp":
-        return l3({ width: o, height: e, color: h, className: r, onClick: s });
+        return i3({ width: o, height: e, color: h, className: r, onClick: s });
       case "sortDown":
-        return n3({ width: o, height: e, color: h, className: r, onClick: s });
+        return t3({ width: o, height: e, color: h, className: r, onClick: s });
       case "search":
-        return r3({ width: o, height: e, color: h, className: r, onClick: s });
+        return l3({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowUpFilled":
-        return a3({ width: o, height: e, color: h, className: r, onClick: s });
+        return h3({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowDownFilled":
-        return c3({ width: o, height: e, color: h, className: r, onClick: s });
+        return s3({ width: o, height: e, color: h, className: r, onClick: s });
       case "link":
-        return C3({ width: o, height: e, color: h, className: r, onClick: s });
+        return c3({ width: o, height: e, color: h, className: r, onClick: s });
       case "telegram":
-        return w3({ width: o, height: e, color: h, className: r, onClick: s });
+        return C3({ width: o, height: e, color: h, className: r, onClick: s });
       case "mail":
-        return k3({ width: o, height: e, color: h, className: r, onClick: s });
+        return w3({ width: o, height: e, color: h, className: r, onClick: s });
       case "github":
-        return d3({ width: o, height: e, color: h, className: r, onClick: s });
+        return a3({ width: o, height: e, color: h, className: r, onClick: s });
       case "linkedIn":
-        return g3({ width: o, height: e, color: h, className: r, onClick: s });
+        return d3({ width: o, height: e, color: h, className: r, onClick: s });
       case "emptyStateIcon":
-        return p3({ width: o, height: e, color: h, className: r, onClick: s });
+        return g3({ width: o, height: e, color: h, className: r, onClick: s });
       case "filtersIcon":
-        return u3({ width: o, height: e, color: h, className: r, onClick: s });
+        return k3({ width: o, height: e, color: h, className: r, onClick: s });
       case "dotMenuIcon":
-        return m3({ width: o, height: e, color: h, className: r, onClick: s });
+        return p3({ width: o, height: e, color: h, className: r, onClick: s });
       case "plusCircle":
-        return L3({ width: o, height: e, color: h, className: r, onClick: s });
+        return u3({ width: o, height: e, color: h, className: r, onClick: s });
       case "warning":
-        return v3({ width: o, height: e, color: h, className: r, onClick: s });
+        return L3({ width: o, height: e, color: h, className: r, onClick: s });
       case "back":
-        return N3({ width: o, height: e, color: h, className: r, onClick: s });
+        return m3({ width: o, height: e, color: h, className: r, onClick: s });
       case "bell":
-        return f3({ width: o, height: e, color: h, className: r, onClick: s });
+        return v3({ width: o, height: e, color: h, className: r, onClick: s });
       case "contract":
-        return R3({ width: o, height: e, color: h, className: r, onClick: s });
+        return f3({ width: o, height: e, color: h, className: r, onClick: s });
       case "trash2":
-        return M3({ width: o, height: e, color: h, className: r, onClick: s });
+        return N3({ width: o, height: e, color: h, className: r, onClick: s });
       case "resourceManager":
-        return _3({ width: o, height: e, color: h, className: r, onClick: s });
+        return M3({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings2":
-        return x3({ width: o, height: e, color: h, className: r, onClick: s });
+        return R3({ width: o, height: e, color: h, className: r, onClick: s });
       case "image":
-        return H3({ width: o, height: e, color: h, className: r, onClick: s });
+        return _3({ width: o, height: e, color: h, className: r, onClick: s });
       case "edit":
-        return E3({ width: o, height: e, color: h, className: r, onClick: s });
+        return x3({ width: o, height: e, color: h, className: r, onClick: s });
       case "filledArrowRight":
-        return I3({ width: o, height: e, color: h, className: r, onClick: s });
+        return H3({ width: o, height: e, color: h, className: r, onClick: s });
       case "burgerMenu":
-        return V3({ width: o, height: e, color: h, className: r, onClick: s });
+        return E3({ width: o, height: e, color: h, className: r, onClick: s });
       case "signOut":
-        return Z3({ width: o, height: e, color: h, className: r, onClick: s });
+        return I3({ width: o, height: e, color: h, className: r, onClick: s });
       case "refresh":
-        return A3({ width: o, height: e, color: h, className: r, onClick: s });
+        return V3({ width: o, height: e, color: h, className: r, onClick: s });
       case "projects":
-        return G3({ width: o, height: e, color: h, className: r, onClick: s });
+        return Z3({ width: o, height: e, color: h, className: r, onClick: s });
       case "profile":
-        return K3({ width: o, height: e, color: h, className: r, onClick: s });
+        return D3({ width: o, height: e, color: h, className: r, onClick: s });
       case "exit":
-        return B3({ width: o, height: e, color: h, className: r, onClick: s });
+        return A3({ width: o, height: e, color: h, className: r, onClick: s });
       case "client":
-        return W3({ width: o, height: e, color: h, className: r, onClick: s });
+        return G3({ width: o, height: e, color: h, className: r, onClick: s });
       case "calendar2":
-        return y3({ width: o, height: e, color: h, className: r, onClick: s });
+        return B3({ width: o, height: e, color: h, className: r, onClick: s });
       case "openPointCircle":
-        return T3({ width: o, height: e, color: h, className: r, onClick: s });
+        return W3({ width: o, height: e, color: h, className: r, onClick: s });
       case "community":
-        return b3({ width: o, height: e, color: h, className: r, onClick: s });
+        return y3({ width: o, height: e, color: h, className: r, onClick: s });
       case "docs":
-        return D3({ width: o, height: e, color: h, className: r, onClick: s });
+        return T3({ width: o, height: e, color: h, className: r, onClick: s });
       default:
-        return /* @__PURE__ */ t(U, { children: "No Icon provided" });
+        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.BLUE_DARK_3 = "var(--blue-dark-3)", 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 Y3 = n1({
+const K3 = n1({
   locale: "en",
   theme: "light"
 });
-Y3.Provider;
-const Z1 = ({
+K3.Provider;
+const I1 = ({
   children: i,
   width: o,
   size: e = "small",
@@ -5650,11 +5632,11 @@ const Z1 = ({
     a || l == null || l();
   };
   return /* @__PURE__ */ t(
-    T1,
+    y1,
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        j3,
+        b3,
         {
           name: "errorSmall",
           color: a ? l1.GREY_DARK_1 : l1.GREY_DARK_2,
@@ -5667,7 +5649,7 @@ const Z1 = ({
       style: { width: o ?? "fit-content" },
       closable: n,
       children: typeof i == "string" ? /* @__PURE__ */ t(
-        x5,
+        R5,
         {
           variant: e === "small" ? "body4" : "body2",
           color: a ? l1.GREY_DARK_2 : l1.GREY_DARK_5,
@@ -5676,22 +5658,12 @@ const Z1 = ({
       ) : i
     }
   );
-}, O3 = ({ children: i, title: o, arrow: e = !0, open: l, placement: n = "top" }) => /* @__PURE__ */ t(
-  _1,
-  {
-    overlayClassName: "snmt-tooltip",
-    title: o,
-    arrow: e,
-    open: l,
-    placement: n,
-    children: i
-  }
-), { Title: F3, Text: S3 } = x1, U3 = {
+}, { Title: j3, Text: Y3 } = R1, O3 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, P3 = g1(
+}, F3 = g1(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -5702,34 +5674,26 @@ const Z1 = ({
     whiteSpace: p = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, m) => {
-    const C = Y(null);
-    u1(m, () => C.current);
-    const [h, s] = _(!1);
-    A(() => {
-      var L;
-      if (!r) return;
-      const G = () => {
-        C.current && s(C.current.scrollWidth > C.current.clientWidth);
-      };
-      G();
-      const M = new ResizeObserver(G);
-      return C.current && M.observe(C.current), (L = C.current) != null && L.parentElement && M.observe(C.current.parentElement), () => {
-        M.disconnect();
-      };
-    }, [r]);
-    const f = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let N = `snmt-typography snmt-typography-${o}`;
-    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), a && (N += " collapsed"), r && (N += " collapsed");
-    const V = {
-      className: N,
+  }, L) => {
+    const d = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let h = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (h += ` snmt-typography-align-${i}`), a && (h += " collapsed");
+    const s = {
+      className: h,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: C
-    }, Z = f ? /* @__PURE__ */ t(F3, { level: U3[o], ...V, children: l }) : /* @__PURE__ */ t(S3, { ...V, children: l });
-    return r && h ? /* @__PURE__ */ t(O3, { placement: "top", title: l, children: Z }) : Z;
+      ref: L,
+      ellipsis: r ? {
+        tooltip: {
+          title: l,
+          arrow: !0,
+          overlayClassName: "snmt-tooltip"
+        }
+      } : void 0
+    };
+    return d ? /* @__PURE__ */ t(j3, { level: O3[o], ...s, children: l }) : /* @__PURE__ */ t(Y3, { ...s, children: l });
   }
-), $3 = ({
+), S3 = ({
   children: i,
   content: o,
   isOpen: e,
@@ -5737,9 +5701,9 @@ const Z1 = ({
   placement: n = "topRight",
   noPadding: a = !1
 }) => {
-  const [p, r] = _(!1);
+  const [p, r] = H(!1);
   return /* @__PURE__ */ t(
-    b1,
+    T1,
     {
       content: o,
       arrow: !1,
@@ -5747,25 +5711,25 @@ const Z1 = ({
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
       open: e ?? p,
-      onOpenChange: (m) => {
-        r(m), l == null || l(m);
+      onOpenChange: (L) => {
+        r(L), l == null || l(L);
       },
       children: /* @__PURE__ */ t("div", { className: "wrapper", children: i })
     }
   );
 };
-var z3 = { exports: {} };
+var U3 = { exports: {} };
 (function(i, o) {
   (function(e, l) {
     i.exports = l();
-  })(Y1, function() {
+  })(j1, 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"], n = e % 100;
       return "[" + e + (l[(n - 20) % 10] || l[n] || l[0]) + "]";
     } };
   });
-})(z3);
-const J3 = ({
+})(U3);
+const P3 = ({
   values: i,
   onTagClose: o,
   maxWidth: e,
@@ -5774,42 +5738,42 @@ const J3 = ({
   options: a,
   extraOptions: p
 }) => {
-  const { locale: r } = r1(m1), { t: m } = n2("common", { lng: r }), [C, h] = _(!1);
+  const { locale: r } = r1(u1), { t: L } = l2("common", { lng: r }), [d, h] = H(!1);
   if (A(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
-  const s = (f) => {
-    var N, V;
-    return ((N = a == null ? void 0 : a.find((L) => L.value === f)) == null ? void 0 : N.label) || ((V = p == null ? void 0 : p.find((L) => L.value === f)) == null ? void 0 : V.label) || f;
+  const s = (M) => {
+    var I, B;
+    return ((I = a == null ? void 0 : a.find((R) => R.value === M)) == null ? void 0 : I.label) || ((B = p == null ? void 0 : p.find((R) => R.value === M)) == null ? void 0 : B.label) || M;
   };
   return /* @__PURE__ */ c(
-    $3,
+    S3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(t1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: f }) => /* @__PURE__ */ t(
-          Z1,
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(t1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: M }) => /* @__PURE__ */ t(
+          I1,
           {
-            onClose: () => o(f),
+            onClose: () => o(M),
             closable: l,
             disabled: n,
-            children: s(f)
+            children: s(M)
           },
-          f
+          M
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: C,
+      isOpen: d,
       setIsOpen: h,
       children: [
         i.length,
         " ",
-        m("more")
+        L("more")
       ]
     }
   );
-}, f1 = ({ size: i = 30, color: o = "#004ed7" }) => {
+}, N1 = ({ size: i = 30, color: o = "#004ed7" }) => {
   const e = `no-repeat linear-gradient(${o}
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${o} 0)`, l = {
     width: i,
@@ -5817,7 +5781,7 @@ const J3 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ t("span", { className: "snmt-loader", style: l });
-}, M1 = g1(
+}, f1 = g1(
   ({
     value: i,
     onChange: o,
@@ -5827,141 +5791,141 @@ const J3 = ({
     options: a,
     width: p,
     disabled: r = !1,
-    required: m = !1,
-    clearable: C = !1,
+    required: L = !1,
+    clearable: d = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
-    onDropdownVisibleChange: f,
-    onScrollToEnd: N,
-    onPopupScroll: V,
-    id: Z,
-    extraOptions: L,
-    dropdownRender: G,
-    optionRender: M,
-    isLoading: y,
+    onDropdownVisibleChange: M,
+    onScrollToEnd: I,
+    onPopupScroll: B,
+    id: W,
+    extraOptions: R,
+    dropdownRender: j,
+    optionRender: V,
+    isLoading: G,
     readOnly: u,
-    error: E
-  }, x) => {
-    const [H, K] = _(!1), [O, T] = _(!1), [F, $] = _(!0), [I, b] = _(i), Q = Y(null);
+    error: _
+  }, N) => {
+    const [f, b] = H(!1), [Y, y] = H(!1), [O, P] = H(!0), [x, T] = H(i), Q = q(null);
     A(() => {
-      b(i);
+      T(i);
     }, [i]);
-    const s1 = (d) => {
-      K(d), f && f(d);
-    }, h1 = (d, w) => {
-      var R;
-      return !!((R = w == null ? void 0 : w.label) != null && R.toString().toLowerCase().includes(d.toLowerCase()));
+    const s1 = (C) => {
+      b(C), M && M(C);
+    }, h1 = (C, w) => {
+      var v;
+      return !!((v = w == null ? void 0 : w.label) != null && v.toString().toLowerCase().includes(C.toLowerCase()));
     }, X = () => {
-      T(!0);
-    }, z = () => {
-      T(!1);
-    }, j = W(
-      (d) => {
-        if (b(d), l) {
-          const R = d;
-          o == null || o(R);
+      y(!0);
+    }, $ = () => {
+      y(!1);
+    }, K = Z(
+      (C) => {
+        if (T(C), l) {
+          const v = C;
+          o == null || o(v);
           return;
         }
-        const w = d;
+        const w = C;
         o == null || o(w);
       },
       [l, o]
-    ), c1 = W(() => {
+    ), c1 = Z(() => {
       if (!(u || r)) {
         if (l) {
-          j([]);
+          K([]);
           return;
         }
-        j("");
+        K("");
       }
-    }, [r, j, l, u]), S = W(
-      (d) => {
-        const w = I.filter((R) => R !== d);
-        j(w), b(w);
+    }, [r, K, l, u]), F = Z(
+      (C) => {
+        const w = x.filter((v) => v !== C);
+        K(w), T(w);
       },
-      [j, I]
-    ), e1 = W(
-      (d) => (I == null ? void 0 : I.indexOf(d)) === 0 ? (
+      [K, x]
+    ), e1 = Z(
+      (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: F ? e : "" })
-      ) : /* @__PURE__ */ t(U, {}),
-      [F, I, e]
-    ), a1 = (d) => {
-      d.preventDefault(), d.stopPropagation();
-    }, C1 = async (d) => {
-      const { target: w } = d;
-      w.scrollTop + w.offsetHeight >= w.scrollHeight - h && (N == null || N(!0)), V && await V(d);
-    }, J = W(
-      (d) => {
-        var w, R;
-        return ((w = a.find((o1) => o1.value === d)) == null ? void 0 : w.label) || ((R = L == null ? void 0 : L.find(
-          (o1) => o1.value === d
-        )) == null ? void 0 : R.label) || d;
+        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: O ? e : "" })
+      ) : /* @__PURE__ */ t(S, {}),
+      [O, x, e]
+    ), a1 = (C) => {
+      C.preventDefault(), C.stopPropagation();
+    }, C1 = async (C) => {
+      const { target: w } = C;
+      w.scrollTop + w.offsetHeight >= w.scrollHeight - h && (I == null || I(!0)), B && await B(C);
+    }, z = Z(
+      (C) => {
+        var w, v;
+        return ((w = a.find((o1) => o1.value === C)) == null ? void 0 : w.label) || ((v = R == null ? void 0 : R.find(
+          (o1) => o1.value === C
+        )) == null ? void 0 : v.label) || C;
       },
-      [L, a]
-    ), d1 = W(
-      (d) => {
+      [R, a]
+    ), d1 = Z(
+      (C) => {
         var w;
         return /* @__PURE__ */ t(
-          J3,
+          P3,
           {
-            values: d,
-            onTagClose: S,
+            values: C,
+            onTagClose: F,
             maxWidth: ((w = Q.current) == null ? void 0 : w.clientWidth) || 0,
             disabled: r,
             closable: !u,
             options: a,
-            extraOptions: L
+            extraOptions: R
           }
         );
       },
-      [r, L, S, a, u]
-    ), v = W(
-      ({ label: d, value: w, mode: R }) => R === "filter" ? e1(w) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(Z1, { onClose: () => S(w), disabled: r, children: typeof d == "object" ? d : J(w) }) }),
-      [r, J, S, e1]
-    ), B = Array.isArray(I) && I.length > 0 || !!I && typeof I == "string" && I.trim() !== "";
+      [r, R, F, a, u]
+    ), m = Z(
+      ({ label: C, value: w, mode: v }) => v === "filter" ? e1(w) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(I1, { onClose: () => F(w), disabled: r, children: typeof C == "object" ? C : z(w) }) }),
+      [r, z, F, e1]
+    ), E = Array.isArray(x) && x.length > 0 || !!x && typeof x == "string" && x.trim() !== "";
     return /* @__PURE__ */ c("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ c(
         "div",
         {
-          className: `snmt-select-1-15-6 ${O ? "snmt-select-focused" : ""}
+          className: `snmt-select-1-15-6 ${Y ? "snmt-select-focused" : ""}
                         ${l ? "" : "snmt-select-single"} ${u ? "snmt-select-read-only" : ""}`,
           ref: Q,
           style: { width: p },
           children: [
             /* @__PURE__ */ t(
-              G1,
+              A1,
               {
                 className: "snmt-select-blank",
                 popupClassName: u ? "dropdown-read-only" : "",
-                id: Z,
-                ref: x,
+                id: W,
+                ref: N,
                 showSearch: !!n,
                 filterOption: n && h1,
                 onDropdownVisibleChange: s1,
                 disabled: r,
-                value: I || void 0,
-                labelRender: (d) => {
-                  const w = J(d.value);
+                value: x || void 0,
+                labelRender: (C) => {
+                  const w = z(C.value);
                   return r ? /* @__PURE__ */ t("span", { style: { color: D.GREY_DARK_1 }, children: w }) : w;
                 },
                 mode: l === "filter" ? "multiple" : l,
-                onChange: j,
+                onChange: K,
                 onFocus: X,
-                onBlur: z,
-                onSearch: (d) => {
-                  $(!d), s && s(d);
+                onBlur: $,
+                onSearch: (C) => {
+                  P(!C), s && s(C);
                 },
-                onSelect: () => $(!0),
-                onDeselect: () => $(!0),
-                tagRender: (d) => v({ ...d, mode: l }),
+                onSelect: () => P(!0),
+                onDeselect: () => P(!0),
+                tagRender: (C) => m({ ...C, mode: l }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: d1,
                 onPopupScroll: C1,
-                prefix: y && /* @__PURE__ */ t(f1, { size: 15 }),
-                suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(U, { children: [
-                  I && !!I.length && (l || C) && /* @__PURE__ */ t(
+                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",
                     {
                       onClick: c1,
@@ -5982,27 +5946,27 @@ const J3 = ({
                     {
                       name: "selectArrowIcon",
                       color: r ? D.GREY_DARK_1 : D.GREY_DARK_5,
-                      className: H ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => K(!H)
+                      className: f ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => b(!f)
                     }
                   )
                 ] }) }),
                 removeIcon: /* @__PURE__ */ t(i1, { name: "errorSmall", color: D.GREY_DARK_1 }),
                 options: a,
-                optionRender: (d) => M ? M(d.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (C) => V ? V(C.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ c(t1, { alignItems: "center", gap: 12, children: [
                     l && /* @__PURE__ */ t(
-                      s2,
+                      r2,
                       {
-                        checked: !!(I != null && I.includes(d.value))
+                        checked: !!(x != null && x.includes(C.value))
                       }
                     ),
                     /* @__PURE__ */ c(t1, { alignItems: "center", gap: 8, children: [
-                      d.data.image && /* @__PURE__ */ t(r2, { src: d.data.image, size: 20 }),
-                      /* @__PURE__ */ t("span", { children: d.label })
+                      C.data.image && /* @__PURE__ */ t(n2, { src: C.data.image, size: 20 }),
+                      /* @__PURE__ */ t("span", { children: C.label })
                     ] })
                   ] }),
-                  !l && I === d.value && /* @__PURE__ */ t(
+                  !l && x === C.value && /* @__PURE__ */ t(
                     i1,
                     {
                       name: "ok",
@@ -6012,32 +5976,32 @@ const J3 = ({
                     }
                   )
                 ] }),
-                dropdownRender: (d) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: G ? G(d) : d }),
-                  y && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(f1, { size: 28 }) })
+                dropdownRender: (C) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: j ? j(C) : C }),
+                  G && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(N1, { size: 28 }) })
                 ] })
               }
             ),
-            e && /* @__PURE__ */ c(U, { children: [
+            e && /* @__PURE__ */ c(S, { children: [
               /* @__PURE__ */ t(
                 "label",
                 {
-                  className: `${O || B ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${y ? "label-loading" : ""} ${E ? "label-error" : ""}`,
-                  children: m ? `${e}*` : e
+                  className: `${Y || E ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${Y ? "label-focused" : ""} ${G ? "label-loading" : ""} ${_ ? "label-error" : ""}`,
+                  children: L ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ t(
                 "fieldset",
                 {
-                  className: `${O ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${B ? "fieldset-filled" : ""} ${E ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: m ? `${e}*` : e }) })
+                  className: `${Y ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${E ? "fieldset-filled" : ""} ${_ ? "fieldset-error" : ""}`,
+                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: L ? `${e}*` : e }) })
                 }
               )
             ] })
           ]
         }
       ),
-      E && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
+      _ && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ t(
           i1,
           {
@@ -6047,13 +6011,13 @@ const J3 = ({
             width: 16
           }
         ),
-        typeof E == "string" ? /* @__PURE__ */ t(P3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: E }) : E
+        typeof _ == "string" ? /* @__PURE__ */ t(F3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: _ }) : _
       ] })
     ] });
   }
 );
-function q3(i, o = 500) {
-  const e = Y();
+function $3(i, o = 500) {
+  const e = q();
   return A(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...n) => {
@@ -6063,15 +6027,15 @@ function q3(i, o = 500) {
     clearTimeout(e.current), e.current = a;
   };
 }
-function R1(i) {
-  const o = Y(i);
+function M1(i) {
+  const o = q(i);
   return A(() => {
     o.current = i;
   }, [i]), o.current;
 }
-const k1 = 100, q = {
+const k1 = 100, J = {
   offset: 0
-}, i0 = g1(
+}, X3 = g1(
   ({
     loadOptions: i,
     width: o,
@@ -6081,106 +6045,106 @@ const k1 = 100, q = {
     disabled: a,
     scrollThresholdValue: p,
     placeholder: r,
-    mode: m,
-    loadOnClosedState: C,
+    mode: L,
+    loadOnClosedState: d,
     preloadOptions: h,
     extraOptions: s,
-    onDropdownVisibleChange: f,
-    optionRender: N,
-    dropdownRender: V,
-    readOnly: Z,
-    clearable: L = !1,
-    required: G = !1,
-    error: M
-  }, y) => {
-    const [u, E] = _(), [x, H] = _(q), [K, O] = _(!1), [T, F] = _(), [$, I] = _(!1), [b, Q] = _(
+    onDropdownVisibleChange: M,
+    optionRender: I,
+    dropdownRender: B,
+    readOnly: W,
+    clearable: R = !1,
+    required: j = !1,
+    error: V
+  }, G) => {
+    const [u, _] = H(), [N, f] = H(J), [b, Y] = H(!1), [y, O] = H(), [P, x] = H(!1), [T, Q] = H(
       s ?? []
-    ), s1 = R1(x.offset), h1 = R1(T), [X, z] = _(!1), j = Y(!1), c1 = W(
+    ), s1 = M1(N.offset), h1 = M1(y), [X, $] = H(!1), K = q(!1), c1 = Z(
       async ({
-        limit: v = k1,
-        offset: B,
-        search: d
+        limit: m = k1,
+        offset: E,
+        search: C
       }) => {
-        O(!0);
+        Y(!0);
         try {
           const w = await i({
-            limit: v,
-            offset: B,
-            search: d
+            limit: m,
+            offset: E,
+            search: C
           });
-          E(
-            (R) => B === 0 ? w.options : [...R ?? [], ...w.options]
-          ), H((R) => ({
-            ...R,
+          _(
+            (v) => E === 0 ? w.options : [...v ?? [], ...w.options]
+          ), f((v) => ({
+            ...v,
             count: w.count
           }));
         } catch (w) {
           return console.error("AsyncSelect. fetchOptions error", w), [];
         } finally {
-          O(!1);
+          Y(!1);
         }
       },
       [i]
-    ), S = q3((v) => {
-      F(v), v || H(q);
-    }), e1 = W(
-      (v) => S(v),
-      [S]
-    ), a1 = W(
-      async (v) => {
-        K || v && x.count && x.count > ((u == null ? void 0 : u.length) ?? 0) && H((B) => ({
-          ...B,
-          offset: B.offset + k1
+    ), F = $3((m) => {
+      O(m), m || f(J);
+    }), e1 = Z(
+      (m) => F(m),
+      [F]
+    ), a1 = Z(
+      async (m) => {
+        b || m && N.count && N.count > ((u == null ? void 0 : u.length) ?? 0) && f((E) => ({
+          ...E,
+          offset: E.offset + k1
         }));
       },
-      [K, u == null ? void 0 : u.length, x.count]
-    ), C1 = W(
-      (v) => {
-        I(v), !v && T && (F(void 0), H(q), z(!0)), f == null || f(v);
+      [b, u == null ? void 0 : u.length, N.count]
+    ), C1 = Z(
+      (m) => {
+        x(m), !m && y && (O(void 0), f(J), $(!0)), M == null || M(m);
       },
-      [f, T]
+      [M, y]
     );
     A(() => {
-      if (!j.current || K) return;
-      (X || $ && (s1 !== x.offset || h1 !== T || !u)) && (c1({ offset: x.offset, limit: k1, search: T }), X && z(!1));
-    }, [X, $, x.offset, T, s1, h1, u, K]), A(() => {
-      (C || h) && c1(q), j.current = !0;
+      if (!K.current || b) return;
+      (X || P && (s1 !== N.offset || h1 !== y || !u)) && (c1({ offset: N.offset, limit: k1, search: y }), X && $(!1));
+    }, [X, P, N.offset, y, s1, h1, u, b]), A(() => {
+      (d || h) && c1(J), K.current = !0;
     }, []), A(() => {
-      s && Q((v) => {
-        const B = s.filter(
-          (d) => !v.some((w) => w.value === d.value)
+      s && Q((m) => {
+        const E = s.filter(
+          (C) => !m.some((w) => w.value === C.value)
         );
-        return [...v, ...B];
+        return [...m, ...E];
       });
     }, [s]);
-    const J = W(
-      (v) => {
-        e && e(v);
-        let B = [];
-        if (m ? B = Array.isArray(v) ? v : [] : B = v ? [v] : [], T) {
-          const d = B.filter(
-            (w) => !(b != null && b.some((R) => R.value === w))
+    const z = Z(
+      (m) => {
+        e && e(m);
+        let E = [];
+        if (L ? E = Array.isArray(m) ? m : [] : E = m ? [m] : [], y) {
+          const C = E.filter(
+            (w) => !(T != null && T.some((v) => v.value === w))
           );
-          d.length > 0 && Q((w = []) => [
+          C.length > 0 && Q((w = []) => [
             ...w,
-            ...d.map((R) => {
-              const w1 = u == null ? void 0 : u.find((o1) => o1.value === R);
+            ...C.map((v) => {
+              const w1 = u == null ? void 0 : u.find((o1) => o1.value === v);
               return {
-                value: R,
-                label: (w1 == null ? void 0 : w1.label) ?? R
+                value: v,
+                label: (w1 == null ? void 0 : w1.label) ?? v
               };
             })
-          ]), F(void 0), H(q), z(!0);
+          ]), O(void 0), f(J), $(!0);
         }
       },
-      [e, T, m, u, b]
-    ), d1 = A1(
+      [e, y, L, u, T]
+    ), d1 = V1(
       () => ({
         id: n,
         width: o,
         options: u || [],
-        onChange: J,
-        ref: y,
+        onChange: z,
+        ref: G,
         placeholder: r,
         search: !0,
         value: l,
@@ -6189,21 +6153,21 @@ const k1 = 100, q = {
         scrollThresholdValue: p,
         onScrollToEnd: a1,
         disabled: a,
-        extraOptions: b,
-        isLoading: K,
-        optionRender: N,
-        dropdownRender: V,
-        readOnly: Z,
-        clearable: L,
-        required: G,
-        error: M
+        extraOptions: T,
+        isLoading: b,
+        optionRender: I,
+        dropdownRender: B,
+        readOnly: W,
+        clearable: R,
+        required: j,
+        error: V
       }),
       [
         n,
         o,
         u,
-        J,
-        y,
+        z,
+        G,
         r,
         l,
         e1,
@@ -6211,23 +6175,23 @@ const k1 = 100, q = {
         p,
         a1,
         a,
+        T,
         b,
-        K,
-        N,
-        V,
-        Z,
-        L,
-        G,
-        M
+        I,
+        B,
+        W,
+        R,
+        j,
+        V
       ]
     );
-    return u1(y, () => ({
+    return Z1(G, () => ({
       refetchOptions: async () => {
-        H(q), F(void 0), z(!0);
+        f(J), O(void 0), $(!0);
       }
-    })), m ? /* @__PURE__ */ t(M1, { ...d1, value: l, mode: m }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(M1, { ...d1, value: l }) });
+    })), L ? /* @__PURE__ */ t(f1, { ...d1, value: l, mode: L }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(f1, { ...d1, value: l }) });
   }
 );
 export {
-  i0 as AsyncSelect
+  X3 as AsyncSelect
 };