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

package/gallery/modern/components/index.js

@@ -21,10 +21,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-8fac1571.js';
+import '../slide-52809b99.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-1c387519.js';
+import '../buttons-7a4ddbee.js';

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-8fac1571.js';
+import '../../slide-52809b99.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-8fac1571.js';
+import '../../slide-52809b99.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-8fac1571.js';
+import './slide-52809b99.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-1c387519.js';
+import './buttons-7a4ddbee.js';

package/international-phone-input/cssm/typings-9d430401.d.ts

@@ -450,6 +450,10 @@ type BottomSheetProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS
      */
     iOSLock?: boolean;
+    /**
+     * Учитывать высоту виртуальной клавиатуры
+     */
+    virtualKeyboard?: boolean;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -688,6 +692,8 @@ type ShouldSkipSwipingParams = {
     event: HandledEvents;
     dir: SwipeDirections;
 };
+type VisualViewportSize = Pick<VisualViewport, "height" | "offsetTop">;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -816,6 +822,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -854,6 +864,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
@@ -1660,7 +1671,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";

package/international-phone-input/esm/typings-9d430401.d.ts

@@ -450,6 +450,10 @@ type BottomSheetProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS
      */
     iOSLock?: boolean;
+    /**
+     * Учитывать высоту виртуальной клавиатуры
+     */
+    virtualKeyboard?: boolean;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -688,6 +692,8 @@ type ShouldSkipSwipingParams = {
     event: HandledEvents;
     dir: SwipeDirections;
 };
+type VisualViewportSize = Pick<VisualViewport, "height" | "offsetTop">;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -816,6 +822,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -854,6 +864,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
@@ -1660,7 +1671,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";

package/international-phone-input/modern/typings-9d430401.d.ts

@@ -450,6 +450,10 @@ type BottomSheetProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS
      */
     iOSLock?: boolean;
+    /**
+     * Учитывать высоту виртуальной клавиатуры
+     */
+    virtualKeyboard?: boolean;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -688,6 +692,8 @@ type ShouldSkipSwipingParams = {
     event: HandledEvents;
     dir: SwipeDirections;
 };
+type VisualViewportSize = Pick<VisualViewport, "height" | "offsetTop">;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -816,6 +822,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -854,6 +864,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
@@ -1660,7 +1671,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";

package/international-phone-input/typings-9d430401.d.ts

@@ -450,6 +450,10 @@ type BottomSheetProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS
      */
     iOSLock?: boolean;
+    /**
+     * Учитывать высоту виртуальной клавиатуры
+     */
+    virtualKeyboard?: boolean;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
@@ -688,6 +692,8 @@ type ShouldSkipSwipingParams = {
     event: HandledEvents;
     dir: SwipeDirections;
 };
