@alfalab/core-components 42.11.0 → 42.12.0-beta.0

package/international-phone-input/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;
-        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
-        headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
+        OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
+        headerProps?: import("./Component-aed0af6e").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-ebda875c";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/international-phone-input/hook-ebda875c.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptionProps, OptionShape } from "./typings-0f4b9bed";
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+export { useLazyLoading };

package/international-phone-input/index-8b2c2707.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };
-export type { ButtonProps } from "./typings-9211a437";
+export type { ButtonProps } from "./typings-89f0cb07";

package/international-phone-input/index-bdb4c6b9.d.ts

@@ -1,2 +1,180 @@
-export * from "./Component-ebda875c";
-export * from "./utils-1574ad8b";
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import React from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { TransitionProps } from "react-transition-group/Transition";
+import { BackdropProps, PortalProps } from "./index-ebda875c";
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: FC<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps["getPortalContainer"];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+};
+type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
+    componentRef: React.RefObject<HTMLDivElement>;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    hasScroll?: boolean;
+    headerHighlighted?: boolean;
+    footerHighlighted?: boolean;
+    headerOffset?: number;
+    setHeaderOffset: (offset: number) => void;
+    contentRef: Ref<HTMLElement>;
+    setHasHeader: (exists: boolean) => void;
+    setHasFooter: (exists: boolean) => void;
+    onClose: Required<BaseModalProps>["onClose"];
+};
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+declare const BaseModalContext: React.Context<BaseModalContext>;
+declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+declare function isScrolledToTop(target: HTMLElement): boolean;
+declare function isScrolledToBottom(target: HTMLElement): boolean;
+declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
+declare const restoreContainerStyles: (container: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement) => void;
+type SavedStyle = {
+    value: string;
+    key: string;
+    el: HTMLElement;
+};
+type RestoreStyle = {
+    container: HTMLElement;
+    modals: number;
+    styles: SavedStyle[];
+};
+declare class ModalStore {
+    private readonly restoreStyles;
+    constructor();
+    getRestoreStyles: () => RestoreStyle[];
+}
+declare const getModalStore: () => ModalStore;
+declare class GlobalStore {
+    private readonly modalStore;
+    constructor();
+    getModalStore: () => ModalStore;
+}
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
+export type { SavedStyle };

package/international-phone-input/index-c44170fe.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-785df74d";
+export * from "./Component.responsive-d7e9f69d";
 export {};

package/international-phone-input/index-c76d6398.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 /* eslint-disable complexity */
 import React from "react";
-import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
+import { ReactNode, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Вид компонента
@@ -135,7 +136,184 @@ type NavigationBarProps = {
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { NavigationBar };
-export * from "./Component-63dec22f";
+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",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+export { NavigationBar, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive };
+export type { TitleProps, TextProps, Color, NavigationBarProps };
+export * from "./useSkeleton-1b036d4b";
 export * from "./Component-8b2c2707";
-export type { NavigationBarProps };

package/international-phone-input/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-4cd3936b";
+export * from "./Component-0f4b9bed";

package/international-phone-input/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-8abfea97";
+import { BaseSelectProps } from "./typings-0f4b9bed";
+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-c76d6398").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-f28cbba0";
+export type { SelectMobileProps } from "./Component.mobile-f28cbba0";

package/international-phone-input/mobile-4c19bc40.d.ts

@@ -1,3 +1,121 @@
-export { InputAutocompleteMobile, InputAutocompleteMobileProps } from "./Component.mobile-4cd3936b";
-export { InputAutocompleteModalMobile, InputAutocompleteModalMobileProps } from "./Component.modal.mobile-4cd3936b";
-export {};
+/// <reference types="react" />
+import React from "react";
+import { ChangeEvent, ElementType } from "react";
+import { ButtonMobileProps } from "./mobile-511e54fa";
+import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
+import { SelectModalMobileProps } from "./mobile-45dc17c6";
+type InputAutocompleteMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll" | "nativeSelect" | "autocomplete" | "valueRenderer" | "searchProps" | "showSearch" | "Search"> & {
+    /**
+     * Обработчик выбора
+     */
+    onChange: (payload: string | BaseSelectChangePayload) => void;
+    /**
+     * Обработчик ввода фильтра.
+     */
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Значение фильтра.
+     */
+    filter?: string;
+    /**
+     * Обработчик нажатия на кнопку "Отмена".
+     */
+    onCancel?: () => void;
+    /**
+     * Обработчик нажатия на крестик в инпуте фильтра.
+     */
+    onClearFilter?: () => void;
+    /**
+     * Дополнительные пропсы компонента BottomSheet
+     */
+    bottomSheetProps?: AdditionalMobileProps["bottomSheetProps"];
+    /**
+     * Дополнительные пропсы на слот под заголовком компонента BottomSheet
+     */
+    bottomSheetHeaderAddonsProps?: Record<string, unknown>;
+    /**
+     * Дополнительные пропсы на кнопку "продолжить"
+     */
+    continueButtonProps?: ButtonMobileProps;
+    /**
+     * Дополнительные пропсы на кнопку "отмена"
+     */
+    cancelButtonProps?: ButtonMobileProps;
+    /**
+     * Кастомный инпут
+     */
+    Input?: ElementType;
+};
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "Checkmark" | "nativeSelect" | "OptionsList" | "showSearch" | "Search" | "searchProps"> & {
+    onChange: (payload: string | BaseSelectChangePayload) => void;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    value?: string | undefined;
+    filter?: string | undefined;
+    onCancel?: (() => void) | undefined;
+    onClearFilter?: (() => void) | undefined;
+    bottomSheetProps?: AdditionalMobileProps["bottomSheetProps"];
+    bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
+    Input?: React.ElementType<any> | undefined;
+} & React.RefAttributes<unknown>>;
+type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, "OptionsList" | "Checkmark" | "onScroll" | "nativeSelect" | "autocomplete" | "valueRenderer"> & {
+    /**
+     * Обработчик выбора
+     */
+    onChange: (payload: string | BaseSelectChangePayload) => void;
+    /**
+     * Обработчик ввода фильтра.
+     */
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Значение фильтра.
+     */
+    filter?: string;
+    /**
+     * Обработчик нажатия на кнопку "Отмена".
+     */
+    onCancel?: () => void;
+    /**
+     * Обработчик нажатия на крестик в инпуте фильтра.
+     */
+    onClearFilter?: () => void;
+    /**
+     * Дополнительные пропсы на слот под заголовком
+     */
+    bottomAddonProps?: Record<string, unknown>;
+    /**
+     * Дополнительные пропсы на кнопку "продолжить"
+     */
+    continueButtonProps?: ButtonMobileProps;
+    /**
+     * Дополнительные пропсы на кнопку "отмена"
+     */
+    cancelButtonProps?: ButtonMobileProps;
+    /**
+     * Кастомный инпут
+     */
+    Input?: ElementType;
+};
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "Checkmark" | "nativeSelect" | "OptionsList"> & {
+    onChange: (payload: string | BaseSelectChangePayload) => void;
+    onFilter: (event: ChangeEvent<HTMLInputElement>) => void;
+    value?: string | undefined;
+    filter?: string | undefined;
+    onCancel?: (() => void) | undefined;
+    onClearFilter?: (() => void) | undefined;
+    bottomAddonProps?: Record<string, unknown> | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
+    Input?: React.ElementType<any> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { InputAutocompleteMobileProps, InputAutocompleteMobile, InputAutocompleteModalMobileProps, InputAutocompleteModalMobile };
+export * from "./Component-96988a65";