@alfalab/core-components-input-autocomplete 10.2.1 → 10.2.2

package/{Component.mobile-96988a65.d.ts → Component.mobile-f28cbba0.d.ts}

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

package/Component.mobile.d.ts

@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.mobile.js

@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
 var coreComponentsInput = require('@alfalab/core-components-input');
 var mobile = require('@alfalab/core-components-select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-15cb0efe.js');
+var mobile_module = require('./mobile.module-ef956a02.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');

package/{Component.modal.mobile-96988a65.d.ts → Component.modal.mobile-0f4b9bed.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ModalMobile } from "./Component.mobile-f1f15074";
-import { UseSelectWithApplyProps } from "./hook-0f4b9bed";
+import { UseSelectWithApplyProps } from "./hook-8abfea97";
 import { BaseSelectProps } from "./typings-0f4b9bed";
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**

package/Component.modal.mobile.d.ts

@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.modal.mobile.js

@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
 var coreComponentsInput = require('@alfalab/core-components-input');
 var mobile = require('@alfalab/core-components-select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-15cb0efe.js');
+var mobile_module = require('./mobile.module-ef956a02.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');

package/Component.responsive.d.ts

@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
      * @default 1024
      */
     breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
 export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };

package/Component.responsive.js

@@ -19,7 +19,7 @@ require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
-require('./mobile.module-15cb0efe.js');
+require('./mobile.module-ef956a02.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/autocomplete-field/Component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_tn869","error":"input-autocomplete__error_tn869"};
+var styles = {"arrow":"input-autocomplete__arrow_st6vv","error":"input-autocomplete__error_st6vv"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wl9f */
-.input-autocomplete__arrow_tn869.input-autocomplete__error_tn869 ~ * {
+/* hash: dk9gm */
+.input-autocomplete__arrow_st6vv.input-autocomplete__error_st6vv ~ * {
     display: none;
 }

package/autocomplete-mobile-field/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_o2ib1","field":"input-autocomplete__field_o2ib1","disabled":"input-autocomplete__disabled_o2ib1","placeholder":"input-autocomplete__placeholder_o2ib1","contentWrapper":"input-autocomplete__contentWrapper_o2ib1","value":"input-autocomplete__value_o2ib1","focusVisible":"input-autocomplete__focusVisible_o2ib1"};
+var styles = {"component":"input-autocomplete__component_btb9r","field":"input-autocomplete__field_btb9r","disabled":"input-autocomplete__disabled_btb9r","placeholder":"input-autocomplete__placeholder_btb9r","contentWrapper":"input-autocomplete__contentWrapper_btb9r","value":"input-autocomplete__value_btb9r","focusVisible":"input-autocomplete__focusVisible_btb9r"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

package/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 7ysu4 */
+/* hash: 1qzst */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_o2ib1 {
+} .input-autocomplete__component_btb9r {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_o2ib1:not(.input-autocomplete__disabled_o2ib1) {
+} .input-autocomplete__field_btb9r:not(.input-autocomplete__disabled_btb9r) {
     cursor: pointer;
-} .input-autocomplete__disabled_o2ib1 {
+} .input-autocomplete__disabled_btb9r {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_o2ib1 {
+} .input-autocomplete__placeholder_btb9r {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_o2ib1 {
+} .input-autocomplete__contentWrapper_btb9r {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_o2ib1 {
+} .input-autocomplete__value_btb9r {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_o2ib1 {
+} .input-autocomplete__focusVisible_btb9r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/Component.mobile.d.ts

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

package/cssm/Component.modal.mobile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-511e54fa";
+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" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/cssm/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonMobileProps } from "./mobile-511e54fa";
+import { ButtonMobileProps } from "./mobile-89f0cb07";
 import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
      * @default 1024
      */
     breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
 export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };

package/cssm/index-c76d6398.d.ts

@@ -174,7 +174,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "xs" | "s" | "xxs" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;

package/esm/Component.mobile.js

@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
 import { Input } from '@alfalab/core-components-input/esm';
 import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-b845ad92.js';
+import { s as styles } from './mobile.module-a36ccaa2.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/hooks';

package/esm/Component.modal.mobile.js

@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
 import { Input } from '@alfalab/core-components-input/esm';
 import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-b845ad92.js';
+import { s as styles } from './mobile.module-a36ccaa2.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/hooks';

package/esm/Component.responsive.js

@@ -15,7 +15,7 @@ import '@alfalab/core-components-select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/core-components-shared/esm';
-import './mobile.module-b845ad92.js';
+import './mobile.module-a36ccaa2.js';
 
 var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);

package/esm/autocomplete-field/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 
-var styles = {"arrow":"input-autocomplete__arrow_tn869","error":"input-autocomplete__error_tn869"};
+var styles = {"arrow":"input-autocomplete__arrow_st6vv","error":"input-autocomplete__error_st6vv"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/esm/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wl9f */
-.input-autocomplete__arrow_tn869.input-autocomplete__error_tn869 ~ * {
+/* hash: dk9gm */
+.input-autocomplete__arrow_st6vv.input-autocomplete__error_st6vv ~ * {
     display: none;
 }

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

@@ -5,7 +5,7 @@ import { FormControlMobile } from '@alfalab/core-components-form-control/esm/mob
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_o2ib1","field":"input-autocomplete__field_o2ib1","disabled":"input-autocomplete__disabled_o2ib1","placeholder":"input-autocomplete__placeholder_o2ib1","contentWrapper":"input-autocomplete__contentWrapper_o2ib1","value":"input-autocomplete__value_o2ib1","focusVisible":"input-autocomplete__focusVisible_o2ib1"};
+var styles = {"component":"input-autocomplete__component_btb9r","field":"input-autocomplete__field_btb9r","disabled":"input-autocomplete__disabled_btb9r","placeholder":"input-autocomplete__placeholder_btb9r","contentWrapper":"input-autocomplete__contentWrapper_btb9r","value":"input-autocomplete__value_btb9r","focusVisible":"input-autocomplete__focusVisible_btb9r"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 7ysu4 */
+/* hash: 1qzst */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_o2ib1 {
+} .input-autocomplete__component_btb9r {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_o2ib1:not(.input-autocomplete__disabled_o2ib1) {
+} .input-autocomplete__field_btb9r:not(.input-autocomplete__disabled_btb9r) {
     cursor: pointer;
-} .input-autocomplete__disabled_o2ib1 {
+} .input-autocomplete__disabled_btb9r {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_o2ib1 {
+} .input-autocomplete__placeholder_btb9r {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_o2ib1 {
+} .input-autocomplete__contentWrapper_btb9r {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_o2ib1 {
+} .input-autocomplete__value_btb9r {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_o2ib1 {
+} .input-autocomplete__focusVisible_btb9r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/index.js

@@ -16,4 +16,4 @@ import '@alfalab/core-components-select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/core-components-shared/esm';
-import './mobile.module-b845ad92.js';
+import './mobile.module-a36ccaa2.js';

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: tjya */
+/* hash: g0xmq */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_1q6c4 {
+} .input-autocomplete__bottomAddonInput_1pcau {
     padding: var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_1q6c4 {
+} .input-autocomplete__footer_1pcau {
     display: flex
-} .input-autocomplete__footer_1q6c4 > button + button {
+} .input-autocomplete__footer_1pcau > button + button {
         margin-left: var(--gap-m);
     }

package/esm/mobile.js

@@ -12,4 +12,4 @@ import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/hooks';
-import './mobile.module-b845ad92.js';
+import './mobile.module-a36ccaa2.js';

package/esm/{mobile.module-b845ad92.js → mobile.module-a36ccaa2.js}

@@ -1,4 +1,4 @@
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1q6c4","footer":"input-autocomplete__footer_1q6c4"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1pcau","footer":"input-autocomplete__footer_1pcau"};
 require('./mobile.css')
 
 export { styles as s };

package/index-c76d6398.d.ts

@@ -174,7 +174,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "xs" | "s" | "xxs" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;

package/index-ebda875c.d.ts

@@ -1,40 +1,146 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode } from "react";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TransitionProps } from "react-transition-group/Transition";
-type BackdropProps = Partial<TransitionProps> & {
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
     /**
-     * Прозрачный бэкдроп
+     * Слот слева
      */
-    invisible?: boolean;
+    leftAddons?: ReactNode;
     /**
-     * Управляет видимостью компонента
+     * Слот справа
      */
-    open: boolean;
+    rightAddons?: ReactNode;
     /**
-     * Обработчик клика по бэкдропу
+     * Слот под полем
      */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    bottomAddons?: ReactNode;
     /**
      * Дополнительный класс
      */
     className?: string;
     /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
      */
-    transitionClassNames?: string | CSSTransitionClassNames;
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Дочерние элементы.
+     * Компонент поля (инпут, textarea и пр.)
      */
     children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
 };
-declare const Backdrop: React.FC<BackdropProps>;
-export { BackdropProps, Backdrop };
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
+    labelView?: "inner" | "outer" | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputWrapperClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dataTestId?: string | undefined;
+    children?: ReactNode;
+    styles: {
+        [key: string]: string;
+    };
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/index.js

@@ -20,7 +20,7 @@ require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
-require('./mobile.module-15cb0efe.js');
+require('./mobile.module-ef956a02.js');
 
 
 

package/mobile-f28cbba0.d.ts

@@ -1,5 +1,5 @@
-export { SelectMobile } from "./Component.mobile-96988a65";
-export { SelectModalMobile } from "./Component.modal.mobile-96988a65";
-export type { SelectMobileProps } from "./Component.mobile-96988a65";
-export type { SelectModalMobileProps } from "./Component.modal.mobile-96988a65";
+export { SelectMobile } from "./Component.mobile-f28cbba0";
+export { SelectModalMobile } from "./Component.modal.mobile-0f4b9bed";
+export type { SelectMobileProps } from "./Component.mobile-f28cbba0";
+export type { SelectModalMobileProps } from "./Component.modal.mobile-0f4b9bed";
 export {};

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: tjya */
+/* hash: g0xmq */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_1q6c4 {
+} .input-autocomplete__bottomAddonInput_1pcau {
     padding: var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_1q6c4 {
+} .input-autocomplete__footer_1pcau {
     display: flex
-} .input-autocomplete__footer_1q6c4 > button + button {
+} .input-autocomplete__footer_1pcau > button + button {
         margin-left: var(--gap-m);
     }

package/mobile.js

@@ -16,7 +16,7 @@ require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/core-components-shared');
 require('@alfalab/hooks');
-require('./mobile.module-15cb0efe.js');
+require('./mobile.module-ef956a02.js');
 
 
 

package/{mobile.module-15cb0efe.js → mobile.module-ef956a02.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1q6c4","footer":"input-autocomplete__footer_1q6c4"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1pcau","footer":"input-autocomplete__footer_1pcau"};
 require('./mobile.css')
 
 exports.styles = styles;

package/modern/Component.desktop-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/modern/Component.mobile.d.ts

@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/modern/Component.mobile.js

@@ -6,7 +6,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
 import { Input } from '@alfalab/core-components-input/modern';
 import { SelectMobile } from '@alfalab/core-components-select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-40321fa2.js';
+import { s as styles } from './mobile.module-ba8a299e.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/hooks';

package/modern/Component.modal.mobile.d.ts

@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/modern/Component.modal.mobile.js

@@ -6,7 +6,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
 import { Input } from '@alfalab/core-components-input/modern';
 import { SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-40321fa2.js';
+import { s as styles } from './mobile.module-ba8a299e.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/hooks';

package/modern/Component.responsive.d.ts

@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
      * @default 1024
      */
     breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
 export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };

package/modern/Component.responsive.js

@@ -14,7 +14,7 @@ import '@alfalab/core-components-select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
-import './mobile.module-40321fa2.js';
+import './mobile.module-ba8a299e.js';
 
 const InputAutocompleteResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

package/modern/autocomplete-field/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
 
-const styles = {"arrow":"input-autocomplete__arrow_tn869","error":"input-autocomplete__error_tn869"};
+const styles = {"arrow":"input-autocomplete__arrow_st6vv","error":"input-autocomplete__error_st6vv"};
 require('./index.css')
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

package/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wl9f */
-.input-autocomplete__arrow_tn869.input-autocomplete__error_tn869 ~ * {
+/* hash: dk9gm */
+.input-autocomplete__arrow_st6vv.input-autocomplete__error_st6vv ~ * {
     display: none;
 }

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

@@ -4,7 +4,7 @@ import { FormControlMobile } from '@alfalab/core-components-form-control/modern/
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_o2ib1","field":"input-autocomplete__field_o2ib1","disabled":"input-autocomplete__disabled_o2ib1","placeholder":"input-autocomplete__placeholder_o2ib1","contentWrapper":"input-autocomplete__contentWrapper_o2ib1","value":"input-autocomplete__value_o2ib1","focusVisible":"input-autocomplete__focusVisible_o2ib1"};
+const styles = {"component":"input-autocomplete__component_btb9r","field":"input-autocomplete__field_btb9r","disabled":"input-autocomplete__disabled_btb9r","placeholder":"input-autocomplete__placeholder_btb9r","contentWrapper":"input-autocomplete__contentWrapper_btb9r","value":"input-autocomplete__value_btb9r","focusVisible":"input-autocomplete__focusVisible_btb9r"};
 require('./index.css')
 
 const AutocompleteMobileField = ({ size = 'm', open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 7ysu4 */
+/* hash: 1qzst */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_o2ib1 {
+} .input-autocomplete__component_btb9r {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_o2ib1:not(.input-autocomplete__disabled_o2ib1) {
+} .input-autocomplete__field_btb9r:not(.input-autocomplete__disabled_btb9r) {
     cursor: pointer;
-} .input-autocomplete__disabled_o2ib1 {
+} .input-autocomplete__disabled_btb9r {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_o2ib1 {
+} .input-autocomplete__placeholder_btb9r {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_o2ib1 {
+} .input-autocomplete__contentWrapper_btb9r {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_o2ib1 {
+} .input-autocomplete__value_btb9r {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_o2ib1 {
+} .input-autocomplete__focusVisible_btb9r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index-c76d6398.d.ts

@@ -174,7 +174,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "xs" | "s" | "xxs" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;

package/modern/index-ebda875c.d.ts

@@ -1,40 +1,146 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode } from "react";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TransitionProps } from "react-transition-group/Transition";
-type BackdropProps = Partial<TransitionProps> & {
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
     /**
-     * Прозрачный бэкдроп
+     * Слот слева
      */
-    invisible?: boolean;
+    leftAddons?: ReactNode;
     /**
-     * Управляет видимостью компонента
+     * Слот справа
      */
-    open: boolean;
+    rightAddons?: ReactNode;
     /**
-     * Обработчик клика по бэкдропу
+     * Слот под полем
      */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    bottomAddons?: ReactNode;
     /**
      * Дополнительный класс
      */
     className?: string;
     /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
      */
-    transitionClassNames?: string | CSSTransitionClassNames;
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Дочерние элементы.
+     * Компонент поля (инпут, textarea и пр.)
      */
     children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
 };
-declare const Backdrop: React.FC<BackdropProps>;
-export { BackdropProps, Backdrop };
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
+    labelView?: "inner" | "outer" | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputWrapperClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dataTestId?: string | undefined;
+    children?: ReactNode;
+    styles: {
+        [key: string]: string;
+    };
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/modern/index.js

@@ -15,4 +15,4 @@ import '@alfalab/core-components-select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
-import './mobile.module-40321fa2.js';
+import './mobile.module-ba8a299e.js';

package/modern/mobile-96988a65.d.ts

@@ -1,2 +1,6 @@
-export * from "./Component.mobile-ebda875c";
-export {};
+/// <reference types="react" />
+import React from "react";
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: tjya */
+/* hash: g0xmq */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_1q6c4 {
+} .input-autocomplete__bottomAddonInput_1pcau {
     padding: var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_1q6c4 {
+} .input-autocomplete__footer_1pcau {
     display: flex
-} .input-autocomplete__footer_1q6c4 > button + button {
+} .input-autocomplete__footer_1pcau > button + button {
         margin-left: var(--gap-m);
     }

package/modern/mobile.js

@@ -11,4 +11,4 @@ import './autocomplete-mobile-field/Component.js';
 import '@alfalab/core-components-form-control/modern/mobile';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/hooks';
-import './mobile.module-40321fa2.js';
+import './mobile.module-ba8a299e.js';

package/modern/{mobile.module-40321fa2.js → mobile.module-ba8a299e.js}

@@ -1,4 +1,4 @@
-const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1q6c4","footer":"input-autocomplete__footer_1q6c4"};
+const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1pcau","footer":"input-autocomplete__footer_1pcau"};
 require('./mobile.css')
 
 export { styles as s };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "10.2.1",
+    "version": "10.2.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -37,7 +37,7 @@
         "@alfalab/core-components-button": "^9.0.6",
         "@alfalab/core-components-form-control": "^10.1.1",
         "@alfalab/core-components-input": "^12.2.1",
-        "@alfalab/core-components-select": "^15.2.1",
+        "@alfalab/core-components-select": "^15.2.2",
         "@alfalab/core-components-shared": "^0.6.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",

package/shared-4cd3936b.d.ts

@@ -59,7 +59,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
 export * from "./index-ebda875c";
 export * from "./Component-0f4b9bed";
 export { useSelectWithLoading, useLazyLoading };
-export * from "./hook-0f4b9bed";
+export * from "./hook-8abfea97";
 export * from "./typings-0f4b9bed";
 export * from "./utils-0f4b9bed";
-export type { AdditionalMobileProps } from "./Component.mobile-96988a65";
+export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";

package/cssm/Component-511e54fa.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-type FooterProps = {
-    handleClear?: () => void;
-    handleApply?: () => void;
-    showClear?: boolean;
-};
-declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
-export { FooterProps, Footer };

package/modern/Component.mobile-ebda875c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };