instantsearch.js 4.81.0 → 4.83.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.81.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! InstantSearch.js 4.83.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -17,6 +17,140 @@
     return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
   }
 
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray(r);
+  }
+  function _assertThisInitialized(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
+  }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+    }
+  }
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _createForOfIteratorHelper(r, e) {
+    var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (!t) {
+      if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+        t && (r = t);
+        var n = 0,
+          F = function () {};
+        return {
+          s: F,
+          n: function () {
+            return n >= r.length ? {
+              done: !0
+            } : {
+              done: !1,
+              value: r[n++]
+            };
+          },
+          e: function (r) {
+            throw r;
+          },
+          f: F
+        };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var o,
+      a = !0,
+      u = !1;
+    return {
+      s: function () {
+        t = t.call(r);
+      },
+      n: function () {
+        var r = t.next();
+        return a = r.done, r;
+      },
+      e: function (r) {
+        u = !0, o = r;
+      },
+      f: function () {
+        try {
+          a || null == t.return || t.return();
+        } finally {
+          if (u) throw o;
+        }
+      }
+    };
+  }
+  function _createSuper(t) {
+    var r = _isNativeReflectConstruct();
+    return function () {
+      var e,
+        o = _getPrototypeOf(t);
+      if (r) {
+        var s = _getPrototypeOf(this).constructor;
+        e = Reflect.construct(o, arguments, s);
+      } else e = o.apply(this, arguments);
+      return _possibleConstructorReturn(this, e);
+    };
+  }
+  function _defineProperty(e, r, t) {
+    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
+  function _getPrototypeOf(t) {
+    return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf(t);
+  }
+  function _inherits(t, e) {
+    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+    t.prototype = Object.create(e && e.prototype, {
+      constructor: {
+        value: t,
+        writable: !0,
+        configurable: !0
+      }
+    }), Object.defineProperty(t, "prototype", {
+      writable: !1
+    }), e && _setPrototypeOf(t, e);
+  }
+  function _isNativeReflectConstruct() {
+    try {
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct = function () {
+      return !!t;
+    })();
+  }
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
   function _iterableToArrayLimit(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -44,6 +178,15 @@
       return a;
     }
   }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  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.");
+  }
+  function _objectDestructuringEmpty(t) {
+    if (null == t) throw new TypeError("Cannot destructure " + t);
+  }
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -65,6 +208,42 @@
     }
     return e;
   }
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+  function _possibleConstructorReturn(t, e) {
+    if (e && ("object" == typeof e || "function" == typeof e)) return e;
+    if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+    return _assertThisInitialized(t);
+  }
+  function _setPrototypeOf(t, e) {
+    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf(t, e);
+  }
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+  }
   function _toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -77,7 +256,7 @@
   }
   function _toPropertyKey(t) {
     var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : String(i);
+    return "symbol" == typeof i ? i : i + "";
   }
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -88,238 +267,12 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof(o);
   }
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    Object.defineProperty(subClass, "prototype", {
-      writable: false
-    });
-    if (superClass) _setPrototypeOf(subClass, superClass);
-  }
-  function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf(o);
-  }
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf(o, p);
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  function _objectDestructuringEmpty(obj) {
-    if (obj == null) throw new TypeError("Cannot destructure " + obj);
-  }
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-  }
-  function _possibleConstructorReturn(self, call) {
-    if (call && (typeof call === "object" || typeof call === "function")) {
-      return call;
-    } else if (call !== void 0) {
-      throw new TypeError("Derived constructors may only return object or undefined");
-    }
-    return _assertThisInitialized(self);
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = _getPrototypeOf(Derived),
-        result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return _possibleConstructorReturn(this, result);
-    };
-  }
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-  }
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-  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.");
-  }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _createForOfIteratorHelper(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-    if (!it) {
-      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-        if (it) o = it;
-        var i = 0;
-        var F = function () {};
-        return {
-          s: F,
-          n: function () {
-            if (i >= o.length) return {
-              done: true
-            };
-            return {
-              done: false,
-              value: o[i++]
-            };
-          },
-          e: function (e) {
-            throw e;
-          },
-          f: F
-        };
-      }
-      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
     }
-    var normalCompletion = true,
-      didErr = false,
-      err;
-    return {
-      s: function () {
-        it = it.call(o);
-      },
-      n: function () {
-        var step = it.next();
-        normalCompletion = step.done;
-        return step;
-      },
-      e: function (e) {
-        didErr = true;
-        err = e;
-      },
-      f: function () {
-        try {
-          if (!normalCompletion && it.return != null) it.return();
-        } finally {
-          if (didErr) throw err;
-        }
-      }
-    };
   }
 
   function noop() {}
@@ -495,14 +448,14 @@
       var connectorName = connectors[0];
       return "const virtual".concat(capitalizedWidget, " = ").concat(connectorName, "(() => null);");
     }).join('\n'), "\n\nsearch.addWidgets([\n  ").concat(missingWidgets.filter(function (_ref9) {
-      var _ref10 = _slicedToArray(_ref9, 2),
-        _stateParameter = _ref10[0],
-        connectors = _ref10[1].connectors;
+      var _ref0 = _slicedToArray(_ref9, 2),
+        _stateParameter = _ref0[0],
+        connectors = _ref0[1].connectors;
       return connectors.length > 0;
-    }).map(function (_ref11) {
-      var _ref12 = _slicedToArray(_ref11, 2),
-        _stateParameter = _ref12[0],
-        widgets = _ref12[1].widgets;
+    }).map(function (_ref1) {
+      var _ref10 = _slicedToArray(_ref1, 2),
+        _stateParameter = _ref10[0],
+        widgets = _ref10[1].widgets;
       var capitalizedWidget = capitalize(widgets[0]);
       return "virtual".concat(capitalizedWidget, "({ /* ... */ })");
     }).join(',\n  '), "\n]);\n```\n\nIf you're using custom widgets that do set these query parameters, we recommend using connectors instead.\n\nSee https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/#customize-the-complete-ui-of-the-widgets")) ;
@@ -6324,8 +6277,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);
           }
@@ -6333,7 +6286,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);
         }
@@ -6598,7 +6568,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version = '3.26.0';
+  var version = '3.26.1';
 
   var escapeFacetValue$4 = escapeFacetValue_1.escapeFacetValue;
 
@@ -7051,16 +7021,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$4(f.value);
           f.isRefined = isDisjunctive
             ? state.isDisjunctiveFacetRefined(facet, f.escapedValue)
             : state.isFacetRefined(facet, f.escapedValue);
-        });
+
+          acc.push(f);
+          return acc;
+        }, []);
 
         return content;
       },
@@ -9557,6 +9530,21 @@
           return item;
         });
       }
+      function _hasMoreItems(facetValues, maxValuesPerFacet) {
+        var currentLimit = getLimit();
+        return (
+          // Check if we have exhaustive items at this level
+          // If the limit is the max number of facet retrieved it is impossible to know
+          // if the facets are exhaustive. The only moment we are sure it is exhaustive
+          // is when it is strictly under the number requested unless we know that another
+          // widget has requested more values (maxValuesPerFacet > getLimit()).
+          !(maxValuesPerFacet > currentLimit ? facetValues.length <= currentLimit : facetValues.length < currentLimit) ||
+          // Check if any of the children are not exhaustive.
+          facetValues.slice(0, limit).some(function (item) {
+            return Array.isArray(item.data) && item.data.length > 0 && _hasMoreItems(item.data, maxValuesPerFacet);
+          })
+        );
+      }
       return {
         $$type: 'ais.hierarchicalMenu',
         init: function init(initOptions) {
@@ -9625,14 +9613,11 @@
             });
             var facetItems = facetValues && !Array.isArray(facetValues) && facetValues.data ? facetValues.data : [];
 
-            // If the limit is the max number of facet retrieved it is impossible to know
-            // if the facets are exhaustive. The only moment we are sure it is exhaustive
-            // is when it is strictly under the number requested unless we know that another
-            // widget has requested more values (maxValuesPerFacet > getLimit()).
-            // Because this is used for making the search of facets unable or not, it is important
-            // to be conservative here.
-            var hasExhaustiveItems = (state.maxValuesPerFacet || 0) > getLimit() ? facetItems.length <= getLimit() : facetItems.length < getLimit();
-            canToggleShowMore = showMore && (isShowingMore || !hasExhaustiveItems);
+            // Check if there are more items to show at any level
+            // This checks both the exhaustiveness of items retrieved from the API
+            // and whether there are hidden items at any visible child level
+            var hasMoreItems = _hasMoreItems(facetItems, state.maxValuesPerFacet || 0);
+            canToggleShowMore = showMore && (isShowingMore || hasMoreItems);
             items = transformItems(_prepareFacetValues(facetItems), {
               results: results
             });
@@ -10398,8 +10383,8 @@
             page: page + 1
           });
         },
-        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref10) {
-          var uiState = _ref10.uiState;
+        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref0) {
+          var uiState = _ref0.uiState;
           var widgetSearchParameters = searchParameters;
           if (escapeHTML) {
             // @MAJOR: set this globally, not in the InfiniteHits widget to allow InfiniteHits to be conditionally used
@@ -11206,18 +11191,18 @@
           _ref8 = _slicedToArray(_ref7, 1),
           minValue = _ref8[0];
         var _ref9 = helper.getNumericRefinement(attribute, '<=') || [],
-          _ref10 = _slicedToArray(_ref9, 1),
-          maxValue = _ref10[0];
+          _ref0 = _slicedToArray(_ref9, 1),
+          maxValue = _ref0[0];
         var min = isFiniteNumber(minValue) ? minValue : -Infinity;
         var max = isFiniteNumber(maxValue) ? maxValue : Infinity;
         return [min, max];
       }
       function _refine(helper, currentRange) {
         return function () {
-          var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [undefined, undefined],
-            _ref12 = _slicedToArray(_ref11, 2),
-            nextMin = _ref12[0],
-            nextMax = _ref12[1];
+          var _ref1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [undefined, undefined],
+            _ref10 = _slicedToArray(_ref1, 2),
+            nextMin = _ref10[0],
+            nextMax = _ref10[1];
           var refinedState = getRefinedState(helper, currentRange, nextMin, nextMax);
           if (refinedState) {
             helper.setState(refinedState).search();
@@ -11241,10 +11226,10 @@
             range: _objectSpread2(_objectSpread2({}, renderState.range), {}, _defineProperty({}, attribute, this.getWidgetRenderState(renderOptions)))
           });
         },
-        getWidgetRenderState: function getWidgetRenderState(_ref13) {
-          var results = _ref13.results,
-            helper = _ref13.helper,
-            instantSearchInstance = _ref13.instantSearchInstance;
+        getWidgetRenderState: function getWidgetRenderState(_ref11) {
+          var results = _ref11.results,
+            helper = _ref11.helper,
+            instantSearchInstance = _ref11.instantSearchInstance;
           var facetsFromResults = results && results.disjunctiveFacets || [];
           var facet = find(facetsFromResults, function (facetResult) {
             return facetResult.name === attribute;
@@ -11279,13 +11264,13 @@
             start: start
           };
         },
-        dispose: function dispose(_ref14) {
-          var state = _ref14.state;
+        dispose: function dispose(_ref12) {
+          var state = _ref12.state;
           unmountFn();
           return state.removeDisjunctiveFacet(attribute).removeNumericRefinement(attribute);
         },
-        getWidgetUiState: function getWidgetUiState(uiState, _ref15) {
-          var searchParameters = _ref15.searchParameters;
+        getWidgetUiState: function getWidgetUiState(uiState, _ref13) {
+          var searchParameters = _ref13.searchParameters;
           var _searchParameters$get = searchParameters.getNumericRefinements(attribute),
             _searchParameters$get2 = _searchParameters$get['>='],
             min = _searchParameters$get2 === void 0 ? [] : _searchParameters$get2,
@@ -11298,8 +11283,8 @@
             range: _objectSpread2(_objectSpread2({}, uiState.range), {}, _defineProperty({}, attribute, "".concat(min, ":").concat(max)))
           });
         },
-        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref16) {
-          var uiState = _ref16.uiState;
+        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref14) {
+          var uiState = _ref14.uiState;
           var widgetSearchParameters = searchParameters.addDisjunctiveFacet(attribute).setQueryParameters({
             numericRefinements: _objectSpread2(_objectSpread2({}, searchParameters.numericRefinements), {}, _defineProperty({}, attribute, {}))
           });
@@ -11696,7 +11681,7 @@
               objectID: objectID,
               maxRecommendations: limit,
               threshold: threshold,
-              fallbackParameters: _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              fallbackParameters: fallbackParameters ? _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}) : undefined,
               queryParameters: _objectSpread2(_objectSpread2({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
               $$id: _this.$$id
             });
@@ -12485,8 +12470,8 @@
             widgetParams: widgetParams
           };
         },
-        getWidgetUiState: function getWidgetUiState(uiState, _ref10) {
-          var searchParameters = _ref10.searchParameters;
+        getWidgetUiState: function getWidgetUiState(uiState, _ref0) {
+          var searchParameters = _ref0.searchParameters;
           var isRefined = on && on.every(function (v) {
             return searchParameters.isDisjunctiveFacetRefined(attribute, v);
           });
@@ -12500,8 +12485,8 @@
             toggle: _objectSpread2(_objectSpread2({}, uiState.toggle), {}, _defineProperty({}, attribute, isRefined))
           });
         },
-        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref11) {
-          var uiState = _ref11.uiState;
+        getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, _ref1) {
+          var uiState = _ref1.uiState;
           if (searchParameters.isHierarchicalFacet(attribute) || searchParameters.isConjunctiveFacet(attribute)) {
              _warning(false, "ToggleRefinement: Attribute \"".concat(attribute, "\" is already used by another widget of a different type.\nAs this is not supported, please make sure to remove this other widget or this ToggleRefinement widget will not work at all.")) ;
             return searchParameters;
@@ -12621,7 +12606,7 @@
             facetValue: facetValue,
             maxRecommendations: limit,
             threshold: threshold,
-            fallbackParameters: _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+            fallbackParameters: fallbackParameters ? _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}) : undefined,
             queryParameters: _objectSpread2(_objectSpread2({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
             $$id: this.$$id
           });
@@ -13649,6 +13634,7 @@
         objectIDs = _ref.objectIDs,
         limit = _ref.limit,
         threshold = _ref.threshold,
+        fallbackParameters = _ref.fallbackParameters,
         queryParameters = _ref.queryParameters;
       if (!objectIDs || objectIDs.length === 0) {
         throw new Error(withUsage$s('The `objectIDs` option is required.'));
@@ -13713,8 +13699,10 @@
           return objectIDs.reduce(function (acc, objectID) {
             return acc.addFrequentlyBoughtTogether({
               objectID: objectID,
-              threshold: threshold,
               maxRecommendations: limit,
+              threshold: threshold,
+              // @ts-expect-error until @algolia/recommend types are updated
+              fallbackParameters: fallbackParameters ? _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}) : undefined,
               queryParameters: _objectSpread2(_objectSpread2({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
               $$id: _this.$$id
             });
@@ -13809,7 +13797,7 @@
               objectID: objectID,
               maxRecommendations: limit,
               threshold: threshold,
-              fallbackParameters: _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
+              fallbackParameters: fallbackParameters ? _objectSpread2(_objectSpread2({}, fallbackParameters), escapeHTML ? TAG_PLACEHOLDER : {}) : undefined,
               queryParameters: _objectSpread2(_objectSpread2({}, queryParameters), escapeHTML ? TAG_PLACEHOLDER : {}),
               $$id: _this.$$id
             });
@@ -14228,8 +14216,8 @@
           if (Array.isArray(queueAtStart)) {
             var _map3 = ['setUserToken', 'init'].map(function (key) {
               var _ref7 = find(queueAtStart.slice().reverse(), function (_ref9) {
-                  var _ref10 = _slicedToArray(_ref9, 1),
-                    method = _ref10[0];
+                  var _ref0 = _slicedToArray(_ref9, 1),
+                    method = _ref0[0];
                   return method === key;
                 }) || [],
                 _ref8 = _slicedToArray(_ref7, 2),
@@ -14349,8 +14337,8 @@
           }
           var viewedObjectIDs = new Set();
           var lastQueryId;
-          instantSearchInstance.mainHelper.derivedHelpers[0].on('result', function (_ref11) {
-            var results = _ref11.results;
+          instantSearchInstance.mainHelper.derivedHelpers[0].on('result', function (_ref1) {
+            var results = _ref1.results;
             if (results && (!results.queryID || results.queryID !== lastQueryId)) {
               lastQueryId = results.queryID;
               viewedObjectIDs.clear();
@@ -15651,8 +15639,8 @@
       windowTitle = _ref7.windowTitle,
       _ref7$getLocation = _ref7.getLocation,
       getLocation = _ref7$getLocation === void 0 ? function () {
-        return safelyRunOnBrowser(function (_ref10) {
-          var window = _ref10.window;
+        return safelyRunOnBrowser(function (_ref0) {
+          var window = _ref0.window;
           return window.location;
         }, {
           fallback: function fallback() {
@@ -15965,6 +15953,7 @@
           throw new Error(withUsage$u('The widget definition expects a `render` and/or an `init` method.'));
         }
         flatWidgets.forEach(function (widget) {
+          widget.parent = _this;
           if (isIndexWidget(widget)) {
             return;
           }
@@ -16037,6 +16026,7 @@
           return flatWidgets.indexOf(widget) === -1;
         });
         localWidgets.forEach(function (widget) {
+          widget.parent = undefined;
           if (isIndexWidget(widget)) {
             return;
           }
@@ -16164,12 +16154,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 () {
@@ -16498,7 +16482,7 @@
     };
   }
 
-  var version$1 = '4.81.0';
+  var version$1 = '4.83.0';
 
   var withUsage$v = createDocumentationMessageGenerator({
     name: 'instantsearch'
@@ -17236,6 +17220,71 @@
     }, []).filter(Boolean).join(' ');
   }
 
+  var _excluded$9 = ["children", "classNames"];
+  function createAutocompleteComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function Autocomplete(userProps) {
+      var children = userProps.children,
+        _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        props = _objectWithoutProperties$1(userProps, _excluded$9);
+      return createElement("div", _extends$1({
+        className: cx('ais-Autocomplete', classNames.root)
+      }, props), children);
+    };
+  }
+
+  var _excluded$a = ["className", "onSelect"];
+  function createAutocompleteIndexComponent(_ref) {
+    var createElement = _ref.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;
+      return createElement("div", {
+        className: cx('ais-AutocompleteIndex', classNames.root)
+      }, HeaderComponent && createElement("div", {
+        className: cx('ais-AutocompleteIndexHeader', classNames.header)
+      }, createElement(HeaderComponent, {
+        items: items
+      })), createElement("ol", {
+        className: cx('ais-AutocompleteIndexList', classNames.list)
+      }, items.map(function (item, index) {
+        var _getItemProps = getItemProps(item, index),
+          className = _getItemProps.className,
+          onSelect = _getItemProps.onSelect,
+          itemProps = _objectWithoutProperties$1(_getItemProps, _excluded$a);
+        return createElement("li", _extends$1({
+          key: item.objectID
+        }, itemProps, {
+          className: cx('ais-AutocompleteIndexItem', classNames.item, className)
+        }), createElement(ItemComponent, {
+          item: item,
+          onSelect: onSelect
+        }));
+      })));
+    };
+  }
+
+  var _excluded$b = ["children", "classNames"];
+  function createAutocompletePanelComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function AutocompletePanel(userProps) {
+      var children = userProps.children,
+        _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        props = _objectWithoutProperties$1(userProps, _excluded$b);
+      return createElement("div", _extends$1({}, props, {
+        className: cx('ais-AutocompletePanel', classNames.root, props.className)
+      }), createElement("div", {
+        className: cx('ais-AutocompletePanelLayout', classNames.layout)
+      }, children));
+    };
+  }
+
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -17249,7 +17298,7 @@
   module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
   });
 
-  unwrapExports(_typeof_1);
+  var _typeof$1 = unwrapExports(_typeof_1);
 
   var toPrimitive_1 = createCommonjsModule(function (module) {
   var _typeof = _typeof_1["default"];
@@ -17294,21 +17343,680 @@
 
   var _defineProperty$1 = unwrapExports(defineProperty);
 
-  function createDefaultEmptyComponent(_ref) {
-    var createElement = _ref.createElement,
-      Fragment = _ref.Fragment;
-    return function DefaultEmpty() {
-      return createElement(Fragment, null, "No results");
-    };
+  var arrayWithHoles = createCommonjsModule(function (module) {
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
   }
+  module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
 
-  function createDefaultHeaderComponent(_ref) {
-    var createElement = _ref.createElement;
-    return function DefaultHeader(userProps) {
-      var _userProps$classNames = userProps.classNames,
-        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
-        items = userProps.items,
-        translations = userProps.translations;
+  unwrapExports(arrayWithHoles);
+
+  var iterableToArrayLimit = createCommonjsModule(function (module) {
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+  module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(iterableToArrayLimit);
+
+  var arrayLikeToArray = createCommonjsModule(function (module) {
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(arrayLikeToArray);
+
+  var unsupportedIterableToArray = createCommonjsModule(function (module) {
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;
+    }
+  }
+  module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(unsupportedIterableToArray);
+
+  var nonIterableRest = createCommonjsModule(function (module) {
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(nonIterableRest);
+
+  var slicedToArray = createCommonjsModule(function (module) {
+  function _slicedToArray(r, e) {
+    return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();
+  }
+  module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _slicedToArray$1 = unwrapExports(slicedToArray);
+
+  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 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,
+        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-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)
+      }, item.query)), 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 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$1({
+        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 item = _ref2.item,
+        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)
+      }, item.query)));
+    };
+  }
+
+  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$1(_useState, 2),
+        isOpen = _useState2[0],
+        setIsOpen = _useState2[1];
+      var _useState3 = useState(undefined),
+        _useState4 = _slicedToArray$1(_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':
+            {
+              var nextIndex = itemsIds.indexOf(activeDescendant || '') + 1;
+              return itemsIds[nextIndex] || itemsIds[0];
+            }
+          default:
+            return undefined;
+        }
+      };
+      var submit = function submit() {
+        var actualActiveDescendant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : activeDescendant;
+        setIsOpen(false);
+        if (actualActiveDescendant && items.has(actualActiveDescendant)) {
+          var _getQuery;
+          var _ref3 = items.get(actualActiveDescendant),
+            _item = _ref3.item,
+            _ref3$config = _ref3.config,
+            indexOnSelect = _ref3$config.onSelect,
+            getQuery = _ref3$config.getQuery,
+            getURL = _ref3$config.getURL;
+          var actualOnSelect = indexOnSelect !== null && indexOnSelect !== void 0 ? indexOnSelect : globalOnSelect;
+          actualOnSelect({
+            item: _item,
+            query: (_getQuery = getQuery === null || getQuery === void 0 ? void 0 : getQuery(_item)) !== null && _getQuery !== void 0 ? _getQuery : '',
+            url: getURL === null || getURL === void 0 ? void 0 : getURL(_item),
+            setQuery: function setQuery(query) {
+              return onRefine(query);
+            }
+          });
+          setActiveDescendant(undefined);
+        }
+      };
+      return {
+        getInputProps: function getInputProps() {
+          return {
+            id: getElementId('input'),
+            role: 'combobox',
+            'aria-autocomplete': 'list',
+            'aria-expanded': isOpen,
+            'aria-haspopup': 'grid',
+            'aria-controls': getElementId('panel'),
+            'aria-activedescendant': activeDescendant,
+            onFocus: function onFocus() {
+              return setIsOpen(true);
+            },
+            onKeyDown: function onKeyDown(event) {
+              if (event.key === 'Escape') {
+                setActiveDescendant(undefined);
+                setIsOpen(false);
+                return;
+              }
+              switch (event.key) {
+                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);
+                    event.preventDefault();
+                    break;
+                  }
+                case 'Enter':
+                  {
+                    submit();
+                    break;
+                  }
+                case 'Tab':
+                  setIsOpen(false);
+                  break;
+                default:
+                  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(id);
+            }
+          };
+        },
+        getPanelProps: function getPanelProps() {
+          return {
+            hidden: !isOpen,
+            id: getElementId('panel'),
+            role: 'grid',
+            'aria-labelledby': getElementId('input')
+          };
+        },
+        getRootProps: function getRootProps() {
+          return {
+            ref: rootRef
+          };
+        }
+      };
+    };
+  }
+  function buildItems(_ref4) {
+    var indices = _ref4.indices,
+      indicesConfig = _ref4.indicesConfig,
+      getElementId = _ref4.getElementId;
+    var itemsIds = [];
+    var items = new Map();
+    for (var i = 0; i < indicesConfig.length; i++) {
+      var _indices$i;
+      var config = indicesConfig[i];
+      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', config.indexName, position);
+        items.set(itemId, {
+          item: hits[position],
+          config: config
+        });
+        itemsIds.push(itemId);
+      }
+    }
+    return {
+      items: items,
+      itemsIds: itemsIds
+    };
+  }
+  function createGetElementId(autocompleteId) {
+    return function getElementId() {
+      var prefix = 'autocomplete';
+      for (var _len = arguments.length, suffixes = new Array(_len), _key = 0; _key < _len; _key++) {
+        suffixes[_key] = arguments[_key];
+      }
+      return "".concat(prefix).concat(autocompleteId).concat(suffixes.join(':'));
+    };
+  }
+
+  /**
+   * Returns the framework-agnostic value of a ref.
+   */
+  function unwrapRef(ref) {
+    return ref.current && _typeof$1(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$1 = 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$1(showRecent) === 'object' ? showRecent.storageKey : undefined;
+      var storage = useMemo(function () {
+        return createStorage({
+          limit: 5,
+          storageKey: storageKey
+        });
+      }, [storageKey]);
+      var _useState = useState(storage.getSnapshot()),
+        _useState2 = _slicedToArray$1(_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'
+        };
+      });
+      var indicesForPropGetters = _toConsumableArray$1(indices);
+      var indicesConfigForPropGetters = _toConsumableArray$1(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 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(_ref3) {
+    var _ref3$limit = _ref3.limit,
+      limit = _ref3$limit === void 0 ? 5 : _ref3$limit,
+      storageKey = _ref3.storageKey;
+    var storage = getLocalStorage(storageKey);
+    var updateListener = null;
+    return {
+      onAdd: function onAdd(query) {
+        this.onRemove(query);
+        storage.setItems([query].concat(_toConsumableArray$1(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;
+    return function DefaultEmpty() {
+      return createElement(Fragment, null, "No results");
+    };
+  }
+
+  function createDefaultHeaderComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function DefaultHeader(userProps) {
+      var _userProps$classNames = userProps.classNames,
+        classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+        items = userProps.items,
+        translations = userProps.translations;
       if (!items || items.length < 1) {
         return null;
       }
@@ -17359,7 +18067,7 @@
     };
   }
 
-  var _excluded$9 = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "canScrollLeft", "canScrollRight", "setCanScrollLeft", "setCanScrollRight", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "headerComponent", "showNavigation", "items", "translations", "sendEvent"];
+  var _excluded$c = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "canScrollLeft", "canScrollRight", "setCanScrollLeft", "setCanScrollRight", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "headerComponent", "showNavigation", "items", "translations", "sendEvent"];
   function ownKeys$1(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17442,7 +18150,7 @@
         items = userProps.items,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
-        props = _objectWithoutProperties$1(userProps, _excluded$9);
+        props = _objectWithoutProperties$1(userProps, _excluded$c);
       var translations = _objectSpread({
         listLabel: 'Items',
         nextButtonLabel: 'Next',
@@ -17556,7 +18264,7 @@
     };
   }
 
-  var _excluded$a = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
+  var _excluded$d = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
   function ownKeys$2(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17608,7 +18316,7 @@
         status = userProps.status,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
-        props = _objectWithoutProperties$1(userProps, _excluded$a);
+        props = _objectWithoutProperties$1(userProps, _excluded$d);
       var translations = _objectSpread$1({
         title: 'Frequently bought together',
         sliderLabel: 'Frequently bought together products'
@@ -17641,7 +18349,7 @@
     };
   }
 
-  var _excluded$b = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  var _excluded$e = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
   function createHighlightPartComponent(_ref) {
     var createElement = _ref.createElement;
     return function HighlightPart(_ref2) {
@@ -17674,7 +18382,7 @@
         className = userProps.className,
         _userProps$classNames = userProps.classNames,
         classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
-        props = _objectWithoutProperties$1(userProps, _excluded$b);
+        props = _objectWithoutProperties$1(userProps, _excluded$e);
       return createElement("span", _extends$1({}, props, {
         className: cx(classNames.root, className)
       }), parts.map(function (part, partIndex) {
@@ -17696,7 +18404,7 @@
     };
   }
 
-  var _excluded$c = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent", "banner", "bannerComponent"];
+  var _excluded$f = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent", "banner", "bannerComponent"];
 
   // Should be imported from a shared package in the future
 
@@ -17741,7 +18449,7 @@
         EmptyComponent = userProps.emptyComponent,
         banner = userProps.banner,
         BannerComponent = userProps.bannerComponent,
-        props = _objectWithoutProperties$1(userProps, _excluded$c);
+        props = _objectWithoutProperties$1(userProps, _excluded$f);
       return createElement("div", _extends$1({}, props, {
         className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
       }), banner && (BannerComponent ? createElement(BannerComponent, {
@@ -17769,7 +18477,7 @@
     };
   }
 
-  var _excluded$d = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
+  var _excluded$g = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
   function ownKeys$3(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17821,7 +18529,7 @@
         status = userProps.status,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
-        props = _objectWithoutProperties$1(userProps, _excluded$d);
+        props = _objectWithoutProperties$1(userProps, _excluded$g);
       var translations = _objectSpread$2({
         title: 'Looking similar',
         sliderLabel: 'Looking similar'
@@ -17854,7 +18562,7 @@
     };
   }
 
-  var _excluded$e = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
+  var _excluded$h = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
   function ownKeys$4(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17906,7 +18614,7 @@
         status = userProps.status,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
-        props = _objectWithoutProperties$1(userProps, _excluded$e);
+        props = _objectWithoutProperties$1(userProps, _excluded$h);
       var translations = _objectSpread$3({
         title: 'Related products',
         sliderLabel: 'Related products'
@@ -17939,7 +18647,7 @@
     };
   }
 
-  var _excluded$f = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
+  var _excluded$i = ["classNames", "emptyComponent", "headerComponent", "itemComponent", "layout", "items", "status", "translations", "sendEvent"];
   function ownKeys$5(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -17991,7 +18699,7 @@
         status = userProps.status,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
-        props = _objectWithoutProperties$1(userProps, _excluded$f);
+        props = _objectWithoutProperties$1(userProps, _excluded$i);
       var translations = _objectSpread$4({
         title: 'Trending items',
         sliderLabel: 'Trending items'
@@ -18024,7 +18732,7 @@
     };
   }
 
-  var r$1,u$1,i,o$1,f$1=0,c$1=[],e$2=[],a$1=l.__b,v$1=l.__r,l$1=l.diffed,m$2=l.__c,d$1=l.unmount;function p$1(t,r){l.__h&&l.__h(u$1,t,f$1||r),f$1=0;var i=u$1.__H||(u$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:e$2}),i.__[t]}function y$1(n){return f$1=1,h$1(C$1,n)}function h$1(n,t,i){var o=p$1(r$1++,2);if(o.t=n,!o.__c&&(o.__=[i?i(t):C$1(void 0,t),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=u$1,!u$1.u)){u$1.u=!0;var f=u$1.shouldComponentUpdate;u$1.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!!i&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function s$1(t,i){var o=p$1(r$1++,3);!l.__s&&B(o.__H,i)&&(o.__=t,o.i=i,u$1.__H.__h.push(o));}function A$1(n){return f$1=5,T$1(function(){return {current:n}},[])}function T$1(n,t){var u=p$1(r$1++,7);return B(u.__H,t)?(u.__V=n(),u.i=t,u.__h=n,u.__V):u.__}function g$1(){for(var t;t=c$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(w$1),t.__H.__h.forEach(z$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l.__e(r,t.__v);}}l.__b=function(n){"function"!=typeof n.type||n.o||n.type===p?n.o||(n.o=n.__&&n.__.o?n.__.o:""):n.o=(n.__&&n.__.o?n.__.o:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),u$1=null,a$1&&a$1(n);},l.__r=function(n){v$1&&v$1(n),r$1=0;var t=(u$1=n.__c).__H;t&&(i===u$1?(t.__h=[],u$1.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=e$2,n.__N=n.i=void 0;})):(t.__h.forEach(w$1),t.__h.forEach(z$1),t.__h=[])),i=u$1;},l.diffed=function(t){l$1&&l$1(t);var r=t.__c;r&&r.__H&&(r.__H.__h.length&&(1!==c$1.push(r)&&o$1===l.requestAnimationFrame||((o$1=l.requestAnimationFrame)||k$1)(g$1)),r.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==e$2&&(n.__=n.__V),n.i=void 0,n.__V=e$2;})),i=u$1=null;},l.__c=function(t,r){r.some(function(t){try{t.__h.forEach(w$1),t.__h=t.__h.filter(function(n){return !n.__||z$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l.__e(u,t.__v);}}),m$2&&m$2(t,r);},l.unmount=function(t){d$1&&d$1(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{w$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l.__e(r,u.__v));};var j$1="function"==typeof requestAnimationFrame;function k$1(n){var t,r=function(){clearTimeout(u),j$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);j$1&&(t=requestAnimationFrame(r));}function w$1(n){var t=u$1,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u$1=t;}function z$1(n){var t=u$1;n.__c=n.__(),u$1=t;}function B(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function C$1(n,t){return "function"==typeof t?t(n):t}
+  var r$1,u$1,i,o$1,f$1=0,c$1=[],e$2=[],a$1=l.__b,v$1=l.__r,l$1=l.diffed,m$2=l.__c,d$1=l.unmount;function p$1(t,r){l.__h&&l.__h(u$1,t,f$1||r),f$1=0;var i=u$1.__H||(u$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:e$2}),i.__[t]}function y$1(n){return f$1=1,h$1(C$1,n)}function h$1(n,t,i){var o=p$1(r$1++,2);if(o.t=n,!o.__c&&(o.__=[i?i(t):C$1(void 0,t),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=u$1,!u$1.u)){u$1.u=!0;var f=u$1.shouldComponentUpdate;u$1.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!!i&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function s$1(t,i){var o=p$1(r$1++,3);!l.__s&&B(o.__H,i)&&(o.__=t,o.i=i,u$1.__H.__h.push(o));}function A$1(n){return f$1=5,T$1(function(){return {current:n}},[])}function T$1(n,t){var u=p$1(r$1++,7);return B(u.__H,t)?(u.__V=n(),u.i=t,u.__h=n,u.__V):u.__}function b$1(){var n=p$1(r$1++,11);return n.__||(n.__="P"+function(n){for(var t=0,r=n.length;r>0;)t=(t<<5)-t+n.charCodeAt(--r)|0;return t}(u$1.__v.o)+r$1),n.__}function g$1(){for(var t;t=c$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(w$1),t.__H.__h.forEach(z$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l.__e(r,t.__v);}}l.__b=function(n){"function"!=typeof n.type||n.o||n.type===p?n.o||(n.o=n.__&&n.__.o?n.__.o:""):n.o=(n.__&&n.__.o?n.__.o:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),u$1=null,a$1&&a$1(n);},l.__r=function(n){v$1&&v$1(n),r$1=0;var t=(u$1=n.__c).__H;t&&(i===u$1?(t.__h=[],u$1.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=e$2,n.__N=n.i=void 0;})):(t.__h.forEach(w$1),t.__h.forEach(z$1),t.__h=[])),i=u$1;},l.diffed=function(t){l$1&&l$1(t);var r=t.__c;r&&r.__H&&(r.__H.__h.length&&(1!==c$1.push(r)&&o$1===l.requestAnimationFrame||((o$1=l.requestAnimationFrame)||k$1)(g$1)),r.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==e$2&&(n.__=n.__V),n.i=void 0,n.__V=e$2;})),i=u$1=null;},l.__c=function(t,r){r.some(function(t){try{t.__h.forEach(w$1),t.__h=t.__h.filter(function(n){return !n.__||z$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l.__e(u,t.__v);}}),m$2&&m$2(t,r);},l.unmount=function(t){d$1&&d$1(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{w$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l.__e(r,u.__v));};var j$1="function"==typeof requestAnimationFrame;function k$1(n){var t,r=function(){clearTimeout(u),j$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);j$1&&(t=requestAnimationFrame(r));}function w$1(n){var t=u$1,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u$1=t;}function z$1(n){var t=u$1;n.__c=n.__(),u$1=t;}function B(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function C$1(n,t){return "function"==typeof t?t(n):t}
 
   var Carousel = createCarouselComponent({
     createElement: h,
@@ -18915,11 +19623,11 @@
     Fragment: p
   });
 
-  var _excluded$g = ["classNames"];
+  var _excluded$j = ["classNames"];
   function Highlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$g);
+      props = _objectWithoutProperties(_ref, _excluded$j);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Highlight', classNames.root),
@@ -18930,12 +19638,12 @@
     }, props));
   }
 
-  var _excluded$h = ["hit", "attribute", "cssClasses"];
+  var _excluded$k = ["hit", "attribute", "cssClasses"];
   function Highlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$k);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -18949,11 +19657,11 @@
     }));
   }
 
-  var _excluded$i = ["classNames"];
+  var _excluded$l = ["classNames"];
   function ReverseHighlight(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$l);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseHighlight', classNames.root),
@@ -18964,13 +19672,13 @@
     }, props));
   }
 
-  var _excluded$j = ["hit", "attribute", "cssClasses"],
+  var _excluded$m = ["hit", "attribute", "cssClasses"],
     _excluded2$3 = ["isHighlighted"];
   function ReverseHighlight$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$j);
+      props = _objectWithoutProperties(_ref, _excluded$m);
     var property = getPropertyByPath(hit._highlightResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable highlight for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -18990,11 +19698,11 @@
     }));
   }
 
-  var _excluded$k = ["classNames"];
+  var _excluded$n = ["classNames"];
   function ReverseSnippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$n);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-ReverseSnippet', classNames.root),
@@ -19005,13 +19713,13 @@
     }, props));
   }
 
-  var _excluded$l = ["hit", "attribute", "cssClasses"],
+  var _excluded$o = ["hit", "attribute", "cssClasses"],
     _excluded2$4 = ["isHighlighted"];
   function ReverseSnippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$l);
+      props = _objectWithoutProperties(_ref, _excluded$o);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -19031,11 +19739,11 @@
     }));
   }
 
-  var _excluded$m = ["classNames"];
+  var _excluded$p = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties(_ref, _excluded$m);
+      props = _objectWithoutProperties(_ref, _excluded$p);
     return h(InternalHighlight, _extends({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -19046,12 +19754,12 @@
     }, props));
   }
 
-  var _excluded$n = ["hit", "attribute", "cssClasses"];
+  var _excluded$q = ["hit", "attribute", "cssClasses"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       cssClasses = _ref.cssClasses,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$q);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = toArray(property);
      _warning(Boolean(properties.length), "Could not enable snippet for \"".concat(attribute.toString(), "\", will display an empty string.\nPlease check whether this attribute exists and is specified in `attributesToSnippet`.\n\nSee: https://alg.li/highlighting\n")) ;
@@ -19393,7 +20101,7 @@
     });
   };
 
-  var _excluded$o = ["container", "widgets", "fallbackWidget"];
+  var _excluded$r = ["container", "widgets", "fallbackWidget"];
   var withUsage$x = createDocumentationMessageGenerator({
     name: 'dynamic-widgets'
   });
@@ -19411,7 +20119,7 @@
       containerSelector = _ref.container,
       widgets = _ref.widgets,
       fallbackWidget = _ref.fallbackWidget,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$o);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$r);
     if (!containerSelector) {
       throw new Error(withUsage$x('The `container` option is required.'));
     }
@@ -19615,7 +20323,341 @@
         };
       }
     };
-  };
+  };
+
+  /**
+   * A list of [search parameters](https://www.algolia.com/doc/api-reference/search-api-parameters/)
+   * to enable when the widget mounts.
+   */
+
+  var configure = function configure(widgetParams) {
+    // This is a renderless widget that falls back to the connector's
+    // noop render and unmount functions.
+    var makeWidget = connectConfigure(noop);
+    return _objectSpread2(_objectSpread2({}, makeWidget({
+      searchParameters: widgetParams
+    })), {}, {
+      $$widgetType: 'ais.configure'
+    });
+  };
+
+  var _excluded$s = ["instanceId", "containerNode"];
+  var autocompleteInstanceId = 0;
+  var withUsage$z = createDocumentationMessageGenerator({
+    name: 'autocomplete'
+  });
+  var suit$6 = component('Autocomplete');
+  var Autocomplete = createAutocompleteComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var AutocompletePanel = createAutocompletePanelComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var AutocompleteIndex = createAutocompleteIndexComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var AutocompleteSuggestion = createAutocompleteSuggestionComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var AutocompleteSearchBox = createAutocompleteSearchComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
+    createElement: h,
+    Fragment: p
+  });
+  var usePropGetters = createAutocompletePropGetters({
+    useEffect: s$1,
+    useId: b$1,
+    useMemo: T$1,
+    useRef: A$1,
+    useState: y$1
+  });
+  var useStorage = createAutocompleteStorage({
+    useEffect: s$1,
+    useState: y$1,
+    useMemo: T$1
+  });
+  var createRenderer = function createRenderer(params) {
+    var instanceId = params.instanceId,
+      containerNode = params.containerNode,
+      rendererParams = _objectWithoutProperties(params, _excluded$s);
+    return function (connectorParams, isFirstRendering) {
+      if (isFirstRendering) {
+        var _targetIndex$getHelpe, _targetIndex$getHelpe2;
+        var isolatedIndex = connectorParams.instantSearchInstance.mainIndex;
+        var targetIndex = connectorParams.instantSearchInstance.mainIndex;
+        walkIndex(targetIndex, function (childIndex) {
+          if (childIndex.getIndexId() === "ais-autocomplete-".concat(instanceId)) {
+            isolatedIndex = childIndex;
+            targetIndex = childIndex.parent;
+          }
+        });
+        rendererParams.renderState = {
+          indexTemplateProps: [],
+          isolatedIndex: isolatedIndex,
+          targetIndex: targetIndex
+        };
+        connectorParams.refine((_targetIndex$getHelpe = (_targetIndex$getHelpe2 = targetIndex.getHelper()) === null || _targetIndex$getHelpe2 === void 0 ? void 0 : _targetIndex$getHelpe2.state.query) !== null && _targetIndex$getHelpe !== void 0 ? _targetIndex$getHelpe : '');
+        return;
+      }
+      P(h(AutocompleteWrapper, _extends({}, rendererParams, connectorParams)), containerNode);
+    };
+  };
+  function AutocompleteWrapper(_ref) {
+    var _isolatedIndex$getHel, _targetIndex$getWidge, _showRecent$templates;
+    var indicesConfig = _ref.indicesConfig,
+      indices = _ref.indices,
+      getSearchPageURL = _ref.getSearchPageURL,
+      userOnSelect = _ref.onSelect,
+      refine = _ref.refine,
+      cssClasses = _ref.cssClasses,
+      renderState = _ref.renderState,
+      instantSearchInstance = _ref.instantSearchInstance,
+      showRecent = _ref.showRecent;
+    var isolatedIndex = renderState.isolatedIndex,
+      targetIndex = renderState.targetIndex;
+    var searchboxQuery = isolatedIndex === null || isolatedIndex === void 0 ? void 0 : (_isolatedIndex$getHel = isolatedIndex.getHelper()) === null || _isolatedIndex$getHel === void 0 ? void 0 : _isolatedIndex$getHel.state.query;
+    var _useStorage = useStorage({
+        query: searchboxQuery,
+        showRecent: showRecent,
+        indices: indices,
+        indicesConfig: indicesConfig
+      }),
+      storage = _useStorage.storage,
+      storageHits = _useStorage.storageHits,
+      indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters,
+      indicesForPropGetters = _useStorage.indicesForPropGetters;
+    var isSearchPage = (_targetIndex$getWidge = targetIndex === null || targetIndex === void 0 ? void 0 : targetIndex.getWidgets().some(function (_ref2) {
+      var $$type = _ref2.$$type;
+      return ['ais.hits', 'ais.infiniteHits'].includes($$type);
+    })) !== null && _targetIndex$getWidge !== void 0 ? _targetIndex$getWidge : false;
+    var onRefine = function onRefine(query) {
+      instantSearchInstance.setUiState(function (uiState) {
+        var _objectSpread2$1;
+        return _objectSpread2(_objectSpread2({}, uiState), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, targetIndex.getIndexId(), _objectSpread2(_objectSpread2({}, uiState[targetIndex.getIndexId()]), {}, {
+          query: query
+        })), _defineProperty(_objectSpread2$1, isolatedIndex.getIndexId(), {
+          query: query
+        }), _objectSpread2$1));
+      });
+      query.length > 0 && storage.onAdd(query);
+    };
+    var _usePropGetters = usePropGetters({
+        indices: indicesForPropGetters,
+        indicesConfig: indicesConfigForPropGetters,
+        onRefine: onRefine,
+        onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref3) {
+          var query = _ref3.query,
+            setQuery = _ref3.setQuery,
+            url = _ref3.url;
+          if (url) {
+            window.location.href = url;
+            return;
+          }
+          if (!isSearchPage && typeof getSearchPageURL !== 'undefined') {
+            var indexUiState = instantSearchInstance.getUiState()[targetIndex.getIndexId()];
+            window.location.href = getSearchPageURL(_objectSpread2(_objectSpread2({}, indexUiState), {}, {
+              query: query
+            }));
+            return;
+          }
+          setQuery(query);
+        }
+      }),
+      getInputProps = _usePropGetters.getInputProps,
+      getItemProps = _usePropGetters.getItemProps,
+      getPanelProps = _usePropGetters.getPanelProps,
+      getRootProps = _usePropGetters.getRootProps;
+    var AutocompleteRecentSearchComponent = AutocompleteRecentSearch;
+    if (_typeof(showRecent) === 'object' && (_showRecent$templates = showRecent.templates) !== null && _showRecent$templates !== void 0 && _showRecent$templates.item) {
+      var props = prepareTemplateProps({
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: showRecent.templates
+      });
+      AutocompleteRecentSearchComponent = function AutocompleteRecentSearchComponent(_ref4) {
+        var item = _ref4.item,
+          onSelect = _ref4.onSelect,
+          onRemoveRecentSearch = _ref4.onRemoveRecentSearch;
+        return h(Template, _extends({}, props, {
+          templateKey: "item",
+          rootTagName: "fragment",
+          data: {
+            item: item,
+            onSelect: onSelect,
+            onRemoveRecentSearch: onRemoveRecentSearch
+          }
+        }));
+      };
+    }
+    return h(Autocomplete, _extends({}, getRootProps(), {
+      classNames: cssClasses
+    }), h(AutocompleteSearchBox, {
+      query: searchboxQuery || '',
+      inputProps: _objectSpread2(_objectSpread2({}, getInputProps()), {}, {
+        // @ts-ignore - This clashes with some ambient React JSX declarations.
+        onInput: function onInput(evt) {
+          return refine(evt.currentTarget.value);
+        }
+      }),
+      onClear: function onClear() {
+        return onRefine('');
+      },
+      isSearchStalled: instantSearchInstance.status === 'stalled'
+    }), h(AutocompletePanel, getPanelProps(), showRecent && h(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 h(AutocompleteRecentSearchComponent, {
+          item: item,
+          onSelect: onSelect,
+          onRemoveRecentSearch: function onRemoveRecentSearch() {
+            return storage.onRemove(item.query);
+          }
+        });
+      },
+      classNames: {
+        root: 'ais-AutocompleteRecentSearches',
+        list: 'ais-AutocompleteRecentSearchesList',
+        item: 'ais-AutocompleteRecentSearchesItem'
+      },
+      items: storageHits,
+      getItemProps: getItemProps
+    }), indices.map(function (_ref6, i) {
+      var _indicesConfig$i$temp;
+      var indexId = _ref6.indexId,
+        hits = _ref6.hits;
+      if (!renderState.indexTemplateProps[i]) {
+        renderState.indexTemplateProps[i] = prepareTemplateProps({
+          defaultTemplates: {},
+          templatesConfig: instantSearchInstance.templatesConfig,
+          templates: indicesConfig[i].templates
+        });
+      }
+      var headerComponent = (_indicesConfig$i$temp = indicesConfig[i].templates) !== null && _indicesConfig$i$temp !== void 0 && _indicesConfig$i$temp.header ? function (_ref7) {
+        var items = _ref7.items;
+        return h(Template, _extends({}, renderState.indexTemplateProps[i], {
+          templateKey: "header",
+          rootTagName: "fragment",
+          data: {
+            items: items
+          }
+        }));
+      } : undefined;
+      var itemComponent = function itemComponent(_ref8) {
+        var item = _ref8.item,
+          onSelect = _ref8.onSelect;
+        return h(Template, _extends({}, renderState.indexTemplateProps[i], {
+          templateKey: "item",
+          rootTagName: "fragment",
+          data: {
+            item: item,
+            onSelect: onSelect
+          }
+        }));
+      };
+      return h(AutocompleteIndex, {
+        key: indexId,
+        HeaderComponent: headerComponent,
+        ItemComponent: itemComponent,
+        items: hits.map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            __indexName: indexId
+          });
+        }),
+        getItemProps: getItemProps,
+        classNames: indicesConfig[i].cssClasses
+      });
+    })));
+  }
+  function EXPERIMENTAL_autocomplete(widgetParams) {
+    var _ref9 = widgetParams || {},
+      container = _ref9.container,
+      escapeHTML = _ref9.escapeHTML,
+      _ref9$indices = _ref9.indices,
+      indices = _ref9$indices === void 0 ? [] : _ref9$indices,
+      showSuggestions = _ref9.showSuggestions,
+      showRecent = _ref9.showRecent,
+      getSearchPageURL = _ref9.getSearchPageURL,
+      onSelect = _ref9.onSelect,
+      _ref9$templates = _ref9.templates,
+      templates = _ref9$templates === void 0 ? {} : _ref9$templates,
+      _ref9$cssClasses = _ref9.cssClasses,
+      userCssClasses = _ref9$cssClasses === void 0 ? {} : _ref9$cssClasses;
+    if (!container) {
+      throw new Error(withUsage$z('The `container` option is required.'));
+    }
+    var containerNode = getContainerNode(container);
+    var cssClasses = {
+      root: cx(suit$6(), userCssClasses.root)
+    };
+    var indicesConfig = _toConsumableArray(indices);
+    if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
+      var _showSuggestions$cssC, _showSuggestions$cssC2, _showSuggestions$cssC3, _showSuggestions$cssC4;
+      indicesConfig.unshift({
+        indexName: showSuggestions.indexName,
+        templates: _objectSpread2({
+          // @ts-expect-error
+          item: AutocompleteSuggestion
+        }, showSuggestions.templates),
+        cssClasses: {
+          root: cx('ais-AutocompleteSuggestions', (_showSuggestions$cssC = showSuggestions.cssClasses) === null || _showSuggestions$cssC === void 0 ? void 0 : _showSuggestions$cssC.root),
+          list: cx('ais-AutocompleteSuggestionsList', (_showSuggestions$cssC2 = showSuggestions.cssClasses) === null || _showSuggestions$cssC2 === void 0 ? void 0 : _showSuggestions$cssC2.list),
+          header: cx('ais-AutocompleteSuggestionsHeader', (_showSuggestions$cssC3 = showSuggestions.cssClasses) === null || _showSuggestions$cssC3 === void 0 ? void 0 : _showSuggestions$cssC3.header),
+          item: cx('ais-AutocompleteSuggestionsItem', (_showSuggestions$cssC4 = showSuggestions.cssClasses) === null || _showSuggestions$cssC4 === void 0 ? void 0 : _showSuggestions$cssC4.item)
+        },
+        getQuery: function getQuery(item) {
+          return item.query;
+        },
+        getURL: showSuggestions.getURL
+      });
+    }
+    var instanceId = ++autocompleteInstanceId;
+    var specializedRenderer = createRenderer({
+      instanceId: instanceId,
+      containerNode: containerNode,
+      indicesConfig: indicesConfig,
+      getSearchPageURL: getSearchPageURL,
+      onSelect: onSelect,
+      cssClasses: cssClasses,
+      showRecent: showRecent,
+      renderState: {
+        indexTemplateProps: [],
+        isolatedIndex: undefined,
+        targetIndex: undefined
+      },
+      templates: templates
+    });
+    var makeWidget = connectAutocomplete(specializedRenderer, function () {
+      return P(null, containerNode);
+    });
+    return [connectSearchBox(function () {
+      return null;
+    })({}), index({
+      indexId: "ais-autocomplete-".concat(instanceId),
+      EXPERIMENTAL_isolated: true
+    }).addWidgets([].concat(_toConsumableArray(indicesConfig.map(function (_ref0) {
+      var indexName = _ref0.indexName;
+      return index({
+        indexName: indexName,
+        indexId: indexName
+      }).addWidgets([configure({
+        hitsPerPage: 5
+      })]);
+    })), [_objectSpread2(_objectSpread2({}, makeWidget({
+      escapeHTML: escapeHTML
+    })), {}, {
+      $$widgetType: 'ais.autocomplete'
+    })]))];
+  }
 
   var Breadcrumb = function Breadcrumb(_ref) {
     var items = _ref.items,
@@ -19678,10 +20720,10 @@
     }
   };
 
-  var withUsage$z = createDocumentationMessageGenerator({
+  var withUsage$A = createDocumentationMessageGenerator({
     name: 'breadcrumb'
   });
-  var suit$6 = component('Breadcrumb');
+  var suit$7 = component('Breadcrumb');
   var renderer$1 = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -19723,28 +20765,28 @@
       _ref3$cssClasses = _ref3.cssClasses,
       userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses;
     if (!container) {
-      throw new Error(withUsage$z('The `container` option is required.'));
+      throw new Error(withUsage$A('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$6(), userCssClasses.root),
-      noRefinementRoot: cx(suit$6({
+      root: cx(suit$7(), userCssClasses.root),
+      noRefinementRoot: cx(suit$7({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$6({
+      list: cx(suit$7({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$6({
+      item: cx(suit$7({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$6({
+      selectedItem: cx(suit$7({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      separator: cx(suit$6({
+      separator: cx(suit$7({
         descendantName: 'separator'
       }), userCssClasses.separator),
-      link: cx(suit$6({
+      link: cx(suit$7({
         descendantName: 'link'
       }), userCssClasses.link)
     };
@@ -19794,10 +20836,10 @@
     }
   };
 
-  var withUsage$A = createDocumentationMessageGenerator({
+  var withUsage$B = createDocumentationMessageGenerator({
     name: 'clear-refinements'
   });
-  var suit$7 = component('ClearRefinements');
+  var suit$8 = component('ClearRefinements');
   var renderer$2 = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -19834,15 +20876,15 @@
       _ref3$cssClasses = _ref3.cssClasses,
       userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses;
     if (!container) {
-      throw new Error(withUsage$A('The `container` option is required.'));
+      throw new Error(withUsage$B('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$7(), userCssClasses.root),
-      button: cx(suit$7({
+      root: cx(suit$8(), userCssClasses.root),
+      button: cx(suit$8({
         descendantName: 'button'
       }), userCssClasses.button),
-      disabledButton: cx(suit$7({
+      disabledButton: cx(suit$8({
         descendantName: 'button',
         modifierName: 'disabled'
       }), userCssClasses.disabledButton)
@@ -19865,22 +20907,6 @@
     });
   };
 
-  /**
-   * A list of [search parameters](https://www.algolia.com/doc/api-reference/search-api-parameters/)
-   * to enable when the widget mounts.
-   */
-
-  var configure = function configure(widgetParams) {
-    // This is a renderless widget that falls back to the connector's
-    // noop render and unmount functions.
-    var makeWidget = connectConfigure(noop);
-    return _objectSpread2(_objectSpread2({}, makeWidget({
-      searchParameters: widgetParams
-    })), {}, {
-      $$widgetType: 'ais.configure'
-    });
-  };
-
   var createItemKey = function createItemKey(_ref) {
     var attribute = _ref.attribute,
       value = _ref.value,
@@ -19928,10 +20954,10 @@
     })));
   };
 
-  var withUsage$B = createDocumentationMessageGenerator({
+  var withUsage$C = createDocumentationMessageGenerator({
     name: 'current-refinements'
   });
-  var suit$8 = component('CurrentRefinements');
+  var suit$9 = component('CurrentRefinements');
   var renderer$3 = function renderer(_ref, isFirstRender) {
     var items = _ref.items,
       widgetParams = _ref.widgetParams,
@@ -19957,30 +20983,30 @@
       userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$B('The `container` option is required.'));
+      throw new Error(withUsage$C('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$8(), userCssClasses.root),
-      noRefinementRoot: cx(suit$8({
+      root: cx(suit$9(), userCssClasses.root),
+      noRefinementRoot: cx(suit$9({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$8({
+      list: cx(suit$9({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$8({
+      item: cx(suit$9({
         descendantName: 'item'
       }), userCssClasses.item),
-      label: cx(suit$8({
+      label: cx(suit$9({
         descendantName: 'label'
       }), userCssClasses.label),
-      category: cx(suit$8({
+      category: cx(suit$9({
         descendantName: 'category'
       }), userCssClasses.category),
-      categoryLabel: cx(suit$8({
+      categoryLabel: cx(suit$9({
         descendantName: 'categoryLabel'
       }), userCssClasses.categoryLabel),
-      delete: cx(suit$8({
+      delete: cx(suit$9({
         descendantName: 'delete'
       }), userCssClasses.delete)
     };
@@ -20387,13 +21413,13 @@
     }), container.querySelector(".".concat(cssClasses.tree)));
   };
 
-  var _excluded$p = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
+  var _excluded$t = ["initialZoom", "initialPosition", "templates", "cssClasses", "builtInMarker", "customHTMLMarker", "enableRefine", "enableClearMapRefinement", "enableRefineControl", "container", "googleReference"],
     _excluded2$5 = ["item"],
     _excluded3 = ["item"];
-  var withUsage$C = createDocumentationMessageGenerator({
+  var withUsage$D = createDocumentationMessageGenerator({
     name: 'geo-search'
   });
-  var suit$9 = component('GeoSearch');
+  var suit$a = component('GeoSearch');
   /**
    * The **GeoSearch** widget displays the list of results from the search on a Google Maps. It also provides a way to search for results based on their position. The widget also provide some of the common GeoSearch patterns like search on map interaction.
    *
@@ -20431,7 +21457,7 @@
       enableRefineControl = _ref$enableRefineCont === void 0 ? true : _ref$enableRefineCont,
       container = _ref.container,
       googleReference = _ref.googleReference,
-      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$p);
+      otherWidgetParams = _objectWithoutProperties(_ref, _excluded$t);
     var defaultBuiltInMarker = {
       createOptions: function createOptions() {
         return {};
@@ -20445,42 +21471,42 @@
       events: {}
     };
     if (!container) {
-      throw new Error(withUsage$C('The `container` option is required.'));
+      throw new Error(withUsage$D('The `container` option is required.'));
     }
     if (!googleReference) {
-      throw new Error(withUsage$C('The `googleReference` option is required.'));
+      throw new Error(withUsage$D('The `googleReference` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$9(), userCssClasses.root),
+      root: cx(suit$a(), userCssClasses.root),
       // Required only to mount / unmount the Preact tree
-      tree: suit$9({
+      tree: suit$a({
         descendantName: 'tree'
       }),
-      map: cx(suit$9({
+      map: cx(suit$a({
         descendantName: 'map'
       }), userCssClasses.map),
-      control: cx(suit$9({
+      control: cx(suit$a({
         descendantName: 'control'
       }), userCssClasses.control),
-      label: cx(suit$9({
+      label: cx(suit$a({
         descendantName: 'label'
       }), userCssClasses.label),
-      selectedLabel: cx(suit$9({
+      selectedLabel: cx(suit$a({
         descendantName: 'label',
         modifierName: 'selected'
       }), userCssClasses.selectedLabel),
-      input: cx(suit$9({
+      input: cx(suit$a({
         descendantName: 'input'
       }), userCssClasses.input),
-      redo: cx(suit$9({
+      redo: cx(suit$a({
         descendantName: 'redo'
       }), userCssClasses.redo),
-      disabledRedo: cx(suit$9({
+      disabledRedo: cx(suit$a({
         descendantName: 'redo',
         modifierName: 'disabled'
       }), userCssClasses.disabledRedo),
-      reset: cx(suit$9({
+      reset: cx(suit$a({
         descendantName: 'reset'
       }), userCssClasses.reset)
     };
@@ -20504,7 +21530,7 @@
       return new HTMLMarker(_objectSpread2(_objectSpread2(_objectSpread2({}, customHTMLMarker.createOptions(item)), rest), {}, {
         __id: item.objectID,
         position: item._geoloc,
-        className: cx(suit$9({
+        className: cx(suit$a({
           descendantName: 'marker'
         })),
         template: renderTemplate({
@@ -20553,7 +21579,8 @@
     onChange: noop,
     onSubmit: noop,
     onReset: noop,
-    refine: noop
+    refine: noop,
+    inputProps: {}
   };
   var SearchBox = /*#__PURE__*/function (_Component) {
     _inherits(SearchBox, _Component);
@@ -20571,6 +21598,9 @@
       });
       _defineProperty(_assertThisInitialized(_this), "input", y());
       _defineProperty(_assertThisInitialized(_this), "onInput", function (event) {
+        var _this$props$inputProp, _this$props$inputProp2;
+        // @ts-expect-error the context incompatibility of `this` doesn't matter
+        (_this$props$inputProp = (_this$props$inputProp2 = _this.props.inputProps).onInput) === null || _this$props$inputProp === void 0 ? void 0 : _this$props$inputProp.call(_this$props$inputProp2, event);
         var _this$props = _this.props,
           searchAsYouType = _this$props.searchAsYouType,
           refine = _this$props.refine,
@@ -20616,12 +21646,18 @@
         });
         onReset(event);
       });
-      _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
+      _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
+        var _this$props$inputProp3, _this$props$inputProp4;
+        // @ts-expect-error the context incompatibility of `this` doesn't matter
+        (_this$props$inputProp3 = (_this$props$inputProp4 = _this.props.inputProps).onBlur) === null || _this$props$inputProp3 === void 0 ? void 0 : _this$props$inputProp3.call(_this$props$inputProp4, event);
         _this.setState({
           focused: false
         });
       });
-      _defineProperty(_assertThisInitialized(_this), "onFocus", function () {
+      _defineProperty(_assertThisInitialized(_this), "onFocus", function (event) {
+        var _this$props$inputProp5, _this$props$inputProp6;
+        // @ts-expect-error the context incompatibility of `this` doesn't matter
+        (_this$props$inputProp5 = (_this$props$inputProp6 = _this.props.inputProps).onFocus) === null || _this$props$inputProp5 === void 0 ? void 0 : _this$props$inputProp5.call(_this$props$inputProp6, event);
         _this.setState({
           focused: true
         });
@@ -20669,7 +21705,8 @@
           showLoadingIndicator = _this$props4.showLoadingIndicator,
           templates = _this$props4.templates,
           isSearchStalled = _this$props4.isSearchStalled,
-          ariaLabel = _this$props4.ariaLabel;
+          ariaLabel = _this$props4.ariaLabel,
+          inputProps = _this$props4.inputProps;
         return h("div", {
           className: cssClasses.root
         }, h("form", {
@@ -20679,7 +21716,7 @@
           noValidate: true,
           onSubmit: this.onSubmit,
           onReset: this.onReset
-        }, h("input", {
+        }, h("input", _extends({}, inputProps, {
           ref: this.input,
           value: this.state.query,
           disabled: this.props.disabled,
@@ -20702,7 +21739,7 @@
           onBlur: this.onBlur,
           onFocus: this.onFocus,
           "aria-label": ariaLabel
-        }), h(Template, {
+        })), h(Template, {
           templateKey: "submit",
           rootTagName: "button",
           rootProps: {
@@ -20770,7 +21807,7 @@
     })), subItems);
   }
 
-  var _excluded$q = ["root"];
+  var _excluded$u = ["root"];
 
   // CSS types
 
@@ -20799,7 +21836,7 @@
         if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
           var _this$props$cssClasse = _this.props.cssClasses,
             root = _this$props$cssClasse.root,
-            cssClasses = _objectWithoutProperties(_this$props$cssClasse, _excluded$q);
+            cssClasses = _objectWithoutProperties(_this$props$cssClasse, _excluded$u);
           subItems = h(RefinementList, _extends({}, _this.props, {
             // We want to keep `root` required for external usage but not for the
             // sub items.
@@ -21014,10 +22051,10 @@
     }
   };
 
-  var withUsage$D = createDocumentationMessageGenerator({
+  var withUsage$E = createDocumentationMessageGenerator({
     name: 'hierarchical-menu'
   });
-  var suit$a = component('HierarchicalMenu');
+  var suit$b = component('HierarchicalMenu');
   var renderer$5 = function renderer(_ref) {
     var cssClasses = _ref.cssClasses,
       containerNode = _ref.containerNode,
@@ -21124,49 +22161,49 @@
       _ref3$cssClasses = _ref3.cssClasses,
       userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses;
     if (!container) {
-      throw new Error(withUsage$D('The `container` option is required.'));
+      throw new Error(withUsage$E('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$a(), userCssClasses.root),
-      noRefinementRoot: cx(suit$a({
+      root: cx(suit$b(), userCssClasses.root),
+      noRefinementRoot: cx(suit$b({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$a({
+      list: cx(suit$b({
         descendantName: 'list'
       }), userCssClasses.list),
-      childList: cx(suit$a({
+      childList: cx(suit$b({
         descendantName: 'list',
         modifierName: 'child'
       }), userCssClasses.childList),
-      item: cx(suit$a({
+      item: cx(suit$b({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$a({
+      selectedItem: cx(suit$b({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      parentItem: cx(suit$a({
+      parentItem: cx(suit$b({
         descendantName: 'item',
         modifierName: 'parent'
       }), userCssClasses.parentItem),
-      link: cx(suit$a({
+      link: cx(suit$b({
         descendantName: 'link'
       }), userCssClasses.link),
-      selectedItemLink: cx(suit$a({
+      selectedItemLink: cx(suit$b({
         descendantName: 'link',
         modifierName: 'selected'
       }), userCssClasses.selectedItemLink),
-      label: cx(suit$a({
+      label: cx(suit$b({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: cx(suit$a({
+      count: cx(suit$b({
         descendantName: 'count'
       }), userCssClasses.count),
-      showMore: cx(suit$a({
+      showMore: cx(suit$b({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: cx(suit$a({
+      disabledShowMore: cx(suit$b({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore)
@@ -21208,8 +22245,8 @@
     }
   };
 
-  var _excluded$r = ["hit", "index"];
-  var withUsage$E = createDocumentationMessageGenerator({
+  var _excluded$v = ["hit", "index"];
+  var withUsage$F = createDocumentationMessageGenerator({
     name: 'hits'
   });
   var Hits = createHitsComponent({
@@ -21256,7 +22293,7 @@
       var itemComponent = function itemComponent(_ref4) {
         var hit = _ref4.hit,
           index = _ref4.index,
-          rootProps = _objectWithoutProperties(_ref4, _excluded$r);
+          rootProps = _objectWithoutProperties(_ref4, _excluded$v);
         return h(Template, _extends({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "li",
@@ -21308,7 +22345,7 @@
       _ref5$cssClasses = _ref5.cssClasses,
       cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
     if (!container) {
-      throw new Error(withUsage$E('The `container` option is required.'));
+      throw new Error(withUsage$F('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var specializedRenderer = renderer$6({
@@ -21350,10 +22387,10 @@
     }));
   }
 
-  var withUsage$F = createDocumentationMessageGenerator({
+  var withUsage$G = createDocumentationMessageGenerator({
     name: 'hits-per-page'
   });
-  var suit$b = component('HitsPerPage');
+  var suit$c = component('HitsPerPage');
   var renderer$7 = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses;
@@ -21386,15 +22423,15 @@
       userCssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses,
       transformItems = _ref5.transformItems;
     if (!container) {
-      throw new Error(withUsage$F('The `container` option is required.'));
+      throw new Error(withUsage$G('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$b(), userCssClasses.root),
-      select: cx(suit$b({
+      root: cx(suit$c(), userCssClasses.root),
+      select: cx(suit$c({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: cx(suit$b({
+      option: cx(suit$c({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -21546,10 +22583,10 @@
     }
   };
 
-  var withUsage$G = createDocumentationMessageGenerator({
+  var withUsage$H = createDocumentationMessageGenerator({
     name: 'infinite-hits'
   });
-  var suit$c = component('InfiniteHits');
+  var suit$d = component('InfiniteHits');
   var renderer$8 = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -21605,41 +22642,41 @@
       showPrevious = _ref3.showPrevious,
       cache = _ref3.cache;
     if (!container) {
-      throw new Error(withUsage$G('The `container` option is required.'));
+      throw new Error(withUsage$H('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$c(), userCssClasses.root),
-      emptyRoot: cx(suit$c({
+      root: cx(suit$d(), userCssClasses.root),
+      emptyRoot: cx(suit$d({
         modifierName: 'empty'
       }), userCssClasses.emptyRoot),
-      item: cx(suit$c({
+      item: cx(suit$d({
         descendantName: 'item'
       }), userCssClasses.item),
-      list: cx(suit$c({
+      list: cx(suit$d({
         descendantName: 'list'
       }), userCssClasses.list),
-      loadPrevious: cx(suit$c({
+      loadPrevious: cx(suit$d({
         descendantName: 'loadPrevious'
       }), userCssClasses.loadPrevious),
-      disabledLoadPrevious: cx(suit$c({
+      disabledLoadPrevious: cx(suit$d({
         descendantName: 'loadPrevious',
         modifierName: 'disabled'
       }), userCssClasses.disabledLoadPrevious),
-      loadMore: cx(suit$c({
+      loadMore: cx(suit$d({
         descendantName: 'loadMore'
       }), userCssClasses.loadMore),
-      disabledLoadMore: cx(suit$c({
+      disabledLoadMore: cx(suit$d({
         descendantName: 'loadMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledLoadMore),
-      bannerRoot: cx(suit$c({
+      bannerRoot: cx(suit$d({
         descendantName: 'banner'
       }), userCssClasses.bannerRoot),
-      bannerImage: cx(suit$c({
+      bannerImage: cx(suit$d({
         descendantName: 'banner-image'
       }), userCssClasses.bannerImage),
-      bannerLink: cx(suit$c({
+      bannerLink: cx(suit$d({
         descendantName: 'banner-link'
       }), userCssClasses.bannerLink)
     };
@@ -21684,10 +22721,10 @@
     }
   };
 
-  var withUsage$H = createDocumentationMessageGenerator({
+  var withUsage$I = createDocumentationMessageGenerator({
     name: 'menu'
   });
-  var suit$d = component('Menu');
+  var suit$e = component('Menu');
   var renderer$9 = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -21742,37 +22779,37 @@
       templates = _ref3$templates === void 0 ? {} : _ref3$templates,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$H('The `container` option is required.'));
+      throw new Error(withUsage$I('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$d(), userCssClasses.root),
-      noRefinementRoot: cx(suit$d({
+      root: cx(suit$e(), userCssClasses.root),
+      noRefinementRoot: cx(suit$e({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$d({
+      list: cx(suit$e({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$d({
+      item: cx(suit$e({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$d({
+      selectedItem: cx(suit$e({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      link: cx(suit$d({
+      link: cx(suit$e({
         descendantName: 'link'
       }), userCssClasses.link),
-      label: cx(suit$d({
+      label: cx(suit$e({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: cx(suit$d({
+      count: cx(suit$e({
         descendantName: 'count'
       }), userCssClasses.count),
-      showMore: cx(suit$d({
+      showMore: cx(suit$e({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: cx(suit$d({
+      disabledShowMore: cx(suit$e({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore)
@@ -21850,10 +22887,10 @@
     }
   };
 
-  var withUsage$I = createDocumentationMessageGenerator({
+  var withUsage$J = createDocumentationMessageGenerator({
     name: 'menu-select'
   });
-  var suit$e = component('MenuSelect');
+  var suit$f = component('MenuSelect');
   var renderer$a = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -21893,18 +22930,18 @@
       templates = _ref3$templates === void 0 ? {} : _ref3$templates,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$I('The `container` option is required.'));
+      throw new Error(withUsage$J('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$e(), userCssClasses.root),
-      noRefinementRoot: cx(suit$e({
+      root: cx(suit$f(), userCssClasses.root),
+      noRefinementRoot: cx(suit$f({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      select: cx(suit$e({
+      select: cx(suit$f({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: cx(suit$e({
+      option: cx(suit$f({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -21946,10 +22983,10 @@
     }
   };
 
-  var withUsage$J = createDocumentationMessageGenerator({
+  var withUsage$K = createDocumentationMessageGenerator({
     name: 'numeric-menu'
   });
-  var suit$f = component('NumericMenu');
+  var suit$g = component('NumericMenu');
   var renderer$b = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       attribute = _ref.attribute,
@@ -21990,31 +23027,31 @@
       templates = _ref3$templates === void 0 ? {} : _ref3$templates,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$J('The `container` option is required.'));
+      throw new Error(withUsage$K('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$f(), userCssClasses.root),
-      noRefinementRoot: cx(suit$f({
+      root: cx(suit$g(), userCssClasses.root),
+      noRefinementRoot: cx(suit$g({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$f({
+      list: cx(suit$g({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$f({
+      item: cx(suit$g({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$f({
+      selectedItem: cx(suit$g({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      label: cx(suit$f({
+      label: cx(suit$g({
         descendantName: 'label'
       }), userCssClasses.label),
-      radio: cx(suit$f({
+      radio: cx(suit$g({
         descendantName: 'radio'
       }), userCssClasses.radio),
-      labelText: cx(suit$f({
+      labelText: cx(suit$g({
         descendantName: 'labelText'
       }), userCssClasses.labelText)
     };
@@ -22150,8 +23187,8 @@
     }));
   }
 
-  var suit$g = component('Pagination');
-  var withUsage$K = createDocumentationMessageGenerator({
+  var suit$h = component('Pagination');
+  var withUsage$L = createDocumentationMessageGenerator({
     name: 'pagination'
   });
   var defaultTemplates$a = {
@@ -22233,51 +23270,51 @@
       _ref4$scrollTo = _ref4.scrollTo,
       userScrollTo = _ref4$scrollTo === void 0 ? 'body' : _ref4$scrollTo;
     if (!container) {
-      throw new Error(withUsage$K('The `container` option is required.'));
+      throw new Error(withUsage$L('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var scrollTo = userScrollTo === true ? 'body' : userScrollTo;
     var scrollToNode = scrollTo !== false ? getContainerNode(scrollTo) : false;
     var cssClasses = {
-      root: cx(suit$g(), userCssClasses.root),
-      noRefinementRoot: cx(suit$g({
+      root: cx(suit$h(), userCssClasses.root),
+      noRefinementRoot: cx(suit$h({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$g({
+      list: cx(suit$h({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$g({
+      item: cx(suit$h({
         descendantName: 'item'
       }), userCssClasses.item),
-      firstPageItem: cx(suit$g({
+      firstPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'firstPage'
       }), userCssClasses.firstPageItem),
-      lastPageItem: cx(suit$g({
+      lastPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'lastPage'
       }), userCssClasses.lastPageItem),
-      previousPageItem: cx(suit$g({
+      previousPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'previousPage'
       }), userCssClasses.previousPageItem),
-      nextPageItem: cx(suit$g({
+      nextPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'nextPage'
       }), userCssClasses.nextPageItem),
-      pageItem: cx(suit$g({
+      pageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'page'
       }), userCssClasses.pageItem),
-      selectedItem: cx(suit$g({
+      selectedItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      disabledItem: cx(suit$g({
+      disabledItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'disabled'
       }), userCssClasses.disabledItem),
-      link: cx(suit$g({
+      link: cx(suit$h({
         descendantName: 'link'
       }), userCssClasses.link)
     };
@@ -22366,10 +23403,10 @@
     }));
   }
 
-  var withUsage$L = createDocumentationMessageGenerator({
+  var withUsage$M = createDocumentationMessageGenerator({
     name: 'panel'
   });
-  var suit$h = component('Panel');
+  var suit$i = component('Panel');
   var renderer$d = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       bodyContainerNode = _ref.bodyContainerNode,
@@ -22414,36 +23451,36 @@
       return false;
     };
     var cssClasses = {
-      root: cx(suit$h(), userCssClasses.root),
-      noRefinementRoot: cx(suit$h({
+      root: cx(suit$i(), userCssClasses.root),
+      noRefinementRoot: cx(suit$i({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      collapsibleRoot: cx(suit$h({
+      collapsibleRoot: cx(suit$i({
         modifierName: 'collapsible'
       }), userCssClasses.collapsibleRoot),
-      collapsedRoot: cx(suit$h({
+      collapsedRoot: cx(suit$i({
         modifierName: 'collapsed'
       }), userCssClasses.collapsedRoot),
-      collapseButton: cx(suit$h({
+      collapseButton: cx(suit$i({
         descendantName: 'collapseButton'
       }), userCssClasses.collapseButton),
-      collapseIcon: cx(suit$h({
+      collapseIcon: cx(suit$i({
         descendantName: 'collapseIcon'
       }), userCssClasses.collapseIcon),
-      body: cx(suit$h({
+      body: cx(suit$i({
         descendantName: 'body'
       }), userCssClasses.body),
-      header: cx(suit$h({
+      header: cx(suit$i({
         descendantName: 'header'
       }), userCssClasses.header),
-      footer: cx(suit$h({
+      footer: cx(suit$i({
         descendantName: 'footer'
       }), userCssClasses.footer)
     };
     return function (widgetFactory) {
       return function (widgetParams) {
         if (!(widgetParams && widgetParams.container)) {
-          throw new Error(withUsage$L("The `container` option is required in the widget within the panel."));
+          throw new Error(withUsage$M("The `container` option is required in the widget within the panel."));
         }
         var containerNode = getContainerNode(widgetParams.container);
         var defaultTemplates = {
@@ -22517,7 +23554,7 @@
     };
   };
 
-  var _excluded$s = ["placesReference", "defaultPosition"],
+  var _excluded$w = ["placesReference", "defaultPosition"],
     _excluded2$6 = ["places"];
 
   /* Places.js is an optional dependency, no error should be reported if the package is missing */
@@ -22535,7 +23572,7 @@
       placesReference = _ref.placesReference,
       _ref$defaultPosition = _ref.defaultPosition,
       defaultPosition = _ref$defaultPosition === void 0 ? [] : _ref$defaultPosition,
-      placesOptions = _objectWithoutProperties(_ref, _excluded$s);
+      placesOptions = _objectWithoutProperties(_ref, _excluded$w);
     if (typeof placesReference !== 'function') {
       throw new Error('The `placesReference` option requires a valid Places.js reference.');
     }
@@ -22647,8 +23684,8 @@
     }))));
   };
 
-  var suit$i = component('PoweredBy');
-  var withUsage$M = createDocumentationMessageGenerator({
+  var suit$j = component('PoweredBy');
+  var withUsage$N = createDocumentationMessageGenerator({
     name: 'powered-by'
   });
   var renderer$e = function renderer(_ref) {
@@ -22677,17 +23714,17 @@
       _ref3$theme = _ref3.theme,
       theme = _ref3$theme === void 0 ? 'light' : _ref3$theme;
     if (!container) {
-      throw new Error(withUsage$M('The `container` option is required.'));
+      throw new Error(withUsage$N('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$i(), suit$i({
+      root: cx(suit$j(), suit$j({
         modifierName: theme === 'dark' ? 'dark' : 'light'
       }), userCssClasses.root),
-      link: cx(suit$i({
+      link: cx(suit$j({
         descendantName: 'link'
       }), userCssClasses.link),
-      logo: cx(suit$i({
+      logo: cx(suit$j({
         descendantName: 'logo'
       }), userCssClasses.logo)
     };
@@ -22705,13 +23742,13 @@
     });
   };
 
-  var withUsage$N = createDocumentationMessageGenerator({
+  var withUsage$O = createDocumentationMessageGenerator({
     name: 'query-rule-context'
   });
   var queryRuleContext = function queryRuleContext() {
     var widgetParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (!widgetParams.trackedFilters) {
-      throw new Error(withUsage$N('The `trackedFilters` option is required.'));
+      throw new Error(withUsage$O('The `trackedFilters` option is required.'));
     }
     return _objectSpread2(_objectSpread2({}, connectQueryRules(noop)(widgetParams)), {}, {
       $$widgetType: 'ais.queryRuleContext'
@@ -22740,10 +23777,10 @@
       return JSON.stringify(items, null, 2);
     }
   };
-  var withUsage$O = createDocumentationMessageGenerator({
+  var withUsage$P = createDocumentationMessageGenerator({
     name: 'query-rule-custom-data'
   });
-  var suit$j = component('QueryRuleCustomData');
+  var suit$k = component('QueryRuleCustomData');
   var renderer$f = function renderer(_ref2) {
     var containerNode = _ref2.containerNode,
       cssClasses = _ref2.cssClasses,
@@ -22769,10 +23806,10 @@
         return items;
       } : _ref4$transformItems;
     if (!container) {
-      throw new Error(withUsage$O('The `container` option is required.'));
+      throw new Error(withUsage$P('The `container` option is required.'));
     }
     var cssClasses = {
-      root: cx(suit$j(), userCssClasses.root)
+      root: cx(suit$k(), userCssClasses.root)
     };
     var containerNode = getContainerNode(container);
     var templates = _objectSpread2(_objectSpread2({}, defaultTemplates$b), userTemplates);
@@ -22792,15 +23829,15 @@
     });
   };
 
-  var _excluded$t = ["item", "sendEvent"];
-  var withUsage$P = createDocumentationMessageGenerator({
+  var _excluded$x = ["item", "sendEvent"];
+  var withUsage$Q = createDocumentationMessageGenerator({
     name: 'related-products'
   });
   var RelatedProducts = createRelatedProductsComponent({
     createElement: h,
     Fragment: p
   });
-  function createRenderer(_ref) {
+  function createRenderer$1(_ref) {
     var renderState = _ref.renderState,
       cssClasses = _ref.cssClasses,
       containerNode = _ref.containerNode,
@@ -22831,7 +23868,7 @@
       var itemComponent = templates.item ? function (_ref3) {
         var item = _ref3.item,
           _sendEvent = _ref3.sendEvent,
-          rootProps = _objectWithoutProperties(_ref3, _excluded$t);
+          rootProps = _objectWithoutProperties(_ref3, _excluded$x);
         return h(Template, _extends({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
@@ -22900,10 +23937,10 @@
       _ref5$cssClasses = _ref5.cssClasses,
       cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
     if (!container) {
-      throw new Error(withUsage$P('The `container` option is required.'));
+      throw new Error(withUsage$Q('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
-    var specializedRenderer = createRenderer({
+    var specializedRenderer = createRenderer$1({
       containerNode: containerNode,
       cssClasses: cssClasses,
       renderState: {},
@@ -23035,10 +24072,10 @@
     return RangeInput;
   }(d);
 
-  var withUsage$Q = createDocumentationMessageGenerator({
+  var withUsage$R = createDocumentationMessageGenerator({
     name: 'range-input'
   });
-  var suit$k = component('RangeInput');
+  var suit$l = component('RangeInput');
   var defaultTemplates$c = {
     separatorText: function separatorText() {
       return 'to';
@@ -23100,35 +24137,35 @@
       _ref3$templates = _ref3.templates,
       templates = _ref3$templates === void 0 ? {} : _ref3$templates;
     if (!container) {
-      throw new Error(withUsage$Q('The `container` option is required.'));
+      throw new Error(withUsage$R('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$k(), userCssClasses.root),
-      noRefinement: cx(suit$k({
+      root: cx(suit$l(), userCssClasses.root),
+      noRefinement: cx(suit$l({
         modifierName: 'noRefinement'
       })),
-      form: cx(suit$k({
+      form: cx(suit$l({
         descendantName: 'form'
       }), userCssClasses.form),
-      label: cx(suit$k({
+      label: cx(suit$l({
         descendantName: 'label'
       }), userCssClasses.label),
-      input: cx(suit$k({
+      input: cx(suit$l({
         descendantName: 'input'
       }), userCssClasses.input),
-      inputMin: cx(suit$k({
+      inputMin: cx(suit$l({
         descendantName: 'input',
         modifierName: 'min'
       }), userCssClasses.inputMin),
-      inputMax: cx(suit$k({
+      inputMax: cx(suit$l({
         descendantName: 'input',
         modifierName: 'max'
       }), userCssClasses.inputMax),
-      separator: cx(suit$k({
+      separator: cx(suit$l({
         descendantName: 'separator'
       }), userCssClasses.separator),
-      submit: cx(suit$k({
+      submit: cx(suit$l({
         descendantName: 'submit'
       }), userCssClasses.submit)
     };
@@ -23823,10 +24860,10 @@
     return Slider;
   }(d);
 
-  var withUsage$R = createDocumentationMessageGenerator({
+  var withUsage$S = createDocumentationMessageGenerator({
     name: 'range-slider'
   });
-  var suit$l = component('RangeSlider');
+  var suit$m = component('RangeSlider');
   var renderer$h = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -23892,12 +24929,12 @@
       _ref3$tooltips = _ref3.tooltips,
       tooltips = _ref3$tooltips === void 0 ? true : _ref3$tooltips;
     if (!container) {
-      throw new Error(withUsage$R('The `container` option is required.'));
+      throw new Error(withUsage$S('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$l(), userCssClasses.root),
-      disabledRoot: cx(suit$l({
+      root: cx(suit$m(), userCssClasses.root),
+      disabledRoot: cx(suit$m({
         modifierName: 'disabled'
       }), userCssClasses.disabledRoot)
     };
@@ -23972,10 +25009,10 @@
     }
   };
 
-  var withUsage$S = createDocumentationMessageGenerator({
+  var withUsage$T = createDocumentationMessageGenerator({
     name: 'rating-menu'
   });
-  var suit$m = component('RatingMenu');
+  var suit$n = component('RatingMenu');
   var _ref3 = h("path", {
     d: "M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z"
   });
@@ -24009,12 +25046,12 @@
       }, h("svg", {
         style: "display:none;"
       }, h("symbol", {
-        id: suit$m({
+        id: suit$n({
           descendantName: 'starSymbol'
         }),
         viewBox: "0 0 24 24"
       }, _ref3), h("symbol", {
-        id: suit$m({
+        id: suit$n({
           descendantName: 'starEmptySymbol'
         }),
         viewBox: "0 0 24 24"
@@ -24060,46 +25097,46 @@
       _ref5$templates = _ref5.templates,
       templates = _ref5$templates === void 0 ? {} : _ref5$templates;
     if (!container) {
-      throw new Error(withUsage$S('The `container` option is required.'));
+      throw new Error(withUsage$T('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$m(), userCssClasses.root),
-      noRefinementRoot: cx(suit$m({
+      root: cx(suit$n(), userCssClasses.root),
+      noRefinementRoot: cx(suit$n({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$m({
+      list: cx(suit$n({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$m({
+      item: cx(suit$n({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$m({
+      selectedItem: cx(suit$n({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      disabledItem: cx(suit$m({
+      disabledItem: cx(suit$n({
         descendantName: 'item',
         modifierName: 'disabled'
       }), userCssClasses.disabledItem),
-      link: cx(suit$m({
+      link: cx(suit$n({
         descendantName: 'link'
       }), userCssClasses.link),
-      starIcon: cx(suit$m({
+      starIcon: cx(suit$n({
         descendantName: 'starIcon'
       }), userCssClasses.starIcon),
-      fullStarIcon: cx(suit$m({
+      fullStarIcon: cx(suit$n({
         descendantName: 'starIcon',
         modifierName: 'full'
       }), userCssClasses.fullStarIcon),
-      emptyStarIcon: cx(suit$m({
+      emptyStarIcon: cx(suit$n({
         descendantName: 'starIcon',
         modifierName: 'empty'
       }), userCssClasses.emptyStarIcon),
-      label: cx(suit$m({
+      label: cx(suit$n({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: cx(suit$m({
+      count: cx(suit$n({
         descendantName: 'count'
       }), userCssClasses.count)
     };
@@ -24220,10 +25257,10 @@
     }
   };
 
-  var withUsage$T = createDocumentationMessageGenerator({
+  var withUsage$U = createDocumentationMessageGenerator({
     name: 'refinement-list'
   });
-  var suit$n = component('RefinementList');
+  var suit$o = component('RefinementList');
   var searchBoxSuit = component('SearchBox');
   var renderer$j = function renderer(_ref) {
     var containerNode = _ref.containerNode,
@@ -24324,47 +25361,47 @@
       templates = _ref3$templates === void 0 ? {} : _ref3$templates,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$T('The `container` option is required.'));
+      throw new Error(withUsage$U('The `container` option is required.'));
     }
     var escapeFacetValues = searchable ? Boolean(searchableEscapeFacetValues) : false;
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$n(), userCssClasses.root),
-      noRefinementRoot: cx(suit$n({
+      root: cx(suit$o(), userCssClasses.root),
+      noRefinementRoot: cx(suit$o({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: cx(suit$n({
+      list: cx(suit$o({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: cx(suit$n({
+      item: cx(suit$o({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: cx(suit$n({
+      selectedItem: cx(suit$o({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      searchBox: cx(suit$n({
+      searchBox: cx(suit$o({
         descendantName: 'searchBox'
       }), userCssClasses.searchBox),
-      label: cx(suit$n({
+      label: cx(suit$o({
         descendantName: 'label'
       }), userCssClasses.label),
-      checkbox: cx(suit$n({
+      checkbox: cx(suit$o({
         descendantName: 'checkbox'
       }), userCssClasses.checkbox),
-      labelText: cx(suit$n({
+      labelText: cx(suit$o({
         descendantName: 'labelText'
       }), userCssClasses.labelText),
-      count: cx(suit$n({
+      count: cx(suit$o({
         descendantName: 'count'
       }), userCssClasses.count),
-      noResults: cx(suit$n({
+      noResults: cx(suit$o({
         descendantName: 'noResults'
       }), userCssClasses.noResults),
-      showMore: cx(suit$n({
+      showMore: cx(suit$o({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: cx(suit$n({
+      disabledShowMore: cx(suit$o({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore),
@@ -24476,10 +25513,10 @@
     }
   };
 
-  var withUsage$U = createDocumentationMessageGenerator({
+  var withUsage$V = createDocumentationMessageGenerator({
     name: 'relevant-sort'
   });
-  var suit$o = component('RelevantSort');
+  var suit$p = component('RelevantSort');
   var renderer$k = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -24504,15 +25541,15 @@
       _widgetParams$cssClas = widgetParams.cssClasses,
       userCssClasses = _widgetParams$cssClas === void 0 ? {} : _widgetParams$cssClas;
     if (!container) {
-      throw new Error(withUsage$U('The `container` option is required.'));
+      throw new Error(withUsage$V('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$o(), userCssClasses.root),
-      text: cx(suit$o({
+      root: cx(suit$p(), userCssClasses.root),
+      text: cx(suit$p({
         descendantName: 'text'
       }), userCssClasses.text),
-      button: cx(suit$o({
+      button: cx(suit$p({
         descendantName: 'button'
       }), userCssClasses.button)
     };
@@ -24531,10 +25568,10 @@
     });
   };
 
-  var withUsage$V = createDocumentationMessageGenerator({
+  var withUsage$W = createDocumentationMessageGenerator({
     name: 'search-box'
   });
-  var suit$p = component('SearchBox');
+  var suit$q = component('SearchBox');
   var renderer$l = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -24599,33 +25636,33 @@
       _ref3$templates = _ref3.templates,
       userTemplates = _ref3$templates === void 0 ? {} : _ref3$templates;
     if (!container) {
-      throw new Error(withUsage$V('The `container` option is required.'));
+      throw new Error(withUsage$W('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$p(), userCssClasses.root),
-      form: cx(suit$p({
+      root: cx(suit$q(), userCssClasses.root),
+      form: cx(suit$q({
         descendantName: 'form'
       }), userCssClasses.form),
-      input: cx(suit$p({
+      input: cx(suit$q({
         descendantName: 'input'
       }), userCssClasses.input),
-      submit: cx(suit$p({
+      submit: cx(suit$q({
         descendantName: 'submit'
       }), userCssClasses.submit),
-      submitIcon: cx(suit$p({
+      submitIcon: cx(suit$q({
         descendantName: 'submitIcon'
       }), userCssClasses.submitIcon),
-      reset: cx(suit$p({
+      reset: cx(suit$q({
         descendantName: 'reset'
       }), userCssClasses.reset),
-      resetIcon: cx(suit$p({
+      resetIcon: cx(suit$q({
         descendantName: 'resetIcon'
       }), userCssClasses.resetIcon),
-      loadingIndicator: cx(suit$p({
+      loadingIndicator: cx(suit$q({
         descendantName: 'loadingIndicator'
       }), userCssClasses.loadingIndicator),
-      loadingIcon: cx(suit$p({
+      loadingIcon: cx(suit$q({
         descendantName: 'loadingIcon'
       }), userCssClasses.loadingIcon)
     };
@@ -24652,10 +25689,10 @@
     });
   };
 
-  var withUsage$W = createDocumentationMessageGenerator({
+  var withUsage$X = createDocumentationMessageGenerator({
     name: 'sort-by'
   });
-  var suit$q = component('SortBy');
+  var suit$r = component('SortBy');
   var renderer$m = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses;
@@ -24690,15 +25727,15 @@
       userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses,
       transformItems = _ref3.transformItems;
     if (!container) {
-      throw new Error(withUsage$W('The `container` option is required.'));
+      throw new Error(withUsage$X('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$q(), userCssClasses.root),
-      select: cx(suit$q({
+      root: cx(suit$r(), userCssClasses.root),
+      select: cx(suit$r({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: cx(suit$q({
+      option: cx(suit$r({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -24718,13 +25755,13 @@
     });
   };
 
-  var _excluded$u = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
+  var _excluded$y = ["nbHits", "nbSortedHits", "cssClasses", "templateProps"];
   var Stats = function Stats(_ref) {
     var nbHits = _ref.nbHits,
       nbSortedHits = _ref.nbSortedHits,
       cssClasses = _ref.cssClasses,
       templateProps = _ref.templateProps,
-      rest = _objectWithoutProperties(_ref, _excluded$u);
+      rest = _objectWithoutProperties(_ref, _excluded$y);
     return h("div", {
       className: cx(cssClasses.root)
     }, h(Template, _extends({}, templateProps, {
@@ -24747,10 +25784,10 @@
     })));
   };
 
-  var withUsage$X = createDocumentationMessageGenerator({
+  var withUsage$Y = createDocumentationMessageGenerator({
     name: 'stats'
   });
-  var suit$r = component('Stats');
+  var suit$s = component('Stats');
   var defaultTemplates$g = {
     text: function text(props) {
       return "".concat(props.areHitsSorted ? getSortedResultsSentence(props) : getResultsSentence(props), " found in ").concat(props.processingTimeMS, "ms");
@@ -24842,12 +25879,12 @@
       _ref5$templates = _ref5.templates,
       templates = _ref5$templates === void 0 ? {} : _ref5$templates;
     if (!container) {
-      throw new Error(withUsage$X('The `container` option is required.'));
+      throw new Error(withUsage$Y('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$r(), userCssClasses.root),
-      text: cx(suit$r({
+      root: cx(suit$s(), userCssClasses.root),
+      text: cx(suit$s({
         descendantName: 'text'
       }), userCssClasses.text)
     };
@@ -24900,10 +25937,10 @@
     }
   };
 
-  var withUsage$Y = createDocumentationMessageGenerator({
+  var withUsage$Z = createDocumentationMessageGenerator({
     name: 'toggle-refinement'
   });
-  var suit$s = component('ToggleRefinement');
+  var suit$t = component('ToggleRefinement');
   var renderer$o = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -24953,18 +25990,18 @@
       on = _ref3$on === void 0 ? true : _ref3$on,
       off = _ref3.off;
     if (!container) {
-      throw new Error(withUsage$Y('The `container` option is required.'));
+      throw new Error(withUsage$Z('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$s(), userCssClasses.root),
-      label: cx(suit$s({
+      root: cx(suit$t(), userCssClasses.root),
+      label: cx(suit$t({
         descendantName: 'label'
       }), userCssClasses.label),
-      checkbox: cx(suit$s({
+      checkbox: cx(suit$t({
         descendantName: 'checkbox'
       }), userCssClasses.checkbox),
-      labelText: cx(suit$s({
+      labelText: cx(suit$t({
         descendantName: 'labelText'
       }), userCssClasses.labelText)
     };
@@ -24986,15 +26023,15 @@
     });
   };
 
-  var _excluded$v = ["item", "sendEvent"];
-  var withUsage$Z = createDocumentationMessageGenerator({
+  var _excluded$z = ["item", "sendEvent"];
+  var withUsage$_ = createDocumentationMessageGenerator({
     name: 'trending-items'
   });
   var TrendingItems = createTrendingItemsComponent({
     createElement: h,
     Fragment: p
   });
-  function createRenderer$1(_ref) {
+  function createRenderer$2(_ref) {
     var renderState = _ref.renderState,
       cssClasses = _ref.cssClasses,
       containerNode = _ref.containerNode,
@@ -25025,7 +26062,7 @@
       var itemComponent = templates.item ? function (_ref3) {
         var item = _ref3.item,
           _sendEvent = _ref3.sendEvent,
-          rootProps = _objectWithoutProperties(_ref3, _excluded$v);
+          rootProps = _objectWithoutProperties(_ref3, _excluded$z);
         return h(Template, _extends({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
@@ -25095,10 +26132,10 @@
       _ref5$cssClasses = _ref5.cssClasses,
       cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
     if (!container) {
-      throw new Error(withUsage$Z('The `container` option is required.'));
+      throw new Error(withUsage$_('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
-    var specializedRenderer = createRenderer$1({
+    var specializedRenderer = createRenderer$2({
       containerNode: containerNode,
       cssClasses: cssClasses,
       renderState: {},
@@ -25257,10 +26294,10 @@
     }
   };
 
-  var withUsage$_ = createDocumentationMessageGenerator({
+  var withUsage$$ = createDocumentationMessageGenerator({
     name: 'voice-search'
   });
-  var suit$t = component('VoiceSearch');
+  var suit$u = component('VoiceSearch');
   var renderer$p = function renderer(_ref) {
     var containerNode = _ref.containerNode,
       cssClasses = _ref.cssClasses,
@@ -25293,15 +26330,15 @@
       additionalQueryParameters = _ref3.additionalQueryParameters,
       createVoiceSearchHelper = _ref3.createVoiceSearchHelper;
     if (!container) {
-      throw new Error(withUsage$_('The `container` option is required.'));
+      throw new Error(withUsage$$('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: cx(suit$t(), userCssClasses.root),
-      button: cx(suit$t({
+      root: cx(suit$u(), userCssClasses.root),
+      button: cx(suit$u({
         descendantName: 'button'
       }), userCssClasses.button),
-      status: cx(suit$t({
+      status: cx(suit$u({
         descendantName: 'status'
       }), userCssClasses.status)
     };
@@ -25327,8 +26364,8 @@
     });
   };
 
-  var _excluded$w = ["item", "sendEvent"];
-  var withUsage$$ = createDocumentationMessageGenerator({
+  var _excluded$A = ["item", "sendEvent"];
+  var withUsage$10 = createDocumentationMessageGenerator({
     name: 'frequently-bought-together'
   });
   var FrequentlyBoughtTogether = createFrequentlyBoughtTogetherComponent({
@@ -25366,7 +26403,7 @@
       var itemComponent = templates.item ? function (_ref3) {
         var item = _ref3.item,
           _sendEvent = _ref3.sendEvent,
-          rootProps = _objectWithoutProperties(_ref3, _excluded$w);
+          rootProps = _objectWithoutProperties(_ref3, _excluded$A);
         return h(Template, _extends({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
@@ -25426,6 +26463,7 @@
       objectIDs = _ref5.objectIDs,
       limit = _ref5.limit,
       queryParameters = _ref5.queryParameters,
+      fallbackParameters = _ref5.fallbackParameters,
       threshold = _ref5.threshold,
       escapeHTML = _ref5.escapeHTML,
       transformItems = _ref5.transformItems,
@@ -25434,7 +26472,7 @@
       _ref5$cssClasses = _ref5.cssClasses,
       cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
     if (!container) {
-      throw new Error(withUsage$$('The `container` option is required.'));
+      throw new Error(withUsage$10('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
     var specializedRenderer = renderer$q({
@@ -25450,6 +26488,7 @@
       objectIDs: objectIDs,
       limit: limit,
       queryParameters: queryParameters,
+      fallbackParameters: fallbackParameters,
       threshold: threshold,
       escapeHTML: escapeHTML,
       transformItems: transformItems
@@ -25458,15 +26497,15 @@
     });
   });
 
-  var _excluded$x = ["item", "sendEvent"];
-  var withUsage$10 = createDocumentationMessageGenerator({
+  var _excluded$B = ["item", "sendEvent"];
+  var withUsage$11 = createDocumentationMessageGenerator({
     name: 'looking-similar'
   });
   var LookingSimilar = createLookingSimilarComponent({
     createElement: h,
     Fragment: p
   });
-  function createRenderer$2(_ref) {
+  function createRenderer$3(_ref) {
     var renderState = _ref.renderState,
       cssClasses = _ref.cssClasses,
       containerNode = _ref.containerNode,
@@ -25497,7 +26536,7 @@
       var itemComponent = templates.item ? function (_ref3) {
         var item = _ref3.item,
           _sendEvent = _ref3.sendEvent,
-          rootProps = _objectWithoutProperties(_ref3, _excluded$x);
+          rootProps = _objectWithoutProperties(_ref3, _excluded$B);
         return h(Template, _extends({}, renderState.templateProps, {
           templateKey: "item",
           rootTagName: "fragment",
@@ -25566,10 +26605,10 @@
       _ref5$cssClasses = _ref5.cssClasses,
       cssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses;
     if (!container) {
-      throw new Error(withUsage$10('The `container` option is required.'));
+      throw new Error(withUsage$11('The `container` option is required.'));
     }
     var containerNode = getContainerNode(container);
-    var specializedRenderer = createRenderer$2({
+    var specializedRenderer = createRenderer$3({
       containerNode: containerNode,
       cssClasses: cssClasses,
       renderState: {},
@@ -25611,6 +26650,7 @@
     dynamicWidgets: dynamicWidgets,
     chat: chat,
     analytics: analytics,
+    EXPERIMENTAL_autocomplete: EXPERIMENTAL_autocomplete,
     breadcrumb: breadcrumb,
     clearRefinements: clearRefinements$1,
     configure: configure,