react-instantsearch

const ChatInlineLayout: any;

const EXPERIMENTAL_Autocomplete: <TItem extends BaseHit = BaseHit>(
    props: any
) => React.JSX.Element;

Autocomplete: <TItem extends BaseHit = BaseHit>(
    props: AutocompleteProps<TItem>
) => React.JSX.Element;

Breadcrumb: ({
    attributes,
    rootPath,
    separator,
    transformItems,
    translations,
    ...props
}: BreadcrumbProps) => React.JSX.Element;

Carousel: <TObject extends Record<string, unknown>>(
    props: CarouselProps<TObject>
) => React.JSX.Element;

Chat: <
    TObject extends RecordWithObjectID = RecordWithObjectID,
    TUiMessage extends UIMessage = UIMessage
>(
    props: any
) => React.ReactElement | null;

ChatGreeting: (userProps: any) => JSX.Element;

ChatMessageLoader: <TMessage extends any = any>(userProps: any) => JSX.Element;

ChatOverlayLayout: (userProps: any) => JSX.Element;

ChatSidePanelLayout: (userProps: any) => JSX.Element;

ChatTrigger: ({
    classNames,
    toggleIconComponent,
    onClick,
    floating,
    ...props
}: ChatTriggerProps) => React.JSX.Element;

ClearRefinements: ({
    includedAttributes,
    excludedAttributes,
    transformItems,
    translations,
    ...props
}: ClearRefinementsProps) => React.JSX.Element;

CompareBar: ({
    classNames,
    translations,
    itemComponent,
    ...props
}: CompareBarProps) => React.JSX.Element;

createDefaultTools: <TObject extends RecordWithObjectID>(
    itemComponent?: RecommendComponentProps<TObject>,
    getSearchPageURL?: (nextUiState: IndexUiState) => string
) => UserClientSideTools;

CurrentRefinements: ({
    includedAttributes,
    excludedAttributes,
    transformItems,
    ...props
}: CurrentRefinementsProps) => React.JSX.Element;

FilterSuggestions: ({
    agentId,
    attributes,
    maxSuggestions,
    debounceMs,
    hitsToSample,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    transport,
    ...props
}: FilterSuggestionsProps) => React.JSX.Element;

FrequentlyBoughtTogether: <THit extends BaseHit = BaseHit>({
    objectIDs,
    limit,
    threshold,
    queryParameters,
    fallbackParameters,
    escapeHTML,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    layoutComponent,
    ...props
}: FrequentlyBoughtTogetherProps<THit>) => React.JSX.Element;

HierarchicalMenu: ({
    attributes,
    limit,
    rootPath,
    separator,
    showMore,
    showMoreLimit,
    showParentLevel,
    sortBy,
    transformItems,
    translations,
    ...props
}: HierarchicalMenuProps) => React.JSX.Element;

Highlight: <THit extends Hit<BaseHit>>({
    hit,
    attribute,
    highlightedTagName,
    nonHighlightedTagName,
    separator,
    ...props
}: HighlightProps<THit>) => React.JSX.Element;

Hits: <THit extends BaseHit = BaseHit>({
    escapeHTML,
    transformItems,
    hitComponent: HitComponent,
    bannerComponent: BannerComponent,
    ...props
}: HitsProps<THit>) => React.JSX.Element;

HitsPerPage: ({
    items: userItems,
    transformItems,
    ...props
}: HitsPerPageProps) => React.JSX.Element;

InfiniteHits: <THit extends BaseHit = BaseHit>({
    showPrevious: shouldShowPrevious,
    cache,
    escapeHTML,
    transformItems,
    translations,
    bannerComponent: BannerComponent,
    ...props
}: InfiniteHitsProps<THit>) => React.JSX.Element;

LookingSimilar: <THit extends BaseHit = BaseHit>({
    objectIDs,
    limit,
    threshold,
    queryParameters,
    fallbackParameters,
    escapeHTML,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    layoutComponent,
    ...props
}: LookingSimilarProps<THit>) => React.JSX.Element;

Menu: ({
    attribute,
    limit,
    showMore,
    showMoreLimit,
    sortBy,
    transformItems,
    translations,
    ...props
}: MenuProps) => React.JSX.Element;

Pagination: ({
    showFirst,
    showPrevious,
    showNext,
    showLast,
    padding,
    totalPages,
    translations,
    ...props
}: PaginationProps) => React.JSX.Element;

PoweredBy: (props: PoweredByProps) => React.JSX.Element;

PromptSuggestions: ({
    classNames,
    layoutComponent: LayoutComponent,
    onSuggestionClick: onSuggestionClickOverride,
    agentId,
    transport,
    configurationId,
    transformHits,
    context,
    transformItems,
    ...props
}: PromptSuggestionsProps) => React.JSX.Element;

RangeInput: ({
    attribute,
    min,
    max,
    precision,
    translations,
    ...props
}: RangeInputProps) => React.JSX.Element;

RefinementList: ({
    searchable,
    searchablePlaceholder,
    searchableSelectOnSubmit,
    attribute,
    operator,
    limit,
    showMore,
    showMoreLimit,
    sortBy,
    escapeFacetValues,
    transformItems,
    translations,
    ...props
}: RefinementListProps) => React.JSX.Element;

RelatedProducts: <TItem extends BaseHit = BaseHit>({
    objectIDs,
    limit,
    threshold,
    fallbackParameters,
    queryParameters,
    escapeHTML,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    layoutComponent,
    ...props
}: RelatedProductsProps<TItem>) => React.JSX.Element;

ResultCard: ({
    classNames,
    layoutComponent: LayoutComponent,
    agentId,
    transport,
    requestOptions,
    ...props
}: ResultCardProps) => React.JSX.Element;

ReverseHighlight: <THit extends Hit<BaseHit>>({
    hit,
    attribute,
    highlightedTagName,
    nonHighlightedTagName,
    separator,
    ...props
}: ReverseHighlightProps<THit>) => React.JSX.Element;

SearchBox: ({
    queryHook,
    searchAsYouType,
    ignoreCompositionEvents,
    aiMode,
    translations,
    ...props
}: SearchBoxProps) => React.JSX.Element;

Snippet: <THit extends Hit<BaseHit>>({
    hit,
    attribute,
    highlightedTagName,
    nonHighlightedTagName,
    separator,
    ...props
}: SnippetProps<THit>) => React.JSX.Element;

SortBy: ({ items, transformItems, ...props }: SortByProps) => React.JSX.Element;

Stats: ({ translations, ...props }: StatsProps) => React.JSX.Element;

ToggleRefinement: ({
    attribute,
    on,
    off,
    ...props
}: ToggleRefinementProps) => React.JSX.Element;

TrendingFacets: ({
    facetName,
    limit,
    threshold,
    fallbackParameters,
    escapeHTML,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    ...props
}: TrendingFacetsProps) => React.JSX.Element;

TrendingItems: <TItem extends BaseHit = BaseHit>({
    facetName,
    facetValue,
    limit,
    threshold,
    fallbackParameters,
    queryParameters,
    escapeHTML,
    transformItems,
    itemComponent,
    headerComponent,
    emptyComponent,
    layoutComponent,
    ...props
}: TrendingItemsProps<TItem>) => React.JSX.Element;

useStickToBottom: (options?: any) => any;

type AutocompleteFeedsProps<TItem extends BaseHit> =
    AutocompleteCommonProps<TItem> & {
        feeds: Array<FeedConfig<TItem>>;
        indices?: never;
        showQuerySuggestions?: FeedsShowQuerySuggestionsConfig;
        showPromptSuggestions?: FeedsShowPromptSuggestionsConfig;
    };

