@alfalab/core-components 42.14.1 → 42.15.0-beta.2

package/international-phone-input/esm/mobile/Component.mobile.js

@@ -0,0 +1,74 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef, useMemo, useState } from 'react';
+import { InputMobile } from '../../../input/esm/mobile';
+import { InputAutocompleteMobile } from '../../../input-autocomplete/esm/mobile';
+import { SelectMobile } from '../../../select/esm/mobile';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
+import { CountrySelect } from '../components/country-select/Component.js';
+import { initCountries, findCountry, filterPhones, getClear, getPhoneData } from '../utils/index.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../../select/esm/shared';
+import '../../../shared/esm';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../components/flag-icon/component.js';
+import 'classnames';
+import '../components/select-field/component.js';
+import '@alfalab/hooks';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/flag-icon/flagSprite.js';
+
+var InternationalPhoneInputMobile = forwardRef(function (_a, ref) {
+    var options = _a.options, countryProp = _a.country, onCountryChange = _a.onCountryChange, value = _a.value, filterFn = _a.filterFn, countries = _a.countries, defaultIso2 = _a.defaultIso2, clearProp = _a.clear, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = __rest(_a, ["options", "country", "onCountryChange", "value", "filterFn", "countries", "defaultIso2", "clear", "clearableCountryCode"]);
+    var typedRestProps = restProps;
+    var countriesData = useMemo(function () { return initCountries(countries); }, [countries]);
+    var _c = useState(''), filter = _c[0], setFilter = _c[1];
+    var _d = useState(), filterCountry = _d[0], setFilterCountry = _d[1];
+    var _e = useState(function () {
+        return findCountry(countriesData, value, defaultIso2, countryProp);
+    }), selectedCountry = _e[0], setSelectedCountry = _e[1];
+    var filteredOptions = filterPhones(filter, options, filterFn);
+    var country = countryProp !== null && countryProp !== void 0 ? countryProp : selectedCountry;
+    var countryCode = country === null || country === void 0 ? void 0 : country.countryCode;
+    var handleCountryChange = function (nextCountry) {
+        if (countryProp === undefined)
+            setSelectedCountry(nextCountry);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange(nextCountry);
+    };
+    var handleFilter = function (event) {
+        var _a = getPhoneData(event.target.value, countriesData, defaultIso2), nextPhone = _a.nextPhone, nextCountry = _a.nextCountry;
+        setFilter(nextPhone);
+        setFilterCountry(nextCountry);
+    };
+    var handleFilterClear = function () {
+        var withCountryCode = !clearableCountryCode && (filterCountry === null || filterCountry === void 0 ? void 0 : filterCountry.countryCode);
+        setFilter(withCountryCode ? "+".concat(filterCountry.countryCode) : '');
+    };
+    var handleEnter = function (node, isAppearing) {
+        var _a, _b, _c;
+        (_c = (_b = (_a = typedRestProps.bottomSheetProps) === null || _a === void 0 ? void 0 : _a.transitionProps) === null || _b === void 0 ? void 0 : _b.onEnter) === null || _c === void 0 ? void 0 : _c.call(_b, node, isAppearing);
+        setFilterCountry(country);
+        setFilter(countryCode ? "+".concat(country.countryCode) : '');
+    };
+    var isAutocomplete = Array.isArray(options);
+    var props = isAutocomplete
+        ? (function () {
+            var _a;
+            var clear = getClear(clearProp, clearableCountryCode, filter, countryCode);
+            return {
+                filter: filter,
+                onFilter: handleFilter,
+                onClearFilter: clear ? handleFilterClear : undefined,
+                bottomSheetHeaderAddonsProps: __assign(__assign({}, typedRestProps.bottomSheetHeaderAddonsProps), { leftAddons: (React.createElement(CountrySelect, { SelectComponent: SelectMobile, view: 'mobile', country: filterCountry })) }),
+                bottomSheetProps: __assign(__assign({}, typedRestProps.bottomSheetProps), { transitionProps: __assign(__assign({}, (_a = typedRestProps.bottomSheetProps) === null || _a === void 0 ? void 0 : _a.transitionProps), { onEnter: handleEnter }) }),
+            };
+        })()
+        : {
+            clear: getClear(clearProp, clearableCountryCode, value, countryCode),
+        };
+    return (React.createElement(BaseInternationalPhoneInput, __assign({ selected: value }, restProps, props, { clearableCountryCode: clearableCountryCode, onCountryChange: handleCountryChange, country: country, defaultIso2: defaultIso2, countriesData: countriesData, value: value, options: filteredOptions, view: 'mobile', ref: ref, SelectComponent: SelectMobile, Input: InputMobile, InputAutocomplete: InputAutocompleteMobile })));
+});
+
+export { InternationalPhoneInputMobile };

