@alfalab/core-components-international-phone-input 1.0.0 → 1.0.2

package/{modern/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер

package/Component-4cd3936b.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { FormControlMobileProps } from "./mobile-d7e9f69d";
+import { FormControlMobileProps } from "./mobile-96988a65";
 import { FieldProps as BaseFieldProps } from "./shared-4cd3936b";
 type FieldProps = {
     /**

package/{esm/Component-9211a437.d.ts → Component-89f0cb07.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
  * чтобы при быстрых ответах от сервера кнопка не «моргала».
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/Component-8b2c2707.d.ts

@@ -34,7 +34,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Компонент иконки
@@ -49,7 +49,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "xxs" | undefined;
+    size?: "xs" | "s" | "xxs" | undefined;
     /**
      * Дополнительный класс
      */
@@ -67,5 +67,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

package/{esm/Component-d078a845.d.ts → Component-9cded6b9.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { FieldProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop-d078a845";
+import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

package/Component-c44170fe.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
+import { FormControlProps } from "./index-c44170fe";
+import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
+export { Field };

package/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/{cssm/Component.desktop-4cd3936b.d.ts → Component.desktop-9cded6b9.d.ts}

@@ -3,7 +3,7 @@ import React from 'react';
 import { ChangeEvent, FC, RefAttributes } from "react";
 import { InputProps } from "@alfalab/core-components-input";
 import { BaseSelectProps } from "./shared-4cd3936b";
-type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
+type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
     /**
      * Компонент ввода значения
      */
@@ -33,7 +33,7 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
      */
     updatePopover?: BaseSelectProps['updatePopover'];
 };
-declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
+declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
     /**
      * Компонент ввода значения
      */
@@ -69,5 +69,5 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
      */
     updatePopover?: BaseSelectProps['updatePopover'];
 } & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-4cd3936b";
+export * from "./Component-9cded6b9";
 export { InputAutocompleteDesktopProps, InputAutocompleteDesktop };

package/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/Component.mobile-4cd3936b.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-755fbaa3";
+import { ButtonMobileProps } from "./mobile-89f0cb07";
 import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
-type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
+type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer' | 'searchProps' | 'showSearch' | 'Search'> & {
     /**
      * Обработчик выбора
      */
@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/{cssm/Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts}

@@ -3,7 +3,7 @@ import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type AdditionalMobileProps = {
     /**
      * Футер

package/{esm/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ModalMobile } from "./Component.mobile-f1f15074";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Показывать кнопку очистки

package/Component.modal.mobile-4cd3936b.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-755fbaa3";
-import { SelectModalMobileProps } from "./mobile-ade26e99";
+import { ButtonMobileProps } from "./mobile-89f0cb07";
+import { SelectModalMobileProps } from "./mobile-f28cbba0";
 import { BaseSelectChangePayload } from "./shared-4cd3936b";
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.responsive.d.ts

@@ -7,13 +7,13 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-dd8ca091").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f4b9bed").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
 } & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
@@ -28,17 +28,17 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-dd8ca091").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f4b9bed").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-dd8ca091").OptionShape | import("./typings-dd8ca091").GroupShape)[];
-} & Omit<import("./Component.desktop-d078a845").InputAutocompleteDesktopProps, "onChange"> & {
-    options: (import("./typings-dd8ca091").OptionShape | import("./typings-dd8ca091").GroupShape)[];
+    options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
+} & Omit<import("./Component.desktop-9cded6b9").InputAutocompleteDesktopProps, "onChange"> & {
+    options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
 } & Omit<import("./Component.mobile-4cd3936b").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

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

@@ -9,18 +9,18 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-dd8ca091").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-0f4b9bed").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
-    Input: React.FC<import("packages/input/src").InputProps>;
+    Input: React.FC<import("@alfalab/core-components-input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;
     SelectComponent: React.ElementType<any>;
     view: "mobile" | "desktop";
     countriesData: Country[][];
-} & Omit<import("packages/input/src").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<import("@alfalab/core-components-input").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
 export { BaseInternationalPhoneInput };

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

@@ -25,7 +25,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_18u8d","addons":"international-phone-input__addons_18u8d"};
+var styles = {"component":"international-phone-input__component_1qs7j","addons":"international-phone-input__addons_1qs7j"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: oxfst */
+/* hash: 52r4w */
 
-    .international-phone-input__component_18u8d .international-phone-input__addons_18u8d {
+    .international-phone-input__component_1qs7j .international-phone-input__addons_1qs7j {
         padding-left: 0;
     }

package/components/country-select/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_g8rhr","option":"international-phone-input__option_g8rhr","flag":"international-phone-input__flag_g8rhr","countryName":"international-phone-input__countryName_g8rhr","dialCode":"international-phone-input__dialCode_g8rhr","flagIconWrapper":"international-phone-input__flagIconWrapper_g8rhr","emptyCountryIcon":"international-phone-input__emptyCountryIcon_g8rhr"};
+var styles = {"component":"international-phone-input__component_jun45","option":"international-phone-input__option_jun45","flag":"international-phone-input__flag_jun45","countryName":"international-phone-input__countryName_jun45","dialCode":"international-phone-input__dialCode_jun45","flagIconWrapper":"international-phone-input__flagIconWrapper_jun45","emptyCountryIcon":"international-phone-input__emptyCountryIcon_jun45"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hqzw */
+/* hash: aglkp */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a;
@@ -19,29 +19,29 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .international-phone-input__component_g8rhr {
+} .international-phone-input__component_jun45 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_g8rhr {
+} .international-phone-input__option_jun45 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_g8rhr {
+} .international-phone-input__flag_jun45 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_g8rhr {
+} .international-phone-input__countryName_jun45 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_g8rhr {
+} .international-phone-input__dialCode_jun45 {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_g8rhr {
+} .international-phone-input__flagIconWrapper_jun45 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_g8rhr {
+} .international-phone-input__emptyCountryIcon_jun45 {
     color: var(--color-light-graphic-secondary);
 }

package/components/flag-icon/component.js

@@ -11,7 +11,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_1xrmt","flagPlaceholder":"international-phone-input__flagPlaceholder_1xrmt"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_1cay9","flagPlaceholder":"international-phone-input__flagPlaceholder_1cay9"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jv21 */
+/* hash: s4cbc */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* 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_1xrmt {
+} .international-phone-input__flagIcon_1cay9 {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1xrmt {
+} .international-phone-input__flagPlaceholder_1cay9 {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select-field/component.js

@@ -17,7 +17,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_1yhpi","flagIconContainer":"international-phone-input__flagIconContainer_1yhpi","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1yhpi","disabled":"international-phone-input__disabled_1yhpi","inner":"international-phone-input__inner_1yhpi","l":"international-phone-input__l_1yhpi","xl":"international-phone-input__xl_1yhpi","focusVisible":"international-phone-input__focusVisible_1yhpi"};
+var styles = {"component":"international-phone-input__component_e0t5l","flagIconContainer":"international-phone-input__flagIconContainer_e0t5l","emptyCountryIcon":"international-phone-input__emptyCountryIcon_e0t5l","disabled":"international-phone-input__disabled_e0t5l","inner":"international-phone-input__inner_e0t5l","l":"international-phone-input__l_e0t5l","xl":"international-phone-input__xl_e0t5l","focusVisible":"international-phone-input__focusVisible_e0t5l"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 14kw5 */
+/* hash: 1ofkt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_1yhpi {
+} .international-phone-input__component_e0t5l {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1yhpi {
+} .international-phone-input__flagIconContainer_e0t5l {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1yhpi {
+} .international-phone-input__emptyCountryIcon_e0t5l {
     color: var(--color-light-graphic-secondary);
-} .international-phone-input__disabled_1yhpi {
+} .international-phone-input__disabled_e0t5l {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1yhpi {
+} .international-phone-input__inner_e0t5l {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1yhpi .international-phone-input__inner_1yhpi,
-.international-phone-input__xl_1yhpi .international-phone-input__inner_1yhpi {
+} .international-phone-input__l_e0t5l .international-phone-input__inner_e0t5l,
+.international-phone-input__xl_e0t5l .international-phone-input__inner_e0t5l {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1yhpi {
+} .international-phone-input__focusVisible_e0t5l {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/{esm/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Футер

package/cssm/Component-4cd3936b.d.ts

@@ -1,7 +1,19 @@
 /// <reference types="react" />
 import React from 'react';
-import { FieldProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
-type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
-export { AutocompleteFieldProps, AutocompleteField };
+import { ElementType } from "react";
+import { FormControlMobileProps } from "./mobile-96988a65";
+import { FieldProps as BaseFieldProps } from "./shared-4cd3936b";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+};
+declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
+export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/{Component-9211a437.d.ts → cssm/Component-89f0cb07.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
  * чтобы при быстрых ответах от сервера кнопка не «моргала».
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/cssm/Component-8b2c2707.d.ts

@@ -34,7 +34,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Компонент иконки
@@ -49,7 +49,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "xxs" | undefined;
+    size?: "xs" | "s" | "xxs" | undefined;
     /**
      * Дополнительный класс
      */
@@ -58,7 +58,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Выравнивание иконки
      * @default 'center'
      */
-    alignIcon?: "center" | "left" | "right" | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -67,5 +67,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

package/{modern/Component-d078a845.d.ts → cssm/Component-9cded6b9.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { FieldProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop-d078a845";
+import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

package/cssm/Component-c44170fe.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
+import { FormControlProps } from "./index-c44170fe";
+import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
+export { Field };