@mjhls/mjh-framework 1.0.881-beta.1 → 1.0.881-gtagfixv1

package/dist/esm/MediaSeriesLanding.js

@@ -1,73 +1,71 @@
+import { _ as _defineProperty } from './defineProperty-8c30428f.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
+import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { _ as _extends$1 } from './extends-6d8e3924.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import React__default, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
+import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-98ca9cec.js';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-86d4db69.js';
+import Link from 'next/link';
+import MasterDeck from './MasterDeck.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { g as getSerializers } from './index-3ccc6d4b.js';
+import './define-property-5f1bda73.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
-import './_iter-detect-130ee549.js';
-import './toConsumableArray-32282905.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends$2 } from './extends-5b1796d4.js';
-import './_object-sap-8b8ea5a9.js';
-import './inherits-2409637d.js';
-import './define-property-6d26cb48.js';
-import './web.dom.iterable-f8f967cd.js';
-import { _ as _typeof } from './typeof-c05a82ba.js';
-import './_is-array-4df618a6.js';
-import React__default, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
+import './_iter-detect-98db3b07.js';
+import './_is-array-8d21b9e3.js';
+import './_object-pie-133f504a.js';
+import './toConsumableArray-f7074d7c.js';
+import './inherits-a6ba2ec4.js';
+import './_object-sap-7cee6f84.js';
+import './index-f0fc23eb.js';
 import './events-6c3a7a63.js';
-import './index-41a678ea.js';
-import PropTypes from 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment } from './moment-e2f9b20c.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import './index.es-29c1cef5.js';
-import ReactDOM from 'react-dom';
+import './lodash-f97fd99a.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
-import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import './index-73819142.js';
-import urlFor from './urlFor.js';
-import { L as LazyLoad } from './index-5f7e79e7.js';
-import './main-c0612122.js';
-import './entities-7cc3bf45.js';
-import './stringify-70b72959.js';
-import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-64812e90.js';
-import './Segment.js';
-import './Beam.js';
+import './index-3f5c03b2.js';
+import './ADlgInfeed-013e1f4a.js';
 import './AdSlot.js';
-import './ADInfeed-0c13c803.js';
-import './lodash-17fdfebb.js';
-import './ADlgInfeed-e4e2031a.js';
-import 'react-bootstrap/Button';
-import 'react-bootstrap/Spinner';
-import './Pagination-a24855d4.js';
-import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import './Beam.js';
+import './stringify-2b084bee.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './ADInfeed-0a55cd2d.js';
+import 'react-bootstrap';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-8ed16d48.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
 import './GroupDeck.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-29e48d38.js';
-import { g as getSerializers } from './index-e495ac6f.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-83f53e4e.js';
+import './smoothscroll-fa4e3f8c.js';
+import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './SocialShare.js';
-import './_object-to-array-c54dd835.js';
+import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
+import './entities-6d9154b4.js';
+import './index.esm-f6156a57.js';
+import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
-import MasterDeck from './MasterDeck.js';
-import { _ as _defineProperty } from './defineProperty-d7d9b577.js';
-import { _ as _objectWithoutPropertiesLoose$1, a as _extends$1, c as classnames } from './index-aaa2dae0.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import Link from 'next/link';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -162,7 +160,7 @@ function useUncontrolled(props, config) {
     var _ref = result,
         defaultValue = _ref[defaultKey(fieldName)],
         propsValue = _ref[fieldName],
-        rest = _objectWithoutPropertiesLoose$1(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
+        rest = _objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
 
     var handlerName = config[fieldName];
 
@@ -170,19 +168,19 @@ function useUncontrolled(props, config) {
         value = _useUncontrolledProp[0],
         handler = _useUncontrolledProp[1];
 
-    return _extends$1({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
+    return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
   }, props);
 }
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+  _setPrototypeOf(subClass, superClass);
 }
 
 var ThemeContext = React__default.createContext({});
-var Consumer = ThemeContext.Consumer,
-    Provider = ThemeContext.Provider;
+ThemeContext.Consumer;
+    ThemeContext.Provider;
 
 function useBootstrapPrefix(prefix, defaultPrefix) {
   var prefixes = useContext(ThemeContext);
@@ -199,11 +197,11 @@ var makeEventKey = function makeEventKey(eventKey, href) {
   return href || null;
 };
 
-var context = React__default.createContext(null);
-context.displayName = 'AccordionContext';
+var context$2 = React__default.createContext(null);
+context$2.displayName = 'AccordionContext';
 
 function useAccordionToggle(eventKey, onClick) {
-  var contextEventKey = useContext(context);
+  var contextEventKey = useContext(context$2);
   var onSelect = useContext(SelectableContext);
   return function (e) {
     /*
@@ -221,7 +219,7 @@ var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
       children = _ref.children,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "children", "eventKey", "onClick"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
 
   var accordionOnClick = useAccordionToggle(eventKey, onClick);
 
@@ -229,22 +227,40 @@ var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
 });
 
-function ownerDocument(node) {
+/**
+ * Returns the owner document of a given element.
+ * 
+ * @param node the element
+ */
+function ownerDocument$1(node) {
   return node && node.ownerDocument || document;
 }
 
+/**
+ * Returns the owner window of a given element.
+ * 
+ * @param node the element
+ */
+
 function ownerWindow(node) {
-  var doc = ownerDocument(node);
+  var doc = ownerDocument$1(node);
   return doc && doc.defaultView || window;
 }
 
-function getComputedStyle$1(node, psuedoElement) {
+/**
+ * Returns one or all computed style properties of an element.
+ * 
+ * @param node the element
+ * @param psuedoElement the style property
+ */
+
+function getComputedStyle$2(node, psuedoElement) {
   return ownerWindow(node).getComputedStyle(node, psuedoElement);
 }
 
@@ -273,7 +289,7 @@ function style(node, property) {
   var transforms = '';
 
   if (typeof property === 'string') {
-    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle$1(node).getPropertyValue(hyphenateStyleName(property));
+    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle$2(node).getPropertyValue(hyphenateStyleName(property));
   }
 
   Object.keys(property).forEach(function (key) {
@@ -324,6 +340,11 @@ try {
 
 /**
  * An `addEventListener` ponyfill, supports the `once` option
+ * 
+ * @param node the element
+ * @param eventName the event name
+ * @param handle the handler
+ * @param options event options
  */
 function addEventListener(node, eventName, handler, options) {
   if (options && typeof options !== 'boolean' && !onceSupported) {
@@ -346,6 +367,14 @@ function addEventListener(node, eventName, handler, options) {
   node.addEventListener(eventName, handler, options);
 }
 
+/**
+ * A `removeEventListener` ponyfill
+ * 
+ * @param node the element
+ * @param eventName the event name
+ * @param handle the handler
+ * @param options event options
+ */
 function removeEventListener(node, eventName, handler, options) {
   var capture = options && typeof options !== 'boolean' ? options.capture : options;
   node.removeEventListener(eventName, handler, capture);
@@ -362,18 +391,36 @@ function listen(node, eventName, handler, options) {
   };
 }
 
+/**
+ * Triggers an event on a given element.
+ * 
+ * @param node the element
+ * @param eventName the event name to trigger
+ * @param bubbles whether the event should bubble up
+ * @param cancelable whether the event should be cancelable
+ */
+function triggerEvent(node, eventName, bubbles, cancelable) {
+  if (bubbles === void 0) {
+    bubbles = false;
+  }
+
+  if (cancelable === void 0) {
+    cancelable = true;
+  }
+
+  if (node) {
+    var event = document.createEvent('HTMLEvents');
+    event.initEvent(eventName, bubbles, cancelable);
+    node.dispatchEvent(event);
+  }
+}
+
 function parseDuration(node) {
   var str = style(node, 'transitionDuration') || '';
   var mult = str.indexOf('ms') === -1 ? 1000 : 1;
   return parseFloat(str) * mult;
 }
 
-function triggerTransitionEnd(element) {
-  var evt = document.createEvent('HTMLEvents');
-  evt.initEvent('transitionend', true, true);
-  element.dispatchEvent(evt);
-}
-
 function emulateTransitionEnd(element, duration, padding) {
   if (padding === void 0) {
     padding = 5;
@@ -381,7 +428,7 @@ function emulateTransitionEnd(element, duration, padding) {
 
   var called = false;
   var handle = setTimeout(function () {
-    if (!called) triggerTransitionEnd(element);
+    if (!called) triggerEvent(element, 'transitionend', true);
   }, duration + padding);
   var remove = listen(element, 'transitionend', function () {
     called = true;
@@ -413,7 +460,7 @@ var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType(
   exit: PropTypes.number,
   appear: PropTypes.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
   enter: PropTypes.string,
   exit: PropTypes.string,
   active: PropTypes.string
@@ -795,23 +842,23 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     }
 
     var _this$props = this.props,
-        children = _this$props.children,
-        _in = _this$props.in,
-        _mountOnEnter = _this$props.mountOnEnter,
-        _unmountOnExit = _this$props.unmountOnExit,
-        _appear = _this$props.appear,
-        _enter = _this$props.enter,
-        _exit = _this$props.exit,
-        _timeout = _this$props.timeout,
-        _addEndListener = _this$props.addEndListener,
-        _onEnter = _this$props.onEnter,
-        _onEntering = _this$props.onEntering,
-        _onEntered = _this$props.onEntered,
-        _onExit = _this$props.onExit,
-        _onExiting = _this$props.onExiting,
-        _onExited = _this$props.onExited,
-        _nodeRef = _this$props.nodeRef,
-        childProps = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        children = _this$props.children;
+        _this$props.in;
+        _this$props.mountOnEnter;
+        _this$props.unmountOnExit;
+        _this$props.appear;
+        _this$props.enter;
+        _this$props.exit;
+        _this$props.timeout;
+        _this$props.addEndListener;
+        _this$props.onEnter;
+        _this$props.onEntering;
+        _this$props.onEntered;
+        _this$props.onExit;
+        _this$props.onExiting;
+        _this$props.onExited;
+        _this$props.nodeRef;
+        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -839,7 +886,10 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
   nodeRef: PropTypes.shape({
-    current: typeof Element === 'undefined' ? PropTypes.any : PropTypes.instanceOf(Element)
+    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {
+      var value = propValue[key];
+      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+    }
   }),
 
   /**
@@ -1011,7 +1061,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
   onExited: PropTypes.func
 } : {}; // Name the function so it is clearer in the documentation
 
-function noop() {}
+function noop$5() {}
 
 Transition.defaultProps = {
   in: false,
@@ -1020,12 +1070,12 @@ Transition.defaultProps = {
   appear: false,
   enter: true,
   exit: true,
-  onEnter: noop,
-  onEntering: noop,
-  onEntered: noop,
-  onExit: noop,
-  onExiting: noop,
-  onExited: noop
+  onEnter: noop$5,
+  onEntering: noop$5,
+  onEntered: noop$5,
+  onExit: noop$5,
+  onExiting: noop$5,
+  onExited: noop$5
 };
 Transition.UNMOUNTED = UNMOUNTED;
 Transition.EXITED = EXITED;
@@ -1091,7 +1141,7 @@ function getDefaultDimensionValue(dimension, elem) {
 }
 
 var collapseStyles = (_collapseStyles = {}, _collapseStyles[EXITED] = 'collapse', _collapseStyles[EXITING] = 'collapsing', _collapseStyles[ENTERING] = 'collapsing', _collapseStyles[ENTERED] = 'collapse show', _collapseStyles);
-var defaultProps = {
+var defaultProps$E = {
   in: false,
   timeout: 300,
   mountOnEnter: false,
@@ -1111,7 +1161,7 @@ var Collapse = React__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$1(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
 
   /* Compute dimension */
   var computedDimension = typeof dimension === 'function' ? dimension() : dimension;
@@ -1147,7 +1197,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
     }, onExiting);
   }, [computedDimension, onExiting]);
   return /*#__PURE__*/React__default.createElement(Transition // @ts-ignore
-  , _extends$1({
+  , _extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
@@ -1158,26 +1208,26 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
     onExit: handleExit,
     onExiting: handleExiting
   }), function (state, innerProps) {
-    return React__default.cloneElement(children, _extends$1({}, innerProps, {
+    return React__default.cloneElement(children, _extends({}, innerProps, {
       className: classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
 }); // @ts-ignore
 
 // @ts-ignore
-Collapse.defaultProps = defaultProps;
+Collapse.defaultProps = defaultProps$E;
 
 var AccordionCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["children", "eventKey"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
 
-  var contextEventKey = useContext(context); // Empty SelectableContext is to prevent elements in the collapse
+  var contextEventKey = useContext(context$2); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
   return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default.createElement(Collapse, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(Collapse, _extends({
     ref: ref,
     in: contextEventKey === eventKey
   }, props), /*#__PURE__*/React__default.createElement("div", null, React__default.Children.only(children))));
@@ -1195,14 +1245,14 @@ var Accordion = React__default.forwardRef(function (props, ref) {
       children = _useUncontrolled.children,
       className = _useUncontrolled.className,
       onSelect = _useUncontrolled.onSelect,
-      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
+      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
-  return /*#__PURE__*/React__default.createElement(context.Provider, {
+  return /*#__PURE__*/React__default.createElement(context$2.Provider, {
     value: activeKey || null
   }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1238,7 +1288,7 @@ function useEventCallback(fn) {
 }
 
 var _fadeStyles;
-var defaultProps$1 = {
+var defaultProps$D = {
   in: false,
   timeout: 300,
   mountOnEnter: false,
@@ -1249,40 +1299,40 @@ var fadeStyles = (_fadeStyles = {}, _fadeStyles[ENTERING] = 'show', _fadeStyles[
 var Fade = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
 
   var handleEnter = useCallback(function (node) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default.createElement(Transition, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Transition, _extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default.cloneElement(children, _extends$1({}, innerProps, {
+    return React__default.cloneElement(children, _extends({}, innerProps, {
       className: classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
 });
-Fade.defaultProps = defaultProps$1;
+Fade.defaultProps = defaultProps$D;
 Fade.displayName = 'Fade';
 
-var propTypes = {
+var propTypes$a = {
   label: PropTypes.string.isRequired,
   onClick: PropTypes.func
 };
-var defaultProps$2 = {
+var defaultProps$C = {
   label: 'Close'
 };
 var CloseButton = React__default.forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["label", "onClick", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default.createElement("button", _extends$1({
+  return /*#__PURE__*/React__default.createElement("button", _extends({
     ref: ref,
     type: "button",
     className: classnames('close', className),
@@ -1294,12 +1344,12 @@ var CloseButton = React__default.forwardRef(function (_ref, ref) {
   }, label));
 });
 CloseButton.displayName = 'CloseButton';
-CloseButton.propTypes = propTypes;
-CloseButton.defaultProps = defaultProps$2;
+CloseButton.propTypes = propTypes$a;
+CloseButton.defaultProps = defaultProps$C;
 
 var divWithClassName = (function (className) {
   return React__default.forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default.createElement("div", _extends$1({}, p, {
+    return /*#__PURE__*/React__default.createElement("div", _extends({}, p, {
       ref: ref,
       className: classnames(p.className, className)
     }));
@@ -1330,10 +1380,10 @@ function createWithBsPrefix(prefix, _temp) {
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
         Tag = _ref2$as === void 0 ? Component || 'div' : _ref2$as,
-        props = _objectWithoutPropertiesLoose$1(_ref2, ["className", "bsPrefix", "as"]);
+        props = _objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default.createElement(Tag, _extends$1({
+    return /*#__PURE__*/React__default.createElement(Tag, _extends({
       ref: ref,
       className: classnames(className, resolvedPrefix)
     }, props));
@@ -1360,7 +1410,7 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "disabled", "onKeyDown"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
 
   var handleClick = function handleClick(event) {
     var href = props.href,
@@ -1399,7 +1449,7 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1408,15 +1458,15 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
 });
 SafeAnchor.displayName = 'SafeAnchor';
 
-var DivStyledAsH4 = divWithClassName('h4');
-DivStyledAsH4.displayName = 'DivStyledAsH4';
+var DivStyledAsH4$1 = divWithClassName('h4');
+DivStyledAsH4$1.displayName = 'DivStyledAsH4';
 var AlertHeading = createWithBsPrefix('alert-heading', {
-  Component: DivStyledAsH4
+  Component: DivStyledAsH4$1
 });
 var AlertLink = createWithBsPrefix('alert-link', {
   Component: SafeAnchor
 });
-var defaultProps$3 = {
+var defaultProps$B = {
   show: true,
   transition: Fade,
   closeLabel: 'Close alert'
@@ -1434,7 +1484,7 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
       onClose = _useUncontrolled.onClose,
       dismissible = _useUncontrolled.dismissible,
       transition = _useUncontrolled.transition,
-      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
+      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'alert');
   var handleClose = useEventCallback(function (e) {
@@ -1443,7 +1493,7 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
     }
   });
   var Transition = transition === true ? Fade : transition;
-  var alert = /*#__PURE__*/React__default.createElement("div", _extends$1({
+  var alert = /*#__PURE__*/React__default.createElement("div", _extends({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
@@ -1453,7 +1503,7 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default.createElement(Transition, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Transition, _extends({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1461,11 +1511,11 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
   }), alert);
 });
 Alert.displayName = 'Alert';
-Alert.defaultProps = defaultProps$3;
+Alert.defaultProps = defaultProps$B;
 Alert.Link = AlertLink;
 Alert.Heading = AlertHeading;
 
-var defaultProps$4 = {
+var defaultProps$A = {
   pill: false
 };
 var Badge = React__default.forwardRef(function (_ref, ref) {
@@ -1475,19 +1525,19 @@ var Badge = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
   }));
 });
 Badge.displayName = 'Badge';
-Badge.defaultProps = defaultProps$4;
+Badge.defaultProps = defaultProps$A;
 
-var defaultProps$5 = {
+var defaultProps$z = {
   active: false,
   linkProps: {}
 };
@@ -1504,26 +1554,26 @@ var BreadcrumbItem = React__default.forwardRef(function (_ref, ref) {
       href = _ref.href,
       title = _ref.title,
       target = _ref.target,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(prefix, className, {
       active: active
     }),
     "aria-current": active ? 'page' : undefined
-  }), active ? children : /*#__PURE__*/React__default.createElement(LinkComponent, _extends$1({}, linkProps, {
+  }), active ? children : /*#__PURE__*/React__default.createElement(LinkComponent, _extends({}, linkProps, {
     href: href,
     title: title,
     target: target
   }), children));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';
-BreadcrumbItem.defaultProps = defaultProps$5;
+BreadcrumbItem.defaultProps = defaultProps$z;
 
-var defaultProps$6 = {
+var defaultProps$y = {
   label: 'breadcrumb',
   listProps: {}
 };
@@ -1535,22 +1585,22 @@ var Breadcrumb = React__default.forwardRef(function (_ref, ref) {
       label = _ref.label,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'nav' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement("ol", _extends$1({}, listProps, {
+  }, props), /*#__PURE__*/React__default.createElement("ol", _extends({}, listProps, {
     className: classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
 Breadcrumb.displayName = 'Breadcrumb';
-Breadcrumb.defaultProps = defaultProps$6;
+Breadcrumb.defaultProps = defaultProps$y;
 Breadcrumb.Item = BreadcrumbItem;
 
-var defaultProps$7 = {
+var defaultProps$x = {
   variant: 'primary',
   active: false,
   disabled: false
@@ -1564,13 +1614,13 @@ var Button = React__default.forwardRef(function (_ref, ref) {
       block = _ref.block,
       type = _ref.type,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
+      props = _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);
 
   if (props.href) {
-    return /*#__PURE__*/React__default.createElement(SafeAnchor, _extends$1({}, props, {
+    return /*#__PURE__*/React__default.createElement(SafeAnchor, _extends({}, props, {
       as: as,
       ref: ref,
       className: classnames(classes, props.disabled && 'disabled')
@@ -1588,14 +1638,14 @@ var Button = React__default.forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     className: classes
   }));
 });
 Button.displayName = 'Button';
-Button.defaultProps = defaultProps$7;
+Button.defaultProps = defaultProps$x;
 
-var defaultProps$8 = {
+var defaultProps$w = {
   vertical: false,
   toggle: false,
   role: 'group'
@@ -1608,40 +1658,40 @@ var ButtonGroup = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      rest = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
+      rest = _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.createElement(Component, _extends$1({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
-ButtonGroup.defaultProps = defaultProps$8;
+ButtonGroup.defaultProps = defaultProps$w;
 
-var defaultProps$9 = {
+var defaultProps$v = {
   role: 'toolbar'
 };
 var ButtonToolbar = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
 });
 ButtonToolbar.displayName = 'ButtonToolbar';
-ButtonToolbar.defaultProps = defaultProps$9;
+ButtonToolbar.defaultProps = defaultProps$v;
 
 var context$1 = React__default.createContext(null);
 context$1.displayName = 'CardContext';
 
-var defaultProps$a = {
+var defaultProps$u = {
   variant: null
 };
 var CardImg = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
@@ -1651,16 +1701,16 @@ function (_ref, ref) {
       variant = _ref.variant,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'img' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "variant", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref,
     className: classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
 });
 CardImg.displayName = 'CardImg';
-CardImg.defaultProps = defaultProps$a;
+CardImg.defaultProps = defaultProps$u;
 
 var DivStyledAsH5 = divWithClassName('h5');
 var DivStyledAsH6 = divWithClassName('h6');
@@ -1680,7 +1730,7 @@ var CardText = createWithBsPrefix('card-text', {
 var CardHeader = createWithBsPrefix('card-header');
 var CardFooter = createWithBsPrefix('card-footer');
 var CardImgOverlay = createWithBsPrefix('card-img-overlay');
-var defaultProps$b = {
+var defaultProps$t = {
   body: false
 };
 var Card = React__default.forwardRef(function (_ref, ref) {
@@ -1693,7 +1743,7 @@ var Card = React__default.forwardRef(function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card');
   var cardContext = useMemo(function () {
@@ -1703,7 +1753,7 @@ var Card = React__default.forwardRef(function (_ref, ref) {
   }, [prefix]);
   return /*#__PURE__*/React__default.createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
@@ -1713,7 +1763,7 @@ var Card = React__default.forwardRef(function (_ref, ref) {
   React__default.createElement(CardBody, null, children) : children));
 });
 Card.displayName = 'Card';
-Card.defaultProps = defaultProps$b;
+Card.defaultProps = defaultProps$t;
 Card.Img = CardImg;
 Card.Title = CardTitle;
 Card.Subtitle = CardSubtitle;
@@ -1906,10 +1956,10 @@ var CarouselItem = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "children", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: finalClassName
@@ -1948,7 +1998,7 @@ function forEach(children, func) {
 }
 
 var SWIPE_THRESHOLD = 40;
-var propTypes$1 = {
+var propTypes$9 = {
   /**
    * @default 'carousel'
    */
@@ -2050,7 +2100,7 @@ var propTypes$1 = {
    */
   nextLabel: PropTypes.string
 };
-var defaultProps$c = {
+var defaultProps$s = {
   slide: true,
   fade: false,
   controls: true,
@@ -2114,7 +2164,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       nextLabel = _useUncontrolled.nextLabel,
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
-      props = _objectWithoutPropertiesLoose$1(_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 = _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 = useRef(null);
@@ -2371,7 +2421,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2420,24 +2470,24 @@ function CarouselFunc(uncontrolledProps, ref) {
 
 var Carousel = React__default.forwardRef(CarouselFunc);
 Carousel.displayName = 'Carousel';
-Carousel.propTypes = propTypes$1;
-Carousel.defaultProps = defaultProps$c;
+Carousel.propTypes = propTypes$9;
+Carousel.defaultProps = defaultProps$s;
 Carousel.Caption = CarouselCaption;
 Carousel.Item = CarouselItem;
 
-var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
+var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
 var Col = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
 function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'col');
   var spans = [];
   var classes = [];
-  DEVICE_SIZES.forEach(function (brkPoint) {
+  DEVICE_SIZES$1.forEach(function (brkPoint) {
     var propValue = props[brkPoint];
     delete props[brkPoint];
     var span;
@@ -2463,7 +2513,7 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames.apply(void 0, [className].concat(spans, classes))
   }));
@@ -2471,6 +2521,13 @@ function (_ref, ref) {
 Col.displayName = 'Col';
 
 var matchesImpl;
+/**
+ * Checks if a given element matches a selector.
+ * 
+ * @param node the element
+ * @param selector the selector
+ */
+
 function matches(node, selector) {
   if (!matchesImpl) {
     var body = document.body;
@@ -2485,6 +2542,13 @@ function matches(node, selector) {
 }
 
 var toArray = Function.prototype.bind.call(Function.prototype.call, [].slice);
+/**
+ * Runs `querySelectorAll` on a given element.
+ * 
+ * @param element the element
+ * @param selector the selector
+ */
+
 function qsa(element, selector) {
   return toArray(element.querySelectorAll(selector));
 }
@@ -2574,39 +2638,6 @@ function useForceUpdate() {
 
 var DropdownContext = /*#__PURE__*/React__default.createContext(null);
 
-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;
-}
-
 function useSafeState(state) {
   var isMounted = useMounted();
   return [state[0], useCallback(function (nextState) {
@@ -2651,21 +2682,50 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
-// Returns the layout rect of an element relative to its offsetParent. Layout
+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
+  };
+}
+
 // 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: element.offsetWidth,
-    height: element.offsetHeight
+    width: width,
+    height: height
   };
 }
 
-/*:: import type { Window } from '../types'; */
-
-/*:: declare function getWindow(node: Node | Window): Window; */
 function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+
   if (node.toString() !== '[object Window]') {
     var ownerDocument = node.ownerDocument;
     return ownerDocument ? ownerDocument.defaultView || window : window;
@@ -2674,31 +2734,27 @@ 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;
+  }
+
   var OwnElement = getWindow(node).ShadowRoot;
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-function contains(parent, child) {
+function contains$1(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
 
   if (parent.contains(child)) {
@@ -2725,7 +2781,7 @@ function getNodeName(element) {
   return element ? (element.nodeName || '').toLowerCase() : null;
 }
 
-function getComputedStyle$2(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 
@@ -2748,9 +2804,8 @@ function getParentNode(element) {
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    element.parentNode || // DOM Element detected
-    // $FlowFixMe[incompatible-return]: need a better way to handle this...
-    element.host || // ShadowRoot detected
+    element.parentNode || ( // DOM Element detected
+    isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     getDocumentElement(element) // fallback
 
@@ -2759,33 +2814,36 @@ function getParentNode(element) {
 
 function getTrueOffsetParent(element) {
   if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
-  getComputedStyle$2(element).position === 'fixed') {
+  getComputedStyle$1(element).position === 'fixed') {
     return null;
   }
 
-  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;
+  return element.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 isIE = navigator.userAgent.indexOf('Trident') !== -1;
+
+  if (isIE && isHTMLElement(element)) {
+    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
+    var elementCss = getComputedStyle$1(element);
+
+    if (elementCss.position === 'fixed') {
+      return null;
+    }
+  }
+
   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
+    var css = getComputedStyle$1(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.willChange && css.willChange !== 'auto') {
+    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') {
       return currentNode;
     } else {
       currentNode = currentNode.parentNode;
@@ -2801,11 +2859,11 @@ function getOffsetParent(element) {
   var window = getWindow(element);
   var offsetParent = getTrueOffsetParent(element);
 
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$2(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
     offsetParent = getTrueOffsetParent(offsetParent);
   }
 
-  if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static') {
+  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
     return window;
   }
 
@@ -2816,8 +2874,12 @@ function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
 }
 
-function within(min, value, max) {
-  return Math.max(min, Math.min(value, max));
+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 getFreshSideObject() {
@@ -2830,7 +2892,7 @@ function getFreshSideObject() {
 }
 
 function mergePaddingObject(paddingObject) {
-  return Object.assign(Object.assign({}, getFreshSideObject()), paddingObject);
+  return Object.assign({}, getFreshSideObject(), paddingObject);
 }
 
 function expandToHashMap(value, keys) {
@@ -2840,11 +2902,19 @@ 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;
+      name = _ref.name,
+      options = _ref.options;
   var arrowElement = state.elements.arrow;
   var popperOffsets = state.modifiersData.popperOffsets;
   var basePlacement = getBasePlacement(state.placement);
@@ -2856,7 +2926,7 @@ function arrow(_ref) {
     return;
   }
 
-  var paddingObject = state.modifiersData[name + "#persistent"].padding;
+  var paddingObject = toPaddingObject(options.padding, state);
   var arrowRect = getLayoutRect(arrowElement);
   var minProp = axis === 'y' ? top : left;
   var maxProp = axis === 'y' ? bottom : right;
@@ -2876,14 +2946,11 @@ function arrow(_ref) {
   state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
 }
 
-function effect(_ref2) {
+function effect$1(_ref2) {
   var state = _ref2.state,
-      options = _ref2.options,
-      name = _ref2.name;
+      options = _ref2.options;
   var _options$element = options.element,
-      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element,
-      _options$padding = options.padding,
-      padding = _options$padding === void 0 ? 0 : _options$padding;
+      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
 
   if (arrowElement == null) {
     return;
@@ -2904,7 +2971,7 @@ function effect(_ref2) {
     }
   }
 
-  if (!contains(state.elements.popper, arrowElement)) {
+  if (!contains$1(state.elements.popper, arrowElement)) {
     if (process.env.NODE_ENV !== "production") {
       console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
     }
@@ -2913,9 +2980,6 @@ 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
 
 
@@ -2924,7 +2988,7 @@ var arrow$1 = {
   enabled: true,
   phase: 'main',
   fn: arrow,
-  effect: effect,
+  effect: effect$1,
   requires: ['popperOffsets'],
   requiresIfExists: ['preventOverflow']
 };
@@ -2944,8 +3008,8 @@ function roundOffsetsByDPR(_ref) {
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: Math.round(x * dpr) / dpr || 0,
-    y: Math.round(y * dpr) / dpr || 0
+    x: round(round(x * dpr) / dpr) || 0,
+    y: round(round(y * dpr) / dpr) || 0
   };
 }
 
@@ -2961,7 +3025,7 @@ function mapToStyles(_ref2) {
       adaptive = _ref2.adaptive,
       roundOffsets = _ref2.roundOffsets;
 
-  var _ref3 = roundOffsets ? roundOffsetsByDPR(offsets) : offsets,
+  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,
@@ -2975,23 +3039,32 @@ function mapToStyles(_ref2) {
 
   if (adaptive) {
     var offsetParent = getOffsetParent(popper);
+    var heightProp = 'clientHeight';
+    var widthProp = 'clientWidth';
 
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
+
+      if (getComputedStyle$1(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;
-      y -= offsetParent.clientHeight - popperRect.height;
+      sideY = bottom; // $FlowFixMe[prop-missing]
+
+      y -= offsetParent[heightProp] - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
     if (placement === left) {
-      sideX = right;
-      x -= offsetParent.clientWidth - popperRect.width;
+      sideX = right; // $FlowFixMe[prop-missing]
+
+      x -= offsetParent[widthProp] - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }
   }
@@ -3003,10 +3076,10 @@ function mapToStyles(_ref2) {
   if (gpuAcceleration) {
     var _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$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$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
+  return 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) {
@@ -3020,7 +3093,7 @@ function computeStyles(_ref4) {
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
 
   if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$2(state.elements.popper).transitionProperty || '';
+    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
 
     if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
       return transitionProperty.indexOf(property) >= 0;
@@ -3037,7 +3110,7 @@ function computeStyles(_ref4) {
   };
 
   if (state.modifiersData.popperOffsets != null) {
-    state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
       offsets: state.modifiersData.popperOffsets,
       position: state.options.strategy,
       adaptive: adaptive,
@@ -3046,7 +3119,7 @@ function computeStyles(_ref4) {
   }
 
   if (state.modifiersData.arrow != null) {
-    state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
       offsets: state.modifiersData.arrow,
       position: 'absolute',
       adaptive: false,
@@ -3054,7 +3127,7 @@ function computeStyles(_ref4) {
     })));
   }
 
-  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
     'data-popper-placement': state.placement
   });
 } // eslint-disable-next-line import/no-unused-modules
@@ -3072,7 +3145,7 @@ var passive = {
   passive: true
 };
 
-function effect$1(_ref) {
+function effect(_ref) {
   var state = _ref.state,
       instance = _ref.instance,
       options = _ref.options;
@@ -3112,11 +3185,11 @@ var eventListeners = {
   enabled: true,
   phase: 'write',
   fn: function fn() {},
-  effect: effect$1,
+  effect: effect,
   data: {}
 };
 
-var hash = {
+var hash$1 = {
   left: 'right',
   right: 'left',
   bottom: 'top',
@@ -3124,34 +3197,20 @@ var hash = {
 };
 function getOppositePlacement(placement) {
   return placement.replace(/left|right|bottom|top/g, function (matched) {
-    return hash[matched];
+    return hash$1[matched];
   });
 }
 
-var hash$1 = {
+var hash = {
   start: 'end',
   end: 'start'
 };
 function getOppositeVariationPlacement(placement) {
   return placement.replace(/start|end/g, function (matched) {
-    return hash$1[matched];
+    return hash[matched];
   });
 }
 
-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;
@@ -3214,16 +3273,18 @@ 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.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 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 x = -winScroll.scrollLeft + getWindowScrollBarX(element);
   var y = -winScroll.scrollTop;
 
-  if (getComputedStyle$2(body || html).direction === 'rtl') {
-    x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;
+  if (getComputedStyle$1(body || html).direction === 'rtl') {
+    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
   }
 
   return {
@@ -3236,7 +3297,7 @@ function getDocumentRect(element) {
 
 function isScrollParent(element) {
   // Firefox wants us to check `-x` and `-y` variations as well
-  var _getComputedStyle = getComputedStyle$2(element),
+  var _getComputedStyle = getComputedStyle$1(element),
       overflow = _getComputedStyle.overflow,
       overflowX = _getComputedStyle.overflowX,
       overflowY = _getComputedStyle.overflowY;
@@ -3265,12 +3326,14 @@ reference element's position.
 */
 
 function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+
   if (list === void 0) {
     list = [];
   }
 
   var scrollParent = getScrollParent(element);
-  var isBody = getNodeName(scrollParent) === 'body';
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
   var win = getWindow(scrollParent);
   var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   var updatedList = list.concat(target);
@@ -3279,7 +3342,7 @@ function listScrollParents(element, list) {
 }
 
 function rectToClientRect(rect) {
-  return Object.assign(Object.assign({}, rect), {}, {
+  return Object.assign({}, rect, {
     left: rect.x,
     top: rect.y,
     right: rect.x + rect.width,
@@ -3309,7 +3372,7 @@ function getClientRectFromMixedType(element, clippingParent) {
 
 function getClippingParents(element) {
   var clippingParents = listScrollParents(getParentNode(element));
-  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$2(element).position) >= 0;
+  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
   var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
 
   if (!isElement(clipperElement)) {
@@ -3318,7 +3381,7 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
+    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents
@@ -3330,10 +3393,10 @@ function getClippingRect(element, boundary, rootBoundary) {
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
     var rect = getClientRectFromMixedType(element, clippingParent);
-    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);
+    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);
     return accRect;
   }, getClientRectFromMixedType(element, firstClippingParent));
   clippingRect.width = clippingRect.right - clippingRect.left;
@@ -3443,7 +3506,7 @@ function detectOverflow(state, options) {
     strategy: 'absolute',
     placement: placement
   });
-  var popperClientRect = rectToClientRect(Object.assign(Object.assign({}, popperRect), popperOffsets));
+  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
   var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
   // 0 or negative = within the clipping rect
 
@@ -3467,9 +3530,6 @@ 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 = {};
@@ -3698,7 +3758,7 @@ function hide(_ref) {
     isReferenceHidden: isReferenceHidden,
     hasPopperEscaped: hasPopperEscaped
   };
-  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
     'data-popper-reference-hidden': isReferenceHidden,
     'data-popper-escaped': hasPopperEscaped
   });
@@ -3717,7 +3777,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(Object.assign({}, rects), {}, {
+  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
     placement: placement
   })) : offset,
       skidding = _ref[0],
@@ -3823,7 +3883,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(Object.assign({}, state.rects), {}, {
+  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
     placement: state.placement
   })) : tetherOffset;
   var data = {
@@ -3835,13 +3895,13 @@ function preventOverflow(_ref) {
     return;
   }
 
-  if (checkMainAxis) {
+  if (checkMainAxis || checkAltAxis) {
     var mainSide = mainAxis === 'y' ? top : left;
     var altSide = mainAxis === 'y' ? bottom : right;
     var len = mainAxis === 'y' ? 'height' : 'width';
     var offset = popperOffsets[mainAxis];
-    var min = popperOffsets[mainAxis] + overflow[mainSide];
-    var max = popperOffsets[mainAxis] - overflow[altSide];
+    var min$1 = popperOffsets[mainAxis] + overflow[mainSide];
+    var max$1 = 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
@@ -3868,26 +3928,29 @@ 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 (checkAltAxis) {
-    var _mainSide = mainAxis === 'x' ? top : left;
+    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;
 
-    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(_min, _offset, _max);
+      var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
 
-    popperOffsets[altAxis] = _preventedOffset;
-    data[altAxis] = _preventedOffset - _offset;
+      popperOffsets[altAxis] = _preventedOffset;
+      data[altAxis] = _preventedOffset - _offset;
+    }
   }
 
   state.modifiersData[name] = data;
@@ -4118,9 +4181,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(Object.assign(Object.assign({}, existing), current), {}, {
-      options: Object.assign(Object.assign({}, existing.options), current.options),
-      data: Object.assign(Object.assign({}, existing.data), current.data)
+    merged[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
     }) : current;
     return merged;
   }, {}); // IE11 does not support Object.values
@@ -4166,7 +4229,7 @@ function popperGenerator(generatorOptions) {
     var state = {
       placement: 'bottom',
       orderedModifiers: [],
-      options: Object.assign(Object.assign({}, DEFAULT_OPTIONS), defaultOptions),
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
       modifiersData: {},
       elements: {
         reference: reference,
@@ -4181,7 +4244,7 @@ function popperGenerator(generatorOptions) {
       state: state,
       setOptions: function setOptions(options) {
         cleanupModifierEffects();
-        state.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), state.options), options);
+        state.options = Object.assign({}, defaultOptions, state.options, options);
         state.scrollParents = {
           reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
           popper: listScrollParents(popper)
@@ -4213,7 +4276,7 @@ function popperGenerator(generatorOptions) {
             }
           }
 
-          var _getComputedStyle = getComputedStyle$2(popper),
+          var _getComputedStyle = getComputedStyle$1(popper),
               marginTop = _getComputedStyle.marginTop,
               marginRight = _getComputedStyle.marginRight,
               marginBottom = _getComputedStyle.marginBottom,
@@ -4551,9 +4614,16 @@ function usePopper(referenceElement, popperElement, _temp) {
 }
 
 /* eslint-disable no-bitwise, no-cond-assign */
-// HTML DOM and SVG DOM may have different support levels,
-// so we need to check on context instead of a document root element.
-function contains$1(context, node) {
+
+/**
+ * Checks if an element contains another given element.
+ * 
+ * @param context the context element
+ * @param node the element to check
+ */
+function contains(context, node) {
+  // HTML DOM and SVG DOM may have different support levels,
+  // so we need to check on context instead of a document root element.
   if (context.contains) return context.contains(node);
   if (context.compareDocumentPosition) return context === node || !!(context.compareDocumentPosition(node) & 16);
 }
@@ -4627,13 +4697,13 @@ function safeFindDOMNode(componentOrElement) {
   return componentOrElement != null ? componentOrElement : null;
 }
 
-var ownerDocument$1 = (function (componentOrElement) {
-  return ownerDocument(safeFindDOMNode(componentOrElement));
+var ownerDocument = (function (componentOrElement) {
+  return ownerDocument$1(safeFindDOMNode(componentOrElement));
 });
 
 var escapeKeyCode = 27;
 
-var noop$1 = function noop() {};
+var noop$4 = function noop() {};
 
 function isLeftClickEvent(event) {
   return event.button === 0;
@@ -4666,11 +4736,11 @@ function useRootClose(ref, onRootClose, _temp) {
       clickTrigger = _ref$clickTrigger === void 0 ? 'click' : _ref$clickTrigger;
 
   var preventMouseRootCloseRef = useRef(false);
-  var onClose = onRootClose || noop$1;
+  var onClose = onRootClose || noop$4;
   var handleMouseCapture = useCallback(function (e) {
     var currentTarget = getRefTarget(ref);
     warning_1(!!currentTarget, 'RootClose captured a close event but does not have a ref to compare it to. ' + 'useRootClose(), should be passed a ref that resolves to a DOM node');
-    preventMouseRootCloseRef.current = !currentTarget || isModifiedEvent(e) || !isLeftClickEvent(e) || !!contains$1(currentTarget, e.target);
+    preventMouseRootCloseRef.current = !currentTarget || isModifiedEvent(e) || !isLeftClickEvent(e) || !!contains(currentTarget, e.target);
   }, [ref]);
   var handleMouse = useEventCallback(function (e) {
     if (!preventMouseRootCloseRef.current) {
@@ -4687,7 +4757,7 @@ function useRootClose(ref, onRootClose, _temp) {
     // https://github.com/facebook/react/issues/20074
 
     var currentEvent = window.event;
-    var doc = ownerDocument$1(getRefTarget(ref)); // Use capture for this listener so it fires before React's listener, to
+    var doc = ownerDocument(getRefTarget(ref)); // Use capture for this listener so it fires before React's listener, to
     // avoid false positives in the contains() check below if the target DOM
     // element is removed in the React mouse callback.
 
@@ -4714,7 +4784,7 @@ function useRootClose(ref, onRootClose, _temp) {
 
     if ('ontouchstart' in doc.documentElement) {
       mobileSafariHackListeners = [].slice.call(doc.body.children).map(function (el) {
-        return listen(el, 'mousemove', noop$1);
+        return listen(el, 'mousemove', noop$4);
       });
     }
 
@@ -4796,7 +4866,7 @@ function mergeOptionsWithPopperConfig(_ref) {
   });
 }
 
-var noop$2 = function noop() {};
+var noop$3 = function noop() {};
 /**
  * @memberOf Dropdown
  * @param {object}  options
@@ -4864,7 +4934,7 @@ function useDropdownMenu(options) {
 
   var menu;
   var menuProps = {
-    ref: setMenu || noop$2,
+    ref: setMenu || noop$3,
     'aria-labelledby': toggleElement == null ? void 0 : toggleElement.id
   };
   var childArgs = {
@@ -4897,7 +4967,7 @@ function useDropdownMenu(options) {
   });
   return menu;
 }
-var propTypes$2 = {
+var propTypes$8 = {
   /**
    * A render prop that returns a Menu element. The `props`
    * argument should spread through to **a component that can accept a ref**.
@@ -4954,7 +5024,7 @@ var propTypes$2 = {
    */
   rootCloseEvent: PropTypes.string
 };
-var defaultProps$d = {
+var defaultProps$r = {
   usePopper: true
 };
 
@@ -4964,7 +5034,7 @@ var defaultProps$d = {
  * @displayName DropdownMenu
  * @memberOf Dropdown
  */
-function DropdownMenu(_ref2) {
+function DropdownMenu$1(_ref2) {
   var children = _ref2.children,
       options = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
@@ -4972,11 +5042,11 @@ function DropdownMenu(_ref2) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, args.hasShown ? children(args) : null);
 }
 
-DropdownMenu.displayName = 'ReactOverlaysDropdownMenu';
-DropdownMenu.propTypes = propTypes$2;
-DropdownMenu.defaultProps = defaultProps$d;
+DropdownMenu$1.displayName = 'ReactOverlaysDropdownMenu';
+DropdownMenu$1.propTypes = propTypes$8;
+DropdownMenu$1.defaultProps = defaultProps$r;
 
-var noop$3 = function noop() {};
+var noop$2 = function noop() {};
 /**
  * Wires up Dropdown toggle functionality, returning a set a props to attach
  * to the element that functions as the dropdown toggle (generally a button).
@@ -4990,11 +5060,11 @@ function useDropdownToggle() {
       _ref$show = _ref.show,
       show = _ref$show === void 0 ? false : _ref$show,
       _ref$toggle = _ref.toggle,
-      toggle = _ref$toggle === void 0 ? noop$3 : _ref$toggle,
+      toggle = _ref$toggle === void 0 ? noop$2 : _ref$toggle,
       setToggle = _ref.setToggle;
 
   return [{
-    ref: setToggle || noop$3,
+    ref: setToggle || noop$2,
     'aria-haspopup': true,
     'aria-expanded': !!show
   }, {
@@ -5002,7 +5072,7 @@ function useDropdownToggle() {
     toggle: toggle
   }];
 }
-var propTypes$3 = {
+var propTypes$7 = {
   /**
    * A render prop that returns a Toggle element. The `props`
    * argument should spread through to **a component that can accept a ref**. Use
@@ -5027,7 +5097,7 @@ var propTypes$3 = {
  * @displayName DropdownToggle
  * @memberOf Dropdown
  */
-function DropdownToggle(_ref2) {
+function DropdownToggle$1(_ref2) {
   var children = _ref2.children;
 
   var _useDropdownToggle = useDropdownToggle(),
@@ -5043,10 +5113,10 @@ function DropdownToggle(_ref2) {
   }));
 }
 
-DropdownToggle.displayName = 'ReactOverlaysDropdownToggle';
-DropdownToggle.propTypes = propTypes$3;
+DropdownToggle$1.displayName = 'ReactOverlaysDropdownToggle';
+DropdownToggle$1.propTypes = propTypes$7;
 
-var propTypes$4 = {
+var propTypes$6 = {
   /**
    * A render prop that returns the root dropdown element. The `props`
    * argument should spread through to an element containing _both_ the
@@ -5118,7 +5188,7 @@ var propTypes$4 = {
 /**
  * @displayName Dropdown
  */
-function Dropdown(_ref) {
+function Dropdown$1(_ref) {
   var drop = _ref.drop,
       alignEnd = _ref.alignEnd,
       defaultShow = _ref.defaultShow,
@@ -5260,15 +5330,15 @@ function Dropdown(_ref) {
   }));
 }
 
-Dropdown.displayName = 'ReactOverlaysDropdown';
-Dropdown.propTypes = propTypes$4;
-Dropdown.Menu = DropdownMenu;
-Dropdown.Toggle = DropdownToggle;
+Dropdown$1.displayName = 'ReactOverlaysDropdown';
+Dropdown$1.propTypes = propTypes$6;
+Dropdown$1.Menu = DropdownMenu$1;
+Dropdown$1.Toggle = DropdownToggle$1;
 
 var NavContext = React__default.createContext(null);
 NavContext.displayName = 'NavContext';
 
-var defaultProps$e = {
+var defaultProps$q = {
   as: SafeAnchor,
   disabled: false
 };
@@ -5283,7 +5353,7 @@ var DropdownItem = React__default.forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       propActive = _ref.active,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-item');
   var onSelectCtx = useContext(SelectableContext);
@@ -5307,7 +5377,7 @@ var DropdownItem = React__default.forwardRef(function (_ref, ref) {
     /*#__PURE__*/
     // "TS2604: JSX element type 'Component' does not have any construct or call signatures."
     // @ts-ignore
-    React__default.createElement(Component, _extends$1({}, props, {
+    React__default.createElement(Component, _extends({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
@@ -5317,7 +5387,7 @@ var DropdownItem = React__default.forwardRef(function (_ref, ref) {
   );
 });
 DropdownItem.displayName = 'DropdownItem';
-DropdownItem.defaultProps = defaultProps$e;
+DropdownItem.defaultProps = defaultProps$q;
 
 var toFnRef = function toFnRef(ref) {
   return !ref || typeof ref === 'function' ? ref : function (value) {
@@ -5356,8 +5426,8 @@ function useMergedRefs(refA, refB) {
   }, [refA, refB]);
 }
 
-var context$2 = React__default.createContext(null);
-context$2.displayName = 'NavbarContext';
+var context = React__default.createContext(null);
+context.displayName = 'NavbarContext';
 
 function useWrappedRefWithWarning(ref, componentName) {
   // @ts-ignore
@@ -5370,6 +5440,12 @@ function useWrappedRefWithWarning(ref, componentName) {
   return useMergedRefs(warningRef, ref);
 }
 
+/**
+ * Checks if a given element has a CSS class.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
 function hasClass(element, className) {
   if (element.classList) return !!className && element.classList.contains(className);
   return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
@@ -5478,13 +5554,13 @@ var alignPropType = PropTypes.oneOfType([alignDirection, PropTypes.shape({
 }), PropTypes.shape({
   xl: alignDirection
 })]);
-var defaultProps$f = {
+var defaultProps$p = {
   align: 'left',
   alignRight: false,
   flip: true
 }; // TODO: remove this hack
 
-var DropdownMenu$1 = React__default.forwardRef(function (_ref, ref) {
+var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       align = _ref.align,
@@ -5496,9 +5572,9 @@ var DropdownMenu$1 = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       popperConfig = _ref.popperConfig,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
-  var isNavbar = useContext(context$2);
+  var isNavbar = useContext(context);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
 
   var _usePopperMarginModif = usePopperMarginModifiers(),
@@ -5532,7 +5608,7 @@ var DropdownMenu$1 = React__default.forwardRef(function (_ref, ref) {
     show: showProps,
     alignEnd: alignRight,
     usePopper: !isNavbar && alignClasses.length === 0,
-    popperConfig: _extends$1({}, popperConfig, {
+    popperConfig: _extends({}, popperConfig, {
       modifiers: marginModifiers.concat((popperConfig == null ? void 0 : popperConfig.modifiers) || [])
     })
   }),
@@ -5555,16 +5631,16 @@ var DropdownMenu$1 = React__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$1({}, props.style, {}, menuProps.style);
+    props.style = _extends({}, props.style, {}, menuProps.style);
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, menuProps, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, menuProps, {
     className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
-DropdownMenu$1.displayName = 'DropdownMenu';
-DropdownMenu$1.defaultProps = defaultProps$f;
+DropdownMenu.displayName = 'DropdownMenu';
+DropdownMenu.defaultProps = defaultProps$p;
 
 var isRequiredForA11y_1 = createCommonjsModule(function (module, exports) {
 
@@ -5593,14 +5669,14 @@ module.exports = exports['default'];
 
 unwrapExports(isRequiredForA11y_1);
 
-var DropdownToggle$1 = React__default.forwardRef(function (_ref, ref) {
+var DropdownToggle = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
       childBsPrefix = _ref.childBsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? Button : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-toggle');
 
@@ -5615,12 +5691,12 @@ var DropdownToggle$1 = React__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.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     onClick: toggle,
     className: classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
 });
-DropdownToggle$1.displayName = 'DropdownToggle';
+DropdownToggle.displayName = 'DropdownToggle';
 
 var DropdownHeader = createWithBsPrefix('dropdown-header', {
   defaultProps: {
@@ -5635,10 +5711,10 @@ var DropdownDivider = createWithBsPrefix('dropdown-divider', {
 var DropdownItemText = createWithBsPrefix('dropdown-item-text', {
   Component: 'span'
 });
-var defaultProps$g = {
+var defaultProps$o = {
   navbar: false
 };
-var Dropdown$1 = React__default.forwardRef(function (pProps, ref) {
+var Dropdown = React__default.forwardRef(function (pProps, ref) {
   var _useUncontrolled = useUncontrolled(pProps, {
     show: 'onToggle'
   }),
@@ -5651,9 +5727,9 @@ var Dropdown$1 = React__default.forwardRef(function (pProps, ref) {
       onToggle = _useUncontrolled.onToggle,
       focusFirstItemOnShow = _useUncontrolled.focusFirstItemOnShow,
       _useUncontrolled$as = _useUncontrolled.as,
-      Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      _4 = _useUncontrolled.navbar,
-      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
+      Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as;
+      _useUncontrolled.navbar;
+      var props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
 
   var onSelectCtx = useContext(SelectableContext);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown');
@@ -5677,7 +5753,7 @@ var Dropdown$1 = React__default.forwardRef(function (pProps, ref) {
   });
   return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default.createElement(Dropdown, {
+  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
     drop: drop,
     show: show,
     alignEnd: alignRight,
@@ -5686,20 +5762,20 @@ var Dropdown$1 = React__default.forwardRef(function (pProps, ref) {
     itemSelector: "." + prefix + "-item:not(.disabled):not(:disabled)"
   }, function (_ref) {
     var dropdownProps = _ref.props;
-    return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, dropdownProps, {
+    return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, dropdownProps, {
       ref: ref,
       className: classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
   }));
 });
-Dropdown$1.displayName = 'Dropdown';
-Dropdown$1.defaultProps = defaultProps$g;
-Dropdown$1.Divider = DropdownDivider;
-Dropdown$1.Header = DropdownHeader;
-Dropdown$1.Item = DropdownItem;
-Dropdown$1.ItemText = DropdownItemText;
-Dropdown$1.Menu = DropdownMenu$1;
-Dropdown$1.Toggle = DropdownToggle$1;
+Dropdown.displayName = 'Dropdown';
+Dropdown.defaultProps = defaultProps$o;
+Dropdown.Divider = DropdownDivider;
+Dropdown.Header = DropdownHeader;
+Dropdown.Item = DropdownItem;
+Dropdown.ItemText = DropdownItemText;
+Dropdown.Menu = DropdownMenu;
+Dropdown.Toggle = DropdownToggle;
 
 var propTypes$5 = {
   /**
@@ -5774,18 +5850,18 @@ var DropdownButton = React__default.forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       href = _ref.href,
       id = _ref.id,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement(DropdownToggle$1, {
+  }, props), /*#__PURE__*/React__default.createElement(DropdownToggle, {
     id: id,
     href: href,
     size: size,
     variant: variant,
     disabled: disabled,
     childBsPrefix: bsPrefix
-  }, title), /*#__PURE__*/React__default.createElement(DropdownMenu$1, {
+  }, title), /*#__PURE__*/React__default.createElement(DropdownMenu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -5888,7 +5964,7 @@ module.exports = exports['default'];
 
 unwrapExports(all_1);
 
-var propTypes$6 = {
+var propTypes$4 = {
   /**
    * Specify whether the feedback is for valid or invalid fields
    *
@@ -5909,15 +5985,15 @@ 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$1(_ref, ["as", "className", "type", "tooltip"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
 });
 Feedback.displayName = 'Feedback';
-Feedback.propTypes = propTypes$6;
+Feedback.propTypes = propTypes$4;
 
 var FormContext = React__default.createContext({
   controlId: undefined
@@ -5937,7 +6013,7 @@ var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
       isStatic = _ref.isStatic,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5948,7 +6024,7 @@ var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
@@ -5962,7 +6038,7 @@ var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5973,7 +6049,7 @@ var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement("label", _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement("label", _extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix)
@@ -6007,7 +6083,7 @@ var FormCheck = React__default.forwardRef(function (_ref, ref) {
       propCustom = _ref.custom,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
+      props = _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;
 
@@ -6027,7 +6103,7 @@ var FormCheck = React__default.forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = custom || label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default.createElement(FormCheckInput, _extends$1({}, props, {
+  var input = /*#__PURE__*/React__default.createElement(FormCheckInput, _extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -6062,7 +6138,7 @@ var FormFileInput = React__default.forwardRef(function (_ref, ref) {
       lang = _ref.lang,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6075,7 +6151,7 @@ var FormFileInput = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
@@ -6090,7 +6166,7 @@ var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6101,7 +6177,7 @@ var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement("label", _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement("label", _extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix),
@@ -6134,7 +6210,7 @@ var FormFile = React__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$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
+      props = _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],
@@ -6153,7 +6229,7 @@ var FormFile = React__default.forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default.createElement(FormFileInput, _extends$1({}, props, {
+  var input = /*#__PURE__*/React__default.createElement(FormFileInput, _extends({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6194,7 +6270,7 @@ var FormControl = React__default.forwardRef(function (_ref, ref) {
       custom = _ref.custom,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6229,7 +6305,7 @@ var FormControl = React__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.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
@@ -6250,7 +6326,7 @@ var FormGroup = React__default.forwardRef(function (_ref, ref) {
       controlId = _ref.controlId,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-group');
   var context = useMemo(function () {
@@ -6260,14 +6336,14 @@ var FormGroup = React__default.forwardRef(function (_ref, ref) {
   }, [controlId]);
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children));
 });
 FormGroup.displayName = 'FormGroup';
 
-var defaultProps$h = {
+var defaultProps$n = {
   column: false,
   srOnly: false
 };
@@ -6279,7 +6355,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
       srOnly = _ref.srOnly,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6290,7 +6366,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
   var classes = 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.createElement(Col, _extends$1({
+  if (column) return /*#__PURE__*/React__default.createElement(Col, _extends({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6298,7 +6374,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
-    React__default.createElement(Component, _extends$1({
+    React__default.createElement(Component, _extends({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6306,7 +6382,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
   );
 });
 FormLabel.displayName = 'FormLabel';
-FormLabel.defaultProps = defaultProps$h;
+FormLabel.defaultProps = defaultProps$n;
 
 var FormText = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
 function (_ref, ref) {
@@ -6315,10 +6391,10 @@ function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'small' : _ref$as,
       muted = _ref.muted,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as", "muted"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix, muted && 'text-muted')
   }));
@@ -6326,7 +6402,7 @@ function (_ref, ref) {
 FormText.displayName = 'FormText';
 
 var Switch = React__default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default.createElement(FormCheck, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(FormCheck, _extends({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6336,7 +6412,7 @@ Switch.Input = FormCheck.Input;
 Switch.Label = FormCheck.Label;
 
 var FormRow = createWithBsPrefix('form-row');
-var defaultProps$i = {
+var defaultProps$m = {
   inline: false
 };
 var FormImpl = React__default.forwardRef(function (_ref, ref) {
@@ -6346,16 +6422,16 @@ var FormImpl = React__default.forwardRef(function (_ref, ref) {
       validated = _ref.validated,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'form' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
 });
 FormImpl.displayName = 'Form';
-FormImpl.defaultProps = defaultProps$i;
+FormImpl.defaultProps = defaultProps$m;
 FormImpl.Row = FormRow;
 FormImpl.Group = FormGroup;
 FormImpl.Control = FormControl$1;
@@ -6365,7 +6441,7 @@ FormImpl.Switch = Switch;
 FormImpl.Label = FormLabel;
 FormImpl.Text = FormText;
 
-var defaultProps$j = {
+var defaultProps$l = {
   fluid: false
 };
 var Container = React__default.forwardRef(function (_ref, ref) {
@@ -6374,20 +6450,20 @@ var Container = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "fluid", "as", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, fluid ? "" + prefix + suffix : prefix)
   }));
 });
 Container.displayName = 'Container';
-Container.defaultProps = defaultProps$j;
+Container.defaultProps = defaultProps$l;
 
-var propTypes$7 = {
+var propTypes$3 = {
   /**
    * @default 'img'
    */
@@ -6426,11 +6502,11 @@ var Image = React__default.forwardRef(function (_ref, ref) {
       rounded = _ref.rounded,
       roundedCircle = _ref.roundedCircle,
       thumbnail = _ref.thumbnail,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
+      props = _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.createElement("img", _extends$1({
+  return /*#__PURE__*/React__default.createElement("img", _extends({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
@@ -6440,22 +6516,22 @@ var Image = React__default.forwardRef(function (_ref, ref) {
 Image.displayName = 'Image';
 Image.defaultProps = defaultProps$k;
 
-var defaultProps$l = {
+var defaultProps$j = {
   fluid: true
 };
 var FigureImage = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default.createElement(Image, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Image, _extends({
     ref: ref
   }, props, {
     className: classnames(className, 'figure-img')
   }));
 });
 FigureImage.displayName = 'FigureImage';
-FigureImage.propTypes = propTypes$7;
-FigureImage.defaultProps = defaultProps$l;
+FigureImage.propTypes = propTypes$3;
+FigureImage.defaultProps = defaultProps$j;
 
 var FigureCaption = createWithBsPrefix('figure-caption', {
   Component: 'figcaption'
@@ -6474,13 +6550,13 @@ var InputGroupText = createWithBsPrefix('input-group-text', {
 });
 
 var InputGroupCheckbox = function InputGroupCheckbox(props) {
-  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends$1({
+  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends$1({
+  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends({
     type: "radio"
   }, props)));
 };
@@ -6499,10 +6575,10 @@ var InputGroup = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "size", "className", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix, size && bsPrefix + "-" + size)
@@ -6510,7 +6586,7 @@ var InputGroup = React__default.forwardRef(function (_ref, ref) {
 });
 InputGroup.displayName = 'InputGroup';
 
-var InputGroupWithExtras = _extends$1({}, InputGroup, {
+_extends({}, InputGroup, {
   Text: InputGroupText,
   Radio: InputGroupRadio,
   Checkbox: InputGroupCheckbox,
@@ -6518,7 +6594,7 @@ var InputGroupWithExtras = _extends$1({}, InputGroup, {
   Prepend: InputGroupPrepend
 });
 
-var defaultProps$m = {
+var defaultProps$i = {
   fluid: false
 };
 var Jumbotron = React__default.forwardRef(function (_ref, ref) {
@@ -6529,23 +6605,23 @@ var Jumbotron = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       fluid = _ref.fluid,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "className", "fluid", "bsPrefix"]);
+      props = _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.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, classes)
   }));
 });
-Jumbotron.defaultProps = defaultProps$m;
+Jumbotron.defaultProps = defaultProps$i;
 Jumbotron.displayName = 'Jumbotron';
 
 var TabContext = React__default.createContext(null);
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop$4 = function noop() {};
+var noop$1 = function noop() {};
 
 var AbstractNav = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
@@ -6554,7 +6630,7 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
       activeKey = _ref.activeKey,
       role = _ref.role,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
+      props = _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
@@ -6635,17 +6711,17 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
       role: role,
       // used by NavLink to determine it's role
       activeKey: makeEventKey(activeKey),
-      getControlledId: getControlledId || noop$4,
-      getControllerId: getControllerId || noop$4
+      getControlledId: getControlledId || noop$1,
+      getControllerId: getControllerId || noop$1
     }
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
   }))));
 });
 
-var defaultProps$n = {
+var defaultProps$h = {
   disabled: false
 };
 var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
@@ -6655,7 +6731,7 @@ var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       onClick = _ref.onClick,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
 
   var navKey = makeEventKey(eventKey, props.href);
   var parentOnSelect = useContext(SelectableContext);
@@ -6685,15 +6761,15 @@ var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
     if (onSelect) onSelect(navKey, e);
     if (parentOnSelect) parentOnSelect(navKey, e);
   });
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     onClick: handleOnclick,
     className: classnames(className, isActive && 'active')
   }));
 });
-AbstractNavItem.defaultProps = defaultProps$n;
+AbstractNavItem.defaultProps = defaultProps$h;
 
-var defaultProps$o = {
+var defaultProps$g = {
   variant: undefined,
   active: false,
   disabled: false
@@ -6708,7 +6784,7 @@ var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
       as = _ref.as,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group-item');
   var handleClick = useCallback(function (event) {
@@ -6720,7 +6796,7 @@ var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
 
     if (onClick) onClick(event);
   }, [disabled, onClick]);
-  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends$1({
+  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends({
     ref: ref
   }, props, {
     // TODO: Restrict eventKey to string in v5?
@@ -6731,10 +6807,10 @@ var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
     className: classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
   }));
 });
-ListGroupItem.defaultProps = defaultProps$o;
+ListGroupItem.defaultProps = defaultProps$g;
 ListGroupItem.displayName = 'ListGroupItem';
 
-var defaultProps$p = {
+var defaultProps$f = {
   variant: undefined,
   horizontal: undefined
 };
@@ -6748,7 +6824,7 @@ var ListGroup = React__default.forwardRef(function (props, ref) {
       horizontal = _useUncontrolled.horizontal,
       _useUncontrolled$as = _useUncontrolled.as,
       as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
+      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');
   var horizontalVariant;
@@ -6760,14 +6836,14 @@ var ListGroup = React__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.createElement(AbstractNav, _extends$1({
+  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends({
     ref: ref
   }, controlledProps, {
     as: as,
     className: classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
   }));
 });
-ListGroup.defaultProps = defaultProps$p;
+ListGroup.defaultProps = defaultProps$f;
 ListGroup.displayName = 'ListGroup';
 ListGroup.Item = ListGroupItem;
 
@@ -6778,10 +6854,10 @@ function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
@@ -6809,14 +6885,14 @@ function scrollbarSize(recalc) {
 }
 
 /**
- * Return the actively focused element safely.
+ * Returns the actively focused element safely.
  *
- * @param doc the document to checl
+ * @param doc the document to check
  */
 
 function activeElement(doc) {
   if (doc === void 0) {
-    doc = ownerDocument();
+    doc = ownerDocument$1();
   }
 
   // Support: IE 9 only
@@ -6833,6 +6909,13 @@ function activeElement(doc) {
   }
 }
 
+/**
+ * Adds a CSS class to a given element.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
+
 function addClass(element, className) {
   if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + " " + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + " " + className);
 }
@@ -6840,6 +6923,13 @@ function addClass(element, className) {
 function replaceClassName(origClass, classToRemove) {
   return origClass.replace(new RegExp("(^|\\s)" + classToRemove + "(?:\\s|$)", 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
 }
+/**
+ * Removes a CSS class from a given element.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
+
 
 function removeClass(element, className) {
   if (element.classList) {
@@ -6866,7 +6956,7 @@ function isBody(node) {
 }
 
 function bodyIsOverflowing(node) {
-  var doc = isWindow(node) ? ownerDocument() : ownerDocument(node);
+  var doc = isWindow(node) ? ownerDocument$1() : ownerDocument$1(node);
   var win = isWindow(node) || doc.defaultView;
   return doc.body.clientWidth < win.innerWidth;
 }
@@ -7078,7 +7168,7 @@ var resolveContainerRef = function resolveContainerRef(ref) {
   var _ref;
 
   if (typeof document === 'undefined') return null;
-  if (ref == null) return ownerDocument().body;
+  if (ref == null) return ownerDocument$1().body;
   if (typeof ref === 'function') ref = ref();
   if (ref && 'current' in ref) ref = ref.current;
   if ((_ref = ref) == null ? void 0 : _ref.nodeType) return ref || null;
@@ -7111,11 +7201,11 @@ function useWaitForDOMRef(ref, onResolved) {
   return resolvedRef;
 }
 
-var manager;
+var manager$1;
 
 function getManager() {
-  if (!manager) manager = new ModalManager();
-  return manager;
+  if (!manager$1) manager$1 = new ModalManager();
+  return manager$1;
 }
 
 function useModalManager(provided) {
@@ -7143,7 +7233,7 @@ function useModalManager(provided) {
   });
 }
 
-var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Modal$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$show = _ref.show,
       show = _ref$show === void 0 ? false : _ref$show,
       _ref$role = _ref.role,
@@ -7227,7 +7317,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (autoFocus) {
       var currentActiveElement = activeElement(document);
 
-      if (modal.dialog && currentActiveElement && !contains$1(modal.dialog, currentActiveElement)) {
+      if (modal.dialog && currentActiveElement && !contains(modal.dialog, currentActiveElement)) {
         lastFocusRef.current = currentActiveElement;
         modal.dialog.focus();
       }
@@ -7273,7 +7363,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     var currentActiveElement = activeElement();
 
-    if (modal.dialog && currentActiveElement && !contains$1(modal.dialog, currentActiveElement)) {
+    if (modal.dialog && currentActiveElement && !contains(modal.dialog, currentActiveElement)) {
       modal.dialog.focus();
     }
   });
@@ -7364,7 +7454,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, backdropElement, dialog), container));
 });
-var propTypes$8 = {
+var propTypes$2 = {
   /**
    * Set the visibility of the Modal
    */
@@ -7520,9 +7610,9 @@ var propTypes$8 = {
    */
   manager: PropTypes.instanceOf(ModalManager)
 };
-Modal.displayName = 'Modal';
-Modal.propTypes = propTypes$8;
-var BaseModal = Object.assign(Modal, {
+Modal$1.displayName = 'Modal';
+Modal$1.propTypes = propTypes$2;
+var BaseModal = Object.assign(Modal$1, {
   Manager: ModalManager
 });
 
@@ -7614,11 +7704,11 @@ var ModalDialog = React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       children = _ref.children,
       scrollable = _ref.scrollable,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -7629,7 +7719,7 @@ ModalDialog.displayName = 'ModalDialog';
 
 var ModalFooter = createWithBsPrefix('modal-footer');
 
-var defaultProps$q = {
+var defaultProps$e = {
   closeLabel: 'Close',
   closeButton: false
 };
@@ -7640,7 +7730,7 @@ var ModalHeader = React__default.forwardRef(function (_ref, ref) {
       onHide = _ref.onHide,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal-header');
   var context = useContext(ModalContext);
@@ -7648,7 +7738,7 @@ var ModalHeader = React__default.forwardRef(function (_ref, ref) {
     if (context) context.onHide();
     if (onHide) onHide();
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
@@ -7658,15 +7748,15 @@ var ModalHeader = React__default.forwardRef(function (_ref, ref) {
   }));
 });
 ModalHeader.displayName = 'ModalHeader';
-ModalHeader.defaultProps = defaultProps$q;
+ModalHeader.defaultProps = defaultProps$e;
 
-var DivStyledAsH4$1 = divWithClassName('h4');
+var DivStyledAsH4 = divWithClassName('h4');
 var ModalTitle = createWithBsPrefix('modal-title', {
-  Component: DivStyledAsH4$1
+  Component: DivStyledAsH4
 });
 
-var manager$1;
-var defaultProps$r = {
+var manager;
+var defaultProps$d = {
   show: false,
   backdrop: true,
   keyboard: true,
@@ -7688,7 +7778,7 @@ function BackdropTransition(props) {
 /* eslint-enable no-use-before-define */
 
 
-var Modal$1 = React__default.forwardRef(function (_ref, ref) {
+var Modal = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       style = _ref.style,
@@ -7717,7 +7807,7 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
       onExited = _ref.onExited,
       backdropClassName = _ref.backdropClassName,
       propsManager = _ref.manager,
-      props = _objectWithoutPropertiesLoose$1(_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 = _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 = useState({}),
       modalStyle = _useState[0],
@@ -7754,14 +7844,14 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
 
   function getModalManager() {
     if (propsManager) return propsManager;
-    if (!manager$1) manager$1 = new BootstrapModalManager();
-    return manager$1;
+    if (!manager) manager = new BootstrapModalManager();
+    return manager;
   }
 
   function updateDialogStyle(node) {
     if (!canUseDOM) return;
     var containerIsOverflowing = getModalManager().isContainerOverflowing(modal);
-    var modalIsOverflowing = node.scrollHeight > ownerDocument(node).documentElement.clientHeight;
+    var modalIsOverflowing = node.scrollHeight > ownerDocument$1(node).documentElement.clientHeight;
     setStyle({
       paddingRight: containerIsOverflowing && !modalIsOverflowing ? scrollbarSize() : undefined,
       paddingLeft: !containerIsOverflowing && modalIsOverflowing ? scrollbarSize() : undefined
@@ -7883,12 +7973,12 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends$1({}, backdropProps, {
+    return /*#__PURE__*/React__default.createElement("div", _extends({}, backdropProps, {
       className: classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
 
-  var baseModalStyle = _extends$1({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
+  var baseModalStyle = _extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
 
 
   if (!animation) {
@@ -7896,7 +7986,7 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends$1({
+    return /*#__PURE__*/React__default.createElement("div", _extends({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
@@ -7904,7 +7994,7 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
       onClick: backdrop ? handleClick : undefined,
       onMouseUp: handleMouseUp,
       "aria-labelledby": ariaLabelledby
-    }), /*#__PURE__*/React__default.createElement(Dialog, _extends$1({}, props, {
+    }), /*#__PURE__*/React__default.createElement(Dialog, _extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
       className: dialogClassName,
@@ -7942,15 +8032,15 @@ var Modal$1 = React__default.forwardRef(function (_ref, ref) {
     renderDialog: renderDialog
   }));
 });
-Modal$1.displayName = 'Modal';
-Modal$1.defaultProps = defaultProps$r;
-Modal$1.Body = ModalBody;
-Modal$1.Header = ModalHeader;
-Modal$1.Title = ModalTitle;
-Modal$1.Footer = ModalFooter;
-Modal$1.Dialog = ModalDialog;
-Modal$1.TRANSITION_DURATION = 300;
-Modal$1.BACKDROP_TRANSITION_DURATION = 150;
+Modal.displayName = 'Modal';
+Modal.defaultProps = defaultProps$d;
+Modal.Body = ModalBody;
+Modal.Header = ModalHeader;
+Modal.Title = ModalTitle;
+Modal.Footer = ModalFooter;
+Modal.Dialog = ModalDialog;
+Modal.TRANSITION_DURATION = 300;
+Modal.BACKDROP_TRANSITION_DURATION = 150;
 
 var NavItem = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
 function (_ref, ref) {
@@ -7959,17 +8049,17 @@ function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children);
 });
 NavItem.displayName = 'NavItem';
 
-var defaultProps$s = {
+var defaultProps$c = {
   disabled: false,
   as: SafeAnchor
 };
@@ -7981,10 +8071,10 @@ var NavLink = React__default.forwardRef(function (_ref, ref) {
       eventKey = _ref.eventKey,
       onSelect = _ref.onSelect,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
@@ -7995,9 +8085,9 @@ var NavLink = React__default.forwardRef(function (_ref, ref) {
   }));
 });
 NavLink.displayName = 'NavLink';
-NavLink.defaultProps = defaultProps$s;
+NavLink.defaultProps = defaultProps$c;
 
-var defaultProps$t = {
+var defaultProps$b = {
   justify: false,
   fill: false
 };
@@ -8017,13 +8107,13 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
       activeKey = _useUncontrolled.activeKey,
-      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
+      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');
   var navbarBsPrefix;
   var cardHeaderBsPrefix;
   var isNavbar = false;
-  var navbarContext = useContext(context$2);
+  var navbarContext = useContext(context);
   var cardContext = useContext(context$1);
 
   if (navbarContext) {
@@ -8033,7 +8123,7 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends$1({
+  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends({
     as: as,
     ref: ref,
     activeKey: activeKey,
@@ -8041,7 +8131,7 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
   }, props), children);
 });
 Nav.displayName = 'Nav';
-Nav.defaultProps = defaultProps$t;
+Nav.defaultProps = defaultProps$b;
 Nav.Item = NavItem;
 Nav.Link = NavLink;
 
@@ -8049,11 +8139,11 @@ var NavbarBrand = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }));
@@ -8063,11 +8153,11 @@ NavbarBrand.displayName = 'NavbarBrand';
 var NavbarCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["children", "bsPrefix"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
-  return /*#__PURE__*/React__default.createElement(context$2.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default.createElement(Collapse, _extends$1({
+  return /*#__PURE__*/React__default.createElement(context.Consumer, null, function (context) {
+    return /*#__PURE__*/React__default.createElement(Collapse, _extends({
       in: !!(context && context.expanded)
     }, props), /*#__PURE__*/React__default.createElement("div", {
       ref: ref,
@@ -8077,7 +8167,7 @@ var NavbarCollapse = React__default.forwardRef(function (_ref, ref) {
 });
 NavbarCollapse.displayName = 'NavbarCollapse';
 
-var defaultProps$u = {
+var defaultProps$a = {
   label: 'Toggle navigation'
 };
 var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
@@ -8088,11 +8178,11 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');
 
-  var _ref2 = useContext(context$2) || {},
+  var _ref2 = useContext(context) || {},
       onToggle = _ref2.onToggle,
       expanded = _ref2.expanded;
 
@@ -8105,7 +8195,7 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
@@ -8115,12 +8205,12 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
   }));
 });
 NavbarToggle.displayName = 'NavbarToggle';
-NavbarToggle.defaultProps = defaultProps$u;
+NavbarToggle.defaultProps = defaultProps$a;
 
 var NavbarText = createWithBsPrefix('navbar-text', {
   Component: 'span'
 });
-var defaultProps$v = {
+var defaultProps$9 = {
   expand: true,
   variant: 'light',
   collapseOnSelect: false
@@ -8143,7 +8233,7 @@ var Navbar = React__default.forwardRef(function (props, ref) {
       _onToggle = _useUncontrolled.onToggle,
       onSelect = _useUncontrolled.onSelect,
       collapseOnSelect = _useUncontrolled.collapseOnSelect,
-      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
+      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'navbar');
   var handleCollapse = useCallback(function () {
@@ -8173,24 +8263,24 @@ var Navbar = React__default.forwardRef(function (props, ref) {
       expanded: !!expanded
     };
   }, [bsPrefix, expanded, _onToggle]);
-  return /*#__PURE__*/React__default.createElement(context$2.Provider, {
+  return /*#__PURE__*/React__default.createElement(context.Provider, {
     value: navbarContext
   }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, controlledProps, {
     className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
   }), children)));
 });
-Navbar.defaultProps = defaultProps$v;
+Navbar.defaultProps = defaultProps$9;
 Navbar.displayName = 'Navbar';
 Navbar.Brand = NavbarBrand;
 Navbar.Toggle = NavbarToggle;
 Navbar.Collapse = NavbarCollapse;
 Navbar.Text = NavbarText;
 
-var propTypes$9 = {
+var propTypes$1 = {
   /**
    * An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
    * @type {string|number}
@@ -8236,31 +8326,31 @@ var NavDropdown = React__default.forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       active = _ref.active,
       renderMenuOnMount = _ref.renderMenuOnMount,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: NavItem
-  }), /*#__PURE__*/React__default.createElement(Dropdown$1.Toggle, {
+  }), /*#__PURE__*/React__default.createElement(Dropdown.Toggle, {
     id: id,
     eventKey: null,
     active: active,
     disabled: disabled,
     childBsPrefix: bsPrefix,
     as: NavLink
-  }, title), /*#__PURE__*/React__default.createElement(Dropdown$1.Menu, {
+  }, title), /*#__PURE__*/React__default.createElement(Dropdown.Menu, {
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
   }, children));
 });
 NavDropdown.displayName = 'NavDropdown';
-NavDropdown.propTypes = propTypes$9;
-NavDropdown.Item = Dropdown$1.Item;
-NavDropdown.ItemText = Dropdown$1.ItemText;
-NavDropdown.Divider = Dropdown$1.Divider;
-NavDropdown.Header = Dropdown$1.Header;
+NavDropdown.propTypes = propTypes$1;
+NavDropdown.Item = Dropdown.Item;
+NavDropdown.ItemText = Dropdown.ItemText;
+NavDropdown.Divider = Dropdown.Divider;
+NavDropdown.Header = Dropdown.Header;
 
 /**
  * Built on top of `Popper.js`, the overlay component is
@@ -8501,7 +8591,7 @@ Overlay.propTypes = {
   onExited: PropTypes.func
 };
 
-var RefHolder = /*#__PURE__*/function (_React$Component) {
+/*#__PURE__*/(function (_React$Component) {
   _inheritsLoose(RefHolder, _React$Component);
 
   function RefHolder() {
@@ -8515,9 +8605,9 @@ var RefHolder = /*#__PURE__*/function (_React$Component) {
   };
 
   return RefHolder;
-}(React__default.Component);
+})(React__default.Component);
 
-var defaultProps$w = {
+var defaultProps$8 = {
   active: false,
   disabled: false,
   activeLabel: '(current)'
@@ -8529,7 +8619,7 @@ var PageItem = React__default.forwardRef(function (_ref, ref) {
       style = _ref.style,
       activeLabel = _ref.activeLabel,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
 
   var Component = active || disabled ? 'span' : SafeAnchor;
   return /*#__PURE__*/React__default.createElement("li", {
@@ -8539,14 +8629,14 @@ var PageItem = React__default.forwardRef(function (_ref, ref) {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({
     className: "page-link",
     disabled: disabled
   }, props), children, active && activeLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
   }, activeLabel)));
 });
-PageItem.defaultProps = defaultProps$w;
+PageItem.defaultProps = defaultProps$8;
 PageItem.displayName = 'PageItem';
 
 function createButton(name, defaultValue, label) {
@@ -8556,7 +8646,7 @@ function createButton(name, defaultValue, label) {
 
   function Button(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutPropertiesLoose$1(_ref2, ["children"]);
+        props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
     return /*#__PURE__*/React__default.createElement(PageItem, props, /*#__PURE__*/React__default.createElement("span", {
       "aria-hidden": "true"
@@ -8588,10 +8678,10 @@ var Pagination = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       children = _ref.children,
       size = _ref.size,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "size"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default.createElement("ul", _extends$1({
+  return /*#__PURE__*/React__default.createElement("ul", _extends({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
@@ -8610,10 +8700,10 @@ var PopoverTitle = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
@@ -8626,17 +8716,17 @@ var PopoverContent = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
   }), children);
 });
 
-var defaultProps$x = {
+var defaultProps$7 = {
   placement: 'right'
 };
 var Popover = React__default.forwardRef(function (_ref, ref) {
@@ -8646,33 +8736,33 @@ var Popover = React__default.forwardRef(function (_ref, ref) {
       style = _ref.style,
       children = _ref.children,
       content = _ref.content,
-      arrowProps = _ref.arrowProps,
-      _ = _ref.popper,
-      _1 = _ref.show,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
+      arrowProps = _ref.arrowProps;
+      _ref.popper;
+      _ref.show;
+      var props = _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.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref,
     role: "tooltip",
     style: style,
     "x-placement": primaryPlacement,
     className: classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default.createElement("div", _extends$1({
+  }, props), /*#__PURE__*/React__default.createElement("div", _extends({
     className: "arrow"
   }, arrowProps)), content ? /*#__PURE__*/React__default.createElement(PopoverContent, null, children) : children);
 });
-Popover.defaultProps = defaultProps$x;
+Popover.defaultProps = defaultProps$7;
 Popover.Title = PopoverTitle;
 Popover.Content = PopoverContent;
 
 var ROUND_PRECISION = 1000;
 
-var defaultProps$y = {
+var defaultProps$6 = {
   min: 0,
   max: 100,
   animated: false,
@@ -8700,14 +8790,14 @@ function renderProgressBar(_ref, ref) {
       style = _ref.style,
       variant = _ref.variant,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _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$1({
+    style: _extends({
       width: getPercentage(now, min, max) + "%"
     }, style),
     "aria-valuenow": now,
@@ -8720,7 +8810,7 @@ function renderProgressBar(_ref, ref) {
 
 var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
-      props = _objectWithoutPropertiesLoose$1(_ref2, ["isChild"]);
+      props = _objectWithoutPropertiesLoose(_ref2, ["isChild"]);
 
   props.bsPrefix = useBootstrapPrefix(props.bsPrefix, 'progress');
 
@@ -8739,9 +8829,9 @@ var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
       variant = props.variant,
       className = props.className,
       children = props.children,
-      wrapperProps = _objectWithoutPropertiesLoose$1(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
+      wrapperProps = _objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, wrapperProps, {
     className: classnames(className, bsPrefix)
@@ -8762,9 +8852,9 @@ var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
   }, ref));
 });
 ProgressBar.displayName = 'ProgressBar';
-ProgressBar.defaultProps = defaultProps$y;
+ProgressBar.defaultProps = defaultProps$6;
 
-var defaultProps$z = {
+var defaultProps$5 = {
   aspectRatio: '1by1'
 };
 var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
@@ -8772,11 +8862,11 @@ var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       children = _ref.children,
       aspectRatio = _ref.aspectRatio,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'embed-responsive');
   var child = React__default.Children.only(children);
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
@@ -8784,10 +8874,10 @@ var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
     className: classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
-ResponsiveEmbed.defaultProps = defaultProps$z;
+ResponsiveEmbed.defaultProps = defaultProps$5;
 
-var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
-var defaultProps$A = {
+var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
+var defaultProps$4 = {
   noGutters: false
 };
 var Row = React__default.forwardRef(function (_ref, ref) {
@@ -8796,12 +8886,12 @@ var Row = React__default.forwardRef(function (_ref, ref) {
       noGutters = _ref.noGutters,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "noGutters", "as"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
   var sizePrefix = decoratedBsPrefix + "-cols";
   var classes = [];
-  DEVICE_SIZES$1.forEach(function (brkPoint) {
+  DEVICE_SIZES.forEach(function (brkPoint) {
     var propValue = props[brkPoint];
     delete props[brkPoint];
     var cols;
@@ -8815,14 +8905,14 @@ var Row = React__default.forwardRef(function (_ref, ref) {
     var infix = brkPoint !== 'xs' ? "-" + brkPoint : '';
     if (cols != null) classes.push("" + sizePrefix + infix + "-" + cols);
   });
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
   }));
 });
 Row.displayName = 'Row';
-Row.defaultProps = defaultProps$A;
+Row.defaultProps = defaultProps$4;
 
 var Spinner = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
@@ -8833,11 +8923,11 @@ var Spinner = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
@@ -8845,7 +8935,7 @@ var Spinner = React__default.forwardRef(function (_ref, ref) {
 });
 Spinner.displayName = 'Spinner';
 
-var propTypes$a = {
+var propTypes = {
   /**
    * An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
    * @type {string|number}
@@ -8907,7 +8997,7 @@ var propTypes$a = {
   /** @ignore */
   size: PropTypes.string
 };
-var defaultProps$B = {
+var defaultProps$3 = {
   toggleLabel: 'Toggle dropdown',
   type: 'button'
 };
@@ -8927,9 +9017,9 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       rootCloseEvent = _ref.rootCloseEvent,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: ButtonGroup
@@ -8942,7 +9032,7 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
     target: target,
     onClick: onClick,
     type: type
-  }, title), /*#__PURE__*/React__default.createElement(Dropdown$1.Toggle, {
+  }, title), /*#__PURE__*/React__default.createElement(Dropdown.Toggle, {
     split: true,
     id: id ? id.toString() : undefined,
     size: size,
@@ -8951,15 +9041,15 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
     childBsPrefix: bsPrefix
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
-  }, toggleLabel)), /*#__PURE__*/React__default.createElement(Dropdown$1.Menu, {
+  }, toggleLabel)), /*#__PURE__*/React__default.createElement(Dropdown.Menu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
   }, children));
 });
-SplitButton.propTypes = propTypes$a;
-SplitButton.defaultProps = defaultProps$B;
+SplitButton.propTypes = propTypes;
+SplitButton.defaultProps = defaultProps$3;
 SplitButton.displayName = 'SplitButton';
 
 var TabContainer = function TabContainer(props) {
@@ -9007,10 +9097,10 @@ var TabContent = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "as", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix)
@@ -9024,11 +9114,11 @@ function useTabContext(props) {
   var activeKey = context.activeKey,
       getControlledId = context.getControlledId,
       getControllerId = context.getControllerId,
-      rest = _objectWithoutPropertiesLoose$1(context, ["activeKey", "getControlledId", "getControllerId"]);
+      rest = _objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
 
   var shouldTransition = props.transition !== false && rest.transition !== false;
   var key = makeEventKey(props.eventKey);
-  return _extends$1({}, props, {
+  return _extends({}, props, {
     active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,
     id: getControlledId(props.eventKey),
     'aria-labelledby': getControllerId(props.eventKey),
@@ -9053,13 +9143,13 @@ var TabPane = React__default.forwardRef(function (props, ref) {
       unmountOnExit = _useTabContext.unmountOnExit,
       Transition = _useTabContext.transition,
       _useTabContext$as = _useTabContext.as,
-      Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,
-      _ = _useTabContext.eventKey,
-      rest = _objectWithoutPropertiesLoose$1(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
+      Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as;
+      _useTabContext.eventKey;
+      var rest = _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.createElement(Component, _extends$1({}, rest, {
+  var pane = /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
@@ -9109,7 +9199,7 @@ Tab.Container = TabContainer;
 Tab.Content = TabContent;
 Tab.Pane = TabPane;
 
-var Table = React__default.forwardRef(function (_ref, ref) {
+React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       striped = _ref.striped,
@@ -9119,11 +9209,11 @@ var Table = React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       variant = _ref.variant,
       responsive = _ref.responsive,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
+      props = _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.createElement("table", _extends$1({}, props, {
+  var table = /*#__PURE__*/React__default.createElement("table", _extends({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9148,7 +9238,7 @@ var ToastContext = React__default.createContext({
   onClose: function onClose() {}
 });
 
-var defaultProps$C = {
+var defaultProps$2 = {
   closeLabel: 'Close',
   closeButton: true
 };
@@ -9158,7 +9248,7 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
       closeButton = _ref.closeButton,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast-header');
   var context = useContext(ToastContext);
@@ -9167,7 +9257,7 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
@@ -9179,7 +9269,7 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
   }));
 });
 ToastHeader.displayName = 'ToastHeader';
-ToastHeader.defaultProps = defaultProps$C;
+ToastHeader.defaultProps = defaultProps$2;
 
 var ToastBody = createWithBsPrefix('toast-body');
 
@@ -9198,7 +9288,7 @@ var Toast = React__default.forwardRef(function (_ref, ref) {
       _ref$autohide = _ref.autohide,
       autohide = _ref$autohide === void 0 ? false : _ref$autohide,
       onClose = _ref.onClose,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
+      props = _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.
@@ -9226,7 +9316,7 @@ var Toast = React__default.forwardRef(function (_ref, ref) {
     };
   }, [onClose]);
   var hasAnimation = !!(Transition && animation);
-  var toast = /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
+  var toast = /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
     role: "alert",
@@ -9246,7 +9336,7 @@ Object.assign(Toast, {
   Header: ToastHeader
 });
 
-var noop$5 = function noop() {
+var noop = function noop() {
   return undefined;
 };
 
@@ -9260,7 +9350,7 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       inputRef = _ref.inputRef,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
 
   var _useState = useState(false),
       focused = _useState[0],
@@ -9272,7 +9362,7 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
   var handleBlur = useCallback(function (e) {
     if (e.target.tagName === 'INPUT') setFocused(false);
   }, []);
-  return /*#__PURE__*/React__default.createElement(Button, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Button, _extends({}, props, {
     ref: ref,
     className: classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
@@ -9288,12 +9378,12 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
     disabled: !!disabled,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    onChange: onChange || noop$5
+    onChange: onChange || noop
   }), children);
 });
 ToggleButton.displayName = 'ToggleButton';
 
-var defaultProps$D = {
+var defaultProps$1 = {
   type: 'radio',
   vertical: false
 };
@@ -9306,7 +9396,7 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
       name = _useUncontrolled.name,
       value = _useUncontrolled.value,
       onChange = _useUncontrolled.onChange,
-      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
+      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
 
   var getValues = function getValues() {
     return value == null ? [] : [].concat(value);
@@ -9335,7 +9425,7 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
   };
 
   !(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.createElement(ButtonGroup, _extends$1({}, controlledProps, {
+  return /*#__PURE__*/React__default.createElement(ButtonGroup, _extends({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9356,10 +9446,10 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
     });
   }));
 });
-ToggleButtonGroup.defaultProps = defaultProps$D;
+ToggleButtonGroup.defaultProps = defaultProps$1;
 ToggleButtonGroup.Button = ToggleButton;
 
-var defaultProps$E = {
+var defaultProps = {
   placement: 'right'
 };
 var Tooltip = React__default.forwardRef(function (_ref, ref) {
@@ -9368,32 +9458,32 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       style = _ref.style,
       children = _ref.children,
-      arrowProps = _ref.arrowProps,
-      _ = _ref.popper,
-      _2 = _ref.show,
-      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
+      arrowProps = _ref.arrowProps;
+      _ref.popper;
+      _ref.show;
+      var props = _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.createElement("div", _extends$1({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     ref: ref,
     style: style,
     role: "tooltip",
     "x-placement": primaryPlacement,
     className: classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default.createElement("div", _extends$1({
+  }, props), /*#__PURE__*/React__default.createElement("div", _extends({
     className: "arrow"
   }, arrowProps)), /*#__PURE__*/React__default.createElement("div", {
     className: bsPrefix + "-inner"
   }, children));
 });
-Tooltip.defaultProps = defaultProps$E;
+Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-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 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 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(css);
 
@@ -9480,454 +9570,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
-    */
-
-
-  useEffect(function () {
-    if (filterData.length < 2) {
-      setChildData({ name: null, data: filterData[0].children, _id: filterData[0]._id });
-    } else {
-      setParentData({ name: null, data: filterData });
-    }
-  }, []);
-
-  var handleFilterSelect = function handleFilterSelect(group, type) {
-    if (type === 'parent') {
-      setParentData(function (prevState) {
-        return _extends$2({}, prevState, { name: group.name ? group.name : null });
-      });
-      if (group && group.children && group.children.length > 0) {
-        setChildData({ data: group.children, _id: group._id });
-        setFilterTopicID(group._id);
-      } else {
-        //handle filter
-        setChildData(null);
-        setGrandChildData(null);
-        setFilterTopicID(group._id ? group._id : 'all');
-      }
-    }
-    if (type === 'child') {
-      setChildData(function (prevState) {
-        return _extends$2({}, 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 });
-        setFilterTopicID(group._id);
-        var topics = [];
-        topics.push(group._id);
-        group.grandchildren.forEach(function (topic) {
-          topics.push(topic._id);
-        });
-        setFilterTopicID(topics);
-      } else {
-        //handle filter
-        setGrandChildData(null);
-        setFilterTopicID(group._id ? group._id : 'all');
-      }
-    }
-    if (type === 'grandchild') {
-      setGrandChildData(function (prevState) {
-        return _extends$2({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
-      });
-      //handle filter
-      if (!group._id) {
-        var _topics = [];
-        _topics.push(childData._id);
-        grandChildData.data.forEach(function (topic) {
-          _topics.push(topic._id);
-        });
-        setFilterTopicID(_topics);
-      } else {
-        setFilterTopicID([group._id, childData._id]);
-      }
-    }
-  };
-
-  return React__default.createElement(
-    'div',
-    { className: 'flex-container' },
-    parentData && React__default.createElement(
-      DropdownButton,
-      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
-      React__default.createElement(
-        Dropdown$1.Item,
-        { onSelect: function onSelect() {
-            return handleFilterSelect({}, 'parent');
-          } },
-        'All'
-      ),
-      parentData.data.map(function (docGroup) {
-        if (!docGroup._id) return null;
-        return React__default.createElement(
-          Dropdown$1.Item,
-          { key: docGroup._id, onSelect: function onSelect() {
-              return handleFilterSelect(docGroup, 'parent');
-            } },
-          docGroup.name
-        );
-      })
-    ),
-    childData && childData.data && childData.data.length > 0 && React__default.createElement(
-      DropdownButton,
-      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
-      React__default.createElement(
-        Dropdown$1.Item,
-        { onSelect: function onSelect() {
-            return handleFilterSelect({}, 'child');
-          } },
-        'All'
-      ),
-      childData.data.map(function (docGroup) {
-        if (!docGroup._id) return null;
-        return React__default.createElement(
-          Dropdown$1.Item,
-          { key: docGroup._id, onSelect: function onSelect() {
-              return handleFilterSelect(docGroup, 'child');
-            } },
-          docGroup.name
-        );
-      })
-    ),
-    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default.createElement(
-      DropdownButton,
-      { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
-      React__default.createElement(
-        Dropdown$1.Item,
-        { onSelect: function onSelect() {
-            return handleFilterSelect({}, 'grandchild');
-          } },
-        'All'
-      ),
-      grandChildData.data.map(function (docGroup) {
-        if (!docGroup._id) return null;
-        return React__default.createElement(
-          Dropdown$1.Item,
-          { key: docGroup._id, onSelect: function onSelect() {
-              return handleFilterSelect(docGroup, 'grandchild');
-            } },
-          docGroup.name
-        );
-      })
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .flex-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n        }\n        .filter-btn button {\n          border-radius: 3px;\n          z-index: 99999;\n        }\n        .filter-btn .dropdown-menu {\n          z-index: 9999999;\n        }\n        @media (max-width: 768px) {\n          .flex-container {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      '
-    )
-  );
-};
-
-var MediaSeriesLanding = function MediaSeriesLanding(props) {
-  var client = props.client,
-      pageview = props.pageview;
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      filterTopicID = _useState8[0],
-      setFilterTopicID = _useState8[1];
-
-  var _useState9 = useState(props.seriesData),
-      _useState10 = _slicedToArray(_useState9, 2),
-      seriesData = _useState10[0],
-      setSeriesData = _useState10[1];
-
-  var _useState11 = useState(props.totalSeriesCount),
-      _useState12 = _slicedToArray(_useState11, 2),
-      totalSeriesCount = _useState12[0],
-      setTotalSeriesCount = _useState12[1];
-
-  var _useState13 = useState(props.params),
-      _useState14 = _slicedToArray(_useState13, 2),
-      params = _useState14[0],
-      setParams = _useState14[1];
-
-  var _useState15 = useState(props.query),
-      _useState16 = _slicedToArray(_useState15, 2),
-      query = _useState16[0],
-      setQuery = _useState16[1];
-
-  var _useState17 = useState(props.currentPage),
-      _useState18 = _slicedToArray(_useState17, 2),
-      currentPage = _useState18[0],
-      setCurrentPage = _useState18[1];
-
-  useEffect(function () {
-    if (filterTopicID) {
-      fetchFilteredData();
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
     }
-  }, [filterTopicID]);
-
-  var fetchFilteredData = function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var newParams, filterQuery, x, filters, sorts, projection, seriesQuery, totalSeriesCountQuery, _ref3, _ref4, newData, newDataCount;
-
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              newParams = _extends$2({}, params, { from: 0, to: 10 });
-              filterQuery = void 0;
-
-              if ((typeof filterTopicID === 'undefined' ? 'undefined' : _typeof(filterTopicID)) == 'object') {
-                filterQuery = '[';
-                for (x = 0; x < filterTopicID.length; x++) {
-                  filterQuery = filterQuery + (' references(\'' + filterTopicID[x] + '\') ');
-                  if (x == filterTopicID.length - 1) {
-                    filterQuery = filterQuery + ']';
-                  } else {
-                    filterQuery = filterQuery + ' || ';
-                  }
-                }
-              } else {
-                filterQuery = filterTopicID !== 'all' ? '[references(\'' + filterTopicID + '\')]' : '';
-              }
-
-              filters = props.filters, sorts = props.sorts, projection = props.projection;
-              seriesQuery = ['*'].concat([filters, filterQuery]).concat(sorts).concat(projection).join('|');
-              totalSeriesCountQuery = 'count(' + ['*'].concat([filters, filterQuery]).join('|') + ')';
-              _context.next = 8;
-              return _Promise.all([client.fetch(seriesQuery, newParams), client.fetch(totalSeriesCountQuery)]);
-
-            case 8:
-              _ref3 = _context.sent;
-              _ref4 = _slicedToArray(_ref3, 2);
-              newData = _ref4[0];
-              newDataCount = _ref4[1];
-
-
-              setParams(newParams);
-              setQuery(seriesQuery);
-              setSeriesData(newData);
-              setTotalSeriesCount(newDataCount);
-              setCurrentPage(1);
-
-            case 17:
-            case 'end':
-              return _context.stop();
-          }
-        }
-      }, _callee, _this);
-    }));
-
-    return function fetchFilteredData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  if (props.statusCode === 404) {
-    return React__default.createElement(
-      'div',
-      { className: 'd-flex flex-column align-items-center mt-3' },
-      React__default.createElement(
-        'h3',
-        null,
-        '404: Resource not found'
-      ),
-      React__default.createElement(
-        'p',
-        null,
-        'We seem to have misplaced the page you\'re looking for. Sorry! Please try checking the URL for errors.'
-      ),
-      React__default.createElement(
-        'p',
-        null,
-        'Click here to',
-        React__default.createElement(
-          Link,
-          { href: '/' },
-          React__default.createElement(
-            'a',
-            { style: { color: 'blue', textDecoration: 'underline' } },
-            ' return to homepage.'
-          )
-        )
-      )
-    );
-  }
-
-  return React__default.createElement(
-    'div',
-    { className: 'mb-5' },
-    props.docGroup && props.docGroup.description && React__default.createElement(BlockContent, { blocks: props.docGroup.description, serializers: getSerializers(client) }),
-    props.taxonomyFilter && props.taxonomyFilter && React__default.createElement(
-      'div',
-      { className: '' },
-      React__default.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
-      React__default.createElement('hr', null)
-    ),
-    seriesData && React__default.createElement(MasterDeck, {
-      deck: MediaSeriesCard,
-      variant: 'left',
-      defaultImage: '/placeholder.jpg',
-      client: client,
-      dataRecord: seriesData,
-      totalDataCount: totalSeriesCount,
-      query: query && query,
-      params: params && params,
-      currentPage: currentPage,
-      pageview: pageview,
-      autoScroll: true,
-      seoPaginate: true
-    })
-  );
-};
-
-MediaSeriesLanding.getInitialData = function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(ctx, client, cache) {
-    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, filters, sorts, projection, seriesQuery, totalSeriesCountQuery, _ref6, _ref7, seriesData, totalSeriesCount, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
-
-    return regenerator.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname, req = ctx.req;
-            identifier = pathname.replace('/', '');
-            itemsPerPage = 10;
-            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
-            start = (currentPage - 1) * itemsPerPage;
-            statusCode = 200;
-            params = {
-              count: itemsPerPage,
-              from: start,
-              to: start + itemsPerPage,
-              url: pathname
-            };
-            _context2.next = 9;
-            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');
-
-          case 9:
-            docGroupID = _context2.sent;
-            filters = '[\n    _type == \'documentGroup\' \n    && references(\'' + docGroupID._id + '\') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]';
-            sorts = 'order(published desc) [$from...$to]';
-            projection = '{\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail,\n        description,\n        topicMapping[]->,\n        isGated,\n        \'parentUrl\': \'' + identifier + '\'\n    }';
-            seriesQuery = ['*'].concat(filters).concat(sorts).concat(projection).join('|');
-            totalSeriesCountQuery = 'count(' + ['*'].concat(filters).join('|') + ')';
-            _context2.next = 17;
-            return _Promise.all([client.fetch(seriesQuery, params), client.fetch(totalSeriesCountQuery)]);
-
-          case 17:
-            _ref6 = _context2.sent;
-            _ref7 = _slicedToArray(_ref6, 2);
-            seriesData = _ref7[0];
-            totalSeriesCount = _ref7[1];
-            _context2.next = 23;
-            return client.fetch('*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ]  {\n    topicMapping[]->\n  }');
-
-          case 23:
-            allSeries = _context2.sent;
-
-            //Take all series topicMapping and put in an array
-            buildUsedTopicsArray = function buildUsedTopicsArray(seriesArray) {
-              var usedTopics = [];
-              for (var x = 0; x < seriesArray.length; x++) {
-                if (seriesArray[x].topicMapping) {
-                  seriesArray[x].topicMapping.forEach(function (topic) {
-                    if (!usedTopics.includes(topic._id)) {
-                      usedTopics.push(topic._id);
-                    }
-                  });
-                }
-              }
-              return usedTopics;
-            };
-
-            usedTopics = buildUsedTopicsArray(allSeries);
-            _context2.next = 28;
-            return client.fetch('\n  *[_type == \'taxonomy\' && !defined(parent) && isMainTopic]{\n    _id,\n    identifier,\n    name,\n    "children": *[_type == \'taxonomy\' && references(^._id)]{\n        _id,\n        name,\n        identifier,\n        "grandchildren": *[_type == \'taxonomy\' && references(^._id)]\n      }\t\n    }');
-
-          case 28:
-            taxonomyFilter = _context2.sent;
-
-
-            taxonomyFilter.forEach(function (topic) {
-              if (topic.children) {
-                topic.children.forEach(function (child) {
-                  if (child.grandchildren) {
-                    child.grandchildren = child.grandchildren.filter(function (grandchild) {
-                      if (!usedTopics.includes(grandchild._id)) {
-                        return false;
-                      }
-                      return true;
-                    });
-                  }
-                  if (!usedTopics.includes(child._id) || !child.grandchildren) {
-                    child._id = null;
-                    child.name = null;
-                  }
-                });
-
-                topic.children = topic.children.filter(function (child) {
-                  return child._id !== null;
-                });
-              }
-            });
-
-            if (currentPage > 1 && seriesData.length === 0) {
-              statusCode = 404;
-            }
-
-            return _context2.abrupt('return', {
-              seriesData: seriesData,
-              totalSeriesCount: totalSeriesCount,
-              query: seriesQuery,
-              filters: filters,
-              sorts: sorts,
-              projection: projection,
-              params: params,
-              currentPage: currentPage,
-              taxonomyFilter: taxonomyFilter,
-              identifier: identifier,
-              docGroupID: docGroupID._id,
-              parentUrl: identifier,
-              statusCode: statusCode,
-              docGroup: docGroupID
-            });
-
-          case 32:
-          case 'end':
-            return _context2.stop();
-        }
-      }
-    }, _callee2, _this);
-  }));
-
-  return function (_x, _x2, _x3) {
-    return _ref5.apply(this, arguments);
-  };
-}();
-
-var _this$1 = undefined;
-
-var Filter$1 = function Filter(_ref) {
-  var filterData = _ref.filterData,
-      setFilterTopicID = _ref.setFilterTopicID;
-
-  if (!filterData || filterData.length == 0) return null;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      parentData = _useState2[0],
-      setParentData = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childData = _useState4[0],
-      setChildData = _useState4[1];
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      grandChildData = _useState6[0],
-      setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
     */
 
 
@@ -9942,7 +9589,7 @@ var Filter$1 = function Filter(_ref) {
   var handleFilterSelect = function handleFilterSelect(group, type) {
     if (type === 'parent') {
       setParentData(function (prevState) {
-        return _extends$2({}, prevState, { name: group.name ? group.name : null });
+        return _extends$1({}, prevState, { name: group.name ? group.name : null });
       });
       if (group && group.children && group.children.length > 0) {
         setChildData({ data: group.children, _id: group._id });
@@ -9956,7 +9603,7 @@ var Filter$1 = function Filter(_ref) {
     }
     if (type === 'child') {
       setChildData(function (prevState) {
-        return _extends$2({}, prevState, { name: group.name ? group.name : null, _id: group._id });
+        return _extends$1({}, 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 });
@@ -9975,7 +9622,7 @@ var Filter$1 = function Filter(_ref) {
     }
     if (type === 'grandchild') {
       setGrandChildData(function (prevState) {
-        return _extends$2({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
+        return _extends$1({}, prevState, { name: group.name ? group.name : 'All', _id: group._id });
       });
       //handle filter
       if (!group._id) {
@@ -9998,7 +9645,7 @@ var Filter$1 = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
       React__default.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
           } },
@@ -10007,7 +9654,7 @@ var Filter$1 = function Filter(_ref) {
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
             } },
@@ -10019,7 +9666,7 @@ var Filter$1 = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
       React__default.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
           } },
@@ -10028,7 +9675,7 @@ var Filter$1 = function Filter(_ref) {
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
             } },
@@ -10040,7 +9687,7 @@ var Filter$1 = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
       React__default.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
           } },
@@ -10049,7 +9696,7 @@ var Filter$1 = function Filter(_ref) {
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
             } },
@@ -10065,8 +9712,7 @@ var Filter$1 = function Filter(_ref) {
   );
 };
 
-var MediaSeriesLanding$1 = function MediaSeriesLanding$1(props) {
-  if (props.totalSeriesCount) return React__default.createElement(MediaSeriesLanding, props);
+var MediaSeriesLanding = function MediaSeriesLanding(props) {
   var client = props.client,
       pageview = props.pageview,
       currentPage = props.currentPage,
@@ -10106,7 +9752,7 @@ var MediaSeriesLanding$1 = function MediaSeriesLanding$1(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              newParams = _extends$2({}, params, { from: 0, to: 10 });
+              newParams = _extends$1({}, params, { from: 0, to: 10 });
               filterQuery = void 0;
 
               if ((typeof filterTopicID === 'undefined' ? 'undefined' : _typeof(filterTopicID)) == 'object') {
@@ -10139,7 +9785,7 @@ var MediaSeriesLanding$1 = function MediaSeriesLanding$1(props) {
               return _context.stop();
           }
         }
-      }, _callee, _this$1);
+      }, _callee, _this);
     }));
 
     return function fetchFilteredData() {
@@ -10185,7 +9831,7 @@ var MediaSeriesLanding$1 = function MediaSeriesLanding$1(props) {
     props.taxonomyFilter && props.taxonomyFilter && React__default.createElement(
       'div',
       { className: '' },
-      React__default.createElement(Filter$1, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
+      React__default.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
       React__default.createElement('hr', null)
     ),
     seriesData && React__default.createElement(MasterDeck, {
@@ -10204,16 +9850,16 @@ var MediaSeriesLanding$1 = function MediaSeriesLanding$1(props) {
   );
 };
 
-MediaSeriesLanding$1.getInitialData = function () {
+MediaSeriesLanding.getInitialData = function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(ctx, client, cache) {
     var _ref4;
 
-    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
+    var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname, req = ctx.req;
+            urlQuery = ctx.query, pathname = ctx.pathname;
             identifier = pathname.replace('/', '');
             itemsPerPage = 10;
             currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
@@ -10299,13 +9945,12 @@ MediaSeriesLanding$1.getInitialData = function () {
             return _context2.stop();
         }
       }
-    }, _callee2, _this$1);
+    }, _callee2, _this);
   }));
 
   return function (_x, _x2, _x3) {
     return _ref3.apply(this, arguments);
   };
 }();
-MediaSeriesLanding$1.getInitialData = MediaSeriesLanding.getInitialData;
 
-export default MediaSeriesLanding$1;
+export default MediaSeriesLanding;