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

package/index-f12ee135.d.ts

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -212,17 +220,9 @@ type BottomSheetProps = {
      */
     hideScrollbar?: boolean;
     /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
+     * Верхний отступ шторки, если она открыта на максимальную высоту
      */
-    onBack?: () => void;
-    /**
-     * Вызывается после притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
+    headerOffset?: number;
     /**
      * Содержимое bottom-sheet всегда в DOM
      */
@@ -239,20 +239,35 @@ type BottomSheetProps = {
      * Отключает вызов `onClose` при нажатии Escape
      */
     disableEscapeKeyDown?: boolean;
+    /**
+     * Обработчик закрытия
+     */
+    onClose: () => void;
+    /**
+     * Обработчик нажатия на стрелку назад
+     */
+    onBack?: () => void;
+    /**
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
+     */
+    onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-declare const HEADER_OFFSET = 24;
 declare const CLOSE_OFFSET = 0.2;
 declare const SCROLL_OFFSET = 1;
-declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
 type FooterProps = {
     /**
      * Контент футера
@@ -268,6 +283,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -283,5 +303,5 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
+export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop };
 export type { BottomSheetProps, BottomSheetTitleAlign };

package/index.d.ts

@@ -1,3 +1,2 @@
-export { InputAutocompleteDesktop as InputAutocomplete } from "./Component.desktop";
-export type { InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
-export * from "./responsive";
+export { InputAutocompleteResponsive as InputAutocomplete, InputAutocompleteResponsiveProps as InputAutocompleteProps } from "./Component.responsive";
+export {};

package/index.js

@@ -2,24 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
 var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
-require('@alfalab/core-components-select');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('@alfalab/core-components-select/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('@alfalab/core-components-input');
-require('@alfalab/hooks');
+require('@alfalab/core-components-input/desktop');
 require('./Component.mobile.js');
 require('lodash.throttle');
-require('@alfalab/core-components-button');
+require('@alfalab/core-components-button/mobile');
+require('@alfalab/core-components-input');
+require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
-require('@alfalab/core-components-form-control');
-require('./mobile.module-80b4093b.js');
+require('@alfalab/core-components-form-control/mobile');
+require('./mobile.module-4fb8c86a.js');
 
 
 
-exports.InputAutocomplete = Component_desktop.InputAutocompleteDesktop;
-exports.InputAutocompleteResponsive = Component_responsive.InputAutocompleteResponsive;
+exports.InputAutocomplete = Component_responsive.InputAutocompleteResponsive;

package/mobile-45dc17c6.d.ts

@@ -0,0 +1,47 @@
+/// <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"];
+    useWithApplyHook?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export { SelectModalMobileProps, SelectModalMobile };
+export { SelectMobile } from "./Component.mobile-f12ee135";
+export type { SelectMobileProps } from "./Component.mobile-f12ee135";

package/mobile-96988a65.d.ts

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

@@ -1,4 +1,4 @@
-/* hash: 1em70 */
+/* hash: ripaa */
 :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_175id {
+} .input-autocomplete__bottomAddonInput_aij30 {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_175id {
+} .input-autocomplete__footer_aij30 {
     display: flex
-} .input-autocomplete__footer_175id > button + button {
+} .input-autocomplete__footer_aij30 > button + button {
         margin-left: var(--gap-m);
     }

package/mobile.d.ts

@@ -1,3 +1,3 @@
-export * from "./Component.mobile";
-export * from "./Component.modal.mobile";
+export { InputAutocompleteMobile, InputAutocompleteMobileProps } from "./Component.mobile";
+export { InputAutocompleteModalMobile, InputAutocompleteModalMobileProps } from "./Component.modal.mobile";
 export {};

package/mobile.js

@@ -9,14 +9,13 @@ require('react');
 require('react-merge-refs');
 require('classnames');
 require('lodash.throttle');
-require('@alfalab/core-components-button');
+require('@alfalab/core-components-button/mobile');
 require('@alfalab/core-components-input');
-require('@alfalab/core-components-select');
+require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
-require('@alfalab/core-components-form-control');
+require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/hooks');
-require('./mobile.module-80b4093b.js');
-require('@alfalab/core-components-select/mobile');
+require('./mobile.module-4fb8c86a.js');
 
 
 

package/{mobile.module-80b4093b.js → mobile.module-4fb8c86a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_175id","footer":"input-autocomplete__footer_175id"};
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_aij30","footer":"input-autocomplete__footer_aij30"};
 require('./mobile.css')
 
 exports.styles = styles;

package/modern/Component-5e1b8383.d.ts

@@ -1,5 +1,72 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionsListProps } from "./typings-5e1b8383";
-declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
-export { VirtualOptionsList };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-f1f15074";
+export { ModalMobileProps } from "./typings-bdb4c6b9";
+export { SelectMobileProps, BaseSelectMobile };

package/{esm/Component-3885b0d7.d.ts → modern/Component-63dec22f.d.ts}

@@ -1,30 +1,6 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { NavigationBarProps } from "./types-ebda875c";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -164,6 +140,28 @@ declare const typographyPresets: {
     };
 };
 declare const TitleResponsive: FC<TitleProps>;
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };

package/modern/Component-89a3cf4c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-ebda875c";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/modern/Component-bdb4c6b9.d.ts

@@ -1,9 +1,12 @@
 /// <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 };
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/modern/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/modern/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/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.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;
     /**
      * Значение поля ввода