mimir-ui-kit 1.64.3 → 1.64.5

package/dist/components/Drawer/Drawer.js

@@ -1,42 +1,43 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { forwardRef as se, useState as C, useRef as x, useEffect as D, useCallback as w } from "react";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as re, useState as C, useRef as x, useEffect as D, useCallback as w } from "react";
 import { EDrawerPosition as A } from "./constants.js";
-import { useContainer as ne } from "./hooks.js";
+import { useContainer as se } from "./hooks.js";
 import { ScrollWrapper as ie } from "./ScrollWrapper/index.js";
-import { useMediaQuery as ce } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { useMediaQuery as ae } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as le } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as ae } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useLockBodyScroll as ce } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useResizeObserver as ue } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button as P } from "../Button/Button.js";
 import { EButtonVariantDefault as de, EButtonSize as u } from "../Button/constants.js";
 import { Loader as me } from "../Loader/Loader.js";
-import { Portal as fe } from "../Portal/Portal.js";
-import { EScrollBarVariant as _e, EScrollBarSize as pe } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_drawer_zs4pc_2", Ce = "_content_zs4pc_31", we = "_header_zs4pc_46", ye = "_title_zs4pc_60", ge = "_space_zs4pc_74", ve = "_inner_zs4pc_85", be = "_button_zs4pc_101", Ne = "_footer_zs4pc_106", ke = "_left_zs4pc_122", Se = "_right_zs4pc_126", Be = "_full_zs4pc_130", Ee = "_bottom_zs4pc_140", Oe = "_opened_zs4pc_157", Le = "_overlay_zs4pc_213", He = "_unmount_zs4pc_231", e = {
+import { Portal as _e } from "../Portal/Portal.js";
+import { EScrollBarVariant as fe, EScrollBarSize as be } from "../ScrollBar/constants.js";
+import '../../assets/Drawer.css';const he = "_drawerContainer_abn3o_2", pe = "_drawer_abn3o_2", Ce = "_content_abn3o_31", we = "_header_abn3o_46", ye = "_title_abn3o_60", ge = "_space_abn3o_74", ve = "_inner_abn3o_85", Ne = "_button_abn3o_101", ke = "_footer_abn3o_106", Se = "_left_abn3o_122", Be = "_right_abn3o_126", Ee = "_center_abn3o_130", ze = "_full_abn3o_139", Oe = "_bottom_abn3o_149", Le = "_opened_abn3o_166", He = "_overlay_abn3o_230", xe = "_unmount_abn3o_248", e = {
   drawerContainer: he,
-  drawer: ze,
+  drawer: pe,
   content: Ce,
   header: we,
-  "sticky-header": "_sticky-header_zs4pc_54",
+  "sticky-header": "_sticky-header_abn3o_54",
   title: ye,
   space: ge,
   inner: ve,
-  "is-loading": "_is-loading_zs4pc_90",
-  button: be,
-  footer: Ne,
-  "has-scroll": "_has-scroll_zs4pc_115",
-  "footer-button": "_footer-button_zs4pc_118",
-  left: ke,
-  right: Se,
-  full: Be,
-  bottom: Ee,
-  "full-bottom-height": "_full-bottom-height_zs4pc_151",
-  opened: Oe,
-  "is-closing": "_is-closing_zs4pc_176",
-  overlay: Le,
-  unmount: He
-}, xe = 300, De = (d) => d ? {
+  "is-loading": "_is-loading_abn3o_90",
+  button: Ne,
+  footer: ke,
+  "has-scroll": "_has-scroll_abn3o_115",
+  "footer-button": "_footer-button_abn3o_118",
+  left: Se,
+  right: Be,
+  center: Ee,
+  full: ze,
+  bottom: Oe,
+  "full-bottom-height": "_full-bottom-height_abn3o_160",
+  opened: Le,
+  "is-closing": "_is-closing_abn3o_189",
+  overlay: He,
+  unmount: xe
+}, De = 300, Ae = (d) => d ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -45,11 +46,11 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ue = se(
+} : {}, Ze = re(
   (d, X) => {
     const {
       as: j = "div",
-      isOpen: n,
+      isOpen: s,
       onClose: m,
       title: G,
       className: Q,
@@ -57,9 +58,9 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
       isLoading: i = !1,
       stickyHeader: V,
       fullBottomHeight: W = !1,
-      position: f = A.RIGHT,
+      position: _ = A.RIGHT,
       paddingRight: F = 8,
-      footer: _,
+      footer: f,
       children: I,
       classNameTitle: K,
       classNameHeader: Y,
@@ -69,88 +70,88 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
       classNameFooter: R,
       closeOnClickOutside: g = !0,
       showCloseButton: v = !0,
-      getContainer: p,
+      getContainer: b,
       dataTestIdReactMap: o,
       ...U
-    } = d, [b, N] = C(!1), [Z, k] = C(!1), S = x(), h = ce(le.XS1), { ref: $ } = ue({
-      enabled: f === A.BOTTOM
-    }), B = ne(p), c = x(null), [T, ee] = C(!1);
+    } = d, [N, k] = C(!1), [Z, S] = C(!1), B = x(), h = ae(le.XS1), { ref: $ } = ue({
+      enabled: _ === A.BOTTOM
+    }), E = se(b), a = x(null), [T, ee] = C(!1);
     D(() => {
       const l = () => {
-        if (c.current) {
-          const { scrollHeight: te, clientHeight: re } = c.current;
-          ee(te > re);
+        if (a.current) {
+          const { scrollHeight: te, clientHeight: ne } = a.current;
+          ee(te > ne);
         }
       };
       l();
       const H = new ResizeObserver(l);
-      return c.current && H.observe(c.current), () => {
+      return a.current && H.observe(a.current), () => {
         H.disconnect();
       };
-    }, [n, i]), ae({
-      on: n && !b,
+    }, [s, i]), ce({
+      on: s && !N,
       paddingRight: F
     });
-    const s = w(() => {
-      m && (N(!0), S.current = setTimeout(() => {
-        m(), N(!1);
-      }, xe));
+    const r = w(() => {
+      m && (k(!0), B.current = setTimeout(() => {
+        m(), k(!1);
+      }, De));
     }, [m]), oe = w(() => {
-      g && s();
-    }, [g, s]), z = w(
+      g && r();
+    }, [g, r]), p = w(
       (l) => {
-        l.key === "Escape" && s();
+        l.key === "Escape" && r();
       },
-      [s]
+      [r]
     );
-    D(() => (n && (k(!0), window.addEventListener("keydown", z)), () => {
-      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", z);
-    }), [n, z]);
-    const E = {
+    D(() => (s && (S(!0), window.addEventListener("keydown", p)), () => {
+      S(!1), clearTimeout(B.current), window.removeEventListener("keydown", p);
+    }), [s, p]);
+    const z = {
       [e.opened]: Z,
-      [e["is-closing"]]: b,
+      [e["is-closing"]]: N,
       [e["full-bottom-height"]]: W,
       [e["is-loading"]]: i
     };
-    if (!n && y)
+    if (!s && y)
       return null;
-    const O = De(p !== void 0 && p !== !1), L = /* @__PURE__ */ a(
+    const O = Ae(b !== void 0 && b !== !1), L = /* @__PURE__ */ c(
       "div",
       {
         "data-testid-react": o == null ? void 0 : o.drawer,
-        className: r(e.drawerContainer, J),
+        className: n(e.drawerContainer, J),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ c(
             j,
             {
               ref: X,
-              "aria-hidden": !n,
+              "aria-hidden": !s,
               role: "dialog",
               style: O.drawer,
-              className: r(e.drawer, e[f], E, Q),
+              className: n(e.drawer, e[_], z, Q),
               ...U,
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ c(
                   "section",
                   {
                     ref: $,
-                    className: r(
+                    className: n(
                       e.content,
                       M,
-                      e[f],
+                      e[_],
                       {
                         [e["is-loading"]]: !!i
                       }
                     ),
                     children: [
-                      /* @__PURE__ */ a(
+                      /* @__PURE__ */ c(
                         "header",
                         {
-                          className: r(e.header, Y, {
+                          className: n(e.header, Y, {
                             [e["sticky-header"]]: V
                           }),
                           children: [
-                            /* @__PURE__ */ t("h2", { className: r(e.title, K), children: G }),
+                            /* @__PURE__ */ t("h2", { className: n(e.title, K), children: G }),
                             /* @__PURE__ */ t("div", { className: e.space, children: v && /* @__PURE__ */ t(
                               P,
                               {
@@ -159,7 +160,7 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                                 isIconButton: !0,
                                 size: h ? u.S : u.M,
                                 iconName: "Close16px",
-                                onClick: s,
+                                onClick: r,
                                 className: e.button
                               }
                             ) })
@@ -169,16 +170,16 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                       /* @__PURE__ */ t(
                         ie,
                         {
-                          ref: c,
-                          className: r(
+                          ref: a,
+                          className: n(
                             e.inner,
                             {
                               [e["is-loading"]]: !!i
                             },
                             q
                           ),
-                          variant: _e.LIGHT,
-                          size: pe.M,
+                          variant: fe.LIGHT,
+                          size: be.M,
                           children: i ? /* @__PURE__ */ t(me, {}) : I
                         }
                       )
@@ -189,16 +190,16 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                   "footer",
                   {
                     "data-testid-react": o == null ? void 0 : o.footer,
-                    className: r(e.footer, R, {
+                    className: n(e.footer, R, {
                       [e["has-scroll"]]: T
                     }),
-                    children: typeof _ == "function" ? _({ handleClose: s }) : _ || v && /* @__PURE__ */ t(
+                    children: typeof f == "function" ? f({ handleClose: r }) : f || v && /* @__PURE__ */ t(
                       P,
                       {
                         "data-testid-react": o == null ? void 0 : o.footerCloseButton,
                         size: h ? u.L : u.XXL,
                         full: h,
-                        onClick: s,
+                        onClick: r,
                         className: e["footer-button"],
                         children: "Закрыть"
                       }
@@ -212,12 +213,12 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
             "div",
             {
               "data-testid-react": o == null ? void 0 : o.overlay,
-              className: r(
+              className: n(
                 e.overlay,
                 {
                   [e.unmount]: !y
                 },
-                E
+                z
               ),
               style: O.overlay,
               "data-testid": "drawer-overlay",
@@ -227,10 +228,10 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
         ]
       }
     );
-    return B === !1 ? L : /* @__PURE__ */ t(fe, { element: B, children: L });
+    return E === !1 ? L : /* @__PURE__ */ t(_e, { element: E, children: L });
   }
 );
 export {
-  xe as ANIMATION_DELAY,
-  Ue as Drawer
+  De as ANIMATION_DELAY,
+  Ze as Drawer
 };

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

@@ -2,5 +2,6 @@ export declare enum EDrawerPosition {
     LEFT = "left",
     RIGHT = "right",
     BOTTOM = "bottom",
-    FULL = "full"
+    FULL = "full",
+    CENTER = "center"
 }

package/dist/components/Drawer/constants.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T))(l || {});
+var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T.CENTER = "center", T))(l || {});
 export {
   l as EDrawerPosition
 };

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-CqNPT8os.js";
+import { I as f } from "../../Input-JwHUiwVK.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-CqNPT8os.js";
+import { I as n } from "../../Input-JwHUiwVK.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c as N } from "../../index-DIxK0V-G.js";
 import { memo as a, forwardRef as y, useState as C, useCallback as s } from "react";
 import { Icon as v } from "../../icons/Icon.js";
 import { Button as P } from "../Button/Button.js";
-import { I as S } from "../../Input-CqNPT8os.js";
+import { I as S } from "../../Input-JwHUiwVK.js";
 import '../../assets/InputPassword.css';const k = "_input_7b9x2_2", E = "_wrapper_7b9x2_6", j = "_button_7b9x2_17", B = "_icon_7b9x2_33", D = "_show_7b9x2_38", e = {
   input: k,
   wrapper: E,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { memo as P, forwardRef as b, useState as h, useCallback as k, useImperativeHandle as I } from "react";
 import { getMaskedInputPhoneValue as n, getUnmaskedInputValue as p } from "./utils.js";
-import { I as N } from "../../Input-CqNPT8os.js";
+import { I as N } from "../../Input-JwHUiwVK.js";
 const g = P(
   b(({ value: l = "", onChange: e, dataTestIdReactMap: u, ...s }, t) => {
     const [m, i] = h(

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -14,7 +14,7 @@ import { useVirtualization as gt } from "./hooks/useVirtualization.js";
 import { normalizeDataForNestedSelection as It, flattenOptions as St, updateInputValueAfterChange as ue, getInitialInputValue as Nt, mapSizeToInputSize as me, getDropdownArrowIcon as zt, processNestedSelectionChange as pe, flattenSelectedItems as wt, dispatchMultiselectOpen as A, highlightReactNode as Ct } from "./utils.js";
 import { Icon as vt } from "../../icons/Icon.js";
 import { Button as yt } from "../Button/Button.js";
-import { I as fe } from "../../Input-CqNPT8os.js";
+import { I as fe } from "../../Input-JwHUiwVK.js";
 import { EInputVariant as bt } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
 import { H as Ot, U as ge, G as Ie } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as g, Fragment as S, isValidElement as w, cloneElement as E } from "react";
 import { EMultiSelectSearchSize as a, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
-import "../../Input-CqNPT8os.js";
+import "../../Input-JwHUiwVK.js";
 import { EInputSize as f } from "../Input/constants.js";
 const j = (n) => {
   switch (n) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-CqNPT8os.js";
+import { I as A } from "../../Input-JwHUiwVK.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/SelectSearch/SelectSearch.js

@@ -6,7 +6,7 @@ import { ESelectSearchSize as d, ELoadingIndicatorPlacement as y, ESelectSearchB
 import { prepareGroupedItems as qe, shouldShowMenuOnTop as He, mapSizeToInputSize as ue, getDropdownArrowIcon as je, highlightReactNode as pe } from "./utils.js";
 import { Icon as j } from "../../icons/Icon.js";
 import { Button as Fe } from "../Button/Button.js";
-import { I as he } from "../../Input-CqNPT8os.js";
+import { I as he } from "../../Input-JwHUiwVK.js";
 import { EInputVariant as Ie } from "../Input/constants.js";
 import { Loader as me } from "../Loader/Loader.js";
 import { H as $e, U as _e, G as be, W as fe, K as Ke } from "../../combobox-fIVOzEhl.js";

package/dist/components/SelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as u, Fragment as l, isValidElement as g, cloneElement as m } from "react";
 import { ESelectSearchSize as s, MOBILE_MENU_HEIGHT as h, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-CqNPT8os.js";
+import "../../Input-JwHUiwVK.js";
 import { EInputSize as c } from "../Input/constants.js";
 const A = (r) => {
   switch (r) {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-CqNPT8os.js";
+import { c as e } from "../../Input-JwHUiwVK.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as a, EButtonSize as p, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as n, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as l } from "../Input-CqNPT8os.js";
+import { I as l } from "../Input-JwHUiwVK.js";
 import { EInputSize as S, EInputStatus as d, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as B } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as l } from "./Input-CqNPT8os.js";
+import { I as l } from "./Input-JwHUiwVK.js";
 import { EInputSize as E, EInputStatus as u, EInputVariant as S } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as B } from "./components/TextArea/constants.js";

package/package.json

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