react-instantsearch 7.18.0 → 7.20.0

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.18.0';
+  var version = '7.20.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -4360,8 +4360,8 @@
 
     return recSort(
       function (data, facetName) {
+        var facetOrdering = getFacetOrdering(results, facetName);
         if (options.facetOrdering) {
-          var facetOrdering = getFacetOrdering(results, facetName);
           if (facetOrdering) {
             return sortViaFacetOrdering(data, facetOrdering);
           }
@@ -4369,7 +4369,24 @@
 
         if (Array.isArray(options.sortBy)) {
           var order = formatSort(options.sortBy, SearchResults.DEFAULT_SORT);
-          return orderBy_1(data, order[0], order[1]);
+          var items = orderBy_1(data, order[0], order[1]);
+
+          var hide =
+            facetOrdering && facetOrdering.hide ? facetOrdering.hide : [];
+          if (hide.length > 0) {
+            var visible = [];
+            items.forEach(function (item) {
+              // hierarchical facets get sorted using their raw name
+              var name = item.path || item.name;
+              if (hide.indexOf(name) === -1) {
+                visible.push(item);
+              }
+            });
+
+            return visible;
+          }
+
+          return items;
         } else if (typeof options.sortBy === 'function') {
           return vanillaSortFn(options.sortBy, data);
         }
@@ -4634,7 +4651,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version$1 = '3.26.0';
+  var version$1 = '3.26.1';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -5087,16 +5104,19 @@
 
         content = Array.isArray(content) ? content[0] : content;
 
-        content.facetHits.forEach(function (f, i) {
+        content.facetHits = content.facetHits.reduce(function (acc, f) {
           if (hide.indexOf(f.value) > -1) {
-            content.facetHits.splice(i, 1);
-            return;
+            return acc;
           }
+
           f.escapedValue = escapeFacetValue$3(f.value);
           f.isRefined = isDisjunctive
             ? state.isDisjunctiveFacetRefined(facet, f.escapedValue)
             : state.isFacetRefined(facet, f.escapedValue);
-        });
+
+          acc.push(f);
+          return acc;
+        }, []);
 
         return content;
       },
@@ -10496,6 +10516,12 @@
           helper: helper
         })));
       },
+      scheduleLocalSearch: defer(function () {
+        if (isolated) {
+          var _helper2;
+          (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.search();
+        }
+      }),
       getWidgets: function getWidgets() {
         return localWidgets;
       },
@@ -10561,8 +10587,7 @@
             }
           });
           if (isolated) {
-            var _helper2;
-            (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.search();
+            this.scheduleLocalSearch();
           } else {
             localInstantSearchInstance.scheduleSearch();
           }
@@ -10641,8 +10666,7 @@
           helper.recommendState = cleanedRecommendState;
           if (localWidgets.length) {
             if (isolated) {
-              var _helper3;
-              (_helper3 = helper) === null || _helper3 === void 0 ? void 0 : _helper3.search();
+              this.scheduleLocalSearch();
             } else {
               localInstantSearchInstance.scheduleSearch();
             }
@@ -10714,12 +10738,6 @@
         helper.searchWithoutTriggeringOnStateChange = function () {
           return mainHelper.search();
         };
-
-        // We use the same pattern for the `searchForFacetValues`.
-        helper.searchForFacetValues = function (facetName, facetValue, maxFacetHits, userState) {
-          var state = helper.state.setQueryParameters(userState);
-          return mainHelper.searchForFacetValues(facetName, facetValue, maxFacetHits, state);
-        };
         var isolatedHelper = indexName ? helper : algoliasearchHelper_1({}, '__empty_index__', {});
         var derivingHelper = isolated ? isolatedHelper : nearestIsolatedHelper(parent, mainHelper);
         derivedHelper = derivingHelper.derive(function () {
@@ -10892,7 +10910,7 @@
       },
       dispose: function dispose() {
         var _this5 = this,
-          _helper4,
+          _helper3,
           _derivedHelper3;
         localWidgets.forEach(function (widget) {
           if (widget.dispose && helper) {
@@ -10912,7 +10930,7 @@
         });
         localInstantSearchInstance = null;
         localParent = null;
-        (_helper4 = helper) === null || _helper4 === void 0 ? void 0 : _helper4.removeAllListeners();
+        (_helper3 = helper) === null || _helper3 === void 0 ? void 0 : _helper3.removeAllListeners();
         helper = null;
         (_derivedHelper3 = derivedHelper) === null || _derivedHelper3 === void 0 ? void 0 : _derivedHelper3.detach();
         derivedHelper = null;
@@ -13333,7 +13351,7 @@
     };
   }
 
-  var version$3 = '4.82.0';
+  var version$3 = '4.84.0';
 
   function _typeof$q(o) {
     "@babel/helpers - typeof";
@@ -20809,6 +20827,15 @@
     var i = _toPrimitive$N(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
+  function _typeof$S(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof$S = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof$S(o);
+  }
   function _unsupportedIterableToArray$n(r, a) {
     if (r) {
       if ("string" == typeof r) return _arrayLikeToArray$n(r, a);
@@ -20941,117 +20968,6 @@
     };
   }
 
-  function AutocompleteSubmitIcon(_ref) {
-    var createElement = _ref.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteSubmitIcon",
-      viewBox: "0 0 24 24",
-      width: "20",
-      height: "20",
-      fill: "currentColor"
-    }, createElement("path", {
-      d: "M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"
-    }));
-  }
-  function AutocompleteLoadingIcon(_ref2) {
-    var createElement = _ref2.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteLoadingIcon",
-      viewBox: "0 0 100 100",
-      width: "20",
-      height: "20"
-    }, createElement("circle", {
-      cx: "50",
-      cy: "50",
-      fill: "none",
-      r: "35",
-      stroke: "currentColor",
-      strokeDasharray: "164.93361431346415 56.97787143782138",
-      strokeWidth: "6"
-    }, createElement("animateTransform", {
-      attributeName: "transform",
-      type: "rotate",
-      repeatCount: "indefinite",
-      dur: "1s",
-      values: "0 50 50;90 50 50;180 50 50;360 50 50",
-      keyTimes: "0;0.40;0.65;1"
-    })));
-  }
-  function AutocompleteClearIcon(_ref3) {
-    var createElement = _ref3.createElement;
-    return createElement("svg", {
-      className: "ais-AutocompleteClearIcon",
-      viewBox: "0 0 24 24",
-      width: "18",
-      height: "18",
-      fill: "currentColor"
-    }, createElement("path", {
-      d: "M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"
-    }));
-  }
-
-  function createAutocompleteSearchComponent(_ref) {
-    var createElement = _ref.createElement;
-    return function AutocompleteSearch(_ref2) {
-      var inputProps = _ref2.inputProps,
-        onClear = _ref2.onClear,
-        query = _ref2.query,
-        isSearchStalled = _ref2.isSearchStalled;
-      return createElement("form", {
-        className: "ais-AutocompleteForm",
-        action: "",
-        noValidate: true,
-        role: "search",
-        onSubmit: function onSubmit(e) {
-          return e.preventDefault();
-        }
-      }, createElement("div", {
-        className: "ais-AutocompleteInputWrapperPrefix"
-      }, createElement("label", {
-        className: "ais-AutocompleteLabel",
-        "aria-label": "Submit",
-        htmlFor: inputProps.id,
-        id: "".concat(inputProps.id, "-label")
-      }, createElement("button", {
-        className: "ais-AutocompleteSubmitButton",
-        type: "submit",
-        title: "Submit"
-      }, createElement(AutocompleteSubmitIcon, {
-        createElement: createElement
-      }))), createElement("div", {
-        className: "ais-AutocompleteLoadingIndicator",
-        hidden: !isSearchStalled
-      }, createElement(AutocompleteLoadingIcon, {
-        createElement: createElement
-      }))), createElement("div", {
-        className: "ais-AutocompleteInputWrapper"
-      }, createElement("input", _extends$2({
-        className: "ais-AutocompleteInput",
-        "aria-autocomplete": "both",
-        "aria-labelledby": "".concat(inputProps.id, "-label"),
-        autoComplete: "off",
-        autoCorrect: "off",
-        autoCapitalize: "off",
-        enterKeyHint: "search",
-        spellCheck: "false",
-        placeholder: "",
-        maxLength: 512,
-        type: "search",
-        value: query
-      }, inputProps))), createElement("div", {
-        className: "ais-AutocompleteInputWrapperSuffix"
-      }, createElement("button", {
-        className: "ais-AutocompleteClearButton",
-        type: "reset",
-        title: "Clear",
-        hidden: query.length === 0 || isSearchStalled,
-        onClick: onClear
-      }, createElement(AutocompleteClearIcon, {
-        createElement: createElement
-      }))));
-    };
-  }
-
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -21065,7 +20981,7 @@
   module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  var _typeof$S = unwrapExports(_typeof_1);
+  var _typeof$T = unwrapExports(_typeof_1);
 
   var toPrimitive_1 = createCommonjsModule(function (module) {
   var _typeof = _typeof_1["default"];
@@ -21194,73 +21110,251 @@
 
   var _slicedToArray$h = unwrapExports(slicedToArray);
 
-  function createAutocompleteSuggestionComponent(_ref) {
+  function AutocompleteSubmitIcon(_ref) {
     var createElement = _ref.createElement;
-    return function AutocompleteSuggestion(_ref2) {
+    return createElement("svg", {
+      className: "ais-AutocompleteSubmitIcon",
+      viewBox: "0 0 24 24",
+      width: "20",
+      height: "20",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"
+    }));
+  }
+  function AutocompleteLoadingIcon(_ref2) {
+    var createElement = _ref2.createElement;
+    return createElement("svg", {
+      className: "ais-AutocompleteLoadingIcon",
+      viewBox: "0 0 100 100",
+      width: "20",
+      height: "20"
+    }, createElement("circle", {
+      cx: "50",
+      cy: "50",
+      fill: "none",
+      r: "35",
+      stroke: "currentColor",
+      strokeDasharray: "164.93361431346415 56.97787143782138",
+      strokeWidth: "6"
+    }, createElement("animateTransform", {
+      attributeName: "transform",
+      type: "rotate",
+      repeatCount: "indefinite",
+      dur: "1s",
+      values: "0 50 50;90 50 50;180 50 50;360 50 50",
+      keyTimes: "0;0.40;0.65;1"
+    })));
+  }
+  function AutocompleteClearIcon(_ref3) {
+    var createElement = _ref3.createElement;
+    return createElement("svg", {
+      className: "ais-AutocompleteClearIcon",
+      viewBox: "0 0 24 24",
+      width: "18",
+      height: "18",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"
+    }));
+  }
+  function AutocompleteClockIcon(_ref4) {
+    var createElement = _ref4.createElement;
+    return createElement("svg", {
+      viewBox: "0 0 24 24",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M12.516 6.984v5.25l4.5 2.672-0.75 1.266-5.25-3.188v-6h1.5zM12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648-5.648-2.367-5.648 2.367-2.367 5.648 2.367 5.648 5.648 2.367zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z"
+    }));
+  }
+  function AutocompleteTrashIcon(_ref5) {
+    var createElement = _ref5.createElement;
+    return createElement("svg", {
+      viewBox: "0 0 24 24",
+      fill: "currentColor"
+    }, createElement("path", {
+      d: "M18 7v13c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-10c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-13zM17 5v-1c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-4c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v1h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1h1v13c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h10c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-13h1c0.552 0 1-0.448 1-1s-0.448-1-1-1zM9 5v-1c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v1zM9 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM13 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1z"
+    }));
+  }
+
+  function createAutocompleteRecentSearchComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompleteRecentSearch(_ref2) {
       var item = _ref2.item,
+        children = _ref2.children,
         onSelect = _ref2.onSelect,
+        onRemoveRecentSearch = _ref2.onRemoveRecentSearch,
         _ref2$classNames = _ref2.classNames,
         classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames;
       return createElement("div", {
         onClick: onSelect,
-        className: cx('ais-AutocompleteSuggestion', classNames.root)
-      }, item.query);
+        className: cx('ais-AutocompleteItemWrapper ais-AutocompleteRecentSearchWrapper', classNames.root)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteRecentSearchItemContent', classNames.content)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteRecentSearchItemIcon', classNames.content)
+      }, createElement(AutocompleteClockIcon, {
+        createElement: createElement
+      })), createElement("div", {
+        className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteRecentSearchItemContentBody', classNames.content)
+      }, children)), createElement("div", {
+        className: cx('ais-AutocompleteItemActions', 'ais-AutocompleteRecentSearchItemActions', classNames.actions)
+      }, 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();
+        }
+      }, createElement(AutocompleteTrashIcon, {
+        createElement: createElement
+      }))));
     };
   }
 
-  function createAutocompletePropGetters(_ref) {
-    var useEffect = _ref.useEffect,
-      useId = _ref.useId,
-      useMemo = _ref.useMemo,
-      useRef = _ref.useRef,
-      useState = _ref.useState;
-    return function usePropGetters(_ref2) {
-      var indices = _ref2.indices,
-        indicesConfig = _ref2.indicesConfig,
-        onRefine = _ref2.onRefine,
-        globalOnSelect = _ref2.onSelect;
-      var getElementId = createGetElementId(useId());
-      var rootRef = useRef(null);
-      var _useState = useState(false),
-        _useState2 = _slicedToArray$h(_useState, 2),
-        isOpen = _useState2[0],
-        setIsOpen = _useState2[1];
-      var _useState3 = useState(undefined),
-        _useState4 = _slicedToArray$h(_useState3, 2),
-        activeDescendant = _useState4[0],
-        setActiveDescendant = _useState4[1];
-      var _useMemo = useMemo(function () {
-          return buildItems({
-            indices: indices,
-            indicesConfig: indicesConfig,
-            getElementId: getElementId
-          });
-        }, [indices, indicesConfig, getElementId]),
-        items = _useMemo.items,
-        itemsIds = _useMemo.itemsIds;
-      useEffect(function () {
-        var onBodyClick = function onBodyClick(event) {
-          var _unwrapRef;
-          if ((_unwrapRef = unwrapRef(rootRef)) !== null && _unwrapRef !== void 0 && _unwrapRef.contains(event.target)) {
-            return;
-          }
-          setIsOpen(false);
-        };
-        document.body.addEventListener('click', onBodyClick);
-        return function () {
-          document.body.removeEventListener('click', onBodyClick);
-        };
-      }, [rootRef]);
-      var getNextActiveDescendent = function getNextActiveDescendent(key) {
-        switch (key) {
-          case 'ArrowLeft':
-          case 'ArrowUp':
-            {
-              var prevIndex = itemsIds.indexOf(activeDescendant || '') - 1;
-              return itemsIds[prevIndex] || itemsIds[itemsIds.length - 1];
-            }
-          case 'ArrowRight':
-          case 'ArrowDown':
+  function createAutocompleteSearchComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompleteSearch(_ref2) {
+      var inputProps = _ref2.inputProps,
+        onClear = _ref2.onClear,
+        query = _ref2.query,
+        isSearchStalled = _ref2.isSearchStalled;
+      var inputRef = inputProps.ref;
+      return 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();
+        }
+      }, createElement("div", {
+        className: "ais-AutocompleteInputWrapperPrefix"
+      }, createElement("label", {
+        className: "ais-AutocompleteLabel",
+        "aria-label": "Submit",
+        htmlFor: inputProps.id,
+        id: "".concat(inputProps.id, "-label")
+      }, createElement("button", {
+        className: "ais-AutocompleteSubmitButton",
+        type: "submit",
+        title: "Submit"
+      }, createElement(AutocompleteSubmitIcon, {
+        createElement: createElement
+      }))), createElement("div", {
+        className: "ais-AutocompleteLoadingIndicator",
+        hidden: !isSearchStalled
+      }, createElement(AutocompleteLoadingIcon, {
+        createElement: createElement
+      }))), createElement("div", {
+        className: "ais-AutocompleteInputWrapper"
+      }, createElement("input", _extends$2({
+        className: "ais-AutocompleteInput",
+        "aria-autocomplete": "both",
+        "aria-labelledby": "".concat(inputProps.id, "-label"),
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoCapitalize: "off",
+        enterKeyHint: "search",
+        spellCheck: "false",
+        placeholder: "",
+        maxLength: 512,
+        type: "search",
+        value: query
+      }, inputProps))), createElement("div", {
+        className: "ais-AutocompleteInputWrapperSuffix"
+      }, createElement("button", {
+        className: "ais-AutocompleteClearButton",
+        type: "reset",
+        title: "Clear",
+        hidden: query.length === 0 || isSearchStalled,
+        onClick: onClear
+      }, createElement(AutocompleteClearIcon, {
+        createElement: createElement
+      }))));
+    };
+  }
+
+  function createAutocompleteSuggestionComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompleteSuggestion(_ref2) {
+      var children = _ref2.children,
+        onSelect = _ref2.onSelect,
+        _ref2$classNames = _ref2.classNames,
+        classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames;
+      return createElement("div", {
+        onClick: onSelect,
+        className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompleteSuggestionWrapper', classNames.root)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
+      }, createElement("div", {
+        className: cx('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
+      }, createElement(AutocompleteSubmitIcon, {
+        createElement: createElement
+      })), createElement("div", {
+        className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
+      }, children)));
+    };
+  }
+
+  function createAutocompletePropGetters(_ref) {
+    var useEffect = _ref.useEffect,
+      useId = _ref.useId,
+      useMemo = _ref.useMemo,
+      useRef = _ref.useRef,
+      useState = _ref.useState;
+    return function usePropGetters(_ref2) {
+      var indices = _ref2.indices,
+        indicesConfig = _ref2.indicesConfig,
+        onRefine = _ref2.onRefine,
+        globalOnSelect = _ref2.onSelect;
+      var getElementId = createGetElementId(useId());
+      var inputRef = useRef(null);
+      var rootRef = useRef(null);
+      var _useState = useState(false),
+        _useState2 = _slicedToArray$h(_useState, 2),
+        isOpen = _useState2[0],
+        setIsOpen = _useState2[1];
+      var _useState3 = useState(undefined),
+        _useState4 = _slicedToArray$h(_useState3, 2),
+        activeDescendant = _useState4[0],
+        setActiveDescendant = _useState4[1];
+      var _useMemo = useMemo(function () {
+          return buildItems({
+            indices: indices,
+            indicesConfig: indicesConfig,
+            getElementId: getElementId
+          });
+        }, [indices, indicesConfig, getElementId]),
+        items = _useMemo.items,
+        itemsIds = _useMemo.itemsIds;
+      useEffect(function () {
+        var onBodyClick = function onBodyClick(event) {
+          var _unwrapRef;
+          if ((_unwrapRef = unwrapRef(rootRef)) !== null && _unwrapRef !== void 0 && _unwrapRef.contains(event.target)) {
+            return;
+          }
+          setIsOpen(false);
+        };
+        document.body.addEventListener('click', onBodyClick);
+        return function () {
+          document.body.removeEventListener('click', onBodyClick);
+        };
+      }, [rootRef]);
+      var getNextActiveDescendant = function getNextActiveDescendant(key) {
+        switch (key) {
+          case 'ArrowLeft':
+          case 'ArrowUp':
+            {
+              var prevIndex = itemsIds.indexOf(activeDescendant || '') - 1;
+              return itemsIds[prevIndex] || itemsIds[itemsIds.length - 1];
+            }
+          case 'ArrowRight':
+          case 'ArrowDown':
             {
               var nextIndex = itemsIds.indexOf(activeDescendant || '') + 1;
               return itemsIds[nextIndex] || itemsIds[0];
@@ -21270,11 +21364,21 @@
         }
       };
       var submit = function submit() {
-        var actualActiveDescendant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : activeDescendant;
-        setIsOpen(false);
-        if (actualActiveDescendant && items.has(actualActiveDescendant)) {
+        var _override$activeDesce;
+        var override = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        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$activeDesce = override.activeDescendant) !== null && _override$activeDesce !== void 0 ? _override$activeDesce : activeDescendant;
+        if (!actualDescendant && override.query) {
+          onRefine(override.query);
+        }
+        if (actualDescendant && items.has(actualDescendant)) {
           var _getQuery;
-          var _ref3 = items.get(actualActiveDescendant),
+          var _ref3 = items.get(actualDescendant),
             _item = _ref3.item,
             _ref3$config = _ref3.config,
             indexOnSelect = _ref3$config.onSelect,
@@ -21296,6 +21400,7 @@
         getInputProps: function getInputProps() {
           return {
             id: getElementId('input'),
+            ref: inputRef,
             role: 'combobox',
             'aria-autocomplete': 'list',
             'aria-expanded': isOpen,
@@ -21306,33 +21411,42 @@
               return setIsOpen(true);
             },
             onKeyDown: function onKeyDown(event) {
-              if (event.key === 'Escape') {
-                setActiveDescendant(undefined);
-                setIsOpen(false);
-                return;
-              }
               switch (event.key) {
+                case 'Escape':
+                  {
+                    if (isOpen) {
+                      setIsOpen(false);
+                      event.preventDefault();
+                    } else {
+                      setActiveDescendant(undefined);
+                    }
+                    break;
+                  }
                 case 'ArrowLeft':
                 case 'ArrowUp':
                 case 'ArrowRight':
                 case 'ArrowDown':
                   {
                     var _document$getElementB;
-                    var nextActiveDescendent = getNextActiveDescendent(event.key);
-                    setActiveDescendant(nextActiveDescendent);
-                    (_document$getElementB = document.getElementById(nextActiveDescendent)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView(false);
+                    setIsOpen(true);
+                    var nextActiveDescendant = getNextActiveDescendant(event.key);
+                    setActiveDescendant(nextActiveDescendant);
+                    (_document$getElementB = document.getElementById(nextActiveDescendant)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView(false);
                     event.preventDefault();
                     break;
                   }
                 case 'Enter':
                   {
-                    submit();
+                    submit({
+                      query: event.target.value
+                    });
                     break;
                   }
                 case 'Tab':
                   setIsOpen(false);
                   break;
                 default:
+                  setIsOpen(true);
                   return;
               }
             },
@@ -21360,7 +21474,9 @@
             role: 'row',
             'aria-selected': id === activeDescendant,
             onSelect: function onSelect() {
-              return submit(id);
+              return submit({
+                activeDescendant: id
+              });
             }
           };
         },
@@ -21418,10 +21534,210 @@
    * Returns the framework-agnostic value of a ref.
    */
   function unwrapRef(ref) {
-    return ref.current && _typeof$S(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
+    return ref.current && _typeof$T(ref.current) === 'object' && 'base' in ref.current ? ref.current.base // Preact
     : ref.current; // React
   }
 
+  var arrayWithoutHoles = createCommonjsModule(function (module) {
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return arrayLikeToArray(r);
+  }
+  module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(arrayWithoutHoles);
+
+  var iterableToArray = createCommonjsModule(function (module) {
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(iterableToArray);
+
+  var nonIterableSpread = createCommonjsModule(function (module) {
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(nonIterableSpread);
+
+  var toConsumableArray = createCommonjsModule(function (module) {
+  function _toConsumableArray(r) {
+    return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
+  }
+  module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _toConsumableArray$9 = unwrapExports(toConsumableArray);
+
+  function createAutocompleteStorage(_ref) {
+    var useEffect = _ref.useEffect,
+      useMemo = _ref.useMemo,
+      useState = _ref.useState;
+    return function useStorage(_ref2) {
+      var showRecent = _ref2.showRecent,
+        query = _ref2.query,
+        indices = _ref2.indices,
+        indicesConfig = _ref2.indicesConfig;
+      var storageKey = showRecent && _typeof$T(showRecent) === 'object' ? showRecent.storageKey : undefined;
+      var storage = useMemo(function () {
+        return createStorage({
+          limit: 5,
+          storageKey: storageKey
+        });
+      }, [storageKey]);
+      var _useState = useState(storage.getSnapshot()),
+        _useState2 = _slicedToArray$h(_useState, 2),
+        snapshot = _useState2[0],
+        setSnapshot = _useState2[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 = _toConsumableArray$9(indices);
+      var indicesConfigForPropGetters = _toConsumableArray$9(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
+      };
+    };
+  }
+  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 getHighlightedAttribute(_ref3) {
+    var item = _ref3.item,
+      query = _ref3.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 getLocalStorage() {
+    var key = arguments.length > 0 && arguments[0] !== undefined ? 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 createStorage(_ref4) {
+    var _ref4$limit = _ref4.limit,
+      limit = _ref4$limit === void 0 ? 5 : _ref4$limit,
+      storageKey = _ref4.storageKey;
+    var storage = getLocalStorage(storageKey);
+    var updateListener = null;
+    return {
+      onAdd: function onAdd(query) {
+        this.onRemove(query);
+        storage.setItems([query].concat(_toConsumableArray$9(storage.getItems())));
+      },
+      onRemove: function onRemove(query) {
+        var _updateListener;
+        storage.setItems(storage.getItems().filter(function (q) {
+          return q !== query;
+        }));
+        (_updateListener = 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] !== undefined ? arguments[0] : '';
+            return storage.getItems().filter(function (q) {
+              return q.includes(query);
+            }).slice(0, limit);
+          }
+        };
+      }
+    };
+  }
+
   function createDefaultEmptyComponent(_ref) {
     var createElement = _ref.createElement,
       Fragment = _ref.Fragment;
@@ -22175,8 +22491,56 @@
     });
   }
 
-  var _excluded$m = ["indices", "showSuggestions"],
-    _excluded2$4 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage"];
+  var InternalHighlight = createHighlightComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+
+  var _excluded$m = ["classNames"];
+  function ReverseHighlight(_ref) {
+    var _ref$classNames = _ref.classNames,
+      classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+      props = _objectWithoutProperties$c(_ref, _excluded$m);
+    return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
+      classNames: {
+        root: cx('ais-ReverseHighlight', classNames.root),
+        highlighted: cx('ais-ReverseHighlight-highlighted', classNames.highlighted),
+        nonHighlighted: cx('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+        separator: cx('ais-ReverseHighlight-separator', classNames.separator)
+      }
+    }, props));
+  }
+
+  var _excluded$n = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"],
+    _excluded2$4 = ["isHighlighted"];
+  function ReverseHighlight$1(_ref) {
+    var hit = _ref.hit,
+      attribute = _ref.attribute,
+      highlightedTagName = _ref.highlightedTagName,
+      nonHighlightedTagName = _ref.nonHighlightedTagName,
+      separator = _ref.separator,
+      props = _objectWithoutProperties$c(_ref, _excluded$n);
+    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 || '')).map(function (_ref2) {
+        var isHighlighted = _ref2.isHighlighted,
+          rest = _objectWithoutProperties$c(_ref2, _excluded2$4);
+        return _objectSpread2(_objectSpread2({}, rest), {}, {
+          isHighlighted: !isHighlighted
+        });
+      });
+    });
+    return /*#__PURE__*/React__default.createElement(ReverseHighlight, _extends$1({}, props, {
+      parts: parts,
+      highlightedTagName: highlightedTagName,
+      nonHighlightedTagName: nonHighlightedTagName,
+      separator: separator
+    }));
+  }
+
+  var _excluded$o = ["indices", "showSuggestions", "showRecent", "searchParameters"],
+    _excluded2$5 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "showSuggestions"];
   var Autocomplete = createAutocompleteComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -22193,6 +22557,10 @@
     createElement: React.createElement,
     Fragment: React.Fragment
   });
+  var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
   var usePropGetters = createAutocompletePropGetters({
     useEffect: React.useEffect,
     useId: React.useId,
@@ -22200,14 +22568,18 @@
     useRef: React.useRef,
     useState: React.useState
   });
-  var _ref2 = /*#__PURE__*/React__default.createElement(Configure, {
-    hitsPerPage: 5
+  var useStorage = createAutocompleteStorage({
+    useEffect: React.useEffect,
+    useMemo: React.useMemo,
+    useState: React.useState
   });
   function EXPERIMENTAL_Autocomplete(_ref) {
     var _ref$indices = _ref.indices,
       indices = _ref$indices === void 0 ? [] : _ref$indices,
       showSuggestions = _ref.showSuggestions,
-      props = _objectWithoutProperties$c(_ref, _excluded$m);
+      showRecent = _ref.showRecent,
+      userSearchParameters = _ref.searchParameters,
+      props = _objectWithoutProperties$c(_ref, _excluded$o);
     var _useInstantSearch = useInstantSearch(),
       indexUiState = _useInstantSearch.indexUiState,
       indexRenderState = _useInstantSearch.indexRenderState;
@@ -22216,13 +22588,25 @@
         $$widgetType: 'ais.autocomplete'
       }),
       refine = _useSearchBox.refine;
+    var searchParameters = _objectSpread2({
+      hitsPerPage: 5
+    }, userSearchParameters);
     var indicesConfig = _toConsumableArray$8(indices);
     if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
       var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3, _showSuggestions$clas4;
       indicesConfig.unshift({
         indexName: showSuggestions.indexName,
         headerComponent: showSuggestions.headerComponent,
-        itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
+        itemComponent: showSuggestions.itemComponent || function (_ref2) {
+          var item = _ref2.item,
+            onSelect = _ref2.onSelect;
+          return /*#__PURE__*/React__default.createElement(AutocompleteSuggestion, {
+            item: item,
+            onSelect: onSelect
+          }, /*#__PURE__*/React__default.createElement(ConditionalReverseHighlight, {
+            item: item
+          }));
+        },
         classNames: {
           root: cx('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
           list: cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
@@ -22240,16 +22624,18 @@
     }, [indexRenderState]);
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Index, {
       EXPERIMENTAL_isolated: true
-    }, _ref2, indicesConfig.map(function (index) {
+    }, /*#__PURE__*/React__default.createElement(Configure, searchParameters), indicesConfig.map(function (index) {
       return /*#__PURE__*/React__default.createElement(Index, {
         key: index.indexName,
         indexName: index.indexName
-      });
+      }, /*#__PURE__*/React__default.createElement(Configure, index.searchParameters));
     }), /*#__PURE__*/React__default.createElement(InnerAutocomplete, _extends$1({}, props, {
       indicesConfig: indicesConfig,
       refineSearchBox: refine,
       indexUiState: indexUiState,
-      isSearchPage: isSearchPage
+      isSearchPage: isSearchPage,
+      showRecent: showRecent,
+      showSuggestions: showSuggestions
     }))));
   }
   function InnerAutocomplete(_ref3) {
@@ -22259,16 +22645,31 @@
       userOnSelect = _ref3.onSelect,
       indexUiState = _ref3.indexUiState,
       isSearchPage = _ref3.isSearchPage,
-      props = _objectWithoutProperties$c(_ref3, _excluded2$4);
+      PanelComponent = _ref3.panelComponent,
+      showRecent = _ref3.showRecent,
+      showSuggestions = _ref3.showSuggestions,
+      props = _objectWithoutProperties$c(_ref3, _excluded2$5);
     var _useAutocomplete = useAutocomplete(),
       indices = _useAutocomplete.indices,
-      refineAutocomplete = _useAutocomplete.refine;
-    var _usePropGetters = usePropGetters({
+      refineAutocomplete = _useAutocomplete.refine,
+      currentRefinement = _useAutocomplete.currentRefinement;
+    var _useStorage = useStorage({
+        showRecent: showRecent,
+        query: currentRefinement,
         indices: indices,
-        indicesConfig: indicesConfig,
+        indicesConfig: indicesConfig
+      }),
+      storage = _useStorage.storage,
+      storageHits = _useStorage.storageHits,
+      indicesForPropGetters = _useStorage.indicesForPropGetters,
+      indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+    var _usePropGetters = usePropGetters({
+        indices: indicesForPropGetters,
+        indicesConfig: indicesConfigForPropGetters,
         onRefine: function onRefine(query) {
           refineAutocomplete(query);
           refineSearchBox(query);
+          storage.onAdd(query);
         },
         onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref4) {
           var query = _ref4.query,
@@ -22291,40 +22692,89 @@
       getItemProps = _usePropGetters.getItemProps,
       getPanelProps = _usePropGetters.getPanelProps,
       getRootProps = _usePropGetters.getRootProps;
-    return /*#__PURE__*/React__default.createElement(Autocomplete, _extends$1({}, props, getRootProps()), /*#__PURE__*/React__default.createElement(AutocompleteSearch, {
-      inputProps: getInputProps(),
-      clearQuery: function clearQuery() {
-        refineSearchBox('');
-        refineAutocomplete('');
-      }
-    }), /*#__PURE__*/React__default.createElement(AutocompletePanel, getPanelProps(), indices.map(function (_ref5, index) {
-      var indexId = _ref5.indexId,
-        hits = _ref5.hits;
-      return /*#__PURE__*/React__default.createElement(AutocompleteIndex, {
+    var AutocompleteRecentSearchComponent = _typeof$S(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
+    var elements = {};
+    if (showRecent) {
+      elements.recent = /*#__PURE__*/React__default.createElement(AutocompleteIndex
+      // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+      , {
+        ItemComponent: function ItemComponent(_ref5) {
+          var item = _ref5.item,
+            onSelect = _ref5.onSelect;
+          return /*#__PURE__*/React__default.createElement(AutocompleteRecentSearchComponent, {
+            item: item,
+            onSelect: onSelect,
+            onRemoveRecentSearch: function onRemoveRecentSearch() {
+              return storage.onRemove(item.query);
+            }
+          }, /*#__PURE__*/React__default.createElement(ConditionalReverseHighlight, {
+            item: item
+          }));
+        },
+        classNames: {
+          root: 'ais-AutocompleteRecentSearches',
+          list: 'ais-AutocompleteRecentSearchesList',
+          item: 'ais-AutocompleteRecentSearchesItem'
+        },
+        items: storageHits,
+        getItemProps: getItemProps
+      });
+    }
+    indices.forEach(function (_ref6, i) {
+      var indexId = _ref6.indexId,
+        indexName = _ref6.indexName,
+        hits = _ref6.hits;
+      var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
+      elements[elementId] = /*#__PURE__*/React__default.createElement(AutocompleteIndex, {
         key: indexId
         // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
         ,
-        HeaderComponent: indicesConfig[index].headerComponent
+        HeaderComponent: indicesConfig[i].headerComponent
         // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
         ,
-        ItemComponent: indicesConfig[index].itemComponent,
+        ItemComponent: indicesConfig[i].itemComponent,
         items: hits.map(function (item) {
           return _objectSpread2(_objectSpread2({}, item), {}, {
             __indexName: indexId
           });
         }),
         getItemProps: getItemProps,
-        classNames: indicesConfig[index].classNames
+        classNames: indicesConfig[i].classNames
       });
+    });
+    return /*#__PURE__*/React__default.createElement(Autocomplete, _extends$1({}, props, getRootProps()), /*#__PURE__*/React__default.createElement(AutocompleteSearch, {
+      inputProps: getInputProps(),
+      clearQuery: function clearQuery() {
+        refineSearchBox('');
+        refineAutocomplete('');
+      }
+    }), /*#__PURE__*/React__default.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/React__default.createElement(PanelComponent, {
+      elements: elements,
+      indices: indices
+    }) : Object.keys(elements).map(function (elementId) {
+      return elements[elementId];
     })));
   }
+  function ConditionalReverseHighlight(_ref7) {
+    var _item$_highlightResul;
+    var item = _ref7.item;
+    if (!((_item$_highlightResul = item._highlightResult) !== null && _item$_highlightResul !== void 0 && _item$_highlightResul.query) ||
+    // @ts-expect-error - we should not have matchLevel as arrays here
+    item._highlightResult.query.matchLevel === 'none') {
+      return item.query;
+    }
+    return /*#__PURE__*/React__default.createElement(ReverseHighlight$1, {
+      attribute: "query",
+      hit: item
+    });
+  }
 
   function isModifierClick(event) {
     var isMiddleClick = event.button === 1;
     return Boolean(isMiddleClick || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey);
   }
 
-  var _excluded$n = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
+  var _excluded$p = ["classNames", "items", "hasItems", "createURL", "onNavigate", "separator", "translations"];
   function Breadcrumb(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -22336,7 +22786,7 @@
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? '>' : _ref$separator,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$n);
+      props = _objectWithoutProperties$c(_ref, _excluded$p);
     var handleClick = function handleClick(value) {
       return function (event) {
         if (!isModifierClick(event)) {
@@ -22371,14 +22821,14 @@
     })));
   }
 
-  var _excluded$o = ["attributes", "rootPath", "separator", "transformItems", "translations"];
+  var _excluded$q = ["attributes", "rootPath", "separator", "transformItems", "translations"];
   function Breadcrumb$1(_ref) {
     var attributes = _ref.attributes,
       rootPath = _ref.rootPath,
       separator = _ref.separator,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$o);
+      props = _objectWithoutProperties$c(_ref, _excluded$q);
     var _useBreadcrumb = useBreadcrumb({
         attributes: attributes,
         rootPath: rootPath,
@@ -22402,7 +22852,7 @@
     return /*#__PURE__*/React__default.createElement(Breadcrumb, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$p = ["classNames", "disabled", "onClick", "translations"];
+  var _excluded$r = ["classNames", "disabled", "onClick", "translations"];
   function ClearRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -22411,7 +22861,7 @@
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$p);
+      props = _objectWithoutProperties$c(_ref, _excluded$r);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ClearRefinements', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("button", {
@@ -22421,13 +22871,13 @@
     }, translations.resetButtonText));
   }
 
-  var _excluded$q = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
+  var _excluded$s = ["includedAttributes", "excludedAttributes", "transformItems", "translations"];
   function ClearRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$q);
+      props = _objectWithoutProperties$c(_ref, _excluded$s);
     var _useClearRefinements = useClearRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -22451,7 +22901,7 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
-  var _excluded$r = ["classNames", "items", "hasRefinements"];
+  var _excluded$t = ["classNames", "items", "hasRefinements"];
   function CurrentRefinements(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -22459,7 +22909,7 @@
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$hasRefinements = _ref.hasRefinements,
       hasRefinements = _ref$hasRefinements === void 0 ? false : _ref$hasRefinements,
-      props = _objectWithoutProperties$c(_ref, _excluded$r);
+      props = _objectWithoutProperties$c(_ref, _excluded$t);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-CurrentRefinements', classNames.root, !hasRefinements && cx('ais-CurrentRefinements--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -22491,12 +22941,12 @@
     })));
   }
 
-  var _excluded$s = ["includedAttributes", "excludedAttributes", "transformItems"];
+  var _excluded$u = ["includedAttributes", "excludedAttributes", "transformItems"];
   function CurrentRefinements$1(_ref) {
     var includedAttributes = _ref.includedAttributes,
       excludedAttributes = _ref.excludedAttributes,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$s);
+      props = _objectWithoutProperties$c(_ref, _excluded$u);
     var _useCurrentRefinement = useCurrentRefinements({
         includedAttributes: includedAttributes,
         excludedAttributes: excludedAttributes,
@@ -22513,7 +22963,7 @@
     return /*#__PURE__*/React__default.createElement(CurrentRefinements, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$t = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$v = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var FrequentlyBoughtTogetherUiComponent = createFrequentlyBoughtTogetherComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -22530,7 +22980,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$t);
+      props = _objectWithoutProperties$c(_ref, _excluded$v);
     var _useInstantSearch = useInstantSearch(),
       status = _useInstantSearch.status;
     var _useFrequentlyBoughtT = useFrequentlyBoughtTogether({
@@ -22573,17 +23023,17 @@
     return /*#__PURE__*/React__default.createElement(FrequentlyBoughtTogetherUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$u = ["isShowingMore", "translations"];
+  var _excluded$w = ["isShowingMore", "translations"];
   function ShowMoreButton(_ref) {
     var isShowingMore = _ref.isShowingMore,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$u);
+      props = _objectWithoutProperties$c(_ref, _excluded$w);
     return /*#__PURE__*/React__default.createElement("button", props, translations.showMoreButtonText({
       isShowingMore: isShowingMore
     }));
   }
 
-  var _excluded$v = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
+  var _excluded$x = ["classNames", "items", "hasItems", "onNavigate", "createURL", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "translations"];
   function HierarchicalList(_ref) {
     var className = _ref.className,
       _ref$classNames = _ref.classNames,
@@ -22635,7 +23085,7 @@
       onToggleShowMore = _ref2.onToggleShowMore,
       isShowingMore = _ref2.isShowingMore,
       translations = _ref2.translations,
-      props = _objectWithoutProperties$c(_ref2, _excluded$v);
+      props = _objectWithoutProperties$c(_ref2, _excluded$x);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HierarchicalMenu', classNames.root, !hasItems && cx('ais-HierarchicalMenu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement(HierarchicalList, {
@@ -22652,7 +23102,7 @@
     }));
   }
 
-  var _excluded$w = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
+  var _excluded$y = ["attributes", "limit", "rootPath", "separator", "showMore", "showMoreLimit", "showParentLevel", "sortBy", "transformItems", "translations"];
   function HierarchicalMenu$1(_ref) {
     var attributes = _ref.attributes,
       limit = _ref.limit,
@@ -22664,7 +23114,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$w);
+      props = _objectWithoutProperties$c(_ref, _excluded$y);
     var _useHierarchicalMenu = useHierarchicalMenu({
         attributes: attributes,
         limit: limit,
@@ -22704,16 +23154,11 @@
     }));
   }
 
-  var InternalHighlight = createHighlightComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
-  });
-
-  var _excluded$x = ["classNames"];
+  var _excluded$z = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$x);
+      props = _objectWithoutProperties$c(_ref, _excluded$z);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -22724,14 +23169,14 @@
     }, props));
   }
 
-  var _excluded$y = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$A = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$y);
+      props = _objectWithoutProperties$c(_ref, _excluded$A);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -22745,8 +23190,8 @@
     }));
   }
 
-  var _excluded$z = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
-    _excluded2$5 = ["hit", "index"];
+  var _excluded$B = ["escapeHTML", "transformItems", "hitComponent", "bannerComponent"],
+    _excluded2$6 = ["hit", "index"];
   // @MAJOR: Move default hit component back to the UI library
   // once flavour specificities are erased
   function DefaultHitComponent(_ref) {
@@ -22767,7 +23212,7 @@
       _ref2$hitComponent = _ref2.hitComponent,
       HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
       BannerComponent = _ref2.bannerComponent,
-      props = _objectWithoutProperties$c(_ref2, _excluded$z);
+      props = _objectWithoutProperties$c(_ref2, _excluded$B);
     var _useHits = useHits({
         escapeHTML: escapeHTML,
         transformItems: transformItems
@@ -22781,7 +23226,7 @@
       return function (_ref3) {
         var hit = _ref3.hit,
           index = _ref3.index,
-          itemProps = _objectWithoutProperties$c(_ref3, _excluded2$5);
+          itemProps = _objectWithoutProperties$c(_ref3, _excluded2$6);
         return /*#__PURE__*/React__default.createElement("li", _extends$1({
           key: hit.objectID
         }, itemProps), /*#__PURE__*/React__default.createElement(HitComponent, {
@@ -22803,14 +23248,14 @@
     return /*#__PURE__*/React__default.createElement(HitsUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$A = ["items", "onChange", "currentValue", "classNames"];
+  var _excluded$C = ["items", "onChange", "currentValue", "classNames"];
   function HitsPerPage(_ref) {
     var items = _ref.items,
       _onChange = _ref.onChange,
       currentValue = _ref.currentValue,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$A);
+      props = _objectWithoutProperties$c(_ref, _excluded$C);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-HitsPerPage', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -22828,11 +23273,11 @@
     })));
   }
 
-  var _excluded$B = ["items", "transformItems"];
+  var _excluded$D = ["items", "transformItems"];
   function HitsPerPage$1(_ref) {
     var userItems = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$B);
+      props = _objectWithoutProperties$c(_ref, _excluded$D);
     var _useHitsPerPage = useHitsPerPage({
         items: userItems,
         transformItems: transformItems
@@ -22856,7 +23301,7 @@
     return /*#__PURE__*/React__default.createElement(HitsPerPage, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$C = ["hitComponent", "hits", "bannerComponent", "banner", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+  var _excluded$E = ["hitComponent", "hits", "bannerComponent", "banner", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
   function DefaultHitComponent$1(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -22901,7 +23346,7 @@
       _ref3$classNames = _ref3.classNames,
       classNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
       translations = _ref3.translations,
-      props = _objectWithoutProperties$c(_ref3, _excluded$C);
+      props = _objectWithoutProperties$c(_ref3, _excluded$E);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
     }), onShowPrevious && /*#__PURE__*/React__default.createElement("button", {
@@ -22937,7 +23382,7 @@
     }, translations.showMoreButtonText));
   }
 
-  var _excluded$D = ["showPrevious", "cache", "escapeHTML", "transformItems", "translations", "bannerComponent"];
+  var _excluded$F = ["showPrevious", "cache", "escapeHTML", "transformItems", "translations", "bannerComponent"];
   function InfiniteHits$1(_ref) {
     var _ref$showPrevious = _ref.showPrevious,
       shouldShowPrevious = _ref$showPrevious === void 0 ? true : _ref$showPrevious,
@@ -22946,7 +23391,7 @@
       transformItems = _ref.transformItems,
       translations = _ref.translations,
       BannerComponent = _ref.bannerComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$D);
+      props = _objectWithoutProperties$c(_ref, _excluded$F);
     var _useInfiniteHits = useInfiniteHits({
         cache: cache,
         escapeHTML: escapeHTML,
@@ -22982,7 +23427,7 @@
     return /*#__PURE__*/React__default.createElement(InfiniteHits, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$E = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$G = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var LookingSimilarUiComponent = createLookingSimilarComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -22999,7 +23444,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$E);
+      props = _objectWithoutProperties$c(_ref, _excluded$G);
     var _useInstantSearch = useInstantSearch(),
       status = _useInstantSearch.status;
     var _useLookingSimilar = useLookingSimilar({
@@ -23042,7 +23487,7 @@
     return /*#__PURE__*/React__default.createElement(LookingSimilarUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$F = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
+  var _excluded$H = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
   function Menu(_ref) {
     var items = _ref.items,
       _ref$classNames = _ref.classNames,
@@ -23054,7 +23499,7 @@
       createURL = _ref.createURL,
       onRefine = _ref.onRefine,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$F);
+      props = _objectWithoutProperties$c(_ref, _excluded$H);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-Menu', classNames.root, items.length === 0 && cx('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -23087,7 +23532,7 @@
     }));
   }
 
-  var _excluded$G = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
+  var _excluded$I = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
   function Menu$1(_ref) {
     var attribute = _ref.attribute,
       limit = _ref.limit,
@@ -23096,7 +23541,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$G);
+      props = _objectWithoutProperties$c(_ref, _excluded$I);
     var _useMenu = useMenu({
         attribute: attribute,
         limit: limit,
@@ -23133,8 +23578,8 @@
     }));
   }
 
-  var _excluded$H = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
-    _excluded2$6 = ["isDisabled", "className", "classNames", "href", "onClick"];
+  var _excluded$J = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
+    _excluded2$7 = ["isDisabled", "className", "classNames", "href", "onClick"];
   function Pagination(_ref) {
     var pages = _ref.pages,
       currentPage = _ref.currentPage,
@@ -23154,7 +23599,7 @@
       translations = _ref.translations,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$H);
+      props = _objectWithoutProperties$c(_ref, _excluded$J);
     var firstPageIndex = 0;
     var previousPageIndex = currentPage - 1;
     var nextPageIndex = currentPage + 1;
@@ -23225,7 +23670,7 @@
       classNames = _ref2.classNames,
       href = _ref2.href,
       _onClick = _ref2.onClick,
-      props = _objectWithoutProperties$c(_ref2, _excluded2$6);
+      props = _objectWithoutProperties$c(_ref2, _excluded2$7);
     if (isDisabled) {
       return /*#__PURE__*/React__default.createElement("li", {
         className: cx('ais-Pagination-item', classNames.item, 'ais-Pagination-item--disabled', classNames.disabledItem, className)
@@ -23248,7 +23693,7 @@
     }, props)));
   }
 
-  var _excluded$I = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
+  var _excluded$K = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
   function Pagination$1(_ref) {
     var showFirst = _ref.showFirst,
       showPrevious = _ref.showPrevious,
@@ -23257,7 +23702,7 @@
       padding = _ref.padding,
       totalPages = _ref.totalPages,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$I);
+      props = _objectWithoutProperties$c(_ref, _excluded$K);
     var _usePagination = usePagination({
         padding: padding,
         totalPages: totalPages
@@ -23306,14 +23751,14 @@
     }));
   }
 
-  var _excluded$J = ["classNames", "url", "theme"];
+  var _excluded$L = ["classNames", "url", "theme"];
   function PoweredBy(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       url = _ref.url,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-      props = _objectWithoutProperties$c(_ref, _excluded$J);
+      props = _objectWithoutProperties$c(_ref, _excluded$L);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-PoweredBy', theme === 'dark' ? cx('ais-PoweredBy--dark', classNames.dark) : cx('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("a", {
@@ -23343,7 +23788,7 @@
     return /*#__PURE__*/React__default.createElement(PoweredBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$K = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
+  var _excluded$M = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
   // if the default value is undefined, React considers the component uncontrolled initially, which we don't want 0 or NaN as the default value
   var unsetNumberInputValue = '';
 
@@ -23368,7 +23813,7 @@
       disabled = _ref.disabled,
       _onSubmit = _ref.onSubmit,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$K);
+      props = _objectWithoutProperties$c(_ref, _excluded$M);
     var values = {
       min: minValue !== -Infinity && minValue !== min ? minValue : unsetNumberInputValue,
       max: maxValue !== Infinity && maxValue !== max ? maxValue : unsetNumberInputValue
@@ -23448,14 +23893,14 @@
     }, translations.submitButtonText)));
   }
 
-  var _excluded$L = ["attribute", "min", "max", "precision", "translations"];
+  var _excluded$N = ["attribute", "min", "max", "precision", "translations"];
   function RangeInput$1(_ref) {
     var attribute = _ref.attribute,
       min = _ref.min,
       max = _ref.max,
       precision = _ref.precision,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$L);
