@alfalab/core-components 41.12.0 → 42.0.0-beta.0

package/bottom-sheet/component.js

@@ -30,7 +30,7 @@ require('./index.css');
 
 var BottomSheet = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -251,7 +251,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles["background-".concat(backgroundColor)];
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: styles.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
             _b[styles.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React__default.default.createElement("div", { style: tslib.__assign({}, getHeightStyles()), className: styles.wrapper, onTransitionEnd: setSheetHeight },
             React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, bgClassName, className, (_c = {},
                     _c[styles.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/cssm/component.js

@@ -31,7 +31,7 @@ var getDataTestId = function (dataTestId, element) {
 
 var BottomSheet = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = reactDiv100vh.use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -252,7 +252,7 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles__default.default["background-".concat(backgroundColor)];
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), { className: styles__default.default.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: utils.TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles__default.default.modal, modalClassName), wrapperClassName: cn__default.default(modalWrapperClassName, (_b = {},
             _b[styles__default.default.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: tslib.__assign(tslib.__assign({ appear: true, timeout: utils.TIMEOUT, classNames: styles__default.default }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React__default.default.createElement("div", { style: tslib.__assign({}, getHeightStyles()), className: styles__default.default.wrapper, onTransitionEnd: setSheetHeight },
             React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, bgClassName, className, (_c = {},
                     _c[styles__default.default.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/cssm/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/esm/component.js

@@ -22,7 +22,7 @@ require('./index.css');
 
 var BottomSheet = forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _g = _a.titleAlign, titleAlign = _g === void 0 ? 'left' : _g, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _h = _a.stickyFooter, stickyFooter = _h === void 0 ? true : _h, _j = _a.initialHeight, initialHeight = _j === void 0 ? 'default' : _j, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _k = _a.transitionProps, transitionProps = _k === void 0 ? {} : _k, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _l = _a.swipeable, swipeable = _l === void 0 ? true : _l, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _m = _a.scrollableContainerRef, scrollableContainerRef = _m === void 0 ? function () { return null; } : _m, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _o = _a.sheetContainerRef, sheetContainerRef = _o === void 0 ? function () { return null; } : _o, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize;
     var hasInitialIdx = initialActiveAreaIndex !== undefined;
     var fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -243,7 +243,7 @@ var BottomSheet = forwardRef(function (_a, ref) {
     var bgClassName = backgroundColor && styles["background-".concat(backgroundColor)];
     return (React.createElement(BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: SwipeableBackdrop, backdropProps: __assign(__assign({}, backdropProps), { className: styles.disabledPointerEvents, opacity: backdropOpacity, opacityTimeout: TIMEOUT, invisible: hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: cn(modalWrapperClassName, (_b = {},
             _b[styles.disabledPointerEvents] = hideOverlay,
-            _b)), disableBlockingScroll: disableBlockingScroll, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
+            _b)), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: __assign(__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
         React.createElement("div", { style: __assign({}, getHeightStyles()), className: styles.wrapper, onTransitionEnd: setSheetHeight },
             React.createElement("div", __assign({ className: cn(styles.component, bgClassName, className, (_c = {},
                     _c[styles.withTransition] = swipingInProgress.current === false,

package/bottom-sheet/esm/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/modern/component.js

@@ -19,7 +19,7 @@ const getDataTestId = (dataTestId, element) => {
 const styles = {"modal":"bottom-sheet__modal_1ckqv","wrapper":"bottom-sheet__wrapper_1ckqv","component":"bottom-sheet__component_1ckqv","withTransition":"bottom-sheet__withTransition_1ckqv","scrollableContainer":"bottom-sheet__scrollableContainer_1ckqv","marker":"bottom-sheet__marker_1ckqv","content":"bottom-sheet__content_1ckqv","noHeader":"bottom-sheet__noHeader_1ckqv","noFooter":"bottom-sheet__noFooter_1ckqv","scrollLocked":"bottom-sheet__scrollLocked_1ckqv","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ckqv","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ckqv","appear":"bottom-sheet__appear_1ckqv","enter":"bottom-sheet__enter_1ckqv","appearActive":"bottom-sheet__appearActive_1ckqv","enterActive":"bottom-sheet__enterActive_1ckqv","enterDone":"bottom-sheet__enterDone_1ckqv","appearDone":"bottom-sheet__appearDone_1ckqv","exit":"bottom-sheet__exit_1ckqv","exitActive":"bottom-sheet__exitActive_1ckqv","background-accent":"bottom-sheet__background-accent_1ckqv","background-info":"bottom-sheet__background-info_1ckqv","background-attention-muted":"bottom-sheet__background-attention-muted_1ckqv","background-positive-muted":"bottom-sheet__background-positive-muted_1ckqv","background-negative-muted":"bottom-sheet__background-negative-muted_1ckqv","background-primary":"bottom-sheet__background-primary_1ckqv","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ckqv","background-secondary":"bottom-sheet__background-secondary_1ckqv","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ckqv","background-tertiary":"bottom-sheet__background-tertiary_1ckqv","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ckqv","background-quaternary":"bottom-sheet__background-quaternary_1ckqv","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ckqv","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ckqv","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ckqv","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ckqv","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ckqv","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ckqv","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ckqv","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ckqv","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ckqv","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ckqv"};
 require('./index.css');
 
-const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, 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, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, }, ref) => {
+const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, 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, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, onClose, onBack, onMagnetize, }, ref) => {
     const hasInitialIdx = initialActiveAreaIndex !== undefined;
     const fullHeight = use100vh() || 0;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
@@ -262,7 +262,7 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
             invisible: hideOverlay,
         }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: cn(modalWrapperClassName, {
             [styles.disabledPointerEvents]: hideOverlay,
-        }), disableBlockingScroll: disableBlockingScroll, transitionProps: {
+        }), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: {
             appear: true,
             timeout: TIMEOUT,
             classNames: styles,

package/bottom-sheet/modern/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/bottom-sheet/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/calendar/Component.responsive.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('./Component.responsive-73cfc401.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

package/calendar/components/calendar-mobile/Component.js

@@ -12,7 +12,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('../../Component.responsive-73cfc401.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-22de1662";
+export * from "../../Component.responsive-73cfc401";
 export {};

package/calendar/components/calendar-mobile/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('../../Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('../../Component.responsive-73cfc401.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/esm/Component.responsive.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-f88c37da.js';
+export { C as CalendarResponsive } from './Component.responsive-810576d5.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/esm';
 import '../../../../modal/esm/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-f88c37da.js';
+export { a as CalendarMobile } from '../../Component.responsive-810576d5.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-f88c37da";
+export * from "../../Component.responsive-810576d5";
 export {};

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-f88c37da.js';
+export { a as CalendarMobile } from '../../Component.responsive-810576d5.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-f88c37da.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-810576d5.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/esm/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-f88c37da.js';
+export { a as CalendarMobile } from './Component.responsive-810576d5.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-f88c37da";
+export * from "./Component.responsive-810576d5";
 export {};

package/calendar/esm/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-f88c37da.js';
+export { C as CalendarResponsive } from './Component.responsive-810576d5.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_desktop = require('./Component.desktop.js');
-var components_calendarMobile_Component = require('./Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('./Component.responsive-73cfc401.js');
 var usePeriod = require('./usePeriod.js');
 var useCalendar = require('./useCalendar.js');
 var components_periodSlider_Component = require('./components/period-slider/Component.js');

package/calendar/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('./Component.responsive-73cfc401.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/modern/Component.responsive.js

@@ -1,6 +1,6 @@
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-d40c6625.js';
+export { C as CalendarResponsive } from './Component.responsive-745250a8.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -9,7 +9,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-d40c6625.js';
+export { a as CalendarMobile } from '../../Component.responsive-745250a8.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-d40c6625";
+export * from "../../Component.responsive-745250a8";
 export {};

package/calendar/modern/components/calendar-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-d40c6625.js';
+export { a as CalendarMobile } from '../../Component.responsive-745250a8.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-d40c6625.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-745250a8.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/modern/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-d40c6625.js';
+export { a as CalendarMobile } from './Component.responsive-745250a8.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-d40c6625";
+export * from "./Component.responsive-745250a8";
 export {};

package/calendar/modern/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-d40c6625.js';
+export { C as CalendarResponsive } from './Component.responsive-745250a8.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-22de1662";
+export * from "./Component.responsive-73cfc401";
 export {};

package/calendar/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-22de1662.js');
+var components_calendarMobile_Component = require('./Component.responsive-73cfc401.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/confirmation/component.desktop.js

@@ -14,7 +14,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-05e14baa.js');
+require('./countdown-section-9a7fef0f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/component.mobile.js

@@ -14,7 +14,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-05e14baa.js');
+require('./countdown-section-9a7fef0f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/component.responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-05e14baa.js');
+require('./countdown-section-9a7fef0f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/components/base-confirmation/component.js

@@ -16,7 +16,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-05e14baa.js');
+require('../../countdown-section-9a7fef0f.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/base-confirmation/index.js

@@ -14,7 +14,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-05e14baa.js');
+require('../../countdown-section-9a7fef0f.js');
 require('../../../loader');
 require('../screens/hint/component.js');
 require('../screens/fatal-error/component.js');

package/confirmation/components/index.js

@@ -15,7 +15,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-05e14baa.js');
+require('../countdown-section-9a7fef0f.js');
 require('../../loader');
 
 

package/confirmation/components/screens/index.js

@@ -14,7 +14,7 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils.js');
 require('../header/component.js');
-require('../../countdown-section-05e14baa.js');
+require('../../countdown-section-9a7fef0f.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/screens/initial/component.js

@@ -9,7 +9,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-05e14baa.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-9a7fef0f.js');
 require('../../../utils.js');
 require('../../../../loader');
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../loader');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-05e14baa.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-9a7fef0f.js');
 
 
 

package/confirmation/components/screens/initial/index.js

@@ -11,7 +11,7 @@ require('@alfalab/hooks');
 require('../../../context.js');
 require('../../../utils.js');
 require('../../header/component.js');
-require('../../../countdown-section-05e14baa.js');
+require('../../../countdown-section-9a7fef0f.js');
 require('../../../../loader');
 
 

package/confirmation/desktop.js

@@ -15,7 +15,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-05e14baa.js');
+require('./countdown-section-9a7fef0f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/esm/component.desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.responsive.js

@@ -11,7 +11,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-8422d4b6.js';
+import '../../countdown-section-8f29091b.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 

package/confirmation/esm/components/base-confirmation/index.js

@@ -9,7 +9,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-8422d4b6.js';
+import '../../countdown-section-8f29091b.js';
 import '../../../../loader/esm';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/esm/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-8422d4b6.js';
+import '../countdown-section-8f29091b.js';
 import '../../../loader/esm';
 import '../utils.js';

package/confirmation/esm/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-8422d4b6.js';
+import '../../countdown-section-8f29091b.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-8422d4b6.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-8f29091b.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';
 

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../loader/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-8422d4b6.js';
+export { C as CountdownSection } from '../../../countdown-section-8f29091b.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-8422d4b6.js';
+import '../../../countdown-section-8f29091b.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';

package/confirmation/esm/desktop.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/index.js

@@ -19,5 +19,5 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';

package/confirmation/esm/mobile.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-8422d4b6.js';
+import './countdown-section-8f29091b.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';