mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,117 +1,137 @@
-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 { formating as F } from "../../utils/index.js";
-import { Button as P } from "../Button/Button.js";
-const p = 15, I = 7, W = ({
-  date: v,
-  selectedDate: u,
+import { jsxs as F, jsx as c } from "react/jsx-runtime";
+import { c as P } from "../../index-DIxK0V-G.js";
+import { useState as C } from "react";
+import { useDatePickerPosition as L } from "./hooks.js";
+import { c as o } from "../../styles.module-BfkM1-KJ.js";
+import { formating as _ } from "../../utils/index.js";
+import { Button as v } from "../Button/Button.js";
+const N = 15, O = 7, T = ({
+  date: y,
+  selectedDate: d,
   onChangeValue: E,
   before: Y,
-  onChangeType: d,
-  onChangeYear: N,
-  disableFuture: S = !1,
-  disablePast: _ = !1,
-  disabledDate: o,
+  onChangeType: l,
+  onChangeYear: g,
+  disableFuture: M = !1,
+  disablePast: S = !1,
+  disabledDate: r,
   validRange: k
 }) => {
-  const y = z(), i = new Date(v), l = u ? new Date(u) : i, G = {
-    y: l.getFullYear(),
-    d: l.getDate(),
-    m: l.getMonth() + 1
+  const [G, Q] = L(), i = new Date(y), u = d ? new Date(d) : i, D = /* @__PURE__ */ new Date(), $ = {
+    y: u.getFullYear(),
+    d: u.getDate(),
+    m: u.getMonth() + 1
   }, e = {
     y: i.getFullYear(),
     d: i.getDate(),
     m: i.getMonth() + 1
-  }, [D, h] = j(e.y), M = D - I, Q = Array.from(Array(p).keys()).map(
-    (t) => t + M
-  ), B = () => {
-    h(D + p);
-  }, H = () => {
-    h(D - p);
-  }, g = (t) => {
+  }, B = {
+    y: D.getFullYear(),
+    d: D.getDate(),
+    m: D.getMonth() + 1
+  }, [w, h] = C(e.y), H = w - O, R = Array.from(Array(N).keys()).map(
+    (t) => t + H
+  ), j = () => {
+    h(w + N);
+  }, z = () => {
+    h(w - N);
+  }, x = (t) => {
     const s = (/* @__PURE__ */ new Date()).getFullYear();
     if (k) {
-      const [a, w] = k;
-      let r;
+      const [a, p] = k;
+      let n;
       if (e.m && e.d)
-        r = new Date(t, e.m - 1, e.d);
+        n = new Date(t, e.m - 1, e.d);
       else {
         const A = /* @__PURE__ */ new Date();
-        r = new Date(t, A.getMonth(), A.getDate());
+        n = new Date(t, A.getMonth(), A.getDate());
       }
-      r.setHours(0, 0, 0, 0);
-      const m = new Date(a), f = new Date(w);
-      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), r < m || r > f)
+      n.setHours(0, 0, 0, 0);
+      const m = new Date(a), f = new Date(p);
+      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), n < m || n > f)
         return !0;
     }
-    if (Y && Y.getFullYear() > t || S && t > s || _ && t < s)
+    if (Y && Y.getFullYear() > t || M && t > s || S && t < s)
       return !0;
-    if (o) {
+    if (r) {
       const a = new Date(t, e.m - 1, e.d);
-      if (!o(a)) return !1;
-      const w = new Date(t, 2, 15), r = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
-      return o(w) && o(r) && o(m) && o(f);
+      if (!r(a)) return !1;
+      const p = new Date(t, 2, 15), n = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
+      return r(p) && r(n) && r(m) && r(f);
     }
     return !1;
-  }, R = (t) => {
-    g(t) || (N ? N(t) : E(
+  }, I = (t) => {
+    x(t) || (g ? g(t) : E(
       /* @__PURE__ */ new Date(
-        `${t}-${F.Number(2, e.m)}-${F.Number(2, e.d)}`
+        `${t}-${_.Number(2, e.m)}-${_.Number(2, e.d)}`
       )
     ));
   };
-  return /* @__PURE__ */ b("div", { className: n["calendar-block"], ref: y, children: [
-    /* @__PURE__ */ b("div", { className: n.h, children: [
-      /* @__PURE__ */ c(
-        P,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowLeft16px",
-          onClick: H,
-          variant: "secondary-gray",
-          size: "l"
-        }
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      className: P(
+        o["calendar-block"],
+        o[`calendar-block--position-${Q}`]
       ),
-      /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          onClick: () => d == null ? void 0 : d("years"),
-          className: n.d
-        }
-      ),
-      /* @__PURE__ */ c(
-        P,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowRight16px",
-          onClick: B,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c("div", { className: n.monthGrid, "data-testid": "year-picker", children: Q.map((t, x) => {
-      const s = g(t);
-      return /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          onClick: () => R(t),
-          disabled: s,
-          className: $(s ? n.m : n.a, {
-            [n.current]: u && G.y === t
-          }),
-          children: t
-        },
-        x
-      );
-    }) })
-  ] });
+      ref: G,
+      children: [
+        /* @__PURE__ */ F("div", { className: o.h, children: [
+          /* @__PURE__ */ c(
+            v,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowLeft16px",
+              onClick: z,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          ),
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => l == null ? void 0 : l("years"),
+              className: o.d
+            }
+          ),
+          /* @__PURE__ */ c(
+            v,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowRight16px",
+              onClick: j,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: o.monthGrid, "data-testid": "year-picker", children: R.map((t, b) => {
+          const s = x(t);
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => I(t),
+              disabled: s,
+              className: P(
+                s ? o.m : o.a,
+                {
+                  [o.current]: B.y === t
+                },
+                {
+                  [o.selecte]: d && $.y === t
+                }
+              ),
+              children: t
+            },
+            b
+          );
+        }) })
+      ]
+    }
+  );
 };
 export {
-  W as YearPickerModal
+  T as YearPickerModal
 };

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

@@ -10,6 +10,7 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
+export type TCalendarBlockPosition = 'top' | 'medium' | 'bottom';
 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 = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], C = [
+const s = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"], C = [
   "Январь",
   "Февраль",
   "Март",

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

@@ -1,3 +1,4 @@
 import { DependencyList } from 'react';
+import { TCalendarBlockPosition } from './constants';
 
-export declare const useDatePickerPosition: (deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;
+export declare const useDatePickerPosition: (deps?: DependencyList) => (import('react').RefObject<HTMLDivElement> | TCalendarBlockPosition | null)[];

package/dist/components/DatePicker/hooks.js

@@ -1,20 +1,20 @@
-import { useRef as x, useEffect as w } from "react";
+import { useRef as w, useState as g, useLayoutEffect as H } from "react";
 import { BLOCK_WIDTH as r } from "./constants.js";
-const H = (a) => {
-  const t = x(null);
-  return w(() => {
-    var o, c, s, l, u, p;
-    const d = window.innerHeight, h = window.innerWidth;
+const E = (d) => {
+  const t = w(null), [y, o] = g(null);
+  return H(() => {
+    var s, c, l, u, p, a;
+    const h = window.innerHeight, m = window.innerWidth;
     if (t.current !== null) {
-      const y = ((c = (o = t == null ? void 0 : t.current) == null ? void 0 : o.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, f = ((l = (s = t == null ? void 0 : t.current) == null ? void 0 : s.parentElement) == null ? void 0 : l.offsetHeight) ?? 0, n = (p = (u = t == null ? void 0 : t.current) == null ? void 0 : u.parentElement) == null ? void 0 : p.getBoundingClientRect(), i = t.current.offsetHeight;
-      if (h < n.x + r) {
-        const e = y - r;
+      const x = ((c = (s = t == null ? void 0 : t.current) == null ? void 0 : s.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, f = ((u = (l = t == null ? void 0 : t.current) == null ? void 0 : l.parentElement) == null ? void 0 : u.offsetHeight) ?? 0, n = (a = (p = t == null ? void 0 : t.current) == null ? void 0 : p.parentElement) == null ? void 0 : a.getBoundingClientRect(), i = t.current.offsetHeight;
+      if (m < n.x + r) {
+        const e = x - r;
         n.x - Math.abs(e) < 0 ? t.current.style.left = (e < 0 ? e / 2 : e) + "px" : t.current.style.left = e + "px";
       }
-      d < n.y + i + f ? n.y - i > 0 ? t.current.style.top = -i + "px" : (t.current.style.position = "fixed", t.current.style.top = `calc(50vh - ${i / 2}px)`, t.current.style.left = `calc(50vw - ${r / 2}px)`) : t.current.style.top = f + "px", t.current.style.opacity = "1";
+      h < n.y + i + f ? n.y - i > 0 ? (t.current.style.top = -i + "px", o("top")) : (t.current.style.position = "fixed", t.current.style.top = `calc(50vh - ${i / 2}px)`, t.current.style.left = `calc(50vw - ${r / 2}px)`, o("medium")) : (t.current.style.top = f + "px", o("bottom")), t.current.style.opacity = "1";
     }
-  }, [a]), t;
+  }, [d]), [t, y];
 };
 export {
-  H as useDatePickerPosition
+  E as useDatePickerPosition
 };

package/dist/components/Drawer/Drawer.js

@@ -1,38 +1,41 @@
-import { jsxs as f, Fragment as I, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, Fragment as L, jsx as t } from "react/jsx-runtime";
 import { c as n } from "../../index-DIxK0V-G.js";
-import { forwardRef as q, useState as M, useRef as J, useCallback as h, useEffect as U } from "react";
-import { EDrawerPosition as O } from "./constants.js";
-import { useContainer as Z } from "./hooks.js";
-import { useMediaQuery as $ } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as ee } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as te } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as oe } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as S } from "../Button/Button.js";
-import { EButtonVariantDefault as ne, EButtonSize as r } from "../Button/constants.js";
-import { Loader as se } from "../Loader/Loader.js";
-import { Portal as re } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13ua6_26", le = "_header_13ua6_44", ce = "_title_13ua6_58", ue = "_space_13ua6_72", de = "_inner_13ua6_83", me = "_button_13ua6_86", _e = "_footer_13ua6_91", fe = "_left_13ua6_104", he = "_right_13ua6_108", pe = "_full_13ua6_112", ye = "_bottom_13ua6_122", ge = "_opened_13ua6_139", Ce = "_overlay_13ua6_195", ve = "_unmount_13ua6_211", e = {
-  drawer: ae,
-  content: ie,
-  "is-loading": "_is-loading_13ua6_40",
-  header: le,
-  "sticky-header": "_sticky-header_13ua6_52",
-  title: ce,
-  space: ue,
-  inner: de,
-  button: me,
-  footer: _e,
-  "footer-button": "_footer-button_13ua6_100",
-  left: fe,
-  right: he,
-  full: pe,
-  bottom: ye,
-  "full-bottom-height": "_full-bottom-height_13ua6_133",
-  opened: ge,
-  "is-closing": "_is-closing_13ua6_158",
-  overlay: Ce,
-  unmount: ve
-}, Ne = 300, be = (a) => a ? {
+import { forwardRef as ne, useState as p, useRef as M, useEffect as R, useCallback as g } from "react";
+import { EDrawerPosition as H } from "./constants.js";
+import { useContainer as re } from "./hooks.js";
+import { ScrollWrapper as se } from "./ScrollWrapper/ScrollWrapper.js";
+import { useMediaQuery as ae } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as ie } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as le } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as ce } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as T } from "../Button/Button.js";
+import { EButtonVariantDefault as de, EButtonSize as c } from "../Button/constants.js";
+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 he = "_drawer_1btea_2", be = "_content_1btea_26", pe = "_header_1btea_45", ge = "_title_1btea_58", ye = "_space_1btea_74", ve = "_inner_1btea_82", Ce = "_button_1btea_87", we = "_footer_1btea_92", Ne = "_left_1btea_109", ke = "_right_1btea_113", Se = "_full_1btea_117", Be = "_bottom_1btea_127", Ee = "_opened_1btea_144", ze = "_overlay_1btea_208", Ie = "_unmount_1btea_224", e = {
+  drawer: he,
+  content: be,
+  "is-loading": "_is-loading_1btea_41",
+  header: pe,
+  "sticky-header": "_sticky-header_1btea_52",
+  title: ge,
+  space: ye,
+  inner: ve,
+  button: Ce,
+  footer: we,
+  "has-scroll": "_has-scroll_1btea_102",
+  "footer-button": "_footer-button_1btea_105",
+  left: Ne,
+  right: ke,
+  full: Se,
+  bottom: Be,
+  "full-bottom-height": "_full-bottom-height_1btea_138",
+  opened: Ee,
+  "is-closing": "_is-closing_1btea_165",
+  overlay: ze,
+  unmount: Ie
+}, Oe = 300, Le = (d) => d ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -41,120 +44,151 @@ import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ae = q(
-  (a, L) => {
+} : {}, Ye = ne(
+  (d, x) => {
     const {
-      as: R = "div",
-      isOpen: s,
-      onClose: i,
-      title: T,
-      className: x,
-      unmount: p = !0,
-      isLoading: l = !1,
-      stickyHeader: z,
-      fullBottomHeight: D = !1,
-      position: c = O.RIGHT,
-      paddingRight: A = 8,
-      footer: u,
-      children: H,
-      classNameTitle: P,
-      classNameHeader: X,
-      classNameInner: j,
-      classNameContent: F,
-      classNameFooter: Q,
-      closeOnClickOutside: y = !0,
-      showCloseButton: g = !0,
-      getContainer: d,
-      ...G
-    } = a, [C, v] = M(!1), [K, N] = M(!1), b = J(), m = $(ee.XS1), { ref: V } = oe({
-      enabled: c === O.BOTTOM
-    }), w = Z(d);
-    te({
-      on: s && !C,
-      paddingRight: A
+      as: D = "div",
+      isOpen: r,
+      onClose: u,
+      title: A,
+      className: P,
+      unmount: y = !0,
+      isLoading: a = !1,
+      stickyHeader: X,
+      fullBottomHeight: j = !1,
+      position: m = H.RIGHT,
+      paddingRight: F = 8,
+      footer: f,
+      children: G,
+      classNameTitle: Q,
+      classNameHeader: V,
+      classNameInner: W,
+      classNameContent: K,
+      classNameFooter: Y,
+      closeOnClickOutside: v = !0,
+      showCloseButton: C = !0,
+      getContainer: _,
+      ...q
+    } = d, [w, N] = p(!1), [J, k] = p(!1), S = M(), h = ae(ie.XS1), { ref: U } = ce({
+      enabled: m === H.BOTTOM
+    }), B = re(_), s = M(null), [Z, $] = p(!1);
+    R(() => {
+      const i = () => {
+        if (s.current) {
+          const { scrollHeight: te, clientHeight: oe } = s.current;
+          $(te > oe);
+        }
+      };
+      i();
+      const O = new ResizeObserver(i);
+      return s.current && O.observe(s.current), () => {
+        O.disconnect();
+      };
+    }, [r, a]), le({
+      on: r && !w,
+      paddingRight: F
     });
-    const o = h(() => {
-      i && (v(!0), b.current = setTimeout(() => {
-        i(), v(!1);
-      }, Ne));
-    }, [i]), W = h(() => {
-      y && o();
-    }, [y, o]), _ = h(
-      (Y) => {
-        Y.key === "Escape" && o();
+    const o = g(() => {
+      u && (N(!0), S.current = setTimeout(() => {
+        u(), N(!1);
+      }, Oe));
+    }, [u]), ee = g(() => {
+      v && o();
+    }, [v, o]), b = g(
+      (i) => {
+        i.key === "Escape" && o();
       },
       [o]
     );
-    U(() => (s && (N(!0), window.addEventListener("keydown", _)), () => {
-      N(!1), clearTimeout(b.current), window.removeEventListener("keydown", _);
-    }), [s, _]);
-    const k = {
-      [e.opened]: K,
-      [e["is-closing"]]: C,
-      [e["full-bottom-height"]]: D,
-      [e["is-loading"]]: l
+    R(() => (r && (k(!0), window.addEventListener("keydown", b)), () => {
+      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", b);
+    }), [r, b]);
+    const E = {
+      [e.opened]: J,
+      [e["is-closing"]]: w,
+      [e["full-bottom-height"]]: j,
+      [e["is-loading"]]: a
     };
-    if (!s && p)
+    if (!r && y)
       return null;
-    const B = be(d !== void 0 && d !== !1), E = /* @__PURE__ */ f(I, { children: [
-      /* @__PURE__ */ t(
-        R,
+    const z = Le(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ l(L, { children: [
+      /* @__PURE__ */ l(
+        D,
         {
-          ref: L,
-          "aria-hidden": !s,
+          ref: x,
+          "aria-hidden": !r,
           role: "dialog",
-          style: B.drawer,
-          className: n(e.drawer, e[c], k, x),
-          ...G,
-          children: /* @__PURE__ */ t(
-            "section",
-            {
-              ref: V,
-              className: n(
-                e.content,
-                F,
-                e[c],
-                {
-                  [e["is-loading"]]: !!l
-                }
-              ),
-              children: l ? /* @__PURE__ */ t(se, {}) : /* @__PURE__ */ f(I, { children: [
-                /* @__PURE__ */ f(
-                  "header",
+          style: z.drawer,
+          className: n(e.drawer, e[m], E, P),
+          ...q,
+          children: [
+            /* @__PURE__ */ t(
+              "section",
+              {
+                ref: U,
+                className: n(
+                  e.content,
+                  K,
+                  e[m],
                   {
-                    className: n(e.header, X, {
-                      [e["sticky-header"]]: z
-                    }),
-                    children: [
-                      /* @__PURE__ */ t("h2", { className: n(e.title, P), children: T }),
-                      /* @__PURE__ */ t("div", { className: e.space, children: g && /* @__PURE__ */ t(
-                        S,
-                        {
-                          variant: ne.SecondaryWhite,
-                          isIconButton: !0,
-                          size: m ? r.S : r.M,
-                          iconName: "Close16px",
-                          onClick: o,
-                          className: e.button
-                        }
-                      ) })
-                    ]
+                    [e["is-loading"]]: !!a
                   }
                 ),
-                /* @__PURE__ */ t("div", { className: n(e.inner, j), children: H }),
-                /* @__PURE__ */ t("footer", { className: n(e.footer, Q), children: typeof u == "function" ? u({ handleClose: o }) : u || g && /* @__PURE__ */ t(
-                  S,
+                children: a ? /* @__PURE__ */ t(ue, {}) : /* @__PURE__ */ l(L, { children: [
+                  /* @__PURE__ */ l(
+                    "header",
+                    {
+                      className: n(e.header, V, {
+                        [e["sticky-header"]]: X
+                      }),
+                      children: [
+                        /* @__PURE__ */ t("h2", { className: n(e.title, Q), children: A }),
+                        /* @__PURE__ */ t("div", { className: e.space, children: C && /* @__PURE__ */ t(
+                          T,
+                          {
+                            variant: de.SecondaryWhite,
+                            isIconButton: !0,
+                            size: h ? c.S : c.M,
+                            iconName: "Close16px",
+                            onClick: o,
+                            className: e.button
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    se,
+                    {
+                      ref: s,
+                      className: n(e.inner, W),
+                      variant: fe.LIGHT,
+                      size: _e.M,
+                      children: G
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ t(
+              "footer",
+              {
+                className: n(e.footer, Y, {
+                  [e["has-scroll"]]: Z
+                }),
+                children: typeof f == "function" ? f({ handleClose: o }) : f || C && /* @__PURE__ */ t(
+                  T,
                   {
-                    size: m ? r.M : r.XXL,
-                    full: m,
+                    size: h ? c.L : c.XXL,
+                    full: h,
                     onClick: o,
                     className: e["footer-button"],
                     children: "Закрыть"
                   }
-                ) })
-              ] })
-            }
-          )
+                )
+              }
+            )
+          ]
         }
       ),
       /* @__PURE__ */ t(
@@ -163,20 +197,20 @@ import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13
           className: n(
             e.overlay,
             {
-              [e.unmount]: !p
+              [e.unmount]: !y
             },
-            k
+            E
           ),
-          style: B.overlay,
+          style: z.overlay,
           "data-testid": "drawer-overlay",
-          onClick: W
+          onClick: ee
         }
       )
     ] });
-    return w === !1 ? E : /* @__PURE__ */ t(re, { element: w, children: E });
+    return B === !1 ? I : /* @__PURE__ */ t(me, { element: B, children: I });
   }
 );
 export {
-  Ne as ANIMATION_DELAY,
-  Ae as Drawer
+  Oe as ANIMATION_DELAY,
+  Ye as Drawer
 };

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { EScrollBarSize, EScrollBarVariant } from '../../ScrollBar/constants';
+
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+    variant?: `${EScrollBarVariant}`;
+    size?: `${EScrollBarSize}`;
+};
+export declare const ScrollWrapper: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};