@alfalab/core-components 47.3.0-beta.1 → 47.4.0-beta.0

package/bottom-sheet/esm/component.js

@@ -10,19 +10,23 @@ import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 import { horizontalDirections } from './consts/swipeConsts.js';
+import { useVisibleViewportSize } from './hooks/use-visualviewport-size.js';
 import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
 import '../../navigation-bar-private/esm';
 import '../../backdrop/esm';
 import './enums/swipeEnums.js';
 
-var styles = {"modal":"bottom-sheet__modal_90r42","wrapper":"bottom-sheet__wrapper_90r42","fullscreen":"bottom-sheet__fullscreen_90r42","component":"bottom-sheet__component_90r42","withTransition":"bottom-sheet__withTransition_90r42","scrollableContainer":"bottom-sheet__scrollableContainer_90r42","marker":"bottom-sheet__marker_90r42","defaultMarker":"bottom-sheet__defaultMarker_90r42","content":"bottom-sheet__content_90r42","noHeader":"bottom-sheet__noHeader_90r42","noFooter":"bottom-sheet__noFooter_90r42","scrollLocked":"bottom-sheet__scrollLocked_90r42","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_90r42","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_90r42","appear":"bottom-sheet__appear_90r42","enter":"bottom-sheet__enter_90r42","appearActive":"bottom-sheet__appearActive_90r42","enterActive":"bottom-sheet__enterActive_90r42","enterDone":"bottom-sheet__enterDone_90r42","appearDone":"bottom-sheet__appearDone_90r42","exit":"bottom-sheet__exit_90r42","exitActive":"bottom-sheet__exitActive_90r42","safeAreaBottom":"bottom-sheet__safeAreaBottom_90r42","background-accent":"bottom-sheet__background-accent_90r42","background-info":"bottom-sheet__background-info_90r42","background-attention-muted":"bottom-sheet__background-attention-muted_90r42","background-positive-muted":"bottom-sheet__background-positive-muted_90r42","background-negative-muted":"bottom-sheet__background-negative-muted_90r42","background-primary":"bottom-sheet__background-primary_90r42","background-primary-inverted":"bottom-sheet__background-primary-inverted_90r42","background-secondary":"bottom-sheet__background-secondary_90r42","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_90r42","background-tertiary":"bottom-sheet__background-tertiary_90r42","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_90r42","background-quaternary":"bottom-sheet__background-quaternary_90r42","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_90r42","background-specialbg-component":"bottom-sheet__background-specialbg-component_90r42","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_90r42","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_90r42","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_90r42","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_90r42","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_90r42","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_90r42","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_90r42","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_90r42"};
+var styles = {"modal":"bottom-sheet__modal_1pn71","wrapper":"bottom-sheet__wrapper_1pn71","fullscreen":"bottom-sheet__fullscreen_1pn71","component":"bottom-sheet__component_1pn71","withTransition":"bottom-sheet__withTransition_1pn71","scrollableContainer":"bottom-sheet__scrollableContainer_1pn71","marker":"bottom-sheet__marker_1pn71","defaultMarker":"bottom-sheet__defaultMarker_1pn71","content":"bottom-sheet__content_1pn71","noHeader":"bottom-sheet__noHeader_1pn71","noFooter":"bottom-sheet__noFooter_1pn71","scrollLocked":"bottom-sheet__scrollLocked_1pn71","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1pn71","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1pn71","appear":"bottom-sheet__appear_1pn71","enter":"bottom-sheet__enter_1pn71","appearActive":"bottom-sheet__appearActive_1pn71","enterActive":"bottom-sheet__enterActive_1pn71","enterDone":"bottom-sheet__enterDone_1pn71","appearDone":"bottom-sheet__appearDone_1pn71","exit":"bottom-sheet__exit_1pn71","exitActive":"bottom-sheet__exitActive_1pn71","safeAreaBottom":"bottom-sheet__safeAreaBottom_1pn71","background-accent":"bottom-sheet__background-accent_1pn71","background-info":"bottom-sheet__background-info_1pn71","background-attention-muted":"bottom-sheet__background-attention-muted_1pn71","background-positive-muted":"bottom-sheet__background-positive-muted_1pn71","background-negative-muted":"bottom-sheet__background-negative-muted_1pn71","background-primary":"bottom-sheet__background-primary_1pn71","background-primary-inverted":"bottom-sheet__background-primary-inverted_1pn71","background-secondary":"bottom-sheet__background-secondary_1pn71","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1pn71","background-tertiary":"bottom-sheet__background-tertiary_1pn71","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1pn71","background-quaternary":"bottom-sheet__background-quaternary_1pn71","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1pn71","background-specialbg-component":"bottom-sheet__background-specialbg-component_1pn71","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1pn71","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1pn71","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1pn71","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1pn71","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1pn71","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1pn71","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71"};
 require('./index.css');
 
 var isNil = fnUtils.isNil;
 var BottomSheet = forwardRef(function (_a, ref) {
     var _b, _c, _d, _e, _f;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, 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, _h = _a.titleAlign, titleAlign = _h === void 0 ? 'left' : _h, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _j = _a.stickyFooter, stickyFooter = _j === void 0 ? true : _j, _k = _a.initialHeight, initialHeight = _k === void 0 ? 'default' : _k, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _l = _a.transitionProps, transitionProps = _l === void 0 ? {} : _l, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _m = _a.swipeable, swipeable = _m === void 0 ? true : _m, _o = _a.swipeableContent, swipeableContent = _o === void 0 ? true : _o, _p = _a.swipeThreshold, swipeThreshold = _p === void 0 ? 5 : _p, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _q = _a.scrollableContainerRef, scrollableContainerRef = _q === void 0 ? function () { return null; } : _q, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _r = _a.sheetContainerRef, sheetContainerRef = _r === void 0 ? function () { return null; } : _r, _s = _a.headerOffset, headerOffset = _s === void 0 ? 24 : _s, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _t = _a.iOSLock, iOSLock = _t === void 0 ? false : _t;
-    var fullHeight = use100vh() || 0;
+    var _g, _h;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, 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, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _v = _a.iOSLock, iOSLock = _v === void 0 ? false : _v, _w = _a.virtualKeyboard, virtualKeyboard = _w === void 0 ? false : _w;
+    var windowHeight = (_g = use100vh()) !== null && _g !== void 0 ? _g : 0;
+    var visibleViewportSize = useVisibleViewportSize(virtualKeyboard);
+    var fullHeight = virtualKeyboard ? (_h = visibleViewportSize === null || visibleViewportSize === void 0 ? void 0 : visibleViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
     var initialIndexRef = useRef(initialActiveAreaIndex);
@@ -36,14 +40,14 @@ var BottomSheet = forwardRef(function (_a, ref) {
         var iOSViewHeight = isClient()
             ? ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight)
             : 0;
-        var viewHeight = os.isIOS() ? iOSViewHeight : fullHeight;
+        var viewHeight = os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
-    }, [fullHeight, headerOffset, magneticAreasProp]);
+    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard]);
     var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
-    var _u = useState(0), sheetOffset = _u[0], setSheetOffset = _u[1];
-    var _v = useState(1), backdropOpacity = _v[0], setBackdropOpacity = _v[1];
-    var _w = useState(-1), activeAreaIdx = _w[0], setActiveAreaIdx = _w[1];
-    var _x = useState(null), swipingInProgress = _x[0], setSwipingInProgress = _x[1];
+    var _x = useState(0), sheetOffset = _x[0], setSheetOffset = _x[1];
+    var _y = useState(1), backdropOpacity = _y[0], setBackdropOpacity = _y[1];
+    var _z = useState(-1), activeAreaIdx = _z[0], setActiveAreaIdx = _z[1];
+    var _0 = useState(null), swipingInProgress = _0[0], setSwipingInProgress = _0[1];
     var scrollOccurred = useRef(false);
     var headerRef = useRef(null);
     var contentRef = useRef(null);
@@ -346,6 +350,9 @@ var BottomSheet = forwardRef(function (_a, ref) {
             ? "".concat(lastMagneticArea, "px")
             : 'unset',
         maxHeight: isFirstRender ? 0 : "".concat(lastMagneticArea, "px"),
+        marginBottom: virtualKeyboard && visibleViewportSize && windowHeight > visibleViewportSize.height
+            ? windowHeight - visibleViewportSize.height - visibleViewportSize.offsetTop
+            : undefined,
     }); };
     var renderMarker = function () {
         if (swipeable) {

package/bottom-sheet/esm/components/footer/Component.js

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 
-var styles = {"footer":"bottom-sheet__footer_10j16","sticky":"bottom-sheet__sticky_10j16","highlighted":"bottom-sheet__highlighted_10j16","background-accent":"bottom-sheet__background-accent_10j16","background-info":"bottom-sheet__background-info_10j16","background-attention-muted":"bottom-sheet__background-attention-muted_10j16","background-positive-muted":"bottom-sheet__background-positive-muted_10j16","background-negative-muted":"bottom-sheet__background-negative-muted_10j16","background-primary":"bottom-sheet__background-primary_10j16","background-primary-inverted":"bottom-sheet__background-primary-inverted_10j16","background-secondary":"bottom-sheet__background-secondary_10j16","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_10j16","background-tertiary":"bottom-sheet__background-tertiary_10j16","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_10j16","background-quaternary":"bottom-sheet__background-quaternary_10j16","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_10j16","background-specialbg-component":"bottom-sheet__background-specialbg-component_10j16","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_10j16","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_10j16","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_10j16","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_10j16","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_10j16","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_10j16","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_10j16","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_10j16"};
+var styles = {"footer":"bottom-sheet__footer_1e2dr","sticky":"bottom-sheet__sticky_1e2dr","highlighted":"bottom-sheet__highlighted_1e2dr","background-accent":"bottom-sheet__background-accent_1e2dr","background-info":"bottom-sheet__background-info_1e2dr","background-attention-muted":"bottom-sheet__background-attention-muted_1e2dr","background-positive-muted":"bottom-sheet__background-positive-muted_1e2dr","background-negative-muted":"bottom-sheet__background-negative-muted_1e2dr","background-primary":"bottom-sheet__background-primary_1e2dr","background-primary-inverted":"bottom-sheet__background-primary-inverted_1e2dr","background-secondary":"bottom-sheet__background-secondary_1e2dr","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1e2dr","background-tertiary":"bottom-sheet__background-tertiary_1e2dr","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1e2dr","background-quaternary":"bottom-sheet__background-quaternary_1e2dr","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1e2dr","background-specialbg-component":"bottom-sheet__background-specialbg-component_1e2dr","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1e2dr","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1e2dr","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1e2dr","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1e2dr","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1e2dr","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1e2dr","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1e2dr","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1e2dr"};
 require('./index.css');
 
 var Footer = function (_a) {

package/bottom-sheet/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pai5 */
+/* hash: 1u16n */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -46,58 +46,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_10j16 {
+} .bottom-sheet__footer_1e2dr {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_10j16 {
+} .bottom-sheet__sticky_1e2dr {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_10j16 {
+} .bottom-sheet__highlighted_1e2dr {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_10j16 {
+} .bottom-sheet__background-accent_1e2dr {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_10j16 {
+        } .bottom-sheet__background-info_1e2dr {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_10j16 {
+        } .bottom-sheet__background-attention-muted_1e2dr {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_10j16 {
+        } .bottom-sheet__background-positive-muted_1e2dr {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_10j16 {
+        } .bottom-sheet__background-negative-muted_1e2dr {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_10j16 {
+        } .bottom-sheet__background-primary_1e2dr {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_10j16 {
+        } .bottom-sheet__background-primary-inverted_1e2dr {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_10j16 {
+        } .bottom-sheet__background-secondary_1e2dr {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_10j16 {
+        } .bottom-sheet__background-secondary-inverted_1e2dr {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_10j16 {
+        } .bottom-sheet__background-tertiary_1e2dr {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_10j16 {
+        } .bottom-sheet__background-tertiary-inverted_1e2dr {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_10j16 {
+        } .bottom-sheet__background-quaternary_1e2dr {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_10j16 {
+        } .bottom-sheet__background-quaternary-inverted_1e2dr {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_10j16 {
+        } .bottom-sheet__background-specialbg-component_1e2dr {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_10j16 {
+        } .bottom-sheet__background-specialbg-component-inverted_1e2dr {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_10j16 {
+        } .bottom-sheet__background-specialbg-primary-grouped_1e2dr {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_10j16 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1e2dr {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_10j16 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1e2dr {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_10j16 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1e2dr {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_10j16 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1e2dr {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_10j16 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1e2dr {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_10j16 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1e2dr {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/esm/components/header/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 import { NavigationBarPrivate } from '../../../../navigation-bar-private/esm';
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_16ikx","hasContent":"bottom-sheet__hasContent_16ikx","header":"bottom-sheet__header_16ikx","sticky":"bottom-sheet__sticky_16ikx","highlighted":"bottom-sheet__highlighted_16ikx","justifyEnd":"bottom-sheet__justifyEnd_16ikx","addon":"bottom-sheet__addon_16ikx","addonFixed":"bottom-sheet__addonFixed_16ikx","title":"bottom-sheet__title_16ikx","titleCenter":"bottom-sheet__titleCenter_16ikx","titleLeft":"bottom-sheet__titleLeft_16ikx","trimTitle":"bottom-sheet__trimTitle_16ikx"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1xzdf","hasContent":"bottom-sheet__hasContent_1xzdf","header":"bottom-sheet__header_1xzdf","sticky":"bottom-sheet__sticky_1xzdf","highlighted":"bottom-sheet__highlighted_1xzdf","justifyEnd":"bottom-sheet__justifyEnd_1xzdf","addon":"bottom-sheet__addon_1xzdf","addonFixed":"bottom-sheet__addonFixed_1xzdf","title":"bottom-sheet__title_1xzdf","titleCenter":"bottom-sheet__titleCenter_1xzdf","titleLeft":"bottom-sheet__titleLeft_1xzdf","trimTitle":"bottom-sheet__trimTitle_1xzdf"};
 require('./index.css');
 
 var Header = function (_a) {

package/bottom-sheet/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1l0li */
+/* hash: 1uxv1 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,42 +30,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_16ikx {
+} .bottom-sheet__headerWrapper_1xzdf {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_16ikx {
+} .bottom-sheet__hasContent_1xzdf {
     background-color: inherit;
-} .bottom-sheet__header_16ikx {
+} .bottom-sheet__header_1xzdf {
     display: flex;
-} .bottom-sheet__sticky_16ikx {
+} .bottom-sheet__sticky_1xzdf {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_16ikx {
+} .bottom-sheet__highlighted_1xzdf {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_16ikx {
+} .bottom-sheet__justifyEnd_1xzdf {
     justify-content: flex-end;
-} .bottom-sheet__addon_16ikx {
+} .bottom-sheet__addon_1xzdf {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_16ikx {
+} .bottom-sheet__addonFixed_1xzdf {
     position: fixed;
-} .bottom-sheet__title_16ikx {
+} .bottom-sheet__title_1xzdf {
     padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_16ikx {
+} .bottom-sheet__titleCenter_1xzdf {
     text-align: center;
-} .bottom-sheet__titleLeft_16ikx {
+} .bottom-sheet__titleLeft_1xzdf {
     text-align: left;
-} .bottom-sheet__trimTitle_16ikx {
+} .bottom-sheet__trimTitle_1xzdf {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/esm/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useVisibleViewportSize } from "./use-visualviewport-size";

package/bottom-sheet/esm/hooks/index.js

@@ -0,0 +1,3 @@
+export { useVisibleViewportSize } from './use-visualviewport-size.js';
+import 'react';
+import '../../../shared/esm';

package/bottom-sheet/esm/hooks/use-visualviewport-size.d.ts

@@ -0,0 +1,3 @@
+type VisualViewportSize = Pick<VisualViewport, 'height' | 'offsetTop'>;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
+export { useVisibleViewportSize };

package/bottom-sheet/esm/hooks/use-visualviewport-size.js

@@ -0,0 +1,32 @@
+import { useState, useEffect } from 'react';
+import { isClient, fnUtils } from '../../../shared/esm';
+
+var measureVisualViewport = function (visualViewport) {
+    if (!visualViewport)
+        return null;
+    var height = visualViewport.height, offsetTop = visualViewport.offsetTop;
+    return { height: height, offsetTop: offsetTop };
+};
+function useVisibleViewportSize(enabled) {
+    if (enabled === void 0) { enabled = false; }
+    var _a = useState(function () {
+        return isClient() ? measureVisualViewport(window.visualViewport) : null;
+    }), size = _a[0], setSize = _a[1];
+    useEffect(function () {
+        var visualViewport = window.visualViewport;
+        if (!isClient() || !enabled || !visualViewport)
+            return fnUtils.noop;
+        var listener = function (event) {
+            return setSize(measureVisualViewport(event.target));
+        };
+        visualViewport.addEventListener('resize', listener);
+        visualViewport.addEventListener('scroll', listener);
+        return function () {
+            visualViewport.removeEventListener('resize', listener);
+            visualViewport.removeEventListener('scroll', listener);
+        };
+    }, [enabled]);
+    return size;
+}
+
+export { useVisibleViewportSize };

package/bottom-sheet/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: y68wa */
+/* hash: 191fz */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -52,25 +52,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_90r42 {
+} .bottom-sheet__modal_1pn71 {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_90r42.bottom-sheet__modal_90r42 {
+} .bottom-sheet__modal_1pn71.bottom-sheet__modal_1pn71 {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_90r42 {
+} .bottom-sheet__wrapper_1pn71 {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_90r42 {
+} .bottom-sheet__fullscreen_1pn71 {
     border-radius: 0;
-} .bottom-sheet__component_90r42 {
+} .bottom-sheet__component_1pn71 {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -78,9 +78,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_90r42 {
+} .bottom-sheet__withTransition_1pn71 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_90r42 {
+} .bottom-sheet__scrollableContainer_1pn71 {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -89,7 +89,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_90r42 {
+} .bottom-sheet__marker_1pn71 {
     position: fixed;
     top: var(--gap-2xs);
     right: 0;
@@ -97,11 +97,11 @@
     z-index: 1000;
     width: 36px;
     margin: 0 auto;
-} .bottom-sheet__defaultMarker_90r42 {
+} .bottom-sheet__defaultMarker_1pn71 {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_90r42 {
+} .bottom-sheet__content_1pn71 {
     position: relative;
     z-index: 0;
     display: flex;
@@ -111,75 +111,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_90r42 {
+} .bottom-sheet__noHeader_1pn71 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_90r42 {
+} .bottom-sheet__noFooter_1pn71 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_90r42 {
+} .bottom-sheet__scrollLocked_1pn71 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_90r42 {
+} .bottom-sheet__hiddenScrollbar_1pn71 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_90r42::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1pn71::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_90r42 {
+    } .bottom-sheet__disabledPointerEvents_1pn71 {
     pointer-events: none;
-} .bottom-sheet__appear_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enter_90r42 .bottom-sheet__wrapper_90r42 {
+} .bottom-sheet__appear_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enter_1pn71 .bottom-sheet__wrapper_1pn71 {
         transition: none;
-    } .bottom-sheet__appearActive_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__enterActive_90r42 .bottom-sheet__wrapper_90r42 {
+    } .bottom-sheet__appearActive_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enterActive_1pn71 .bottom-sheet__wrapper_1pn71 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_90r42 .bottom-sheet__wrapper_90r42, .bottom-sheet__appearDone_90r42 .bottom-sheet__wrapper_90r42 {
+    } .bottom-sheet__enterDone_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__appearDone_1pn71 .bottom-sheet__wrapper_1pn71 {
         transform: translateY(0);
-    } .bottom-sheet__exit_90r42 .bottom-sheet__wrapper_90r42 {
+    } .bottom-sheet__exit_1pn71 .bottom-sheet__wrapper_1pn71 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_90r42 .bottom-sheet__wrapper_90r42 {
+    } .bottom-sheet__exitActive_1pn71 .bottom-sheet__wrapper_1pn71 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_90r42 {
+    } .bottom-sheet__safeAreaBottom_1pn71 {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_90r42 {
+} .bottom-sheet__background-accent_1pn71 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_90r42 {
+        } .bottom-sheet__background-info_1pn71 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_90r42 {
+        } .bottom-sheet__background-attention-muted_1pn71 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_90r42 {
+        } .bottom-sheet__background-positive-muted_1pn71 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_90r42 {
+        } .bottom-sheet__background-negative-muted_1pn71 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_90r42 {
+        } .bottom-sheet__background-primary_1pn71 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_90r42 {
+        } .bottom-sheet__background-primary-inverted_1pn71 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_90r42 {
+        } .bottom-sheet__background-secondary_1pn71 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_90r42 {
+        } .bottom-sheet__background-secondary-inverted_1pn71 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_90r42 {
+        } .bottom-sheet__background-tertiary_1pn71 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_90r42 {
+        } .bottom-sheet__background-tertiary-inverted_1pn71 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_90r42 {
+        } .bottom-sheet__background-quaternary_1pn71 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_90r42 {
+        } .bottom-sheet__background-quaternary-inverted_1pn71 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_90r42 {
+        } .bottom-sheet__background-specialbg-component_1pn71 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_90r42 {
+        } .bottom-sheet__background-specialbg-component-inverted_1pn71 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_90r42 {
+        } .bottom-sheet__background-specialbg-primary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_90r42 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_90r42 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_90r42 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1pn71 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_90r42 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_90r42 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_90r42 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/esm/index.js

@@ -15,3 +15,4 @@ import './components/swipeable-backdrop/Component.js';
 import '../../backdrop/esm';
 import './consts/swipeConsts.js';
 import './enums/swipeEnums.js';
+import './hooks/use-visualviewport-size.js';

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

@@ -281,5 +281,9 @@ type BottomSheetProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS
      */
     iOSLock?: boolean;
+    /**
+     * Учитывать высоту виртуальной клавиатуры
+     */
+    virtualKeyboard?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useVisibleViewportSize } from "./use-visualviewport-size";

package/bottom-sheet/hooks/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useVisualviewportSize = require('./use-visualviewport-size.js');
+
+
+
+exports.useVisibleViewportSize = hooks_useVisualviewportSize.useVisibleViewportSize;

package/bottom-sheet/hooks/use-visualviewport-size.d.ts

@@ -0,0 +1,3 @@
+type VisualViewportSize = Pick<VisualViewport, 'height' | 'offsetTop'>;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
+export { useVisibleViewportSize };

package/bottom-sheet/hooks/use-visualviewport-size.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsShared = require('../../shared');
+
+var measureVisualViewport = function (visualViewport) {
+    if (!visualViewport)
+        return null;
+    var height = visualViewport.height, offsetTop = visualViewport.offsetTop;
+    return { height: height, offsetTop: offsetTop };
+};
+function useVisibleViewportSize(enabled) {
+    if (enabled === void 0) { enabled = false; }
+    var _a = React.useState(function () {
+        return coreComponentsShared.isClient() ? measureVisualViewport(window.visualViewport) : null;
+    }), size = _a[0], setSize = _a[1];
+    React.useEffect(function () {
+        var visualViewport = window.visualViewport;
+        if (!coreComponentsShared.isClient() || !enabled || !visualViewport)
+            return coreComponentsShared.fnUtils.noop;
+        var listener = function (event) {
+            return setSize(measureVisualViewport(event.target));
+        };
+        visualViewport.addEventListener('resize', listener);
+        visualViewport.addEventListener('scroll', listener);
+        return function () {
+            visualViewport.removeEventListener('resize', listener);
+            visualViewport.removeEventListener('scroll', listener);
+        };
+    }, [enabled]);
+    return size;
+}
+
+exports.useVisibleViewportSize = useVisibleViewportSize;