+type VisualViewportSize = Pick<VisualViewport, "height" | "offsetTop">;
+declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -816,6 +822,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -854,6 +864,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
@@ -1660,7 +1671,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-d3c8a7ae.js');
+var layout_module = require('../../layout.module-ffd15064.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-d3c8a7ae.js');
+var layout_module = require('../../layout.module-ffd15064.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-f16fb568.js';
+import './layout.module-32e142e5.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-f16fb568.js';
+import { l as layoutStyles } from '../../layout.module-32e142e5.js';
 
 var styles = {"component":"modal__component_146ja"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-f16fb568.js';
+import '../../layout.module-32e142e5.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-f16fb568.js';
+import { l as layoutStyles } from '../../layout.module-32e142e5.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_1f9i0","sticky":"modal__sticky_1f9i0","fullscreen":"modal__fullscreen_1f9i0","size-500":"modal__size-500_1f9i0","size-600":"modal__size-600_1f9i0","size-800":"modal__size-800_1f9i0","size-1140":"modal__size-1140_1f9i0"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-f16fb568.js';
+import '../layout.module-32e142e5.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-f16fb568.js';
+import '../layout.module-32e142e5.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-f16fb568.js';
+import './layout.module-32e142e5.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-f16fb568.js';
+import '../layout.module-32e142e5.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-f16fb568.js';
+import '../layout.module-32e142e5.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-b59dbcd8.js';
+import './layout.module-28cafdef.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-b59dbcd8.js';
+import { l as layoutStyles } from '../../layout.module-28cafdef.js';
 
 const styles = {"component":"modal__component_146ja"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-b59dbcd8.js';
+import '../../layout.module-28cafdef.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-b59dbcd8.js';
+import { l as layoutStyles } from '../../layout.module-28cafdef.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_1f9i0","sticky":"modal__sticky_1f9i0","fullscreen":"modal__fullscreen_1f9i0","size-500":"modal__size-500_1f9i0","size-600":"modal__size-600_1f9i0","size-800":"modal__size-800_1f9i0","size-1140":"modal__size-1140_1f9i0"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-b59dbcd8.js';
+import '../layout.module-28cafdef.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-b59dbcd8.js';
+import '../layout.module-28cafdef.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-b59dbcd8.js';
+import './layout.module-28cafdef.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-b59dbcd8.js';
+import '../layout.module-28cafdef.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-b59dbcd8.js';
+import '../layout.module-28cafdef.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/mq/Component.d.ts

@@ -8,6 +8,10 @@ type MqProps = {
      * Запрос на поддержку тач-событий
      */
     touch?: boolean;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Дочерние элементы.
      */

package/mq/Component.js

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var IS_BROWSER = typeof window !== 'undefined';
 var SUPPORTS_TOUCH = IS_BROWSER && (utils.isPointerEventsSupported() || utils.isTouchSupported());
 var Mq = function (_a) {
-    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, onMatchChange = _a.onMatchChange;
-    var queryMatches = useMatchMedia.useMatchMedia(query)[0];
+    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, defaultMatchMediaValue = _a.defaultMatchMediaValue, onMatchChange = _a.onMatchChange;
+    var queryMatches = useMatchMedia.useMatchMedia(query, defaultMatchMediaValue)[0];
     var touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
     var matches = touchPass && (!query || queryMatches);
     React.useEffect(function () {

package/mq/cssm/Component.d.ts

@@ -8,6 +8,10 @@ type MqProps = {
      * Запрос на поддержку тач-событий
      */
     touch?: boolean;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Дочерние элементы.
      */

package/mq/cssm/Component.js

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var IS_BROWSER = typeof window !== 'undefined';
 var SUPPORTS_TOUCH = IS_BROWSER && (utils.isPointerEventsSupported() || utils.isTouchSupported());
 var Mq = function (_a) {
-    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, onMatchChange = _a.onMatchChange;
-    var queryMatches = useMatchMedia.useMatchMedia(query)[0];
+    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, defaultMatchMediaValue = _a.defaultMatchMediaValue, onMatchChange = _a.onMatchChange;
+    var queryMatches = useMatchMedia.useMatchMedia(query, defaultMatchMediaValue)[0];
     var touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
     var matches = touchPass && (!query || queryMatches);
     React.useEffect(function () {

package/mq/esm/Component.d.ts

@@ -8,6 +8,10 @@ type MqProps = {
      * Запрос на поддержку тач-событий
      */
     touch?: boolean;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Дочерние элементы.
      */

package/mq/esm/Component.js

@@ -6,8 +6,8 @@ import '@alfalab/hooks';
 var IS_BROWSER = typeof window !== 'undefined';
 var SUPPORTS_TOUCH = IS_BROWSER && (isPointerEventsSupported() || isTouchSupported());
 var Mq = function (_a) {
-    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, onMatchChange = _a.onMatchChange;
-    var queryMatches = useMatchMedia(query)[0];
+    var children = _a.children, _b = _a.query, query = _b === void 0 ? '' : _b, touch = _a.touch, defaultMatchMediaValue = _a.defaultMatchMediaValue, onMatchChange = _a.onMatchChange;
+    var queryMatches = useMatchMedia(query, defaultMatchMediaValue)[0];
     var touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
     var matches = touchPass && (!query || queryMatches);
     useEffect(function () {

package/mq/modern/Component.d.ts

@@ -8,6 +8,10 @@ type MqProps = {
      * Запрос на поддержку тач-событий
      */
     touch?: boolean;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Дочерние элементы.
      */

package/mq/modern/Component.js

@@ -5,8 +5,8 @@ import '@alfalab/hooks';
 
 const IS_BROWSER = typeof window !== 'undefined';
 const SUPPORTS_TOUCH = IS_BROWSER && (isPointerEventsSupported() || isTouchSupported());
-const Mq = ({ children, query = '', touch, onMatchChange }) => {
-    const [queryMatches] = useMatchMedia(query);
+const Mq = ({ children, query = '', touch, defaultMatchMediaValue, onMatchChange, }) => {
+    const [queryMatches] = useMatchMedia(query, defaultMatchMediaValue);
     const touchPass = touch === undefined ? true : touch === SUPPORTS_TOUCH;
     const matches = touchPass && (!query || queryMatches);
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "47.3.0-beta.1",
+  "version": "47.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pass-code/Component.d.ts

@@ -43,6 +43,10 @@ type BasePassCodeProps = {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Стили компонента
      */

package/pass-code/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PassCode = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_PassCodeDesktop.PassCodeDesktop : mobile_PassCodeMobile.PassCodeMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });

package/pass-code/cssm/Component.d.ts

@@ -43,6 +43,10 @@ type BasePassCodeProps = {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Стили компонента
      */

package/pass-code/cssm/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PassCode = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_PassCodeDesktop.PassCodeDesktop : mobile_PassCodeMobile.PassCodeMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });

package/pass-code/esm/Component.d.ts

@@ -43,6 +43,10 @@ type BasePassCodeProps = {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
     /**
      * Стили компонента
      */