@snmt-react-ui/async-select 1.9.0 → 1.9.1

package/dist/async-select.js

@@ -1,22 +1,22 @@
 import "./index.css";
-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 : {};
+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 R, useEffect as A, useCallback as W, useContext as r1, useMemo as Z1 } from "react";
+import { Select as A1, Flex as G1, Avatar as B1, Checkbox as W1, Typography as _1, Tag as y1, Popover as T1 } from "antd";
+var b1 = Object.defineProperty, D1 = (i, o, e) => o in i ? b1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, K1 = (i, o, e) => D1(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];
-    U(o[0]) && (o[0] = `react-i18next:: ${o[0]}`), console.warn(...o);
+    P(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];
-  U(o[0]) && L1[o[0]] || (U(o[0]) && (L1[o[0]] = /* @__PURE__ */ new Date()), Y1(...o));
+  P(o[0]) && L1[o[0]] || (P(o[0]) && (L1[o[0]] = /* @__PURE__ */ new Date()), Y1(...o));
 }
-const _1 = (i, o) => () => {
+const x1 = (i, o) => () => {
   if (i.isInitialized)
     o();
   else {
@@ -27,19 +27,19 @@ const _1 = (i, o) => () => {
     };
     i.on("initialized", e);
   }
-}, m1 = (i, o, e) => {
-  i.loadNamespaces(o, _1(i, e));
-}, v1 = (i, o, e, l) => {
-  U(e) && (e = [e]), e.forEach((n) => {
+}, v1 = (i, o, e) => {
+  i.loadNamespaces(o, x1(i, e));
+}, N1 = (i, o, e, l) => {
+  P(e) && (e = [e]), e.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
-  }), i.loadLanguages(o, _1(i, l));
+  }), i.loadLanguages(o, x1(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, L) => {
-    const d = o.services.backendConnector.state[`${r}|${L}`];
-    return d === -1 || d === 2;
+  const p = (r, m) => {
+    const C = o.services.backendConnector.state[`${r}|${m}`];
+    return C === -1 || C === 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)));
 }, F1 = function(i, o) {
@@ -50,7 +50,7 @@ const _1 = (i, o) => () => {
       if (e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !n(l.isLanguageChangingTo, i)) return !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 = {
+}, P = (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;": "<",
@@ -96,11 +96,11 @@ class o2 {
   }
 }
 const i2 = (i, o) => {
-  const e = q();
+  const e = Y();
   return A(() => {
     e.current = i;
   }, [i, o]), e.current;
-}, x1 = (i, o, e, l) => i.getFixedT(o, e, l), t2 = (i, o, e, l) => Z(x1(i, o, e, l), [i, o, e, l]), l2 = function(i) {
+}, H1 = (i, o, e, l) => i.getFixedT(o, e, l), t2 = (i, o, e, l) => W(H1(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
@@ -110,8 +110,8 @@ const i2 = (i, o) => {
   } = 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 = (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, _;
+    const u = (_, x) => P(x) ? x : S1(x) && P(x.defaultValue) ? x.defaultValue : Array.isArray(_) ? _[_.length - 1] : _, H = [u, {}, !1];
+    return H.t = u, H.i18n = {}, H.ready = !1, H;
   }
   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 = {
@@ -120,37 +120,37 @@ const i2 = (i, o) => {
     ...o
   }, {
     useSuspense: r,
-    keyPrefix: L
+    keyPrefix: m
   } = p;
-  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);
+  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) => F1(u, a, p)), s = t2(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), N = () => s, f = () => H1(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), [I, V] = R(N);
+  let L = C.join();
+  o.lng && (L = `${o.lng}${L}`);
+  const Z = i2(L), B = Y(!0);
   A(() => {
     const {
       bindI18n: u,
-      bindI18nStore: _
+      bindI18nStore: H
     } = p;
-    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);
+    B.current = !0, !h && !r && (o.lng ? N1(a, o.lng, C, () => {
+      B.current && V(f);
+    }) : v1(a, C, () => {
+      B.current && V(f);
+    })), h && Z && Z !== L && B.current && V(f);
+    const _ = () => {
+      B.current && V(f);
     };
-    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));
+    return u && a && a.on(u, _), H && a && a.store.on(H, _), () => {
+      B.current = !1, u && a && u.split(" ").forEach((x) => a.off(x, _)), H && a && H.split(" ").forEach((x) => a.store.off(x, _));
     };
-  }, [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;
+  }, [a, L]), A(() => {
+    B.current && h && V(N);
+  }, [a, m, h]);
+  const y = [I, a, h];
+  if (y.t = I, y.i18n = a, y.ready = h, h || !h && !r) return y;
   throw new Promise((u) => {
-    o.lng ? v1(a, o.lng, d, () => u()) : m1(a, d, () => u());
+    o.lng ? N1(a, o.lng, C, () => u()) : v1(a, C, () => u());
   });
 }, t1 = ({
   children: i,
@@ -189,11 +189,11 @@ const i2 = (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 u1 = n1({
+const m1 = n1({
   locale: "en",
   theme: "light"
 });
-u1.Provider;
+m1.Provider;
 const r2 = ({
   checked: i = !0,
   indeterminate: o = !1,
@@ -202,19 +202,19 @@ const r2 = ({
   disabled: n = !1,
   disableUncheck: a = !1
 }) => {
-  const [p, r] = H(i), [L, d] = H(o);
+  const [p, r] = R(i), [m, C] = R(o);
   A(() => {
-    r(i), d(o);
+    r(i), C(o);
   }, [i, o]);
-  const { theme: h } = r1(u1);
+  const { theme: h } = r1(m1);
   return /* @__PURE__ */ t(
     W1,
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
       checked: p,
-      indeterminate: L,
+      indeterminate: m,
       onChange: (s) => {
-        a && p || (d(!1), r(s.target.checked), l && l(s));
+        a && p || (C(!1), r(s.target.checked), l && l(s));
       },
       disabled: n,
       children: e
@@ -222,11 +222,11 @@ const r2 = ({
   );
 };
 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 H1 = n1({
+const E1 = n1({
   locale: "en",
   theme: "light"
 });
-H1.Provider;
+E1.Provider;
 const s2 = ({
   width: i = 20,
   height: o = 20,
@@ -629,7 +629,7 @@ const s2 = ({
       )
     ]
   }
-), L2 = ({
+), m2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -676,7 +676,7 @@ const s2 = ({
       )
     ]
   }
-), m2 = ({
+), L2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1351,7 +1351,7 @@ const s2 = ({
       )
     ]
   }
-), D2 = ({
+), b2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -1380,7 +1380,7 @@ const s2 = ({
       )
     ]
   }
-), b2 = ({
+), D2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -2613,7 +2613,7 @@ const s2 = ({
       )
     ]
   }
-), L5 = ({
+), m5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2640,7 +2640,7 @@ const s2 = ({
       }
     )
   }
-), m5 = ({
+), L5 = ({
   width: i = 24,
   height: o = 24,
   color: e = g.GREY_DARK_2,
@@ -2702,14 +2702,14 @@ const s2 = ({
   disabled: a = !1,
   onClick: 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;
+  const [r, m] = R(n), { theme: C } = r1(E1), h = a ? C && C === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : l, s = a ? void 0 : p;
   return A(() => {
     if (n) {
-      s && !a && L(`${n} clickable`);
+      s && !a && m(`${n} clickable`);
       return;
     }
-    s && !a && L("clickable");
-  }, [s, n, a]), /* @__PURE__ */ t(S, { children: (() => {
+    s && !a && m("clickable");
+  }, [s, n, a]), /* @__PURE__ */ t(U, { children: (() => {
     switch (i) {
       case "nextIcon":
         return j2({ width: o, height: e, color: h, className: r, onClick: s });
@@ -2738,9 +2738,9 @@ const s2 = ({
       case "attention":
         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 });
+        return m2({ width: o, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return m2({
+        return L2({
           width: o,
           height: e,
           color: h,
@@ -2826,9 +2826,9 @@ const s2 = ({
           onClick: s
         });
       case "sortUp":
-        return D2({ width: o, height: e, color: h, className: r, onClick: s });
-      case "sortDown":
         return b2({ width: o, height: e, color: h, className: r, onClick: s });
+      case "sortDown":
+        return D2({ width: o, height: e, color: h, className: r, onClick: s });
       case "search":
         return K2({ width: o, height: e, color: h, className: r, onClick: s });
       case "arrowUpFilled":
@@ -2892,14 +2892,14 @@ const s2 = ({
       case "openPointCircle":
         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 m5({ width: o, height: e, color: h, className: r, onClick: s });
+      case "docs":
+        return L5({ width: o, height: e, color: h, className: r, onClick: s });
       default:
-        return /* @__PURE__ */ t(S, { children: "No Icon provided" });
+        return /* @__PURE__ */ t(U, { children: "No Icon provided" });
     }
   })() });
-}, { Title: N5, Text: f5 } = R1, M5 = {
+}, { Title: N5, Text: f5 } = _1, M5 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -2915,32 +2915,46 @@ const s2 = ({
     whiteSpace: p = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, 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,
+  }, m) => {
+    const C = Y(null);
+    u1(m, () => C.current);
+    const [h, s] = R(!1);
+    A(() => {
+      var V;
+      if (!r) return;
+      const L = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
+      };
+      L();
+      const Z = new ResizeObserver(L);
+      return C.current && Z.observe(C.current), (V = C.current) != null && V.parentElement && Z.observe(C.current.parentElement), () => {
+        Z.disconnect();
+      };
+    }, [r]);
+    const N = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let f = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (f += ` snmt-typography-align-${i}`), a && (f += " collapsed");
+    const I = {
+      className: f,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: L,
-      ellipsis: r ? {
+      ref: C,
+      ellipsis: r && h ? {
         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 });
+    return N ? /* @__PURE__ */ t(N5, { level: M5[o], ...I, children: l }) : /* @__PURE__ */ t(f5, { ...I, 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 E1 = n1({
+const I1 = n1({
   locale: "en",
   theme: "light"
 });
-E1.Provider;
+I1.Provider;
 const _5 = ({
   width: i = 20,
   height: o = 20,
@@ -3423,7 +3437,7 @@ const _5 = ({
       )
     ]
   }
-), D5 = ({
+), b5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3470,7 +3484,7 @@ const _5 = ({
       )
     ]
   }
-), b5 = ({
+), D5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4627,7 +4641,7 @@ const _5 = ({
       )
     ]
   }
-), L3 = ({
+), m3 = ({
   className: i,
   color: o = k.NOTIFICATION_WARNING_DARK,
   height: e = 37,
@@ -4666,7 +4680,7 @@ const _5 = ({
       )
     ]
   }
-), m3 = ({
+), L3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -5381,7 +5395,7 @@ const _5 = ({
       }
     )
   }
-), D3 = ({
+), b3 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -5407,7 +5421,7 @@ const _5 = ({
       }
     )
   }
-), b3 = ({
+), D3 = ({
   name: i,
   width: o,
   height: e,
@@ -5416,14 +5430,14 @@ const _5 = ({
   disabled: a = !1,
   onClick: 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;
+  const [r, m] = R(n), { theme: C } = r1(I1), h = a ? C && C === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : l, s = a ? void 0 : p;
   return A(() => {
     if (n) {
-      s && !a && L(`${n} clickable`);
+      s && !a && m(`${n} clickable`);
       return;
     }
-    s && !a && L("clickable");
-  }, [s, n, a]), /* @__PURE__ */ t(S, { children: (() => {
+    s && !a && m("clickable");
+  }, [s, n, a]), /* @__PURE__ */ t(U, { children: (() => {
     switch (i) {
       case "nextIcon":
         return n3({ width: o, height: e, color: h, className: r, onClick: s });
@@ -5462,9 +5476,9 @@ const _5 = ({
           onClick: s
         });
       case "skills":
-        return D5({ width: o, height: e, color: h, className: r, onClick: s });
+        return b5({ width: o, height: e, color: h, className: r, onClick: s });
       case "skillsMatrices":
-        return b5({
+        return D5({
           width: o,
           height: e,
           color: h,
@@ -5568,9 +5582,9 @@ const _5 = ({
       case "plusCircle":
         return u3({ width: o, height: e, color: h, className: r, onClick: s });
       case "warning":
-        return L3({ width: o, height: e, color: h, className: r, onClick: s });
-      case "back":
         return m3({ width: o, height: e, color: h, className: r, onClick: s });
+      case "back":
+        return L3({ width: o, height: e, color: h, className: r, onClick: s });
       case "bell":
         return v3({ width: o, height: e, color: h, className: r, onClick: s });
       case "contract":
@@ -5596,7 +5610,7 @@ const _5 = ({
       case "projects":
         return Z3({ width: o, height: e, color: h, className: r, onClick: s });
       case "profile":
-        return D3({ width: o, height: e, color: h, className: r, onClick: s });
+        return b3({ width: o, height: e, color: h, className: r, onClick: s });
       case "exit":
         return A3({ width: o, height: e, color: h, className: r, onClick: s });
       case "client":
@@ -5610,7 +5624,7 @@ const _5 = ({
       case "docs":
         return T3({ width: o, height: e, color: h, className: r, onClick: s });
       default:
-        return /* @__PURE__ */ t(S, { children: "No Icon provided" });
+        return /* @__PURE__ */ t(U, { children: "No Icon provided" });
     }
   })() });
 };
@@ -5620,7 +5634,7 @@ const K3 = n1({
   theme: "light"
 });
 K3.Provider;
-const I1 = ({
+const V1 = ({
   children: i,
   width: o,
   size: e = "small",
@@ -5636,7 +5650,7 @@ const I1 = ({
     {
       className: `snmt-tag ${e} ${a ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
-        b3,
+        D3,
         {
           name: "errorSmall",
           color: a ? l1.GREY_DARK_1 : l1.GREY_DARK_2,
@@ -5658,7 +5672,7 @@ const I1 = ({
       ) : i
     }
   );
-}, { Title: j3, Text: Y3 } = R1, O3 = {
+}, { Title: j3, Text: Y3 } = _1, O3 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5674,24 +5688,38 @@ const I1 = ({
     whiteSpace: p = "normal",
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
-  }, 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,
+  }, m) => {
+    const C = Y(null);
+    u1(m, () => C.current);
+    const [h, s] = R(!1);
+    A(() => {
+      var V;
+      if (!r) return;
+      const L = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
+      };
+      L();
+      const Z = new ResizeObserver(L);
+      return C.current && Z.observe(C.current), (V = C.current) != null && V.parentElement && Z.observe(C.current.parentElement), () => {
+        Z.disconnect();
+      };
+    }, [r]);
+    const N = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let f = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (f += ` snmt-typography-align-${i}`), a && (f += " collapsed");
+    const I = {
+      className: f,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: L,
-      ellipsis: r ? {
+      ref: C,
+      ellipsis: r && h ? {
         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 });
+    return N ? /* @__PURE__ */ t(j3, { level: O3[o], ...I, children: l }) : /* @__PURE__ */ t(Y3, { ...I, children: l });
   }
 ), S3 = ({
   children: i,
@@ -5701,7 +5729,7 @@ const I1 = ({
   placement: n = "topRight",
   noPadding: a = !1
 }) => {
-  const [p, r] = H(!1);
+  const [p, r] = R(!1);
   return /* @__PURE__ */ t(
     T1,
     {
@@ -5711,8 +5739,8 @@ const I1 = ({
       trigger: "click",
       overlayClassName: `snmt-popover ${a ? "" : "padding"}`,
       open: e ?? p,
-      onOpenChange: (L) => {
-        r(L), l == null || l(L);
+      onOpenChange: (m) => {
+        r(m), l == null || l(m);
       },
       children: /* @__PURE__ */ t("div", { className: "wrapper", children: i })
     }
@@ -5738,42 +5766,42 @@ const P3 = ({
   options: a,
   extraOptions: p
 }) => {
-  const { locale: r } = r1(u1), { t: L } = l2("common", { lng: r }), [d, h] = H(!1);
+  const { locale: r } = r1(m1), { t: m } = l2("common", { lng: r }), [C, h] = R(!1);
   if (A(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
-  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;
+  const s = (N) => {
+    var f, I;
+    return ((f = a == null ? void 0 : a.find((L) => L.value === N)) == null ? void 0 : f.label) || ((I = p == null ? void 0 : p.find((L) => L.value === N)) == null ? void 0 : I.label) || N;
   };
   return /* @__PURE__ */ c(
     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: M }) => /* @__PURE__ */ t(
-          I1,
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(t1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: N }) => /* @__PURE__ */ t(
+          V1,
           {
-            onClose: () => o(M),
+            onClose: () => o(N),
             closable: l,
             disabled: n,
-            children: s(M)
+            children: s(N)
           },
-          M
+          N
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: d,
+      isOpen: C,
       setIsOpen: h,
       children: [
         i.length,
         " ",
-        L("more")
+        m("more")
       ]
     }
   );
-}, N1 = ({ size: i = 30, color: o = "#004ed7" }) => {
+}, f1 = ({ 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,
@@ -5781,7 +5809,7 @@ const P3 = ({
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ t("span", { className: "snmt-loader", style: l });
-}, f1 = g1(
+}, M1 = g1(
   ({
     value: i,
     onChange: o,
@@ -5791,105 +5819,105 @@ const P3 = ({
     options: a,
     width: p,
     disabled: r = !1,
-    required: L = !1,
-    clearable: d = !1,
+    required: m = !1,
+    clearable: C = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
-    onDropdownVisibleChange: M,
-    onScrollToEnd: I,
-    onPopupScroll: B,
-    id: W,
-    extraOptions: R,
-    dropdownRender: j,
-    optionRender: V,
-    isLoading: G,
+    onDropdownVisibleChange: N,
+    onScrollToEnd: f,
+    onPopupScroll: I,
+    id: V,
+    extraOptions: L,
+    dropdownRender: Z,
+    optionRender: B,
+    isLoading: y,
     readOnly: u,
-    error: _
-  }, N) => {
-    const [f, b] = H(!1), [Y, y] = H(!1), [O, P] = H(!0), [x, T] = H(i), Q = q(null);
+    error: H
+  }, _) => {
+    const [x, K] = R(!1), [O, T] = R(!1), [F, $] = R(!0), [E, b] = R(i), Q = Y(null);
     A(() => {
-      T(i);
+      b(i);
     }, [i]);
-    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()));
+    const s1 = (d) => {
+      K(d), N && N(d);
+    }, h1 = (d, w) => {
+      var M;
+      return !!((M = w == null ? void 0 : w.label) != null && M.toString().toLowerCase().includes(d.toLowerCase()));
     }, X = () => {
-      y(!0);
-    }, $ = () => {
-      y(!1);
-    }, K = Z(
-      (C) => {
-        if (T(C), l) {
-          const v = C;
-          o == null || o(v);
+      T(!0);
+    }, z = () => {
+      T(!1);
+    }, j = W(
+      (d) => {
+        if (b(d), l) {
+          const M = d;
+          o == null || o(M);
           return;
         }
-        const w = C;
+        const w = d;
         o == null || o(w);
       },
       [l, o]
-    ), c1 = Z(() => {
+    ), c1 = W(() => {
       if (!(u || r)) {
         if (l) {
-          K([]);
+          j([]);
           return;
         }
-        K("");
+        j("");
       }
-    }, [r, K, l, u]), F = Z(
-      (C) => {
-        const w = x.filter((v) => v !== C);
-        K(w), T(w);
+    }, [r, j, l, u]), S = W(
+      (d) => {
+        const w = E.filter((M) => M !== d);
+        j(w), b(w);
       },
-      [K, x]
-    ), e1 = Z(
-      (C) => (x == null ? void 0 : x.indexOf(C)) === 0 ? (
+      [j, E]
+    ), e1 = W(
+      (d) => (E == null ? void 0 : E.indexOf(d)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: 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;
+        /* @__PURE__ */ t("span", { className: "custom-placeholder", children: F ? e : "" })
+      ) : /* @__PURE__ */ t(U, {}),
+      [F, E, e]
+    ), a1 = (d) => {
+      d.preventDefault(), d.stopPropagation();
+    }, C1 = async (d) => {
+      const { target: w } = d;
+      w.scrollTop + w.offsetHeight >= w.scrollHeight - h && (f == null || f(!0)), I && await I(d);
+    }, J = W(
+      (d) => {
+        var w, M;
+        return ((w = a.find((o1) => o1.value === d)) == null ? void 0 : w.label) || ((M = L == null ? void 0 : L.find(
+          (o1) => o1.value === d
+        )) == null ? void 0 : M.label) || d;
       },
-      [R, a]
-    ), d1 = Z(
-      (C) => {
+      [L, a]
+    ), d1 = W(
+      (d) => {
         var w;
         return /* @__PURE__ */ t(
           P3,
           {
-            values: C,
-            onTagClose: F,
+            values: d,
+            onTagClose: S,
             maxWidth: ((w = Q.current) == null ? void 0 : w.clientWidth) || 0,
             disabled: r,
             closable: !u,
             options: a,
-            extraOptions: R
+            extraOptions: L
           }
         );
       },
-      [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() !== "";
+      [r, L, S, a, u]
+    ), v = W(
+      ({ label: d, value: w, mode: M }) => M === "filter" ? e1(w) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(V1, { onClose: () => S(w), disabled: r, children: typeof d == "object" ? d : J(w) }) }),
+      [r, J, S, e1]
+    ), G = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
     return /* @__PURE__ */ c("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ c(
         "div",
         {
-          className: `snmt-select-1-15-6 ${Y ? "snmt-select-focused" : ""}
+          className: `snmt-select-1-15-6 ${O ? "snmt-select-focused" : ""}
                         ${l ? "" : "snmt-select-single"} ${u ? "snmt-select-read-only" : ""}`,
           ref: Q,
           style: { width: p },
@@ -5899,33 +5927,33 @@ const P3 = ({
               {
                 className: "snmt-select-blank",
                 popupClassName: u ? "dropdown-read-only" : "",
-                id: W,
-                ref: N,
+                id: V,
+                ref: _,
                 showSearch: !!n,
                 filterOption: n && h1,
                 onDropdownVisibleChange: s1,
                 disabled: r,
-                value: x || void 0,
-                labelRender: (C) => {
-                  const w = z(C.value);
+                value: E || void 0,
+                labelRender: (d) => {
+                  const w = J(d.value);
                   return r ? /* @__PURE__ */ t("span", { style: { color: D.GREY_DARK_1 }, children: w }) : w;
                 },
                 mode: l === "filter" ? "multiple" : l,
-                onChange: K,
+                onChange: j,
                 onFocus: X,
-                onBlur: $,
-                onSearch: (C) => {
-                  P(!C), s && s(C);
+                onBlur: z,
+                onSearch: (d) => {
+                  $(!d), s && s(d);
                 },
-                onSelect: () => P(!0),
-                onDeselect: () => P(!0),
-                tagRender: (C) => m({ ...C, mode: l }),
+                onSelect: () => $(!0),
+                onDeselect: () => $(!0),
+                tagRender: (d) => v({ ...d, mode: l }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: d1,
                 onPopupScroll: C1,
-                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(
+                prefix: y && /* @__PURE__ */ t(f1, { size: 15 }),
+                suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(U, { children: [
+                  E && !!E.length && (l || C) && /* @__PURE__ */ t(
                     "div",
                     {
                       onClick: c1,
@@ -5946,27 +5974,27 @@ const P3 = ({
                     {
                       name: "selectArrowIcon",
                       color: r ? D.GREY_DARK_1 : D.GREY_DARK_5,
-                      className: f ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => b(!f)
+                      className: x ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => K(!x)
                     }
                   )
                 ] }) }),
                 removeIcon: /* @__PURE__ */ t(i1, { name: "errorSmall", color: D.GREY_DARK_1 }),
                 options: a,
-                optionRender: (C) => V ? V(C.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (d) => B ? B(d.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ c(t1, { alignItems: "center", gap: 12, children: [
                     l && /* @__PURE__ */ t(
                       r2,
                       {
-                        checked: !!(x != null && x.includes(C.value))
+                        checked: !!(E != null && E.includes(d.value))
                       }
                     ),
                     /* @__PURE__ */ c(t1, { alignItems: "center", gap: 8, children: [
-                      C.data.image && /* @__PURE__ */ t(n2, { src: C.data.image, size: 20 }),
-                      /* @__PURE__ */ t("span", { children: C.label })
+                      d.data.image && /* @__PURE__ */ t(n2, { src: d.data.image, size: 20 }),
+                      /* @__PURE__ */ t("span", { children: d.label })
                     ] })
                   ] }),
-                  !l && x === C.value && /* @__PURE__ */ t(
+                  !l && E === d.value && /* @__PURE__ */ t(
                     i1,
                     {
                       name: "ok",
@@ -5976,32 +6004,32 @@ const P3 = ({
                     }
                   )
                 ] }),
-                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 }) })
+                dropdownRender: (d) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: Z ? Z(d) : d }),
+                  y && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(f1, { size: 28 }) })
                 ] })
               }
             ),
-            e && /* @__PURE__ */ c(S, { children: [
+            e && /* @__PURE__ */ c(U, { children: [
               /* @__PURE__ */ t(
                 "label",
                 {
-                  className: `${Y || E ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${Y ? "label-focused" : ""} ${G ? "label-loading" : ""} ${_ ? "label-error" : ""}`,
-                  children: L ? `${e}*` : e
+                  className: `${O || G ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${y ? "label-loading" : ""} ${H ? "label-error" : ""}`,
+                  children: m ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ t(
                 "fieldset",
                 {
-                  className: `${Y ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${E ? "fieldset-filled" : ""} ${_ ? "fieldset-error" : ""}`,
-                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: L ? `${e}*` : e }) })
+                  className: `${O ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${G ? "fieldset-filled" : ""} ${H ? "fieldset-error" : ""}`,
+                  children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: m ? `${e}*` : e }) })
                 }
               )
             ] })
           ]
         }
       ),
-      _ && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
+      H && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ t(
           i1,
           {
@@ -6011,13 +6039,13 @@ const P3 = ({
             width: 16
           }
         ),
-        typeof _ == "string" ? /* @__PURE__ */ t(F3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: _ }) : _
+        typeof H == "string" ? /* @__PURE__ */ t(F3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: H }) : H
       ] })
     ] });
   }
 );
 function $3(i, o = 500) {
-  const e = q();
+  const e = Y();
   return A(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...n) => {
@@ -6027,13 +6055,13 @@ function $3(i, o = 500) {
     clearTimeout(e.current), e.current = a;
   };
 }
-function M1(i) {
-  const o = q(i);
+function R1(i) {
+  const o = Y(i);
   return A(() => {
     o.current = i;
   }, [i]), o.current;
 }
-const k1 = 100, J = {
+const k1 = 100, q = {
   offset: 0
 }, X3 = g1(
   ({
@@ -6045,106 +6073,106 @@ const k1 = 100, J = {
     disabled: a,
     scrollThresholdValue: p,
     placeholder: r,
-    mode: L,
-    loadOnClosedState: d,
+    mode: m,
+    loadOnClosedState: C,
     preloadOptions: h,
     extraOptions: s,
-    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(
+    onDropdownVisibleChange: N,
+    optionRender: f,
+    dropdownRender: I,
+    readOnly: V,
+    clearable: L = !1,
+    required: Z = !1,
+    error: B
+  }, y) => {
+    const [u, H] = R(), [_, x] = R(q), [K, O] = R(!1), [T, F] = R(), [$, E] = R(!1), [b, Q] = R(
       s ?? []
-    ), s1 = M1(N.offset), h1 = M1(y), [X, $] = H(!1), K = q(!1), c1 = Z(
+    ), s1 = R1(_.offset), h1 = R1(T), [X, z] = R(!1), j = Y(!1), c1 = W(
       async ({
-        limit: m = k1,
-        offset: E,
-        search: C
+        limit: v = k1,
+        offset: G,
+        search: d
       }) => {
-        Y(!0);
+        O(!0);
         try {
           const w = await i({
-            limit: m,
-            offset: E,
-            search: C
+            limit: v,
+            offset: G,
+            search: d
           });
-          _(
-            (v) => E === 0 ? w.options : [...v ?? [], ...w.options]
-          ), f((v) => ({
-            ...v,
+          H(
+            (M) => G === 0 ? w.options : [...M ?? [], ...w.options]
+          ), x((M) => ({
+            ...M,
             count: w.count
           }));
         } catch (w) {
           return console.error("AsyncSelect. fetchOptions error", w), [];
         } finally {
-          Y(!1);
+          O(!1);
         }
       },
       [i]
-    ), 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
+    ), S = $3((v) => {
+      F(v), v || x(q);
+    }), e1 = W(
+      (v) => S(v),
+      [S]
+    ), a1 = W(
+      async (v) => {
+        K || v && _.count && _.count > ((u == null ? void 0 : u.length) ?? 0) && x((G) => ({
+          ...G,
+          offset: G.offset + k1
         }));
       },
-      [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);
+      [K, u == null ? void 0 : u.length, _.count]
+    ), C1 = W(
+      (v) => {
+        E(v), !v && T && (F(void 0), x(q), z(!0)), N == null || N(v);
       },
-      [M, y]
+      [N, T]
     );
     A(() => {
-      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;
+      if (!j.current || K) return;
+      (X || $ && (s1 !== _.offset || h1 !== T || !u)) && (c1({ offset: _.offset, limit: k1, search: T }), X && z(!1));
+    }, [X, $, _.offset, T, s1, h1, u, K]), A(() => {
+      (C || h) && c1(q), j.current = !0;
     }, []), A(() => {
-      s && Q((m) => {
-        const E = s.filter(
-          (C) => !m.some((w) => w.value === C.value)
+      s && Q((v) => {
+        const G = s.filter(
+          (d) => !v.some((w) => w.value === d.value)
         );
-        return [...m, ...E];
+        return [...v, ...G];
       });
     }, [s]);
-    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))
+    const J = W(
+      (v) => {
+        e && e(v);
+        let G = [];
+        if (m ? G = Array.isArray(v) ? v : [] : G = v ? [v] : [], T) {
+          const d = G.filter(
+            (w) => !(b != null && b.some((M) => M.value === w))
           );
-          C.length > 0 && Q((w = []) => [
+          d.length > 0 && Q((w = []) => [
             ...w,
-            ...C.map((v) => {
-              const w1 = u == null ? void 0 : u.find((o1) => o1.value === v);
+            ...d.map((M) => {
+              const w1 = u == null ? void 0 : u.find((o1) => o1.value === M);
               return {
-                value: v,
-                label: (w1 == null ? void 0 : w1.label) ?? v
+                value: M,
+                label: (w1 == null ? void 0 : w1.label) ?? M
               };
             })
-          ]), O(void 0), f(J), $(!0);
+          ]), F(void 0), x(q), z(!0);
         }
       },
-      [e, y, L, u, T]
-    ), d1 = V1(
+      [e, T, m, u, b]
+    ), d1 = Z1(
       () => ({
         id: n,
         width: o,
         options: u || [],
-        onChange: z,
-        ref: G,
+        onChange: J,
+        ref: y,
         placeholder: r,
         search: !0,
         value: l,
@@ -6153,21 +6181,21 @@ const k1 = 100, J = {
         scrollThresholdValue: p,
         onScrollToEnd: a1,
         disabled: a,
-        extraOptions: T,
-        isLoading: b,
-        optionRender: I,
-        dropdownRender: B,
-        readOnly: W,
-        clearable: R,
-        required: j,
-        error: V
+        extraOptions: b,
+        isLoading: K,
+        optionRender: f,
+        dropdownRender: I,
+        readOnly: V,
+        clearable: L,
+        required: Z,
+        error: B
       }),
       [
         n,
         o,
         u,
-        z,
-        G,
+        J,
+        y,
         r,
         l,
         e1,
@@ -6175,21 +6203,21 @@ const k1 = 100, J = {
         p,
         a1,
         a,
-        T,
         b,
+        K,
+        f,
         I,
-        B,
-        W,
-        R,
-        j,
-        V
+        V,
+        L,
+        Z,
+        B
       ]
     );
-    return Z1(G, () => ({
+    return u1(y, () => ({
       refetchOptions: async () => {
-        f(J), O(void 0), $(!0);
+        x(q), F(void 0), z(!0);
       }
-    })), L ? /* @__PURE__ */ t(f1, { ...d1, value: l, mode: L }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(f1, { ...d1, value: l }) });
+    })), m ? /* @__PURE__ */ t(M1, { ...d1, value: l, mode: m }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(M1, { ...d1, value: l }) });
   }
 );
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.9.0",
+    "version": "1.9.1",
     "type": "module",
     "main": "dist/async-select.js",
     "types": "dist/index.d.ts",
@@ -18,10 +18,10 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/select": "^1.19.0"
+        "@snmt-react-ui/select": "^1.19.1"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "1c2d30d48afb23bdd059fea85e0b4eeace3392cc"
+    "gitHead": "b2140fff934bfa6a07b26714b36c79e1937e0ae9"
 }