@alfalab/core-components 40.2.0-beta.0 → 41.0.0

package/bottom-sheet/modern/component-803dbc9d.js

@@ -1,221 +0,0 @@
-import React, { forwardRef, useState, useRef, useCallback, useEffect, useContext } from 'react';
-import { use100vh } from 'react-div-100vh';
-import mergeRefs from 'react-merge-refs';
-import { useSwipeable } from 'react-swipeable';
-import cn from 'classnames';
-import { BaseModal, BaseModalContext } from '../../base-modal/modern';
-import { Footer } from './components/footer/Component.js';
-import { NavigationBar } from '../../navigation-bar/modern';
-import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
-import '../../backdrop/modern';
-
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
-
-const styles$1 = {"headerWrapper":"bottom-sheet__headerWrapper_1rksr","hasContent":"bottom-sheet__hasContent_1rksr","header":"bottom-sheet__header_1rksr","sticky":"bottom-sheet__sticky_1rksr","highlighted":"bottom-sheet__highlighted_1rksr","justifyEnd":"bottom-sheet__justifyEnd_1rksr","addon":"bottom-sheet__addon_1rksr","addonFixed":"bottom-sheet__addonFixed_1rksr","title":"bottom-sheet__title_1rksr","titleCenter":"bottom-sheet__titleCenter_1rksr","titleLeft":"bottom-sheet__titleLeft_1rksr","trimTitle":"bottom-sheet__trimTitle_1rksr"};
-require('./components/header/index.css');
-
-const Header = ({ className, sticky, title, children, ...restProps }) => {
-    const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
-    useEffect(() => {
-        setHeaderOffset(HEADER_OFFSET);
-    }, [setHeaderOffset]);
-    useEffect(() => {
-        setHasHeader(true);
-    }, [setHasHeader]);
-    const hasContent = Boolean(title || children);
-    return (React.createElement(NavigationBar, { ...restProps, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(styles$1.headerWrapper, className, {
-            [styles$1.highlighted]: hasContent && headerHighlighted && sticky,
-            [styles$1.sticky]: sticky,
-            [styles$1.hasContent]: hasContent,
-        }), contentClassName: cn(styles$1.title) }, children));
-};
-
-const styles = {"modal":"bottom-sheet__modal_1lik2","component":"bottom-sheet__component_1lik2","withTransition":"bottom-sheet__withTransition_1lik2","scrollableContainer":"bottom-sheet__scrollableContainer_1lik2","marker":"bottom-sheet__marker_1lik2","content":"bottom-sheet__content_1lik2","noHeader":"bottom-sheet__noHeader_1lik2","noFooter":"bottom-sheet__noFooter_1lik2","scrollLocked":"bottom-sheet__scrollLocked_1lik2","appear":"bottom-sheet__appear_1lik2","enter":"bottom-sheet__enter_1lik2","appearActive":"bottom-sheet__appearActive_1lik2","enterActive":"bottom-sheet__enterActive_1lik2","enterDone":"bottom-sheet__enterDone_1lik2","appearDone":"bottom-sheet__appearDone_1lik2","exit":"bottom-sheet__exit_1lik2","exitActive":"bottom-sheet__exitActive_1lik2"};
-require('./index.css');
-
-const TIMEOUT = 300;
-const SWIPE_CLOSE_VELOCITY = 0.4;
-const MIN_BACKDROP_OPACITY = 0.2;
-const HEADER_HEIGHT = 56;
-const MARKET_HEIGHT = 24;
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-const HEADER_OFFSET = 24;
-const CLOSE_OFFSET = 0.2;
-const BottomSheet = forwardRef(({ open, title, container, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideHeader, disableOverlayClick, disableBlockingScroll, children, zIndex, transitionProps = {}, dataTestId, swipeable = true, backdropProps, scrollableContainerRef = () => null, onClose, onBack, }, ref) => {
-    const [sheetOffset, setSheetOffset] = useState(0);
-    const [backdropOpacity, setBackdropOpacity] = useState(1);
-    const [scrollLocked, setScrollLocked] = useState(false);
-    const sheetHeight = useRef(0);
-    const scrollableContainer = useRef(null);
-    const scrollableContainerScrollValue = useRef(0);
-    const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    const fullHeight = use100vh();
-    const targetHeight = `${fullHeight - HEADER_OFFSET}px`;
-    const titleIsReactElement = React.isValidElement(title);
-    const headerProps = {
-        ...(titleIsReactElement
-            ? { children: title }
-            : { title: title ? title?.toString() : undefined }),
-        scrollableParentRef: scrollableContainer,
-        className: headerClassName,
-        addonClassName,
-        closerClassName,
-        backButtonClassName: backerClassName,
-        leftAddons,
-        rightAddons,
-        bottomAddons,
-        hasCloser,
-        hasBackButton: hasBacker,
-        align: titleAlign,
-        trim: trimTitle,
-        sticky: stickyHeader,
-        dataTestId: getDataTestId(dataTestId, 'header'),
-        onBack,
-        titleSize,
-        subtitle,
-        onClose,
-    };
-    const getBackdropOpacity = (offset) => {
-        if (sheetHeight.current === 0)
-            return MIN_BACKDROP_OPACITY;
-        const opacity = 1 - (1 - MIN_BACKDROP_OPACITY) * (offset / sheetHeight.current);
-        return Number(opacity.toFixed(2));
-    };
-    const getSheetOffset = (deltaY) => {
-        let offset = deltaY > 0 ? 0 : -deltaY;
-        offset -= scrollableContainerScrollValue.current;
-        return Math.floor(Math.max(0, offset));
-    };
-    /**
-     * Если контент внутри шторки скроллится - то шторка не должна свайпаться
-     * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
-     */
-    const shouldSkipSwiping = (offsetY) => {
-        if (!swipeable)
-            return true;
-        if (!scrollableContainer.current ||
-            (stickyHeader && offsetY <= HEADER_HEIGHT + HEADER_OFFSET) ||
-            (!stickyHeader && offsetY <= MARKET_HEIGHT + HEADER_OFFSET)) {
-            return false;
-        }
-        if (!scrollableContainerScrollValue.current) {
-            scrollableContainerScrollValue.current = Math.floor(scrollableContainer.current.scrollTop);
-        }
-        return scrollableContainer.current.scrollTop > 0;
-    };
-    const handleBackdropSwipedDown = ({ velocity }) => {
-        if (velocity > SWIPE_CLOSE_VELOCITY) {
-            onClose();
-        }
-    };
-    const handleSheetSwipedDown = ({ velocity, initial }) => {
-        const offsetY = initial[1];
-        if (shouldSkipSwiping(offsetY)) {
-            return;
-        }
-        const shouldClose = sheetOffset > sheetHeight.current * CLOSE_OFFSET || velocity > SWIPE_CLOSE_VELOCITY;
-        if (shouldClose) {
-            onClose();
-        }
-        else {
-            setSheetOffset(0);
-            setBackdropOpacity(1);
-        }
-    };
-    const handleSheetSwiped = () => {
-        setScrollLocked(false);
-        scrollableContainerScrollValue.current = 0;
-    };
-    const handleSheetSwiping = ({ deltaY, initial }) => {
-        const offsetY = initial[1];
-        if (shouldSkipSwiping(offsetY)) {
-            return;
-        }
-        const offset = getSheetOffset(deltaY);
-        const opacity = getBackdropOpacity(offset);
-        setSheetOffset(offset);
-        setBackdropOpacity(opacity);
-        /**
-         * Если шторка начинает свайпаться, то блокируем скролл внутри нее
-         */
-        if (offset > 0) {
-            setScrollLocked(true);
-        }
-    };
-    const backdropSwipeablehandlers = useSwipeable({
-        onSwipedDown: handleBackdropSwipedDown,
-        delta: 100,
-        trackMouse: swipeable,
-    });
-    const sheetSwipeablehandlers = useSwipeable({
-        onSwiping: handleSheetSwiping,
-        onSwipedDown: handleSheetSwipedDown,
-        onSwiped: handleSheetSwiped,
-        delta: 5,
-        trackMouse: swipeable,
-    });
-    const handleExited = useCallback((node) => {
-        setBackdropOpacity(1);
-        if (transitionProps.onExited) {
-            transitionProps.onExited(node);
-        }
-    }, [transitionProps]);
-    const handleEntered = useCallback((node, isAppearing) => {
-        if (!sheetHeight.current) {
-            sheetHeight.current = node.getBoundingClientRect().height;
-        }
-        setBackdropOpacity(1);
-        if (transitionProps.onEntered) {
-            transitionProps.onEntered(node, isAppearing);
-        }
-    }, [transitionProps]);
-    useEffect(() => {
-        if (!open) {
-            setSheetOffset(0);
-        }
-    }, [open]);
-    const getSwipeStyles = () => ({
-        transform: sheetOffset ? `translateY(${sheetOffset}px)` : '',
-    });
-    const getHeightStyles = () => ({
-        height: initialHeight === 'full' ? targetHeight : 'unset',
-        maxHeight: targetHeight,
-    });
-    return (React.createElement(BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, scrollHandler: scrollableContainer, Backdrop: SwipeableBackdrop, backdropProps: {
-            ...backdropProps,
-            opacity: backdropOpacity,
-            handlers: swipeable ? backdropSwipeablehandlers : false,
-            opacityTimeout: TIMEOUT,
-            invisible: initialHeight === 'full' ? false : hideOverlay,
-        }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: modalWrapperClassName, disableBlockingScroll: disableBlockingScroll, transitionProps: {
-            appear: true,
-            timeout: TIMEOUT,
-            classNames: styles,
-            ...transitionProps,
-            onExited: handleExited,
-            onEntered: handleEntered,
-        } },
-        React.createElement("div", { style: { ...getHeightStyles() } },
-            React.createElement("div", { className: cn(styles.component, className, {
-                    [styles.withTransition]: !sheetOffset,
-                }), style: {
-                    ...getSwipeStyles(),
-                    ...getHeightStyles(),
-                }, ...sheetSwipeablehandlers },
-                React.createElement("div", { ...containerProps, className: cn(styles.scrollableContainer, containerProps?.className, containerClassName, {
-                        [styles.scrollLocked]: scrollLocked,
-                    }), ref: mergeRefs([scrollableContainer, scrollableContainerRef]) },
-                    swipeable && React.createElement("div", { className: cn(styles.marker) }),
-                    !hideHeader && !emptyHeader && React.createElement(Header, { ...headerProps }),
-                    React.createElement("div", { className: cn(styles.content, contentClassName, {
-                            [styles.noHeader]: hideHeader || emptyHeader,
-                            [styles.noFooter]: !actionButton,
-                        }) }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: footerClassName }, actionButton)))))));
-});
-
-export { BottomSheet as B, CLOSE_OFFSET as C, HEADER_OFFSET as H, Header as a };

package/calendar-range/esm/index.module-368568e3.js

@@ -1,4 +0,0 @@
-var styles = {"component":"calendar-range__component_4vle6","static":"calendar-range__static_4vle6","calendar":"calendar-range__calendar_4vle6"};
-require('./views/index.css');
-
-export { styles as s };

package/calendar-range/index.module-9ad08e7c.js

@@ -1,4 +0,0 @@
-var styles = {"component":"calendar-range__component_4vle6","static":"calendar-range__static_4vle6","calendar":"calendar-range__calendar_4vle6"};
-require('./views/index.css');
-
-exports.styles = styles;

package/calendar-range/modern/index.module-87919660.js

@@ -1,4 +0,0 @@
-const styles = {"component":"calendar-range__component_4vle6","static":"calendar-range__static_4vle6","calendar":"calendar-range__calendar_4vle6"};
-require('./views/index.css');
-
-export { styles as s };

package/grid/esm/gutters.module-1a85ab93.js

@@ -1,4 +0,0 @@
-var guttersStyles = {"row":"grid__row_1wuej","gutter-8":"grid__gutter-8_1wuej","col":"grid__col_1wuej","gutter-16":"grid__gutter-16_1wuej","gutter-24":"grid__gutter-24_1wuej","gutter-mobile-8":"grid__gutter-mobile-8_1wuej","gutter-mobile-16":"grid__gutter-mobile-16_1wuej","gutter-mobile-24":"grid__gutter-mobile-24_1wuej","gutter-mobile-xs-8":"grid__gutter-mobile-xs-8_1wuej","gutter-mobile-xs-16":"grid__gutter-mobile-xs-16_1wuej","gutter-mobile-xs-24":"grid__gutter-mobile-xs-24_1wuej","gutter-mobile-s-8":"grid__gutter-mobile-s-8_1wuej","gutter-mobile-s-16":"grid__gutter-mobile-s-16_1wuej","gutter-mobile-s-24":"grid__gutter-mobile-s-24_1wuej","gutter-mobile-m-8":"grid__gutter-mobile-m-8_1wuej","gutter-mobile-m-16":"grid__gutter-mobile-m-16_1wuej","gutter-mobile-m-24":"grid__gutter-mobile-m-24_1wuej","gutter-mobile-l-8":"grid__gutter-mobile-l-8_1wuej","gutter-mobile-l-16":"grid__gutter-mobile-l-16_1wuej","gutter-mobile-l-24":"grid__gutter-mobile-l-24_1wuej","gutter-tablet-8":"grid__gutter-tablet-8_1wuej","gutter-tablet-16":"grid__gutter-tablet-16_1wuej","gutter-tablet-24":"grid__gutter-tablet-24_1wuej","gutter-tablet-s-8":"grid__gutter-tablet-s-8_1wuej","gutter-tablet-s-16":"grid__gutter-tablet-s-16_1wuej","gutter-tablet-s-24":"grid__gutter-tablet-s-24_1wuej","gutter-tablet-m-8":"grid__gutter-tablet-m-8_1wuej","gutter-tablet-m-16":"grid__gutter-tablet-m-16_1wuej","gutter-tablet-m-24":"grid__gutter-tablet-m-24_1wuej","gutter-desktop-8":"grid__gutter-desktop-8_1wuej","gutter-desktop-16":"grid__gutter-desktop-16_1wuej","gutter-desktop-24":"grid__gutter-desktop-24_1wuej","gutter-desktop-s-8":"grid__gutter-desktop-s-8_1wuej","gutter-desktop-s-16":"grid__gutter-desktop-s-16_1wuej","gutter-desktop-s-24":"grid__gutter-desktop-s-24_1wuej","gutter-desktop-m-8":"grid__gutter-desktop-m-8_1wuej","gutter-desktop-m-16":"grid__gutter-desktop-m-16_1wuej","gutter-desktop-m-24":"grid__gutter-desktop-m-24_1wuej","gutter-desktop-l-8":"grid__gutter-desktop-l-8_1wuej","gutter-desktop-l-16":"grid__gutter-desktop-l-16_1wuej","gutter-desktop-l-24":"grid__gutter-desktop-l-24_1wuej","gutter-desktop-xl-8":"grid__gutter-desktop-xl-8_1wuej","gutter-desktop-xl-16":"grid__gutter-desktop-xl-16_1wuej","gutter-desktop-xl-24":"grid__gutter-desktop-xl-24_1wuej"};
-require('./gutters.css');
-
-export { guttersStyles as g };

package/grid/gutters.module-259593b0.js

@@ -1,4 +0,0 @@
-var guttersStyles = {"row":"grid__row_1wuej","gutter-8":"grid__gutter-8_1wuej","col":"grid__col_1wuej","gutter-16":"grid__gutter-16_1wuej","gutter-24":"grid__gutter-24_1wuej","gutter-mobile-8":"grid__gutter-mobile-8_1wuej","gutter-mobile-16":"grid__gutter-mobile-16_1wuej","gutter-mobile-24":"grid__gutter-mobile-24_1wuej","gutter-mobile-xs-8":"grid__gutter-mobile-xs-8_1wuej","gutter-mobile-xs-16":"grid__gutter-mobile-xs-16_1wuej","gutter-mobile-xs-24":"grid__gutter-mobile-xs-24_1wuej","gutter-mobile-s-8":"grid__gutter-mobile-s-8_1wuej","gutter-mobile-s-16":"grid__gutter-mobile-s-16_1wuej","gutter-mobile-s-24":"grid__gutter-mobile-s-24_1wuej","gutter-mobile-m-8":"grid__gutter-mobile-m-8_1wuej","gutter-mobile-m-16":"grid__gutter-mobile-m-16_1wuej","gutter-mobile-m-24":"grid__gutter-mobile-m-24_1wuej","gutter-mobile-l-8":"grid__gutter-mobile-l-8_1wuej","gutter-mobile-l-16":"grid__gutter-mobile-l-16_1wuej","gutter-mobile-l-24":"grid__gutter-mobile-l-24_1wuej","gutter-tablet-8":"grid__gutter-tablet-8_1wuej","gutter-tablet-16":"grid__gutter-tablet-16_1wuej","gutter-tablet-24":"grid__gutter-tablet-24_1wuej","gutter-tablet-s-8":"grid__gutter-tablet-s-8_1wuej","gutter-tablet-s-16":"grid__gutter-tablet-s-16_1wuej","gutter-tablet-s-24":"grid__gutter-tablet-s-24_1wuej","gutter-tablet-m-8":"grid__gutter-tablet-m-8_1wuej","gutter-tablet-m-16":"grid__gutter-tablet-m-16_1wuej","gutter-tablet-m-24":"grid__gutter-tablet-m-24_1wuej","gutter-desktop-8":"grid__gutter-desktop-8_1wuej","gutter-desktop-16":"grid__gutter-desktop-16_1wuej","gutter-desktop-24":"grid__gutter-desktop-24_1wuej","gutter-desktop-s-8":"grid__gutter-desktop-s-8_1wuej","gutter-desktop-s-16":"grid__gutter-desktop-s-16_1wuej","gutter-desktop-s-24":"grid__gutter-desktop-s-24_1wuej","gutter-desktop-m-8":"grid__gutter-desktop-m-8_1wuej","gutter-desktop-m-16":"grid__gutter-desktop-m-16_1wuej","gutter-desktop-m-24":"grid__gutter-desktop-m-24_1wuej","gutter-desktop-l-8":"grid__gutter-desktop-l-8_1wuej","gutter-desktop-l-16":"grid__gutter-desktop-l-16_1wuej","gutter-desktop-l-24":"grid__gutter-desktop-l-24_1wuej","gutter-desktop-xl-8":"grid__gutter-desktop-xl-8_1wuej","gutter-desktop-xl-16":"grid__gutter-desktop-xl-16_1wuej","gutter-desktop-xl-24":"grid__gutter-desktop-xl-24_1wuej"};
-require('./gutters.css');
-
-exports.guttersStyles = guttersStyles;

package/grid/modern/gutters.module-c98dd28d.js

@@ -1,4 +0,0 @@
-const guttersStyles = {"row":"grid__row_1wuej","gutter-8":"grid__gutter-8_1wuej","col":"grid__col_1wuej","gutter-16":"grid__gutter-16_1wuej","gutter-24":"grid__gutter-24_1wuej","gutter-mobile-8":"grid__gutter-mobile-8_1wuej","gutter-mobile-16":"grid__gutter-mobile-16_1wuej","gutter-mobile-24":"grid__gutter-mobile-24_1wuej","gutter-mobile-xs-8":"grid__gutter-mobile-xs-8_1wuej","gutter-mobile-xs-16":"grid__gutter-mobile-xs-16_1wuej","gutter-mobile-xs-24":"grid__gutter-mobile-xs-24_1wuej","gutter-mobile-s-8":"grid__gutter-mobile-s-8_1wuej","gutter-mobile-s-16":"grid__gutter-mobile-s-16_1wuej","gutter-mobile-s-24":"grid__gutter-mobile-s-24_1wuej","gutter-mobile-m-8":"grid__gutter-mobile-m-8_1wuej","gutter-mobile-m-16":"grid__gutter-mobile-m-16_1wuej","gutter-mobile-m-24":"grid__gutter-mobile-m-24_1wuej","gutter-mobile-l-8":"grid__gutter-mobile-l-8_1wuej","gutter-mobile-l-16":"grid__gutter-mobile-l-16_1wuej","gutter-mobile-l-24":"grid__gutter-mobile-l-24_1wuej","gutter-tablet-8":"grid__gutter-tablet-8_1wuej","gutter-tablet-16":"grid__gutter-tablet-16_1wuej","gutter-tablet-24":"grid__gutter-tablet-24_1wuej","gutter-tablet-s-8":"grid__gutter-tablet-s-8_1wuej","gutter-tablet-s-16":"grid__gutter-tablet-s-16_1wuej","gutter-tablet-s-24":"grid__gutter-tablet-s-24_1wuej","gutter-tablet-m-8":"grid__gutter-tablet-m-8_1wuej","gutter-tablet-m-16":"grid__gutter-tablet-m-16_1wuej","gutter-tablet-m-24":"grid__gutter-tablet-m-24_1wuej","gutter-desktop-8":"grid__gutter-desktop-8_1wuej","gutter-desktop-16":"grid__gutter-desktop-16_1wuej","gutter-desktop-24":"grid__gutter-desktop-24_1wuej","gutter-desktop-s-8":"grid__gutter-desktop-s-8_1wuej","gutter-desktop-s-16":"grid__gutter-desktop-s-16_1wuej","gutter-desktop-s-24":"grid__gutter-desktop-s-24_1wuej","gutter-desktop-m-8":"grid__gutter-desktop-m-8_1wuej","gutter-desktop-m-16":"grid__gutter-desktop-m-16_1wuej","gutter-desktop-m-24":"grid__gutter-desktop-m-24_1wuej","gutter-desktop-l-8":"grid__gutter-desktop-l-8_1wuej","gutter-desktop-l-16":"grid__gutter-desktop-l-16_1wuej","gutter-desktop-l-24":"grid__gutter-desktop-l-24_1wuej","gutter-desktop-xl-8":"grid__gutter-desktop-xl-8_1wuej","gutter-desktop-xl-16":"grid__gutter-desktop-xl-16_1wuej","gutter-desktop-xl-24":"grid__gutter-desktop-xl-24_1wuej"};
-require('./gutters.css');
-
-export { guttersStyles as g };

package/input-autocomplete/Component-7ca84eff.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
-type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/input-autocomplete/cssm/Component-7ca84eff.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
-type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

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

@@ -1,215 +0,0 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
-import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { SwipeableHandlers } from "react-swipeable/types";
-import { BackdropProps } from "./index-ebda875c";
-type BottomSheetTitleAlign = "center" | "left";
-type BottomSheetProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Дополнительный класс
-     */
-    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"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Обработчик закрытия
-     */
-    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 };