@alfalab/core-components 45.8.0-beta.3 → 45.8.0-beta.4

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-41e8947b.js';
+import './layout.module-60771d9c.js';
 import '../../navigation-bar/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-41e8947b.js';
+import { l as layoutStyles } from '../../layout.module-60771d9c.js';
 
 const styles = {"component":"modal__component_1kic4"};
 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-41e8947b.js';
+import '../../layout.module-60771d9c.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-41e8947b.js';
+import { l as layoutStyles } from '../../layout.module-60771d9c.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_i3yo5","sticky":"modal__sticky_i3yo5","fullscreen":"modal__fullscreen_i3yo5","size-500":"modal__size-500_i3yo5","size-600":"modal__size-600_i3yo5","size-800":"modal__size-800_i3yo5","size-1140":"modal__size-1140_i3yo5"};

package/modal/modern/desktop/Component.desktop.d.ts

@@ -7,6 +7,7 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../../bas
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../typings").ContentProps>;
     Header: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;

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-41e8947b.js';
+import '../layout.module-60771d9c.js';
 import '../../../navigation-bar/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-41e8947b.js';
+import '../layout.module-60771d9c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/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-41e8947b.js';
+import './layout.module-60771d9c.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/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-41e8947b.js';
+import '../layout.module-60771d9c.js';
 import '../../../navigation-bar/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-41e8947b.js';
+import '../layout.module-60771d9c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/modal/modern/typings.d.ts

@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
 type ModalResponsiveProps = ModalDesktopProps & {

package/modal/typings.d.ts

@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
 type ModalResponsiveProps = ModalDesktopProps & {

package/package.json

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

package/picker-button/Component-bdb4c6b9.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/picker-button/ResponsiveContext-d6bfd5b7.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/cssm/Component-bdb4c6b9.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/picker-button/cssm/ResponsiveContext-d6bfd5b7.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/cssm/{index-307da6d7.d.ts → index-a5b021bd.d.ts}

@@ -62,6 +62,5 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/cssm/index-bdb4c6b9.d.ts

@@ -146,6 +146,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -169,7 +173,7 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, isIOS?: boolean) => void;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -195,6 +199,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -219,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/cssm/typings-57569e57.d.ts

@@ -10,7 +10,7 @@ import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -332,12 +332,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -1050,8 +1051,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, 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 };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/picker-button/cssm/typings-d6bfd5b7.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BaseModalProps } from "./index-bdb4c6b9";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
+type ModalResponsiveProps = ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps['size']>;
+    dataTestId?: string;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/picker-button/cssm/use-skeleton-1328ead9.d.ts

@@ -19,10 +19,6 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
-    /**
-     * Включает размытие фона
-     */
-    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/picker-button/esm/Component-bdb4c6b9.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/picker-button/esm/ResponsiveContext-d6bfd5b7.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/esm/{index-307da6d7.d.ts → index-a5b021bd.d.ts}

@@ -62,6 +62,5 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/esm/index-bdb4c6b9.d.ts

@@ -146,6 +146,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -169,7 +173,7 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, isIOS?: boolean) => void;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -195,6 +199,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -219,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/esm/typings-57569e57.d.ts

@@ -10,7 +10,7 @@ import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -332,12 +332,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -1050,8 +1051,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, 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 };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/picker-button/esm/typings-d6bfd5b7.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BaseModalProps } from "./index-bdb4c6b9";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
+type ModalResponsiveProps = ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps['size']>;
+    dataTestId?: string;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/picker-button/esm/use-skeleton-1328ead9.d.ts

@@ -19,10 +19,6 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
-    /**
-     * Включает размытие фона
-     */
-    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/picker-button/{index-307da6d7.d.ts → index-a5b021bd.d.ts}

@@ -62,6 +62,5 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/index-bdb4c6b9.d.ts

@@ -146,6 +146,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -169,7 +173,7 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, isIOS?: boolean) => void;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -195,6 +199,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -219,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/modern/Component-bdb4c6b9.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/picker-button/modern/ResponsiveContext-d6bfd5b7.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/modern/{index-307da6d7.d.ts → index-a5b021bd.d.ts}

@@ -62,6 +62,5 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/modern/index-bdb4c6b9.d.ts

@@ -146,6 +146,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -169,7 +173,7 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, isIOS?: boolean) => void;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -195,6 +199,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -219,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };