@mjhls/mjh-framework 1.0.819 → 1.0.821-url-pagination-v1

package/dist/cjs/MediaSeriesLanding.js

@@ -8,7 +8,7 @@ require('./_iter-detect-60b2f026.js');
 require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$1 = require('./extends-0a918631.js');
+var _extends = require('./extends-0a918631.js');
 require('./_object-sap-5e74ba08.js');
 require('./inherits-0c7830c5.js');
 require('./define-property-f4d12f4e.js');
@@ -16,23 +16,25 @@ require('./web.dom.iterable-a0e279c1.js');
 var _typeof = require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-require('./index-e08f00ce.js');
+require('./events-1b438fe7.js');
+require('./index-2cf30c83.js');
 var PropTypes = require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-ca3bd9fb.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./index.es-13533f24.js');
+require('./index.es-f3e47207.js');
 var ReactDOM = require('react-dom');
 require('./visibility-sensor-eb2c5b69.js');
-var index = require('./index-b5eb3ff8.js');
+require('./index-b5eb3ff8.js');
+var urlFor = require('./urlFor.js');
 var index$1 = require('./index-9d365128.js');
-require('./main-11ec04d2.js');
+require('./main-7b5e57b0.js');
 require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
@@ -40,9 +42,9 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-98f6bd26.js');
+require('./ADInfeed-0158bee3.js');
 require('./lodash-7fd85bcf.js');
-require('./ADlgInfeed-6055cb1b.js');
+require('./ADlgInfeed-3583144f.js');
 var BlockContent = require('./BlockContent-8b494587.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
@@ -50,9 +52,9 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-35099a60.js');
+var getSerializers = require('./index-f671ac14.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-4ba0d3d5.js');
+require('./brightcove-react-player-loader.es-5c98aec7.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');
@@ -62,6 +64,7 @@ require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
 var MasterDeck = require('./MasterDeck.js');
 var defineProperty = require('./defineProperty-55548b25.js');
+var index = require('./index-e2e62963.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Link = require('next/link');
 
@@ -72,88 +75,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 
-function _extends() {
-  _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);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var classnames = _commonjsHelpers.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;
-	}
-}());
-});
-
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -247,7 +168,7 @@ function useUncontrolled(props, config) {
     var _ref = result,
         defaultValue = _ref[defaultKey(fieldName)],
         propsValue = _ref[fieldName],
-        rest = _objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
+        rest = index._objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
 
     var handlerName = config[fieldName];
 
@@ -255,23 +176,14 @@ function useUncontrolled(props, config) {
         value = _useUncontrolledProp[0],
         handler = _useUncontrolledProp[1];
 
-    return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
+    return index._extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
   }, props);
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+  subClass.__proto__ = superClass;
 }
 
 var ThemeContext = React__default['default'].createContext({});
@@ -315,7 +227,7 @@ var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref)
       children = _ref.children,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
 
   var accordionOnClick = useAccordionToggle(eventKey, onClick);
 
@@ -323,7 +235,7 @@ var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref)
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
@@ -905,7 +817,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _onExiting = _this$props.onExiting,
         _onExited = _this$props.onExited,
         _nodeRef = _this$props.nodeRef,
-        childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        childProps = index._objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -1205,7 +1117,7 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
       dimension = _ref$dimension === void 0 ? 'height' : _ref$dimension,
       _ref$getDimensionValu = _ref.getDimensionValue,
       getDimensionValue = _ref$getDimensionValu === void 0 ? getDefaultDimensionValue : _ref$getDimensionValu,
-      props = _objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
 
   /* Compute dimension */
   var computedDimension = typeof dimension === 'function' ? dimension() : dimension;
