mimir-ui-kit 1.14.0 → 1.14.1

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,176 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, forwardRef } from "react";
+import { AccordionItem } from "./AccordionItem/AccordionItem.js";
+import { EAccordionSize, EAccordionIconSize } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import { M as M$1, W, y, T, o, a as u$1, H as H$1, I, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
+import { w } from "../../use-active-press-B6yeSopF.js";
+import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
+import { c, i, u as u$2, V as V$1, A, s as s$1 } from "../../open-closed-CbXq00et.js";
+import { r } from "../../bugs-CSBdWk0R.js";
+import '../../assets/Accordion.css';let e = createContext(() => {
+});
+function u({ value: o2, children: t2 }) {
+  return React__default.createElement(e.Provider, { value: o2 }, t2);
+}
+var t;
+let a = (t = React__default.startTransition) != null ? t : function(i2) {
+  i2();
+};
+var de = ((r2) => (r2[r2.Open = 0] = "Open", r2[r2.Closed = 1] = "Closed", r2))(de || {}), fe = ((t2) => (t2[t2.ToggleDisclosure = 0] = "ToggleDisclosure", t2[t2.CloseDisclosure = 1] = "CloseDisclosure", t2[t2.SetButtonId = 2] = "SetButtonId", t2[t2.SetPanelId = 3] = "SetPanelId", t2[t2.LinkPanel = 4] = "LinkPanel", t2[t2.UnlinkPanel = 5] = "UnlinkPanel", t2))(fe || {});
+let Te = { [0]: (e2) => ({ ...e2, disclosureState: u$1(e2.disclosureState, { [0]: 1, [1]: 0 }) }), [1]: (e2) => e2.disclosureState === 1 ? e2 : { ...e2, disclosureState: 1 }, [4](e2) {
+  return e2.linkedPanel === true ? e2 : { ...e2, linkedPanel: true };
+}, [5](e2) {
+  return e2.linkedPanel === false ? e2 : { ...e2, linkedPanel: false };
+}, [2](e2, n) {
+  return e2.buttonId === n.buttonId ? e2 : { ...e2, buttonId: n.buttonId };
+}, [3](e2, n) {
+  return e2.panelId === n.panelId ? e2 : { ...e2, panelId: n.panelId };
+} }, M = createContext(null);
+M.displayName = "DisclosureContext";
+function F(e2) {
+  let n = useContext(M);
+  if (n === null) {
+    let r2 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r2, F), r2;
+  }
+  return n;
+}
+let k = createContext(null);
+k.displayName = "DisclosureAPIContext";
+function V(e2) {
+  let n = useContext(k);
+  if (n === null) {
+    let r2 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r2, V), r2;
+  }
+  return n;
+}
+let H = createContext(null);
+H.displayName = "DisclosurePanelContext";
+function De() {
+  return useContext(H);
+}
+function Pe(e2, n) {
+  return u$1(n.type, Te, e2, n);
+}
+let ye = Fragment;
+function me(e2, n) {
+  let { defaultOpen: r2 = false, ...c$1 } = e2, s2 = useRef(null), d = y(n, T((u2) => {
+    s2.current = u2;
+  }, e2.as === void 0 || e2.as === Fragment)), t2 = useRef(null), o$12 = useRef(null), l = useReducer(Pe, { disclosureState: r2 ? 0 : 1, linkedPanel: false, buttonRef: o$12, panelRef: t2, buttonId: null, panelId: null }), [{ disclosureState: f, buttonId: i$1 }, T$12] = l, p = o((u2) => {
+    T$12({ type: 1 });
+    let P = u$3(s2);
+    if (!P || !i$1) return;
+    let y2 = (() => u2 ? u2 instanceof HTMLElement ? u2 : u2.current instanceof HTMLElement ? u2.current : P.getElementById(i$1) : P.getElementById(i$1))();
+    y2 == null || y2.focus();
+  }), E = useMemo(() => ({ close: p }), [p]), D2 = useMemo(() => ({ open: f === 0, close: p }), [f, p]), g = { ref: d };
+  return React__default.createElement(M.Provider, { value: l }, React__default.createElement(k.Provider, { value: E }, React__default.createElement(u, { value: p }, React__default.createElement(c, { value: u$1(f, { [0]: i.Open, [1]: i.Closed }) }, H$1({ ourProps: g, theirProps: c$1, slot: D2, defaultTag: ye, name: "Disclosure" })))));
+}
+let Ee = "button";
+function ge(e2, n) {
+  let r$1 = useId(), { id: c2 = `headlessui-disclosure-button-${r$1}`, disabled: s2 = false, autoFocus: d = false, ...t2 } = e2, [o$2, l] = F("Disclosure.Button"), f = De(), i2 = f === null ? false : f === o$2.panelId, T2 = useRef(null), p = y(T2, n, i2 ? null : o$2.buttonRef), E = I();
+  useEffect(() => {
+    if (!i2) return l({ type: 2, buttonId: c2 }), () => {
+      l({ type: 2, buttonId: null });
+    };
+  }, [c2, l, i2]);
+  let D$1 = o((a2) => {
+    var S;
+    if (i2) {
+      if (o$2.disclosureState === 1) return;
+      switch (a2.key) {
+        case o$1.Space:
+        case o$1.Enter:
+          a2.preventDefault(), a2.stopPropagation(), l({ type: 0 }), (S = o$2.buttonRef.current) == null || S.focus();
+          break;
+      }
+    } else switch (a2.key) {
+      case o$1.Space:
+      case o$1.Enter:
+        a2.preventDefault(), a2.stopPropagation(), l({ type: 0 });
+        break;
+    }
+  }), g = o((a2) => {
+    switch (a2.key) {
+      case o$1.Space:
+        a2.preventDefault();
+        break;
+    }
+  }), u2 = o((a2) => {
+    var S;
+    r(a2.currentTarget) || s2 || (i2 ? (l({ type: 0 }), (S = o$2.buttonRef.current) == null || S.focus()) : l({ type: 0 }));
+  }), { isFocusVisible: P, focusProps: y$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: d }), { isHovered: U, hoverProps: h } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: s2 }), { pressed: N, pressProps: w$1 } = w({ disabled: s2 }), q = useMemo(() => ({ open: o$2.disclosureState === 0, hover: U, active: N, disabled: s2, focus: P, autofocus: d }), [o$2, U, N, P, s2, d]), G = T$1(e2, T2), z = i2 ? D({ ref: p, type: G, disabled: s2 || void 0, autoFocus: d, onKeyDown: D$1, onClick: u2 }, y$1, h, w$1) : D({ ref: p, id: c2, type: G, "aria-expanded": o$2.disclosureState === 0, "aria-controls": o$2.linkedPanel ? o$2.panelId : void 0, disabled: s2 || void 0, autoFocus: d, onKeyDown: D$1, onKeyUp: g, onClick: u2 }, y$1, h, w$1);
+  return H$1({ mergeRefs: E, ourProps: z, theirProps: t2, slot: q, defaultTag: Ee, name: "Disclosure.Button" });
+}
+let Se = "div", be = M$1.RenderStrategy | M$1.Static;
+function Re(e2, n) {
+  let r2 = useId(), { id: c2 = `headlessui-disclosure-panel-${r2}`, transition: s2 = false, ...d } = e2, [t2, o2] = F("Disclosure.Panel"), { close: l } = V("Disclosure.Panel"), f = I(), i$1 = y(n, t2.panelRef, (u2) => {
+    a(() => o2({ type: u2 ? 4 : 5 }));
+  });
+  useEffect(() => (o2({ type: 3, panelId: c2 }), () => {
+    o2({ type: 3, panelId: null });
+  }), [c2, o2]);
+  let T2 = u$2(), [p, E] = V$1(s2, t2.panelRef, T2 !== null ? (T2 & i.Open) === i.Open : t2.disclosureState === 0), D2 = useMemo(() => ({ open: t2.disclosureState === 0, close: l }), [t2.disclosureState, l]), g = { ref: i$1, id: c2, ...A(E) };
+  return React__default.createElement(s$1, null, React__default.createElement(H.Provider, { value: t2.panelId }, H$1({ mergeRefs: f, ourProps: g, theirProps: d, slot: D2, defaultTag: Se, features: be, visible: p, name: "Disclosure.Panel" })));
+}
+let Ae = W(me), Ce = W(ge), Ie = W(Re), We = Object.assign(Ae, { Button: Ce, Panel: Ie });
+const accordion = "_accordion_18wwx_2";
+const header = "_header_18wwx_10";
+const title = "_title_18wwx_23";
+const icon = "_icon_18wwx_30";
+const panel = "_panel_18wwx_44";
+const open = "_open_18wwx_48";
+const m = "_m_18wwx_55";
+const s = "_s_18wwx_63";
+const cls = {
+  accordion,
+  header,
+  title,
+  "title-uppercase": "_title-uppercase_18wwx_26",
+  icon,
+  "icon-container": "_icon-container_18wwx_33",
+  panel,
+  open,
+  m,
+  s
+};
+const Accordion = forwardRef(
+  ({ title: title2, children, size = EAccordionSize.M, titleUppercase }, ref) => {
+    return /* @__PURE__ */ jsx("div", { className: classNames(cls.accordion, cls[size]), children: /* @__PURE__ */ jsx(We, { ref, children: ({ open: open2 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsxs(Ce, { className: cls.header, children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classNames(
+              cls.title,
+              titleUppercase && cls["title-uppercase"]
+            ),
+            children: title2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNames(
+              cls["icon-container"],
+              open2 && cls.open
+            ),
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                iconName: size === EAccordionSize.S ? EAccordionIconSize.S : EAccordionIconSize.M,
+                className: cls.icon
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Ie, { className: cls.panel, children: /* @__PURE__ */ jsx(AccordionItem, { size, children }) })
+    ] }) }) });
+  }
+);
+export {
+  Accordion
+};

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { EAccordionSize } from '../constants';
+
+export type TAccordionItemProps = {
+    children: React.ReactNode;
+    size: EAccordionSize;
+};
+export declare const AccordionItem: FC<TAccordionItemProps>;

package/dist/components/Accordion/AccordionItem/AccordionItem.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../../index-CweZ_OcN.js";
+import '../../../assets/AccordionItem.css';const item = "_item_1k68o_2";
+const m = "_m_1k68o_10";
+const l = "_l_1k68o_15";
+const cls = {
+  item,
+  m,
+  l
+};
+const AccordionItem = ({ children, size }) => {
+  return /* @__PURE__ */ jsx("div", { className: classNames(cls.item, cls[size]), children });
+};
+export {
+  AccordionItem
+};

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

@@ -0,0 +1 @@
+export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/AccordionItem/index.js

@@ -0,0 +1,4 @@
+import { AccordionItem } from "./AccordionItem.js";
+export {
+  AccordionItem
+};

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

@@ -0,0 +1,8 @@
+export declare enum EAccordionSize {
+    M = "m",
+    S = "s"
+}
+export declare enum EAccordionIconSize {
+    M = "ArrowDown24px",
+    S = "ArrowDown16px"
+}

package/dist/components/Accordion/constants.js

@@ -0,0 +1,14 @@
+var EAccordionSize = /* @__PURE__ */ ((EAccordionSize2) => {
+  EAccordionSize2["M"] = "m";
+  EAccordionSize2["S"] = "s";
+  return EAccordionSize2;
+})(EAccordionSize || {});
+var EAccordionIconSize = /* @__PURE__ */ ((EAccordionIconSize2) => {
+  EAccordionIconSize2["M"] = "ArrowDown24px";
+  EAccordionIconSize2["S"] = "ArrowDown16px";
+  return EAccordionIconSize2;
+})(EAccordionIconSize || {});
+export {
+  EAccordionIconSize,
+  EAccordionSize
+};

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

@@ -0,0 +1,3 @@
+export { Accordion, type TAccordionProps } from './Accordion';
+export { EAccordionSize } from './constants';
+export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+import { Accordion } from "./Accordion.js";
+import { EAccordionSize } from "./constants.js";
+import { AccordionItem } from "./AccordionItem/AccordionItem.js";
+export {
+  Accordion,
+  AccordionItem,
+  EAccordionSize
+};

package/dist/components/Button/Button.d.ts

@@ -26,7 +26,6 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
 };
 /**
  * Компонент кнопки, который можно настраивать с различными темами и размерами.
-
  */
 export declare const Button: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonDefaultFormProps & {
     isIconButton: true;

package/dist/components/Button/Button.js

@@ -1,21 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef } from "react";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import '../../assets/Button.css';const button = "_button_1hqwa_2";
-const clear = "_clear_1hqwa_41";
-const xs = "_xs_1hqwa_53";
-const s = "_s_1hqwa_61";
-const m = "_m_1hqwa_69";
-const l = "_l_1hqwa_77";
-const xl = "_xl_1hqwa_85";
-const xxl = "_xxl_1hqwa_94";
-const black = "_black_1hqwa_165";
-const gray = "_gray_1hqwa_174";
-const white = "_white_1hqwa_183";
-const full = "_full_1hqwa_193";
-const disabled = "_disabled_1hqwa_198";
+import '../../assets/Button.css';const button = "_button_ycj38_2";
+const clear = "_clear_ycj38_41";
+const xs = "_xs_ycj38_53";
+const s = "_s_ycj38_61";
+const m = "_m_ycj38_69";
+const l = "_l_ycj38_77";
+const xl = "_xl_ycj38_85";
+const xxl = "_xxl_ycj38_94";
+const black = "_black_ycj38_176";
+const gray = "_gray_ycj38_185";
+const white = "_white_ycj38_194";
+const full = "_full_ycj38_204";
+const disabled = "_disabled_ycj38_210";
 const cls = {
   button,
   clear,
@@ -25,20 +25,21 @@ const cls = {
   l,
   xl,
   xxl,
-  "default-button": "_default-button_1hqwa_103",
-  "primary-sapphire": "_primary-sapphire_1hqwa_103",
-  "primary-citrine": "_primary-citrine_1hqwa_112",
-  "secondary-asphalt": "_secondary-asphalt_1hqwa_121",
-  "secondary-gray": "_secondary-gray_1hqwa_130",
-  "secondary-white": "_secondary-white_1hqwa_139",
-  "secondary-red": "_secondary-red_1hqwa_148",
-  "round-button": "_round-button_1hqwa_158",
+  "m-s": "_m-s_ycj38_103",
+  "default-button": "_default-button_ycj38_111",
+  "primary-sapphire": "_primary-sapphire_ycj38_114",
+  "primary-citrine": "_primary-citrine_ycj38_123",
+  "secondary-asphalt": "_secondary-asphalt_ycj38_132",
+  "secondary-gray": "_secondary-gray_ycj38_141",
+  "secondary-white": "_secondary-white_ycj38_150",
+  "secondary-red": "_secondary-red_ycj38_159",
+  "round-button": "_round-button_ycj38_169",
   black,
   gray,
   white,
   full,
   disabled,
-  "icon-button": "_icon-button_1hqwa_209"
+  "icon-button": "_icon-button_ycj38_221"
 };
 const Button = forwardRef(
   (props, ref) => {
@@ -68,9 +69,9 @@ const Button = forwardRef(
     };
     const buttonClassNames = classNames(
       cls.button,
+      className,
       mods,
-      clear2 ? [] : [cls[form ?? ""], cls[size]],
-      className
+      clear2 ? [] : [cls[form ?? ""], cls[size]]
     );
     return /* @__PURE__ */ jsxs(
       "button",

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

@@ -17,7 +17,8 @@ export declare enum EButtonSize {
     M = "m",
     L = "l",
     XL = "xl",
-    XXL = "xxl"
+    XXL = "xxl",
+    MS = "m-s"
 }
 export declare enum EButtonForm {
     DefaultButton = "default-button",

package/dist/components/Button/constants.js

@@ -20,6 +20,7 @@ var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
   EButtonSize2["L"] = "l";
   EButtonSize2["XL"] = "xl";
   EButtonSize2["XXL"] = "xxl";
+  EButtonSize2["MS"] = "m-s";
   return EButtonSize2;
 })(EButtonSize || {});
 var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {

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

@@ -0,0 +1,44 @@
+import { TInputProps } from '../Input';
+
+export type DatePicker = {
+    /**
+     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     */
+    onChangeValue?: (e: TDatePickerValue) => void;
+    /**
+    * функция ограничения выбора даты
+    (до какой даты выбор не доступен)
+    */
+    before?: Date | string;
+    /**
+     * значение из стейта (data)
+     */
+    value?: string;
+} & TInputProps;
+export type TDatePickerValue = {
+    value?: Date;
+    name?: string;
+};
+export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
+    /**
+     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
+     */
+    onChangeValue?: (e: TDatePickerValue) => void;
+    /**
+    * функция ограничения выбора даты
+    (до какой даты выбор не доступен)
+    */
+    before?: Date | string;
+    /**
+     * значение из стейта (data)
+     */
+    value?: string;
+} & import('../Input/types').TInputProps & {
+    size?: import('../Input').TSize;
+    variant?: import('../Input').TVariant;
+    className?: string;
+    wrapperClassName?: string;
+    label?: import('react').ReactNode;
+    autofocus?: boolean;
+    readonly?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, forwardRef, useState } from "react";
+import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.js";
+import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
+import { formating } from "../../utils/index.js";
+import { Button } from "../Button/Button.js";
+import { Input } from "../Input/Input.js";
+const DatePicker = memo(
+  forwardRef(
+    ({ size, value, onChangeValue, name, before, ...props }, ref) => {
+      const [isActive, setActive] = useState(false);
+      const [date, setDate] = useState(
+        value ? new Date(value) : /* @__PURE__ */ new Date()
+      );
+      useClickOutside({
+        isActive,
+        setActive,
+        className: cls["calendar-block"]
+      });
+      const onOpen = () => {
+        setActive(true);
+      };
+      const onDate = (d) => {
+        setDate(d);
+        onChangeValue == null ? void 0 : onChangeValue({ value: d, name });
+      };
+      const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
+      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, children: [
+        /* @__PURE__ */ jsx("div", { className: cls["date-wrapper"], onClick: onOpen, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            size,
+            type: "text",
+            value: formating.Date(date, "dd.mm.yy"),
+            ...props
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            isIconButton: true,
+            clear: true,
+            type: "button",
+            className: cls.button,
+            onClick: onOpen,
+            iconName: isActive ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
+          }
+        ) }),
+        isActive && /* @__PURE__ */ jsx(
+          DatePickerModal,
+          {
+            onChangeValue: onDate,
+            date,
+            setActive,
+            before: typeof before === "string" ? new Date(before) : before
+          }
+        )
+      ] });
+    }
+  )
+);
+DatePicker.displayName = "DatePicker";
+export {
+  DatePicker
+};

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

