@alfalab/core-components 42.15.0 → 42.15.1

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

@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_dzwdy {
+} .international-phone-input__component_o88fm {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_dzwdy {
+} .international-phone-input__flagIconContainer_o88fm {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_dzwdy {
+} .international-phone-input__emptyCountryIcon_o88fm {
     color: var(--color-light-graphic-secondary);
-} .international-phone-input__disabled_dzwdy {
+} .international-phone-input__disabled_o88fm {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_dzwdy {
+} .international-phone-input__inner_o88fm {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_dzwdy .international-phone-input__inner_dzwdy,
-.international-phone-input__xl_dzwdy .international-phone-input__inner_dzwdy {
+} .international-phone-input__l_o88fm .international-phone-input__inner_o88fm,
+.international-phone-input__xl_o88fm .international-phone-input__inner_o88fm {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_dzwdy {
+} .international-phone-input__focusVisible_o88fm {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/cssm/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").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("../../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("../../input/Component.mobile").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("../../input-autocomplete/Component.desktop").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("../../input-autocomplete/desktop").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("../../input-autocomplete/Component.mobile").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/cssm/Component.responsive.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
-require('../../input/cssm/Component.desktop');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('../../input/cssm/desktop');
 require('../../input-autocomplete/cssm/desktop');
 require('../../select/cssm/desktop');
 require('./components/base-international-phone-input/Component.js');
@@ -39,7 +39,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.InternationalPhoneInput = InternationalPhoneInput;

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

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

package/international-phone-input/cssm/desktop/Component.desktop.js

@@ -0,0 +1,49 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop$1 = require('../../../input/cssm/desktop');
+var desktop$2 = require('../../../input-autocomplete/cssm/desktop');
+var desktop = require('../../../select/cssm/desktop');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
+var utils_index = require('../utils/index.js');
+require('react-merge-refs');
+require('@maskito/core');
+require('@maskito/react');
+require('../../../select/cssm/shared');
+require('../components/country-select/Component.js');
+require('../../../shared/cssm');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+require('../components/flag-icon/component.js');
+require('classnames');
+require('../components/flag-icon/flagSprite.js');
+require('../components/flag-icon/index.module.css');
+require('../components/select-field/component.js');
+require('@alfalab/hooks');
+require('../components/select-field/index.module.css');
+require('../components/country-select/index.module.css');
+require('../components/base-international-phone-input/index.module.css');
+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 InternationalPhoneInputDesktop = React.forwardRef(function (_a, ref) {
+    var options = _a.options, countryProp = _a.country, countries = _a.countries, onCountryChange = _a.onCountryChange, value = _a.value, filterFn = _a.filterFn, defaultIso2 = _a.defaultIso2, clear = _a.clear, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["options", "country", "countries", "onCountryChange", "value", "filterFn", "defaultIso2", "clear", "clearableCountryCode"]);
+    var countriesData = React.useMemo(function () { return utils_index.initCountries(countries); }, [countries]);
+    var _c = React.useState(function () {
+        return utils_index.findCountry(countriesData, value, defaultIso2, countryProp);
+    }), selectedCountry = _c[0], setSelectedCountry = _c[1];
+    var filteredOptions = utils_index.filterPhones(value, options, filterFn);
+    var country = countryProp !== null && countryProp !== void 0 ? countryProp : selectedCountry;
+    var handleCountryChange = function (nextCountry) {
+        if (countryProp === undefined)
+            setSelectedCountry(nextCountry);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange(nextCountry);
+    };
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ countriesData: countriesData, selected: value }, restProps, { clear: utils_index.getClear(clear, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode), clearableCountryCode: clearableCountryCode, country: country, onCountryChange: handleCountryChange, defaultIso2: defaultIso2, value: value, view: 'desktop', options: filteredOptions, ref: ref, SelectComponent: desktop.SelectDesktop, Input: desktop$1.InputDesktop, InputAutocomplete: desktop$2.InputAutocompleteDesktop })));
+});
+
+exports.InternationalPhoneInputDesktop = InternationalPhoneInputDesktop;

package/international-phone-input/cssm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from "../Component.desktop";
+export { InternationalPhoneInputDesktop } from "./Component.desktop";
 export type { InternationalPhoneInputDesktopProps } from "../types";

package/international-phone-input/cssm/desktop/index.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
-require('../../../input/cssm/Component.desktop');
+require('../../../input/cssm/desktop');
 require('../../../input-autocomplete/cssm/desktop');
 require('../../../select/cssm/desktop');
 require('../components/base-international-phone-input/Component.js');
@@ -29,4 +29,4 @@ require('../components/base-international-phone-input/index.module.css');
 
 
 
-exports.InternationalPhoneInputDesktop = Component_desktop.InternationalPhoneInputDesktop;
+exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;

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

@@ -4,8 +4,8 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('../../mq/cssm');
-require('./Component.desktop.js');
-require('../../input/cssm/Component.desktop');
+require('./desktop/Component.desktop.js');
+require('../../input/cssm/desktop');
 require('../../input-autocomplete/cssm/desktop');
 require('../../select/cssm/desktop');
 require('./components/base-international-phone-input/Component.js');
@@ -28,7 +28,7 @@ require('@alfalab/hooks');
 require('./components/select-field/index.module.css');
 require('./components/country-select/index.module.css');
 require('./components/base-international-phone-input/index.module.css');
-require('./Component.mobile.js');
+require('./mobile/Component.mobile.js');
 require('../../input/cssm/mobile');
 require('../../input-autocomplete/cssm/mobile');
 require('../../select/cssm/mobile');

package/international-phone-input/cssm/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/cssm/mobile/Component.mobile.js

@@ -0,0 +1,84 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile$1 = require('../../../input/cssm/mobile');
+var mobile$2 = require('../../../input-autocomplete/cssm/mobile');
+var mobile = require('../../../select/cssm/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/cssm/shared');
+require('../components/base-international-phone-input/index.module.css');
+require('../../../shared/cssm');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+require('../components/flag-icon/component.js');
+require('classnames');
+require('../components/flag-icon/flagSprite.js');
+require('../components/flag-icon/index.module.css');
+require('../components/select-field/component.js');
+require('@alfalab/hooks');
+require('../components/select-field/index.module.css');
+require('../components/country-select/index.module.css');
+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/cssm/mobile/index.d.ts

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('../Component.mobile.js');
+var mobile_Component_mobile = require('./Component.mobile.js');
 require('tslib');
 require('react');
 require('../../../input/cssm/mobile');
@@ -29,4 +29,4 @@ require('../components/base-international-phone-input/index.module.css');
 
 
 
-exports.InternationalPhoneInputMobile = Component_mobile.InternationalPhoneInputMobile;
+exports.InternationalPhoneInputMobile = mobile_Component_mobile.InternationalPhoneInputMobile;

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

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

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

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop$1 = require('../../input/desktop');
+var desktop$2 = require('../../input-autocomplete/desktop');
+var desktop = require('../../select/desktop');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
+var utils_index = require('../utils/index.js');
+require('react-merge-refs');
+require('@maskito/core');
+require('@maskito/react');
+require('../../select/shared');
+require('../components/country-select/Component.js');
+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 InternationalPhoneInputDesktop = React.forwardRef(function (_a, ref) {
+    var options = _a.options, countryProp = _a.country, countries = _a.countries, onCountryChange = _a.onCountryChange, value = _a.value, filterFn = _a.filterFn, defaultIso2 = _a.defaultIso2, clear = _a.clear, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["options", "country", "countries", "onCountryChange", "value", "filterFn", "defaultIso2", "clear", "clearableCountryCode"]);
+    var countriesData = React.useMemo(function () { return utils_index.initCountries(countries); }, [countries]);
+    var _c = React.useState(function () {
+        return utils_index.findCountry(countriesData, value, defaultIso2, countryProp);
+    }), selectedCountry = _c[0], setSelectedCountry = _c[1];
+    var filteredOptions = utils_index.filterPhones(value, options, filterFn);
+    var country = countryProp !== null && countryProp !== void 0 ? countryProp : selectedCountry;
+    var handleCountryChange = function (nextCountry) {
+        if (countryProp === undefined)
+            setSelectedCountry(nextCountry);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange(nextCountry);
+    };
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ countriesData: countriesData, selected: value }, restProps, { clear: utils_index.getClear(clear, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode), clearableCountryCode: clearableCountryCode, country: country, onCountryChange: handleCountryChange, defaultIso2: defaultIso2, value: value, view: 'desktop', options: filteredOptions, ref: ref, SelectComponent: desktop.SelectDesktop, Input: desktop$1.InputDesktop, InputAutocomplete: desktop$2.InputAutocompleteDesktop })));
+});
+
+exports.InternationalPhoneInputDesktop = InternationalPhoneInputDesktop;

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

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from "../Component.desktop";
+export { InternationalPhoneInputDesktop } from "./Component.desktop";
 export type { InternationalPhoneInputDesktopProps } from "../types";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
-require('../../input/Component.desktop');
+require('../../input/desktop');
 require('../../input-autocomplete/desktop');
 require('../../select/desktop');
 require('../components/base-international-phone-input/Component.js');
@@ -25,4 +25,4 @@ require('@alfalab/hooks');
 
 
 
-exports.InternationalPhoneInputDesktop = Component_desktop.InternationalPhoneInputDesktop;
+exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;

package/international-phone-input/esm/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").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("../../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("../../input/Component.mobile").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("../../input-autocomplete/Component.desktop").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("../../input-autocomplete/desktop").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("../../input-autocomplete/Component.mobile").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/esm/Component.responsive.js

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

package/international-phone-input/esm/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/esm/components/base-international-phone-input/Component.js

@@ -16,7 +16,7 @@ import '../../consts.js';
 import '../../data/country-data.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_1qt4a","addons":"international-phone-input__addons_1qt4a"};
+var styles = {"component":"international-phone-input__component_1gks9","addons":"international-phone-input__addons_1gks9"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

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

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

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

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_ot2vq","option":"international-phone-input__option_ot2vq","flag":"international-phone-input__flag_ot2vq","countryName":"international-phone-input__countryName_ot2vq","dialCode":"international-phone-input__dialCode_ot2vq","flagIconWrapper":"international-phone-input__flagIconWrapper_ot2vq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_ot2vq"};
+var 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');
 
 var CountrySelect = function (_a) {

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

@@ -19,29 +19,29 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .international-phone-input__component_ot2vq {
+} .international-phone-input__component_u22e5 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_ot2vq {
+} .international-phone-input__option_u22e5 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_ot2vq {
+} .international-phone-input__flag_u22e5 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_ot2vq {
+} .international-phone-input__countryName_u22e5 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_ot2vq {
+} .international-phone-input__dialCode_u22e5 {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_ot2vq {
+} .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_ot2vq {
+} .international-phone-input__emptyCountryIcon_u22e5 {
     color: var(--color-light-graphic-secondary);
 }

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

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

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

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

@@ -7,7 +7,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_dzwdy","flagIconContainer":"international-phone-input__flagIconContainer_dzwdy","emptyCountryIcon":"international-phone-input__emptyCountryIcon_dzwdy","disabled":"international-phone-input__disabled_dzwdy","inner":"international-phone-input__inner_dzwdy","l":"international-phone-input__l_dzwdy","xl":"international-phone-input__xl_dzwdy","focusVisible":"international-phone-input__focusVisible_dzwdy"};
+var 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');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {