@alfalab/core-components 48.11.0 → 48.12.0-beta.0

package/international-phone-input/modern/typings-d515b24c.d.ts

@@ -1,462 +1,19 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, 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-11f20b2e";
+import { FC, ReactNode, CSSProperties, MutableRefObject, RefObject, AriaAttributes, ComponentType, FocusEvent, MouseEvent, ReactElement, RefAttributes, SVGProps } from "react";
+import { BottomSheetProps } from "./types-464d40a4";
+import { BottomSheetProps as BottomSheetProps$0 } from "./types-464d40a4";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { ContentProps } from "./typings-4b7234ef";
 import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
+import { NavigationBarPrivateProps } from "./index-235f6347";
+import { BaseModalContext } from "./index-11f20b2e";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
-import { Color } from "./colors-facf1d2a";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-03d088c4";
-import { TitleMobile, TitleMobileProps } from "./index-281accb7";
+import { HandledEvents } from "react-swipeable/es/types";
 import { InputProps } from "../../input";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string | null;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-type NavigationBarPrivateProps = {
-    /**
-     * Контент шапки
-     */
-    children?: ReactNode;
-    /**
-     * Заголовок шапки
-     */
-    title?: ReactNode;
-    /**
-     * Подзаголовок (доступен только в мобильной версии)
-     */
-    subtitle?: ReactNode;
-    /**
-     * Размер заголовка (compact доступен только в мобильной версии)
-     */
-    titleSize?: "default" | "compact";
-    /**
-     * Доп. класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Дополнительный класс для closer
-     */
-    closerClassName?: string;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие кнопки "Назад"
-     */
-    hasBackButton?: boolean;
-    /**
-     * Дополнительный класс для правого аддона
-     */
-    backButtonClassName?: string;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: Omit<BackArrowAddonProps, "view" | "textOpacity" | "onClick">;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для нижнего аддона
-     */
-    bottomAddonsClassName?: string;
-    /**
-     * Выравнивание заголовка
-     */
-    align?: "left" | "center";
-    /**
-     * Обрезать ли заголовок
-     */
-    trim?: boolean;
-    /**
-     * Фиксирует шапку
-     */
-    sticky?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Фоновое изображение
-     */
-    imageUrl?: string;
-    /**
-     * Иконка closer.
-     */
-    closerIcon?: React.ElementType;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: CloserProps["onClose"];
-    /**
-     * обработчик клика по кнопке "назад"
-     */
-    onBack?: () => void;
-    /**
-     * Вид шапки - мобильный или десктоп
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Ссылка на родительскую ноду overflow: auto
-     */
-    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 = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps["titleSize"];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps["subtitle"];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps["container"];
-    /**
-     * Рендерить ли в контейнер через портал.
-     */
-    usePortal?: BaseModalProps["usePortal"];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Цвет фона
-     */
-    backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * Дополнительный класс для маркера
-     */
-    swipeableMarkerClassName?: string;
-    /**
-     * Кастомный маркер
-     */
-    swipeableMarker?: ReactElement;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для заголовка используется модификатор -header
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Будет ли свайпаться контент
-     */
-    swipeableContent?: boolean;
-    /**
-     * Порог свайпа
-     */
-    swipeThreshold?: number;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Дополнительные пропсы для кнопки "Назад"
-     */
-    backButtonProps?: NavigationBarProps["backButtonProps"];
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: "default" | "full";
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     */
-    disableFocusLock?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps["backdropProps"];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Реф для управления компонентом.
-     */
-    bottomSheetInstanceRef?: RefObject<{
-        scrollToArea: (idx: number) => void;
-    }>;
-    /**
-     * Реф на контейнер, в котором находится шторка
-     */
-    sheetContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Магнитные области видимой высоты шторки.
-     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
-     * По-умолчанию -[0, window.innerHeight - '24px']
-     * массив должен состоять минимум из 2 элементов
-     */
-    magneticAreas?: Array<number | string>;
-    /**
-     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
-     */
-    initialActiveAreaIndex?: number;
-    /**
-     * Отключает скролл контентной области.
-     */
-    scrollLocked?: boolean;
-    /**
-     * Скрыть скроллбар внутри шторки
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Верхний отступ шторки, если она открыта на максимальную высоту
-     */
-    headerOffset?: number;
-    /**
-     * Содержимое bottom-sheet всегда в DOM
-     */
-    keepMounted?: boolean;
-    /**
-     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `onClose` при нажатии Escape
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-    /**
-     * Вызывается после окончания анимации притягивания
-     */
-    onMagnetizeEnd?: (index: number) => void;
-    /**
-     * Вызывается при изменении положения шторки
-     */
-    onOffsetChange?: (offset: number, percent: number) => void;
-    /**
-     * Вызывается в начале свайпа
-     */
-    onSwipeStart?: (event: HandledEvents) => void;
-    /**
-     * Вызывается после окончания свайпа
-     */
-    onSwipeEnd?: (event: HandledEvents | null) => void;
-    /**
-     * Блокирует скролл когда модальное окно открыто. Работает только на iOS
-     */
-    iOSLock?: boolean;
-    /**
-     * Учитывать высоту виртуальной клавиатуры
-     */
-    virtualKeyboard?: boolean;
-};
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const CLOSE_OFFSET = 0.2;
 declare const HEADER_OFFSET = 24;
@@ -703,86 +260,6 @@ type ShouldSkipSwipingParams = {
 };
 type VisualViewportSize = Pick<VisualViewport, "height" | "offsetTop">;
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps" | "tagline";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleResponsiveProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
 declare enum SwipeDirection {
     Left = "Left",
     Right = "Right",
@@ -1530,7 +1007,7 @@ type BottomSheetSelectMobileProps = {
     /**
      * Дополнительные пропсы шторки
      */
-    bottomSheetProps?: Omit<Partial<BottomSheetProps>, 'bottomAddons'> & {
+    bottomSheetProps?: Omit<Partial<BottomSheetProps$0>, 'bottomAddons'> & {
         bottomAddons?: ((flatOptions: OptionShape[]) => ReactNode) | ReactNode;
     };
 };
@@ -1598,11 +1075,10 @@ type ClearButtonProps = {
      */
     size?: FormControlProps['size'];
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionCommonProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
-export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionCommonProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-464d40a4";
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
+export type { HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
-export type { TitleProps } from "./index-03d088c4";
-export type { Color } from "./colors-facf1d2a";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

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

@@ -1,13 +1,14 @@
+import { RefObject } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { InputAutocompleteDesktopProps } from "../../../input-autocomplete/desktop";
 import { GroupShape, OptionShape } from "../../../select/shared";
 import { Country } from "../types";
 declare function initCountries(iso2s?: string[]): Country[][];
-declare function findCountry(countries: Country[][], value?: string, iso2?: string, country?: Country): Country | undefined;
+declare function findCountry(countries: Country[][], value: string | undefined, iso2: string | undefined, country?: Country): Country | undefined;
 declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
 declare function clearMask(value: string): string;
 declare function createPhoneMaskExpression(country: Country | undefined, clearableCountryCode: boolean): Array<RegExp | string>;
-declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean): MaskitoOptions;
+declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, lastCountryRef: RefObject<Country | null>): MaskitoOptions;
 declare function defaultFilterFn(value: string | undefined, option: OptionShape): boolean;
 declare const filterPhones: (value?: string, options?: InputAutocompleteDesktopProps['options'], filterFn?: typeof defaultFilterFn) => (OptionShape | GroupShape)[];
 declare function getPhoneData(phone: string, countries: Country[][], defaultIso2?: string): {

package/international-phone-input/modern/utils/index.js

@@ -114,17 +114,21 @@ function createPhoneMaskExpression(country, clearableCountryCode) {
         ...format.split('').map(itemToMask),
     ];
 }
-function createMaskOptions(country, clearableCountryCode, preserveCountryCode) {
+function createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef) {
     const countryCode = country?.countryCode;
     const prefix = countryCode ? getInitialValueFromCountry(countryCode) : '';
     const prefixLen = !clearableCountryCode && prefix ? prefix.length : 0;
     const mask = createPhoneMaskExpression(country, clearableCountryCode);
+    const preprocessors = [
+        maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
+    ];
+    if (preserveCountryCode) {
+        const createMask = (lastCountry) => createPhoneMaskExpression(lastCountry, clearableCountryCode);
+        preprocessors.push(maskUtils.preserveCountryCodePreprocessor(lastCountryRef, createMask));
+    }
     return {
         mask,
-        preprocessors: [
-            maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
-            maskUtils.preserveCountryCodePreprocessor(countryCode, preserveCountryCode),
-        ],
+        preprocessors,
         postprocessors: [maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
         plugins: [
             maskUtils.caretGuard((value, [from, to]) => [

package/international-phone-input/moderncssm/Component.responsive.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 import React from 'react';
 declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
-    country?: import("./types").Country | undefined;
+    country?: import("./index-464d40a4").Country | undefined;
     countries?: string[] | undefined;
     defaultIso2?: string | undefined;
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
-    onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
+    onCountryChange?: ((country?: import("./index-464d40a4").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;
@@ -21,14 +21,14 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
-    country?: import("./types").Country | undefined;
+    country?: import("./index-464d40a4").Country | undefined;
     countries?: string[] | undefined;
     defaultIso2?: string | undefined;
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
-    onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
+    onCountryChange?: ((country?: import("./index-464d40a4").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;

package/international-phone-input/moderncssm/Component.responsive.js

@@ -10,8 +10,8 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../select/moderncssm/shared';
-import './utils/index.js';
 import '../../shared/moderncssm';
+import './utils/index.js';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';