@alfalab/core-components 30.8.0-beta.0 → 31.2.0

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1keip */
+/* hash: 11rj7 */
 :root {
 
     /* Hard */
@@ -11,13 +11,13 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.input-autocomplete__bottomSheetInput_1h0lm {
+.input-autocomplete__bottomSheetInput_3vtzs {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1h0lm {
+.input-autocomplete__footer_3vtzs {
     display: flex
 }
-.input-autocomplete__footer_1h0lm > button + button {
+.input-autocomplete__footer_3vtzs > 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-32a9e0d5.js');
+require('./tslib.es6-220627f3.js');
 require('classnames');
 require('react');
 require('react-merge-refs');

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

@@ -33,7 +33,7 @@ type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> &
      */
     updatePopover?: BaseSelectProps['updatePopover'];
 };
-declare const InputAutocomplete: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const InputAutocomplete: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Компонент ввода значения
      */
@@ -48,6 +48,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Pick<BaseSelect
         success?: boolean | undefined;
         hint?: React.ReactNode;
         label?: React.ReactNode;
+        labelView?: "inner" | "outer" | undefined;
         type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         leftAddons?: React.ReactNode;
@@ -83,6 +84,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Pick<BaseSelect
         success?: boolean | undefined;
         hint?: React.ReactNode;
         label?: React.ReactNode;
+        labelView?: "inner" | "outer" | undefined;
         type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         leftAddons?: React.ReactNode;

package/input-autocomplete/modern/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent } from "react";
+import { ChangeEvent, ElementType } from "react";
 import { BaseSelectProps, BaseSelectChangePayload } from "../../select";
 import { ButtonProps } from "../../button";
 import { BottomSheetProps } from "./index-7ca84eff";
@@ -45,8 +45,12 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
      * Дополнительные пропсы на кнопку "отмена"
      */
     cancelButtonProps?: ButtonProps;
+    /**
+     * Кастомный инпут
+     */
+    Input?: ElementType;
 };
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Обработчик выбора
      */
@@ -87,5 +91,9 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Pick<Base
      * Дополнительные пропсы на кнопку "отмена"
      */
     cancelButtonProps?: Partial<import("../../button").AnchorButtonProps> | Partial<import("../../button").NativeButtonProps> | undefined;
+    /**
+     * Кастомный инпут
+     */
+    Input?: "symbol" | "object" | "s" | "label" | "slot" | "style" | "title" | React.ComponentClass<any, any> | React.FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
 } & React.RefAttributes<unknown>>;
 export { InputAutocompleteMobileProps, InputAutocompleteMobile };

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

@@ -9,11 +9,11 @@ import { Button } from '../../button/modern';
 import '../../form-control/modern';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1h0lm","footer":"input-autocomplete__footer_1h0lm"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_3vtzs","footer":"input-autocomplete__footer_3vtzs"};
 require('./mobile.css');
 
 const SELECTED = [];
-const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', filter = '', name, Arrow = null, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, ...restProps }, ref) => {
+const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', filter = '', name, Arrow = null, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, ...restProps }, ref) => {
     const [open, setOpen] = useState(false);
     const bottomSheetInputRef = useRef(null);
     const targetRef = useRef(null);
