@alfalab/core-components 27.13.0 → 27.15.0

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-bb8ddb96.js';
+import { _ as __rest, a as __assign } from './tslib.es6-5c5c8854.js';
 import cn from 'classnames';
 import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
@@ -10,7 +10,7 @@ import '@alfalab/hooks';
 import '../../form-control/esm';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1n0hj","footer":"input-autocomplete__footer_1n0hj"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_pbydo","footer":"input-autocomplete__footer_pbydo"};
 require('./mobile.css');
 
 var SELECTED = [];

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../tslib.es6-bb8ddb96.js';
+import { a as __assign } from '../tslib.es6-5c5c8854.js';
 import cn from 'classnames';
 import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../../input/esm';
 
-var styles = {"arrow":"input-autocomplete__arrow_qhdlc","error":"input-autocomplete__error_qhdlc"};
+var styles = {"arrow":"input-autocomplete__arrow_1rtyh","error":"input-autocomplete__error_1rtyh"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1fa7n */
-.input-autocomplete__arrow_qhdlc.input-autocomplete__error_qhdlc ~ * {
+/* hash: bupi2 */
+.input-autocomplete__arrow_1rtyh.input-autocomplete__error_1rtyh ~ * {
     display: none;
 }

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

@@ -1,4 +1,4 @@
-import '../tslib.es6-bb8ddb96.js';
+import '../tslib.es6-5c5c8854.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-bb8ddb96.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-5c5c8854.js';
 import cn from 'classnames';
 import React, { useState, useRef } from 'react';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '../../../form-control/esm';
 
-var styles = {"component":"input-autocomplete__component_5y3k1","field":"input-autocomplete__field_5y3k1","disabled":"input-autocomplete__disabled_5y3k1","placeholder":"input-autocomplete__placeholder_5y3k1","contentWrapper":"input-autocomplete__contentWrapper_5y3k1","value":"input-autocomplete__value_5y3k1","focusVisible":"input-autocomplete__focusVisible_5y3k1"};
+var styles = {"component":"input-autocomplete__component_6teg1","field":"input-autocomplete__field_6teg1","disabled":"input-autocomplete__disabled_6teg1","placeholder":"input-autocomplete__placeholder_6teg1","contentWrapper":"input-autocomplete__contentWrapper_6teg1","value":"input-autocomplete__value_6teg1","focusVisible":"input-autocomplete__focusVisible_6teg1"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1adbw */
+/* hash: 1n1iw */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -381,7 +381,9 @@
     --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
+    --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
+    --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -515,7 +517,9 @@
     --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
+    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
+    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -722,20 +726,20 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.input-autocomplete__component_5y3k1 {
+.input-autocomplete__component_6teg1 {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_5y3k1:not(.input-autocomplete__disabled_5y3k1) {
+.input-autocomplete__field_6teg1:not(.input-autocomplete__disabled_6teg1) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_5y3k1 {
+.input-autocomplete__disabled_6teg1 {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_5y3k1 {
+.input-autocomplete__placeholder_6teg1 {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_5y3k1 {
+.input-autocomplete__contentWrapper_6teg1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -745,12 +749,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_5y3k1 {
+.input-autocomplete__value_6teg1 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_5y3k1 {
+.input-autocomplete__focusVisible_6teg1 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,4 +1,4 @@
-import '../tslib.es6-bb8ddb96.js';
+import '../tslib.es6-5c5c8854.js';
 import 'classnames';
 import 'react';
 import '@alfalab/hooks';

package/input-autocomplete/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-bb8ddb96.js';
+import './tslib.es6-5c5c8854.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

package/input-autocomplete/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1e7pg */
+/* hash: as7bg */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -381,7 +381,9 @@
     --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
+    --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
+    --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -515,7 +517,9 @@
     --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
+    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
+    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -722,13 +726,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.input-autocomplete__bottomSheetInput_1n0hj {
+.input-autocomplete__bottomSheetInput_pbydo {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1n0hj {
+.input-autocomplete__footer_pbydo {
     display: flex
 }
-.input-autocomplete__footer_1n0hj > button + button {
+.input-autocomplete__footer_pbydo > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/esm/mobile.js

@@ -1,4 +1,4 @@
-import './tslib.es6-bb8ddb96.js';
+import './tslib.es6-5c5c8854.js';
 import 'classnames';
 import 'react';
 import 'react-merge-refs';

package/input-autocomplete/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-40acab8a.js');
+require('./tslib.es6-985db9fe.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1e7pg */
+/* hash: as7bg */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -381,7 +381,9 @@
     --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
+    --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
+    --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -515,7 +517,9 @@
     --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
+    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
+    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -722,13 +726,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.input-autocomplete__bottomSheetInput_1n0hj {
+.input-autocomplete__bottomSheetInput_pbydo {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1n0hj {
+.input-autocomplete__footer_pbydo {
     display: flex
 }
-.input-autocomplete__footer_1n0hj > button + button {
+.input-autocomplete__footer_pbydo > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-40acab8a.js');
+require('./tslib.es6-985db9fe.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

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

@@ -9,7 +9,7 @@ import { Button } from '../../button/modern';
 import '../../form-control/modern';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1n0hj","footer":"input-autocomplete__footer_1n0hj"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_pbydo","footer":"input-autocomplete__footer_pbydo"};
 require('./mobile.css');
 
 const SELECTED = [];

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

@@ -3,7 +3,7 @@ import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../../input/modern';
 
-var styles = {"arrow":"input-autocomplete__arrow_qhdlc","error":"input-autocomplete__error_qhdlc"};
+var styles = {"arrow":"input-autocomplete__arrow_1rtyh","error":"input-autocomplete__error_1rtyh"};
 require('./index.css');
 
 const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1fa7n */
-.input-autocomplete__arrow_qhdlc.input-autocomplete__error_qhdlc ~ * {
+/* hash: bupi2 */
+.input-autocomplete__arrow_1rtyh.input-autocomplete__error_1rtyh ~ * {
     display: none;
 }

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

@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '../../../form-control/modern';
 
-var styles = {"component":"input-autocomplete__component_5y3k1","field":"input-autocomplete__field_5y3k1","disabled":"input-autocomplete__disabled_5y3k1","placeholder":"input-autocomplete__placeholder_5y3k1","contentWrapper":"input-autocomplete__contentWrapper_5y3k1","value":"input-autocomplete__value_5y3k1","focusVisible":"input-autocomplete__focusVisible_5y3k1"};
+var styles = {"component":"input-autocomplete__component_6teg1","field":"input-autocomplete__field_6teg1","disabled":"input-autocomplete__disabled_6teg1","placeholder":"input-autocomplete__placeholder_6teg1","contentWrapper":"input-autocomplete__contentWrapper_6teg1","value":"input-autocomplete__value_6teg1","focusVisible":"input-autocomplete__focusVisible_6teg1"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1adbw */
+/* hash: 1n1iw */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -381,7 +381,9 @@
     --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
+    --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
+    --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -515,7 +517,9 @@
     --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
+    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
+    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -722,20 +726,20 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.input-autocomplete__component_5y3k1 {
+.input-autocomplete__component_6teg1 {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_5y3k1:not(.input-autocomplete__disabled_5y3k1) {
+.input-autocomplete__field_6teg1:not(.input-autocomplete__disabled_6teg1) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_5y3k1 {
+.input-autocomplete__disabled_6teg1 {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_5y3k1 {
+.input-autocomplete__placeholder_6teg1 {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_5y3k1 {
+.input-autocomplete__contentWrapper_6teg1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -745,12 +749,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_5y3k1 {
+.input-autocomplete__value_6teg1 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_5y3k1 {
+.input-autocomplete__focusVisible_6teg1 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1e7pg */
+/* hash: as7bg */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -381,7 +381,9 @@
     --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
+    --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
     --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
+    --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
     --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
     --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -515,7 +517,9 @@
     --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
     --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
+    --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
+    --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
     --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
     --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -722,13 +726,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.input-autocomplete__bottomSheetInput_1n0hj {
+.input-autocomplete__bottomSheetInput_pbydo {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1n0hj {
+.input-autocomplete__footer_pbydo {
     display: flex
 }
-.input-autocomplete__footer_1n0hj > button + button {
+.input-autocomplete__footer_pbydo > button + button {
         margin-left: var(--gap-m);
     }

package/intl-phone-input/{component-d6594440.js → component-45b32741.js}

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1ggwk","flagIconContainer":"intl-phone-input__flagIconContainer_1ggwk","disabled":"intl-phone-input__disabled_1ggwk","inner":"intl-phone-input__inner_1ggwk","l":"intl-phone-input__l_1ggwk","xl":"intl-phone-input__xl_1ggwk","focusVisible":"intl-phone-input__focusVisible_1ggwk"};
+var styles = {"component":"intl-phone-input__component_10183","flagIconContainer":"intl-phone-input__flagIconContainer_10183","disabled":"intl-phone-input__disabled_10183","inner":"intl-phone-input__inner_10183","l":"intl-phone-input__l_10183","xl":"intl-phone-input__xl_10183","focusVisible":"intl-phone-input__focusVisible_10183"};
 require('./components/select-field/index.css');
 
 var SelectField = function (_a) {

package/intl-phone-input/component.d.ts

@@ -4,7 +4,7 @@ import { CountryCode } from 'libphonenumber-js';
 import { SelectProps } from "../select";
 import { Country } from '@alfalab/utils';
 import { InputAutocompleteProps } from "../input-autocomplete";
-type MaxPhoneLen = Record<string, number>;
+type MaxPhoneLenByCountry = Record<string, number>;
 type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & Pick<SelectProps, 'preventFlip'> & {
     /**
      * Значение
@@ -37,9 +37,9 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
     /**
      * Ограничение длин вводимых номеров по странам.
      */
-    maxPhoneLen?: MaxPhoneLen;
+    maxPhoneLen?: MaxPhoneLenByCountry;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "block" | "size" | "className" | "fieldClassName" | "disabled" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "value" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "readOnly" | "success" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-d6594440.js');
+var components_selectField_component = require('./component-45b32741.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -11,6 +11,7 @@ require('./components/flag-icon/component.js');
 require('../select');
 var components_select_component = require('./components/select/component.js');
 var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-with-unclearable-country-code.js');
+var utils_calculateCaretPos = require('./utils/calculateCaretPos.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,15 +19,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"addons":"intl-phone-input__addons_120p2","l":"intl-phone-input__l_120p2","xl":"intl-phone-input__xl_120p2"};
+var styles = {"addons":"intl-phone-input__addons_q0mo2","l":"intl-phone-input__l_q0mo2","xl":"intl-phone-input__xl_q0mo2"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();
 var MAX_DIAL_CODE_LENGTH = 4;
 var MASK_SYMBOLS = [' ', '-', '(', ')'];
-var DEFAULT_MAX_PHONE_LEN = { RU: 11 };
+var MAX_PHONE_LEN = 15;
+var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
 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, _k = _a.maxPhoneLen, maxPhoneLen = _k === void 0 ? DEFAULT_MAX_PHONE_LEN : _k, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
+    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, _k = _a.maxPhoneLen, maxPhoneLen = _k === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _k, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _l = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _l[0], setCountryIso2 = _l[1];
     var inputRef = React.useRef(null);
     var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
@@ -123,9 +125,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var handleInputNewChar = function (event, caretPosition) {
         var input = event.target;
         var currentValue = input.value;
-        var maxLen = maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()];
-        // Если задана длина номера и номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
-        var shouldReplace = !!maxLen && maxLen === currentValue.replace(/\D/g, '').length;
+        var maxPhoneLength = (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()]) || MAX_PHONE_LEN;
+        // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
+        var shouldReplace = maxPhoneLength === currentValue.replace(/\D/g, '').length;
         var endPhonePart = currentValue.slice(caretPosition);
         if (shouldReplace) {
             var cursor = 0;
@@ -135,45 +137,16 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             endPhonePart = endPhonePart.slice(cursor + 1);
         }
         var newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
-        // Запрещаем ввод, если указана длина номера и номер уже заполнен.
-        if (maxLen && newValue.replace(/\D/g, '').length > maxLen) {
+        // Запрещаем ввод, если номер уже заполнен.
+        if (newValue.replace(/\D/g, '').length > maxPhoneLength) {
             newValue = newValue.slice(0, -1);
         }
         newValue = formatPhone(addCountryCode(newValue));
-        var newCaretPosition;
-        var isFormatJumps = !shouldReplace && newValue.length - currentValue.length <= 0;
-        // Ситуация, когда происходят скачки номера из-за форматирования, например +7 999 999 99 99 -> +799999999999
-        if (isFormatJumps) {
-            var phonePart = currentValue.slice(0, caretPosition) + event.key;
-            var cursor = 0;
-            while (cursor < phonePart.length && cursor <= newValue.length) {
-                var currChar = phonePart.charAt(cursor);
-                var newValChar = newValue.charAt(cursor);
-                if (currChar !== newValChar) {
-                    if (MASK_SYMBOLS.includes(currChar)) {
-                        phonePart = phonePart.slice(0, cursor) + phonePart.slice(cursor + 1);
-                        // eslint-disable-next-line no-continue
-                        continue;
-                    }
-                    else {
-                        phonePart =
-                            phonePart.slice(0, cursor) + newValChar + phonePart.slice(cursor);
-                    }
-                }
-                cursor += 1;
-            }
-            newCaretPosition = cursor;
-        }
-        else {
-            var cursor = 0;
-            while (newValue.charAt(caretPosition + cursor) &&
-                newValue.charAt(caretPosition + cursor) !== event.key) {
-                cursor += 1;
-            }
-            cursor += 1;
-            newCaretPosition = caretPosition + cursor;
+        var phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
+        if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {
+            phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
-        setCaretPos(newCaretPosition);
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
@@ -182,39 +155,32 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (!clearableCountryCode && caretPosition <= countryCodeLength)
             return;
         var currentValue = input.value;
+        var isMaskSymbol = function (count) {
+            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - count));
+            var isPossibleToRemove = clearableCountryCode
+                ? caretPosition - count > 0
+                : caretPosition - count > countryCodeLength;
+            return isMask && isPossibleToRemove;
+        };
         var deletedCharsCount = 1;
-        // Высчитываем новое положение каретки с учетом символов маски.
-        while (caretPosition - deletedCharsCount > 0 &&
-            MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - deletedCharsCount))) {
+        // Высчитываем кол-во символов, которые нужно удалить.
+        while (isMaskSymbol(deletedCharsCount)) {
             deletedCharsCount += 1;
         }
-        var newCaretPosition = caretPosition - deletedCharsCount;
-        var newValue = formatPhone(addCountryCode(currentValue.slice(0, newCaretPosition) + currentValue.slice(caretPosition)));
-        var isFormatJumps = newValue.length - currentValue.length >= 0;
-        // Обрабатываем ситуацию, когда происходят скачки номера из-за форматирования, например +799999999999 => +7 999 999 99 99
-        if (isFormatJumps) {
-            var phonePart = currentValue.slice(0, newCaretPosition);
-            var cursor = 0;
-            while (cursor < phonePart.length) {
-                var currChar = newValue.charAt(cursor);
-                if (currChar !== phonePart.charAt(cursor)) {
-                    phonePart = phonePart.slice(0, cursor) + currChar + phonePart.slice(cursor);
-                }
-                cursor += 1;
-            }
-            newCaretPosition = cursor;
-        }
-        setCaretPos(newCaretPosition);
+        var phonePart = currentValue.slice(0, caretPosition - deletedCharsCount);
+        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(caretPosition)));
+        var phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
     var handleKeyDown = function (event) {
         var input = event.target;
-        var caretPosition = input.selectionStart;
-        if (!caretPosition) {
-            return;
-        }
-        if (event.key === 'Backspace') {
+        var caretPosition = input.selectionStart || 0;
+        // Нажат только Backspace, не сочетание клавиш с ним.
+        if (!event.shiftKey && !event.ctrlKey && !event.metaKey && event.key === 'Backspace') {
+            if (!caretPosition)
+                return;
             event.preventDefault();
             handleDeleteChar(event, caretPosition);
         }
@@ -233,7 +199,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-a9f8d539.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-e48b405a.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             setCountryByDialCode(value);