mimir-ui-kit 1.43.27 → 1.44.0

package/dist/components/DatePicker/DatePicker.js

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

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as A } from "../../index-DIxK0V-G.js";
 import { useState as U } from "react";
 import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
 import { useDatePickerPosition as E } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-D3nnIVCZ.js";
 import { getUpdateDate as B } from "./utils.js";
 import { Icon as K } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as _ } from "../../index-DIxK0V-G.js";
 import { useState as C } from "react";
 import { months as L } from "./constants.js";
 import { useDatePickerPosition as b } from "./hooks.js";
-import { c } from "../../styles.module-Cuqm31CO.js";
+import { c } from "../../styles.module-D3nnIVCZ.js";
 import { Icon as q } from "../../icons/Icon.js";
 import { formating as P } from "../../utils/index.js";
 import { Button as A } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import { c as $ } from "../../index-DIxK0V-G.js";
 import { useState as j } from "react";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-D3nnIVCZ.js";
 import { formating as F } from "../../utils/index.js";
 import { Button as P } from "../Button/Button.js";
 const p = 15, I = 7, W = ({

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

@@ -10,6 +10,12 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
+export declare enum EDatePickerBorderRadius {
+    All = "all",
+    Left = "left",
+    Right = "right",
+    None = "none"
+}
 export declare const BLOCK_WIDTH = 368;
 export declare const COUNT_WORK_DAYS = 4;
 export declare const MAX_DAY = 31;

package/dist/components/DatePicker/constants.js

@@ -1,5 +1,5 @@
-var n = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "2024-08-01", t.CurrentDate2 = "2024-07-01", t.CurrentDate3 = "1995-07-11", t))(n || {});
-const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
+var t = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "2024-08-01", n.CurrentDate2 = "2024-07-01", n.CurrentDate3 = "1995-07-11", n))(t || {});
+const _ = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Январь",
   "Февраль",
   "Март",
@@ -13,17 +13,18 @@ const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Ноябрь",
   "Декабрь"
 ];
-var r = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "", t.CurrentDate = "20240510", t.CurrentDate3 = "2024-09-10", t))(r || {});
-const C = 368, _ = 4, u = 31, A = 12, T = 10, D = 500;
+var r = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "", n.CurrentDate = "20240510", n.CurrentDate3 = "2024-09-10", n))(r || {}), C = /* @__PURE__ */ ((n) => (n.All = "all", n.Left = "left", n.Right = "right", n.None = "none", n))(C || {});
+const A = 368, s = 4, T = 31, M = 12, O = 10, u = 500;
 export {
-  C as BLOCK_WIDTH,
-  _ as COUNT_WORK_DAYS,
-  T as DATE_LENGTH,
-  n as EDatePickerBeforeDate,
+  A as BLOCK_WIDTH,
+  s as COUNT_WORK_DAYS,
+  O as DATE_LENGTH,
+  t as EDatePickerBeforeDate,
+  C as EDatePickerBorderRadius,
   r as EDatePickerValue,
-  u as MAX_DAY,
-  D as MAX_MOBILE_WIDTH,
-  A as MAX_MONTH,
+  T as MAX_DAY,
+  u as MAX_MOBILE_WIDTH,
+  M as MAX_MONTH,
   o as months,
-  s as week
+  _ as week
 };

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

@@ -1,2 +1,3 @@
 export { DatePicker } from './DatePicker';
 export type { TProps as TDatePickerProps, TDatePickerValue } from './DatePicker';
+export { EDatePickerBorderRadius } from './constants';

package/dist/components/DatePicker/index.js

@@ -1,4 +1,6 @@
 import { DatePicker as o } from "./DatePicker.js";
+import { EDatePickerBorderRadius as a } from "./constants.js";
 export {
-  o as DatePicker
+  o as DatePicker,
+  a as EDatePickerBorderRadius
 };

package/dist/components/Drawer/Drawer.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../index-DIxK0V-G.js";
-import { forwardRef as ne, useState as b, useRef as L, useEffect as M, useCallback as p } from "react";
+import { forwardRef as re, useState as p, useRef as L, useEffect as M, useCallback as z } from "react";
 import { EDrawerPosition as R } from "./constants.js";
