mimir-ui-kit 1.37.16 → 1.38.0

package/dist/components/Accordion/Accordion.js

@@ -1,28 +1,24 @@
-import { jsxs as A, Fragment as K, jsx as I } from "react/jsx-runtime";
-import { c as D } from "../../index-DIxK0V-G.js";
-import b, { createContext as M, useRef as oe, Fragment as re, useReducer as pe, useMemo as O, useId as le, useEffect as se, useState as ae, useContext as U, forwardRef as me } from "react";
+import { jsxs as A, Fragment as H, jsx as I } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import x, { createContext as K, useRef as oe, Fragment as re, useReducer as pe, useMemo as O, useId as se, useEffect as le, useState as ae, useContext as U, forwardRef as me } from "react";
 import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as g, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
+import { EAccordionButtonType as P, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
 import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
 import { Icon as Se } from "../../icons/Icon.js";
 import { Link as ke } from "../AnchorLink/Link.js";
-import { M as ee, W as q, y as j, T as Ie, o as $, a as W, H as Q, I as ce, $ as be, b as ve, D as te, u as xe, c as T } from "../../keyboard-mgWkd2Vh.js";
-import { w as he } from "../../use-active-press-CqLGIFz7.js";
-import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as $e, i as R, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.js";
-import { r as Ne } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';let Ce = M(() => {
-});
-function Ae({ value: e, children: t }) {
-  return b.createElement(Ce.Provider, { value: e }, t);
-}
-var ne;
-let Be = (ne = b.startTransition) != null ? ne : function(e) {
+import { M as ee, W as q, y as j, T as Ie, o as $, a as W, H as Q, I as ce, $ as be, b as xe, D as te, u as De, c as T } from "../../keyboard-B0lm_zyn.js";
+import { w as he } from "../../use-active-press-86hajhdd.js";
+import { e as ve } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as $e, i as R, u as ge, R as Pe, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
+import { C as Ne } from "../../close-provider-CEutdhG8.js";
+import { r as Ce } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var ne;
+let Ae = (ne = x.startTransition) != null ? ne : function(e) {
   e();
 };
-var Oe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Oe || {}), Re = ((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))(Re || {});
-let Me = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((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))(Oe || {});
+let Re = { 0: (e) => ({ ...e, disclosureState: W(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 };
@@ -30,7 +26,7 @@ let Me = { 0: (e) => ({ ...e, disclosureState: W(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 };
-} }, V = M(null);
+} }, V = K(null);
 V.displayName = "DisclosureContext";
 function z(e) {
   let t = U(V);
@@ -40,7 +36,7 @@ function z(e) {
   }
   return t;
 }
-let X = M(null);
+let X = K(null);
 X.displayName = "DisclosureAPIContext";
 function ie(e) {
   let t = U(X);
@@ -50,40 +46,40 @@ function ie(e) {
   }
   return t;
 }
-let G = M(null);
+let G = K(null);
 G.displayName = "DisclosurePanelContext";
-function Fe() {
+function Me() {
   return U(G);
 }
-function Le(e, t) {
-  return W(t.type, Me, e, t);
+function Fe(e, t) {
+  return W(t.type, Re, e, t);
 }
-let He = re;
-function Ke(e, t) {
-  let { defaultOpen: u = !1, ...p } = e, s = oe(null), m = j(t, Ie((c) => {
-    s.current = c;
-  }, e.as === void 0 || e.as === re)), a = pe(Le, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = $((c) => {
+let Le = re;
+function He(e, t) {
+  let { defaultOpen: u = !1, ...p } = e, l = oe(null), m = j(t, Ie((c) => {
+    l.current = c;
+  }, e.as === void 0 || e.as === re)), a = pe(Fe, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, s = $((c) => {
     y({ type: 1 });
-    let f = xe(s);
+    let f = De(l);
     if (!f || !r) return;
     let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
     _ == null || _.focus();
-  }), v = O(() => ({ close: l }), [l]), E = O(() => ({ open: n === 0, close: l }), [n, l]), S = { ref: m };
-  return b.createElement(V.Provider, { value: a }, b.createElement(X.Provider, { value: v }, b.createElement(Ae, { value: l }, b.createElement($e, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: He, name: "Disclosure" })))));
+  }), b = O(() => ({ close: s }), [s]), E = O(() => ({ open: n === 0, close: s }), [n, s]), S = { ref: m };
+  return x.createElement(V.Provider, { value: a }, x.createElement(X.Provider, { value: b }, x.createElement(Ne, { value: s }, x.createElement($e, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: Le, name: "Disclosure" })))));
 }
-let Ue = "button";
-function qe(e, t) {
-  let u = le(), { id: p = `headlessui-disclosure-button-${u}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Fe(), l = y === null ? !1 : y === n.panelId, v = oe(null), E = j(v, t, $((i) => {
-    if (!l) return r({ type: 4, element: i });
+let Ke = "button";
+function Ue(e, t) {
+  let u = se(), { id: p = `headlessui-disclosure-button-${u}`, disabled: l = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Me(), s = y === null ? !1 : y === n.panelId, b = oe(null), E = j(b, t, $((i) => {
+    if (!s) return r({ type: 4, element: i });
   })), S = ce();
-  se(() => {
-    if (!l) return r({ type: 2, buttonId: p }), () => {
+  le(() => {
+    if (!s) return r({ type: 2, buttonId: p }), () => {
       r({ type: 2, buttonId: null });
     };
-  }, [p, r, l]);
+  }, [p, r, s]);
   let c = $((i) => {
     var o;
-    if (l) {
+    if (s) {
       if (n.disclosureState === 1) return;
       switch (i.key) {
         case T.Space:
@@ -105,85 +101,85 @@ function qe(e, t) {
     }
   }), _ = $((i) => {
     var o;
-    Ne(i.currentTarget) || s || (l ? (r({ type: 0 }), (o = n.buttonElement) == null || o.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: x, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = ve({ isDisabled: s }), { pressed: k, pressProps: P } = he({ disabled: s }), F = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: s, focus: x, autofocus: m }), [n, w, k, x, s, m]), C = De(e, n.buttonElement), L = l ? te({ ref: E, type: C, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, P) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, P);
-  return Q({ mergeRefs: S, ourProps: L, theirProps: a, slot: F, defaultTag: Ue, name: "Disclosure.Button" });
+    Ce(i.currentTarget) || l || (s ? (r({ type: 0 }), (o = n.buttonElement) == null || o.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: D, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = xe({ isDisabled: l }), { pressed: k, pressProps: g } = he({ disabled: l }), M = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: l, focus: D, autofocus: m }), [n, w, k, D, l, m]), C = ve(e, n.buttonElement), F = s ? te({ ref: E, type: C, disabled: l || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, g) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: l || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, g);
+  return Q({ mergeRefs: S, ourProps: F, theirProps: a, slot: M, defaultTag: Ke, name: "Disclosure.Button" });
 }
-let je = "div", We = ee.RenderStrategy | ee.Static;
-function Qe(e, t) {
-  let u = le(), { id: p = `headlessui-disclosure-panel-${u}`, transition: s = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [l, v] = ae(null), E = j(t, $((h) => {
-    Be(() => n({ type: 5, element: h }));
-  }), v);
-  se(() => (n({ type: 3, panelId: p }), () => {
+let qe = "div", je = ee.RenderStrategy | ee.Static;
+function We(e, t) {
+  let u = se(), { id: p = `headlessui-disclosure-panel-${u}`, transition: l = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [s, b] = ae(null), E = j(t, $((h) => {
+    Ae(() => n({ type: 5, element: h }));
+  }), b);
+  le(() => (n({ type: 3, panelId: p }), () => {
     n({ type: 3, panelId: null });
   }), [p, n]);
-  let S = Pe(), [c, f] = ge(s, l, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), x = { ref: E, id: p, ...Te(f) };
-  return b.createElement(we, null, b.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: x, theirProps: m, slot: _, defaultTag: je, features: We, visible: c, name: "Disclosure.Panel" })));
+  let S = ge(), [c, f] = Pe(l, s, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), D = { ref: E, id: p, ...Te(f) };
+  return x.createElement(we, null, x.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: D, theirProps: m, slot: _, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
 }
-let Ve = q(Ke), ue = q(qe), de = q(Qe), ze = Object.assign(Ve, { Button: ue, Panel: de });
-const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye = "_circle_1yk0x_23", Ze = "_disabled_1yk0x_23", et = "_accordion_1yk0x_37", tt = "_header_1yk0x_45", nt = "_title_1yk0x_61", ot = "_panel_1yk0x_88", rt = "_m_1yk0x_112", lt = "_s_1yk0x_19", d = {
-  icon: Xe,
+let Qe = q(He), ue = q(Ue), de = q(We), Ve = Object.assign(Qe, { Button: ue, Panel: de });
+const ze = "_icon_1yk0x_2", Xe = "_open_1yk0x_15", Ge = "_square_1yk0x_19", Je = "_circle_1yk0x_23", Ye = "_disabled_1yk0x_23", Ze = "_accordion_1yk0x_37", et = "_header_1yk0x_45", tt = "_title_1yk0x_61", nt = "_panel_1yk0x_88", ot = "_m_1yk0x_112", rt = "_s_1yk0x_19", d = {
+  icon: ze,
   "icon-container": "_icon-container_1yk0x_8",
-  open: Ge,
-  square: Je,
-  circle: Ye,
-  disabled: Ze,
-  accordion: et,
+  open: Xe,
+  square: Ge,
+  circle: Je,
+  disabled: Ye,
+  accordion: Ze,
   "is-link": "_is-link_1yk0x_41",
-  header: tt,
-  title: nt,
+  header: et,
+  title: tt,
   "title-uppercase": "_title-uppercase_1yk0x_64",
-  panel: ot,
+  panel: nt,
   "link-open": "_link-open_1yk0x_108",
-  m: rt,
-  s: lt,
+  m: ot,
+  s: rt,
   "wrapper-button": "_wrapper-button_1yk0x_140"
 }, It = me(
   ({
     title: e,
     disabled: t,
-    buttonType: u = g.BUTTON,
+    buttonType: u = P.BUTTON,
     children: p,
-    showTitleByDefault: s = !0,
+    showTitleByDefault: l = !0,
     linkClassName: m,
     size: a = B.M,
     titleUppercase: n,
     buttonStyle: r = _e.CIRCLE,
     iconType: y = Y.ARROW,
-    classNameTitle: l,
-    classNameContent: v,
+    classNameTitle: s,
+    classNameContent: b,
     classNameAccordion: E,
     classNameIconButton: S,
     subtitleNode: c,
     onlyOpenSubtitleNode: f,
     classNameSubtitleContainer: _
-  }, x) => {
-    const [h, w] = ae(!1), N = ye(Ee.XS1), k = u === g.LINK, P = {
+  }, D) => {
+    const [h, w] = ae(!1), N = ye(Ee.XS1), k = u === P.LINK, g = {
       [d["is-link"]]: k
-    }, F = () => {
+    }, M = () => {
       t || w((o) => !o);
-    }, C = a === B.S ? J.S : J.M, L = (o) => ({
+    }, C = a === B.S ? J.S : J.M, F = (o) => ({
       variant: "anchor",
       size: N ? "s" : "l",
       rightIcon: {
         iconName: C,
-        className: D({
+        className: v({
           [d["link-open"]]: o
         })
       }
     }), i = (o) => {
-      const H = () => y === Y.DROPDOWN ? a === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === B.S ? Z.S : Z.M;
+      const L = () => y === Y.DROPDOWN ? a === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === B.S ? Z.S : Z.M;
       switch (u) {
-        case g.LINK:
+        case P.LINK:
           return e;
-        case g.BUTTON:
-          return /* @__PURE__ */ A(K, { children: [
+        case P.BUTTON:
+          return /* @__PURE__ */ A(H, { children: [
             /* @__PURE__ */ I(
               "span",
               {
-                className: D(
+                className: v(
                   d.title,
-                  l,
+                  s,
                   n && d["title-uppercase"]
                 ),
                 children: e
@@ -192,7 +188,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
             /* @__PURE__ */ I(
               "div",
               {
-                className: D(
+                className: v(
                   d["icon-container"],
                   o && d.open,
                   t && d.disabled,
@@ -203,7 +199,7 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
                 children: /* @__PURE__ */ I(
                   Se,
                   {
-                    iconName: H(),
+                    iconName: L(),
                     className: d.icon,
                     "data-testid": "accordion-icon"
                   }
@@ -215,44 +211,44 @@ const Xe = "_icon_1yk0x_2", Ge = "_open_1yk0x_15", Je = "_square_1yk0x_19", Ye =
           return null;
       }
     };
-    return /* @__PURE__ */ A(K, { children: [
+    return /* @__PURE__ */ A(H, { children: [
       /* @__PURE__ */ I(
         "div",
         {
-          className: D(
+          className: v(
             d.accordion,
             d[a],
-            P,
+            g,
             E
           ),
-          children: /* @__PURE__ */ I(ze, { ref: x, children: ({ open: o, close: H }) => /* @__PURE__ */ A(K, { children: [
-            (!o || s) && /* @__PURE__ */ I(
+          children: /* @__PURE__ */ I(Ve, { ref: D, children: ({ open: o, close: L }) => /* @__PURE__ */ A(H, { children: [
+            (!o || l) && /* @__PURE__ */ I(
               ue,
               {
                 disabled: t,
-                as: k ? ke : g.BUTTON,
-                onClick: F,
-                className: D({
+                as: k ? ke : P.BUTTON,
+                onClick: M,
+                className: v({
                   [d.header]: !k,
                   [d.disabled]: t,
                   [m ?? ""]: k && m
                 }),
-                ...k ? L(o) : {},
-                children: (!o || s) && i(o)
+                ...k ? F(o) : {},
+                children: (!o || l) && i(o)
               }
             ),
             o && /* @__PURE__ */ I(
               de,
               {
                 "data-testid": "accordion-panel",
-                className: D(
+                className: v(
                   d.panel,
-                  v,
-                  P
+                  b,
+                  g
                 ),
                 children: /* @__PURE__ */ I(fe, { size: a, children: typeof p == "function" ? p({
                   open: o,
-                  close: H
+                  close: L
                 }) : p })
               }
             )

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,10 +1,10 @@
 import { jsxs as L, jsx as p } from "react/jsx-runtime";
-import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-mgWkd2Vh.js";
+import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-B0lm_zyn.js";
 import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
-import { w as re } from "../../use-active-press-CqLGIFz7.js";
-import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-D4GFpe5F.js";
+import { w as re } from "../../use-active-press-86hajhdd.js";
+import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-y3ANLTNC.js";
 import { r as be } from "../../bugs-diTMAGNw.js";
-import { H as ue } from "../../field-C1kt7aNM.js";
+import { H as ue } from "../../field-FJ34aSs4.js";
 import { c as me } from "../../index-DIxK0V-G.js";
 import { Icon as fe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let pe = "span";

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

@@ -57,6 +57,10 @@ type TProps = {
      * Дополнительный класс для header.
      */
     classNameHeader?: string;
+    /**
+     * Дополнительный класс для content.
+     */
+    classNameContent?: string;
     /**
      * Дополнительный класс для inner.
      */
@@ -77,5 +81,5 @@ type TProps = {
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameTitle, classNameHeader, classNameInner, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameTitle, classNameHeader, classNameInner, classNameContent, classNameFooter, closeOnClickOutside, showCloseButton }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Drawer/Drawer.js

@@ -1,37 +1,37 @@
-import { jsxs as m, jsx as t, Fragment as P } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as Q } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { useState as N, useRef as Q, useCallback as u, useEffect as F } from "react";
+import { useState as N, useRef as F, useCallback as u, useEffect as G } from "react";
 import { EDrawerPosition as w } from "./constants.js";
-import { useMediaQuery as G } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as H } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as K } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as V } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { useMediaQuery as H } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as K } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as V } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as W } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button as k } from "../Button/Button.js";
-import { EButtonVariantDefault as W, EButtonSize as n } from "../Button/constants.js";
-import { Loader as Y } from "../Loader/Loader.js";
-import { Portal as q } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4d_27", Z = "_header_1xs4d_45", $ = "_title_1xs4d_59", O = "_space_1xs4d_73", ee = "_inner_1xs4d_84", te = "_button_1xs4d_87", oe = "_footer_1xs4d_92", se = "_left_1xs4d_105", re = "_right_1xs4d_109", ne = "_full_1xs4d_113", ae = "_bottom_1xs4d_123", ie = "_opened_1xs4d_140", le = "_overlay_1xs4d_196", ce = "_unmount_1xs4d_212", e = {
-  drawer: J,
-  content: U,
+import { EButtonVariantDefault as Y, EButtonSize as n } from "../Button/constants.js";
+import { Loader as q } from "../Loader/Loader.js";
+import { Portal as J } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const U = "_drawer_1xs4d_3", Z = "_content_1xs4d_27", $ = "_header_1xs4d_45", O = "_title_1xs4d_59", ee = "_space_1xs4d_73", te = "_inner_1xs4d_84", oe = "_button_1xs4d_87", se = "_footer_1xs4d_92", re = "_left_1xs4d_105", ne = "_right_1xs4d_109", ae = "_full_1xs4d_113", ie = "_bottom_1xs4d_123", le = "_opened_1xs4d_140", ce = "_overlay_1xs4d_196", de = "_unmount_1xs4d_212", e = {
+  drawer: U,
+  content: Z,
   "is-loading": "_is-loading_1xs4d_41",
-  header: Z,
+  header: $,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title: $,
-  space: O,
-  inner: ee,
-  button: te,
-  footer: oe,
+  title: O,
+  space: ee,
+  inner: te,
+  button: oe,
+  footer: se,
   "footer-button": "_footer-button_1xs4d_101",
-  left: se,
-  right: re,
-  full: ne,
-  bottom: ae,
+  left: re,
+  right: ne,
+  full: ae,
+  bottom: ie,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ie,
+  opened: le,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: le,
-  unmount: ce
-}, de = 300, we = ({
+  overlay: ce,
+  unmount: de
+}, _e = 300, ke = ({
   isOpen: r,
   onClose: a,
   title: E,
@@ -47,39 +47,40 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4
   classNameTitle: C,
   classNameHeader: D,
   classNameInner: z,
-  classNameFooter: L,
+  classNameContent: L,
+  classNameFooter: R,
   closeOnClickOutside: h = !0,
   showCloseButton: x = !0
 }) => {
-  const [p, y] = N(!1), [R, b] = N(!1), g = Q(), d = G(H.XS1), { ref: A } = V({
+  const [p, y] = N(!1), [A, b] = N(!1), g = F(), d = H(K.XS1), { ref: X } = W({
     enabled: l === w.BOTTOM
   });
-  K({
+  V({
     on: r && !p,
     paddingRight: S
   });
   const o = u(() => {
     a && (y(!0), g.current = setTimeout(() => {
       a(), y(!1);
-    }, de));
-  }, [a]), X = u(() => {
+    }, _e));
+  }, [a]), j = u(() => {
     h && o();
   }, [h, o]), _ = u(
-    (j) => {
-      j.key === "Escape" && o();
+    (P) => {
+      P.key === "Escape" && o();
     },
     [o]
   );
-  F(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
+  G(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
     b(!1), clearTimeout(g.current), window.removeEventListener("keydown", _);
   }), [r, _]);
   const v = {
-    [e.opened]: R,
+    [e.opened]: A,
     [e["is-closing"]]: p,
     [e["full-bottom-height"]]: I,
     [e["is-loading"]]: i
   };
-  return !r && f ? null : /* @__PURE__ */ m(q, { children: [
+  return !r && f ? null : /* @__PURE__ */ m(J, { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -89,11 +90,11 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4
         children: /* @__PURE__ */ t(
           "section",
           {
-            ref: A,
-            className: s(e.content, e[l], {
+            ref: X,
+            className: s(e.content, L, e[l], {
               [e["is-loading"]]: !!i
             }),
-            children: i ? /* @__PURE__ */ t(Y, {}) : /* @__PURE__ */ m(P, { children: [
+            children: i ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ m(Q, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
@@ -105,7 +106,7 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4
                     /* @__PURE__ */ t("div", { className: e.space, children: x && /* @__PURE__ */ t(
                       k,
                       {
-                        variant: W.SecondaryWhite,
+                        variant: Y.SecondaryWhite,
                         isIconButton: !0,
                         size: d ? n.S : n.M,
                         iconName: "Close16px",
@@ -117,7 +118,7 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4
                 }
               ),
               /* @__PURE__ */ t("div", { className: s(e.inner, z), children: T }),
-              /* @__PURE__ */ t("footer", { className: s(e.footer, L), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
+              /* @__PURE__ */ t("footer", { className: s(e.footer, R), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
                 k,
                 {
                   size: d ? n.M : n.XXL,
@@ -143,12 +144,12 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", U = "_content_1xs4
           v
         ),
         "data-testid": "drawer-overlay",
-        onClick: X
+        onClick: j
       }
     )
   ] });
 };
 export {
-  de as ANIMATION_DELAY,
-  we as Drawer
+  _e as ANIMATION_DELAY,
+  ke as Drawer
 };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,45 @@
+import { PopoverProps, PopoverPanelProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+
+export declare const ANIMATION_DELAY = 300;
+type TProps = {
+    /**
+     * Пропсы для Popover
+     */
+    popoverProps?: PopoverProps;
+    /**
+     *  Позиция выпадающего меню относительно кнопки.
+     */
+    position?: PopoverPanelProps['anchor'];
+    /**
+     *  Компонент при клике на который выпадающее меню открывается.
+     */
+    buttonContent?: ReactNode;
+    /**
+     *  Компонент выпадающего меню.
+     */
+    children?: ReactNode | ((props: {
+        close: VoidFunction;
+    }) => JSX.Element);
+    /**
+     * Дополнительный класс для компонента.
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для кнопки.
+     */
+    buttonClassName?: string;
+    /**
+     * Дополнительный класс для панели.
+     */
+    panelClassName?: string;
+    /**
+     * Дополнительный класс для меню.
+     */
+    menuItemsClassName?: string;
+};
+/**
+ * Компонент Dropdown, содержит в себе кнопку и панель выпадающего меню
+ */
+export declare const Dropdown: import('react').MemoExoticComponent<({ children, position, popoverProps, className, buttonClassName, panelClassName, menuItemsClassName, buttonContent }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};