@alfalab/core-components-tabs 7.2.4 → 7.2.6

package/cssm/components/tabs/Component.responsive.js

@@ -1,41 +1,35 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-0857346e.js');
+var tslib_es6 = require('../../tslib.es6-0e9bf404.js');
 var React = require('react');
+var components_primaryTablist_Component_responsive = require('../primary-tablist/Component.responsive.js');
+var components_secondaryTablist_Component_responsive = require('../secondary-tablist/Component.responsive.js');
+var components_tabs_Component = require('./Component.js');
+require('@alfalab/hooks');
+require('../primary-tablist/Component.desktop.js');
+require('../primary-tablist/Component.js');
 require('classnames');
-require('@alfalab/core-components/picker-button/desktop');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/hooks');
-require('@juggle/resize-observer');
+require('@alfalab/core-components-picker-button/cssm/desktop');
+require('../../hooks/use-tablist-titles.js');
 require('../../hooks/use-collapsible-elements.js');
+require('@juggle/resize-observer');
 require('../../hooks/use-tabs.js');
-require('../../hooks/use-tablist-titles.js');
 require('../../synthetic-events.js');
+require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
-require('../scrollable-container/Component.js');
 require('../title/Component.js');
-require('../primary-tablist/Component.js');
 require('../primary-tablist/index.module.css');
-require('../primary-tablist/Component.desktop.js');
-require('@alfalab/core-components-tag/cssm');
+require('../primary-tablist/Component.mobile.js');
+require('../primary-tablist/mobile.module.css');
+require('../secondary-tablist/Component.desktop.js');
 require('../secondary-tablist/Component.js');
+require('@alfalab/core-components-tag/cssm');
 require('../secondary-tablist/index.module.css');
-require('../secondary-tablist/Component.desktop.js');
-var components_tabs_Component = require('./Component.js');
-require('../primary-tablist/mobile.module.css');
-require('../primary-tablist/Component.mobile.js');
-var components_primaryTablist_Component_responsive = require('../primary-tablist/Component.responsive.js');
-require('../secondary-tablist/mobile.module.css');
 require('../secondary-tablist/Component.mobile.js');
-var components_secondaryTablist_Component_responsive = require('../secondary-tablist/Component.responsive.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('../secondary-tablist/mobile.module.css');
 
 var views = {
     primary: components_primaryTablist_Component_responsive.PrimaryTabListResponsive,
@@ -43,7 +37,7 @@ var views = {
 };
 var TabsResponsive = function (_a) {
     var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = tslib_es6.__rest(_a, ["view", "scrollable"]);
-    return React__default['default'].createElement(components_tabs_Component.Tabs, tslib_es6.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
+    return React.createElement(components_tabs_Component.Tabs, tslib_es6.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
 };
 
 exports.TabsResponsive = TabsResponsive;

package/cssm/components/title/Component.js

@@ -1,27 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-0857346e.js');
+var tslib_es6 = require('../../tslib.es6-0e9bf404.js');
 var React = require('react');
 var cn = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
 var Title = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _d = _a.styles, styles = _d === void 0 ? {} : _d, _e = _a.rightAddons, rightAddons = _e === void 0 ? null : _e, _f = _a.hidden, hidden = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.collapsed, collapsed = _j === void 0 ? false : _j, _k = _a.focused, focused = _k === void 0 ? false : _k, _l = _a.isOption, isOption = _l === void 0 ? false : _l, restProps = tslib_es6.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
-    return hidden ? null : (React__default['default'].createElement("button", tslib_es6.__assign({}, restProps, { ref: ref, type: 'button', id: String(id), className: cn__default['default'](styles.title, (_b = {},
+    return hidden ? null : (React.createElement("button", tslib_es6.__assign({}, restProps, { ref: ref, type: 'button', id: String(id), className: cn(styles.title, (_b = {},
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b[styles.collapsed] = collapsed && !isOption,
             _b[styles.option] = isOption,
             _b), toggleClassName) }),
-        React__default['default'].createElement("span", { className: cn__default['default'](styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
-        rightAddons && React__default['default'].createElement("span", { className: styles.rightAddons }, rightAddons)));
+        React.createElement("span", { className: cn(styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
+        rightAddons && React.createElement("span", { className: styles.rightAddons }, rightAddons)));
 });
 
 exports.Title = Title;

package/cssm/components/title/index.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../tslib.es6-0857346e.js');
+var components_title_Component = require('./Component.js');
+require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('classnames');
-var components_title_Component = require('./Component.js');
 
 
 

package/cssm/desktop.js

@@ -1,41 +1,39 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-0857346e.js');
+var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
+var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
+var components_secondaryTablist_Component_desktop = require('./components/secondary-tablist/Component.desktop.js');
+var components_tab_Component = require('./components/tab/Component.js');
+var components_tabs_Component_desktop = require('./components/tabs/Component.desktop.js');
+var hooks_useTabs = require('./hooks/use-tabs.js');
+var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
+require('./tslib.es6-0e9bf404.js');
 require('react');
+require('./components/primary-tablist/Component.js');
 require('classnames');
-require('@alfalab/core-components/picker-button/desktop');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/hooks');
-require('@juggle/resize-observer');
-var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
-var hooks_useTabs = require('./hooks/use-tabs.js');
+require('@alfalab/core-components-picker-button/cssm/desktop');
 require('./hooks/use-tablist-titles.js');
+require('@alfalab/hooks');
 require('./synthetic-events.js');
-require('compute-scroll-into-view');
-require('./components/scrollable-container/index.module.css');
-var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
 require('./components/title/Component.js');
-require('./components/primary-tablist/Component.js');
 require('./components/primary-tablist/index.module.css');
-var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
-require('@alfalab/core-components-tag/cssm');
+require('compute-scroll-into-view');
+require('./components/scrollable-container/index.module.css');
 require('./components/secondary-tablist/Component.js');
+require('@alfalab/core-components-tag/cssm');
 require('./components/secondary-tablist/index.module.css');
-var components_secondaryTablist_Component_desktop = require('./components/secondary-tablist/Component.desktop.js');
 require('./components/tab/index.module.css');
-var components_tab_Component = require('./components/tab/Component.js');
 require('./components/tabs/Component.js');
-var components_tabs_Component_desktop = require('./components/tabs/Component.desktop.js');
+require('@juggle/resize-observer');
 
 
 
-exports.useCollapsibleElements = hooks_useCollapsibleElements.useCollapsibleElements;
-exports.useTabs = hooks_useTabs.useTabs;
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
 exports.Tab = components_tab_Component.Tab;
 exports.TabsDesktop = components_tabs_Component_desktop.TabsDesktop;
+exports.useTabs = hooks_useTabs.useTabs;
+exports.useCollapsibleElements = hooks_useCollapsibleElements.useCollapsibleElements;

package/cssm/getDataTestId-3fe0d3e6.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { getDataTestId };

package/cssm/hook-edac5428.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./index-3e68f8db";
+type useSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, showClear, showSelectAll, }: useSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
+    } & import("react").RefAttributes<unknown>>;
+    optionsListProps: {
+        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./index-3e68f8db").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+};
+export { SELECT_ALL_KEY, useSelectWithApply };

package/cssm/hooks/use-collapsible-elements.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-0857346e.js');
+var tslib_es6 = require('../tslib.es6-0e9bf404.js');
 var React = require('react');
-var hooks = require('@alfalab/hooks');
 var resizeObserver = require('@juggle/resize-observer');
+var hooks = require('@alfalab/hooks');
 
 var useCollapsibleElements = function (selectors, deps) {
     if (deps === void 0) { deps = []; }

package/cssm/hooks/use-tablist-titles.js

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../tslib.es6-0857346e.js');
+var tslib_es6 = require('../tslib.es6-0e9bf404.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-require('@juggle/resize-observer');
 var hooks_useCollapsibleElements = require('./use-collapsible-elements.js');
 var hooks_useTabs = require('./use-tabs.js');
+require('@juggle/resize-observer');
 
 var useTablistTitles = function (_a) {
     var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsible = _a.collapsible, breakpoint = _a.breakpoint, onChange = _a.onChange;
     var _c = hooks_useCollapsibleElements.useCollapsibleElements('[role=tab]', [titles]), containerRef = _c.containerRef, addonRef = _c.addonRef, idsCollapsedElements = _c.idsCollapsedElements;
-    var view = hooks.useMedia([['desktop', "(min-width: " + breakpoint + "px)"]], 'desktop')[0];
+    var view = hooks.useMedia([['desktop', "(min-width: ".concat(breakpoint, "px)")]], 'desktop')[0];
     var tablistTitles = React.useMemo(function () {
         var idsCollapsedTitles = [];
         if (view === 'desktop' && collapsible) {

package/cssm/hooks/use-tabs.d.ts

@@ -1,14 +1,14 @@
 import { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
 import { UseTabsProps } from "../typings";
 declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
-    getTabListItemProps: (index: number, outerRef?: MutableRefObject<HTMLElement> | undefined) => {
+    getTabListItemProps: (index: number, outerRef?: MutableRefObject<HTMLElement>) => {
         role: string;
         tabIndex: number;
         'aria-selected': boolean;
         disabled: boolean | undefined;
         ref: (node: HTMLButtonElement) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
-        onClick: (event?: MouseEvent<Element, globalThis.MouseEvent> | undefined) => void;
+        onClick: (event?: MouseEvent) => void;
     };
     selectedTab: HTMLButtonElement | null;
     focusedTab: HTMLButtonElement | null;

package/cssm/hooks/use-tabs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 function useTabs(_a) {

package/cssm/index-0d7ca9a7.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import React from "react";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { ButtonProps } from "./index-ebda875c";
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-0d7ca9a7";
+type PickerButtonMatchMedia = "desktop" | "mobile";
+type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
+    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
+        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
+    size?: import("./Component-0d7ca9a7").PickerButtonSize | undefined;
+    variant?: import("./Component-0d7ca9a7").PickerButtonVariant | undefined;
+} & AdditionalMobileProps & {
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMatchMedia, PickerButtonProps, PickerButton, PickerButtonMobileProps, PickerButtonMobile };
+export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-0d7ca9a7";

package/cssm/index-136acbb1.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { FC, ReactNode } from "react";
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { stackingOrder, StackingContext, StackProps, Stack };

package/cssm/index-3e68f8db.d.ts

@@ -0,0 +1,98 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { FormControlProps } from "./Component-e67996e9";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-85892853";
+type SelectFieldProps = FormControlProps & Record<string, unknown>;
+type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
+    /**
+     * Пропсы, которые будут прокинуты в компонент поля
+     */
+    fieldProps?: SelectFieldProps;
+};
+declare const Select: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
+    fieldProps?: SelectFieldProps | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useSelectWithLoadingProps = {
+    loading?: boolean;
+    visibleOptions?: BaseSelectProps["visibleOptions"];
+    Option?: React.FC<OptionProps>;
+};
+declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
+    Option: (props: OptionProps) => JSX.Element;
+    options: OptionShape[];
+} | null;
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
+export * from "./hook-edac5428";
+export * from "./index-48646db0";
+export * from "./typings-85892853";
+export * from "./utils-85892853";

package/cssm/index-3fe0d3e6.d.ts

@@ -0,0 +1 @@
+export * from "./getDataTestId-3fe0d3e6";

package/cssm/index-48646db0.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component-85892853";
+export * from "./index-ebda875c";

package/cssm/index-7ca84eff.d.ts

@@ -0,0 +1,196 @@
+/// <reference types="react-transition-group" />
+/// <reference types="react" />
+import React from "react";
+import { HTMLAttributes, ReactNode, FC } from "react";
+import { TransitionProps } from "react-transition-group/Transition";
+import { BaseModalProps } from "./index-bdb4c6b9";
+import { SwipeableHandlers } from "react-swipeable/types";
+import { BackdropProps } from "./index-ebda875c";
+type BottomSheetTitleAlign = "center" | "left";
+type BottomSheetProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Управление видимостью
+     */
+    open: boolean;
+    /**
+     * Заголовок
+     */
+    title?: ReactNode;
+    /**
+     * Кнопка действия (обычно, это кнопка закрытия)
+     */
+    actionButton?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на контейнер.
+     */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Дополнительный класс
+     */
+    containerClassName?: string;
+    /**
+     * Дополнительный класс шапки
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс футера
+     */
+    footerClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для компонента крестика
+     */
+    closerClassName?: string;
+    /**
+     * Дополнительный класс для компонента стрелки назад
+     */
+    backerClassName?: string;
+    /**
+     * Дополнительный класс для компонента модального окна
+     */
+    modalClassName?: string;
+    /**
+     * Дополнительный класс для обертки модального окна
+     */
+    modalWrapperClassName?: string;
+    /**
+     * TransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Будет ли свайпаться шторка
+     * @default true
+     */
+    swipeable?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие компонента стрелки назад
+     */
+    hasBacker?: boolean;
+    /**
+     * Выравнивание заголовка
+     */
+    titleAlign?: BottomSheetTitleAlign;
+    /**
+     * Фиксирует шапку
+     */
+    stickyHeader?: boolean;
+    /**
+     * Фиксирует футер
+     */
+    stickyFooter?: boolean;
+    /**
+     * Высота шторки
+     */
+    initialHeight?: "default" | "full";
+    /**
+     * Будет ли виден оверлэй
+     */
+    hideOverlay?: boolean;
+    /**
+     * Будет ли видна шапка
+     */
+    hideHeader?: boolean;
+    /**
+     * Будет ли обрезан заголовок
+     */
+    trimTitle?: boolean;
+    /**
+     * Запретить закрытие шторки кликом на оверлэй
+     */
+    disableOverlayClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Не анимировать шторку при изменении размера вьюпорта
+     */
+    ignoreScreenChange?: boolean;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: BaseModalProps["backdropProps"];
+    /**
+     * Обработчик закрытия
+     */
+    onClose: () => void;
+    /**
+     * Обработчик нажатия на стрелку назад
+     */
+    onBack?: () => void;
+};
+/* Верхний отступ шторки, если она открыта на максимальную высоту */
+declare const HEADER_OFFSET = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Footer: FC<FooterProps>;
+type SwipeableBackdropProps = BackdropProps & {
+    /**
+     * Прозрачность бэкдропа
+     */
+    opacity?: number;
+    /**
+     * Обработчики свайпа
+     */
+    handlers?: SwipeableHandlers;
+    /**
+     * Время анимации opacity
+     */
+    opacityTimeout?: number;
+};
+declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };