mimir-ui-kit 1.45.0 → 1.47.0

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,189 +1,181 @@
-import { jsx as r, jsxs as c, Fragment as B } from "react/jsx-runtime";
-import { u as Ge } from "../../index-D5H8gPPn.js";
+import { jsx as r, jsxs as p, Fragment as D } from "react/jsx-runtime";
+import { u as Oe } 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) => {
+import { forwardRef as Ve, useRef as ie, useState as E, useMemo as T, useCallback as le, useEffect as ce } from "react";
+import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchBorderRadius as ke } from "./constants.js";
+import { prepareGroupedItems as Ae, shouldShowMenuOnTop as Be, mapSizeToInputSize as de, getDropdownArrowIcon as Te, highlightReactNode as ue } from "./utils.js";
+import { Icon as P } from "../../icons/Icon.js";
+import { Button as Pe } from "../Button/Button.js";
+import { I as pe } from "../../Input-IzZ6B9kw.js";
+import { EInputVariant as Ge } from "../Input/constants.js";
+import { Loader as he } from "../Loader/Loader.js";
+import { H as qe, U as me, G as _e, W as be, K as Re } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const je = "_container_11tdb_2", Fe = "_options_11tdb_15", He = "_top_11tdb_26", $e = "_bottom_11tdb_32", Ke = "_disabled_11tdb_63", Ue = "_full_11tdb_100", We = "_button_11tdb_112", Qe = "_s_11tdb_59", Ye = "_m_11tdb_140", Je = "_l_11tdb_153", Xe = "_loader_11tdb_186", Ze = "_option_11tdb_15", et = "_clear_11tdb_225", e = {
+  container: je,
+  "container-open": "_container-open_11tdb_11",
+  options: Fe,
+  top: He,
+  bottom: $e,
+  "no-options": "_no-options_11tdb_38",
+  "select-search": "_select-search_11tdb_59",
+  disabled: Ke,
+  "border-radius-left": "_border-radius-left_11tdb_69",
+  "border-radius-right": "_border-radius-right_11tdb_81",
+  "border-radius-none": "_border-radius-none_11tdb_93",
+  full: Ue,
+  "selected-icon": "_selected-icon_11tdb_104",
+  "selector-icon-open": "_selector-icon-open_11tdb_108",
+  button: We,
+  "selector-icon": "_selector-icon_11tdb_108",
+  s: Qe,
+  m: Ye,
+  l: Je,
+  "select-search-input": "_select-search-input_11tdb_166",
+  "select-search-input-disabled": "_select-search-input-disabled_11tdb_169",
+  "group-header": "_group-header_11tdb_176",
+  loader: Xe,
+  "input-container": "_input-container_11tdb_191",
+  option: Ze,
+  "option-active": "_option-active_11tdb_205",
+  "option-inner": "_option-inner_11tdb_208",
+  "right-slot": "_right-slot_11tdb_215",
+  "required-mark": "_required-mark_11tdb_220",
+  clear: et,
+  "icon-button": "_icon-button_11tdb_234",
+  "highlighted-text": "_highlighted-text_11tdb_238",
+  "highlighted-text-wrapper": "_highlighted-text-wrapper_11tdb_243"
+}, tt = Ve(
+  (fe, ge) => {
     const {
-      placeholder: K,
-      size: o = l.L,
+      placeholder: G,
+      size: n = c.L,
       value: d,
-      onChange: a,
-      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",
+      onChange: i,
+      full: ve,
+      showArrow: Ne = !0,
+      items: b = [],
+      classNameOption: q,
+      classNameOptionInner: R,
+      displayValue: y = "name",
+      filterOnSearch: j = !0,
+      onSearch: x,
+      variant: F = Ge.DefaultGray,
+      menuPlacement: I = "bottom",
       disabled: u = !1,
-      searchProps: J,
-      withClearButton: G = !1,
-      disableInput: _ = !1,
-      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) => {
+      searchProps: H,
+      withClearButton: O = !1,
+      disableInput: f = !1,
+      autocomplete: $ = "on",
+      immediate: Se = !1,
+      noOptionsText: we = "Нет данных",
+      noMatchText: ye = "Ничего не найдено",
+      loadOnOpen: V,
+      loading: K,
+      loadingIndicatorPlacement: C = w.Dropdown,
+      groupBy: l,
+      getGroupTitle: U = (t) => t,
+      optionLayout: xe = "name-bottom",
+      autoPlacement: L = !1,
+      borderRadius: W = ke.All,
+      highlightMatches: Q = !1,
+      searchInHeaderGroupItems: z = !1
+    } = fe, k = (t) => {
       if (!t) return "";
-      const n = t[k];
-      return typeof n == "string" ? n : String(n || "");
-    }, Oe = (t) => {
-      const n = t[k];
-      return typeof n == "string" ? n : String(n || "");
-    }, 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,
+      const o = t[y];
+      return typeof o == "string" ? o : String(o || "");
+    }, Ie = (t) => {
+      const o = t[y];
+      return typeof o == "string" ? o : String(o || "");
+    }, A = k(d), Y = ie(null), J = ie(null), [g, v] = E(A), [h, N] = E(d), [Ce, X] = E(!1), [M, Z] = E(I), ee = K !== void 0 ? K : Ce, m = T(() => String(g || "").trim().toLowerCase(), [g]), S = T(() => {
+      if (!j)
+        return b;
+      if (l && z) {
+        const t = /* @__PURE__ */ new Set();
+        return b.forEach((o) => {
+          l && o[l] && String(o[l]).toLowerCase().includes(m) && t.add(o);
+        }), Array.from(t);
+      }
+      return m ? b.filter((t) => Ie(t).toLowerCase().includes(m)) : b;
+    }, [
       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,
+      b,
+      j,
+      y,
+      l,
+      z
+    ]), te = T(() => l ? Ae(
+      S,
+      l,
+      U || ((t) => t)
+    ) : S, [S, l, U]), B = Oe({
+      count: te.length,
+      getScrollElement: () => Y.current,
+      estimateSize: () => n === c.L ? 65 : 49,
       overscan: 10
-    }), h = me(() => {
-      if (!O) {
-        re(L);
+    }), _ = le(() => {
+      if (!L) {
+        Z(I);
         return;
       }
-      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);
+      const t = Be(J, n);
+      Z(t ? "top" : I);
+    }, [L, I, n]);
+    ce(() => {
+      if (L)
+        return _(), window.addEventListener("scroll", _), window.addEventListener("resize", _), () => {
+          window.removeEventListener("scroll", _), window.removeEventListener("resize", _);
         };
-    }, [O, h]), R(() => {
-      const t = E.current;
-      if (!t || !m) return;
-      const n = () => {
-        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;
-        }
-        De(V);
-      };
-      return t.addEventListener("scroll", n), () => t.removeEventListener("scroll", n);
-    }, [v, M, m, E.current]);
-    const se = async () => {
-      if (q)
+    }, [L, _]);
+    const oe = async () => {
+      if (V)
         try {
-          oe(!0), await q();
+          X(!0), await V();
         } finally {
-          oe(!1);
+          X(!1);
         }
-    }, Me = (t) => {
+    }, Le = (t) => {
       if (t) {
-        const n = j(t);
-        b(n), y(t), a == null || a(t);
+        const o = k(t);
+        v(o), N(t), i == null || i(t);
       } else
-        b(""), y(null), a == null || a({ id: "", name: "" });
-    }, ae = me(
+        v(""), N(null), i == null || i({ id: "", name: "" });
+    }, ne = le(
       (t) => {
-        if (_) return;
-        const n = t.target.value;
-        b(n), C == null || C(n), p && n !== j(p) && y(null), !n && d && (a == null || a({ id: "", name: "" }));
+        if (f) return;
+        const o = t.target.value;
+        v(o), x == null || x(o), h && o !== k(h) && N(null), !o && d && (i == null || i({ id: "", name: "" }));
       },
-      [_, a, C, d, p, k]
-    ), Ve = () => {
-      b(""), y(null), a == null || a({ id: "", name: "" });
-    }, ce = async (t) => {
-      _ && t.target.blur(), h(), q && await se();
+      [f, i, x, d, h, y]
+    ), ze = () => {
+      v(""), N(null), i == null || i({ id: "", name: "" });
+    }, re = async (t) => {
+      f && t.target.blur(), _(), V && await oe();
     };
-    R(() => {
+    ce(() => {
       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" }),
+      v(t ? "" : A), N(t ? null : d);
+    }, [d, A]);
+    const Me = () => ee && (C === w.Dropdown || C === w.Both) ? /* @__PURE__ */ p("div", { className: e.loader, children: [
+      /* @__PURE__ */ r(he, { size: "s" }),
       "Загрузка..."
-    ] }) : ke, Ae = (t) => {
-      if (we)
+    ] }) : we, De = (t) => {
+      if (Ne)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ c(B, { children: [
-            ie && (z === I.Input || z === I.Both) && /* @__PURE__ */ r(ve, { size: "s" }),
+          addonContent: /* @__PURE__ */ p(D, { children: [
+            ee && (C === w.Input || C === w.Both) && /* @__PURE__ */ r(he, { size: "s" }),
             /* @__PURE__ */ r(
-              ge,
+              me,
               {
                 className: s(e.button, {
                   [e.disabled]: u
                 }),
                 disabled: u,
-                onClick: h,
+                onClick: _,
                 children: /* @__PURE__ */ r(
-                  $,
+                  P,
                   {
-                    iconName: o == l.M || o == l.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    iconName: n == c.M || n == c.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                     className: s(e["selector-icon"], {
                       [e["selector-icon-open"]]: t
                     })
@@ -193,143 +185,131 @@ import '../../assets/SelectSearch.css';const Ye = "_container_rnc9v_2", Je = "_o
             )
           ] })
         };
-    }, le = (t) => {
-      let n = t.name;
-      ze && x && (n = $e(
+    }, ae = (t) => {
+      let o = t.name;
+      Q && m && !z && (o = ue(
         t.name,
-        x,
+        m,
         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(B, { children: [
-        n,
-        i
+      const a = t.bottom && /* @__PURE__ */ r("div", { children: t.bottom });
+      return xe === "bottom-name" ? /* @__PURE__ */ p(D, { children: [
+        a,
+        o
+      ] }) : /* @__PURE__ */ p(D, { children: [
+        o,
+        a
       ] });
-    }, Be = (t) => g.length ? N.length ? m ? /* @__PURE__ */ c(
+    }, Ee = (t) => b.length ? S.length ? l ? /* @__PURE__ */ r(
       "div",
       {
-        ref: E,
+        ref: Y,
         "data-testid": "select-search-options",
         className: s(
           e.options,
-          e[o],
-          e[D]
+          e[n],
+          e[M]
         ),
         style: {
-          height: o === l.M || o === l.S ? "240px" : "320px",
+          height: n === c.M || n === c.S ? "240px" : "320px",
           overflow: "auto"
         },
-        children: [
-          H !== null && /* @__PURE__ */ r(
-            "div",
-            {
-              className: e["group-header"],
-              style: {
-                position: "sticky",
-                top: 0,
-                zIndex: 3
-              },
-              children: S[H].name
-            }
-          ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              style: {
-                height: `${v.getTotalSize()}px`,
-                width: "100%"
-              },
-              children: v.getVirtualItems().map((n) => {
-                const i = S[n.index];
-                return /* @__PURE__ */ r(
-                  "div",
-                  {
-                    "data-index": n.index,
-                    ref: v.measureElement,
-                    style: {
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      width: "100%",
-                      transform: `translateY(${n.start}px)`
-                    },
-                    children: i.isGroupHeader ? /* @__PURE__ */ r(
-                      "div",
-                      {
-                        className: e["group-header"],
-                        style: {
-                          visibility: H === n.index ? "hidden" : "visible"
-                        },
-                        children: i.name
-                      }
-                    ) : /* @__PURE__ */ c(
-                      ye,
-                      {
-                        value: i,
-                        className: ({ focus: V }) => s(
-                          e.option,
-                          U,
-                          o && e[o],
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              height: `${B.getTotalSize()}px`,
+              width: "100%"
+            },
+            children: B.getVirtualItems().map((o) => {
+              const a = te[o.index];
+              return /* @__PURE__ */ r(
+                "div",
+                {
+                  "data-index": o.index,
+                  ref: B.measureElement,
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    transform: `translateY(${o.start}px)`
+                  },
+                  children: a.isGroupHeader ? /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: e["group-header"],
+                      "data-testid": `group-header-${a.name}`,
+                      children: Q && m && z ? ue(
+                        a.name,
+                        m,
+                        e["highlighted-text"]
+                      ) : a.name
+                    }
+                  ) : /* @__PURE__ */ p(
+                    be,
+                    {
+                      value: a,
+                      className: ({ focus: se }) => s(
+                        e.option,
+                        q,
+                        n && e[n],
+                        {
+                          [e["option-active"]]: se && !l
+                        }
+                      ),
+                      "data-testid": `select-search-option-${a.id}`,
+                      children: [
+                        /* @__PURE__ */ r(
+                          "div",
                           {
-                            [e["option-active"]]: V
+                            className: s(
+                              e["option-inner"],
+                              R
+                            ),
+                            children: ae(a)
                           }
                         ),
-                        "data-testid": `select-search-option-${i.id}`,
-                        children: [
-                          /* @__PURE__ */ r(
-                            "div",
-                            {
-                              className: s(
-                                e["option-inner"],
-                                W
-                              ),
-                              children: le(i)
-                            }
-                          ),
-                          p && p.id === i.id && /* @__PURE__ */ r(
-                            $,
-                            {
-                              iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
-                              className: e["selected-icon"]
-                            }
-                          )
-                        ]
-                      },
-                      i.id
-                    )
-                  },
-                  n.key
-                );
-              })
-            }
-          )
-        ]
+                        h && h.id === a.id && /* @__PURE__ */ r(
+                          P,
+                          {
+                            iconName: n === c.M || n === c.S ? "Done16px" : "Done24px",
+                            className: e["selected-icon"]
+                          }
+                        )
+                      ]
+                    },
+                    a.id
+                  )
+                },
+                o.key
+              );
+            })
+          }
+        )
       }
     ) : /* @__PURE__ */ r(
-      Qe,
+      Re,
       {
         className: s(
           e.options,
-          e[o],
-          e[D]
+          e[n],
+          e[M]
         ),
         "data-testid": "select-search-options",
         style: { width: "100%" },
         static: !0,
-        children: ({ option: n }) => /* @__PURE__ */ c(
-          ye,
+        children: ({ option: o }) => /* @__PURE__ */ p(
+          be,
           {
-            value: n,
-            className: ({ focus: i }) => s(
+            value: o,
+            className: ({ focus: a }) => s(
               e.option,
-              U,
+              q,
               {
-                [e["option-active"]]: i
+                [e["option-active"]]: a
               },
-              o && e[o]
+              n && e[n]
             ),
             children: [
               /* @__PURE__ */ r(
@@ -337,21 +317,21 @@ import '../../assets/SelectSearch.css';const Ye = "_container_rnc9v_2", Je = "_o
                 {
                   className: s(
                     e["option-inner"],
-                    W
+                    R
                   ),
-                  children: le(n)
+                  children: ae(o)
                 }
               ),
-              p && p.id === n.id && /* @__PURE__ */ r(
-                $,
+              h && h.id === o.id && /* @__PURE__ */ r(
+                P,
                 {
-                  iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
+                  iconName: n === c.M || n === c.S ? "Done16px" : "Done24px",
                   className: e["selected-icon"]
                 }
               )
             ]
           },
-          n.id
+          o.id
         )
       }
     ) : /* @__PURE__ */ r(
@@ -359,86 +339,86 @@ import '../../assets/SelectSearch.css';const Ye = "_container_rnc9v_2", Je = "_o
       {
         className: s(
           e.options,
-          e[o],
+          e[n],
           e["no-options"],
-          e[D]
+          e[M]
         ),
         "data-headlessui-state": t ? "open" : "closed",
-        children: Ce
+        children: ye
       }
     ) : /* @__PURE__ */ r(
       "div",
       {
         className: s(
           e.options,
-          e[o],
+          e[n],
           e["no-options"],
-          e[D]
+          e[M]
         ),
         "data-headlessui-state": t ? "open" : "closed",
-        children: Te()
+        children: Me()
       }
     );
     return /* @__PURE__ */ r(
-      We,
+      qe,
       {
         as: "div",
-        value: p,
+        value: h,
         className: s(e["select-search"], {
-          [e.full]: Se,
+          [e.full]: ve,
           [e.disabled]: u
         }),
-        onChange: Me,
-        ref: Ne,
+        onChange: Le,
+        ref: ge,
         disabled: u,
-        virtual: m ? void 0 : { options: N },
-        immediate: Ie,
-        children: ({ open: t }) => /* @__PURE__ */ c(B, { children: [
-          /* @__PURE__ */ c(
+        virtual: l ? void 0 : { options: S },
+        immediate: Se,
+        children: ({ open: t }) => /* @__PURE__ */ p(D, { children: [
+          /* @__PURE__ */ p(
             "div",
             {
-              ref: ne,
-              className: s(e.container, e[o], {
+              ref: J,
+              className: s(e.container, e[n], {
                 [e["container-open"]]: t
               }),
               children: [
-                _ && /* @__PURE__ */ c("div", { className: e["input-container"], children: [
+                f && /* @__PURE__ */ p("div", { className: e["input-container"], children: [
                   /* @__PURE__ */ r(
-                    ge,
+                    me,
                     {
                       disabled: u,
                       style: { width: "100%" },
-                      onClick: se,
+                      onClick: oe,
                       children: /* @__PURE__ */ r(
-                        be,
+                        _e,
                         {
-                          as: fe,
-                          label: K,
-                          size: _e(o),
+                          as: pe,
+                          label: G,
+                          size: de(n),
                           className: s(e["select-search-input"], {
-                            [e["select-search-input-disabled"]]: _ && G
+                            [e["select-search-input-disabled"]]: f && O
                           }),
-                          onChange: ae,
-                          value: f,
+                          onChange: ne,
+                          value: g,
                           disabled: u,
-                          variant: Y,
+                          variant: F,
                           rightSlotClassName: e["right-slot"],
                           requiredMarkClassName: e["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: ce,
+                          onFocus: re,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Re(t, o)
+                            addonContent: Te(t, n)
                           },
-                          autocomplete: X,
-                          borderRadius: te,
-                          ...J
+                          autocomplete: $,
+                          borderRadius: W,
+                          ...H
                         }
                       )
                     }
                   ),
-                  G && f && /* @__PURE__ */ r(
-                    Ke,
+                  O && g && /* @__PURE__ */ r(
+                    Pe,
                     {
                       tabIndex: -1,
                       className: s(e.clear, {
@@ -451,45 +431,45 @@ import '../../assets/SelectSearch.css';const Ye = "_container_rnc9v_2", Je = "_o
                       clear: !0,
                       disabled: u,
                       variant: "secondary-gray",
-                      onClick: (n) => {
-                        n.stopPropagation(), Ve();
+                      onClick: (o) => {
+                        o.stopPropagation(), ze();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !_ && /* @__PURE__ */ r(
-                  be,
+                !f && /* @__PURE__ */ r(
+                  _e,
                   {
-                    as: fe,
-                    label: K,
-                    size: _e(o),
+                    as: pe,
+                    label: G,
+                    size: de(n),
                     className: e["select-search-input"],
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
-                    value: f,
+                    value: g,
                     disabled: u,
-                    variant: Y,
-                    withClearButton: G && !!f,
-                    onChange: ae,
-                    rightAddon: Ae(t),
+                    variant: F,
+                    withClearButton: O && !!g,
+                    onChange: ne,
+                    rightAddon: De(t),
                     "data-testid": "select-search-input",
-                    onFocus: ce,
-                    autocomplete: X,
-                    borderRadius: te,
-                    ...J
+                    onFocus: re,
+                    autocomplete: $,
+                    borderRadius: W,
+                    ...H
                   }
                 )
               ]
             }
           ),
-          t && Be(t)
+          t && Ee(t)
         ] })
       }
     );
   }
 );
-lt.displayName = "SelectSearch";
+tt.displayName = "SelectSearch";
 export {
-  lt as SelectSearch
+  tt as SelectSearch
 };