instantsearch.js 4.48.0 → 4.48.1

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.48.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
+/*! InstantSearch.js 4.48.1 | © 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) :
@@ -6535,10 +6535,6 @@
     });
   }
 
-  function cx(cssClasses) {
-    return Array.isArray(cssClasses) ? cssClasses.filter(Boolean).join(' ') : cssClasses || '';
-  }
-
   // Debounce a function call to the trailing edge.
   // The debounced function returns a promise.
   function debounce(func, wait) {
@@ -7788,7 +7784,7 @@
     instantSearchInstance.renderState = _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState), {}, _defineProperty({}, parentIndexName, _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
-  var version$1 = '4.48.0';
+  var version$1 = '4.48.1';
 
   var NAMESPACE = 'ais';
   var component = function component(componentName) {
@@ -9290,7 +9286,7 @@
 
       _classCallCheck(this, InstantSearch);
 
-      _this = _super.call(this);
+      _this = _super.call(this); // prevent `render` event listening from causing a warning
 
       _defineProperty(_assertThisInitialized(_this), "client", void 0);
 
@@ -9371,6 +9367,8 @@
         });
       }));
 
+      _this.setMaxListeners(100);
+
       var _options$indexName = options.indexName,
           indexName = _options$indexName === void 0 ? null : _options$indexName,
           numberLocale = options.numberLocale,
@@ -10143,6 +10141,8 @@
   }
 
   function clearRefinementFromState(state, refinement) {
+    state = state.resetPage();
+
     switch (refinement.type) {
       case 'facet':
         return state.removeFacetRefinement(refinement.attribute, String(refinement.value));
@@ -15001,58 +15001,19 @@
     };
   };
 
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
+  function cx() {
+    for (var _len = arguments.length, cssClasses = new Array(_len), _key = 0; _key < _len; _key++) {
+      cssClasses[_key] = arguments[_key];
+    }
 
-  var classnames = createCommonjsModule(function (module) {
-  /*!
-    Copyright (c) 2017 Jed Watson.
-    Licensed under the MIT License (MIT), see
-    http://jedwatson.github.io/classnames
-  */
-  /* global define */
-
-  (function () {
-
-  	var hasOwn = {}.hasOwnProperty;
-
-  	function classNames () {
-  		var classes = [];
-
-  		for (var i = 0; i < arguments.length; i++) {
-  			var arg = arguments[i];
-  			if (!arg) continue;
-
-  			var argType = typeof arg;
-
-  			if (argType === 'string' || argType === 'number') {
-  				classes.push(arg);
-  			} else if (Array.isArray(arg) && arg.length) {
-  				var inner = classNames.apply(null, arg);
-  				if (inner) {
-  					classes.push(inner);
-  				}
-  			} else if (argType === 'object') {
-  				for (var key in arg) {
-  					if (hasOwn.call(arg, key) && arg[key]) {
-  						classes.push(key);
-  					}
-  				}
-  			}
-  		}
-
-  		return classes.join(' ');
-  	}
-
-  	if ( module.exports) {
-  		classNames.default = classNames;
-  		module.exports = classNames;
-  	} else {
-  		window.classNames = classNames;
-  	}
-  }());
-  });
+    return cssClasses.reduce(function (acc, className) {
+      if (Array.isArray(className)) {
+        return acc.concat(className);
+      }
+
+      return acc.concat([className]);
+    }, []).filter(Boolean).join(' ');
+  }
 
   function prepareTemplates( // can not use = {} here, since the template could have different constraints
   defaultTemplates) {
@@ -15088,6 +15049,10 @@
     }, preparedTemplates);
   }
 
