instantsearch.js 4.45.1 → 4.46.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.45.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
+/*! InstantSearch.js 4.46.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -6707,6 +6707,534 @@
   compiler.template = compiler.Template;
   var hogan = compiler;
 
+  var n,l,u,t,o,r,f={},e=[],c=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a(n){var l=n.parentNode;l&&l.removeChild(n);}function h(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v(l,f,t,o,null)}function v(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function y(){return {current:null}}function p(n){return n.children}function d(n,l){this.props=n,this.context=l;}function _(n,l){if(null==l)return n.__?_(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?_(n):null}function k(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k(n)}}function b(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||setTimeout)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s({},t)).__v=t.__v+1,j(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_(t):o,t.__h),z(u,t),t.__e!=o&&k(t)));});}function w(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v(null,k,null,null,k):Array.isArray(k)?v(p,{children:k},null,null,null):k.__b>0?v(k.type,k.props,k.key,null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j(n,k,d=d||f,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m(k,s,n):s=A(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=_(i,h+1)),N(x[h],x[h]));if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h]);}function m(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m(i,l,u):A(u,i,i,t,i.__e,l));return l}function A(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else{for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c.test(l)?u:u+"px";}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l.__b)&&a(u);try{n:if("function"==typeof H){if(g=u.props,m=(a=H.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in H&&H.prototype.render?u.__c=h=new H(g,x):(u.__c=h=new d(g,x),h.constructor=H,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=H.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s({},h.__s)),s(h.__s,H.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==H.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==H.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,A=l.__r,C=0,"prototype"in H&&H.prototype.render)h.state=h.__s,h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context);else do{h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++C<25);h.state=h.__s,null!=h.getChildContext&&(t=s(s({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),$=null!=a&&a.type===p&&null==a.key?a.props.children:a,w(n,Array.isArray($)?$:[$],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l.diffed)&&a(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(r=r&&n.call(l.childNodes),h=(y=i.props||f).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||a(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j(i,u=(!o&&t||i).__k=h(p,null,[u]),r||f,f,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z(e,u);}n=e.slice,l={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u=0,d.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof n&&(n=n(s({},u),this.props)),n&&s(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),b(this));},d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b(this));},d.prototype.render=p,t=[],g.__r=0,r=0;
+
+  function cx() {
+    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+      classNames[_key] = arguments[_key];
+    }
+
+    return classNames.filter(Boolean).join(' ') || undefined;
+  }
+
+  var _extends_1 = createCommonjsModule(function (module) {
+  function _extends() {
+    module.exports = _extends = Object.assign || 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);
+  }
+
+  module.exports = _extends;
+  });
+
+  function _objectWithoutPropertiesLoose$2(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;
+  }
+
+  var objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose$2;
+
+  function _objectWithoutProperties$1(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;
+  }
+
+  var objectWithoutProperties = _objectWithoutProperties$1;
+
+  var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+
+  function createHighlightPartComponent(_ref) {
+    var createElement = _ref.createElement;
+    return function HighlightPart(_ref2) {
+      var classNames = _ref2.classNames,
+          children = _ref2.children,
+          highlightedTagName = _ref2.highlightedTagName,
+          isHighlighted = _ref2.isHighlighted,
+          nonHighlightedTagName = _ref2.nonHighlightedTagName;
+      var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
+      return createElement(TagName, {
+        className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
+      }, children);
+    };
+  }
+
+  function createHighlightComponent(_ref3) {
+    var createElement = _ref3.createElement,
+        Fragment = _ref3.Fragment;
+    var HighlightPart = createHighlightPartComponent({
+      createElement: createElement,
+      Fragment: Fragment
+    });
+    return function Highlight(_ref4) {
+      var parts = _ref4.parts,
+          _ref4$highlightedTagN = _ref4.highlightedTagName,
+          highlightedTagName = _ref4$highlightedTagN === void 0 ? 'mark' : _ref4$highlightedTagN,
+          _ref4$nonHighlightedT = _ref4.nonHighlightedTagName,
+          nonHighlightedTagName = _ref4$nonHighlightedT === void 0 ? 'span' : _ref4$nonHighlightedT,
+          _ref4$separator = _ref4.separator,
+          separator = _ref4$separator === void 0 ? ', ' : _ref4$separator,
+          className = _ref4.className,
+          _ref4$classNames = _ref4.classNames,
+          classNames = _ref4$classNames === void 0 ? {} : _ref4$classNames,
+          props = objectWithoutProperties(_ref4, _excluded);
+
+      return createElement("span", _extends_1({}, props, {
+        className: cx(classNames.root, className)
+      }), parts.map(function (part, partIndex) {
+        var isLastPart = partIndex === parts.length - 1;
+        return createElement(Fragment, {
+          key: partIndex
+        }, part.map(function (subPart, subPartIndex) {
+          return createElement(HighlightPart, {
+            key: subPartIndex,
+            classNames: classNames,
+            highlightedTagName: highlightedTagName,
+            nonHighlightedTagName: nonHighlightedTagName,
+            isHighlighted: subPart.isHighlighted
+          }, subPart.value);
+        }), !isLastPart && createElement("span", {
+          className: classNames.separator
+        }, separator));
+      }));
+    };
+  }
+
+  var InternalHighlight = createHighlightComponent({
+    createElement: h,
+    Fragment: p
+  });
+
+  function Highlight(_ref) {
+    var _ref$classNames = _ref.classNames,
+        classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+        props = _objectWithoutProperties(_ref, ["classNames"]);
+
+    return h(InternalHighlight, _extends({
+      classNames: {
+        root: cx('ais-Highlight', classNames.root),
+        highlighted: cx('ais-Highlight-highlighted', classNames.highlighted),
+        nonHighlighted: cx('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
+        separator: cx('ais-Highlight-separator', classNames.separator)
+      }
+    }, props));
+  }
+
+  /**
+   * This implementation is taken from Lodash implementation.
+   * See: https://github.com/lodash/lodash/blob/4.17.11-npm/escape.js
+   */
+  // Used to map characters to HTML entities.
+  var htmlEscapes = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;'
+  }; // Used to match HTML entities and HTML characters.
+
+  var regexUnescapedHtml = /[&<>"']/g;
+  var regexHasUnescapedHtml = RegExp(regexUnescapedHtml.source);
+  /**
+   * Converts the characters "&", "<", ">", '"', and "'" in `string` to their
+   * corresponding HTML entities.
+   */
+
+  function escape$1(value) {
+    return value && regexHasUnescapedHtml.test(value) ? value.replace(regexUnescapedHtml, function (character) {
+      return htmlEscapes[character];
+    }) : value;
+  }
+
+  /**
+   * This implementation is taken from Lodash implementation.
+   * See: https://github.com/lodash/lodash/blob/master/isPlainObject.js
+   */
+  function getTag(value) {
+    if (value === null) {
+      return value === undefined ? '[object Undefined]' : '[object Null]';
+    }
+
+    return Object.prototype.toString.call(value);
+  }
+
+  function isObjectLike(value) {
+    return _typeof(value) === 'object' && value !== null;
+  }
+  /**
+   * Checks if `value` is a plain object.
+   *
+   * A plain object is an object created by the `Object`
+   * constructor or with a `[[Prototype]]` of `null`.
+   */
+
+
+  function isPlainObject(value) {
+    if (!isObjectLike(value) || getTag(value) !== '[object Object]') {
+      return false;
+    }
+
+    if (Object.getPrototypeOf(value) === null) {
+      return true;
+    }
+
+    var proto = value;
+
+    while (Object.getPrototypeOf(proto) !== null) {
+      proto = Object.getPrototypeOf(proto);
+    }
+
+    return Object.getPrototypeOf(value) === proto;
+  }
+
+  var TAG_PLACEHOLDER = {
+    highlightPreTag: '__ais-highlight__',
+    highlightPostTag: '__/ais-highlight__'
+  };
+  var TAG_REPLACEMENT = {
+    highlightPreTag: '<mark>',
+    highlightPostTag: '</mark>'
+  };
+
+  function replaceTagsAndEscape(value) {
+    return escape$1(value).replace(new RegExp(TAG_PLACEHOLDER.highlightPreTag, 'g'), TAG_REPLACEMENT.highlightPreTag).replace(new RegExp(TAG_PLACEHOLDER.highlightPostTag, 'g'), TAG_REPLACEMENT.highlightPostTag);
+  }
+
+  function recursiveEscape(input) {
+    if (isPlainObject(input) && typeof input.value !== 'string') {
+      return Object.keys(input).reduce(function (acc, key) {
+        return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, recursiveEscape(input[key])));
+      }, {});
+    }
+
+    if (Array.isArray(input)) {
+      return input.map(recursiveEscape);
+    }
+
+    return _objectSpread2(_objectSpread2({}, input), {}, {
+      value: replaceTagsAndEscape(input.value)
+    });
+  }
+
+  function escapeHits(hits) {
+    if (hits.__escaped === undefined) {
+      // We don't override the value on hit because it will mutate the raw results
+      // instead we make a shallow copy and we assign the escaped values on it.
+      hits = hits.map(function (_ref) {
+        var hit = _extends({}, _ref);
+
+        if (hit._highlightResult) {
+          hit._highlightResult = recursiveEscape(hit._highlightResult);
+        }
+
+        if (hit._snippetResult) {
+          hit._snippetResult = recursiveEscape(hit._snippetResult);
+        }
+
+        return hit;
+      });
+      hits.__escaped = true;
+    }
+
+    return hits;
+  }
+  function escapeFacets(facetHits) {
+    return facetHits.map(function (h) {
+      return _objectSpread2(_objectSpread2({}, h), {}, {
+        highlighted: replaceTagsAndEscape(h.highlighted)
+      });
+    });
+  }
+
+  function getHighlightedParts(highlightedValue) {
+    var highlightPostTag = TAG_REPLACEMENT.highlightPostTag,
+        highlightPreTag = TAG_REPLACEMENT.highlightPreTag;
+    var splitByPreTag = highlightedValue.split(highlightPreTag);
+    var firstValue = splitByPreTag.shift();
+    var elements = !firstValue ? [] : [{
+      value: firstValue,
+      isHighlighted: false
+    }];
+    splitByPreTag.forEach(function (split) {
+      var splitByPostTag = split.split(highlightPostTag);
+      elements.push({
+        value: splitByPostTag[0],
+        isHighlighted: true
+      });
+
+      if (splitByPostTag[1] !== '') {
+        elements.push({
+          value: splitByPostTag[1],
+          isHighlighted: false
+        });
+      }
+    });
+    return elements;
+  }
+
+  function getPropertyByPath(object, path) {
+    var parts = Array.isArray(path) ? path : path.split('.');
+    return parts.reduce(function (current, key) {
+      return current && current[key];
+    }, object);
+  }
+
+  /**
+   * This implementation is taken from Lodash implementation.
+   * See: https://github.com/lodash/lodash/blob/4.17.11-npm/unescape.js
+   */
+  // Used to map HTML entities to characters.
+  var htmlEscapes$1 = {
+    '&amp;': '&',
+    '&lt;': '<',
+    '&gt;': '>',
+    '&quot;': '"',
+    '&#39;': "'"
+  }; // Used to match HTML entities and HTML characters.
+
+  var regexEscapedHtml = /&(amp|quot|lt|gt|#39);/g;
+  var regexHasEscapedHtml = RegExp(regexEscapedHtml.source);
+  /**
+   * Converts the HTML entities "&", "<", ">", '"', and "'" in `string` to their
+   * characters.
+   */
+
+  function unescape$1(value) {
+    return value && regexHasEscapedHtml.test(value) ? value.replace(regexEscapedHtml, function (character) {
+      return htmlEscapes$1[character];
+    }) : value;
+  }
+
+  function noop() {}
+
+  /**
+   * Logs a warning when this function is called, in development environment only.
+   */
+  var deprecate = function deprecate(fn, message) {
+    return fn;
+  };
+  /**
+   * Logs a warning
+   * This is used to log issues in development environment only.
+   */
+
+
+  var warn = noop;
+  /**
+   * Logs a warning if the condition is not met.
+   * This is used to log issues in development environment only.
+   */
+
+  var _warning = noop;
+
+  {
+    warn = function warn(message) {
+      // eslint-disable-next-line no-console
+      console.warn("[InstantSearch.js]: ".concat(message.trim()));
+    };
+
+    deprecate = function deprecate(fn, message) {
+      var hasAlreadyPrinted = false;
+      return function () {
+        if (!hasAlreadyPrinted) {
+          hasAlreadyPrinted = true;
+          warn(message);
+        }
+
+        return fn.apply(void 0, arguments);
+      };
+    };
+
+    _warning = function warning(condition, message) {
+      if (condition) {
+        return;
+      }
+
+      var hasAlreadyPrinted = _warning.cache[message];
+
+      if (!hasAlreadyPrinted) {
+        _warning.cache[message] = true;
+        warn(message);
+      }
+    };
+
+    _warning.cache = {};
+  }
+
+  function Highlight$1(_ref) {
+    var hit = _ref.hit,
+        attribute = _ref.attribute,
+        cssClasses = _ref.cssClasses,
+        props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
+
+    var property = getPropertyByPath(hit._highlightResult, attribute) || [];
+    var properties = Array.isArray(property) ? property : [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")) ;
+    var parts = properties.map(function (_ref2) {
+      var value = _ref2.value;
+      return getHighlightedParts(unescape$1(value || ''));
+    });
+    return h(Highlight, _extends({}, props, {
+      parts: parts,
+      classNames: cssClasses
+    }));
+  }
+
+  function ReverseHighlight(_ref) {
+    var _ref$classNames = _ref.classNames,
+        classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+        props = _objectWithoutProperties(_ref, ["classNames"]);
+
+    return h(InternalHighlight, _extends({
+      classNames: {
+        root: cx('ais-ReverseHighlight', classNames.root),
+        highlighted: cx('ais-ReverseHighlight-highlighted', classNames.highlighted),
+        nonHighlighted: cx('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+        separator: cx('ais-ReverseHighlight-separator', classNames.separator)
+      }
+    }, props));
+  }
+
+  function ReverseHighlight$1(_ref) {
+    var hit = _ref.hit,
+        attribute = _ref.attribute,
+        cssClasses = _ref.cssClasses,
+        props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
+
+    var property = getPropertyByPath(hit._highlightResult, attribute) || [];
+    var properties = Array.isArray(property) ? property : [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")) ;
+    var parts = properties.map(function (_ref2) {
+      var value = _ref2.value;
+      return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
+        var isHighlighted = _ref3.isHighlighted,
+            rest = _objectWithoutProperties(_ref3, ["isHighlighted"]);
+
+        return _objectSpread2(_objectSpread2({}, rest), {}, {
+          isHighlighted: !isHighlighted
+        });
+      });
+    });
+    return h(ReverseHighlight, _extends({}, props, {
+      parts: parts,
+      classNames: cssClasses
+    }));
+  }
+
+  function ReverseSnippet(_ref) {
+    var _ref$classNames = _ref.classNames,
+        classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+        props = _objectWithoutProperties(_ref, ["classNames"]);
+
+    return h(InternalHighlight, _extends({
+      classNames: {
+        root: cx('ais-ReverseSnippet', classNames.root),
+        highlighted: cx('ais-ReverseSnippet-highlighted', classNames.highlighted),
+        nonHighlighted: cx('ais-ReverseSnippet-nonHighlighted', classNames.nonHighlighted),
+        separator: cx('ais-ReverseSnippet-separator', classNames.separator)
+      }
+    }, props));
+  }
+
+  function ReverseSnippet$1(_ref) {
+    var hit = _ref.hit,
+        attribute = _ref.attribute,
+        cssClasses = _ref.cssClasses,
+        props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
+
+    var property = getPropertyByPath(hit._snippetResult, attribute) || [];
+    var properties = Array.isArray(property) ? property : [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")) ;
+    var parts = properties.map(function (_ref2) {
+      var value = _ref2.value;
+      return getHighlightedParts(unescape$1(value || '')).map(function (_ref3) {
+        var isHighlighted = _ref3.isHighlighted,
+            rest = _objectWithoutProperties(_ref3, ["isHighlighted"]);
+
+        return _objectSpread2(_objectSpread2({}, rest), {}, {
+          isHighlighted: !isHighlighted
+        });
+      });
+    });
+    return h(ReverseSnippet, _extends({}, props, {
+      parts: parts,
+      classNames: cssClasses
+    }));
+  }
+
+  function Snippet(_ref) {
+    var _ref$classNames = _ref.classNames,
+        classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+        props = _objectWithoutProperties(_ref, ["classNames"]);
+
+    return h(InternalHighlight, _extends({
+      classNames: {
+        root: cx('ais-Snippet', classNames.root),
+        highlighted: cx('ais-Snippet-highlighted', classNames.highlighted),
+        nonHighlighted: cx('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
+        separator: cx('ais-Snippet-separator', classNames.separator)
+      }
+    }, props));
+  }
+
+  function Snippet$1(_ref) {
+    var hit = _ref.hit,
+        attribute = _ref.attribute,
+        cssClasses = _ref.cssClasses,
+        props = _objectWithoutProperties(_ref, ["hit", "attribute", "cssClasses"]);
+
+    var property = getPropertyByPath(hit._snippetResult, attribute) || [];
+    var properties = Array.isArray(property) ? property : [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")) ;
+    var parts = properties.map(function (_ref2) {
+      var value = _ref2.value;
+      return getHighlightedParts(unescape$1(value || ''));
+    });
+    return h(Snippet, _extends({}, props, {
+      parts: parts,
+      classNames: cssClasses
+    }));
+  }
+
+  var n$1=function(t,s,r,e){var u;s[0]=0;for(var h=1;h<s.length;h++){var p=s[h++],a=s[h]?(s[0]|=p?1:2,r[s[h++]]):s[++h];3===p?e[0]=a:4===p?e[1]=Object.assign(e[1]||{},a):5===p?(e[1]=e[1]||{})[s[++h]]=a:6===p?e[1][s[++h]]+=a+"":p?(u=t.apply(a,n$1(t,a,r,["",null])),e.push(u),a[0]?s[0]|=2:(s[h-2]=0,s[h]=u)):e.push(a);}return e},t$1=new Map;function e$1(s){var r=t$1.get(this);return r||(r=new Map,t$1.set(this,r)),(r=n$1(this,r.get(s)||(r.set(s,r=function(n){for(var t,s,r=1,e="",u="",h=[0],p=function(n){1===r&&(n||(e=e.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?h.push(0,n,e):3===r&&(n||e)?(h.push(3,n,e),r=2):2===r&&"..."===e&&n?h.push(4,n,0):2===r&&e&&!n?h.push(5,0,!0,e):r>=5&&((e||!n&&5===r)&&(h.push(r,0,e,s),r=6),n&&(h.push(r,n,0,s),r=6)),e="";},a=0;a<n.length;a++){a&&(1===r&&p(),p(a));for(var l=0;l<n[a].length;l++)t=n[a][l],1===r?"<"===t?(p(),h=[h],r=3):e+=t:4===r?"--"===e&&">"===t?(r=1,e=""):e=t+e[0]:u?t===u?u="":e+=t:'"'===t||"'"===t?u=t:">"===t?(p(),r=1):r&&("="===t?(r=5,s=e,e=""):"/"===t&&(r<5||">"===n[a][l+1])?(p(),3===r&&(h=h[0]),r=h,(h=h[0]).push(2,0,r),r=0):" "===t||"\t"===t||"\n"===t||"\r"===t?(p(),r=2):e+=t),3===r&&"!--"===e&&(r=4,h=h[0]);}return p(),h}(s)),r),arguments,[])).length>1?r:r[0]}
+
+  var m$1=e$1.bind(h);
+
   // We add all our template helper methods to the template as lambdas. Note
   // that lambdas in Mustache are supposed to accept a second argument of
   // `render` to get the rendered value, not the literal `{{value}}`. But
@@ -6736,7 +7264,8 @@
         compileOptions = _ref.compileOptions,
         helpers = _ref.helpers,
         data = _ref.data,
-        bindEvent = _ref.bindEvent;
+        bindEvent = _ref.bindEvent,
+        sendEvent = _ref.sendEvent;
     var template = templates[templateKey];
 
     if (typeof template !== 'string' && typeof template !== 'function') {
@@ -6744,7 +7273,17 @@
     }
 
     if (typeof template === 'function') {
-      return template(data, bindEvent);
+      // @MAJOR no longer pass bindEvent when string templates are removed
+      var params = bindEvent || {};
+      params.html = m$1;
+      params.sendEvent = sendEvent;
+      params.components = {
+        Highlight: Highlight$1,
+        ReverseHighlight: ReverseHighlight$1,
+        Snippet: Snippet$1,
+        ReverseSnippet: ReverseSnippet$1
+      };
+      return template(data, params);
     }
 
     var transformedHelpers = transformHelpersToHogan(helpers, compileOptions, data);
@@ -6975,62 +7514,6 @@
     }
   }
 
-  function noop() {}
-
-  /**
-   * Logs a warning when this function is called, in development environment only.
-   */
-  var deprecate = function deprecate(fn, message) {
-    return fn;
-  };
-  /**
-   * Logs a warning
-   * This is used to log issues in development environment only.
-   */
-
-
-  var warn = noop;
-  /**
-   * Logs a warning if the condition is not met.
-   * This is used to log issues in development environment only.
-   */
-
-  var _warning = noop;
-
-  {
-    warn = function warn(message) {
-      // eslint-disable-next-line no-console
-      console.warn("[InstantSearch.js]: ".concat(message.trim()));
-    };
-
-    deprecate = function deprecate(fn, message) {
-      var hasAlreadyPrinted = false;
-      return function () {
-        if (!hasAlreadyPrinted) {
-          hasAlreadyPrinted = true;
-          warn(message);
-        }
-
-        return fn.apply(void 0, arguments);
-      };
-    };
-
-    _warning = function warning(condition, message) {
-      if (condition) {
-        return;
-      }
-
-      var hasAlreadyPrinted = _warning.cache[message];
-
-      if (!hasAlreadyPrinted) {
-        _warning.cache[message] = true;
-        warn(message);
-      }
-    };
-
-    _warning.cache = {};
-  }
-
   /**
    * A typed version of Object.keys, to use when looping over a static object
    * inspired from https://stackoverflow.com/a/65117465/3185307
@@ -7175,228 +7658,69 @@
     }).map(function (_ref11) {
       var _ref12 = _slicedToArray(_ref11, 2),
           _stateParameter = _ref12[0],
-          widgets = _ref12[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")) ;
-  }
-
-  function getPropertyByPath(object, path) {
-    var parts = Array.isArray(path) ? path : path.split('.');
-    return parts.reduce(function (current, key) {
-      return current && current[key];
-    }, object);
-  }
-
-  // This is the `Number.isFinite()` polyfill recommended by MDN.
-  // We do not provide any tests for this function.
-  // See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isFinite#Polyfill
-  function isFiniteNumber(value) {
-    return typeof value === 'number' && isFinite(value);
-  }
-
-  /**
-   * This implementation is taken from Lodash implementation.
-   * See: https://github.com/lodash/lodash/blob/master/isPlainObject.js
-   */
-  function getTag(value) {
-    if (value === null) {
-      return value === undefined ? '[object Undefined]' : '[object Null]';
-    }
-
-    return Object.prototype.toString.call(value);
-  }
-
-  function isObjectLike(value) {
-    return _typeof(value) === 'object' && value !== null;
-  }
-  /**
-   * Checks if `value` is a plain object.
-   *
-   * A plain object is an object created by the `Object`
-   * constructor or with a `[[Prototype]]` of `null`.
-   */
-
-
-  function isPlainObject(value) {
-    if (!isObjectLike(value) || getTag(value) !== '[object Object]') {
-      return false;
-    }
-
-    if (Object.getPrototypeOf(value) === null) {
-      return true;
-    }
-
-    var proto = value;
-
-    while (Object.getPrototypeOf(proto) !== null) {
-      proto = Object.getPrototypeOf(proto);
-    }
-
-    return Object.getPrototypeOf(value) === proto;
-  }
-
-  function range(_ref) {
-    var _ref$start = _ref.start,
-        start = _ref$start === void 0 ? 0 : _ref$start,
-        end = _ref.end,
-        _ref$step = _ref.step,
-        step = _ref$step === void 0 ? 1 : _ref$step;
-    // We can't divide by 0 so we re-assign the step to 1 if it happens.
-    var limitStep = step === 0 ? 1 : step; // In some cases the array to create has a decimal length.
-    // We therefore need to round the value.
-    // Example:
-    //   { start: 1, end: 5000, step: 500 }
-    //   => Array length = (5000 - 1) / 500 = 9.998
-
-    var arrayLength = Math.round((end - start) / limitStep);
-    return _toConsumableArray(Array(arrayLength)).map(function (_, current) {
-      return start + current * limitStep;
-    });
-  }
-
-  function isPrimitive(obj) {
-    return obj !== Object(obj);
-  }
-
-  function isEqual(first, second) {
-    if (first === second) {
-      return true;
-    }
-
-    if (isPrimitive(first) || isPrimitive(second) || typeof first === 'function' || typeof second === 'function') {
-      return first === second;
-    }
-
-    if (Object.keys(first).length !== Object.keys(second).length) {
-      return false;
-    }
-
-    for (var _i = 0, _Object$keys = Object.keys(first); _i < _Object$keys.length; _i++) {
-      var key = _Object$keys[_i];
-
-      if (!(key in second)) {
-        return false;
-      }
-
-      if (!isEqual(first[key], second[key])) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * This implementation is taken from Lodash implementation.
-   * See: https://github.com/lodash/lodash/blob/4.17.11-npm/escape.js
-   */
-  // Used to map characters to HTML entities.
-  var htmlEscapes = {
-    '&': '&amp;',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#39;'
-  }; // Used to match HTML entities and HTML characters.
-
-  var regexUnescapedHtml = /[&<>"']/g;
-  var regexHasUnescapedHtml = RegExp(regexUnescapedHtml.source);
-  /**
-   * Converts the characters "&", "<", ">", '"', and "'" in `string` to their
-   * corresponding HTML entities.
-   */
-
-  function escape$1(value) {
-    return value && regexHasUnescapedHtml.test(value) ? value.replace(regexUnescapedHtml, function (character) {
-      return htmlEscapes[character];
-    }) : value;
-  }
-
-  /**
-   * This implementation is taken from Lodash implementation.
-   * See: https://github.com/lodash/lodash/blob/4.17.11-npm/unescape.js
-   */
-  // Used to map HTML entities to characters.
-  var htmlEscapes$1 = {
-    '&amp;': '&',
-    '&lt;': '<',
-    '&gt;': '>',
-    '&quot;': '"',
-    '&#39;': "'"
-  }; // Used to match HTML entities and HTML characters.
+          widgets = _ref12[1].widgets;
 
-  var regexEscapedHtml = /&(amp|quot|lt|gt|#39);/g;
-  var regexHasEscapedHtml = RegExp(regexEscapedHtml.source);
-  /**
-   * Converts the HTML entities "&", "<", ">", '"', and "'" in `string` to their
-   * characters.
-   */
+      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")) ;
+  }
 
-  function unescape$1(value) {
-    return value && regexHasEscapedHtml.test(value) ? value.replace(regexEscapedHtml, function (character) {
-      return htmlEscapes$1[character];
-    }) : value;
+  // This is the `Number.isFinite()` polyfill recommended by MDN.
+  // We do not provide any tests for this function.
+  // See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isFinite#Polyfill
+  function isFiniteNumber(value) {
+    return typeof value === 'number' && isFinite(value);
   }
 
-  var TAG_PLACEHOLDER = {
-    highlightPreTag: '__ais-highlight__',
-    highlightPostTag: '__/ais-highlight__'
-  };
-  var TAG_REPLACEMENT = {
-    highlightPreTag: '<mark>',
-    highlightPostTag: '</mark>'
-  };
+  function range(_ref) {
+    var _ref$start = _ref.start,
+        start = _ref$start === void 0 ? 0 : _ref$start,
+        end = _ref.end,
+        _ref$step = _ref.step,
+        step = _ref$step === void 0 ? 1 : _ref$step;
+    // We can't divide by 0 so we re-assign the step to 1 if it happens.
+    var limitStep = step === 0 ? 1 : step; // In some cases the array to create has a decimal length.
+    // We therefore need to round the value.
+    // Example:
+    //   { start: 1, end: 5000, step: 500 }
+    //   => Array length = (5000 - 1) / 500 = 9.998
 
-  function replaceTagsAndEscape(value) {
-    return escape$1(value).replace(new RegExp(TAG_PLACEHOLDER.highlightPreTag, 'g'), TAG_REPLACEMENT.highlightPreTag).replace(new RegExp(TAG_PLACEHOLDER.highlightPostTag, 'g'), TAG_REPLACEMENT.highlightPostTag);
+    var arrayLength = Math.round((end - start) / limitStep);
+    return _toConsumableArray(Array(arrayLength)).map(function (_, current) {
+      return start + current * limitStep;
+    });
   }
 
-  function recursiveEscape(input) {
-    if (isPlainObject(input) && typeof input.value !== 'string') {
-      return Object.keys(input).reduce(function (acc, key) {
-        return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, key, recursiveEscape(input[key])));
-      }, {});
-    }
+  function isPrimitive(obj) {
+    return obj !== Object(obj);
+  }
 
-    if (Array.isArray(input)) {
-      return input.map(recursiveEscape);
+  function isEqual(first, second) {
+    if (first === second) {
+      return true;
     }
 
-    return _objectSpread2(_objectSpread2({}, input), {}, {
-      value: replaceTagsAndEscape(input.value)
-    });
-  }
+    if (isPrimitive(first) || isPrimitive(second) || typeof first === 'function' || typeof second === 'function') {
+      return first === second;
+    }
 
-  function escapeHits(hits) {
-    if (hits.__escaped === undefined) {
-      // We don't override the value on hit because it will mutate the raw results
-      // instead we make a shallow copy and we assign the escaped values on it.
-      hits = hits.map(function (_ref) {
-        var hit = _extends({}, _ref);
+    if (Object.keys(first).length !== Object.keys(second).length) {
+      return false;
+    }
 
-        if (hit._highlightResult) {
-          hit._highlightResult = recursiveEscape(hit._highlightResult);
-        }
+    for (var _i = 0, _Object$keys = Object.keys(first); _i < _Object$keys.length; _i++) {
+      var key = _Object$keys[_i];
 
-        if (hit._snippetResult) {
-          hit._snippetResult = recursiveEscape(hit._snippetResult);
-        }
+      if (!(key in second)) {
+        return false;
+      }
 
-        return hit;
-      });
-      hits.__escaped = true;
+      if (!isEqual(first[key], second[key])) {
+        return false;
+      }
     }
 
-    return hits;
-  }
-  function escapeFacets(facetHits) {
-    return facetHits.map(function (h) {
-      return _objectSpread2(_objectSpread2({}, h), {}, {
-        highlighted: replaceTagsAndEscape(h.highlighted)
-      });
-    });
+    return true;
   }
 
   function concatHighlightedParts(parts) {
@@ -7407,32 +7731,6 @@
     }).join('');
   }
 
-  function getHighlightedParts(highlightedValue) {
-    var highlightPostTag = TAG_REPLACEMENT.highlightPostTag,
-        highlightPreTag = TAG_REPLACEMENT.highlightPreTag;
-    var splitByPreTag = highlightedValue.split(highlightPreTag);
-    var firstValue = splitByPreTag.shift();
-    var elements = !firstValue ? [] : [{
-      value: firstValue,
-      isHighlighted: false
-    }];
-    splitByPreTag.forEach(function (split) {
-      var splitByPostTag = split.split(highlightPostTag);
-      elements.push({
-        value: splitByPostTag[0],
-        isHighlighted: true
-      });
-
-      if (splitByPostTag[1] !== '') {
-        elements.push({
-          value: splitByPostTag[1],
-          isHighlighted: false
-        });
-      }
-    });
-    return elements;
-  }
-
   var hasAlphanumeric = new RegExp(/\w/i);
   function getHighlightFromSiblings(parts, i) {
     var _parts, _parts2;
@@ -8085,6 +8383,10 @@
     });
   }
 
+  function cx$1(cssClasses) {
+    return Array.isArray(cssClasses) ? cssClasses.filter(Boolean).join(' ') : cssClasses || '';
+  }
+
   var withUsage = createDocumentationMessageGenerator({
     name: 'index-widget'
   });
@@ -8635,7 +8937,7 @@
     instantSearchInstance.renderState = _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState), {}, _defineProperty({}, parentIndexName, _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
-  var version$1 = '4.45.1';
+  var version$1 = '4.46.0';
 
   var NAMESPACE = 'ais';
   var component = function component(componentName) {
@@ -8820,11 +9122,15 @@
     return getCookie(ANONYMOUS_TOKEN_COOKIE_KEY);
   }
 
+  function formatNumber(value, numberLocale) {
+    return value.toLocaleString(numberLocale);
+  }
+
   function hoganHelpers(_ref) {
     var numberLocale = _ref.numberLocale;
     return {
-      formatNumber: function formatNumber(value, render) {
-        return Number(render(value)).toLocaleString(numberLocale);
+      formatNumber: function formatNumber$1(value, render) {
+        return formatNumber(Number(render(value)), numberLocale);
       },
       highlight: function highlight$1(options, render) {
         try {
@@ -11494,8 +11800,6 @@
     };
   }
 
-  var n,l,u,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&null!=l.vnode&&l.vnode(f),f}function p(){return {current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)));});}function w(n,l,u,i,t,r,o,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j(n,_,p=p||e,t,r,o,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h]);}function x(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function P(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else{for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,r,o,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==y.value||_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&N(t[r],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u);}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n}},u=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0,f=0;
-
   /** @jsx h */
 
   var findInsightsTarget = function findInsightsTarget(startElement, endElement, validator) {
@@ -11557,9 +11861,9 @@
         }
       };
 
-      return v("div", {
+      return h("div", {
         onClick: handleClick
-      }, v(BaseComponent, props));
+      }, h(BaseComponent, props));
     }
 
     return WithInsightsListener;
@@ -15878,6 +16182,11 @@
     }, {
       key: "render",
       value: function render() {
+        var _this = this;
+
+         _warning(Object.keys(this.props.templates).every(function (key) {
+          return typeof _this.props.templates[key] === 'function';
+        }), "Hogan.js and string-based templates are deprecated and will not be supported in InstantSearch.js 5.x.\n\nYou can replace them with function-form templates and use either the provided `html` function or JSX templates.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/js/#upgrade-templates") ;
         var RootTagName = this.props.rootTagName;
         var useCustomCompileOptions = this.props.useCustomCompileOptions[this.props.templateKey];
         var compileOptions = useCustomCompileOptions ? this.props.templatesConfig.compileOptions : {};
@@ -15887,7 +16196,8 @@
           compileOptions: compileOptions,
           helpers: this.props.templatesConfig.helpers,
           data: this.props.data,
-          bindEvent: this.props.bindEvent
+          bindEvent: this.props.bindEvent,
+          sendEvent: this.props.sendEvent
         });
 
         if (content === null) {
@@ -15896,7 +16206,11 @@
           return null;
         }
 
-        return v(RootTagName, _extends({}, this.props.rootProps, {
+        if (_typeof(content) === 'object') {
+          return h(RootTagName, this.props.rootProps, content);
+        }
+
+        return h(RootTagName, _extends({}, this.props.rootProps, {
           dangerouslySetInnerHTML: {
             __html: content
           }
@@ -15905,7 +16219,7 @@
     }]);
 
     return Template;
-  }(_);
+  }(d);
 
   _defineProperty(Template, "defaultProps", defaultProps);
 
@@ -15915,13 +16229,13 @@
         templateProps = _ref.templateProps,
         createURL = _ref.createURL,
         refine = _ref.refine;
-    return v("div", {
+    return h("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
-    }, v("ul", {
+    }, h("ul", {
       className: cssClasses.list
-    }, v("li", {
+    }, h("li", {
       className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, items.length === 0))
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "home",
       rootTagName: "a",
       rootProps: {
@@ -15934,17 +16248,17 @@
       }
     }))), items.map(function (item, idx) {
       var isLast = idx === items.length - 1;
-      return v("li", {
+      return h("li", {
         key: item.label + idx,
         className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, isLast))
-      }, v(Template, _extends({}, templateProps, {
+      }, h(Template, _extends({}, templateProps, {
         templateKey: "separator",
         rootTagName: "span",
         rootProps: {
           className: cssClasses.separator,
           'aria-hidden': true
         }
-      })), isLast ? item.label : v("a", {
+      })), isLast ? item.label : h("a", {
         className: cssClasses.link,
         href: createURL(item.value),
         onClick: function onClick(event) {
@@ -15956,8 +16270,12 @@
   };
 
   var defaultTemplates = {
-    home: 'Home',
-    separator: '>'
+    home: function home() {
+      return 'Home';
+    },
+    separator: function separator() {
+      return '>';
+    }
   };
 
   var withUsage$t = createDocumentationMessageGenerator({
@@ -15986,7 +16304,7 @@
         return;
       }
 
-      S(v(Breadcrumb, {
+      P(h(Breadcrumb, {
         canRefine: canRefine,
         cssClasses: cssClasses,
         createURL: createURL,
@@ -16043,7 +16361,7 @@
       templates: templates
     });
     var makeWidget = connectBreadcrumb(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributes: attributes,
@@ -16060,9 +16378,9 @@
         refine = _ref.refine,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "resetLabel",
       rootTagName: "button",
       rootProps: {
@@ -16077,7 +16395,9 @@
   };
 
   var defaultTemplates$1 = {
-    resetLabel: 'Clear refinements'
+    resetLabel: function resetLabel() {
+      return 'Clear refinements';
+    }
   };
 
   var withUsage$u = createDocumentationMessageGenerator({
@@ -16104,7 +16424,7 @@
         return;
       }
 
-      S(v(ClearRefinements, {
+      P(h(ClearRefinements, {
         refine: refine,
         cssClasses: cssClasses,
         hasRefinements: canRefine,
@@ -16146,7 +16466,7 @@
       templates: templates
     });
     var makeWidget = connectClearRefinements(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       includedAttributes: includedAttributes,
@@ -16199,23 +16519,23 @@
   var CurrentRefinements = function CurrentRefinements(_ref2) {
     var items = _ref2.items,
         cssClasses = _ref2.cssClasses;
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v("ul", {
+    }, h("ul", {
       className: cssClasses.list
     }, items.map(function (item, index) {
-      return v("li", {
+      return h("li", {
         key: "".concat(item.indexName, "-").concat(item.attribute, "-").concat(index),
         className: cssClasses.item
-      }, v("span", {
+      }, h("span", {
         className: cssClasses.label
       }, capitalize(item.label), ":"), item.refinements.map(function (refinement) {
-        return v("span", {
+        return h("span", {
           key: createItemKey(refinement),
           className: cssClasses.category
-        }, v("span", {
+        }, h("span", {
           className: cssClasses.categoryLabel
-        }, refinement.attribute === 'query' ? v("q", null, refinement.label) : refinement.label), v("button", {
+        }, refinement.attribute === 'query' ? h("q", null, refinement.label) : refinement.label), h("button", {
           className: cssClasses.delete,
           onClick: handleClick(item.refine.bind(null, refinement))
         }, "\u2715"));
@@ -16239,7 +16559,7 @@
     var _ref2 = widgetParams,
         container = _ref2.container,
         cssClasses = _ref2.cssClasses;
-    S(v(CurrentRefinements, {
+    P(h(CurrentRefinements, {
       cssClasses: cssClasses,
       items: items
     }), container);
@@ -16281,7 +16601,7 @@
       }), userCssClasses.delete)
     };
     var makeWidget = connectCurrentRefinements(renderer$2, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,
@@ -16295,8 +16615,12 @@
   };
 
   var defaultTemplates$2 = {
-    header: '',
-    loader: '',
+    header: function header() {
+      return '';
+    },
+    loader: function loader() {
+      return '';
+    },
     item: function item(_item) {
       return JSON.stringify(_item);
     }
@@ -16307,9 +16631,9 @@
         isLoading = _ref.isLoading,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return v("div", {
+    return h("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.emptyRoot, hits.length === 0))
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "header",
       rootProps: {
         className: cssClasses.header
@@ -16318,15 +16642,15 @@
         hits: hits,
         isLoading: isLoading
       }
-    })), isLoading ? v(Template, _extends({}, templateProps, {
+    })), isLoading ? h(Template, _extends({}, templateProps, {
       templateKey: "loader",
       rootProps: {
         className: cssClasses.loader
       }
-    })) : v("ul", {
+    })) : h("ul", {
       className: cssClasses.list
     }, hits.map(function (hit, position) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -16364,7 +16688,7 @@
         return;
       }
 
-      S(v(Answers, {
+      P(h(Answers, {
         cssClasses: cssClasses,
         hits: hits,
         isLoading: isLoading,
@@ -16418,7 +16742,7 @@
       renderState: {}
     });
     var makeWidget = connectAnswers(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributesForPrediction: attributesForPrediction,
@@ -16529,7 +16853,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         onClick = _ref.onClick,
         children = _ref.children;
-    return v("button", {
+    return h("button", {
       className: className,
       onClick: onClick,
       disabled: disabled
@@ -16544,9 +16868,9 @@
         checked = _ref.checked,
         onToggle = _ref.onToggle,
         children = _ref.children;
-    return v("label", {
+    return h("label", {
       className: classNameLabel
-    }, v("input", {
+    }, h("input", {
       className: classNameInput,
       type: "checkbox",
       checked: checked,
@@ -16566,36 +16890,36 @@
         onRefineClick = _ref.onRefineClick,
         onClearClick = _ref.onClearClick,
         templateProps = _ref.templateProps;
-    return v(d, null, enableRefine && v("div", null, enableRefineControl && v("div", {
+    return h(p, null, enableRefine && h("div", null, enableRefineControl && h("div", {
       className: cssClasses.control
-    }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? v(GeoSearchToggle, {
+    }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? h(GeoSearchToggle, {
       classNameLabel: classnames(cssClasses.label, _defineProperty({}, cssClasses.selectedLabel, isRefineOnMapMove)),
       classNameInput: cssClasses.input,
       checked: isRefineOnMapMove,
       onToggle: onRefineToggle
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "toggle",
       rootTagName: "span"
-    }))) : v(GeoSearchButton, {
+    }))) : h(GeoSearchButton, {
       className: cssClasses.redo,
       disabled: !hasMapMoveSinceLastRefine,
       onClick: onRefineClick
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "redo",
       rootTagName: "span"
-    })))), !enableRefineControl && !isRefineOnMapMove && v("div", {
+    })))), !enableRefineControl && !isRefineOnMapMove && h("div", {
       className: cssClasses.control
-    }, v(GeoSearchButton, {
+    }, h(GeoSearchButton, {
       className: classnames(cssClasses.redo, _defineProperty({}, cssClasses.disabledRedo, !hasMapMoveSinceLastRefine)),
       disabled: !hasMapMoveSinceLastRefine,
       onClick: onRefineClick
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "redo",
       rootTagName: "span"
-    })))), enableClearMapRefinement && isRefinedWithMap && v(GeoSearchButton, {
+    })))), enableClearMapRefinement && isRefinedWithMap && h(GeoSearchButton, {
       className: cssClasses.reset,
       onClick: onClearClick
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "reset",
       rootTagName: "span"
     })))));
@@ -16779,7 +17103,7 @@
       });
     }
 
-    S(v(GeoSearchControls, {
+    P(h(GeoSearchControls, {
       cssClasses: cssClasses,
       enableRefine: enableRefine,
       enableRefineControl: enableRefineControl,
@@ -16799,14 +17123,25 @@
     }), container.querySelector(".".concat(cssClasses.tree)));
   };
 
+  /** @jsx h */
+
+  var _ref = h("p", null, "Your custom HTML Marker");
+
   var defaultTemplates$3 = {
-    HTMLMarker: '<p>Your custom HTML Marker</p>',
-    reset: 'Clear the map refinement',
-    toggle: 'Search as I move the map',
-    redo: 'Redo search here'
+    HTMLMarker: function HTMLMarker() {
+      return _ref;
+    },
+    reset: function reset() {
+      return 'Clear the map refinement';
+    },
+    toggle: function toggle() {
+      return 'Search as I move the map';
+    },
+    redo: function redo() {
+      return 'Redo search here';
+    }
   };
 
-  /* global google EventListener */
   var createHTMLMarker = function createHTMLMarker(googleReference) {
     var HTMLMarker = /*#__PURE__*/function (_googleReference$maps) {
       _inherits(HTMLMarker, _googleReference$maps);
@@ -16850,7 +17185,12 @@
         _this.element = document.createElement('div');
         _this.element.className = className;
         _this.element.style.position = 'absolute';
-        _this.element.innerHTML = template;
+
+        if (_typeof(template) === 'object') {
+          P(template, _this.element);
+        } else {
+          _this.element.innerHTML = template;
+        }
 
         _this.setMap(map);
 
@@ -17068,7 +17408,7 @@
     var createMarker = !customHTMLMarker ? createBuiltInMarker : createCustomHTMLMarker;
     var markerOptions = !customHTMLMarker ? builtInMarker : customHTMLMarker;
     var makeWidget = connectGeoSearch(renderer$4, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget(_objectSpread2(_objectSpread2({}, otherWidgetParams), {}, {
       renderState: {},
@@ -17097,7 +17437,7 @@
         templateKey = _ref.templateKey,
         templateData = _ref.templateData,
         subItems = _ref.subItems;
-    return v("li", {
+    return h("li", {
       className: className,
       onClick: function onClick(originalEvent) {
         handleClick({
@@ -17106,7 +17446,7 @@
           originalEvent: originalEvent
         });
       }
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: templateKey,
       data: templateData
     })), subItems);
@@ -17148,7 +17488,7 @@
         focused: false
       });
 
-      _defineProperty(_assertThisInitialized(_this), "input", p());
+      _defineProperty(_assertThisInitialized(_this), "input", y());
 
       _defineProperty(_assertThisInitialized(_this), "onInput", function (event) {
         var _this$props = _this.props,
@@ -17263,16 +17603,16 @@
             showLoadingIndicator = _this$props4.showLoadingIndicator,
             templates = _this$props4.templates,
             isSearchStalled = _this$props4.isSearchStalled;
-        return v("div", {
+        return h("div", {
           className: cssClasses.root
-        }, v("form", {
+        }, h("form", {
           action: "",
           role: "search",
           className: cssClasses.form,
           noValidate: true,
           onSubmit: this.onSubmit,
           onReset: this.onReset
-        }, v("input", {
+        }, h("input", {
           ref: this.input,
           value: this.state.query,
           disabled: this.props.disabled,
@@ -17289,7 +17629,7 @@
           onInput: this.onInput,
           onBlur: this.onBlur,
           onFocus: this.onFocus
-        }), v(Template, {
+        }), h(Template, {
           templateKey: "submit",
           rootTagName: "button",
           rootProps: {
@@ -17302,7 +17642,7 @@
           data: {
             cssClasses: cssClasses
           }
-        }), v(Template, {
+        }), h(Template, {
           templateKey: "reset",
           rootTagName: "button",
           rootProps: {
@@ -17315,7 +17655,7 @@
           data: {
             cssClasses: cssClasses
           }
-        }), showLoadingIndicator && v(Template, {
+        }), showLoadingIndicator && h(Template, {
           templateKey: "loadingIndicator",
           rootTagName: "span",
           rootProps: {
@@ -17331,7 +17671,7 @@
     }]);
 
     return SearchBox;
-  }(_);
+  }(d);
 
   _defineProperty(SearchBox, "defaultProps", defaultProps$1);
 
@@ -17356,7 +17696,7 @@
 
       _this = _super.call(this, props);
 
-      _defineProperty(_assertThisInitialized(_this), "searchBox", p());
+      _defineProperty(_assertThisInitialized(_this), "searchBox", y());
 
       _this.handleItemClick = _this.handleItemClick.bind(_assertThisInitialized(_this));
       return _this;
@@ -17385,7 +17725,7 @@
               root = _this$props$cssClasse.root,
               cssClasses = _objectWithoutProperties(_this$props$cssClasse, ["root"]);
 
-          subItems = v(RefinementList, _extends({}, this.props, {
+          subItems = h(RefinementList, _extends({}, this.props, {
             // We want to keep `root` required for external usage but not for the
             // sub items.
             cssClasses: cssClasses,
@@ -17416,7 +17756,7 @@
         }
 
         var refinementListItemClassName = classnames(this.props.cssClasses.item, (_cx = {}, _defineProperty(_cx, this.props.cssClasses.selectedItem, facetValue.isRefined), _defineProperty(_cx, this.props.cssClasses.disabledItem, !facetValue.count), _defineProperty(_cx, this.props.cssClasses.parentItem, isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0), _cx));
-        return v(RefinementListItem, {
+        return h(RefinementListItem, {
           templateKey: "item",
           key: key,
           facetValueToRefine: facetValue.value,
@@ -17510,7 +17850,7 @@
         var _this2 = this;
 
         var showMoreButtonClassName = classnames(this.props.cssClasses.showMore, _defineProperty({}, this.props.cssClasses.disabledShowMore, !(this.props.showMore === true && this.props.canToggleShowMore)));
-        var showMoreButton = this.props.showMore === true && v(Template, _extends({}, this.props.templateProps, {
+        var showMoreButton = this.props.showMore === true && h(Template, _extends({}, this.props.templateProps, {
           templateKey: "showMoreText",
           rootTagName: "button",
           rootProps: {
@@ -17523,9 +17863,9 @@
           }
         }));
         var shouldDisableSearchBox = this.props.searchIsAlwaysActive !== true && !(this.props.isFromSearch || !this.props.hasExhaustiveItems);
-        var searchBox = this.props.searchFacetValues && v("div", {
+        var searchBox = this.props.searchFacetValues && h("div", {
           className: this.props.cssClasses.searchBox
-        }, v(SearchBox, {
+        }, h(SearchBox, {
           ref: this.searchBox,
           placeholder: this.props.searchPlaceholder,
           disabled: shouldDisableSearchBox,
@@ -17544,30 +17884,47 @@
           ,
           searchAsYouType: false
         }));
-        var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && v("ul", {
+        var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && h("ul", {
           className: this.props.cssClasses.list
         }, this.props.facetValues.map(this._generateFacetItem, this));
-        var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && v(Template, _extends({}, this.props.templateProps, {
+        var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && h(Template, _extends({}, this.props.templateProps, {
           templateKey: "searchableNoResults",
           rootProps: {
             className: this.props.cssClasses.noResults
           }
         }));
         var rootClassName = classnames(this.props.cssClasses.root, _defineProperty({}, this.props.cssClasses.noRefinementRoot, !this.props.facetValues || this.props.facetValues.length === 0), this.props.className);
-        return v("div", {
+        return h("div", {
           className: rootClassName
         }, this.props.children, searchBox, facetValues, noResults, showMoreButton);
       }
     }]);
 
     return RefinementList;
-  }(_);
+  }(d);
 
   _defineProperty(RefinementList$1, "defaultProps", defaultProps$2);
 
+  /** @jsx h */
   var defaultTemplates$4 = {
-    item: '<a class="{{cssClasses.link}}" href="{{url}}">' + '<span class="{{cssClasses.label}}">{{label}}</span>' + '<span class="{{cssClasses.count}}">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>' + '</a>',
-    showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n  "
+    item: function item(_ref) {
+      var url = _ref.url,
+          label = _ref.label,
+          count = _ref.count,
+          cssClasses = _ref.cssClasses;
+      return h("a", {
+        className: cx$1(cssClasses.link),
+        href: url
+      }, h("span", {
+        className: cx$1(cssClasses.label)
+      }, label), h("span", {
+        className: cx$1(cssClasses.count)
+      }, formatNumber(count)));
+    },
+    showMoreText: function showMoreText(_ref2) {
+      var isShowingMore = _ref2.isShowingMore;
+      return isShowingMore ? 'Show less' : 'Show more';
+    }
   };
 
   var withUsage$z = createDocumentationMessageGenerator({
@@ -17599,7 +17956,7 @@
         return;
       }
 
-      S(v(RefinementList$1, {
+      P(h(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -17736,7 +18093,7 @@
       renderState: {}
     });
     var makeWidget = connectHierarchicalMenu(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributes: attributes,
@@ -17757,11 +18114,12 @@
     var results = _ref.results,
         hits = _ref.hits,
         bindEvent = _ref.bindEvent,
+        sendEvent = _ref.sendEvent,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
 
     if (results.hits.length === 0) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
           className: classnames(cssClasses.root, cssClasses.emptyRoot)
@@ -17770,12 +18128,12 @@
       }));
     }
 
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v("ol", {
+    }, h("ol", {
       className: cssClasses.list
     }, hits.map(function (hit, index) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -17785,13 +18143,16 @@
         data: _objectSpread2(_objectSpread2({}, hit), {}, {
           __hitIndex: index
         }),
-        bindEvent: bindEvent
+        bindEvent: bindEvent,
+        sendEvent: sendEvent
       }));
     })));
   };
 
   var defaultTemplates$5 = {
-    empty: 'No results',
+    empty: function empty() {
+      return 'No results';
+    },
     item: function item(data) {
       return JSON.stringify(data, null, 2);
     }
@@ -17824,7 +18185,7 @@
         return;
       }
 
-      S(v(HitsWithInsightsListener, {
+      P(h(HitsWithInsightsListener, {
         cssClasses: cssClasses,
         hits: receivedHits,
         results: results,
@@ -17872,7 +18233,7 @@
       templates: templates
     });
     var makeWidget = withInsights(connectHits)(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       escapeHTML: escapeHTML,
@@ -17889,14 +18250,14 @@
         options = _ref.options,
         cssClasses = _ref.cssClasses,
         setValue = _ref.setValue;
-    return v("select", {
+    return h("select", {
       className: classnames(cssClasses.select),
       onChange: function onChange(event) {
         return setValue(event.target.value);
       },
       value: "".concat(currentValue)
     }, options.map(function (option) {
-      return v("option", {
+      return h("option", {
         className: classnames(cssClasses.option),
         key: option.label + option.value,
         value: "".concat(option.value)
@@ -17923,9 +18284,9 @@
       }) || {},
           currentValue = _ref3.value;
 
-      S(v("div", {
+      P(h("div", {
         className: cssClasses.root
-      }, v(Selector, {
+      }, h(Selector, {
         cssClasses: cssClasses,
         currentValue: currentValue,
         options: items,
@@ -17961,7 +18322,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectHitsPerPage(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       items: items,
@@ -17975,6 +18336,7 @@
     var results = _ref.results,
         hits = _ref.hits,
         bindEvent = _ref.bindEvent,
+        sendEvent = _ref.sendEvent,
         hasShowPrevious = _ref.hasShowPrevious,
         showPrevious = _ref.showPrevious,
         showMore = _ref.showMore,
@@ -17984,7 +18346,7 @@
         templateProps = _ref.templateProps;
 
     if (results.hits.length === 0) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
           className: classnames(cssClasses.root, cssClasses.emptyRoot)
@@ -17993,9 +18355,9 @@
       }));
     }
 
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, hasShowPrevious && v(Template, _extends({}, templateProps, {
+    }, hasShowPrevious && h(Template, _extends({}, templateProps, {
       templateKey: "showPreviousText",
       rootTagName: "button",
       rootProps: {
@@ -18003,10 +18365,10 @@
         disabled: isFirstPage,
         onClick: showPrevious
       }
-    })), v("ol", {
+    })), h("ol", {
       className: cssClasses.list
     }, hits.map(function (hit, position) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -18016,9 +18378,10 @@
         data: _objectSpread2(_objectSpread2({}, hit), {}, {
           __hitIndex: position
         }),
-        bindEvent: bindEvent
+        bindEvent: bindEvent,
+        sendEvent: sendEvent
       }));
-    })), v(Template, _extends({}, templateProps, {
+    })), h(Template, _extends({}, templateProps, {
       templateKey: "showMoreText",
       rootTagName: "button",
       rootProps: {
@@ -18030,9 +18393,15 @@
   };
 
   var defaultTemplates$6 = {
-    empty: 'No results',
-    showPreviousText: 'Show previous results',
-    showMoreText: 'Show more results',
+    empty: function empty() {
+      return 'No results';
+    },
+    showPreviousText: function showPreviousText() {
+      return 'Show previous results';
+    },
+    showMoreText: function showMoreText() {
+      return 'Show more results';
+    },
     item: function item(data) {
       return JSON.stringify(data, null, 2);
     }
@@ -18070,7 +18439,7 @@
         return;
       }
 
-      S(v(InfiniteHitsWithInsightsListener, {
+      P(h(InfiniteHitsWithInsightsListener, {
         cssClasses: cssClasses,
         hits: hits,
         results: results,
@@ -18140,7 +18509,7 @@
       renderState: {}
     });
     var makeWidget = withInsights(connectInfiniteHits)(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       escapeHTML: escapeHTML,
@@ -18152,9 +18521,26 @@
     });
   };
 
+  /** @jsx h */
   var defaultTemplates$7 = {
-    item: '<a class="{{cssClasses.link}}" href="{{url}}">' + '<span class="{{cssClasses.label}}">{{label}}</span>' + '<span class="{{cssClasses.count}}">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>' + '</a>',
-    showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n  "
+    item: function item(_ref) {
+      var cssClasses = _ref.cssClasses,
+          url = _ref.url,
+          label = _ref.label,
+          count = _ref.count;
+      return h("a", {
+        className: cx$1(cssClasses.link),
+        href: url
+      }, h("span", {
+        className: cx$1(cssClasses.label)
+      }, label), h("span", {
+        className: cx$1(cssClasses.count)
+      }, formatNumber(count)));
+    },
+    showMoreText: function showMoreText(_ref2) {
+      var isShowingMore = _ref2.isShowingMore;
+      return isShowingMore ? 'Show less' : 'Show more';
+    }
   };
 
   var withUsage$D = createDocumentationMessageGenerator({
@@ -18191,7 +18577,7 @@
           url: createURL(facetValue.value)
         });
       });
-      S(v(RefinementList$1, {
+      P(h(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: facetValues,
@@ -18264,7 +18650,7 @@
       showMore: showMore
     });
     var makeWidget = connectMenu(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18291,15 +18677,15 @@
     },
         selectedValue = _ref2.value;
 
-    return v("div", {
+    return h("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
-    }, v("select", {
+    }, h("select", {
       className: cssClasses.select,
       value: selectedValue,
       onChange: function onChange(event) {
         refine(event.target.value);
       }
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "defaultOption",
       rootTagName: "option",
       rootProps: {
@@ -18307,7 +18693,7 @@
         className: cssClasses.option
       }
     })), items.map(function (item) {
-      return v(Template, _extends({}, templateProps, {
+      return h(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "option",
         rootProps: {
@@ -18321,8 +18707,14 @@
   }
 
   var defaultTemplates$8 = {
-    item: '{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})',
-    defaultOption: 'See all'
+    item: function item(_ref) {
+      var label = _ref.label,
+          count = _ref.count;
+      return "".concat(label, " (").concat(formatNumber(count), ")");
+    },
+    defaultOption: function defaultOption() {
+      return 'See all';
+    }
   };
 
   var withUsage$E = createDocumentationMessageGenerator({
@@ -18349,7 +18741,7 @@
         return;
       }
 
-      S(v(MenuSelect, {
+      P(h(MenuSelect, {
         cssClasses: cssClasses,
         items: items,
         refine: refine,
@@ -18396,7 +18788,7 @@
       templates: templates
     });
     var makeWidget = connectMenu(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18408,8 +18800,24 @@
     });
   };
 
+  /** @jsx h */
   var defaultTemplates$9 = {
-    item: "<label class=\"{{cssClasses.label}}\">\n  <input type=\"radio\" class=\"{{cssClasses.radio}}\" name=\"{{attribute}}\"{{#isRefined}} checked{{/isRefined}} />\n  <span class=\"{{cssClasses.labelText}}\">{{label}}</span>\n</label>"
+    item: function item(_ref) {
+      var cssClasses = _ref.cssClasses,
+          attribute = _ref.attribute,
+          label = _ref.label,
+          isRefined = _ref.isRefined;
+      return h("label", {
+        className: cssClasses.label
+      }, h("input", {
+        type: "radio",
+        className: cssClasses.radio,
+        name: attribute,
+        defaultChecked: isRefined
+      }), h("span", {
+        className: cssClasses.labelText
+      }, label));
+    }
   };
 
   var withUsage$F = createDocumentationMessageGenerator({
@@ -18438,7 +18846,7 @@
         return;
       }
 
-      S(v(RefinementList$1, {
+      P(h(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -18498,7 +18906,7 @@
       templates: templates
     });
     var makeWidget = connectNumericMenu(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18523,11 +18931,11 @@
       };
     }
 
-    return v("div", {
+    return h("div", {
       className: classnames(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
-    }, v("ul", {
+    }, h("ul", {
       className: props.cssClasses.list
-    }, props.showFirst && v(PaginationLink, {
+    }, props.showFirst && h(PaginationLink, {
       ariaLabel: "First",
       className: props.cssClasses.firstPageItem,
       isDisabled: props.isFirstPage,
@@ -18536,7 +18944,7 @@
       createURL: props.createURL,
       cssClasses: props.cssClasses,
       createClickHandler: createClickHandler
-    }), props.showPrevious && v(PaginationLink, {
+    }), props.showPrevious && h(PaginationLink, {
       ariaLabel: "Previous",
       className: props.cssClasses.previousPageItem,
       isDisabled: props.isFirstPage,
@@ -18546,7 +18954,7 @@
       cssClasses: props.cssClasses,
       createClickHandler: createClickHandler
     }), props.pages.map(function (pageNumber) {
-      return v(PaginationLink, {
+      return h(PaginationLink, {
         key: pageNumber,
         ariaLabel: "".concat(pageNumber + 1),
         className: props.cssClasses.pageItem,
@@ -18557,7 +18965,7 @@
         cssClasses: props.cssClasses,
         createClickHandler: createClickHandler
       });
-    }), props.showNext && v(PaginationLink, {
+    }), props.showNext && h(PaginationLink, {
       ariaLabel: "Next",
       className: props.cssClasses.nextPageItem,
       isDisabled: props.isLastPage,
@@ -18566,7 +18974,7 @@
       createURL: props.createURL,
       cssClasses: props.cssClasses,
       createClickHandler: createClickHandler
-    }), props.showLast && v(PaginationLink, {
+    }), props.showLast && h(PaginationLink, {
       ariaLabel: "Last",
       className: props.cssClasses.lastPageItem,
       isDisabled: props.isLastPage,
@@ -18590,14 +18998,14 @@
         cssClasses = _ref.cssClasses,
         createURL = _ref.createURL,
         createClickHandler = _ref.createClickHandler;
-    return v("li", {
+    return h("li", {
       className: classnames(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
-    }, isDisabled ? v("span", {
+    }, isDisabled ? h("span", {
       className: cssClasses.link,
       dangerouslySetInnerHTML: {
         __html: label
       }
-    }) : v("a", {
+    }) : h("a", {
       className: cssClasses.link,
       "aria-label": ariaLabel,
       href: createURL(pageNumber),
@@ -18646,7 +19054,7 @@
         }
       };
 
-      S(v(Pagination, {
+      P(h(Pagination, {
         createURL: createURL,
         cssClasses: cssClasses,
         currentPage: currentRefinement,
@@ -18748,7 +19156,7 @@
       scrollToNode: scrollToNode
     });
     var makeWidget = connectPagination(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       totalPages: totalPages,
@@ -18758,23 +19166,23 @@
     });
   };
 
-  var t$1,u$1,r$1,o$1=0,i=[],c$1=l.__b,f$1=l.__r,e$1=l.diffed,a$1=l.__c,v$1=l.unmount;function m$1(t,r){l.__h&&l.__h(u$1,t,o$1||r),o$1=0;var i=u$1.__H||(u$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function l$1(n){return o$1=1,p$1(w$1,n)}function p$1(n,r,o){var i=m$1(t$1++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u$1),i.__}function y$1(r,o){var i=m$1(t$1++,3);!l.__s&&k$1(i.__H,o)&&(i.__=r,i.__H=o,u$1.__H.__h.push(i));}function s$1(n){return o$1=5,d$1(function(){return {current:n}},[])}function d$1(n,u){var r=m$1(t$1++,7);return k$1(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function x$1(){var t;for(i.sort(function(n,t){return n.__v.__b-t.__v.__b});t=i.pop();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l.__e(u,t.__v);}}l.__b=function(n){u$1=null,c$1&&c$1(n);},l.__r=function(n){f$1&&f$1(n),t$1=0;var r=(u$1=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r$1===l.requestAnimationFrame||((r$1=l.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b$1&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b$1&&(t=requestAnimationFrame(u));})(x$1)),u$1=null;},l.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l.__e(r,t.__v);}}),a$1&&a$1(t,u);},l.unmount=function(t){v$1&&v$1(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l.__e(u,r.__v));};var b$1="function"==typeof requestAnimationFrame;function g$1(n){var t=u$1,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u$1=t;}function j$1(n){var t=u$1;n.__c=n.__(),u$1=t;}function k$1(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
+  var t$2,r$1,u$1,i,o$1=0,c$1=[],f$1=[],e$2=l.__b,a$1=l.__r,v$1=l.diffed,l$1=l.__c,m$2=l.unmount;function d$1(t,u){l.__h&&l.__h(r$1,t,o$1||u),o$1=0;var i=r$1.__H||(r$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:f$1}),i.__[t]}function p$1(n){return o$1=1,y$1(z$1,n)}function y$1(n,u,i){var o=d$1(t$2++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):z$1(void 0,u),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=r$1,!r$1.u)){r$1.u=!0;var c=r$1.shouldComponentUpdate;r$1.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});return u.every(function(n){return !n.__N})?!c||c.call(this,n,t,r):!u.every(function(n){if(!n.__N)return !0;var t=n.__[0];return n.__=n.__N,n.__N=void 0,t===n.__[0]})&&(!c||c.call(this,n,t,r))};}return o.__N||o.__}function h$1(u,i){var o=d$1(t$2++,3);!l.__s&&w$1(o.__H,i)&&(o.__=u,o.i=i,r$1.__H.__h.push(o));}function _$1(n){return o$1=5,F(function(){return {current:n}},[])}function F(n,r){var u=d$1(t$2++,7);return w$1(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function b$1(){for(var t;t=c$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(j$1),t.__H.__h.forEach(k$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l.__e(r,t.__v);}}l.__b=function(n){r$1=null,e$2&&e$2(n);},l.__r=function(n){a$1&&a$1(n),t$2=0;var i=(r$1=n.__c).__H;i&&(u$1===r$1?(i.__h=[],r$1.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=f$1,n.__N=n.i=void 0;})):(i.__h.forEach(j$1),i.__h.forEach(k$1),i.__h=[])),u$1=r$1;},l.diffed=function(t){v$1&&v$1(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==c$1.push(o)&&i===l.requestAnimationFrame||((i=l.requestAnimationFrame)||function(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));})(b$1)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==f$1&&(n.__=n.__V),n.i=void 0,n.__V=f$1;})),u$1=r$1=null;},l.__c=function(t,r){r.some(function(t){try{t.__h.forEach(j$1),t.__h=t.__h.filter(function(n){return !n.__||k$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l.__e(u,t.__v);}}),l$1&&l$1(t,r);},l.unmount=function(t){m$2&&m$2(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{j$1(n);}catch(n){r=n;}}),r&&l.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j$1(n){var t=r$1,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$1=t;}function k$1(n){var t=r$1;n.__c=n.__(),r$1=t;}function w$1(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function z$1(n,t){return "function"==typeof t?t(n):t}
 
   function Panel(props) {
     var _cx;
 
-    var _useState = l$1(props.isCollapsed),
+    var _useState = p$1(props.isCollapsed),
         _useState2 = _slicedToArray(_useState, 2),
         isCollapsed = _useState2[0],
         setIsCollapsed = _useState2[1];
 
-    var _useState3 = l$1(false),
+    var _useState3 = p$1(false),
         _useState4 = _slicedToArray(_useState3, 2),
         isControlled = _useState4[0],
         setIsControlled = _useState4[1];
 
-    var bodyRef = s$1(null);
-    y$1(function () {
+    var bodyRef = _$1(null);
+    h$1(function () {
       var node = bodyRef.current;
 
       if (!node) {
@@ -18791,17 +19199,17 @@
       setIsCollapsed(props.isCollapsed);
     }
 
-    return v("div", {
+    return h("div", {
       className: classnames(props.cssClasses.root, (_cx = {}, _defineProperty(_cx, props.cssClasses.noRefinementRoot, props.hidden), _defineProperty(_cx, props.cssClasses.collapsibleRoot, props.collapsible), _defineProperty(_cx, props.cssClasses.collapsedRoot, isCollapsed), _cx)),
       hidden: props.hidden
-    }, props.templates.header && v("div", {
+    }, props.templates.header && h("div", {
       className: props.cssClasses.header
-    }, v(Template, {
+    }, h(Template, {
       templates: props.templates,
       templateKey: "header",
       rootTagName: "span",
       data: props.data
-    }), props.collapsible && v("button", {
+    }), props.collapsible && h("button", {
       className: props.cssClasses.collapseButton,
       "aria-expanded": !isCollapsed,
       onClick: function onClick(event) {
@@ -18811,17 +19219,17 @@
           return !prevIsCollapsed;
         });
       }
-    }, v(Template, {
+    }, h(Template, {
       templates: props.templates,
       templateKey: "collapseButtonText",
       rootTagName: "span",
       data: {
         collapsed: isCollapsed
       }
-    }))), v("div", {
+    }))), h("div", {
       className: props.cssClasses.body,
       ref: bodyRef
-    }), props.templates.footer && v(Template, {
+    }), props.templates.footer && h(Template, {
       templates: props.templates,
       templateKey: "footer",
       rootProps: {
@@ -18846,7 +19254,7 @@
           hidden = _ref2.hidden,
           collapsible = _ref2.collapsible,
           collapsed = _ref2.collapsed;
-      S(v(Panel, {
+      P(h(Panel, {
         cssClasses: cssClasses,
         hidden: hidden,
         collapsible: collapsible,
@@ -18982,7 +19390,7 @@
             }
           },
           dispose: function dispose() {
-            S(null, containerNode);
+            P(null, containerNode);
 
             if (typeof widget.dispose === 'function') {
               var _widget$dispose;
@@ -19106,12 +19514,12 @@
 
   /** @jsx h */
 
-  var _ref2 = v("path", {
+  var _ref2 = h("path", {
     fill: "#5468FF",
     d: "M78.99.94h16.6a2.97 2.97 0 012.96 2.96v16.6a2.97 2.97 0 01-2.97 2.96h-16.6a2.97 2.97 0 01-2.96-2.96V3.9A2.96 2.96 0 0179 .94"
   });
 
-  var _ref3 = v("path", {
+  var _ref3 = h("path", {
     fill: "#FFF",
     d: "M89.63 5.97v-.78a.98.98 0 00-.98-.97h-2.28a.98.98 0 00-.97.97V6c0 .09.08.15.17.13a7.13 7.13 0 013.9-.02c.08.02.16-.04.16-.13m-6.25 1L83 6.6a.98.98 0 00-1.38 0l-.46.46a.97.97 0 000 1.38l.38.39c.06.06.15.04.2-.02a7.49 7.49 0 011.63-1.62c.07-.04.08-.14.02-.2m4.16 2.45v3.34c0 .1.1.17.2.12l2.97-1.54c.06-.03.08-.12.05-.18a3.7 3.7 0 00-3.08-1.87c-.07 0-.14.06-.14.13m0 8.05a4.49 4.49 0 110-8.98 4.49 4.49 0 010 8.98m0-10.85a6.37 6.37 0 100 12.74 6.37 6.37 0 000-12.74"
   });
@@ -19120,15 +19528,15 @@
     var url = _ref.url,
         theme = _ref.theme,
         cssClasses = _ref.cssClasses;
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v("a", {
+    }, h("a", {
       href: url,
       target: "_blank",
       className: cssClasses.link,
       "aria-label": "Search by Algolia",
       rel: "noopener noreferrer"
-    }, v("svg", {
+    }, h("svg", {
       height: "1.2em",
       className: cssClasses.logo,
       viewBox: "0 0 168 24" // This style is necessary as long as it's not included in InstantSearch.css.
@@ -19137,10 +19545,10 @@
       style: {
         width: 'auto'
       }
-    }, v("path", {
+    }, h("path", {
       fill: theme === 'dark' ? '#FFF' : '#5D6494',
       d: "M6.97 6.68V8.3a4.47 4.47 0 00-2.42-.67 2.2 2.2 0 00-1.38.4c-.34.26-.5.6-.5 1.02 0 .43.16.77.49 1.03.33.25.83.53 1.51.83a7.04 7.04 0 011.9 1.08c.34.24.58.54.73.89.15.34.23.74.23 1.18 0 .95-.33 1.7-1 2.24a4 4 0 01-2.6.81 5.71 5.71 0 01-2.94-.68v-1.71c.84.63 1.81.94 2.92.94.58 0 1.05-.14 1.39-.4.34-.28.5-.65.5-1.13 0-.29-.1-.55-.3-.8a2.2 2.2 0 00-.65-.53 23.03 23.03 0 00-1.64-.78 13.67 13.67 0 01-1.11-.64c-.12-.1-.28-.22-.46-.4a1.72 1.72 0 01-.39-.5 4.46 4.46 0 01-.22-.6c-.07-.23-.1-.48-.1-.75 0-.91.33-1.63 1-2.17a4 4 0 012.57-.8c.97 0 1.8.18 2.47.52zm7.47 5.7v-.3a2.26 2.26 0 00-.5-1.44c-.3-.35-.74-.53-1.32-.53-.53 0-.99.2-1.37.58a2.9 2.9 0 00-.72 1.68h3.91zm1 2.79v1.4c-.6.34-1.38.51-2.36.51a4.02 4.02 0 01-3-1.13 4.04 4.04 0 01-1.11-2.97c0-1.3.34-2.32 1.02-3.06a3.38 3.38 0 012.6-1.1c1.03 0 1.85.32 2.46.96.6.64.9 1.57.9 2.78 0 .33-.03.68-.09 1.04h-5.31c.1.7.4 1.24.89 1.61.49.38 1.1.56 1.85.56.86 0 1.58-.2 2.15-.6zm6.61-1.78h-1.21c-.6 0-1.05.12-1.35.36-.3.23-.46.53-.46.89 0 .37.12.66.36.88.23.2.57.32 1.02.32.5 0 .9-.15 1.2-.43.3-.28.44-.65.44-1.1v-.92zm-4.07-2.55V9.33a4.96 4.96 0 012.5-.55c2.1 0 3.17 1.03 3.17 3.08V17H22.1v-.96c-.42.68-1.15 1.02-2.19 1.02-.76 0-1.38-.22-1.84-.66-.46-.44-.7-1-.7-1.68 0-.78.3-1.38.88-1.81.59-.43 1.4-.65 2.46-.65h1.34v-.46c0-.55-.13-.97-.4-1.25-.26-.29-.7-.43-1.32-.43-.86 0-1.65.24-2.35.72zm9.34-1.93v1.42c.39-1 1.1-1.5 2.12-1.5.15 0 .31.02.5.05v1.53c-.23-.1-.48-.14-.76-.14-.54 0-.99.24-1.34.71a2.8 2.8 0 00-.52 1.71V17h-1.57V8.91h1.57zm5 4.09a3 3 0 00.76 2.01c.47.53 1.14.8 2 .8.64 0 1.24-.18 1.8-.53v1.4c-.53.32-1.2.48-2 .48a3.98 3.98 0 01-4.17-4.18c0-1.16.38-2.15 1.14-2.98a4 4 0 013.1-1.23c.7 0 1.34.15 1.92.44v1.44a3.24 3.24 0 00-1.77-.5A2.65 2.65 0 0032.33 13zm7.92-7.28v4.58c.46-1 1.3-1.5 2.5-1.5.8 0 1.42.24 1.9.73.48.5.72 1.17.72 2.05V17H43.8v-5.1c0-.56-.14-.99-.43-1.29-.28-.3-.65-.45-1.1-.45-.54 0-1 .2-1.42.6-.4.4-.61 1.02-.61 1.85V17h-1.56V5.72h1.56zM55.2 15.74c.6 0 1.1-.25 1.5-.76.4-.5.6-1.16.6-1.95 0-.92-.2-1.62-.6-2.12-.4-.5-.92-.74-1.55-.74-.56 0-1.05.22-1.5.67-.44.45-.66 1.13-.66 2.06 0 .96.22 1.67.64 2.14.43.47.95.7 1.57.7zM53 5.72v4.42a2.74 2.74 0 012.43-1.34c1.03 0 1.86.38 2.51 1.15.65.76.97 1.78.97 3.05 0 1.13-.3 2.1-.92 2.9-.62.81-1.47 1.21-2.54 1.21s-1.9-.45-2.46-1.34V17h-1.58V5.72H53zm9.9 11.1l-3.22-7.9h1.74l1 2.62 1.26 3.42c.1-.32.48-1.46 1.15-3.42l.91-2.63h1.66l-2.92 7.87c-.78 2.07-1.96 3.1-3.56 3.1-.28 0-.53-.02-.73-.07v-1.34c.17.04.35.06.54.06 1.03 0 1.76-.57 2.17-1.7z"
-    }), _ref2, _ref3, v("path", {
+    }), _ref2, _ref3, h("path", {
       fill: theme === 'dark' ? '#FFF' : '#5468FF',
       d: "M120.92 18.8c-4.38.02-4.38-3.54-4.38-4.1V1.36l2.67-.42v13.25c0 .32 0 2.36 1.71 2.37v2.24zm-10.84-2.18c.82 0 1.43-.04 1.85-.12v-2.72a5.48 5.48 0 00-1.57-.2c-.3 0-.6.02-.9.07-.3.04-.57.12-.81.24-.24.11-.44.28-.58.49a.93.93 0 00-.22.65c0 .63.22 1 .61 1.23.4.24.94.36 1.62.36zm-.23-9.7c.88 0 1.62.11 2.23.33.6.22 1.09.53 1.44.92.36.4.61.92.76 1.48.16.56.23 1.17.23 1.85v6.87a21.69 21.69 0 01-4.68.5c-.69 0-1.32-.07-1.9-.2a4 4 0 01-1.46-.63 3.3 3.3 0 01-.96-1.13 4.3 4.3 0 01-.34-1.8 3.13 3.13 0 011.43-2.63c.45-.3.95-.5 1.54-.62a8.8 8.8 0 013.79.05v-.44c0-.3-.04-.6-.11-.87a1.78 1.78 0 00-1.1-1.22 3.2 3.2 0 00-1.15-.2 9.75 9.75 0 00-2.95.46l-.33-2.19a11.43 11.43 0 013.56-.53zm52.84 9.63c.82 0 1.43-.05 1.85-.13V13.7a5.42 5.42 0 00-1.57-.2c-.3 0-.6.02-.9.07-.3.04-.57.12-.81.24-.24.12-.44.28-.58.5a.93.93 0 00-.22.65c0 .63.22.99.61 1.23.4.24.94.36 1.62.36zm-.23-9.7c.88 0 1.63.11 2.23.33.6.22 1.1.53 1.45.92.35.39.6.92.76 1.48.15.56.23 1.18.23 1.85v6.88c-.41.08-1.03.19-1.87.31-.83.12-1.77.18-2.81.18-.7 0-1.33-.06-1.9-.2a4 4 0 01-1.47-.63c-.4-.3-.72-.67-.95-1.13a4.3 4.3 0 01-.34-1.8c0-.66.13-1.08.38-1.53.26-.45.61-.82 1.05-1.1.44-.3.95-.5 1.53-.62a8.8 8.8 0 013.8.05v-.43c0-.31-.04-.6-.12-.88-.07-.28-.2-.52-.38-.73a1.78 1.78 0 00-.73-.5c-.3-.1-.68-.2-1.14-.2a9.85 9.85 0 00-2.95.47l-.32-2.19a11.63 11.63 0 013.55-.53zm-8.03-1.27a1.62 1.62 0 000-3.24 1.62 1.62 0 100 3.24zm1.35 13.22h-2.7V7.27l2.7-.42V18.8zm-4.72 0c-4.38.02-4.38-3.54-4.38-4.1l-.01-13.34 2.67-.42v13.25c0 .32 0 2.36 1.72 2.37v2.24zm-8.7-5.9a4.7 4.7 0 00-.74-2.79 2.4 2.4 0 00-2.07-1 2.4 2.4 0 00-2.06 1 4.7 4.7 0 00-.74 2.8c0 1.16.25 1.94.74 2.62a2.4 2.4 0 002.07 1.02c.88 0 1.57-.34 2.07-1.02a4.2 4.2 0 00.73-2.63zm2.74 0a6.46 6.46 0 01-1.52 4.23c-.49.53-1.07.94-1.76 1.22-.68.29-1.73.45-2.26.45a6.6 6.6 0 01-2.25-.45 5.1 5.1 0 01-2.88-3.13 7.3 7.3 0 01-.01-4.84 5.13 5.13 0 012.9-3.1 5.67 5.67 0 012.22-.42c.81 0 1.56.14 2.24.42.69.29 1.28.69 1.75 1.22.49.52.87 1.15 1.14 1.89a7 7 0 01.43 2.5zm-20.14 0c0 1.11.25 2.36.74 2.88.5.52 1.13.78 1.91.78a4.07 4.07 0 002.12-.6V9.33c-.19-.04-.99-.2-1.76-.23a2.67 2.67 0 00-2.23 1 4.73 4.73 0 00-.78 2.8zm7.44 5.27c0 1.82-.46 3.16-1.4 4-.94.85-2.37 1.27-4.3 1.27-.7 0-2.17-.13-3.34-.4l.43-2.11c.98.2 2.27.26 2.95.26 1.08 0 1.84-.22 2.3-.66.46-.43.68-1.08.68-1.94v-.44a5.2 5.2 0 01-2.54.6 5.6 5.6 0 01-2.01-.36 4.2 4.2 0 01-2.58-2.71 9.88 9.88 0 01.02-5.35 4.92 4.92 0 012.93-2.96 6.6 6.6 0 012.43-.46 19.64 19.64 0 014.43.66v10.6z"
     }))));
@@ -19161,7 +19569,7 @@
       if (isFirstRendering) {
         var _widgetParams$theme = widgetParams.theme,
             theme = _widgetParams$theme === void 0 ? 'light' : _widgetParams$theme;
-        S(v(PoweredBy, {
+        P(h(PoweredBy, {
           cssClasses: cssClasses,
           url: url,
           theme: theme
@@ -19200,7 +19608,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectPoweredBy(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       theme: theme
@@ -19231,7 +19639,7 @@
     var cssClasses = _ref.cssClasses,
         templates = _ref.templates,
         items = _ref.items;
-    return v(Template, {
+    return h(Template, {
       templateKey: "default",
       templates: templates,
       rootProps: {
@@ -19260,7 +19668,7 @@
         templates = _ref2.templates;
     return function (_ref3) {
       var items = _ref3.items;
-      S(v(QueryRuleCustomData, {
+      P(h(QueryRuleCustomData, {
         cssClasses: cssClasses,
         templates: templates,
         items: items
@@ -19298,7 +19706,7 @@
       templates: templates
     });
     var makeWidget = connectQueryRules(specializedRenderer, function () {
-      S(null, containerNode);
+      P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       transformItems: transformItems
@@ -19369,14 +19777,14 @@
         var isDisabled = min && max ? min >= max : false;
         var hasRefinements = Boolean(minValue || maxValue);
         var rootClassNames = classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinement, !hasRefinements));
-        return v("div", {
+        return h("div", {
           className: rootClassNames
-        }, v("form", {
+        }, h("form", {
           className: cssClasses.form,
           onSubmit: this.onSubmit
-        }, v("label", {
+        }, h("label", {
           className: cssClasses.label
-        }, v("input", {
+        }, h("input", {
           className: classnames(cssClasses.input, cssClasses.inputMin),
           type: "number",
           min: min,
@@ -19386,15 +19794,15 @@
           onInput: this.onInput('min'),
           placeholder: min === null || min === void 0 ? void 0 : min.toString(),
           disabled: isDisabled
-        })), v(Template, _extends({}, templateProps, {
+        })), h(Template, _extends({}, templateProps, {
           templateKey: "separatorText",
           rootTagName: "span",
           rootProps: {
             className: cssClasses.separator
           }
-        })), v("label", {
+        })), h("label", {
           className: cssClasses.label
-        }, v("input", {
+        }, h("input", {
           className: classnames(cssClasses.input, cssClasses.inputMax),
           type: "number",
           min: min,
@@ -19404,7 +19812,7 @@
           onInput: this.onInput('max'),
           placeholder: max === null || max === void 0 ? void 0 : max.toString(),
           disabled: isDisabled
-        })), v(Template, _extends({}, templateProps, {
+        })), h(Template, _extends({}, templateProps, {
           templateKey: "submitText",
           rootTagName: "button",
           rootProps: {
@@ -19417,15 +19825,19 @@
     }]);
 
     return RangeInput;
-  }(_);
+  }(d);
 
   var withUsage$L = createDocumentationMessageGenerator({
     name: 'range-input'
   });
   var suit$l = component('RangeInput');
   var defaultTemplates$c = {
-    separatorText: 'to',
-    submitText: 'Go'
+    separatorText: function separatorText() {
+      return 'to';
+    },
+    submitText: function submitText() {
+      return 'Go';
+    }
   };
 
   var renderer$g = function renderer(_ref) {
@@ -19461,7 +19873,7 @@
         min: minValue !== -Infinity && minValue !== rangeMin ? minValue : undefined,
         max: maxValue !== Infinity && maxValue !== rangeMax ? maxValue : undefined
       };
-      S(v(RangeInput, {
+      P(h(RangeInput, {
         min: rangeMin,
         max: rangeMax,
         step: step,
@@ -19527,7 +19939,7 @@
       renderState: {}
     });
     var makeWidget = connectRange(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -19585,14 +19997,14 @@
   }
 
   function Button(props) {
-    return v("button", _extends({}, props, {
+    return h("button", _extends({}, props, {
       type: "button"
     }));
   } // Preact doesn't have builtin types for Style, JSX.HTMLAttributes['style'] is just object
   // maybe migrate to csstype later?
 
 
-  var _ref6 = v("div", {
+  var _ref6 = h("div", {
     className: "rheostat-background"
   });
 
@@ -19622,7 +20034,7 @@
         values: _this.props.values
       });
 
-      _defineProperty(_assertThisInitialized(_this), "rheostat", p());
+      _defineProperty(_assertThisInitialized(_this), "rheostat", y());
 
       _this.getPublicState = _this.getPublicState.bind(_assertThisInitialized(_this));
       _this.getSliderBoundingBox = _this.getSliderBoundingBox.bind(_assertThisInitialized(_this));
@@ -20126,7 +20538,7 @@
             className = _this$state6.className,
             handlePos = _this$state6.handlePos,
             values = _this$state6.values;
-        return v("div", {
+        return h("div", {
           className: className,
           ref: this.rheostat,
           onClick: disabled ? undefined : this.handleClick,
@@ -20141,7 +20553,7 @@
             left: "".concat(pos, "%"),
             position: 'absolute'
           };
-          return v(Handle, {
+          return h(Handle, {
             "aria-valuemax": _this7.getMaxValue(idx),
             "aria-valuemin": _this7.getMinValue(idx),
             "aria-valuenow": values[idx],
@@ -20162,7 +20574,7 @@
             return null;
           }
 
-          return v(ProgressBar, {
+          return h(ProgressBar, {
             className: "rheostat-progress",
             key: "progress-bar-".concat(idx),
             style: _this7.getProgressStyle(idx)
@@ -20176,7 +20588,7 @@
             left: "".concat(pos, "%"),
             position: 'absolute'
           };
-          return v(PitComponent, {
+          return h(PitComponent, {
             key: "pit-".concat(n),
             style: pitStyle
           }, n);
@@ -20185,7 +20597,7 @@
     }]);
 
     return Rheostat;
-  }(_);
+  }(d);
 
   _defineProperty(Rheostat, "defaultProps", {
     className: '',
@@ -20218,14 +20630,14 @@
     var shouldDisplayValue = [0, 50, 100].includes(positionValue);
     var value = children;
     var pitValue = Math.round(parseInt(value, 10) * 100) / 100;
-    return v("div", {
+    return h("div", {
       style: _objectSpread2(_objectSpread2({}, style), {}, {
         marginLeft: positionValue === 100 ? '-2px' : 0
       }),
       className: classnames('rheostat-marker', 'rheostat-marker-horizontal', {
         'rheostat-marker-large': shouldDisplayValue
       })
-    }, shouldDisplayValue && v("div", {
+    }, shouldDisplayValue && h("div", {
       className: 'rheostat-value'
     }, pitValue));
   };
@@ -20265,9 +20677,9 @@
             'rheostat-handle-lower': props['data-handle-key'] === 0,
             'rheostat-handle-upper': props['data-handle-key'] === 1
           });
-          return v("div", _extends({}, props, {
+          return h("div", _extends({}, props, {
             className: className
-          }), tooltips && v("div", {
+          }), tooltips && h("div", {
             className: "rheostat-tooltip"
           }, value));
         };
@@ -20337,9 +20749,9 @@
           min: min,
           max: max
         });
-        return v("div", {
+        return h("div", {
           className: classnames(cssClasses.root, _defineProperty({}, cssClasses.disabledRoot, this.isDisabled))
-        }, v(Rheostat, {
+        }, h(Rheostat, {
           handle: this.createHandleComponent(tooltips),
           onChange: this.handleChange,
           min: min,
@@ -20355,7 +20767,7 @@
     }]);
 
     return Slider;
-  }(_);
+  }(d);
 
   var withUsage$M = createDocumentationMessageGenerator({
     name: 'range-slider'
@@ -20391,7 +20803,7 @@
       // backward compatible so we still need to pass [-Infinity, Infinity]
 
       var values = [minFinite > maxRange ? maxRange : minFinite, maxFinite < minRange ? minRange : maxFinite];
-      S(v(Slider, {
+      P(h(Slider, {
         cssClasses: cssClasses,
         refine: refine,
         min: minRange,
@@ -20450,7 +20862,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectRange(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20463,8 +20875,58 @@
     });
   };
 
+  /** @jsx h */
+
+  function ItemWrapper(_ref) {
+    var children = _ref.children,
+        count = _ref.count,
+        value = _ref.value,
+        url = _ref.url,
+        cssClasses = _ref.cssClasses;
+
+    if (count) {
+      return h("a", {
+        className: cx$1(cssClasses.link),
+        "aria-label": "".concat(value, " & up"),
+        href: url
+      }, children);
+    }
+
+    return h("div", {
+      className: cx$1(cssClasses.link),
+      "aria-label": "".concat(value, " & up"),
+      disabled: true
+    }, children);
+  }
+
   var defaultTemplates$d = {
-    item: "{{#count}}<a class=\"{{cssClasses.link}}\" aria-label=\"{{value}} & up\" href=\"{{url}}\">{{/count}}{{^count}}<div class=\"{{cssClasses.link}}\" aria-label=\"{{value}} & up\" disabled>{{/count}}\n  {{#stars}}<svg class=\"{{cssClasses.starIcon}} {{#.}}{{cssClasses.fullStarIcon}}{{/.}}{{^.}}{{cssClasses.emptyStarIcon}}{{/.}}\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n    {{#.}}<use xlink:href=\"#ais-RatingMenu-starSymbol\"></use>{{/.}}{{^.}}<use xlink:href=\"#ais-RatingMenu-starEmptySymbol\"></use>{{/.}}\n  </svg>{{/stars}}\n  <span class=\"{{cssClasses.label}}\">& Up</span>\n  {{#count}}<span class=\"{{cssClasses.count}}\">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>{{/count}}\n{{#count}}</a>{{/count}}{{^count}}</div>{{/count}}"
+    item: function item(_ref2) {
+      var count = _ref2.count,
+          value = _ref2.value,
+          url = _ref2.url,
+          stars = _ref2.stars,
+          cssClasses = _ref2.cssClasses;
+      return h(ItemWrapper, {
+        count: count,
+        value: value,
+        url: url,
+        cssClasses: cssClasses
+      }, stars.map(function (isFull, index) {
+        return h("svg", {
+          key: index,
+          className: cx$1([cx$1(cssClasses.starIcon), cx$1(isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon)]),
+          "aria-hidden": "true",
+          width: "24",
+          height: "24"
+        }, h("use", {
+          xlinkHref: isFull ? '#ais-RatingMenu-starSymbol' : '#ais-RatingMenu-starEmptySymbol'
+        }));
+      }), h("span", {
+        className: cx$1(cssClasses.label)
+      }, "& Up"), count && h("span", {
+        className: cx$1(cssClasses.count)
+      }, formatNumber(count)));
+    }
   };
 
   var withUsage$N = createDocumentationMessageGenerator({
@@ -20472,11 +20934,11 @@
   });
   var suit$n = component('RatingMenu');
 
-  var _ref3$1 = v("path", {
+  var _ref3$1 = 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"
   });
 
-  var _ref4 = v("path", {
+  var _ref4 = h("path", {
     d: "M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z"
   });
 
@@ -20500,20 +20962,20 @@
         return;
       }
 
-      S(v(RefinementList$1, {
+      P(h(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
         templateProps: renderState.templateProps,
         toggleRefinement: refine
-      }, v("svg", {
+      }, h("svg", {
         style: "display:none;"
-      }, v("symbol", {
+      }, h("symbol", {
         id: suit$n({
           descendantName: 'starSymbol'
         }),
         viewBox: "0 0 24 24"
-      }, _ref3$1), v("symbol", {
+      }, _ref3$1), h("symbol", {
         id: suit$n({
           descendantName: 'starEmptySymbol'
         }),
@@ -20612,7 +21074,7 @@
       templates: templates
     });
     var makeWidget = connectRatingMenu(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20622,16 +21084,101 @@
     });
   };
 
+  /** @jsx h */
+
+  var _ref2$1 = h("path", {
+    d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
+  });
+
+  var _ref4$1 = h("path", {
+    d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
+  });
+
+  var _ref6$1 = h("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, h("g", {
+    transform: "translate(1 1)",
+    strokeWidth: "2"
+  }, h("circle", {
+    strokeOpacity: ".5",
+    cx: "18",
+    cy: "18",
+    r: "18"
+  }), h("path", {
+    d: "M36 18c0-9.94-8.06-18-18-18"
+  }, h("animateTransform", {
+    attributeName: "transform",
+    type: "rotate",
+    from: "0 18 18",
+    to: "360 18 18",
+    dur: "1s",
+    repeatCount: "indefinite"
+  }))));
+
   var defaultTemplate = {
-    reset: "\n<svg class=\"{{cssClasses.resetIcon}}\" viewBox=\"0 0 20 20\" width=\"10\" height=\"10\">\n  <path d=\"M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z\"></path>\n</svg>\n  ",
-    submit: "\n<svg class=\"{{cssClasses.submitIcon}}\" width=\"10\" height=\"10\" viewBox=\"0 0 40 40\">\n  <path d=\"M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z\"></path>\n</svg>\n  ",
-    loadingIndicator: "\n<svg class=\"{{cssClasses.loadingIcon}}\" width=\"16\" height=\"16\" viewBox=\"0 0 38 38\" stroke=\"#444\">\n  <g fill=\"none\" fillRule=\"evenodd\">\n    <g transform=\"translate(1 1)\" strokeWidth=\"2\">\n      <circle strokeOpacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n        <animateTransform\n          attributeName=\"transform\"\n          type=\"rotate\"\n          from=\"0 18 18\"\n          to=\"360 18 18\"\n          dur=\"1s\"\n          repeatCount=\"indefinite\"\n        />\n      </path>\n    </g>\n  </g>\n</svg>\n  "
+    reset: function reset(_ref) {
+      var cssClasses = _ref.cssClasses;
+      return h("svg", {
+        className: cssClasses.resetIcon,
+        viewBox: "0 0 20 20",
+        width: "10",
+        height: "10"
+      }, _ref2$1);
+    },
+    submit: function submit(_ref3) {
+      var cssClasses = _ref3.cssClasses;
+      return h("svg", {
+        className: cssClasses.submitIcon,
+        width: "10",
+        height: "10",
+        viewBox: "0 0 40 40"
+      }, _ref4$1);
+    },
+    loadingIndicator: function loadingIndicator(_ref5) {
+      var cssClasses = _ref5.cssClasses;
+      return h("svg", {
+        className: cssClasses.loadingIcon,
+        width: "16",
+        height: "16",
+        viewBox: "0 0 38 38",
+        stroke: "#444"
+      }, _ref6$1);
+    }
   };
 
+  /** @jsx h */
   var defaultTemplates$e = {
-    item: "<label class=\"{{cssClasses.label}}\">\n  <input type=\"checkbox\"\n         class=\"{{cssClasses.checkbox}}\"\n         value=\"{{value}}\"\n         {{#isRefined}}checked{{/isRefined}} />\n  <span class=\"{{cssClasses.labelText}}\">{{#isFromSearch}}{{{highlighted}}}{{/isFromSearch}}{{^isFromSearch}}{{highlighted}}{{/isFromSearch}}</span>\n  <span class=\"{{cssClasses.count}}\">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>\n</label>",
-    showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n    ",
-    searchableNoResults: 'No results'
+    item: function item(_ref) {
+      var cssClasses = _ref.cssClasses,
+          count = _ref.count,
+          value = _ref.value,
+          highlighted = _ref.highlighted,
+          isRefined = _ref.isRefined,
+          isFromSearch = _ref.isFromSearch;
+      return h("label", {
+        className: cx$1(cssClasses.label)
+      }, h("input", {
+        type: "checkbox",
+        className: cx$1(cssClasses.checkbox),
+        value: value,
+        defaultChecked: isRefined
+      }), h("span", {
+        className: cx$1(cssClasses.labelText),
+        dangerouslySetInnerHTML: isFromSearch ? {
+          __html: highlighted
+        } : undefined
+      }, !isFromSearch && highlighted), h("span", {
+        className: cx$1(cssClasses.count)
+      }, formatNumber(count)));
+    },
+    showMoreText: function showMoreText(_ref2) {
+      var isShowingMore = _ref2.isShowingMore;
+      return isShowingMore ? 'Show less' : 'Show more';
+    },
+    searchableNoResults: function searchableNoResults() {
+      return 'No results';
+    }
   };
 
   var withUsage$O = createDocumentationMessageGenerator({
@@ -20676,7 +21223,7 @@
         return;
       }
 
-      S(v(RefinementList$1, {
+      P(h(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -20828,7 +21375,7 @@
       showMore: showMore
     });
     var makeWidget = connectRefinementList(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20852,9 +21399,9 @@
         isRelevantSorted = _ref.isRelevantSorted,
         isVirtualReplica = _ref.isVirtualReplica,
         refine = _ref.refine;
-    return isVirtualReplica ? v("div", {
+    return isVirtualReplica ? h("div", {
       className: cssClasses.root
-    }, v(Template, {
+    }, h(Template, {
       templateKey: "text",
       templates: templates,
       rootProps: {
@@ -20863,7 +21410,7 @@
       data: {
         isRelevantSorted: isRelevantSorted
       }
-    }), v("button", {
+    }), h("button", {
       type: "button",
       className: cssClasses.button,
       onClick: function onClick() {
@@ -20873,7 +21420,7 @@
           refine(undefined);
         }
       }
-    }, v(Template, {
+    }, h(Template, {
       rootTagName: "span",
       templateKey: "button",
       templates: templates,
@@ -20884,7 +21431,9 @@
   };
 
   var defaultTemplates$f = {
-    text: '',
+    text: function text() {
+      return '';
+    },
     button: function button(_ref) {
       var isRelevantSorted = _ref.isRelevantSorted;
       return isRelevantSorted ? 'See all results' : 'See relevant results';
@@ -20904,7 +21453,7 @@
       var isRelevantSorted = _ref2.isRelevantSorted,
           isVirtualReplica = _ref2.isVirtualReplica,
           refine = _ref2.refine;
-      S(v(RelevantSort, {
+      P(h(RelevantSort, {
         cssClasses: cssClasses,
         templates: templates,
         isRelevantSorted: isRelevantSorted,
@@ -20945,7 +21494,7 @@
       templates: templates
     });
     var makeWidget = connectRelevantSort(specializedRenderer, function () {
-      S(null, containerNode);
+      P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({})), {}, {
       $$widgetType: 'ais.relevantSort'
@@ -20971,7 +21520,7 @@
       var refine = _ref2.refine,
           query = _ref2.query,
           isSearchStalled = _ref2.isSearchStalled;
-      S(v(SearchBox, {
+      P(h(SearchBox, {
         query: query,
         placeholder: placeholder,
         autofocus: autofocus,
@@ -21064,7 +21613,7 @@
       showLoadingIndicator: showLoadingIndicator
     });
     var makeWidget = connectSearchBox(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       queryHook: queryHook
@@ -21090,9 +21639,9 @@
         return;
       }
 
-      S(v("div", {
+      P(h("div", {
         className: cssClasses.root
-      }, v(Selector, {
+      }, h(Selector, {
         cssClasses: cssClasses,
         currentValue: currentRefinement,
         options: options,
@@ -21133,7 +21682,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectSortBy(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,
@@ -21151,9 +21700,9 @@
         templateProps = _ref.templateProps,
         rest = _objectWithoutProperties(_ref, ["nbHits", "nbSortedHits", "cssClasses", "templateProps"]);
 
-    return v("div", {
+    return h("div", {
       className: classnames(cssClasses.root)
-    }, v(Template, _extends({}, templateProps, {
+    }, h(Template, _extends({}, templateProps, {
       templateKey: "text",
       rootTagName: "span",
       rootProps: {
@@ -21178,24 +21727,70 @@
   });
   var suit$s = component('Stats');
   var defaultTemplates$g = {
-    text: "\n    {{#areHitsSorted}}\n      {{#hasNoSortedResults}}No relevant results{{/hasNoSortedResults}}\n      {{#hasOneSortedResults}}1 relevant result{{/hasOneSortedResults}}\n      {{#hasManySortedResults}}{{#helpers.formatNumber}}{{nbSortedHits}}{{/helpers.formatNumber}} relevant results{{/hasManySortedResults}}\n      sorted out of {{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}}\n    {{/areHitsSorted}}\n    {{^areHitsSorted}}\n      {{#hasNoResults}}No results{{/hasNoResults}}\n      {{#hasOneResult}}1 result{{/hasOneResult}}\n      {{#hasManyResults}}{{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}} results{{/hasManyResults}}\n    {{/areHitsSorted}}\n    found in {{processingTimeMS}}ms"
+    text: function text(props) {
+      return "".concat(props.areHitsSorted ? getSortedResultsSentence(props) : getResultsSentence(props), " found in ").concat(props.processingTimeMS, "ms");
+    }
   };
 
-  var renderer$n = function renderer(_ref) {
-    var renderState = _ref.renderState,
-        cssClasses = _ref.cssClasses,
-        containerNode = _ref.containerNode,
-        templates = _ref.templates;
-    return function (_ref2, isFirstRendering) {
-      var hitsPerPage = _ref2.hitsPerPage,
-          nbHits = _ref2.nbHits,
-          nbSortedHits = _ref2.nbSortedHits,
-          areHitsSorted = _ref2.areHitsSorted,
-          nbPages = _ref2.nbPages,
-          page = _ref2.page,
-          processingTimeMS = _ref2.processingTimeMS,
-          query = _ref2.query,
-          instantSearchInstance = _ref2.instantSearchInstance;
+  function getSortedResultsSentence(_ref) {
+    var nbHits = _ref.nbHits,
+        hasNoSortedResults = _ref.hasNoSortedResults,
+        hasOneSortedResults = _ref.hasOneSortedResults,
+        hasManySortedResults = _ref.hasManySortedResults,
+        nbSortedHits = _ref.nbSortedHits;
+    var suffix = "sorted out of ".concat(formatNumber(nbHits));
+
+    if (hasNoSortedResults) {
+      return "No relevant results ".concat(suffix);
+    }
+
+    if (hasOneSortedResults) {
+      return "1 relevant result ".concat(suffix);
+    }
+
+    if (hasManySortedResults) {
+      return "".concat(formatNumber(nbSortedHits || 0), " relevant results ").concat(suffix);
+    }
+
+    return '';
+  }
+
+  function getResultsSentence(_ref2) {
+    var nbHits = _ref2.nbHits,
+        hasNoResults = _ref2.hasNoResults,
+        hasOneResult = _ref2.hasOneResult,
+        hasManyResults = _ref2.hasManyResults;
+
+    if (hasNoResults) {
+      return 'No results';
+    }
+
+    if (hasOneResult) {
+      return '1 result';
+    }
+
+    if (hasManyResults) {
+      return "".concat(formatNumber(nbHits), " results");
+    }
+
+    return '';
+  }
+
+  var renderer$n = function renderer(_ref3) {
+    var renderState = _ref3.renderState,
+        cssClasses = _ref3.cssClasses,
+        containerNode = _ref3.containerNode,
+        templates = _ref3.templates;
+    return function (_ref4, isFirstRendering) {
+      var hitsPerPage = _ref4.hitsPerPage,
+          nbHits = _ref4.nbHits,
+          nbSortedHits = _ref4.nbSortedHits,
+          areHitsSorted = _ref4.areHitsSorted,
+          nbPages = _ref4.nbPages,
+          page = _ref4.page,
+          processingTimeMS = _ref4.processingTimeMS,
+          query = _ref4.query,
+          instantSearchInstance = _ref4.instantSearchInstance;
 
       if (isFirstRendering) {
         renderState.templateProps = prepareTemplateProps({
@@ -21206,7 +21801,7 @@
         return;
       }
 
-      S(v(Stats, {
+      P(h(Stats, {
         cssClasses: cssClasses,
         hitsPerPage: hitsPerPage,
         nbHits: nbHits,
@@ -21229,12 +21824,12 @@
 
 
   var stats = function stats(widgetParams) {
-    var _ref3 = widgetParams || {},
-        container = _ref3.container,
-        _ref3$cssClasses = _ref3.cssClasses,
-        userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses,
-        _ref3$templates = _ref3.templates,
-        templates = _ref3$templates === void 0 ? {} : _ref3$templates;
+    var _ref5 = widgetParams || {},
+        container = _ref5.container,
+        _ref5$cssClasses = _ref5.cssClasses,
+        userCssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses,
+        _ref5$templates = _ref5.templates,
+        templates = _ref5$templates === void 0 ? {} : _ref5$templates;
 
     if (!container) {
       throw new Error(withUsage$S('The `container` option is required.'));
@@ -21254,7 +21849,7 @@
       renderState: {}
     });
     var makeWidget = connectStats(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({})), {}, {
       $$widgetType: 'ais.stats'
@@ -21266,11 +21861,11 @@
         refine = _ref.refine,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v("label", {
+    }, h("label", {
       className: cssClasses.label
-    }, v("input", {
+    }, h("input", {
       className: cssClasses.checkbox,
       type: "checkbox",
       checked: currentRefinement.isRefined,
@@ -21279,7 +21874,7 @@
           isRefined: !event.target.checked
         });
       }
-    }), v(Template, _extends({}, templateProps, {
+    }), h(Template, _extends({}, templateProps, {
       rootTagName: "span",
       rootProps: {
         className: cssClasses.labelText
@@ -21290,7 +21885,10 @@
   };
 
   var defaultTemplates$h = {
-    labelText: '{{name}}'
+    labelText: function labelText(_ref) {
+      var name = _ref.name;
+      return name;
+    }
   };
 
   var withUsage$T = createDocumentationMessageGenerator({
@@ -21317,7 +21915,7 @@
         return;
       }
 
-      S(v(ToggleRefinement, {
+      P(h(ToggleRefinement, {
         cssClasses: cssClasses,
         currentRefinement: value,
         templateProps: renderState.templateProps,
@@ -21374,7 +21972,7 @@
       templates: templates
     });
     var makeWidget = connectToggleRefinement(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -21407,9 +22005,9 @@
         transcript = voiceListeningState.transcript,
         isSpeechFinal = voiceListeningState.isSpeechFinal,
         errorCode = voiceListeningState.errorCode;
-    return v("div", {
+    return h("div", {
       className: cssClasses.root
-    }, v(Template, {
+    }, h(Template, {
       templateKey: "buttonText",
       rootTagName: "button",
       rootProps: {
@@ -21428,7 +22026,7 @@
         isBrowserSupported: isBrowserSupported
       },
       templates: templates
-    }), v(Template, {
+    }), h(Template, {
       templateKey: "status",
       rootProps: {
         className: cssClasses.status
@@ -21445,22 +22043,93 @@
     }));
   };
 
-  var getButtonInnerElement = function getButtonInnerElement(status, errorCode, isListening) {
+  /** @jsx h */
+
+  var _ref2$2 = h(p, null, h("line", {
+    x1: "1",
+    y1: "1",
+    x2: "23",
+    y2: "23"
+  }), h("path", {
+    d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"
+  }), h("path", {
+    d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"
+  }), h("line", {
+    x1: "12",
+    y1: "19",
+    x2: "12",
+    y2: "23"
+  }), h("line", {
+    x1: "8",
+    y1: "23",
+    x2: "16",
+    y2: "23"
+  }));
+
+  var _ref3$2 = h("path", {
+    d: "M19 10v2a7 7 0 0 1-14 0v-2"
+  });
+
+  var _ref4$2 = h("line", {
+    x1: "12",
+    y1: "19",
+    x2: "12",
+    y2: "23"
+  });
+
+  var _ref5 = h("line", {
+    x1: "8",
+    y1: "23",
+    x2: "16",
+    y2: "23"
+  });
+
+  var ButtonInnerElement = function ButtonInnerElement(_ref) {
+    var status = _ref.status,
+        errorCode = _ref.errorCode,
+        isListening = _ref.isListening;
+
     if (status === 'error' && errorCode === 'not-allowed') {
-      return "<line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"></line>\n            <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6\"></path>\n            <path d=\"M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23\"></path>\n            <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"></line>\n            <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"></line>";
+      return _ref2$2;
     }
 
-    return "<path\n            d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"\n            fill=\"".concat(isListening ? 'currentColor' : 'none', "\">\n          </path>\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"></path>\n          <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"></line>\n          <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"></line>");
+    return h(p, null, h("path", {
+      d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z",
+      fill: isListening ? 'currentColor' : 'none'
+    }), _ref3$2, _ref4$2, _ref5);
   };
 
   var defaultTemplates$i = {
-    buttonText: function buttonText(_ref) {
-      var status = _ref.status,
-          errorCode = _ref.errorCode,
-          isListening = _ref.isListening;
-      return "<svg\n       width=\"16\"\n       height=\"16\"\n       viewBox=\"0 0 24 24\"\n       fill=\"none\"\n       stroke=\"currentColor\"\n       stroke-width=\"2\"\n       stroke-linecap=\"round\"\n       stroke-linejoin=\"round\"\n     >\n       ".concat(getButtonInnerElement(status, errorCode, isListening), "\n     </svg>");
+    buttonText: function buttonText(_ref6) {
+      var status = _ref6.status,
+          errorCode = _ref6.errorCode,
+          isListening = _ref6.isListening;
+      return h("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor"
+        /* eslint-disable react/no-unknown-property */
+        // Preact supports kebab case attributes, and using camel case would
+        // require using `preact/compat`.
+        // @TODO: reconsider using the `react` ESLint preset
+        ,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+        /* eslint-enable react/no-unknown-property */
+
+      }, h(ButtonInnerElement, {
+        status: status,
+        errorCode: errorCode,
+        isListening: isListening
+      }));
     },
-    status: "<p>{{transcript}}</p>"
+    status: function status(_ref7) {
+      var transcript = _ref7.transcript;
+      return h("p", null, transcript);
+    }
   };
 
   var withUsage$U = createDocumentationMessageGenerator({
@@ -21477,7 +22146,7 @@
           isListening = _ref2.isListening,
           toggleListening = _ref2.toggleListening,
           voiceListeningState = _ref2.voiceListeningState;
-      S(v(VoiceSearch, {
+      P(h(VoiceSearch, {
         cssClasses: cssClasses,
         templates: templates,
         isBrowserSupported: isBrowserSupported,
@@ -21524,7 +22193,7 @@
       templates: templates
     });
     var makeWidget = connectVoiceSearch(specializedRenderer, function () {
-      return S(null, containerNode);
+      return P(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,