@alfalab/core-components 45.9.0 → 45.10.0

package/international-phone-input/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps, PortalProps } from "./index-ebda875c";
 type BaseModalProps = {
@@ -13,7 +13,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -134,6 +134,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -157,7 +161,10 @@ 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, shouldIOSLock?: boolean) => void;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -179,5 +186,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
 export type { SavedStyle };

package/international-phone-input/modern/{Component-57569e57.d.ts → Component-1fe708ea.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-57569e57";
+import { OptgroupProps } from "./typings-1fe708ea";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/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/international-phone-input/modern/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/{cssm/ResponsiveContext-88b743b5.d.ts → modern/ResponsiveContext-d6bfd5b7.d.ts}

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

package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/modern/components/base-international-phone-input/Component.js

@@ -15,7 +15,7 @@ import '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_1ojnt","addons":"international-phone-input__addons_1ojnt"};
+const styles = {"component":"international-phone-input__component_123jv","addons":"international-phone-input__addons_123jv"};
 require('./index.css');
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, ...restProps }, ref) => {

package/international-phone-input/modern/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: n73ko */
+/* hash: 1q5zy */
 
-    .international-phone-input__component_1ojnt .international-phone-input__addons_1ojnt {
+    .international-phone-input__component_123jv .international-phone-input__addons_123jv {
         padding-left: 0;
     }

package/international-phone-input/modern/components/country-select/Component.js

@@ -9,7 +9,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_mzgzx","option":"international-phone-input__option_mzgzx","flag":"international-phone-input__flag_mzgzx","countryName":"international-phone-input__countryName_mzgzx","dialCode":"international-phone-input__dialCode_mzgzx","flagIconWrapper":"international-phone-input__flagIconWrapper_mzgzx","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mzgzx"};
+const styles = {"component":"international-phone-input__component_i5hyq","option":"international-phone-input__option_i5hyq","flag":"international-phone-input__flag_i5hyq","countryName":"international-phone-input__countryName_i5hyq","dialCode":"international-phone-input__dialCode_i5hyq","flagIconWrapper":"international-phone-input__flagIconWrapper_i5hyq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_i5hyq"};
 require('./index.css');
 
 const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, ...restProps }) => {

package/international-phone-input/modern/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1c842 */
+/* hash: 1hfhm */
 :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-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_mzgzx {
+} .international-phone-input__component_i5hyq {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_mzgzx {
+} .international-phone-input__option_i5hyq {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_mzgzx {
+} .international-phone-input__flag_i5hyq {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_mzgzx {
+} .international-phone-input__countryName_i5hyq {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_mzgzx {
+} .international-phone-input__dialCode_i5hyq {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_mzgzx {
+} .international-phone-input__flagIconWrapper_i5hyq {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_mzgzx {
+} .international-phone-input__emptyCountryIcon_i5hyq {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-phone-input/modern/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-const styles = {"flagIcon":"international-phone-input__flagIcon_1r0xb","flagPlaceholder":"international-phone-input__flagPlaceholder_1r0xb"};
+const styles = {"flagIcon":"international-phone-input__flagIcon_jetyi","flagPlaceholder":"international-phone-input__flagPlaceholder_jetyi"};
 require('./index.css');
 
 /**

package/international-phone-input/modern/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pdxv */
+/* hash: 1e508 */
 :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-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1r0xb {
+} .international-phone-input__flagIcon_jetyi {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1r0xb {
+} .international-phone-input__flagPlaceholder_jetyi {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-phone-input/modern/components/select-field/component.js

@@ -6,7 +6,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_6lqrs","flagIconContainer":"international-phone-input__flagIconContainer_6lqrs","emptyCountryIcon":"international-phone-input__emptyCountryIcon_6lqrs","disabled":"international-phone-input__disabled_6lqrs","inner":"international-phone-input__inner_6lqrs","size-64":"international-phone-input__size-64_6lqrs","size-72":"international-phone-input__size-72_6lqrs","focusVisible":"international-phone-input__focusVisible_6lqrs"};
+const styles = {"component":"international-phone-input__component_oh9tz","flagIconContainer":"international-phone-input__flagIconContainer_oh9tz","emptyCountryIcon":"international-phone-input__emptyCountryIcon_oh9tz","disabled":"international-phone-input__disabled_oh9tz","inner":"international-phone-input__inner_oh9tz","size-64":"international-phone-input__size-64_oh9tz","size-72":"international-phone-input__size-72_oh9tz","focusVisible":"international-phone-input__focusVisible_oh9tz"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/international-phone-input/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1le9m */
+/* hash: 3cbzq */
 :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-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_6lqrs {
+} .international-phone-input__component_oh9tz {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_6lqrs {
+} .international-phone-input__flagIconContainer_oh9tz {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_6lqrs {
+} .international-phone-input__emptyCountryIcon_oh9tz {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_6lqrs {
+} .international-phone-input__disabled_oh9tz {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_6lqrs {
+} .international-phone-input__inner_oh9tz {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__size-64_6lqrs .international-phone-input__inner_6lqrs,
-.international-phone-input__size-72_6lqrs .international-phone-input__inner_6lqrs {
+} .international-phone-input__size-64_oh9tz .international-phone-input__inner_oh9tz,
+.international-phone-input__size-72_oh9tz .international-phone-input__inner_oh9tz {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_6lqrs {
+} .international-phone-input__focusVisible_oh9tz {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/modern/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps, PortalProps } from "./index-ebda875c";
 type BaseModalProps = {
@@ -13,7 +13,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -134,6 +134,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -157,7 +161,10 @@ 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, shouldIOSLock?: boolean) => void;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -179,5 +186,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
 export type { SavedStyle };

package/international-phone-input/modern/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-57569e57";
+import { OptionShape } from "./typings-1fe708ea";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/modern/{typings-57569e57.d.ts → typings-1fe708ea.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, FocusEvent, MouseEvent, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
@@ -11,8 +11,8 @@ import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
-import { ContentProps } from "./typings-88b743b5";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ContentProps } from "./typings-d6bfd5b7";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { InputProps } from "../../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -66,7 +66,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -172,6 +172,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
+type NavigationBarProps = NavigationBarPrivateProps;
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
@@ -464,7 +465,7 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -516,12 +517,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>;
 };
@@ -652,7 +654,7 @@ type FooterProps$0 = {
     dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
-type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
+type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
 };
@@ -1129,11 +1131,11 @@ type BaseSelectProps = {
     /**
      * Компонент стрелки
      */
-    Arrow?: FC<ArrowProps> | null | false;
+    Arrow?: ComponentType<ArrowProps> | null | false;
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: ComponentType<FieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -1149,15 +1151,15 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */
-    Optgroup?: FC<OptgroupProps>;
+    Optgroup?: ComponentType<OptgroupProps>;
     /**
      * Компонент пункта меню
      */
-    Option?: FC<OptionProps>;
+    Option?: ComponentType<OptionProps>;
     /**
      * Включает отображение поиска
      */
@@ -1165,7 +1167,7 @@ type BaseSelectProps = {
     /**
      * Компонент поиска
      */
-    Search?: FC<SearchProps>;
+    Search?: ComponentType<SearchProps>;
     /**
      * Настройки поиска
      */
@@ -1327,7 +1329,7 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: FC<OptionProps>;
+    Option: ComponentType<OptionProps>;
     /**
      * Функция для получения пропсов для ячейки
      */
@@ -1604,8 +1606,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 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 type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./use-skeleton-1328ead9";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/international-phone-input/{esm/typings-88b743b5.d.ts → modern/typings-d6bfd5b7.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/international-phone-input/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-57569e57";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../input/mobile";
 import { InputAutocompleteProps } from "../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
-import { OptionShape } from "./typings-57569e57";
+import { OptionShape } from "./typings-1fe708ea";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;