@@ -1241,7 +1153,7 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
     }, onExiting);
   }, [computedDimension, onExiting]);
   return /*#__PURE__*/React__default['default'].createElement(Transition // @ts-ignore
-  , _extends({
+  , index._extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
@@ -1252,8 +1164,8 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
     onExit: handleExit,
     onExiting: handleExiting
   }), function (state, innerProps) {
-    return React__default['default'].cloneElement(children, _extends({}, innerProps, {
-      className: classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
+    return React__default['default'].cloneElement(children, index._extends({}, innerProps, {
+      className: index.classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
 }); // @ts-ignore
@@ -1264,14 +1176,14 @@ Collapse.defaultProps = defaultProps;
 var AccordionCollapse = React__default['default'].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
 
   var contextEventKey = React.useContext(context); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
   return /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default['default'].createElement(Collapse, _extends({
+  }, /*#__PURE__*/React__default['default'].createElement(Collapse, index._extends({
     ref: ref,
     in: contextEventKey === eventKey
   }, props), /*#__PURE__*/React__default['default'].createElement("div", null, React__default['default'].Children.only(children))));
@@ -1289,14 +1201,14 @@ var Accordion = React__default['default'].forwardRef(function (props, ref) {
       children = _useUncontrolled.children,
       className = _useUncontrolled.className,
       onSelect = _useUncontrolled.onSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
+      controlledProps = index._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
-  var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
+  var finalClassName = index.classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
   return /*#__PURE__*/React__default['default'].createElement(context.Provider, {
     value: activeKey || null
   }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1343,20 +1255,20 @@ var fadeStyles = (_fadeStyles = {}, _fadeStyles[ENTERING] = 'show', _fadeStyles[
 var Fade = React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["className", "children"]);
 
   var handleEnter = React.useCallback(function (node) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default['default'].createElement(Transition, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Transition, index._extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default['default'].cloneElement(children, _extends({}, innerProps, {
-      className: classnames('fade', className, children.props.className, fadeStyles[status])
+    return React__default['default'].cloneElement(children, index._extends({}, innerProps, {
+      className: index.classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
 });
@@ -1374,12 +1286,12 @@ var CloseButton = React__default['default'].forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("button", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("button", index._extends({
     ref: ref,
     type: "button",
-    className: classnames('close', className),
+    className: index.classnames('close', className),
     onClick: onClick
   }, props), /*#__PURE__*/React__default['default'].createElement("span", {
     "aria-hidden": "true"
@@ -1393,9 +1305,9 @@ CloseButton.defaultProps = defaultProps$2;
 
 var divWithClassName = (function (className) {
   return React__default['default'].forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, p, {
+    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, p, {
       ref: ref,
-      className: classnames(p.className, className)
+      className: index.classnames(p.className, className)
     }));
   });
 });
@@ -1424,12 +1336,12 @@ function createWithBsPrefix(prefix, _temp) {
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
         Tag = _ref2$as === void 0 ? Component || 'div' : _ref2$as,
-        props = _objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
+        props = index._objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default['default'].createElement(Tag, _extends({
+    return /*#__PURE__*/React__default['default'].createElement(Tag, index._extends({
       ref: ref,
-      className: classnames(className, resolvedPrefix)
+      className: index.classnames(className, resolvedPrefix)
     }, props));
   });
   BsComponent.defaultProps = defaultProps;
@@ -1454,7 +1366,7 @@ var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
 
   var handleClick = function handleClick(event) {
     var href = props.href,
@@ -1493,7 +1405,7 @@ var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1528,7 +1440,7 @@ var Alert = React__default['default'].forwardRef(function (uncontrolledProps, re
       onClose = _useUncontrolled.onClose,
       dismissible = _useUncontrolled.dismissible,
       transition = _useUncontrolled.transition,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
+      props = index._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'alert');
   var handleClose = useEventCallback(function (e) {
@@ -1537,17 +1449,17 @@ var Alert = React__default['default'].forwardRef(function (uncontrolledProps, re
     }
   });
   var Transition = transition === true ? Fade : transition;
-  var alert = /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  var alert = /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
-    className: classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
+    className: index.classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
   }), dismissible && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
     onClick: handleClose,
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default['default'].createElement(Transition, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Transition, index._extends({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1569,13 +1481,13 @@ var Badge = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
+    className: index.classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
   }));
 });
 Badge.displayName = 'Badge';
@@ -1598,17 +1510,17 @@ var BreadcrumbItem = React__default['default'].forwardRef(function (_ref, ref) {
       href = _ref.href,
       title = _ref.title,
       target = _ref.target,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(prefix, className, {
+    className: index.classnames(prefix, className, {
       active: active
     }),
     "aria-current": active ? 'page' : undefined
-  }), active ? children : /*#__PURE__*/React__default['default'].createElement(LinkComponent, _extends({}, linkProps, {
+  }), active ? children : /*#__PURE__*/React__default['default'].createElement(LinkComponent, index._extends({}, linkProps, {
     href: href,
     title: title,
     target: target
@@ -1629,15 +1541,15 @@ var Breadcrumb = React__default['default'].forwardRef(function (_ref, ref) {
       label = _ref.label,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'nav' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default['default'].createElement("ol", _extends({}, listProps, {
-    className: classnames(prefix, listProps == null ? void 0 : listProps.className)
+  }, props), /*#__PURE__*/React__default['default'].createElement("ol", index._extends({}, listProps, {
+    className: index.classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
 Breadcrumb.displayName = 'Breadcrumb';
@@ -1658,16 +1570,16 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
       block = _ref.block,
       type = _ref.type,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn');
-  var classes = classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
+  var classes = index.classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
-    return /*#__PURE__*/React__default['default'].createElement(SafeAnchor, _extends({}, props, {
+    return /*#__PURE__*/React__default['default'].createElement(SafeAnchor, index._extends({}, props, {
       as: as,
       ref: ref,
-      className: classnames(classes, props.disabled && 'disabled')
+      className: index.classnames(classes, props.disabled && 'disabled')
     }));
   }
 
@@ -1682,7 +1594,7 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     className: classes
   }));
 });
@@ -1702,14 +1614,14 @@ var ButtonGroup = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
+      rest = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
   var baseClass = prefix;
   if (vertical) baseClass = prefix + "-vertical";
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, rest, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, rest, {
     ref: ref,
-    className: classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
+    className: index.classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
@@ -1721,12 +1633,12 @@ var defaultProps$9 = {
 var ButtonToolbar = React__default['default'].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
     ref: ref,
-    className: classnames(className, prefix)
+    className: index.classnames(className, prefix)
   }));
 });
 ButtonToolbar.displayName = 'ButtonToolbar';
@@ -1745,12 +1657,12 @@ function (_ref, ref) {
       variant = _ref.variant,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'img' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref,
-    className: classnames(variant ? prefix + "-" + variant : prefix, className)
+    className: index.classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
 });
 CardImg.displayName = 'CardImg';
@@ -1787,7 +1699,7 @@ var Card = React__default['default'].forwardRef(function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card');
   var cardContext = React.useMemo(function () {
@@ -1797,10 +1709,10 @@ var Card = React__default['default'].forwardRef(function (_ref, ref) {
   }, [prefix]);
   return /*#__PURE__*/React__default['default'].createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
+    className: index.classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
   }), body ?
   /*#__PURE__*/
   // @ts-ignore
@@ -1940,20 +1852,6 @@ function setChainedTimeout(handleRef, fn, timeoutAtMs) {
 /**
  * Returns a controller object for setting a timeout that is properly cleaned up
  * once the component unmounts. New timeouts cancel and replace existing ones.
- *
- *
- *
- * ```tsx
- * const { set, clear } = useTimeout();
- * const [hello, showHello] = useState(false);
- * //Display hello after 5 seconds
- * set(() => showHello(true), 5000);
- * return (
- *   <div className="App">
- *     {hello ? <h3>Hello</h3> : null}
- *   </div>
- * );
- * ```
  */
 
 
@@ -2000,10 +1898,10 @@ var CarouselItem = React__default['default'].forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
 
-  var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  var finalClassName = index.classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: finalClassName
@@ -2208,7 +2106,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       nextLabel = _useUncontrolled.nextLabel,
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'carousel');
   var nextDirectionRef = React.useRef(null);
@@ -2465,7 +2363,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2474,7 +2372,7 @@ function CarouselFunc(uncontrolledProps, ref) {
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove,
     onTouchEnd: handleTouchEnd,
-    className: classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
+    className: index.classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
   }), indicators && /*#__PURE__*/React__default['default'].createElement("ol", {
     className: prefix + "-indicators"
   }, map(children, function (_child, index) {
@@ -2485,8 +2383,8 @@ function CarouselFunc(uncontrolledProps, ref) {
     });
   })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefix + "-inner"
-  }, map(children, function (child, index) {
-    var isActive = index === renderedActiveIndex;
+  }, map(children, function (child, index$1) {
+    var isActive = index$1 === renderedActiveIndex;
     return slide ? /*#__PURE__*/React__default['default'].createElement(Transition, {
       in: isActive,
       onEnter: isActive ? handleEnter : undefined,
@@ -2494,10 +2392,10 @@ function CarouselFunc(uncontrolledProps, ref) {
       addEndListener: transitionEnd
     }, function (status) {
       return React__default['default'].cloneElement(child, {
-        className: classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
+        className: index.classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
       });
     }) : React__default['default'].cloneElement(child, {
-      className: classnames(child.props.className, isActive && 'active')
+      className: index.classnames(child.props.className, isActive && 'active')
     });
   })), controls && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default['default'].createElement(SafeAnchor, {
     className: prefix + "-control-prev",
@@ -2526,7 +2424,7 @@ function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'col');
   var spans = [];
@@ -2557,9 +2455,9 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames.apply(void 0, [className].concat(spans, classes))
+    className: index.classnames.apply(void 0, [className].concat(spans, classes))
   }));
 });
 Col.displayName = 'Col';
@@ -2712,50 +2610,21 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
-function getBoundingClientRect(element) {
-  var rect = element.getBoundingClientRect();
-  return {
-    width: rect.width,
-    height: rect.height,
-    top: rect.top,
-    right: rect.right,
-    bottom: rect.bottom,
-    left: rect.left,
-    x: rect.left,
-    y: rect.top
-  };
-}
-
+// Returns the layout rect of an element relative to its offsetParent. Layout
 // means it doesn't take into account transforms.
-
 function getLayoutRect(element) {
-  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
-  // Fixes https://github.com/popperjs/popper-core/issues/1223
-
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-
-  if (Math.abs(clientRect.width - width) <= 1) {
-    width = clientRect.width;
-  }
-
-  if (Math.abs(clientRect.height - height) <= 1) {
-    height = clientRect.height;
-  }
-
   return {
     x: element.offsetLeft,
     y: element.offsetTop,
-    width: width,
-    height: height
+    width: element.offsetWidth,
+    height: element.offsetHeight
   };
 }
 
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
+/*:: import type { Window } from '../types'; */
 
+/*:: declare function getWindow(node: Node | Window): Window; */
+function getWindow(node) {
   if (node.toString() !== '[object Window]') {
     var ownerDocument = node.ownerDocument;
     return ownerDocument ? ownerDocument.defaultView || window : window;
@@ -2764,22 +2633,26 @@ function getWindow(node) {
   return node;
 }
 
+/*:: declare function isElement(node: mixed): boolean %checks(node instanceof
+  Element); */
+
 function isElement(node) {
   var OwnElement = getWindow(node).Element;
   return node instanceof OwnElement || node instanceof Element;
 }
+/*:: declare function isHTMLElement(node: mixed): boolean %checks(node instanceof
+  HTMLElement); */
+
 
 function isHTMLElement(node) {
   var OwnElement = getWindow(node).HTMLElement;
   return node instanceof OwnElement || node instanceof HTMLElement;
 }
+/*:: declare function isShadowRoot(node: mixed): boolean %checks(node instanceof
+  ShadowRoot); */
 
-function isShadowRoot(node) {
-  // IE 11 has no ShadowRoot
-  if (typeof ShadowRoot === 'undefined') {
-    return false;
-  }
 
+function isShadowRoot(node) {
   var OwnElement = getWindow(node).ShadowRoot;
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
@@ -2796,7 +2669,7 @@ function contains(parent, child) {
       do {
         if (next && parent.isSameNode(next)) {
           return true;
-        } // $FlowFixMe[prop-missing]: need a better way to handle this...
+        } // $FlowFixMe: need a better way to handle this...
 
 
         next = next.parentNode || next.host;
@@ -2820,9 +2693,8 @@ function isTableElement(element) {
 }
 
 function getDocumentElement(element) {
-  // $FlowFixMe[incompatible-return]: assume body is always available
-  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
-  element.document) || window.document).documentElement;
+  // $FlowFixMe: assume body is always available
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
 }
 
 function getParentNode(element) {
@@ -2830,13 +2702,12 @@ function getParentNode(element) {
     return element;
   }
 
-  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
+  return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle
     element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    element.parentNode || ( // DOM Element detected
-    isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    element.parentNode || // DOM Element detected
+    // $FlowFixMe: need a better way to handle this...
+    element.host || // ShadowRoot detected
+    // $FlowFixMe: HTMLElement is a Node
     getDocumentElement(element) // fallback
 
   );
@@ -2848,21 +2719,29 @@ function getTrueOffsetParent(element) {
     return null;
   }
 
-  return element.offsetParent;
+  var offsetParent = element.offsetParent;
+
+  if (offsetParent) {
+    var html = getDocumentElement(offsetParent);
+
+    if (getNodeName(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static' && getComputedStyle$2(html).position !== 'static') {
+      return html;
+    }
+  }
+
+  return offsetParent;
 } // `.offsetParent` reports `null` for fixed elements, while absolute elements
 // return the containing block
 
 
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
   var currentNode = getParentNode(element);
 
   while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle$2(currentNode); // This is non-exhaustive but covers the most common CSS properties that
     // create a containing block.
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
 
-    if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
+    if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {
       return currentNode;
     } else {
       currentNode = currentNode.parentNode;
@@ -2882,7 +2761,7 @@ function getOffsetParent(element) {
     offsetParent = getTrueOffsetParent(offsetParent);
   }
 
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static')) {
+  if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static') {
     return window;
   }
 
@@ -2893,12 +2772,8 @@ function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
 }
 
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
-
-function within(min$1, value, max$1) {
-  return max(min$1, min(value, max$1));
+function within(min, value, max) {
+  return Math.max(min, Math.min(value, max));
 }
 
 function getFreshSideObject() {
@@ -2911,7 +2786,7 @@ function getFreshSideObject() {
 }
 
 function mergePaddingObject(paddingObject) {
-  return Object.assign({}, getFreshSideObject(), paddingObject);
+  return Object.assign(Object.assign({}, getFreshSideObject()), paddingObject);
 }
 
 function expandToHashMap(value, keys) {
@@ -2921,19 +2796,11 @@ function expandToHashMap(value, keys) {
   }, {});
 }
 
-var toPaddingObject = function toPaddingObject(padding, state) {
-  padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
-    placement: state.placement
-  })) : padding;
-  return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
-};
-
 function arrow(_ref) {
   var _state$modifiersData$;
 
   var state = _ref.state,
-      name = _ref.name,
-      options = _ref.options;
+      name = _ref.name;
   var arrowElement = state.elements.arrow;
   var popperOffsets = state.modifiersData.popperOffsets;
   var basePlacement = getBasePlacement(state.placement);
@@ -2945,7 +2812,7 @@ function arrow(_ref) {
     return;
   }
 
-  var paddingObject = toPaddingObject(options.padding, state);
+  var paddingObject = state.modifiersData[name + "#persistent"].padding;
   var arrowRect = getLayoutRect(arrowElement);
   var minProp = axis === 'y' ? top : left;
   var maxProp = axis === 'y' ? bottom : right;
@@ -2967,9 +2834,12 @@ function arrow(_ref) {
 
 function effect(_ref2) {
   var state = _ref2.state,
-      options = _ref2.options;
+      options = _ref2.options,
+      name = _ref2.name;
   var _options$element = options.element,
-      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
+      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element,
+      _options$padding = options.padding,
+      padding = _options$padding === void 0 ? 0 : _options$padding;
 
   if (arrowElement == null) {
     return;
@@ -2999,6 +2869,9 @@ function effect(_ref2) {
   }
 
   state.elements.arrow = arrowElement;
+  state.modifiersData[name + "#persistent"] = {
+    padding: mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements))
+  };
 } // eslint-disable-next-line import/no-unused-modules
 
 
@@ -3021,14 +2894,14 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsets(_ref) {
   var x = _ref.x,
       y = _ref.y;
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(round(x * dpr) / dpr) || 0,
-    y: round(round(y * dpr) / dpr) || 0
+    x: Math.round(x * dpr) / dpr || 0,
+    y: Math.round(y * dpr) / dpr || 0
   };
 }
 
@@ -3041,14 +2914,11 @@ function mapToStyles(_ref2) {
       offsets = _ref2.offsets,
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
-      adaptive = _ref2.adaptive,
-      roundOffsets = _ref2.roundOffsets;
+      adaptive = _ref2.adaptive;
 
-  var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
-      _ref3$x = _ref3.x,
-      x = _ref3$x === void 0 ? 0 : _ref3$x,
-      _ref3$y = _ref3.y,
-      y = _ref3$y === void 0 ? 0 : _ref3$y;
+  var _roundOffsets = roundOffsets(offsets),
+      x = _roundOffsets.x,
+      y = _roundOffsets.y;
 
   var hasX = offsets.hasOwnProperty('x');
   var hasY = offsets.hasOwnProperty('y');
@@ -3058,32 +2928,23 @@ function mapToStyles(_ref2) {
 
   if (adaptive) {
     var offsetParent = getOffsetParent(popper);
-    var heightProp = 'clientHeight';
-    var widthProp = 'clientWidth';
 
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
+    } // $FlowFixMe: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
 
-      if (getComputedStyle$2(offsetParent).position !== 'static') {
-        heightProp = 'scrollHeight';
-        widthProp = 'scrollWidth';
-      }
-    } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
-
+    /*:: offsetParent = (offsetParent: Element); */
 
-    offsetParent = offsetParent;
 
     if (placement === top) {
-      sideY = bottom; // $FlowFixMe[prop-missing]
-
-      y -= offsetParent[heightProp] - popperRect.height;
+      sideY = bottom;
+      y -= offsetParent.clientHeight - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
     if (placement === left) {
-      sideX = right; // $FlowFixMe[prop-missing]
-
-      x -= offsetParent[widthProp] - popperRect.width;
+      sideX = right;
+      x -= offsetParent.clientWidth - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }
   }
@@ -3095,21 +2956,19 @@ function mapToStyles(_ref2) {
   if (gpuAcceleration) {
     var _Object$assign;
 
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
   }
 
-  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
+  return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
-function computeStyles(_ref4) {
-  var state = _ref4.state,
-      options = _ref4.options;
+function computeStyles(_ref3) {
+  var state = _ref3.state,
+      options = _ref3.options;
   var _options$gpuAccelerat = options.gpuAcceleration,
       gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
       _options$adaptive = options.adaptive,
-      adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
-      _options$roundOffsets = options.roundOffsets,
-      roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+      adaptive = _options$adaptive === void 0 ? true : _options$adaptive;
 
   if (process.env.NODE_ENV !== "production") {
     var transitionProperty = getComputedStyle$2(state.elements.popper).transitionProperty || '';
@@ -3129,24 +2988,22 @@ function computeStyles(_ref4) {
   };
 
   if (state.modifiersData.popperOffsets != null) {
-    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+    state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
       offsets: state.modifiersData.popperOffsets,
       position: state.options.strategy,
-      adaptive: adaptive,
-      roundOffsets: roundOffsets
+      adaptive: adaptive
     })));
   }
 
   if (state.modifiersData.arrow != null) {
-    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+    state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
       offsets: state.modifiersData.arrow,
       position: 'absolute',
-      adaptive: false,
-      roundOffsets: roundOffsets
+      adaptive: false
     })));
   }
 
-  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
     'data-popper-placement': state.placement
   });
 } // eslint-disable-next-line import/no-unused-modules
@@ -3230,6 +3087,20 @@ function getOppositeVariationPlacement(placement) {
   });
 }
 
+function getBoundingClientRect(element) {
+  var rect = element.getBoundingClientRect();
+  return {
+    width: rect.width,
+    height: rect.height,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left,
+    x: rect.left,
+    y: rect.top
+  };
+}
+
 function getWindowScroll(node) {
   var win = getWindow(node);
   var scrollLeft = win.pageXOffset;
@@ -3292,18 +3163,16 @@ function getViewportRect(element) {
 // of the `<html>` and `<body>` rect bounds if horizontally scrollable
 
 function getDocumentRect(element) {
-  var _element$ownerDocumen;
-
   var html = getDocumentElement(element);
   var winScroll = getWindowScroll(element);
-  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var body = element.ownerDocument.body;
+  var width = Math.max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height = Math.max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
   var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
   var y = -winScroll.scrollTop;
 
   if (getComputedStyle$2(body || html).direction === 'rtl') {
-    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+    x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;
   }
 
   return {
@@ -3326,7 +3195,7 @@ function isScrollParent(element) {
 
 function getScrollParent(node) {
   if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
-    // $FlowFixMe[incompatible-return]: assume body is always available
+    // $FlowFixMe: assume body is always available
     return node.ownerDocument.body;
   }
 
@@ -3340,28 +3209,26 @@ function getScrollParent(node) {
 /*
 given a DOM element, return the list of all scroll parents, up the list of ancesors
 until we get to the top window object. This list is what we attach scroll listeners
-to, because if any of these parent elements scroll, we'll need to re-calculate the
+to, because if any of these parent elements scroll, we'll need to re-calculate the 
 reference element's position.
 */
 
 function listScrollParents(element, list) {
-  var _element$ownerDocumen;
-
   if (list === void 0) {
     list = [];
   }
 
   var scrollParent = getScrollParent(element);
-  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var isBody = getNodeName(scrollParent) === 'body';
   var win = getWindow(scrollParent);
   var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   var updatedList = list.concat(target);
-  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+  return isBody ? updatedList : // $FlowFixMe: isBody tells us target will be an HTMLElement here
   updatedList.concat(listScrollParents(getParentNode(target)));
 }
 
 function rectToClientRect(rect) {
-  return Object.assign({}, rect, {
+  return Object.assign(Object.assign({}, rect), {}, {
     left: rect.x,
     top: rect.y,
     right: rect.x + rect.width,
@@ -3396,7 +3263,7 @@ function getClippingParents(element) {
 
   if (!isElement(clipperElement)) {
     return [];
-  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
+  } // $FlowFixMe: https://github.com/facebook/flow/issues/1414
 
 
   return clippingParents.filter(function (clippingParent) {
@@ -3412,10 +3279,10 @@ function getClippingRect(element, boundary, rootBoundary) {
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
     var rect = getClientRectFromMixedType(element, clippingParent);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
+    accRect.top = Math.max(rect.top, accRect.top);
+    accRect.right = Math.min(rect.right, accRect.right);
+    accRect.bottom = Math.min(rect.bottom, accRect.bottom);
+    accRect.left = Math.max(rect.left, accRect.left);
     return accRect;
   }, getClientRectFromMixedType(element, firstClippingParent));
   clippingRect.width = clippingRect.right - clippingRect.left;
@@ -3482,11 +3349,11 @@ function computeOffsets(_ref) {
 
     switch (variation) {
       case start:
-        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
+        offsets[mainAxis] = Math.floor(offsets[mainAxis]) - Math.floor(reference[len] / 2 - element[len] / 2);
         break;
 
       case end:
-        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
+        offsets[mainAxis] = Math.floor(offsets[mainAxis]) + Math.ceil(reference[len] / 2 - element[len] / 2);
         break;
     }
   }
@@ -3525,7 +3392,7 @@ function detectOverflow(state, options) {
     strategy: 'absolute',
     placement: placement
   });
-  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
+  var popperClientRect = rectToClientRect(Object.assign(Object.assign({}, popperRect), popperOffsets));
   var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
   // 0 or negative = within the clipping rect
 
@@ -3549,6 +3416,9 @@ function detectOverflow(state, options) {
   return overflowOffsets;
 }
 
+/*:: type OverflowsMap = { [ComputedPlacement]: number }; */
+
+/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */
 function computeAutoPlacement(state, options) {
   if (options === void 0) {
     options = {};
@@ -3565,7 +3435,8 @@ function computeAutoPlacement(state, options) {
   var variation = getVariation(placement);
   var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
     return getVariation(placement) === variation;
-  }) : basePlacements;
+  }) : basePlacements; // $FlowFixMe
+
   var allowedPlacements = placements$1.filter(function (placement) {
     return allowedAutoPlacements.indexOf(placement) >= 0;
   });
@@ -3576,7 +3447,7 @@ function computeAutoPlacement(state, options) {
     if (process.env.NODE_ENV !== "production") {
       console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
     }
-  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
+  } // $FlowFixMe: Flow seems to have problems with two array unions...
 
 
   var overflows = allowedPlacements.reduce(function (acc, placement) {
@@ -3777,7 +3648,7 @@ function hide(_ref) {
     isReferenceHidden: isReferenceHidden,
     hasPopperEscaped: hasPopperEscaped
   };
-  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
     'data-popper-reference-hidden': isReferenceHidden,
     'data-popper-escaped': hasPopperEscaped
   });
@@ -3796,7 +3667,7 @@ function distanceAndSkiddingToXY(placement, rects, offset) {
   var basePlacement = getBasePlacement(placement);
   var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
 
-  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
+  var _ref = typeof offset === 'function' ? offset(Object.assign(Object.assign({}, rects), {}, {
     placement: placement
   })) : offset,
       skidding = _ref[0],
@@ -3902,7 +3773,7 @@ function preventOverflow(_ref) {
   var popperOffsets = state.modifiersData.popperOffsets;
   var referenceRect = state.rects.reference;
   var popperRect = state.rects.popper;
-  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
+  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign(Object.assign({}, state.rects), {}, {
     placement: state.placement
   })) : tetherOffset;
   var data = {
@@ -3914,13 +3785,13 @@ function preventOverflow(_ref) {
     return;
   }
 
-  if (checkMainAxis || checkAltAxis) {
+  if (checkMainAxis) {
     var mainSide = mainAxis === 'y' ? top : left;
     var altSide = mainAxis === 'y' ? bottom : right;
     var len = mainAxis === 'y' ? 'height' : 'width';
     var offset = popperOffsets[mainAxis];
-    var min$1 = popperOffsets[mainAxis] + overflow[mainSide];
-    var max$1 = popperOffsets[mainAxis] - overflow[altSide];
+    var min = popperOffsets[mainAxis] + overflow[mainSide];
+    var max = popperOffsets[mainAxis] - overflow[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
@@ -3947,29 +3818,26 @@ function preventOverflow(_ref) {
     var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;
     var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;
     var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;
+    var preventedOffset = within(tether ? Math.min(min, tetherMin) : min, offset, tether ? Math.max(max, tetherMax) : max);
+    popperOffsets[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset;
+  }
 
-    if (checkMainAxis) {
-      var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
-      popperOffsets[mainAxis] = preventedOffset;
-      data[mainAxis] = preventedOffset - offset;
-    }
-
-    if (checkAltAxis) {
-      var _mainSide = mainAxis === 'x' ? top : left;
+  if (checkAltAxis) {
+    var _mainSide = mainAxis === 'x' ? top : left;
 
-      var _altSide = mainAxis === 'x' ? bottom : right;
+    var _altSide = mainAxis === 'x' ? bottom : right;
 
-      var _offset = popperOffsets[altAxis];
+    var _offset = popperOffsets[altAxis];
 
-      var _min = _offset + overflow[_mainSide];
+    var _min = _offset + overflow[_mainSide];
 
-      var _max = _offset - overflow[_altSide];
+    var _max = _offset - overflow[_altSide];
 
-      var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
+    var _preventedOffset = within(_min, _offset, _max);
 
-      popperOffsets[altAxis] = _preventedOffset;
-      data[altAxis] = _preventedOffset - _offset;
-    }
+    popperOffsets[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
   }
 
   state.modifiersData[name] = data;
@@ -4200,9 +4068,9 @@ function uniqueBy(arr, fn) {
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function (merged, current) {
     var existing = merged[current.name];
-    merged[current.name] = existing ? Object.assign({}, existing, current, {
-      options: Object.assign({}, existing.options, current.options),
-      data: Object.assign({}, existing.data, current.data)
+    merged[current.name] = existing ? Object.assign(Object.assign(Object.assign({}, existing), current), {}, {
+      options: Object.assign(Object.assign({}, existing.options), current.options),
+      data: Object.assign(Object.assign({}, existing.data), current.data)
     }) : current;
     return merged;
   }, {}); // IE11 does not support Object.values
@@ -4248,7 +4116,7 @@ function popperGenerator(generatorOptions) {
     var state = {
       placement: 'bottom',
       orderedModifiers: [],
-      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      options: Object.assign(Object.assign({}, DEFAULT_OPTIONS), defaultOptions),
       modifiersData: {},
       elements: {
         reference: reference,
@@ -4263,7 +4131,7 @@ function popperGenerator(generatorOptions) {
       state: state,
       setOptions: function setOptions(options) {
         cleanupModifierEffects();
-        state.options = Object.assign({}, defaultOptions, state.options, options);
+        state.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), state.options), options);
         state.scrollParents = {
           reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
           popper: listScrollParents(popper)
@@ -4542,7 +4410,7 @@ function usePopper(referenceElement, popperElement, _temp) {
       strategy = _ref3$strategy === void 0 ? 'absolute' : _ref3$strategy,
       _ref3$modifiers = _ref3.modifiers,
       modifiers = _ref3$modifiers === void 0 ? EMPTY_MODIFIERS : _ref3$modifiers,
-      config = _objectWithoutPropertiesLoose(_ref3, ["enabled", "placement", "strategy", "modifiers"]);
+      config = index._objectWithoutPropertiesLoose(_ref3, ["enabled", "placement", "strategy", "modifiers"]);
 
   var popperInstanceRef = React.useRef();
   var update = React.useCallback(function () {
@@ -4608,7 +4476,7 @@ function usePopper(referenceElement, popperElement, _temp) {
       return undefined;
     }
 
-    popperInstanceRef.current = createPopper(referenceElement, popperElement, _extends({}, config, {
+    popperInstanceRef.current = createPopper(referenceElement, popperElement, index._extends({}, config, {
       placement: placement,
       strategy: strategy,
       modifiers: [].concat(modifiers, [ariaDescribedByModifier, updateModifier])
@@ -4618,7 +4486,7 @@ function usePopper(referenceElement, popperElement, _temp) {
         popperInstanceRef.current.destroy();
         popperInstanceRef.current = undefined;
         setState(function (s) {
-          return _extends({}, s, {
+          return index._extends({}, s, {
             attributes: {},
             styles: {
               popper: initialPopperStyles(strategy)
@@ -4848,30 +4716,30 @@ function mergeOptionsWithPopperConfig(_ref) {
       _ref$popperConfig = _ref.popperConfig,
       popperConfig = _ref$popperConfig === void 0 ? {} : _ref$popperConfig;
   var modifiers = toModifierMap(popperConfig.modifiers);
-  return _extends({}, popperConfig, {
+  return index._extends({}, popperConfig, {
     placement: placement,
     enabled: enabled,
-    modifiers: toModifierArray(_extends({}, modifiers, {
+    modifiers: toModifierArray(index._extends({}, modifiers, {
       eventListeners: {
         enabled: enableEvents
       },
-      preventOverflow: _extends({}, modifiers.preventOverflow, {
-        options: containerPadding ? _extends({
+      preventOverflow: index._extends({}, modifiers.preventOverflow, {
+        options: containerPadding ? index._extends({
           padding: containerPadding
         }, (_modifiers$preventOve = modifiers.preventOverflow) == null ? void 0 : _modifiers$preventOve.options) : (_modifiers$preventOve2 = modifiers.preventOverflow) == null ? void 0 : _modifiers$preventOve2.options
       }),
       offset: {
-        options: _extends({
+        options: index._extends({
           offset: offset
         }, (_modifiers$offset = modifiers.offset) == null ? void 0 : _modifiers$offset.options)
       },
-      arrow: _extends({}, modifiers.arrow, {
+      arrow: index._extends({}, modifiers.arrow, {
         enabled: !!arrowElement,
-        options: _extends({}, (_modifiers$arrow = modifiers.arrow) == null ? void 0 : _modifiers$arrow.options, {
+        options: index._extends({}, (_modifiers$arrow = modifiers.arrow) == null ? void 0 : _modifiers$arrow.options, {
           element: arrowElement
         })
       }),
-      flip: _extends({
+      flip: index._extends({
         enabled: !!flip
       }, modifiers.flip)
     }))
@@ -4942,7 +4810,7 @@ function useDropdownMenu(options) {
   })),
       styles = _usePopper.styles,
       attributes = _usePopper.attributes,
-      popper = _objectWithoutPropertiesLoose(_usePopper, ["styles", "attributes"]);
+      popper = index._objectWithoutPropertiesLoose(_usePopper, ["styles", "attributes"]);
 
   var menu;
   var menuProps = {
@@ -4957,15 +4825,15 @@ function useDropdownMenu(options) {
   };
 
   if (!shouldUsePopper) {
-    menu = _extends({}, childArgs, {
+    menu = index._extends({}, childArgs, {
       props: menuProps
     });
   } else {
-    menu = _extends({}, popper, childArgs, {
-      props: _extends({}, menuProps, attributes.popper, {
+    menu = index._extends({}, popper, childArgs, {
+      props: index._extends({}, menuProps, attributes.popper, {
         style: styles.popper
       }),
-      arrowProps: _extends({
+      arrowProps: index._extends({
         ref: attachArrowRef
       }, attributes.arrow, {
         style: styles.arrow
@@ -5048,7 +4916,7 @@ var defaultProps$d = {
  */
 function DropdownMenu(_ref2) {
   var children = _ref2.children,
-      options = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+      options = index._objectWithoutPropertiesLoose(_ref2, ["children"]);
 
   var args = useDropdownMenu(options);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, args.hasShown ? children(args) : null);
@@ -5365,7 +5233,7 @@ var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       propActive = _ref.active,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-item');
   var onSelectCtx = React.useContext(SelectableContext);
@@ -5389,11 +5257,11 @@ var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
     /*#__PURE__*/
     // "TS2604: JSX element type 'Component' does not have any construct or call signatures."
     // @ts-ignore
-    React__default['default'].createElement(Component, _extends({}, props, {
+    React__default['default'].createElement(Component, index._extends({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
-      className: classnames(className, prefix, active && 'active', disabled && 'disabled'),
+      className: index.classnames(className, prefix, active && 'active', disabled && 'disabled'),
       onClick: handleClick
     }), children)
   );
@@ -5578,7 +5446,7 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       popperConfig = _ref.popperConfig,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
   var isNavbar = React.useContext(context$2);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
@@ -5614,7 +5482,7 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
     show: showProps,
     alignEnd: alignRight,
     usePopper: !isNavbar && alignClasses.length === 0,
-    popperConfig: _extends({}, popperConfig, {
+    popperConfig: index._extends({}, popperConfig, {
       modifiers: marginModifiers.concat((popperConfig == null ? void 0 : popperConfig.modifiers) || [])
     })
   }),
@@ -5637,12 +5505,12 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
   if (placement) {
     // we don't need the default popper style,
     // menus are display: none when not shown.
-    props.style = _extends({}, props.style, {}, menuProps.style);
+    props.style = index._extends({}, props.style, {}, menuProps.style);
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, menuProps, {
-    className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, menuProps, {
+    className: index.classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
 DropdownMenu$1.displayName = 'DropdownMenu';
@@ -5682,7 +5550,7 @@ var DropdownToggle$1 = React__default['default'].forwardRef(function (_ref, ref)
       childBsPrefix = _ref.childBsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? Button : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-toggle');
 
@@ -5697,9 +5565,9 @@ var DropdownToggle$1 = React__default['default'].forwardRef(function (_ref, ref)
   toggleProps.ref = useMergedRefs(toggleProps.ref, useWrappedRefWithWarning(ref, 'DropdownToggle')); // This intentionally forwards size and variant (if set) to the
   // underlying component, to allow it to render size and style variants.
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     onClick: toggle,
-    className: classnames(className, prefix, split && prefix + "-split")
+    className: index.classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
 });
 DropdownToggle$1.displayName = 'DropdownToggle';
@@ -5735,7 +5603,7 @@ var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
       _useUncontrolled$as = _useUncontrolled.as,
       Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
       _4 = _useUncontrolled.navbar,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
+      props = index._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
 
   var onSelectCtx = React.useContext(SelectableContext);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown');
@@ -5768,9 +5636,9 @@ var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
     itemSelector: "." + prefix + "-item:not(.disabled):not(:disabled)"
   }, function (_ref) {
     var dropdownProps = _ref.props;
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, dropdownProps, {
+    return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, dropdownProps, {
       ref: ref,
-      className: classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
+      className: index.classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
   }));
 });
@@ -5856,9 +5724,9 @@ var DropdownButton = React__default['default'].forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       href = _ref.href,
       id = _ref.id,
-      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, index._extends({
     ref: ref
   }, props), /*#__PURE__*/React__default['default'].createElement(DropdownToggle$1, {
     id: id,
@@ -5991,11 +5859,11 @@ function (_ref, ref) {
       type = _ref$type === void 0 ? 'valid' : _ref$type,
       _ref$tooltip = _ref.tooltip,
       tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
+    className: index.classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
 });
 Feedback.displayName = 'Feedback';
@@ -6019,7 +5887,7 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
       isStatic = _ref.isStatic,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6030,11 +5898,11 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
-    className: classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid', isStatic && 'position-static')
+    className: index.classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid', isStatic && 'position-static')
   }));
 });
 FormCheckInput.displayName = 'FormCheckInput';
@@ -6044,7 +5912,7 @@ var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6055,10 +5923,10 @@ var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement("label", index._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }));
 });
 FormCheckLabel.displayName = 'FormCheckLabel';
@@ -6089,7 +5957,7 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
       propCustom = _ref.custom,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
 
   var custom = type === 'switch' ? true : propCustom;
 
@@ -6109,7 +5977,7 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = custom || label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default['default'].createElement(FormCheckInput, _extends({}, props, {
+  var input = /*#__PURE__*/React__default['default'].createElement(FormCheckInput, index._extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -6122,7 +5990,7 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
     value: innerFormContext
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     style: style,
-    className: classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
+    className: index.classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
   }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormCheckLabel, {
     title: title
   }, label), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
@@ -6144,7 +6012,7 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
       lang = _ref.lang,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6157,12 +6025,12 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
     lang: lang,
-    className: classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')
+    className: index.classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')
   }));
 });
 FormFileInput.displayName = 'FormFileInput';
@@ -6172,7 +6040,7 @@ var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6183,10 +6051,10 @@ var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement("label", index._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
-    className: classnames(className, bsPrefix),
+    className: index.classnames(className, bsPrefix),
     "data-browse": props['data-browse']
   }));
 });
@@ -6216,7 +6084,7 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       _ref$inputAs = _ref.inputAs,
       inputAs = _ref$inputAs === void 0 ? 'input' : _ref$inputAs,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
 
   var _ref2 = custom ? [bsCustomPrefix, 'custom'] : [bsPrefix, 'form-file'],
       prefix = _ref2[0],
@@ -6235,7 +6103,7 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default['default'].createElement(FormFileInput, _extends({}, props, {
+  var input = /*#__PURE__*/React__default['default'].createElement(FormFileInput, index._extends({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6247,7 +6115,7 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
     value: innerFormContext
   }, /*#__PURE__*/React__default['default'].createElement(Component, {
     style: style,
-    className: classnames(className, bsPrefix, custom && "custom-" + type)
+    className: index.classnames(className, bsPrefix, custom && "custom-" + type)
   }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, custom ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, {
     "data-browse": dataBrowse
   }, label)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
@@ -6276,7 +6144,7 @@ var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
       custom = _ref.custom,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6311,13 +6179,13 @@ var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !id, '`controlId` is ignored on `<FormControl>` when `id` is specified.') : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
     readOnly: readOnly,
     id: id || controlId,
-    className: classnames(className, classes, isValid && "is-valid", isInvalid && "is-invalid")
+    className: index.classnames(className, classes, isValid && "is-valid", isInvalid && "is-invalid")
   }));
 });
 FormControl.displayName = 'FormControl';
@@ -6332,7 +6200,7 @@ var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
       controlId = _ref.controlId,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-group');
   var context = React.useMemo(function () {
@@ -6342,9 +6210,9 @@ var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
   }, [controlId]);
   return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }), children));
 });
 FormGroup.displayName = 'FormGroup';
@@ -6361,7 +6229,7 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
       srOnly = _ref.srOnly,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6369,10 +6237,10 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-label');
   var columnClass = 'col-form-label';
   if (typeof column === 'string') columnClass = columnClass + " " + columnClass + "-" + column;
-  var classes = classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
+  var classes = index.classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
   htmlFor = htmlFor || controlId;
-  if (column) return /*#__PURE__*/React__default['default'].createElement(Col, _extends({
+  if (column) return /*#__PURE__*/React__default['default'].createElement(Col, index._extends({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6380,7 +6248,7 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
-    React__default['default'].createElement(Component, _extends({
+    React__default['default'].createElement(Component, index._extends({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6397,18 +6265,18 @@ function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'small' : _ref$as,
       muted = _ref.muted,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix, muted && 'text-muted')
+    className: index.classnames(className, bsPrefix, muted && 'text-muted')
   }));
 });
 FormText.displayName = 'FormText';
 
 var Switch = React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(FormCheck, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(FormCheck, index._extends({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6428,12 +6296,12 @@ var FormImpl = React__default['default'].forwardRef(function (_ref, ref) {
       validated = _ref.validated,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'form' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
+    className: index.classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
 });
 FormImpl.displayName = 'Form';
@@ -6456,14 +6324,14 @@ var Container = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, fluid ? "" + prefix + suffix : prefix)
+    className: index.classnames(className, fluid ? "" + prefix + suffix : prefix)
   }));
 });
 Container.displayName = 'Container';
@@ -6508,15 +6376,15 @@ var Image = React__default['default'].forwardRef(function (_ref, ref) {
       rounded = _ref.rounded,
       roundedCircle = _ref.roundedCircle,
       thumbnail = _ref.thumbnail,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
-  var classes = classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
-  return /*#__PURE__*/React__default['default'].createElement("img", _extends({
+  var classes = index.classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
+  return /*#__PURE__*/React__default['default'].createElement("img", index._extends({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
-    className: classnames(className, classes)
+    className: index.classnames(className, classes)
   }));
 });
 Image.displayName = 'Image';
@@ -6527,12 +6395,12 @@ var defaultProps$l = {
 };
 var FigureImage = React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Image, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Image, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, 'figure-img')
+    className: index.classnames(className, 'figure-img')
   }));
 });
 FigureImage.displayName = 'FigureImage';
@@ -6556,13 +6424,13 @@ var InputGroupText = createWithBsPrefix('input-group-text', {
 });
 
 var InputGroupCheckbox = function InputGroupCheckbox(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", _extends({
+  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", index._extends({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", _extends({
+  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", index._extends({
     type: "radio"
   }, props)));
 };
@@ -6581,18 +6449,18 @@ var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix, size && bsPrefix + "-" + size)
+    className: index.classnames(className, bsPrefix, size && bsPrefix + "-" + size)
   }));
 });
 InputGroup.displayName = 'InputGroup';
 
-var InputGroupWithExtras = _extends({}, InputGroup, {
+var InputGroupWithExtras = index._extends({}, InputGroup, {
   Text: InputGroupText,
   Radio: InputGroupRadio,
   Checkbox: InputGroupCheckbox,
@@ -6611,14 +6479,14 @@ var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       fluid = _ref.fluid,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "fluid", "bsPrefix"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "className", "fluid", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'jumbotron');
   var classes = (_classes = {}, _classes[bsPrefix] = true, _classes[bsPrefix + "-fluid"] = fluid, _classes);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, classes)
+    className: index.classnames(className, classes)
   }));
 });
 Jumbotron.defaultProps = defaultProps$m;
@@ -6636,7 +6504,7 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
       activeKey = _ref.activeKey,
       role = _ref.role,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
 
   // A ref and forceUpdate for refocus, b/c we only want to trigger when needed
   // and don't want to reset the set in the effect
@@ -6720,7 +6588,7 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
       getControlledId: getControlledId || noop$4,
       getControllerId: getControllerId || noop$4
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
@@ -6737,7 +6605,7 @@ var AbstractNavItem = React__default['default'].forwardRef(function (_ref, ref)
       onSelect = _ref.onSelect,
       onClick = _ref.onClick,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
 
   var navKey = makeEventKey(eventKey, props.href);
   var parentOnSelect = React.useContext(SelectableContext);
@@ -6767,10 +6635,10 @@ var AbstractNavItem = React__default['default'].forwardRef(function (_ref, ref)
     if (onSelect) onSelect(navKey, e);
     if (parentOnSelect) parentOnSelect(navKey, e);
   });
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
     onClick: handleOnclick,
-    className: classnames(className, isActive && 'active')
+    className: index.classnames(className, isActive && 'active')
   }));
 });
 AbstractNavItem.defaultProps = defaultProps$n;
@@ -6790,7 +6658,7 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
       as = _ref.as,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group-item');
   var handleClick = React.useCallback(function (event) {
@@ -6802,7 +6670,7 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
 
     if (onClick) onClick(event);
   }, [disabled, onClick]);
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, index._extends({
     ref: ref
   }, props, {
     // TODO: Restrict eventKey to string in v5?
@@ -6810,7 +6678,7 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
     ,
     as: as || (action ? props.href ? 'a' : 'button' : 'div'),
     onClick: handleClick,
-    className: classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
+    className: index.classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
   }));
 });
 ListGroupItem.defaultProps = defaultProps$o;
@@ -6830,7 +6698,7 @@ var ListGroup = React__default['default'].forwardRef(function (props, ref) {
       horizontal = _useUncontrolled.horizontal,
       _useUncontrolled$as = _useUncontrolled.as,
       as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
+      controlledProps = index._objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');
   var horizontalVariant;
@@ -6842,11 +6710,11 @@ var ListGroup = React__default['default'].forwardRef(function (props, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(!(horizontal && variant === 'flush'), '`variant="flush"` and `horizontal` should not be used together.') : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, index._extends({
     ref: ref
   }, controlledProps, {
     as: as,
-    className: classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
+    className: index.classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
   }));
 });
 ListGroup.defaultProps = defaultProps$p;
@@ -6860,12 +6728,12 @@ function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, prefix)
+    className: index.classnames(className, prefix)
   }));
 });
 Media.displayName = 'Media';
@@ -7265,7 +7133,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onEnter = _ref.onEnter,
       onEntering = _ref.onEntering,
       onEntered = _ref.onEntered,
-      rest = _objectWithoutPropertiesLoose(_ref, ["show", "role", "className", "style", "children", "backdrop", "keyboard", "onBackdropClick", "onEscapeKeyDown", "transition", "backdropTransition", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "renderDialog", "renderBackdrop", "manager", "container", "containerClassName", "onShow", "onHide", "onExit", "onExited", "onExiting", "onEnter", "onEntering", "onEntered"]);
+      rest = index._objectWithoutPropertiesLoose(_ref, ["show", "role", "className", "style", "children", "backdrop", "keyboard", "onBackdropClick", "onEscapeKeyDown", "transition", "backdropTransition", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "renderDialog", "renderBackdrop", "manager", "container", "containerClassName", "onShow", "onHide", "onExit", "onExited", "onExiting", "onEnter", "onEntering", "onEntered"]);
 
   var container = useWaitForDOMRef(containerRef);
   var modal = useModalManager(providedManager);
@@ -7398,7 +7266,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return null;
   }
 
-  var dialogProps = _extends({
+  var dialogProps = index._extends({
     role: role,
     ref: modal.setDialogRef,
     // apparently only works on the dialog role element
@@ -7696,15 +7564,15 @@ var ModalDialog = React__default['default'].forwardRef(function (_ref, ref) {
       size = _ref.size,
       children = _ref.children,
       scrollable = _ref.scrollable,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
     ref: ref,
-    className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
+    className: index.classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
   }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classnames(bsPrefix + "-content", contentClassName)
+    className: index.classnames(bsPrefix + "-content", contentClassName)
   }, children));
 });
 ModalDialog.displayName = 'ModalDialog';
@@ -7722,7 +7590,7 @@ var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
       onHide = _ref.onHide,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal-header');
   var context = React.useContext(ModalContext);
@@ -7730,10 +7598,10 @@ var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
     if (context) context.onHide();
     if (onHide) onHide();
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick
@@ -7799,7 +7667,7 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
       onExited = _ref.onExited,
       backdropClassName = _ref.backdropClassName,
       propsManager = _ref.manager,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
 
   var _useState = React.useState({}),
       modalStyle = _useState[0],
@@ -7965,12 +7833,12 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = React.useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, backdropProps, {
-      className: classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
+    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, backdropProps, {
+      className: index.classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
 
-  var baseModalStyle = _extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
+  var baseModalStyle = index._extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
 
 
   if (!animation) {
@@ -7978,15 +7846,15 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
-      className: classnames(className, bsPrefix, animateStaticModal && bsPrefix + "-static"),
+      className: index.classnames(className, bsPrefix, animateStaticModal && bsPrefix + "-static"),
       onClick: backdrop ? handleClick : undefined,
       onMouseUp: handleMouseUp,
       "aria-labelledby": ariaLabelledby
-    }), /*#__PURE__*/React__default['default'].createElement(Dialog, _extends({}, props, {
+    }), /*#__PURE__*/React__default['default'].createElement(Dialog, index._extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
       className: dialogClassName,
@@ -8041,12 +7909,12 @@ function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }), children);
 });
 NavItem.displayName = 'NavItem';
@@ -8063,17 +7931,17 @@ var NavLink = React__default['default'].forwardRef(function (_ref, ref) {
       eventKey = _ref.eventKey,
       onSelect = _ref.onSelect,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, index._extends({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
     as: as,
     disabled: disabled,
     onSelect: onSelect,
-    className: classnames(className, bsPrefix, disabled && 'disabled')
+    className: index.classnames(className, bsPrefix, disabled && 'disabled')
   }));
 });
 NavLink.displayName = 'NavLink';
@@ -8099,7 +7967,7 @@ var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref)
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
       activeKey = _useUncontrolled.activeKey,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
+      props = index._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');
   var navbarBsPrefix;
@@ -8115,11 +7983,11 @@ var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref)
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, index._extends({
     as: as,
     ref: ref,
     activeKey: activeKey,
-    className: classnames(className, (_classNames = {}, _classNames[bsPrefix] = !isNavbar, _classNames[navbarBsPrefix + "-nav"] = isNavbar, _classNames[cardHeaderBsPrefix + "-" + variant] = !!cardHeaderBsPrefix, _classNames[bsPrefix + "-" + variant] = !!variant, _classNames[bsPrefix + "-fill"] = fill, _classNames[bsPrefix + "-justified"] = justify, _classNames))
+    className: index.classnames(className, (_classNames = {}, _classNames[bsPrefix] = !isNavbar, _classNames[navbarBsPrefix + "-nav"] = isNavbar, _classNames[cardHeaderBsPrefix + "-" + variant] = !!cardHeaderBsPrefix, _classNames[bsPrefix + "-" + variant] = !!variant, _classNames[bsPrefix + "-fill"] = fill, _classNames[bsPrefix + "-justified"] = justify, _classNames))
   }, props), children);
 });
 Nav.displayName = 'Nav';
@@ -8131,13 +7999,13 @@ var NavbarBrand = React__default['default'].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }));
 });
 NavbarBrand.displayName = 'NavbarBrand';
@@ -8145,11 +8013,11 @@ NavbarBrand.displayName = 'NavbarBrand';
 var NavbarCollapse = React__default['default'].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
   return /*#__PURE__*/React__default['default'].createElement(context$2.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default['default'].createElement(Collapse, _extends({
+    return /*#__PURE__*/React__default['default'].createElement(Collapse, index._extends({
       in: !!(context && context.expanded)
     }, props), /*#__PURE__*/React__default['default'].createElement("div", {
       ref: ref,
@@ -8170,7 +8038,7 @@ var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');
 
@@ -8187,11 +8055,11 @@ var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
-    className: classnames(className, bsPrefix, !expanded && 'collapsed')
+    className: index.classnames(className, bsPrefix, !expanded && 'collapsed')
   }), children || /*#__PURE__*/React__default['default'].createElement("span", {
     className: bsPrefix + "-icon"
   }));
@@ -8225,7 +8093,7 @@ var Navbar = React__default['default'].forwardRef(function (props, ref) {
       _onToggle = _useUncontrolled.onToggle,
       onSelect = _useUncontrolled.onSelect,
       collapseOnSelect = _useUncontrolled.collapseOnSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
+      controlledProps = index._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'navbar');
   var handleCollapse = React.useCallback(function () {
@@ -8259,10 +8127,10 @@ var Navbar = React__default['default'].forwardRef(function (props, ref) {
     value: navbarContext
   }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, controlledProps, {
-    className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
+    className: index.classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
   }), children)));
 });
 Navbar.defaultProps = defaultProps$v;
@@ -8318,9 +8186,9 @@ var NavDropdown = React__default['default'].forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       active = _ref.active,
       renderMenuOnMount = _ref.renderMenuOnMount,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, index._extends({
     ref: ref
   }, props, {
     as: NavItem
@@ -8385,7 +8253,7 @@ var Overlay = /*#__PURE__*/React__default['default'].forwardRef(function (props,
   })),
       styles = _usePopper.styles,
       attributes = _usePopper.attributes,
-      popper = _objectWithoutPropertiesLoose(_usePopper, ["styles", "attributes"]);
+      popper = index._objectWithoutPropertiesLoose(_usePopper, ["styles", "attributes"]);
 
   if (props.show) {
     if (exited) setExited(false);
@@ -8413,13 +8281,13 @@ var Overlay = /*#__PURE__*/React__default['default'].forwardRef(function (props,
     return null;
   }
 
-  var child = props.children(_extends({}, popper, {
+  var child = props.children(index._extends({}, popper, {
     show: !!props.show,
-    props: _extends({}, attributes.popper, {
+    props: index._extends({}, attributes.popper, {
       style: styles.popper,
       ref: mergedRef
     }),
-    arrowProps: _extends({}, attributes.arrow, {
+    arrowProps: index._extends({}, attributes.arrow, {
       style: styles.arrow,
       ref: attachArrowRef
     })
@@ -8611,17 +8479,17 @@ var PageItem = React__default['default'].forwardRef(function (_ref, ref) {
       style = _ref.style,
       activeLabel = _ref.activeLabel,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
 
   var Component = active || disabled ? 'span' : SafeAnchor;
   return /*#__PURE__*/React__default['default'].createElement("li", {
     ref: ref,
     style: style,
-    className: classnames(className, 'page-item', {
+    className: index.classnames(className, 'page-item', {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     className: "page-link",
     disabled: disabled
   }, props), children, active && activeLabel && /*#__PURE__*/React__default['default'].createElement("span", {
@@ -8638,7 +8506,7 @@ function createButton(name, defaultValue, label) {
 
   function Button(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+        props = index._objectWithoutPropertiesLoose(_ref2, ["children"]);
 
     return /*#__PURE__*/React__default['default'].createElement(PageItem, props, /*#__PURE__*/React__default['default'].createElement("span", {
       "aria-hidden": "true"
@@ -8670,13 +8538,13 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       children = _ref.children,
       size = _ref.size,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default['default'].createElement("ul", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("ul", index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
+    className: index.classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
   }), children);
 });
 Pagination.First = First;
@@ -8692,13 +8560,13 @@ var PopoverTitle = React__default['default'].forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(bsPrefix, className)
+    className: index.classnames(bsPrefix, className)
   }), children);
 });
 
@@ -8708,13 +8576,13 @@ var PopoverContent = React__default['default'].forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }), children);
 });
 
@@ -8731,20 +8599,20 @@ var Popover = React__default['default'].forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps,
       _ = _ref.popper,
       _1 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'popover');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref,
     role: "tooltip",
     style: style,
     "x-placement": primaryPlacement,
-    className: classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    className: index.classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
+  }, props), /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     className: "arrow"
   }, arrowProps)), content ? /*#__PURE__*/React__default['default'].createElement(PopoverContent, null, children) : children);
 });
@@ -8782,14 +8650,14 @@ function renderProgressBar(_ref, ref) {
       style = _ref.style,
       variant = _ref.variant,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref
   }, props, {
     role: "progressbar",
-    className: classnames(className, bsPrefix + "-bar", (_classNames = {}, _classNames["bg-" + variant] = variant, _classNames[bsPrefix + "-bar-animated"] = animated, _classNames[bsPrefix + "-bar-striped"] = animated || striped, _classNames)),
-    style: _extends({
+    className: index.classnames(className, bsPrefix + "-bar", (_classNames = {}, _classNames["bg-" + variant] = variant, _classNames[bsPrefix + "-bar-animated"] = animated, _classNames[bsPrefix + "-bar-striped"] = animated || striped, _classNames)),
+    style: index._extends({
       width: getPercentage(now, min, max) + "%"
     }, style),
     "aria-valuenow": now,
@@ -8802,7 +8670,7 @@ function renderProgressBar(_ref, ref) {
 
 var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
-      props = _objectWithoutPropertiesLoose(_ref2, ["isChild"]);
+      props = index._objectWithoutPropertiesLoose(_ref2, ["isChild"]);
 
   props.bsPrefix = useBootstrapPrefix(props.bsPrefix, 'progress');
 
@@ -8821,12 +8689,12 @@ var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
       variant = props.variant,
       className = props.className,
       children = props.children,
-      wrapperProps = _objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
+      wrapperProps = index._objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref
   }, wrapperProps, {
-    className: classnames(className, bsPrefix)
+    className: index.classnames(className, bsPrefix)
   }), children ? map(children, function (child) {
     return React.cloneElement(child, {
       isChild: true
@@ -8854,16 +8722,16 @@ var ResponsiveEmbed = React__default['default'].forwardRef(function (_ref, ref)
       className = _ref.className,
       children = _ref.children,
       aspectRatio = _ref.aspectRatio,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'embed-responsive');
   var child = React__default['default'].Children.only(children);
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref
   }, props, {
-    className: classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
+    className: index.classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
   }), React__default['default'].cloneElement(child, {
-    className: classnames(child.props.className, decoratedBsPrefix + "-item")
+    className: index.classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
 ResponsiveEmbed.defaultProps = defaultProps$z;
@@ -8878,7 +8746,7 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
       noGutters = _ref.noGutters,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
   var sizePrefix = decoratedBsPrefix + "-cols";
@@ -8897,10 +8765,10 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
     var infix = brkPoint !== 'xs' ? "-" + brkPoint : '';
     if (cols != null) classes.push("" + sizePrefix + infix + "-" + cols);
   });
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
+    className: index.classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
   }));
 });
 Row.displayName = 'Row';
@@ -8915,14 +8783,14 @@ var Spinner = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
+    className: index.classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
   }), children);
 });
 Spinner.displayName = 'Spinner';
@@ -9009,9 +8877,9 @@ var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       rootCloseEvent = _ref.rootCloseEvent,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, index._extends({
     ref: ref
   }, props, {
     as: ButtonGroup
@@ -9089,13 +8957,13 @@ var TabContent = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
     ref: ref
   }, props, {
-    className: classnames(className, decoratedBsPrefix)
+    className: index.classnames(className, decoratedBsPrefix)
   }));
 });
 
@@ -9106,11 +8974,11 @@ function useTabContext(props) {
   var activeKey = context.activeKey,
       getControlledId = context.getControlledId,
       getControllerId = context.getControllerId,
-      rest = _objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
+      rest = index._objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
 
   var shouldTransition = props.transition !== false && rest.transition !== false;
   var key = makeEventKey(props.eventKey);
-  return _extends({}, props, {
+  return index._extends({}, props, {
     active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,
     id: getControlledId(props.eventKey),
     'aria-labelledby': getControllerId(props.eventKey),
@@ -9137,15 +9005,15 @@ var TabPane = React__default['default'].forwardRef(function (props, ref) {
       _useTabContext$as = _useTabContext.as,
       Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,
       _ = _useTabContext.eventKey,
-      rest = _objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
+      rest = index._objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
-  var pane = /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, rest, {
+  var pane = /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
-    className: classnames(className, prefix, {
+    className: index.classnames(className, prefix, {
       active: active
     })
   }));
@@ -9201,11 +9069,11 @@ var Table = React__default['default'].forwardRef(function (_ref, ref) {
       size = _ref.size,
       variant = _ref.variant,
       responsive = _ref.responsive,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
-  var classes = classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
-  var table = /*#__PURE__*/React__default['default'].createElement("table", _extends({}, props, {
+  var classes = index.classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
+  var table = /*#__PURE__*/React__default['default'].createElement("table", index._extends({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9240,7 +9108,7 @@ var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
       closeButton = _ref.closeButton,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast-header');
   var context = React.useContext(ToastContext);
@@ -9249,10 +9117,10 @@ var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref
   }, props, {
-    className: classnames(bsPrefix, className)
+    className: index.classnames(bsPrefix, className)
   }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick,
@@ -9280,7 +9148,7 @@ var Toast = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$autohide = _ref.autohide,
       autohide = _ref$autohide === void 0 ? false : _ref$autohide,
       onClose = _ref.onClose,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast'); // We use refs for these, because we don't want to restart the autohide
   // timer in case these values change.
@@ -9308,9 +9176,9 @@ var Toast = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [onClose]);
   var hasAnimation = !!(Transition && animation);
-  var toast = /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  var toast = /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
     ref: ref,
-    className: classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
+    className: index.classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true"
@@ -9342,7 +9210,7 @@ var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       inputRef = _ref.inputRef,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
 
   var _useState = React.useState(false),
       focused = _useState[0],
@@ -9354,9 +9222,9 @@ var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
   var handleBlur = React.useCallback(function (e) {
     if (e.target.tagName === 'INPUT') setFocused(false);
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Button, index._extends({}, props, {
     ref: ref,
-    className: classnames(className, focused && 'focus', disabled && 'disabled'),
+    className: index.classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
     active: !!checked,
     as: "label"
@@ -9388,7 +9256,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
       name = _useUncontrolled.name,
       value = _useUncontrolled.value,
       onChange = _useUncontrolled.onChange,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
+      controlledProps = index._objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
 
   var getValues = function getValues() {
     return value == null ? [] : [].concat(value);
@@ -9417,7 +9285,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
   };
 
   !(type !== 'radio' || !!name) ? process.env.NODE_ENV !== "production" ? invariant_1(false, 'A `name` is required to group the toggle buttons when the `type` ' + 'is set to "radio"') : invariant_1(false) : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(ButtonGroup, _extends({}, controlledProps, {
+  return /*#__PURE__*/React__default['default'].createElement(ButtonGroup, index._extends({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9453,20 +9321,20 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps,
       _ = _ref.popper,
       _2 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
+      props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'tooltip');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     ref: ref,
     style: style,
     role: "tooltip",
     "x-placement": primaryPlacement,
-    className: classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    className: index.classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
+  }, props), /*#__PURE__*/React__default['default'].createElement("div", index._extends({
     className: "arrow"
   }, arrowProps)), /*#__PURE__*/React__default['default'].createElement("div", {
     className: bsPrefix + "-inner"
@@ -9475,7 +9343,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps$E;
 Tooltip.displayName = 'Tooltip';
 
-var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
+var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
 styleInject_es.styleInject(css);
 
@@ -9485,7 +9353,6 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
       defaultImage = props.defaultImage,
       client = props.client;
 
-  var builder = index.imageUrlBuilder(client);
 
   return React__default['default'].createElement(
     'div',
@@ -9503,7 +9370,7 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
             index$1.LazyLoad,
             null,
             React__default['default'].createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
@@ -9563,11 +9430,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -9582,7 +9449,7 @@ var Filter = function Filter(_ref) {
   var handleFilterSelect = function handleFilterSelect(group, type) {
     if (type === 'parent') {
       setParentData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : null });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null });
       });
       if (group && group.children && group.children.length > 0) {
         setChildData({ data: group.children, _id: group._id });
@@ -9596,7 +9463,7 @@ var Filter = function Filter(_ref) {
     }
     if (type === 'child') {
       setChildData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : null, _id: group._id });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : null, _id: group._id });
       });
       if (group && group.grandchildren && group.grandchildren.length > 0) {
         setGrandChildData({ data: group.grandchildren, _id: group._id });
@@ -9615,7 +9482,7 @@ var Filter = function Filter(_ref) {
     }
     if (type === 'grandchild') {
       setGrandChildData(function (prevState) {
-        return _extends$1._extends({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
+        return _extends._extends({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
       });
       //handle filter
       if (!group._id) {
@@ -9745,7 +9612,7 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              newParams = _extends$1._extends({}, params, { from: 0, to: 10 });
+              newParams = _extends._extends({}, params, { from: 0, to: 10 });
               filterQuery = void 0;
 
               if ((typeof filterTopicID === 'undefined' ? 'undefined' : _typeof._typeof(filterTopicID)) == 'object') {