@alfalab/core-components-input-autocomplete 9.4.6 → 10.0.0

package/esm/Component-ebda875c.d.ts

@@ -1,101 +1,12 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from 'react';
-import { CSSProperties, MutableRefObject, ReactNode } from "react";
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { BasePlacement, VariationPlacement } from '@popperjs/core';
-type RefElement = HTMLElement | null;
-type Position = BasePlacement | VariationPlacement;
-type PopoverProps = {
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
-    open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
-    anchorElement: RefElement;
-    /**
-     * Использовать ширину родительского элемента
-     */
-    useAnchorWidth?: boolean;
-    /**
-     * Позиционирование поповера
-     */
-    position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean;
-    /**
-     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     */
-    preventOverflow?: boolean;
-    /**
-     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     */
-    availableHeight?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
-    withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [x, y].
-     * Если позиционирование left, right то [y, x].
-     */
-    offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
-    popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
-    arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
-    getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
-    transitionDuration?: CSSProperties['transitionDuration'];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
-    withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
-    update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
-     * по очереди для каждой позиции из этого списка.
-     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
-     */
-    fallbackPlacements?: Position[];
-    /**
-     * Контент
-     */
-    children?: ReactNode;
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
-export { Position, PopoverProps, Popover };
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/esm/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/esm/Component.desktop.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ChangeEvent, FC, RefAttributes } from "react";
 import { InputProps } from "@alfalab/core-components-input";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { BaseSelectProps } from "./shared-4cd3936b";
 type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
     /**
      * Компонент ввода значения
@@ -37,74 +37,20 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
+         * Пропсы, которые будут прокинуты в инпут
+         */
     } & React.RefAttributes<HTMLInputElement>> | undefined;
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
+         * Пропсы, которые будут прокинуты в инпут
+         */
     } & Record<string, unknown>) | undefined;
     /**
      * Значение поля ввода

package/esm/Component.desktop.js

@@ -1,10 +1,10 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm';
+import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm/shared';
 import { AutocompleteField } from './autocomplete-field/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '@alfalab/core-components-input/esm';
+import '@alfalab/core-components-input/esm/desktop';
 
 var InputAutocompleteDesktop = forwardRef(function (_a, ref) {
     var _b = _a.OptionsList, OptionsList$1 = _b === void 0 ? OptionsList : _b, _c = _a.Optgroup, Optgroup$1 = _c === void 0 ? Optgroup : _c, _d = _a.Option, Option$1 = _d === void 0 ? Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = __rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);

package/esm/Component.mobile-06ffd24b.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type AdditionalMobileProps = {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
+};
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+export { AdditionalMobileProps, SelectMobileProps, SelectMobile };

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/{cssm/Component.mobile-e81c389f.d.ts → esm/Component.mobile-f1f15074.d.ts}

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
 import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
-declare const Header: FC<HeaderProps>;
 declare const Content: FC<ContentProps>;
 type FooterProps = {
     /**
@@ -31,8 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<HeaderProps>;
+    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
     Footer: React.FC<FooterProps>;
-    Closer: React.FC<import("./index-e81c389f").CloserProps>;
 };
-export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };
+export { Content, FooterProps, Footer, ModalMobile };

package/esm/Component.mobile.d.ts

@@ -2,8 +2,8 @@
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectChangePayload, BaseSelectProps } from "./index-3e68f8db";
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора
@@ -40,11 +40,11 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps;
+    continueButtonProps?: ButtonMobileProps;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonMobileProps;
     /**
      * Кастомный инпут
      */
@@ -86,11 +86,11 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<Base
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     /**
      * Кастомный инпут
      */

package/esm/Component.mobile.js

@@ -3,12 +3,12 @@ import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import throttle from 'lodash.throttle';
-import { Button } from '@alfalab/core-components-button/esm';
+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';
+import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-fc605397.js';
-import '@alfalab/core-components-form-control/esm';
+import { s as styles } from './mobile.module-ed5594fa.js';
+import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/hooks';
 
 var SELECTED = [];
@@ -66,8 +66,8 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
     var getBottomSheetProps = function () {
         var Component = Input$1 || Input;
         return __assign(__assign({ actionButton: (React.createElement("div", { className: styles.footer },
-                React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
-                React.createElement(Button, __assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))), title: label || placeholder, bottomAddons: (React.createElement(Component, __assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
+                React.createElement(ButtonMobile, __assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(ButtonMobile, __assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))), title: label || placeholder, bottomAddons: (React.createElement(Component, __assign({ block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus }, bottomSheetHeaderAddonsProps, { className: cn(styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
                     bottomSheetInputRef,
                     bottomSheetHeaderAddonsProps.ref,
                 ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: __assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });

package/esm/Component.modal.mobile-5e1b8383.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import React from 'react';
+import { ModalMobile } from "./Component.mobile-f1f15074";
+import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean;
+};
+declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
+    useWithApplyHook?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export { SelectModalMobileProps, SelectModalMobile };

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

@@ -1,41 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectChangePayload } from "./index-3e68f8db";
-import { ModalMobile } from "./Component.mobile-e81c389f";
-import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
-import { BaseSelectProps } from "./typings-5e1b8383";
-type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: UseSelectWithApplyProps["showClear"];
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
-    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
-    /**
-     *  Дополнительные пропсы модалки
-     */
-    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
-    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
-    /*
-    * Показывать пункт "Выбрать все" в заголовке списка
-    */
-    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
-    /**
-     * Использовать ли хук useSelectWithApply
-     */
-    useWithApplyHook?: boolean;
-};
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { SelectModalMobileProps } from "./mobile-06ffd24b";
+import { BaseSelectChangePayload } from "./shared-4cd3936b";
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора
@@ -68,11 +36,11 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps;
+    continueButtonProps?: ButtonMobileProps;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonMobileProps;
     /**
      * Кастомный инпут
      */
@@ -110,11 +78,11 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     /**
      * Кастомный инпут
      */

package/esm/Component.modal.mobile.js

@@ -3,12 +3,12 @@ import React, { useRef, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import throttle from 'lodash.throttle';
-import { Button } from '@alfalab/core-components-button/esm';
+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-fc605397.js';
-import '@alfalab/core-components-form-control/esm';
+import { s as styles } from './mobile.module-ed5594fa.js';
+import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/hooks';
 
 var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
@@ -58,8 +58,8 @@ var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
             bottomAddonProps === null || bottomAddonProps === void 0 ? void 0 : bottomAddonProps.ref,
         ]) }))); };
     var renderFooter = function () { return (React.createElement(React.Fragment, null,
-        React.createElement(Button, __assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
-        React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
+        React.createElement(ButtonMobile, __assign({ block: true, view: 'secondary', size: 'm', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"),
+        React.createElement(ButtonMobile, __assign({ block: true, view: 'primary', size: 'm', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))); };
     return (React.createElement(SelectModalMobile, __assign({ ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: __assign(__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 

package/esm/Component.responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { BottomSheetProps } from "./index-f12ee135";
-import { ButtonProps } from "@alfalab/core-components-button";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
@@ -14,71 +14,13 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & Record<string, unknown>) | undefined;
     value?: string | undefined;
     readOnly?: boolean | undefined;
@@ -86,7 +28,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
 } & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
-    onChange: (payload: string | import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
@@ -94,8 +36,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onClearFilter?: (() => void) | undefined;
     bottomSheetProps?: Partial<BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
-    continueButtonProps?: ButtonProps | undefined;
-    cancelButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     Input?: React.ElementType<any> | undefined;
 } & {
     /**