@alfalab/core-components 27.5.0-beta.1 → 27.6.0

package/grid/modern/row/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { useMemo } from 'react';
 import { createClassNames } from '../utils/index.js';
-import { g as guttersStyles } from '../gutters.module-b3d8c159.js';
+import { g as guttersStyles } from '../gutters.module-0814a7a8.js';
 
 var styles = {"component":"grid__component_1htbk","top":"grid__top_1htbk","middle":"grid__middle_1htbk","bottom":"grid__bottom_1htbk","left":"grid__left_1htbk","center":"grid__center_1htbk","right":"grid__right_1htbk","around":"grid__around_1htbk","between":"grid__between_1htbk"};
 require('./index.css');

package/grid/modern/row/index.js

@@ -1,5 +1,5 @@
 import 'classnames';
 import 'react';
 import '../utils/index.js';
-import '../gutters.module-b3d8c159.js';
+import '../gutters.module-0814a7a8.js';
 export { Row } from './Component.js';

package/grid/row/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var gutters_module = require('../gutters.module-6cf62fc7.js');
+var gutters_module = require('../gutters.module-c5665cde.js');
 var cn = require('classnames');
 var React = require('react');
 var utils_index = require('../utils/index.js');

package/grid/row/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../gutters.module-6cf62fc7.js');
+require('../gutters.module-c5665cde.js');
 require('classnames');
 require('react');
 require('../utils/index.js');

package/icon-view/circle.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8094a52b.js');
+require('./tslib.es6-3b61c770.js');
 require('react');
 require('./components/circle/paths.js');
 require('classnames');

package/icon-view/components/circle/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8094a52b.js');
+var tslib_es6 = require('../../tslib.es6-3b61c770.js');
 var React = require('react');
 var components_circle_paths = require('./paths.js');
 require('classnames');

package/icon-view/components/circle/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-8094a52b.js');
+require('../../tslib.es6-3b61c770.js');
 require('react');
 require('./paths.js');
 require('classnames');

package/icon-view/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-8094a52b.js');
+require('../tslib.es6-3b61c770.js');
 require('react');
 require('./circle/paths.js');
 require('classnames');

package/icon-view/components/super-ellipse/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8094a52b.js');
+var tslib_es6 = require('../../tslib.es6-3b61c770.js');
 var React = require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/components/super-ellipse/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-8094a52b.js');
+require('../../tslib.es6-3b61c770.js');
 require('react');
 require('classnames');
 require('../base-shape/utils.js');

package/icon-view/esm/circle.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5384b801.js';
+import './tslib.es6-cfcc7c12.js';
 import 'react';
 import './components/circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-5384b801.js';
+import { _ as __assign } from '../../tslib.es6-cfcc7c12.js';
 import React, { forwardRef } from 'react';
 import { pathsMap } from './paths.js';
 import 'classnames';

package/icon-view/esm/components/circle/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-5384b801.js';
+import '../../tslib.es6-cfcc7c12.js';
 import 'react';
 import './paths.js';
 import 'classnames';

package/icon-view/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-5384b801.js';
+import '../tslib.es6-cfcc7c12.js';
 import 'react';
 import './circle/paths.js';
 import 'classnames';

package/icon-view/esm/components/super-ellipse/component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-5384b801.js';
+import { _ as __assign } from '../../tslib.es6-cfcc7c12.js';
 import React, { forwardRef } from 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/components/super-ellipse/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-5384b801.js';
+import '../../tslib.es6-cfcc7c12.js';
 import 'react';
 import 'classnames';
 import '../base-shape/utils.js';

package/icon-view/esm/super-ellipse.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5384b801.js';
+import './tslib.es6-cfcc7c12.js';
 import 'react';
 import 'classnames';
 import './components/base-shape/utils.js';

package/icon-view/super-ellipse.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8094a52b.js');
+require('./tslib.es6-3b61c770.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');

package/input-autocomplete/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component-72f8f6ed.js');
+var autocompleteField_Component = require('./Component-e9598afc.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

package/input-autocomplete/autocomplete-field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-72f8f6ed.js');
+var autocompleteField_Component = require('../Component-e9598afc.js');
 require('react');
 require('classnames');
 require('../../input');

package/input-autocomplete/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-72f8f6ed";
+export * from "../Component-e9598afc";

package/input-autocomplete/autocomplete-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-72f8f6ed.js');
+var autocompleteField_Component = require('../Component-e9598afc.js');
 require('react');
 require('classnames');
 require('../../input');

package/input-autocomplete/esm/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-045b7e76.js';
+import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-c15e087c.js';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {

package/input-autocomplete/esm/autocomplete-field/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-045b7e76.js';
+export { A as AutocompleteField } from '../Component-c15e087c.js';

package/input-autocomplete/esm/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-045b7e76";
+export * from "../Component-c15e087c";

package/input-autocomplete/esm/autocomplete-field/index.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-045b7e76.js';
+export { A as AutocompleteField } from '../Component-c15e087c.js';

package/input-autocomplete/esm/index.js

@@ -2,6 +2,6 @@ import 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import './Component-045b7e76.js';
+import './Component-c15e087c.js';
 import '../../select/esm';
 export { InputAutocomplete } from './Component.js';

package/input-autocomplete/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-72f8f6ed.js');
+require('./Component-e9598afc.js');
 require('react');
 require('../select');
 require('classnames');

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-e1246f94.js');
+var components_selectField_component = require('./component-fd07c135.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -27,9 +27,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -82,7 +81,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = React.useCallback(function () {
         // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4aa7d56f.js'); })
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4e136a3c.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -140,12 +139,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    React.useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-e1246f94.js');
+var components_selectField_component = require('../component-fd07c135.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-fd07c135.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-e1246f94.js');
+require('../../component-fd07c135.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-fd07c135.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-e1246f94";
+export * from "../../component-fd07c135";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-fd07c135.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -29,9 +29,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -142,12 +141,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    React.useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import { _ as __rest, a as __assign } from './component-09d8ae3e.js';
+import { _ as __rest, a as __assign } from './component-8f37779b.js';
 import { getCountriesHash, getCountries } from '@alfalab/utils';
 import { InputAutocomplete } from '../../input-autocomplete/esm';
 import '../../select/esm';
@@ -20,9 +20,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = __rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = useRef(null);
-    var _m = useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = useRef();
     var setCountryByIso2 = useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -75,7 +74,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = useCallback(function () {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9c36b30c.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-f8044f8d.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -133,12 +132,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/esm/components/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 export { FlagIcon } from './flag-icon/component.js';
-export { S as SelectField } from '../component-09d8ae3e.js';
+export { S as SelectField } from '../component-8f37779b.js';
 import '../../../select/esm';
 export { CountriesSelect } from './select/component.js';

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

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
-import { a as __assign, S as SelectField } from '../../component-09d8ae3e.js';
+import { a as __assign, S as SelectField } from '../../component-8f37779b.js';
 import { VirtualOptionsList, Select } from '../../../../select/esm';
 
 var styles = {"component":"intl-phone-input__component_19bc0","option":"intl-phone-input__option_19bc0","flag":"intl-phone-input__flag_19bc0","countryName":"intl-phone-input__countryName_19bc0","dialCode":"intl-phone-input__dialCode_19bc0"};

package/intl-phone-input/esm/components/select/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-import '../../component-09d8ae3e.js';
+import '../../component-8f37779b.js';
 import '../../../../select/esm';
 export { CountriesSelect } from './component.js';

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

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-09d8ae3e.js';
+export { S as SelectField } from '../../component-8f37779b.js';

package/intl-phone-input/esm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-09d8ae3e";
+export * from "../../component-8f37779b";

package/intl-phone-input/esm/components/select-field/index.js

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-09d8ae3e.js';
+export { S as SelectField } from '../../component-8f37779b.js';

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

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import './component-09d8ae3e.js';
+import './component-8f37779b.js';
 import '@alfalab/utils';
 import '../../input-autocomplete/esm';
 import '../../select/esm';

package/intl-phone-input/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-e1246f94.js');
+require('./component-fd07c135.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');

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

@@ -19,7 +19,6 @@ const countriesHash = getCountriesHash();
 const MAX_DIAL_CODE_LENGTH = 4;
 const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size = 'm', colors = 'default', options = [], countries = getCountries(), clearableCountryCode = true, className, value, onChange, onCountryChange, defaultCountryIso2 = 'ru', preventFlip, inputProps, ...restProps }, ref) => {
     const [countryIso2, setCountryIso2] = useState(defaultCountryIso2.toLowerCase());
-    const [fieldWidth, setFieldWidth] = useState(0);
     const inputRef = useRef(null);
     const [inputWrapperRef, setInputWrapperRef] = useState(null);
     const phoneLibUtils = useRef();
@@ -74,7 +73,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
     }, [countries, countryIso2, setValue, handleCountryChange]);
     const loadPhoneUtils = useCallback(() => {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9c36b30c.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-f8044f8d.js')
             .then(utils => {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -131,11 +130,6 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
     const countryCodeLength = `+${country.dialCode}`.length;
     useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode });
     usePreventCaretReset({ inputRef, countryCodeLength, clearableCountryCode });
-    useEffect(() => {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
     return (React.createElement(InputAutocomplete, Object.assign({}, restProps, { ref: ref, inputProps: {
             ...inputProps,
             ref: inputRef,
@@ -144,7 +138,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
             colors,
             className: cn(className, styles[size]),
             addonsClassName: styles.addons,
-            leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })),
+            leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })),
         }, optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-76d4522b.js');
+var tslib_es6 = require('./tslib.es6-1d20dac4.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -15,7 +15,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-c88fcf74.js');
+var transitions_module = require('./transitions.module-ad24476d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-76d4522b.js');
+var tslib_es6 = require('./tslib.es6-1d20dac4.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -11,7 +11,7 @@ require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-c88fcf74.js');
+var transitions_module = require('./transitions.module-ad24476d.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');