mimir-ui-kit 1.44.2 → 1.45.0

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,193 +1,191 @@
-import { jsx as s, jsxs as c, Fragment as T } from "react/jsx-runtime";
-import { u as Ae } from "../../index-D5H8gPPn.js";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { forwardRef as Be, useRef as me, useState as N, useMemo as F, useCallback as pe, useEffect as H } from "react";
-import { ESelectSearchSize as l, ELoadingIndicatorPlacement as S, ESelectSearchBorderRadius as Pe } from "./constants.js";
-import { prepareGroupedItems as Ge, shouldShowMenuOnTop as je, mapSizeToInputSize as he, getDropdownArrowIcon as Fe } from "./utils.js";
-import { Icon as R } from "../../icons/Icon.js";
-import { Button as He } from "../Button/Button.js";
-import { I as _e } from "../../Input-IzZ6B9kw.js";
-import { EInputVariant as Re } from "../Input/constants.js";
-import { Loader as fe } from "../Loader/Loader.js";
-import { H as $e, U as xe, G as ve, W as ge, K as Ke } from "../../combobox-fIVOzEhl.js";
-import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_options_1x6qm_15", Qe = "_top_1x6qm_26", Ye = "_bottom_1x6qm_32", Je = "_disabled_1x6qm_63", Xe = "_full_1x6qm_100", Ze = "_button_1x6qm_112", et = "_s_1x6qm_59", tt = "_m_1x6qm_140", nt = "_l_1x6qm_153", ot = "_loader_1x6qm_191", st = "_option_1x6qm_15", it = "_clear_1x6qm_230", t = {
-  container: Ue,
-  "container-open": "_container-open_1x6qm_11",
-  options: We,
-  top: Qe,
-  bottom: Ye,
-  "no-options": "_no-options_1x6qm_38",
-  "select-search": "_select-search_1x6qm_59",
-  disabled: Je,
-  "border-radius-left": "_border-radius-left_1x6qm_69",
-  "border-radius-right": "_border-radius-right_1x6qm_81",
-  "border-radius-none": "_border-radius-none_1x6qm_93",
-  full: Xe,
-  "selected-icon": "_selected-icon_1x6qm_104",
-  "selector-icon-open": "_selector-icon-open_1x6qm_108",
-  button: Ze,
-  "selector-icon": "_selector-icon_1x6qm_108",
-  s: et,
-  m: tt,
-  l: nt,
-  "select-search-input": "_select-search-input_1x6qm_166",
-  "select-search-input-disabled": "_select-search-input-disabled_1x6qm_169",
-  "group-header": "_group-header_1x6qm_176",
-  "sticky-active": "_sticky-active_1x6qm_187",
-  loader: ot,
-  "input-container": "_input-container_1x6qm_196",
-  option: st,
-  "option-active": "_option-active_1x6qm_210",
-  "option-inner": "_option-inner_1x6qm_213",
-  "right-slot": "_right-slot_1x6qm_220",
-  "required-mark": "_required-mark_1x6qm_225",
-  clear: it,
-  "icon-button": "_icon-button_1x6qm_239"
-}, rt = Be(
-  (be, ye) => {
+import { jsx as r, jsxs as c, Fragment as B } from "react/jsx-runtime";
+import { u as Ge } from "../../index-D5H8gPPn.js";
+import { c as s } from "../../index-DIxK0V-G.js";
+import { forwardRef as qe, useRef as he, useState as w, useMemo as P, useCallback as me, useEffect as R } from "react";
+import { ESelectSearchSize as l, ELoadingIndicatorPlacement as I, ESelectSearchBorderRadius as je } from "./constants.js";
+import { prepareGroupedItems as Fe, shouldShowMenuOnTop as He, mapSizeToInputSize as _e, getDropdownArrowIcon as Re, highlightReactNode as $e } from "./utils.js";
+import { Icon as $ } from "../../icons/Icon.js";
+import { Button as Ke } from "../Button/Button.js";
+import { I as fe } from "../../Input-IzZ6B9kw.js";
+import { EInputVariant as Ue } from "../Input/constants.js";
+import { Loader as ve } from "../Loader/Loader.js";
+import { H as We, U as ge, G as be, W as ye, K as Qe } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const Ye = "_container_rnc9v_2", Je = "_options_rnc9v_15", Xe = "_top_rnc9v_26", Ze = "_bottom_rnc9v_32", et = "_disabled_rnc9v_63", tt = "_full_rnc9v_100", nt = "_button_rnc9v_112", ot = "_s_rnc9v_59", rt = "_m_rnc9v_140", it = "_l_rnc9v_153", st = "_loader_rnc9v_191", at = "_option_rnc9v_15", ct = "_clear_rnc9v_230", e = {
+  container: Ye,
+  "container-open": "_container-open_rnc9v_11",
+  options: Je,
+  top: Xe,
+  bottom: Ze,
+  "no-options": "_no-options_rnc9v_38",
+  "select-search": "_select-search_rnc9v_59",
+  disabled: et,
+  "border-radius-left": "_border-radius-left_rnc9v_69",
+  "border-radius-right": "_border-radius-right_rnc9v_81",
+  "border-radius-none": "_border-radius-none_rnc9v_93",
+  full: tt,
+  "selected-icon": "_selected-icon_rnc9v_104",
+  "selector-icon-open": "_selector-icon-open_rnc9v_108",
+  button: nt,
+  "selector-icon": "_selector-icon_rnc9v_108",
+  s: ot,
+  m: rt,
+  l: it,
+  "select-search-input": "_select-search-input_rnc9v_166",
+  "select-search-input-disabled": "_select-search-input-disabled_rnc9v_169",
+  "group-header": "_group-header_rnc9v_176",
+  "sticky-active": "_sticky-active_rnc9v_187",
+  loader: st,
+  "input-container": "_input-container_rnc9v_196",
+  option: at,
+  "option-active": "_option-active_rnc9v_210",
+  "option-inner": "_option-inner_rnc9v_213",
+  "right-slot": "_right-slot_rnc9v_220",
+  "required-mark": "_required-mark_rnc9v_225",
+  clear: ct,
+  "icon-button": "_icon-button_rnc9v_239",
+  "highlighted-text": "_highlighted-text_rnc9v_243",
+  "highlighted-text-wrapper": "_highlighted-text-wrapper_rnc9v_248"
+}, lt = qe(
+  (xe, Ne) => {
     const {
-      placeholder: $,
+      placeholder: K,
       size: o = l.L,
       value: d,
       onChange: a,
-      full: qe,
-      showArrow: Ne = !0,
-      items: v = [],
-      classNameOption: K,
-      classNameOptionInner: U,
-      displayValue: I = "name",
-      filterOnSearch: W = !0,
-      onSearch: w,
-      variant: Q = Re.DefaultGray,
-      menuPlacement: k = "bottom",
+      full: Se,
+      showArrow: we = !0,
+      items: g = [],
+      classNameOption: U,
+      classNameOptionInner: W,
+      displayValue: k = "name",
+      filterOnSearch: Q = !0,
+      onSearch: C,
+      variant: Y = Ue.DefaultGray,
+      menuPlacement: L = "bottom",
       disabled: u = !1,
-      searchProps: Y,
-      withClearButton: A = !1,
+      searchProps: J,
+      withClearButton: G = !1,
       disableInput: _ = !1,
-      autocomplete: J = "on",
-      immediate: Se = !1,
-      noOptionsText: Ie = "Нет данных",
-      noMatchText: we = "Ничего не найдено",
-      loadOnOpen: B,
-      loading: X,
-      loadingIndicatorPlacement: C = S.Dropdown,
-      groupBy: h,
-      getGroupTitle: Z = (e) => e,
-      optionLayout: ke = "name-bottom",
-      autoPlacement: L = !1,
-      borderRadius: ee = Pe.All
-    } = be, P = (e) => {
-      if (!e) return "";
-      const n = e[I];
+      autocomplete: X = "on",
+      immediate: Ie = !1,
+      noOptionsText: ke = "Нет данных",
+      noMatchText: Ce = "Ничего не найдено",
+      loadOnOpen: q,
+      loading: Z,
+      loadingIndicatorPlacement: z = I.Dropdown,
+      groupBy: m,
+      getGroupTitle: ee = (t) => t,
+      optionLayout: Le = "name-bottom",
+      autoPlacement: O = !1,
+      borderRadius: te = je.All,
+      highlightMatches: ze = !1
+    } = xe, j = (t) => {
+      if (!t) return "";
+      const n = t[k];
       return typeof n == "string" ? n : String(n || "");
-    }, Ce = (e) => {
-      const n = e[I];
+    }, Oe = (t) => {
+      const n = t[k];
       return typeof n == "string" ? n : String(n || "");
-    }, G = P(d), z = me(null), te = me(null), [f, g] = N(G), [m, b] = N(d), [Le, ne] = N(!1), [j, ze] = N(null), [O, oe] = N(k), se = X !== void 0 ? X : Le, y = F(() => {
-      if (!W)
-        return v;
-      const e = String(f || "").trim().toLowerCase();
-      return e ? v.filter((n) => Ce(n).toLowerCase().includes(e)) : v;
-    }, [f, v, W, I]), q = F(() => h ? Ge(
-      y,
-      h,
-      Z || ((e) => e)
-    ) : y, [y, h, Z]), E = F(() => {
-      const e = [];
-      return q.forEach((n, i) => {
-        n.isGroupHeader && e.push(i);
-      }), e;
-    }, [q]), x = Ae({
-      count: q.length,
-      getScrollElement: () => z.current,
+    }, F = j(d), E = he(null), ne = he(null), [f, b] = w(F), [p, y] = w(d), [Ee, oe] = w(!1), [H, De] = w(null), [D, re] = w(L), ie = Z !== void 0 ? Z : Ee, x = P(() => String(f || "").trim().toLowerCase(), [f]), N = P(() => Q && x ? g.filter((t) => Oe(t).toLowerCase().includes(x)) : g, [x, g, Q, k]), S = P(() => m ? Fe(
+      N,
+      m,
+      ee || ((t) => t)
+    ) : N, [N, m, ee]), M = P(() => {
+      const t = [];
+      return S.forEach((n, i) => {
+        n.isGroupHeader && t.push(i);
+      }), t;
+    }, [S]), v = Ge({
+      count: S.length,
+      getScrollElement: () => E.current,
       estimateSize: () => o === l.L ? 65 : 49,
       overscan: 10
-    }), p = pe(() => {
-      if (!L) {
-        oe(k);
+    }), h = me(() => {
+      if (!O) {
+        re(L);
         return;
       }
-      const e = je(te, o);
-      oe(e ? "top" : k);
-    }, [L, k, o]);
-    H(() => {
-      if (L)
-        return p(), window.addEventListener("scroll", p), window.addEventListener("resize", p), () => {
-          window.removeEventListener("scroll", p), window.removeEventListener("resize", p);
+      const t = He(ne, o);
+      re(t ? "top" : L);
+    }, [O, L, o]);
+    R(() => {
+      if (O)
+        return h(), window.addEventListener("scroll", h), window.addEventListener("resize", h), () => {
+          window.removeEventListener("scroll", h), window.removeEventListener("resize", h);
         };
-    }, [L, p]), H(() => {
-      const e = z.current;
-      if (!e || !h) return;
+    }, [O, h]), R(() => {
+      const t = E.current;
+      if (!t || !m) return;
       const n = () => {
-        var le, de;
-        const i = e.scrollTop;
-        let D = null;
-        for (let V = 0; V < E.length; V++) {
-          const ue = E[V];
-          if ((((le = x.getVirtualItems().find((M) => M.index === ue)) == null ? void 0 : le.start) || 0) <= i) {
-            D = ue;
-            const M = E[V + 1];
-            if (M !== void 0 && (((de = x.getVirtualItems().find((Te) => Te.index === M)) == null ? void 0 : de.start) || 0) <= i)
+        var de, ue;
+        const i = t.scrollTop;
+        let V = null;
+        for (let T = 0; T < M.length; T++) {
+          const pe = M[T];
+          if ((((de = v.getVirtualItems().find((A) => A.index === pe)) == null ? void 0 : de.start) || 0) <= i) {
+            V = pe;
+            const A = M[T + 1];
+            if (A !== void 0 && (((ue = v.getVirtualItems().find((Pe) => Pe.index === A)) == null ? void 0 : ue.start) || 0) <= i)
               continue;
           } else
             break;
         }
-        ze(D);
+        De(V);
       };
-      return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
-    }, [x, E, h, z.current]);
-    const ie = async () => {
-      if (B)
+      return t.addEventListener("scroll", n), () => t.removeEventListener("scroll", n);
+    }, [v, M, m, E.current]);
+    const se = async () => {
+      if (q)
         try {
-          ne(!0), await B();
+          oe(!0), await q();
         } finally {
-          ne(!1);
+          oe(!1);
         }
-    }, Oe = (e) => {
-      if (e) {
-        const n = P(e);
-        g(n), b(e), a == null || a(e);
+    }, Me = (t) => {
+      if (t) {
+        const n = j(t);
+        b(n), y(t), a == null || a(t);
       } else
-        g(""), b(null), a == null || a({ id: "", name: "" });
-    }, re = pe(
-      (e) => {
+        b(""), y(null), a == null || a({ id: "", name: "" });
+    }, ae = me(
+      (t) => {
         if (_) return;
-        const n = e.target.value;
-        g(n), w == null || w(n), m && n !== P(m) && b(null), !n && d && (a == null || a({ id: "", name: "" }));
+        const n = t.target.value;
+        b(n), C == null || C(n), p && n !== j(p) && y(null), !n && d && (a == null || a({ id: "", name: "" }));
       },
-      [_, a, w, d, m, I]
-    ), Ee = () => {
-      g(""), b(null), a == null || a({ id: "", name: "" });
-    }, ae = async (e) => {
-      _ && e.target.blur(), p(), B && await ie();
+      [_, a, C, d, p, k]
+    ), Ve = () => {
+      b(""), y(null), a == null || a({ id: "", name: "" });
+    }, ce = async (t) => {
+      _ && t.target.blur(), h(), q && await se();
     };
-    H(() => {
-      const e = !d || typeof d == "object" && !Object.keys(d).length;
-      g(e ? "" : G), b(e ? null : d);
-    }, [d, G]);
-    const De = () => se && (C === S.Dropdown || C === S.Both) ? /* @__PURE__ */ c("div", { className: t.loader, children: [
-      /* @__PURE__ */ s(fe, { size: "s" }),
+    R(() => {
+      const t = !d || typeof d == "object" && !Object.keys(d).length;
+      b(t ? "" : F), y(t ? null : d);
+    }, [d, F]);
+    const Te = () => ie && (z === I.Dropdown || z === I.Both) ? /* @__PURE__ */ c("div", { className: e.loader, children: [
+      /* @__PURE__ */ r(ve, { size: "s" }),
       "Загрузка..."
-    ] }) : Ie, Ve = (e) => {
-      if (Ne)
+    ] }) : ke, Ae = (t) => {
+      if (we)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ c(T, { children: [
-            se && (C === S.Input || C === S.Both) && /* @__PURE__ */ s(fe, { size: "s" }),
-            /* @__PURE__ */ s(
-              xe,
+          addonContent: /* @__PURE__ */ c(B, { children: [
+            ie && (z === I.Input || z === I.Both) && /* @__PURE__ */ r(ve, { size: "s" }),
+            /* @__PURE__ */ r(
+              ge,
               {
-                className: r(t.button, {
-                  [t.disabled]: u
+                className: s(e.button, {
+                  [e.disabled]: u
                 }),
                 disabled: u,
-                onClick: p,
-                children: /* @__PURE__ */ s(
-                  R,
+                onClick: h,
+                children: /* @__PURE__ */ r(
+                  $,
                   {
                     iconName: o == l.M || o == l.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: r(t["selector-icon"], {
-                      [t["selector-icon-open"]]: e
+                    className: s(e["selector-icon"], {
+                      [e["selector-icon-open"]]: t
                     })
                   }
                 )
@@ -195,56 +193,62 @@ import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_o
             )
           ] })
         };
-    }, ce = (e) => {
-      const n = e.name, i = e.bottom && /* @__PURE__ */ s("div", { children: e.bottom });
-      return ke === "bottom-name" ? /* @__PURE__ */ c(T, { children: [
+    }, le = (t) => {
+      let n = t.name;
+      ze && x && (n = $e(
+        t.name,
+        x,
+        e["highlighted-text"]
+      ));
+      const i = t.bottom && /* @__PURE__ */ r("div", { children: t.bottom });
+      return Le === "bottom-name" ? /* @__PURE__ */ c(B, { children: [
         i,
         n
-      ] }) : /* @__PURE__ */ c(T, { children: [
+      ] }) : /* @__PURE__ */ c(B, { children: [
         n,
         i
       ] });
-    }, Me = (e) => v.length ? y.length ? h ? /* @__PURE__ */ c(
+    }, Be = (t) => g.length ? N.length ? m ? /* @__PURE__ */ c(
       "div",
       {
-        ref: z,
+        ref: E,
         "data-testid": "select-search-options",
-        className: r(
-          t.options,
-          t[o],
-          t[O]
+        className: s(
+          e.options,
+          e[o],
+          e[D]
         ),
         style: {
           height: o === l.M || o === l.S ? "240px" : "320px",
           overflow: "auto"
         },
         children: [
-          j !== null && /* @__PURE__ */ s(
+          H !== null && /* @__PURE__ */ r(
             "div",
             {
-              className: t["group-header"],
+              className: e["group-header"],
               style: {
                 position: "sticky",
                 top: 0,
                 zIndex: 3
               },
-              children: q[j].name
+              children: S[H].name
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "div",
             {
               style: {
-                height: `${x.getTotalSize()}px`,
+                height: `${v.getTotalSize()}px`,
                 width: "100%"
               },
-              children: x.getVirtualItems().map((n) => {
-                const i = q[n.index];
-                return /* @__PURE__ */ s(
+              children: v.getVirtualItems().map((n) => {
+                const i = S[n.index];
+                return /* @__PURE__ */ r(
                   "div",
                   {
                     "data-index": n.index,
-                    ref: x.measureElement,
+                    ref: v.measureElement,
                     style: {
                       position: "absolute",
                       top: 0,
@@ -252,44 +256,44 @@ import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_o
                       width: "100%",
                       transform: `translateY(${n.start}px)`
                     },
-                    children: i.isGroupHeader ? /* @__PURE__ */ s(
+                    children: i.isGroupHeader ? /* @__PURE__ */ r(
                       "div",
                       {
-                        className: t["group-header"],
+                        className: e["group-header"],
                         style: {
-                          visibility: j === n.index ? "hidden" : "visible"
+                          visibility: H === n.index ? "hidden" : "visible"
                         },
                         children: i.name
                       }
                     ) : /* @__PURE__ */ c(
-                      ge,
+                      ye,
                       {
                         value: i,
-                        className: ({ focus: D }) => r(
-                          t.option,
-                          K,
-                          o && t[o],
+                        className: ({ focus: V }) => s(
+                          e.option,
+                          U,
+                          o && e[o],
                           {
-                            [t["option-active"]]: D
+                            [e["option-active"]]: V
                           }
                         ),
                         "data-testid": `select-search-option-${i.id}`,
                         children: [
-                          /* @__PURE__ */ s(
+                          /* @__PURE__ */ r(
                             "div",
                             {
-                              className: r(
-                                t["option-inner"],
-                                U
+                              className: s(
+                                e["option-inner"],
+                                W
                               ),
-                              children: ce(i)
+                              children: le(i)
                             }
                           ),
-                          m && m.id === i.id && /* @__PURE__ */ s(
-                            R,
+                          p && p.id === i.id && /* @__PURE__ */ r(
+                            $,
                             {
                               iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
-                              className: t["selected-icon"]
+                              className: e["selected-icon"]
                             }
                           )
                         ]
@@ -304,45 +308,45 @@ import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_o
           )
         ]
       }
-    ) : /* @__PURE__ */ s(
-      Ke,
+    ) : /* @__PURE__ */ r(
+      Qe,
       {
-        className: r(
-          t.options,
-          t[o],
-          t[O]
+        className: s(
+          e.options,
+          e[o],
+          e[D]
         ),
         "data-testid": "select-search-options",
         style: { width: "100%" },
         static: !0,
         children: ({ option: n }) => /* @__PURE__ */ c(
-          ge,
+          ye,
           {
             value: n,
-            className: ({ focus: i }) => r(
-              t.option,
-              K,
+            className: ({ focus: i }) => s(
+              e.option,
+              U,
               {
-                [t["option-active"]]: i
+                [e["option-active"]]: i
               },
-              o && t[o]
+              o && e[o]
             ),
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r(
                 "div",
                 {
-                  className: r(
-                    t["option-inner"],
-                    U
+                  className: s(
+                    e["option-inner"],
+                    W
                   ),
-                  children: ce(n)
+                  children: le(n)
                 }
               ),
-              m && m.id === n.id && /* @__PURE__ */ s(
-                R,
+              p && p.id === n.id && /* @__PURE__ */ r(
+                $,
                 {
                   iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
-                  className: t["selected-icon"]
+                  className: e["selected-icon"]
                 }
               )
             ]
@@ -350,97 +354,97 @@ import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_o
           n.id
         )
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       "div",
       {
-        className: r(
-          t.options,
-          t[o],
-          t["no-options"],
-          t[O]
+        className: s(
+          e.options,
+          e[o],
+          e["no-options"],
+          e[D]
         ),
-        "data-headlessui-state": e ? "open" : "closed",
-        children: we
+        "data-headlessui-state": t ? "open" : "closed",
+        children: Ce
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       "div",
       {
-        className: r(
-          t.options,
-          t[o],
-          t["no-options"],
-          t[O]
+        className: s(
+          e.options,
+          e[o],
+          e["no-options"],
+          e[D]
         ),
-        "data-headlessui-state": e ? "open" : "closed",
-        children: De()
+        "data-headlessui-state": t ? "open" : "closed",
+        children: Te()
       }
     );
-    return /* @__PURE__ */ s(
-      $e,
+    return /* @__PURE__ */ r(
+      We,
       {
         as: "div",
-        value: m,
-        className: r(t["select-search"], {
-          [t.full]: qe,
-          [t.disabled]: u
+        value: p,
+        className: s(e["select-search"], {
+          [e.full]: Se,
+          [e.disabled]: u
         }),
-        onChange: Oe,
-        ref: ye,
+        onChange: Me,
+        ref: Ne,
         disabled: u,
-        virtual: h ? void 0 : { options: y },
-        immediate: Se,
-        children: ({ open: e }) => /* @__PURE__ */ c(T, { children: [
+        virtual: m ? void 0 : { options: N },
+        immediate: Ie,
+        children: ({ open: t }) => /* @__PURE__ */ c(B, { children: [
           /* @__PURE__ */ c(
             "div",
             {
-              ref: te,
-              className: r(t.container, t[o], {
-                [t["container-open"]]: e
+              ref: ne,
+              className: s(e.container, e[o], {
+                [e["container-open"]]: t
               }),
               children: [
-                _ && /* @__PURE__ */ c("div", { className: t["input-container"], children: [
-                  /* @__PURE__ */ s(
-                    xe,
+                _ && /* @__PURE__ */ c("div", { className: e["input-container"], children: [
+                  /* @__PURE__ */ r(
+                    ge,
                     {
                       disabled: u,
                       style: { width: "100%" },
-                      onClick: ie,
-                      children: /* @__PURE__ */ s(
-                        ve,
+                      onClick: se,
+                      children: /* @__PURE__ */ r(
+                        be,
                         {
-                          as: _e,
-                          label: $,
-                          size: he(o),
-                          className: r(t["select-search-input"], {
-                            [t["select-search-input-disabled"]]: _ && A
+                          as: fe,
+                          label: K,
+                          size: _e(o),
+                          className: s(e["select-search-input"], {
+                            [e["select-search-input-disabled"]]: _ && G
                           }),
-                          onChange: re,
+                          onChange: ae,
                           value: f,
                           disabled: u,
-                          variant: Q,
-                          rightSlotClassName: t["right-slot"],
-                          requiredMarkClassName: t["required-mark"],
+                          variant: Y,
+                          rightSlotClassName: e["right-slot"],
+                          requiredMarkClassName: e["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: ae,
+                          onFocus: ce,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Fe(e, o)
+                            addonContent: Re(t, o)
                           },
-                          autocomplete: J,
-                          borderRadius: ee,
-                          ...Y
+                          autocomplete: X,
+                          borderRadius: te,
+                          ...J
                         }
                       )
                     }
                   ),
-                  A && f && /* @__PURE__ */ s(
-                    He,
+                  G && f && /* @__PURE__ */ r(
+                    Ke,
                     {
                       tabIndex: -1,
-                      className: r(t.clear, {
-                        [t.disabled]: u
+                      className: s(e.clear, {
+                        [e.disabled]: u
                       }),
-                      iconButtonClassName: t["icon-button"],
+                      iconButtonClassName: e["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
@@ -448,44 +452,44 @@ import '../../assets/SelectSearch.css';const Ue = "_container_1x6qm_2", We = "_o
                       disabled: u,
                       variant: "secondary-gray",
                       onClick: (n) => {
-                        n.stopPropagation(), Ee();
+                        n.stopPropagation(), Ve();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !_ && /* @__PURE__ */ s(
-                  ve,
+                !_ && /* @__PURE__ */ r(
+                  be,
                   {
-                    as: _e,
-                    label: $,
-                    size: he(o),
-                    className: t["select-search-input"],
-                    rightSlotClassName: t["right-slot"],
-                    requiredMarkClassName: t["required-mark"],
+                    as: fe,
+                    label: K,
+                    size: _e(o),
+                    className: e["select-search-input"],
+                    rightSlotClassName: e["right-slot"],
+                    requiredMarkClassName: e["required-mark"],
                     value: f,
                     disabled: u,
-                    variant: Q,
-                    withClearButton: A && !!f,
-                    onChange: re,
-                    rightAddon: Ve(e),
+                    variant: Y,
+                    withClearButton: G && !!f,
+                    onChange: ae,
+                    rightAddon: Ae(t),
                     "data-testid": "select-search-input",
-                    onFocus: ae,
-                    autocomplete: J,
-                    borderRadius: ee,
-                    ...Y
+                    onFocus: ce,
+                    autocomplete: X,
+                    borderRadius: te,
+                    ...J
                   }
                 )
               ]
             }
           ),
-          e && Me(e)
+          t && Be(t)
         ] })
       }
     );
   }
 );
-rt.displayName = "SelectSearch";
+lt.displayName = "SelectSearch";
 export {
-  rt as SelectSearch
+  lt as SelectSearch
 };