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

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

@@ -1,4 +1,4 @@
-/* hash: 1w81t */
+/* 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_1srn4 {
+} .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_1srn4 {
+} .bottom-sheet__hasContent_1xzdf {
     background-color: inherit;
-} .bottom-sheet__header_1srn4 {
+} .bottom-sheet__header_1xzdf {
     display: flex;
-} .bottom-sheet__sticky_1srn4 {
+} .bottom-sheet__sticky_1xzdf {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_1srn4 {
+} .bottom-sheet__highlighted_1xzdf {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1srn4 {
+} .bottom-sheet__justifyEnd_1xzdf {
     justify-content: flex-end;
-} .bottom-sheet__addon_1srn4 {
+} .bottom-sheet__addon_1xzdf {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1srn4 {
+} .bottom-sheet__addonFixed_1xzdf {
     position: fixed;
-} .bottom-sheet__title_1srn4 {
+} .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_1srn4 {
+} .bottom-sheet__titleCenter_1xzdf {
     text-align: center;
-} .bottom-sheet__titleLeft_1srn4 {
+} .bottom-sheet__titleLeft_1xzdf {
     text-align: left;
-} .bottom-sheet__trimTitle_1srn4 {
+} .bottom-sheet__trimTitle_1xzdf {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

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

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

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

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

package/bottom-sheet/modern/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/modern/hooks/use-visualviewport-size.js

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

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: x3roi */
+/* 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_5m16p {
+} .bottom-sheet__modal_1pn71 {
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_5m16p.bottom-sheet__modal_5m16p {
+} .bottom-sheet__modal_1pn71.bottom-sheet__modal_1pn71 {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_5m16p {
+} .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_5m16p {
+} .bottom-sheet__fullscreen_1pn71 {
     border-radius: 0;
-} .bottom-sheet__component_5m16p {
+} .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_5m16p {
+} .bottom-sheet__withTransition_1pn71 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_5m16p {
+} .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_5m16p {
+} .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_5m16p {
+} .bottom-sheet__defaultMarker_1pn71 {
     height: 4px;
     border-radius: var(--border-radius-xxl);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_5m16p {
+} .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_5m16p {
+} .bottom-sheet__noHeader_1pn71 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_5m16p {
+} .bottom-sheet__noFooter_1pn71 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_5m16p {
+} .bottom-sheet__scrollLocked_1pn71 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_5m16p {
+} .bottom-sheet__hiddenScrollbar_1pn71 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_5m16p::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1pn71::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_5m16p {
+    } .bottom-sheet__disabledPointerEvents_1pn71 {
     pointer-events: none;
-} .bottom-sheet__appear_5m16p .bottom-sheet__wrapper_5m16p, .bottom-sheet__enter_5m16p .bottom-sheet__wrapper_5m16p {
+} .bottom-sheet__appear_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__enter_1pn71 .bottom-sheet__wrapper_1pn71 {
         transition: none;
-    } .bottom-sheet__appearActive_5m16p .bottom-sheet__wrapper_5m16p, .bottom-sheet__enterActive_5m16p .bottom-sheet__wrapper_5m16p {
+    } .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_5m16p .bottom-sheet__wrapper_5m16p, .bottom-sheet__appearDone_5m16p .bottom-sheet__wrapper_5m16p {
+    } .bottom-sheet__enterDone_1pn71 .bottom-sheet__wrapper_1pn71, .bottom-sheet__appearDone_1pn71 .bottom-sheet__wrapper_1pn71 {
         transform: translateY(0);
-    } .bottom-sheet__exit_5m16p .bottom-sheet__wrapper_5m16p {
+    } .bottom-sheet__exit_1pn71 .bottom-sheet__wrapper_1pn71 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_5m16p .bottom-sheet__wrapper_5m16p {
+    } .bottom-sheet__exitActive_1pn71 .bottom-sheet__wrapper_1pn71 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_5m16p {
+    } .bottom-sheet__safeAreaBottom_1pn71 {
     padding-bottom: env(safe-area-inset-bottom);
-} .bottom-sheet__background-accent_5m16p {
+} .bottom-sheet__background-accent_1pn71 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_5m16p {
+        } .bottom-sheet__background-info_1pn71 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_5m16p {
+        } .bottom-sheet__background-attention-muted_1pn71 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_5m16p {
+        } .bottom-sheet__background-positive-muted_1pn71 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_5m16p {
+        } .bottom-sheet__background-negative-muted_1pn71 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_5m16p {
+        } .bottom-sheet__background-primary_1pn71 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_5m16p {
+        } .bottom-sheet__background-primary-inverted_1pn71 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_5m16p {
+        } .bottom-sheet__background-secondary_1pn71 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_5m16p {
+        } .bottom-sheet__background-secondary-inverted_1pn71 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_5m16p {
+        } .bottom-sheet__background-tertiary_1pn71 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_5m16p {
+        } .bottom-sheet__background-tertiary-inverted_1pn71 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_5m16p {
+        } .bottom-sheet__background-quaternary_1pn71 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_5m16p {
+        } .bottom-sheet__background-quaternary-inverted_1pn71 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_5m16p {
+        } .bottom-sheet__background-specialbg-component_1pn71 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_5m16p {
+        } .bottom-sheet__background-specialbg-component-inverted_1pn71 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_5m16p {
+        } .bottom-sheet__background-specialbg-primary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_5m16p {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_5m16p {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_5m16p {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1pn71 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5m16p {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pn71 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_5m16p {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5m16p {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pn71 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/index.js

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

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

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

package/bottom-sheet/types.d.ts

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

package/button/components/base-button/Component.js

@@ -14,13 +14,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"accent":"button__accent_1trdd","loader":"button__loader_1trdd","primary":"button__primary_1trdd","secondary":"button__secondary_1trdd","outlined":"button__outlined_1trdd","tertiary":"button__tertiary_1trdd","filled":"button__filled_1trdd","transparent":"button__transparent_1trdd","link":"button__link_1trdd","text":"button__text_1trdd","ghost":"button__ghost_1trdd","component":"button__component_1trdd","loading":"button__loading_1trdd"};
+var defaultColors = {"accent":"button__accent_9x3kk","loader":"button__loader_9x3kk","primary":"button__primary_9x3kk","secondary":"button__secondary_9x3kk","outlined":"button__outlined_9x3kk","tertiary":"button__tertiary_9x3kk","filled":"button__filled_9x3kk","transparent":"button__transparent_9x3kk","link":"button__link_9x3kk","text":"button__text_9x3kk","ghost":"button__ghost_9x3kk","component":"button__component_9x3kk","loading":"button__loading_9x3kk"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_384uq","hug":"button__hug_384uq","fill":"button__fill_384uq","hint":"button__hint_384uq","allowBackdropBlur":"button__allowBackdropBlur_384uq","secondary":"button__secondary_384uq","accent":"button__accent_384uq","primary":"button__primary_384uq","focused":"button__focused_384uq","loading":"button__loading_384uq","label":"button__label_384uq","addons":"button__addons_384uq","stretchText":"button__stretchText_384uq","loader":"button__loader_384uq","size-32":"button__size-32_384uq","iconOnly":"button__iconOnly_384uq","size-40":"button__size-40_384uq","size-48":"button__size-48_384uq","size-56":"button__size-56_384uq","size-64":"button__size-64_384uq","size-72":"button__size-72_384uq","withRightAddons":"button__withRightAddons_384uq","ghost":"button__ghost_384uq","text":"button__text_384uq","withLeftAddons":"button__withLeftAddons_384uq","link":"button__link_384uq","transparent":"button__transparent_384uq","block":"button__block_384uq","nowrap":"button__nowrap_384uq","rounded":"button__rounded_384uq"};
+var commonStyles = {"component":"button__component_4e59w","hug":"button__hug_4e59w","fill":"button__fill_4e59w","hint":"button__hint_4e59w","allowBackdropBlur":"button__allowBackdropBlur_4e59w","secondary":"button__secondary_4e59w","accent":"button__accent_4e59w","primary":"button__primary_4e59w","focused":"button__focused_4e59w","loading":"button__loading_4e59w","label":"button__label_4e59w","addons":"button__addons_4e59w","stretchText":"button__stretchText_4e59w","loader":"button__loader_4e59w","size-32":"button__size-32_4e59w","iconOnly":"button__iconOnly_4e59w","size-40":"button__size-40_4e59w","size-48":"button__size-48_4e59w","size-56":"button__size-56_4e59w","size-64":"button__size-64_4e59w","size-72":"button__size-72_4e59w","withRightAddons":"button__withRightAddons_4e59w","ghost":"button__ghost_4e59w","text":"button__text_4e59w","withLeftAddons":"button__withLeftAddons_4e59w","link":"button__link_4e59w","transparent":"button__transparent_4e59w","block":"button__block_4e59w","nowrap":"button__nowrap_4e59w","rounded":"button__rounded_4e59w"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_d4ruv","loader":"button__loader_d4ruv","primary":"button__primary_d4ruv","secondary":"button__secondary_d4ruv","outlined":"button__outlined_d4ruv","tertiary":"button__tertiary_d4ruv","filled":"button__filled_d4ruv","transparent":"button__transparent_d4ruv","link":"button__link_d4ruv","text":"button__text_d4ruv","ghost":"button__ghost_d4ruv","component":"button__component_d4ruv","loading":"button__loading_d4ruv"};
+var invertedColors = {"accent":"button__accent_iofn4","loader":"button__loader_iofn4","primary":"button__primary_iofn4","secondary":"button__secondary_iofn4","outlined":"button__outlined_iofn4","tertiary":"button__tertiary_iofn4","filled":"button__filled_iofn4","transparent":"button__transparent_iofn4","link":"button__link_iofn4","text":"button__text_iofn4","ghost":"button__ghost_iofn4","component":"button__component_iofn4","loading":"button__loading_iofn4"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/components/base-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 1smm4 */
+/* hash: 8igvm */
 :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-accent-primary: #ef3124;
@@ -146,142 +146,142 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_1trdd {
+} .button__accent_9x3kk {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_1trdd:hover {
+        .button__accent_9x3kk:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_1trdd:active {
+    } .button__accent_9x3kk:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_1trdd > .button__loader_1trdd {
+    } .button__accent_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-static-color);
-    } .button__primary_1trdd {
+    } .button__primary_9x3kk {
     border: 1px solid transparent;
-} .button__secondary_1trdd {
+} .button__secondary_9x3kk {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_1trdd > .button__loader_1trdd {
+} .button__secondary_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__outlined_1trdd {
+    } .button__outlined_9x3kk {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_1trdd:hover {
+        .button__outlined_9x3kk:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_1trdd:active {
+    } .button__outlined_9x3kk:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_1trdd > .button__loader_1trdd {
+    } .button__outlined_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_1trdd {
+    } .button__tertiary_9x3kk {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_1trdd:hover {
+        .button__tertiary_9x3kk:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_1trdd:active {
+    } .button__tertiary_9x3kk:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_1trdd > .button__loader_1trdd {
+    } .button__tertiary_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__filled_1trdd {
+    } .button__filled_9x3kk {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_1trdd:hover {
+        .button__filled_9x3kk:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_1trdd:active {
+    } .button__filled_9x3kk:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_1trdd > .button__loader_1trdd {
+    } .button__filled_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__transparent_1trdd {
+    } .button__transparent_9x3kk {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_1trdd:hover {
+        .button__transparent_9x3kk:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_1trdd:active {
+    } .button__transparent_9x3kk:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_1trdd > .button__loader_1trdd {
+    } .button__transparent_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__link_1trdd {
+    } .button__link_9x3kk {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_1trdd:hover {
+        .button__link_9x3kk:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_1trdd:active {
+    } .button__link_9x3kk:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_1trdd > .button__loader_1trdd {
+    } .button__link_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__text_1trdd {
+    } .button__text_9x3kk {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_1trdd:hover {
+        .button__text_9x3kk:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_1trdd > .button__loader_1trdd {
+    } .button__text_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } .button__ghost_1trdd {
+    } .button__ghost_9x3kk {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_1trdd:hover {
+        .button__ghost_9x3kk:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_1trdd > .button__loader_1trdd {
+    } .button__ghost_9x3kk > .button__loader_9x3kk {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_1trdd[disabled].button__accent_1trdd {
+    } /* Disabled */ .button__component_9x3kk[disabled].button__accent_9x3kk {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_1trdd[disabled].button__accent_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__accent_9x3kk.button__loading_9x3kk {
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_1trdd[disabled].button__secondary_1trdd {
+        } .button__component_9x3kk[disabled].button__secondary_9x3kk {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_1trdd[disabled].button__secondary_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__secondary_9x3kk.button__loading_9x3kk {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_1trdd[disabled].button__outlined_1trdd {
+        } .button__component_9x3kk[disabled].button__outlined_9x3kk {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_1trdd[disabled].button__outlined_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__outlined_9x3kk.button__loading_9x3kk {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_1trdd[disabled].button__tertiary_1trdd {
+        } .button__component_9x3kk[disabled].button__tertiary_9x3kk {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_1trdd[disabled].button__tertiary_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__tertiary_9x3kk.button__loading_9x3kk {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_1trdd[disabled].button__filled_1trdd {
+        } .button__component_9x3kk[disabled].button__filled_9x3kk {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_1trdd[disabled].button__filled_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__filled_9x3kk.button__loading_9x3kk {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_1trdd[disabled].button__transparent_1trdd {
+        } .button__component_9x3kk[disabled].button__transparent_9x3kk {
         background-color: transparent
-    } .button__component_1trdd[disabled].button__transparent_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__transparent_9x3kk.button__loading_9x3kk {
             color: var(--button-transparent-base-color);
-        } .button__component_1trdd[disabled].button__link_1trdd {
+        } .button__component_9x3kk[disabled].button__link_9x3kk {
         background-color: transparent
-    } .button__component_1trdd[disabled].button__link_1trdd.button__loading_1trdd {
+    } .button__component_9x3kk[disabled].button__link_9x3kk.button__loading_9x3kk {
             color: var(--button-link-base-color);
-        } .button__component_1trdd[disabled].button__text_1trdd.button__loading_1trdd {
+        } .button__component_9x3kk[disabled].button__text_9x3kk.button__loading_9x3kk {
             color: var(--button-text-base-color);
-        } .button__component_1trdd[disabled].button__ghost_1trdd.button__loading_1trdd {
+        } .button__component_9x3kk[disabled].button__ghost_9x3kk.button__loading_9x3kk {
             color: var(--button-ghost-base-color);
         }