package/international-phone-input/esm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { InternationalPhoneInputMobile } from "./Component.mobile";
+export type { InternationalPhoneInputMobileProps } from "../types";

package/international-phone-input/esm/mobile/index.js

@@ -0,0 +1,22 @@
+export { InternationalPhoneInputMobile } from './Component.mobile.js';
+import 'tslib';
+import 'react';
+import '../../../input/esm/mobile';
+import '../../../input-autocomplete/esm/mobile';
+import '../../../select/esm/mobile';
+import '../components/base-international-phone-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../../select/esm/shared';
+import '../../../shared/esm';
+import '../components/country-select/Component.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../components/flag-icon/component.js';
+import 'classnames';
+import '../components/select-field/component.js';
+import '@alfalab/hooks';
+import '../utils/index.js';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/flag-icon/flagSprite.js';

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

@@ -1,10 +1,10 @@
 import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "../../input";
-import { InputDesktopProps } from "./desktop-63dec22f";
-import { InputMobileProps } from "./mobile-96988a65";
+import { InputDesktopProps } from "../../input/desktop";
+import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
-import { InputAutocompleteDesktopProps } from "./desktop-232828f7";
-import { InputAutocompleteMobileProps } from "./mobile-4c19bc40";
+import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
+import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
 import { OptionShape } from "./typings-0f4b9bed";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {

package/international-phone-input/esm/typings-0f4b9bed.d.ts

@@ -1,6 +1,148 @@
-import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
+/// <reference types="react-transition-group" />
+/// <reference types="react" />
+import React from "react";
+import { CSSProperties, MutableRefObject, ReactNode, FC, RefObject, AriaAttributes, FocusEvent, MouseEvent, ReactElement, RefAttributes, SVGProps } from "react";
+import { CSSTransitionProps } from "react-transition-group/CSSTransition";
+import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { InputProps } from "../../input";
-import { PopoverProps } from "./index-ebda875c";
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
+    /**
+     * Управление состоянием поповера (открыт/закрыт)
+     */
+    open: boolean;
+    /**
+     * Элемент, относительного которого появляется поповер
+     */
+    anchorElement: RefElement;
+    /**
+     * Использовать ширину родительского элемента
+     */
+    useAnchorWidth?: boolean;
+    /**
+     * Позиционирование поповера
+     */
+    position?: Position;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
+    preventFlip?: boolean;
+    /**
+     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
+     */
+    preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
+    /**
+     * Если `true`, будет отрисована стрелочка
+     */
+    withArrow?: boolean;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     */
+    offset?: [
+        number,
+        number
+    ];
+    /**
+     * Дополнительный класс для поповера
+     */
+    popperClassName?: string;
+    /**
+     * Дополнительный класс для стрелочки
+     */
+    arrowClassName?: string;
+    /**
+     * Функция, возвращающая контейнер, в который будет рендериться поповер
+     */
+    getPortalContainer?: () => HTMLElement;
+    /**
+     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transition?: CSSTransitionProps;
+    /**
+     * Выставляет кастомное свойство transition-duration
+     */
+    transitionDuration?: CSSProperties["transitionDuration"];
+    /**
+     * Рендерит компонент, обернутый в Transition
+     */
+    withTransition?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение компонента
+     */
+    update?: MutableRefObject<() => void>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
+     * по очереди для каждой позиции из этого списка.
+     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
+     */
+    fallbackPlacements?: Position[];
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+};
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
+};
+declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+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;
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -573,4 +715,4 @@ type CheckmarkProps = {
     icon?: FC<SVGProps<SVGSVGElement>>;
 };
 type SearchProps = InputProps;
-export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps };
+export { Position, PopoverProps, Popover, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps };

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

@@ -1,6 +1,6 @@
 import { MaskitoOptions } from '@maskito/core';
-import { InputAutocompleteDesktopProps } from "../desktop-232828f7";
-import { GroupShape, OptionShape } from "../shared-4cd3936b";
+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;

package/international-phone-input/index.js

@@ -4,8 +4,8 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('../mq');
-require('./Component.desktop.js');
-require('../input/Component.desktop');
+require('./desktop/Component.desktop.js');
+require('../input/desktop');
 require('../input-autocomplete/desktop');
 require('../select/desktop');
 require('./components/base-international-phone-input/Component.js');
@@ -24,7 +24,7 @@ require('classnames');
 require('./components/flag-icon/flagSprite.js');
 require('./components/select-field/component.js');
 require('@alfalab/hooks');
-require('./Component.mobile.js');
+require('./mobile/Component.mobile.js');
 require('../input/mobile');
 require('../input-autocomplete/mobile');
 require('../select/mobile');

package/international-phone-input/mobile/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InternationalPhoneInputMobileProps } from "../types";
+declare const InternationalPhoneInputMobile: React.ForwardRefExoticComponent<InternationalPhoneInputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { InternationalPhoneInputMobile };

package/international-phone-input/mobile/Component.mobile.js

@@ -0,0 +1,80 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile$1 = require('../../input/mobile');
+var mobile$2 = require('../../input-autocomplete/mobile');
+var mobile = require('../../select/mobile');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
+var components_countrySelect_Component = require('../components/country-select/Component.js');
+var utils_index = require('../utils/index.js');
+require('react-merge-refs');
+require('@maskito/core');
+require('@maskito/react');
+require('../../select/shared');
+require('../../shared');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+require('../components/flag-icon/component.js');
+require('classnames');
+require('../components/flag-icon/flagSprite.js');
+require('../components/select-field/component.js');
+require('@alfalab/hooks');
+require('../consts.js');
+require('../data/country-data.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var InternationalPhoneInputMobile = React.forwardRef(function (_a, ref) {
+    var options = _a.options, countryProp = _a.country, onCountryChange = _a.onCountryChange, value = _a.value, filterFn = _a.filterFn, countries = _a.countries, defaultIso2 = _a.defaultIso2, clearProp = _a.clear, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["options", "country", "onCountryChange", "value", "filterFn", "countries", "defaultIso2", "clear", "clearableCountryCode"]);
+    var typedRestProps = restProps;
+    var countriesData = React.useMemo(function () { return utils_index.initCountries(countries); }, [countries]);
+    var _c = React.useState(''), filter = _c[0], setFilter = _c[1];
+    var _d = React.useState(), filterCountry = _d[0], setFilterCountry = _d[1];
+    var _e = React.useState(function () {
+        return utils_index.findCountry(countriesData, value, defaultIso2, countryProp);
+    }), selectedCountry = _e[0], setSelectedCountry = _e[1];
+    var filteredOptions = utils_index.filterPhones(filter, options, filterFn);
+    var country = countryProp !== null && countryProp !== void 0 ? countryProp : selectedCountry;
+    var countryCode = country === null || country === void 0 ? void 0 : country.countryCode;
+    var handleCountryChange = function (nextCountry) {
+        if (countryProp === undefined)
+            setSelectedCountry(nextCountry);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange(nextCountry);
+    };
+    var handleFilter = function (event) {
+        var _a = utils_index.getPhoneData(event.target.value, countriesData, defaultIso2), nextPhone = _a.nextPhone, nextCountry = _a.nextCountry;
+        setFilter(nextPhone);
+        setFilterCountry(nextCountry);
+    };
+    var handleFilterClear = function () {
+        var withCountryCode = !clearableCountryCode && (filterCountry === null || filterCountry === void 0 ? void 0 : filterCountry.countryCode);
+        setFilter(withCountryCode ? "+".concat(filterCountry.countryCode) : '');
+    };
+    var handleEnter = function (node, isAppearing) {
+        var _a, _b, _c;
+        (_c = (_b = (_a = typedRestProps.bottomSheetProps) === null || _a === void 0 ? void 0 : _a.transitionProps) === null || _b === void 0 ? void 0 : _b.onEnter) === null || _c === void 0 ? void 0 : _c.call(_b, node, isAppearing);
+        setFilterCountry(country);
+        setFilter(countryCode ? "+".concat(country.countryCode) : '');
+    };
+    var isAutocomplete = Array.isArray(options);
+    var props = isAutocomplete
+        ? (function () {
+            var _a;
+            var clear = utils_index.getClear(clearProp, clearableCountryCode, filter, countryCode);
+            return {
+                filter: filter,
+                onFilter: handleFilter,
+                onClearFilter: clear ? handleFilterClear : undefined,
+                bottomSheetHeaderAddonsProps: tslib.__assign(tslib.__assign({}, typedRestProps.bottomSheetHeaderAddonsProps), { leftAddons: (React__default.default.createElement(components_countrySelect_Component.CountrySelect, { SelectComponent: mobile.SelectMobile, view: 'mobile', country: filterCountry })) }),
+                bottomSheetProps: tslib.__assign(tslib.__assign({}, typedRestProps.bottomSheetProps), { transitionProps: tslib.__assign(tslib.__assign({}, (_a = typedRestProps.bottomSheetProps) === null || _a === void 0 ? void 0 : _a.transitionProps), { onEnter: handleEnter }) }),
+            };
+        })()
+        : {
+            clear: utils_index.getClear(clearProp, clearableCountryCode, value, countryCode),
+        };
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, props, { clearableCountryCode: clearableCountryCode, onCountryChange: handleCountryChange, country: country, defaultIso2: defaultIso2, countriesData: countriesData, value: value, options: filteredOptions, view: 'mobile', ref: ref, SelectComponent: mobile.SelectMobile, Input: mobile$1.InputMobile, InputAutocomplete: mobile$2.InputAutocompleteMobile })));
+});
+
+exports.InternationalPhoneInputMobile = InternationalPhoneInputMobile;

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

@@ -0,0 +1,2 @@
+export { InternationalPhoneInputMobile } from "./Component.mobile";
+export type { InternationalPhoneInputMobileProps } from "../types";

package/international-phone-input/mobile/index.js

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('../../input/mobile');
+require('../../input-autocomplete/mobile');
+require('../../select/mobile');
+require('../components/base-international-phone-input/Component.js');
+require('react-merge-refs');
+require('@maskito/core');
+require('@maskito/react');
+require('../../select/shared');
+require('../utils/index.js');
+require('../../shared');
+require('../consts.js');
+require('../data/country-data.js');
+require('../components/country-select/Component.js');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+require('../components/flag-icon/component.js');
+require('classnames');
+require('../components/flag-icon/flagSprite.js');
+require('../components/select-field/component.js');
+require('@alfalab/hooks');
+
+
+
+exports.InternationalPhoneInputMobile = mobile_Component_mobile.InternationalPhoneInputMobile;

package/international-phone-input/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

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

@@ -12,13 +12,13 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("../../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("./mobile-96988a65").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("../../input/mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -33,13 +33,13 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./Component.desktop-4cd3936b").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("../../input-autocomplete/desktop").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./mobile-4c19bc40").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
+} & Omit<import("../../input-autocomplete/mobile").InputAutocompleteMobileProps, "filter" | "onChange" | "onFilter" | "onClearFilter"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 })) & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { InternationalPhoneInputDesktop } from './Component.desktop.js';
-import { InternationalPhoneInputMobile } from './Component.mobile.js';
-import '../../input/modern/Component.desktop';
+import { InternationalPhoneInputDesktop } from './desktop/Component.desktop.js';
+import { InternationalPhoneInputMobile } from './mobile/Component.mobile.js';
+import '../../input/modern/desktop';
 import '../../input-autocomplete/modern/desktop';
 import '../../select/modern/desktop';
 import './components/base-international-phone-input/Component.js';

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

@@ -14,8 +14,8 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("../../../../input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

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

@@ -15,7 +15,7 @@ import '../../consts.js';
 import '../../data/country-data.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_1kows","addons":"international-phone-input__addons_1kows"};
+const styles = {"component":"international-phone-input__component_1gks9","addons":"international-phone-input__addons_1gks9"};
 require('./index.css');
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 'm', Input, InputAutocomplete, SelectComponent, view, bottomSheetHeaderAddonsProps, countriesData, clear, ...restProps }, ref) => {

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

@@ -1,5 +1,5 @@
 /* hash: 1km27 */
 
-    .international-phone-input__component_1kows .international-phone-input__addons_1kows {
+    .international-phone-input__component_1gks9 .international-phone-input__addons_1gks9 {
         padding-left: 0;
     }

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { BaseSelectProps } from "../../shared-4cd3936b";
+import { BaseSelectProps } from "../../../../select/shared";
 import { Country } from "../../types";
 type SharedCountrySelectProps = Omit<BaseSelectProps, 'fieldProps' | 'options' | 'Field' | 'OptionsList' | 'selected'> & {
     /**

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

@@ -9,7 +9,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_17mof","option":"international-phone-input__option_17mof","flag":"international-phone-input__flag_17mof","countryName":"international-phone-input__countryName_17mof","dialCode":"international-phone-input__dialCode_17mof","flagIconWrapper":"international-phone-input__flagIconWrapper_17mof","emptyCountryIcon":"international-phone-input__emptyCountryIcon_17mof"};
+const styles = {"component":"international-phone-input__component_u22e5","option":"international-phone-input__option_u22e5","flag":"international-phone-input__flag_u22e5","countryName":"international-phone-input__countryName_u22e5","dialCode":"international-phone-input__dialCode_u22e5","flagIconWrapper":"international-phone-input__flagIconWrapper_u22e5","emptyCountryIcon":"international-phone-input__emptyCountryIcon_u22e5"};
 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

@@ -19,29 +19,29 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .international-phone-input__component_17mof {
+} .international-phone-input__component_u22e5 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_17mof {
+} .international-phone-input__option_u22e5 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_17mof {
+} .international-phone-input__flag_u22e5 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_17mof {
+} .international-phone-input__countryName_u22e5 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_17mof {
+} .international-phone-input__dialCode_u22e5 {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_17mof {
+} .international-phone-input__flagIconWrapper_u22e5 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_17mof {
+} .international-phone-input__emptyCountryIcon_u22e5 {
     color: var(--color-light-graphic-secondary);
 }

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_oiwyr","flagPlaceholder":"international-phone-input__flagPlaceholder_oiwyr"};
+const styles = {"flagIcon":"international-phone-input__flagIcon_123iz","flagPlaceholder":"international-phone-input__flagPlaceholder_123iz"};
 require('./index.css');
 
 /**

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

@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_oiwyr {
+} .international-phone-input__flagIcon_123iz {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_oiwyr {
+} .international-phone-input__flagPlaceholder_123iz {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FieldProps } from "../../shared-4cd3936b";
+import { FieldProps } from "../../../../select/shared";
 declare const EMPTY_COUNTRY_SELECT_FIELD: {
     value: string;
     key: string;

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_1hh50","flagIconContainer":"international-phone-input__flagIconContainer_1hh50","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1hh50","disabled":"international-phone-input__disabled_1hh50","inner":"international-phone-input__inner_1hh50","l":"international-phone-input__l_1hh50","xl":"international-phone-input__xl_1hh50","focusVisible":"international-phone-input__focusVisible_1hh50"};
+const styles = {"component":"international-phone-input__component_o88fm","flagIconContainer":"international-phone-input__flagIconContainer_o88fm","emptyCountryIcon":"international-phone-input__emptyCountryIcon_o88fm","disabled":"international-phone-input__disabled_o88fm","inner":"international-phone-input__inner_o88fm","l":"international-phone-input__l_o88fm","xl":"international-phone-input__xl_o88fm","focusVisible":"international-phone-input__focusVisible_o88fm"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {