react-instantsearch 7.26.1 → 7.28.0

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.26.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.28.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -24,7 +24,7 @@
 
 	var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-	var version$2 = '7.26.1';
+	var version$2 = '7.28.0';
 
 	function getDefaultExportFromCjs (x) {
 		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -10081,7 +10081,7 @@
 	    };
 	}
 
-	var version = '4.90.0';
+	var version = '4.92.0';
 
 	function hydrateSearchClient(client, results) {
 	    if (!results) {
@@ -13192,6 +13192,7 @@
 	        var sendEvent;
 	        var setInput;
 	        var setOpen;
+	        var focusInput;
 	        var setIsClearing;
 	        var agentId = 'agentId' in options ? options.agentId : undefined;
 	        // Extract suggestions from the last assistant message's data-suggestions part
@@ -13348,6 +13349,9 @@
 	                    open = o;
 	                    render();
 	                };
+	                focusInput = function focusInput() {
+	                    setOpen(true);
+	                };
 	                setInput = function setInput(i) {
 	                    input = i;
 	                    render();
@@ -13409,6 +13413,7 @@
 	                    setIndexUiState: parent.setIndexUiState.bind(parent),
 	                    setInput: setInput,
 	                    setOpen: setOpen,
+	                    focusInput: focusInput,
 	                    setMessages: setMessages,
 	                    suggestions: getSuggestionsFromMessages(_chatInstance.messages),
 	                    isClearing: isClearing,
@@ -15519,6 +15524,11 @@
 	    return useConnector(connectPagination, props, additionalWidgetProperties);
 	}
 
+	/**
+	 * Logs a warning
+	 * This is used to log issues in development environment only.
+	 */ var warn = noop;
+
 	function toArray(value) {
 	    return Array.isArray(value) ? value : [
 	        value
@@ -17820,12 +17830,14 @@
 	function createAutocompleteComponent(param) {
 	    var createElement = param.createElement;
 	    return function Autocomplete(userProps) {
-	        var children = userProps.children, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, props = _object_without_propertiesExports._(userProps, [
+	        var children = userProps.children, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, rootRef = userProps.rootRef, props = _object_without_propertiesExports._(userProps, [
 	            "children",
-	            "classNames"
+	            "classNames",
+	            "rootRef"
 	        ]);
 	        return /*#__PURE__*/ createElement("div", _object_spreadExports._({
-	            className: cx('ais-Autocomplete', classNames.root)
+	            className: cx('ais-Autocomplete', classNames.root),
+	            ref: rootRef
 	        }, props), children);
 	    };
 	}
@@ -18010,8 +18022,8 @@
 	function createAutocompleteIndexComponent(param) {
 	    var createElement = param.createElement;
 	    return function AutocompleteIndex(userProps) {
-	        var items = userProps.items, HeaderComponent = userProps.HeaderComponent, ItemComponent = userProps.ItemComponent, getItemProps = userProps.getItemProps, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
-	        if (items.length === 0) {
+	        var items = userProps.items, HeaderComponent = userProps.HeaderComponent, ItemComponent = userProps.ItemComponent, NoResultsComponent = userProps.NoResultsComponent, getItemProps = userProps.getItemProps, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+	        if (items.length === 0 && !NoResultsComponent) {
 	            return null;
 	        }
 	        return /*#__PURE__*/ createElement("div", {
@@ -18020,7 +18032,9 @@
 	            className: cx('ais-AutocompleteIndexHeader', classNames.header)
 	        }, /*#__PURE__*/ createElement(HeaderComponent, {
 	            items: items
-	        })), /*#__PURE__*/ createElement("ol", {
+	        })), items.length === 0 && NoResultsComponent ? /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteIndexNoResults', classNames.noResults)
+	        }, /*#__PURE__*/ createElement(NoResultsComponent, null)) : /*#__PURE__*/ createElement("ol", {
 	            className: cx('ais-AutocompleteIndexList', classNames.list)
 	        }, items.map(function(item, index) {
 	            var _getItemProps = getItemProps(item, index), className = _getItemProps.className, onSelect = _getItemProps.onSelect, onApply = _getItemProps.onApply, itemProps = _object_without_propertiesExports._(_getItemProps, [
@@ -18063,983 +18077,1004 @@
 	    };
 	}
 
-	function createAutocompleteRecentSearchComponent(param) {
+	function SparklesIcon(param) {
 	    var createElement = param.createElement;
-	    return function AutocompleteRecentSearch(userProps) {
-	        var item = userProps.item, children = userProps.children, onSelect = userProps.onSelect, onRemoveRecentSearch = userProps.onRemoveRecentSearch, onApply = userProps.onApply, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
-	        return /*#__PURE__*/ createElement("div", {
-	            onClick: onSelect,
-	            className: cx('ais-AutocompleteItemWrapper ais-AutocompleteRecentSearchWrapper', classNames.root)
-	        }, /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteRecentSearchItemContent', classNames.content)
-	        }, /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteRecentSearchItemIcon', classNames.content)
-	        }, /*#__PURE__*/ createElement(ClockIcon, {
-	            createElement: createElement
-	        })), /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteRecentSearchItemContentBody', classNames.content)
-	        }, children)), /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteRecentSearchItemActions', classNames.actions)
-	        }, /*#__PURE__*/ createElement("button", {
-	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemDeleteButton', classNames.deleteButton),
-	            title: "Remove ".concat(item.query, " from recent searches"),
-	            onClick: function onClick(evt) {
-	                evt.stopPropagation();
-	                onRemoveRecentSearch();
-	            }
-	        }, /*#__PURE__*/ createElement(TrashIcon, {
-	            createElement: createElement
-	        })), /*#__PURE__*/ createElement("button", {
-	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemApplyButton', classNames.applyButton),
-	            title: "Apply ".concat(item.query, " as search"),
-	            onClick: function onClick(evt) {
-	                evt.stopPropagation();
-	                onApply();
-	            }
-	        }, /*#__PURE__*/ createElement(ApplyIcon, {
-	            createElement: createElement
-	        }))));
-	    };
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        fill: "none",
+	        viewBox: "0 0 20 20"
+	    }, /*#__PURE__*/ createElement("path", {
+	        fill: "currentColor",
+	        fillRule: "evenodd",
+	        d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+	        clipRule: "evenodd"
+	    }), /*#__PURE__*/ createElement("path", {
+	        fill: "currentColor",
+	        fillRule: "evenodd",
+	        d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+	        clipRule: "evenodd"
+	    }));
 	}
-
-	function createAutocompleteSearchComponent(param) {
+	function ArrowUpIcon(param) {
 	    var createElement = param.createElement;
-	    return function AutocompleteSearch(userProps) {
-	        var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled;
-	        var inputRef = inputProps.ref;
-	        return /*#__PURE__*/ createElement("form", {
-	            className: "ais-AutocompleteForm",
-	            action: "",
-	            noValidate: true,
-	            role: "search",
-	            onSubmit: function onSubmit(e) {
-	                return e.preventDefault();
-	            },
-	            onReset: function onReset() {
-	                var _inputRef_current;
-	                return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-	            }
-	        }, /*#__PURE__*/ createElement("div", {
-	            className: "ais-AutocompleteInputWrapperPrefix"
-	        }, /*#__PURE__*/ createElement("label", {
-	            className: "ais-AutocompleteLabel",
-	            "aria-label": "Submit",
-	            htmlFor: inputProps.id,
-	            id: "".concat(inputProps.id, "-label")
-	        }, /*#__PURE__*/ createElement("button", {
-	            className: "ais-AutocompleteSubmitButton",
-	            type: "submit",
-	            title: "Submit"
-	        }, /*#__PURE__*/ createElement(SubmitIcon, {
-	            createElement: createElement
-	        }))), /*#__PURE__*/ createElement("div", {
-	            className: "ais-AutocompleteLoadingIndicator",
-	            hidden: !isSearchStalled
-	        }, /*#__PURE__*/ createElement(LoadingIcon, {
-	            createElement: createElement
-	        }))), /*#__PURE__*/ createElement("div", {
-	            className: "ais-AutocompleteInputWrapper"
-	        }, /*#__PURE__*/ createElement("input", _object_spreadExports._({
-	            className: "ais-AutocompleteInput",
-	            "aria-autocomplete": "both",
-	            "aria-labelledby": "".concat(inputProps.id, "-label"),
-	            autoComplete: "off",
-	            autoCorrect: "off",
-	            autoCapitalize: "off",
-	            enterKeyHint: "search",
-	            spellCheck: "false",
-	            maxLength: 512,
-	            type: "search",
-	            value: query
-	        }, inputProps))), /*#__PURE__*/ createElement("div", {
-	            className: "ais-AutocompleteInputWrapperSuffix"
-	        }, /*#__PURE__*/ createElement("button", {
-	            className: "ais-AutocompleteClearButton",
-	            type: "reset",
-	            title: "Clear",
-	            hidden: query.length === 0 || isSearchStalled,
-	            onClick: onClear
-	        }, /*#__PURE__*/ createElement(ClearIcon, {
-	            createElement: createElement
-	        }))));
-	    };
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "m5 12 7-7 7 7"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M12 19V5"
+	    }));
 	}
-
-	function createAutocompleteSuggestionComponent(param) {
+	function ArrowRightIcon(param) {
 	    var createElement = param.createElement;
-	    return function AutocompleteSuggestion(userProps) {
-	        var item = userProps.item, children = userProps.children, onSelect = userProps.onSelect, onApply = userProps.onApply, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
-	        return /*#__PURE__*/ createElement("div", {
-	            onClick: onSelect,
-	            className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompleteSuggestionWrapper', classNames.root)
-	        }, /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
-	        }, /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
-	        }, /*#__PURE__*/ createElement(SubmitIcon, {
-	            createElement: createElement
-	        })), /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
-	        }, children)), /*#__PURE__*/ createElement("div", {
-	            className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteSuggestionItemActions', classNames.actions)
-	        }, /*#__PURE__*/ createElement("button", {
-	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteSuggestionItemApplyButton', classNames.applyButton),
-	            type: "button",
-	            title: "Apply ".concat(item.query, " as search"),
-	            onClick: function onClick(evt) {
-	                evt.stopPropagation();
-	                onApply();
-	            }
-	        }, /*#__PURE__*/ createElement(ApplyIcon, {
-	            createElement: createElement
-	        }))));
-	    };
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "M5 12h14"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "m12 5 7 7-7 7"
+	    }));
 	}
-
-	function find(array, predicate) {
-	    for(var index = 0; index < array.length; index++){
-	        var item = array[index];
-	        if (predicate(item, index, array)) {
-	            return item;
-	        }
-	    }
-	    return undefined;
+	function ChevronUpIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "m18 15-6-6-6 6"
+	    }));
 	}
-
-	function createAutocompletePropGetters(param) {
-	    var useEffect = param.useEffect, useId = param.useId, useMemo = param.useMemo, useRef = param.useRef, useState = param.useState;
-	    return function usePropGetters(param) {
-	        var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached;
-	        var getElementId = createGetElementId(useId());
-	        var inputRef = useRef(null);
-	        var rootRef = useRef(null);
-	        var _useState = _sliced_to_arrayExports._(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-	        var _useState1 = _sliced_to_arrayExports._(useState(undefined), 2), activeDescendant = _useState1[0], setActiveDescendant = _useState1[1];
-	        var _useMemo = useMemo(function() {
-	            return buildItems({
-	                indices: indices,
-	                indicesConfig: indicesConfig,
-	                getElementId: getElementId
-	            });
-	        }, [
-	            indices,
-	            indicesConfig,
-	            getElementId
-	        ]), items = _useMemo.items, itemsIds = _useMemo.itemsIds;
-	        useEffect(function() {
-	            // In detached mode, we don't close the panel on body click
-	            // because the overlay handles closing
-	            if (isDetached) {
-	                return function() {};
-	            }
-	            var onBodyClick = function onBodyClick(event) {
-	                var _unwrapRef;
-	                if ((_unwrapRef = unwrapRef(rootRef)) === null || _unwrapRef === void 0 ? void 0 : _unwrapRef.contains(event.target)) {
-	                    return;
-	                }
-	                setIsOpen(false);
-	            };
-	            document.body.addEventListener('click', onBodyClick);
-	            return function() {
-	                document.body.removeEventListener('click', onBodyClick);
-	            };
-	        }, [
-	            rootRef,
-	            isDetached
-	        ]);
-	        var getNextActiveDescendant = function getNextActiveDescendant(key) {
-	            switch(key){
-	                case 'ArrowUp':
-	                    {
-	                        var prevIndex = itemsIds.indexOf(activeDescendant || '') - 1;
-	                        return itemsIds[prevIndex] || itemsIds[itemsIds.length - 1];
-	                    }
-	                case 'ArrowDown':
-	                    {
-	                        var nextIndex = itemsIds.indexOf(activeDescendant || '') + 1;
-	                        return itemsIds[nextIndex] || itemsIds[0];
-	                    }
-	                default:
-	                    return undefined;
-	            }
-	        };
-	        var submit = function submit() {
-	            var override = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-	            var _override_activeDescendant;
-	            if (isOpen) {
-	                setIsOpen(false);
-	            } else {
-	                var _inputRef_current;
-	                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
-	            }
-	            var actualDescendant = (_override_activeDescendant = override.activeDescendant) !== null && _override_activeDescendant !== void 0 ? _override_activeDescendant : activeDescendant;
-	            if (!actualDescendant && override.query) {
-	                onRefine(override.query);
-	            }
-	            if (actualDescendant && items.has(actualDescendant)) {
-	                var _ref;
-	                var _items_get = items.get(actualDescendant), item = _items_get.item, _items_get_config = _items_get.config, indexOnSelect = _items_get_config.onSelect, getQuery = _items_get_config.getQuery, getURL = _items_get_config.getURL;
-	                var actualOnSelect = indexOnSelect !== null && indexOnSelect !== void 0 ? indexOnSelect : globalOnSelect;
-	                actualOnSelect({
-	                    item: item,
-	                    query: (_ref = getQuery === null || getQuery === void 0 ? void 0 : getQuery(item)) !== null && _ref !== void 0 ? _ref : '',
-	                    url: getURL === null || getURL === void 0 ? void 0 : getURL(item),
-	                    setQuery: function setQuery(query) {
-	                        return onRefine(query);
-	                    }
-	                });
-	                setActiveDescendant(undefined);
-	            }
-	            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
-	        };
-	        return {
-	            getInputProps: function getInputProps() {
-	                return {
-	                    id: getElementId('input'),
-	                    ref: inputRef,
-	                    role: 'combobox',
-	                    'aria-autocomplete': 'list',
-	                    'aria-expanded': isOpen,
-	                    'aria-haspopup': 'grid',
-	                    'aria-controls': getElementId('panel'),
-	                    'aria-activedescendant': activeDescendant,
-	                    placeholder: placeholder,
-	                    onFocus: function onFocus() {
-	                        return setIsOpen(true);
-	                    },
-	                    onKeyDown: function onKeyDown(event) {
-	                        switch(event.key){
-	                            case 'Escape':
-	                                {
-	                                    if (isOpen) {
-	                                        setIsOpen(false);
-	                                        event.preventDefault();
-	                                    } else {
-	                                        setActiveDescendant(undefined);
-	                                    }
-	                                    break;
-	                                }
-	                            case 'ArrowUp':
-	                            case 'ArrowDown':
-	                                {
-	                                    var _document_getElementById;
-	                                    setIsOpen(true);
-	                                    var nextActiveDescendant = getNextActiveDescendant(event.key);
-	                                    setActiveDescendant(nextActiveDescendant);
-	                                    (_document_getElementById = document.getElementById(nextActiveDescendant)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.scrollIntoView(false);
-	                                    event.preventDefault();
-	                                    break;
-	                                }
-	                            case 'Enter':
-	                                {
-	                                    submit({
-	                                        query: event.target.value
-	                                    });
-	                                    break;
-	                                }
-	                            case 'Tab':
-	                                // In detached mode, Tab doesn't close the panel
-	                                if (!isDetached) {
-	                                    setIsOpen(false);
-	                                }
-	                                break;
-	                            default:
-	                                setIsOpen(true);
-	                                return;
-	                        }
-	                    },
-	                    onKeyUp: function onKeyUp(event) {
-	                        switch(event.key){
-	                            case 'ArrowLeft':
-	                            case 'ArrowUp':
-	                            case 'ArrowRight':
-	                            case 'ArrowDown':
-	                            case 'Escape':
-	                            case 'Return':
-	                                event.preventDefault();
-	                                return;
-	                            default:
-	                                setActiveDescendant(undefined);
-	                                break;
-	                        }
-	                    }
-	                };
-	            },
-	            getItemProps: function getItemProps(item, index) {
-	                var id = getElementId('item', item.__indexName, index);
-	                return {
-	                    id: id,
-	                    role: 'row',
-	                    'aria-selected': id === activeDescendant,
-	                    onSelect: function onSelect() {
-	                        return submit({
-	                            activeDescendant: id
-	                        });
-	                    },
-	                    onApply: function onApply1() {
-	                        var _ref;
-	                        var _items_get = items.get(id), currentItem = _items_get.item, getQuery = _items_get.config.getQuery;
-	                        onApply((_ref = getQuery === null || getQuery === void 0 ? void 0 : getQuery(currentItem)) !== null && _ref !== void 0 ? _ref : '');
-	                    }
-	                };
-	            },
-	            getPanelProps: function getPanelProps() {
-	                return {
-	                    hidden: !isOpen,
-	                    id: getElementId('panel'),
-	                    role: 'grid',
-	                    'aria-labelledby': getElementId('input')
-	                };
-	            },
-	            getRootProps: function getRootProps() {
-	                return {
-	                    ref: rootRef
-	                };
-	            },
-	            isOpen: isOpen,
-	            setIsOpen: setIsOpen,
-	            focusInput: function focusInput() {
-	                var _inputRef_current;
-	                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-	            }
-	        };
-	    };
-	}
-	function buildItems(param) {
-	    var _loop = function _loop(i) {
-	        var _indices_i;
-	        var currentIndexConfig = find(indicesConfig, function(config) {
-	            return config.indexName === indices[i].indexName;
-	        });
-	        var hits = ((_indices_i = indices[i]) === null || _indices_i === void 0 ? void 0 : _indices_i.hits) || [];
-	        for(var position = 0; position < hits.length; position++){
-	            var itemId = getElementId('item', (currentIndexConfig === null || currentIndexConfig === void 0 ? void 0 : currentIndexConfig.indexName) || indices[i].indexName, position);
-	            items.set(itemId, {
-	                item: hits[position],
-	                config: currentIndexConfig
-	            });
-	            itemsIds.push(itemId);
-	        }
-	    };
-	    var indices = param.indices, indicesConfig = param.indicesConfig, getElementId = param.getElementId;
-	    var itemsIds = [];
-	    var items = new Map();
-	    for(var i = 0; i < indices.length; i++)_loop(i);
-	    return {
-	        items: items,
-	        itemsIds: itemsIds
-	    };
-	}
-	function createGetElementId(autocompleteId) {
-	    return function getElementId() {
-	        for(var _len = arguments.length, suffixes = new Array(_len), _key = 0; _key < _len; _key++){
-	            suffixes[_key] = arguments[_key];
-	        }
-	        var prefix = 'autocomplete';
-	        return "".concat(prefix).concat(autocompleteId).concat(suffixes.join(':'));
-	    };
+	function ChevronDownIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "m6 9 6 6 6-6"
+	    }));
 	}
-	/**
-	 * Returns the framework-agnostic value of a ref.
-	 */ function unwrapRef(ref) {
-	    return ref.current && _type_ofExports._(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
-	     : ref.current; // React
+	function CloseIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "M18 6 6 18"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "m6 6 12 12"
+	    }));
 	}
-
-	function createAutocompleteStorage(param) {
-	    var useEffect = param.useEffect, useMemo = param.useMemo, useState = param.useState;
-	    return function useStorage(param) {
-	        var showRecent = param.showRecent, query = param.query, indices = param.indices, indicesConfig = param.indicesConfig, suggestionsIndexName = param.suggestionsIndexName;
-	        var storageKey = showRecent && (typeof showRecent === "undefined" ? "undefined" : _type_ofExports._(showRecent)) === 'object' ? showRecent.storageKey : undefined;
-	        var storage = useMemo(function() {
-	            return createStorage({
-	                limit: 5,
-	                storageKey: storageKey
-	            });
-	        }, [
-	            storageKey
-	        ]);
-	        var _useState = _sliced_to_arrayExports._(useState(storage.getSnapshot()), 2), snapshot = _useState[0], setSnapshot = _useState[1];
-	        useEffect(function() {
-	            storage.registerUpdateListener(function() {
-	                setSnapshot(storage.getSnapshot());
-	            });
-	            return function() {
-	                storage.unregisterUpdateListener();
-	            };
-	        }, [
-	            storage
-	        ]);
-	        if (!showRecent) {
-	            return {
-	                storage: {
-	                    onAdd: function onAdd() {},
-	                    onRemove: function onRemove() {}
-	                },
-	                storageHits: [],
-	                indicesForPropGetters: indices,
-	                indicesConfigForPropGetters: indicesConfig
-	            };
-	        }
-	        var storageHits = snapshot.getAll(query).map(function(value) {
-	            return {
-	                objectID: value,
-	                query: value,
-	                __indexName: 'recent-searches',
-	                _highlightResult: getHighlightedAttribute({
-	                    item: {
-	                        query: value
-	                    },
-	                    query: query || ''
-	                })
-	            };
-	        });
-	        var indicesForPropGetters = _to_consumable_arrayExports._(indices.map(function(index) {
-	            return index.indexName === suggestionsIndexName ? _object_spread_propsExports._(_object_spreadExports._({}, index), {
-	                hits: index.hits.filter(function(hit) {
-	                    return !find(storageHits, function(storageHit) {
-	                        return storageHit.query === hit.query;
-	                    });
-	                })
-	            }) : index;
-	        }));
-	        var indicesConfigForPropGetters = _to_consumable_arrayExports._(indicesConfig);
-	        indicesForPropGetters.unshift({
-	            indexName: 'recent-searches',
-	            indexId: 'recent-searches',
-	            hits: storageHits
-	        });
-	        indicesConfigForPropGetters.unshift({
-	            indexName: 'recent-searches',
-	            // @ts-expect-error - we know it has query as it's generated from storageHits
-	            getQuery: function getQuery(item) {
-	                return item.query;
-	            }
-	        });
-	        return {
-	            storage: storage,
-	            storageHits: storageHits,
-	            indicesForPropGetters: indicesForPropGetters,
-	            indicesConfigForPropGetters: indicesConfigForPropGetters
-	        };
-	    };
+	function MaximizeIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "M15 3h6v6"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "m21 3-7 7"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "m3 21 7-7"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M9 21H3v-6"
+	    }));
 	}
-	var LOCAL_STORAGE_KEY_TEST = 'test-localstorage-support';
-	var LOCAL_STORAGE_KEY = 'autocomplete-recent-searches';
-	function isLocalStorageSupported() {
-	    try {
-	        localStorage.setItem(LOCAL_STORAGE_KEY_TEST, '');
-	        localStorage.removeItem(LOCAL_STORAGE_KEY_TEST);
-	        return true;
-	    } catch (error) {
-	        return false;
-	    }
+	function MinimizeIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "m14 10 7-7"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M20 10h-6V4"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "m3 21 7-7"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M4 14h6v6"
+	    }));
 	}
-	function getHighlightedAttribute(param) {
-	    var item = param.item, query = param.query;
-	    if (!query.trim().length) {
-	        return {
-	            query: {
-	                matchLevel: 'none'
-	            }
-	        };
-	    }
-	    return {
-	        query: {
-	            value: item.query.replace(new RegExp(query.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'), 'gi'), function(match) {
-	                return "<mark>".concat(match, "</mark>");
-	            })
-	        }
-	    };
+	function StopIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("circle", {
+	        cx: "12",
+	        cy: "12",
+	        r: "10"
+	    }), /*#__PURE__*/ createElement("rect", {
+	        x: "9",
+	        y: "9",
+	        width: "6",
+	        height: "6",
+	        rx: "1"
+	    }));
 	}
-	function getLocalStorage() {
-	    var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : LOCAL_STORAGE_KEY;
-	    if (!isLocalStorageSupported()) {
-	        return {
-	            setItems: function setItems() {},
-	            getItems: function getItems() {
-	                return [];
-	            }
-	        };
-	    }
-	    return {
-	        setItems: function setItems(items) {
-	            try {
-	                window.localStorage.setItem(key, JSON.stringify(items));
-	            } catch (unused) {
-	            // do nothing, this likely means the storage is full
-	            }
-	        },
-	        getItems: function getItems() {
-	            var items = window.localStorage.getItem(key);
-	            return items ? JSON.parse(items) : [];
-	        }
-	    };
+	function ReloadIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("path", {
+	        d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M21 3v5h-5"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M3 21v-5h5"
+	    }));
 	}
-	function createStorage(param) {
-	    var _param_limit = param.limit, limit = _param_limit === void 0 ? 5 : _param_limit, storageKey = param.storageKey;
-	    var storage = getLocalStorage(storageKey);
-	    var updateListener = null;
-	    return {
-	        onAdd: function onAdd(query) {
-	            this.onRemove(query);
-	            storage.setItems([
-	                query
-	            ].concat(_to_consumable_arrayExports._(storage.getItems())));
-	        },
-	        onRemove: function onRemove(query) {
-	            storage.setItems(storage.getItems().filter(function(q) {
-	                return q !== query;
-	            }));
-	            updateListener === null || updateListener === void 0 ? void 0 : updateListener();
-	        },
-	        registerUpdateListener: function registerUpdateListener(callback) {
-	            updateListener = callback;
-	        },
-	        unregisterUpdateListener: function unregisterUpdateListener() {
-	            updateListener = null;
-	        },
-	        getSnapshot: function getSnapshot() {
-	            return {
-	                getAll: function getAll() {
-	                    var query = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '';
-	                    return storage.getItems().filter(function(q) {
-	                        return q.includes(query);
-	                    }).slice(0, limit);
-	                }
-	            };
-	        }
-	    };
+	function CopyIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("rect", {
+	        width: "14",
+	        height: "14",
+	        x: "8",
+	        y: "8",
+	        rx: "2",
+	        ry: "2"
+	    }), /*#__PURE__*/ createElement("path", {
+	        d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+	    }));
 	}
-
-	function createDefaultItemComponent(param) {
-	    var createElement = param.createElement, Fragment = param.Fragment;
-	    return function DefaultItem(userProps) {
-	        return /*#__PURE__*/ createElement(Fragment, null, JSON.stringify(userProps.item, null, 2));
-	    };
+	function MenuIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
+	    }, /*#__PURE__*/ createElement("circle", {
+	        cx: "12",
+	        cy: "12",
+	        r: "1"
+	    }), /*#__PURE__*/ createElement("circle", {
+	        cx: "12",
+	        cy: "5",
+	        r: "1"
+	    }), /*#__PURE__*/ createElement("circle", {
+	        cx: "12",
+	        cy: "19",
+	        r: "1"
+	    }));
 	}
-
-	var lastCarouselId = 0;
-	function generateCarouselId() {
-	    return "ais-Carousel-".concat(lastCarouselId++);
+	function LoadingSpinnerIcon(param) {
+	    var createElement = param.createElement;
+	    return /*#__PURE__*/ createElement("svg", {
+	        viewBox: "12 12 24 24",
+	        role: "status",
+	        "aria-busy": "true",
+	        "aria-live": "polite"
+	    }, /*#__PURE__*/ createElement("title", null, "Loading spinner"), /*#__PURE__*/ createElement("circle", {
+	        cx: "24",
+	        cy: "24",
+	        r: "11",
+	        fill: "none",
+	        stroke: "currentColor"
+	    }));
 	}
-	function PreviousIconDefaultComponent(param) {
+	function ChevronLeftIcon(param) {
 	    var createElement = param.createElement;
 	    return /*#__PURE__*/ createElement("svg", {
-	        width: "8",
-	        height: "16",
-	        viewBox: "0 0 8 16",
-	        fill: "none"
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
 	    }, /*#__PURE__*/ createElement("path", {
-	        fillRule: "evenodd",
-	        clipRule: "evenodd",
-	        fill: "currentColor",
-	        d: "M7.13809 0.744078C7.39844 1.06951 7.39844 1.59715 7.13809 1.92259L2.27616 8L7.13809 14.0774C7.39844 14.4028 7.39844 14.9305 7.13809 15.2559C6.87774 15.5814 6.45563 15.5814 6.19528 15.2559L0.861949 8.58926C0.6016 8.26382 0.6016 7.73618 0.861949 7.41074L6.19528 0.744078C6.45563 0.418641 6.87774 0.418641 7.13809 0.744078Z"
+	        d: "m15 18-6-6 6-6"
 	    }));
 	}
-	function NextIconDefaultComponent(param) {
+	function ChevronRightIcon(param) {
 	    var createElement = param.createElement;
 	    return /*#__PURE__*/ createElement("svg", {
-	        width: "8",
-	        height: "16",
-	        viewBox: "0 0 8 16",
-	        fill: "none"
+	        xmlns: "http://www.w3.org/2000/svg",
+	        viewBox: "0 0 24 24",
+	        fill: "none",
+	        stroke: "currentColor",
+	        strokeLinecap: "round",
+	        strokeLinejoin: "round"
 	    }, /*#__PURE__*/ createElement("path", {
-	        fillRule: "evenodd",
-	        clipRule: "evenodd",
-	        fill: "currentColor",
-	        d: "M0.861908 15.2559C0.601559 14.9305 0.601559 14.4028 0.861908 14.0774L5.72384 8L0.861908 1.92259C0.601559 1.59715 0.601559 1.06952 0.861908 0.744079C1.12226 0.418642 1.54437 0.418642 1.80472 0.744079L7.13805 7.41074C7.3984 7.73618 7.3984 8.26382 7.13805 8.58926L1.80472 15.2559C1.54437 15.5814 1.12226 15.5814 0.861908 15.2559Z"
+	        d: "m9 18 6-6-6-6"
 	    }));
 	}
-	function createCarouselComponent(param) {
-	    var createElement = param.createElement, Fragment = param.Fragment;
-	    return function Carousel(userProps) {
-	        var listRef = userProps.listRef, nextButtonRef = userProps.nextButtonRef, previousButtonRef = userProps.previousButtonRef, carouselIdRef = userProps.carouselIdRef, canScrollLeft = userProps.canScrollLeft, canScrollRight = userProps.canScrollRight, setCanScrollLeft = userProps.setCanScrollLeft, setCanScrollRight = userProps.setCanScrollRight, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, tmp = userProps.itemComponent, ItemComponent = tmp === void 0 ? createDefaultItemComponent({
-	            createElement: createElement,
-	            Fragment: Fragment
-	        }) : tmp, tmp1 = userProps.previousIconComponent, PreviousIcon = tmp1 === void 0 ? PreviousIconDefaultComponent : tmp1, tmp2 = userProps.nextIconComponent, NextIcon = tmp2 === void 0 ? NextIconDefaultComponent : tmp2, HeaderComponent = userProps.headerComponent, _userProps_showNavigation = userProps.showNavigation, showNavigation = _userProps_showNavigation === void 0 ? true : _userProps_showNavigation, items = userProps.items, userTranslations = userProps.translations, sendEvent = userProps.sendEvent, props = _object_without_propertiesExports._(userProps, [
-	            "listRef",
-	            "nextButtonRef",
-	            "previousButtonRef",
-	            "carouselIdRef",
-	            "canScrollLeft",
-	            "canScrollRight",
-	            "setCanScrollLeft",
-	            "setCanScrollRight",
-	            "classNames",
-	            "itemComponent",
-	            "previousIconComponent",
-	            "nextIconComponent",
-	            "headerComponent",
-	            "showNavigation",
-	            "items",
-	            "translations",
-	            "sendEvent"
-	        ]);
-	        var translations = _object_spreadExports._({
-	            listLabel: 'Items',
-	            nextButtonLabel: 'Next',
-	            nextButtonTitle: 'Next',
-	            previousButtonLabel: 'Previous',
-	            previousButtonTitle: 'Previous'
-	        }, userTranslations);
-	        var cssClasses = {
-	            root: cx('ais-Carousel', classNames.root),
-	            list: cx('ais-Carousel-list', classNames.list),
-	            item: cx('ais-Carousel-item', classNames.item),
-	            navigation: cx('ais-Carousel-navigation', classNames.navigation),
-	            navigationNext: cx('ais-Carousel-navigation--next', classNames.navigationNext),
-	            navigationPrevious: cx('ais-Carousel-navigation--previous', classNames.navigationPrevious)
-	        };
-	        function scrollLeft() {
-	            if (listRef.current) {
-	                listRef.current.scrollLeft -= listRef.current.offsetWidth * 0.75;
+
+	function createAutocompletePromptSuggestionComponent(param) {
+	    var createElement = param.createElement;
+	    return function AutocompletePromptSuggestion(userProps) {
+	        var item = userProps.item, onSelect = userProps.onSelect, children = userProps.children, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+	        var label = item.label || item.prompt;
+	        return /*#__PURE__*/ createElement("div", {
+	            onClick: onSelect,
+	            className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompletePromptSuggestionWrapper', classNames.root)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContent', 'ais-AutocompletePromptSuggestionItemContent', classNames.content)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemIcon', 'ais-AutocompletePromptSuggestionItemIcon', classNames.icon)
+	        }, /*#__PURE__*/ createElement(SparklesIcon, {
+	            createElement: createElement
+	        })), /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompletePromptSuggestionItemContentBody', classNames.body)
+	        }, children !== null && children !== void 0 ? children : label)));
+	    };
+	}
+
+	function createAutocompleteRecentSearchComponent(param) {
+	    var createElement = param.createElement;
+	    return function AutocompleteRecentSearch(userProps) {
+	        var item = userProps.item, children = userProps.children, onSelect = userProps.onSelect, onRemoveRecentSearch = userProps.onRemoveRecentSearch, onApply = userProps.onApply, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+	        return /*#__PURE__*/ createElement("div", {
+	            onClick: onSelect,
+	            className: cx('ais-AutocompleteItemWrapper ais-AutocompleteRecentSearchWrapper', classNames.root)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteRecentSearchItemContent', classNames.content)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteRecentSearchItemIcon', classNames.content)
+	        }, /*#__PURE__*/ createElement(ClockIcon, {
+	            createElement: createElement
+	        })), /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteRecentSearchItemContentBody', classNames.content)
+	        }, children)), /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteRecentSearchItemActions', classNames.actions)
+	        }, /*#__PURE__*/ createElement("button", {
+	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemDeleteButton', classNames.deleteButton),
+	            title: "Remove ".concat(item.query, " from recent searches"),
+	            onClick: function onClick(evt) {
+	                evt.stopPropagation();
+	                onRemoveRecentSearch();
 	            }
-	        }
-	        function scrollRight() {
-	            if (listRef.current) {
-	                listRef.current.scrollLeft += listRef.current.offsetWidth * 0.75;
+	        }, /*#__PURE__*/ createElement(TrashIcon, {
+	            createElement: createElement
+	        })), /*#__PURE__*/ createElement("button", {
+	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteRecentSearchItemApplyButton', classNames.applyButton),
+	            title: "Apply ".concat(item.query, " as search"),
+	            onClick: function onClick(evt) {
+	                evt.stopPropagation();
+	                onApply();
+	            }
+	        }, /*#__PURE__*/ createElement(ApplyIcon, {
+	            createElement: createElement
+	        }))));
+	    };
+	}
+
+	function createAutocompleteSearchComponent(param) {
+	    var createElement = param.createElement;
+	    return function AutocompleteSearch(userProps) {
+	        var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled;
+	        var inputRef = inputProps.ref;
+	        return /*#__PURE__*/ createElement("form", {
+	            className: "ais-AutocompleteForm",
+	            action: "",
+	            noValidate: true,
+	            role: "search",
+	            onSubmit: function onSubmit(e) {
+	                return e.preventDefault();
+	            },
+	            onReset: function onReset() {
+	                var _inputRef_current;
+	                return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+	            }
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: "ais-AutocompleteInputWrapperPrefix"
+	        }, /*#__PURE__*/ createElement("label", {
+	            className: "ais-AutocompleteLabel",
+	            "aria-label": "Submit",
+	            htmlFor: inputProps.id,
+	            id: "".concat(inputProps.id, "-label")
+	        }, /*#__PURE__*/ createElement("button", {
+	            className: "ais-AutocompleteSubmitButton",
+	            type: "submit",
+	            title: "Submit"
+	        }, /*#__PURE__*/ createElement(SubmitIcon, {
+	            createElement: createElement
+	        }))), /*#__PURE__*/ createElement("div", {
+	            className: "ais-AutocompleteLoadingIndicator",
+	            hidden: !isSearchStalled
+	        }, /*#__PURE__*/ createElement(LoadingIcon, {
+	            createElement: createElement
+	        }))), /*#__PURE__*/ createElement("div", {
+	            className: "ais-AutocompleteInputWrapper"
+	        }, /*#__PURE__*/ createElement("input", _object_spreadExports._({
+	            className: "ais-AutocompleteInput",
+	            "aria-autocomplete": "both",
+	            "aria-labelledby": "".concat(inputProps.id, "-label"),
+	            autoComplete: "off",
+	            autoCorrect: "off",
+	            autoCapitalize: "off",
+	            enterKeyHint: "search",
+	            spellCheck: "false",
+	            maxLength: 512,
+	            type: "search",
+	            value: query
+	        }, inputProps))), /*#__PURE__*/ createElement("div", {
+	            className: "ais-AutocompleteInputWrapperSuffix"
+	        }, /*#__PURE__*/ createElement("button", {
+	            className: "ais-AutocompleteClearButton",
+	            type: "reset",
+	            title: "Clear",
+	            hidden: query.length === 0 || isSearchStalled,
+	            onClick: onClear
+	        }, /*#__PURE__*/ createElement(ClearIcon, {
+	            createElement: createElement
+	        }))));
+	    };
+	}
+
+	function createAutocompleteSuggestionComponent(param) {
+	    var createElement = param.createElement;
+	    return function AutocompleteSuggestion(userProps) {
+	        var item = userProps.item, children = userProps.children, onSelect = userProps.onSelect, onApply = userProps.onApply, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+	        return /*#__PURE__*/ createElement("div", {
+	            onClick: onSelect,
+	            className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompleteSuggestionWrapper', classNames.root)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
+	        }, /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
+	        }, /*#__PURE__*/ createElement(SubmitIcon, {
+	            createElement: createElement
+	        })), /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
+	        }, children)), /*#__PURE__*/ createElement("div", {
+	            className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteSuggestionItemActions', classNames.actions)
+	        }, /*#__PURE__*/ createElement("button", {
+	            className: cx('ais-AutocompleteItemActionButton', 'ais-AutocompleteSuggestionItemApplyButton', classNames.applyButton),
+	            type: "button",
+	            title: "Apply ".concat(item.query, " as search"),
+	            onClick: function onClick(evt) {
+	                evt.stopPropagation();
+	                onApply();
 	            }
+	        }, /*#__PURE__*/ createElement(ApplyIcon, {
+	            createElement: createElement
+	        }))));
+	    };
+	}
+
+	function find(array, predicate) {
+	    for(var index = 0; index < array.length; index++){
+	        var item = array[index];
+	        if (predicate(item, index, array)) {
+	            return item;
 	        }
-	        function updateNavigationButtonsProps() {
-	            if (!listRef.current) {
-	                return;
+	    }
+	    return undefined;
+	}
+
+	function createAutocompletePropGetters(param) {
+	    var useEffect = param.useEffect, useId = param.useId, useMemo = param.useMemo, useRef = param.useRef, useState = param.useState;
+	    return function usePropGetters(param) {
+	        var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached, _param_shouldHidePanel = param.shouldHidePanel, shouldHidePanel = _param_shouldHidePanel === void 0 ? false : _param_shouldHidePanel, _param_autoFocus = param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus;
+	        var getElementId = createGetElementId(useId());
+	        var inputRef = useRef(null);
+	        var rootRef = useRef(null);
+	        var _useState = _sliced_to_arrayExports._(useState(autoFocus), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+	        var _useState1 = _sliced_to_arrayExports._(useState(undefined), 2), activeDescendant = _useState1[0], setActiveDescendant = _useState1[1];
+	        var _useMemo = useMemo(function() {
+	            return buildItems({
+	                indices: indices,
+	                indicesConfig: indicesConfig,
+	                getElementId: getElementId
+	            });
+	        }, [
+	            indices,
+	            indicesConfig,
+	            getElementId
+	        ]), items = _useMemo.items, itemsIds = _useMemo.itemsIds;
+	        useEffect(function() {
+	            // In detached mode, we don't close the panel on body click
+	            // because the overlay handles closing
+	            if (isDetached) {
+	                return function() {};
 	            }
-	            var isLeftHidden = listRef.current.scrollLeft <= 0;
-	            var isRightHidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
-	            setCanScrollLeft(!isLeftHidden);
-	            setCanScrollRight(!isRightHidden);
-	            if (previousButtonRef.current) {
-	                previousButtonRef.current.hidden = isLeftHidden;
+	            var onBodyClick = function onBodyClick(event) {
+	                var _unwrapRef;
+	                if ((_unwrapRef = unwrapRef(rootRef)) === null || _unwrapRef === void 0 ? void 0 : _unwrapRef.contains(event.target)) {
+	                    return;
+	                }
+	                setIsOpen(false);
+	            };
+	            document.body.addEventListener('click', onBodyClick);
+	            return function() {
+	                document.body.removeEventListener('click', onBodyClick);
+	            };
+	        }, [
+	            rootRef,
+	            isDetached
+	        ]);
+	        var getNextActiveDescendant = function getNextActiveDescendant(key) {
+	            switch(key){
+	                case 'ArrowUp':
+	                    {
+	                        var prevIndex = itemsIds.indexOf(activeDescendant || '') - 1;
+	                        return itemsIds[prevIndex] || itemsIds[itemsIds.length - 1];
+	                    }
+	                case 'ArrowDown':
+	                    {
+	                        var nextIndex = itemsIds.indexOf(activeDescendant || '') + 1;
+	                        return itemsIds[nextIndex] || itemsIds[0];
+	                    }
+	                default:
+	                    return undefined;
 	            }
-	            if (nextButtonRef.current) {
-	                nextButtonRef.current.hidden = isRightHidden;
+	        };
+	        var submit = function submit() {
+	            var override = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+	            var _override_activeDescendant;
+	            if (isOpen) {
+	                setIsOpen(false);
+	            } else {
+	                var _inputRef_current;
+	                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
 	            }
-	        }
-	        if (items.length === 0) {
-	            return null;
-	        }
-	        return /*#__PURE__*/ createElement("div", _object_spread_propsExports._(_object_spreadExports._({}, props), {
-	            className: cx(cssClasses.root)
-	        }), HeaderComponent && /*#__PURE__*/ createElement(HeaderComponent, {
-	            canScrollLeft: canScrollLeft,
-	            canScrollRight: canScrollRight,
-	            scrollLeft: scrollLeft,
-	            scrollRight: scrollRight
-	        }), showNavigation && /*#__PURE__*/ createElement("button", {
-	            ref: previousButtonRef,
-	            title: translations.previousButtonTitle,
-	            "aria-label": translations.previousButtonLabel,
-	            hidden: true,
-	            "aria-controls": carouselIdRef.current,
-	            className: cx(cssClasses.navigation, cssClasses.navigationPrevious),
-	            onClick: function onClick(event) {
-	                event.preventDefault();
-	                scrollLeft();
+	            var actualDescendant = (_override_activeDescendant = override.activeDescendant) !== null && _override_activeDescendant !== void 0 ? _override_activeDescendant : activeDescendant;
+	            if (!actualDescendant && override.query) {
+	                onRefine(override.query);
 	            }
-	        }, /*#__PURE__*/ createElement(PreviousIcon, {
-	            createElement: createElement
-	        })), /*#__PURE__*/ createElement("ol", {
-	            className: cx(cssClasses.list),
-	            ref: listRef,
-	            tabIndex: 0,
-	            id: carouselIdRef.current,
-	            "aria-roledescription": "carousel",
-	            "aria-label": translations.listLabel,
-	            "aria-live": "polite",
-	            onScroll: updateNavigationButtonsProps,
-	            onKeyDown: function onKeyDown(event) {
-	                if (event.key === 'ArrowLeft') {
-	                    event.preventDefault();
-	                    scrollLeft();
-	                } else if (event.key === 'ArrowRight') {
-	                    event.preventDefault();
-	                    scrollRight();
-	                }
+	            if (actualDescendant && items.has(actualDescendant)) {
+	                var _ref;
+	                var _items_get = items.get(actualDescendant), item = _items_get.item, _items_get_config = _items_get.config, indexOnSelect = _items_get_config.onSelect, getQuery = _items_get_config.getQuery, getURL = _items_get_config.getURL;
+	                var actualOnSelect = indexOnSelect !== null && indexOnSelect !== void 0 ? indexOnSelect : globalOnSelect;
+	                actualOnSelect({
+	                    item: item,
+	                    query: (_ref = getQuery === null || getQuery === void 0 ? void 0 : getQuery(item)) !== null && _ref !== void 0 ? _ref : '',
+	                    url: getURL === null || getURL === void 0 ? void 0 : getURL(item),
+	                    setQuery: function setQuery(query) {
+	                        return onRefine(query);
+	                    }
+	                });
+	                setActiveDescendant(undefined);
 	            }
-	        }, items.map(function(item, index) {
-	            return /*#__PURE__*/ createElement("li", {
-	                key: item.objectID,
-	                className: cx(cssClasses.item),
-	                "aria-roledescription": "slide",
-	                "aria-label": "".concat(index + 1, " of ").concat(items.length),
-	                onClick: function onClick() {
-	                    sendEvent('click:internal', item, 'Item Clicked');
-	                },
-	                onAuxClick: function onAuxClick() {
-	                    sendEvent('click:internal', item, 'Item Clicked');
-	                }
-	            }, /*#__PURE__*/ createElement(ItemComponent, {
-	                item: item,
-	                sendEvent: sendEvent
-	            }));
-	        })), showNavigation && /*#__PURE__*/ createElement("button", {
-	            ref: nextButtonRef,
-	            title: translations.nextButtonTitle,
-	            "aria-label": translations.nextButtonLabel,
-	            "aria-controls": carouselIdRef.current,
-	            className: cx(cssClasses.navigation, cssClasses.navigationNext),
-	            onClick: function onClick(event) {
-	                event.preventDefault();
-	                scrollRight();
+	            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+	        };
+	        return {
+	            getInputProps: function getInputProps() {
+	                return {
+	                    id: getElementId('input'),
+	                    ref: inputRef,
+	                    role: 'combobox',
+	                    autoFocus: autoFocus,
+	                    'aria-autocomplete': 'list',
+	                    'aria-expanded': isOpen,
+	                    'aria-haspopup': 'grid',
+	                    'aria-controls': getElementId('panel'),
+	                    'aria-activedescendant': activeDescendant,
+	                    placeholder: placeholder,
+	                    onFocus: function onFocus() {
+	                        return setIsOpen(true);
+	                    },
+	                    onKeyDown: function onKeyDown(event) {
+	                        switch(event.key){
+	                            case 'Escape':
+	                                {
+	                                    if (isOpen) {
+	                                        setIsOpen(false);
+	                                        event.preventDefault();
+	                                    } else {
+	                                        setActiveDescendant(undefined);
+	                                    }
+	                                    break;
+	                                }
+	                            case 'ArrowUp':
+	                            case 'ArrowDown':
+	                                {
+	                                    var _document_getElementById;
+	                                    setIsOpen(true);
+	                                    var nextActiveDescendant = getNextActiveDescendant(event.key);
+	                                    setActiveDescendant(nextActiveDescendant);
+	                                    (_document_getElementById = document.getElementById(nextActiveDescendant)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.scrollIntoView(false);
+	                                    event.preventDefault();
+	                                    break;
+	                                }
+	                            case 'Enter':
+	                                {
+	                                    submit({
+	                                        query: event.target.value
+	                                    });
+	                                    break;
+	                                }
+	                            case 'Tab':
+	                                // In detached mode, Tab doesn't close the panel
+	                                if (!isDetached) {
+	                                    setIsOpen(false);
+	                                }
+	                                break;
+	                            default:
+	                                setIsOpen(true);
+	                                return;
+	                        }
+	                    },
+	                    onKeyUp: function onKeyUp(event) {
+	                        switch(event.key){
+	                            case 'ArrowLeft':
+	                            case 'ArrowUp':
+	                            case 'ArrowRight':
+	                            case 'ArrowDown':
+	                            case 'Escape':
+	                            case 'Return':
+	                                event.preventDefault();
+	                                return;
+	                            default:
+	                                setActiveDescendant(undefined);
+	                                break;
+	                        }
+	                    }
+	                };
+	            },
+	            getItemProps: function getItemProps(item, index) {
+	                var id = getElementId('item', item.__indexName, index);
+	                return {
+	                    id: id,
+	                    role: 'row',
+	                    'aria-selected': id === activeDescendant,
+	                    onSelect: function onSelect() {
+	                        return submit({
+	                            activeDescendant: id
+	                        });
+	                    },
+	                    onApply: function onApply1() {
+	                        var _ref;
+	                        var _items_get = items.get(id), currentItem = _items_get.item, getQuery = _items_get.config.getQuery;
+	                        onApply((_ref = getQuery === null || getQuery === void 0 ? void 0 : getQuery(currentItem)) !== null && _ref !== void 0 ? _ref : '');
+	                    }
+	                };
+	            },
+	            getPanelProps: function getPanelProps() {
+	                return {
+	                    hidden: !isOpen || shouldHidePanel,
+	                    id: getElementId('panel'),
+	                    role: 'grid',
+	                    'aria-labelledby': getElementId('input')
+	                };
+	            },
+	            getRootProps: function getRootProps() {
+	                return {
+	                    ref: rootRef
+	                };
+	            },
+	            isOpen: isOpen,
+	            setIsOpen: setIsOpen,
+	            focusInput: function focusInput() {
+	                var _inputRef_current;
+	                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
 	            }
-	        }, /*#__PURE__*/ createElement(NextIcon, {
-	            createElement: createElement
-	        })));
+	        };
 	    };
 	}
-
-	function SparklesIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        fill: "none",
-	        viewBox: "0 0 20 20"
-	    }, /*#__PURE__*/ createElement("path", {
-	        fill: "currentColor",
-	        fillRule: "evenodd",
-	        d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
-	        clipRule: "evenodd"
-	    }), /*#__PURE__*/ createElement("path", {
-	        fill: "currentColor",
-	        fillRule: "evenodd",
-	        d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
-	        clipRule: "evenodd"
-	    }));
-	}
-	function ArrowUpIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m5 12 7-7 7 7"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M12 19V5"
-	    }));
-	}
-	function ArrowRightIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "M5 12h14"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "m12 5 7 7-7 7"
-	    }));
-	}
-	function ChevronUpIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m18 15-6-6-6 6"
-	    }));
-	}
-	function ChevronDownIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m6 9 6 6 6-6"
-	    }));
+	function buildItems(param) {
+	    var _loop = function _loop(i) {
+	        var _indices_i;
+	        var currentIndexConfig = find(indicesConfig, function(config) {
+	            return config.indexName === indices[i].indexName;
+	        });
+	        var hits = ((_indices_i = indices[i]) === null || _indices_i === void 0 ? void 0 : _indices_i.hits) || [];
+	        for(var position = 0; position < hits.length; position++){
+	            var itemId = getElementId('item', (currentIndexConfig === null || currentIndexConfig === void 0 ? void 0 : currentIndexConfig.indexName) || indices[i].indexName, position);
+	            items.set(itemId, {
+	                item: hits[position],
+	                config: currentIndexConfig
+	            });
+	            itemsIds.push(itemId);
+	        }
+	    };
+	    var indices = param.indices, indicesConfig = param.indicesConfig, getElementId = param.getElementId;
+	    var itemsIds = [];
+	    var items = new Map();
+	    for(var i = 0; i < indices.length; i++)_loop(i);
+	    return {
+	        items: items,
+	        itemsIds: itemsIds
+	    };
 	}
-	function CloseIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "M18 6 6 18"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "m6 6 12 12"
-	    }));
+	function createGetElementId(autocompleteId) {
+	    return function getElementId() {
+	        for(var _len = arguments.length, suffixes = new Array(_len), _key = 0; _key < _len; _key++){
+	            suffixes[_key] = arguments[_key];
+	        }
+	        var prefix = 'autocomplete';
+	        return "".concat(prefix).concat(autocompleteId).concat(suffixes.join(':'));
+	    };
 	}
-	function MaximizeIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "M15 3h6v6"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "m21 3-7 7"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "m3 21 7-7"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M9 21H3v-6"
-	    }));
+	/**
+	 * Returns the framework-agnostic value of a ref.
+	 */ function unwrapRef(ref) {
+	    return ref.current && _type_ofExports._(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
+	     : ref.current; // React
 	}
-	function MinimizeIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m14 10 7-7"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M20 10h-6V4"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "m3 21 7-7"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M4 14h6v6"
-	    }));
+
+	function createAutocompleteStorage(param) {
+	    var useEffect = param.useEffect, useMemo = param.useMemo, useState = param.useState;
+	    return function useStorage(param) {
+	        var showRecent = param.showRecent, query = param.query, indices = param.indices, indicesConfig = param.indicesConfig, suggestionsIndexName = param.suggestionsIndexName;
+	        var storageKey = showRecent && (typeof showRecent === "undefined" ? "undefined" : _type_ofExports._(showRecent)) === 'object' ? showRecent.storageKey : undefined;
+	        var storage = useMemo(function() {
+	            return createStorage({
+	                limit: 5,
+	                storageKey: storageKey
+	            });
+	        }, [
+	            storageKey
+	        ]);
+	        var _useState = _sliced_to_arrayExports._(useState(storage.getSnapshot()), 2), snapshot = _useState[0], setSnapshot = _useState[1];
+	        useEffect(function() {
+	            storage.registerUpdateListener(function() {
+	                setSnapshot(storage.getSnapshot());
+	            });
+	            return function() {
+	                storage.unregisterUpdateListener();
+	            };
+	        }, [
+	            storage
+	        ]);
+	        if (!showRecent) {
+	            return {
+	                storage: {
+	                    onAdd: function onAdd() {},
+	                    onRemove: function onRemove() {}
+	                },
+	                storageHits: [],
+	                indicesForPropGetters: indices,
+	                indicesConfigForPropGetters: indicesConfig
+	            };
+	        }
+	        var storageHits = snapshot.getAll(query).map(function(value) {
+	            return {
+	                objectID: value,
+	                query: value,
+	                __indexName: 'recent-searches',
+	                _highlightResult: getHighlightedAttribute({
+	                    item: {
+	                        query: value
+	                    },
+	                    query: query || ''
+	                })
+	            };
+	        });
+	        var indicesForPropGetters = _to_consumable_arrayExports._(indices.map(function(index) {
+	            return index.indexName === suggestionsIndexName ? _object_spread_propsExports._(_object_spreadExports._({}, index), {
+	                hits: index.hits.filter(function(hit) {
+	                    return !find(storageHits, function(storageHit) {
+	                        return storageHit.query === hit.query;
+	                    });
+	                })
+	            }) : index;
+	        }));
+	        var indicesConfigForPropGetters = _to_consumable_arrayExports._(indicesConfig);
+	        indicesForPropGetters.unshift({
+	            indexName: 'recent-searches',
+	            indexId: 'recent-searches',
+	            hits: storageHits
+	        });
+	        indicesConfigForPropGetters.unshift({
+	            indexName: 'recent-searches',
+	            // @ts-expect-error - we know it has query as it's generated from storageHits
+	            getQuery: function getQuery(item) {
+	                return item.query;
+	            }
+	        });
+	        return {
+	            storage: storage,
+	            storageHits: storageHits,
+	            indicesForPropGetters: indicesForPropGetters,
+	            indicesConfigForPropGetters: indicesConfigForPropGetters
+	        };
+	    };
 	}
-	function StopIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("circle", {
-	        cx: "12",
-	        cy: "12",
-	        r: "10"
-	    }), /*#__PURE__*/ createElement("rect", {
-	        x: "9",
-	        y: "9",
-	        width: "6",
-	        height: "6",
-	        rx: "1"
-	    }));
+	var LOCAL_STORAGE_KEY_TEST = 'test-localstorage-support';
+	var LOCAL_STORAGE_KEY = 'autocomplete-recent-searches';
+	function isLocalStorageSupported() {
+	    try {
+	        localStorage.setItem(LOCAL_STORAGE_KEY_TEST, '');
+	        localStorage.removeItem(LOCAL_STORAGE_KEY_TEST);
+	        return true;
+	    } catch (error) {
+	        return false;
+	    }
 	}
-	function ReloadIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("path", {
-	        d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M21 3v5h-5"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M3 21v-5h5"
-	    }));
+	function getHighlightedAttribute(param) {
+	    var item = param.item, query = param.query;
+	    if (!query.trim().length) {
+	        return {
+	            query: {
+	                matchLevel: 'none'
+	            }
+	        };
+	    }
+	    return {
+	        query: {
+	            value: item.query.replace(new RegExp(query.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'), 'gi'), function(match) {
+	                return "<mark>".concat(match, "</mark>");
+	            })
+	        }
+	    };
 	}
-	function CopyIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("rect", {
-	        width: "14",
-	        height: "14",
-	        x: "8",
-	        y: "8",
-	        rx: "2",
-	        ry: "2"
-	    }), /*#__PURE__*/ createElement("path", {
-	        d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
-	    }));
+	function getLocalStorage() {
+	    var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : LOCAL_STORAGE_KEY;
+	    if (!isLocalStorageSupported()) {
+	        return {
+	            setItems: function setItems() {},
+	            getItems: function getItems() {
+	                return [];
+	            }
+	        };
+	    }
+	    return {
+	        setItems: function setItems(items) {
+	            try {
+	                window.localStorage.setItem(key, JSON.stringify(items));
+	            } catch (unused) {
+	            // do nothing, this likely means the storage is full
+	            }
+	        },
+	        getItems: function getItems() {
+	            var items = window.localStorage.getItem(key);
+	            return items ? JSON.parse(items) : [];
+	        }
+	    };
 	}
-	function MenuIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
-	    }, /*#__PURE__*/ createElement("circle", {
-	        cx: "12",
-	        cy: "12",
-	        r: "1"
-	    }), /*#__PURE__*/ createElement("circle", {
-	        cx: "12",
-	        cy: "5",
-	        r: "1"
-	    }), /*#__PURE__*/ createElement("circle", {
-	        cx: "12",
-	        cy: "19",
-	        r: "1"
-	    }));
+	function createStorage(param) {
+	    var _param_limit = param.limit, limit = _param_limit === void 0 ? 5 : _param_limit, storageKey = param.storageKey;
+	    var storage = getLocalStorage(storageKey);
+	    var updateListener = null;
+	    return {
+	        onAdd: function onAdd(query) {
+	            this.onRemove(query);
+	            storage.setItems([
+	                query
+	            ].concat(_to_consumable_arrayExports._(storage.getItems())));
+	        },
+	        onRemove: function onRemove(query) {
+	            storage.setItems(storage.getItems().filter(function(q) {
+	                return q !== query;
+	            }));
+	            updateListener === null || updateListener === void 0 ? void 0 : updateListener();
+	        },
+	        registerUpdateListener: function registerUpdateListener(callback) {
+	            updateListener = callback;
+	        },
+	        unregisterUpdateListener: function unregisterUpdateListener() {
+	            updateListener = null;
+	        },
+	        getSnapshot: function getSnapshot() {
+	            return {
+	                getAll: function getAll() {
+	                    var query = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '';
+	                    return storage.getItems().filter(function(q) {
+	                        return q.includes(query);
+	                    }).slice(0, limit);
+	                }
+	            };
+	        }
+	    };
 	}
-	function LoadingSpinnerIcon(param) {
-	    var createElement = param.createElement;
-	    return /*#__PURE__*/ createElement("svg", {
-	        viewBox: "12 12 24 24",
-	        role: "status",
-	        "aria-busy": "true",
-	        "aria-live": "polite"
-	    }, /*#__PURE__*/ createElement("title", null, "Loading spinner"), /*#__PURE__*/ createElement("circle", {
-	        cx: "24",
-	        cy: "24",
-	        r: "11",
-	        fill: "none",
-	        stroke: "currentColor"
-	    }));
+
+	function createDefaultItemComponent(param) {
+	    var createElement = param.createElement, Fragment = param.Fragment;
+	    return function DefaultItem(userProps) {
+	        return /*#__PURE__*/ createElement(Fragment, null, JSON.stringify(userProps.item, null, 2));
+	    };
 	}
-	function ChevronLeftIcon(param) {
+
+	var lastCarouselId = 0;
+	function generateCarouselId() {
+	    return "ais-Carousel-".concat(lastCarouselId++);
+	}
+	function PreviousIconDefaultComponent(param) {
 	    var createElement = param.createElement;
 	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
+	        width: "8",
+	        height: "16",
+	        viewBox: "0 0 8 16",
+	        fill: "none"
 	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m15 18-6-6 6-6"
+	        fillRule: "evenodd",
+	        clipRule: "evenodd",
+	        fill: "currentColor",
+	        d: "M7.13809 0.744078C7.39844 1.06951 7.39844 1.59715 7.13809 1.92259L2.27616 8L7.13809 14.0774C7.39844 14.4028 7.39844 14.9305 7.13809 15.2559C6.87774 15.5814 6.45563 15.5814 6.19528 15.2559L0.861949 8.58926C0.6016 8.26382 0.6016 7.73618 0.861949 7.41074L6.19528 0.744078C6.45563 0.418641 6.87774 0.418641 7.13809 0.744078Z"
 	    }));
 	}
-	function ChevronRightIcon(param) {
+	function NextIconDefaultComponent(param) {
 	    var createElement = param.createElement;
 	    return /*#__PURE__*/ createElement("svg", {
-	        xmlns: "http://www.w3.org/2000/svg",
-	        viewBox: "0 0 24 24",
-	        fill: "none",
-	        stroke: "currentColor",
-	        strokeLinecap: "round",
-	        strokeLinejoin: "round"
+	        width: "8",
+	        height: "16",
+	        viewBox: "0 0 8 16",
+	        fill: "none"
 	    }, /*#__PURE__*/ createElement("path", {
-	        d: "m9 18 6-6-6-6"
+	        fillRule: "evenodd",
+	        clipRule: "evenodd",
+	        fill: "currentColor",
+	        d: "M0.861908 15.2559C0.601559 14.9305 0.601559 14.4028 0.861908 14.0774L5.72384 8L0.861908 1.92259C0.601559 1.59715 0.601559 1.06952 0.861908 0.744079C1.12226 0.418642 1.54437 0.418642 1.80472 0.744079L7.13805 7.41074C7.3984 7.73618 7.3984 8.26382 7.13805 8.58926L1.80472 15.2559C1.54437 15.5814 1.12226 15.5814 0.861908 15.2559Z"
 	    }));
 	}
+	function createCarouselComponent(param) {
+	    var createElement = param.createElement, Fragment = param.Fragment;
+	    return function Carousel(userProps) {
+	        var listRef = userProps.listRef, nextButtonRef = userProps.nextButtonRef, previousButtonRef = userProps.previousButtonRef, carouselIdRef = userProps.carouselIdRef, canScrollLeft = userProps.canScrollLeft, canScrollRight = userProps.canScrollRight, setCanScrollLeft = userProps.setCanScrollLeft, setCanScrollRight = userProps.setCanScrollRight, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, tmp = userProps.itemComponent, ItemComponent = tmp === void 0 ? createDefaultItemComponent({
+	            createElement: createElement,
+	            Fragment: Fragment
+	        }) : tmp, tmp1 = userProps.previousIconComponent, PreviousIcon = tmp1 === void 0 ? PreviousIconDefaultComponent : tmp1, tmp2 = userProps.nextIconComponent, NextIcon = tmp2 === void 0 ? NextIconDefaultComponent : tmp2, HeaderComponent = userProps.headerComponent, _userProps_showNavigation = userProps.showNavigation, showNavigation = _userProps_showNavigation === void 0 ? true : _userProps_showNavigation, items = userProps.items, userTranslations = userProps.translations, sendEvent = userProps.sendEvent, props = _object_without_propertiesExports._(userProps, [
+	            "listRef",
+	            "nextButtonRef",
+	            "previousButtonRef",
+	            "carouselIdRef",
+	            "canScrollLeft",
+	            "canScrollRight",
+	            "setCanScrollLeft",
+	            "setCanScrollRight",
+	            "classNames",
+	            "itemComponent",
+	            "previousIconComponent",
+	            "nextIconComponent",
+	            "headerComponent",
+	            "showNavigation",
+	            "items",
+	            "translations",
+	            "sendEvent"
+	        ]);
+	        var translations = _object_spreadExports._({
+	            listLabel: 'Items',
+	            nextButtonLabel: 'Next',
+	            nextButtonTitle: 'Next',
+	            previousButtonLabel: 'Previous',
+	            previousButtonTitle: 'Previous'
+	        }, userTranslations);
+	        var cssClasses = {
+	            root: cx('ais-Carousel', classNames.root),
+	            list: cx('ais-Carousel-list', classNames.list),
+	            item: cx('ais-Carousel-item', classNames.item),
+	            navigation: cx('ais-Carousel-navigation', classNames.navigation),
+	            navigationNext: cx('ais-Carousel-navigation--next', classNames.navigationNext),
+	            navigationPrevious: cx('ais-Carousel-navigation--previous', classNames.navigationPrevious)
+	        };
+	        function scrollLeft() {
+	            if (listRef.current) {
+	                listRef.current.scrollLeft -= listRef.current.offsetWidth * 0.75;
+	            }
+	        }
+	        function scrollRight() {
+	            if (listRef.current) {
+	                listRef.current.scrollLeft += listRef.current.offsetWidth * 0.75;
+	            }
+	        }
+	        function updateNavigationButtonsProps() {
+	            if (!listRef.current) {
+	                return;
+	            }
+	            var isLeftHidden = listRef.current.scrollLeft <= 0;
+	            var isRightHidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
+	            setCanScrollLeft(!isLeftHidden);
+	            setCanScrollRight(!isRightHidden);
+	            if (previousButtonRef.current) {
+	                previousButtonRef.current.hidden = isLeftHidden;
+	            }
+	            if (nextButtonRef.current) {
+	                nextButtonRef.current.hidden = isRightHidden;
+	            }
+	        }
+	        if (items.length === 0) {
+	            return null;
+	        }
+	        return /*#__PURE__*/ createElement("div", _object_spread_propsExports._(_object_spreadExports._({}, props), {
+	            className: cx(cssClasses.root)
+	        }), HeaderComponent && /*#__PURE__*/ createElement(HeaderComponent, {
+	            canScrollLeft: canScrollLeft,
+	            canScrollRight: canScrollRight,
+	            scrollLeft: scrollLeft,
+	            scrollRight: scrollRight
+	        }), showNavigation && /*#__PURE__*/ createElement("button", {
+	            ref: previousButtonRef,
+	            title: translations.previousButtonTitle,
+	            "aria-label": translations.previousButtonLabel,
+	            hidden: true,
+	            "aria-controls": carouselIdRef.current,
+	            className: cx(cssClasses.navigation, cssClasses.navigationPrevious),
+	            onClick: function onClick(event) {
+	                event.preventDefault();
+	                scrollLeft();
+	            }
+	        }, /*#__PURE__*/ createElement(PreviousIcon, {
+	            createElement: createElement
+	        })), /*#__PURE__*/ createElement("ol", {
+	            className: cx(cssClasses.list),
+	            ref: listRef,
+	            tabIndex: 0,
+	            id: carouselIdRef.current,
+	            "aria-roledescription": "carousel",
+	            "aria-label": translations.listLabel,
+	            "aria-live": "polite",
+	            onScroll: updateNavigationButtonsProps,
+	            onKeyDown: function onKeyDown(event) {
+	                if (event.key === 'ArrowLeft') {
+	                    event.preventDefault();
+	                    scrollLeft();
+	                } else if (event.key === 'ArrowRight') {
+	                    event.preventDefault();
+	                    scrollRight();
+	                }
+	            }
+	        }, items.map(function(item, index) {
+	            return /*#__PURE__*/ createElement("li", {
+	                key: item.objectID,
+	                className: cx(cssClasses.item),
+	                "aria-roledescription": "slide",
+	                "aria-label": "".concat(index + 1, " of ").concat(items.length),
+	                onClick: function onClick() {
+	                    sendEvent('click:internal', item, 'Item Clicked');
+	                },
+	                onAuxClick: function onAuxClick() {
+	                    sendEvent('click:internal', item, 'Item Clicked');
+	                }
+	            }, /*#__PURE__*/ createElement(ItemComponent, {
+	                item: item,
+	                sendEvent: sendEvent
+	            }));
+	        })), showNavigation && /*#__PURE__*/ createElement("button", {
+	            ref: nextButtonRef,
+	            title: translations.nextButtonTitle,
+	            "aria-label": translations.nextButtonLabel,
+	            "aria-controls": carouselIdRef.current,
+	            className: cx(cssClasses.navigation, cssClasses.navigationNext),
+	            onClick: function onClick(event) {
+	                event.preventDefault();
+	                scrollRight();
+	            }
+	        }, /*#__PURE__*/ createElement(NextIcon, {
+	            createElement: createElement
+	        })));
+	    };
+	}
 
 	function createChatHeaderComponent(param) {
 	    var createElement = param.createElement;
@@ -19113,6 +19148,18 @@
 	    };
 	}
 
+	var getTextContent = function getTextContent(message) {
+	    return message.parts.map(function(part) {
+	        return 'text' in part ? part.text : '';
+	    }).join('');
+	};
+	var hasTextContent = function hasTextContent(message) {
+	    return getTextContent(message).trim() !== '';
+	};
+	var isPartText = function isPartText(part) {
+	    return part.type === 'text';
+	};
+
 	function n(){return n=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);}return e},n.apply(this,arguments)}const o=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,n)=>(e[n.toLowerCase()]=n,e),{class:"className",for:"htmlFor"}),a={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script","pre"],i=["src","href","data","formAction","srcDoc","action"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,l=/\n{2,}$/,s=/^(\s*>[\s\S]*?)(?=\n\n|$)/,f=/^ *> ?/gm,_=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,d=/^ {2,}\n/,p=/^(?:([-*_])( *\1){2,}) *(?:\n *)+\n/,y=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,h=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,g=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,m=/^(?:\n *)*\n/,k=/\r\n?/g,x=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,q=/^\[\^([^\]]+)]/,v=/\f/g,b=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,$=/^\s*?\[(x|\s)\]/,S=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,z=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,E=/^([^\n]+)\n *(=|-)\2{2,} *\n/,A=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,R=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,B=/^<!--[\s\S]*?(?:-->)/,L=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,O=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,j=/^\{.*\}$/,C=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I=/^<([^ >]+[:@\/][^ >]+)>/,T=/-([a-z])?/gi,M=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,w=/^[^\n]+(?:  \n|\n{2,})/,D=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,F=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,P=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,N=/\t/g,G=/(^ *\||\| *$)/g,U=/^ *:-+: *$/,V=/^ *:-+ *$/,H=/^ *-+: *$/,Q=e=>`(?=[\\s\\S]+?\\1${e?"\\1":""})`,W="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",J=RegExp(`^([*_])\\1${Q(1)}${W}\\1\\1(?!\\1)`),K=RegExp(`^([*_])${Q(0)}${W}\\1(?!\\1)`),X=RegExp(`^(==)${Q(0)}${W}\\1`),Y=RegExp(`^(~~)${Q(0)}${W}\\1`),ee=/^(:[a-zA-Z0-9-_]+:)/,ne=/^\\([^0-9A-Za-z\s])/,re=/\\([^0-9A-Za-z\s])/g,te=/^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/,oe=/^\n+/,ae=/^([ \t]*)/,ce=/(?:^|\n)( *)$/,ie="(?:\\d+\\.)",ue="(?:[*+-])";function le(e){return "( *)("+(1===e?ie:ue)+") +"}const se=le(1),fe=le(2);function _e(e){return RegExp("^"+(1===e?se:fe))}const de=_e(1),pe=_e(2);function ye(e){return RegExp("^"+(1===e?se:fe)+"[^\\n]*(?:\\n(?!\\1"+(1===e?ie:ue)+" )[^\\n]*)*(\\n|$)","gm")}const he=ye(1),ge=ye(2);function me(e){const n=1===e?ie:ue;return RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const ke=me(1),xe=me(2);function qe(e,n){const r=1===n,t=r?ke:xe,o=r?he:ge,a=r?de:pe;return {t:e=>a.test(e),o:je(function(e,n){const r=ce.exec(n.prevCapture);return r&&(n.list||!n.inline&&!n.simple)?t.exec(e=r[1]+e):null}),i:1,u(e,n,t){const c=r?+e[2]:void 0,i=e[0].replace(l,"\n").match(o);let u=!1;return {items:i.map(function(e,r){const o=a.exec(e)[0].length,c=RegExp("^ {1,"+o+"}","gm"),l=e.replace(c,"").replace(a,""),s=r===i.length-1,f=-1!==l.indexOf("\n\n")||s&&u;u=f;const _=t.inline,d=t.list;let p;t.list=!0,f?(t.inline=!1,p=Se(l)+"\n\n"):(t.inline=!0,p=Se(l));const y=n(p,t);return t.inline=_,t.list=d,y}),ordered:r,start:c}},l:(n,r,t)=>e(n.ordered?"ol":"ul",{key:t.key,start:"20"===n.type?n.start:void 0},n.items.map(function(n,o){return e("li",{key:o},r(n,t))}))}}const ve=RegExp("^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),be=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;function $e(e){return "string"==typeof e}function Se(e){let n=e.length;for(;n>0&&e[n-1]<=" ";)n--;return e.slice(0,n)}function ze(e,n){return e.startsWith(n)}function Ee(e,n,r){if(Array.isArray(r)){for(let n=0;n<r.length;n++)if(ze(e,r[n]))return !0;return !1}return r(e,n)}function Ae(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Re(e){return H.test(e)?"right":U.test(e)?"center":V.test(e)?"left":null}function Be(e,n,r,t){const o=r.inTable;r.inTable=!0;let a=[[]],c="";function i(){if(!c)return;const e=a[a.length-1];e.push.apply(e,n(c,r)),c="";}return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((e,n,r)=>{"|"===e.trim()&&(i(),t)?0!==n&&n!==r.length-1&&a.push([]):c+=e;}),i(),r.inTable=o,a}function Le(e,n,r){r.inline=!0;const t=e[2]?e[2].replace(G,"").split("|").map(Re):[],o=e[3]?function(e,n,r){return e.trim().split("\n").map(function(e){return Be(e,n,r,!0)})}(e[3],n,r):[],a=Be(e[1],n,r,!!o.length);return r.inline=!1,o.length?{align:t,cells:o,header:a,type:"25"}:{children:a,type:"21"}}function Oe(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function je(e){return e.inline=1,e}function Ce(e){return je(function(n,r){return r.inline?e.exec(n):null})}function Ie(e){return je(function(n,r){return r.inline||r.simple?e.exec(n):null})}function Te(e){return function(n,r){return r.inline||r.simple?null:e.exec(n)}}function Me(e){return je(function(n){return e.exec(n)})}const we=/(javascript|vbscript|data(?!:image)):/i;function De(e){try{const n=decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"");if(we.test(n))return null}catch(e){return null}return e}function Fe(e){return e?e.replace(re,"$1"):e}function Pe(e,n,r){const t=r.inline||!1,o=r.simple||!1;r.inline=!0,r.simple=!0;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ze(e,n,r){const t=r.inline||!1,o=r.simple||!1;r.inline=!1,r.simple=!0;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ne(e,n,r){const t=r.inline||!1;r.inline=!1;const o=e(n,r);return r.inline=t,o}const Ge=(e,n,r)=>({children:Pe(n,e[2],r)});function Ue(){return {}}function Ve(){return null}function He(...e){return e.filter(Boolean).join(" ")}function Qe(e,n,r){let t=e;const o=n.split(".");for(;o.length&&(t=t[o[0]],void 0!==t);)o.shift();return t||r}function We(r="",t={}){t.overrides=t.overrides||{},t.namedCodesToUnicode=t.namedCodesToUnicode?n({},a,t.namedCodesToUnicode):a;const l=t.slugify||Ae,G=t.sanitizer||De,U=t.createElement||React__namespace.createElement,V=[s,y,h,t.enforceAtxHeadings?z:S,E,M,ke,xe],H=[...V,w,A,B,O];function Q(e,n){for(let r=0;r<e.length;r++)if(e[r].test(n))return !0;return !1}function W(e,r,...o){const a=Qe(t.overrides,e+".props",{});return U(function(e,n){const r=Qe(n,e);return r?"function"==typeof r||"object"==typeof r&&"render"in r?r:Qe(n,e+".component",e):e}(e,t.overrides),n({},r,a,{className:He(null==r?void 0:r.className,a.className)||void 0}),...o)}function re(e){e=e.replace(b,"");let n=!1;t.forceInline?n=!0:t.forceBlock||(n=!1===Z.test(e));const r=fe(se(n?e:Se(e).replace(oe,"")+"\n\n",{inline:n}));for(;$e(r[r.length-1])&&!r[r.length-1].trim();)r.pop();if(null===t.wrapper)return r;const o=t.wrapper||(n?"span":"div");let a;if(r.length>1||t.forceWrapper)a=r;else {if(1===r.length)return a=r[0],"string"==typeof a?W("span",{key:"outer"},a):a;a=null;}return U(o,{key:"outer"},a)}function ce(e,n){if(!n||!n.trim())return null;const r=n.match(u);return r?r.reduce(function(n,r){const t=r.indexOf("=");if(-1!==t){const a=function(e){return -1!==e.indexOf("-")&&null===e.match(L)&&(e=e.replace(T,function(e,n){return n.toUpperCase()})),e}(r.slice(0,t)).trim(),c=function(e){const n=e[0];return ('"'===n||"'"===n)&&e.length>=2&&e[e.length-1]===n?e.slice(1,-1):e}(r.slice(t+1).trim()),u=o[a]||a;if("ref"===u)return n;const l=n[u]=function(e,n,r,t){return "style"===n?function(e){const n=[];let r="",t=!1,o=!1,a="";if(!e)return n;for(let c=0;c<e.length;c++){const i=e[c];if('"'!==i&&"'"!==i||t||(o?i===a&&(o=!1,a=""):(o=!0,a=i)),"("===i&&r.endsWith("url")?t=!0:")"===i&&t&&(t=!1),";"!==i||o||t)r+=i;else {const e=r.trim();if(e){const r=e.indexOf(":");if(r>0){const t=e.slice(0,r).trim(),o=e.slice(r+1).trim();n.push([t,o]);}}r="";}}const c=r.trim();if(c){const e=c.indexOf(":");if(e>0){const r=c.slice(0,e).trim(),t=c.slice(e+1).trim();n.push([r,t]);}}return n}(r).reduce(function(n,[r,o]){return n[r.replace(/(-[a-z])/g,e=>e[1].toUpperCase())]=t(o,e,r),n},{}):-1!==i.indexOf(n)?t(Fe(r),e,n):(r.match(j)&&(r=Fe(r.slice(1,r.length-1))),"true"===r||"false"!==r&&r)}(e,a,c,G);"string"==typeof l&&(A.test(l)||O.test(l))&&(n[u]=re(l.trim()));}else "style"!==r&&(n[o[r]||r]=!0);return n},{}):null}const ie=[],ue={},le={0:{t:[">"],o:Te(s),i:1,u(e,n,r){const[,t,o]=e[0].replace(f,"").match(_);return {alert:t,children:n(o,r)}},l(e,n,r){const t={key:r.key};return e.alert&&(t.className="markdown-alert-"+l(e.alert.toLowerCase(),Ae),e.children.unshift({attrs:{},children:[{type:"27",text:e.alert}],noInnerParse:!0,type:"11",tag:"header"})),W("blockquote",t,n(e.children,r))}},1:{t:["  "],o:Me(d),i:1,u:Ue,l:(e,n,r)=>W("br",{key:r.key})},2:{t:["--","__","**","- ","* ","_ "],o:Te(p),i:1,u:Ue,l:(e,n,r)=>W("hr",{key:r.key})},3:{t:["    "],o:Te(h),i:0,u:e=>({lang:void 0,text:Fe(Se(e[0].replace(/^ {4}/gm,"")))}),l:(e,r,t)=>W("pre",{key:t.key},W("code",n({},e.attrs,{className:e.lang?"lang-"+e.lang:""}),e.text))},4:{t:["```","~~~"],o:Te(y),i:0,u:e=>({attrs:ce("code",e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{t:["`"],o:Ie(g),i:3,u:e=>({text:Fe(e[2])}),l:(e,n,r)=>W("code",{key:r.key},e.text)},6:{t:["[^"],o:Te(x),i:0,u:e=>(ie.push({footnote:e[2],identifier:e[1]}),{}),l:Ve},7:{t:["[^"],o:Ce(q),i:1,u:e=>({target:"#"+l(e[1],Ae),text:e[1]}),l:(e,n,r)=>W("a",{key:r.key,href:G(e.target,"a","href")},W("sup",{key:r.key},e.text))},8:{t:["[ ]","[x]"],o:Ce($),i:1,u:e=>({completed:"x"===e[1].toLowerCase()}),l:(e,n,r)=>W("input",{checked:e.completed,key:r.key,readOnly:!0,type:"checkbox"})},9:{t:["#"],o:Te(t.enforceAtxHeadings?z:S),i:1,u:(e,n,r)=>({children:Pe(n,e[2],r),id:l(e[2],Ae),level:e[1].length}),l:(e,n,r)=>W("h"+e.level,{id:e.id,key:r.key},n(e.children,r))},10:{t:e=>{const n=e.indexOf("\n");return n>0&&n<e.length-1&&("="===e[n+1]||"-"===e[n+1])},o:Te(E),i:0,u:(e,n,r)=>({children:Pe(n,e[1],r),level:"="===e[2]?1:2,type:"9"})},11:{t:["<"],o:Me(A),i:1,u(e,n,r){const[,t]=e[3].match(ae),o=RegExp("^"+t,"gm"),a=e[3].replace(o,""),i=Q(H,a)?Ne:Pe,u=e[1].toLowerCase(),l=-1!==c.indexOf(u),s=(l?u:e[1]).trim(),f={attrs:ce(s,e[2]),noInnerParse:l,tag:s};if(r.inAnchor=r.inAnchor||"a"===u,l)f.text=e[3];else {const e=r.inHTML;r.inHTML=!0,f.children=i(n,a,r),r.inHTML=e;}return r.inAnchor=!1,f},l:(e,r,t)=>W(e.tag,n({key:t.key},e.attrs),e.text||(e.children?r(e.children,t):""))},13:{t:["<"],o:Me(O),i:1,u(e){const n=e[1].trim();return {attrs:ce(n,e[2]||""),tag:n}},l:(e,r,t)=>W(e.tag,n({},e.attrs,{key:t.key}))},12:{t:["\x3c!--"],o:Me(B),i:1,u:()=>({}),l:Ve},14:{t:["!["],o:Ie(be),i:1,u:e=>({alt:Fe(e[1]),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>W("img",{key:r.key,alt:e.alt||void 0,title:e.title||void 0,src:G(e.target,"img","src")})},15:{t:["["],o:Ce(ve),i:3,u:(e,n,r)=>({children:Ze(n,e[1],r),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>W("a",{key:r.key,href:G(e.target,"a","href"),title:e.title},n(e.children,r))},16:{t:["<"],o:Ce(I),i:0,u(e){let n=e[1],r=!1;return -1!==n.indexOf("@")&&-1===n.indexOf("//")&&(r=!0,n=n.replace("mailto:","")),{children:[{text:n,type:"27"}],target:r?"mailto:"+n:n,type:"15"}}},17:{t:(e,n)=>!n.inAnchor&&!t.disableAutoLink&&(ze(e,"http://")||ze(e,"https://")),o:Ce(C),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},20:qe(W,1),33:qe(W,2),19:{t:["\n"],o:Te(m),i:3,u:Ue,l:()=>"\n"},21:{o:je(function(e,n){if(n.inline||n.simple||n.inHTML&&-1===e.indexOf("\n\n")&&-1===n.prevCapture.indexOf("\n\n"))return null;let r="",t=0;for(;;){const n=e.indexOf("\n",t),o=e.slice(t,-1===n?void 0:n+1);if(Q(V,o))break;if(r+=o,-1===n||!o.trim())break;t=n+1;}const o=Se(r);return ""===o?null:[r,,o]}),i:3,u:Ge,l:(e,n,r)=>W("p",{key:r.key},n(e.children,r))},22:{t:["["],o:Ce(D),i:0,u:e=>(ue[e[1]]={target:e[2],title:e[4]},{}),l:Ve},23:{t:["!["],o:Ie(F),i:0,u:e=>({alt:e[1]?Fe(e[1]):void 0,ref:e[2]}),l:(e,n,r)=>ue[e.ref]?W("img",{key:r.key,alt:e.alt,src:G(ue[e.ref].target,"img","src"),title:ue[e.ref].title}):null},24:{t:e=>"["===e[0]&&-1===e.indexOf("]("),o:Ce(P),i:0,u:(e,n,r)=>({children:n(e[1],r),fallbackChildren:e[0],ref:e[2]}),l:(e,n,r)=>ue[e.ref]?W("a",{key:r.key,href:G(ue[e.ref].target,"a","href"),title:ue[e.ref].title},n(e.children,r)):W("span",{key:r.key},e.fallbackChildren)},25:{t:["|"],o:Te(M),i:1,u:Le,l(e,n,r){const t=e;return W("table",{key:r.key},W("thead",null,W("tr",null,t.header.map(function(e,o){return W("th",{key:o,style:Oe(t,o)},n(e,r))}))),W("tbody",null,t.cells.map(function(e,o){return W("tr",{key:o},e.map(function(e,o){return W("td",{key:o,style:Oe(t,o)},n(e,r))}))})))}},27:{o:je(function(e,n){let r;return ze(e,":")&&(r=ee.exec(e)),r||te.exec(e)}),i:4,u(e){const n=e[0];return {text:-1===n.indexOf("&")?n:n.replace(R,(e,n)=>t.namedCodesToUnicode[n]||e)}},l:e=>e.text},28:{t:["**","__"],o:Ie(J),i:2,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>W("strong",{key:r.key},n(e.children,r))},29:{t:e=>{const n=e[0];return ("*"===n||"_"===n)&&e[1]!==n},o:Ie(K),i:3,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>W("em",{key:r.key},n(e.children,r))},30:{t:["\\"],o:Ie(ne),i:1,u:e=>({text:e[1],type:"27"})},31:{t:["=="],o:Ie(X),i:3,u:Ge,l:(e,n,r)=>W("mark",{key:r.key},n(e.children,r))},32:{t:["~~"],o:Ie(Y),i:3,u:Ge,l:(e,n,r)=>W("del",{key:r.key},n(e.children,r))}};!0===t.disableParsingRawHTML&&(delete le[11],delete le[13]);const se=function(e){var n=Object.keys(e);function r(t,o){var a=[];if(o.prevCapture=o.prevCapture||"",t.trim())for(;t;)for(var c=0;c<n.length;){var i=n[c],u=e[i];if(!u.t||Ee(t,o,u.t)){var l=u.o(t,o);if(l&&l[0]){t=t.substring(l[0].length);var s=u.u(l,r,o);o.prevCapture+=l[0],s.type||(s.type=i),a.push(s);break}c++;}else c++;}return o.prevCapture="",a}return n.sort(function(n,r){return e[n].i-e[r].i||(n<r?-1:1)}),function(e,n){return r(function(e){return e.replace(k,"\n").replace(v,"").replace(N,"    ")}(e),n)}}(le),fe=function(e,n){return function r(t,o={}){if(Array.isArray(t)){const e=o.key,n=[];let a=!1;for(let e=0;e<t.length;e++){o.key=e;const c=r(t[e],o),i=$e(c);i&&a?n[n.length-1]+=c:null!==c&&n.push(c),a=i;}return o.key=e,n}return function(r,t,o){const a=e[r.type].l;return n?n(()=>a(r,t,o),r,t,o):a(r,t,o)}(t,r,o)}}(le,t.renderRule),_e=re(r);return ie.length?W("div",null,_e,W("footer",{key:"footer"},ie.map(function(e){return W("div",{id:l(e.identifier,Ae),key:e.identifier},e.identifier,fe(se(e.footnote,{inline:!0})))}))):_e}
 
 	function startsWith(str, prefix) {
@@ -19127,9 +19174,10 @@
 	        createElement: createElement
 	    });
 	    return function ChatMessage(userProps) {
-	        var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, message = userProps.message, _userProps_side = userProps.side, side = _userProps_side === void 0 ? 'left' : _userProps_side, _userProps_variant = userProps.variant, variant = _userProps_variant === void 0 ? 'subtle' : _userProps_variant, _userProps_actions = userProps.actions, actions = _userProps_actions === void 0 ? [] : _userProps_actions, _userProps_autoHideActions = userProps.autoHideActions, autoHideActions = _userProps_autoHideActions === void 0 ? false : _userProps_autoHideActions, LeadingComponent = userProps.leadingComponent, ActionsComponent = userProps.actionsComponent, FooterComponent = userProps.footerComponent, _userProps_tools = userProps.tools, tools = _userProps_tools === void 0 ? {} : _userProps_tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, onClose = userProps.onClose, userTranslations = userProps.translations, suggestionsElement = userProps.suggestionsElement, props = _object_without_propertiesExports._(userProps, [
+	        var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, message = userProps.message, status = userProps.status, _userProps_side = userProps.side, side = _userProps_side === void 0 ? 'left' : _userProps_side, _userProps_variant = userProps.variant, variant = _userProps_variant === void 0 ? 'subtle' : _userProps_variant, _userProps_actions = userProps.actions, actions = _userProps_actions === void 0 ? [] : _userProps_actions, _userProps_autoHideActions = userProps.autoHideActions, autoHideActions = _userProps_autoHideActions === void 0 ? false : _userProps_autoHideActions, LeadingComponent = userProps.leadingComponent, ActionsComponent = userProps.actionsComponent, FooterComponent = userProps.footerComponent, _userProps_tools = userProps.tools, tools = _userProps_tools === void 0 ? {} : _userProps_tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, onClose = userProps.onClose, userTranslations = userProps.translations, suggestionsElement = userProps.suggestionsElement, props = _object_without_propertiesExports._(userProps, [
 	            "classNames",
 	            "message",
+	            "status",
 	            "side",
 	            "variant",
 	            "actions",
@@ -19149,7 +19197,7 @@
 	            actionsLabel: 'Message actions'
 	        }, userTranslations);
 	        var hasLeading = Boolean(LeadingComponent);
-	        var hasActions = Boolean(actions.length > 0 || ActionsComponent);
+	        var showActions = Boolean(actions.length > 0 || ActionsComponent) && status === 'ready';
 	        var cssClasses = {
 	            root: cx('ais-ChatMessage', "ais-ChatMessage--".concat(side), "ais-ChatMessage--".concat(variant), autoHideActions && 'ais-ChatMessage--auto-hide-actions', classNames.root),
 	            container: cx('ais-ChatMessage-container', classNames.container),
@@ -19219,7 +19267,7 @@
 	            className: cx(cssClasses.content)
 	        }, /*#__PURE__*/ createElement("div", {
 	            className: cx(cssClasses.message)
-	        }, message.parts.map(renderMessagePart)), suggestionsElement, hasActions && /*#__PURE__*/ createElement("div", {
+	        }, message.parts.map(renderMessagePart)), suggestionsElement, showActions && /*#__PURE__*/ createElement("div", {
 	            className: cx(cssClasses.actions),
 	            "aria-label": translations.actionsLabel
 	        }, ActionsComponent ? /*#__PURE__*/ createElement(ActionsComponent, {
@@ -19326,14 +19374,6 @@
 	    };
 	}
 
-	var getTextContent = function getTextContent(message) {
-	    return message.parts.map(function(part) {
-	        return 'text' in part ? part.text : '';
-	    }).join('');
-	};
-	var hasTextContent = function hasTextContent(message) {
-	    return getTextContent(message).trim() !== '';
-	};
 	var copyToClipboard = function copyToClipboard(message) {
 	    navigator.clipboard.writeText(getTextContent(message));
 	};
@@ -19344,7 +19384,7 @@
 	        Fragment: Fragment
 	    });
 	    return function DefaultMessage(param) {
-	        var message = param.message, userMessageProps = param.userMessageProps, assistantMessageProps = param.assistantMessageProps, tools = param.tools, indexUiState = param.indexUiState, setIndexUiState = param.setIndexUiState, onReload = param.onReload, onClose = param.onClose, actionsComponent = param.actionsComponent, classNames = param.classNames, messageTranslations = param.messageTranslations, translations = param.translations, suggestionsElement = param.suggestionsElement;
+	        var message = param.message, status = param.status, userMessageProps = param.userMessageProps, assistantMessageProps = param.assistantMessageProps, tools = param.tools, indexUiState = param.indexUiState, setIndexUiState = param.setIndexUiState, onReload = param.onReload, onClose = param.onClose, actionsComponent = param.actionsComponent, classNames = param.classNames, messageTranslations = param.messageTranslations, translations = param.translations, suggestionsElement = param.suggestionsElement;
 	        var defaultAssistantActions = _to_consumable_arrayExports._(hasTextContent(message) ? [
 	            {
 	                title: translations.copyToClipboardLabel,
@@ -19374,6 +19414,7 @@
 	            side: message.role === 'user' ? 'right' : 'left',
 	            variant: message.role === 'user' ? 'neutral' : 'subtle',
 	            message: message,
+	            status: status,
 	            tools: tools,
 	            indexUiState: indexUiState,
 	            setIndexUiState: setIndexUiState,
@@ -19403,6 +19444,7 @@
 	        createElement: createElement
 	    });
 	    return function ChatMessages(userProps) {
+	        var _lastMessage_parts;
 	        var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, _userProps_messageClassNames = userProps.messageClassNames, messageClassNames = _userProps_messageClassNames === void 0 ? {} : _userProps_messageClassNames, messageTranslations = userProps.messageTranslations, _userProps_messages = userProps.messages, messages = _userProps_messages === void 0 ? [] : _userProps_messages, MessageComponent = userProps.messageComponent, LoaderComponent = userProps.loaderComponent, ErrorComponent = userProps.errorComponent, ActionsComponent = userProps.actionsComponent, tools = userProps.tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, _userProps_status = userProps.status, status = _userProps_status === void 0 ? 'ready' : _userProps_status, _userProps_hideScrollToBottom = userProps.hideScrollToBottom, hideScrollToBottom = _userProps_hideScrollToBottom === void 0 ? false : _userProps_hideScrollToBottom, onReload = userProps.onReload, onClose = userProps.onClose, userTranslations = userProps.translations, userMessageProps = userProps.userMessageProps, assistantMessageProps = userProps.assistantMessageProps, _userProps_isClearing = userProps.isClearing, isClearing = _userProps_isClearing === void 0 ? false : _userProps_isClearing, onClearTransitionEnd = userProps.onClearTransitionEnd, isScrollAtBottom = userProps.isScrollAtBottom, scrollRef = userProps.scrollRef, contentRef = userProps.contentRef, onScrollToBottom = userProps.onScrollToBottom, suggestionsElement = userProps.suggestionsElement, props = _object_without_propertiesExports._(userProps, [
 	            "classNames",
 	            "messageClassNames",
@@ -19442,6 +19484,12 @@
 	            scrollToBottom: cx('ais-ChatMessages-scrollToBottom', classNames.scrollToBottom),
 	            scrollToBottomHidden: cx('ais-ChatMessages-scrollToBottom--hidden', classNames.scrollToBottomHidden)
 	        };
+	        var lastMessage = messages[messages.length - 1];
+	        var lastPart = lastMessage === null || lastMessage === void 0 ? void 0 : (_lastMessage_parts = lastMessage.parts) === null || _lastMessage_parts === void 0 ? void 0 : _lastMessage_parts[lastMessage.parts.length - 1];
+	        var isWaitingForResponse = status === 'submitted';
+	        var isStreamingWithNoContent = status === 'streaming' && !lastPart;
+	        var isStreamingNonTextContent = status === 'streaming' && lastPart && !isPartText(lastPart);
+	        var showLoader = isWaitingForResponse || isStreamingWithNoContent || isStreamingNonTextContent;
 	        var DefaultMessage = MessageComponent || DefaultMessageComponent;
 	        var DefaultLoader = LoaderComponent || DefaultLoaderComponent;
 	        var DefaultError = ErrorComponent || DefaultErrorComponent;
@@ -19464,6 +19512,7 @@
 	            return /*#__PURE__*/ createElement(DefaultMessage, {
 	                key: message.id,
 	                message: message,
+	                status: status,
 	                userMessageProps: userMessageProps,
 	                assistantMessageProps: assistantMessageProps,
 	                tools: tools,
@@ -19477,7 +19526,7 @@
 	                messageTranslations: messageTranslations,
 	                suggestionsElement: status === 'ready' && message.role === 'assistant' && index === messages.length - 1 ? suggestionsElement : undefined
 	            });
-	        }), status === 'submitted' && /*#__PURE__*/ createElement(DefaultLoader, {
+	        }), showLoader && /*#__PURE__*/ createElement(DefaultLoader, {
 	            translations: {
 	                loaderText: translations.loaderText
 	            }
@@ -20722,6 +20771,17 @@
 	    return instant ? 'instant' : animationCache.get(key);
 	}
 
+	var PROMPT_SUGGESTION_FLAG = '__isPromptSuggestion';
+	function getPromptSuggestionHits(param) {
+	    var hits = param.hits, limit = param.limit;
+	    return hits.slice(0, limit).map(function(hit) {
+	        return _object_spread_propsExports._(_object_spreadExports._({}, hit), _define_propertyExports._({}, PROMPT_SUGGESTION_FLAG, true));
+	    });
+	}
+	function isPromptSuggestion(item) {
+	    return Boolean(item && (typeof item === "undefined" ? "undefined" : _type_ofExports._(item)) === 'object' && item[PROMPT_SUGGESTION_FLAG]);
+	}
+
 	var AutocompleteSearchComponent = createAutocompleteSearchComponent({
 	    createElement: React.createElement,
 	    Fragment: React.Fragment
@@ -20747,6 +20807,43 @@
 	    Fragment: React.Fragment
 	});
 
+	function Highlight$1(_0) {
+	    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, props = _object_without_properties(_0, [
+	        "classNames"
+	    ]);
+	    return /*#__PURE__*/ React.createElement(InternalHighlight, _object_spread({
+	        classNames: {
+	            root: cx('ais-Highlight', classNames.root),
+	            highlighted: cx('ais-Highlight-highlighted', classNames.highlighted),
+	            nonHighlighted: cx('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+	            separator: cx('ais-Highlight-separator', classNames.separator)
+	        }
+	    }, props));
+	}
+
+	function Highlight(_0) {
+	    var hit = _0.hit, attribute = _0.attribute, highlightedTagName = _0.highlightedTagName, nonHighlightedTagName = _0.nonHighlightedTagName, separator = _0.separator, props = _object_without_properties(_0, [
+	        "hit",
+	        "attribute",
+	        "highlightedTagName",
+	        "nonHighlightedTagName",
+	        "separator"
+	    ]);
+	    var property = getPropertyByPath(hit._highlightResult, attribute) || [];
+	    var properties = Array.isArray(property) ? property : [
+	        property
+	    ];
+	    var parts = properties.map(function(singleValue) {
+	        return getHighlightedParts(unescape$1(singleValue.value || ''));
+	    });
+	    return /*#__PURE__*/ React.createElement(Highlight$1, _object_spread_props(_object_spread({}, props), {
+	        parts: parts,
+	        highlightedTagName: highlightedTagName,
+	        nonHighlightedTagName: nonHighlightedTagName,
+	        separator: separator
+	    }));
+	}
+
 	function ReverseHighlight$1(_0) {
 	    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, props = _object_without_properties(_0, [
 	        "classNames"
@@ -20807,6 +20904,10 @@
 	    createElement: React.createElement,
 	    Fragment: React.Fragment
 	});
+	var AutocompletePromptSuggestion = createAutocompletePromptSuggestionComponent({
+	    createElement: React.createElement,
+	    Fragment: React.Fragment
+	});
 	var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
 	    createElement: React.createElement,
 	    Fragment: React.Fragment
@@ -20964,9 +21065,10 @@
 	    };
 	}
 	function EXPERIMENTAL_Autocomplete(_0) {
-	    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showSuggestions = _0.showSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _object_without_properties(_0, [
+	    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _object_without_properties(_0, [
 	        "indices",
-	        "showSuggestions",
+	        "showQuerySuggestions",
+	        "showPromptSuggestions",
 	        "showRecent",
 	        "searchParameters",
 	        "detachedMediaQuery",
@@ -20984,12 +21086,12 @@
 	        hitsPerPage: 5
 	    }, userSearchParameters);
 	    var indicesConfig = _to_consumable_array(indices);
-	    if (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) {
-	        var _showSuggestions_classNames, _showSuggestions_classNames1, _showSuggestions_classNames2, _showSuggestions_classNames3;
+	    if (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName) {
+	        var _showQuerySuggestions_classNames, _showQuerySuggestions_classNames1, _showQuerySuggestions_classNames2, _showQuerySuggestions_classNames3;
 	        indicesConfig.unshift({
-	            indexName: showSuggestions.indexName,
-	            headerComponent: showSuggestions.headerComponent,
-	            itemComponent: showSuggestions.itemComponent || function(param) {
+	            indexName: showQuerySuggestions.indexName,
+	            headerComponent: showQuerySuggestions.headerComponent,
+	            itemComponent: showQuerySuggestions.itemComponent || function(param) {
 	                var item = param.item, onSelect = param.onSelect, onApply = param.onApply;
 	                return /*#__PURE__*/ React.createElement(AutocompleteSuggestion, {
 	                    item: item,
@@ -21000,15 +21102,48 @@
 	                }));
 	            },
 	            classNames: {
-	                root: cx('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames = showSuggestions.classNames) === null || _showSuggestions_classNames === void 0 ? void 0 : _showSuggestions_classNames.root),
-	                list: cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames1 = showSuggestions.classNames) === null || _showSuggestions_classNames1 === void 0 ? void 0 : _showSuggestions_classNames1.list),
-	                header: cx('ais-AutocompleteSuggestionsHeader', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames2 = showSuggestions.classNames) === null || _showSuggestions_classNames2 === void 0 ? void 0 : _showSuggestions_classNames2.header),
-	                item: cx('ais-AutocompleteSuggestionsItem', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames3 = showSuggestions.classNames) === null || _showSuggestions_classNames3 === void 0 ? void 0 : _showSuggestions_classNames3.item)
+	                root: cx('ais-AutocompleteSuggestions', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames === void 0 ? void 0 : _showQuerySuggestions_classNames.root),
+	                list: cx('ais-AutocompleteSuggestionsList', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames1 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames1 === void 0 ? void 0 : _showQuerySuggestions_classNames1.list),
+	                header: cx('ais-AutocompleteSuggestionsHeader', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames2 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames2 === void 0 ? void 0 : _showQuerySuggestions_classNames2.header),
+	                item: cx('ais-AutocompleteSuggestionsItem', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames3 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames3 === void 0 ? void 0 : _showQuerySuggestions_classNames3.item)
 	            },
+	            searchParameters: _object_spread({
+	                hitsPerPage: 3
+	            }, showQuerySuggestions.searchParameters),
 	            getQuery: function getQuery(item) {
 	                return item.query;
 	            },
-	            getURL: showSuggestions.getURL
+	            getURL: showQuerySuggestions.getURL
+	        });
+	    }
+	    if (showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName) {
+	        var _showPromptSuggestions_classNames, _showPromptSuggestions_classNames1, _showPromptSuggestions_classNames2, _showPromptSuggestions_classNames3;
+	        indicesConfig.push({
+	            indexName: showPromptSuggestions.indexName,
+	            headerComponent: showPromptSuggestions.headerComponent,
+	            itemComponent: showPromptSuggestions.itemComponent || function(param) {
+	                var item = param.item, onSelect = param.onSelect;
+	                return /*#__PURE__*/ React.createElement(AutocompletePromptSuggestion, {
+	                    item: item,
+	                    onSelect: onSelect
+	                }, /*#__PURE__*/ React.createElement(ConditionalHighlight, {
+	                    item: item,
+	                    attribute: "prompt"
+	                }));
+	            },
+	            classNames: {
+	                root: cx('ais-AutocompletePromptSuggestions', (_showPromptSuggestions_classNames = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames === void 0 ? void 0 : _showPromptSuggestions_classNames.root),
+	                list: cx('ais-AutocompletePromptSuggestionsList', (_showPromptSuggestions_classNames1 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames1 === void 0 ? void 0 : _showPromptSuggestions_classNames1.list),
+	                header: cx('ais-AutocompletePromptSuggestionsHeader', (_showPromptSuggestions_classNames2 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames2 === void 0 ? void 0 : _showPromptSuggestions_classNames2.header),
+	                item: cx('ais-AutocompletePromptSuggestionsItem', (_showPromptSuggestions_classNames3 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames3 === void 0 ? void 0 : _showPromptSuggestions_classNames3.item)
+	            },
+	            searchParameters: _object_spread({
+	                hitsPerPage: 3
+	            }, showPromptSuggestions.searchParameters),
+	            getQuery: function getQuery(item) {
+	                return item.prompt;
+	            },
+	            getURL: showPromptSuggestions.getURL
 	        });
 	    }
 	    var recentSearchConfig = showRecent ? {
@@ -21041,13 +21176,15 @@
 	        isSearchPage: isSearchPage,
 	        showRecent: showRecent,
 	        recentSearchConfig: recentSearchConfig,
-	        showSuggestions: showSuggestions,
+	        showQuerySuggestions: showQuerySuggestions,
 	        detachedMediaQuery: detachedMediaQuery,
-	        translations: translations
+	        translations: translations,
+	        showPromptSuggestions: showPromptSuggestions,
+	        chatRenderState: indexRenderState.chat
 	    }))));
 	}
 	function InnerAutocomplete(_0) {
-	    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showSuggestions = _0.showSuggestions, transformItems = _0.transformItems, placeholder = _0.placeholder, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties(_0, [
+	    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties(_0, [
 	        "indicesConfig",
 	        "refineSearchBox",
 	        "isSearchStalled",
@@ -21058,13 +21195,18 @@
 	        "panelComponent",
 	        "showRecent",
 	        "recentSearchConfig",
-	        "showSuggestions",
+	        "showQuerySuggestions",
+	        "showPromptSuggestions",
+	        "chatRenderState",
 	        "transformItems",
 	        "placeholder",
+	        "autoFocus",
 	        "detachedMediaQuery",
 	        "translations",
 	        "classNames"
 	    ]);
+	    var _ref;
+	    var _showPromptSuggestions_searchParameters;
 	    var _useAutocomplete = useAutocomplete({
 	        transformItems: transformItems
 	    }), indices = _useAutocomplete.indices, refineAutocomplete = _useAutocomplete.refine, currentRefinement = _useAutocomplete.currentRefinement;
@@ -21075,10 +21217,66 @@
 	        query: currentRefinement,
 	        indices: indices,
 	        indicesConfig: indicesConfig,
-	        suggestionsIndexName: showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName
+	        suggestionsIndexName: showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName
 	    }), storage = _useStorage.storage, storageHits = _useStorage.storageHits, indicesForPropGetters = _useStorage.indicesForPropGetters, indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+	    var promptSuggestionsIndexName = showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName;
+	    var promptSuggestionsLimit = (_ref = showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_searchParameters = showPromptSuggestions.searchParameters) === null || _showPromptSuggestions_searchParameters === void 0 ? void 0 : _showPromptSuggestions_searchParameters.hitsPerPage) !== null && _ref !== void 0 ? _ref : 3;
+	    var indicesForPanel = React.useMemo(function() {
+	        return indices.map(function(index) {
+	            var dedupedHits = index.indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName) && showRecent ? index.hits.filter(function(suggestionHit) {
+	                return !storageHits.find(function(storageHit) {
+	                    return storageHit.query === suggestionHit.query;
+	                });
+	            }) : index.hits;
+	            if (index.indexName !== promptSuggestionsIndexName) {
+	                return _object_spread_props(_object_spread({}, index), {
+	                    hits: dedupedHits
+	                });
+	            }
+	            return _object_spread_props(_object_spread({}, index), {
+	                hits: getPromptSuggestionHits({
+	                    hits: dedupedHits,
+	                    limit: promptSuggestionsLimit
+	                })
+	            });
+	        });
+	    }, [
+	        indices,
+	        promptSuggestionsIndexName,
+	        promptSuggestionsLimit,
+	        showRecent,
+	        showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName,
+	        storageHits
+	    ]);
+	    var indicesForPropGettersWithPromptSuggestions = React.useMemo(function() {
+	        return indicesForPropGetters.map(function(index) {
+	            if (index.indexName !== promptSuggestionsIndexName) {
+	                return index;
+	            }
+	            return _object_spread_props(_object_spread({}, index), {
+	                hits: getPromptSuggestionHits({
+	                    hits: index.hits,
+	                    limit: promptSuggestionsLimit
+	                })
+	            });
+	        });
+	    }, [
+	        indicesForPropGetters,
+	        promptSuggestionsIndexName,
+	        promptSuggestionsLimit
+	    ]);
+	    var hasWarnedMissingPromptSuggestionsChatRef = React.useRef(false);
+	    var allIndicesEmpty = indicesForPanel.every(function(param) {
+	        var hits = param.hits;
+	        return hits.length === 0;
+	    });
+	    var recentEmpty = !storageHits || storageHits.length === 0;
+	    var hasNoResultsTemplate = indicesConfig.some(function(c) {
+	        return c.noResultsComponent !== undefined;
+	    });
+	    var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
 	    var _usePropGetters = usePropGetters({
-	        indices: indicesForPropGetters,
+	        indices: indicesForPropGettersWithPromptSuggestions,
 	        indicesConfig: indicesConfigForPropGetters,
 	        onRefine: function onRefine(query) {
 	            refineAutocomplete(query);
@@ -21089,7 +21287,23 @@
 	            refineAutocomplete(query);
 	        },
 	        onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function(param) {
-	            var query = param.query, setQuery = param.setQuery, url = param.url;
+	            var item = param.item, query = param.query, setQuery = param.setQuery, url = param.url;
+	            if (isPromptSuggestion(item)) {
+	                var chatRenderStateWithFocus = chatRenderState;
+	                if (chatRenderStateWithFocus) {
+	                    var _chatRenderStateWithFocus_setOpen, _chatRenderStateWithFocus_focusInput, _chatRenderStateWithFocus_sendMessage;
+	                    (_chatRenderStateWithFocus_setOpen = chatRenderStateWithFocus.setOpen) === null || _chatRenderStateWithFocus_setOpen === void 0 ? void 0 : _chatRenderStateWithFocus_setOpen.call(chatRenderStateWithFocus, true);
+	                    (_chatRenderStateWithFocus_focusInput = chatRenderStateWithFocus.focusInput) === null || _chatRenderStateWithFocus_focusInput === void 0 ? void 0 : _chatRenderStateWithFocus_focusInput.call(chatRenderStateWithFocus);
+	                    (_chatRenderStateWithFocus_sendMessage = chatRenderStateWithFocus.sendMessage) === null || _chatRenderStateWithFocus_sendMessage === void 0 ? void 0 : _chatRenderStateWithFocus_sendMessage.call(chatRenderStateWithFocus, {
+	                        text: item.prompt
+	                    });
+	                    return;
+	                }
+	                if ((showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName) && !hasWarnedMissingPromptSuggestionsChatRef.current) {
+	                    hasWarnedMissingPromptSuggestionsChatRef.current = true;
+	                    { warn('showPromptSuggestions requires a Chat widget in the same index to open chat and send messages. Add <Chat /> to enable this behavior.'); }
+	                }
+	            }
 	            if (url) {
 	                window.location.href = url;
 	                return;
@@ -21109,7 +21323,9 @@
 	            }
 	        },
 	        placeholder: placeholder,
-	        isDetached: isDetached
+	        isDetached: isDetached,
+	        shouldHidePanel: shouldHideEmptyPanel,
+	        autoFocus: autoFocus
 	    }), getInputProps = _usePropGetters.getInputProps, getItemProps = _usePropGetters.getItemProps, getPanelProps = _usePropGetters.getPanelProps, getRootProps = _usePropGetters.getRootProps, isOpen = _usePropGetters.isOpen, setIsOpen = _usePropGetters.setIsOpen, focusInput = _usePropGetters.focusInput;
 	    // Open panel and focus input when modal opens
 	    React.useEffect(function() {
@@ -21162,14 +21378,14 @@
 	            key: "recentSearches"
 	        });
 	    }
-	    indices.forEach(function(param) {
+	    indicesForPanel.forEach(function(param) {
 	        var indexId = param.indexId, indexName = param.indexName, hits = param.hits;
-	        var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
-	        var filteredHits = elementId === 'suggestions' && showRecent ? hits.filter(function(suggestionHit) {
-	            return !storageHits.find(function(storageHit) {
-	                return storageHit.query === suggestionHit.query;
-	            });
-	        }) : hits;
+	        var elementId = indexName;
+	        if (indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName)) {
+	            elementId = 'suggestions';
+	        } else if (indexName === (showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName)) {
+	            elementId = 'promptSuggestions';
+	        }
 	        var currentIndexConfig = indicesConfig.find(function(config) {
 	            return config.indexName === indexName;
 	        });
@@ -21182,7 +21398,8 @@
 	            HeaderComponent: currentIndexConfig.headerComponent,
 	            // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
 	            ItemComponent: currentIndexConfig.itemComponent,
-	            items: filteredHits.map(function(item) {
+	            NoResultsComponent: currentIndexConfig.noResultsComponent,
+	            items: hits.map(function(item) {
 	                return _object_spread_props(_object_spread({}, item), {
 	                    __indexName: indexId
 	                });
@@ -21206,15 +21423,19 @@
 	    });
 	    var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
 	        elements: elements,
-	        indices: indices
+	        indices: indicesForPanel
 	    }) : Object.keys(elements).map(function(elementId) {
 	        return elements[elementId];
 	    }));
 	    var detachedContainerClassNames = isModalDetached ? _object_spread_props(_object_spread({}, classNames), {
 	        detachedContainer: cx('ais-AutocompleteDetachedContainer--modal', classNames === null || classNames === void 0 ? void 0 : classNames.detachedContainer)
 	    }) : classNames;
+	    var _getRootProps = getRootProps(), rootRef = _getRootProps.ref, rootProps = _object_without_properties(_getRootProps, [
+	        "ref"
+	    ]);
 	    if (isDetached) {
-	        return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, props, getRootProps()), {
+	        return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, props, rootProps), {
+	            rootRef: rootRef,
 	            classNames: classNames
 	        }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
 	            query: currentRefinement || indexUiState.query || '',
@@ -21247,7 +21468,8 @@
 	        }, searchBoxContent), panelContent)));
 	    }
 	    // Normal (non-detached) rendering
-	    return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, props, getRootProps()), {
+	    return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, props, rootProps), {
+	        rootRef: rootRef,
 	        classNames: classNames
 	    }), searchBoxContent, panelContent);
 	}
@@ -21263,6 +21485,18 @@
 	        hit: item
 	    });
 	}
+	function ConditionalHighlight(param) {
+	    var item = param.item, _param_attribute = param.attribute, attribute = _param_attribute === void 0 ? 'query' : _param_attribute;
+	    var _item__highlightResult;
+	    if (!((_item__highlightResult = item._highlightResult) === null || _item__highlightResult === void 0 ? void 0 : _item__highlightResult[attribute]) || // @ts-expect-error - we should not have matchLevel as arrays here
+	    item._highlightResult[attribute].matchLevel === 'none') {
+	        return /*#__PURE__*/ React.createElement(React.Fragment, null, item[attribute]);
+	    }
+	    return /*#__PURE__*/ React.createElement(Highlight, {
+	        attribute: attribute,
+	        hit: item
+	    });
+	}
 
 	function isModifierClick(event) {
 	    var isMiddleClick = event.button === 1;
@@ -21498,7 +21732,7 @@
 	    ]);
 	    var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
 	    var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, setIndexUiState = _useInstantSearch.setIndexUiState;
-	    var _React_useState = _sliced_to_array(React.useState(false), 2), maximized = _React_useState[0], setMaximized = _React_useState[1];
+	    var _useState = _sliced_to_array(React.useState(false), 2), maximized = _useState[0], setMaximized = _useState[1];
 	    var promptRef = React.useRef(null);
 	    var _useStickToBottom = useStickToBottom({
 	        initial: 'smooth',
@@ -21516,6 +21750,19 @@
 	        tools: tools
 	    }));
 	    var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions;
+	    var wasOpenRef = React.useRef(false);
+	    React.useEffect(function() {
+	        var shouldFocusPrompt = !wasOpenRef.current && open;
+	        if (shouldFocusPrompt) {
+	            window.requestAnimationFrame(function() {
+	                var _promptRef_current;
+	                (_promptRef_current = promptRef.current) === null || _promptRef_current === void 0 ? void 0 : _promptRef_current.focus();
+	            });
+	        }
+	        wasOpenRef.current = open;
+	    }, [
+	        open
+	    ]);
 	    if (error) {
 	        throw error;
 	    }
@@ -21897,43 +22144,6 @@
 	    }));
 	}
 
-	function Highlight$1(_0) {
-	    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, props = _object_without_properties(_0, [
-	        "classNames"
-	    ]);
-	    return /*#__PURE__*/ React.createElement(InternalHighlight, _object_spread({
-	        classNames: {
-	            root: cx('ais-Highlight', classNames.root),
-	            highlighted: cx('ais-Highlight-highlighted', classNames.highlighted),
-	            nonHighlighted: cx('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
-	            separator: cx('ais-Highlight-separator', classNames.separator)
-	        }
-	    }, props));
-	}
-
-	function Highlight(_0) {
-	    var hit = _0.hit, attribute = _0.attribute, highlightedTagName = _0.highlightedTagName, nonHighlightedTagName = _0.nonHighlightedTagName, separator = _0.separator, props = _object_without_properties(_0, [
-	        "hit",
-	        "attribute",
-	        "highlightedTagName",
-	        "nonHighlightedTagName",
-	        "separator"
-	    ]);
-	    var property = getPropertyByPath(hit._highlightResult, attribute) || [];
-	    var properties = Array.isArray(property) ? property : [
-	        property
-	    ];
-	    var parts = properties.map(function(singleValue) {
-	        return getHighlightedParts(unescape$1(singleValue.value || ''));
-	    });
-	    return /*#__PURE__*/ React.createElement(Highlight$1, _object_spread_props(_object_spread({}, props), {
-	        parts: parts,
-	        highlightedTagName: highlightedTagName,
-	        nonHighlightedTagName: nonHighlightedTagName,
-	        separator: separator
-	    }));
-	}
-
 	// @MAJOR: Move default hit component back to the UI library
 	// once flavour specificities are erased
 	function DefaultHitComponent$1(param) {