mimir-ui-kit 1.64.4 → 1.64.5

package/dist/assets/Drawer.css

@@ -1 +1 @@
-._drawerContainer_zs4pc_2{position:fixed;z-index:1000000}._drawer_zs4pc_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._drawer_zs4pc_2::-webkit-scrollbar{width:3px}._drawer_zs4pc_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_zs4pc_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_zs4pc_2 ._content_zs4pc_31{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width: 600px){._drawer_zs4pc_2 ._content_zs4pc_31{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_zs4pc_2 ._header_zs4pc_46{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_zs4pc_2 ._header_zs4pc_46:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_zs4pc_2 ._header_zs4pc_46._sticky-header_zs4pc_54{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_zs4pc_2 ._header_zs4pc_46 ._title_zs4pc_60{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:end;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_zs4pc_2 ._header_zs4pc_46 ._title_zs4pc_60{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_zs4pc_2 ._header_zs4pc_46 ._space_zs4pc_74{-webkit-box-flex:0;-ms-flex:0 0 var(--button-height-m);flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_zs4pc_2 ._header_zs4pc_46{min-height:55px}._drawer_zs4pc_2 ._header_zs4pc_46:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_zs4pc_2 ._inner_zs4pc_85{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_zs4pc_2 ._inner_zs4pc_85._is-loading_zs4pc_90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 600px){._drawer_zs4pc_2 ._inner_zs4pc_85{padding-right:0}}._drawer_zs4pc_2 ._button_zs4pc_101{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_zs4pc_2 ._footer_zs4pc_106{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_zs4pc_2 ._footer_zs4pc_106{padding:var(--mimir-space-m)}}._drawer_zs4pc_2 ._footer_zs4pc_106._has-scroll_zs4pc_115{-webkit-box-shadow:var(--mimir-modal-window-bottom-panel-shadow);box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_zs4pc_2 ._footer-button_zs4pc_118{display:block;margin-left:auto}._drawer_zs4pc_2._left_zs4pc_122{top:0;left:-100%}._drawer_zs4pc_2._right_zs4pc_126{top:0;right:-100%}._drawer_zs4pc_2._full_zs4pc_130{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_zs4pc_2._bottom_zs4pc_140{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:auto;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);-webkit-transform:translate(-50%,0);transform:translate(-50%)}._drawer_zs4pc_2._bottom_zs4pc_140._full-bottom-height_zs4pc_151{height:calc(100% - var(--mimir-space-xs))}._drawer_zs4pc_2._bottom_zs4pc_140._is-loading_zs4pc_90{height:50vh}._drawer_zs4pc_2._opened_zs4pc_157{-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._drawer_zs4pc_2._opened_zs4pc_157._left_zs4pc_122{left:0%;-webkit-transition:left .3s ease;transition:left .3s ease}._drawer_zs4pc_2._opened_zs4pc_157._right_zs4pc_126{right:0%;-webkit-transition:right .3s ease;transition:right .3s ease}._drawer_zs4pc_2._opened_zs4pc_157._bottom_zs4pc_140{bottom:0%}._drawer_zs4pc_2._opened_zs4pc_157._full_zs4pc_130{-webkit-transform:scale(1);transform:scale(1);opacity:1}._drawer_zs4pc_2._is-closing_zs4pc_176._left_zs4pc_122{left:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._right_zs4pc_126{right:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._bottom_zs4pc_140{bottom:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._full_zs4pc_130{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_zs4pc_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_zs4pc_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_zs4pc_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_zs4pc_2{--drawer-width: 100%}._drawer_zs4pc_2._bottom_zs4pc_140{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_zs4pc_213{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._overlay_zs4pc_213._opened_zs4pc_157{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._overlay_zs4pc_213._opened_zs4pc_157._unmount_zs4pc_231{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_zs4pc_213._is-closing_zs4pc_176{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}._overlay_zs4pc_213._unmount_zs4pc_231{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+._drawerContainer_abn3o_2{position:fixed;z-index:1000000}._drawer_abn3o_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._drawer_abn3o_2::-webkit-scrollbar{width:3px}._drawer_abn3o_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_abn3o_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_abn3o_2 ._content_abn3o_31{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width: 600px){._drawer_abn3o_2 ._content_abn3o_31{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_abn3o_2 ._header_abn3o_46{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_abn3o_2 ._header_abn3o_46:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_abn3o_2 ._header_abn3o_46._sticky-header_abn3o_54{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_abn3o_2 ._header_abn3o_46 ._title_abn3o_60{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:end;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_abn3o_2 ._header_abn3o_46 ._title_abn3o_60{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_abn3o_2 ._header_abn3o_46 ._space_abn3o_74{-webkit-box-flex:0;-ms-flex:0 0 var(--button-height-m);flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_abn3o_2 ._header_abn3o_46{min-height:55px}._drawer_abn3o_2 ._header_abn3o_46:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_abn3o_2 ._inner_abn3o_85{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_abn3o_2 ._inner_abn3o_85._is-loading_abn3o_90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 600px){._drawer_abn3o_2 ._inner_abn3o_85{padding-right:0}}._drawer_abn3o_2 ._button_abn3o_101{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_abn3o_2 ._footer_abn3o_106{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_abn3o_2 ._footer_abn3o_106{padding:var(--mimir-space-m)}}._drawer_abn3o_2 ._footer_abn3o_106._has-scroll_abn3o_115{-webkit-box-shadow:var(--mimir-modal-window-bottom-panel-shadow);box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_abn3o_2 ._footer-button_abn3o_118{display:block;margin-left:auto}._drawer_abn3o_2._left_abn3o_122{top:0;left:-100%}._drawer_abn3o_2._right_abn3o_126{top:0;right:-100%}._drawer_abn3o_2._center_abn3o_130{left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95);height:auto;height:initial;border-radius:var(--mimir-control-radius);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_abn3o_2._full_abn3o_139{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_abn3o_2._bottom_abn3o_149{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:auto;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);-webkit-transform:translate(-50%,0);transform:translate(-50%)}._drawer_abn3o_2._bottom_abn3o_149._full-bottom-height_abn3o_160{height:calc(100% - var(--mimir-space-xs))}._drawer_abn3o_2._bottom_abn3o_149._is-loading_abn3o_90{height:50vh}._drawer_abn3o_2._opened_abn3o_166{-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._drawer_abn3o_2._opened_abn3o_166._left_abn3o_122{left:0%;-webkit-transition:left .3s ease;transition:left .3s ease}._drawer_abn3o_2._opened_abn3o_166._right_abn3o_126{right:0%;-webkit-transition:right .3s ease;transition:right .3s ease}._drawer_abn3o_2._opened_abn3o_166._bottom_abn3o_149{bottom:0%}._drawer_abn3o_2._opened_abn3o_166._full_abn3o_139{-webkit-transform:scale(1);transform:scale(1);opacity:1}._drawer_abn3o_2._opened_abn3o_166._center_abn3o_130{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}._drawer_abn3o_2._is-closing_abn3o_189._left_abn3o_122{left:-100%}._drawer_abn3o_2._is-closing_abn3o_189._right_abn3o_126{right:-100%}._drawer_abn3o_2._is-closing_abn3o_189._bottom_abn3o_149{bottom:-100%}._drawer_abn3o_2._is-closing_abn3o_189._full_abn3o_139{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}._drawer_abn3o_2._is-closing_abn3o_189._center_abn3o_130{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95);opacity:0}@media (max-width: 1440px){._drawer_abn3o_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_abn3o_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_abn3o_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_abn3o_2{--drawer-width: 100%}._drawer_abn3o_2._bottom_abn3o_149{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_abn3o_230{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._overlay_abn3o_230._opened_abn3o_166{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._overlay_abn3o_230._opened_abn3o_166._unmount_abn3o_248{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_abn3o_230._is-closing_abn3o_189{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}._overlay_abn3o_230._unmount_abn3o_248{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import { FocusEventHandler } from 'react';
 import { EDatePickerBorderRadius } from './constants';
 import { TInputProps } from '../Input';
 
@@ -11,9 +12,9 @@ export type TProps = {
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Функция обратного вызова при потере фокуса компонентом
+     * Стандартный обработчик потери фокуса input
      */
-    onBlur?: (e: string) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */
@@ -106,9 +107,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Функция обратного вызова при потере фокуса компонентом
+     * Стандартный обработчик потери фокуса input
      */
-    onBlur?: (e: string) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */

package/dist/components/DatePicker/DatePicker.js

@@ -1,138 +1,138 @@
-import { jsxs as R, jsx as u } from "react/jsx-runtime";
-import { c as H } from "../../index-DIxK0V-G.js";
-import { memo as ht, forwardRef as Mt, useState as A, useEffect as S } from "react";
-import { months as Y, EDatePickerBorderRadius as B, MAX_DAY as gt, MAX_MONTH as Tt, DATE_LENGTH as $t } from "./constants.js";
+import { jsxs as F, jsx as D } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import { memo as ht, forwardRef as Mt, useState as b, useEffect as P } from "react";
+import { months as S, EDatePickerBorderRadius as C, MAX_DAY as gt, MAX_MONTH as Tt, DATE_LENGTH as $t } from "./constants.js";
 import { DatePickerModal as bt } from "./DatePickerModal.js";
 import { MonthPickerModal as At } from "./MonthPickerModal.js";
-import { c as y } from "../../styles.module-DjQdoVeY.js";
-import { formatDatePart as V } from "./utils.js";
+import { c as m } from "../../styles.module-DjQdoVeY.js";
+import { formatDatePart as R } from "./utils.js";
 import { YearPickerModal as Pt } from "./YearPickerModal.js";
 import { useClickOutside as St } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as tt } from "../../icons/Icon.js";
+import { Icon as V } from "../../icons/Icon.js";
 import { formating as p } from "../../utils/index.js";
 import { I as Yt } from "../../Input-JwHUiwVK.js";
-import { EInputStatus as It, EInputSize as et } from "../Input/constants.js";
+import { EInputStatus as It, EInputSize as tt } from "../Input/constants.js";
 const xt = ht(
   Mt(
     ({
-      size: j,
-      value: N,
+      size: H,
+      value: w,
       onChangeValue: r,
-      name: k,
-      before: M,
-      type: l = "days",
-      dateFormat: h = "full",
-      error: E,
-      onError: T,
-      onBlur: i,
-      validateImmediately: q,
+      name: d,
+      before: h,
+      type: f = "days",
+      dateFormat: N = "full",
+      error: B,
+      onError: g,
+      onBlur: et,
+      validateImmediately: G,
       variant: st,
-      disabled: L = !1,
-      editable: P = !1,
-      openOnInput: J = !0,
+      disabled: j = !1,
+      editable: A = !1,
+      openOnInput: W = !0,
       sendIntermediateValues: rt = !1,
-      disableFuture: K = !1,
-      disablePast: Q = !1,
-      disabledDate: O,
-      validRange: o,
-      borderRadius: _ = B.All,
-      full: at,
-      position: ot,
-      isFixed: U = !1,
-      ...I
+      disableFuture: q = !1,
+      disablePast: J = !1,
+      disabledDate: E,
+      validRange: a,
+      borderRadius: L = C.All,
+      full: ot,
+      position: at,
+      isFixed: O = !1,
+      ...Y
     }, ct) => {
-      const [$, D] = A(!1), [X, d] = A(l), [f, g] = A(
-        () => N && !isNaN(new Date(N).getTime()) ? new Date(N) : void 0
-      ), [x, G] = A(E), [it, v] = A(""), [ft, b] = A();
-      I.status = !!x && It.Error || I.status;
-      const Z = () => {
-        D(!1);
+      const [T, y] = b(!1), [_, u] = b(f), [i, M] = b(
+        () => w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
+      ), [I, U] = b(B), [it, x] = b(""), [nt, $] = b();
+      Y.status = !!I && It.Error || Y.status;
+      const K = () => {
+        y(!1);
       };
-      S(() => {
-        if (!(!$ || !U))
-          return window.addEventListener("scroll", Z, !0), () => window.removeEventListener("scroll", Z, !0);
-      }, [$, U]), S(() => {
-        G(E);
-      }, [E]), S(() => {
-        g(
-          N && !isNaN(new Date(N).getTime()) ? new Date(N) : void 0
+      P(() => {
+        if (!(!T || !O))
+          return window.addEventListener("scroll", K, !0), () => window.removeEventListener("scroll", K, !0);
+      }, [T, O]), P(() => {
+        U(B);
+      }, [B]), P(() => {
+        M(
+          w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
         );
-      }, [N]), S(() => {
-        if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
+      }, [w]), P(() => {
+        if (i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime())) {
           let t = "";
-          switch (h) {
+          switch (N) {
             case "year": {
-              t = f.getFullYear().toString();
+              t = i.getFullYear().toString();
               break;
             }
             case "month": {
-              const s = Y[f.getMonth()], e = f.getFullYear();
+              const s = S[i.getMonth()], e = i.getFullYear();
               t = `${s} ${e}`;
               break;
             }
             case "full": {
-              t = p.Date(f, "dd/mm/yyyy");
+              t = p.Date(i, "dd/mm/yyyy");
               break;
             }
             default: {
-              t = p.Date(f, "dd/mm/yyyy");
+              t = p.Date(i, "dd/mm/yyyy");
               break;
             }
           }
-          v(t);
+          x(t);
         } else
-          v("");
-      }, [f, h]);
-      const z = N && new Date(N).getTime;
-      S(() => {
-        q && (z ? (G(!1), T == null || T({ name: k, active: !1 })) : (G(!0), T == null || T({ name: k, active: !0 })));
-      }, [q, k, z]), St({
-        isActive: $,
+          x("");
+      }, [i, N]);
+      const Q = w && new Date(w).getTime;
+      P(() => {
+        G && (Q ? (U(!1), g == null || g({ name: d, active: !1 })) : (U(!0), g == null || g({ name: d, active: !0 })));
+      }, [G, d, Q]), St({
+        isActive: T,
         setActive: (t) => {
-          D(t), d(l), t || b(void 0);
+          y(t), u(f), t || $(void 0);
         },
-        className: y["calendar-block"]
+        className: m["calendar-block"]
       });
-      const mt = () => {
-        !L && (J || !P) && D(!0);
-      }, F = (t) => {
+      const ft = () => {
+        !j && (W || !A) && y(!0);
+      }, Z = (t) => {
         const s = t.getTime();
-        if (t.setHours(0, 0, 0, 0), M && (typeof M == "string" ? new Date(M) : M).getTime() > s)
+        if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
           return !1;
-        if (K) {
+        if (q) {
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), t.getTime() > e.getTime()) return !1;
         }
-        if (Q) {
+        if (J) {
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
         }
-        if (O && O(t)) return !1;
-        if (o) {
+        if (E && E(t)) return !1;
+        if (a) {
           let e;
-          typeof o[0] == "string" ? e = [
-            new Date(o[0]),
-            typeof o[1] == "string" ? new Date(o[1]) : o[1]
+          typeof a[0] == "string" ? e = [
+            new Date(a[0]),
+            typeof a[1] == "string" ? new Date(a[1]) : a[1]
           ] : e = [
-            o[0],
-            typeof o[1] == "string" ? new Date(o[1]) : o[1]
+            a[0],
+            typeof a[1] == "string" ? new Date(a[1]) : a[1]
           ];
-          const [c, a] = e, m = new Date(c), n = new Date(a);
-          if (m.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < m || t > n) return !1;
+          const [c, o] = e, l = new Date(c), n = new Date(o);
+          if (l.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < l || t > n) return !1;
         }
         return !0;
-      }, nt = (t) => {
+      }, lt = (t) => {
         if (!isNaN(t.getTime())) {
-          g(t), b(void 0);
+          M(t), $(void 0);
           let e = "";
-          switch (h) {
+          switch (N) {
             case "year": {
               e = t.getFullYear().toString();
               break;
             }
             case "month": {
-              const c = Y[t.getMonth()], a = t.getFullYear();
-              e = `${c} ${a}`;
+              const c = S[t.getMonth()], o = t.getFullYear();
+              e = `${c} ${o}`;
               break;
             }
             case "full": {
@@ -146,18 +146,18 @@ const xt = ht(
           }
           r == null || r({
             value: e,
-            name: k
+            name: d
           });
         }
-        X === "years" && (l === "years" ? (D(!1), d(l)) : d("months")), X === "months" && (l === "months" ? (D(!1), d(l)) : d("days")), g(t);
+        _ === "years" && (f === "years" ? (y(!1), u(f)) : u("months")), _ === "months" && (f === "months" ? (y(!1), u(f)) : u("days")), M(t);
         let s = "";
-        switch (h) {
+        switch (N) {
           case "year": {
             s = t.getFullYear().toString();
             break;
           }
           case "month": {
-            const e = Y[t.getMonth()], c = t.getFullYear();
+            const e = S[t.getMonth()], c = t.getFullYear();
             s = `${e} ${c}`;
             break;
           }
@@ -172,201 +172,202 @@ const xt = ht(
         }
         r == null || r({
           value: s,
-          name: k
-        }), i == null || i(s);
-      }, lt = (t) => {
-        const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), c = s.getMonth() + 1, a = new Date(t, c - 1, e);
-        if (a.getFullYear() === t && a.getMonth() === c - 1 && a.getDate() === e && F(a)) {
-          g(a), b(void 0);
-          let m = "";
-          switch (h) {
+          name: d
+        });
+      }, mt = (t) => {
+        const s = i || /* @__PURE__ */ new Date(), e = s.getDate(), c = s.getMonth() + 1, o = new Date(t, c - 1, e);
+        if (o.getFullYear() === t && o.getMonth() === c - 1 && o.getDate() === e && Z(o)) {
+          M(o), $(void 0);
+          let l = "";
+          switch (N) {
             case "year": {
-              m = t.toString();
+              l = t.toString();
               break;
             }
             case "month": {
-              m = `${Y[c - 1]} ${t}`;
+              l = `${S[c - 1]} ${t}`;
               break;
             }
             case "full": {
-              m = p.Date(a, "yyyy-mm-dd");
+              l = p.Date(o, "yyyy-mm-dd");
               break;
             }
             default: {
-              m = p.Date(a, "yyyy-mm-dd");
+              l = p.Date(o, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: m,
-            name: k
-          }), i == null || i(m), l === "years") {
-            D(!1), d(l);
+            value: l,
+            name: d
+          }), f === "years") {
+            y(!1), u(f);
             return;
           }
         } else
-          b(new Date(t, c - 1, 1));
-        l === "years" ? (D(!1), d(l)) : d("months");
+          $(new Date(t, c - 1, 1));
+        f === "years" ? (y(!1), u(f)) : u("months");
       }, yt = (t, s) => {
-        const c = (f || /* @__PURE__ */ new Date()).getDate(), a = new Date(t, s, 0).getDate(), m = Math.min(c, a), n = new Date(t, s - 1, m);
-        if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === m && F(n)) {
-          g(n), b(void 0);
-          let w = "";
-          switch (h) {
+        const c = (i || /* @__PURE__ */ new Date()).getDate(), o = new Date(t, s, 0).getDate(), l = Math.min(c, o), n = new Date(t, s - 1, l);
+        if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === l && Z(n)) {
+          M(n), $(void 0);
+          let k = "";
+          switch (N) {
             case "year": {
-              w = t.toString();
+              k = t.toString();
               break;
             }
             case "month": {
-              w = `${Y[s - 1]} ${t}`;
+              k = `${S[s - 1]} ${t}`;
               break;
             }
             case "full": {
-              w = p.Date(n, "yyyy-mm-dd");
+              k = p.Date(n, "yyyy-mm-dd");
               break;
             }
             default: {
-              w = p.Date(n, "yyyy-mm-dd");
+              k = p.Date(n, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: w,
-            name: k
-          }), i == null || i(w), l === "months") {
-            D(!1), d(l);
+            value: k,
+            name: d
+          }), f === "months") {
+            y(!1), u(f);
             return;
           }
         } else
-          b(new Date(t, s - 1, 1));
-        l === "months" ? (D(!1), d(l)) : d("days");
-      }, Dt = (t) => {
-        if (P || t.target.value === "") {
+          $(new Date(t, s - 1, 1));
+        f === "months" ? (y(!1), u(f)) : u("days");
+      }, ut = (t) => {
+        if (A || t.target.value === "") {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
-            v(""), g(void 0), D(!1), r == null || r({ value: "", name: k }), i == null || i("");
+            x(""), M(void 0), y(!1), r == null || r({ value: "", name: d });
           else {
-            const [e, c, a] = [
-              V(s.substring(0, 2), gt),
-              V(s.substring(2, 4), Tt),
+            const [e, c, o] = [
+              R(s.substring(0, 2), gt),
+              R(s.substring(2, 4), Tt),
               s.substring(4, 8)
-            ], m = [e, c, a].filter(Boolean).join("/");
-            if (v(m), rt) {
-              const n = a ? `${a}-${c || "00"}-${e || "00"}` : [e, c, a].filter(Boolean).join("-");
+            ], l = [e, c, o].filter(Boolean).join("/");
+            if (x(l), rt) {
+              const n = o ? `${o}-${c || "00"}-${e || "00"}` : [e, c, o].filter(Boolean).join("-");
               r == null || r({
                 value: n,
-                name: k
+                name: d
               });
             }
-            if (m.length === $t) {
-              const n = parseInt(a), w = /* @__PURE__ */ new Date(
+            if (l.length === $t) {
+              const n = parseInt(o), k = /* @__PURE__ */ new Date(
                 `${n}-${c.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
-              isNaN(w.getTime()) || (g(w), r == null || r({
-                value: p.Date(w, "yyyy-mm-dd"),
-                name: k
-              }), i == null || i(p.Date(w, "yyyy-mm-dd")));
+              isNaN(k.getTime()) || (M(k), r == null || r({
+                value: p.Date(k, "yyyy-mm-dd"),
+                name: d
+              }));
             }
           }
         }
-      }, dt = H(
-        y.wrapper,
-        $ && !P && y.active
-      ), pt = H(y.input, y.inputBorderControl);
-      let C;
-      if (o) {
+      }, Dt = v(
+        m.wrapper,
+        T && !A && m.active
+      ), pt = v(m.input, m.inputBorderControl);
+      let z;
+      if (a) {
         let t, s;
-        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], C = [t, s];
+        typeof a[0] == "string" ? t = new Date(a[0]) : t = a[0], typeof a[1] == "string" ? s = new Date(a[1]) : s = a[1], z = [t, s];
       }
-      const W = {
-        onChangeValue: nt,
-        date: ft || f || /* @__PURE__ */ new Date(),
-        selectedDate: f,
-        before: typeof M == "string" ? new Date(M) : M,
-        onChangeType: d,
-        setIsActive: D,
-        disableFuture: K,
-        disablePast: Q,
-        disabledDate: O,
-        validRange: C,
-        dateFormat: h,
-        position: ot,
-        isFixed: U
-      }, wt = {
-        ...W,
+      const X = {
+        onChangeValue: lt,
+        date: nt || i || /* @__PURE__ */ new Date(),
+        selectedDate: i,
+        before: typeof h == "string" ? new Date(h) : h,
+        onChangeType: u,
+        setIsActive: y,
+        disableFuture: q,
+        disablePast: J,
+        disabledDate: E,
+        validRange: z,
+        dateFormat: N,
+        position: at,
+        isFixed: O
+      }, dt = {
+        ...X,
         onChangeMonth: yt,
-        dateFormat: h
-      }, ut = {
-        ...W,
-        onChangeYear: lt
+        dateFormat: N
+      }, wt = {
+        ...X,
+        onChangeYear: mt
       }, kt = (() => {
-        switch (X) {
+        switch (_) {
           case "months":
-            return () => /* @__PURE__ */ u(At, { ...wt });
+            return () => /* @__PURE__ */ D(At, { ...dt });
           case "years":
-            return () => /* @__PURE__ */ u(Pt, { ...ut });
+            return () => /* @__PURE__ */ D(Pt, { ...wt });
           default:
-            return () => /* @__PURE__ */ u(bt, { ...W });
+            return () => /* @__PURE__ */ D(bt, { ...X });
         }
-      })(), Nt = ({ isActive: t }) => /* @__PURE__ */ u("button", { onClick: (e) => {
-        e.stopPropagation(), L || D(!t);
-      }, className: y["icon-button"], children: t ? /* @__PURE__ */ u(
-        tt,
+      })(), Nt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
+        e.stopPropagation(), j || y(!t);
+      }, className: m["icon-button"], children: t ? /* @__PURE__ */ D(
+        V,
         {
-          iconName: j === et.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: H === tt.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
-      ) : /* @__PURE__ */ u(
-        tt,
+      ) : /* @__PURE__ */ D(
+        V,
         {
-          iconName: j === et.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: H === tt.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ R(
+      return /* @__PURE__ */ F(
         "div",
         {
-          className: H(y["input-field-group-datePicker"], {
-            [y.full]: at
+          className: v(m["input-field-group-datePicker"], {
+            [m.full]: ot
           }),
           children: [
-            /* @__PURE__ */ R("div", { className: dt, "data-disabled": L, children: [
-              /* @__PURE__ */ u(
+            /* @__PURE__ */ F("div", { className: Dt, "data-disabled": j, children: [
+              /* @__PURE__ */ D(
                 "div",
                 {
                   role: "button",
-                  "data-status": I.status,
-                  className: H(y["date-wrapper"], {
-                    [y.editable]: P,
-                    [y[`border-radius-${_}`]]: _ !== B.All
+                  "data-status": Y.status,
+                  className: v(m["date-wrapper"], {
+                    [m.editable]: A,
+                    [m[`border-radius-${L}`]]: L !== C.All
                   }),
-                  onClick: mt,
-                  children: /* @__PURE__ */ u(
+                  onClick: ft,
+                  children: /* @__PURE__ */ D(
                     Yt,
                     {
                       ref: ct,
                       className: pt,
-                      wrapperClassName: y["input-wrapper"],
-                      size: j,
+                      wrapperClassName: m["input-wrapper"],
+                      size: H,
                       type: "text",
                       variant: st,
                       value: it,
-                      onChange: Dt,
+                      onChange: ut,
                       rightAddon: {
                         addonType: "react-node",
-                        addonContent: /* @__PURE__ */ u(Nt, { isActive: $ })
+                        addonContent: /* @__PURE__ */ D(Nt, { isActive: T })
                       },
-                      rightSlotClassName: y["right-slot"],
+                      rightSlotClassName: m["right-slot"],
                       onFocus: () => {
-                        J && !P && D(!0);
+                        W && !A && y(!0);
                       },
-                      borderRadius: _,
-                      ...I
+                      borderRadius: L,
+                      ...Y,
+                      onBlur: et
                     }
                   )
                 }
               ),
-              $ && /* @__PURE__ */ u(kt, {})
+              T && /* @__PURE__ */ D(kt, {})
             ] }),
-            x && typeof x == "string" && /* @__PURE__ */ u("div", { className: y.textError, children: x })
+            I && typeof I == "string" && /* @__PURE__ */ D("div", { className: m.textError, children: I })
           ]
         }
       );

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/package.json

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