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

package/esm/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/esm/Component.desktop.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"> & {
     /**
      * Компонент ввода значения
      */

package/{Component.mobile-ade26e99.d.ts → esm/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.mobile.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-96988a65";
+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" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

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-db1787d4.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/{cssm/Component.modal.mobile-dd8ca091.d.ts → esm/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/esm/Component.modal.mobile.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonMobileProps } from "./mobile-96988a65";
-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'> & {
     /**

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-db1787d4.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.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonMobileProps } from "./mobile-96988a65";
+import { ButtonMobileProps } from "./mobile-89f0cb07";
 import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -12,7 +12,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
     breakpoint?: number;
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
-declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
+declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
     Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -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" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "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;

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-db1787d4.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_1ovyt","error":"input-autocomplete__error_1ovyt"};
+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: 1yqd4 */
-.input-autocomplete__arrow_1ovyt.input-autocomplete__error_1ovyt ~ * {
+/* 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_1ruvq","field":"input-autocomplete__field_1ruvq","disabled":"input-autocomplete__disabled_1ruvq","placeholder":"input-autocomplete__placeholder_1ruvq","contentWrapper":"input-autocomplete__contentWrapper_1ruvq","value":"input-autocomplete__value_1ruvq","focusVisible":"input-autocomplete__focusVisible_1ruvq"};
+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: 1oxms */
+/* 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_1ruvq {
+} .input-autocomplete__component_btb9r {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1ruvq:not(.input-autocomplete__disabled_1ruvq) {
+} .input-autocomplete__field_btb9r:not(.input-autocomplete__disabled_btb9r) {
     cursor: pointer;
-} .input-autocomplete__disabled_1ruvq {
+} .input-autocomplete__disabled_btb9r {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1ruvq {
+} .input-autocomplete__placeholder_btb9r {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1ruvq {
+} .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_1ruvq {
+} .input-autocomplete__value_btb9r {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1ruvq {
+} .input-autocomplete__focusVisible_btb9r {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/desktop-69921c40.d.ts

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

package/esm/hook-8abfea97.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
 type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
 };
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined; /**
          * Компонент выпадающего меню
          */
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
+        OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     };
     allowUnselect: boolean;
     multiple: boolean;
-    options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
+    options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
         key: string;
         content: string;
     })[];
-    onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
+    onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
     showSearch: boolean | undefined;
     searchProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         accessor?: ((option: OptionShape) => string) | undefined;
     } | undefined;
 };
-export * from "./Component-dd8ca091";
+export * from "./Component-0f4b9bed";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/esm/index-c76d6398.d.ts

@@ -181,5 +181,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { NavigationBar, IconButtonProps, IconButton };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export type { NavigationBarProps };

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-db1787d4.js';
+import './mobile.module-a36ccaa2.js';

package/esm/mobile-89f0cb07.d.ts

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

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-export * from "./Component.mobile-ebda875c";
-export {};
+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/esm/mobile-f28cbba0.d.ts

@@ -0,0 +1,5 @@
+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/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 25x8p */
+/* 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_mdypo {
-    padding: 0 var(--gap-xs) var(--gap-xs);
+} .input-autocomplete__bottomAddonInput_1pcau {
+    padding: var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_mdypo {
+} .input-autocomplete__footer_1pcau {
     display: flex
-} .input-autocomplete__footer_mdypo > 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-db1787d4.js';
+import './mobile.module-a36ccaa2.js';

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

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

package/esm/shared-4cd3936b.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
 // eslint-disable-next-line @typescript-eslint/naming-convention
 type useSelectWithLoadingProps = {
     loading?: boolean;
@@ -57,9 +57,9 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-dd8ca091";
+export * from "./Component-0f4b9bed";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";
-export * from "./typings-dd8ca091";
-export * from "./utils-dd8ca091";
-export type { AdditionalMobileProps } from "./Component.mobile-ade26e99";
+export * from "./typings-0f4b9bed";
+export * from "./utils-0f4b9bed";
+export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";

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

@@ -459,6 +459,10 @@ type OptionsListProps = {
      * Обработчик отмены изменений
      */
     onClear?: () => void;
+    /**
+     * Указать индекс пункта для hover состояния
+     */
+    setHighlightedIndex?: (index: number) => void;
 };
 type OptgroupProps = {
     /**

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

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

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

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/hook-8abfea97.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
 type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
 };
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined; /**
          * Компонент выпадающего меню
          */
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
+        OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     };
     allowUnselect: boolean;
     multiple: boolean;
-    options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
+    options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
         key: string;
         content: string;
     })[];
-    onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
+    onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
     showSearch: boolean | undefined;
     searchProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         accessor?: ((option: OptionShape) => string) | undefined;
     } | undefined;
 };
-export * from "./Component-dd8ca091";
+export * from "./Component-0f4b9bed";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/index-c76d6398.d.ts

@@ -181,5 +181,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { NavigationBar, IconButtonProps, IconButton };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export type { NavigationBarProps };

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-a683dbb2.js');
+require('./mobile.module-ef956a02.js');
 
 
 

package/mobile-89f0cb07.d.ts

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

package/mobile-96988a65.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-export * from "./Component.mobile-ebda875c";
-export {};
+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/mobile-f28cbba0.d.ts

@@ -0,0 +1,5 @@
+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: 25x8p */
+/* 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_mdypo {
-    padding: 0 var(--gap-xs) var(--gap-xs);
+} .input-autocomplete__bottomAddonInput_1pcau {
+    padding: var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_mdypo {
+} .input-autocomplete__footer_1pcau {
     display: flex
-} .input-autocomplete__footer_mdypo > 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-a683dbb2.js');
+require('./mobile.module-ef956a02.js');
 
 
 

package/{mobile.module-a683dbb2.js → mobile.module-ef956a02.js}

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

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'> & {
     /**
      * Футер