@snmt-react-ui/async-select 1.6.0 → 1.6.2

package/dist/async-select.js

@@ -1,15 +1,15 @@
 import "./index.css";
 import { jsx as t, Fragment as I, jsxs as c } from "react/jsx-runtime";
-import { createContext as z, forwardRef as q, useState as u, useRef as s1, useEffect as E, useCallback as x, useContext as i1, useImperativeHandle as v1 } from "react";
-import { Select as N1, Flex as f1, Avatar as M1, Checkbox as x1, Typography as n1, Tag as h1, Popover as _1 } from "antd";
-const $ = ({
+import { createContext as q, forwardRef as J, useState as u, useRef as n1, useEffect as V, useCallback as x, useContext as t1, useImperativeHandle as v1 } from "react";
+import { Select as N1, Flex as f1, Avatar as M1, Checkbox as x1, Typography as h1, Tag as c1, Popover as _1 } from "antd";
+const z = ({
   children: i,
   direction: o = "row",
   flexWrap: e = "nowrap",
   alignItems: l = "normal",
   justifyContent: r = "normal",
   flex: w,
-  gap: g,
+  gap: k,
   padding: s
 }) => /* @__PURE__ */ t(
   f1,
@@ -20,7 +20,7 @@ const $ = ({
     align: l,
     justify: r,
     flex: w,
-    gap: g,
+    gap: k,
     style: { padding: s },
     children: i
   }
@@ -39,11 +39,11 @@ const $ = ({
   );
 };
 var W = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(W || {});
-const c1 = z({
+const a1 = q({
   locale: "en",
   theme: "light"
 });
-c1.Provider;
+a1.Provider;
 const H1 = ({
   checked: i = !0,
   indeterminate: o = !1,
@@ -52,19 +52,19 @@ const H1 = ({
   disabled: r = !1,
   disableUncheck: w = !1
 }) => {
-  const [g, s] = u(i), [p, k] = u(o);
-  E(() => {
-    s(i), k(o);
+  const [k, s] = u(i), [p, g] = u(o);
+  V(() => {
+    s(i), g(o);
   }, [i, o]);
-  const { theme: h } = i1(c1);
+  const { theme: h } = t1(a1);
   return /* @__PURE__ */ t(
     x1,
     {
       className: `snmt-checkbox snmt-checkbox-${h}`,
-      checked: g,
+      checked: k,
       indeterminate: p,
       onChange: (n) => {
-        w && g || (k(!1), s(n.target.checked), l && l(n));
+        w && k || (g(!1), s(n.target.checked), l && l(n));
       },
       disabled: r,
       children: e
@@ -72,12 +72,12 @@ const H1 = ({
   );
 };
 var C = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(C || {});
-const a1 = z({
+const C1 = q({
   locale: "en",
   theme: "light"
 });
-a1.Provider;
-const V1 = ({
+C1.Provider;
+const E1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -104,7 +104,7 @@ const V1 = ({
       }
     )
   }
-), E1 = ({
+), V1 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -2002,7 +2002,7 @@ const V1 = ({
       )
     ]
   }
-), V2 = ({
+), E2 = ({
   className: i,
   color: o = C.GREY_DARK_5,
   height: e = 24,
@@ -2039,7 +2039,7 @@ const V1 = ({
       )
     ]
   }
-), E2 = ({
+), V2 = ({
   className: i,
   color: o = C.GREY_DARK_3,
   height: e = 14,
@@ -3120,17 +3120,17 @@ const V1 = ({
       }
     )
   }
-), P = ({
+), $ = ({
   name: i,
   width: o,
   height: e,
   color: l,
   className: r,
   disabled: w = !1,
-  onClick: g
+  onClick: k
 }) => {
-  const [s, p] = u(r), { theme: k } = i1(a1), h = w ? k && k === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, n = w ? void 0 : g;
-  return E(() => {
+  const [s, p] = u(r), { theme: g } = t1(C1), h = w ? g && g === "dark" ? C.GREY_LIGHT_4 : C.GREY_DARK_1 : l, n = w ? void 0 : k;
+  return V(() => {
     if (r) {
       n && !w && p(`${r} clickable`);
       return;
@@ -3143,9 +3143,9 @@ const V1 = ({
       case "prevIcon":
         return N2({ width: o, height: e, color: h, className: s, onClick: n });
       case "arrowUp":
-        return V1({ width: o, height: e, color: h, className: s, onClick: n });
-      case "arrowDown":
         return E1({ width: o, height: e, color: h, className: s, onClick: n });
+      case "arrowDown":
+        return V1({ width: o, height: e, color: h, className: s, onClick: n });
       case "info":
         return Z1({ width: o, height: e, color: h, className: s, onClick: n });
       case "arrowRight":
@@ -3315,13 +3315,13 @@ const V1 = ({
       case "telegram":
         return R2({ width: o, height: e, color: h, className: s, onClick: n });
       case "mail":
-        return V2({ width: o, height: e, color: h, className: s, onClick: n });
+        return E2({ width: o, height: e, color: h, className: s, onClick: n });
       case "github":
         return _2({ width: o, height: e, color: h, className: s, onClick: n });
       case "linkedIn":
         return H2({ width: o, height: e, color: h, className: s, onClick: n });
       case "emptyStateIcon":
-        return E2({ width: o, height: e, color: h, className: s, onClick: n });
+        return V2({ width: o, height: e, color: h, className: s, onClick: n });
       case "filtersIcon":
         return Z2({ width: o, height: e, color: h, className: s, onClick: n });
       case "dotMenuIcon":
@@ -3382,12 +3382,12 @@ const V1 = ({
         return /* @__PURE__ */ t(I, { children: "No Icon provided" });
     }
   })() });
-}, { Title: l5, Text: r5 } = n1, s5 = {
+}, { Title: l5, Text: r5 } = h1, s5 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, n5 = q(
+}, n5 = J(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -3395,15 +3395,15 @@ const V1 = ({
     children: l,
     onClick: r,
     collapsed: w,
-    whiteSpace: g = "normal"
+    whiteSpace: k = "normal"
   }, s) => {
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let k = `snmt-typography snmt-typography-${o}`;
-    return i && i !== "inherit" && (k += ` snmt-typography-align-${i}`), w && (k += " collapsed"), p ? /* @__PURE__ */ t(
+    let g = `snmt-typography snmt-typography-${o}`;
+    return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), w && (g += " collapsed"), p ? /* @__PURE__ */ t(
       l5,
       {
-        className: k,
-        style: { color: e, whiteSpace: g },
+        className: g,
+        style: { color: e, whiteSpace: k },
         onClick: r,
         level: s5[o],
         ref: s,
@@ -3412,8 +3412,8 @@ const V1 = ({
     ) : /* @__PURE__ */ t(
       r5,
       {
-        className: k,
-        style: { color: e, whiteSpace: g },
+        className: g,
+        style: { color: e, whiteSpace: k },
         onClick: r,
         ref: s,
         children: l
@@ -3422,11 +3422,11 @@ const V1 = ({
   }
 );
 var d = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(d || {});
-const C1 = z({
+const d1 = q({
   locale: "en",
   theme: "light"
 });
-C1.Provider;
+d1.Provider;
 const h5 = ({
   width: i = 20,
   height: o = 20,
@@ -4150,7 +4150,7 @@ const h5 = ({
       )
     ]
   }
-), V5 = ({
+), E5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4183,7 +4183,7 @@ const h5 = ({
       )
     ]
   }
-), E5 = ({
+), V5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -6141,7 +6141,7 @@ const h5 = ({
       )
     ]
   }
-), V3 = ({
+), E3 = ({
   className: i,
   color: o = d.GREY_DARK_5,
   height: e = 24,
@@ -6180,7 +6180,7 @@ const h5 = ({
       )
     ]
   }
-), E3 = ({
+), V3 = ({
   className: i,
   color: o = d.GREY_DARK_2,
   height: e = 16,
@@ -6477,10 +6477,10 @@ const h5 = ({
   color: l,
   className: r,
   disabled: w = !1,
-  onClick: g
+  onClick: k
 }) => {
-  const [s, p] = u(r), { theme: k } = i1(C1), h = w ? k && k === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : l, n = w ? void 0 : g;
-  return E(() => {
+  const [s, p] = u(r), { theme: g } = t1(d1), h = w ? g && g === "dark" ? d.GREY_LIGHT_4 : d.GREY_DARK_1 : l, n = w ? void 0 : k;
+  return V(() => {
     if (r) {
       n && !w && p(`${r} clickable`);
       return;
@@ -6551,9 +6551,9 @@ const h5 = ({
       case "history":
         return H5({ width: o, height: e, color: h, className: s, onClick: n });
       case "logOut":
-        return V5({ width: o, height: e, color: h, className: s, onClick: n });
-      case "settings":
         return E5({ width: o, height: e, color: h, className: s, onClick: n });
+      case "settings":
+        return V5({ width: o, height: e, color: h, className: s, onClick: n });
       case "addSkill":
         return Z5({ width: o, height: e, color: h, className: s, onClick: n });
       case "conversation":
@@ -6709,9 +6709,9 @@ const h5 = ({
       case "fastArrowLeft":
         return H3({ width: o, height: e, color: h, className: s, onClick: n });
       case "fastArrowRight":
-        return V3({ width: o, height: e, color: h, className: s, onClick: n });
-      case "crossInCircle":
         return E3({ width: o, height: e, color: h, className: s, onClick: n });
+      case "crossInCircle":
+        return V3({ width: o, height: e, color: h, className: s, onClick: n });
       case "arrowUp2":
         return W3({ width: o, height: e, color: h, className: s, onClick: n });
       case "arrowDown2":
@@ -6733,40 +6733,56 @@ const h5 = ({
     }
   })() });
 };
-var d1 = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(d1 || {});
-const y3 = z({
+var S = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(S || {});
+const y3 = q({
   locale: "en",
   theme: "light"
 });
 y3.Provider;
-const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r = !0 }) => {
-  const w = e === "small" ? 10 : 12.5;
+const w1 = ({
+  children: i,
+  width: o,
+  size: e = "small",
+  onClose: l,
+  closable: r = !0,
+  disabled: w = !1
+}) => {
+  const k = e === "small" ? 10 : 12.5, s = () => {
+    w || l == null || l();
+  };
   return /* @__PURE__ */ t(
-    h1,
+    c1,
     {
-      className: `snmt-tag ${e}`,
+      className: `snmt-tag ${e} ${w ? "disabled" : ""}`,
       closeIcon: /* @__PURE__ */ t(
         T3,
         {
           name: "errorSmall",
-          color: d1.GREY_DARK_2,
-          width: w,
-          height: w,
-          onClick: l
+          color: w ? S.GREY_DARK_1 : S.GREY_DARK_2,
+          width: k,
+          height: k,
+          onClick: s
         }
       ),
       bordered: !1,
       style: { width: o ?? "fit-content" },
       closable: r,
-      children: typeof i == "string" ? /* @__PURE__ */ t(n5, { variant: e === "small" ? "body4" : "body2", children: i }) : i
+      children: typeof i == "string" ? /* @__PURE__ */ t(
+        n5,
+        {
+          variant: e === "small" ? "body4" : "body2",
+          color: w ? S.GREY_DARK_2 : S.GREY_DARK_5,
+          children: i
+        }
+      ) : i
     }
   );
-}, { Title: Y3, Text: K3 } = n1, O3 = {
+}, { Title: Y3, Text: K3 } = h1, O3 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, k1 = q(
+}, k1 = J(
   ({
     align: i = "inherit",
     variant: o = "body1",
@@ -6774,15 +6790,15 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     children: l,
     onClick: r,
     collapsed: w,
-    whiteSpace: g = "normal"
+    whiteSpace: k = "normal"
   }, s) => {
     const p = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let k = `snmt-typography snmt-typography-${o}`;
-    return i && i !== "inherit" && (k += ` snmt-typography-align-${i}`), w && (k += " collapsed"), p ? /* @__PURE__ */ t(
+    let g = `snmt-typography snmt-typography-${o}`;
+    return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), w && (g += " collapsed"), p ? /* @__PURE__ */ t(
       Y3,
       {
-        className: k,
-        style: { color: e, whiteSpace: g },
+        className: g,
+        style: { color: e, whiteSpace: k },
         onClick: r,
         level: O3[o],
         ref: s,
@@ -6791,8 +6807,8 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     ) : /* @__PURE__ */ t(
       K3,
       {
-        className: k,
-        style: { color: e, whiteSpace: g },
+        className: g,
+        style: { color: e, whiteSpace: k },
         onClick: r,
         ref: s,
         children: l
@@ -6807,7 +6823,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   placement: r = "topRight",
   noPadding: w = !1
 }) => {
-  const [g, s] = u(!1);
+  const [k, s] = u(!1);
   return /* @__PURE__ */ t(
     _1,
     {
@@ -6816,7 +6832,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
       placement: r,
       trigger: "click",
       overlayClassName: `snmt-popover ${w ? "" : "padding"}`,
-      open: e ?? g,
+      open: e ?? k,
       onOpenChange: (p) => {
         s(p), l == null || l(p);
       },
@@ -6831,8 +6847,8 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   options: r,
   extraOptions: w
 }) => {
-  const [g, s] = u(!1);
-  E(() => {
+  const [k, s] = u(!1);
+  V(() => {
     i.length || s(!1);
   }, [i]);
   const p = (h) => {
@@ -6840,35 +6856,35 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   };
   if (!i.length)
     return null;
-  const k = (h) => {
-    var n, V;
-    return ((n = r == null ? void 0 : r.find((_) => _.value === h)) == null ? void 0 : n.label) || ((V = w == null ? void 0 : w.find((_) => _.value === h)) == null ? void 0 : V.label) || h;
+  const g = (h) => {
+    var n, E;
+    return ((n = r == null ? void 0 : r.find((_) => _.value === h)) == null ? void 0 : n.label) || ((E = w == null ? void 0 : w.find((_) => _.value === h)) == null ? void 0 : E.label) || h;
   };
   return /* @__PURE__ */ t("div", { onMouseDown: p, className: "wrapper", children: /* @__PURE__ */ t(
     b3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, children: /* @__PURE__ */ t($, { gap: 6, flexWrap: "wrap", children: i.map(({ value: h }) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, children: /* @__PURE__ */ t(z, { gap: 6, flexWrap: "wrap", children: i.map(({ value: h }) => /* @__PURE__ */ t(
           w1,
           {
             onClose: () => o(h),
             closable: !l,
-            children: k(h)
+            children: g(h)
           },
           h
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: g,
+      isOpen: k,
       setIsOpen: s,
-      children: /* @__PURE__ */ t(h1, { className: `overflow-button ${g ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ c(k1, { variant: "body4", color: g ? W.BLUE_PRIMARY : void 0, children: [
+      children: /* @__PURE__ */ t(c1, { className: `overflow-button ${k ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ c(k1, { variant: "body4", color: k ? W.BLUE_PRIMARY : void 0, children: [
         i.length,
         " more"
       ] }) })
     }
   ) });
-}, l1 = ({ size: i = 30, color: o = "#004ed7" }) => {
+}, r1 = ({ size: i = 30, color: o = "#004ed7" }) => {
   const e = `no-repeat linear-gradient(${o} 
     calc(50% - 10px), #0000 0 calc(50% + 10px), ${o} 0)`, l = {
     width: i,
@@ -6876,7 +6892,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     backgroundSize: "20% calc(200% + 20px)"
   };
   return /* @__PURE__ */ t("span", { className: "snmt-loader", style: l });
-}, r1 = q(
+}, s1 = J(
   ({
     value: i,
     onChange: o,
@@ -6884,32 +6900,32 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     mode: l,
     search: r = !1,
     options: w,
-    width: g,
+    width: k,
     disabled: s = !1,
     required: p = !1,
-    clearable: k = !1,
+    clearable: g = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: n,
-    onDropdownVisibleChange: V,
+    onDropdownVisibleChange: E,
     onScrollToEnd: B,
     onPopupScroll: _,
-    id: J,
+    id: Q,
     extraOptions: R,
     dropdownRender: A,
     optionRender: G,
     isLoading: D,
     readOnly: f
   }, j) => {
-    const [T, y] = u(!1), [S, H] = u(!1), [Z, Y] = u(!0), [v, K] = u(i), O = s1(null);
-    E(() => {
+    const [T, y] = u(!1), [U, H] = u(!1), [Z, Y] = u(!0), [v, K] = u(i), O = n1(null);
+    V(() => {
       K(i);
     }, [i]);
     const m = (a) => {
-      y(a), V && V(a);
-    }, Q = (a, L) => {
+      y(a), E && E(a);
+    }, X = (a, L) => {
       var M;
       return !!((M = L == null ? void 0 : L.label) != null && M.toString().toLowerCase().includes(a.toLowerCase()));
-    }, X = () => {
+    }, e1 = () => {
       H(!0);
     }, b = () => {
       H(!1);
@@ -6932,13 +6948,13 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
         }
         N("");
       }
-    }, [N, l, f]), U = x(
+    }, [N, l, f]), P = x(
       (a) => {
         const L = v.filter((M) => M !== a);
         N(L), K(L);
       },
       [N, v]
-    ), t1 = x(
+    ), l1 = x(
       (a) => (v == null ? void 0 : v.indexOf(a)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
@@ -6950,11 +6966,11 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     }, L1 = async (a) => {
       const { target: L } = a;
       L.scrollTop + L.offsetHeight >= L.scrollHeight - h && (B == null || B(!0)), _ && await _(a);
-    }, e1 = x(
+    }, o1 = x(
       (a) => {
         var L, M;
-        return ((L = w.find((o1) => o1.value === a)) == null ? void 0 : L.label) || ((M = R == null ? void 0 : R.find(
-          (o1) => o1.value === a
+        return ((L = w.find((i1) => i1.value === a)) == null ? void 0 : L.label) || ((M = R == null ? void 0 : R.find(
+          (i1) => i1.value === a
         )) == null ? void 0 : M.label) || a;
       },
       [R, w]
@@ -6965,7 +6981,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
           F3,
           {
             values: a,
-            onTagClose: U,
+            onTagClose: P,
             maxWidth: ((L = O.current) == null ? void 0 : L.clientWidth) || 0,
             disabled: s || f,
             options: w,
@@ -6973,36 +6989,36 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
           }
         );
       },
-      [s, R, U, w, f]
+      [s, R, P, w, f]
     ), u1 = x(
-      ({ label: a, value: L, mode: M }) => M === "filter" ? t1(L) : /* @__PURE__ */ t("div", { onMouseDown: p1, className: "tag-wrapper", children: /* @__PURE__ */ t(w1, { onClose: () => U(L), closable: !s, children: /* @__PURE__ */ t(k1, { variant: "body4", children: typeof a == "object" ? a : e1(L) }) }) }),
-      [s, e1, U, t1]
+      ({ label: a, value: L, mode: M }) => M === "filter" ? l1(L) : /* @__PURE__ */ t("div", { onMouseDown: p1, className: "tag-wrapper", children: /* @__PURE__ */ t(w1, { onClose: () => P(L), closable: !s, children: /* @__PURE__ */ t(k1, { variant: "body4", children: typeof a == "object" ? a : o1(L) }) }) }),
+      [s, o1, P, l1]
     );
     return /* @__PURE__ */ c(
       "div",
       {
-        className: `snmt-select ${S ? "snmt-select-focused" : ""} 
+        className: `snmt-select ${U ? "snmt-select-focused" : ""} 
                 ${l ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
         ref: O,
-        style: { width: g },
+        style: { width: k },
         children: [
           /* @__PURE__ */ t(
             N1,
             {
               className: "snmt-select-blank",
               popupClassName: f ? "dropdown-read-only" : "",
-              id: J,
+              id: Q,
               ref: j,
               showSearch: !!r,
-              filterOption: r && Q,
+              filterOption: r && X,
               onDropdownVisibleChange: m,
               placeholder: e ? p ? `${e}*` : e : void 0,
               disabled: s,
               value: v || void 0,
-              labelRender: (a) => e1(a.value),
+              labelRender: (a) => o1(a.value),
               mode: l === "filter" ? "multiple" : l,
               onChange: N,
-              onFocus: X,
+              onFocus: e1,
               onBlur: b,
               onSearch: (a) => {
                 Y(!a), n && n(a);
@@ -7013,11 +7029,11 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
               maxTagCount: "responsive",
               maxTagPlaceholder: m1,
               onPopupScroll: L1,
-              prefix: D && /* @__PURE__ */ t(l1, { size: 15 }),
+              prefix: D && /* @__PURE__ */ t(r1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(I, { children: [
-                v && !!v.length && (l || k) && /* @__PURE__ */ t("div", { onClick: g1, children: /* @__PURE__ */ t(P, { name: "cancel" }) }),
+                v && !!v.length && (l || g) && /* @__PURE__ */ t("div", { onClick: g1, children: /* @__PURE__ */ t($, { name: "cancel" }) }),
                 /* @__PURE__ */ t(
-                  P,
+                  $,
                   {
                     name: "selectArrowIcon",
                     color: s ? W.GREY_DARK_1 : W.GREY_DARK_5,
@@ -7026,23 +7042,23 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
                   }
                 )
               ] }) }),
-              removeIcon: /* @__PURE__ */ t(P, { name: "errorSmall", color: W.GREY_DARK_2 }),
+              removeIcon: /* @__PURE__ */ t($, { name: "errorSmall", color: W.GREY_DARK_2 }),
               options: w,
-              optionRender: (a) => G ? G(a.data) : /* @__PURE__ */ c($, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ c($, { alignItems: "center", gap: 12, children: [
+              optionRender: (a) => G ? G(a.data) : /* @__PURE__ */ c(z, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                /* @__PURE__ */ c(z, { alignItems: "center", gap: 12, children: [
                   l && /* @__PURE__ */ t(
                     H1,
                     {
                       checked: !!(v != null && v.includes(a.value))
                     }
                   ),
-                  /* @__PURE__ */ c($, { alignItems: "center", gap: 8, children: [
+                  /* @__PURE__ */ c(z, { alignItems: "center", gap: 8, children: [
                     a.data.image && /* @__PURE__ */ t(R1, { src: a.data.image, size: 20 }),
                     /* @__PURE__ */ t("span", { children: a.label })
                   ] })
                 ] }),
                 !l && v === a.value && /* @__PURE__ */ t(
-                  P,
+                  $,
                   {
                     name: "ok",
                     color: W.BLUE_PRIMARY,
@@ -7059,7 +7075,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
                     display: "grid",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ t(l1, { size: 28 })
+                  children: /* @__PURE__ */ t(r1, { size: 28 })
                 }
               ) : (a) => A ? A(a) : a
             }
@@ -7067,7 +7083,7 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
           /* @__PURE__ */ t(
             "fieldset",
             {
-              className: `${S ? "fieldset-focused" : ""}
+              className: `${U ? "fieldset-focused" : ""}
                      ${s ? "fieldset-disabled" : ""} 
                      ${typeof i == "string" && i ? "fieldset-filled" : ""} 
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -7080,8 +7096,8 @@ const w1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
   }
 );
 function S3(i, o = 500) {
-  const e = s1();
-  return E(() => () => {
+  const e = n1();
+  return V(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...r) => {
     const w = setTimeout(() => {
@@ -7093,7 +7109,7 @@ function S3(i, o = 500) {
 const F = {
   limit: 100,
   offset: 0
-}, J3 = q(
+}, J3 = J(
   ({
     loadOptions: i,
     width: o,
@@ -7101,26 +7117,26 @@ const F = {
     value: l,
     id: r,
     disabled: w,
-    scrollThresholdValue: g,
+    scrollThresholdValue: k,
     placeholder: s,
     mode: p,
-    loadOnClosedState: k,
+    loadOnClosedState: g,
     extraOptions: h,
     onDropdownVisibleChange: n,
-    optionRender: V,
+    optionRender: E,
     dropdownRender: B,
     readOnly: _,
-    clearable: J
+    clearable: Q
   }, R) => {
-    const [A, G] = u([]), [D, f] = u(F), [j, T] = u(!1), [y, S] = u(null), H = x(
-      async (m = !1, Q) => {
+    const [A, G] = u([]), [D, f] = u(F), [j, T] = u(!1), [y, U] = u(null), H = x(
+      async (m = !1, X) => {
         if (!j) {
           T(!0);
           try {
-            const X = m ? { ...F, search: Q } : D, b = await i(X);
+            const e1 = m ? { ...F, search: X } : D, b = await i(e1);
             G(
               (N) => m ? b.options : [...N, ...b.options]
-            ), S(b.count), f((N) => ({
+            ), U(b.count), f((N) => ({
               ...N,
               offset: N.offset + N.limit
             }));
@@ -7139,13 +7155,13 @@ const F = {
       m && y !== null && y > A.length && await H(!1);
     }, K = x(
       (m) => {
-        m && !k && (G([]), f(F), H(!0)), n == null || n(m);
+        m && !g && (G([]), f(F), H(!0)), n == null || n(m);
       },
       // eslint-disable-next-line
-      [k]
+      [g]
     );
-    E(() => {
-      k && H(!1);
+    V(() => {
+      g && H(!1);
     }, []);
     const O = {
       id: r,
@@ -7158,22 +7174,22 @@ const F = {
       value: l,
       onSearchChange: Y,
       onDropdownVisibleChange: K,
-      scrollThresholdValue: g,
+      scrollThresholdValue: k,
       onScrollToEnd: v,
-      loadOnClosedState: k,
+      loadOnClosedState: g,
       disabled: w,
       extraOptions: h,
       isLoading: j,
-      optionRender: V,
+      optionRender: E,
       dropdownRender: B,
       readOnly: _,
-      clearable: J
+      clearable: Q
     };
     return v1(R, () => ({
       refetchOptions: async () => {
         f(F), await H(!0);
       }
-    })), p ? /* @__PURE__ */ t(r1, { ...O, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(r1, { ...O, onChange: e, value: l }) });
+    })), p ? /* @__PURE__ */ t(s1, { ...O, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(s1, { ...O, onChange: e, value: l }) });
   }
 );
 export {

package/dist/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative;height:48px}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset{border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single{height:48px}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-light-4)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}
+@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.snmt-flex.inherit{flex-wrap:inherit}.snmt-avatar.ant-avatar{border:0;background-color:var(--grey-dark-5);color:var(--grey-light-0);font-family:Montserrat,sans-serif}.snmt-avatar.image.ant-avatar{background-color:transparent}.snmt-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after{height:2px;background-color:var(--grey-light-0)}.snmt-checkbox .ant-checkbox+span{padding-inline-start:12px;padding-inline-end:unset;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-align:left}:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scale(1) translate(-40%,-60%)}.ant-checkbox-inner{width:20px!important;height:20px!important}.ant-checkbox-checked .ant-checkbox-inner,.snmt-checkbox-light.ant-checkbox-checked .ant-checkbox-inner:hover{background-color:var(--blue-primary);border-color:var(--blue-primary)}.snmt-checkbox-light:not(.ant-checkbox-checked):hover .ant-checkbox-inner{border:1px solid var(--grey-dark-1)}.snmt-checkbox-light+span{color:var(--grey-light-0)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner{background-color:var(--grey-dark-4);border:1px solid var(--grey-dark-4)}.snmt-checkbox-dark .ant-checkbox:not(.ant-checkbox-checked):hover .ant-checkbox-inner{background-color:var(--grey-dark-3);border:1px solid var(--grey-dark-3)}.snmt-checkbox-dark .ant-checkbox+span{color:var(--grey-light-0)}.snmt-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;margin-inline-end:0;padding:2px 6px;height:20px;background:var(--grey-light-2)}.snmt-tag .ant-tag-close-icon{display:flex;align-items:center;margin-inline-start:6px}.snmt-tag:not(.disabled) .ant-tag-close-icon:hover>path{fill:var(--blue-primary);transition:fill .2s ease-in-out}.snmt-tag.medium{padding:4px 8px;height:28px}.snmt-tag.medium .ant-tag-close-icon{margin-inline-start:7.75px}.snmt-tag.disabled{background:var(--grey-light-3)}.clickable{cursor:pointer}:root{--grey-light-0: #ffffff;--grey-light-1: #fbfbfb;--grey-light-2: #f4f4f5;--grey-light-3: #e6e6e9;--grey-light-4: #d0d0d7;--grey-dark-1: #babac4;--grey-dark-2: #8b8b9d;--grey-dark-3: #6f6f83;--grey-dark-4: #35353f;--grey-dark-5: #131314;--blue-primary: #004ed7;--blue-hover: #003899;--blue-light-1: #ebf2ff;--blue-light-2: #deeaff;--blue-light-3: #c3d9ff;--blue-light-4: #a5c6ff;--blue-dark-1: #498bff;--purple-light: #f2e5ff;--purple-dark: #6900d1;--notification-warning-light: #fff4e8;--notification-warning-dark: #d17100;--notification-success-light: #e0ffdb;--notification-success-dark: #0f6e00;--notification-error-light: #ffecec;--notification-error-dark: #d20000;--notification-error-dark-mode: #e50f00}.snmt-typography.ant-typography{color:var(--blue-dark-3);font-family:Montserrat,sans-serif;font-style:normal;font-feature-settings:"clig" off,"liga" off;line-height:normal;margin:0!important}.snmt-typography.snmt-typography-h1{font-size:29px;font-weight:700;line-height:110%}.snmt-typography.snmt-typography-h2{font-size:25px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-h3{font-size:21px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-h4{font-size:19px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-h5{font-size:16px;font-weight:600;line-height:124%}.snmt-typography.snmt-typography-body1{font-size:16px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body2{font-size:14px;font-weight:500;line-height:144%}.snmt-typography.snmt-typography-body3{font-size:12px;font-weight:600;line-height:120%}.snmt-typography.snmt-typography-body4{font-size:12px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-caption{font-size:10px;font-weight:500;line-height:120%}.snmt-typography.snmt-typography-button{font-size:14px;font-weight:600;line-height:116%}.snmt-typography.snmt-typography-tag{font-size:9px;font-weight:500;line-height:116%}.snmt-typography.snmt-typography-link{font-size:16px;font-weight:500;line-height:120%;text-decoration:underline;cursor:pointer}.snmt-typography.snmt-typography-align-center{text-align:center}.snmt-typography.snmt-typography-align-justify{text-align:justify}.snmt-typography.snmt-typography-align-left{text-align:left}.snmt-typography.snmt-typography-align-right{text-align:right}.snmt-typography.collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-button{width:fit-content;display:flex;align-items:center;border:none;margin-inline-end:3px;padding:2px 6px;height:20px;cursor:pointer;background:var(--grey-light-2)}.overflow-button:hover{background:var(--blue-light-1)}.overflow-button.open{background:var(--blue-light-2)}.snmt-popover{z-index:1050!important}.snmt-popover .ant-popover-inner{padding:0}.snmt-popover.padding .ant-popover-inner{padding:16px}.wrapper{cursor:pointer}.snmt-select{width:100%;position:relative;height:48px;font-family:Montserrat,sans-serif;font-weight:500}.snmt-select .snmt-select-blank .ant-select-selector{border:none!important}.snmt-select .ant-select{height:100%;pointer-events:none;width:100%;border-radius:8px}.snmt-select .ant-select .wrapper-suffix-icon{pointer-events:none;display:flex;align-items:center;gap:10px}.snmt-select .ant-select-focused .ant-select-selector{box-shadow:none!important}.snmt-select .ant-select-selector{pointer-events:all;border:1px solid var(--grey-light-4)!important;border-radius:8px!important;height:100%!important;padding:8px 16px!important}.snmt-select .ant-select-selector:hover{border-color:var(--blue-dark-1)!important}.snmt-select .ant-select-selection-placeholder{font-size:16px!important;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left!important}.snmt-select .ant-select-selection-search{margin-inline-start:0px!important;font-size:16px;font-weight:500}.snmt-select .ant-select-selection-search input{font-size:16px!important;font-weight:500!important;color:var(--grey-dark-5)!important}.snmt-select .ant-select-arrow div{pointer-events:all;position:relative;z-index:10}.snmt-select .ant-select-selection-overflow-item-rest .ant-tag-close-icon{display:none}.snmt-select .ant-select-disabled .ant-select-arrow div{pointer-events:none!important;cursor:not-allowed!important}.snmt-select .ant-select-single .ant-select-selection-item{font-family:Montserrat,sans-serif;font-weight:500;color:var(--grey-dark-5);font-size:16px}.snmt-select .ant-select-single .ant-select-selection-item img{display:none}.snmt-select .ant-select-multiple .ant-select-selector{padding:9px 48px 9px 16px!important}.snmt-select .ant-select-multiple .ant-select-selection-placeholder{inset-inline-start:0px;inset-inline-end:16px}.snmt-select .ant-select-multiple .ant-select-selection-item{background-color:var(--grey-light-2)}.snmt-select .ant-select-multiple .ant-select-selection-item-content{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500;font-size:12px;margin-inline-end:6px}.snmt-select .ant-select-multiple .ant-select-selection-item-content img{display:none}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item .tag-wrapper{margin:0 3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-inline-start:3px;margin-inline-end:0;margin-block:0;padding-inline-start:0;padding-inline-end:0;height:22px;background:transparent}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item-content{margin:0}.snmt-select .ant-select-multiple .ant-select-selection-overflow-item:first-of-type .tag-wrapper{margin-left:0;margin-right:3px}.snmt-select .ant-select-multiple .ant-select-selection-overflow .custom-placeholder{position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;font-size:16px;font-weight:500;color:var(--grey-dark-2);font-family:Montserrat,sans-serif;text-align:left}.snmt-select .ant-select-open .ant-select-selector{box-shadow:none!important;border-color:var(--blue-primary)!important}.snmt-select .select-arrow{transition:transform .3s ease;position:relative;z-index:2}.snmt-select .select-arrow-rotated{transition:transform .3s ease;transform:rotate(180deg)}.snmt-select fieldset{position:absolute;min-width:0;margin:0;padding:0 11px;top:-6px;right:0;bottom:0;left:0;border:1px solid;border-color:var(--grey-light-4);border-radius:8px;text-align:left;pointer-events:none}.snmt-select fieldset>legend{max-width:0;height:14px;padding:0;font-size:12px}.snmt-select fieldset>legend>span{padding:0 5px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.snmt-select-focused{border-color:var(--blue-primary)!important;border-width:2px}.snmt-select-read-only .ant-select-selector{background-color:var(--grey-light-2);cursor:not-allowed;pointer-events:none!important}.snmt-select-read-only .ant-select-arrow{pointer-events:all!important;cursor:pointer}.snmt-select-read-only .ant-select{pointer-events:auto!important}.snmt-select-read-only .ant-select-selection-item,.snmt-select-read-only .ant-select-selection-placeholder{color:var(--grey-dark-1)!important}.snmt-select:not(.ant-select-disabled):not(.snmt-select-error):not(.snmt-select-focused):hover fieldset:not(.fieldset-disabled){border-color:var(--blue-dark-1)!important;color:var(--blue-dark-1)!important;box-shadow:none!important}.dropdown-read-only .rc-virtual-list{pointer-events:none}.ant-select-dropdown{padding:0}.ant-select-dropdown .ant-select-item{border-radius:0}.ant-select-dropdown .ant-select-item-option{padding:14px 16px}.ant-select-dropdown .ant-select-item-option-state{display:none}.ant-select-dropdown .ant-select-item-option-active{background-color:var(--blue-light-1)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content span{color:var(--grey-light-4)!important}.ant-select-dropdown .ant-select-item-option-disabled .ant-select-item-option-content img{filter:opacity(.5)}.ant-select-dropdown .ant-select-item-option-content span{font-family:Montserrat,sans-serif;color:var(--grey-dark-5);font-weight:500}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content span{font-weight:500!important}.ant-select-dropdown .rc-virtual-list-holder{overflow-y:auto!important}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar{width:6px}.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--grey-light-4);border-radius:10px}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{background:var(--grey-light-2);border:none!important}.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item{color:var(--grey-dark-1)!important}.rc-virtual-list-scrollbar.rc-virtual-list-scrollbar-vertical{visibility:hidden!important}.snmt-select-single{height:48px}.snmt-select-single .ant-select-item-option-state{display:block}.fieldset-focused>legend,.fieldset-disabled>legend,.fieldset-filled>legend{max-width:100%!important}.fieldset-focused>legend>span,.fieldset-disabled>legend>span,.fieldset-filled>legend>span{opacity:1!important}.fieldset-focused{border-color:var(--blue-primary)!important;color:var(--blue-primary)!important;border-width:2px!important}.fieldset-disabled{border:none!important;color:var(--grey-dark-1)}.fieldset-filled{border-color:var(--grey-light-4);color:var(--grey-dark-2)}.snmt-loader{display:inline-block;aspect-ratio:1;animation:loader 1s infinite linear}@keyframes loader{33%{background-position:0% 50%,50% 100%,100% 100%}50%{background-position:0% 0%,50% 50%,100% 100%}66%{background-position:0% 0%,50% 0%,100% 50%}to{background-position:0% 0%,50% 0%,100% 0%}}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.6.0",
+    "version": "1.6.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.14.0"
+        "@snmt-react-ui/select": "^1.14.2"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "a980976c645c51a1f9f8441a30d086e54736e823"
+    "gitHead": "2a9889476119b7aa34318a0bc7dd3c1881294e9b"
 }