mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,145 +1,146 @@
-import { jsxs as u, jsx as i, Fragment as ee } from "react/jsx-runtime";
+import { jsxs as d, jsx as i, Fragment as ee } from "react/jsx-runtime";
 import { u as Qe } from "../../index-D5H8gPPn.js";
-import { c } from "../../index-DIxK0V-G.js";
+import { c as l } from "../../index-DIxK0V-G.js";
 import { forwardRef as Xe, useId as Ze, useRef as j, useState as f, useEffect as A, useMemo as te, useCallback as et } from "react";
 import { EMultiSelectSearchSize as D, ELoadingIndicatorPlacement as P } from "./constants.js";
-import { getInitialInputValue as ve, shouldShowMenuOnTop as tt, MULTISELECT_OPEN_EVENT as ge, prepareGroupedItems as nt, mapSizeToInputSize as ke, getDropdownArrowIcon as it, joinSelectedItems as Ie, dispatchMultiselectOpen as U } from "./utils.js";
+import { getInitialInputValue as ge, shouldShowMenuOnTop as tt, MULTISELECT_OPEN_EVENT as be, prepareGroupedItems as nt, mapSizeToInputSize as Ie, getDropdownArrowIcon as it, joinSelectedItems as we, dispatchMultiselectOpen as U } from "./utils.js";
 import { Icon as ot } from "../../icons/Icon.js";
 import { Button as st } from "../Button/Button.js";
