@alfalab/core-components 44.2.0 → 44.4.0-beta.0

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

@@ -5,7 +5,7 @@ import { ClearButton } from '../../../input/modern/shared';
 import { getDataTestId } from '../../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_3udw2","field":"input-autocomplete__field_3udw2","disabled":"input-autocomplete__disabled_3udw2","placeholder":"input-autocomplete__placeholder_3udw2","contentWrapper":"input-autocomplete__contentWrapper_3udw2","value":"input-autocomplete__value_3udw2","focusVisible":"input-autocomplete__focusVisible_3udw2"};
+const styles = {"component":"input-autocomplete__component_159sa","field":"input-autocomplete__field_159sa","disabled":"input-autocomplete__disabled_159sa","placeholder":"input-autocomplete__placeholder_159sa","contentWrapper":"input-autocomplete__contentWrapper_159sa","value":"input-autocomplete__value_159sa","focusVisible":"input-autocomplete__focusVisible_159sa"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {

package/input-autocomplete/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yog3 */
+/* hash: o9g43 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_3udw2 {
+} .input-autocomplete__component_159sa {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_3udw2:not(.input-autocomplete__disabled_3udw2) {
+} .input-autocomplete__field_159sa:not(.input-autocomplete__disabled_159sa) {
     cursor: pointer;
-} .input-autocomplete__disabled_3udw2 {
+} .input-autocomplete__disabled_159sa {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_3udw2 {
+} .input-autocomplete__placeholder_159sa {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_3udw2 {
+} .input-autocomplete__contentWrapper_159sa {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_3udw2 {
+} .input-autocomplete__value_159sa {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_3udw2 {
+} .input-autocomplete__focusVisible_159sa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../../../input/modern/shared';
 import '../../../shared/modern';
 import '@alfalab/hooks';
 
-const styles = {"input":"input-autocomplete__input_qz9dz"};
+const styles = {"input":"input-autocomplete__input_ttx2c"};
 require('./mobile.css');
 
 const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {
@@ -19,7 +19,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
     const frozenValue = useRef('');
     const searchInputRef = useRef(null);
     const targetRef = useRef(null);
-    const restorePrevValue = () => onInput?.(null, { value: frozenValue.current });
+    const restorePrevValue = () => onInput?.(frozenValue.current);
     const setModalVisibility = (isOpen) => {
         if (openProp === undefined) {
             setOpen(isOpen);
@@ -80,7 +80,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
                 className: cn(styles.input, inputProps?.className),
                 clear,
                 ref: mergeRefs([searchInputRef, inputProps?.ref]),
-                onChange: onInput,
+                onChange: (_, payload) => onInput?.(payload.value),
             },
         }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: {
             footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),

package/input-autocomplete/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: x785z */
+/* hash: sqrb5 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_qz9dz {
+} .input-autocomplete__input_ttx2c {
     width: auto;
 }

package/input-autocomplete/modern/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC, RefAttributes } from 'react';
+import { FC, RefAttributes } from 'react';
 import { InputProps } from "../../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,9 +25,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
-        value: string;
-    }) => void;
+    onInput?: (value: string) => void;
 }
 type MobileProps = {
     /**

package/input-autocomplete/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC, RefAttributes } from 'react';
+import { FC, RefAttributes } from 'react';
 import { InputProps } from "../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,9 +25,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
-        value: string;
-    }) => void;
+    onInput?: (value: string) => void;
 }
 type MobileProps = {
     /**

package/international-phone-input/{modern/Component-553146b2.d.ts → Component-202ae1dc.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/international-phone-input/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";

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

@@ -9,9 +9,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -30,9 +28,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

package/international-phone-input/{ResponsiveContext-08e5596c.d.ts → ResponsiveContext-8a2a8ad1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-08e5596c";
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

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

@@ -11,9 +11,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_1m8nv","addons":"international-phone-input__addons_1m8nv"};
+var styles = {"component":"international-phone-input__component_191zw","addons":"international-phone-input__addons_191zw"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
@@ -43,45 +43,45 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode); }, [country, clearableCountryCode]);
     var maskRef = react.useMaskito({ options: maskOptions });
-    var changeNumber = function (e, phone) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: phone });
+    var changeNumber = function (phone) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(phone);
     };
-    var updatePhoneData = function (phone, e) {
+    var updatePhoneData = function (phone) {
         var _a = utils_index.getPhoneData(phone, countriesData, defaultIso2), nextCountry = _a.nextCountry, nextPhone = _a.nextPhone;
         if (nextCountry !== country) {
             handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         }
-        changeNumber(e, nextPhone);
+        changeNumber(nextPhone);
     };
     var handleSelectCountry = function (_a) {
         var selected = _a.selected;
         var nextCountry = selected === null || selected === void 0 ? void 0 : selected.value;
         handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         if (nextCountry) {
-            changeNumber(null, "+".concat(nextCountry.dialCode));
+            changeNumber("+".concat(nextCountry.dialCode));
         }
         requestAnimationFrame(function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
     };
     var handleOptionSelect = function (payload) {
         var _a;
-        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions), null);
+        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions));
     };
     var handleInput = function (e) {
-        updatePhoneData(e.target.value, e);
+        updatePhoneData(e.target.value);
     };
     var handleClear = function () {
         if (clearableCountryCode) {
-            changeNumber(null, '');
+            changeNumber('');
         }
         else {
-            changeNumber(null, "+".concat(country === null || country === void 0 ? void 0 : country.countryCode) || '');
+            changeNumber("+".concat(country === null || country === void 0 ? void 0 : country.countryCode) || '');
         }
     };
     React.useEffect(function () {
         if (value) {
             var newValue = core.maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue, null);
+                updatePhoneData(newValue);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -99,10 +99,7 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
         type: 'tel',
         clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
     };
-    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
-            var phone = _a.value;
-            return updatePhoneData(phone, event);
-        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

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

@@ -1,5 +1,5 @@
-/* hash: s79o7 */
+/* hash: 1avf0 */
 
-    .international-phone-input__component_1m8nv .international-phone-input__addons_1m8nv {
+    .international-phone-input__component_191zw .international-phone-input__addons_191zw {
         padding-left: 0;
     }

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

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_11p1a","option":"international-phone-input__option_11p1a","flag":"international-phone-input__flag_11p1a","countryName":"international-phone-input__countryName_11p1a","dialCode":"international-phone-input__dialCode_11p1a","flagIconWrapper":"international-phone-input__flagIconWrapper_11p1a","emptyCountryIcon":"international-phone-input__emptyCountryIcon_11p1a"};
+var styles = {"component":"international-phone-input__component_1g218","option":"international-phone-input__option_1g218","flag":"international-phone-input__flag_1g218","countryName":"international-phone-input__countryName_1g218","dialCode":"international-phone-input__dialCode_1g218","flagIconWrapper":"international-phone-input__flagIconWrapper_1g218","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1g218"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: wa3n8 */
+/* hash: lfkam */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_11p1a {
+} .international-phone-input__component_1g218 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_11p1a {
+} .international-phone-input__option_1g218 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_11p1a {
+} .international-phone-input__flag_1g218 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_11p1a {
+} .international-phone-input__countryName_1g218 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_11p1a {
+} .international-phone-input__dialCode_1g218 {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_11p1a {
+} .international-phone-input__flagIconWrapper_1g218 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_11p1a {
+} .international-phone-input__emptyCountryIcon_1g218 {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-phone-input/components/flag-icon/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_13fkt","flagPlaceholder":"international-phone-input__flagPlaceholder_13fkt"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_1bnmj","flagPlaceholder":"international-phone-input__flagPlaceholder_1bnmj"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 6au8t */
+/* hash: h5dlf */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_13fkt {
+} .international-phone-input__flagIcon_1bnmj {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_13fkt {
+} .international-phone-input__flagPlaceholder_1bnmj {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_8wqpc","flagIconContainer":"international-phone-input__flagIconContainer_8wqpc","emptyCountryIcon":"international-phone-input__emptyCountryIcon_8wqpc","disabled":"international-phone-input__disabled_8wqpc","inner":"international-phone-input__inner_8wqpc","l":"international-phone-input__l_8wqpc","xl":"international-phone-input__xl_8wqpc","focusVisible":"international-phone-input__focusVisible_8wqpc"};
+var styles = {"component":"international-phone-input__component_hitta","flagIconContainer":"international-phone-input__flagIconContainer_hitta","emptyCountryIcon":"international-phone-input__emptyCountryIcon_hitta","disabled":"international-phone-input__disabled_hitta","inner":"international-phone-input__inner_hitta","l":"international-phone-input__l_hitta","xl":"international-phone-input__xl_hitta","focusVisible":"international-phone-input__focusVisible_hitta"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,4 +1,4 @@
-/* hash: 11b2a */
+/* hash: imwxt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_8wqpc {
+} .international-phone-input__component_hitta {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_8wqpc {
+} .international-phone-input__flagIconContainer_hitta {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_8wqpc {
+} .international-phone-input__emptyCountryIcon_hitta {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_8wqpc {
+} .international-phone-input__disabled_hitta {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_8wqpc {
+} .international-phone-input__inner_hitta {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_8wqpc .international-phone-input__inner_8wqpc,
-.international-phone-input__xl_8wqpc .international-phone-input__inner_8wqpc {
+} .international-phone-input__l_hitta .international-phone-input__inner_hitta,
+.international-phone-input__xl_hitta .international-phone-input__inner_hitta {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_8wqpc {
+} .international-phone-input__focusVisible_hitta {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/{Component-553146b2.d.ts → cssm/Component-202ae1dc.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/international-phone-input/cssm/Component-bdb4c6b9.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/international-phone-input/cssm/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";

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

@@ -9,9 +9,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -30,9 +28,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

package/international-phone-input/cssm/{ResponsiveContext-08e5596c.d.ts → ResponsiveContext-8a2a8ad1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-08e5596c";
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

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

@@ -11,9 +11,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -45,45 +45,45 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode); }, [country, clearableCountryCode]);
     var maskRef = react.useMaskito({ options: maskOptions });
-    var changeNumber = function (e, phone) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: phone });
+    var changeNumber = function (phone) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(phone);
     };
-    var updatePhoneData = function (phone, e) {
+    var updatePhoneData = function (phone) {
         var _a = utils_index.getPhoneData(phone, countriesData, defaultIso2), nextCountry = _a.nextCountry, nextPhone = _a.nextPhone;
         if (nextCountry !== country) {
             handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         }
-        changeNumber(e, nextPhone);
+        changeNumber(nextPhone);
     };
     var handleSelectCountry = function (_a) {
         var selected = _a.selected;
         var nextCountry = selected === null || selected === void 0 ? void 0 : selected.value;
         handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         if (nextCountry) {
-            changeNumber(null, "+".concat(nextCountry.dialCode));
+            changeNumber("+".concat(nextCountry.dialCode));
         }
         requestAnimationFrame(function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
     };
     var handleOptionSelect = function (payload) {
         var _a;
-        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions), null);
+        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions));
     };
     var handleInput = function (e) {
-        updatePhoneData(e.target.value, e);
+        updatePhoneData(e.target.value);
     };
     var handleClear = function () {
         if (clearableCountryCode) {
-            changeNumber(null, '');
+            changeNumber('');
         }
         else {
-            changeNumber(null, "+".concat(country === null || country === void 0 ? void 0 : country.countryCode) || '');
+            changeNumber("+".concat(country === null || country === void 0 ? void 0 : country.countryCode) || '');
         }
     };
     React.useEffect(function () {
         if (value) {
             var newValue = core.maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue, null);
+                updatePhoneData(newValue);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -101,10 +101,7 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
         type: 'tel',
         clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
     };
-    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
-            var phone = _a.value;
-            return updatePhoneData(phone, event);
-        }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

package/international-phone-input/cssm/{index-553146b2.d.ts → index-202ae1dc.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-553146b2";
+export type { ButtonProps } from "./typings-202ae1dc";

package/international-phone-input/cssm/index-8566963f.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps } from "./typings-553146b2";
+import { CommonButtonProps } from "./typings-202ae1dc";
 declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonDesktop };
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-202ae1dc";

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

@@ -98,7 +98,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Для слота слева используется модификатор -left-addons, слота справа -right-addons,
-     * ошибки -error-message, текста подсказки -hint
+     * ошибки -error-message, текста подсказки -hint, внутренней части компонента -inner
      */
     dataTestId?: string;
     /**