type AutocompleteIndicesProps<TItem extends BaseHit> =
    AutocompleteCommonProps<TItem> & {
        indices?: Array<IndexConfig<TItem>>;
        feeds?: never;
        showQuerySuggestions?: IndicesShowQuerySuggestionsConfig;
        showPromptSuggestions?: IndicesShowPromptSuggestionsConfig;
    };

type AutocompleteProps<TItem extends BaseHit> =
    | AutocompleteIndicesProps<TItem>
    | AutocompleteFeedsProps<TItem>;

type BreadcrumbProps = Omit<BreadcrumbUiProps, keyof UiProps> &
    Omit<UseBreadcrumbProps, 'separator'> & {
        translations?: Partial<UiProps['translations']>;
    };

type CarouselProps<TObject extends Record<string, unknown>> = Omit<
    CarouselUiProps<TObject>,
    | 'listRef'
    | 'nextButtonRef'
    | 'previousButtonRef'
    | 'carouselIdRef'
    | 'canScrollLeft'
    | 'canScrollRight'
    | 'setCanScrollLeft'
    | 'setCanScrollRight'
>;

type ChatHandle = {
    setOpen: (open: boolean) => void;
    sendMessage: (params: { text: string }) => void;
    setInput: (input: string) => void;
};

type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
    ChatUiProps,
    keyof UiProps | 'ref'
> &
    UseChatProps<TUiMessage> & {
        itemComponent?: ItemComponent<TObject>;
        tools?: UserClientSideTools;
        getSearchPageURL?: (nextUiState: IndexUiState) => string;
        headerProps?: UserHeaderProps;
        messagesProps?: UserMessagesProps<TUiMessage>;
        promptProps?: UserPromptProps;
        layoutComponent?: (props: ChatLayoutOwnProps) => JSX.Element;
        headerComponent?: ChatUiProps['headerComponent'];
        headerTitleIconComponent?: ChatUiProps['headerProps']['titleIconComponent'];
        headerCloseIconComponent?: ChatUiProps['headerProps']['closeIconComponent'];
        headerMinimizeIconComponent?: ChatUiProps['headerProps']['minimizeIconComponent'];
        headerMaximizeIconComponent?: ChatUiProps['headerProps']['maximizeIconComponent'];
        messagesErrorComponent?: ChatUiProps['messagesProps']['errorComponent'];
        promptComponent?: ChatUiProps['promptComponent'];
        promptHeaderComponent?: ChatUiProps['promptProps']['headerComponent'];
        promptFooterComponent?: ChatUiProps['promptProps']['footerComponent'];
        loaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
        /**
         * Where the loader renders: as its own row after the last message
         * (`messages-end`, the default) or inside the streaming assistant message
         * (`message-inline`).
         */
        loaderPosition?: ChatUiProps['messagesProps']['loaderPosition'];
        /**
         * Overrides when the loader shows. Receives the turn context plus the
         * built-in decision as `defaultValue`.
         */
        shouldShowLoader?: ChatUiProps['messagesProps']['shouldShowLoader'];
        /**
         * How long (ms) a renewed loading state must hold before the loader comes
         * back after having been hidden in the same turn.
         */
        loaderShowDelay?: ChatUiProps['messagesProps']['loaderShowDelay'];
        /**
         * Minimum time (ms) the loader stays on screen once shown, while the turn is
         * still running.
         */
        loaderMinDuration?: ChatUiProps['messagesProps']['loaderMinDuration'];
        emptyComponent?: ChatUiProps['messagesProps']['emptyComponent'];
        actionsComponent?: ChatUiProps['messagesProps']['actionsComponent'];
        assistantMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
        assistantMessageFooterComponent?: ChatMessageProps['footerComponent'];
        userMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
        userMessageFooterComponent?: ChatMessageProps['footerComponent'];
        suggestionsComponent?: ChatUiProps['suggestionsComponent'];
        /**
         * Whether to render the reasoning an agent sends. `true` by default, so
         * reasoning that arrives is shown. Pass `false` to suppress it in this
         * widget. It cannot make an agent send reasoning: whether reasoning reaches
         * the client at all is the agent's own `sendReasoning` setting.
         */
        showReasoning?: boolean;
        /**
         * Custom reasoning renderer. It replaces the built-in disclosure rather than
         * enabling reasoning: reasoning renders by default, and
         * `showReasoning: false` suppresses this renderer along with it.
         */
        reasoningComponent?: ChatMessageProps<TUiMessage>['reasoningComponent'];
        translations?: Partial<{
            prompt: ChatUiProps['promptProps']['translations'];
            header: ChatUiProps['headerProps']['translations'];
            message: ChatUiProps['messagesProps']['messageTranslations'];
            messages: ChatUiProps['messagesProps']['translations'];
        }>;
    };

