mimir-ui-kit 1.43.8 → 1.43.10

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -13,6 +13,7 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     filterOnSearch?: boolean;
     items: TSelectOption[];
     classNameOption?: string;
+    classNameOptionInner?: string;
     menuPlacement?: import('./types').TMenuPlacement;
     disabled?: boolean;
     searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
@@ -26,4 +27,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     loadingIndicatorPlacement?: ELoadingIndicatorPlacement | `${ELoadingIndicatorPlacement}`;
     groupBy?: string;
     getGroupTitle?: (groupValue: string) => string;
+    optionLayout?: import('./types').TOptionLayout;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,159 +1,175 @@
-import { jsx as s, jsxs as l, Fragment as ee } from "react/jsx-runtime";
-import { u as Se } from "../../index-D5H8gPPn.js";
-import { c as a } from "../../index-DIxK0V-G.js";
-import { forwardRef as ke, useRef as we, useState as D, useMemo as A, useEffect as te, useCallback as ze } from "react";
-import { ESelectSearchSize as d, ELoadingIndicatorPlacement as x } from "./constants.js";
-import { prepareGroupedItems as Ce, mapSizeToInputSize as ne, getDropdownArrowIcon as Le } from "./utils.js";
-import { Icon as G } from "../../icons/Icon.js";
-import { Button as Oe } from "../Button/Button.js";
-import { I as oe } from "../../Input-BU_6U1CW.js";
-import { EInputVariant as De } from "../Input/constants.js";
-import { Loader as se } from "../Loader/Loader.js";
-import { H as Ee, U as ie, G as re, W as ae, K as Te } from "../../combobox-fIVOzEhl.js";
-import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_container_1rthm_13", Ae = "_full_1rthm_26", Ge = "_button_1rthm_38", Me = "_options_1rthm_52", qe = "_top_1rthm_63", Pe = "_bottom_1rthm_69", je = "_s_1rthm_2", Fe = "_m_1rthm_110", He = "_l_1rthm_123", $e = "_loader_1rthm_161", Ke = "_option_1rthm_52", Ue = "_clear_1rthm_200", e = {
+import { jsx as r, jsxs as c, Fragment as V } from "react/jsx-runtime";
+import { u as zt } from "../../index-D5H8gPPn.js";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as Lt, useRef as Dt, useState as E, useMemo as q, useEffect as st, useCallback as Vt } from "react";
+import { ESelectSearchSize as l, ELoadingIndicatorPlacement as x } from "./constants.js";
+import { prepareGroupedItems as Et, mapSizeToInputSize as it, getDropdownArrowIcon as Tt } from "./utils.js";
+import { Icon as P } from "../../icons/Icon.js";
+import { Button as Bt } from "../Button/Button.js";
+import { I as at } from "../../Input-BU_6U1CW.js";
+import { EInputVariant as At } from "../Input/constants.js";
+import { Loader as ct } from "../Loader/Loader.js";
+import { H as Gt, U as lt, G as dt, W as ut, K as Mt } from "../../combobox-fIVOzEhl.js";
+import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_container_1rthm_13", jt = "_full_1rthm_26", Ft = "_button_1rthm_38", Ht = "_options_1rthm_52", $t = "_top_1rthm_63", Kt = "_bottom_1rthm_69", Ut = "_s_1rthm_2", Wt = "_m_1rthm_110", Qt = "_l_1rthm_123", Yt = "_loader_1rthm_161", Jt = "_option_1rthm_52", Rt = "_clear_1rthm_200", t = {
   "select-search": "_select-search_1rthm_2",
-  disabled: Be,
-  container: Ve,
+  disabled: qt,
+  container: Pt,
   "container-open": "_container-open_1rthm_22",
-  full: Ae,
+  full: jt,
   "selected-icon": "_selected-icon_1rthm_30",
   "selector-icon-open": "_selector-icon-open_1rthm_34",
-  button: Ge,
+  button: Ft,
   "selector-icon": "_selector-icon_1rthm_34",
-  options: Me,
-  top: qe,
-  bottom: Pe,
+  options: Ht,
+  top: $t,
+  bottom: Kt,
   "no-options": "_no-options_1rthm_75",
-  s: je,
-  m: Fe,
-  l: He,
+  s: Ut,
+  m: Wt,
+  l: Qt,
   "select-search-input": "_select-search-input_1rthm_136",
   "select-search-input-disabled": "_select-search-input-disabled_1rthm_139",
   "group-header": "_group-header_1rthm_146",
   "sticky-active": "_sticky-active_1rthm_157",
-  loader: $e,
+  loader: Yt,
   "input-container": "_input-container_1rthm_166",
-  option: Ke,
+  option: Jt,
   "option-active": "_option-active_1rthm_180",
   "option-inner": "_option-inner_1rthm_183",
   "right-slot": "_right-slot_1rthm_190",
   "required-mark": "_required-mark_1rthm_195",
-  clear: Ue,
+  clear: Rt,
   "icon-button": "_icon-button_1rthm_209"
-}, We = ke(
-  (ce, le) => {
+}, Xt = Lt(
+  (mt, pt) => {
     const {
-      placeholder: M,
-      size: o = d.L,
-      value: c,
-      onChange: r,
-      full: de,
-      showArrow: me = !0,
+      placeholder: j,
+      size: o = l.L,
+      value: d,
+      onChange: a,
+      full: ht,
+      showArrow: _t = !0,
       items: g = [],
-      classNameOption: q,
-      displayValue: ue = "name",
-      filterOnSearch: P = !0,
+      classNameOption: F,
+      classNameOptionInner: H,
+      displayValue: S = "name",
+      filterOnSearch: $ = !0,
       onSearch: I,
-      variant: j = De.DefaultGray,
-      menuPlacement: S = "bottom",
-      disabled: m = !1,
-      searchProps: F,
-      withClearButton: E = !1,
-      disableInput: _ = !1,
-      autocomplete: H = "on",
-      immediate: pe = !1,
-      noOptionsText: he = "Нет данных",
-      noMatchText: _e = "Ничего не найдено",
-      loadOnOpen: T,
-      loading: $,
-      loadingIndicatorPlacement: k = x.Dropdown,
+      variant: K = At.DefaultGray,
+      menuPlacement: k = "bottom",
+      disabled: u = !1,
+      searchProps: U,
+      withClearButton: T = !1,
+      disableInput: h = !1,
+      autocomplete: W = "on",
+      immediate: ft = !1,
+      noOptionsText: gt = "Нет данных",
+      noMatchText: vt = "Ничего не найдено",
+      loadOnOpen: B,
+      loading: Q,
+      loadingIndicatorPlacement: w = x.Dropdown,
       groupBy: p,
-      getGroupTitle: K = (t) => t
-    } = ce, B = String((c == null ? void 0 : c[ue]) || ""), w = we(null), [h, v] = D(B), [u, b] = D(c), [fe, U] = D(!1), [V, ge] = D(null), W = $ !== void 0 ? $ : fe, N = A(() => P && h.trim().toLowerCase() ? g.filter(
-      (t) => t.name.toLowerCase().includes(h.toLowerCase())
-    ) : g, [h, g, P]), y = A(() => p ? Ce(
-      N,
+      getGroupTitle: Y = (e) => e,
+      optionLayout: bt = "name-bottom"
+    } = mt, A = (e) => {
+      if (!e) return "";
+      const n = e[S];
+      return typeof n == "string" ? n : String(n || "");
+    }, yt = (e) => {
+      const n = e[S];
+      return typeof n == "string" ? n : String(n || "");
+    }, G = A(d), C = Dt(null), [_, v] = E(G), [m, b] = E(d), [Nt, J] = E(!1), [M, xt] = E(null), R = Q !== void 0 ? Q : Nt, y = q(() => {
+      if (!$)
+        return g;
+      const e = String(_ || "").trim().toLowerCase();
+      return e ? g.filter((n) => yt(n).toLowerCase().includes(e)) : g;
+    }, [_, g, $, S]), N = q(() => p ? Et(
+      y,
       p,
-      K || ((t) => t)
-    ) : N, [N, p, K]), z = A(() => {
-      const t = [];
-      return y.forEach((n, i) => {
-        n.isGroupHeader && t.push(i);
-      }), t;
-    }, [y]), f = Se({
-      count: y.length,
-      getScrollElement: () => w.current,
-      estimateSize: () => o === d.L ? 65 : 49,
+      Y || ((e) => e)
+    ) : y, [y, p, Y]), O = q(() => {
+      const e = [];
+      return N.forEach((n, s) => {
+        n.isGroupHeader && e.push(s);
+      }), e;
+    }, [N]), f = zt({
+      count: N.length,
+      getScrollElement: () => C.current,
+      estimateSize: () => o === l.L ? 65 : 49,
       overscan: 10
     });
-    te(() => {
-      const t = w.current;
-      if (!t || !p) return;
+    st(() => {
+      const e = C.current;
+      if (!e || !p) return;
       const n = () => {
-        var R, X;
-        const i = t.scrollTop;
-        let C = null;
-        for (let L = 0; L < z.length; L++) {
-          const Z = z[L];
-          if ((((R = f.getVirtualItems().find((O) => O.index === Z)) == null ? void 0 : R.start) || 0) <= i) {
-            C = Z;
-            const O = z[L + 1];
-            if (O !== void 0 && (((X = f.getVirtualItems().find((Ie) => Ie.index === O)) == null ? void 0 : X.start) || 0) <= i)
+        var nt, ot;
+        const s = e.scrollTop;
+        let z = null;
+        for (let L = 0; L < O.length; L++) {
+          const rt = O[L];
+          if ((((nt = f.getVirtualItems().find((D) => D.index === rt)) == null ? void 0 : nt.start) || 0) <= s) {
+            z = rt;
+            const D = O[L + 1];
+            if (D !== void 0 && (((ot = f.getVirtualItems().find((Ot) => Ot.index === D)) == null ? void 0 : ot.start) || 0) <= s)
               continue;
           } else
             break;
         }
-        ge(C);
+        xt(z);
       };
-      return t.addEventListener("scroll", n), () => t.removeEventListener("scroll", n);
-    }, [f, z, p, w.current]);
-    const Y = async () => {
-      if (T)
+      return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
+    }, [f, O, p, C.current]);
+    const X = async () => {
+      if (B)
         try {
-          U(!0), await T();
+          J(!0), await B();
         } finally {
-          U(!1);
+          J(!1);
         }
-    }, ve = (t) => {
-      t ? (v(t.name), b(t), r == null || r(t)) : (v(""), b(null), r == null || r({ id: "", name: "" }));
-    }, J = ze(
-      (t) => {
-        if (_) return;
-        const n = t.target.value;
-        v(n), I == null || I(n), u && n !== u.name && b(null), !n && c && (r == null || r({ id: "", name: "" }));
+    }, St = (e) => {
+      if (e) {
+        const n = A(e);
+        v(n), b(e), a == null || a(e);
+      } else
+        v(""), b(null), a == null || a({ id: "", name: "" });
+    }, Z = Vt(
+      (e) => {
+        if (h) return;
+        const n = e.target.value;
+        v(n), I == null || I(n), m && n !== A(m) && b(null), !n && d && (a == null || a({ id: "", name: "" }));
       },
-      [_, r, I, c, u]
-    ), be = () => {
-      v(""), b(null), r == null || r({ id: "", name: "" });
-    }, Q = async (t) => {
-      _ && t.target.blur(), T && await Y();
+      [h, a, I, d, m, S]
+    ), It = () => {
+      v(""), b(null), a == null || a({ id: "", name: "" });
+    }, tt = async (e) => {
+      h && e.target.blur(), B && await X();
     };
-    te(() => {
-      const t = !c || typeof c == "object" && !Object.keys(c).length;
-      v(t ? "" : B), b(t ? null : c);
-    }, [c, B]);
-    const Ne = () => W && (k === x.Dropdown || k === x.Both) ? /* @__PURE__ */ l("div", { className: e.loader, children: [
-      /* @__PURE__ */ s(se, { size: "s" }),
+    st(() => {
+      const e = !d || typeof d == "object" && !Object.keys(d).length;
+      v(e ? "" : G), b(e ? null : d);
+    }, [d, G]);
+    const kt = () => R && (w === x.Dropdown || w === x.Both) ? /* @__PURE__ */ c("div", { className: t.loader, children: [
+      /* @__PURE__ */ r(ct, { size: "s" }),
       "Загрузка..."
-    ] }) : he, ye = (t) => {
-      if (me)
+    ] }) : gt, wt = (e) => {
+      if (_t)
         return {
           addonType: "react-node",
-          addonContent: /* @__PURE__ */ l(ee, { children: [
-            W && (k === x.Input || k === x.Both) && /* @__PURE__ */ s(se, { size: "s" }),
-            /* @__PURE__ */ s(
-              ie,
+          addonContent: /* @__PURE__ */ c(V, { children: [
+            R && (w === x.Input || w === x.Both) && /* @__PURE__ */ r(ct, { size: "s" }),
+            /* @__PURE__ */ r(
+              lt,
               {
-                className: a(e.button, {
-                  [e.disabled]: m
+                className: i(t.button, {
+                  [t.disabled]: u
                 }),
-                disabled: m,
-                children: /* @__PURE__ */ s(
-                  G,
+                disabled: u,
+                children: /* @__PURE__ */ r(
+                  P,
                   {
-                    iconName: o == d.M || o == d.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                    className: a(e["selector-icon"], {
-                      [e["selector-icon-open"]]: t
+                    iconName: o == l.M || o == l.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: i(t["selector-icon"], {
+                      [t["selector-icon-open"]]: e
                     })
                   }
                 )
@@ -161,30 +177,39 @@ import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_co
             )
           ] })
         };
-    }, xe = (t) => g.length ? N.length ? p ? /* @__PURE__ */ l(
+    }, et = (e) => {
+      const n = e.name, s = e.bottom && /* @__PURE__ */ r("div", { children: e.bottom });
+      return bt === "bottom-name" ? /* @__PURE__ */ c(V, { children: [
+        s,
+        n
+      ] }) : /* @__PURE__ */ c(V, { children: [
+        n,
+        s
+      ] });
+    }, Ct = (e) => g.length ? y.length ? p ? /* @__PURE__ */ c(
       "div",
       {
-        ref: w,
+        ref: C,
         "data-testid": "select-search-options",
-        className: a(e.options, e[o], e[S]),
+        className: i(t.options, t[o], t[k]),
         style: {
-          height: o === d.M || o === d.S ? "240px" : "320px",
+          height: o === l.M || o === l.S ? "240px" : "320px",
           overflow: "auto"
         },
         children: [
-          V !== null && /* @__PURE__ */ s(
+          M !== null && /* @__PURE__ */ r(
             "div",
             {
-              className: e["group-header"],
+              className: t["group-header"],
               style: {
                 position: "sticky",
                 top: 0,
                 zIndex: 3
               },
-              children: y[V].name
+              children: N[M].name
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "div",
             {
               style: {
@@ -192,8 +217,8 @@ import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_co
                 width: "100%"
               },
               children: f.getVirtualItems().map((n) => {
-                const i = y[n.index];
-                return /* @__PURE__ */ s(
+                const s = N[n.index];
+                return /* @__PURE__ */ r(
                   "div",
                   {
                     "data-index": n.index,
@@ -205,43 +230,49 @@ import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_co
                       width: "100%",
                       transform: `translateY(${n.start}px)`
                     },
-                    children: i.isGroupHeader ? /* @__PURE__ */ s(
+                    children: s.isGroupHeader ? /* @__PURE__ */ r(
                       "div",
                       {
-                        className: e["group-header"],
+                        className: t["group-header"],
                         style: {
-                          visibility: V === n.index ? "hidden" : "visible"
+                          visibility: M === n.index ? "hidden" : "visible"
                         },
-                        children: i.name
+                        children: s.name
                       }
-                    ) : /* @__PURE__ */ l(
-                      ae,
+                    ) : /* @__PURE__ */ c(
+                      ut,
                       {
-                        value: i,
-                        className: ({ focus: C }) => a(
-                          e.option,
-                          q,
-                          o && e[o],
+                        value: s,
+                        className: ({ focus: z }) => i(
+                          t.option,
+                          F,
+                          o && t[o],
                           {
-                            [e["option-active"]]: C
+                            [t["option-active"]]: z
                           }
                         ),
-                        "data-testid": `select-search-option-${i.id}`,
+                        "data-testid": `select-search-option-${s.id}`,
                         children: [
-                          /* @__PURE__ */ l("div", { className: e["option-inner"], children: [
-                            i.name,
-                            i.bottom && /* @__PURE__ */ s("div", { children: i.bottom })
-                          ] }),
-                          u && u.id === i.id && /* @__PURE__ */ s(
-                            G,
+                          /* @__PURE__ */ r(
+                            "div",
                             {
-                              iconName: o === d.M || o === d.S ? "Done16px" : "Done24px",
-                              className: e["selected-icon"]
+                              className: i(
+                                t["option-inner"],
+                                H
+                              ),
+                              children: et(s)
+                            }
+                          ),
+                          m && m.id === s.id && /* @__PURE__ */ r(
+                            P,
+                            {
+                              iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
+                              className: t["selected-icon"]
                             }
                           )
                         ]
                       },
-                      i.id
+                      s.id
                     )
                   },
                   n.key
@@ -251,35 +282,41 @@ import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_co
           )
         ]
       }
-    ) : /* @__PURE__ */ s(
-      Te,
+    ) : /* @__PURE__ */ r(
+      Mt,
       {
-        className: a(e.options, e[o], e[S]),
+        className: i(t.options, t[o], t[k]),
         "data-testid": "select-search-options",
         style: { width: "100%" },
         static: !0,
-        children: ({ option: n }) => /* @__PURE__ */ l(
-          ae,
+        children: ({ option: n }) => /* @__PURE__ */ c(
+          ut,
           {
             value: n,
-            className: ({ focus: i }) => a(
-              e.option,
-              q,
+            className: ({ focus: s }) => i(
+              t.option,
+              F,
               {
-                [e["option-active"]]: i
+                [t["option-active"]]: s
               },
-              o && e[o]
+              o && t[o]
             ),
             children: [
-              /* @__PURE__ */ l("div", { className: e["option-inner"], children: [
-                n.name,
-                n.bottom && /* @__PURE__ */ s("div", { children: n.bottom })
-              ] }),
-              u && u.id === n.id && /* @__PURE__ */ s(
-                G,
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: i(
+                    t["option-inner"],
+                    H
+                  ),
+                  children: et(n)
+                }
+              ),
+              m && m.id === n.id && /* @__PURE__ */ r(
+                P,
                 {
-                  iconName: o === d.M || o === d.S ? "Done16px" : "Done24px",
-                  className: e["selected-icon"]
+                  iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
+                  className: t["selected-icon"]
                 }
               )
             ]
@@ -287,139 +324,139 @@ import '../../assets/SelectSearch.css';const Be = "_disabled_1rthm_6", Ve = "_co
           n.id
         )
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       "div",
       {
-        className: a(
-          e.options,
-          e[o],
-          e["no-options"],
-          e[S]
+        className: i(
+          t.options,
+          t[o],
+          t["no-options"],
+          t[k]
         ),
-        "data-headlessui-state": t ? "open" : "closed",
-        children: _e
+        "data-headlessui-state": e ? "open" : "closed",
+        children: vt
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ r(
       "div",
       {
-        className: a(
-          e.options,
-          e[o],
-          e["no-options"],
-          e[S]
+        className: i(
+          t.options,
+          t[o],
+          t["no-options"],
+          t[k]
         ),
-        "data-headlessui-state": t ? "open" : "closed",
-        children: Ne()
+        "data-headlessui-state": e ? "open" : "closed",
+        children: kt()
       }
     );
-    return /* @__PURE__ */ s(
-      Ee,
+    return /* @__PURE__ */ r(
+      Gt,
       {
         as: "div",
-        value: u,
-        className: a(e["select-search"], {
-          [e.full]: de,
-          [e.disabled]: m
+        value: m,
+        className: i(t["select-search"], {
+          [t.full]: ht,
+          [t.disabled]: u
         }),
-        onChange: ve,
-        ref: le,
-        disabled: m,
-        virtual: p ? void 0 : { options: N },
-        immediate: pe,
-        children: ({ open: t }) => /* @__PURE__ */ l(ee, { children: [
-          /* @__PURE__ */ l(
+        onChange: St,
+        ref: pt,
+        disabled: u,
+        virtual: p ? void 0 : { options: y },
+        immediate: ft,
+        children: ({ open: e }) => /* @__PURE__ */ c(V, { children: [
+          /* @__PURE__ */ c(
             "div",
             {
-              className: a(e.container, e[o], {
-                [e["container-open"]]: t
+              className: i(t.container, t[o], {
+                [t["container-open"]]: e
               }),
               children: [
-                _ && /* @__PURE__ */ l("div", { className: e["input-container"], children: [
-                  /* @__PURE__ */ s(
-                    ie,
+                h && /* @__PURE__ */ c("div", { className: t["input-container"], children: [
+                  /* @__PURE__ */ r(
+                    lt,
                     {
-                      disabled: m,
+                      disabled: u,
                       style: { width: "100%" },
-                      onClick: Y,
-                      children: /* @__PURE__ */ s(
-                        re,
+                      onClick: X,
+                      children: /* @__PURE__ */ r(
+                        dt,
                         {
-                          as: oe,
-                          label: M,
-                          size: ne(o),
-                          className: a(e["select-search-input"], {
-                            [e["select-search-input-disabled"]]: _ && E
+                          as: at,
+                          label: j,
+                          size: it(o),
+                          className: i(t["select-search-input"], {
+                            [t["select-search-input-disabled"]]: h && T
                           }),
-                          onChange: J,
-                          value: h,
-                          disabled: m,
-                          variant: j,
-                          rightSlotClassName: e["right-slot"],
-                          requiredMarkClassName: e["required-mark"],
+                          onChange: Z,
+                          value: _,
+                          disabled: u,
+                          variant: K,
+                          rightSlotClassName: t["right-slot"],
+                          requiredMarkClassName: t["required-mark"],
                           "data-testid": "select-search-input",
-                          onFocus: Q,
+                          onFocus: tt,
                           rightAddon: {
                             addonType: "icon",
-                            addonContent: Le(t, o)
+                            addonContent: Tt(e, o)
                           },
-                          autocomplete: H,
-                          ...F
+                          autocomplete: W,
+                          ...U
                         }
                       )
                     }
                   ),
-                  E && h && /* @__PURE__ */ s(
-                    Oe,
+                  T && _ && /* @__PURE__ */ r(
+                    Bt,
                     {
                       tabIndex: -1,
-                      className: a(e.clear, {
-                        [e.disabled]: m
+                      className: i(t.clear, {
+                        [t.disabled]: u
                       }),
-                      iconButtonClassName: e["icon-button"],
+                      iconButtonClassName: t["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: m,
+                      disabled: u,
                       variant: "secondary-gray",
                       onClick: (n) => {
-                        n.stopPropagation(), be();
+                        n.stopPropagation(), It();
                       },
                       "data-testid": "clear-button"
                     }
                   )
                 ] }),
-                !_ && /* @__PURE__ */ s(
-                  re,
+                !h && /* @__PURE__ */ r(
+                  dt,
                   {
-                    as: oe,
-                    label: M,
-                    size: ne(o),
-                    className: e["select-search-input"],
-                    rightSlotClassName: e["right-slot"],
-                    requiredMarkClassName: e["required-mark"],
-                    value: h,
-                    disabled: m,
-                    variant: j,
-                    withClearButton: E && !!h,
-                    onChange: J,
-                    rightAddon: ye(t),
+                    as: at,
+                    label: j,
+                    size: it(o),
+                    className: t["select-search-input"],
+                    rightSlotClassName: t["right-slot"],
+                    requiredMarkClassName: t["required-mark"],
+                    value: _,
+                    disabled: u,
+                    variant: K,
+                    withClearButton: T && !!_,
+                    onChange: Z,
+                    rightAddon: wt(e),
                     "data-testid": "select-search-input",
-                    onFocus: Q,
-                    autocomplete: H,
-                    ...F
+                    onFocus: tt,
+                    autocomplete: W,
+                    ...U
                   }
                 )
               ]
             }
           ),
-          t && xe(t)
+          e && Ct(e)
         ] })
       }
     );
   }
 );
-We.displayName = "SelectSearch";
+Xt.displayName = "SelectSearch";
 export {
-  We as SelectSearch
+  Xt as SelectSearch
 };

package/dist/components/SelectSearch/types.d.ts

@@ -3,12 +3,13 @@ import { ELoadingIndicatorPlacement, ESelectSearchSize } from './constants';
 import { TInputProps } from '../Input';
 
 export type TSelectOption = {
-    name: string;
+    name: string | ReactNode;
     id: number | string;
     bottom?: ReactNode;
     [index: string]: unknown;
 };
 export type TMenuPlacement = 'top' | 'bottom';
+export type TOptionLayout = 'name-bottom' | 'bottom-name';
 export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
     /**
      * Текущее выбранное значение.
@@ -44,6 +45,8 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     items: TSelectOption[];
     /** Класснейм для значения */
     classNameOption?: string;
+    /** Класснейм для внутреннего контейнера опции */
+    classNameOptionInner?: string;
     /** Варианты отображения выпадающего меню */
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */
@@ -87,4 +90,9 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
      * @returns Строка для отображения в заголовке группы
      */
     getGroupTitle?: (groupValue: string) => string;
+    /**
+     * Порядок отображения элементов в опции
+     * @default 'name-bottom'
+     */
+    optionLayout?: TOptionLayout;
 };

package/dist/components/Slider/Slider.d.ts

@@ -27,6 +27,10 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
+    /**
+     * Приостанавливать автопрокрутку при наведении на слайдер.
+     */
+    pauseOnMouseEnter?: boolean;
     /**
      * Функция, которая будет вызвана при клике на слайд.
      */
@@ -88,5 +92,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -1,35 +1,35 @@
 import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { memo as F, useCallback as u, useMemo as X, forwardRef as Z, useRef as B, useState as V, Children as I } from "react";
-import { u as W, S as ee, A as se, a as T } from "../../swiper-react-BvAw14a4.js";
+import { memo as F, useCallback as u, useMemo as Z, forwardRef as V, useRef as B, useState as W, Children as I } from "react";
+import { u as ee, S as se, A as re, a as T } from "../../swiper-react-BvAw14a4.js";
 import { EProgressBarPosition as S } from "./constants.js";
 import { formatSlideNumber as O } from "./utils.js";
 import { AppImage as P } from "../Image/Image.js";
-import { MergedButton as re } from "../MergedButton/MergedButton.js";
-import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj3_8", ae = "_link_zqjj3_15", oe = "_image_zqjj3_21", ie = "_navigation_zqjj3_28", le = "_pagination_zqjj3_46", ce = "_slides_zqjj3_65", de = "_separator_zqjj3_71", pe = "_progress_zqjj3_78", ue = "_descriptions_zqjj3_95", e = {
-  swiper: te,
-  slide: ne,
-  link: ae,
-  image: oe,
-  navigation: ie,
+import { MergedButton as te } from "../MergedButton/MergedButton.js";
+import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj3_8", oe = "_link_zqjj3_15", ie = "_image_zqjj3_21", le = "_navigation_zqjj3_28", ce = "_pagination_zqjj3_46", de = "_slides_zqjj3_65", pe = "_separator_zqjj3_71", ue = "_progress_zqjj3_78", me = "_descriptions_zqjj3_95", e = {
+  swiper: ne,
+  slide: ae,
+  link: oe,
+  image: ie,
+  navigation: le,
   "navigation-content": "_navigation-content_zqjj3_37",
-  pagination: le,
+  pagination: ce,
   "is-full": "_is-full_zqjj3_60",
-  slides: ce,
-  separator: de,
-  progress: pe,
+  slides: de,
+  separator: pe,
+  progress: ue,
   "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
   "progress-bar": "_progress-bar_zqjj3_85",
-  descriptions: ue
-}, me = 15e3, E = F(
+  descriptions: me
+}, _e = 15e3, E = F(
   ({
     variant: t = "white"
   }) => {
-    const n = W(), p = u(() => {
+    const n = ee(), p = u(() => {
       n.slideNext();
     }, [n]), c = u(() => {
       n.slidePrev();
-    }, [n]), m = X(
+    }, [n]), m = Z(
       () => [
         {
           isIconButton: !0,
@@ -46,10 +46,10 @@ import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj
       ],
       [c, t, p]
     );
-    return /* @__PURE__ */ s(re, { buttons: m });
+    return /* @__PURE__ */ s(te, { buttons: m });
   }
 ), b = F(
-  Z((t, n) => /* @__PURE__ */ s(
+  V((t, n) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": "progress-bar-wrapper",
@@ -65,7 +65,7 @@ import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj
     }
   ))
 );
-function qe({
+function ze({
   images: t,
   children: n,
   gap: p,
@@ -84,17 +84,18 @@ function qe({
   needNavigation: i = !0,
   leftDescription: C,
   rightDescription: y,
-  delay: D = me,
-  ...U
+  delay: D = _e,
+  pauseOnMouseEnter: U = !1,
+  ...Y
 }) {
-  const d = B(null), h = B(null), [Y, G] = V(1), j = !(typeof n == "function") && !!n, H = j ? I.count(n) : 0, J = (t == null ? void 0 : t.length) ?? 0, A = O(Y), x = O(
-    j ? H : J
-  ), K = u(() => {
+  const d = B(null), h = B(null), [G, H] = W(1), j = !(typeof n == "function") && !!n, J = j ? I.count(n) : 0, K = (t == null ? void 0 : t.length) ?? 0, A = O(G), x = O(
+    j ? J : K
+  ), Q = u(() => {
     if (h.current && i) {
       const r = h.current.swiper;
-      G(r.realIndex + 1);
+      H(r.realIndex + 1);
     }
-  }, [i]), Q = u(
+  }, [i]), X = u(
     (r, l) => {
       if (d.current && i) {
         const g = r.params.autoplay.delay, w = l / g * 100;
@@ -104,23 +105,24 @@ function qe({
     [i]
   );
   return /* @__PURE__ */ o(
-    ee,
+    se,
     {
-      ...U,
+      ...Y,
       ref: h,
       className: a(e.swiper, m),
       loop: !0,
       spaceBetween: p,
       autoplay: {
         delay: D,
-        disableOnInteraction: !1
+        disableOnInteraction: !1,
+        pauseOnMouseEnter: U
       },
       fadeEffect: {
         crossFade: !0
       },
-      modules: [se],
-      onAutoplayTimeLeft: Q,
-      onSlideChange: K,
+      modules: [re],
+      onAutoplayTimeLeft: X,
+      onSlideChange: Q,
       children: [
         /* @__PURE__ */ s(
           "div",
@@ -246,5 +248,5 @@ function qe({
   );
 }
 export {
-  qe as default
+  ze as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.43.8",
+  "version": "1.43.10",
   "type": "module",
   "exports": {
     ".": {