@alfalab/core-components 42.0.0-beta.2 → 42.0.0

package/intl-phone-input/components/select-field/component.js

@@ -16,7 +16,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_1idjn","flagIconContainer":"intl-phone-input__flagIconContainer_1idjn","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1idjn","disabled":"intl-phone-input__disabled_1idjn","inner":"intl-phone-input__inner_1idjn","l":"intl-phone-input__l_1idjn","xl":"intl-phone-input__xl_1idjn","focusVisible":"intl-phone-input__focusVisible_1idjn"};
+var styles = {"component":"intl-phone-input__component_ib0rl","flagIconContainer":"intl-phone-input__flagIconContainer_ib0rl","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_ib0rl","disabled":"intl-phone-input__disabled_ib0rl","inner":"intl-phone-input__inner_ib0rl","l":"intl-phone-input__l_ib0rl","xl":"intl-phone-input__xl_ib0rl","focusVisible":"intl-phone-input__focusVisible_ib0rl"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/intl-phone-input/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8pxjv */
+/* hash: 14rsw */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1idjn {
+} .intl-phone-input__component_ib0rl {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1idjn {
+} .intl-phone-input__flagIconContainer_ib0rl {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_1idjn {
+} .intl-phone-input__emptyCountryIcon_ib0rl {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_1idjn {
+} .intl-phone-input__disabled_ib0rl {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1idjn {
+} .intl-phone-input__inner_ib0rl {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_1idjn .intl-phone-input__inner_1idjn,
-.intl-phone-input__xl_1idjn .intl-phone-input__inner_1idjn {
+} .intl-phone-input__l_ib0rl .intl-phone-input__inner_ib0rl,
+.intl-phone-input__xl_ib0rl .intl-phone-input__inner_ib0rl {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_1idjn {
+} .intl-phone-input__focusVisible_ib0rl {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/intl-phone-input/cssm/Component-4cd3936b.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import React from 'react';
 import { FieldProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop-ed17077e";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export * from "./Component.desktop-d873d97d";
 export { AutocompleteFieldProps, AutocompleteField };

package/intl-phone-input/cssm/Component-5e1b8383.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import React from "react";
 import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
-import React from 'react';
 import { HeaderProps } from "./Component-ebda875c";
 type FooterProps = {
     handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
     showClear?: boolean;
     selectedDraft?: OptionShape[];
 };
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
 declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
     showClear?: boolean | undefined;
     onClose?: (() => void) | undefined;

package/intl-phone-input/cssm/Component-89a3cf4c.d.ts

@@ -1,8 +1,37 @@
 /// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
+import React from "react";
+import { FC, ReactNode } from "react";
+import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
 import { BottomSheetProps } from "./index-f12ee135";
 import { BaseSelectProps } from "./typings-5e1b8383";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
+declare const Content: FC<ContentProps>;
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер
@@ -61,12 +90,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
+    modalFooterProps?: Partial<FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-e81c389f";
+export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
 export { ModalMobileProps } from "./typings-bdb4c6b9";
-export { SelectMobileProps, BaseSelectMobile };

package/intl-phone-input/cssm/Component-8b2c2707.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
 import { ButtonProps } from "./index-8b2c2707";
 type IconButtonProps = {
     /**
@@ -8,7 +8,7 @@ type IconButtonProps = {
      */
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     /**
      * Тип кнопки
      */
@@ -41,7 +41,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      */
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     /**
      * Тип кнопки
      */
@@ -58,7 +58,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Выравнивание иконки
      * @default 'center'
      */
-    alignIcon?: "right" | "left" | "center" | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/intl-phone-input/cssm/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/intl-phone-input/cssm/component-89a3cf4c.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
 import { BottomSheetProps } from "./types-425c8522";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/intl-phone-input/cssm/component.js

@@ -274,7 +274,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             handleInputNewChar(event, caretPosition);
         }
     };
-    var handleClear = function () {
+    var handleClear = function (event) {
+        var _a;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         if (clearableCountryCode) {
             onChange('+');
             if (canBeEmptyCountry) {
@@ -287,13 +289,14 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         }
     };
     var handlePaste = function (event) {
-        var _a;
+        var _a, _b;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onPaste) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         event.preventDefault();
-        var text = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
+        var text = (_b = event.clipboardData) === null || _b === void 0 ? void 0 : _b.getData('Text');
         if (!text || !inputRef.current) {
             return;
         }
-        var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
+        var _c = inputRef.current, selectionStart = _c.selectionStart, selectionEnd = _c.selectionEnd;
         var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
         var targetCountry = getCountryByNumber(preparedNumber);
         var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
@@ -343,7 +346,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default.default.createElement(desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref, inputProps: tslib.__assign(tslib.__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default.default(className, styles__default.default[size]), addonsClassName: styles__default.default.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: styles__default.default.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default.default.createElement(desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref, inputProps: tslib.__assign(tslib.__assign({ clear: clear && !isEmptyValue }, inputProps), { onClear: handleClear, ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default.default(className, styles__default.default[size]), addonsClassName: styles__default.default.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: styles__default.default.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 
 exports.IntlPhoneInput = IntlPhoneInput;

package/intl-phone-input/cssm/components/select/component.js

@@ -39,7 +39,7 @@ var CountriesSelect = function (_a) {
         });
     }, [countries]);
     var renderOptionsList = React.useCallback(function (props) { return (React__default.default.createElement("div", { style: { width: fieldWidth || 0 } },
-        React__default.default.createElement(shared.VirtualOptionsList, tslib.__assign({}, props)))); }, [fieldWidth]);
+        React__default.default.createElement(shared.VirtualOptionsList, tslib.__assign({}, props, { optionsListWidth: 'field' })))); }, [fieldWidth]);
     return (React__default.default.createElement("div", { className: styles__default.default.component, onClick: function (event) { return event.stopPropagation(); } },
         React__default.default.createElement(desktop.SelectDesktop, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
 };

package/intl-phone-input/cssm/hook-c44170fe.d.ts

@@ -28,7 +28,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: OptionProps) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/intl-phone-input/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-89a3cf4c";
 export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/intl-phone-input/cssm/shared-4cd3936b.d.ts

@@ -45,7 +45,7 @@ type useSelectWithLoadingProps = {
     Option?: React.FC<OptionProps>;
 };
 declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
-    Option: (props: OptionProps) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 type FooterProps = {
@@ -53,7 +53,7 @@ type FooterProps = {
     handleApply?: () => void;
     showClear?: boolean;
 };
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
+declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, useSelectWithLoading, FooterProps, Footer };
 export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";

package/intl-phone-input/cssm/types-425c8522.d.ts

@@ -105,6 +105,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -207,6 +215,26 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
     /**
      * Обработчик закрытия
      */
@@ -216,8 +244,16 @@ type BottomSheetProps = {
      */
     onBack?: () => void;
     /**
-     * Вызывается после притягивания к одной из `magneticAreas`
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/intl-phone-input/cssm/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/intl-phone-input/esm/Component-4cd3936b.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import React from 'react';
 import { FieldProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop-ed17077e";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export * from "./Component.desktop-d873d97d";
 export { AutocompleteFieldProps, AutocompleteField };

package/intl-phone-input/esm/Component-5e1b8383.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import React from "react";
 import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
-import React from 'react';
 import { HeaderProps } from "./Component-ebda875c";
 type FooterProps = {
     handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
     showClear?: boolean;
     selectedDraft?: OptionShape[];
 };
-declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
 declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
     showClear?: boolean | undefined;
     onClose?: (() => void) | undefined;

package/intl-phone-input/esm/Component-89a3cf4c.d.ts

@@ -1,8 +1,37 @@
 /// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
+import React from "react";
+import { FC, ReactNode } from "react";
+import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
 import { BottomSheetProps } from "./index-f12ee135";
 import { BaseSelectProps } from "./typings-5e1b8383";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
+declare const Content: FC<ContentProps>;
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер
@@ -61,12 +90,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
+    modalFooterProps?: Partial<FooterProps> | undefined;
 } & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-e81c389f";
+export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
 export { ModalMobileProps } from "./typings-bdb4c6b9";
-export { SelectMobileProps, BaseSelectMobile };

package/intl-phone-input/esm/Component-8b2c2707.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
 import { ButtonProps } from "./index-8b2c2707";
 type IconButtonProps = {
     /**
@@ -8,7 +8,7 @@ type IconButtonProps = {
      */
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     /**
      * Тип кнопки
      */
@@ -41,7 +41,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      */
     icon: ElementType<{
         className?: string;
-    }>;
+    }> | ReactElement;
     /**
      * Тип кнопки
      */
@@ -58,7 +58,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Выравнивание иконки
      * @default 'center'
      */
-    alignIcon?: "right" | "left" | "center" | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/intl-phone-input/esm/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/intl-phone-input/esm/component-89a3cf4c.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
 import { BottomSheetProps } from "./types-425c8522";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/intl-phone-input/esm/component.js

@@ -17,7 +17,7 @@ import '../../select/esm/shared';
 import './components/select-field/component.js';
 import './components/flag-icon/flagSprite.js';
 
-var styles = {"addons":"intl-phone-input__addons_196o2","l":"intl-phone-input__l_196o2","xl":"intl-phone-input__xl_196o2","flagIconWrapper":"intl-phone-input__flagIconWrapper_196o2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_196o2"};
+var styles = {"addons":"intl-phone-input__addons_1fvgm","l":"intl-phone-input__l_1fvgm","xl":"intl-phone-input__xl_1fvgm","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvgm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvgm"};
 require('./index.css');
 
 var countriesHash = getCountriesHash();
@@ -246,7 +246,9 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
             handleInputNewChar(event, caretPosition);
         }
     };
-    var handleClear = function () {
+    var handleClear = function (event) {
+        var _a;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         if (clearableCountryCode) {
             onChange('+');
             if (canBeEmptyCountry) {
@@ -259,13 +261,14 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         }
     };
     var handlePaste = function (event) {
-        var _a;
+        var _a, _b;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onPaste) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         event.preventDefault();
-        var text = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
+        var text = (_b = event.clipboardData) === null || _b === void 0 ? void 0 : _b.getData('Text');
         if (!text || !inputRef.current) {
             return;
         }
-        var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
+        var _c = inputRef.current, selectionStart = _c.selectionStart, selectionEnd = _c.selectionEnd;
         var preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
         var targetCountry = getCountryByNumber(preparedNumber);
         var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
@@ -315,7 +318,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React.createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React.createElement(FlagIcon, { country: countryIso2 })) : (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({ clear: clear && !isEmptyValue }, inputProps), { onClear: handleClear, ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React.createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React.createElement(FlagIcon, { country: countryIso2 })) : (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 
 export { IntlPhoneInput };

package/intl-phone-input/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_1rscl","flagPlaceholder":"intl-phone-input__flagPlaceholder_1rscl"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_inglq","flagPlaceholder":"intl-phone-input__flagPlaceholder_inglq"};
 require('./index.css');
 
 /**

package/intl-phone-input/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xslc */
+/* hash: 1x8hu */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
-} .intl-phone-input__flagIcon_1rscl {
+} .intl-phone-input__flagIcon_inglq {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1rscl {
+} .intl-phone-input__flagPlaceholder_inglq {
     width: 24px;
     height: 16px;
     max-height: 16px;