+      props = _objectWithoutProperties$c(_ref, _excluded$N);
     var _useRange = useRange({
         attribute: attribute,
         min: min,
@@ -23483,7 +23928,7 @@
     return /*#__PURE__*/React__default.createElement(RangeInput, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$M = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
+  var _excluded$O = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
   function RefinementList$1(_ref) {
     var canRefine = _ref.canRefine,
       items = _ref.items,
@@ -23499,7 +23944,7 @@
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$M);
+      props = _objectWithoutProperties$c(_ref, _excluded$O);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-RefinementList', classNames.root, items.length === 0 && cx('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
     }), searchBox && /*#__PURE__*/React__default.createElement("div", {
@@ -23538,8 +23983,8 @@
     }));
   }
 
-  var _excluded$N = ["formRef", "inputRef", "inputProps", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
-  var _ref2$1 = /*#__PURE__*/React__default.createElement("path", {
+  var _excluded$P = ["formRef", "inputRef", "inputProps", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
+  var _ref2 = /*#__PURE__*/React__default.createElement("path", {
     d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
   });
   function DefaultSubmitIcon(_ref) {
@@ -23550,7 +23995,7 @@
       height: "10",
       viewBox: "0 0 40 40",
       "aria-hidden": "true"
-    }, _ref2$1);
+    }, _ref2);
   }
   var _ref4 = /*#__PURE__*/React__default.createElement("path", {
     d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
@@ -23619,7 +24064,7 @@
       _ref7$classNames = _ref7.classNames,
       classNames = _ref7$classNames === void 0 ? {} : _ref7$classNames,
       translations = _ref7.translations,
-      props = _objectWithoutProperties$c(_ref7, _excluded$N);
+      props = _objectWithoutProperties$c(_ref7, _excluded$P);
     function handleSubmit(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -23684,7 +24129,7 @@
     }))));
   }
 
-  var _excluded$O = ["searchable", "searchablePlaceholder", "searchableSelectOnSubmit", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
+  var _excluded$Q = ["searchable", "searchablePlaceholder", "searchableSelectOnSubmit", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
   function RefinementList$2(_ref) {
     var searchable = _ref.searchable,
       searchablePlaceholder = _ref.searchablePlaceholder,
@@ -23699,7 +24144,7 @@
       escapeFacetValues = _ref.escapeFacetValues,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$O);
+      props = _objectWithoutProperties$c(_ref, _excluded$Q);
     var _useRefinementList = useRefinementList({
         attribute: attribute,
         operator: operator,
@@ -23791,7 +24236,7 @@
     }));
   }
 
-  var _excluded$P = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$R = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var RelatedProductsUiComponent = createRelatedProductsComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -23808,7 +24253,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$P);
+      props = _objectWithoutProperties$c(_ref, _excluded$R);
     var _useInstantSearch = useInstantSearch(),
       status = _useInstantSearch.status;
     var _useRelatedProducts = useRelatedProducts({
@@ -23851,7 +24296,7 @@
     return /*#__PURE__*/React__default.createElement(RelatedProductsUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$Q = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
+  var _excluded$S = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
   function SearchBox$1(_ref) {
     var queryHook = _ref.queryHook,
       _ref$searchAsYouType = _ref.searchAsYouType,
@@ -23859,7 +24304,7 @@
       _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
       ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$Q);
+      props = _objectWithoutProperties$c(_ref, _excluded$S);
     var _useSearchBox = useSearchBox({
         queryHook: queryHook
       }, {
@@ -23920,11 +24365,11 @@
     return /*#__PURE__*/React__default.createElement(SearchBox, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$R = ["classNames"];
+  var _excluded$T = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$R);
+      props = _objectWithoutProperties$c(_ref, _excluded$T);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -23935,14 +24380,14 @@
     }, props));
   }
 
-  var _excluded$S = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$U = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$S);
+      props = _objectWithoutProperties$c(_ref, _excluded$U);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -23956,7 +24401,7 @@
     }));
   }
 
-  var _excluded$T = ["items", "value", "onChange", "classNames"];
+  var _excluded$V = ["items", "value", "onChange", "classNames"];
   function SortBy(_ref) {
     var items = _ref.items,
       value = _ref.value,
@@ -23964,7 +24409,7 @@
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$T);
+      props = _objectWithoutProperties$c(_ref, _excluded$V);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-SortBy', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -23983,11 +24428,11 @@
     })));
   }
 
-  var _excluded$U = ["items", "transformItems"];
+  var _excluded$W = ["items", "transformItems"];
   function SortBy$1(_ref) {
     var items = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$U);
+      props = _objectWithoutProperties$c(_ref, _excluded$W);
     var _useSortBy = useSortBy({
         items: items,
         transformItems: transformItems
@@ -24005,7 +24450,7 @@
     return /*#__PURE__*/React__default.createElement(SortBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$V = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
+  var _excluded$X = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
   function Stats(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -24014,7 +24459,7 @@
       nbSortedHits = _ref.nbSortedHits,
       areHitsSorted = _ref.areHitsSorted,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$V);
+      props = _objectWithoutProperties$c(_ref, _excluded$X);
     var translationOptions = {
       nbHits: nbHits,
       processingTimeMS: processingTimeMS,
@@ -24028,10 +24473,10 @@
     }, translations.rootElementText(translationOptions)));
   }
 
-  var _excluded$W = ["translations"];
+  var _excluded$Y = ["translations"];
   function Stats$1(_ref) {
     var translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$W);
+      props = _objectWithoutProperties$c(_ref, _excluded$Y);
     var _useStats = useStats(undefined, {
         $$widgetType: 'ais.stats'
       }),
@@ -24081,14 +24526,14 @@
     return '';
   }
 
-  var _excluded$X = ["classNames", "checked", "onChange", "label"];
+  var _excluded$Z = ["classNames", "checked", "onChange", "label"];
   function ToggleRefinement(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       checked = _ref.checked,
       _onChange = _ref.onChange,
       label = _ref.label,
-      props = _objectWithoutProperties$c(_ref, _excluded$X);
+      props = _objectWithoutProperties$c(_ref, _excluded$Z);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ToggleRefinement', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("label", {
@@ -24105,12 +24550,12 @@
     }, label)));
   }
 
-  var _excluded$Y = ["attribute", "on", "off"];
+  var _excluded$_ = ["attribute", "on", "off"];
   function ToggleRefinement$1(_ref) {
     var attribute = _ref.attribute,
       on = _ref.on,
       off = _ref.off,
-      props = _objectWithoutProperties$c(_ref, _excluded$Y);
+      props = _objectWithoutProperties$c(_ref, _excluded$_);
     var _useToggleRefinement = useToggleRefinement({
         attribute: attribute,
         on: on,
@@ -24133,7 +24578,7 @@
     }, props, uiProps));
   }
 
-  var _excluded$Z = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$$ = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var TrendingItemsUiComponent = createTrendingItemsComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -24151,7 +24596,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$Z);
+      props = _objectWithoutProperties$c(_ref, _excluded$$);
     var facetParameters = facetName && facetValue ? {
       facetName: facetName,
       facetValue: facetValue
@@ -24258,6 +24703,7 @@
   exports.RecommendToolType = RecommendToolType;
   exports.RefinementList = RefinementList$2;
   exports.RelatedProducts = RelatedProducts;
+  exports.ReverseHighlight = ReverseHighlight$1;
   exports.SearchBox = SearchBox$1;
   exports.SearchIndexToolType = SearchIndexToolType;
   exports.Snippet = Snippet$1;