-import { useContainer as re } from "./hooks.js";
+import { useContainer as ne } from "./hooks.js";
 import { ScrollWrapper as se } from "./ScrollWrapper/index.js";
 import { useMediaQuery as ie } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as ae } from "../../hooks/useMediaQuery/constants.js";
@@ -13,27 +13,27 @@ import { EButtonVariantDefault as de, EButtonSize as c } from "../Button/constan
 import { Loader as ue } from "../Loader/Loader.js";
 import { Portal as me } from "../Portal/Portal.js";
 import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_drawer_yzb8n_2", be = "_content_yzb8n_31", pe = "_header_yzb8n_46", ze = "_title_yzb8n_60", Ce = "_space_yzb8n_74", ge = "_inner_yzb8n_85", we = "_button_yzb8n_101", ve = "_footer_yzb8n_106", Ne = "_left_yzb8n_122", ke = "_right_yzb8n_126", Se = "_full_yzb8n_130", Be = "_bottom_yzb8n_140", Ee = "_opened_yzb8n_157", Ie = "_overlay_yzb8n_213", Oe = "_unmount_yzb8n_229", e = {
-  drawerContainer: ye,
+import '../../assets/Drawer.css';const ve = "_drawerContainer_1rv8z_2", he = "_drawer_1rv8z_2", pe = "_content_1rv8z_31", ze = "_header_1rv8z_46", Ce = "_title_1rv8z_60", ge = "_space_1rv8z_74", we = "_inner_1rv8z_85", ye = "_button_1rv8z_101", be = "_footer_1rv8z_106", Ne = "_left_1rv8z_122", ke = "_right_1rv8z_126", Se = "_full_1rv8z_130", Be = "_bottom_1rv8z_140", Ee = "_opened_1rv8z_157", Ie = "_overlay_1rv8z_213", Oe = "_unmount_1rv8z_231", e = {
+  drawerContainer: ve,
   drawer: he,
-  content: be,
-  header: pe,
-  "sticky-header": "_sticky-header_yzb8n_54",
-  title: ze,
-  space: Ce,
-  inner: ge,
-  "is-loading": "_is-loading_yzb8n_90",
-  button: we,
-  footer: ve,
-  "has-scroll": "_has-scroll_yzb8n_115",
-  "footer-button": "_footer-button_yzb8n_118",
+  content: pe,
+  header: ze,
+  "sticky-header": "_sticky-header_1rv8z_54",
+  title: Ce,
+  space: ge,
+  inner: we,
+  "is-loading": "_is-loading_1rv8z_90",
+  button: ye,
+  footer: be,
+  "has-scroll": "_has-scroll_1rv8z_115",
+  "footer-button": "_footer-button_1rv8z_118",
   left: Ne,
   right: ke,
   full: Se,
   bottom: Be,
-  "full-bottom-height": "_full-bottom-height_yzb8n_151",
+  "full-bottom-height": "_full-bottom-height_1rv8z_151",
   opened: Ee,
-  "is-closing": "_is-closing_yzb8n_176",
+  "is-closing": "_is-closing_1rv8z_176",
   overlay: Ie,
   unmount: Oe
 }, Le = 300, Me = (d) => d ? {
@@ -45,15 +45,15 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
     position: "absolute",
     zIndex: 90
   }
-} : {}, qe = ne(
+} : {}, qe = re(
   (d, T) => {
     const {
       as: x = "div",
-      isOpen: r,
+      isOpen: n,
       onClose: u,
       title: D,
       className: A,
-      unmount: z = !0,
+      unmount: C = !0,
       isLoading: s = !1,
       stickyHeader: P,
       fullBottomHeight: X = !1,
@@ -67,13 +67,13 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
       classNameDrawerContainer: F,
       classNameContent: K,
       classNameFooter: Y,
-      closeOnClickOutside: C = !0,
-      showCloseButton: g = !0,
+      closeOnClickOutside: g = !0,
+      showCloseButton: w = !0,
       getContainer: _,
       ...q
-    } = d, [w, v] = b(!1), [J, N] = b(!1), k = L(), y = ie(ae.XS1), { ref: U } = ce({
+    } = d, [y, b] = p(!1), [J, N] = p(!1), k = L(), v = ie(ae.XS1), { ref: U } = ce({
       enabled: m === R.BOTTOM
-    }), S = re(_), i = L(null), [Z, $] = b(!1);
+    }), S = ne(_), i = L(null), [Z, $] = p(!1);
     M(() => {
       const a = () => {
         if (i.current) {
@@ -86,32 +86,32 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
       return i.current && O.observe(i.current), () => {
         O.disconnect();
       };
-    }, [r, s]), le({
-      on: r && !w,
+    }, [n, s]), le({
+      on: n && !y,
       paddingRight: j
     });
-    const n = p(() => {
-      u && (v(!0), k.current = setTimeout(() => {
-        u(), v(!1);
+    const r = z(() => {
+      u && (b(!0), k.current = setTimeout(() => {
+        u(), b(!1);
       }, Le));
-    }, [u]), ee = p(() => {
-      C && n();
-    }, [C, n]), h = p(
+    }, [u]), ee = z(() => {
+      g && r();
+    }, [g, r]), h = z(
       (a) => {
-        a.key === "Escape" && n();
+        a.key === "Escape" && r();
       },
-      [n]
+      [r]
     );
-    M(() => (r && (N(!0), window.addEventListener("keydown", h)), () => {
+    M(() => (n && (N(!0), window.addEventListener("keydown", h)), () => {
       N(!1), clearTimeout(k.current), window.removeEventListener("keydown", h);
-    }), [r, h]);
+    }), [n, h]);
     const B = {
       [e.opened]: J,
-      [e["is-closing"]]: w,
+      [e["is-closing"]]: y,
       [e["full-bottom-height"]]: X,
       [e["is-loading"]]: s
     };
-    if (!r && z)
+    if (!n && C)
       return null;
     const E = Me(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ l(
       "div",
@@ -122,7 +122,7 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
             x,
             {
               ref: T,
-              "aria-hidden": !r,
+              "aria-hidden": !n,
               role: "dialog",
               style: E.drawer,
               className: t(e.drawer, e[m], B, A),
@@ -149,14 +149,14 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
                           }),
                           children: [
                             /* @__PURE__ */ o("h2", { className: t(e.title, Q), children: D }),
-                            /* @__PURE__ */ o("div", { className: e.space, children: g && /* @__PURE__ */ o(
+                            /* @__PURE__ */ o("div", { className: e.space, children: w && /* @__PURE__ */ o(
                               H,
                               {
                                 variant: de.SecondaryWhite,
                                 isIconButton: !0,
-                                size: y ? c.S : c.M,
+                                size: v ? c.S : c.M,
                                 iconName: "Close16px",
-                                onClick: n,
+                                onClick: r,
                                 className: e.button
                               }
                             ) })
@@ -188,12 +188,12 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
                     className: t(e.footer, Y, {
                       [e["has-scroll"]]: Z
                     }),
-                    children: typeof f == "function" ? f({ handleClose: n }) : f || g && /* @__PURE__ */ o(
+                    children: typeof f == "function" ? f({ handleClose: r }) : f || w && /* @__PURE__ */ o(
                       H,
                       {
-                        size: y ? c.L : c.XXL,
-                        full: y,
-                        onClick: n,
+                        size: v ? c.L : c.XXL,
+                        full: v,
+                        onClick: r,
                         className: e["footer-button"],
                         children: "Закрыть"
                       }
@@ -209,7 +209,7 @@ import '../../assets/Drawer.css';const ye = "_drawerContainer_yzb8n_2", he = "_d
               className: t(
                 e.overlay,
                 {
-                  [e.unmount]: !z
+                  [e.unmount]: !C
                 },
                 B
               ),

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -0,0 +1,3 @@
+import { TDropdownSelectProps } from './types';
+
+export declare const DropdownSelect: import('react').ForwardRefExoticComponent<TDropdownSelectProps & import('react').RefAttributes<HTMLDivElement>>;