mimir-ui-kit 1.43.18 → 1.43.20

package/dist/assets/Drawer.css

@@ -1 +1 @@
-._drawer_13ua6_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_13ua6_2::-webkit-scrollbar{width:3px}._drawer_13ua6_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_13ua6_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_13ua6_2 ._content_13ua6_26{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-4xl) var(--mimir-space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_13ua6_2 ._content_13ua6_26{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_13ua6_2 ._content_13ua6_26._is-loading_13ua6_40{align-items:center;justify-content:center}._drawer_13ua6_2 ._header_13ua6_44{display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_13ua6_2 ._header_13ua6_44:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_13ua6_2 ._header_13ua6_44._sticky-header_13ua6_52{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_13ua6_2 ._header_13ua6_44 ._title_13ua6_58{flex:1;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_13ua6_2 ._header_13ua6_44 ._title_13ua6_58{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_13ua6_2 ._header_13ua6_44 ._space_13ua6_72{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_13ua6_2 ._header_13ua6_44{min-height:55px}._drawer_13ua6_2 ._header_13ua6_44:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_13ua6_2 ._inner_13ua6_83{flex:1}._drawer_13ua6_2 ._button_13ua6_86{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_13ua6_2 ._footer_13ua6_91{display:block;padding-top:var(--mimir-space-4xl)}@media (max-width: 600px){._drawer_13ua6_2 ._footer_13ua6_91{padding-top:var(--mimir-space-m)}}._drawer_13ua6_2 ._footer-button_13ua6_100{display:block;margin-left:auto}._drawer_13ua6_2._left_13ua6_104{top:0;left:-100%}._drawer_13ua6_2._right_13ua6_108{top:0;right:-100%}._drawer_13ua6_2._full_13ua6_112{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_13ua6_2._bottom_13ua6_122{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);transform:translate(-50%)}._drawer_13ua6_2._bottom_13ua6_122._full-bottom-height_13ua6_133{height:calc(100% - var(--mimir-space-xs))}._drawer_13ua6_2._bottom_13ua6_122._is-loading_13ua6_40{height:50vh}._drawer_13ua6_2._opened_13ua6_139{transition:all .3s ease;pointer-events:auto}._drawer_13ua6_2._opened_13ua6_139._left_13ua6_104{left:0%;transition:left .3s ease}._drawer_13ua6_2._opened_13ua6_139._right_13ua6_108{right:0%;transition:right .3s ease}._drawer_13ua6_2._opened_13ua6_139._bottom_13ua6_122{bottom:0%}._drawer_13ua6_2._opened_13ua6_139._full_13ua6_112{transform:scale(1);opacity:1}._drawer_13ua6_2._is-closing_13ua6_158._left_13ua6_104{left:-100%}._drawer_13ua6_2._is-closing_13ua6_158._right_13ua6_108{right:-100%}._drawer_13ua6_2._is-closing_13ua6_158._bottom_13ua6_122{bottom:-100%}._drawer_13ua6_2._is-closing_13ua6_158._full_13ua6_112{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_13ua6_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_13ua6_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_13ua6_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_13ua6_2{--drawer-width: 100%}._drawer_13ua6_2._bottom_13ua6_122{--drawer-width: calc(100% - var(--mimir-space-xs))}}._overlay_13ua6_195{--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;transition:all .3s ease}._overlay_13ua6_195._opened_13ua6_139{opacity:1;transition:all .3s ease}._overlay_13ua6_195._opened_13ua6_139._unmount_13ua6_211{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_13ua6_195._is-closing_13ua6_158{opacity:0;transition:all .3s ease}._overlay_13ua6_195._unmount_13ua6_211{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+._drawer_14uzm_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_14uzm_2::-webkit-scrollbar{width:3px}._drawer_14uzm_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_14uzm_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_14uzm_2 ._content_14uzm_26{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;transition:all .3s ease}@media (max-width: 600px){._drawer_14uzm_2 ._content_14uzm_26{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_14uzm_2 ._content_14uzm_26._is-loading_14uzm_41{align-items:center;justify-content:center}._drawer_14uzm_2 ._header_14uzm_45{display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_14uzm_2 ._header_14uzm_45:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_14uzm_2 ._header_14uzm_45._sticky-header_14uzm_53{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_14uzm_2 ._header_14uzm_45 ._title_14uzm_59{flex:1;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_14uzm_2 ._header_14uzm_45 ._title_14uzm_59{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_14uzm_2 ._header_14uzm_45 ._space_14uzm_73{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_14uzm_2 ._header_14uzm_45{min-height:55px}._drawer_14uzm_2 ._header_14uzm_45:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_14uzm_2 ._inner_14uzm_84{flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_14uzm_2 ._inner_14uzm_84._is-loading_14uzm_41{display:flex;flex-direction:column;align-items:center;justify-content:center}._drawer_14uzm_2 ._button_14uzm_95{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_14uzm_2 ._footer_14uzm_100{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_14uzm_2 ._footer_14uzm_100{padding:var(--mimir-space-m)}}._drawer_14uzm_2 ._footer_14uzm_100._has-scroll_14uzm_109{box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_14uzm_2 ._footer-button_14uzm_112{display:block;margin-left:auto}._drawer_14uzm_2._left_14uzm_116{top:0;left:-100%}._drawer_14uzm_2._right_14uzm_120{top:0;right:-100%}._drawer_14uzm_2._full_14uzm_124{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_14uzm_2._bottom_14uzm_134{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);transform:translate(-50%)}._drawer_14uzm_2._bottom_14uzm_134._full-bottom-height_14uzm_145{height:calc(100% - var(--mimir-space-xs))}._drawer_14uzm_2._bottom_14uzm_134._is-loading_14uzm_41{height:50vh}._drawer_14uzm_2._opened_14uzm_151{transition:all .3s ease;pointer-events:auto}._drawer_14uzm_2._opened_14uzm_151._left_14uzm_116{left:0%;transition:left .3s ease}._drawer_14uzm_2._opened_14uzm_151._right_14uzm_120{right:0%;transition:right .3s ease}._drawer_14uzm_2._opened_14uzm_151._bottom_14uzm_134{bottom:0%}._drawer_14uzm_2._opened_14uzm_151._full_14uzm_124{transform:scale(1);opacity:1}._drawer_14uzm_2._is-closing_14uzm_170._left_14uzm_116{left:-100%}._drawer_14uzm_2._is-closing_14uzm_170._right_14uzm_120{right:-100%}._drawer_14uzm_2._is-closing_14uzm_170._bottom_14uzm_134{bottom:-100%}._drawer_14uzm_2._is-closing_14uzm_170._full_14uzm_124{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_14uzm_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_14uzm_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_14uzm_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_14uzm_2{--drawer-width: 100%}._drawer_14uzm_2._bottom_14uzm_134{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_14uzm_207{--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;transition:all .3s ease}._overlay_14uzm_207._opened_14uzm_151{opacity:1;transition:all .3s ease}._overlay_14uzm_207._opened_14uzm_151._unmount_14uzm_223{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_14uzm_207._is-closing_14uzm_170{opacity:0;transition:all .3s ease}._overlay_14uzm_207._unmount_14uzm_223{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/assets/index2.css

@@ -0,0 +1 @@
+._scroll-container_7yixd_2{height:100%;padding-right:4px;overflow-y:auto}._scroll-container_7yixd_2[data-variant=light]::-webkit-scrollbar{width:8px;height:8px}._scroll-container_7yixd_2[data-variant=light]::-webkit-scrollbar-track{background:var(--white);border-radius:var(--mimir-control-radius)}._scroll-container_7yixd_2[data-variant=light]::-webkit-scrollbar-thumb{background:var(--black-80);border:2px solid var(--white);border-radius:var(--mimir-control-radius)}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar{width:8px;height:8px}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar-track{background:var(--white);border-radius:var(--mimir-control-radius)}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar-thumb{background:var(--black-80);border:2px solid var(--white);border-radius:var(--mimir-control-radius)}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar{width:4px;height:4px}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar-track{border-radius:var(--mimir-control-radius-xs2)}._scroll-container_7yixd_2[data-variant=light][data-size=s]::-webkit-scrollbar-thumb{border:1px solid var(--white);border-radius:var(--mimir-control-radius-xs2)}

package/dist/components/Accordion/Accordion.d.ts

@@ -48,6 +48,8 @@ export type TProps = {
     onChange?: (isOpen: boolean) => void;
     /** Позиция контента аккордеона */
     contentPosition?: EAccordionContentPosition | `${EAccordionContentPosition}`;
+    /** Флаг, указывающий, нужно ли останавливать распространение события */
+    needStopPropagation?: boolean;
 };
 export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
 export {};

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,24 @@
-import { jsxs as R, Fragment as j, jsx as x } from "react/jsx-runtime";
-import { c as O } from "../../index-DIxK0V-G.js";
-import P, { createContext as W, useRef as ie, Fragment as ue, useReducer as xe, useMemo as F, useId as de, useEffect as Q, useState as pe, useContext as V, forwardRef as Te } from "react";
-import { AccordionItem as De } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as N, EAccordionContentPosition as A, EAccordionSize as L, EAccordionLinkIconSize as oe, EAccordionButtonStyle as $e, EAccordionIconType as re, EAccordionButtonIconSize as le } from "./constants.js";
-import { useMediaQuery as Pe } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as ve } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as ye } from "../../icons/Icon.js";
-import { Link as he } from "../AnchorLink/Link.js";
-import { M as se, W as z, y as K, T as ke, o as B, a as X, H as G, I as me, $ as Oe, b as Be, D as ce, u as we, c as C } from "../../keyboard-wis2TUql.js";
-import { w as Ne } from "../../use-active-press-CnDeVvQq.js";
-import { e as Ae } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as Ce, i as H, u as Me, R as Re, H as Le, s as Fe } from "../../open-closed-CJijMeI2.js";
-import { C as He } from "../../close-provider-CEutdhG8.js";
-import { r as Ue } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';var ae;
-let qe = (ae = P.startTransition) != null ? ae : function(e) {
+import { jsxs as F, Fragment as W, jsx as x } from "react/jsx-runtime";
+import { c as k } from "../../index-DIxK0V-G.js";
+import $, { createContext as Q, useRef as de, Fragment as pe, useReducer as De, useMemo as U, useId as me, useEffect as V, useState as fe, useContext as z, forwardRef as Pe } from "react";
+import { AccordionItem as $e } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as w, EAccordionContentPosition as N, EAccordionSize as H, EAccordionLinkIconSize as le, EAccordionButtonStyle as ve, EAccordionIconType as se, EAccordionButtonIconSize as ce } from "./constants.js";
+import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as he } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as ke } from "../../icons/Icon.js";
+import { Link as Oe } from "../AnchorLink/Link.js";
+import { M as ae, W as K, y as X, T as Be, o as O, a as G, H as J, I as _e, $ as we, b as Ne, D as ie, u as Ae, c as A } from "../../keyboard-wis2TUql.js";
+import { w as Ce } from "../../use-active-press-CnDeVvQq.js";
+import { e as Me } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as Re, i as q, u as Le, R as Fe, H as He, s as Ue } from "../../open-closed-CJijMeI2.js";
+import { C as qe } from "../../close-provider-CEutdhG8.js";
+import { r as je } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var ue;
+let We = (ue = $.startTransition) != null ? ue : function(e) {
   e();
 };
-var je = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(je || {}), We = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(We || {});
-let Qe = { 0: (e) => ({ ...e, disclosureState: X(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+var Qe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Qe || {}), Ve = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Ve || {});
+let ze = { 0: (e) => ({ ...e, disclosureState: G(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -26,180 +26,183 @@ let Qe = { 0: (e) => ({ ...e, disclosureState: X(e.disclosureState, { 0: 1, 1: 0
   return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
 }, 5(e, t) {
   return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
-} }, J = W(null);
-J.displayName = "DisclosureContext";
-function Y(e) {
-  let t = V(J);
+} }, Y = Q(null);
+Y.displayName = "DisclosureContext";
+function Z(e) {
+  let t = z(Y);
   if (t === null) {
     let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(d, Y), d;
+    throw Error.captureStackTrace && Error.captureStackTrace(d, Z), d;
   }
   return t;
 }
-let Z = W(null);
-Z.displayName = "DisclosureAPIContext";
-function fe(e) {
-  let t = V(Z);
+let ee = Q(null);
+ee.displayName = "DisclosureAPIContext";
+function Ee(e) {
+  let t = z(ee);
   if (t === null) {
     let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(d, fe), d;
+    throw Error.captureStackTrace && Error.captureStackTrace(d, Ee), d;
   }
   return t;
 }
-let ee = W(null);
-ee.displayName = "DisclosurePanelContext";
-function Ve() {
-  return V(ee);
+let te = Q(null);
+te.displayName = "DisclosurePanelContext";
+function Ke() {
+  return z(te);
 }
-function ze(e, t) {
-  return X(t.type, Qe, e, t);
-}
-let Ke = ue;
 function Xe(e, t) {
-  let { defaultOpen: d = !1, ...p } = e, c = ie(null), m = K(t, ke((i) => {
-    c.current = i;
-  }, e.as === void 0 || e.as === ue)), a = xe(ze, { disclosureState: d ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: o }, S] = a, s = B((i) => {
-    S({ type: 1 });
-    let _ = we(c);
-    if (!_ || !o) return;
-    let g = i ? i instanceof HTMLElement ? i : i.current instanceof HTMLElement ? i.current : _.getElementById(o) : _.getElementById(o);
-    g == null || g.focus();
-  }), T = F(() => ({ close: s }), [s]), b = F(() => ({ open: n === 0, close: s }), [n, s]), I = { ref: m };
-  return P.createElement(J.Provider, { value: a }, P.createElement(Z.Provider, { value: T }, P.createElement(He, { value: s }, P.createElement(Ce, { value: X(n, { 0: H.Open, 1: H.Closed }) }, G({ ourProps: I, theirProps: p, slot: b, defaultTag: Ke, name: "Disclosure" })))));
+  return G(t.type, ze, e, t);
 }
-let Ge = "button";
+let Ge = pe;
 function Je(e, t) {
-  let d = de(), { id: p = `headlessui-disclosure-button-${d}`, disabled: c = !1, autoFocus: m = !1, ...a } = e, [n, o] = Y("Disclosure.Button"), S = Ve(), s = S === null ? !1 : S === n.panelId, T = ie(null), b = K(T, t, B((u) => {
-    if (!s) return o({ type: 4, element: u });
-  })), I = me();
-  Q(() => {
-    if (!s) return o({ type: 2, buttonId: p }), () => {
-      o({ type: 2, buttonId: null });
+  let { defaultOpen: d = !1, ...p } = e, a = de(null), m = X(t, Be((u) => {
+    a.current = u;
+  }, e.as === void 0 || e.as === pe)), i = De(Xe, { disclosureState: d ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: l }, S] = i, c = O((u) => {
+    S({ type: 1 });
+    let f = Ae(a);
+    if (!f || !l) return;
+    let E = u ? u instanceof HTMLElement ? u : u.current instanceof HTMLElement ? u.current : f.getElementById(l) : f.getElementById(l);
+    E == null || E.focus();
+  }), T = U(() => ({ close: c }), [c]), b = U(() => ({ open: n === 0, close: c }), [n, c]), I = { ref: m };
+  return $.createElement(Y.Provider, { value: i }, $.createElement(ee.Provider, { value: T }, $.createElement(qe, { value: c }, $.createElement(Re, { value: G(n, { 0: q.Open, 1: q.Closed }) }, J({ ourProps: I, theirProps: p, slot: b, defaultTag: Ge, name: "Disclosure" })))));
+}
+let Ye = "button";
+function Ze(e, t) {
+  let d = me(), { id: p = `headlessui-disclosure-button-${d}`, disabled: a = !1, autoFocus: m = !1, ...i } = e, [n, l] = Z("Disclosure.Button"), S = Ke(), c = S === null ? !1 : S === n.panelId, T = de(null), b = X(T, t, O((r) => {
+    if (!c) return l({ type: 4, element: r });
+  })), I = _e();
+  V(() => {
+    if (!c) return l({ type: 2, buttonId: p }), () => {
+      l({ type: 2, buttonId: null });
     };
-  }, [p, o, s]);
-  let i = B((u) => {
-    var f;
-    if (s) {
+  }, [p, l, c]);
+  let u = O((r) => {
+    var P;
+    if (c) {
       if (n.disclosureState === 1) return;
-      switch (u.key) {
-        case C.Space:
-        case C.Enter:
-          u.preventDefault(), u.stopPropagation(), o({ type: 0 }), (f = n.buttonElement) == null || f.focus();
+      switch (r.key) {
+        case A.Space:
+        case A.Enter:
+          r.preventDefault(), r.stopPropagation(), l({ type: 0 }), (P = n.buttonElement) == null || P.focus();
           break;
       }
-    } else switch (u.key) {
-      case C.Space:
-      case C.Enter:
-        u.preventDefault(), u.stopPropagation(), o({ type: 0 });
+    } else switch (r.key) {
+      case A.Space:
+      case A.Enter:
+        r.preventDefault(), r.stopPropagation(), l({ type: 0 });
         break;
     }
-  }), _ = B((u) => {
-    switch (u.key) {
-      case C.Space:
-        u.preventDefault();
+  }), f = O((r) => {
+    switch (r.key) {
+      case A.Space:
+        r.preventDefault();
         break;
     }
-  }), g = B((u) => {
-    var f;
-    Ue(u.currentTarget) || c || (s ? (o({ type: 0 }), (f = n.buttonElement) == null || f.focus()) : o({ type: 0 }));
-  }), { isFocusVisible: E, focusProps: v } = Oe({ autoFocus: m }), { isHovered: y, hoverProps: D } = Be({ isDisabled: c }), { pressed: M, pressProps: $ } = Ne({ disabled: c }), U = F(() => ({ open: n.disclosureState === 0, hover: y, active: M, disabled: c, focus: E, autofocus: m }), [n, y, M, E, c, m]), w = Ae(e, n.buttonElement), h = s ? ce({ ref: b, type: w, disabled: c || void 0, autoFocus: m, onKeyDown: i, onClick: g }, v, D, $) : ce({ ref: b, id: p, type: w, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: c || void 0, autoFocus: m, onKeyDown: i, onKeyUp: _, onClick: g }, v, D, $);
-  return G({ mergeRefs: I, ourProps: h, theirProps: a, slot: U, defaultTag: Ge, name: "Disclosure.Button" });
+  }), E = O((r) => {
+    var P;
+    je(r.currentTarget) || a || (c ? (l({ type: 0 }), (P = n.buttonElement) == null || P.focus()) : l({ type: 0 }));
+  }), { isFocusVisible: _, focusProps: v } = we({ autoFocus: m }), { isHovered: y, hoverProps: C } = Ne({ isDisabled: a }), { pressed: D, pressProps: M } = Ce({ disabled: a }), h = U(() => ({ open: n.disclosureState === 0, hover: y, active: D, disabled: a, focus: _, autofocus: m }), [n, y, D, _, a, m]), R = Me(e, n.buttonElement), L = c ? ie({ ref: b, type: R, disabled: a || void 0, autoFocus: m, onKeyDown: u, onClick: E }, v, C, M) : ie({ ref: b, id: p, type: R, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: a || void 0, autoFocus: m, onKeyDown: u, onKeyUp: f, onClick: E }, v, C, M);
+  return J({ mergeRefs: I, ourProps: L, theirProps: i, slot: h, defaultTag: Ye, name: "Disclosure.Button" });
 }
-let Ye = "div", Ze = se.RenderStrategy | se.Static;
-function et(e, t) {
-  let d = de(), { id: p = `headlessui-disclosure-panel-${d}`, transition: c = !1, ...m } = e, [a, n] = Y("Disclosure.Panel"), { close: o } = fe("Disclosure.Panel"), S = me(), [s, T] = pe(null), b = K(t, B((v) => {
-    qe(() => n({ type: 5, element: v }));
+let et = "div", tt = ae.RenderStrategy | ae.Static;
+function nt(e, t) {
+  let d = me(), { id: p = `headlessui-disclosure-panel-${d}`, transition: a = !1, ...m } = e, [i, n] = Z("Disclosure.Panel"), { close: l } = Ee("Disclosure.Panel"), S = _e(), [c, T] = fe(null), b = X(t, O((v) => {
+    We(() => n({ type: 5, element: v }));
   }), T);
-  Q(() => (n({ type: 3, panelId: p }), () => {
+  V(() => (n({ type: 3, panelId: p }), () => {
     n({ type: 3, panelId: null });
   }), [p, n]);
-  let I = Me(), [i, _] = Re(c, s, I !== null ? (I & H.Open) === H.Open : a.disclosureState === 0), g = F(() => ({ open: a.disclosureState === 0, close: o }), [a.disclosureState, o]), E = { ref: b, id: p, ...Le(_) };
-  return P.createElement(Fe, null, P.createElement(ee.Provider, { value: a.panelId }, G({ mergeRefs: S, ourProps: E, theirProps: m, slot: g, defaultTag: Ye, features: Ze, visible: i, name: "Disclosure.Panel" })));
+  let I = Le(), [u, f] = Fe(a, c, I !== null ? (I & q.Open) === q.Open : i.disclosureState === 0), E = U(() => ({ open: i.disclosureState === 0, close: l }), [i.disclosureState, l]), _ = { ref: b, id: p, ...He(f) };
+  return $.createElement(Ue, null, $.createElement(te.Provider, { value: i.panelId }, J({ mergeRefs: S, ourProps: _, theirProps: m, slot: E, defaultTag: et, features: tt, visible: u, name: "Disclosure.Panel" })));
 }
-let tt = z(Xe), _e = z(Je), Ee = z(et), nt = Object.assign(tt, { Button: _e, Panel: Ee });
-const ot = "_icon_1x2lg_2", rt = "_open_1x2lg_15", lt = "_square_1x2lg_19", st = "_circle_1x2lg_23", ct = "_disabled_1x2lg_23", at = "_accordion_1x2lg_37", it = "_button_1x2lg_49", ut = "_header_1x2lg_53", dt = "_title_1x2lg_69", pt = "_panel_1x2lg_96", mt = "_m_1x2lg_133", ft = "_s_1x2lg_19", l = {
-  icon: ot,
+let ot = K(Je), ge = K(Ze), Se = K(nt), rt = Object.assign(ot, { Button: ge, Panel: Se });
+const lt = "_icon_1x2lg_2", st = "_open_1x2lg_15", ct = "_square_1x2lg_19", at = "_circle_1x2lg_23", it = "_disabled_1x2lg_23", ut = "_accordion_1x2lg_37", dt = "_button_1x2lg_49", pt = "_header_1x2lg_53", mt = "_title_1x2lg_69", ft = "_panel_1x2lg_96", _t = "_m_1x2lg_133", Et = "_s_1x2lg_19", s = {
+  icon: lt,
   "icon-container": "_icon-container_1x2lg_8",
-  open: rt,
-  square: lt,
-  circle: st,
-  disabled: ct,
-  accordion: at,
+  open: st,
+  square: ct,
+  circle: at,
+  disabled: it,
+  accordion: ut,
   "is-link": "_is-link_1x2lg_41",
   "content-top": "_content-top_1x2lg_44",
-  button: it,
-  header: ut,
-  title: dt,
+  button: dt,
+  header: pt,
+  title: mt,
   "title-uppercase": "_title-uppercase_1x2lg_72",
-  panel: pt,
+  panel: ft,
   "content-bottom": "_content-bottom_1x2lg_109",
   "link-open": "_link-open_1x2lg_129",
-  m: mt,
-  s: ft,
+  m: _t,
+  s: Et,
   "wrapper-button": "_wrapper-button_1x2lg_161"
-}, Ot = Te(
+}, wt = Pe(
   ({
     title: e,
     disabled: t,
-    buttonType: d = N.BUTTON,
+    buttonType: d = w.BUTTON,
     children: p,
-    showTitleByDefault: c = !0,
+    showTitleByDefault: a = !0,
     linkClassName: m,
-    size: a = L.M,
+    size: i = H.M,
     titleUppercase: n,
-    buttonStyle: o = $e.CIRCLE,
-    iconType: S = re.ARROW,
-    classNameTitle: s,
+    buttonStyle: l = ve.CIRCLE,
+    iconType: S = se.ARROW,
+    classNameTitle: c,
     classNameContent: T,
     classNameAccordion: b,
     classNameIconButton: I,
-    subtitleNode: i,
-    onlyOpenSubtitleNode: _,
-    classNameSubtitleContainer: g,
-    activeKey: E,
+    subtitleNode: u,
+    onlyOpenSubtitleNode: f,
+    classNameSubtitleContainer: E,
+    activeKey: _,
     defaultActiveKey: v,
     onChange: y,
-    contentPosition: D = A.BOTTOM
+    needStopPropagation: C = !1,
+    contentPosition: D = N.BOTTOM
   }, M) => {
-    const $ = E !== void 0, [U, w] = pe(
+    const h = _ !== void 0, [R, L] = fe(
       () => !!v
-    ), h = $ ? !!E : U, u = Pe(ve.XS1), f = d === N.LINK, te = {
-      [l["is-link"]]: f
-    }, q = {
-      [l["content-top"]]: D === A.TOP,
-      [l["content-bottom"]]: D === A.BOTTOM
+    ), r = h ? !!_ : R, P = ye(he.XS1), B = d === w.LINK, ne = {
+      [s["is-link"]]: B
+    }, j = {
+      [s["content-top"]]: D === N.TOP,
+      [s["content-bottom"]]: D === N.BOTTOM
     };
-    Q(() => {
-      $ && w(!!E);
-    }, [E, $]);
-    const ge = () => {
+    V(() => {
+      h && L(!!_);
+    }, [_, h]);
+    const be = (o) => {
+      var re;
       if (t)
         return;
-      const r = !h;
-      y == null || y(r), $ || w(r);
-    }, Se = a === L.S ? oe.S : oe.M, be = (r) => ({
+      C && ((re = o == null ? void 0 : o.stopPropagation) == null || re.call(o));
+      const g = !r;
+      y == null || y(g), h || L(g);
+    }, Ie = i === H.S ? le.S : le.M, xe = (o) => ({
       variant: "anchor",
-      size: u ? "s" : "l",
+      size: P ? "s" : "l",
       rightIcon: {
-        iconName: Se,
-        className: O({
-          [l["link-open"]]: r
+        iconName: Ie,
+        className: k({
+          [s["link-open"]]: o
         })
       }
-    }), Ie = (r) => {
-      const k = () => S === re.DROPDOWN ? a === L.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === L.S ? le.S : le.M;
+    }), Te = (o) => {
+      const g = () => S === se.DROPDOWN ? i === H.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : i === H.S ? ce.S : ce.M;
       switch (d) {
-        case N.LINK:
+        case w.LINK:
           return e;
-        case N.BUTTON:
-          return /* @__PURE__ */ R(j, { children: [
+        case w.BUTTON:
+          return /* @__PURE__ */ F(W, { children: [
             /* @__PURE__ */ x(
               "span",
               {
-                className: O(
-                  l.title,
-                  s,
-                  n && l["title-uppercase"]
+                className: k(
+                  s.title,
+                  c,
+                  n && s["title-uppercase"]
                 ),
                 children: e
               }
@@ -207,19 +210,19 @@ const ot = "_icon_1x2lg_2", rt = "_open_1x2lg_15", lt = "_square_1x2lg_19", st =
             /* @__PURE__ */ x(
               "div",
               {
-                className: O(
-                  l["icon-container"],
-                  r && l.open,
-                  t && l.disabled,
-                  l[o],
+                className: k(
+                  s["icon-container"],
+                  o && s.open,
+                  t && s.disabled,
+                  s[l],
                   I
                 ),
                 "data-testid": "accordion-icon-container",
                 children: /* @__PURE__ */ x(
-                  ye,
+                  ke,
                   {
-                    iconName: k(),
-                    className: l.icon,
+                    iconName: g(),
+                    className: s.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -229,69 +232,69 @@ const ot = "_icon_1x2lg_2", rt = "_open_1x2lg_15", lt = "_square_1x2lg_19", st =
         default:
           return null;
       }
-    }, ne = (r, k) => /* @__PURE__ */ x(
-      Ee,
+    }, oe = (o, g) => /* @__PURE__ */ x(
+      Se,
       {
         "data-testid": "accordion-panel",
-        className: O(
-          l.panel,
+        className: k(
+          s.panel,
           T,
-          te,
-          q
+          ne,
+          j
         ),
-        children: /* @__PURE__ */ x(De, { size: a, children: typeof p == "function" ? p({
-          open: r,
-          close: k
+        children: /* @__PURE__ */ x($e, { size: i, children: typeof p == "function" ? p({
+          open: o,
+          close: g
         }) : p })
       }
     );
-    return /* @__PURE__ */ R(j, { children: [
+    return /* @__PURE__ */ F(W, { children: [
       /* @__PURE__ */ x(
         "div",
         {
-          className: O(
-            l.accordion,
-            l[a],
-            te,
+          className: k(
+            s.accordion,
+            s[i],
+            ne,
             b,
-            q
+            j
           ),
           children: /* @__PURE__ */ x(
-            nt,
+            rt,
             {
               ref: M,
-              defaultOpen: h,
-              children: ({ open: r, close: k }) => /* @__PURE__ */ R(j, { children: [
-                D === A.TOP && r && ne(r, k),
-                (!r || c) && /* @__PURE__ */ x(
-                  _e,
+              defaultOpen: r,
+              children: ({ open: o, close: g }) => /* @__PURE__ */ F(W, { children: [
+                D === N.TOP && o && oe(o, g),
+                (!o || a) && /* @__PURE__ */ x(
+                  ge,
                   {
                     disabled: t,
-                    as: f ? he : N.BUTTON,
-                    onClick: ge,
-                    className: O(l.button, q, {
-                      [l.header]: !f,
-                      [l.disabled]: t,
-                      [m ?? ""]: f && m
+                    as: B ? Oe : w.BUTTON,
+                    onClick: be,
+                    className: k(s.button, j, {
+                      [s.header]: !B,
+                      [s.disabled]: t,
+                      [m ?? ""]: B && m
                     }),
-                    ...f ? be(r) : {},
-                    children: (!r || c) && Ie(r)
+                    ...B ? xe(o) : {},
+                    children: (!o || a) && Te(o)
                   }
                 ),
-                D === A.BOTTOM && r && ne(r, k)
+                D === N.BOTTOM && o && oe(o, g)
               ] })
             },
-            E ? String(h) : void 0
+            _ ? String(r) : void 0
           )
         }
       ),
-      (i || _) && /* @__PURE__ */ R("div", { className: g, children: [
-        i,
-        h && _
+      (u || f) && /* @__PURE__ */ F("div", { className: E, children: [
+        u,
+        r && f
       ] })
     ] });
   }
 );
 export {
-  Ot as Accordion
+  wt as Accordion
 };

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 a, Fragment as oe, 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 z, useRef as L, useEffect as M, useCallback as g } from "react";
+import { EDrawerPosition as R } from "./constants.js";
+import { useContainer as re } from "./hooks.js";
+import { ScrollWrapper as se } from "./ScrollWrapper/index.js";
+import { useMediaQuery as ie } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as le } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as ae } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as ce } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as H } from "../Button/Button.js";
+import { EButtonVariantDefault as ue, EButtonSize as c } from "../Button/constants.js";
+import { Loader as me } from "../Loader/Loader.js";
+import { Portal as de } from "../Portal/Portal.js";
+import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
+import '../../assets/Drawer.css';const he = "_drawer_14uzm_2", pe = "_content_14uzm_26", ze = "_header_14uzm_45", ge = "_title_14uzm_59", ye = "_space_14uzm_73", ve = "_inner_14uzm_84", be = "_button_14uzm_95", Ce = "_footer_14uzm_100", we = "_left_14uzm_116", Ne = "_right_14uzm_120", ke = "_full_14uzm_124", Se = "_bottom_14uzm_134", Be = "_opened_14uzm_151", Ee = "_overlay_14uzm_207", Ie = "_unmount_14uzm_223", e = {
+  drawer: he,
+  content: pe,
+  "is-loading": "_is-loading_14uzm_41",
+  header: ze,
+  "sticky-header": "_sticky-header_14uzm_53",
+  title: ge,
+  space: ye,
+  inner: ve,
+  button: be,
+  footer: Ce,
+  "has-scroll": "_has-scroll_14uzm_109",
+  "footer-button": "_footer-button_14uzm_112",
+  left: we,
+  right: Ne,
+  full: ke,
+  bottom: Se,
+  "full-bottom-height": "_full-bottom-height_14uzm_145",
+  opened: Be,
+  "is-closing": "_is-closing_14uzm_170",
+  overlay: Ee,
+  unmount: Ie
+}, Oe = 300, Le = (u) => u ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -41,120 +44,157 @@ import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ae = q(
-  (a, L) => {
+} : {}, Ye = ne(
+  (u, T) => {
     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: x = "div",
+      isOpen: r,
+      onClose: m,
+      title: D,
+      className: A,
+      unmount: y = !0,
+      isLoading: s = !1,
+      stickyHeader: P,
+      fullBottomHeight: X = !1,
+      position: d = R.RIGHT,
+      paddingRight: j = 8,
+      footer: f,
+      children: F,
+      classNameTitle: G,
+      classNameHeader: Q,
+      classNameInner: V,
+      classNameContent: W,
+      classNameFooter: K,
+      closeOnClickOutside: v = !0,
+      showCloseButton: b = !0,
+      getContainer: _,
+      ...Y
+    } = u, [C, w] = z(!1), [q, N] = z(!1), k = L(), h = ie(le.XS1), { ref: J } = ce({
+      enabled: d === R.BOTTOM
+    }), S = re(_), i = L(null), [U, Z] = z(!1);
+    M(() => {
+      const l = () => {
+        if (i.current) {
+          const { scrollHeight: ee, clientHeight: te } = i.current;
+          Z(ee > te);
+        }
+      };
+      l();
+      const O = new ResizeObserver(l);
+      return i.current && O.observe(i.current), () => {
+        O.disconnect();
+      };
+    }, [r, s]), ae({
+      on: r && !C,
+      paddingRight: j
     });
-    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(() => {
+      m && (w(!0), k.current = setTimeout(() => {
+        m(), w(!1);
+      }, Oe));
+    }, [m]), $ = g(() => {
+      v && o();
+    }, [v, o]), p = g(
+      (l) => {
+        l.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,
+    M(() => (r && (N(!0), window.addEventListener("keydown", p)), () => {
+      N(!1), clearTimeout(k.current), window.removeEventListener("keydown", p);
+    }), [r, p]);
+    const B = {
+      [e.opened]: q,
       [e["is-closing"]]: C,
-      [e["full-bottom-height"]]: D,
-      [e["is-loading"]]: l
+      [e["full-bottom-height"]]: X,
+      [e["is-loading"]]: s
     };
-    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 E = Le(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ a(oe, { children: [
+      /* @__PURE__ */ a(
+        x,
         {
-          ref: L,
-          "aria-hidden": !s,
+          ref: T,
+          "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: E.drawer,
+          className: n(e.drawer, e[d], B, A),
+          ...Y,
+          children: [
+            /* @__PURE__ */ a(
+              "section",
+              {
+                ref: J,
+                className: n(
+                  e.content,
+                  W,
+                  e[d],
                   {
-                    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"]]: !!s
                   }
                 ),
-                /* @__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: [
+                  /* @__PURE__ */ a(
+                    "header",
+                    {
+                      className: n(e.header, Q, {
+                        [e["sticky-header"]]: P
+                      }),
+                      children: [
+                        /* @__PURE__ */ t("h2", { className: n(e.title, G), children: D }),
+                        /* @__PURE__ */ t("div", { className: e.space, children: b && /* @__PURE__ */ t(
+                          H,
+                          {
+                            variant: ue.SecondaryWhite,
+                            isIconButton: !0,
+                            size: h ? c.S : c.M,
+                            iconName: "Close16px",
+                            onClick: o,
+                            className: e.button
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    se,
+                    {
+                      ref: i,
+                      className: n(
+                        e.inner,
+                        {
+                          [e["is-loading"]]: !!s
+                        },
+                        V
+                      ),
+                      variant: fe.LIGHT,
+                      size: _e.M,
+                      children: s ? /* @__PURE__ */ t(me, {}) : F
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(
+              "footer",
+              {
+                className: n(e.footer, K, {
+                  [e["has-scroll"]]: U
+                }),
+                children: typeof f == "function" ? f({ handleClose: o }) : f || b && /* @__PURE__ */ t(
+                  H,
                   {
-                    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 +203,20 @@ import '../../assets/Drawer.css';const ae = "_drawer_13ua6_2", ie = "_content_13
           className: n(
             e.overlay,
             {
-              [e.unmount]: !p
+              [e.unmount]: !y
             },
-            k
+            B
           ),
-          style: B.overlay,
+          style: E.overlay,
           "data-testid": "drawer-overlay",
-          onClick: W
+          onClick: $
         }
       )
     ] });
-    return w === !1 ? E : /* @__PURE__ */ t(re, { element: w, children: E });
+    return S === !1 ? I : /* @__PURE__ */ t(de, { element: S, children: I });
   }
 );
 export {
-  Ne as ANIMATION_DELAY,
-  Ae as Drawer
+  Oe as ANIMATION_DELAY,
+  Ye as Drawer
 };

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

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

package/dist/components/Drawer/ScrollWrapper/index.js

@@ -0,0 +1,27 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../../index-DIxK0V-G.js";
+import { forwardRef as i } from "react";
+import { EScrollBarVariant as e, EScrollBarSize as m } from "../../ScrollBar/constants.js";
+import '../../../assets/index2.css';const n = {
+  "scroll-container": "_scroll-container_7yixd_2"
+}, p = i(
+  ({
+    children: r,
+    className: a,
+    variant: o = e.LIGHT,
+    size: l = m.M
+  }, c) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: c,
+      className: t(n["scroll-container"], a),
+      "data-variant": o,
+      "data-size": l,
+      children: r
+    }
+  )
+);
+p.displayName = "ScrollWrapper";
+export {
+  p as ScrollWrapper
+};

package/package.json

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