@@ -0,0 +1,8 @@
+type DatePickerModal = {
+    date: Date;
+    onChangeValue: (d: Date) => void;
+    setActive: (s: boolean) => void;
+    before?: Date;
+};
+export declare function DatePickerModal({ date, onChangeValue, setActive, before }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "./constants.js";
+import { D } from "../../DatePickerModal-BM0BgzTb.js";
+import "../../utils/index.js";
+import "../Button/Button.js";
+export {
+  D as DatePickerModal
+};

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

@@ -0,0 +1,6 @@
+export declare enum EDatePickerBeforeDate {
+    CurrentDate1 = "2024-08-01",
+    CurrentDate2 = "2024-07-01",
+    CurrentDate3 = "2024-07-11"
+}
+export declare const week: string[];

package/dist/components/DatePicker/constants.js

@@ -0,0 +1,11 @@
+var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
+  EDatePickerBeforeDate2["CurrentDate1"] = "2024-08-01";
+  EDatePickerBeforeDate2["CurrentDate2"] = "2024-07-01";
+  EDatePickerBeforeDate2["CurrentDate3"] = "2024-07-11";
+  return EDatePickerBeforeDate2;
+})(EDatePickerBeforeDate || {});
+const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
+export {
+  EDatePickerBeforeDate,
+  week
+};

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePicker as TDatePickerProps, TDatePickerValue } from './DatePicker';

package/dist/components/DatePicker/index.js

@@ -0,0 +1,4 @@
+import { DatePicker } from "./DatePicker.js";
+export {
+  DatePicker
+};

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

@@ -0,0 +1,38 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { EDrawerPosition } from './constants';
+
+type TProps = {
+    /**
+     * Обязательный заголовок.
+     */
+    title: string;
+    /**
+     * Флаг отвечачающий за показ/скрытие.
+     */
+    isOpen?: boolean;
+    /**
+     * Настраиваемый паддинг для body, что бы избежать скачка контента при overflow: hidden
+     */
+    paddingRight?: number;
+    /**
+     * Функция закрытия шторки
+     */
+    onClose?: VoidFunction;
+    /**
+     * Дополнительный класс для родительской обертки.
+     */
+    className?: string;
+    /**
+     * Позиция шторки.
+     */
+    position?: `${EDrawerPosition}` | EDrawerPosition;
+    /**
+     * Кастомный footer. По дефолту в нем расположена кнопка для закрытия.
+     */
+    footer?: ReactNode;
+};
+/**
+ * Компонент шторки, который может выезжать слева, справа или внизу.
+ */
+export declare const Drawer: ({ isOpen, onClose, title, className, position, paddingRight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export {};