@snmt-react-ui/async-select 1.13.10 → 1.13.11

package/dist/async-select.js

@@ -1,9 +1,9 @@
 import "./index.css";
-import { jsx as i, Fragment as F, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, Fragment as j, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as J, useState as V, useRef as O, useEffect as K, useCallback as y, useContext as Q, useImperativeHandle as o1, createContext as y1, useMemo as V1 } from "react";
 import { Select as I1, Tag as u1, Flex as T1, Checkbox as O1, Avatar as S1, Typography as L1, Popover as W1 } from "antd";
 import { COLORS as s, SNMTUiContext as s1 } from "@snmt-react-ui/core";
-var $1 = Object.defineProperty, j1 = (e, l, C) => l in e ? $1(e, l, { enumerable: !0, configurable: !0, writable: !0, value: C }) : e[l] = C, F1 = (e, l, C) => j1(e, l + "", C), P1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var $1 = Object.defineProperty, F1 = (e, l, C) => l in e ? $1(e, l, { enumerable: !0, configurable: !0, writable: !0, value: C }) : e[l] = C, j1 = (e, l, C) => F1(e, l + "", C), P1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function U1() {
   if (console && console.warn) {
     for (var e = arguments.length, l = new Array(e), C = 0; C < e; C++)
@@ -11,11 +11,11 @@ function U1() {
     q(l[0]) && (l[0] = `react-i18next:: ${l[0]}`), console.warn(...l);
   }
 }
-const _1 = {};
+const H1 = {};
 function Z1() {
   for (var e = arguments.length, l = new Array(e), C = 0; C < e; C++)
     l[C] = arguments[C];
-  q(l[0]) && _1[l[0]] || (q(l[0]) && (_1[l[0]] = /* @__PURE__ */ new Date()), U1(...l));
+  q(l[0]) && H1[l[0]] || (q(l[0]) && (H1[l[0]] = /* @__PURE__ */ new Date()), U1(...l));
 }
 const E1 = (e, l) => () => {
   if (e.isInitialized)
@@ -28,7 +28,7 @@ const E1 = (e, l) => () => {
     };
     e.on("initialized", C);
   }
-}, H1 = (e, l, C) => {
+}, _1 = (e, l, C) => {
   e.loadNamespaces(l, E1(e, C));
 }, R1 = (e, l, C, t) => {
   q(C) && (C = [C]), C.forEach((h) => {
@@ -88,7 +88,7 @@ let t2;
 const h2 = () => t2, o2 = y1();
 class s2 {
   constructor() {
-    F1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
+    j1(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
   addUsedNamespaces(l) {
     l.forEach((C) => {
@@ -125,7 +125,7 @@ const c2 = (e, l) => {
   } = w;
   let o = e;
   o = q(o) ? [o] : o || ["translation"], r.reportNamespaces.addUsedNamespaces && r.reportNamespaces.addUsedNamespaces(o);
-  const c = (r.isInitialized || r.initializedStoreOnce) && o.every((x) => q1(x, r, w)), _ = a2(r, l.lng || null, w.nsMode === "fallback" ? o : o[0], a), u = () => _, g = () => G1(r, l.lng || null, w.nsMode === "fallback" ? o : o[0], a), [f, m] = V(u);
+  const c = (r.isInitialized || r.initializedStoreOnce) && o.every((x) => q1(x, r, w)), H = a2(r, l.lng || null, w.nsMode === "fallback" ? o : o[0], a), u = () => H, g = () => G1(r, l.lng || null, w.nsMode === "fallback" ? o : o[0], a), [f, m] = V(u);
   let M = o.join();
   l.lng && (M = `${l.lng}${M}`);
   const p = c2(M), E = O(!0);
@@ -136,7 +136,7 @@ const c2 = (e, l) => {
     } = w;
     E.current = !0, !c && !d && (l.lng ? R1(r, l.lng, o, () => {
       E.current && m(g);
-    }) : H1(r, o, () => {
+    }) : _1(r, o, () => {
       E.current && m(g);
     })), c && p && p !== M && E.current && m(g);
     const A = () => {
@@ -151,7 +151,7 @@ const c2 = (e, l) => {
   const S = [f, r, c];
   if (S.t = f, S.i18n = r, S.ready = c, c || !c && !d) return S;
   throw new Promise((x) => {
-    l.lng ? R1(r, l.lng, o, () => x()) : H1(r, o, () => x());
+    l.lng ? R1(r, l.lng, o, () => x()) : _1(r, o, () => x());
   });
 }, w1 = ({
   children: e,
@@ -194,12 +194,12 @@ const c2 = (e, l) => {
   }, a) => {
     const o = O(null);
     o1(a, () => o.current);
-    const [c, _] = V(!1);
+    const [c, H] = V(!1);
     K(() => {
       var m;
       if (!d) return;
       const M = () => {
-        o.current && _(o.current.scrollWidth > o.current.clientWidth);
+        o.current && H(o.current.scrollWidth > o.current.clientWidth);
       };
       M();
       const p = new ResizeObserver(M);
@@ -286,12 +286,12 @@ const c2 = (e, l) => {
   }, a) => {
     const o = O(null);
     o1(a, () => o.current);
-    const [c, _] = V(!1);
+    const [c, H] = V(!1);
     K(() => {
       var m;
       if (!d) return;
       const M = () => {
-        o.current && _(o.current.scrollWidth > o.current.clientWidth);
+        o.current && H(o.current.scrollWidth > o.current.clientWidth);
       };
       M();
       const p = new ResizeObserver(M);
@@ -335,8 +335,8 @@ const c2 = (e, l) => {
       className: `snmt-checkbox snmt-checkbox-${c}`,
       checked: w,
       indeterminate: a,
-      onChange: (_) => {
-        r && w || (o(!1), d(_.target.checked), t && t(_));
+      onChange: (H) => {
+        r && w || (o(!1), d(H.target.checked), t && t(H));
       },
       disabled: h,
       children: C && /* @__PURE__ */ i(
@@ -513,7 +513,7 @@ const c2 = (e, l) => {
       /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1_2043", children: /* @__PURE__ */ i("rect", { width: "24", height: "24", fill: "white", transform: "translate(0.5 0.5)" }) }) })
     ]
   }
-), _2 = ({
+), H2 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -537,7 +537,7 @@ const c2 = (e, l) => {
       }
     )
   }
-), H2 = ({
+), _2 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -1228,7 +1228,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), j2 = ({
+), F2 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -1261,7 +1261,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), F2 = ({
+), j2 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -2479,7 +2479,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), _5 = ({
+), H5 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -2540,13 +2540,13 @@ const c2 = (e, l) => {
       )
     ]
   }
-), H5 = ({
+), _5 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
   className: t,
   onClick: h
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -2556,16 +2556,29 @@ const c2 = (e, l) => {
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     onClick: h,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
-        stroke: C,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M20.25 19V6.81055L16.1895 2.75L7 2.75C6.58579 2.75 6.25 2.41421 6.25 2C6.25 1.58579 6.58579 1.25 7 1.25L16.5 1.25C16.6989 1.25 16.8896 1.32907 17.0303 1.46973L21.5303 5.96973C21.6709 6.11038 21.75 6.30109 21.75 6.5V19C21.75 19.4142 21.4142 19.75 21 19.75C20.5858 19.75 20.25 19.4142 20.25 19Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M18.75 20.5C18.75 21.7426 17.7426 22.75 16.5 22.75H4.5C3.25736 22.75 2.25 21.7426 2.25 20.5V6.5C2.25 5.25736 3.25736 4.25 4.5 4.25H14.252C14.6098 4.25013 14.953 4.39245 15.2061 4.64551L18.3545 7.79395C18.6076 8.04701 18.7499 8.39018 18.75 8.74805V20.5ZM3.75 20.5C3.75 20.9142 4.08579 21.25 4.5 21.25H16.5C16.9142 21.25 17.25 20.9142 17.25 20.5V8.81055L14.1895 5.75H4.5C4.08579 5.75 3.75 6.08579 3.75 6.5V20.5Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M13.25 5C13.25 4.58579 13.5858 4.25 14 4.25C14.4142 4.25 14.75 4.58579 14.75 5V8.25H18C18.4142 8.25 18.75 8.58579 18.75 9C18.75 9.41421 18.4142 9.75 18 9.75H14.5996C13.8543 9.74979 13.2502 9.14567 13.25 8.40039V5Z",
+          fill: C
+        }
+      )
+    ]
   }
 ), R5 = ({
   width: e = 20,
@@ -2601,7 +2614,7 @@ const c2 = (e, l) => {
   onClick: w
 }) => {
   const { theme: d } = Q(s1), a = r ? d && d === "dark" ? s.GREY_LIGHT_4 : s.GREY_DARK_1 : t, o = r ? void 0 : w, c = w && !r ? `${h || ""} clickable` : h;
-  return /* @__PURE__ */ i(F, { children: (() => {
+  return /* @__PURE__ */ i(j, { children: (() => {
     switch (e) {
       case "arrow1Down":
         return v2({ width: l, height: C, color: a, className: c, onClick: o });
@@ -2660,9 +2673,9 @@ const c2 = (e, l) => {
       case "logOut":
         return $2({ width: l, height: C, color: a, className: c, onClick: o });
       case "settings":
-        return j2({ width: l, height: C, color: a, className: c, onClick: o });
-      case "trash":
         return F2({ width: l, height: C, color: a, className: c, onClick: o });
+      case "trash":
+        return j2({ width: l, height: C, color: a, className: c, onClick: o });
       case "settings2":
         return P2({ width: l, height: C, color: a, className: c, onClick: o });
       case "checkCircle":
@@ -2700,9 +2713,9 @@ const c2 = (e, l) => {
       case "arrow2Up":
         return V2({ width: l, height: C, color: a, className: c, onClick: o });
       case "arrow2Right":
-        return _2({ width: l, height: C, color: a, className: c, onClick: o });
-      case "arrow2Down":
         return H2({ width: l, height: C, color: a, className: c, onClick: o });
+      case "arrow2Down":
+        return _2({ width: l, height: C, color: a, className: c, onClick: o });
       case "arrow2Left":
         return R2({ width: l, height: C, color: a, className: c, onClick: o });
       case "link":
@@ -2748,13 +2761,13 @@ const c2 = (e, l) => {
       case "status":
         return V5({ width: l, height: C, color: a, className: c, onClick: o });
       case "community":
-        return _5({ width: l, height: C, color: a, className: c, onClick: o });
-      case "docs":
         return H5({ width: l, height: C, color: a, className: c, onClick: o });
+      case "docs":
+        return _5({ width: l, height: C, color: a, className: c, onClick: o });
       case "unpaidLeave":
         return R5({ width: l, height: C, color: a, className: c, onClick: o });
       default:
-        return /* @__PURE__ */ i(F, { children: "No Icon provided" });
+        return /* @__PURE__ */ i(j, { children: "No Icon provided" });
     }
   })() });
 }, { Title: x5, Text: A5 } = L1, D5 = {
@@ -2776,12 +2789,12 @@ const c2 = (e, l) => {
   }, a) => {
     const o = O(null);
     o1(a, () => o.current);
-    const [c, _] = V(!1);
+    const [c, H] = V(!1);
     K(() => {
       var m;
       if (!d) return;
       const M = () => {
-        o.current && _(o.current.scrollWidth > o.current.clientWidth);
+        o.current && H(o.current.scrollWidth > o.current.clientWidth);
       };
       M();
       const p = new ResizeObserver(M);
@@ -3178,7 +3191,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), j5 = ({
+), F5 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -3202,7 +3215,7 @@ const c2 = (e, l) => {
       }
     )
   }
-), F5 = ({
+), j5 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -4455,7 +4468,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), _7 = ({
+), H7 = ({
   className: e,
   color: l = s.GREY_DARK_5,
   height: C = 20,
@@ -4495,7 +4508,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), H7 = ({
+), _7 = ({
   className: e,
   color: l = s.GREY_DARK_5,
   height: C = 20,
@@ -5003,7 +5016,7 @@ const c2 = (e, l) => {
   color: C = s.GREY_DARK_5,
   className: t,
   onClick: h
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -5013,16 +5026,29 @@ const c2 = (e, l) => {
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     onClick: h,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
-        stroke: C,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M20.25 19V6.81055L16.1895 2.75L7 2.75C6.58579 2.75 6.25 2.41421 6.25 2C6.25 1.58579 6.58579 1.25 7 1.25L16.5 1.25C16.6989 1.25 16.8896 1.32907 17.0303 1.46973L21.5303 5.96973C21.6709 6.11038 21.75 6.30109 21.75 6.5V19C21.75 19.4142 21.4142 19.75 21 19.75C20.5858 19.75 20.25 19.4142 20.25 19Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M18.75 20.5C18.75 21.7426 17.7426 22.75 16.5 22.75H4.5C3.25736 22.75 2.25 21.7426 2.25 20.5V6.5C2.25 5.25736 3.25736 4.25 4.5 4.25H14.252C14.6098 4.25013 14.953 4.39245 15.2061 4.64551L18.3545 7.79395C18.6076 8.04701 18.7499 8.39018 18.75 8.74805V20.5ZM3.75 20.5C3.75 20.9142 4.08579 21.25 4.5 21.25H16.5C16.9142 21.25 17.25 20.9142 17.25 20.5V8.81055L14.1895 5.75H4.5C4.08579 5.75 3.75 6.08579 3.75 6.5V20.5Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M13.25 5C13.25 4.58579 13.5858 4.25 14 4.25C14.4142 4.25 14.75 4.58579 14.75 5V8.25H18C18.4142 8.25 18.75 8.58579 18.75 9C18.75 9.41421 18.4142 9.75 18 9.75H14.5996C13.8543 9.74979 13.2502 9.14567 13.25 8.40039V5Z",
+          fill: C
+        }
+      )
+    ]
   }
 ), O7 = ({
   width: e = 20,
@@ -5058,7 +5084,7 @@ const c2 = (e, l) => {
   onClick: w
 }) => {
   const { theme: d } = Q(s1), a = r ? d && d === "dark" ? s.GREY_LIGHT_4 : s.GREY_DARK_1 : t, o = r ? void 0 : w, c = w && !r ? `${h || ""} clickable` : h;
-  return /* @__PURE__ */ i(F, { children: (() => {
+  return /* @__PURE__ */ i(j, { children: (() => {
     switch (e) {
       case "arrow1Down":
         return G5({ width: l, height: C, color: a, className: c, onClick: o });
@@ -5077,9 +5103,9 @@ const c2 = (e, l) => {
       case "calendar":
         return $5({ width: l, height: C, color: a, className: c, onClick: o });
       case "check":
-        return j5({ width: l, height: C, color: a, className: c, onClick: o });
-      case "cancel":
         return F5({ width: l, height: C, color: a, className: c, onClick: o });
+      case "cancel":
+        return j5({ width: l, height: C, color: a, className: c, onClick: o });
       case "add":
         return P5({ width: l, height: C, color: a, className: c, onClick: o });
       case "list":
@@ -5179,9 +5205,9 @@ const c2 = (e, l) => {
       case "plusCircle":
         return V7({ width: l, height: C, color: a, className: c, onClick: o });
       case "warning":
-        return _7({ width: l, height: C, color: a, className: c, onClick: o });
-      case "bell":
         return H7({ width: l, height: C, color: a, className: c, onClick: o });
+      case "bell":
+        return _7({ width: l, height: C, color: a, className: c, onClick: o });
       case "copy":
         return R7({ width: l, height: C, color: a, className: c, onClick: o });
       case "contract":
@@ -5211,7 +5237,7 @@ const c2 = (e, l) => {
       case "unpaidLeave":
         return O7({ width: l, height: C, color: a, className: c, onClick: o });
       default:
-        return /* @__PURE__ */ i(F, { children: "No Icon provided" });
+        return /* @__PURE__ */ i(j, { children: "No Icon provided" });
     }
   })() });
 }, K1 = ({
@@ -5252,12 +5278,12 @@ const c2 = (e, l) => {
       ) : e
     }
   );
-}, { Title: W7, Text: $7 } = L1, j7 = {
+}, { Title: W7, Text: $7 } = L1, F7 = {
   h1: 1,
   h2: 2,
   h3: 3,
   h4: 4
-}, F7 = J(
+}, j7 = J(
   ({
     align: e = "inherit",
     variant: l = "body1",
@@ -5271,12 +5297,12 @@ const c2 = (e, l) => {
   }, a) => {
     const o = O(null);
     o1(a, () => o.current);
-    const [c, _] = V(!1);
+    const [c, H] = V(!1);
     K(() => {
       var m;
       if (!d) return;
       const M = () => {
-        o.current && _(o.current.scrollWidth > o.current.clientWidth);
+        o.current && H(o.current.scrollWidth > o.current.clientWidth);
       };
       M();
       const p = new ResizeObserver(M);
@@ -5299,7 +5325,7 @@ const c2 = (e, l) => {
         }
       } : void 0
     };
-    return u ? /* @__PURE__ */ i(W7, { level: j7[l], ...f, children: t }) : /* @__PURE__ */ i($7, { ...f, children: t });
+    return u ? /* @__PURE__ */ i(W7, { level: F7[l], ...f, children: t }) : /* @__PURE__ */ i($7, { ...f, children: t });
   }
 ), P7 = ({
   children: e,
@@ -5345,12 +5371,12 @@ const c2 = (e, l) => {
   }, a) => {
     const o = O(null);
     o1(a, () => o.current);
-    const [c, _] = V(!1);
+    const [c, H] = V(!1);
     K(() => {
       var m;
       if (!d) return;
       const M = () => {
-        o.current && _(o.current.scrollWidth > o.current.clientWidth);
+        o.current && H(o.current.scrollWidth > o.current.clientWidth);
       };
       M();
       const p = new ResizeObserver(M);
@@ -6393,7 +6419,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), _9 = ({
+), H9 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -6426,7 +6452,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), H9 = ({
+), _9 = ({
   width: e = 20,
   height: l = 20,
   color: C = "#070739",
@@ -7064,7 +7090,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), j9 = ({
+), F9 = ({
   className: e,
   color: l = s.GREY_DARK_5,
   height: C = 20,
@@ -7097,7 +7123,7 @@ const c2 = (e, l) => {
       )
     ]
   }
-), F9 = ({
+), j9 = ({
   className: e,
   color: l = s.GREY_DARK_5,
   height: C = 20,
@@ -7572,7 +7598,7 @@ const c2 = (e, l) => {
   color: C = s.GREY_DARK_5,
   className: t,
   onClick: h
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -7582,16 +7608,29 @@ const c2 = (e, l) => {
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     onClick: h,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
-        stroke: C,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M20.25 19V6.81055L16.1895 2.75L7 2.75C6.58579 2.75 6.25 2.41421 6.25 2C6.25 1.58579 6.58579 1.25 7 1.25L16.5 1.25C16.6989 1.25 16.8896 1.32907 17.0303 1.46973L21.5303 5.96973C21.6709 6.11038 21.75 6.30109 21.75 6.5V19C21.75 19.4142 21.4142 19.75 21 19.75C20.5858 19.75 20.25 19.4142 20.25 19Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M18.75 20.5C18.75 21.7426 17.7426 22.75 16.5 22.75H4.5C3.25736 22.75 2.25 21.7426 2.25 20.5V6.5C2.25 5.25736 3.25736 4.25 4.5 4.25H14.252C14.6098 4.25013 14.953 4.39245 15.2061 4.64551L18.3545 7.79395C18.6076 8.04701 18.7499 8.39018 18.75 8.74805V20.5ZM3.75 20.5C3.75 20.9142 4.08579 21.25 4.5 21.25H16.5C16.9142 21.25 17.25 20.9142 17.25 20.5V8.81055L14.1895 5.75H4.5C4.08579 5.75 3.75 6.08579 3.75 6.5V20.5Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M13.25 5C13.25 4.58579 13.5858 4.25 14 4.25C14.4142 4.25 14.75 4.58579 14.75 5V8.25H18C18.4142 8.25 18.75 8.58579 18.75 9C18.75 9.41421 18.4142 9.75 18 9.75H14.5996C13.8543 9.74979 13.2502 9.14567 13.25 8.40039V5Z",
+          fill: C
+        }
+      )
+    ]
   }
 ), h4 = ({
   width: e = 20,
@@ -7627,7 +7666,7 @@ const c2 = (e, l) => {
   onClick: w
 }) => {
   const { theme: d } = Q(s1), a = r ? d && d === "dark" ? s.GREY_LIGHT_4 : s.GREY_DARK_1 : t, o = r ? void 0 : w, c = w && !r ? `${h || ""} clickable` : h;
-  return /* @__PURE__ */ i(F, { children: (() => {
+  return /* @__PURE__ */ i(j, { children: (() => {
     switch (e) {
       case "arrow1Down":
         return J7({ width: l, height: C, color: a, className: c, onClick: o });
@@ -7694,9 +7733,9 @@ const c2 = (e, l) => {
       case "checkCircle":
         return V9({ width: l, height: C, color: a, className: c, onClick: o });
       case "cancelCircle":
-        return _9({ width: l, height: C, color: a, className: c, onClick: o });
+        return H9({ width: l, height: C, color: a, className: c, onClick: o });
       case "visibilityIcon":
-        return H9({
+        return _9({
           width: l,
           height: C,
           color: a,
@@ -7750,9 +7789,9 @@ const c2 = (e, l) => {
       case "warning":
         return $9({ width: l, height: C, color: a, className: c, onClick: o });
       case "bell":
-        return j9({ width: l, height: C, color: a, className: c, onClick: o });
-      case "copy":
         return F9({ width: l, height: C, color: a, className: c, onClick: o });
+      case "copy":
+        return j9({ width: l, height: C, color: a, className: c, onClick: o });
       case "contract":
         return P9({ width: l, height: C, color: a, className: c, onClick: o });
       case "resourceManager":
@@ -7780,7 +7819,7 @@ const c2 = (e, l) => {
       case "unpaidLeave":
         return h4({ width: l, height: C, color: a, className: c, onClick: o });
       default:
-        return /* @__PURE__ */ i(F, { children: "No Icon provided" });
+        return /* @__PURE__ */ i(j, { children: "No Icon provided" });
     }
   })() });
 }, o4 = ({
@@ -7880,9 +7919,9 @@ const a4 = ({
   extraOptions: w,
   selectedItemVariant: d = "default"
 }) => {
-  const { locale: a } = Q(s1), { t: o } = n2("common", { lng: a }), [c, _] = V(!1);
+  const { locale: a } = Q(s1), { t: o } = n2("common", { lng: a }), [c, H] = V(!1);
   if (K(() => {
-    e.length || _(!1);
+    e.length || H(!1);
   }, [e]), !e.length)
     return null;
   const u = (g) => {
@@ -7921,7 +7960,7 @@ const a4 = ({
       ),
       placement: "bottomRight",
       isOpen: c,
-      setIsOpen: _,
+      setIsOpen: H,
       children: [
         e.length,
         " ",
@@ -8385,7 +8424,7 @@ const a4 = ({
       }
     )
   }
-), _4 = ({
+), H4 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -8446,7 +8485,7 @@ const a4 = ({
       )
     ]
   }
-), H4 = ({
+), _4 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -9126,7 +9165,7 @@ const a4 = ({
       )
     ]
   }
-), j4 = ({
+), F4 = ({
   width: e = 20,
   height: l = 20,
   color: C = s.GREY_DARK_5,
@@ -9173,7 +9212,7 @@ const a4 = ({
       )
     ]
   }
-), F4 = ({
+), j4 = ({
   className: e,
   color: l = s.GREY_DARK_5,
   height: C = 20,
@@ -10138,7 +10177,7 @@ const a4 = ({
   color: C = s.GREY_DARK_5,
   className: t,
   onClick: h
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -10148,16 +10187,29 @@ const a4 = ({
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     onClick: h,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        d: "M7 7H17M7 12H17M7 17H13M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z",
-        stroke: C,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M20.25 19V6.81055L16.1895 2.75L7 2.75C6.58579 2.75 6.25 2.41421 6.25 2C6.25 1.58579 6.58579 1.25 7 1.25L16.5 1.25C16.6989 1.25 16.8896 1.32907 17.0303 1.46973L21.5303 5.96973C21.6709 6.11038 21.75 6.30109 21.75 6.5V19C21.75 19.4142 21.4142 19.75 21 19.75C20.5858 19.75 20.25 19.4142 20.25 19Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M18.75 20.5C18.75 21.7426 17.7426 22.75 16.5 22.75H4.5C3.25736 22.75 2.25 21.7426 2.25 20.5V6.5C2.25 5.25736 3.25736 4.25 4.5 4.25H14.252C14.6098 4.25013 14.953 4.39245 15.2061 4.64551L18.3545 7.79395C18.6076 8.04701 18.7499 8.39018 18.75 8.74805V20.5ZM3.75 20.5C3.75 20.9142 4.08579 21.25 4.5 21.25H16.5C16.9142 21.25 17.25 20.9142 17.25 20.5V8.81055L14.1895 5.75H4.5C4.08579 5.75 3.75 6.08579 3.75 6.5V20.5Z",
+          fill: C
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M13.25 5C13.25 4.58579 13.5858 4.25 14 4.25C14.4142 4.25 14.75 4.58579 14.75 5V8.25H18C18.4142 8.25 18.75 8.58579 18.75 9C18.75 9.41421 18.4142 9.75 18 9.75H14.5996C13.8543 9.74979 13.2502 9.14567 13.25 8.40039V5Z",
+          fill: C
+        }
+      )
+    ]
   }
 ), k0 = ({
   width: e = 20,
@@ -10193,7 +10245,7 @@ const a4 = ({
   onClick: w
 }) => {
   const { theme: d } = Q(s1), a = r ? d && d === "dark" ? s.GREY_LIGHT_4 : s.GREY_DARK_1 : t, o = r ? void 0 : w, c = w && !r ? `${h || ""} clickable` : h;
-  return /* @__PURE__ */ i(F, { children: (() => {
+  return /* @__PURE__ */ i(j, { children: (() => {
     switch (e) {
       case "arrow1Down":
         return r4({ width: l, height: C, color: a, className: c, onClick: o });
@@ -10218,9 +10270,9 @@ const a4 = ({
       case "add":
         return V4({ width: l, height: C, color: a, className: c, onClick: o });
       case "list":
-        return _4({ width: l, height: C, color: a, className: c, onClick: o });
-      case "dragAndDrop":
         return H4({ width: l, height: C, color: a, className: c, onClick: o });
+      case "dragAndDrop":
+        return _4({ width: l, height: C, color: a, className: c, onClick: o });
       case "filter1":
         return R4({ width: l, height: C, color: a, className: c, onClick: o });
       case "filter2":
@@ -10282,9 +10334,9 @@ const a4 = ({
       case "sortDown":
         return $4({ width: l, height: C, color: a, className: c, onClick: o });
       case "sortDouble":
-        return j4({ width: l, height: C, color: a, className: c, onClick: o });
-      case "search":
         return F4({ width: l, height: C, color: a, className: c, onClick: o });
+      case "search":
+        return j4({ width: l, height: C, color: a, className: c, onClick: o });
       case "arrowUpFilled":
         return U4({ width: l, height: C, color: a, className: c, onClick: o });
       case "arrowDownFilled":
@@ -10346,7 +10398,7 @@ const a4 = ({
       case "unpaidLeave":
         return k0({ width: l, height: C, color: a, className: c, onClick: o });
       default:
-        return /* @__PURE__ */ i(F, { children: "No Icon provided" });
+        return /* @__PURE__ */ i(j, { children: "No Icon provided" });
     }
   })() });
 }, M0 = ({
@@ -10391,7 +10443,7 @@ const u0 = J((e, l) => {
     width: a,
     disabled: o = !1,
     required: c = !1,
-    clearable: _ = !0,
+    clearable: H = !0,
     scrollThresholdValue: u = 50,
     onSearchChange: g,
     onDropdownVisibleChange: f,
@@ -10409,7 +10461,7 @@ const u0 = J((e, l) => {
   } = e;
   let X;
   r && r !== "single" && (X = e.overflowBehaviour ?? "responsive");
-  const [b, U] = V(!1), [z, g1] = V(!1), [W, c1] = V(!1), [a1, C1] = V(!0), [H, $] = V(C), n1 = O(null), l1 = r === "single" && I === "badge";
+  const [b, U] = V(!1), [z, g1] = V(!1), [W, c1] = V(!1), [a1, C1] = V(!0), [_, $] = V(C), n1 = O(null), l1 = r === "single" && I === "badge";
   K(() => {
     $(C);
   }, [C]);
@@ -10450,20 +10502,20 @@ const u0 = J((e, l) => {
     }
   }, [o, P, r, A]), i1 = y(
     (L) => {
-      const v = H.filter((R) => R !== L);
+      const v = _.filter((R) => R !== L);
       P(v), $(v);
     },
-    [P, H]
+    [P, _]
   ), N = y(
-    (L) => (H == null ? void 0 : H.indexOf(L)) === 0 ? (
+    (L) => (_ == null ? void 0 : _.indexOf(L)) === 0 ? (
       // if the search input is empty
       // then display the placeholder, else do not display it
       /* @__PURE__ */ i("span", { className: "custom-placeholder", children: a1 ? h : "" })
-    ) : /* @__PURE__ */ i(F, {}),
-    [a1, H, h]
+    ) : /* @__PURE__ */ i(j, {}),
+    [a1, _, h]
   ), G = (L) => {
     L.preventDefault(), L.stopPropagation();
-  }, j = async (L) => {
+  }, F = async (L) => {
     const { target: v } = L;
     v.scrollTop + v.offsetHeight >= v.scrollHeight - u && (m == null || m(!0)), M && await M(L);
   }, D = y(
@@ -10508,7 +10560,7 @@ const u0 = J((e, l) => {
       }
     },
     [o, D, i1, N, I, d]
-  ), e1 = Array.isArray(H) && H.length > 0 || !!H && typeof H == "string" && H.trim() !== "";
+  ), e1 = Array.isArray(_) && _.length > 0 || !!_ && typeof _ == "string" && _.trim() !== "";
   return /* @__PURE__ */ n(
     "div",
     {
@@ -10536,7 +10588,7 @@ const u0 = J((e, l) => {
                   filterOption: w && p1,
                   onDropdownVisibleChange: m1,
                   disabled: o,
-                  value: H || void 0,
+                  value: _ || void 0,
                   labelRender: (L) => {
                     const v = D(L.value);
                     return o ? /* @__PURE__ */ i("span", { style: { color: s.GREY_DARK_1 }, children: v }) : v;
@@ -10556,10 +10608,10 @@ const u0 = J((e, l) => {
                   tagRender: (L) => T({ ...L, mode: r }),
                   maxTagCount: X === "responsive" ? "responsive" : void 0,
                   maxTagPlaceholder: (L) => B(L, I),
-                  onPopupScroll: j,
+                  onPopupScroll: F,
                   prefix: k && /* @__PURE__ */ i(A1, { size: "small" }),
-                  suffixIcon: /* @__PURE__ */ i("div", { className: "wrapper-suffix-icon", children: r !== "filter" && /* @__PURE__ */ n(F, { children: [
-                    H && !!H.length && _ && /* @__PURE__ */ i(
+                  suffixIcon: /* @__PURE__ */ i("div", { className: "wrapper-suffix-icon", children: r !== "filter" && /* @__PURE__ */ n(j, { children: [
+                    _ && !!_.length && H && /* @__PURE__ */ i(
                       "div",
                       {
                         onClick: v1,
@@ -10599,7 +10651,7 @@ const u0 = J((e, l) => {
                       r && /* @__PURE__ */ i(
                         k2,
                         {
-                          checked: !!(H != null && H.includes(L.value))
+                          checked: !!(_ != null && _.includes(L.value))
                         }
                       ),
                       /* @__PURE__ */ n(w1, { alignItems: "center", gap: 8, children: [
@@ -10614,7 +10666,7 @@ const u0 = J((e, l) => {
                         /* @__PURE__ */ i("span", { children: L.label })
                       ] })
                     ] }),
-                    !r && H === L.value && /* @__PURE__ */ i(d1, { name: "check", color: s.BLUE_DARK_1 })
+                    !r && _ === L.value && /* @__PURE__ */ i(d1, { name: "check", color: s.BLUE_DARK_1 })
                   ] }),
                   dropdownRender: (L) => /* @__PURE__ */ n("div", { className: "dropdown-container", children: [
                     /* @__PURE__ */ i("div", { className: "dropdown-menu", children: S ? S(L) : L }),
@@ -10650,7 +10702,7 @@ const u0 = J((e, l) => {
               width: 16
             }
           ),
-          typeof Z == "string" ? /* @__PURE__ */ i(F7, { color: s.NOTIFICATION_ERROR_DARK, variant: "body4", children: Z }) : Z
+          typeof Z == "string" ? /* @__PURE__ */ i(j7, { color: s.NOTIFICATION_ERROR_DARK, variant: "body4", children: Z }) : Z
         ] })
       ]
     }
@@ -10659,7 +10711,7 @@ const u0 = J((e, l) => {
 function V0(e, l) {
   return e === "filter" || l ? "multiple" : e === "single" ? void 0 : e;
 }
-function _0(e, l = 500) {
+function H0(e, l = 500) {
   const C = O();
   return K(() => () => {
     C.current && clearTimeout(C.current);
@@ -10689,7 +10741,7 @@ const N1 = 100, h1 = {
     placeholder: a,
     mode: o,
     loadOnClosedState: c,
-    preloadOptions: _,
+    preloadOptions: H,
     extraOptions: u,
     onDropdownVisibleChange: g,
     optionRender: f,
@@ -10701,18 +10753,18 @@ const N1 = 100, h1 = {
     variant: x = "outlined"
   } = e, [k, A] = V(), [Z, I] = V(h1), [Y, X] = V(!1), [b, U] = V(), [z, g1] = V(!1), [W, c1] = V(
     u ?? []
-  ), a1 = D1(Z.offset), C1 = D1(b), [H, $] = V(!1), n1 = O(!1), l1 = y(
+  ), a1 = D1(Z.offset), C1 = D1(b), [_, $] = V(!1), n1 = O(!1), l1 = y(
     async ({
       limit: N = N1,
       offset: G,
-      search: j
+      search: F
     }) => {
       X(!0);
       try {
         const D = await C({
           limit: N,
           offset: G,
-          search: j
+          search: F
         });
         A(
           (B) => G === 0 ? D.options : [...B ?? [], ...D.options]
@@ -10727,7 +10779,7 @@ const N1 = 100, h1 = {
       }
     },
     [C]
-  ), m1 = _0((N) => {
+  ), m1 = H0((N) => {
     U(N), N || I(h1);
   }), p1 = y(
     (N) => m1(N),
@@ -10748,13 +10800,13 @@ const N1 = 100, h1 = {
   );
   K(() => {
     if (!n1.current || Y) return;
-    (H || z && (a1 !== Z.offset || C1 !== b || !k)) && (l1({ offset: Z.offset, limit: N1, search: b }), H && $(!1));
-  }, [H, z, Z.offset, b, a1, C1, k, Y]), K(() => {
-    (c || _) && l1(h1), n1.current = !0;
+    (_ || z && (a1 !== Z.offset || C1 !== b || !k)) && (l1({ offset: Z.offset, limit: N1, search: b }), _ && $(!1));
+  }, [_, z, Z.offset, b, a1, C1, k, Y]), K(() => {
+    (c || H) && l1(h1), n1.current = !0;
   }, []), K(() => {
     u && c1((N) => {
       const G = u.filter(
-        (j) => !N.some((D) => D.value === j.value)
+        (F) => !N.some((D) => D.value === F.value)
       );
       return [...N, ...G];
     });
@@ -10764,12 +10816,12 @@ const N1 = 100, h1 = {
       h && h(N);
       let G = [];
       if (o ? G = Array.isArray(N) ? N : [] : G = N ? [N] : [], b) {
-        const j = G.filter(
+        const F = G.filter(
           (D) => !(W != null && W.some((B) => B.value === D))
         );
-        j.length > 0 && c1((D = []) => [
+        F.length > 0 && c1((D = []) => [
           ...D,
-          ...j.map((B) => {
+          ...F.map((B) => {
             const T = k == null ? void 0 : k.find((e1) => e1.value === B);
             return {
               value: B,
@@ -10831,7 +10883,7 @@ const N1 = 100, h1 = {
     }
   }));
   const i1 = V1(() => {
-    const N = o && o !== "single", G = e.selectedItemVariant === "badge", j = G ? k || [] : k || [], D = W, B = e, e1 = N ? {
+    const N = o && o !== "single", G = e.selectedItemVariant === "badge", F = G ? k || [] : k || [], D = W, B = e, e1 = N ? {
       mode: o,
       overflowBehaviour: B.overflowBehaviour,
       value: B.value
@@ -10843,7 +10895,7 @@ const N1 = 100, h1 = {
       ...v1,
       ...e1,
       selectedItemVariant: e.selectedItemVariant,
-      options: j,
+      options: F,
       extraOptions: D
     };
   }, [o, e, v1, W, k]);

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.13.10",
+    "version": "1.13.11",
     "type": "module",
     "main": "dist/async-select.js",
     "types": "dist/index.d.ts",
@@ -18,11 +18,11 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/select": "^1.29.3"
+        "@snmt-react-ui/select": "^1.29.4"
     },
     "peerDependencies": {
         "antd": "^5.18.3",
         "react": ">=18.2.0"
     },
-    "gitHead": "89ca30cc7f6717d706c48770b3ca53cb3ec3e5e4"
+    "gitHead": "70ef18b3879cb0bdaaf12ea2a202fc7194aadc2e"
 }