@mjhls/mjh-framework 1.0.859 → 1.0.860-beta.0

package/dist/cjs/MediaSeriesLanding.js

@@ -1,163 +1,77 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./core.get-iterator-method-f3c44602.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
+require('./_iter-detect-05795553.js');
+require('./toConsumableArray-c9b8a0d0.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$1 = require('./extends-60837c34.js');
-require('./_object-sap-5e74ba08.js');
-require('./inherits-87492b40.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-var _typeof = require('./typeof-9d7f610f.js');
-require('./_is-array-754e012d.js');
+var _extends$1 = require('./extends-eed4f016.js');
+require('./_object-sap-171b9ea5.js');
+require('./inherits-12d44cca.js');
+require('./define-property-21887c62.js');
+require('./web.dom.iterable-e34bf324.js');
+var _typeof = require('./typeof-5f52cf64.js');
+require('./_is-array-aa52fa1e.js');
 var React = require('react');
-require('./index-44481153.js');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+require('./index-98e01cb9.js');
 var PropTypes = require('prop-types');
+var PropTypes__default = _interopDefault(PropTypes);
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var moment = require('./moment-ca3bd9fb.js');
+var moment = require('./moment-575fe24c.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./index.es-f3e47207.js');
-var ReactDOM = require('react-dom');
-require('./visibility-sensor-eb2c5b69.js');
-require('./index-b5eb3ff8.js');
+require('./index.es-9110add6.js');
+var ReactDOM = _interopDefault(require('react-dom'));
+require('./visibility-sensor-ad5e3116.js');
+var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
+require('./index-be0c82be.js');
 var urlFor = require('./urlFor.js');
-var index = require('./index-9d365128.js');
-require('./main-7b5e57b0.js');
+var index$2 = require('./index-96b3db50.js');
+require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+require('./stringify-bbc68047.js');
+var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-ff26342c.js');
-require('./lodash-7fd85bcf.js');
-require('./ADlgInfeed-ad4953d4.js');
+require('./ADInfeed-7c09edba.js');
+require('./lodash-fc2922d0.js');
+require('./ADlgInfeed-2e7effc7.js');
 require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-8b494587.js');
+var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
-require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-cf3e6aca.js');
+require('./index.esm-90433435.js');
+var getSerializers = require('./index-cdcc0b5e.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-5c98aec7.js');
+require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');
-require('./_object-to-array-5762f850.js');
+require('./_object-to-array-9bac8737.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
 require('react-bootstrap/Popover');
-require('react-script-tag');
 var MasterDeck = require('./MasterDeck.js');
-var defineProperty = require('./defineProperty-55548b25.js');
+var defineProperty$1$1 = require('./defineProperty-77a37684.js');
+var index$5 = require('./index-e2e62963.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Link = require('next/link');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
+var Link = _interopDefault(require('next/link'));
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -252,7 +166,7 @@ function useUncontrolled(props, config) {
     var _ref = result,
         defaultValue = _ref[defaultKey(fieldName)],
         propsValue = _ref[fieldName],
-        rest = _objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
+        rest = index$5._objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
 
     var handlerName = config[fieldName];
 
@@ -260,7 +174,7 @@ function useUncontrolled(props, config) {
         value = _useUncontrolledProp[0],
         handler = _useUncontrolledProp[1];
 
-    return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
+    return index$5._extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
   }, props);
 }
 
@@ -270,7 +184,7 @@ function _inheritsLoose(subClass, superClass) {
   subClass.__proto__ = superClass;
 }
 
-var ThemeContext = React__default['default'].createContext({});
+var ThemeContext = React__default.createContext({});
 var Consumer = ThemeContext.Consumer,
     Provider = ThemeContext.Provider;
 
@@ -279,7 +193,7 @@ function useBootstrapPrefix(prefix, defaultPrefix) {
   return prefix || prefixes[defaultPrefix] || defaultPrefix;
 }
 
-var SelectableContext = React__default['default'].createContext(null);
+var SelectableContext = React__default.createContext(null);
 var makeEventKey = function makeEventKey(eventKey, href) {
   if (href === void 0) {
     href = null;
@@ -289,7 +203,7 @@ var makeEventKey = function makeEventKey(eventKey, href) {
   return href || null;
 };
 
-var context = React__default['default'].createContext(null);
+var context = React__default.createContext(null);
 context.displayName = 'AccordionContext';
 
 function useAccordionToggle(eventKey, onClick) {
@@ -305,13 +219,13 @@ function useAccordionToggle(eventKey, onClick) {
     if (onClick) onClick(e);
   };
 }
-var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref) {
+var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       children = _ref.children,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
 
   var accordionOnClick = useAccordionToggle(eventKey, onClick);
 
@@ -319,7 +233,7 @@ var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref)
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
@@ -498,25 +412,25 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].shape({
-  enter: PropTypes__default['default'].number,
-  exit: PropTypes__default['default'].number,
-  appear: PropTypes__default['default'].number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes__default.oneOfType([PropTypes__default.number, PropTypes__default.shape({
+  enter: PropTypes__default.number,
+  exit: PropTypes__default.number,
+  appear: PropTypes__default.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].shape({
-  enter: PropTypes__default['default'].string,
-  exit: PropTypes__default['default'].string,
-  active: PropTypes__default['default'].string
-}), PropTypes__default['default'].shape({
-  enter: PropTypes__default['default'].string,
-  enterDone: PropTypes__default['default'].string,
-  enterActive: PropTypes__default['default'].string,
-  exit: PropTypes__default['default'].string,
-  exitDone: PropTypes__default['default'].string,
-  exitActive: PropTypes__default['default'].string
+var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes__default.oneOfType([PropTypes__default.string, PropTypes__default.shape({
+  enter: PropTypes__default.string,
+  exit: PropTypes__default.string,
+  active: PropTypes__default.string
+}), PropTypes__default.shape({
+  enter: PropTypes__default.string,
+  enterDone: PropTypes__default.string,
+  enterActive: PropTypes__default.string,
+  exit: PropTypes__default.string,
+  exitDone: PropTypes__default.string,
+  exitActive: PropTypes__default.string
 })]) : null;
 
-var TransitionGroupContext = React__default['default'].createContext(null);
+var TransitionGroupContext = React__default.createContext(null);
 
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
@@ -754,7 +668,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     var enter = this.props.enter;
     var appearing = this.context ? this.context.isMounting : mounting;
 
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default['default'].findDOMNode(this), appearing],
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],
         maybeNode = _ref2[0],
         maybeAppearing = _ref2[1];
 
@@ -792,7 +706,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
     var exit = this.props.exit;
     var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default['default'].findDOMNode(this); // no exit animation skip right to EXITED
+    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED
 
     if (!exit || config.disabled) {
       this.safeSetState({
@@ -856,7 +770,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
   _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
     this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default['default'].findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
 
     if (!node || doesNotHaveTimeoutOrListener) {
@@ -901,19 +815,19 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _onExiting = _this$props.onExiting,
         _onExited = _this$props.onExited,
         _nodeRef = _this$props.nodeRef,
-        childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        childProps = index$5._objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default['default'].createElement(TransitionGroupContext.Provider, {
+      React__default.createElement(TransitionGroupContext.Provider, {
         value: null
-      }, typeof children === 'function' ? children(status, childProps) : React__default['default'].cloneElement(React__default['default'].Children.only(children), childProps))
+      }, typeof children === 'function' ? children(status, childProps) : React__default.cloneElement(React__default.Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -928,8 +842,8 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: PropTypes__default['default'].shape({
-    current: typeof Element === 'undefined' ? PropTypes__default['default'].any : PropTypes__default['default'].instanceOf(Element)
+  nodeRef: PropTypes__default.shape({
+    current: typeof Element === 'undefined' ? PropTypes__default.any : PropTypes__default.instanceOf(Element)
   }),
 
   /**
@@ -946,12 +860,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func.isRequired, PropTypes__default['default'].element.isRequired]).isRequired,
+  children: PropTypes__default.oneOfType([PropTypes__default.func.isRequired, PropTypes__default.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: PropTypes__default['default'].bool,
+  in: PropTypes__default.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -959,13 +873,13 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: PropTypes__default['default'].bool,
+  mountOnEnter: PropTypes__default.bool,
 
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: PropTypes__default['default'].bool,
+  unmountOnExit: PropTypes__default.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -978,17 +892,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: PropTypes__default['default'].bool,
+  appear: PropTypes__default.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: PropTypes__default['default'].bool,
+  enter: PropTypes__default.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: PropTypes__default['default'].bool,
+  exit: PropTypes__default.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -1041,7 +955,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: PropTypes__default['default'].func,
+  addEndListener: PropTypes__default.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -1051,7 +965,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -1061,7 +975,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -1071,7 +985,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -1080,7 +994,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -1089,7 +1003,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -1098,7 +1012,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: PropTypes__default['default'].func
+  onExited: PropTypes__default.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}
@@ -1189,7 +1103,7 @@ var defaultProps = {
   appear: false,
   getDimensionValue: getDefaultDimensionValue
 };
-var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
+var Collapse = React__default.forwardRef(function (_ref, ref) {
   var onEnter = _ref.onEnter,
       onEntering = _ref.onEntering,
       onEntered = _ref.onEntered,
@@ -1201,7 +1115,7 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
       dimension = _ref$dimension === void 0 ? 'height' : _ref$dimension,
       _ref$getDimensionValu = _ref.getDimensionValue,
       getDimensionValue = _ref$getDimensionValu === void 0 ? getDefaultDimensionValue : _ref$getDimensionValu,
-      props = _objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
 
   /* Compute dimension */
   var computedDimension = typeof dimension === 'function' ? dimension() : dimension;
@@ -1236,8 +1150,8 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
       elem.style[computedDimension] = null;
     }, onExiting);
   }, [computedDimension, onExiting]);
-  return /*#__PURE__*/React__default['default'].createElement(Transition // @ts-ignore
-  , _extends({
+  return /*#__PURE__*/React__default.createElement(Transition // @ts-ignore
+  , index$5._extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
@@ -1248,8 +1162,8 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
     onExit: handleExit,
     onExiting: handleExiting
   }), function (state, innerProps) {
-    return React__default['default'].cloneElement(children, _extends({}, innerProps, {
-      className: classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
+    return React__default.cloneElement(children, index$5._extends({}, innerProps, {
+      className: index$5.classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
 }); // @ts-ignore
@@ -1257,20 +1171,24 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
 // @ts-ignore
 Collapse.defaultProps = defaultProps;
 
-var AccordionCollapse = React__default['default'].forwardRef(function (_ref, ref) {
+var AccordionCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
 
-  var contextEventKey = React.useContext(context);
-  return /*#__PURE__*/React__default['default'].createElement(Collapse, _extends({
+  var contextEventKey = React.useContext(context); // 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, index$5._extends({
     ref: ref,
     in: contextEventKey === eventKey
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", null, React__default['default'].Children.only(children)));
+  }, props), /*#__PURE__*/React__default.createElement("div", null, React__default.Children.only(children))));
 });
 AccordionCollapse.displayName = 'AccordionCollapse';
 
-var Accordion = React__default['default'].forwardRef(function (props, ref) {
+var Accordion = React__default.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -1281,14 +1199,14 @@ var Accordion = React__default['default'].forwardRef(function (props, ref) {
       children = _useUncontrolled.children,
       className = _useUncontrolled.className,
       onSelect = _useUncontrolled.onSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
+      controlledProps = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
-  var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
-  return /*#__PURE__*/React__default['default'].createElement(context.Provider, {
+  var finalClassName = index$5.classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
+  return /*#__PURE__*/React__default.createElement(context.Provider, {
     value: activeKey || null
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1332,23 +1250,23 @@ var defaultProps$1 = {
   appear: false
 };
 var fadeStyles = (_fadeStyles = {}, _fadeStyles[ENTERING] = 'show', _fadeStyles[ENTERED] = 'show', _fadeStyles);
-var Fade = React__default['default'].forwardRef(function (_ref, ref) {
+var Fade = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["className", "children"]);
 
   var handleEnter = React.useCallback(function (node) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default['default'].createElement(Transition, _extends({
+  return /*#__PURE__*/React__default.createElement(Transition, index$5._extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default['default'].cloneElement(children, _extends({}, innerProps, {
-      className: classnames('fade', className, children.props.className, fadeStyles[status])
+    return React__default.cloneElement(children, index$5._extends({}, innerProps, {
+      className: index$5.classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
 });
@@ -1356,26 +1274,26 @@ Fade.defaultProps = defaultProps$1;
 Fade.displayName = 'Fade';
 
 var propTypes = {
-  label: PropTypes__default['default'].string.isRequired,
-  onClick: PropTypes__default['default'].func
+  label: PropTypes__default.string.isRequired,
+  onClick: PropTypes__default.func
 };
 var defaultProps$2 = {
   label: 'Close'
 };
-var CloseButton = React__default['default'].forwardRef(function (_ref, ref) {
+var CloseButton = React__default.forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("button", _extends({
+  return /*#__PURE__*/React__default.createElement("button", index$5._extends({
     ref: ref,
     type: "button",
-    className: classnames('close', className),
+    className: index$5.classnames('close', className),
     onClick: onClick
-  }, props), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, props), /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true"
-  }, "\xD7"), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, "\xD7"), /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
   }, label));
 });
@@ -1384,10 +1302,10 @@ CloseButton.propTypes = propTypes;
 CloseButton.defaultProps = defaultProps$2;
 
 var divWithClassName = (function (className) {
-  return React__default['default'].forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, p, {
+  return React__default.forwardRef(function (p, ref) {
+    return /*#__PURE__*/React__default.createElement("div", index$5._extends({}, p, {
       ref: ref,
-      className: classnames(p.className, className)
+      className: index$5.classnames(p.className, className)
     }));
   });
 });
@@ -1411,17 +1329,17 @@ function createWithBsPrefix(prefix, _temp) {
       Component = _ref.Component,
       defaultProps = _ref.defaultProps;
 
-  var BsComponent = React__default['default'].forwardRef(function (_ref2, ref) {
+  var BsComponent = React__default.forwardRef(function (_ref2, ref) {
     var className = _ref2.className,
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
         Tag = _ref2$as === void 0 ? Component || 'div' : _ref2$as,
-        props = _objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
+        props = index$5._objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default['default'].createElement(Tag, _extends({
+    return /*#__PURE__*/React__default.createElement(Tag, index$5._extends({
       ref: ref,
-      className: classnames(className, resolvedPrefix)
+      className: index$5.classnames(className, resolvedPrefix)
     }, props));
   });
   BsComponent.defaultProps = defaultProps;
@@ -1441,12 +1359,12 @@ function isTrivialHref(href) {
  */
 
 
-var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
+var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
 
   var handleClick = function handleClick(event) {
     var href = props.href,
@@ -1485,7 +1403,7 @@ var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1507,7 +1425,7 @@ var defaultProps$3 = {
   transition: Fade,
   closeLabel: 'Close alert'
 };
-var Alert = React__default['default'].forwardRef(function (uncontrolledProps, ref) {
+var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
     show: 'onClose'
   }),
@@ -1520,7 +1438,7 @@ var Alert = React__default['default'].forwardRef(function (uncontrolledProps, re
       onClose = _useUncontrolled.onClose,
       dismissible = _useUncontrolled.dismissible,
       transition = _useUncontrolled.transition,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
+      props = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'alert');
   var handleClose = useEventCallback(function (e) {
@@ -1529,17 +1447,17 @@ var Alert = React__default['default'].forwardRef(function (uncontrolledProps, re
     }
   });
   var Transition = transition === true ? Fade : transition;
-  var alert = /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  var alert = /*#__PURE__*/React__default.createElement("div", index$5._extends({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
-    className: classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
-  }), dismissible && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+    className: index$5.classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
+  }), dismissible && /*#__PURE__*/React__default.createElement(CloseButton, {
     onClick: handleClose,
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default['default'].createElement(Transition, _extends({
+  return /*#__PURE__*/React__default.createElement(Transition, index$5._extends({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1554,20 +1472,20 @@ Alert.Heading = AlertHeading;
 var defaultProps$4 = {
   pill: false
 };
-var Badge = React__default['default'].forwardRef(function (_ref, ref) {
+var Badge = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       pill = _ref.pill,
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
+    className: index$5.classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
   }));
 });
 Badge.displayName = 'Badge';
@@ -1577,7 +1495,7 @@ var defaultProps$5 = {
   active: false,
   linkProps: {}
 };
-var BreadcrumbItem = React__default['default'].forwardRef(function (_ref, ref) {
+var BreadcrumbItem = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       children = _ref.children,
@@ -1590,17 +1508,17 @@ var BreadcrumbItem = React__default['default'].forwardRef(function (_ref, ref) {
       href = _ref.href,
       title = _ref.title,
       target = _ref.target,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(prefix, className, {
+    className: index$5.classnames(prefix, className, {
       active: active
     }),
     "aria-current": active ? 'page' : undefined
-  }), active ? children : /*#__PURE__*/React__default['default'].createElement(LinkComponent, _extends({}, linkProps, {
+  }), active ? children : /*#__PURE__*/React__default.createElement(LinkComponent, index$5._extends({}, linkProps, {
     href: href,
     title: title,
     target: target
@@ -1613,7 +1531,7 @@ var defaultProps$6 = {
   label: 'breadcrumb',
   listProps: {}
 };
-var Breadcrumb = React__default['default'].forwardRef(function (_ref, ref) {
+var Breadcrumb = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       listProps = _ref.listProps,
@@ -1621,15 +1539,15 @@ var Breadcrumb = React__default['default'].forwardRef(function (_ref, ref) {
       label = _ref.label,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'nav' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default['default'].createElement("ol", _extends({}, listProps, {
-    className: classnames(prefix, listProps == null ? void 0 : listProps.className)
+  }, props), /*#__PURE__*/React__default.createElement("ol", index$5._extends({}, listProps, {
+    className: index$5.classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
 Breadcrumb.displayName = 'Breadcrumb';
@@ -1641,7 +1559,7 @@ var defaultProps$7 = {
   active: false,
   disabled: false
 };
-var Button = React__default['default'].forwardRef(function (_ref, ref) {
+var Button = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       size = _ref.size,
@@ -1650,16 +1568,16 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
       block = _ref.block,
       type = _ref.type,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn');
-  var classes = classnames(className, prefix, active && 'active', prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
+  var classes = index$5.classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
-    return /*#__PURE__*/React__default['default'].createElement(SafeAnchor, _extends({}, props, {
+    return /*#__PURE__*/React__default.createElement(SafeAnchor, index$5._extends({}, props, {
       as: as,
       ref: ref,
-      className: classnames(classes, props.disabled && 'disabled')
+      className: index$5.classnames(classes, props.disabled && 'disabled')
     }));
   }
 
@@ -1674,7 +1592,7 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     className: classes
   }));
 });
@@ -1686,7 +1604,7 @@ var defaultProps$8 = {
   toggle: false,
   role: 'group'
 };
-var ButtonGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var ButtonGroup = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       toggle = _ref.toggle,
@@ -1694,14 +1612,14 @@ var ButtonGroup = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
+      rest = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
   var baseClass = prefix;
   if (vertical) baseClass = prefix + "-vertical";
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, rest, {
     ref: ref,
-    className: classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
+    className: index$5.classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
@@ -1710,39 +1628,39 @@ ButtonGroup.defaultProps = defaultProps$8;
 var defaultProps$9 = {
   role: 'toolbar'
 };
-var ButtonToolbar = React__default['default'].forwardRef(function (_ref, ref) {
+var ButtonToolbar = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, prefix)
+    className: index$5.classnames(className, prefix)
   }));
 });
 ButtonToolbar.displayName = 'ButtonToolbar';
 ButtonToolbar.defaultProps = defaultProps$9;
 
-var context$1 = React__default['default'].createContext(null);
+var context$1 = React__default.createContext(null);
 context$1.displayName = 'CardContext';
 
 var defaultProps$a = {
   variant: null
 };
-var CardImg = React__default['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
+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
 function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       variant = _ref.variant,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'img' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref,
-    className: classnames(variant ? prefix + "-" + variant : prefix, className)
+    className: index$5.classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
 });
 CardImg.displayName = 'CardImg';
@@ -1769,7 +1687,7 @@ var CardImgOverlay = createWithBsPrefix('card-img-overlay');
 var defaultProps$b = {
   body: false
 };
-var Card = React__default['default'].forwardRef(function (_ref, ref) {
+var Card = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       bg = _ref.bg,
@@ -1779,7 +1697,7 @@ var Card = React__default['default'].forwardRef(function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card');
   var cardContext = React.useMemo(function () {
@@ -1787,16 +1705,16 @@ var Card = React__default['default'].forwardRef(function (_ref, ref) {
       cardHeaderBsPrefix: prefix + "-header"
     };
   }, [prefix]);
-  return /*#__PURE__*/React__default['default'].createElement(context$1.Provider, {
+  return /*#__PURE__*/React__default.createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
+    className: index$5.classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
   }), body ?
   /*#__PURE__*/
   // @ts-ignore
-  React__default['default'].createElement(CardBody, null, children) : children));
+  React__default.createElement(CardBody, null, children) : children));
 });
 Card.displayName = 'Card';
 Card.defaultProps = defaultProps$b;
@@ -1932,6 +1850,20 @@ function setChainedTimeout(handleRef, fn, timeoutAtMs) {
 /**
  * Returns a controller object for setting a timeout that is properly cleaned up
  * once the component unmounts. New timeouts cancel and replace existing ones.
+ *
+ *
+ *
+ * ```tsx
+ * const { set, clear } = useTimeout();
+ * const [hello, showHello] = useState(false);
+ * //Display hello after 5 seconds
+ * set(() => showHello(true), 5000);
+ * return (
+ *   <div className="App">
+ *     {hello ? <h3>Hello</h3> : null}
+ *   </div>
+ * );
+ * ```
  */
 
 
@@ -1972,7 +1904,22 @@ function useTimeout() {
 
 var CarouselCaption = createWithBsPrefix('carousel-caption');
 
-var CarouselItem = createWithBsPrefix('carousel-item');
+var CarouselItem = React__default.forwardRef(function (_ref, ref) {
+  var _ref$as = _ref.as,
+      Component = _ref$as === void 0 ? 'div' : _ref$as,
+      bsPrefix = _ref.bsPrefix,
+      children = _ref.children,
+      className = _ref.className,
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
+
+  var finalClassName = index$5.classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
+    ref: ref
+  }, props, {
+    className: finalClassName
+  }), children);
+});
+CarouselItem.displayName = 'CarouselItem';
 
 /**
  * Iterates through children that are typically specified as `props.children`,
@@ -1985,8 +1932,22 @@ var CarouselItem = createWithBsPrefix('carousel-item');
 
 function map(children, func) {
   var index = 0;
-  return React__default['default'].Children.map(children, function (child) {
-    return React__default['default'].isValidElement(child) ? func(child, index++) : child;
+  return React__default.Children.map(children, function (child) {
+    return React__default.isValidElement(child) ? func(child, index++) : child;
+  });
+}
+/**
+ * Iterates through children that are "valid elements".
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child with the index reflecting the position relative to "valid components".
+ */
+
+
+function forEach(children, func) {
+  var index = 0;
+  React__default.Children.forEach(children, function (child) {
+    if (React__default.isValidElement(child)) func(child, index++);
   });
 }
 
@@ -1995,33 +1956,33 @@ var propTypes$1 = {
   /**
    * @default 'carousel'
    */
-  bsPrefix: PropTypes__default['default'].string,
-  as: PropTypes__default['default'].elementType,
+  bsPrefix: PropTypes__default.string,
+  as: PropTypes__default.elementType,
 
   /**
    * Enables animation on the Carousel as it transitions between slides.
    */
-  slide: PropTypes__default['default'].bool,
+  slide: PropTypes__default.bool,
 
   /** Cross fade slides instead of the default slide animation */
-  fade: PropTypes__default['default'].bool,
+  fade: PropTypes__default.bool,
 
   /**
    * Show the Carousel previous and next arrows for changing the current slide
    */
-  controls: PropTypes__default['default'].bool,
+  controls: PropTypes__default.bool,
 
   /**
    * Show a set of slide position indicators
    */
-  indicators: PropTypes__default['default'].bool,
+  indicators: PropTypes__default.bool,
 
   /**
    * Controls the current visible slide
    *
    * @controllable onSelect
    */
-  activeIndex: PropTypes__default['default'].number,
+  activeIndex: PropTypes__default.number,
 
   /**
    * Callback fired when the active item changes.
@@ -2032,7 +1993,7 @@ var propTypes$1 = {
    *
    * @controllable activeIndex
    */
-  onSelect: PropTypes__default['default'].func,
+  onSelect: PropTypes__default.func,
 
   /**
    * Callback fired when a slide transition starts.
@@ -2040,7 +2001,7 @@ var propTypes$1 = {
    * ```js
    * (eventKey: number, direction: 'left' | 'right') => void
    */
-  onSlide: PropTypes__default['default'].func,
+  onSlide: PropTypes__default.func,
 
   /**
    * Callback fired when a slide transition ends.
@@ -2048,50 +2009,50 @@ var propTypes$1 = {
    * ```js
    * (eventKey: number, direction: 'left' | 'right') => void
    */
-  onSlid: PropTypes__default['default'].func,
+  onSlid: PropTypes__default.func,
 
   /**
    * The amount of time to delay between automatically cycling an item. If `null`, carousel will not automatically cycle.
    */
-  interval: PropTypes__default['default'].number,
+  interval: PropTypes__default.number,
 
   /** Whether the carousel should react to keyboard events. */
-  keyboard: PropTypes__default['default'].bool,
+  keyboard: PropTypes__default.bool,
 
   /**
    * If set to `"hover"`, pauses the cycling of the carousel on `mouseenter` and resumes the cycling of the carousel on `mouseleave`. If set to `false`, hovering over the carousel won't pause it.
    *
    * On touch-enabled devices, when set to `"hover"`, cycling will pause on `touchend` (once the user finished interacting with the carousel) for two intervals, before automatically resuming. Note that this is in addition to the above mouse behavior.
    */
-  pause: PropTypes__default['default'].oneOf(['hover', false]),
+  pause: PropTypes__default.oneOf(['hover', false]),
 
   /** Whether the carousel should cycle continuously or have hard stops. */
-  wrap: PropTypes__default['default'].bool,
+  wrap: PropTypes__default.bool,
 
   /**
    * Whether the carousel should support left/right swipe interactions on touchscreen devices.
    */
-  touch: PropTypes__default['default'].bool,
+  touch: PropTypes__default.bool,
 
   /** Override the default button icon for the "previous" control */
-  prevIcon: PropTypes__default['default'].node,
+  prevIcon: PropTypes__default.node,
 
   /**
    * Label shown to screen readers only, can be used to show the previous element
    * in the carousel.
    * Set to null to deactivate.
    */
-  prevLabel: PropTypes__default['default'].string,
+  prevLabel: PropTypes__default.string,
 
   /** Override the default button icon for the "next" control */
-  nextIcon: PropTypes__default['default'].node,
+  nextIcon: PropTypes__default.node,
 
   /**
    * Label shown to screen readers only, can be used to show the next element
    * in the carousel.
    * Set to null to deactivate.
    */
-  nextLabel: PropTypes__default['default'].string
+  nextLabel: PropTypes__default.string
 };
 var defaultProps$c = {
   slide: true,
@@ -2104,12 +2065,12 @@ var defaultProps$c = {
   pause: 'hover',
   wrap: true,
   touch: true,
-  prevIcon: /*#__PURE__*/React__default['default'].createElement("span", {
+  prevIcon: /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-prev-icon"
   }),
   prevLabel: 'Previous',
-  nextIcon: /*#__PURE__*/React__default['default'].createElement("span", {
+  nextIcon: /*#__PURE__*/React__default.createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-next-icon"
   }),
@@ -2157,7 +2118,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       nextLabel = _useUncontrolled.nextLabel,
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'carousel');
   var nextDirectionRef = React.useRef(null);
@@ -2177,7 +2138,6 @@ function CarouselFunc(uncontrolledProps, ref) {
   if (!isSliding && activeIndex !== renderedActiveIndex) {
     if (nextDirectionRef.current) {
       setDirection(nextDirectionRef.current);
-      nextDirectionRef.current = null;
     } else {
       setDirection((activeIndex || 0) > renderedActiveIndex ? 'next' : 'prev');
     }
@@ -2189,7 +2149,23 @@ function CarouselFunc(uncontrolledProps, ref) {
     setRenderedActiveIndex(activeIndex || 0);
   }
 
-  var numChildren = React__default['default'].Children.toArray(children).filter(React__default['default'].isValidElement).length;
+  React.useEffect(function () {
+    if (nextDirectionRef.current) {
+      nextDirectionRef.current = null;
+    }
+  });
+  var numChildren = 0;
+  var activeChildInterval; // Iterate to grab all of the children's interval values
+  // (and count them, too)
+
+  forEach(children, function (child, index) {
+    ++numChildren;
+
+    if (index === activeIndex) {
+      activeChildInterval = child.props.interval;
+    }
+  });
+  var activeChildIntervalRef = useCommittedRef(activeChildInterval);
   var prev = React.useCallback(function (event) {
     if (isSliding) {
       return;
@@ -2375,17 +2351,19 @@ function CarouselFunc(uncontrolledProps, ref) {
   var shouldPlay = interval != null && !pausedOnHover && !pausedOnTouch && !isSliding;
   var intervalHandleRef = React.useRef();
   React.useEffect(function () {
+    var _ref, _activeChildIntervalR;
+
     if (!shouldPlay) {
       return undefined;
     }
 
-    intervalHandleRef.current = window.setInterval(document.visibilityState ? nextWhenVisible : next, interval || undefined);
+    intervalHandleRef.current = window.setInterval(document.visibilityState ? nextWhenVisible : next, (_ref = (_activeChildIntervalR = activeChildIntervalRef.current) != null ? _activeChildIntervalR : interval) != null ? _ref : undefined);
     return function () {
       if (intervalHandleRef.current !== null) {
         clearInterval(intervalHandleRef.current);
       }
     };
-  }, [shouldPlay, next, interval, nextWhenVisible]);
+  }, [shouldPlay, next, activeChildIntervalRef, interval, nextWhenVisible]);
   var indicatorOnClicks = React.useMemo(function () {
     return indicators && Array.from({
       length: numChildren
@@ -2397,7 +2375,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2406,45 +2384,45 @@ function CarouselFunc(uncontrolledProps, ref) {
     onTouchStart: handleTouchStart,
     onTouchMove: handleTouchMove,
     onTouchEnd: handleTouchEnd,
-    className: classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
-  }), indicators && /*#__PURE__*/React__default['default'].createElement("ol", {
+    className: index$5.classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
+  }), indicators && /*#__PURE__*/React__default.createElement("ol", {
     className: prefix + "-indicators"
   }, map(children, function (_child, index) {
-    return /*#__PURE__*/React__default['default'].createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       key: index,
       className: index === renderedActiveIndex ? 'active' : undefined,
       onClick: indicatorOnClicks ? indicatorOnClicks[index] : undefined
     });
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: prefix + "-inner"
   }, map(children, function (child, index) {
     var isActive = index === renderedActiveIndex;
-    return slide ? /*#__PURE__*/React__default['default'].createElement(Transition, {
+    return slide ? /*#__PURE__*/React__default.createElement(Transition, {
       in: isActive,
       onEnter: isActive ? handleEnter : undefined,
       onEntered: isActive ? handleEntered : undefined,
       addEndListener: transitionEnd
     }, function (status) {
-      return React__default['default'].cloneElement(child, {
-        className: classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
+      return React__default.cloneElement(child, {
+        className: index$5.classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
       });
-    }) : React__default['default'].cloneElement(child, {
-      className: classnames(child.props.className, isActive && 'active')
+    }) : React__default.cloneElement(child, {
+      className: index$5.classnames(child.props.className, isActive && 'active')
     });
-  })), controls && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default['default'].createElement(SafeAnchor, {
+  })), controls && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default.createElement(SafeAnchor, {
     className: prefix + "-control-prev",
     onClick: prev
-  }, prevIcon, prevLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, prevIcon, prevLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
-  }, prevLabel)), (wrap || activeIndex !== numChildren - 1) && /*#__PURE__*/React__default['default'].createElement(SafeAnchor, {
+  }, prevLabel)), (wrap || activeIndex !== numChildren - 1) && /*#__PURE__*/React__default.createElement(SafeAnchor, {
     className: prefix + "-control-next",
     onClick: next
-  }, nextIcon, nextLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, nextIcon, nextLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
   }, nextLabel))));
 }
 
-var Carousel = React__default['default'].forwardRef(CarouselFunc);
+var Carousel = React__default.forwardRef(CarouselFunc);
 Carousel.displayName = 'Carousel';
 Carousel.propTypes = propTypes$1;
 Carousel.defaultProps = defaultProps$c;
@@ -2452,13 +2430,13 @@ Carousel.Caption = CarouselCaption;
 Carousel.Item = CarouselItem;
 
 var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
-var Col = React__default['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
+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(_ref, ["bsPrefix", "className", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'col');
   var spans = [];
@@ -2489,9 +2467,9 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames.apply(void 0, [className].concat(spans, classes))
+    className: index$5.classnames.apply(void 0, [className].concat(spans, classes))
   }));
 });
 Col.displayName = 'Col';
@@ -2598,7 +2576,40 @@ function useForceUpdate() {
   return dispatch;
 }
 
-var DropdownContext = /*#__PURE__*/React__default['default'].createContext(null);
+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();
@@ -2697,13 +2708,13 @@ function contains(parent, child) {
   if (parent.contains(child)) {
     return true;
   } // then fallback to custom implementation with Shadow DOM support
-  else if (isShadowRoot(rootNode)) {
+  else if (rootNode && isShadowRoot(rootNode)) {
       var next = child;
 
       do {
         if (next && parent.isSameNode(next)) {
           return true;
-        } // $FlowFixMe: need a better way to handle this...
+        } // $FlowFixMe[prop-missing]: need a better way to handle this...
 
 
         next = next.parentNode || next.host;
@@ -2727,8 +2738,9 @@ function isTableElement(element) {
 }
 
 function getDocumentElement(element) {
-  // $FlowFixMe: assume body is always available
-  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+  // $FlowFixMe[incompatible-return]: assume body is always available
+  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
+  element.document) || window.document).documentElement;
 }
 
 function getParentNode(element) {
@@ -2736,12 +2748,14 @@ function getParentNode(element) {
     return element;
   }
 
-  return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle
+  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $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: need a better way to handle this...
+    // $FlowFixMe[incompatible-return]: need a better way to handle this...
     element.host || // ShadowRoot detected
-    // $FlowFixMe: HTMLElement is a Node
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     getDocumentElement(element) // fallback
 
   );
@@ -2928,7 +2942,7 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsets(_ref) {
+function roundOffsetsByDPR(_ref) {
   var x = _ref.x,
       y = _ref.y;
   var win = window;
@@ -2948,11 +2962,14 @@ function mapToStyles(_ref2) {
       offsets = _ref2.offsets,
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
-      adaptive = _ref2.adaptive;
+      adaptive = _ref2.adaptive,
+      roundOffsets = _ref2.roundOffsets;
 
-  var _roundOffsets = roundOffsets(offsets),
-      x = _roundOffsets.x,
-      y = _roundOffsets.y;
+  var _ref3 = roundOffsets ? roundOffsetsByDPR(offsets) : offsets,
+      _ref3$x = _ref3.x,
+      x = _ref3$x === void 0 ? 0 : _ref3$x,
+      _ref3$y = _ref3.y,
+      y = _ref3$y === void 0 ? 0 : _ref3$y;
 
   var hasX = offsets.hasOwnProperty('x');
   var hasY = offsets.hasOwnProperty('y');
@@ -2965,7 +2982,7 @@ function mapToStyles(_ref2) {
 
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
-    } // $FlowFixMe: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
+    } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
 
     /*:: offsetParent = (offsetParent: Element); */
 
@@ -2996,13 +3013,15 @@ function mapToStyles(_ref2) {
   return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
-function computeStyles(_ref3) {
-  var state = _ref3.state,
-      options = _ref3.options;
+function computeStyles(_ref4) {
+  var state = _ref4.state,
+      options = _ref4.options;
   var _options$gpuAccelerat = options.gpuAcceleration,
       gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
       _options$adaptive = options.adaptive,
-      adaptive = _options$adaptive === void 0 ? true : _options$adaptive;
+      adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
+      _options$roundOffsets = options.roundOffsets,
+      roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
 
   if (process.env.NODE_ENV !== "production") {
     var transitionProperty = getComputedStyle$2(state.elements.popper).transitionProperty || '';
@@ -3025,7 +3044,8 @@ function computeStyles(_ref3) {
     state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
       offsets: state.modifiersData.popperOffsets,
       position: state.options.strategy,
-      adaptive: adaptive
+      adaptive: adaptive,
+      roundOffsets: roundOffsets
     })));
   }
 
@@ -3033,7 +3053,8 @@ function computeStyles(_ref3) {
     state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {
       offsets: state.modifiersData.arrow,
       position: 'absolute',
-      adaptive: false
+      adaptive: false,
+      roundOffsets: roundOffsets
     })));
   }
 
@@ -3229,7 +3250,7 @@ function isScrollParent(element) {
 
 function getScrollParent(node) {
   if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
-    // $FlowFixMe: assume body is always available
+    // $FlowFixMe[incompatible-return]: assume body is always available
     return node.ownerDocument.body;
   }
 
@@ -3243,7 +3264,7 @@ function getScrollParent(node) {
 /*
 given a DOM element, return the list of all scroll parents, up the list of ancesors
 until we get to the top window object. This list is what we attach scroll listeners
-to, because if any of these parent elements scroll, we'll need to re-calculate the 
+to, because if any of these parent elements scroll, we'll need to re-calculate the
 reference element's position.
 */
 
@@ -3257,7 +3278,7 @@ function listScrollParents(element, list) {
   var win = getWindow(scrollParent);
   var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   var updatedList = list.concat(target);
-  return isBody ? updatedList : // $FlowFixMe: isBody tells us target will be an HTMLElement here
+  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
   updatedList.concat(listScrollParents(getParentNode(target)));
 }
 
@@ -3297,7 +3318,7 @@ function getClippingParents(element) {
 
   if (!isElement(clipperElement)) {
     return [];
-  } // $FlowFixMe: https://github.com/facebook/flow/issues/1414
+  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
 
 
   return clippingParents.filter(function (clippingParent) {
@@ -3383,11 +3404,11 @@ function computeOffsets(_ref) {
 
     switch (variation) {
       case start:
-        offsets[mainAxis] = Math.floor(offsets[mainAxis]) - Math.floor(reference[len] / 2 - element[len] / 2);
+        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
         break;
 
       case end:
-        offsets[mainAxis] = Math.floor(offsets[mainAxis]) + Math.ceil(reference[len] / 2 - element[len] / 2);
+        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
         break;
     }
   }
@@ -3469,8 +3490,7 @@ function computeAutoPlacement(state, options) {
   var variation = getVariation(placement);
   var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
     return getVariation(placement) === variation;
-  }) : basePlacements; // $FlowFixMe
-
+  }) : basePlacements;
   var allowedPlacements = placements$1.filter(function (placement) {
     return allowedAutoPlacements.indexOf(placement) >= 0;
   });
@@ -3481,7 +3501,7 @@ function computeAutoPlacement(state, options) {
     if (process.env.NODE_ENV !== "production") {
       console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
     }
-  } // $FlowFixMe: Flow seems to have problems with two array unions...
+  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
 
 
   var overflows = allowedPlacements.reduce(function (acc, placement) {
@@ -4407,6 +4427,11 @@ var ariaDescribedByModifier = {
 
     if (popper.id && role === 'tooltip' && 'setAttribute' in reference) {
       var ids = reference.getAttribute('aria-describedby');
+
+      if (ids && ids.split(',').indexOf(popper.id) !== -1) {
+        return;
+      }
+
       reference.setAttribute('aria-describedby', ids ? ids + "," + popper.id : popper.id);
     }
   }
@@ -4600,7 +4625,7 @@ var warning_1 = warning;
 
 function safeFindDOMNode(componentOrElement) {
   if (componentOrElement && 'setState' in componentOrElement) {
-    return ReactDOM__default['default'].findDOMNode(componentOrElement);
+    return ReactDOM.findDOMNode(componentOrElement);
   }
 
   return componentOrElement != null ? componentOrElement : null;
@@ -4662,14 +4687,33 @@ function useRootClose(ref, onRootClose, _temp) {
     }
   });
   React.useEffect(function () {
-    if (disabled || ref == null) return undefined;
+    if (disabled || ref == null) return undefined; // Store the current event to avoid triggering handlers immediately
+    // 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
     // avoid false positives in the contains() check below if the target DOM
     // element is removed in the React mouse callback.
 
     var removeMouseCaptureListener = listen(doc, clickTrigger, handleMouseCapture, true);
-    var removeMouseListener = listen(doc, clickTrigger, handleMouse);
-    var removeKeyupListener = listen(doc, 'keyup', handleKeyUp);
+    var removeMouseListener = listen(doc, clickTrigger, function (e) {
+      // skip if this event is the same as the one running when we added the handlers
+      if (e === currentEvent) {
+        currentEvent = undefined;
+        return;
+      }
+
+      handleMouse(e);
+    });
+    var removeKeyupListener = listen(doc, 'keyup', function (e) {
+      // skip if this event is the same as the one running when we added the handlers
+      if (e === currentEvent) {
+        currentEvent = undefined;
+        return;
+      }
+
+      handleKeyUp(e);
+    });
     var mobileSafariHackListeners = [];
 
     if ('ontouchstart' in doc.documentElement) {
@@ -4880,39 +4924,39 @@ var propTypes$2 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default.func.isRequired,
 
   /**
    * Controls the visible state of the menu, generally this is
    * provided by the parent `Dropdown` component,
    * but may also be specified as a prop directly.
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default.bool,
 
   /**
    * Aligns the dropdown menu to the 'end' of it's placement position.
    * Generally this is provided by the parent `Dropdown` component,
    * but may also be specified as a prop directly.
    */
-  alignEnd: PropTypes__default['default'].bool,
+  alignEnd: PropTypes__default.bool,
 
   /**
    * Enables the Popper.js `flip` modifier, allowing the Dropdown to
    * automatically adjust it's placement in case of overlap with the viewport or toggle.
    * Refer to the [flip docs](https://popper.js.org/popper-documentation.html#modifiers..flip.enabled) for more info
    */
-  flip: PropTypes__default['default'].bool,
-  usePopper: PropTypes__default['default'].oneOf([true, false]),
+  flip: PropTypes__default.bool,
+  usePopper: PropTypes__default.oneOf([true, false]),
 
   /**
    * A set of popper options and props passed directly to react-popper's Popper component.
    */
-  popperConfig: PropTypes__default['default'].object,
+  popperConfig: PropTypes__default.object,
 
   /**
    * Override the default event used by RootCloseWrapper.
    */
-  rootCloseEvent: PropTypes__default['default'].string
+  rootCloseEvent: PropTypes__default.string
 };
 var defaultProps$d = {
   usePopper: true
@@ -4929,7 +4973,7 @@ function DropdownMenu(_ref2) {
       options = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
   var args = useDropdownMenu(options);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, args.hasShown ? children(args) : null);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, args.hasShown ? children(args) : null);
 }
 
 DropdownMenu.displayName = 'ReactOverlaysDropdownMenu';
@@ -4978,7 +5022,7 @@ var propTypes$3 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired
+  children: PropTypes__default.func.isRequired
 };
 
 /**
@@ -4996,7 +5040,7 @@ function DropdownToggle(_ref2) {
       show = _useDropdownToggle$.show,
       toggle = _useDropdownToggle$.toggle;
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children({
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children({
     show: show,
     toggle: toggle,
     props: props
@@ -5018,12 +5062,12 @@ var propTypes$4 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default.func.isRequired,
 
   /**
    * Determines the direction and location of the Menu in relation to it's Toggle.
    */
-  drop: PropTypes__default['default'].oneOf(['up', 'left', 'right', 'down']),
+  drop: PropTypes__default.oneOf(['up', 'left', 'right', 'down']),
 
   /**
    * Controls the focus behavior for when the Dropdown is opened. Set to
@@ -5033,31 +5077,31 @@ var propTypes$4 = {
    * The Default behavior is `false` **unless** the Menu has a `role="menu"`
    * where it will default to `keyboard` to match the recommended [ARIA Authoring practices](https://www.w3.org/TR/wai-aria-practices-1.1/#menubutton).
    */
-  focusFirstItemOnShow: PropTypes__default['default'].oneOf([false, true, 'keyboard']),
+  focusFirstItemOnShow: PropTypes__default.oneOf([false, true, 'keyboard']),
 
   /**
    * A css slector string that will return __focusable__ menu items.
    * Selectors should be relative to the menu component:
    * e.g. ` > li:not('.disabled')`
    */
-  itemSelector: PropTypes__default['default'].string,
+  itemSelector: PropTypes__default.string,
 
   /**
    * Align the menu to the 'end' side of the placement side of the Dropdown toggle. The default placement is `top-start` or `bottom-start`.
    */
-  alignEnd: PropTypes__default['default'].bool,
+  alignEnd: PropTypes__default.bool,
 
   /**
    * Whether or not the Dropdown is visible.
    *
    * @controllable onToggle
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default.bool,
 
   /**
    * Sets the initial show position of the Dropdown.
    */
-  defaultShow: PropTypes__default['default'].bool,
+  defaultShow: PropTypes__default.bool,
 
   /**
    * A callback fired when the Dropdown wishes to change visibility. Called with the requested
@@ -5072,7 +5116,7 @@ var propTypes$4 = {
    *
    * @controllable show
    */
-  onToggle: PropTypes__default['default'].func
+  onToggle: PropTypes__default.func
 };
 
 /**
@@ -5211,7 +5255,7 @@ function Dropdown(_ref) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(DropdownContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(DropdownContext.Provider, {
     value: context
   }, children({
     props: {
@@ -5225,14 +5269,14 @@ Dropdown.propTypes = propTypes$4;
 Dropdown.Menu = DropdownMenu;
 Dropdown.Toggle = DropdownToggle;
 
-var NavContext = React__default['default'].createContext(null);
+var NavContext = React__default.createContext(null);
 NavContext.displayName = 'NavContext';
 
 var defaultProps$e = {
   as: SafeAnchor,
   disabled: false
 };
-var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownItem = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -5243,16 +5287,17 @@ var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       propActive = _ref.active,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-item');
   var onSelectCtx = React.useContext(SelectableContext);
   var navContext = React.useContext(NavContext);
 
   var _ref2 = navContext || {},
-      activeKey = _ref2.activeKey;
+      activeKey = _ref2.activeKey; // TODO: Restrict eventKey to string in v5?
+
 
-  var key = makeEventKey(eventKey || null, href);
+  var key = makeEventKey(eventKey, href);
   var active = propActive == null && key != null ? makeEventKey(activeKey) === key : propActive;
   var handleClick = useEventCallback(function (event) {
     // SafeAnchor handles the disabled case, but we handle it here
@@ -5266,11 +5311,11 @@ var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
     /*#__PURE__*/
     // "TS2604: JSX element type 'Component' does not have any construct or call signatures."
     // @ts-ignore
-    React__default['default'].createElement(Component, _extends({}, props, {
+    React__default.createElement(Component, index$5._extends({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
-      className: classnames(className, prefix, active && 'active', disabled && 'disabled'),
+      className: index$5.classnames(className, prefix, active && 'active', disabled && 'disabled'),
       onClick: handleClick
     }), children)
   );
@@ -5315,7 +5360,7 @@ function useMergedRefs(refA, refB) {
   }, [refA, refB]);
 }
 
-var context$2 = React__default['default'].createContext(null);
+var context$2 = React__default.createContext(null);
 context$2.displayName = 'NavbarContext';
 
 function useWrappedRefWithWarning(ref, componentName) {
@@ -5351,12 +5396,14 @@ function getMargins(element) {
 function usePopperMarginModifiers() {
   var overlayRef = React.useRef(null);
   var margins = React.useRef(null);
+  var popoverClass = useBootstrapPrefix(undefined, 'popover');
+  var dropdownMenuClass = useBootstrapPrefix(undefined, 'dropdown-menu');
   var callback = React.useCallback(function (overlay) {
-    if (!overlay || !(hasClass(overlay, 'popover') || hasClass(overlay, 'dropdown-menu'))) return;
+    if (!overlay || !(hasClass(overlay, popoverClass) || hasClass(overlay, dropdownMenuClass))) return;
     margins.current = getMargins(overlay);
     overlay.style.margin = '0';
     overlayRef.current = overlay;
-  }, []);
+  }, [popoverClass, dropdownMenuClass]);
   var offset = React.useMemo(function () {
     return {
       name: 'offset',
@@ -5400,7 +5447,7 @@ function usePopperMarginModifiers() {
       effect: function effect(_ref2) {
         var state = _ref2.state;
 
-        if (!overlayRef.current || !state.elements.arrow || !hasClass(overlayRef.current, 'popover') || !state.modifiersData['arrow#persistent']) {
+        if (!overlayRef.current || !state.elements.arrow || !hasClass(overlayRef.current, popoverClass) || !state.modifiersData['arrow#persistent']) {
           return undefined;
         }
 
@@ -5421,18 +5468,30 @@ function usePopperMarginModifiers() {
         };
       }
     };
-  }, []);
+  }, [popoverClass]);
   return [callback, [offset, popoverArrowMargins]];
 }
 
+var alignDirection = PropTypes__default.oneOf(['left', 'right']);
+var alignPropType = PropTypes__default.oneOfType([alignDirection, PropTypes__default.shape({
+  sm: alignDirection
+}), PropTypes__default.shape({
+  md: alignDirection
+}), PropTypes__default.shape({
+  lg: alignDirection
+}), PropTypes__default.shape({
+  xl: alignDirection
+})]);
 var defaultProps$f = {
+  align: 'left',
   alignRight: false,
   flip: true
 }; // TODO: remove this hack
 
-var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownMenu$1 = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
+      align = _ref.align,
       alignRight = _ref.alignRight,
       rootCloseEvent = _ref.rootCloseEvent,
       flip = _ref.flip,
@@ -5441,7 +5500,7 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       popperConfig = _ref.popperConfig,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
   var isNavbar = React.useContext(context$2);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
@@ -5450,13 +5509,34 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
       popperRef = _usePopperMarginModif[0],
       marginModifiers = _usePopperMarginModif[1];
 
+  var alignClasses = [];
+
+  if (align) {
+    if (typeof align === 'object') {
+      var keys = Object.keys(align);
+      process.env.NODE_ENV !== "production" ? warning_1(keys.length === 1, 'There should only be 1 breakpoint when passing an object to `align`') : void 0;
+
+      if (keys.length) {
+        var brkPoint = keys[0];
+        var direction = align[brkPoint]; // .dropdown-menu-right is required for responsively aligning
+        // left in addition to align left classes.
+        // Reuse alignRight to toggle the class below.
+
+        alignRight = direction === 'left';
+        alignClasses.push(prefix + "-" + brkPoint + "-" + direction);
+      }
+    } else if (align === 'right') {
+      alignRight = true;
+    }
+  }
+
   var _ref2 = useDropdownMenu({
     flip: flip,
     rootCloseEvent: rootCloseEvent,
     show: showProps,
     alignEnd: alignRight,
-    usePopper: !isNavbar,
-    popperConfig: _extends({}, popperConfig, {
+    usePopper: !isNavbar && alignClasses.length === 0,
+    popperConfig: index$5._extends({}, popperConfig, {
       modifiers: marginModifiers.concat((popperConfig == null ? void 0 : popperConfig.modifiers) || [])
     })
   }),
@@ -5479,12 +5559,12 @@ var DropdownMenu$1 = React__default['default'].forwardRef(function (_ref, ref) {
   if (placement) {
     // we don't need the default popper style,
     // menus are display: none when not shown.
-    props.style = _extends({}, props.style, {}, menuProps.style);
+    props.style = index$5._extends({}, props.style, {}, menuProps.style);
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, menuProps, {
-    className: classnames(className, prefix, show && 'show', alignEnd && prefix + "-right")
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, menuProps, {
+    className: index$5.classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
 DropdownMenu$1.displayName = 'DropdownMenu';
@@ -5517,15 +5597,14 @@ module.exports = exports['default'];
 
 _commonjsHelpers.unwrapExports(isRequiredForA11y_1);
 
-var DropdownToggle$1 = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownToggle$1 = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
-      children = _ref.children,
       childBsPrefix = _ref.childBsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? Button : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "children", "childBsPrefix", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-toggle');
 
@@ -5540,10 +5619,10 @@ var DropdownToggle$1 = React__default['default'].forwardRef(function (_ref, ref)
   toggleProps.ref = useMergedRefs(toggleProps.ref, useWrappedRefWithWarning(ref, 'DropdownToggle')); // This intentionally forwards size and variant (if set) to the
   // underlying component, to allow it to render size and style variants.
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     onClick: toggle,
-    className: classnames(className, prefix, split && prefix + "-split")
-  }, toggleProps, props), children);
+    className: index$5.classnames(className, prefix, split && prefix + "-split")
+  }, toggleProps, props));
 });
 DropdownToggle$1.displayName = 'DropdownToggle';
 
@@ -5563,7 +5642,7 @@ var DropdownItemText = createWithBsPrefix('dropdown-item-text', {
 var defaultProps$g = {
   navbar: false
 };
-var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
+var Dropdown$1 = React__default.forwardRef(function (pProps, ref) {
   var _useUncontrolled = useUncontrolled(pProps, {
     show: 'onToggle'
   }),
@@ -5578,7 +5657,7 @@ var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
       _useUncontrolled$as = _useUncontrolled.as,
       Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
       _4 = _useUncontrolled.navbar,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
+      props = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
 
   var onSelectCtx = React.useContext(SelectableContext);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown');
@@ -5600,9 +5679,9 @@ var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
     if (onSelect) onSelect(key, event);
     handleToggle(false, event, 'select');
   });
-  return /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default['default'].createElement(Dropdown, {
+  }, /*#__PURE__*/React__default.createElement(Dropdown, {
     drop: drop,
     show: show,
     alignEnd: alignRight,
@@ -5611,9 +5690,9 @@ var Dropdown$1 = React__default['default'].forwardRef(function (pProps, ref) {
     itemSelector: "." + prefix + "-item:not(.disabled):not(:disabled)"
   }, function (_ref) {
     var dropdownProps = _ref.props;
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, dropdownProps, {
+    return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, dropdownProps, {
       ref: ref,
-      className: classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
+      className: index$5.classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
   }));
 });
@@ -5632,41 +5711,50 @@ var propTypes$5 = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default.any,
 
   /** An `href` passed to the Toggle component */
-  href: PropTypes__default['default'].string,
+  href: PropTypes__default.string,
 
   /** An `onClick` handler passed to the Toggle component */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default.func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default.node.isRequired,
 
   /** Disables both Buttons  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default.bool,
+
+  /**
+   * Aligns the dropdown menu responsively.
+   *
+   * _see [DropdownMenu](#dropdown-menu-props) for more details_
+   *
+   * @type {"left"|"right"|{ sm: "left"|"right" }|{ md: "left"|"right" }|{ lg: "left"|"right" }|{ xl: "left"|"right"} }
+   */
+  menuAlign: alignPropType,
 
   /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
-  menuRole: PropTypes__default['default'].string,
+  menuRole: PropTypes__default.string,
 
   /** Whether to render the dropdown menu in the DOM before the first time it is shown */
-  renderMenuOnMount: PropTypes__default['default'].bool,
+  renderMenuOnMount: PropTypes__default.bool,
 
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
-   * _see [DropdownMenu](#menu-props) for more details_
+   * _see [DropdownMenu](#dropdown-menu-props) for more details_
    */
-  rootCloseEvent: PropTypes__default['default'].string,
+  rootCloseEvent: PropTypes__default.string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default.string,
 
   /** @ignore */
-  variant: PropTypes__default['default'].string,
+  variant: PropTypes__default.string,
 
   /** @ignore */
-  size: PropTypes__default['default'].string
+  size: PropTypes__default.string
 };
 /**
  * A convenience component for simple or general use dropdowns. Renders a `Button` toggle and all `children`
@@ -5677,30 +5765,32 @@ var propTypes$5 = {
  * along with menu related props are passed to the `Dropdown.Menu`
  */
 
-var DropdownButton = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownButton = React__default.forwardRef(function (_ref, ref) {
   var title = _ref.title,
       children = _ref.children,
       bsPrefix = _ref.bsPrefix,
       rootCloseEvent = _ref.rootCloseEvent,
       variant = _ref.variant,
       size = _ref.size,
+      menuAlign = _ref.menuAlign,
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       disabled = _ref.disabled,
       href = _ref.href,
       id = _ref.id,
-      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default.createElement(Dropdown$1, index$5._extends({
     ref: ref
-  }, props), /*#__PURE__*/React__default['default'].createElement(DropdownToggle$1, {
+  }, props), /*#__PURE__*/React__default.createElement(DropdownToggle$1, {
     id: id,
     href: href,
     size: size,
     variant: variant,
     disabled: disabled,
     childBsPrefix: bsPrefix
-  }, title), /*#__PURE__*/React__default['default'].createElement(DropdownMenu$1, {
+  }, title), /*#__PURE__*/React__default.createElement(DropdownMenu$1, {
+    align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -5808,13 +5898,13 @@ var propTypes$6 = {
    *
    * @type {('valid'|'invalid')}
    */
-  type: PropTypes__default['default'].string,
+  type: PropTypes__default.string,
 
   /** Display feedback as a tooltip. */
-  tooltip: PropTypes__default['default'].bool,
-  as: PropTypes__default['default'].elementType
+  tooltip: PropTypes__default.bool,
+  as: PropTypes__default.elementType
 };
-var Feedback = React__default['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
+var Feedback = 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 _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
@@ -5823,21 +5913,21 @@ function (_ref, ref) {
       type = _ref$type === void 0 ? 'valid' : _ref$type,
       _ref$tooltip = _ref.tooltip,
       tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
+    className: index$5.classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
 });
 Feedback.displayName = 'Feedback';
 Feedback.propTypes = propTypes$6;
 
-var FormContext = React__default['default'].createContext({
+var FormContext = React__default.createContext({
   controlId: undefined
 });
 
-var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -5851,7 +5941,7 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
       isStatic = _ref.isStatic,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5862,21 +5952,21 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
-    className: classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid', isStatic && 'position-static')
+    className: index$5.classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid', isStatic && 'position-static')
   }));
 });
 FormCheckInput.displayName = 'FormCheckInput';
 
-var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5887,15 +5977,15 @@ var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("label", index$5._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }));
 });
 FormCheckLabel.displayName = 'FormCheckLabel';
 
-var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheck = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -5921,7 +6011,7 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
       propCustom = _ref.custom,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
+      props = index$5._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;
 
@@ -5940,8 +6030,8 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
       custom: custom
     };
   }, [controlId, custom, id]);
-  var hasLabel = label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default['default'].createElement(FormCheckInput, _extends({}, props, {
+  var hasLabel = custom || label != null && label !== false && !children;
+  var input = /*#__PURE__*/React__default.createElement(FormCheckInput, index$5._extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -5950,14 +6040,14 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
     disabled: disabled,
     as: as
   }));
-  return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: style,
-    className: classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
-  }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormCheckLabel, {
+    className: index$5.classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
+  }, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, input, hasLabel && /*#__PURE__*/React__default.createElement(FormCheckLabel, {
     title: title
-  }, label), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
+  }, label), (isValid || isInvalid) && /*#__PURE__*/React__default.createElement(Feedback, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -5966,7 +6056,7 @@ FormCheck.displayName = 'FormCheck';
 FormCheck.Input = FormCheckInput;
 FormCheck.Label = FormCheckLabel;
 
-var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFileInput = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -5976,7 +6066,7 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
       lang = _ref.lang,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5989,22 +6079,22 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
     lang: lang,
-    className: classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')
+    className: index$5.classnames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')
   }));
 });
 FormFileInput.displayName = 'FormFileInput';
 
-var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6015,16 +6105,16 @@ var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("label", index$5._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
-    className: classnames(className, bsPrefix),
+    className: index$5.classnames(className, bsPrefix),
     "data-browse": props['data-browse']
   }));
 });
 FormFileLabel.displayName = 'FormFileLabel';
 
-var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFile = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6048,7 +6138,7 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       _ref$inputAs = _ref.inputAs,
       inputAs = _ref$inputAs === void 0 ? 'input' : _ref$inputAs,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
+      props = index$5._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],
@@ -6067,7 +6157,7 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default['default'].createElement(FormFileInput, _extends({}, props, {
+  var input = /*#__PURE__*/React__default.createElement(FormFileInput, index$5._extends({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6075,14 +6165,14 @@ var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
     as: inputAs,
     lang: lang
   }));
-  return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default['default'].createElement(Component, {
+  }, /*#__PURE__*/React__default.createElement(Component, {
     style: style,
-    className: classnames(className, bsPrefix, custom && "custom-" + type)
-  }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, custom ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, {
+    className: index$5.classnames(className, bsPrefix, custom && "custom-" + type)
+  }, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, custom ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, input, hasLabel && /*#__PURE__*/React__default.createElement(FormFileLabel, {
     "data-browse": dataBrowse
-  }, label)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
+  }, label)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasLabel && /*#__PURE__*/React__default.createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React__default.createElement(Feedback, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -6091,7 +6181,7 @@ FormFile.displayName = 'FormFile';
 FormFile.Input = FormFileInput;
 FormFile.Label = FormFileLabel;
 
-var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
+var FormControl = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       type = _ref.type,
@@ -6108,7 +6198,7 @@ var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
       custom = _ref.custom,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6143,13 +6233,13 @@ var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !id, '`controlId` is ignored on `<FormControl>` when `id` is specified.') : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
     readOnly: readOnly,
     id: id || controlId,
-    className: classnames(className, classes, isValid && "is-valid", isInvalid && "is-invalid")
+    className: index$5.classnames(className, classes, isValid && "is-valid", isInvalid && "is-invalid")
   }));
 });
 FormControl.displayName = 'FormControl';
@@ -6157,14 +6247,14 @@ var FormControl$1 = Object.assign(FormControl, {
   Feedback: Feedback
 });
 
-var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var FormGroup = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
       controlId = _ref.controlId,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-group');
   var context = React.useMemo(function () {
@@ -6172,11 +6262,11 @@ var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
       controlId: controlId
     };
   }, [controlId]);
-  return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }), children));
 });
 FormGroup.displayName = 'FormGroup';
@@ -6185,7 +6275,7 @@ var defaultProps$h = {
   column: false,
   srOnly: false
 };
-var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormLabel = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'label' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -6193,18 +6283,18 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
       srOnly = _ref.srOnly,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
 
   var _useContext = React.useContext(FormContext),
       controlId = _useContext.controlId;
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-label');
   var columnClass = 'col-form-label';
-  if (typeof column === 'string') columnClass = columnClass + "-" + column;
-  var classes = classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
+  if (typeof column === 'string') columnClass = columnClass + " " + columnClass + "-" + column;
+  var classes = index$5.classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
   htmlFor = htmlFor || controlId;
-  if (column) return /*#__PURE__*/React__default['default'].createElement(Col, _extends({
+  if (column) return /*#__PURE__*/React__default.createElement(Col, index$5._extends({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6212,7 +6302,7 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
-    React__default['default'].createElement(Component, _extends({
+    React__default.createElement(Component, index$5._extends({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6222,25 +6312,25 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
 FormLabel.displayName = 'FormLabel';
 FormLabel.defaultProps = defaultProps$h;
 
-var FormText = React__default['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
+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) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'small' : _ref$as,
       muted = _ref.muted,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix, muted && 'text-muted')
+    className: index$5.classnames(className, bsPrefix, muted && 'text-muted')
   }));
 });
 FormText.displayName = 'FormText';
 
-var Switch = React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(FormCheck, _extends({}, props, {
+var Switch = React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(FormCheck, index$5._extends({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6253,19 +6343,19 @@ var FormRow = createWithBsPrefix('form-row');
 var defaultProps$i = {
   inline: false
 };
-var FormImpl = React__default['default'].forwardRef(function (_ref, ref) {
+var FormImpl = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       inline = _ref.inline,
       className = _ref.className,
       validated = _ref.validated,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'form' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
+    className: index$5.classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
 });
 FormImpl.displayName = 'Form';
@@ -6282,20 +6372,20 @@ FormImpl.Text = FormText;
 var defaultProps$j = {
   fluid: false
 };
-var Container = React__default['default'].forwardRef(function (_ref, ref) {
+var Container = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       fluid = _ref.fluid,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, fluid ? "" + prefix + suffix : prefix)
+    className: index$5.classnames(className, fluid ? "" + prefix + suffix : prefix)
   }));
 });
 Container.displayName = 'Container';
@@ -6305,27 +6395,27 @@ var propTypes$7 = {
   /**
    * @default 'img'
    */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default.string,
 
   /**
    * Sets image as fluid image.
    */
-  fluid: PropTypes__default['default'].bool,
+  fluid: PropTypes__default.bool,
 
   /**
    * Sets image shape as rounded.
    */
-  rounded: PropTypes__default['default'].bool,
+  rounded: PropTypes__default.bool,
 
   /**
    * Sets image shape as circle.
    */
-  roundedCircle: PropTypes__default['default'].bool,
+  roundedCircle: PropTypes__default.bool,
 
   /**
    * Sets image shape as thumbnail.
    */
-  thumbnail: PropTypes__default['default'].bool
+  thumbnail: PropTypes__default.bool
 };
 var defaultProps$k = {
   fluid: false,
@@ -6333,22 +6423,22 @@ var defaultProps$k = {
   roundedCircle: false,
   thumbnail: false
 };
-var Image = React__default['default'].forwardRef(function (_ref, ref) {
+var Image = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       fluid = _ref.fluid,
       rounded = _ref.rounded,
       roundedCircle = _ref.roundedCircle,
       thumbnail = _ref.thumbnail,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
-  var classes = classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
-  return /*#__PURE__*/React__default['default'].createElement("img", _extends({
+  var classes = index$5.classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
+  return /*#__PURE__*/React__default.createElement("img", index$5._extends({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
-    className: classnames(className, classes)
+    className: index$5.classnames(className, classes)
   }));
 });
 Image.displayName = 'Image';
@@ -6357,14 +6447,14 @@ Image.defaultProps = defaultProps$k;
 var defaultProps$l = {
   fluid: true
 };
-var FigureImage = React__default['default'].forwardRef(function (_ref, ref) {
+var FigureImage = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Image, _extends({
+  return /*#__PURE__*/React__default.createElement(Image, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, 'figure-img')
+    className: index$5.classnames(className, 'figure-img')
   }));
 });
 FigureImage.displayName = 'FigureImage';
@@ -6388,13 +6478,13 @@ var InputGroupText = createWithBsPrefix('input-group-text', {
 });
 
 var InputGroupCheckbox = function InputGroupCheckbox(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", _extends({
+  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", index$5._extends({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", _extends({
+  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", index$5._extends({
     type: "radio"
   }, props)));
 };
@@ -6407,24 +6497,24 @@ var InputGroupRadio = function InputGroupRadio(props) {
  * @property {InputGroupRadio} Radio
  * @property {InputGroupCheckbox} Checkbox
  */
-var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var InputGroup = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix, size && bsPrefix + "-" + size)
+    className: index$5.classnames(className, bsPrefix, size && bsPrefix + "-" + size)
   }));
 });
 InputGroup.displayName = 'InputGroup';
 
-var InputGroupWithExtras = _extends({}, InputGroup, {
+var InputGroupWithExtras = index$5._extends({}, InputGroup, {
   Text: InputGroupText,
   Radio: InputGroupRadio,
   Checkbox: InputGroupCheckbox,
@@ -6435,7 +6525,7 @@ var InputGroupWithExtras = _extends({}, InputGroup, {
 var defaultProps$m = {
   fluid: false
 };
-var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
+var Jumbotron = React__default.forwardRef(function (_ref, ref) {
   var _classes;
 
   var _ref$as = _ref.as,
@@ -6443,32 +6533,32 @@ var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
       className = _ref.className,
       fluid = _ref.fluid,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "fluid", "bsPrefix"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "className", "fluid", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'jumbotron');
   var classes = (_classes = {}, _classes[bsPrefix] = true, _classes[bsPrefix + "-fluid"] = fluid, _classes);
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, classes)
+    className: index$5.classnames(className, classes)
   }));
 });
 Jumbotron.defaultProps = defaultProps$m;
 Jumbotron.displayName = 'Jumbotron';
 
-var TabContext = React__default['default'].createContext(null);
+var TabContext = React__default.createContext(null);
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop$4 = function noop() {};
 
-var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
+var AbstractNav = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'ul' : _ref$as,
       onSelect = _ref.onSelect,
       activeKey = _ref.activeKey,
       role = _ref.role,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
+      props = index$5._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
@@ -6542,9 +6632,9 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
     needsRefocusRef.current = false;
   });
   var mergedRef = useMergedRefs(ref, listNode);
-  return /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default['default'].createElement(NavContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(NavContext.Provider, {
     value: {
       role: role,
       // used by NavLink to determine it's role
@@ -6552,7 +6642,7 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
       getControlledId: getControlledId || noop$4,
       getControllerId: getControllerId || noop$4
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
@@ -6562,14 +6652,14 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
 var defaultProps$n = {
   disabled: false
 };
-var AbstractNavItem = React__default['default'].forwardRef(function (_ref, ref) {
+var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
   var active = _ref.active,
       className = _ref.className,
       eventKey = _ref.eventKey,
       onSelect = _ref.onSelect,
       onClick = _ref.onClick,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
 
   var navKey = makeEventKey(eventKey, props.href);
   var parentOnSelect = React.useContext(SelectableContext);
@@ -6599,10 +6689,10 @@ var AbstractNavItem = React__default['default'].forwardRef(function (_ref, ref)
     if (onSelect) onSelect(navKey, e);
     if (parentOnSelect) parentOnSelect(navKey, e);
   });
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
     onClick: handleOnclick,
-    className: classnames(className, isActive && 'active')
+    className: index$5.classnames(className, isActive && 'active')
   }));
 });
 AbstractNavItem.defaultProps = defaultProps$n;
@@ -6612,7 +6702,7 @@ var defaultProps$o = {
   active: false,
   disabled: false
 };
-var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
+var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       disabled = _ref.disabled,
@@ -6622,7 +6712,7 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
       as = _ref.as,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group-item');
   var handleClick = React.useCallback(function (event) {
@@ -6634,14 +6724,15 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
 
     if (onClick) onClick(event);
   }, [disabled, onClick]);
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, _extends({
+  return /*#__PURE__*/React__default.createElement(AbstractNavItem, index$5._extends({
     ref: ref
   }, props, {
-    eventKey: makeEventKey(eventKey || null, props.href) // eslint-disable-next-line no-nested-ternary
+    // TODO: Restrict eventKey to string in v5?
+    eventKey: makeEventKey(eventKey, props.href) // eslint-disable-next-line no-nested-ternary
     ,
     as: as || (action ? props.href ? 'a' : 'button' : 'div'),
     onClick: handleClick,
-    className: classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
+    className: index$5.classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
   }));
 });
 ListGroupItem.defaultProps = defaultProps$o;
@@ -6651,7 +6742,7 @@ var defaultProps$p = {
   variant: undefined,
   horizontal: undefined
 };
-var ListGroup = React__default['default'].forwardRef(function (props, ref) {
+var ListGroup = React__default.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -6661,7 +6752,7 @@ var ListGroup = React__default['default'].forwardRef(function (props, ref) {
       horizontal = _useUncontrolled.horizontal,
       _useUncontrolled$as = _useUncontrolled.as,
       as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
+      controlledProps = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');
   var horizontalVariant;
@@ -6673,11 +6764,11 @@ var ListGroup = React__default['default'].forwardRef(function (props, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(!(horizontal && variant === 'flush'), '`variant="flush"` and `horizontal` should not be used together.') : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React__default.createElement(AbstractNav, index$5._extends({
     ref: ref
   }, controlledProps, {
     as: as,
-    className: classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
+    className: index$5.classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
   }));
 });
 ListGroup.defaultProps = defaultProps$p;
@@ -6685,18 +6776,18 @@ ListGroup.displayName = 'ListGroup';
 ListGroup.Item = ListGroupItem;
 
 var MediaBody = createWithBsPrefix('media-body');
-var Media = React__default['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
+var Media = 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(_ref, ["bsPrefix", "className", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, prefix)
+    className: index$5.classnames(className, prefix)
   }));
 });
 Media.displayName = 'Media';
@@ -7082,7 +7173,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       renderDialog = _ref.renderDialog,
       _ref$renderBackdrop = _ref.renderBackdrop,
       renderBackdrop = _ref$renderBackdrop === void 0 ? function (props) {
-    return /*#__PURE__*/React__default['default'].createElement("div", props);
+    return /*#__PURE__*/React__default.createElement("div", props);
   } : _ref$renderBackdrop,
       providedManager = _ref.manager,
       containerRef = _ref.container,
@@ -7240,12 +7331,12 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex: -1
   });
 
-  var dialog = renderDialog ? renderDialog(dialogProps) : /*#__PURE__*/React__default['default'].createElement("div", dialogProps, /*#__PURE__*/React__default['default'].cloneElement(children, {
+  var dialog = renderDialog ? renderDialog(dialogProps) : /*#__PURE__*/React__default.createElement("div", dialogProps, /*#__PURE__*/React__default.cloneElement(children, {
     role: 'document'
   }));
 
   if (Transition) {
-    dialog = /*#__PURE__*/React__default['default'].createElement(Transition, {
+    dialog = /*#__PURE__*/React__default.createElement(Transition, {
       appear: true,
       unmountOnExit: true,
       "in": !!show,
@@ -7268,20 +7359,20 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
 
     if (BackdropTransition) {
-      backdropElement = /*#__PURE__*/React__default['default'].createElement(BackdropTransition, {
+      backdropElement = /*#__PURE__*/React__default.createElement(BackdropTransition, {
         appear: true,
         "in": !!show
       }, backdropElement);
     }
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/ReactDOM__default['default'].createPortal( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, backdropElement, dialog), container));
+  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 = {
   /**
    * Set the visibility of the Modal
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default.bool,
 
   /**
    * A DOM element, a `ref` to an element, or function that returns either. The Modal is appended to it's `container` element.
@@ -7289,12 +7380,12 @@ var propTypes$8 = {
    * For the sake of assistive technologies, the container should usually be the document body, so that the rest of the
    * page content can be placed behind a virtual backdrop as well as a visual one.
    */
-  container: PropTypes__default['default'].any,
+  container: PropTypes__default.any,
 
   /**
    * A callback fired when the Modal is opening.
    */
-  onShow: PropTypes__default['default'].func,
+  onShow: PropTypes__default.func,
 
   /**
    * A callback fired when either the backdrop is clicked, or the escape key is pressed.
@@ -7302,12 +7393,12 @@ var propTypes$8 = {
    * The `onHide` callback only signals intent from the Modal,
    * you must actually set the `show` prop to `false` for the Modal to close.
    */
-  onHide: PropTypes__default['default'].func,
+  onHide: PropTypes__default.func,
 
   /**
    * Include a backdrop component.
    */
-  backdrop: PropTypes__default['default'].oneOfType([PropTypes__default['default'].bool, PropTypes__default['default'].oneOf(['static'])]),
+  backdrop: PropTypes__default.oneOfType([PropTypes__default.bool, PropTypes__default.oneOf(['static'])]),
 
   /**
    * A function that returns the dialog component. Useful for custom
@@ -7317,7 +7408,7 @@ var propTypes$8 = {
    * renderDialog={props => <MyDialog {...props} />}
    * ```
    */
-  renderDialog: PropTypes__default['default'].func,
+  renderDialog: PropTypes__default.func,
 
   /**
    * A function that returns a backdrop component. Useful for custom
@@ -7327,42 +7418,42 @@ var propTypes$8 = {
    *  renderBackdrop={props => <MyBackdrop {...props} />}
    * ```
    */
-  renderBackdrop: PropTypes__default['default'].func,
+  renderBackdrop: PropTypes__default.func,
 
   /**
    * A callback fired when the escape key, if specified in `keyboard`, is pressed.
    *
    * If preventDefault() is called on the keyboard event, closing the modal will be cancelled.
    */
-  onEscapeKeyDown: PropTypes__default['default'].func,
+  onEscapeKeyDown: PropTypes__default.func,
 
   /**
    * A callback fired when the backdrop, if specified, is clicked.
    */
-  onBackdropClick: PropTypes__default['default'].func,
+  onBackdropClick: PropTypes__default.func,
 
   /**
    * A css class or set of classes applied to the modal container when the modal is open,
    * and removed when it is closed.
    */
-  containerClassName: PropTypes__default['default'].string,
+  containerClassName: PropTypes__default.string,
 
   /**
    * Close the modal when escape key is pressed
    */
-  keyboard: PropTypes__default['default'].bool,
+  keyboard: PropTypes__default.bool,
 
   /**
    * A `react-transition-group@2.0.0` `<Transition/>` component used
    * to control animations for the dialog component.
    */
-  transition: PropTypes__default['default'].elementType,
+  transition: PropTypes__default.elementType,
 
   /**
    * A `react-transition-group@2.0.0` `<Transition/>` component used
    * to control animations for the backdrop components.
    */
-  backdropTransition: PropTypes__default['default'].elementType,
+  backdropTransition: PropTypes__default.elementType,
 
   /**
    * When `true` The modal will automatically shift focus to itself when it opens, and
@@ -7372,7 +7463,7 @@ var propTypes$8 = {
    * Generally this should never be set to `false` as it makes the Modal less
    * accessible to assistive technologies, like screen readers.
    */
-  autoFocus: PropTypes__default['default'].bool,
+  autoFocus: PropTypes__default.bool,
 
   /**
    * When `true` The modal will prevent focus from leaving the Modal while open.
@@ -7380,58 +7471,58 @@ var propTypes$8 = {
    * Generally this should never be set to `false` as it makes the Modal less
    * accessible to assistive technologies, like screen readers.
    */
-  enforceFocus: PropTypes__default['default'].bool,
+  enforceFocus: PropTypes__default.bool,
 
   /**
    * When `true` The modal will restore focus to previously focused element once
    * modal is hidden
    */
-  restoreFocus: PropTypes__default['default'].bool,
+  restoreFocus: PropTypes__default.bool,
 
   /**
    * Options passed to focus function when `restoreFocus` is set to `true`
    *
    * @link  https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#Parameters
    */
-  restoreFocusOptions: PropTypes__default['default'].shape({
-    preventScroll: PropTypes__default['default'].bool
+  restoreFocusOptions: PropTypes__default.shape({
+    preventScroll: PropTypes__default.bool
   }),
 
   /**
    * Callback fired before the Modal transitions in
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default.func,
 
   /**
    * Callback fired as the Modal begins to transition in
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default.func,
 
   /**
    * Callback fired after the Modal finishes transitioning in
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default.func,
 
   /**
    * Callback fired right before the Modal transitions out
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default.func,
 
   /**
    * Callback fired as the Modal begins to transition out
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default.func,
 
   /**
    * Callback fired after the Modal finishes transitioning out
    */
-  onExited: PropTypes__default['default'].func,
+  onExited: PropTypes__default.func,
 
   /**
    * A ModalManager instance used to track and manage the state of open
    * Modals. Useful when customizing how modals interact within a container
    */
-  manager: PropTypes__default['default'].instanceOf(ModalManager)
+  manager: PropTypes__default.instanceOf(ModalManager)
 };
 Modal.displayName = 'Modal';
 Modal.propTypes = propTypes$8;
@@ -7514,27 +7605,28 @@ var BootstrapModalManager = /*#__PURE__*/function (_ModalManager) {
 
 var ModalBody = createWithBsPrefix('modal-body');
 
-var ModalContext = React__default['default'].createContext({
+var ModalContext = React__default.createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onHide: function onHide() {}
 });
 
-var ModalDialog = React__default['default'].forwardRef(function (_ref, ref) {
+var ModalDialog = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
+      contentClassName = _ref.contentClassName,
       centered = _ref.centered,
       size = _ref.size,
       children = _ref.children,
       scrollable = _ref.scrollable,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "centered", "size", "children", "scrollable"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({}, props, {
     ref: ref,
-    className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: bsPrefix + "-content"
+    className: index$5.classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: index$5.classnames(bsPrefix + "-content", contentClassName)
   }, children));
 });
 ModalDialog.displayName = 'ModalDialog';
@@ -7545,14 +7637,14 @@ var defaultProps$q = {
   closeLabel: 'Close',
   closeButton: false
 };
-var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
+var ModalHeader = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
       onHide = _ref.onHide,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal-header');
   var context = React.useContext(ModalContext);
@@ -7560,11 +7652,11 @@ var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
     if (context) context.onHide();
     if (onHide) onHide();
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix)
-  }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+    className: index$5.classnames(className, bsPrefix)
+  }), children, closeButton && /*#__PURE__*/React__default.createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick
   }));
@@ -7591,20 +7683,21 @@ var defaultProps$r = {
 /* eslint-disable no-use-before-define, react/no-multi-comp */
 
 function DialogTransition(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Fade, props);
+  return /*#__PURE__*/React__default.createElement(Fade, props);
 }
 
 function BackdropTransition(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Fade, props);
+  return /*#__PURE__*/React__default.createElement(Fade, props);
 }
 /* eslint-enable no-use-before-define */
 
 
-var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
+var Modal$1 = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       style = _ref.style,
       dialogClassName = _ref.dialogClassName,
+      contentClassName = _ref.contentClassName,
       children = _ref.children,
       Dialog = _ref.dialogAs,
       ariaLabelledby = _ref['aria-labelledby'],
@@ -7628,7 +7721,7 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
       onExited = _ref.onExited,
       backdropClassName = _ref.backdropClassName,
       propsManager = _ref.manager,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
 
   var _useState = React.useState({}),
       modalStyle = _useState[0],
@@ -7794,12 +7887,12 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = React.useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({}, backdropProps, {
-      className: classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
+    return /*#__PURE__*/React__default.createElement("div", index$5._extends({}, backdropProps, {
+      className: index$5.classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
 
-  var baseModalStyle = _extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
+  var baseModalStyle = index$5._extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
 
 
   if (!animation) {
@@ -7807,24 +7900,25 @@ var Modal$1 = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    return /*#__PURE__*/React__default.createElement("div", index$5._extends({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
-      className: classnames(className, bsPrefix, animateStaticModal && bsPrefix + "-static"),
+      className: index$5.classnames(className, bsPrefix, animateStaticModal && bsPrefix + "-static"),
       onClick: backdrop ? handleClick : undefined,
       onMouseUp: handleMouseUp,
       "aria-labelledby": ariaLabelledby
-    }), /*#__PURE__*/React__default['default'].createElement(Dialog, _extends({}, props, {
+    }), /*#__PURE__*/React__default.createElement(Dialog, index$5._extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
-      className: dialogClassName
+      className: dialogClassName,
+      contentClassName: contentClassName
     }), children));
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
     value: modalContext
-  }, /*#__PURE__*/React__default['default'].createElement(BaseModal, {
+  }, /*#__PURE__*/React__default.createElement(BaseModal, {
     show: show,
     ref: setModalRef,
     backdrop: backdrop,
@@ -7862,19 +7956,19 @@ Modal$1.Dialog = ModalDialog;
 Modal$1.TRANSITION_DURATION = 300;
 Modal$1.BACKDROP_TRANSITION_DURATION = 150;
 
-var NavItem = React__default['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
+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) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }), children);
 });
 NavItem.displayName = 'NavItem';
@@ -7883,7 +7977,7 @@ var defaultProps$s = {
   disabled: false,
   as: SafeAnchor
 };
-var NavLink = React__default['default'].forwardRef(function (_ref, ref) {
+var NavLink = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       disabled = _ref.disabled,
       className = _ref.className,
@@ -7891,17 +7985,17 @@ var NavLink = React__default['default'].forwardRef(function (_ref, ref) {
       eventKey = _ref.eventKey,
       onSelect = _ref.onSelect,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(AbstractNavItem, index$5._extends({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
     as: as,
     disabled: disabled,
     onSelect: onSelect,
-    className: classnames(className, bsPrefix, disabled && 'disabled')
+    className: index$5.classnames(className, bsPrefix, disabled && 'disabled')
   }));
 });
 NavLink.displayName = 'NavLink';
@@ -7911,7 +8005,7 @@ var defaultProps$t = {
   justify: false,
   fill: false
 };
-var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref) {
+var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
   var _classNames;
 
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
@@ -7927,7 +8021,7 @@ var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref)
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
       activeKey = _useUncontrolled.activeKey,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
+      props = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');
   var navbarBsPrefix;
@@ -7943,11 +8037,11 @@ var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref)
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React__default.createElement(AbstractNav, index$5._extends({
     as: as,
     ref: ref,
     activeKey: activeKey,
-    className: classnames(className, (_classNames = {}, _classNames[bsPrefix] = !isNavbar, _classNames[navbarBsPrefix + "-nav"] = isNavbar, _classNames[cardHeaderBsPrefix + "-" + variant] = !!cardHeaderBsPrefix, _classNames[bsPrefix + "-" + variant] = !!variant, _classNames[bsPrefix + "-fill"] = fill, _classNames[bsPrefix + "-justified"] = justify, _classNames))
+    className: index$5.classnames(className, (_classNames = {}, _classNames[bsPrefix] = !isNavbar, _classNames[navbarBsPrefix + "-nav"] = isNavbar, _classNames[cardHeaderBsPrefix + "-" + variant] = !!cardHeaderBsPrefix, _classNames[bsPrefix + "-" + variant] = !!variant, _classNames[bsPrefix + "-fill"] = fill, _classNames[bsPrefix + "-justified"] = justify, _classNames))
   }, props), children);
 });
 Nav.displayName = 'Nav';
@@ -7955,31 +8049,31 @@ Nav.defaultProps = defaultProps$t;
 Nav.Item = NavItem;
 Nav.Link = NavLink;
 
-var NavbarBrand = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarBrand = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }));
 });
 NavbarBrand.displayName = 'NavbarBrand';
 
-var NavbarCollapse = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
-  return /*#__PURE__*/React__default['default'].createElement(context$2.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default['default'].createElement(Collapse, _extends({
+  return /*#__PURE__*/React__default.createElement(context$2.Consumer, null, function (context) {
+    return /*#__PURE__*/React__default.createElement(Collapse, index$5._extends({
       in: !!(context && context.expanded)
-    }, props), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, props), /*#__PURE__*/React__default.createElement("div", {
       ref: ref,
       className: bsPrefix
     }, children));
@@ -7990,7 +8084,7 @@ NavbarCollapse.displayName = 'NavbarCollapse';
 var defaultProps$u = {
   label: 'Toggle navigation'
 };
-var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -7998,7 +8092,7 @@ var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');
 
@@ -8015,12 +8109,12 @@ var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
-    className: classnames(className, bsPrefix, !expanded && 'collapsed')
-  }), children || /*#__PURE__*/React__default['default'].createElement("span", {
+    className: index$5.classnames(className, bsPrefix, !expanded && 'collapsed')
+  }), children || /*#__PURE__*/React__default.createElement("span", {
     className: bsPrefix + "-icon"
   }));
 });
@@ -8035,7 +8129,7 @@ var defaultProps$v = {
   variant: 'light',
   collapseOnSelect: false
 };
-var Navbar = React__default['default'].forwardRef(function (props, ref) {
+var Navbar = React__default.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     expanded: 'onToggle'
   }),
@@ -8053,7 +8147,7 @@ var Navbar = React__default['default'].forwardRef(function (props, ref) {
       _onToggle = _useUncontrolled.onToggle,
       onSelect = _useUncontrolled.onSelect,
       collapseOnSelect = _useUncontrolled.collapseOnSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
+      controlledProps = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'navbar');
   var handleCollapse = React.useCallback(function () {
@@ -8083,14 +8177,14 @@ var Navbar = React__default['default'].forwardRef(function (props, ref) {
       expanded: !!expanded
     };
   }, [bsPrefix, expanded, _onToggle]);
-  return /*#__PURE__*/React__default['default'].createElement(context$2.Provider, {
+  return /*#__PURE__*/React__default.createElement(context$2.Provider, {
     value: navbarContext
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, controlledProps, {
-    className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
+    className: index$5.classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
   }), children)));
 });
 Navbar.defaultProps = defaultProps$v;
@@ -8106,37 +8200,37 @@ var propTypes$9 = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default.any,
 
   /** An `onClick` handler passed to the Toggle component */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default.func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default.node.isRequired,
 
   /** Disables the toggle NavLink  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default.bool,
 
   /** Style the toggle NavLink as active  */
-  active: PropTypes__default['default'].bool,
+  active: PropTypes__default.bool,
 
   /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
-  menuRole: PropTypes__default['default'].string,
+  menuRole: PropTypes__default.string,
 
   /** Whether to render the dropdown menu in the DOM before the first time it is shown */
-  renderMenuOnMount: PropTypes__default['default'].bool,
+  renderMenuOnMount: PropTypes__default.bool,
 
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
    * _see [DropdownMenu](#menu-props) for more details_
    */
-  rootCloseEvent: PropTypes__default['default'].string,
+  rootCloseEvent: PropTypes__default.string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string
+  bsPrefix: PropTypes__default.string
 };
-var NavDropdown = React__default['default'].forwardRef(function (_ref, ref) {
+var NavDropdown = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       title = _ref.title,
       children = _ref.children,
@@ -8146,20 +8240,20 @@ var NavDropdown = React__default['default'].forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       active = _ref.active,
       renderMenuOnMount = _ref.renderMenuOnMount,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default.createElement(Dropdown$1, index$5._extends({
     ref: ref
   }, props, {
     as: NavItem
-  }), /*#__PURE__*/React__default['default'].createElement(Dropdown$1.Toggle, {
+  }), /*#__PURE__*/React__default.createElement(Dropdown$1.Toggle, {
     id: id,
     eventKey: null,
     active: active,
     disabled: disabled,
     childBsPrefix: bsPrefix,
     as: NavLink
-  }, title), /*#__PURE__*/React__default['default'].createElement(Dropdown$1.Menu, {
+  }, title), /*#__PURE__*/React__default.createElement(Dropdown$1.Menu, {
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -8176,7 +8270,7 @@ NavDropdown.Header = Dropdown$1.Header;
  * Built on top of `Popper.js`, the overlay component is
  * great for custom tooltip overlays.
  */
-var Overlay = /*#__PURE__*/React__default['default'].forwardRef(function (props, outerRef) {
+var Overlay = /*#__PURE__*/React__default.forwardRef(function (props, outerRef) {
   var flip = props.flip,
       offset = props.offset,
       placement = props.placement,
@@ -8259,7 +8353,7 @@ var Overlay = /*#__PURE__*/React__default['default'].forwardRef(function (props,
         onEnter = props.onEnter,
         onEntering = props.onEntering,
         onEntered = props.onEntered;
-    child = /*#__PURE__*/React__default['default'].createElement(Transition, {
+    child = /*#__PURE__*/React__default.createElement(Transition, {
       "in": props.show,
       appear: true,
       onExit: onExit,
@@ -8271,36 +8365,36 @@ var Overlay = /*#__PURE__*/React__default['default'].forwardRef(function (props,
     }, child);
   }
 
-  return container ? /*#__PURE__*/ReactDOM__default['default'].createPortal(child, container) : null;
+  return container ? /*#__PURE__*/ReactDOM.createPortal(child, container) : null;
 });
 Overlay.displayName = 'Overlay';
 Overlay.propTypes = {
   /**
    * Set the visibility of the Overlay
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default.bool,
 
   /** Specify where the overlay element is positioned in relation to the target element */
-  placement: PropTypes__default['default'].oneOf(placements),
+  placement: PropTypes__default.oneOf(placements),
 
   /**
    * A DOM Element, Ref to an element, or function that returns either. The `target` element is where
    * the overlay is positioned relative to.
    */
-  target: PropTypes__default['default'].any,
+  target: PropTypes__default.any,
 
   /**
    * A DOM Element, Ref to an element, or function that returns either. The `container` will have the Portal children
    * appended to it.
    */
-  container: PropTypes__default['default'].any,
+  container: PropTypes__default.any,
 
   /**
    * Enables the Popper.js `flip` modifier, allowing the Overlay to
    * automatically adjust it's placement in case of overlap with the viewport or toggle.
    * Refer to the [flip docs](https://popper.js.org/popper-documentation.html#modifiers..flip.enabled) for more info
    */
-  flip: PropTypes__default['default'].bool,
+  flip: PropTypes__default.bool,
 
   /**
    * A render prop that returns an element to overlay and position. See
@@ -8324,33 +8418,33 @@ Overlay.propTypes = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default.func.isRequired,
 
   /**
    * Control how much space there is between the edge of the boundary element and overlay.
    * A convenience shortcut to setting `popperConfig.modfiers.preventOverflow.padding`
    */
-  containerPadding: PropTypes__default['default'].number,
+  containerPadding: PropTypes__default.number,
 
   /**
    * A set of popper options and props passed directly to react-popper's Popper component.
    */
-  popperConfig: PropTypes__default['default'].object,
+  popperConfig: PropTypes__default.object,
 
   /**
    * Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay
    */
-  rootClose: PropTypes__default['default'].bool,
+  rootClose: PropTypes__default.bool,
 
   /**
    * Specify event for toggling overlay
    */
-  rootCloseEvent: PropTypes__default['default'].oneOf(['click', 'mousedown']),
+  rootCloseEvent: PropTypes__default.oneOf(['click', 'mousedown']),
 
   /**
    * Specify disabled for disable RootCloseWrapper
    */
-  rootCloseDisabled: PropTypes__default['default'].bool,
+  rootCloseDisabled: PropTypes__default.bool,
 
   /**
    * A Callback fired by the Overlay when it wishes to be hidden.
@@ -8367,10 +8461,10 @@ Overlay.propTypes = {
     if (props.rootClose) {
       var _PropTypes$func;
 
-      return (_PropTypes$func = PropTypes__default['default'].func).isRequired.apply(_PropTypes$func, [props].concat(args));
+      return (_PropTypes$func = PropTypes__default.func).isRequired.apply(_PropTypes$func, [props].concat(args));
     }
 
-    return PropTypes__default['default'].func.apply(PropTypes__default['default'], [props].concat(args));
+    return PropTypes__default.func.apply(PropTypes__default, [props].concat(args));
   },
 
   /**
@@ -8378,37 +8472,37 @@ Overlay.propTypes = {
    * used to animate the overlay as it changes visibility.
    */
   // @ts-ignore
-  transition: PropTypes__default['default'].elementType,
+  transition: PropTypes__default.elementType,
 
   /**
    * Callback fired before the Overlay transitions in
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default.func,
 
   /**
    * Callback fired as the Overlay begins to transition in
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default.func,
 
   /**
    * Callback fired after the Overlay finishes transitioning in
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default.func,
 
   /**
    * Callback fired right before the Overlay transitions out
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default.func,
 
   /**
    * Callback fired as the Overlay begins to transition out
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default.func,
 
   /**
    * Callback fired after the Overlay finishes transitioning out
    */
-  onExited: PropTypes__default['default'].func
+  onExited: PropTypes__default.func
 };
 
 var RefHolder = /*#__PURE__*/function (_React$Component) {
@@ -8425,34 +8519,34 @@ var RefHolder = /*#__PURE__*/function (_React$Component) {
   };
 
   return RefHolder;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 var defaultProps$w = {
   active: false,
   disabled: false,
   activeLabel: '(current)'
 };
-var PageItem = React__default['default'].forwardRef(function (_ref, ref) {
+var PageItem = React__default.forwardRef(function (_ref, ref) {
   var active = _ref.active,
       disabled = _ref.disabled,
       className = _ref.className,
       style = _ref.style,
       activeLabel = _ref.activeLabel,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
 
   var Component = active || disabled ? 'span' : SafeAnchor;
-  return /*#__PURE__*/React__default['default'].createElement("li", {
+  return /*#__PURE__*/React__default.createElement("li", {
     ref: ref,
     style: style,
-    className: classnames(className, 'page-item', {
+    className: index$5.classnames(className, 'page-item', {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     className: "page-link",
     disabled: disabled
-  }, props), children, active && activeLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, props), children, active && activeLabel && /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
   }, activeLabel)));
 });
@@ -8466,11 +8560,11 @@ function createButton(name, defaultValue, label) {
 
   function Button(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+        props = index$5._objectWithoutPropertiesLoose(_ref2, ["children"]);
 
-    return /*#__PURE__*/React__default['default'].createElement(PageItem, props, /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default.createElement(PageItem, props, /*#__PURE__*/React__default.createElement("span", {
       "aria-hidden": "true"
-    }, children || defaultValue), /*#__PURE__*/React__default['default'].createElement("span", {
+    }, children || defaultValue), /*#__PURE__*/React__default.createElement("span", {
       className: "sr-only"
     }, label));
   }
@@ -8493,18 +8587,18 @@ var Last = createButton('Last', '»');
  * @property {PageItem} Next
  * @property {PageItem} Last
  */
-var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
+var Pagination = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
       size = _ref.size,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default['default'].createElement("ul", _extends({
+  return /*#__PURE__*/React__default.createElement("ul", index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
+    className: index$5.classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
   }), children);
 });
 Pagination.First = First;
@@ -8514,42 +8608,42 @@ Pagination.Item = PageItem;
 Pagination.Next = Next;
 Pagination.Last = Last;
 
-var PopoverTitle = React__default['default'].forwardRef(function (_ref, ref) {
+var PopoverTitle = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(bsPrefix, className)
+    className: index$5.classnames(bsPrefix, className)
   }), children);
 });
 
-var PopoverContent = React__default['default'].forwardRef(function (_ref, ref) {
+var PopoverContent = React__default.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }), children);
 });
 
 var defaultProps$x = {
   placement: 'right'
 };
-var Popover = React__default['default'].forwardRef(function (_ref, ref) {
+var Popover = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -8559,22 +8653,22 @@ var Popover = React__default['default'].forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps,
       _ = _ref.popper,
       _1 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'popover');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref,
     role: "tooltip",
     style: style,
     "x-placement": primaryPlacement,
-    className: classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    className: index$5.classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
+  }, props), /*#__PURE__*/React__default.createElement("div", index$5._extends({
     className: "arrow"
-  }, arrowProps)), content ? /*#__PURE__*/React__default['default'].createElement(PopoverContent, null, children) : children);
+  }, arrowProps)), content ? /*#__PURE__*/React__default.createElement(PopoverContent, null, children) : children);
 });
 Popover.defaultProps = defaultProps$x;
 Popover.Title = PopoverTitle;
@@ -8610,27 +8704,27 @@ function renderProgressBar(_ref, ref) {
       style = _ref.style,
       variant = _ref.variant,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref
   }, props, {
     role: "progressbar",
-    className: classnames(className, bsPrefix + "-bar", (_classNames = {}, _classNames["bg-" + variant] = variant, _classNames[bsPrefix + "-bar-animated"] = animated, _classNames[bsPrefix + "-bar-striped"] = animated || striped, _classNames)),
-    style: _extends({
+    className: index$5.classnames(className, bsPrefix + "-bar", (_classNames = {}, _classNames["bg-" + variant] = variant, _classNames[bsPrefix + "-bar-animated"] = animated, _classNames[bsPrefix + "-bar-striped"] = animated || striped, _classNames)),
+    style: index$5._extends({
       width: getPercentage(now, min, max) + "%"
     }, style),
     "aria-valuenow": now,
     "aria-valuemin": min,
     "aria-valuemax": max
-  }), srOnly ? /*#__PURE__*/React__default['default'].createElement("span", {
+  }), srOnly ? /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
   }, label) : label);
 }
 
-var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
+var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
-      props = _objectWithoutPropertiesLoose(_ref2, ["isChild"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref2, ["isChild"]);
 
   props.bsPrefix = useBootstrapPrefix(props.bsPrefix, 'progress');
 
@@ -8649,12 +8743,12 @@ var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
       variant = props.variant,
       className = props.className,
       children = props.children,
-      wrapperProps = _objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
+      wrapperProps = index$5._objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref
   }, wrapperProps, {
-    className: classnames(className, bsPrefix)
+    className: index$5.classnames(className, bsPrefix)
   }), children ? map(children, function (child) {
     return React.cloneElement(child, {
       isChild: true
@@ -8677,21 +8771,21 @@ ProgressBar.defaultProps = defaultProps$y;
 var defaultProps$z = {
   aspectRatio: '1by1'
 };
-var ResponsiveEmbed = React__default['default'].forwardRef(function (_ref, ref) {
+var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
       aspectRatio = _ref.aspectRatio,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'embed-responsive');
-  var child = React__default['default'].Children.only(children);
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  var child = React__default.Children.only(children);
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
-  }), React__default['default'].cloneElement(child, {
-    className: classnames(child.props.className, decoratedBsPrefix + "-item")
+    className: index$5.classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
+  }), React__default.cloneElement(child, {
+    className: index$5.classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
 ResponsiveEmbed.defaultProps = defaultProps$z;
@@ -8700,13 +8794,13 @@ var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
 var defaultProps$A = {
   noGutters: false
 };
-var Row = React__default['default'].forwardRef(function (_ref, ref) {
+var Row = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       noGutters = _ref.noGutters,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
   var sizePrefix = decoratedBsPrefix + "-cols";
@@ -8725,16 +8819,16 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
     var infix = brkPoint !== 'xs' ? "-" + brkPoint : '';
     if (cols != null) classes.push("" + sizePrefix + infix + "-" + cols);
   });
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
+    className: index$5.classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
   }));
 });
 Row.displayName = 'Row';
 Row.defaultProps = defaultProps$A;
 
-var Spinner = React__default['default'].forwardRef(function (_ref, ref) {
+var Spinner = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       animation = _ref.animation,
@@ -8743,14 +8837,14 @@ var Spinner = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
+    className: index$5.classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
   }), children);
 });
 Spinner.displayName = 'Spinner';
@@ -8761,58 +8855,67 @@ var propTypes$a = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default.any,
 
   /**
    * Accessible label for the toggle; the value of `title` if not specified.
    */
-  toggleLabel: PropTypes__default['default'].string,
+  toggleLabel: PropTypes__default.string,
 
   /** An `href` passed to the non-toggle Button */
-  href: PropTypes__default['default'].string,
+  href: PropTypes__default.string,
 
   /** An anchor `target` passed to the non-toggle Button */
-  target: PropTypes__default['default'].string,
+  target: PropTypes__default.string,
 
   /** An `onClick` handler passed to the non-toggle Button */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default.func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default.node.isRequired,
 
   /** A `type` passed to the non-toggle Button */
-  type: PropTypes__default['default'].string,
+  type: PropTypes__default.string,
 
   /** Disables both Buttons  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default.bool,
+
+  /**
+   * Aligns the dropdown menu responsively.
+   *
+   * _see [DropdownMenu](#dropdown-menu-props) for more details_
+   *
+   * @type {"left"|"right"|{ sm: "left"|"right" }|{ md: "left"|"right" }|{ lg: "left"|"right" }|{ xl: "left"|"right"} }
+   */
+  menuAlign: alignPropType,
 
   /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
-  menuRole: PropTypes__default['default'].string,
+  menuRole: PropTypes__default.string,
 
   /** Whether to render the dropdown menu in the DOM before the first time it is shown */
-  renderMenuOnMount: PropTypes__default['default'].bool,
+  renderMenuOnMount: PropTypes__default.bool,
 
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
-   * _see [DropdownMenu](#menu-props) for more details_
+   * _see [DropdownMenu](#dropdown-menu-props) for more details_
    */
-  rootCloseEvent: PropTypes__default['default'].string,
+  rootCloseEvent: PropTypes__default.string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default.string,
 
   /** @ignore */
-  variant: PropTypes__default['default'].string,
+  variant: PropTypes__default.string,
 
   /** @ignore */
-  size: PropTypes__default['default'].string
+  size: PropTypes__default.string
 };
 var defaultProps$B = {
   toggleLabel: 'Toggle dropdown',
   type: 'button'
 };
-var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
+var SplitButton = React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       size = _ref.size,
@@ -8824,16 +8927,17 @@ var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
       onClick = _ref.onClick,
       href = _ref.href,
       target = _ref.target,
+      menuAlign = _ref.menuAlign,
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       rootCloseEvent = _ref.rootCloseEvent,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React__default.createElement(Dropdown$1, index$5._extends({
     ref: ref
   }, props, {
     as: ButtonGroup
-  }), /*#__PURE__*/React__default['default'].createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Button, {
     size: size,
     variant: variant,
     disabled: props.disabled,
@@ -8842,16 +8946,17 @@ var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
     target: target,
     onClick: onClick,
     type: type
-  }, title), /*#__PURE__*/React__default['default'].createElement(Dropdown$1.Toggle, {
+  }, title), /*#__PURE__*/React__default.createElement(Dropdown$1.Toggle, {
     split: true,
     id: id ? id.toString() : undefined,
     size: size,
     variant: variant,
     disabled: props.disabled,
     childBsPrefix: bsPrefix
-  }, /*#__PURE__*/React__default['default'].createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
-  }, toggleLabel)), /*#__PURE__*/React__default['default'].createElement(Dropdown$1.Menu, {
+  }, toggleLabel)), /*#__PURE__*/React__default.createElement(Dropdown$1.Menu, {
+    align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -8894,25 +8999,25 @@ var TabContainer = function TabContainer(props) {
       }
     };
   }, [onSelect, activeKey, transition, mountOnEnter, unmountOnExit, generateChildId]);
-  return /*#__PURE__*/React__default['default'].createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(TabContext.Provider, {
     value: tabContext
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: onSelect || null
   }, children));
 };
 
-var TabContent = React__default['default'].forwardRef(function (_ref, ref) {
+var TabContent = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(className, decoratedBsPrefix)
+    className: index$5.classnames(className, decoratedBsPrefix)
   }));
 });
 
@@ -8923,11 +9028,11 @@ function useTabContext(props) {
   var activeKey = context.activeKey,
       getControlledId = context.getControlledId,
       getControllerId = context.getControllerId,
-      rest = _objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
+      rest = index$5._objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
 
   var shouldTransition = props.transition !== false && rest.transition !== false;
   var key = makeEventKey(props.eventKey);
-  return _extends({}, props, {
+  return index$5._extends({}, props, {
     active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,
     id: getControlledId(props.eventKey),
     'aria-labelledby': getControllerId(props.eventKey),
@@ -8937,7 +9042,7 @@ function useTabContext(props) {
   });
 }
 
-var TabPane = React__default['default'].forwardRef(function (props, ref) {
+var TabPane = React__default.forwardRef(function (props, ref) {
   var _useTabContext = useTabContext(props),
       bsPrefix = _useTabContext.bsPrefix,
       className = _useTabContext.className,
@@ -8954,19 +9059,19 @@ var TabPane = React__default['default'].forwardRef(function (props, ref) {
       _useTabContext$as = _useTabContext.as,
       Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,
       _ = _useTabContext.eventKey,
-      rest = _objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
+      rest = index$5._objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
-  var pane = /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, rest, {
+  var pane = /*#__PURE__*/React__default.createElement(Component, index$5._extends({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
-    className: classnames(className, prefix, {
+    className: index$5.classnames(className, prefix, {
       active: active
     })
   }));
-  if (Transition) pane = /*#__PURE__*/React__default['default'].createElement(Transition, {
+  if (Transition) pane = /*#__PURE__*/React__default.createElement(Transition, {
     in: active,
     onEnter: onEnter,
     onEntering: onEntering,
@@ -8979,9 +9084,9 @@ var TabPane = React__default['default'].forwardRef(function (props, ref) {
   }, pane); // We provide an empty the TabContext so `<Nav>`s in `<TabPane>`s don't
   // conflict with the top level one.
 
-  return /*#__PURE__*/React__default['default'].createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(TabContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: null
   }, pane));
 });
@@ -9002,13 +9107,13 @@ var Tab = /*#__PURE__*/function (_React$Component) {
   };
 
   return Tab;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 Tab.Container = TabContainer;
 Tab.Content = TabContent;
 Tab.Pane = TabPane;
 
-var Table = React__default['default'].forwardRef(function (_ref, ref) {
+var Table = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       striped = _ref.striped,
@@ -9018,11 +9123,11 @@ var Table = React__default['default'].forwardRef(function (_ref, ref) {
       size = _ref.size,
       variant = _ref.variant,
       responsive = _ref.responsive,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
-  var classes = classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
-  var table = /*#__PURE__*/React__default['default'].createElement("table", _extends({}, props, {
+  var classes = index$5.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", index$5._extends({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9034,7 +9139,7 @@ var Table = React__default['default'].forwardRef(function (_ref, ref) {
       responsiveClass = responsiveClass + "-" + responsive;
     }
 
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: responsiveClass
     }, table);
   }
@@ -9042,7 +9147,7 @@ var Table = React__default['default'].forwardRef(function (_ref, ref) {
   return table;
 });
 
-var ToastContext = React__default['default'].createContext({
+var ToastContext = React__default.createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onClose: function onClose() {}
 });
@@ -9051,13 +9156,13 @@ var defaultProps$C = {
   closeLabel: 'Close',
   closeButton: true
 };
-var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
+var ToastHeader = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast-header');
   var context = React.useContext(ToastContext);
@@ -9066,11 +9171,11 @@ var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref
   }, props, {
-    className: classnames(bsPrefix, className)
-  }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+    className: index$5.classnames(bsPrefix, className)
+  }), children, closeButton && /*#__PURE__*/React__default.createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick,
     className: "ml-2 mb-1",
@@ -9082,7 +9187,7 @@ ToastHeader.defaultProps = defaultProps$C;
 
 var ToastBody = createWithBsPrefix('toast-body');
 
-var Toast = React__default['default'].forwardRef(function (_ref, ref) {
+var Toast = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -9097,7 +9202,7 @@ var Toast = React__default['default'].forwardRef(function (_ref, ref) {
       _ref$autohide = _ref.autohide,
       autohide = _ref$autohide === void 0 ? false : _ref$autohide,
       onClose = _ref.onClose,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
+      props = index$5._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.
@@ -9125,16 +9230,16 @@ var Toast = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [onClose]);
   var hasAnimation = !!(Transition && animation);
-  var toast = /*#__PURE__*/React__default['default'].createElement("div", _extends({}, props, {
+  var toast = /*#__PURE__*/React__default.createElement("div", index$5._extends({}, props, {
     ref: ref,
-    className: classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
+    className: index$5.classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true"
   }), children);
-  return /*#__PURE__*/React__default['default'].createElement(ToastContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ToastContext.Provider, {
     value: toastContext
-  }, hasAnimation && Transition ? /*#__PURE__*/React__default['default'].createElement(Transition, {
+  }, hasAnimation && Transition ? /*#__PURE__*/React__default.createElement(Transition, {
     in: show,
     unmountOnExit: true
   }, toast) : toast);
@@ -9149,7 +9254,7 @@ var noop$5 = function noop() {
   return undefined;
 };
 
-var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
+var ToggleButton = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       name = _ref.name,
       className = _ref.className,
@@ -9159,7 +9264,7 @@ var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       inputRef = _ref.inputRef,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
 
   var _useState = React.useState(false),
       focused = _useState[0],
@@ -9171,13 +9276,13 @@ var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
   var handleBlur = React.useCallback(function (e) {
     if (e.target.tagName === 'INPUT') setFocused(false);
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Button, index$5._extends({}, props, {
     ref: ref,
-    className: classnames(className, focused && 'focus', disabled && 'disabled'),
+    className: index$5.classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
     active: !!checked,
     as: "label"
-  }), /*#__PURE__*/React__default['default'].createElement("input", {
+  }), /*#__PURE__*/React__default.createElement("input", {
     name: name,
     type: type,
     value: value,
@@ -9193,9 +9298,10 @@ var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
 ToggleButton.displayName = 'ToggleButton';
 
 var defaultProps$D = {
-  type: 'radio'
+  type: 'radio',
+  vertical: false
 };
-var ToggleButtonGroup = React__default['default'].forwardRef(function (props, ref) {
+var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     value: 'onChange'
   }),
@@ -9204,7 +9310,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
       name = _useUncontrolled.name,
       value = _useUncontrolled.value,
       onChange = _useUncontrolled.onChange,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
+      controlledProps = index$5._objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
 
   var getValues = function getValues() {
     return value == null ? [] : [].concat(value);
@@ -9233,7 +9339,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
   };
 
   !(type !== 'radio' || !!name) ? process.env.NODE_ENV !== "production" ? invariant_1(false, 'A `name` is required to group the toggle buttons when the `type` ' + 'is set to "radio"') : invariant_1(false) : void 0;
-  return /*#__PURE__*/React__default['default'].createElement(ButtonGroup, _extends({}, controlledProps, {
+  return /*#__PURE__*/React__default.createElement(ButtonGroup, index$5._extends({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9246,7 +9352,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
       return handleToggle(childVal, e);
     };
 
-    return React__default['default'].cloneElement(child, {
+    return React__default.cloneElement(child, {
       type: type,
       name: child.name || name,
       checked: values.indexOf(childVal) !== -1,
@@ -9260,7 +9366,7 @@ ToggleButtonGroup.Button = ToggleButton;
 var defaultProps$E = {
   placement: 'right'
 };
-var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
+var Tooltip = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -9269,29 +9375,29 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps,
       _ = _ref.popper,
       _2 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
+      props = index$5._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'tooltip');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", index$5._extends({
     ref: ref,
     style: style,
     role: "tooltip",
     "x-placement": primaryPlacement,
-    className: classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", _extends({
+    className: index$5.classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
+  }, props), /*#__PURE__*/React__default.createElement("div", index$5._extends({
     className: "arrow"
-  }, arrowProps)), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, arrowProps)), /*#__PURE__*/React__default.createElement("div", {
     className: bsPrefix + "-inner"
   }, children));
 });
 Tooltip.defaultProps = defaultProps$E;
 Tooltip.displayName = 'Tooltip';
 
-var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
+var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
 var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
 styleInject_es.styleInject(css);
 
@@ -9302,54 +9408,54 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
       client = props.client;
 
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: styles.article },
-    React__default['default'].createElement(
+    React__default.createElement(
       'a',
       { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: styles.thumb },
-        React__default['default'].createElement(
+        React__default.createElement(
           'figure',
           null,
-          React__default['default'].createElement(
-            index.LazyLoad,
+          React__default.createElement(
+            index$2.LazyLoad,
             null,
-            React__default['default'].createElement('img', {
+            React__default.createElement('img', {
               src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
       ),
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: styles.name },
           data.name
         ),
-        data.published && React__default['default'].createElement(
+        data.published && React__default.createElement(
           'p',
           { className: styles.published },
           moment.moment(data.published).format('MMMM Do YYYY')
         ),
-        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
           'p',
           { className: styles.author },
           'By ',
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.description && React__default['default'].createElement(
+        data.description && React__default.createElement(
           'div',
           { className: 'media-series-desc' },
-          React__default['default'].createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
+          React__default.createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
         )
       )
     )
@@ -9378,11 +9484,11 @@ var Filter = function Filter(_ref) {
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -9446,13 +9552,13 @@ var Filter = function Filter(_ref) {
     }
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'flex-container' },
-    parentData && React__default['default'].createElement(
+    parentData && React__default.createElement(
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
-      React__default['default'].createElement(
+      React__default.createElement(
         Dropdown$1.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
@@ -9461,7 +9567,7 @@ var Filter = function Filter(_ref) {
       ),
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Dropdown$1.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
@@ -9470,10 +9576,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    childData && childData.data && childData.data.length > 0 && React__default['default'].createElement(
+    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['default'].createElement(
+      React__default.createElement(
         Dropdown$1.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
@@ -9482,7 +9588,7 @@ var Filter = function Filter(_ref) {
       ),
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Dropdown$1.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
@@ -9491,10 +9597,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default['default'].createElement(
+    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['default'].createElement(
+      React__default.createElement(
         Dropdown$1.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
@@ -9503,7 +9609,7 @@ var Filter = function Filter(_ref) {
       ),
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Dropdown$1.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
@@ -9512,7 +9618,7 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    React__default['default'].createElement(
+    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      '
@@ -9602,27 +9708,27 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
   }();
 
   if (props.statusCode === 404) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'd-flex flex-column align-items-center mt-3' },
-      React__default['default'].createElement(
+      React__default.createElement(
         'h3',
         null,
         '404: Resource not found'
       ),
-      React__default['default'].createElement(
+      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['default'].createElement(
+      React__default.createElement(
         'p',
         null,
         'Click here to',
-        React__default['default'].createElement(
-          Link__default['default'],
+        React__default.createElement(
+          Link,
           { href: '/' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'a',
             { style: { color: 'blue', textDecoration: 'underline' } },
             ' return to homepage.'
@@ -9632,17 +9738,17 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
     );
   }
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'mb-5' },
-    props.docGroup && props.docGroup.description && React__default['default'].createElement(BlockContent.BlockContent, { blocks: props.docGroup.description, serializers: getSerializers.getSerializers(client) }),
-    props.taxonomyFilter && props.taxonomyFilter && React__default['default'].createElement(
+    props.docGroup && props.docGroup.description && React__default.createElement(BlockContent.BlockContent, { blocks: props.docGroup.description, serializers: getSerializers.getSerializers(client) }),
+    props.taxonomyFilter && props.taxonomyFilter && React__default.createElement(
       'div',
       { className: '' },
-      React__default['default'].createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
-      React__default['default'].createElement('hr', null)
+      React__default.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
+      React__default.createElement('hr', null)
     ),
-    seriesData && React__default['default'].createElement(MasterDeck, {
+    seriesData && React__default.createElement(MasterDeck, {
       deck: MediaSeriesCard,
       variant: 'left',
       defaultImage: '/placeholder.jpg',
@@ -9746,7 +9852,7 @@ MediaSeriesLanding.getInitialData = function () {
               statusCode = 404;
             }
 
-            return _context2.abrupt('return', (_ref4 = { seriesData: seriesData, query: seriesQuery, params: params, currentPage: currentPage, taxonomyFilter: taxonomyFilter, identifier: identifier, docGroupID: docGroupID._id, parentUrl: identifier, statusCode: statusCode }, defineProperty._defineProperty(_ref4, 'taxonomyFilter', taxonomyFilter), defineProperty._defineProperty(_ref4, 'docGroup', docGroupID), _ref4));
+            return _context2.abrupt('return', (_ref4 = { seriesData: seriesData, query: seriesQuery, params: params, currentPage: currentPage, taxonomyFilter: taxonomyFilter, identifier: identifier, docGroupID: docGroupID._id, parentUrl: identifier, statusCode: statusCode }, defineProperty$1$1._defineProperty(_ref4, 'taxonomyFilter', taxonomyFilter), defineProperty$1$1._defineProperty(_ref4, 'docGroup', docGroupID), _ref4));
 
           case 25:
           case 'end':