@snmt-react-ui/async-select 1.13.0 → 1.13.1

package/dist/async-select.js

@@ -1,21 +1,21 @@
 import "./index.css";
 import { jsx as t, Fragment as F, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as Q, useState as x, useRef as T, useEffect as D, useCallback as I, useContext as X, useImperativeHandle as l1, createContext as W1, useMemo as R1 } from "react";
-import { Select as b1, Tag as M1, Flex as y1, Checkbox as I1, Avatar as j1, Typography as a1, Popover as T1 } from "antd";
-import { COLORS as r, SNMTUiContext as s1 } from "@snmt-react-ui/core";
+import { forwardRef as X, useState as Z, useRef as T, useEffect as B, useCallback as I, useContext as e1, useImperativeHandle as s1, createContext as W1, useMemo as R1 } from "react";
+import { Select as b1, Tag as M1, Flex as y1, Checkbox as I1, Avatar as j1, Typography as d1, Popover as T1 } from "antd";
+import { COLORS as r, SNMTUiContext as n1 } from "@snmt-react-ui/core";
 var O1 = Object.defineProperty, S1 = (o, i, e) => i in o ? O1(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e, F1 = (o, i, e) => S1(o, i + "", e), $1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function P1() {
   if (console && console.warn) {
     for (var o = arguments.length, i = new Array(o), e = 0; e < o; e++)
       i[e] = arguments[e];
-    J(i[0]) && (i[0] = `react-i18next:: ${i[0]}`), console.warn(...i);
+    Q(i[0]) && (i[0] = `react-i18next:: ${i[0]}`), console.warn(...i);
   }
 }
 const x1 = {};
 function N1() {
   for (var o = arguments.length, i = new Array(o), e = 0; e < o; e++)
     i[e] = arguments[e];
-  J(i[0]) && x1[i[0]] || (J(i[0]) && (x1[i[0]] = /* @__PURE__ */ new Date()), P1(...i));
+  Q(i[0]) && x1[i[0]] || (Q(i[0]) && (x1[i[0]] = /* @__PURE__ */ new Date()), P1(...i));
 }
 const E1 = (o, i) => () => {
   if (o.isInitialized)
@@ -31,7 +31,7 @@ const E1 = (o, i) => () => {
 }, Z1 = (o, i, e) => {
   o.loadNamespaces(i, E1(o, e));
 }, _1 = (o, i, e, l) => {
-  J(e) && (e = [e]), e.forEach((s) => {
+  Q(e) && (e = [e]), e.forEach((s) => {
     o.options.ns.indexOf(s) < 0 && o.options.ns.push(s);
   }), o.loadLanguages(i, E1(o, l));
 }, z1 = function(o, i) {
@@ -51,7 +51,7 @@ const E1 = (o, i) => () => {
       if (e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && l.services.backendConnector.backend && l.isLanguageChangingTo && !s(l.isLanguageChangingTo, o)) return !1;
     }
   }) : z1(o, i, e);
-}, J = (o) => typeof o == "string", q1 = (o) => typeof o == "object" && o !== null, J1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Q1 = {
+}, Q = (o) => typeof o == "string", q1 = (o) => typeof o == "object" && o !== null, J1 = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Q1 = {
   "&amp;": "&",
   "&#38;": "&",
   "&lt;": "<",
@@ -98,7 +98,7 @@ class n2 {
 }
 const C2 = (o, i) => {
   const e = T();
-  return D(() => {
+  return B(() => {
     e.current = o;
   }, [o, i]), e.current;
 }, D1 = (o, i, e, l) => o.getFixedT(i, e, l), h2 = (o, i, e, l) => I(D1(o, i, e, l), [o, i, e, l]), r2 = function(o) {
@@ -108,11 +108,11 @@ const C2 = (o, i) => {
   } = i, {
     i18n: l,
     defaultNS: s
-  } = X(s2) || {}, a = e || l || l2();
+  } = e1(s2) || {}, a = e || l || l2();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new n2()), !a) {
     N1("You will need to pass in an i18next instance by using initReactI18next");
-    const V = (H, M) => J(M) ? M : q1(M) && J(M.defaultValue) ? M.defaultValue : Array.isArray(H) ? H[H.length - 1] : H, u = [V, {}, !1];
-    return u.t = V, u.i18n = {}, u.ready = !1, u;
+    const V = (H, M) => Q(M) ? M : q1(M) && Q(M.defaultValue) ? M.defaultValue : Array.isArray(H) ? H[H.length - 1] : H, v = [V, {}, !1];
+    return v.t = V, v.i18n = {}, v.ready = !1, v;
   }
   a.options.react && a.options.react.wait !== void 0 && N1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const w = {
@@ -124,36 +124,36 @@ const C2 = (o, i) => {
     keyPrefix: h
   } = w;
   let n = o;
-  n = J(n) ? [n] : n || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(n);
-  const C = (a.isInitialized || a.initializedStoreOnce) && n.every((V) => U1(V, a, w)), Z = h2(a, i.lng || null, w.nsMode === "fallback" ? n : n[0], h), R = () => Z, L = () => D1(a, i.lng || null, w.nsMode === "fallback" ? n : n[0], h), [m, k] = x(R);
-  let v = n.join();
-  i.lng && (v = `${i.lng}${v}`);
-  const p = C2(v), A = T(!0);
-  D(() => {
+  n = Q(n) ? [n] : n || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(n);
+  const C = (a.isInitialized || a.initializedStoreOnce) && n.every((V) => U1(V, a, w)), _ = h2(a, i.lng || null, w.nsMode === "fallback" ? n : n[0], h), R = () => _, L = () => D1(a, i.lng || null, w.nsMode === "fallback" ? n : n[0], h), [u, k] = Z(R);
+  let f = n.join();
+  i.lng && (f = `${i.lng}${f}`);
+  const p = C2(f), E = T(!0);
+  B(() => {
     const {
       bindI18n: V,
-      bindI18nStore: u
+      bindI18nStore: v
     } = w;
-    A.current = !0, !C && !d && (i.lng ? _1(a, i.lng, n, () => {
-      A.current && k(L);
+    E.current = !0, !C && !d && (i.lng ? _1(a, i.lng, n, () => {
+      E.current && k(L);
     }) : Z1(a, n, () => {
-      A.current && k(L);
-    })), C && p && p !== v && A.current && k(L);
+      E.current && k(L);
+    })), C && p && p !== f && E.current && k(L);
     const H = () => {
-      A.current && k(L);
+      E.current && k(L);
     };
-    return V && a && a.on(V, H), u && a && a.store.on(u, H), () => {
-      A.current = !1, V && a && V.split(" ").forEach((M) => a.off(M, H)), u && a && u.split(" ").forEach((M) => a.store.off(M, H));
+    return V && a && a.on(V, H), v && a && a.store.on(v, H), () => {
+      E.current = !1, V && a && V.split(" ").forEach((M) => a.off(M, H)), v && a && v.split(" ").forEach((M) => a.store.off(M, H));
     };
-  }, [a, v]), D(() => {
-    A.current && C && k(R);
+  }, [a, f]), B(() => {
+    E.current && C && k(R);
   }, [a, h, C]);
-  const O = [m, a, C];
-  if (O.t = m, O.i18n = a, O.ready = C, C || !C && !d) return O;
+  const O = [u, a, C];
+  if (O.t = u, O.i18n = a, O.ready = C, C || !C && !d) return O;
   throw new Promise((V) => {
     i.lng ? _1(a, i.lng, n, () => V()) : Z1(a, n, () => V());
   });
-}, c1 = ({
+}, a1 = ({
   children: o,
   direction: i = "row",
   flexWrap: e = "nowrap",
@@ -175,12 +175,12 @@ const C2 = (o, i) => {
     style: { padding: d },
     children: o
   }
-), { Title: c2, Text: a2 } = a1, d2 = {
+), { Title: c2, Text: a2 } = d1, d2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, V1 = Q(
+}, V1 = X(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -193,16 +193,16 @@ const C2 = (o, i) => {
     trim: d = !1
   }, h) => {
     const n = T(null);
-    l1(h, () => n.current);
-    const [C, Z] = x(!1);
-    D(() => {
+    s1(h, () => n.current);
+    const [C, _] = Z(!1);
+    B(() => {
       var k;
       if (!d) return;
-      const v = () => {
-        n.current && Z(n.current.scrollWidth > n.current.clientWidth);
+      const f = () => {
+        n.current && _(n.current.scrollWidth > n.current.clientWidth);
       };
-      v();
-      const p = new ResizeObserver(v);
+      f();
+      const p = new ResizeObserver(f);
       return n.current && p.observe(n.current), (k = n.current) != null && k.parentElement && p.observe(n.current.parentElement), () => {
         p.disconnect();
       };
@@ -210,7 +210,7 @@ const C2 = (o, i) => {
     const R = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let L = `snmt-typography snmt-typography-${i}`;
     o && o !== "inherit" && (L += ` snmt-typography-align-${o}`), a && (L += " collapsed");
-    const m = {
+    const u = {
       className: L,
       style: { color: e, whiteSpace: d ? "nowrap" : w, display: d ? "block" : "" },
       onClick: s,
@@ -222,7 +222,7 @@ const C2 = (o, i) => {
         }
       } : void 0
     };
-    return R ? /* @__PURE__ */ t(c2, { level: d2[i], ...m, children: l }) : /* @__PURE__ */ t(a2, { ...m, children: l });
+    return R ? /* @__PURE__ */ t(c2, { level: d2[i], ...u, children: l }) : /* @__PURE__ */ t(a2, { ...u, children: l });
   }
 ), w2 = ({ label: o, variant: i = "small", src: e, fallbackText: l }) => {
   const s = e != null && e.trim() ? e : void 0, a = {
@@ -267,12 +267,12 @@ const C2 = (o, i) => {
       ]
     }
   );
-}, { Title: g2, Text: L2 } = a1, k2 = {
+}, { Title: g2, Text: L2 } = d1, k2 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, p2 = Q(
+}, p2 = X(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -285,16 +285,16 @@ const C2 = (o, i) => {
     trim: d = !1
   }, h) => {
     const n = T(null);
-    l1(h, () => n.current);
-    const [C, Z] = x(!1);
-    D(() => {
+    s1(h, () => n.current);
+    const [C, _] = Z(!1);
+    B(() => {
       var k;
       if (!d) return;
-      const v = () => {
-        n.current && Z(n.current.scrollWidth > n.current.clientWidth);
+      const f = () => {
+        n.current && _(n.current.scrollWidth > n.current.clientWidth);
       };
-      v();
-      const p = new ResizeObserver(v);
+      f();
+      const p = new ResizeObserver(f);
       return n.current && p.observe(n.current), (k = n.current) != null && k.parentElement && p.observe(n.current.parentElement), () => {
         p.disconnect();
       };
@@ -302,7 +302,7 @@ const C2 = (o, i) => {
     const R = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let L = `snmt-typography snmt-typography-${i}`;
     o && o !== "inherit" && (L += ` snmt-typography-align-${o}`), a && (L += " collapsed");
-    const m = {
+    const u = {
       className: L,
       style: { color: e, whiteSpace: d ? "nowrap" : w, display: d ? "block" : "" },
       onClick: s,
@@ -314,7 +314,7 @@ const C2 = (o, i) => {
         }
       } : void 0
     };
-    return R ? /* @__PURE__ */ t(g2, { level: k2[i], ...m, children: l }) : /* @__PURE__ */ t(L2, { ...m, children: l });
+    return R ? /* @__PURE__ */ t(g2, { level: k2[i], ...u, children: l }) : /* @__PURE__ */ t(L2, { ...u, children: l });
   }
 ), m2 = ({
   checked: o = !0,
@@ -324,19 +324,19 @@ const C2 = (o, i) => {
   disabled: s = !1,
   disableUncheck: a = !1
 }) => {
-  const [w, d] = x(o), [h, n] = x(i);
-  D(() => {
+  const [w, d] = Z(o), [h, n] = Z(i);
+  B(() => {
     d(o), n(i);
   }, [o, i]);
-  const { theme: C } = X(s1);
+  const { theme: C } = e1(n1);
   return /* @__PURE__ */ t(
     I1,
     {
       className: `snmt-checkbox snmt-checkbox-${C}`,
       checked: w,
       indeterminate: h,
-      onChange: (Z) => {
-        a && w || (n(!1), d(Z.target.checked), l && l(Z));
+      onChange: (_) => {
+        a && w || (n(!1), d(_.target.checked), l && l(_));
       },
       disabled: s,
       children: e && /* @__PURE__ */ t(
@@ -820,7 +820,7 @@ const C2 = (o, i) => {
       )
     ]
   }
-), B2 = ({
+), G2 = ({
   width: o = 20,
   height: i = 20,
   color: e = r.GREY_DARK_5,
@@ -860,7 +860,7 @@ const C2 = (o, i) => {
       )
     ]
   }
-), G2 = ({
+), B2 = ({
   width: o = 20,
   height: i = 20,
   color: e = r.GREY_DARK_5,
@@ -2597,7 +2597,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), r1 = ({
+), c1 = ({
   name: o,
   width: i,
   height: e,
@@ -2606,7 +2606,7 @@ const C2 = (o, i) => {
   disabled: a = !1,
   onClick: w
 }) => {
-  const { theme: d } = X(s1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
+  const { theme: d } = e1(n1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ t(F, { children: (() => {
     switch (o) {
       case "nextIcon":
@@ -2634,9 +2634,9 @@ const C2 = (o, i) => {
       case "filter":
         return D2({ width: i, height: e, color: h, className: C, onClick: n });
       case "attention":
-        return B2({ width: i, height: e, color: h, className: C, onClick: n });
-      case "users":
         return G2({ width: i, height: e, color: h, className: C, onClick: n });
+      case "users":
+        return B2({ width: i, height: e, color: h, className: C, onClick: n });
       case "mySkillsMatrix":
         return K2({
           width: i,
@@ -2783,12 +2783,12 @@ const C2 = (o, i) => {
         return /* @__PURE__ */ t(F, { children: "No Icon provided" });
     }
   })() });
-}, { Title: H5, Text: A5 } = a1, E5 = {
+}, { Title: H5, Text: A5 } = d1, E5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, D5 = Q(
+}, D5 = X(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -2801,16 +2801,16 @@ const C2 = (o, i) => {
     trim: d = !1
   }, h) => {
     const n = T(null);
-    l1(h, () => n.current);
-    const [C, Z] = x(!1);
-    D(() => {
+    s1(h, () => n.current);
+    const [C, _] = Z(!1);
+    B(() => {
       var k;
       if (!d) return;
-      const v = () => {
-        n.current && Z(n.current.scrollWidth > n.current.clientWidth);
+      const f = () => {
+        n.current && _(n.current.scrollWidth > n.current.clientWidth);
       };
-      v();
-      const p = new ResizeObserver(v);
+      f();
+      const p = new ResizeObserver(f);
       return n.current && p.observe(n.current), (k = n.current) != null && k.parentElement && p.observe(n.current.parentElement), () => {
         p.disconnect();
       };
@@ -2818,7 +2818,7 @@ const C2 = (o, i) => {
     const R = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let L = `snmt-typography snmt-typography-${i}`;
     o && o !== "inherit" && (L += ` snmt-typography-align-${o}`), a && (L += " collapsed");
-    const m = {
+    const u = {
       className: L,
       style: { color: e, whiteSpace: d ? "nowrap" : w, display: d ? "block" : "" },
       onClick: s,
@@ -2830,9 +2830,9 @@ const C2 = (o, i) => {
         }
       } : void 0
     };
-    return R ? /* @__PURE__ */ t(H5, { level: E5[i], ...m, children: l }) : /* @__PURE__ */ t(A5, { ...m, children: l });
+    return R ? /* @__PURE__ */ t(H5, { level: E5[i], ...u, children: l }) : /* @__PURE__ */ t(A5, { ...u, children: l });
   }
-), B5 = ({
+), G5 = ({
   width: o = 20,
   height: i = 20,
   color: e = "#001E52",
@@ -2859,7 +2859,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), G5 = ({
+), B5 = ({
   width: o = 20,
   height: i = 20,
   color: e = r.GREY_DARK_5,
@@ -4776,7 +4776,7 @@ const C2 = (o, i) => {
       )
     ]
   }
-), B7 = ({
+), G7 = ({
   className: o,
   color: i = r.GREY_DARK_5,
   height: e = 24,
@@ -4803,7 +4803,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), G7 = ({
+), B7 = ({
   className: o,
   color: i = r.GREY_DARK_5,
   height: e = 20,
@@ -5089,7 +5089,7 @@ const C2 = (o, i) => {
   disabled: a = !1,
   onClick: w
 }) => {
-  const { theme: d } = X(s1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
+  const { theme: d } = e1(n1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ t(F, { children: (() => {
     switch (o) {
       case "nextIcon":
@@ -5097,9 +5097,9 @@ const C2 = (o, i) => {
       case "prevIcon":
         return g7({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrowDown":
-        return B5({ width: i, height: e, color: h, className: C, onClick: n });
-      case "info":
         return G5({ width: i, height: e, color: h, className: C, onClick: n });
+      case "info":
+        return B5({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrowRight":
         return K5({ width: i, height: e, color: h, className: C, onClick: n });
       case "calendar":
@@ -5243,9 +5243,9 @@ const C2 = (o, i) => {
       case "image":
         return D7({ width: i, height: e, color: h, className: C, onClick: n });
       case "edit":
-        return B7({ width: i, height: e, color: h, className: C, onClick: n });
-      case "filledArrowRight":
         return G7({ width: i, height: e, color: h, className: C, onClick: n });
+      case "filledArrowRight":
+        return B7({ width: i, height: e, color: h, className: C, onClick: n });
       case "burgerMenu":
         return K7({ width: i, height: e, color: h, className: C, onClick: n });
       case "refresh":
@@ -5266,7 +5266,7 @@ const C2 = (o, i) => {
         return /* @__PURE__ */ t(F, { children: "No Icon provided" });
     }
   })() });
-}, B1 = ({
+}, G1 = ({
   children: o,
   width: i,
   size: e = "small",
@@ -5304,12 +5304,12 @@ const C2 = (o, i) => {
       ) : o
     }
   );
-}, { Title: S7, Text: F7 } = a1, $7 = {
+}, { Title: S7, Text: F7 } = d1, $7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, P7 = Q(
+}, P7 = X(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -5322,16 +5322,16 @@ const C2 = (o, i) => {
     trim: d = !1
   }, h) => {
     const n = T(null);
-    l1(h, () => n.current);
-    const [C, Z] = x(!1);
-    D(() => {
+    s1(h, () => n.current);
+    const [C, _] = Z(!1);
+    B(() => {
       var k;
       if (!d) return;
-      const v = () => {
-        n.current && Z(n.current.scrollWidth > n.current.clientWidth);
+      const f = () => {
+        n.current && _(n.current.scrollWidth > n.current.clientWidth);
       };
-      v();
-      const p = new ResizeObserver(v);
+      f();
+      const p = new ResizeObserver(f);
       return n.current && p.observe(n.current), (k = n.current) != null && k.parentElement && p.observe(n.current.parentElement), () => {
         p.disconnect();
       };
@@ -5339,7 +5339,7 @@ const C2 = (o, i) => {
     const R = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let L = `snmt-typography snmt-typography-${i}`;
     o && o !== "inherit" && (L += ` snmt-typography-align-${o}`), a && (L += " collapsed");
-    const m = {
+    const u = {
       className: L,
       style: { color: e, whiteSpace: d ? "nowrap" : w, display: d ? "block" : "" },
       onClick: s,
@@ -5351,7 +5351,7 @@ const C2 = (o, i) => {
         }
       } : void 0
     };
-    return R ? /* @__PURE__ */ t(S7, { level: $7[i], ...m, children: l }) : /* @__PURE__ */ t(F7, { ...m, children: l });
+    return R ? /* @__PURE__ */ t(S7, { level: $7[i], ...u, children: l }) : /* @__PURE__ */ t(F7, { ...u, children: l });
   }
 ), z7 = ({
   children: o,
@@ -5362,7 +5362,7 @@ const C2 = (o, i) => {
   noPadding: a = !1,
   trigger: w = "click"
 }) => {
-  const [d, h] = x(!1);
+  const [d, h] = Z(!1);
   return /* @__PURE__ */ t(
     T1,
     {
@@ -5378,12 +5378,12 @@ const C2 = (o, i) => {
       children: /* @__PURE__ */ t("div", { className: "wrapper", children: o })
     }
   );
-}, { Title: U7, Text: q7 } = a1, J7 = {
+}, { Title: U7, Text: q7 } = d1, J7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, G1 = Q(
+}, B1 = X(
   ({
     align: o = "inherit",
     variant: i = "body1",
@@ -5396,16 +5396,16 @@ const C2 = (o, i) => {
     trim: d = !1
   }, h) => {
     const n = T(null);
-    l1(h, () => n.current);
-    const [C, Z] = x(!1);
-    D(() => {
+    s1(h, () => n.current);
+    const [C, _] = Z(!1);
+    B(() => {
       var k;
       if (!d) return;
-      const v = () => {
-        n.current && Z(n.current.scrollWidth > n.current.clientWidth);
+      const f = () => {
+        n.current && _(n.current.scrollWidth > n.current.clientWidth);
       };
-      v();
-      const p = new ResizeObserver(v);
+      f();
+      const p = new ResizeObserver(f);
       return n.current && p.observe(n.current), (k = n.current) != null && k.parentElement && p.observe(n.current.parentElement), () => {
         p.disconnect();
       };
@@ -5413,7 +5413,7 @@ const C2 = (o, i) => {
     const R = i === "h1" || i === "h2" || i === "h3" || i === "h4";
     let L = `snmt-typography snmt-typography-${i}`;
     o && o !== "inherit" && (L += ` snmt-typography-align-${o}`), a && (L += " collapsed");
-    const m = {
+    const u = {
       className: L,
       style: { color: e, whiteSpace: d ? "nowrap" : w, display: d ? "block" : "" },
       onClick: s,
@@ -5425,7 +5425,7 @@ const C2 = (o, i) => {
         }
       } : void 0
     };
-    return R ? /* @__PURE__ */ t(U7, { level: J7[i], ...m, children: l }) : /* @__PURE__ */ t(q7, { ...m, children: l });
+    return R ? /* @__PURE__ */ t(U7, { level: J7[i], ...u, children: l }) : /* @__PURE__ */ t(q7, { ...u, children: l });
   }
 ), Q7 = ({
   width: o = 20,
@@ -6635,7 +6635,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), B0 = ({
+), G0 = ({
   className: o,
   color: i = r.GREY_DARK_5,
   height: e = 20,
@@ -6662,7 +6662,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), G0 = ({
+), B0 = ({
   className: o,
   color: i = r.GREY_DARK_5,
   height: e = 5,
@@ -7675,7 +7675,7 @@ const C2 = (o, i) => {
       }
     )
   }
-), u1 = ({
+), v1 = ({
   name: o,
   width: i,
   height: e,
@@ -7684,13 +7684,13 @@ const C2 = (o, i) => {
   disabled: a = !1,
   onClick: w
 }) => {
-  const { theme: d } = X(s1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
+  const { theme: d } = e1(n1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ t(F, { children: (() => {
     switch (o) {
       case "nextIcon":
         return D0({ width: i, height: e, color: h, className: C, onClick: n });
       case "prevIcon":
-        return B0({ width: i, height: e, color: h, className: C, onClick: n });
+        return G0({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrowDown":
         return Q7({ width: i, height: e, color: h, className: C, onClick: n });
       case "info":
@@ -7796,7 +7796,7 @@ const C2 = (o, i) => {
       case "arrowUpFilled":
         return K0({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrowDownFilled":
-        return G0({ width: i, height: e, color: h, className: C, onClick: n });
+        return B0({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrow2Up":
         return i0({ width: i, height: e, color: h, className: C, onClick: n });
       case "arrow2Right":
@@ -7884,7 +7884,7 @@ const C2 = (o, i) => {
         background: w[a],
         width: l ?? "fit-content"
       },
-      children: /* @__PURE__ */ t(G1, { variant: s, color: r.GREY_DARK_4, children: o })
+      children: /* @__PURE__ */ t(B1, { variant: s, color: r.GREY_DARK_4, children: o })
     }
   );
 }, r9 = ({
@@ -7895,7 +7895,7 @@ const C2 = (o, i) => {
 }) => {
   const s = {
     approved: /* @__PURE__ */ t(
-      u1,
+      v1,
       {
         name: "checkCircle",
         width: 14,
@@ -7903,9 +7903,9 @@ const C2 = (o, i) => {
         color: r.NOTIFICATION_SUCCESS_DARK
       }
     ),
-    pending: /* @__PURE__ */ t(u1, { name: "history", width: 14, height: 14, color: r.NOTIFICATION_WARNING_DARK }),
+    pending: /* @__PURE__ */ t(v1, { name: "history", width: 14, height: 14, color: r.NOTIFICATION_WARNING_DARK }),
     rejected: /* @__PURE__ */ t(
-      u1,
+      v1,
       {
         name: "cancelCircle",
         width: 14,
@@ -7913,7 +7913,7 @@ const C2 = (o, i) => {
         color: r.NOTIFICATION_ERROR_DARK
       }
     ),
-    canceled: /* @__PURE__ */ t(u1, { name: "cancelCircle", width: 14, height: 14, color: r.GREY_DARK_2 })
+    canceled: /* @__PURE__ */ t(v1, { name: "cancelCircle", width: 14, height: 14, color: r.GREY_DARK_2 })
   }, a = {
     approved: r.NOTIFICATION_SUCCESS_LIGHT,
     pending: r.NOTIFICATION_WARNING_LIGHT,
@@ -7932,7 +7932,7 @@ const C2 = (o, i) => {
       style: { background: a[i], width: l ?? "fit-content" },
       children: [
         e && s[i],
-        /* @__PURE__ */ t(G1, { variant: "body4", color: w[i], children: o })
+        /* @__PURE__ */ t(B1, { variant: "body4", color: w[i], children: o })
       ]
     }
   );
@@ -7958,22 +7958,22 @@ const a9 = ({
   extraOptions: w,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: h } = X(s1), { t: n } = r2("common", { lng: h }), [C, Z] = x(!1);
-  if (D(() => {
-    o.length || Z(!1);
+  const { locale: h } = e1(n1), { t: n } = r2("common", { lng: h }), [C, _] = Z(!1);
+  if (B(() => {
+    o.length || _(!1);
   }, [o]), !o.length)
     return null;
   const R = (L) => {
-    var m, k;
-    return ((m = a == null ? void 0 : a.find((p) => p.value === L)) == null ? void 0 : m.label) || ((k = w == null ? void 0 : w.find((p) => p.value === L)) == null ? void 0 : k.label) || L;
+    var u, k;
+    return ((u = a == null ? void 0 : a.find((p) => p.value === L)) == null ? void 0 : u.label) || ((k = w == null ? void 0 : w.find((p) => p.value === L)) == null ? void 0 : k.label) || L;
   };
   return /* @__PURE__ */ c(
     z7,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(c1, { gap: 6, flexWrap: "wrap", children: o.map(({ value: L }) => {
-          const m = d === "badge" && a.find(
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(a1, { gap: 6, flexWrap: "wrap", children: o.map(({ value: L }) => {
+          const u = d === "badge" && a.find(
             (k) => k.label === R(L)
           );
           return d === "badge" ? /* @__PURE__ */ t(
@@ -7981,12 +7981,12 @@ const a9 = ({
             {
               variant: "regular",
               size: "small",
-              color: m ? m.color : void 0,
+              color: u ? u.color : void 0,
               text: R(L)
             },
             L
           ) : /* @__PURE__ */ t(
-            B1,
+            G1,
             {
               onClose: () => i(L),
               closable: l,
@@ -7999,7 +7999,7 @@ const a9 = ({
       ),
       placement: "bottomRight",
       isOpen: C,
-      setIsOpen: Z,
+      setIsOpen: _,
       children: [
         o.length,
         " ",
@@ -8744,7 +8744,7 @@ const a9 = ({
       )
     ]
   }
-), B9 = ({
+), G9 = ({
   width: o = 20,
   height: i = 20,
   color: e = r.GREY_DARK_5,
@@ -8777,7 +8777,7 @@ const a9 = ({
       )
     ]
   }
-), G9 = ({
+), B9 = ({
   width: o = 20,
   height: i = 20,
   color: e = r.GREY_DARK_5,
@@ -10276,7 +10276,7 @@ const a9 = ({
   disabled: a = !1,
   onClick: w
 }) => {
-  const { theme: d } = X(s1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
+  const { theme: d } = e1(n1), h = a ? d && d === "dark" ? r.GREY_LIGHT_4 : r.GREY_DARK_1 : l, n = a ? void 0 : w, C = w && !a ? `${s || ""} clickable` : s;
   return /* @__PURE__ */ t(F, { children: (() => {
     switch (o) {
       case "nextIcon":
@@ -10328,9 +10328,9 @@ const a9 = ({
       case "history":
         return D9({ width: i, height: e, color: h, className: C, onClick: n });
       case "logOut":
-        return B9({ width: i, height: e, color: h, className: C, onClick: n });
-      case "settings":
         return G9({ width: i, height: e, color: h, className: C, onClick: n });
+      case "settings":
+        return B9({ width: i, height: e, color: h, className: C, onClick: n });
       case "trash":
         return K9({ width: i, height: e, color: h, className: C, onClick: n });
       case "settings2":
@@ -10484,7 +10484,7 @@ function x4(o, i) {
 function Z4(o, i) {
   return i ? r.GREY_DARK_2 : o ? r.GREY_LIGHT_0 : r.GREY_DARK_4;
 }
-const _4 = Q((o, i) => {
+const _4 = X((o, i) => {
   const {
     value: e,
     onChange: l,
@@ -10495,49 +10495,49 @@ const _4 = Q((o, i) => {
     width: h,
     disabled: n = !1,
     required: C = !1,
-    clearable: Z = !0,
+    clearable: _ = !0,
     scrollThresholdValue: R = 50,
     onSearchChange: L,
-    onDropdownVisibleChange: m,
+    onDropdownVisibleChange: u,
     onScrollToEnd: k,
-    onPopupScroll: v,
+    onPopupScroll: f,
     id: p,
-    extraOptions: A,
+    extraOptions: E,
     dropdownRender: O,
     optionRender: V,
-    isLoading: u,
+    isLoading: v,
     readOnly: H,
     error: M,
-    selectedItemVariant: B = "default",
-    variant: K = "outlined"
+    selectedItemVariant: D = "default",
+    variant: Y = "outlined"
   } = o;
-  let e1;
-  a && a !== "single" && (e1 = o.overflowBehaviour ?? "responsive");
-  const [b, P] = x(!1), [z, d1] = x(!1), [S, n1] = x(!1), [C1, i1] = x(!0), [_, U] = x(e), h1 = T(null);
-  D(() => {
+  let i1;
+  a && a !== "single" && (i1 = o.overflowBehaviour ?? "responsive");
+  const [b, P] = Z(!1), [z, w1] = Z(!1), [S, C1] = Z(!1), [h1, t1] = Z(!0), [x, U] = Z(e), r1 = T(null);
+  B(() => {
     U(e);
   }, [e]);
-  const w1 = (g) => {
-    P(g), m && m(g);
-  }, g1 = (g, N) => {
-    var W;
-    return !!((W = N == null ? void 0 : N.label) != null && W.toString().toLowerCase().includes(g.toLowerCase()));
-  }, L1 = () => {
-    d1(!0);
+  const g1 = (g) => {
+    P(g), u && u(g);
+  }, L1 = (g, m) => {
+    var A;
+    return !!((A = m == null ? void 0 : m.label) != null && A.toString().toLowerCase().includes(g.toLowerCase()));
   }, k1 = () => {
-    d1(!1);
+    w1(!0);
+  }, p1 = () => {
+    w1(!1);
   }, $ = I(
     (g) => {
       if (U(g), a && a !== "single") {
-        const W = g;
-        l == null || l(W);
+        const A = g;
+        l == null || l(A);
         return;
       }
-      let N = null;
-      Array.isArray(g) && B === "badge" ? N = g.length > 0 ? g[0] : null : Array.isArray(g) || (N = g || null), l == null || l(N);
+      let m = null;
+      Array.isArray(g) && D === "badge" ? m = g.length > 0 ? g[0] : null : Array.isArray(g) || (m = g || null), l == null || l(m);
     },
-    [a, l, B]
-  ), p1 = I(() => {
+    [a, l, D]
+  ), m1 = I(() => {
     if (!(H || n)) {
       if (a) {
         $([]);
@@ -10545,71 +10545,71 @@ const _4 = Q((o, i) => {
       }
       $("");
     }
-  }, [n, $, a, H]), q = I(
+  }, [n, $, a, H]), J = I(
     (g) => {
-      const N = _.filter((W) => W !== g);
-      $(N), U(N);
+      const m = x.filter((A) => A !== g);
+      $(m), U(m);
     },
-    [$, _]
-  ), m1 = I(
-    (g) => (_ == null ? void 0 : _.indexOf(g)) === 0 ? (
+    [$, x]
+  ), u1 = I(
+    (g) => (x == null ? void 0 : x.indexOf(g)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
-      /* @__PURE__ */ t("span", { className: "custom-placeholder", children: C1 ? s : "" })
+      /* @__PURE__ */ t("span", { className: "custom-placeholder", children: h1 ? s : "" })
     ) : /* @__PURE__ */ t(F, {}),
-    [C1, _, s]
-  ), f = (g) => {
+    [h1, x, s]
+  ), N = (g) => {
     g.preventDefault(), g.stopPropagation();
-  }, E = async (g) => {
-    const { target: N } = g;
-    N.scrollTop + N.offsetHeight >= N.scrollHeight - R && (k == null || k(!0)), v && await v(g);
+  }, G = async (g) => {
+    const { target: m } = g;
+    m.scrollTop + m.offsetHeight >= m.scrollHeight - R && (k == null || k(!0)), f && await f(g);
   }, j = I(
     (g) => {
-      var N, W;
-      return ((N = d.find((t1) => t1.value === g)) == null ? void 0 : N.label) || ((W = A == null ? void 0 : A.find((t1) => t1.value === g)) == null ? void 0 : W.label) || g;
+      var m, A;
+      return ((m = d.find((q) => q.value === g)) == null ? void 0 : m.label) || ((A = E == null ? void 0 : E.find((q) => q.value === g)) == null ? void 0 : A.label) || g;
     },
-    [A, d]
-  ), G = I(
-    (g, N = "default") => {
-      var W;
+    [E, d]
+  ), K = I(
+    (g, m = "default") => {
+      var A;
       return /* @__PURE__ */ t(
         a9,
         {
           values: g,
-          onTagClose: q,
-          maxWidth: ((W = h1.current) == null ? void 0 : W.clientWidth) || 0,
+          onTagClose: J,
+          maxWidth: ((A = r1.current) == null ? void 0 : A.clientWidth) || 0,
           disabled: n,
           closable: !H,
           options: d,
-          extraOptions: A,
-          selectedItemVariant: N
+          extraOptions: E,
+          selectedItemVariant: m
         }
       );
     },
-    [n, A, q, d, H]
-  ), Y = I(
-    ({ label: g, value: N, mode: W }) => {
-      if (W === "filter")
-        return m1(N);
+    [n, E, J, d, H]
+  ), W = I(
+    ({ label: g, value: m, mode: A }) => {
+      if (A === "filter")
+        return u1(m);
       {
-        const v1 = B === "badge" && d.find((Y1) => Y1.label === g), t1 = typeof g == "object" ? g : j(N);
-        return /* @__PURE__ */ t("div", { onMouseDown: f, className: "tag-wrapper", children: B === "badge" ? /* @__PURE__ */ t(
+        const o1 = D === "badge" && d.find((Y1) => Y1.label === g), q = typeof g == "object" ? g : j(m);
+        return /* @__PURE__ */ t("div", { onMouseDown: N, className: "tag-wrapper", children: D === "badge" ? /* @__PURE__ */ t(
           K1,
           {
             variant: "regular",
             size: "small",
-            color: v1 ? v1.color : "cyan",
-            text: t1
+            color: o1 ? o1.color : "cyan",
+            text: q
           }
-        ) : /* @__PURE__ */ t(B1, { onClose: () => q(N), disabled: n, children: t1 }) });
+        ) : /* @__PURE__ */ t(G1, { onClose: () => J(m), disabled: n, children: q }) });
       }
     },
-    [n, j, q, m1, B, d]
-  ), y = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
+    [n, j, J, u1, D, d]
+  ), y = Array.isArray(x) && x.length > 0 || !!x && typeof x == "string" && x.trim() !== "";
   return /* @__PURE__ */ c(
     "div",
     {
-      className: `snmt-select-container ${K === "borderless" ? "snmt-select-container-borderless" : ""}`,
+      className: `snmt-select-container ${Y === "borderless" ? "snmt-select-container-borderless" : ""}`,
       children: [
         /* @__PURE__ */ c(
           "div",
@@ -10617,9 +10617,9 @@ const _4 = Q((o, i) => {
             className: `snmt-select ${z ? "snmt-select-focused" : ""} 
                     ${a ? "" : "snmt-select-single"} 
                     ${H ? "snmt-select-read-only" : ""} 
-                    ${e1 === "static" ? "snmt-select-static" : ""} 
-                    ${K === "borderless" ? "snmt-select-borderless" : ""}`,
-            ref: h1,
+                    ${i1 === "static" ? "snmt-select-static" : ""} 
+                    ${Y === "borderless" ? "snmt-select-borderless" : ""}`,
+            ref: r1,
             style: { width: h },
             children: [
               /* @__PURE__ */ t(
@@ -10630,42 +10630,42 @@ const _4 = Q((o, i) => {
                   id: p,
                   ref: i,
                   showSearch: !!w,
-                  filterOption: w && g1,
-                  onDropdownVisibleChange: w1,
+                  filterOption: w && L1,
+                  onDropdownVisibleChange: g1,
                   disabled: n,
-                  value: _ || void 0,
+                  value: x || void 0,
                   labelRender: (g) => {
-                    const N = j(g.value);
-                    return n ? /* @__PURE__ */ t("span", { style: { color: r.GREY_DARK_1 }, children: N }) : N;
+                    const m = j(g.value);
+                    return n ? /* @__PURE__ */ t("span", { style: { color: r.GREY_DARK_1 }, children: m }) : m;
                   },
-                  mode: V4(a, B),
-                  variant: K,
+                  mode: V4(a, D),
+                  variant: Y,
                   onChange: $,
-                  onFocus: L1,
-                  onBlur: k1,
-                  onMouseEnter: () => n1(!0),
-                  onMouseLeave: () => n1(!1),
+                  onFocus: k1,
+                  onBlur: p1,
+                  onMouseEnter: () => C1(!0),
+                  onMouseLeave: () => C1(!1),
                   onSearch: (g) => {
-                    i1(!g), L && L(g);
+                    t1(!g), L && L(g);
                   },
-                  onSelect: () => i1(!0),
-                  onDeselect: () => i1(!0),
-                  tagRender: (g) => Y({ ...g, mode: a }),
-                  maxTagCount: e1 === "responsive" ? "responsive" : void 0,
-                  maxCount: a === "single" && B === "badge" ? 1 : void 0,
-                  maxTagPlaceholder: (g) => G(g, B),
-                  onPopupScroll: E,
-                  prefix: u && /* @__PURE__ */ t(H1, { size: "small" }),
+                  onSelect: () => t1(!0),
+                  onDeselect: () => t1(!0),
+                  tagRender: (g) => W({ ...g, mode: a }),
+                  maxTagCount: i1 === "responsive" ? "responsive" : void 0,
+                  maxCount: a === "single" && D === "badge" ? 1 : void 0,
+                  maxTagPlaceholder: (g) => K(g, D),
+                  onPopupScroll: G,
+                  prefix: v && /* @__PURE__ */ t(H1, { size: "small" }),
                   suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: a !== "filter" && /* @__PURE__ */ c(F, { children: [
-                    _ && !!_.length && Z && /* @__PURE__ */ t(
+                    x && !!x.length && _ && /* @__PURE__ */ t(
                       "div",
                       {
-                        onClick: p1,
+                        onClick: m1,
                         style: {
                           cursor: n ? "not-allowed" : "pointer"
                         },
                         children: /* @__PURE__ */ t(
-                          r1,
+                          c1,
                           {
                             name: "cancel",
                             color: n ? r.GREY_DARK_1 : r.GREY_DARK_2
@@ -10673,15 +10673,15 @@ const _4 = Q((o, i) => {
                         )
                       }
                     ),
-                    K === "borderless" && (S || z) && /* @__PURE__ */ t(
+                    Y === "borderless" && (S || z) && /* @__PURE__ */ t(
                       R4,
                       {
                         isActive: b,
                         onClick: () => P(!b)
                       }
                     ),
-                    K === "outlined" && /* @__PURE__ */ t(
-                      r1,
+                    Y === "outlined" && /* @__PURE__ */ t(
+                      c1,
                       {
                         name: "selectArrowIcon",
                         color: n ? r.GREY_DARK_1 : r.GREY_DARK_5,
@@ -10690,40 +10690,38 @@ const _4 = Q((o, i) => {
                       }
                     )
                   ] }) }),
-                  removeIcon: /* @__PURE__ */ t(r1, { name: "cancelCircle", color: r.GREY_DARK_1 }),
+                  removeIcon: /* @__PURE__ */ t(c1, { name: "cancelCircle", color: r.GREY_DARK_1 }),
                   options: d,
-                  optionRender: (g) => V ? V(g.data) : /* @__PURE__ */ c(c1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                    /* @__PURE__ */ c(c1, { alignItems: "center", gap: 12, children: [
-                      a && /* @__PURE__ */ t(
-                        m2,
-                        {
-                          checked: !!(_ != null && _.includes(g.value))
-                        }
-                      ),
-                      /* @__PURE__ */ c(c1, { alignItems: "center", gap: 8, children: [
-                        g.data.image !== void 0 && /* @__PURE__ */ t(
-                          w2,
-                          {
-                            src: g.data.image,
-                            variant: "xsmall",
-                            fallbackText: g.data.imageFallbackText ? g.data.imageFallbackText : ""
-                          }
-                        ),
-                        /* @__PURE__ */ t("span", { children: g.label })
-                      ] })
-                    ] }),
-                    !a && _ === g.value && /* @__PURE__ */ t(r1, { name: "check", color: r.BLUE_DARK_1 })
-                  ] }),
+                  optionRender: (g) => {
+                    const m = a === "single" && D === "badge", A = Array.isArray(x) ? !!(x != null && x.includes(g.value)) : x === g.value, o1 = m ? x : void 0, q = m ? ((o1 == null ? void 0 : o1.length) || 0) > 0 : !1;
+                    return V ? V(g.data) : /* @__PURE__ */ c(a1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                      /* @__PURE__ */ c(a1, { alignItems: "center", gap: 12, children: [
+                        a && a !== "single" || m ? /* @__PURE__ */ t(m2, { checked: A, disabled: m && q && !A }) : null,
+                        /* @__PURE__ */ c(a1, { alignItems: "center", gap: 8, children: [
+                          g.data.image !== void 0 && /* @__PURE__ */ t(
+                            w2,
+                            {
+                              src: g.data.image,
+                              variant: "xsmall",
+                              fallbackText: g.data.imageFallbackText ? g.data.imageFallbackText : ""
+                            }
+                          ),
+                          /* @__PURE__ */ t("span", { children: g.label })
+                        ] })
+                      ] }),
+                      !a && x === g.value && /* @__PURE__ */ t(c1, { name: "check", color: r.BLUE_DARK_1 })
+                    ] });
+                  },
                   dropdownRender: (g) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
                     /* @__PURE__ */ t("div", { className: "dropdown-menu", children: O ? O(g) : g }),
-                    u && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(H1, {}) })
+                    v && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(H1, {}) })
                   ] })
                 }
               ),
-              s && K !== "borderless" && /* @__PURE__ */ t(
+              s && Y !== "borderless" && /* @__PURE__ */ t(
                 "label",
                 {
-                  className: `${z || y ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${z ? "label-focused" : ""} ${u ? "label-loading" : ""} ${M ? "label-error" : ""}`,
+                  className: `${z || y ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${z ? "label-focused" : ""} ${v ? "label-loading" : ""} ${M ? "label-error" : ""}`,
                   children: C ? `${s}*` : s
                 }
               ),
@@ -10732,15 +10730,15 @@ const _4 = Q((o, i) => {
                 {
                   className: `${z ? "fieldset-focused" : ""} ${n ? "fieldset-disabled" : ""} ${y ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""} 
                         ${S ? "fieldset-hovered" : ""}`,
-                  children: /* @__PURE__ */ t("legend", { children: s && K !== "borderless" && /* @__PURE__ */ t("span", { children: C ? `${s}*` : s }) })
+                  children: /* @__PURE__ */ t("legend", { children: s && Y !== "borderless" && /* @__PURE__ */ t("span", { children: C ? `${s}*` : s }) })
                 }
               )
             ]
           }
         ),
-        M && /* @__PURE__ */ c(c1, { justifyContent: "flex-start", gap: 6, children: [
+        M && /* @__PURE__ */ c(a1, { justifyContent: "flex-start", gap: 6, children: [
           /* @__PURE__ */ t(
-            r1,
+            c1,
             {
               name: "attention",
               color: r.NOTIFICATION_ERROR_DARK,
@@ -10759,7 +10757,7 @@ function V4(o, i) {
 }
 function H4(o, i = 500) {
   const e = T();
-  return D(() => () => {
+  return B(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...s) => {
     const a = setTimeout(() => {
@@ -10770,13 +10768,13 @@ function H4(o, i = 500) {
 }
 function A1(o) {
   const i = T(o);
-  return D(() => {
+  return B(() => {
     i.current = o;
   }, [o]), i.current;
 }
-const f1 = 100, o1 = {
+const f1 = 100, l1 = {
   offset: 0
-}, K4 = Q((o, i) => {
+}, K4 = X((o, i) => {
   const {
     loadOptions: e,
     width: l,
@@ -10787,165 +10785,165 @@ const f1 = 100, o1 = {
     placeholder: h,
     mode: n,
     loadOnClosedState: C,
-    preloadOptions: Z,
+    preloadOptions: _,
     extraOptions: R,
     onDropdownVisibleChange: L,
-    optionRender: m,
+    optionRender: u,
     dropdownRender: k,
-    readOnly: v,
+    readOnly: f,
     clearable: p = !0,
-    required: A = !1,
+    required: E = !1,
     error: O,
     variant: V = "outlined"
-  } = o, [u, H] = x(), [M, B] = x(o1), [K, e1] = x(!1), [b, P] = x(), [z, d1] = x(!1), [S, n1] = x(
+  } = o, [v, H] = Z(), [M, D] = Z(l1), [Y, i1] = Z(!1), [b, P] = Z(), [z, w1] = Z(!1), [S, C1] = Z(
     R ?? []
-  ), C1 = A1(M.offset), i1 = A1(b), [_, U] = x(!1), h1 = T(!1), w1 = I(
+  ), h1 = A1(M.offset), t1 = A1(b), [x, U] = Z(!1), r1 = T(!1), g1 = I(
     async ({
-      limit: f = f1,
-      offset: E,
+      limit: N = f1,
+      offset: G,
       search: j
     }) => {
-      e1(!0);
+      i1(!0);
       try {
-        const G = await e({
-          limit: f,
-          offset: E,
+        const K = await e({
+          limit: N,
+          offset: G,
           search: j
         });
         H(
-          (Y) => E === 0 ? G.options : [...Y ?? [], ...G.options]
-        ), B((Y) => ({
-          ...Y,
-          count: G.count
+          (W) => G === 0 ? K.options : [...W ?? [], ...K.options]
+        ), D((W) => ({
+          ...W,
+          count: K.count
         }));
-      } catch (G) {
-        return console.error("AsyncSelect. fetchOptions error", G), [];
+      } catch (K) {
+        return console.error("AsyncSelect. fetchOptions error", K), [];
       } finally {
-        e1(!1);
+        i1(!1);
       }
     },
     [e]
-  ), g1 = H4((f) => {
-    P(f), f || B(o1);
-  }), L1 = I(
-    (f) => g1(f),
-    [g1]
-  ), k1 = I(
-    async (f) => {
-      K || f && M.count && M.count > ((u == null ? void 0 : u.length) ?? 0) && B((E) => ({
-        ...E,
-        offset: E.offset + f1
+  ), L1 = H4((N) => {
+    P(N), N || D(l1);
+  }), k1 = I(
+    (N) => L1(N),
+    [L1]
+  ), p1 = I(
+    async (N) => {
+      Y || N && M.count && M.count > ((v == null ? void 0 : v.length) ?? 0) && D((G) => ({
+        ...G,
+        offset: G.offset + f1
       }));
     },
-    [K, u == null ? void 0 : u.length, M.count]
+    [Y, v == null ? void 0 : v.length, M.count]
   ), $ = I(
-    (f) => {
-      d1(f), !f && b && (P(void 0), B(o1), U(!0)), L == null || L(f);
+    (N) => {
+      w1(N), !N && b && (P(void 0), D(l1), U(!0)), L == null || L(N);
     },
     [L, b]
   );
-  D(() => {
-    if (!h1.current || K) return;
-    (_ || z && (C1 !== M.offset || i1 !== b || !u)) && (w1({ offset: M.offset, limit: f1, search: b }), _ && U(!1));
-  }, [_, z, M.offset, b, C1, i1, u, K]), D(() => {
-    (C || Z) && w1(o1), h1.current = !0;
-  }, []), D(() => {
-    R && n1((f) => {
-      const E = R.filter(
-        (j) => !f.some((G) => G.value === j.value)
+  B(() => {
+    if (!r1.current || Y) return;
+    (x || z && (h1 !== M.offset || t1 !== b || !v)) && (g1({ offset: M.offset, limit: f1, search: b }), x && U(!1));
+  }, [x, z, M.offset, b, h1, t1, v, Y]), B(() => {
+    (C || _) && g1(l1), r1.current = !0;
+  }, []), B(() => {
+    R && C1((N) => {
+      const G = R.filter(
+        (j) => !N.some((K) => K.value === j.value)
       );
-      return [...f, ...E];
+      return [...N, ...G];
     });
   }, [R]);
-  const p1 = I(
-    (f) => {
-      s && s(f);
-      let E = [];
-      if (n ? E = Array.isArray(f) ? f : [] : E = f ? [f] : [], b) {
-        const j = E.filter(
-          (G) => !(S != null && S.some((Y) => Y.value === G))
+  const m1 = I(
+    (N) => {
+      s && s(N);
+      let G = [];
+      if (n ? G = Array.isArray(N) ? N : [] : G = N ? [N] : [], b) {
+        const j = G.filter(
+          (K) => !(S != null && S.some((W) => W.value === K))
         );
-        j.length > 0 && n1((G = []) => [
-          ...G,
-          ...j.map((Y) => {
-            const y = u == null ? void 0 : u.find((g) => g.value === Y);
+        j.length > 0 && C1((K = []) => [
+          ...K,
+          ...j.map((W) => {
+            const y = v == null ? void 0 : v.find((g) => g.value === W);
             return {
-              value: Y,
-              label: (y == null ? void 0 : y.label) ?? Y,
+              value: W,
+              label: (y == null ? void 0 : y.label) ?? W,
               imageFallbackText: (y == null ? void 0 : y.imageFallbackText) ?? "",
               image: (y == null ? void 0 : y.image) ?? void 0
             };
           })
-        ]), P(void 0), B(o1), U(!0);
+        ]), P(void 0), D(l1), U(!0);
       }
     },
-    [s, b, n, u, S]
-  ), q = R1(
+    [s, b, n, v, S]
+  ), J = R1(
     () => ({
       id: a,
       width: l,
-      onChange: p1,
+      onChange: m1,
       ref: i,
       placeholder: h,
       search: !0,
-      onSearchChange: L1,
+      onSearchChange: k1,
       onDropdownVisibleChange: $,
       scrollThresholdValue: d,
-      onScrollToEnd: k1,
+      onScrollToEnd: p1,
       disabled: w,
-      isLoading: K,
-      optionRender: m,
+      isLoading: Y,
+      optionRender: u,
       dropdownRender: k,
-      readOnly: v,
+      readOnly: f,
       clearable: p,
-      required: A,
+      required: E,
       error: O,
       variant: V
     }),
     [
       a,
       l,
-      p1,
+      m1,
       i,
       h,
-      L1,
+      k1,
       $,
       d,
-      k1,
+      p1,
       w,
-      K,
-      m,
+      Y,
+      u,
       k,
-      v,
+      f,
       p,
-      A,
+      E,
       O,
       V
     ]
   );
-  l1(i, () => ({
+  s1(i, () => ({
     refetchOptions: async () => {
-      B(o1), P(void 0), U(!0);
+      D(l1), P(void 0), U(!0);
     }
   }));
-  const m1 = R1(() => {
-    const f = n && n !== "single", E = o.selectedItemVariant === "badge", j = E ? u || [] : u || [], G = S, Y = o, g = f ? {
+  const u1 = R1(() => {
+    const N = n && n !== "single", G = o.selectedItemVariant === "badge", j = G ? v || [] : v || [], K = S, W = o, g = N ? {
       mode: n,
-      overflowBehaviour: Y.overflowBehaviour,
-      value: Y.value
+      overflowBehaviour: W.overflowBehaviour,
+      value: W.value
     } : {
       mode: n,
       value: o.value
     };
     return {
-      ...q,
+      ...J,
       ...g,
       selectedItemVariant: o.selectedItemVariant,
       options: j,
-      extraOptions: G
+      extraOptions: K
     };
-  }, [n, o, q, S, u]);
-  return /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(_4, { ...m1 }) });
+  }, [n, o, J, S, v]);
+  return /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(_4, { ...u1 }) });
 });
 export {
   K4 as AsyncSelect