-import { CheckboxMimir as we } from "../CheckboxMimir/CheckboxMimir.js";
+import { CheckboxMimir as ye } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as rt } from "../Chip/Chip.js";
-import { I as ye } from "../../Input-BU_6U1CW.js";
-import { EInputVariant as at } from "../Input/constants.js";
-import { Loader as Ne } from "../Loader/Loader.js";
-import { H as lt, U as Se, G as xe, W as Ce, K as ct } from "../../combobox-fIVOzEhl.js";
-import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut = "_container_1b2pk_9", pt = "_loader_1b2pk_37", mt = "_full_1b2pk_47", ft = "_button_1b2pk_59", ht = "_options_1b2pk_73", _t = "_visible_1b2pk_86", bt = "_top_1b2pk_89", vt = "_bottom_1b2pk_94", gt = "_m_1b2pk_2", kt = "_l_1b2pk_37", It = "_focused_1b2pk_154", wt = "_option_1b2pk_73", yt = "_chip_1b2pk_183", Nt = "_clear_1b2pk_208", t = {
-  "multi-select-search": "_multi-select-search_1b2pk_2",
-  disabled: dt,
-  container: ut,
-  "container-open": "_container-open_1b2pk_18",
-  "group-header": "_group-header_1b2pk_22",
-  "sticky-active": "_sticky-active_1b2pk_33",
+import { I as Ne } from "../../Input-CGZoshMl.js";
+import { EInputVariant as ct } from "../Input/constants.js";
+import { Loader as Se } from "../Loader/Loader.js";
+import { H as at, U as xe, G as Le, W as Ce, K as lt } from "../../combobox-fIVOzEhl.js";
+import '../../assets/MultiSelectSearch.css';const ut = "_disabled_uc668_5", dt = "_container_uc668_9", pt = "_loader_uc668_37", mt = "_full_uc668_47", ft = "_button_uc668_59", ht = "_options_uc668_73", _t = "_visible_uc668_86", vt = "_top_uc668_89", gt = "_bottom_uc668_94", bt = "_s_uc668_33", It = "_m_uc668_2", wt = "_l_uc668_37", yt = "_focused_uc668_166", Nt = "_option_uc668_73", St = "_chip_uc668_195", xt = "_clear_uc668_220", t = {
+  "multi-select-search": "_multi-select-search_uc668_2",
+  disabled: ut,
+  container: dt,
+  "container-open": "_container-open_uc668_18",
+  "group-header": "_group-header_uc668_22",
+  "sticky-active": "_sticky-active_uc668_33",
   loader: pt,
-  "input-container": "_input-container_1b2pk_42",
+  "input-container": "_input-container_uc668_42",
   full: mt,
-  "selected-icon": "_selected-icon_1b2pk_51",
-  "selector-icon-open": "_selector-icon-open_1b2pk_55",
+  "selected-icon": "_selected-icon_uc668_51",
+  "selector-icon-open": "_selector-icon-open_uc668_55",
   button: ft,
-  "selector-icon": "_selector-icon_1b2pk_55",
+  "selector-icon": "_selector-icon_uc668_55",
   options: ht,
   visible: _t,
-  top: bt,
-  bottom: vt,
-  "no-options": "_no-options_1b2pk_115",
-  m: gt,
-  l: kt,
-  "multi-select-input-disabled": "_multi-select-input-disabled_1b2pk_151",
-  "multi-select-input": "_multi-select-input_1b2pk_151",
-  focused: It,
-  option: wt,
-  "option-active": "_option-active_1b2pk_173",
-  "option-inner": "_option-inner_1b2pk_176",
-  chip: yt,
-  "chip-container": "_chip-container_1b2pk_188",
-  "chip-root": "_chip-root_1b2pk_194",
-  "right-slot": "_right-slot_1b2pk_198",
-  "required-mark": "_required-mark_1b2pk_203",
-  clear: Nt,
-  "icon-button": "_icon-button_1b2pk_217"
-}, Ft = Xe(
-  (Le, Ee) => {
+  top: vt,
+  bottom: gt,
+  "no-options": "_no-options_uc668_115",
+  s: bt,
+  m: It,
+  l: wt,
+  "multi-select-input-disabled": "_multi-select-input-disabled_uc668_163",
+  "multi-select-input": "_multi-select-input_uc668_163",
+  focused: yt,
+  option: Nt,
+  "option-active": "_option-active_uc668_185",
+  "option-inner": "_option-inner_uc668_188",
+  chip: St,
+  "chip-container": "_chip-container_uc668_200",
+  "chip-root": "_chip-root_uc668_206",
+  "right-slot": "_right-slot_uc668_210",
+  "required-mark": "_required-mark_uc668_215",
+  clear: xt,
+  "icon-button": "_icon-button_uc668_229"
+}, Rt = Xe(
+  (ke, Ee) => {
     const {
       placeholder: ne,
       size: s = D.L,
       value: h,
-      onChange: a,
+      onChange: c,
       full: Me,
       showArrow: Te = !0,
-      items: v = [],
+      items: g = [],
       classNameOption: ie,
-      displayValue: g = "name",
+      displayValue: b = "name",
       filterOnSearch: oe = !0,
       onSearch: W,
-      variant: se = at.DefaultGray,
+      variant: se = ct.DefaultGray,
       menuPlacement: C = "bottom",
       disabled: p = !1,
       searchProps: re,
       withClearButton: K = !1,
       withChip: Oe = !1,
       chipVariant: ze = "sapphire",
-      disableInput: L = !1,
-      autocomplete: ae = "on",
+      disableInput: k = !1,
+      autocomplete: ce = "on",
       id: Ve,
       autoPlacement: Y = !1,
-      onIsOpen: d,
+      onIsOpen: u,
       noOptionsText: Ae = "Нет данных",
       noMatchText: De = "Ничего не найдено",
       loadOnOpen: B,
-      loading: le,
+      loading: ae,
       loadingIndicatorPlacement: q = P.Both,
       groupBy: _,
-      getGroupTitle: ce = (e) => e
-    } = Le, Pe = Ze(), k = Ve || `multiselect-${Pe}`, E = j(null), I = j(null), Q = j(!1), G = j(null), [l, w] = f(!1), [M, T] = f(
-      () => ve(h, g)
+      getGroupTitle: le = (e) => e
+    } = ke, Pe = Ze(), I = Ve || `multiselect-${Pe}`, E = j(null), w = j(null), Q = j(!1), G = j(null), [a, y] = f(!1), [M, T] = f(
+      () => ge(h, b)
     ), [r, O] = f(
       h || []
-    ), [F, de] = f(C), [R, ue] = f(!1), [Be, pe] = f(!1), [qe, H] = f(!1), [X, Ge] = f(null), me = le !== void 0 ? le : qe;
+    ), [F, ue] = f(C), [R, de] = f(!1), [Be, pe] = f(!1), [qe, H] = f(!1), [X, Ge] = f(null), me = ae !== void 0 ? ae : qe;
     A(() => {
-      h && (O(h), JSON.stringify(h) !== JSON.stringify(r) && T(ve(h, g)));
-    }, [h, g, r]);
+      h && (O(h), JSON.stringify(h) !== JSON.stringify(r) && T(ge(h, b)));
+    }, [h, b, r]);
     const z = te(() => {
       var n;
-      if (!oe) return v;
+      if (!oe) return g;
       const e = ((n = M.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
-      return r.length > 0 && r[r.length - 1].name.toLowerCase() === e ? v : v.filter(
+      return r.length > 0 && r[r.length - 1].name.toLowerCase() === e ? g : g.filter(
         (o) => o.name.toLowerCase().includes(e)
       );
-    }, [oe, v, M, r]), Fe = (e) => {
-      O(e), a == null || a(e);
-      const n = Ie(e, g);
-      T(n), w(!0), U(k), setTimeout(() => {
-        if (I.current) {
-          I.current.focus(), I.current.scrollLeft = I.current.scrollWidth;
+    }, [oe, g, M, r]), Fe = (e) => {
+      O(e), c == null || c(e);
+      const n = we(e, b);
+      T(n), y(!0), U(I), setTimeout(() => {
+        if (w.current) {
+          w.current.focus(), w.current.scrollLeft = w.current.scrollWidth;
           const o = n.length;
-          I.current.setSelectionRange(o, o);
+          w.current.setSelectionRange(o, o);
         }
       }, 0);
     }, fe = async (e) => {
-      var b;
-      if (L) return;
+      var v;
+      if (k) return;
       const n = e.target.value;
       T(n), W == null || W(n);
-      const o = n.split(",").map((x) => x.trim()).filter(Boolean), N = v.filter(
-        (x) => o.includes(x[g])
+      const o = n.split(",").map((L) => L.trim()).filter(Boolean), S = g.filter(
+        (L) => o.includes(L[b])
       );
-      if (JSON.stringify(N) !== JSON.stringify(r) && (O(N), a == null || a(N)), !l && (w(!0), U(k), B))
+      if (JSON.stringify(S) !== JSON.stringify(r) && (O(S), c == null || c(S)), !a && (y(!0), U(I), B))
         try {
           H(!0), await B();
         } finally {
           H(!1);
         }
-      const S = (b = E.current) == null ? void 0 : b.querySelector(
+      const x = (v = E.current) == null ? void 0 : v.querySelector(
         `.${t.options}`
       );
-      S && typeof S.scrollTo == "function" && S.scrollTo({ top: 0, behavior: "smooth" });
+      x && typeof x.scrollTo == "function" && x.scrollTo({ top: 0, behavior: "smooth" });
     }, Re = (e) => {
       const n = r.filter(
         (o) => o.id !== e.id
       );
-      O(n), a == null || a(n), T(Ie(n, g));
+      O(n), c == null || c(n), T(we(n, b));
     }, m = et(() => {
       if (!Y) {
-        de(C);
+        ue(C);
         return;
       }
       const e = tt(E, s);
-      de(e ? "top" : C);
+      ue(e ? "top" : C);
     }, [Y, C, s]), He = (e) => {
       e.preventDefault(), e.currentTarget.focus();
       const n = e.currentTarget.value.length;
       e.currentTarget.setSelectionRange(n, n);
     }, Je = () => {
-      T(""), O([]), a == null || a([]);
+      T(""), O([]), c == null || c([]);
     }, $e = (e) => {
       e.stopPropagation(), Je();
     }, he = async () => {
@@ -150,65 +151,65 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
           H(!1);
         }
     }, _e = async () => {
-      m(), w(!0), U(k), await he();
+      m(), y(!0), U(I), await he();
     }, je = async (e) => {
-      if (L) {
+      if (k) {
         e.target.blur();
         return;
       }
       await _e();
-    }, be = async () => {
-      const e = !l;
-      e && (m(), U(k), await he()), w(e), d == null || d(e);
+    }, ve = async () => {
+      const e = !a;
+      e && (m(), U(I), await he()), y(e), u == null || u(e);
     };
     A(() => {
-      if (l) {
+      if (a) {
         const e = (n) => {
-          E.current && !E.current.contains(n.target) && !n.defaultPrevented && (w(!1), d == null || d(!1));
+          E.current && !E.current.contains(n.target) && !n.defaultPrevented && (y(!1), u == null || u(!1));
         };
         return document.addEventListener("mousedown", e), () => {
           document.removeEventListener("mousedown", e);
         };
       }
-    }, [l, d]), A(() => {
+    }, [a, u]), A(() => {
       const n = (o) => {
-        o.detail === k || !l || Q.current || (Q.current = !0, w(!1), d == null || d(!1), queueMicrotask(() => {
+        o.detail === I || !a || Q.current || (Q.current = !0, y(!1), u == null || u(!1), queueMicrotask(() => {
           Q.current = !1;
         }));
       };
-      return window.addEventListener(ge, n), () => window.removeEventListener(ge, n);
-    }, [k, d, l]), A(() => {
-      if (l) {
+      return window.addEventListener(be, n), () => window.removeEventListener(be, n);
+    }, [I, u, a]), A(() => {
+      if (a) {
         m(), window.addEventListener("scroll", m), window.addEventListener("resize", m);
         const e = requestAnimationFrame(() => {
-          pe(!0), ue(!0);
+          pe(!0), de(!0);
         });
         return () => {
           window.removeEventListener("scroll", m), window.removeEventListener("resize", m), cancelAnimationFrame(e);
         };
       } else
-        ue(!1), pe(!1);
-    }, [l, C, Y, s, m]);
+        de(!1), pe(!1);
+    }, [a, C, Y, s, m]);
     const Ue = () => {
       if (Te)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ u(ee, { children: [
-            me && (q === P.Input || q === P.Both) && /* @__PURE__ */ i(Ne, { size: "s" }),
+          addonContent: /* @__PURE__ */ d(ee, { children: [
+            me && (q === P.Input || q === P.Both) && /* @__PURE__ */ i(Se, { size: "s" }),
             /* @__PURE__ */ i(
-              Se,
+              xe,
               {
-                className: c(t.button, {
+                className: l(t.button, {
                   [t.disabled]: p
                 }),
                 disabled: p,
-                onMouseDown: be,
+                onMouseDown: ve,
                 children: /* @__PURE__ */ i(
                   ot,
                   {
-                    iconName: s == D.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: c(t["selector-icon"], {
-                      [t["selector-icon-open"]]: l
+                    iconName: s == D.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px",
+                    className: l(t["selector-icon"], {
+                      [t["selector-icon-open"]]: a
                     })
                   }
                 )
@@ -216,28 +217,28 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
             )
           ] })
         };
-    }, We = () => me && (q === P.Dropdown || q === P.Both) ? /* @__PURE__ */ u("div", { className: t.loader, children: [
-      /* @__PURE__ */ i(Ne, { size: "s" }),
+    }, We = () => me && (q === P.Dropdown || q === P.Both) ? /* @__PURE__ */ d("div", { className: t.loader, children: [
+      /* @__PURE__ */ i(Se, { size: "s" }),
       "Загрузка..."
     ] }) : Ae, V = te(() => _ ? nt(
       z,
       _,
-      ce || ((e) => e)
-    ) : z, [z, _, ce]), J = te(() => {
+      le || ((e) => e)
+    ) : z, [z, _, le]), J = te(() => {
       const e = [];
       return V.forEach((n, o) => {
         n.isGroupHeader && e.push(o);
       }), e;
-    }, [V]), y = Qe({
+    }, [V]), N = Qe({
       count: V.length,
       getScrollElement: () => G.current,
       estimateSize: () => s === D.L ? 65 : 49,
       overscan: 10
-    }), Ke = () => v.length ? z.length ? _ ? /* @__PURE__ */ u(
+    }), Ke = () => g.length ? z.length ? _ ? /* @__PURE__ */ d(
       "div",
       {
         ref: G,
-        className: c(
+        className: l(
           t.options,
           t[s],
           t[F],
@@ -264,16 +265,16 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
             "div",
             {
               style: {
-                height: `${y.getTotalSize()}px`,
+                height: `${N.getTotalSize()}px`,
                 width: "100%"
               },
-              children: y.getVirtualItems().map((e) => {
+              children: N.getVirtualItems().map((e) => {
                 const n = V[e.index];
                 return /* @__PURE__ */ i(
                   "div",
                   {
                     "data-index": e.index,
-                    ref: y.measureElement,
+                    ref: N.measureElement,
                     style: {
                       position: "absolute",
                       top: 0,
@@ -294,7 +295,7 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                       Ce,
                       {
                         value: n,
-                        className: ({ focus: o }) => c(
+                        className: ({ focus: o }) => l(
                           t.option,
                           ie,
                           s && t[s],
@@ -302,13 +303,13 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                             [t["option-active"]]: o
                           }
                         ),
-                        children: /* @__PURE__ */ u(ee, { children: [
-                          /* @__PURE__ */ u("div", { className: t["option-inner"], children: [
+                        children: /* @__PURE__ */ d(ee, { children: [
+                          /* @__PURE__ */ d("div", { className: t["option-inner"], children: [
                             n.name,
                             n.bottom && /* @__PURE__ */ i("div", { children: n.bottom })
                           ] }),
                           /* @__PURE__ */ i(
-                            we,
+                            ye,
                             {
                               isInteractive: !1,
                               checked: r.some(
@@ -329,9 +330,9 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
         ]
       }
     ) : /* @__PURE__ */ i(
-      ct,
+      lt,
       {
-        className: c(
+        className: l(
           t.options,
           t[s],
           t[F],
@@ -343,16 +344,16 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
           Ce,
           {
             value: e,
-            className: ({ focus: n }) => c(t.option, ie, s && t[s], {
+            className: ({ focus: n }) => l(t.option, ie, s && t[s], {
               [t["option-active"]]: n
             }),
-            children: /* @__PURE__ */ u(ee, { children: [
-              /* @__PURE__ */ u("div", { className: t["option-inner"], children: [
+            children: /* @__PURE__ */ d(ee, { children: [
+              /* @__PURE__ */ d("div", { className: t["option-inner"], children: [
                 e.name,
                 e.bottom && /* @__PURE__ */ i("div", { children: e.bottom })
               ] }),
               /* @__PURE__ */ i(
-                we,
+                ye,
                 {
                   isInteractive: !1,
                   checked: r.some(
@@ -368,7 +369,7 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
     ) : /* @__PURE__ */ i(
       "div",
       {
-        className: c(
+        className: l(
           t.options,
           t[s],
           t["no-options"],
@@ -380,7 +381,7 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
     ) : /* @__PURE__ */ i(
       "div",
       {
-        className: c(
+        className: l(
           t.options,
           t[s],
           t["no-options"],
@@ -394,30 +395,30 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
       const e = G.current;
       if (!e || !_) return;
       const n = () => {
-        var Z, S;
+        var Z, x;
         const o = e.scrollTop;
-        let N = null;
-        for (let b = 0; b < J.length; b++) {
-          const x = J[b];
-          if ((((Z = y.getVirtualItems().find(($) => $.index === x)) == null ? void 0 : Z.start) || 0) <= o) {
-            N = x;
-            const $ = J[b + 1];
-            if ($ !== void 0 && (((S = y.getVirtualItems().find((Ye) => Ye.index === $)) == null ? void 0 : S.start) || 0) <= o)
+        let S = null;
+        for (let v = 0; v < J.length; v++) {
+          const L = J[v];
+          if ((((Z = N.getVirtualItems().find(($) => $.index === L)) == null ? void 0 : Z.start) || 0) <= o) {
+            S = L;
+            const $ = J[v + 1];
+            if ($ !== void 0 && (((x = N.getVirtualItems().find((Ye) => Ye.index === $)) == null ? void 0 : x.start) || 0) <= o)
               continue;
           } else
             break;
         }
-        Ge(N);
+        Ge(S);
       };
       return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
-    }, [y, J, _, G.current]), /* @__PURE__ */ u("div", { ref: E, children: [
+    }, [N, J, _, G.current]), /* @__PURE__ */ d("div", { ref: E, children: [
       /* @__PURE__ */ i(
-        lt,
+        at,
         {
           multiple: !0,
           as: "div",
           value: r,
-          className: c(t["multi-select-search"], {
+          className: l(t["multi-select-search"], {
             [t.full]: Me,
             [t.disabled]: p
           }),
@@ -425,28 +426,28 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
           ref: Ee,
           disabled: p,
           virtual: _ ? void 0 : { options: z },
-          children: /* @__PURE__ */ u(
+          children: /* @__PURE__ */ d(
             "div",
             {
-              className: c(t.container, t[s], {
-                [t["container-open"]]: l
+              className: l(t.container, t[s], {
+                [t["container-open"]]: a
               }),
               children: [
-                L && /* @__PURE__ */ u("div", { className: t["input-container"], children: [
+                k && /* @__PURE__ */ d("div", { className: t["input-container"], children: [
                   /* @__PURE__ */ i(
-                    Se,
+                    xe,
                     {
                       disabled: p,
                       style: { width: "100%" },
-                      onClick: be,
+                      onClick: ve,
                       children: /* @__PURE__ */ i(
-                        xe,
+                        Le,
                         {
-                          as: ye,
+                          as: Ne,
                           label: ne,
-                          size: ke(s),
-                          className: c(t["multi-select-input"], {
-                            [t["multi-select-input-disabled"]]: L && K
+                          size: Ie(s),
+                          className: l(t["multi-select-input"], {
+                            [t["multi-select-input-disabled"]]: k && K
                           }),
                           onChange: fe,
                           value: M,
@@ -458,9 +459,9 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                           onFocus: je,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: it(l, s)
+                            addonContent: it(a, s)
                           },
-                          autocomplete: ae,
+                          autocomplete: ce,
                           ...re
                         }
                       )
@@ -470,7 +471,7 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                     st,
                     {
                       tabIndex: -1,
-                      className: c(t.clear, {
+                      className: l(t.clear, {
                         [t.disabled]: p
                       }),
                       iconButtonClassName: t["icon-button"],
@@ -485,12 +486,12 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                     }
                   )
                 ] }),
-                !L && /* @__PURE__ */ i(
-                  xe,
+                !k && /* @__PURE__ */ i(
+                  Le,
                   {
-                    as: ye,
+                    as: Ne,
                     label: ne,
-                    size: ke(s),
+                    size: Ie(s),
                     className: t["multi-select-input"],
                     rightSlotClassName: t["right-slot"],
                     requiredMarkClassName: t["required-mark"],
@@ -501,14 +502,14 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
                     onFocus: _e,
                     onMouseDown: He,
                     onChange: fe,
-                    ref: I,
+                    ref: w,
                     rightAddon: Ue(),
                     "data-testid": "select-search-input",
-                    autocomplete: ae,
+                    autocomplete: ce,
                     ...re
                   }
                 ),
-                l && Be && Ke()
+                a && Be && Ke()
               ]
             }
           )
@@ -530,5 +531,5 @@ import '../../assets/MultiSelectSearch.css';const dt = "_disabled_1b2pk_5", ut =
   }
 );
 export {
-  Ft as MultiSelectSearch
+  Rt as MultiSelectSearch
 };

package/dist/components/MultiSelectSearch/constants.d.ts

@@ -1,4 +1,5 @@
 export declare enum EMultiSelectSearchSize {
+    S = "s",
     M = "m",
     L = "l"
 }

package/dist/components/MultiSelectSearch/constants.js

@@ -1,10 +1,10 @@
-var p = /* @__PURE__ */ ((o) => (o.M = "m", o.L = "l", o))(p || {});
-const _ = 767, B = 264, E = 320;
-var r = /* @__PURE__ */ ((o) => (o.Input = "input", o.Dropdown = "dropdown", o.Both = "both", o.None = "none", o))(r || {});
+var p = /* @__PURE__ */ ((o) => (o.S = "s", o.M = "m", o.L = "l", o))(p || {});
+const r = 767, s = 264, B = 320;
+var _ = /* @__PURE__ */ ((o) => (o.Input = "input", o.Dropdown = "dropdown", o.Both = "both", o.None = "none", o))(_ || {});
 export {
-  E as DESKTOP_MENU_HEIGHT,
-  r as ELoadingIndicatorPlacement,
+  B as DESKTOP_MENU_HEIGHT,
+  _ as ELoadingIndicatorPlacement,
   p as EMultiSelectSearchSize,
-  _ as MOBILE_BREAKPOINT,
-  B as MOBILE_MENU_HEIGHT
+  r as MOBILE_BREAKPOINT,
+  s as MOBILE_MENU_HEIGHT
 };

package/dist/components/MultiSelectSearch/utils.d.ts

@@ -3,7 +3,7 @@ import { TMultiSelectOption } from './types';
 import { EInputSize } from '../Input';
 
 export declare const mapSizeToInputSize: (size: EMultiSelectSearchSize) => EInputSize;
-export declare const getDropdownArrowIcon: (isOpen: boolean, size: EMultiSelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";
+export declare const getDropdownArrowIcon: (isOpen: boolean, size: EMultiSelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp24px" | "DropdownArrowUp16px" | "DropdownArrowDown24px";
 export declare const getInitialInputValue: (value: TMultiSelectOption[] | undefined | null, displayValue: string) => string;
 export declare const joinSelectedItems: (items: TMultiSelectOption[], displayValue: string) => string;
 export declare const MULTISELECT_OPEN_EVENT = "multiselectOpen";