+  function createCommonjsModule(fn, module) {
+  	return module = { exports: {} }, fn(module, module.exports), module.exports;
+  }
+
   var compiler = createCommonjsModule(function (module, exports) {
   /*
    *  Copyright 2011 Twitter, Inc.
@@ -15866,14 +15831,6 @@
 
   var m$1=e$1.bind(h);
 
-  function cx$1() {
-    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) {
@@ -15935,6 +15892,7 @@
   var objectWithoutProperties = _objectWithoutProperties$1;
 
   var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+  // This is a minimal subset of the actual types from the `JSX` namespace.
 
   function createHighlightPartComponent(_ref) {
     var createElement = _ref.createElement;
@@ -15972,7 +15930,7 @@
           props = objectWithoutProperties(_ref4, _excluded);
 
       return createElement("span", _extends_1({}, props, {
-        className: cx$1(classNames.root, className)
+        className: cx(classNames.root, className)
       }), parts.map(function (part, partIndex) {
         var isLastPart = partIndex === parts.length - 1;
         return createElement(Fragment, {
@@ -16004,10 +15962,10 @@
 
     return h(InternalHighlight, _extends({
       classNames: {
-        root: cx$1('ais-Highlight', classNames.root),
-        highlighted: cx$1('ais-Highlight-highlighted', classNames.highlighted),
-        nonHighlighted: cx$1('ais-Highlight-nonHighlighted', classNames.nonHighlighted),
-        separator: cx$1('ais-Highlight-separator', classNames.separator)
+        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));
   }
@@ -16038,10 +15996,10 @@
 
     return h(InternalHighlight, _extends({
       classNames: {
-        root: cx$1('ais-ReverseHighlight', classNames.root),
-        highlighted: cx$1('ais-ReverseHighlight-highlighted', classNames.highlighted),
-        nonHighlighted: cx$1('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
-        separator: cx$1('ais-ReverseHighlight-separator', classNames.separator)
+        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));
   }
@@ -16079,10 +16037,10 @@
 
     return h(InternalHighlight, _extends({
       classNames: {
-        root: cx$1('ais-ReverseSnippet', classNames.root),
-        highlighted: cx$1('ais-ReverseSnippet-highlighted', classNames.highlighted),
-        nonHighlighted: cx$1('ais-ReverseSnippet-nonHighlighted', classNames.nonHighlighted),
-        separator: cx$1('ais-ReverseSnippet-separator', classNames.separator)
+        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));
   }
@@ -16120,10 +16078,10 @@
 
     return h(InternalHighlight, _extends({
       classNames: {
-        root: cx$1('ais-Snippet', classNames.root),
-        highlighted: cx$1('ais-Snippet-highlighted', classNames.highlighted),
-        nonHighlighted: cx$1('ais-Snippet-nonHighlighted', classNames.nonHighlighted),
-        separator: cx$1('ais-Snippet-separator', classNames.separator)
+        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));
   }
@@ -16282,11 +16240,11 @@
         createURL = _ref.createURL,
         refine = _ref.refine;
     return h("div", {
-      className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
+      className: cx(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
     }, h("ul", {
       className: cssClasses.list
     }, h("li", {
-      className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, items.length === 0))
+      className: cx(cssClasses.item, items.length === 0 && cssClasses.selectedItem)
     }, h(Template, _extends({}, templateProps, {
       templateKey: "home",
       rootTagName: "a",
@@ -16302,7 +16260,7 @@
       var isLast = idx === items.length - 1;
       return h("li", {
         key: item.label + idx,
-        className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, isLast))
+        className: cx(cssClasses.item, isLast && cssClasses.selectedItem)
       }, h(Template, _extends({}, templateProps, {
         templateKey: "separator",
         rootTagName: "span",
@@ -16385,24 +16343,24 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$4(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$4({
+      root: cx(suit$4(), userCssClasses.root),
+      noRefinementRoot: cx(suit$4({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$4({
+      list: cx(suit$4({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$4({
+      item: cx(suit$4({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$4({
+      selectedItem: cx(suit$4({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      separator: classnames(suit$4({
+      separator: cx(suit$4({
         descendantName: 'separator'
       }), userCssClasses.separator),
-      link: classnames(suit$4({
+      link: cx(suit$4({
         descendantName: 'link'
       }), userCssClasses.link)
     };
@@ -16436,7 +16394,7 @@
       templateKey: "resetLabel",
       rootTagName: "button",
       rootProps: {
-        className: classnames(cssClasses.button, _defineProperty({}, cssClasses.disabledButton, !hasRefinements)),
+        className: cx(cssClasses.button, !hasRefinements && cssClasses.disabledButton),
         onClick: refine,
         disabled: !hasRefinements
       },
@@ -16502,11 +16460,11 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$5(), userCssClasses.root),
-      button: classnames(suit$5({
+      root: cx(suit$5(), userCssClasses.root),
+      button: cx(suit$5({
         descendantName: 'button'
       }), userCssClasses.button),
-      disabledButton: classnames(suit$5({
+      disabledButton: cx(suit$5({
         descendantName: 'button',
         modifierName: 'disabled'
       }), userCssClasses.disabledButton)
@@ -16571,7 +16529,7 @@
         cssClasses = _ref2.cssClasses,
         canRefine = _ref2.canRefine;
     return h("div", {
-      className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, !canRefine))
+      className: cx(cssClasses.root, !canRefine && cssClasses.noRefinementRoot)
     }, h("ul", {
       className: cssClasses.list
     }, items.map(function (item, index) {
@@ -16633,26 +16591,26 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$6(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$6({
+      root: cx(suit$6(), userCssClasses.root),
+      noRefinementRoot: cx(suit$6({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$6({
+      list: cx(suit$6({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$6({
+      item: cx(suit$6({
         descendantName: 'item'
       }), userCssClasses.item),
-      label: classnames(suit$6({
+      label: cx(suit$6({
         descendantName: 'label'
       }), userCssClasses.label),
-      category: classnames(suit$6({
+      category: cx(suit$6({
         descendantName: 'category'
       }), userCssClasses.category),
-      categoryLabel: classnames(suit$6({
+      categoryLabel: cx(suit$6({
         descendantName: 'categoryLabel'
       }), userCssClasses.categoryLabel),
-      delete: classnames(suit$6({
+      delete: cx(suit$6({
         descendantName: 'delete'
       }), userCssClasses.delete)
     };
@@ -16688,7 +16646,7 @@
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
     return h("div", {
-      className: classnames(cssClasses.root, _defineProperty({}, cssClasses.emptyRoot, hits.length === 0))
+      className: cx(cssClasses.root, hits.length === 0 && cssClasses.emptyRoot)
     }, h(Template, _extends({}, templateProps, {
       templateKey: "header",
       rootProps: {
@@ -16774,20 +16732,20 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$7(), userCssClasses.root),
-      emptyRoot: classnames(suit$7({
+      root: cx(suit$7(), userCssClasses.root),
+      emptyRoot: cx(suit$7({
         modifierName: 'empty'
       }), userCssClasses.emptyRoot),
-      header: classnames(suit$7({
+      header: cx(suit$7({
         descendantName: 'header'
       }), userCssClasses.header),
-      loader: classnames(suit$7({
+      loader: cx(suit$7({
         descendantName: 'loader'
       }), userCssClasses.loader),
-      list: classnames(suit$7({
+      list: cx(suit$7({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$7({
+      item: cx(suit$7({
         descendantName: 'item'
       }), userCssClasses.item)
     };
@@ -16945,7 +16903,7 @@
     return h(p, null, enableRefine && h("div", null, enableRefineControl && h("div", {
       className: cssClasses.control
     }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? h(GeoSearchToggle, {
-      classNameLabel: classnames(cssClasses.label, _defineProperty({}, cssClasses.selectedLabel, isRefineOnMapMove)),
+      classNameLabel: cx(cssClasses.label, isRefineOnMapMove && cssClasses.selectedLabel),
       classNameInput: cssClasses.input,
       checked: isRefineOnMapMove,
       onToggle: onRefineToggle
@@ -16962,7 +16920,7 @@
     })))), !enableRefineControl && !isRefineOnMapMove && h("div", {
       className: cssClasses.control
     }, h(GeoSearchButton, {
-      className: classnames(cssClasses.redo, _defineProperty({}, cssClasses.disabledRedo, !hasMapMoveSinceLastRefine)),
+      className: cx(cssClasses.redo, !hasMapMoveSinceLastRefine && cssClasses.disabledRedo),
       disabled: !hasMapMoveSinceLastRefine,
       onClick: onRefineClick
     }, h(Template, _extends({}, templateProps, {
@@ -17383,35 +17341,35 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$9(), userCssClasses.root),
+      root: cx(suit$9(), userCssClasses.root),
       // Required only to mount / unmount the Preact tree
       tree: suit$9({
         descendantName: 'tree'
       }),
-      map: classnames(suit$9({
+      map: cx(suit$9({
         descendantName: 'map'
       }), userCssClasses.map),
-      control: classnames(suit$9({
+      control: cx(suit$9({
         descendantName: 'control'
       }), userCssClasses.control),
-      label: classnames(suit$9({
+      label: cx(suit$9({
         descendantName: 'label'
       }), userCssClasses.label),
-      selectedLabel: classnames(suit$9({
+      selectedLabel: cx(suit$9({
         descendantName: 'label',
         modifierName: 'selected'
       }), userCssClasses.selectedLabel),
-      input: classnames(suit$9({
+      input: cx(suit$9({
         descendantName: 'input'
       }), userCssClasses.input),
-      redo: classnames(suit$9({
+      redo: cx(suit$9({
         descendantName: 'redo'
       }), userCssClasses.redo),
-      disabledRedo: classnames(suit$9({
+      disabledRedo: cx(suit$9({
         descendantName: 'redo',
         modifierName: 'disabled'
       }), userCssClasses.disabledRedo),
-      reset: classnames(suit$9({
+      reset: cx(suit$9({
         descendantName: 'reset'
       }), userCssClasses.reset)
     };
@@ -17444,7 +17402,7 @@
       return new HTMLMarker(_objectSpread2(_objectSpread2(_objectSpread2({}, customHTMLMarker.createOptions(item)), rest), {}, {
         __id: item.objectID,
         position: item._geoloc,
-        className: classnames(suit$9({
+        className: cx(suit$9({
           descendantName: 'marker'
         })),
         template: renderTemplate({
@@ -17766,8 +17724,6 @@
     }, {
       key: "_generateFacetItem",
       value: function _generateFacetItem(facetValue) {
-        var _cx;
-
         var subItems;
 
         if (isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) {
@@ -17805,7 +17761,7 @@
           key += "/".concat(facetValue.count);
         }
 
-        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));
+        var refinementListItemClassName = cx(this.props.cssClasses.item, facetValue.isRefined && this.props.cssClasses.selectedItem, !facetValue.count && this.props.cssClasses.disabledItem, Boolean(isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0) && this.props.cssClasses.parentItem);
         return h(RefinementListItem, {
           templateKey: "item",
           key: key,
@@ -17899,7 +17855,7 @@
       value: function render() {
         var _this2 = this;
 
-        var showMoreButtonClassName = classnames(this.props.cssClasses.showMore, _defineProperty({}, this.props.cssClasses.disabledShowMore, !(this.props.showMore === true && this.props.canToggleShowMore)));
+        var showMoreButtonClassName = cx(this.props.cssClasses.showMore, !(this.props.showMore === true && this.props.canToggleShowMore) && this.props.cssClasses.disabledShowMore);
         var showMoreButton = this.props.showMore === true && h(Template, _extends({}, this.props.templateProps, {
           templateKey: "showMoreText",
           rootTagName: "button",
@@ -17943,7 +17899,7 @@
             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);
+        var rootClassName = cx(this.props.cssClasses.root, (!this.props.facetValues || this.props.facetValues.length === 0) && this.props.cssClasses.noRefinementRoot, this.props.className);
         return h("div", {
           className: rootClassName
         }, this.props.children, searchBox, facetValues, noResults, showMoreButton);
@@ -17963,7 +17919,7 @@
           cssClasses = _ref.cssClasses,
           isRefined = _ref.isRefined;
       return h("a", {
-        className: cx([cx(cssClasses.link), cx(isRefined ? cssClasses.selectedItemLink : undefined)]),
+        className: cx(cx(cssClasses.link), cx(isRefined ? cssClasses.selectedItemLink : undefined)),
         href: url
       }, h("span", {
         className: cx(cssClasses.label)
@@ -18096,45 +18052,45 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$a(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$a({
+      root: cx(suit$a(), userCssClasses.root),
+      noRefinementRoot: cx(suit$a({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$a({
+      list: cx(suit$a({
         descendantName: 'list'
       }), userCssClasses.list),
-      childList: classnames(suit$a({
+      childList: cx(suit$a({
         descendantName: 'list',
         modifierName: 'child'
       }), userCssClasses.childList),
-      item: classnames(suit$a({
+      item: cx(suit$a({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$a({
+      selectedItem: cx(suit$a({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      parentItem: classnames(suit$a({
+      parentItem: cx(suit$a({
         descendantName: 'item',
         modifierName: 'parent'
       }), userCssClasses.parentItem),
-      link: classnames(suit$a({
+      link: cx(suit$a({
         descendantName: 'link'
       }), userCssClasses.link),
-      selectedItemLink: classnames(suit$a({
+      selectedItemLink: cx(suit$a({
         descendantName: 'link',
         modifierName: 'selected'
       }), userCssClasses.selectedItemLink),
-      label: classnames(suit$a({
+      label: cx(suit$a({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: classnames(suit$a({
+      count: cx(suit$a({
         descendantName: 'count'
       }), userCssClasses.count),
-      showMore: classnames(suit$a({
+      showMore: cx(suit$a({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: classnames(suit$a({
+      disabledShowMore: cx(suit$a({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore)
@@ -18176,7 +18132,7 @@
       return h(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
-          className: classnames(cssClasses.root, cssClasses.emptyRoot)
+          className: cx(cssClasses.root, cssClasses.emptyRoot)
         },
         data: results
       }));
@@ -18269,14 +18225,14 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$b(), userCssClasses.root),
-      emptyRoot: classnames(suit$b({
+      root: cx(suit$b(), userCssClasses.root),
+      emptyRoot: cx(suit$b({
         modifierName: 'empty'
       }), userCssClasses.emptyRoot),
-      list: classnames(suit$b({
+      list: cx(suit$b({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$b({
+      item: cx(suit$b({
         descendantName: 'item'
       }), userCssClasses.item)
     };
@@ -18303,14 +18259,14 @@
         cssClasses = _ref.cssClasses,
         setValue = _ref.setValue;
     return h("select", {
-      className: classnames(cssClasses.select),
+      className: cx(cssClasses.select),
       onChange: function onChange(event) {
         return setValue(event.target.value);
       },
       value: "".concat(currentValue)
     }, options.map(function (option) {
       return h("option", {
-        className: classnames(cssClasses.option),
+        className: cx(cssClasses.option),
         key: option.label + option.value,
         value: "".concat(option.value)
       }, option.label);
@@ -18361,11 +18317,11 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$c(), userCssClasses.root),
-      select: classnames(suit$c({
+      root: cx(suit$c(), userCssClasses.root),
+      select: cx(suit$c({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: classnames(suit$c({
+      option: cx(suit$c({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -18401,7 +18357,7 @@
       return h(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
-          className: classnames(cssClasses.root, cssClasses.emptyRoot)
+          className: cx(cssClasses.root, cssClasses.emptyRoot)
         },
         data: results
       }));
@@ -18413,7 +18369,7 @@
       templateKey: "showPreviousText",
       rootTagName: "button",
       rootProps: {
-        className: classnames(cssClasses.loadPrevious, _defineProperty({}, cssClasses.disabledLoadPrevious, isFirstPage)),
+        className: cx(cssClasses.loadPrevious, isFirstPage && cssClasses.disabledLoadPrevious),
         disabled: isFirstPage,
         onClick: showPrevious
       }
@@ -18437,7 +18393,7 @@
       templateKey: "showMoreText",
       rootTagName: "button",
       rootProps: {
-        className: classnames(cssClasses.loadMore, _defineProperty({}, cssClasses.disabledLoadMore, isLastPage)),
+        className: cx(cssClasses.loadMore, isLastPage && cssClasses.disabledLoadMore),
         disabled: isLastPage,
         onClick: showMore
       }
@@ -18528,27 +18484,27 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$d(), userCssClasses.root),
-      emptyRoot: classnames(suit$d({
+      root: cx(suit$d(), userCssClasses.root),
+      emptyRoot: cx(suit$d({
         modifierName: 'empty'
       }), userCssClasses.emptyRoot),
-      item: classnames(suit$d({
+      item: cx(suit$d({
         descendantName: 'item'
       }), userCssClasses.item),
-      list: classnames(suit$d({
+      list: cx(suit$d({
         descendantName: 'list'
       }), userCssClasses.list),
-      loadPrevious: classnames(suit$d({
+      loadPrevious: cx(suit$d({
         descendantName: 'loadPrevious'
       }), userCssClasses.loadPrevious),
-      disabledLoadPrevious: classnames(suit$d({
+      disabledLoadPrevious: cx(suit$d({
         descendantName: 'loadPrevious',
         modifierName: 'disabled'
       }), userCssClasses.disabledLoadPrevious),
-      loadMore: classnames(suit$d({
+      loadMore: cx(suit$d({
         descendantName: 'loadMore'
       }), userCssClasses.loadMore),
-      disabledLoadMore: classnames(suit$d({
+      disabledLoadMore: cx(suit$d({
         descendantName: 'loadMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledLoadMore)
@@ -18662,33 +18618,33 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$e(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$e({
+      root: cx(suit$e(), userCssClasses.root),
+      noRefinementRoot: cx(suit$e({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$e({
+      list: cx(suit$e({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$e({
+      item: cx(suit$e({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$e({
+      selectedItem: cx(suit$e({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      link: classnames(suit$e({
+      link: cx(suit$e({
         descendantName: 'link'
       }), userCssClasses.link),
-      label: classnames(suit$e({
+      label: cx(suit$e({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: classnames(suit$e({
+      count: cx(suit$e({
         descendantName: 'count'
       }), userCssClasses.count),
-      showMore: classnames(suit$e({
+      showMore: cx(suit$e({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: classnames(suit$e({
+      disabledShowMore: cx(suit$e({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore)
@@ -18729,7 +18685,7 @@
         selectedValue = _ref2.value;
 
     return h("div", {
-      className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
+      className: cx(cssClasses.root, items.length === 0 && cssClasses.noRefinementRoot)
     }, h("select", {
       className: cssClasses.select,
       value: selectedValue,
@@ -18821,14 +18777,14 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$f(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$f({
+      root: cx(suit$f(), userCssClasses.root),
+      noRefinementRoot: cx(suit$f({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      select: classnames(suit$f({
+      select: cx(suit$f({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: classnames(suit$f({
+      option: cx(suit$f({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -18924,27 +18880,27 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$g(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$g({
+      root: cx(suit$g(), userCssClasses.root),
+      noRefinementRoot: cx(suit$g({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$g({
+      list: cx(suit$g({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$g({
+      item: cx(suit$g({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$g({
+      selectedItem: cx(suit$g({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      label: classnames(suit$g({
+      label: cx(suit$g({
         descendantName: 'label'
       }), userCssClasses.label),
-      radio: classnames(suit$g({
+      radio: cx(suit$g({
         descendantName: 'radio'
       }), userCssClasses.radio),
-      labelText: classnames(suit$g({
+      labelText: cx(suit$g({
         descendantName: 'labelText'
       }), userCssClasses.labelText)
     };
@@ -18982,7 +18938,7 @@
     }
 
     return h("div", {
-      className: classnames(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
+      className: cx(props.cssClasses.root, props.nbPages <= 1 && props.cssClasses.noRefinementRoot)
     }, h("ul", {
       className: props.cssClasses.list
     }, props.showFirst && h(PaginationLink, {
@@ -19049,7 +19005,7 @@
         createURL = _ref.createURL,
         createClickHandler = _ref.createClickHandler;
     return h("li", {
-      className: classnames(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
+      className: cx(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
     }, isDisabled ? h("span", {
       className: cssClasses.link,
       dangerouslySetInnerHTML: {
@@ -19150,45 +19106,45 @@
     var scrollTo = userScrollTo === true ? 'body' : userScrollTo;
     var scrollToNode = scrollTo !== false ? getContainerNode(scrollTo) : false;
     var cssClasses = {
-      root: classnames(suit$h(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$h({
+      root: cx(suit$h(), userCssClasses.root),
+      noRefinementRoot: cx(suit$h({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$h({
+      list: cx(suit$h({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$h({
+      item: cx(suit$h({
         descendantName: 'item'
       }), userCssClasses.item),
-      firstPageItem: classnames(suit$h({
+      firstPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'firstPage'
       }), userCssClasses.firstPageItem),
-      lastPageItem: classnames(suit$h({
+      lastPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'lastPage'
       }), userCssClasses.lastPageItem),
-      previousPageItem: classnames(suit$h({
+      previousPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'previousPage'
       }), userCssClasses.previousPageItem),
-      nextPageItem: classnames(suit$h({
+      nextPageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'nextPage'
       }), userCssClasses.nextPageItem),
-      pageItem: classnames(suit$h({
+      pageItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'page'
       }), userCssClasses.pageItem),
-      selectedItem: classnames(suit$h({
+      selectedItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      disabledItem: classnames(suit$h({
+      disabledItem: cx(suit$h({
         descendantName: 'item',
         modifierName: 'disabled'
       }), userCssClasses.disabledItem),
-      link: classnames(suit$h({
+      link: cx(suit$h({
         descendantName: 'link'
       }), userCssClasses.link)
     };
@@ -19219,8 +19175,6 @@
   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 = p$1(props.isCollapsed),
         _useState2 = _slicedToArray(_useState, 2),
         isCollapsed = _useState2[0],
@@ -19250,7 +19204,7 @@
     }
 
     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)),
+      className: cx(props.cssClasses.root, props.hidden && props.cssClasses.noRefinementRoot, props.collapsible && props.cssClasses.collapsibleRoot, isCollapsed && props.cssClasses.collapsedRoot),
       hidden: props.hidden
     }, props.templates.header && h("div", {
       className: props.cssClasses.header
@@ -19340,29 +19294,29 @@
       return false;
     };
     var cssClasses = {
-      root: classnames(suit$i(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$i({
+      root: cx(suit$i(), userCssClasses.root),
+      noRefinementRoot: cx(suit$i({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      collapsibleRoot: classnames(suit$i({
+      collapsibleRoot: cx(suit$i({
         modifierName: 'collapsible'
       }), userCssClasses.collapsibleRoot),
-      collapsedRoot: classnames(suit$i({
+      collapsedRoot: cx(suit$i({
         modifierName: 'collapsed'
       }), userCssClasses.collapsedRoot),
-      collapseButton: classnames(suit$i({
+      collapseButton: cx(suit$i({
         descendantName: 'collapseButton'
       }), userCssClasses.collapseButton),
-      collapseIcon: classnames(suit$i({
+      collapseIcon: cx(suit$i({
         descendantName: 'collapseIcon'
       }), userCssClasses.collapseIcon),
-      body: classnames(suit$i({
+      body: cx(suit$i({
         descendantName: 'body'
       }), userCssClasses.body),
-      header: classnames(suit$i({
+      header: cx(suit$i({
         descendantName: 'header'
       }), userCssClasses.header),
-      footer: classnames(suit$i({
+      footer: cx(suit$i({
         descendantName: 'footer'
       }), userCssClasses.footer)
     };
@@ -19641,13 +19595,13 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$j(), suit$j({
+      root: cx(suit$j(), suit$j({
         modifierName: theme === 'dark' ? 'dark' : 'light'
       }), userCssClasses.root),
-      link: classnames(suit$j({
+      link: cx(suit$j({
         descendantName: 'link'
       }), userCssClasses.link),
-      logo: classnames(suit$j({
+      logo: cx(suit$j({
         descendantName: 'logo'
       }), userCssClasses.logo)
     };
@@ -19739,7 +19693,7 @@
     }
 
     var cssClasses = {
-      root: classnames(suit$k(), userCssClasses.root)
+      root: cx(suit$k(), userCssClasses.root)
     };
     var containerNode = getContainerNode(container);
 
@@ -19822,7 +19776,7 @@
             templateProps = _this$props.templateProps;
         var isDisabled = min && max ? min >= max : false;
         var hasRefinements = Boolean(minValue || maxValue);
-        var rootClassNames = classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinement, !hasRefinements));
+        var rootClassNames = cx(cssClasses.root, !hasRefinements && cssClasses.noRefinement);
         return h("div", {
           className: rootClassNames
         }, h("form", {
@@ -19831,7 +19785,7 @@
         }, h("label", {
           className: cssClasses.label
         }, h("input", {
-          className: classnames(cssClasses.input, cssClasses.inputMin),
+          className: cx(cssClasses.input, cssClasses.inputMin),
           type: "number",
           min: min,
           max: max,
@@ -19849,7 +19803,7 @@
         })), h("label", {
           className: cssClasses.label
         }, h("input", {
-          className: classnames(cssClasses.input, cssClasses.inputMax),
+          className: cx(cssClasses.input, cssClasses.inputMax),
           type: "number",
           min: min,
           max: max,
@@ -19950,31 +19904,31 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$l(), userCssClasses.root),
-      noRefinement: classnames(suit$l({
+      root: cx(suit$l(), userCssClasses.root),
+      noRefinement: cx(suit$l({
         modifierName: 'noRefinement'
       })),
-      form: classnames(suit$l({
+      form: cx(suit$l({
         descendantName: 'form'
       }), userCssClasses.form),
-      label: classnames(suit$l({
+      label: cx(suit$l({
         descendantName: 'label'
       }), userCssClasses.label),
-      input: classnames(suit$l({
+      input: cx(suit$l({
         descendantName: 'input'
       }), userCssClasses.input),
-      inputMin: classnames(suit$l({
+      inputMin: cx(suit$l({
         descendantName: 'input',
         modifierName: 'min'
       }), userCssClasses.inputMin),
-      inputMax: classnames(suit$l({
+      inputMax: cx(suit$l({
         descendantName: 'input',
         modifierName: 'max'
       }), userCssClasses.inputMax),
-      separator: classnames(suit$l({
+      separator: cx(suit$l({
         descendantName: 'separator'
       }), userCssClasses.separator),
-      submit: classnames(suit$l({
+      submit: cx(suit$l({
         descendantName: 'submit'
       }), userCssClasses.submit)
     };
@@ -20680,9 +20634,7 @@
       style: _objectSpread2(_objectSpread2({}, style), {}, {
         marginLeft: positionValue === 100 ? '-2px' : 0
       }),
-      className: classnames('rheostat-marker', 'rheostat-marker-horizontal', {
-        'rheostat-marker-large': shouldDisplayValue
-      })
+      className: cx('rheostat-marker', 'rheostat-marker-horizontal', shouldDisplayValue && 'rheostat-marker-large')
     }, shouldDisplayValue && h("div", {
       className: 'rheostat-value'
     }, pitValue));
@@ -20719,10 +20671,7 @@
           var roundedValue = Math.round( // have to cast as a string, as the value given to the prop is a number, but becomes a string when read
           parseFloat(props['aria-valuenow']) * 100) / 100;
           var value = _typeof(tooltips) === 'object' && tooltips.format ? tooltips.format(roundedValue) : roundedValue;
-          var className = classnames(props.className, {
-            'rheostat-handle-lower': props['data-handle-key'] === 0,
-            'rheostat-handle-upper': props['data-handle-key'] === 1
-          });
+          var className = cx(props.className, props['data-handle-key'] === 0 && 'rheostat-handle-lower', props['data-handle-key'] === 1 && 'rheostat-handle-upper');
           return h("div", _extends({}, props, {
             className: className
           }), tooltips && h("div", {
@@ -20796,7 +20745,7 @@
           max: max
         });
         return h("div", {
-          className: classnames(cssClasses.root, _defineProperty({}, cssClasses.disabledRoot, this.isDisabled))
+          className: cx(cssClasses.root, this.isDisabled && cssClasses.disabledRoot)
         }, h(Rheostat, {
           handle: this.createHandleComponent(tooltips),
           onChange: this.handleChange,
@@ -20895,8 +20844,8 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$m(), userCssClasses.root),
-      disabledRoot: classnames(suit$m({
+      root: cx(suit$m(), userCssClasses.root),
+      disabledRoot: cx(suit$m({
         modifierName: 'disabled'
       }), userCssClasses.disabledRoot)
     };
@@ -20958,7 +20907,7 @@
       }, stars.map(function (isFull, index) {
         return h("svg", {
           key: index,
-          className: cx([cx(cssClasses.starIcon), cx(isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon)]),
+          className: cx(cssClasses.starIcon, isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon),
           "aria-hidden": "true",
           width: "24",
           height: "24"
@@ -21072,42 +21021,42 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$n(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$n({
+      root: cx(suit$n(), userCssClasses.root),
+      noRefinementRoot: cx(suit$n({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$n({
+      list: cx(suit$n({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$n({
+      item: cx(suit$n({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$n({
+      selectedItem: cx(suit$n({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      disabledItem: classnames(suit$n({
+      disabledItem: cx(suit$n({
         descendantName: 'item',
         modifierName: 'disabled'
       }), userCssClasses.disabledItem),
-      link: classnames(suit$n({
+      link: cx(suit$n({
         descendantName: 'link'
       }), userCssClasses.link),
-      starIcon: classnames(suit$n({
+      starIcon: cx(suit$n({
         descendantName: 'starIcon'
       }), userCssClasses.starIcon),
-      fullStarIcon: classnames(suit$n({
+      fullStarIcon: cx(suit$n({
         descendantName: 'starIcon',
         modifierName: 'full'
       }), userCssClasses.fullStarIcon),
-      emptyStarIcon: classnames(suit$n({
+      emptyStarIcon: cx(suit$n({
         descendantName: 'starIcon',
         modifierName: 'empty'
       }), userCssClasses.emptyStarIcon),
-      label: classnames(suit$n({
+      label: cx(suit$n({
         descendantName: 'label'
       }), userCssClasses.label),
-      count: classnames(suit$n({
+      count: cx(suit$n({
         descendantName: 'count'
       }), userCssClasses.count)
     };
@@ -21333,69 +21282,69 @@
     var escapeFacetValues = searchable ? Boolean(searchableEscapeFacetValues) : false;
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$o(), userCssClasses.root),
-      noRefinementRoot: classnames(suit$o({
+      root: cx(suit$o(), userCssClasses.root),
+      noRefinementRoot: cx(suit$o({
         modifierName: 'noRefinement'
       }), userCssClasses.noRefinementRoot),
-      list: classnames(suit$o({
+      list: cx(suit$o({
         descendantName: 'list'
       }), userCssClasses.list),
-      item: classnames(suit$o({
+      item: cx(suit$o({
         descendantName: 'item'
       }), userCssClasses.item),
-      selectedItem: classnames(suit$o({
+      selectedItem: cx(suit$o({
         descendantName: 'item',
         modifierName: 'selected'
       }), userCssClasses.selectedItem),
-      searchBox: classnames(suit$o({
+      searchBox: cx(suit$o({
         descendantName: 'searchBox'
       }), userCssClasses.searchBox),
-      label: classnames(suit$o({
+      label: cx(suit$o({
         descendantName: 'label'
       }), userCssClasses.label),
-      checkbox: classnames(suit$o({
+      checkbox: cx(suit$o({
         descendantName: 'checkbox'
       }), userCssClasses.checkbox),
-      labelText: classnames(suit$o({
+      labelText: cx(suit$o({
         descendantName: 'labelText'
       }), userCssClasses.labelText),
-      count: classnames(suit$o({
+      count: cx(suit$o({
         descendantName: 'count'
       }), userCssClasses.count),
-      noResults: classnames(suit$o({
+      noResults: cx(suit$o({
         descendantName: 'noResults'
       }), userCssClasses.noResults),
-      showMore: classnames(suit$o({
+      showMore: cx(suit$o({
         descendantName: 'showMore'
       }), userCssClasses.showMore),
-      disabledShowMore: classnames(suit$o({
+      disabledShowMore: cx(suit$o({
         descendantName: 'showMore',
         modifierName: 'disabled'
       }), userCssClasses.disabledShowMore),
       searchable: {
-        root: classnames(searchBoxSuit(), userCssClasses.searchableRoot),
-        form: classnames(searchBoxSuit({
+        root: cx(searchBoxSuit(), userCssClasses.searchableRoot),
+        form: cx(searchBoxSuit({
           descendantName: 'form'
         }), userCssClasses.searchableForm),
-        input: classnames(searchBoxSuit({
+        input: cx(searchBoxSuit({
           descendantName: 'input'
         }), userCssClasses.searchableInput),
-        submit: classnames(searchBoxSuit({
+        submit: cx(searchBoxSuit({
           descendantName: 'submit'
         }), userCssClasses.searchableSubmit),
-        submitIcon: classnames(searchBoxSuit({
+        submitIcon: cx(searchBoxSuit({
           descendantName: 'submitIcon'
         }), userCssClasses.searchableSubmitIcon),
-        reset: classnames(searchBoxSuit({
+        reset: cx(searchBoxSuit({
           descendantName: 'reset'
         }), userCssClasses.searchableReset),
-        resetIcon: classnames(searchBoxSuit({
+        resetIcon: cx(searchBoxSuit({
           descendantName: 'resetIcon'
         }), userCssClasses.searchableResetIcon),
-        loadingIndicator: classnames(searchBoxSuit({
+        loadingIndicator: cx(searchBoxSuit({
           descendantName: 'loadingIndicator'
         }), userCssClasses.searchableLoadingIndicator),
-        loadingIcon: classnames(searchBoxSuit({
+        loadingIcon: cx(searchBoxSuit({
           descendantName: 'loadingIcon'
         }), userCssClasses.searchableLoadingIcon)
       }
@@ -21515,11 +21464,11 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$p(), userCssClasses.root),
-      text: classnames(suit$p({
+      root: cx(suit$p(), userCssClasses.root),
+      text: cx(suit$p({
         descendantName: 'text'
       }), userCssClasses.text),
-      button: classnames(suit$p({
+      button: cx(suit$p({
         descendantName: 'button'
       }), userCssClasses.button)
     };
@@ -21611,29 +21560,29 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$q(), userCssClasses.root),
-      form: classnames(suit$q({
+      root: cx(suit$q(), userCssClasses.root),
+      form: cx(suit$q({
         descendantName: 'form'
       }), userCssClasses.form),
-      input: classnames(suit$q({
+      input: cx(suit$q({
         descendantName: 'input'
       }), userCssClasses.input),
-      submit: classnames(suit$q({
+      submit: cx(suit$q({
         descendantName: 'submit'
       }), userCssClasses.submit),
-      submitIcon: classnames(suit$q({
+      submitIcon: cx(suit$q({
         descendantName: 'submitIcon'
       }), userCssClasses.submitIcon),
-      reset: classnames(suit$q({
+      reset: cx(suit$q({
         descendantName: 'reset'
       }), userCssClasses.reset),
-      resetIcon: classnames(suit$q({
+      resetIcon: cx(suit$q({
         descendantName: 'resetIcon'
       }), userCssClasses.resetIcon),
-      loadingIndicator: classnames(suit$q({
+      loadingIndicator: cx(suit$q({
         descendantName: 'loadingIndicator'
       }), userCssClasses.loadingIndicator),
-      loadingIcon: classnames(suit$q({
+      loadingIcon: cx(suit$q({
         descendantName: 'loadingIcon'
       }), userCssClasses.loadingIcon)
     };
@@ -21708,11 +21657,11 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$r(), userCssClasses.root),
-      select: classnames(suit$r({
+      root: cx(suit$r(), userCssClasses.root),
+      select: cx(suit$r({
         descendantName: 'select'
       }), userCssClasses.select),
-      option: classnames(suit$r({
+      option: cx(suit$r({
         descendantName: 'option'
       }), userCssClasses.option)
     };
@@ -21740,7 +21689,7 @@
         rest = _objectWithoutProperties(_ref, ["nbHits", "nbSortedHits", "cssClasses", "templateProps"]);
 
     return h("div", {
-      className: classnames(cssClasses.root)
+      className: cx(cssClasses.root)
     }, h(Template, _extends({}, templateProps, {
       templateKey: "text",
       rootTagName: "span",
@@ -21876,8 +21825,8 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$s(), userCssClasses.root),
-      text: classnames(suit$s({
+      root: cx(suit$s(), userCssClasses.root),
+      text: cx(suit$s({
         descendantName: 'text'
       }), userCssClasses.text)
     };
@@ -21993,14 +21942,14 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$t(), userCssClasses.root),
-      label: classnames(suit$t({
+      root: cx(suit$t(), userCssClasses.root),
+      label: cx(suit$t({
         descendantName: 'label'
       }), userCssClasses.label),
-      checkbox: classnames(suit$t({
+      checkbox: cx(suit$t({
         descendantName: 'checkbox'
       }), userCssClasses.checkbox),
-      labelText: classnames(suit$t({
+      labelText: cx(suit$t({
         descendantName: 'labelText'
       }), userCssClasses.labelText)
     };
@@ -22211,11 +22160,11 @@
 
     var containerNode = getContainerNode(container);
     var cssClasses = {
-      root: classnames(suit$u(), userCssClasses.root),
-      button: classnames(suit$u({
+      root: cx(suit$u(), userCssClasses.root),
+      button: cx(suit$u({
         descendantName: 'button'
       }), userCssClasses.button),
-      status: classnames(suit$u({
+      status: cx(suit$u({
         descendantName: 'status'
       }), userCssClasses.status)
     };