@snmt-react-ui/async-select 1.12.0 → 1.12.2

package/dist/async-select.js

@@ -1,7 +1,7 @@
 import "./index.css";
 import { jsx as o, Fragment as J, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as t1, useState as Z, useRef as P, useEffect as K, useCallback as F, useContext as r1, createContext as Q, useImperativeHandle as a1, useMemo as G1 } from "react";
-import { Select as z1, Tag as A1, Flex as J1, Checkbox as q1, Avatar as Q1, Typography as p1, Popover as X1 } from "antd";
+import { Select as z1, Tag as A1, Flex as J1, Checkbox as q1, Avatar as Q1, Typography as m1, Popover as X1 } from "antd";
 var e2 = Object.defineProperty, l2 = (i, l, e) => l in i ? e2(i, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[l] = e, i2 = (i, l, e) => l2(i, l + "", e), o2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function t2() {
   if (console && console.warn) {
@@ -85,7 +85,7 @@ let d2 = {
 const w2 = () => d2;
 let g2;
 const L2 = () => g2, k2 = Q();
-class p2 {
+class m2 {
   constructor() {
     i2(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
@@ -95,7 +95,7 @@ class p2 {
     });
   }
 }
-const m2 = (i, l) => {
+const p2 = (i, l) => {
   const e = P();
   return K(() => {
     e.current = i;
@@ -108,7 +108,7 @@ const m2 = (i, l) => {
     i18n: t,
     defaultNS: r
   } = r1(k2) || {}, a = e || t || L2();
-  if (a && !a.reportNamespaces && (a.reportNamespaces = new p2()), !a) {
+  if (a && !a.reportNamespaces && (a.reportNamespaces = new m2()), !a) {
     Z1("You will need to pass in an i18next instance by using initReactI18next");
     const G = (I, H) => o1(H) ? H : s2(H) && o1(H.defaultValue) ? H.defaultValue : Array.isArray(I) ? I[I.length - 1] : I, _ = [G, {}, !1];
     return _.t = G, _.i18n = {}, _.ready = !1, _;
@@ -124,22 +124,22 @@ const m2 = (i, l) => {
   } = d;
   let n = i;
   n = o1(n) ? [n] : n || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(n);
-  const s = (a.isInitialized || a.initializedStoreOnce) && n.every((G) => n2(G, a, d)), V = v2(a, l.lng || null, d.nsMode === "fallback" ? n : n[0], h), x = () => V, m = () => b1(a, l.lng || null, d.nsMode === "fallback" ? n : n[0], h), [N, v] = Z(x);
+  const s = (a.isInitialized || a.initializedStoreOnce) && n.every((G) => n2(G, a, d)), V = v2(a, l.lng || null, d.nsMode === "fallback" ? n : n[0], h), x = () => V, p = () => b1(a, l.lng || null, d.nsMode === "fallback" ? n : n[0], h), [N, v] = Z(x);
   let f = n.join();
   l.lng && (f = `${l.lng}${f}`);
-  const u = m2(f), D = P(!0);
+  const u = p2(f), D = P(!0);
   K(() => {
     const {
       bindI18n: G,
       bindI18nStore: _
     } = d;
     D.current = !0, !s && !c && (l.lng ? T1(a, l.lng, n, () => {
-      D.current && v(m);
+      D.current && v(p);
     }) : D1(a, n, () => {
-      D.current && v(m);
-    })), s && u && u !== f && D.current && v(m);
+      D.current && v(p);
+    })), s && u && u !== f && D.current && v(p);
     const I = () => {
-      D.current && v(m);
+      D.current && v(p);
     };
     return G && a && a.on(G, I), _ && a && a.store.on(_, I), () => {
       D.current = !1, G && a && G.split(" ").forEach((H) => a.off(H, I)), _ && a && _.split(" ").forEach((H) => a.store.off(H, I));
@@ -174,7 +174,7 @@ const m2 = (i, l) => {
     style: { padding: c },
     children: i
   }
-), { Title: N2, Text: _2 } = p1, f2 = {
+), { Title: N2, Text: _2 } = m1, f2 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -207,10 +207,10 @@ const m2 = (i, l) => {
       };
     }, [c]);
     const x = l === "h1" || l === "h2" || l === "h3" || l === "h4";
-    let m = `snmt-typography snmt-typography-${l}`;
-    i && i !== "inherit" && (m += ` snmt-typography-align-${i}`), a && (m += " collapsed");
+    let p = `snmt-typography snmt-typography-${l}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed");
     const N = {
-      className: m,
+      className: p,
       style: { color: e, whiteSpace: c ? "nowrap" : d, display: c ? "block" : "" },
       onClick: r,
       ref: n,
@@ -280,7 +280,7 @@ const E1 = Q({
   theme: "light"
 });
 E1.Provider;
-const { Title: H2, Text: x2 } = p1, Z2 = {
+const { Title: H2, Text: x2 } = m1, Z2 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -313,10 +313,10 @@ const { Title: H2, Text: x2 } = p1, Z2 = {
       };
     }, [c]);
     const x = l === "h1" || l === "h2" || l === "h3" || l === "h4";
-    let m = `snmt-typography snmt-typography-${l}`;
-    i && i !== "inherit" && (m += ` snmt-typography-align-${i}`), a && (m += " collapsed");
+    let p = `snmt-typography snmt-typography-${l}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed");
     const N = {
-      className: m,
+      className: p,
       style: { color: e, whiteSpace: c ? "nowrap" : d, display: c ? "block" : "" },
       onClick: r,
       ref: n,
@@ -1725,7 +1725,7 @@ const E2 = ({
       )
     ]
   }
-), p5 = ({
+), m5 = ({
   className: i,
   color: l = g.GREY_DARK_5,
   height: e = 24,
@@ -1752,7 +1752,7 @@ const E2 = ({
       }
     )
   }
-), m5 = ({
+), p5 = ({
   className: i,
   color: l = g.GREY_DARK_5,
   height: e = 24,
@@ -2750,13 +2750,13 @@ const E2 = ({
       case "link":
         return L5({ width: l, height: e, color: h, className: s, onClick: n });
       case "telegram":
-        return p5({ width: l, height: e, color: h, className: s, onClick: n });
+        return m5({ width: l, height: e, color: h, className: s, onClick: n });
       case "mail":
         return v5({ width: l, height: e, color: h, className: s, onClick: n });
       case "github":
         return k5({ width: l, height: e, color: h, className: s, onClick: n });
       case "linkedIn":
-        return m5({ width: l, height: e, color: h, className: s, onClick: n });
+        return p5({ width: l, height: e, color: h, className: s, onClick: n });
       case "emptyStateIcon":
         return u5({ width: l, height: e, color: h, className: s, onClick: n });
       case "filtersIcon":
@@ -2803,7 +2803,7 @@ const E2 = ({
         return /* @__PURE__ */ o(J, { children: "No Icon provided" });
     }
   })() });
-}, { Title: O5, Text: W5 } = p1, j5 = {
+}, { Title: O5, Text: W5 } = m1, j5 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -2836,10 +2836,10 @@ const E2 = ({
       };
     }, [c]);
     const x = l === "h1" || l === "h2" || l === "h3" || l === "h4";
-    let m = `snmt-typography snmt-typography-${l}`;
-    i && i !== "inherit" && (m += ` snmt-typography-align-${i}`), a && (m += " collapsed");
+    let p = `snmt-typography snmt-typography-${l}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed");
     const N = {
-      className: m,
+      className: p,
       style: { color: e, whiteSpace: c ? "nowrap" : d, display: c ? "block" : "" },
       onClick: r,
       ref: n,
@@ -3789,7 +3789,7 @@ const F5 = ({
       )
     ]
   }
-), p7 = ({
+), m7 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -3819,7 +3819,7 @@ const F5 = ({
       /* @__PURE__ */ o("circle", { cx: "10", cy: "10", r: "2.375", stroke: e, strokeWidth: "1.25" })
     ]
   }
-), m7 = ({
+), p7 = ({
   width: i = 20,
   height: l = 20,
   color: e = "#070739",
@@ -5180,7 +5180,7 @@ const F5 = ({
       case "cancelCircle":
         return k7({ width: l, height: e, color: h, className: s, onClick: n });
       case "visibilityIcon":
-        return p7({
+        return m7({
           width: l,
           height: e,
           color: h,
@@ -5188,7 +5188,7 @@ const F5 = ({
           onClick: n
         });
       case "visibilityOffIcon":
-        return m7({
+        return p7({
           width: l,
           height: e,
           color: h,
@@ -5338,7 +5338,7 @@ const j1 = ({
       ) : i
     }
   );
-}, { Title: o0, Text: t0 } = p1, r0 = {
+}, { Title: o0, Text: t0 } = m1, r0 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5371,10 +5371,10 @@ const j1 = ({
       };
     }, [c]);
     const x = l === "h1" || l === "h2" || l === "h3" || l === "h4";
-    let m = `snmt-typography snmt-typography-${l}`;
-    i && i !== "inherit" && (m += ` snmt-typography-align-${i}`), a && (m += " collapsed");
+    let p = `snmt-typography snmt-typography-${l}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed");
     const N = {
-      className: m,
+      className: p,
       style: { color: e, whiteSpace: c ? "nowrap" : d, display: c ? "block" : "" },
       onClick: r,
       ref: n,
@@ -5412,7 +5412,7 @@ const j1 = ({
       children: /* @__PURE__ */ o("div", { className: "wrapper", children: i })
     }
   );
-}, { Title: h0, Text: C0 } = p1, a0 = {
+}, { Title: h0, Text: C0 } = m1, a0 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5445,10 +5445,10 @@ const j1 = ({
       };
     }, [c]);
     const x = l === "h1" || l === "h2" || l === "h3" || l === "h4";
-    let m = `snmt-typography snmt-typography-${l}`;
-    i && i !== "inherit" && (m += ` snmt-typography-align-${i}`), a && (m += " collapsed");
+    let p = `snmt-typography snmt-typography-${l}`;
+    i && i !== "inherit" && (p += ` snmt-typography-align-${i}`), a && (p += " collapsed");
     const N = {
-      className: m,
+      className: p,
       style: { color: e, whiteSpace: c ? "nowrap" : d, display: c ? "block" : "" },
       onClick: r,
       ref: n,
@@ -5627,7 +5627,7 @@ const d0 = ({
       }
     )
   }
-), p0 = ({
+), m0 = ({
   width: i = 20,
   height: l = 20,
   color: e = k.GREY_DARK_5,
@@ -5654,7 +5654,7 @@ const d0 = ({
       /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_1_2039", children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), m0 = ({
+), p0 = ({
   width: i = 20,
   height: l = 20,
   color: e = k.GREY_DARK_5,
@@ -7562,7 +7562,7 @@ const d0 = ({
       }
     )
   }
-), p9 = ({
+), m9 = ({
   width: i = 24,
   height: l = 24,
   color: e = "#131314",
@@ -7595,7 +7595,7 @@ const d0 = ({
       )
     ]
   }
-), m9 = ({
+), p9 = ({
   width: i = 20,
   height: l = 20,
   color: e = k.GREY_DARK_5,
@@ -7849,9 +7849,9 @@ const d0 = ({
       case "arrow2Right":
         return k0({ width: l, height: e, color: h, className: s, onClick: n });
       case "arrow2Down":
-        return p0({ width: l, height: e, color: h, className: s, onClick: n });
-      case "arrow2Left":
         return m0({ width: l, height: e, color: h, className: s, onClick: n });
+      case "arrow2Left":
+        return p0({ width: l, height: e, color: h, className: s, onClick: n });
       case "link":
         return J0({ width: l, height: e, color: h, className: s, onClick: n });
       case "telegram":
@@ -7895,9 +7895,9 @@ const d0 = ({
       case "projects":
         return k9({ width: l, height: e, color: h, className: s, onClick: n });
       case "user":
-        return m9({ width: l, height: e, color: h, className: s, onClick: n });
-      case "exit":
         return p9({ width: l, height: e, color: h, className: s, onClick: n });
+      case "exit":
+        return m9({ width: l, height: e, color: h, className: s, onClick: n });
       case "openPointCircle":
         return v9({ width: l, height: e, color: h, className: s, onClick: n });
       case "community":
@@ -8010,18 +8010,18 @@ const M9 = ({
     i.length || V(!1);
   }, [i]), !i.length)
     return null;
-  const x = (m) => {
+  const x = (p) => {
     var N, v;
-    return ((N = a == null ? void 0 : a.find((u) => u.value === m)) == null ? void 0 : N.label) || ((v = d == null ? void 0 : d.find((u) => u.value === m)) == null ? void 0 : v.label) || m;
+    return ((N = a == null ? void 0 : a.find((u) => u.value === p)) == null ? void 0 : N.label) || ((v = d == null ? void 0 : d.find((u) => u.value === p)) == null ? void 0 : v.label) || p;
   };
   return /* @__PURE__ */ C(
     s0,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ o("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ o(L1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: m }) => {
+        /* @__PURE__ */ o("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ o(L1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: p }) => {
           const N = c === "badge" && a.find(
-            (v) => v.label === x(m)
+            (v) => v.label === x(p)
           );
           return c === "badge" ? /* @__PURE__ */ o(
             S1,
@@ -8029,18 +8029,18 @@ const M9 = ({
               variant: "regular",
               size: "small",
               color: N ? N.color : void 0,
-              text: x(m)
+              text: x(p)
             },
-            m
+            p
           ) : /* @__PURE__ */ o(
             j1,
             {
-              onClose: () => l(m),
+              onClose: () => l(p),
               closable: t,
               disabled: r,
-              children: x(m)
+              children: x(p)
             },
-            m
+            p
           );
         }) }) })
       ),
@@ -8067,7 +8067,7 @@ const M9 = ({
   };
   return /* @__PURE__ */ o("span", { className: "snmt-loader", style: r });
 };
-var p = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(p || {});
+var m = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_0_5 = "var(--blue-light-0-5)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(m || {});
 const P1 = Q({
   locale: "en",
   theme: "light"
@@ -8103,7 +8103,7 @@ const x9 = ({
 ), Z9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8178,7 +8178,7 @@ const x9 = ({
 ), A9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8205,7 +8205,7 @@ const x9 = ({
 ), E9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -8229,7 +8229,7 @@ const x9 = ({
 ), G9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8256,7 +8256,7 @@ const x9 = ({
 ), I9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -8280,7 +8280,7 @@ const x9 = ({
 ), D9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8327,7 +8327,7 @@ const x9 = ({
 ), T9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -8351,7 +8351,7 @@ const x9 = ({
 ), K9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -8375,7 +8375,7 @@ const x9 = ({
 ), Y9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -8399,7 +8399,7 @@ const x9 = ({
 ), B9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8460,7 +8460,7 @@ const x9 = ({
 ), y9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8507,7 +8507,7 @@ const x9 = ({
 ), b9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8547,7 +8547,7 @@ const x9 = ({
 ), O9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8587,7 +8587,7 @@ const x9 = ({
 ), W9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8634,7 +8634,7 @@ const x9 = ({
 ), j9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8681,7 +8681,7 @@ const x9 = ({
 ), U9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8728,7 +8728,7 @@ const x9 = ({
 ), F9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8768,7 +8768,7 @@ const x9 = ({
 ), S9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8801,7 +8801,7 @@ const x9 = ({
 ), P9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8834,7 +8834,7 @@ const x9 = ({
 ), $9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8867,7 +8867,7 @@ const x9 = ({
 ), z9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8900,7 +8900,7 @@ const x9 = ({
 ), J9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8940,7 +8940,7 @@ const x9 = ({
 ), q9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -8973,7 +8973,7 @@ const x9 = ({
 ), Q9 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -9223,7 +9223,7 @@ const x9 = ({
   }
 ), n4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -9256,7 +9256,7 @@ const x9 = ({
   }
 ), s4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -9283,7 +9283,7 @@ const x9 = ({
   }
 ), h4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -9310,7 +9310,7 @@ const x9 = ({
   }
 ), C4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: r
@@ -9334,7 +9334,7 @@ const x9 = ({
   }
 ), a4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 5,
   width: t = 10,
   onClick: r
@@ -9359,7 +9359,7 @@ const x9 = ({
   }
 ), c4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -9392,7 +9392,7 @@ const x9 = ({
   }
 ), d4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9431,7 +9431,7 @@ const x9 = ({
   }
 ), w4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9458,7 +9458,7 @@ const x9 = ({
   }
 ), g4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9517,7 +9517,7 @@ const x9 = ({
   }
 ), L4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9554,7 +9554,7 @@ const x9 = ({
   }
 ), k4 = ({
   className: i,
-  color: l = p.GREY_DARK_3,
+  color: l = m.GREY_DARK_3,
   height: e = 14,
   width: t = 14,
   onClick: r
@@ -9589,9 +9589,9 @@ const x9 = ({
       )
     ]
   }
-), p4 = ({
+), m4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 18,
   onClick: t,
   width: r = 18
@@ -9616,9 +9616,9 @@ const x9 = ({
       }
     )
   }
-), m4 = ({
+), p4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9670,7 +9670,7 @@ const x9 = ({
   }
 ), v4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9707,7 +9707,7 @@ const x9 = ({
   }
 ), u4 = ({
   className: i,
-  color: l = p.NOTIFICATION_WARNING_DARK,
+  color: l = m.NOTIFICATION_WARNING_DARK,
   height: e = 37,
   width: t = 36,
   onClick: r
@@ -9746,7 +9746,7 @@ const x9 = ({
   }
 ), N4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9772,7 +9772,7 @@ const x9 = ({
   }
 ), _4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9811,7 +9811,7 @@ const x9 = ({
   }
 ), f4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -9844,7 +9844,7 @@ const x9 = ({
   }
 ), R4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9913,7 +9913,7 @@ const x9 = ({
   }
 ), M4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -9970,7 +9970,7 @@ const x9 = ({
   }
 ), H4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -10019,7 +10019,7 @@ const x9 = ({
   }
 ), x4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 24,
   width: t = 24,
   onClick: r
@@ -10046,7 +10046,7 @@ const x9 = ({
   }
 ), Z4 = ({
   className: i,
-  color: l = p.GREY_DARK_5,
+  color: l = m.GREY_DARK_5,
   height: e = 20,
   width: t = 20,
   onClick: r
@@ -10061,7 +10061,7 @@ const x9 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: p.GREY_LIGHT_2 }),
+      /* @__PURE__ */ o("rect", { width: "20", height: "20", rx: "4", fill: m.GREY_LIGHT_2 }),
       /* @__PURE__ */ o(
         "path",
         {
@@ -10140,7 +10140,7 @@ const x9 = ({
 ), E4 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -10197,7 +10197,7 @@ const x9 = ({
 ), I4 = ({
   width: i = 20,
   height: l = 20,
-  color: e = p.GREY_DARK_5,
+  color: e = m.GREY_DARK_5,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -10230,7 +10230,7 @@ const x9 = ({
 ), D4 = ({
   width: i = 24,
   height: l = 24,
-  color: e = p.GREY_DARK_2,
+  color: e = m.GREY_DARK_2,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ C(
@@ -10270,7 +10270,7 @@ const x9 = ({
 ), T4 = ({
   width: i = 24,
   height: l = 24,
-  color: e = p.GREY_DARK_2,
+  color: e = m.GREY_DARK_2,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -10297,7 +10297,7 @@ const x9 = ({
 ), K4 = ({
   width: i = 24,
   height: l = 24,
-  color: e = p.GREY_DARK_2,
+  color: e = m.GREY_DARK_2,
   className: t,
   onClick: r
 }) => /* @__PURE__ */ o(
@@ -10330,7 +10330,7 @@ const x9 = ({
   disabled: a = !1,
   onClick: d
 }) => {
-  const { theme: c } = r1(P1), h = a ? c && c === "dark" ? p.GREY_LIGHT_4 : p.GREY_DARK_1 : t, n = a ? void 0 : d, s = d && !a ? `${r || ""} clickable` : r;
+  const { theme: c } = r1(P1), h = a ? c && c === "dark" ? m.GREY_LIGHT_4 : m.GREY_DARK_1 : t, n = a ? void 0 : d, s = d && !a ? `${r || ""} clickable` : r;
   return /* @__PURE__ */ o(J, { children: (() => {
     switch (i) {
       case "nextIcon":
@@ -10464,9 +10464,9 @@ const x9 = ({
       case "emptyStateIcon":
         return k4({ width: l, height: e, color: h, className: s, onClick: n });
       case "filtersIcon":
-        return p4({ width: l, height: e, color: h, className: s, onClick: n });
-      case "dotMenuIcon":
         return m4({ width: l, height: e, color: h, className: s, onClick: n });
+      case "dotMenuIcon":
+        return p4({ width: l, height: e, color: h, className: s, onClick: n });
       case "plusCircle":
         return v4({ width: l, height: e, color: h, className: s, onClick: n });
       case "warning":
@@ -10551,7 +10551,7 @@ const O4 = t1((i, l) => {
     required: s = !1,
     clearable: V = !0,
     scrollThresholdValue: x = 50,
-    onSearchChange: m,
+    onSearchChange: p,
     onDropdownVisibleChange: N,
     onScrollToEnd: v,
     onPopupScroll: f,
@@ -10563,28 +10563,28 @@ const O4 = t1((i, l) => {
     readOnly: I,
     error: H,
     selectedItemVariant: Y = "default",
-    variant: W = "outlined"
+    variant: b = "outlined"
   } = i;
   let n1;
   a && a !== "single" && (n1 = i.overflowBehaviour ?? "responsive");
-  const [j, X] = Z(!1), [e1, m1] = Z(!1), [z, c1] = Z(!1), [d1, s1] = Z(!0), [E, l1] = Z(e), w1 = P(null);
+  const [j, X] = Z(!1), [e1, p1] = Z(!1), [z, c1] = Z(!1), [d1, s1] = Z(!0), [E, l1] = Z(e), w1 = P(null);
   K(() => {
     l1(e);
   }, [e]);
   const v1 = (w) => {
     X(w), N && N(w);
   }, u1 = (w, M) => {
-    var O;
-    return !!((O = M == null ? void 0 : M.label) != null && O.toString().toLowerCase().includes(w.toLowerCase()));
+    var W;
+    return !!((W = M == null ? void 0 : M.label) != null && W.toString().toLowerCase().includes(w.toLowerCase()));
   }, N1 = () => {
-    m1(!0);
+    p1(!0);
   }, _1 = () => {
-    m1(!1);
+    p1(!1);
   }, q = F(
     (w) => {
       if (l1(w), a && a !== "single") {
-        const O = w;
-        t == null || t(O);
+        const W = w;
+        t == null || t(W);
         return;
       }
       let M = null;
@@ -10601,7 +10601,7 @@ const O4 = t1((i, l) => {
     }
   }, [n, q, a, I]), i1 = F(
     (w) => {
-      const M = E.filter((O) => O !== w);
+      const M = E.filter((W) => W !== w);
       q(M), l1(M);
     },
     [q, E]
@@ -10619,19 +10619,19 @@ const O4 = t1((i, l) => {
     M.scrollTop + M.offsetHeight >= M.scrollHeight - x && (v == null || v(!0)), f && await f(w);
   }, S = F(
     (w) => {
-      var M, O;
-      return ((M = c.find((h1) => h1.value === w)) == null ? void 0 : M.label) || ((O = D == null ? void 0 : D.find((h1) => h1.value === w)) == null ? void 0 : O.label) || w;
+      var M, W;
+      return ((M = c.find((h1) => h1.value === w)) == null ? void 0 : M.label) || ((W = D == null ? void 0 : D.find((h1) => h1.value === w)) == null ? void 0 : W.label) || w;
     },
     [D, c]
   ), B = F(
     (w, M = "default") => {
-      var O;
+      var W;
       return /* @__PURE__ */ o(
         M9,
         {
           values: w,
           onTagClose: i1,
-          maxWidth: ((O = w1.current) == null ? void 0 : O.clientWidth) || 0,
+          maxWidth: ((W = w1.current) == null ? void 0 : W.clientWidth) || 0,
           disabled: n,
           closable: !I,
           options: c,
@@ -10641,9 +10641,9 @@ const O4 = t1((i, l) => {
       );
     },
     [n, D, i1, c, I]
-  ), b = F(
-    ({ label: w, value: M, mode: O }) => {
-      if (O === "filter")
+  ), O = F(
+    ({ label: w, value: M, mode: W }) => {
+      if (W === "filter")
         return R1(M);
       {
         const H1 = Y === "badge" && c.find(($1) => $1.label === w), h1 = typeof w == "object" ? w : S(M);
@@ -10660,147 +10660,153 @@ const O4 = t1((i, l) => {
     },
     [n, S, i1, R1, Y, c]
   ), U = 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 ${e1 ? "snmt-select-focused" : ""} 
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: `snmt-select-container ${b === "borderless" ? "snmt-select-container-borderless" : ""}`,
+      children: [
+        /* @__PURE__ */ C(
+          "div",
+          {
+            className: `snmt-select ${e1 ? "snmt-select-focused" : ""} 
                     ${a ? "" : "snmt-select-single"} 
                     ${I ? "snmt-select-read-only" : ""} 
                     ${n1 === "static" ? "snmt-select-static" : ""} 
-                    ${W === "borderless" ? "snmt-select-borderless" : ""}`,
-        ref: w1,
-        style: { width: h },
-        children: [
-          /* @__PURE__ */ o(
-            z1,
-            {
-              className: "snmt-select-blank",
-              popupClassName: I ? "dropdown-read-only" : "",
-              id: u,
-              ref: l,
-              showSearch: !!d,
-              filterOption: d && u1,
-              onDropdownVisibleChange: v1,
-              disabled: n,
-              value: E || void 0,
-              labelRender: (w) => {
-                const M = S(w.value);
-                return n ? /* @__PURE__ */ o("span", { style: { color: y.GREY_DARK_1 }, children: M }) : M;
-              },
-              mode: W4(a, Y),
-              variant: W,
-              onChange: q,
-              onFocus: N1,
-              onBlur: _1,
-              onMouseEnter: () => c1(!0),
-              onMouseLeave: () => c1(!1),
-              onSearch: (w) => {
-                s1(!w), m && m(w);
-              },
-              onSelect: () => s1(!0),
-              onDeselect: () => s1(!0),
-              tagRender: (w) => b({ ...w, mode: a }),
-              maxTagCount: n1 === "responsive" ? "responsive" : void 0,
-              maxCount: a === "single" && Y === "badge" ? 1 : void 0,
-              maxTagPlaceholder: (w) => B(w, Y),
-              onPopupScroll: T,
-              prefix: _ && /* @__PURE__ */ o(Y1, { size: "small" }),
-              suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: a !== "filter" && /* @__PURE__ */ C(J, { children: [
-                E && !!E.length && V && /* @__PURE__ */ o(
-                  "div",
-                  {
-                    onClick: f1,
-                    style: {
-                      cursor: n ? "not-allowed" : "pointer"
-                    },
-                    children: /* @__PURE__ */ o(
-                      g1,
+                    ${b === "borderless" ? "snmt-select-borderless" : ""}`,
+            ref: w1,
+            style: { width: h },
+            children: [
+              /* @__PURE__ */ o(
+                z1,
+                {
+                  className: "snmt-select-blank",
+                  popupClassName: I ? "dropdown-read-only" : "",
+                  id: u,
+                  ref: l,
+                  showSearch: !!d,
+                  filterOption: d && u1,
+                  onDropdownVisibleChange: v1,
+                  disabled: n,
+                  value: E || void 0,
+                  labelRender: (w) => {
+                    const M = S(w.value);
+                    return n ? /* @__PURE__ */ o("span", { style: { color: y.GREY_DARK_1 }, children: M }) : M;
+                  },
+                  mode: W4(a, Y),
+                  variant: b,
+                  onChange: q,
+                  onFocus: N1,
+                  onBlur: _1,
+                  onMouseEnter: () => c1(!0),
+                  onMouseLeave: () => c1(!1),
+                  onSearch: (w) => {
+                    s1(!w), p && p(w);
+                  },
+                  onSelect: () => s1(!0),
+                  onDeselect: () => s1(!0),
+                  tagRender: (w) => O({ ...w, mode: a }),
+                  maxTagCount: n1 === "responsive" ? "responsive" : void 0,
+                  maxCount: a === "single" && Y === "badge" ? 1 : void 0,
+                  maxTagPlaceholder: (w) => B(w, Y),
+                  onPopupScroll: T,
+                  prefix: _ && /* @__PURE__ */ o(Y1, { size: "small" }),
+                  suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: a !== "filter" && /* @__PURE__ */ C(J, { children: [
+                    E && !!E.length && V && /* @__PURE__ */ o(
+                      "div",
                       {
-                        name: "cancel",
-                        color: n ? y.GREY_DARK_1 : y.GREY_DARK_2
+                        onClick: f1,
+                        style: {
+                          cursor: n ? "not-allowed" : "pointer"
+                        },
+                        children: /* @__PURE__ */ o(
+                          g1,
+                          {
+                            name: "cancel",
+                            color: n ? y.GREY_DARK_1 : y.GREY_DARK_2
+                          }
+                        )
                       }
-                    )
-                  }
-                ),
-                W === "borderless" && (z || e1) && /* @__PURE__ */ o(
-                  B4,
-                  {
-                    isActive: j,
-                    onClick: () => X(!j)
-                  }
-                ),
-                W === "outlined" && /* @__PURE__ */ o(
-                  g1,
-                  {
-                    name: "selectArrowIcon",
-                    color: n ? y.GREY_DARK_1 : y.GREY_DARK_5,
-                    className: j ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => X(!j)
-                  }
-                )
-              ] }) }),
-              removeIcon: /* @__PURE__ */ o(g1, { name: "cancelCircle", color: y.GREY_DARK_1 }),
-              options: c,
-              optionRender: (w) => G ? G(w.data) : /* @__PURE__ */ C(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ C(L1, { alignItems: "center", gap: 12, children: [
-                  a && /* @__PURE__ */ o(
-                    A2,
-                    {
-                      checked: !!(E != null && E.includes(w.value))
-                    }
-                  ),
-                  /* @__PURE__ */ C(L1, { alignItems: "center", gap: 8, children: [
-                    w.data.image !== void 0 && /* @__PURE__ */ o(
-                      M2,
+                    ),
+                    b === "borderless" && (z || e1) && /* @__PURE__ */ o(
+                      B4,
                       {
-                        src: w.data.image,
-                        variant: "xsmall",
-                        fallbackText: w.data.imageFallbackText ? w.data.imageFallbackText : ""
+                        isActive: j,
+                        onClick: () => X(!j)
                       }
                     ),
-                    /* @__PURE__ */ o("span", { children: w.label })
+                    b === "outlined" && /* @__PURE__ */ o(
+                      g1,
+                      {
+                        name: "selectArrowIcon",
+                        color: n ? y.GREY_DARK_1 : y.GREY_DARK_5,
+                        className: j ? "select-arrow-rotated" : "select-arrow",
+                        onClick: () => X(!j)
+                      }
+                    )
+                  ] }) }),
+                  removeIcon: /* @__PURE__ */ o(g1, { name: "cancelCircle", color: y.GREY_DARK_1 }),
+                  options: c,
+                  optionRender: (w) => G ? G(w.data) : /* @__PURE__ */ C(L1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                    /* @__PURE__ */ C(L1, { alignItems: "center", gap: 12, children: [
+                      a && /* @__PURE__ */ o(
+                        A2,
+                        {
+                          checked: !!(E != null && E.includes(w.value))
+                        }
+                      ),
+                      /* @__PURE__ */ C(L1, { alignItems: "center", gap: 8, children: [
+                        w.data.image !== void 0 && /* @__PURE__ */ o(
+                          M2,
+                          {
+                            src: w.data.image,
+                            variant: "xsmall",
+                            fallbackText: w.data.imageFallbackText ? w.data.imageFallbackText : ""
+                          }
+                        ),
+                        /* @__PURE__ */ o("span", { children: w.label })
+                      ] })
+                    ] }),
+                    !a && E === w.value && /* @__PURE__ */ o(g1, { name: "check", color: y.BLUE_DARK_1 })
+                  ] }),
+                  dropdownRender: (w) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
+                    /* @__PURE__ */ o("div", { className: "dropdown-menu", children: $ ? $(w) : w }),
+                    _ && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(Y1, {}) })
                   ] })
-                ] }),
-                !a && E === w.value && /* @__PURE__ */ o(g1, { name: "check", color: y.BLUE_DARK_1 })
-              ] }),
-              dropdownRender: (w) => /* @__PURE__ */ C("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ o("div", { className: "dropdown-menu", children: $ ? $(w) : w }),
-                _ && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(Y1, {}) })
-              ] })
-            }
-          ),
-          r && W !== "borderless" && /* @__PURE__ */ o(
-            "label",
-            {
-              className: `${e1 || U ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${e1 ? "label-focused" : ""} ${_ ? "label-loading" : ""} ${H ? "label-error" : ""}`,
-              children: s ? `${r}*` : r
-            }
-          ),
+                }
+              ),
+              r && b !== "borderless" && /* @__PURE__ */ o(
+                "label",
+                {
+                  className: `${e1 || U ? "label-floating" : ""} ${n ? "label-disabled" : ""} ${e1 ? "label-focused" : ""} ${_ ? "label-loading" : ""} ${H ? "label-error" : ""}`,
+                  children: s ? `${r}*` : r
+                }
+              ),
+              /* @__PURE__ */ o(
+                "fieldset",
+                {
+                  className: `${e1 ? "fieldset-focused" : ""} ${n ? "fieldset-disabled" : ""} ${U ? "fieldset-filled" : ""} ${H ? "fieldset-error" : ""} 
+                        ${z ? "fieldset-hovered" : ""}`,
+                  children: /* @__PURE__ */ o("legend", { children: r && b !== "borderless" && /* @__PURE__ */ o("span", { children: s ? `${r}*` : r }) })
+                }
+              )
+            ]
+          }
+        ),
+        H && /* @__PURE__ */ C(L1, { justifyContent: "flex-start", gap: 6, children: [
           /* @__PURE__ */ o(
-            "fieldset",
+            g1,
             {
-              className: `${e1 ? "fieldset-focused" : ""} ${n ? "fieldset-disabled" : ""} ${U ? "fieldset-filled" : ""} ${H ? "fieldset-error" : ""} 
-                        ${z ? "fieldset-hovered" : ""}`,
-              children: /* @__PURE__ */ o("legend", { children: r && W !== "borderless" && /* @__PURE__ */ o("span", { children: s ? `${r}*` : r }) })
+              name: "attention",
+              color: y.NOTIFICATION_ERROR_DARK,
+              height: 16,
+              width: 16
             }
-          )
-        ]
-      }
-    ),
-    H && /* @__PURE__ */ C(L1, { justifyContent: "flex-start", gap: 6, children: [
-      /* @__PURE__ */ o(
-        g1,
-        {
-          name: "attention",
-          color: y.NOTIFICATION_ERROR_DARK,
-          height: 16,
-          width: 16
-        }
-      ),
-      typeof H == "string" ? /* @__PURE__ */ o(n0, { color: y.NOTIFICATION_ERROR_DARK, variant: "body4", children: H }) : H
-    ] })
-  ] });
+          ),
+          typeof H == "string" ? /* @__PURE__ */ o(n0, { color: y.NOTIFICATION_ERROR_DARK, variant: "body4", children: H }) : H
+        ] })
+      ]
+    }
+  );
 });
 function W4(i, l) {
   return i === "filter" || i === "single" && l === "badge" ? "multiple" : i === "single" ? void 0 : i;
@@ -10837,7 +10843,7 @@ const x1 = 100, C1 = {
     loadOnClosedState: s,
     preloadOptions: V,
     extraOptions: x,
-    onDropdownVisibleChange: m,
+    onDropdownVisibleChange: p,
     optionRender: N,
     dropdownRender: v,
     readOnly: f,
@@ -10845,7 +10851,7 @@ const x1 = 100, C1 = {
     required: D = !1,
     error: $,
     variant: G = "outlined"
-  } = i, [_, I] = Z(), [H, Y] = Z(C1), [W, n1] = Z(!1), [j, X] = Z(), [e1, m1] = Z(!1), [z, c1] = Z(
+  } = i, [_, I] = Z(), [H, Y] = Z(C1), [b, n1] = Z(!1), [j, X] = Z(), [e1, p1] = Z(!1), [z, c1] = Z(
     x ?? []
   ), d1 = B1(H.offset), s1 = B1(j), [E, l1] = Z(!1), w1 = P(!1), v1 = F(
     async ({
@@ -10861,9 +10867,9 @@ const x1 = 100, C1 = {
           search: S
         });
         I(
-          (b) => T === 0 ? B.options : [...b ?? [], ...B.options]
-        ), Y((b) => ({
-          ...b,
+          (O) => T === 0 ? B.options : [...O ?? [], ...B.options]
+        ), Y((O) => ({
+          ...O,
           count: B.count
         }));
       } catch (B) {
@@ -10880,22 +10886,22 @@ const x1 = 100, C1 = {
     [u1]
   ), _1 = F(
     async (R) => {
-      W || R && H.count && H.count > ((_ == null ? void 0 : _.length) ?? 0) && Y((T) => ({
+      b || R && H.count && H.count > ((_ == null ? void 0 : _.length) ?? 0) && Y((T) => ({
         ...T,
         offset: T.offset + x1
       }));
     },
-    [W, _ == null ? void 0 : _.length, H.count]
+    [b, _ == null ? void 0 : _.length, H.count]
   ), q = F(
     (R) => {
-      m1(R), !R && j && (X(void 0), Y(C1), l1(!0)), m == null || m(R);
+      p1(R), !R && j && (X(void 0), Y(C1), l1(!0)), p == null || p(R);
     },
-    [m, j]
+    [p, j]
   );
   K(() => {
-    if (!w1.current || W) return;
+    if (!w1.current || b) return;
     (E || e1 && (d1 !== H.offset || s1 !== j || !_)) && (v1({ offset: H.offset, limit: x1, search: j }), E && l1(!1));
-  }, [E, e1, H.offset, j, d1, s1, _, W]), K(() => {
+  }, [E, e1, H.offset, j, d1, s1, _, b]), K(() => {
     (s || V) && v1(C1), w1.current = !0;
   }, []), K(() => {
     x && c1((R) => {
@@ -10911,15 +10917,15 @@ const x1 = 100, C1 = {
       let T = [];
       if (n ? T = Array.isArray(R) ? R : [] : T = R ? [R] : [], j) {
         const S = T.filter(
-          (B) => !(z != null && z.some((b) => b.value === B))
+          (B) => !(z != null && z.some((O) => O.value === B))
         );
         S.length > 0 && c1((B = []) => [
           ...B,
-          ...S.map((b) => {
-            const U = _ == null ? void 0 : _.find((w) => w.value === b);
+          ...S.map((O) => {
+            const U = _ == null ? void 0 : _.find((w) => w.value === O);
             return {
-              value: b,
-              label: (U == null ? void 0 : U.label) ?? b,
+              value: O,
+              label: (U == null ? void 0 : U.label) ?? O,
               imageFallbackText: (U == null ? void 0 : U.imageFallbackText) ?? "",
               image: (U == null ? void 0 : U.image) ?? void 0
             };
@@ -10941,7 +10947,7 @@ const x1 = 100, C1 = {
       scrollThresholdValue: c,
       onScrollToEnd: _1,
       disabled: d,
-      isLoading: W,
+      isLoading: b,
       optionRender: N,
       dropdownRender: v,
       readOnly: f,
@@ -10961,7 +10967,7 @@ const x1 = 100, C1 = {
       c,
       _1,
       d,
-      W,
+      b,
       N,
       v,
       f,
@@ -10977,10 +10983,10 @@ const x1 = 100, C1 = {
     }
   }));
   const R1 = G1(() => {
-    const R = n && n !== "single", T = i.selectedItemVariant === "badge", S = T ? _ || [] : _ || [], B = z, b = i, w = R ? {
+    const R = n && n !== "single", T = i.selectedItemVariant === "badge", S = T ? _ || [] : _ || [], B = z, O = i, w = R ? {
       mode: n,
-      overflowBehaviour: b.overflowBehaviour,
-      value: b.value
+      overflowBehaviour: O.overflowBehaviour,
+      value: O.value
     } : {
       mode: n,
       value: i.value

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.12.0",
+    "version": "1.12.2",
     "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.26.0"
+        "@snmt-react-ui/select": "^1.26.2"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "db733fad80937cf2feb900cd7907e50bb10dd760"
+    "gitHead": "42d20da0aeaaa5f031b320255ef5d879870f8989"
 }