@@ -56,12 +56,13 @@ const InputAutocompleteMobile = React.forwardRef(({ bottomSheetProps = {}, botto
         }
     };
     const getBottomSheetProps = () => {
+        const Component = Input$1 || Input;
         return {
             actionButton: (React.createElement("div", { className: styles.footer },
                 React.createElement(Button, Object.assign({ block: true, view: 'primary', size: 's', onClick: handleChange }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
                 React.createElement(Button, Object.assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))),
             title: label || placeholder,
-            bottomAddons: (React.createElement(Input, Object.assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
+            bottomAddons: (React.createElement(Component, Object.assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
                     bottomSheetInputRef,
                     bottomSheetHeaderAddonsProps.ref,
                 ]) }))),

package/input-autocomplete/modern/autocomplete-field/Component.d.ts

@@ -2,5 +2,5 @@
 import { FieldProps } from "../../../select";
 import { InputAutocompleteProps } from "../Component";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

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

@@ -3,10 +3,10 @@ import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../../input/modern';
 
-var styles = {"arrow":"input-autocomplete__arrow_1ejxg","error":"input-autocomplete__error_1ejxg"};
+var styles = {"arrow":"input-autocomplete__arrow_1f5tp","error":"input-autocomplete__error_1f5tp"};
 require('./index.css');
 
-const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
+const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
     const inputRef = useRef(null);
     const { onClick, onFocus } = innerProps;
     const inputDisabled = disabled || readOnly;
@@ -23,7 +23,7 @@ const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = I
         wrapperRef: mergeRefs([innerProps.ref, inputProps.wrapperRef]), 
         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
         // @ts-ignore
-        ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
+        ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
             inputProps.rightAddons,
             Arrow && (React.createElement("span", { className: cn(styles.arrow, {
                     [styles.error]: error,

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

@@ -1,4 +1,4 @@
-/* hash: 1a3zr */
-.input-autocomplete__arrow_1ejxg.input-autocomplete__error_1ejxg ~ * {
+/* hash: rh091 */
+.input-autocomplete__arrow_1f5tp.input-autocomplete__error_1f5tp ~ * {
     display: none;
 }

package/input-autocomplete/modern/autocomplete-mobile-field/Component.d.ts

@@ -3,5 +3,5 @@ import { FormControlProps } from "../../../form-control";
 import { FieldProps as BaseFieldProps } from "../../../select";
 import { InputAutocompleteProps } from "../index";
 type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
-declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
+declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

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

@@ -3,20 +3,20 @@ import React, { useState, useRef } from 'react';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '../../../form-control/modern';
 
-var styles = {"component":"input-autocomplete__component_3zptk","field":"input-autocomplete__field_3zptk","disabled":"input-autocomplete__disabled_3zptk","placeholder":"input-autocomplete__placeholder_3zptk","contentWrapper":"input-autocomplete__contentWrapper_3zptk","value":"input-autocomplete__value_3zptk","focusVisible":"input-autocomplete__focusVisible_3zptk"};
+var styles = {"component":"input-autocomplete__component_epp6f","field":"input-autocomplete__field_epp6f","disabled":"input-autocomplete__disabled_epp6f","placeholder":"input-autocomplete__placeholder_epp6f","contentWrapper":"input-autocomplete__contentWrapper_epp6f","value":"input-autocomplete__value_epp6f","focusVisible":"input-autocomplete__focusVisible_epp6f"};
 require('./index.css');
 
-const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
+const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
     const [focused, setFocused] = useState(false);
     const wrapperRef = useRef(null);
     const [focusVisible] = useFocus(wrapperRef, 'keyboard');
     const filled = Boolean(value);
-    const showLabel = !!label && (filled || !placeholder);
+    const showLabel = !!label && (filled || !placeholder || labelView === 'outer');
     return (React.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: () => setFocused(true), onBlur: () => setFocused(false) },
         React.createElement(FormControl, Object.assign({ fieldClassName: cn(styles.field, fieldClassName, {
                 [styles.disabled]: disabled,
                 [styles.focusVisible]: focusVisible,
-            }), block: true, size: size, focused: focused, disabled: disabled, filled: filled, label: showLabel && label, error: error, hint: hint, "data-test-id": dataTestId }, restProps, innerProps),
+            }), block: true, size: size, focused: focused, disabled: disabled, filled: filled, label: showLabel && label, labelView: labelView, error: error, hint: hint, "data-test-id": dataTestId }, restProps, innerProps),
             React.createElement("div", { className: styles.contentWrapper },
                 placeholder && !filled && (React.createElement("span", { className: styles.placeholder }, placeholder)),
                 filled && React.createElement("div", { className: styles.value }, value)))));

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

@@ -1,4 +1,4 @@
-/* hash: 1uh79 */
+/* hash: e32px */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: #546272;
@@ -15,20 +15,20 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.input-autocomplete__component_3zptk {
+.input-autocomplete__component_epp6f {
     width: 100%;
     outline: none;
 }
-.input-autocomplete__field_3zptk:not(.input-autocomplete__disabled_3zptk) {
+.input-autocomplete__field_epp6f:not(.input-autocomplete__disabled_epp6f) {
     cursor: pointer;
 }
-.input-autocomplete__disabled_3zptk {
+.input-autocomplete__disabled_epp6f {
     cursor: var(--disabled-cursor);
 }
-.input-autocomplete__placeholder_3zptk {
+.input-autocomplete__placeholder_epp6f {
     color: var(--color-light-text-secondary);
 }
-.input-autocomplete__contentWrapper_3zptk {
+.input-autocomplete__contentWrapper_epp6f {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -38,12 +38,12 @@
     overflow: hidden;
     width: 100%;
 }
-.input-autocomplete__value_3zptk {
+.input-autocomplete__value_epp6f {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
 }
-.input-autocomplete__focusVisible_3zptk {
+.input-autocomplete__focusVisible_epp6f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1keip */
+/* hash: 11rj7 */
 :root {
 
     /* Hard */
@@ -11,13 +11,13 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.input-autocomplete__bottomSheetInput_1h0lm {
+.input-autocomplete__bottomSheetInput_3vtzs {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
 }
-.input-autocomplete__footer_1h0lm {
+.input-autocomplete__footer_3vtzs {
     display: flex
 }
-.input-autocomplete__footer_1h0lm > button + button {
+.input-autocomplete__footer_3vtzs > button + button {
         margin-left: var(--gap-m);
     }

package/intl-phone-input/{component-150845e8.js → component-70b05274.js}

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_vpmqc","flagIconContainer":"intl-phone-input__flagIconContainer_vpmqc","disabled":"intl-phone-input__disabled_vpmqc","inner":"intl-phone-input__inner_vpmqc","l":"intl-phone-input__l_vpmqc","xl":"intl-phone-input__xl_vpmqc","focusVisible":"intl-phone-input__focusVisible_vpmqc"};
+var styles = {"component":"intl-phone-input__component_1ybzg","flagIconContainer":"intl-phone-input__flagIconContainer_1ybzg","disabled":"intl-phone-input__disabled_1ybzg","inner":"intl-phone-input__inner_1ybzg","l":"intl-phone-input__l_1ybzg","xl":"intl-phone-input__xl_1ybzg","focusVisible":"intl-phone-input__focusVisible_1ybzg"};
 require('./components/select-field/index.css');
 
 var SelectField = function (_a) {

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

@@ -39,7 +39,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     maxPhoneLen?: MaxPhoneLenByCountry;
 };
-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"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "block" | "size" | "className" | "fieldClassName" | "disabled" | "hint" | "label" | "labelView" | "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-150845e8.js');
+var components_selectField_component = require('./component-70b05274.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -19,7 +19,7 @@ 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_1t68h","l":"intl-phone-input__l_1t68h","xl":"intl-phone-input__xl_1t68h"};
+var styles = {"addons":"intl-phone-input__addons_1fivj","l":"intl-phone-input__l_1fivj","xl":"intl-phone-input__xl_1fivj"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();
@@ -30,9 +30,10 @@ 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_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 _m = React.useState(0), fieldWidth = _m[0], setFieldWidth = _m[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
-    var _o = React.useState(), caretPos = _o[0], setCaretPos = _o[1];
+    var _o = React.useState(null), inputWrapperRef = _o[0], setInputWrapperRef = _o[1];
+    var _p = React.useState(), caretPos = _p[0], setCaretPos = _p[1];
     var phoneLibUtils = React.useRef();
     var formatPhone = function (inputValue) {
         var newValue = inputValue;
@@ -199,7 +200,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-5ec40ff4.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-a01505ef.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             setCountryByDialCode(value);
@@ -208,7 +209,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    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, onKeyDown: handleKeyDown, 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 })));
+    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, onKeyDown: handleKeyDown, 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 })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_ryav5","ac":"intl-phone-input__ac_ryav5","ad":"intl-phone-input__ad_ryav5","ae":"intl-phone-input__ae_ryav5","af":"intl-phone-input__af_ryav5","ag":"intl-phone-input__ag_ryav5","ai":"intl-phone-input__ai_ryav5","al":"intl-phone-input__al_ryav5","am":"intl-phone-input__am_ryav5","ao":"intl-phone-input__ao_ryav5","aq":"intl-phone-input__aq_ryav5","ar":"intl-phone-input__ar_ryav5","as":"intl-phone-input__as_ryav5","at":"intl-phone-input__at_ryav5","au":"intl-phone-input__au_ryav5","aw":"intl-phone-input__aw_ryav5","ax":"intl-phone-input__ax_ryav5","az":"intl-phone-input__az_ryav5","ba":"intl-phone-input__ba_ryav5","bb":"intl-phone-input__bb_ryav5","bd":"intl-phone-input__bd_ryav5","be":"intl-phone-input__be_ryav5","bf":"intl-phone-input__bf_ryav5","bg":"intl-phone-input__bg_ryav5","bh":"intl-phone-input__bh_ryav5","bi":"intl-phone-input__bi_ryav5","bj":"intl-phone-input__bj_ryav5","bl":"intl-phone-input__bl_ryav5","bm":"intl-phone-input__bm_ryav5","bn":"intl-phone-input__bn_ryav5","bo":"intl-phone-input__bo_ryav5","bq":"intl-phone-input__bq_ryav5","br":"intl-phone-input__br_ryav5","bs":"intl-phone-input__bs_ryav5","bt":"intl-phone-input__bt_ryav5","bv":"intl-phone-input__bv_ryav5","bw":"intl-phone-input__bw_ryav5","by":"intl-phone-input__by_ryav5","bz":"intl-phone-input__bz_ryav5","ca":"intl-phone-input__ca_ryav5","cc":"intl-phone-input__cc_ryav5","cd":"intl-phone-input__cd_ryav5","cf":"intl-phone-input__cf_ryav5","cg":"intl-phone-input__cg_ryav5","ch":"intl-phone-input__ch_ryav5","ci":"intl-phone-input__ci_ryav5","ck":"intl-phone-input__ck_ryav5","cl":"intl-phone-input__cl_ryav5","cm":"intl-phone-input__cm_ryav5","cn":"intl-phone-input__cn_ryav5","co":"intl-phone-input__co_ryav5","cp":"intl-phone-input__cp_ryav5","cr":"intl-phone-input__cr_ryav5","cu":"intl-phone-input__cu_ryav5","cv":"intl-phone-input__cv_ryav5","cw":"intl-phone-input__cw_ryav5","cx":"intl-phone-input__cx_ryav5","cy":"intl-phone-input__cy_ryav5","cz":"intl-phone-input__cz_ryav5","de":"intl-phone-input__de_ryav5","dg":"intl-phone-input__dg_ryav5","dj":"intl-phone-input__dj_ryav5","dk":"intl-phone-input__dk_ryav5","dm":"intl-phone-input__dm_ryav5","do":"intl-phone-input__do_ryav5","dz":"intl-phone-input__dz_ryav5","ea":"intl-phone-input__ea_ryav5","ec":"intl-phone-input__ec_ryav5","ee":"intl-phone-input__ee_ryav5","eg":"intl-phone-input__eg_ryav5","eh":"intl-phone-input__eh_ryav5","er":"intl-phone-input__er_ryav5","es":"intl-phone-input__es_ryav5","et":"intl-phone-input__et_ryav5","eu":"intl-phone-input__eu_ryav5","fi":"intl-phone-input__fi_ryav5","fj":"intl-phone-input__fj_ryav5","fk":"intl-phone-input__fk_ryav5","fm":"intl-phone-input__fm_ryav5","fo":"intl-phone-input__fo_ryav5","fr":"intl-phone-input__fr_ryav5","ga":"intl-phone-input__ga_ryav5","gb":"intl-phone-input__gb_ryav5","gd":"intl-phone-input__gd_ryav5","ge":"intl-phone-input__ge_ryav5","gf":"intl-phone-input__gf_ryav5","gg":"intl-phone-input__gg_ryav5","gh":"intl-phone-input__gh_ryav5","gi":"intl-phone-input__gi_ryav5","gl":"intl-phone-input__gl_ryav5","gm":"intl-phone-input__gm_ryav5","gn":"intl-phone-input__gn_ryav5","gp":"intl-phone-input__gp_ryav5","gq":"intl-phone-input__gq_ryav5","gr":"intl-phone-input__gr_ryav5","gs":"intl-phone-input__gs_ryav5","gt":"intl-phone-input__gt_ryav5","gu":"intl-phone-input__gu_ryav5","gw":"intl-phone-input__gw_ryav5","gy":"intl-phone-input__gy_ryav5","hk":"intl-phone-input__hk_ryav5","hm":"intl-phone-input__hm_ryav5","hn":"intl-phone-input__hn_ryav5","hr":"intl-phone-input__hr_ryav5","ht":"intl-phone-input__ht_ryav5","hu":"intl-phone-input__hu_ryav5","ic":"intl-phone-input__ic_ryav5","id":"intl-phone-input__id_ryav5","ie":"intl-phone-input__ie_ryav5","il":"intl-phone-input__il_ryav5","im":"intl-phone-input__im_ryav5","in":"intl-phone-input__in_ryav5","io":"intl-phone-input__io_ryav5","iq":"intl-phone-input__iq_ryav5","ir":"intl-phone-input__ir_ryav5","is":"intl-phone-input__is_ryav5","it":"intl-phone-input__it_ryav5","je":"intl-phone-input__je_ryav5","jm":"intl-phone-input__jm_ryav5","jo":"intl-phone-input__jo_ryav5","jp":"intl-phone-input__jp_ryav5","ke":"intl-phone-input__ke_ryav5","kg":"intl-phone-input__kg_ryav5","kh":"intl-phone-input__kh_ryav5","ki":"intl-phone-input__ki_ryav5","km":"intl-phone-input__km_ryav5","kn":"intl-phone-input__kn_ryav5","kp":"intl-phone-input__kp_ryav5","kr":"intl-phone-input__kr_ryav5","kw":"intl-phone-input__kw_ryav5","ky":"intl-phone-input__ky_ryav5","kz":"intl-phone-input__kz_ryav5","la":"intl-phone-input__la_ryav5","lb":"intl-phone-input__lb_ryav5","lc":"intl-phone-input__lc_ryav5","li":"intl-phone-input__li_ryav5","lk":"intl-phone-input__lk_ryav5","lr":"intl-phone-input__lr_ryav5","ls":"intl-phone-input__ls_ryav5","lt":"intl-phone-input__lt_ryav5","lu":"intl-phone-input__lu_ryav5","lv":"intl-phone-input__lv_ryav5","ly":"intl-phone-input__ly_ryav5","ma":"intl-phone-input__ma_ryav5","mc":"intl-phone-input__mc_ryav5","md":"intl-phone-input__md_ryav5","me":"intl-phone-input__me_ryav5","mf":"intl-phone-input__mf_ryav5","mg":"intl-phone-input__mg_ryav5","mh":"intl-phone-input__mh_ryav5","mk":"intl-phone-input__mk_ryav5","ml":"intl-phone-input__ml_ryav5","mm":"intl-phone-input__mm_ryav5","mn":"intl-phone-input__mn_ryav5","mo":"intl-phone-input__mo_ryav5","mp":"intl-phone-input__mp_ryav5","mq":"intl-phone-input__mq_ryav5","mr":"intl-phone-input__mr_ryav5","ms":"intl-phone-input__ms_ryav5","mt":"intl-phone-input__mt_ryav5","mu":"intl-phone-input__mu_ryav5","mv":"intl-phone-input__mv_ryav5","mw":"intl-phone-input__mw_ryav5","mx":"intl-phone-input__mx_ryav5","my":"intl-phone-input__my_ryav5","mz":"intl-phone-input__mz_ryav5","na":"intl-phone-input__na_ryav5","nc":"intl-phone-input__nc_ryav5","ne":"intl-phone-input__ne_ryav5","nf":"intl-phone-input__nf_ryav5","ng":"intl-phone-input__ng_ryav5","ni":"intl-phone-input__ni_ryav5","nl":"intl-phone-input__nl_ryav5","no":"intl-phone-input__no_ryav5","np":"intl-phone-input__np_ryav5","nr":"intl-phone-input__nr_ryav5","nu":"intl-phone-input__nu_ryav5","nz":"intl-phone-input__nz_ryav5","om":"intl-phone-input__om_ryav5","pa":"intl-phone-input__pa_ryav5","pe":"intl-phone-input__pe_ryav5","pf":"intl-phone-input__pf_ryav5","pg":"intl-phone-input__pg_ryav5","ph":"intl-phone-input__ph_ryav5","pk":"intl-phone-input__pk_ryav5","pl":"intl-phone-input__pl_ryav5","pm":"intl-phone-input__pm_ryav5","pn":"intl-phone-input__pn_ryav5","pr":"intl-phone-input__pr_ryav5","ps":"intl-phone-input__ps_ryav5","pt":"intl-phone-input__pt_ryav5","pw":"intl-phone-input__pw_ryav5","py":"intl-phone-input__py_ryav5","qa":"intl-phone-input__qa_ryav5","re":"intl-phone-input__re_ryav5","ro":"intl-phone-input__ro_ryav5","rs":"intl-phone-input__rs_ryav5","ru":"intl-phone-input__ru_ryav5","rw":"intl-phone-input__rw_ryav5","sa":"intl-phone-input__sa_ryav5","sb":"intl-phone-input__sb_ryav5","sc":"intl-phone-input__sc_ryav5","sd":"intl-phone-input__sd_ryav5","se":"intl-phone-input__se_ryav5","sg":"intl-phone-input__sg_ryav5","sh":"intl-phone-input__sh_ryav5","si":"intl-phone-input__si_ryav5","sj":"intl-phone-input__sj_ryav5","sk":"intl-phone-input__sk_ryav5","sl":"intl-phone-input__sl_ryav5","sm":"intl-phone-input__sm_ryav5","sn":"intl-phone-input__sn_ryav5","so":"intl-phone-input__so_ryav5","sr":"intl-phone-input__sr_ryav5","ss":"intl-phone-input__ss_ryav5","st":"intl-phone-input__st_ryav5","sv":"intl-phone-input__sv_ryav5","sx":"intl-phone-input__sx_ryav5","sy":"intl-phone-input__sy_ryav5","sz":"intl-phone-input__sz_ryav5","ta":"intl-phone-input__ta_ryav5","tc":"intl-phone-input__tc_ryav5","td":"intl-phone-input__td_ryav5","tf":"intl-phone-input__tf_ryav5","tg":"intl-phone-input__tg_ryav5","th":"intl-phone-input__th_ryav5","tj":"intl-phone-input__tj_ryav5","tk":"intl-phone-input__tk_ryav5","tl":"intl-phone-input__tl_ryav5","tm":"intl-phone-input__tm_ryav5","tn":"intl-phone-input__tn_ryav5","to":"intl-phone-input__to_ryav5","tr":"intl-phone-input__tr_ryav5","tt":"intl-phone-input__tt_ryav5","tv":"intl-phone-input__tv_ryav5","tw":"intl-phone-input__tw_ryav5","tz":"intl-phone-input__tz_ryav5","ua":"intl-phone-input__ua_ryav5","ug":"intl-phone-input__ug_ryav5","um":"intl-phone-input__um_ryav5","un":"intl-phone-input__un_ryav5","us":"intl-phone-input__us_ryav5","uy":"intl-phone-input__uy_ryav5","uz":"intl-phone-input__uz_ryav5","va":"intl-phone-input__va_ryav5","vc":"intl-phone-input__vc_ryav5","ve":"intl-phone-input__ve_ryav5","vg":"intl-phone-input__vg_ryav5","vi":"intl-phone-input__vi_ryav5","vn":"intl-phone-input__vn_ryav5","vu":"intl-phone-input__vu_ryav5","wf":"intl-phone-input__wf_ryav5","ws":"intl-phone-input__ws_ryav5","xk":"intl-phone-input__xk_ryav5","ye":"intl-phone-input__ye_ryav5","yt":"intl-phone-input__yt_ryav5","za":"intl-phone-input__za_ryav5","zm":"intl-phone-input__zm_ryav5","zw":"intl-phone-input__zw_ryav5"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1orb9","ac":"intl-phone-input__ac_1orb9","ad":"intl-phone-input__ad_1orb9","ae":"intl-phone-input__ae_1orb9","af":"intl-phone-input__af_1orb9","ag":"intl-phone-input__ag_1orb9","ai":"intl-phone-input__ai_1orb9","al":"intl-phone-input__al_1orb9","am":"intl-phone-input__am_1orb9","ao":"intl-phone-input__ao_1orb9","aq":"intl-phone-input__aq_1orb9","ar":"intl-phone-input__ar_1orb9","as":"intl-phone-input__as_1orb9","at":"intl-phone-input__at_1orb9","au":"intl-phone-input__au_1orb9","aw":"intl-phone-input__aw_1orb9","ax":"intl-phone-input__ax_1orb9","az":"intl-phone-input__az_1orb9","ba":"intl-phone-input__ba_1orb9","bb":"intl-phone-input__bb_1orb9","bd":"intl-phone-input__bd_1orb9","be":"intl-phone-input__be_1orb9","bf":"intl-phone-input__bf_1orb9","bg":"intl-phone-input__bg_1orb9","bh":"intl-phone-input__bh_1orb9","bi":"intl-phone-input__bi_1orb9","bj":"intl-phone-input__bj_1orb9","bl":"intl-phone-input__bl_1orb9","bm":"intl-phone-input__bm_1orb9","bn":"intl-phone-input__bn_1orb9","bo":"intl-phone-input__bo_1orb9","bq":"intl-phone-input__bq_1orb9","br":"intl-phone-input__br_1orb9","bs":"intl-phone-input__bs_1orb9","bt":"intl-phone-input__bt_1orb9","bv":"intl-phone-input__bv_1orb9","bw":"intl-phone-input__bw_1orb9","by":"intl-phone-input__by_1orb9","bz":"intl-phone-input__bz_1orb9","ca":"intl-phone-input__ca_1orb9","cc":"intl-phone-input__cc_1orb9","cd":"intl-phone-input__cd_1orb9","cf":"intl-phone-input__cf_1orb9","cg":"intl-phone-input__cg_1orb9","ch":"intl-phone-input__ch_1orb9","ci":"intl-phone-input__ci_1orb9","ck":"intl-phone-input__ck_1orb9","cl":"intl-phone-input__cl_1orb9","cm":"intl-phone-input__cm_1orb9","cn":"intl-phone-input__cn_1orb9","co":"intl-phone-input__co_1orb9","cp":"intl-phone-input__cp_1orb9","cr":"intl-phone-input__cr_1orb9","cu":"intl-phone-input__cu_1orb9","cv":"intl-phone-input__cv_1orb9","cw":"intl-phone-input__cw_1orb9","cx":"intl-phone-input__cx_1orb9","cy":"intl-phone-input__cy_1orb9","cz":"intl-phone-input__cz_1orb9","de":"intl-phone-input__de_1orb9","dg":"intl-phone-input__dg_1orb9","dj":"intl-phone-input__dj_1orb9","dk":"intl-phone-input__dk_1orb9","dm":"intl-phone-input__dm_1orb9","do":"intl-phone-input__do_1orb9","dz":"intl-phone-input__dz_1orb9","ea":"intl-phone-input__ea_1orb9","ec":"intl-phone-input__ec_1orb9","ee":"intl-phone-input__ee_1orb9","eg":"intl-phone-input__eg_1orb9","eh":"intl-phone-input__eh_1orb9","er":"intl-phone-input__er_1orb9","es":"intl-phone-input__es_1orb9","et":"intl-phone-input__et_1orb9","eu":"intl-phone-input__eu_1orb9","fi":"intl-phone-input__fi_1orb9","fj":"intl-phone-input__fj_1orb9","fk":"intl-phone-input__fk_1orb9","fm":"intl-phone-input__fm_1orb9","fo":"intl-phone-input__fo_1orb9","fr":"intl-phone-input__fr_1orb9","ga":"intl-phone-input__ga_1orb9","gb":"intl-phone-input__gb_1orb9","gd":"intl-phone-input__gd_1orb9","ge":"intl-phone-input__ge_1orb9","gf":"intl-phone-input__gf_1orb9","gg":"intl-phone-input__gg_1orb9","gh":"intl-phone-input__gh_1orb9","gi":"intl-phone-input__gi_1orb9","gl":"intl-phone-input__gl_1orb9","gm":"intl-phone-input__gm_1orb9","gn":"intl-phone-input__gn_1orb9","gp":"intl-phone-input__gp_1orb9","gq":"intl-phone-input__gq_1orb9","gr":"intl-phone-input__gr_1orb9","gs":"intl-phone-input__gs_1orb9","gt":"intl-phone-input__gt_1orb9","gu":"intl-phone-input__gu_1orb9","gw":"intl-phone-input__gw_1orb9","gy":"intl-phone-input__gy_1orb9","hk":"intl-phone-input__hk_1orb9","hm":"intl-phone-input__hm_1orb9","hn":"intl-phone-input__hn_1orb9","hr":"intl-phone-input__hr_1orb9","ht":"intl-phone-input__ht_1orb9","hu":"intl-phone-input__hu_1orb9","ic":"intl-phone-input__ic_1orb9","id":"intl-phone-input__id_1orb9","ie":"intl-phone-input__ie_1orb9","il":"intl-phone-input__il_1orb9","im":"intl-phone-input__im_1orb9","in":"intl-phone-input__in_1orb9","io":"intl-phone-input__io_1orb9","iq":"intl-phone-input__iq_1orb9","ir":"intl-phone-input__ir_1orb9","is":"intl-phone-input__is_1orb9","it":"intl-phone-input__it_1orb9","je":"intl-phone-input__je_1orb9","jm":"intl-phone-input__jm_1orb9","jo":"intl-phone-input__jo_1orb9","jp":"intl-phone-input__jp_1orb9","ke":"intl-phone-input__ke_1orb9","kg":"intl-phone-input__kg_1orb9","kh":"intl-phone-input__kh_1orb9","ki":"intl-phone-input__ki_1orb9","km":"intl-phone-input__km_1orb9","kn":"intl-phone-input__kn_1orb9","kp":"intl-phone-input__kp_1orb9","kr":"intl-phone-input__kr_1orb9","kw":"intl-phone-input__kw_1orb9","ky":"intl-phone-input__ky_1orb9","kz":"intl-phone-input__kz_1orb9","la":"intl-phone-input__la_1orb9","lb":"intl-phone-input__lb_1orb9","lc":"intl-phone-input__lc_1orb9","li":"intl-phone-input__li_1orb9","lk":"intl-phone-input__lk_1orb9","lr":"intl-phone-input__lr_1orb9","ls":"intl-phone-input__ls_1orb9","lt":"intl-phone-input__lt_1orb9","lu":"intl-phone-input__lu_1orb9","lv":"intl-phone-input__lv_1orb9","ly":"intl-phone-input__ly_1orb9","ma":"intl-phone-input__ma_1orb9","mc":"intl-phone-input__mc_1orb9","md":"intl-phone-input__md_1orb9","me":"intl-phone-input__me_1orb9","mf":"intl-phone-input__mf_1orb9","mg":"intl-phone-input__mg_1orb9","mh":"intl-phone-input__mh_1orb9","mk":"intl-phone-input__mk_1orb9","ml":"intl-phone-input__ml_1orb9","mm":"intl-phone-input__mm_1orb9","mn":"intl-phone-input__mn_1orb9","mo":"intl-phone-input__mo_1orb9","mp":"intl-phone-input__mp_1orb9","mq":"intl-phone-input__mq_1orb9","mr":"intl-phone-input__mr_1orb9","ms":"intl-phone-input__ms_1orb9","mt":"intl-phone-input__mt_1orb9","mu":"intl-phone-input__mu_1orb9","mv":"intl-phone-input__mv_1orb9","mw":"intl-phone-input__mw_1orb9","mx":"intl-phone-input__mx_1orb9","my":"intl-phone-input__my_1orb9","mz":"intl-phone-input__mz_1orb9","na":"intl-phone-input__na_1orb9","nc":"intl-phone-input__nc_1orb9","ne":"intl-phone-input__ne_1orb9","nf":"intl-phone-input__nf_1orb9","ng":"intl-phone-input__ng_1orb9","ni":"intl-phone-input__ni_1orb9","nl":"intl-phone-input__nl_1orb9","no":"intl-phone-input__no_1orb9","np":"intl-phone-input__np_1orb9","nr":"intl-phone-input__nr_1orb9","nu":"intl-phone-input__nu_1orb9","nz":"intl-phone-input__nz_1orb9","om":"intl-phone-input__om_1orb9","pa":"intl-phone-input__pa_1orb9","pe":"intl-phone-input__pe_1orb9","pf":"intl-phone-input__pf_1orb9","pg":"intl-phone-input__pg_1orb9","ph":"intl-phone-input__ph_1orb9","pk":"intl-phone-input__pk_1orb9","pl":"intl-phone-input__pl_1orb9","pm":"intl-phone-input__pm_1orb9","pn":"intl-phone-input__pn_1orb9","pr":"intl-phone-input__pr_1orb9","ps":"intl-phone-input__ps_1orb9","pt":"intl-phone-input__pt_1orb9","pw":"intl-phone-input__pw_1orb9","py":"intl-phone-input__py_1orb9","qa":"intl-phone-input__qa_1orb9","re":"intl-phone-input__re_1orb9","ro":"intl-phone-input__ro_1orb9","rs":"intl-phone-input__rs_1orb9","ru":"intl-phone-input__ru_1orb9","rw":"intl-phone-input__rw_1orb9","sa":"intl-phone-input__sa_1orb9","sb":"intl-phone-input__sb_1orb9","sc":"intl-phone-input__sc_1orb9","sd":"intl-phone-input__sd_1orb9","se":"intl-phone-input__se_1orb9","sg":"intl-phone-input__sg_1orb9","sh":"intl-phone-input__sh_1orb9","si":"intl-phone-input__si_1orb9","sj":"intl-phone-input__sj_1orb9","sk":"intl-phone-input__sk_1orb9","sl":"intl-phone-input__sl_1orb9","sm":"intl-phone-input__sm_1orb9","sn":"intl-phone-input__sn_1orb9","so":"intl-phone-input__so_1orb9","sr":"intl-phone-input__sr_1orb9","ss":"intl-phone-input__ss_1orb9","st":"intl-phone-input__st_1orb9","sv":"intl-phone-input__sv_1orb9","sx":"intl-phone-input__sx_1orb9","sy":"intl-phone-input__sy_1orb9","sz":"intl-phone-input__sz_1orb9","ta":"intl-phone-input__ta_1orb9","tc":"intl-phone-input__tc_1orb9","td":"intl-phone-input__td_1orb9","tf":"intl-phone-input__tf_1orb9","tg":"intl-phone-input__tg_1orb9","th":"intl-phone-input__th_1orb9","tj":"intl-phone-input__tj_1orb9","tk":"intl-phone-input__tk_1orb9","tl":"intl-phone-input__tl_1orb9","tm":"intl-phone-input__tm_1orb9","tn":"intl-phone-input__tn_1orb9","to":"intl-phone-input__to_1orb9","tr":"intl-phone-input__tr_1orb9","tt":"intl-phone-input__tt_1orb9","tv":"intl-phone-input__tv_1orb9","tw":"intl-phone-input__tw_1orb9","tz":"intl-phone-input__tz_1orb9","ua":"intl-phone-input__ua_1orb9","ug":"intl-phone-input__ug_1orb9","um":"intl-phone-input__um_1orb9","un":"intl-phone-input__un_1orb9","us":"intl-phone-input__us_1orb9","uy":"intl-phone-input__uy_1orb9","uz":"intl-phone-input__uz_1orb9","va":"intl-phone-input__va_1orb9","vc":"intl-phone-input__vc_1orb9","ve":"intl-phone-input__ve_1orb9","vg":"intl-phone-input__vg_1orb9","vi":"intl-phone-input__vi_1orb9","vn":"intl-phone-input__vn_1orb9","vu":"intl-phone-input__vu_1orb9","wf":"intl-phone-input__wf_1orb9","ws":"intl-phone-input__ws_1orb9","xk":"intl-phone-input__xk_1orb9","ye":"intl-phone-input__ye_1orb9","yt":"intl-phone-input__yt_1orb9","za":"intl-phone-input__za_1orb9","zm":"intl-phone-input__zm_1orb9","zw":"intl-phone-input__zw_1orb9"};
 require('./index.css');
 
 /**