type ChatTriggerProps = Omit<ChatToggleButtonUiProps, 'open' | 'onClick'> & {
    /**
     * CSS classes to add to the widget elements.
     */
    classNames?: Partial<ChatToggleButtonClassNames>;
    /**
     * Custom icon component to replace the default sparkles/chevron icons.
     */
    toggleIconComponent?: ChatToggleButtonUiProps['toggleIconComponent'];
    /**
     * Callback when the trigger is clicked.
     */
    onClick?: () => void;
    /**
     * Whether the button is positioned as a floating action button at the
     * bottom-right of the viewport. Set to `false` to render an inline button
     * that flows with surrounding content.
     * @default true
     */
    floating?: boolean;
};

type ClearRefinementsProps = Omit<ClearRefinementsUiComponentProps, keyof UiProps> &
    UseClearRefinementsProps & {
        translations?: Partial<UiProps['translations']>;
    };

type CompareBarProps = UseCompareProps & {
    /**
     * CSS classes to add to the widget elements.
     */
    classNames?: Partial<CompareBarClassNames>;
    /**
     * Translations for the widget's texts.
     */
    translations?: Partial<CompareBarTranslations>;
    /**
     * Custom renderer for a selected item's label.
     */
    itemComponent?: (props: CompareBarItemComponentProps) => JSX.Element;
};

type CurrentRefinementsProps = Omit<
    CurrentRefinementsUiComponentProps,
    keyof UiProps
> &
    UseCurrentRefinementsProps;

type FeedConfig<TItem extends BaseHit> = {
    feedID: string;
    headerComponent?: AutocompleteIndexProps<TItem>['HeaderComponent'];
    itemComponent: AutocompleteIndexProps<TItem>['ItemComponent'];
    noResultsComponent?: AutocompleteIndexProps<TItem>['NoResultsComponent'];
    getURL?: AutocompleteIndexConfig<TItem>['getURL'];
    getQuery?: AutocompleteIndexConfig<TItem>['getQuery'];
    classNames?: Partial<AutocompleteIndexClassNames>;
};

type FilterSuggestionsProps = Omit<
    FilterSuggestionsUiComponentProps,
    keyof UiProps
> &
    UseFilterSuggestionsProps & {
        /**
         * Component to render each suggestion item.
         */
        itemComponent?: FilterSuggestionsUiComponentProps['itemComponent'];
        /**
         * Component to render the header. Set to `false` to disable the header.
         */
        headerComponent?: FilterSuggestionsUiComponentProps['headerComponent'];
        /**
         * Component to render when there are no suggestions.
         */
        emptyComponent?: FilterSuggestionsUiComponentProps['emptyComponent'];
    };

type FrequentlyBoughtTogetherProps<THit extends BaseHit> = Omit<
    FrequentlyBoughtTogetherPropsUiComponentProps<Hit<THit>>,
    keyof UiProps<THit>
> &
    UseFrequentlyBoughtTogetherProps<THit> & {
        itemComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['itemComponent'];
        headerComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['headerComponent'];
        emptyComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['emptyComponent'];
        layoutComponent?: FrequentlyBoughtTogetherPropsUiComponentProps<THit>['layout'];
    };

type HierarchicalMenuProps = Omit<HierarchicalMenuUiComponentProps, keyof UiProps> &
    UseHierarchicalMenuProps & {
        translations?: Partial<UiProps['translations']>;
    };

type HighlightProps<THit extends Hit<BaseHit>> = {
    hit: THit;
    attribute: keyof THit | string[];
} & PartialKeys<
    Omit<HighlightUiComponentProps, 'parts'>,
    'highlightedTagName' | 'nonHighlightedTagName' | 'separator'
>;

type HitsPerPageProps = Omit<HitsPerPageUiComponentProps, keyof UiProps> &
    UseHitsPerPageProps;

type HitsProps<THit extends BaseHit> = Omit<
    HitsUiComponentProps<Hit<THit>>,
    keyof UiProps<THit>
> & {
    hitComponent?: React.JSXElementConstructor<{
        hit: Hit<THit>;
        sendEvent: SendEventForHits;
    }>;
} & {
    bannerComponent?:
        | React.JSXElementConstructor<{
              banner: Required<HitsUiComponentProps<Hit<THit>>>['banner'];
              className: string;
          }>
        | false;
} & UseHitsProps<THit>;

type InfiniteHitsProps<THit extends BaseHit = BaseHit> = Omit<
    InfiniteHitsUiComponentProps<Hit<THit>>,
    keyof UiProps<THit>
> & {
    bannerComponent?:
        | React.JSXElementConstructor<{
              banner: Required<InfiniteHitsUiComponentProps<Hit<THit>>>['banner'];
              className: string;
          }>
        | false;
} & UseInfiniteHitsProps<THit> & {
        /**
         * Displays the "Show Previous" button when the UI is loaded from a page
         * beyond the first one.
         * @default true
         */
        showPrevious?: boolean;
        translations?: Partial<UiProps<THit>['translations']>;
    };

type LookingSimilarProps<THit extends BaseHit> = Omit<
    LookingSimilarPropsUiComponentProps<Hit<THit>>,
    keyof UiProps<THit>
> &
    UseLookingSimilarProps<THit> & {
        itemComponent?: LookingSimilarPropsUiComponentProps<THit>['itemComponent'];
        headerComponent?: LookingSimilarPropsUiComponentProps<THit>['headerComponent'];
        emptyComponent?: LookingSimilarPropsUiComponentProps<THit>['emptyComponent'];
        layoutComponent?: LookingSimilarPropsUiComponentProps<THit>['layout'];
    };

type MenuProps = Omit<MenuUiComponentProps, keyof UiProps> &
    UseMenuProps & {
        translations?: Partial<UiProps['translations']>;
    };

type PaginationProps = Omit<PaginationUiComponentProps, keyof UiProps> &
    UsePaginationProps & {
        translations?: Partial<UiProps['translations']>;
    };

type PoweredByProps = Omit<PoweredByUiComponentProps, keyof UiProps>;

type PromptSuggestionsLayoutComponentProps = {
    suggestions: string[];
    isLoading: boolean;
    error: Error | undefined;
    onSuggestionClick: (prompt: string) => void;
    isChatBusy: boolean;
};

type PromptSuggestionsOnSuggestionClick = (
    prompt: string,
    helpers: {
        sendToChat: (prompt: string) => boolean;
    }
) => void;

type PromptSuggestionsProps = Omit<PromptSuggestionsOwnProps, OwnedUiProps> &
    UsePromptSuggestionsProps & {
        layoutComponent?: (
            props: PromptSuggestionsLayoutComponentProps
        ) => JSX.Element | null;
        onSuggestionClick?: PromptSuggestionsOnSuggestionClick;
    };

type RangeInputProps = Omit<RangeInputUiProps, keyof UiProps> &
    UseRangeProps & {
        translations?: Partial<UiProps['translations']>;
    };

type RefinementListProps = Omit<RefinementListUiComponentProps, keyof UiProps> &
    UseRefinementListProps &
    Pick<
        RefinementListWidgetParams,
        'searchable' | 'searchablePlaceholder' | 'searchableSelectOnSubmit'
    > & {
        translations?: Partial<
            UiProps['translations'] & {
                submitButtonTitle: string;
                resetButtonTitle: string;
                /**
                 * What to display when there are no results.
                 */
                noResultsText: string;
            }
        >;
    };

type RelatedProductsProps<TItem extends BaseHit> = Omit<
    RelatedProductsUiComponentProps<TItem>,
    keyof UiProps<TItem>
> &
    UseRelatedProductsProps & {
        itemComponent?: RelatedProductsUiComponentProps<TItem>['itemComponent'];
        headerComponent?: RelatedProductsUiComponentProps<TItem>['headerComponent'];
        emptyComponent?: RelatedProductsUiComponentProps<TItem>['emptyComponent'];
        layoutComponent?: RelatedProductsUiComponentProps<TItem>['layout'];
    };

type ResultCardLayoutComponentProps = ResultCardRenderState;

type ResultCardProps = Omit<ResultCardOwnProps, OwnedUiProps> &
    UseResultCardProps & {
        layoutComponent?: (
            props: ResultCardLayoutComponentProps
        ) => JSX.Element | null;
    };

type ReverseHighlightProps<THit extends Hit<BaseHit>> = {
    hit: THit;
    attribute: keyof THit | string[];
} & PartialKeys<
    Omit<ReverseHighlightUiComponentProps, 'parts'>,
    'highlightedTagName' | 'nonHighlightedTagName' | 'separator'
>;

type SearchBoxProps = Omit<
    SearchBoxUiComponentProps,
    Exclude<keyof UiProps, 'onSubmit' | 'autoFocus'>
> &
    UseSearchBoxProps & {
        /**
         * Whether to trigger the search only on submit.
         * @default true
         */
        searchAsYouType?: boolean;
        /**
         * Whether to update the search state in the middle of a
         * composition session.
         * @default false
         */
        ignoreCompositionEvents?: boolean;
        /**
         * When true, renders an AI mode button inside the search box
         * that opens the Chat widget and sends the current query.
         * Requires a Chat widget on the same index.
         */
        aiMode?: boolean;
        translations?: Partial<UiProps['translations']>;
    };

type SnippetProps<THit extends Hit<BaseHit>> = {
    hit: THit;
    attribute: keyof THit | string[];
} & PartialKeys<
    Omit<SnippetUiComponentProps, 'parts'>,
    'highlightedTagName' | 'nonHighlightedTagName' | 'separator'
>;

type SortByProps = Omit<SortByUiComponentProps, keyof UiProps> & UseSortByProps;

type StatsProps = Omit<StatsUiComponentProps, keyof UiProps> &
    UseStatsProps & {
        translations?: Partial<UiProps['translations']>;
    };

type ToggleRefinementProps = PartialKeys<
    Omit<ToggleRefinementUiComponentProps, keyof UiProps>,
    'label'
> &
    UseToggleRefinementProps;

type Tool = UserClientSideTool;

type Tools = UserClientSideTools;

type TrendingFacetsProps = Omit<TrendingFacetsUiComponentProps, keyof UiProps> &
    UseTrendingFacetsProps & {
        itemComponent?: TrendingFacetsUiComponentProps['itemComponent'];
        headerComponent?: TrendingFacetsUiComponentProps['headerComponent'];
        emptyComponent?: TrendingFacetsUiComponentProps['emptyComponent'];
    };

type TrendingItemsProps<TItem extends BaseHit> = Omit<
    TrendingItemsUiComponentProps<TItem>,
    keyof UiProps<TItem>
> &
    UseTrendingItemsProps & {
        itemComponent?: TrendingItemsUiComponentProps<TItem>['itemComponent'];
        headerComponent?: TrendingItemsUiComponentProps<TItem>['headerComponent'];
        emptyComponent?: TrendingItemsUiComponentProps<TItem>['emptyComponent'];
        layoutComponent?: TrendingItemsUiComponentProps<TItem>['layout'];
    };