@mjhls/mjh-framework 1.0.986-article-rec-v2 → 1.0.986-nofollow-v1

package/dist/cjs/{MediaSeriesCard-a9755b4a.js → MediaSeriesCard-ab6023ce.js}

@@ -6,12 +6,12 @@ var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _typeof = require('./typeof-567e31ff.js');
-var index$1 = require('./index-eadd5035.js');
+var index$1 = require('./index-65621b6c.js');
 var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-5e63adb9.js');
+var BlockContent = require('./BlockContent-96b44364.js');
+var getSerializers = require('./index-c77065bb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -130,7 +130,7 @@ function _inheritsLoose(subClass, superClass) {
   index._setPrototypeOf(subClass, superClass);
 }
 
-var ThemeContext = React__default['default'].createContext({});
+var ThemeContext = React__default["default"].createContext({});
 ThemeContext.Consumer;
     ThemeContext.Provider;
 
@@ -139,7 +139,7 @@ function useBootstrapPrefix(prefix, defaultPrefix) {
   return prefix || prefixes[defaultPrefix] || defaultPrefix;
 }
 
-var SelectableContext = React__default['default'].createContext(null);
+var SelectableContext = React__default["default"].createContext(null);
 var makeEventKey = function makeEventKey(eventKey, href) {
   if (href === void 0) {
     href = null;
@@ -149,7 +149,7 @@ var makeEventKey = function makeEventKey(eventKey, href) {
   return href || null;
 };
 
-var context$2 = React__default['default'].createContext(null);
+var context$2 = React__default["default"].createContext(null);
 context$2.displayName = 'AccordionContext';
 
 function useAccordionToggle(eventKey, onClick) {
@@ -165,7 +165,7 @@ function useAccordionToggle(eventKey, onClick) {
     if (onClick) onClick(e);
   };
 }
-var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref) {
+var AccordionToggle = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       children = _ref.children,
@@ -179,7 +179,7 @@ var AccordionToggle = React__default['default'].forwardRef(function (_ref, ref)
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
@@ -407,25 +407,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["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
 }).isRequired]) : null;
-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
+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
 })]) : null;
 
-var TransitionGroupContext = React__default['default'].createContext(null);
+var TransitionGroupContext = React__default["default"].createContext(null);
 
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
@@ -663,7 +663,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__default["default"].findDOMNode(this), appearing],
         maybeNode = _ref2[0],
         maybeAppearing = _ref2[1];
 
@@ -701,7 +701,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__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
 
     if (!exit || config.disabled) {
       this.safeSetState({
@@ -765,7 +765,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__default["default"].findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
 
     if (!node || doesNotHaveTimeoutOrListener) {
@@ -815,14 +815,14 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default['default'].createElement(TransitionGroupContext.Provider, {
+      React__default["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["default"].cloneElement(React__default["default"].Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -837,10 +837,10 @@ 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 : function (propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: PropTypes__default["default"].shape({
+    current: typeof Element === 'undefined' ? PropTypes__default["default"].any : function (propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return PropTypes__default['default'].instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return PropTypes__default["default"].instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
 
@@ -858,12 +858,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["default"].oneOfType([PropTypes__default["default"].func.isRequired, PropTypes__default["default"].element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: PropTypes__default['default'].bool,
+  in: PropTypes__default["default"].bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -871,13 +871,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["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["default"].bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -890,17 +890,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["default"].bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: PropTypes__default['default'].bool,
+  enter: PropTypes__default["default"].bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: PropTypes__default['default'].bool,
+  exit: PropTypes__default["default"].bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -953,7 +953,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: PropTypes__default['default'].func,
+  addEndListener: PropTypes__default["default"].func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -963,7 +963,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -973,7 +973,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -983,7 +983,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default["default"].func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -992,7 +992,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -1001,7 +1001,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -1010,7 +1010,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: PropTypes__default['default'].func
+  onExited: PropTypes__default["default"].func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop$5() {}
@@ -1101,7 +1101,7 @@ var defaultProps$E = {
   appear: false,
   getDimensionValue: getDefaultDimensionValue
 };
-var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
+var Collapse = React__default["default"].forwardRef(function (_ref, ref) {
   var onEnter = _ref.onEnter,
       onEntering = _ref.onEntering,
       onEntered = _ref.onEntered,
@@ -1148,7 +1148,7 @@ 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
+  return /*#__PURE__*/React__default["default"].createElement(Transition // @ts-ignore
   , index._extends({
     ref: ref,
     addEndListener: transitionEnd
@@ -1160,7 +1160,7 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
     onExit: handleExit,
     onExiting: handleExiting
   }), function (state, innerProps) {
-    return React__default['default'].cloneElement(children, index._extends({}, innerProps, {
+    return React__default["default"].cloneElement(children, index._extends({}, innerProps, {
       className: index.classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
@@ -1169,7 +1169,7 @@ var Collapse = React__default['default'].forwardRef(function (_ref, ref) {
 // @ts-ignore
 Collapse.defaultProps = defaultProps$E;
 
-var AccordionCollapse = React__default['default'].forwardRef(function (_ref, ref) {
+var AccordionCollapse = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
       props = index._objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
@@ -1177,16 +1177,16 @@ var AccordionCollapse = React__default['default'].forwardRef(function (_ref, ref
   var contextEventKey = React.useContext(context$2); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
-  return /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectableContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default['default'].createElement(Collapse, index._extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Collapse, index._extends({
     ref: ref,
     in: contextEventKey === eventKey
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", null, React__default['default'].Children.only(children))));
+  }, props), /*#__PURE__*/React__default["default"].createElement("div", null, React__default["default"].Children.only(children))));
 });
 AccordionCollapse.displayName = 'AccordionCollapse';
 
-var Accordion = React__default['default'].forwardRef(function (props, ref) {
+var Accordion = React__default["default"].forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -1200,11 +1200,11 @@ var Accordion = React__default['default'].forwardRef(function (props, ref) {
       controlledProps = index._objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
   var finalClassName = index.classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
-  return /*#__PURE__*/React__default['default'].createElement(context$2.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(context$2.Provider, {
     value: activeKey || null
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1248,7 +1248,7 @@ var defaultProps$D = {
   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["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = index._objectWithoutPropertiesLoose(_ref, ["className", "children"]);
@@ -1257,13 +1257,13 @@ var Fade = React__default['default'].forwardRef(function (_ref, ref) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default['default'].createElement(Transition, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Transition, index._extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default['default'].cloneElement(children, index._extends({}, innerProps, {
+    return React__default["default"].cloneElement(children, index._extends({}, innerProps, {
       className: index.classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
@@ -1272,26 +1272,26 @@ Fade.defaultProps = defaultProps$D;
 Fade.displayName = 'Fade';
 
 var propTypes$a = {
-  label: PropTypes__default['default'].string.isRequired,
-  onClick: PropTypes__default['default'].func
+  label: PropTypes__default["default"].string.isRequired,
+  onClick: PropTypes__default["default"].func
 };
 var defaultProps$C = {
   label: 'Close'
 };
-var CloseButton = React__default['default'].forwardRef(function (_ref, ref) {
+var CloseButton = React__default["default"].forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
       props = index._objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("button", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("button", index._extends({
     ref: ref,
     type: "button",
     className: index.classnames('close', className),
     onClick: onClick
-  }, props), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, props), /*#__PURE__*/React__default["default"].createElement("span", {
     "aria-hidden": "true"
-  }, "\xD7"), /*#__PURE__*/React__default['default'].createElement("span", {
+  }, "\xD7"), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "sr-only"
   }, label));
 });
@@ -1300,8 +1300,8 @@ CloseButton.propTypes = propTypes$a;
 CloseButton.defaultProps = defaultProps$C;
 
 var divWithClassName = (function (className) {
-  return React__default['default'].forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, p, {
+  return React__default["default"].forwardRef(function (p, ref) {
+    return /*#__PURE__*/React__default["default"].createElement("div", index._extends({}, p, {
       ref: ref,
       className: index.classnames(p.className, className)
     }));
@@ -1327,7 +1327,7 @@ function createWithBsPrefix(prefix, _temp) {
       Component = _ref.Component,
       defaultProps = _ref.defaultProps;
 
-  var BsComponent = React__default['default'].forwardRef(function (_ref2, ref) {
+  var BsComponent = React__default["default"].forwardRef(function (_ref2, ref) {
     var className = _ref2.className,
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
@@ -1335,7 +1335,7 @@ function createWithBsPrefix(prefix, _temp) {
         props = index._objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default['default'].createElement(Tag, index._extends({
+    return /*#__PURE__*/React__default["default"].createElement(Tag, index._extends({
       ref: ref,
       className: index.classnames(className, resolvedPrefix)
     }, props));
@@ -1357,7 +1357,7 @@ function isTrivialHref(href) {
  */
 
 
-var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
+var SafeAnchor = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
@@ -1401,7 +1401,7 @@ var SafeAnchor = React__default['default'].forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1423,7 +1423,7 @@ var defaultProps$B = {
   transition: Fade,
   closeLabel: 'Close alert'
 };
-var Alert = React__default['default'].forwardRef(function (uncontrolledProps, ref) {
+var Alert = React__default["default"].forwardRef(function (uncontrolledProps, ref) {
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
     show: 'onClose'
   }),
@@ -1445,17 +1445,17 @@ var Alert = React__default['default'].forwardRef(function (uncontrolledProps, re
     }
   });
   var Transition = transition === true ? Fade : transition;
-  var alert = /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  var alert = /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
     className: index.classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
-  }), dismissible && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+  }), dismissible && /*#__PURE__*/React__default["default"].createElement(CloseButton, {
     onClick: handleClose,
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default['default'].createElement(Transition, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Transition, index._extends({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1470,7 +1470,7 @@ Alert.Heading = AlertHeading;
 var defaultProps$A = {
   pill: false
 };
-var Badge = React__default['default'].forwardRef(function (_ref, ref) {
+var Badge = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       pill = _ref.pill,
@@ -1480,7 +1480,7 @@ var Badge = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
@@ -1493,7 +1493,7 @@ var defaultProps$z = {
   active: false,
   linkProps: {}
 };
-var BreadcrumbItem = React__default['default'].forwardRef(function (_ref, ref) {
+var BreadcrumbItem = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       children = _ref.children,
@@ -1509,14 +1509,14 @@ var BreadcrumbItem = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(prefix, className, {
       active: active
     }),
     "aria-current": active ? 'page' : undefined
-  }), active ? children : /*#__PURE__*/React__default['default'].createElement(LinkComponent, index._extends({}, linkProps, {
+  }), active ? children : /*#__PURE__*/React__default["default"].createElement(LinkComponent, index._extends({}, linkProps, {
     href: href,
     title: title,
     target: target
@@ -1529,7 +1529,7 @@ var defaultProps$y = {
   label: 'breadcrumb',
   listProps: {}
 };
-var Breadcrumb = React__default['default'].forwardRef(function (_ref, ref) {
+var Breadcrumb = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       listProps = _ref.listProps,
@@ -1540,11 +1540,11 @@ var Breadcrumb = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default['default'].createElement("ol", index._extends({}, listProps, {
+  }, props), /*#__PURE__*/React__default["default"].createElement("ol", index._extends({}, listProps, {
     className: index.classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
@@ -1557,7 +1557,7 @@ var defaultProps$x = {
   active: false,
   disabled: false
 };
-var Button = React__default['default'].forwardRef(function (_ref, ref) {
+var Button = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       size = _ref.size,
@@ -1572,7 +1572,7 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
   var classes = index.classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
-    return /*#__PURE__*/React__default['default'].createElement(SafeAnchor, index._extends({}, props, {
+    return /*#__PURE__*/React__default["default"].createElement(SafeAnchor, index._extends({}, props, {
       as: as,
       ref: ref,
       className: index.classnames(classes, props.disabled && 'disabled')
@@ -1590,7 +1590,7 @@ var Button = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     className: classes
   }));
 });
@@ -1602,7 +1602,7 @@ var defaultProps$w = {
   toggle: false,
   role: 'group'
 };
-var ButtonGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var ButtonGroup = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       toggle = _ref.toggle,
@@ -1615,7 +1615,7 @@ var ButtonGroup = React__default['default'].forwardRef(function (_ref, ref) {
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
   var baseClass = prefix;
   if (vertical) baseClass = prefix + "-vertical";
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, rest, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, rest, {
     ref: ref,
     className: index.classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
@@ -1626,13 +1626,13 @@ ButtonGroup.defaultProps = defaultProps$w;
 var defaultProps$v = {
   role: 'toolbar'
 };
-var ButtonToolbar = React__default['default'].forwardRef(function (_ref, ref) {
+var ButtonToolbar = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, prefix)
   }));
@@ -1640,13 +1640,13 @@ var ButtonToolbar = React__default['default'].forwardRef(function (_ref, ref) {
 ButtonToolbar.displayName = 'ButtonToolbar';
 ButtonToolbar.defaultProps = defaultProps$v;
 
-var context$1 = React__default['default'].createContext(null);
+var context$1 = React__default["default"].createContext(null);
 context$1.displayName = 'CardContext';
 
 var defaultProps$u = {
   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["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,
@@ -1656,7 +1656,7 @@ function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref,
     className: index.classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
@@ -1685,7 +1685,7 @@ var CardImgOverlay = createWithBsPrefix('card-img-overlay');
 var defaultProps$t = {
   body: false
 };
-var Card = React__default['default'].forwardRef(function (_ref, ref) {
+var Card = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       bg = _ref.bg,
@@ -1703,16 +1703,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["default"].createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.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["default"].createElement(CardBody, null, children) : children));
 });
 Card.displayName = 'Card';
 Card.defaultProps = defaultProps$t;
@@ -1902,7 +1902,7 @@ function useTimeout() {
 
 var CarouselCaption = createWithBsPrefix('carousel-caption');
 
-var CarouselItem = React__default['default'].forwardRef(function (_ref, ref) {
+var CarouselItem = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -1911,7 +1911,7 @@ var CarouselItem = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
 
   var finalClassName = index.classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: finalClassName
@@ -1930,8 +1930,8 @@ CarouselItem.displayName = 'CarouselItem';
 
 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["default"].Children.map(children, function (child) {
+    return React__default["default"].isValidElement(child) ? func(child, index++) : child;
   });
 }
 /**
@@ -1944,8 +1944,8 @@ function map(children, func) {
 
 function forEach(children, func) {
   var index = 0;
-  React__default['default'].Children.forEach(children, function (child) {
-    if (React__default['default'].isValidElement(child)) func(child, index++);
+  React__default["default"].Children.forEach(children, function (child) {
+    if (React__default["default"].isValidElement(child)) func(child, index++);
   });
 }
 
@@ -1954,33 +1954,33 @@ var propTypes$9 = {
   /**
    * @default 'carousel'
    */
-  bsPrefix: PropTypes__default['default'].string,
-  as: PropTypes__default['default'].elementType,
+  bsPrefix: PropTypes__default["default"].string,
+  as: PropTypes__default["default"].elementType,
 
   /**
    * Enables animation on the Carousel as it transitions between slides.
    */
-  slide: PropTypes__default['default'].bool,
+  slide: PropTypes__default["default"].bool,
 
   /** Cross fade slides instead of the default slide animation */
-  fade: PropTypes__default['default'].bool,
+  fade: PropTypes__default["default"].bool,
 
   /**
    * Show the Carousel previous and next arrows for changing the current slide
    */
-  controls: PropTypes__default['default'].bool,
+  controls: PropTypes__default["default"].bool,
 
   /**
    * Show a set of slide position indicators
    */
-  indicators: PropTypes__default['default'].bool,
+  indicators: PropTypes__default["default"].bool,
 
   /**
    * Controls the current visible slide
    *
    * @controllable onSelect
    */
-  activeIndex: PropTypes__default['default'].number,
+  activeIndex: PropTypes__default["default"].number,
 
   /**
    * Callback fired when the active item changes.
@@ -1991,7 +1991,7 @@ var propTypes$9 = {
    *
    * @controllable activeIndex
    */
-  onSelect: PropTypes__default['default'].func,
+  onSelect: PropTypes__default["default"].func,
 
   /**
    * Callback fired when a slide transition starts.
@@ -1999,7 +1999,7 @@ var propTypes$9 = {
    * ```js
    * (eventKey: number, direction: 'left' | 'right') => void
    */
-  onSlide: PropTypes__default['default'].func,
+  onSlide: PropTypes__default["default"].func,
 
   /**
    * Callback fired when a slide transition ends.
@@ -2007,50 +2007,50 @@ var propTypes$9 = {
    * ```js
    * (eventKey: number, direction: 'left' | 'right') => void
    */
-  onSlid: PropTypes__default['default'].func,
+  onSlid: PropTypes__default["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["default"].number,
 
   /** Whether the carousel should react to keyboard events. */
-  keyboard: PropTypes__default['default'].bool,
+  keyboard: PropTypes__default["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["default"].oneOf(['hover', false]),
 
   /** Whether the carousel should cycle continuously or have hard stops. */
-  wrap: PropTypes__default['default'].bool,
+  wrap: PropTypes__default["default"].bool,
 
   /**
    * Whether the carousel should support left/right swipe interactions on touchscreen devices.
    */
-  touch: PropTypes__default['default'].bool,
+  touch: PropTypes__default["default"].bool,
 
   /** Override the default button icon for the "previous" control */
-  prevIcon: PropTypes__default['default'].node,
+  prevIcon: PropTypes__default["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["default"].string,
 
   /** Override the default button icon for the "next" control */
-  nextIcon: PropTypes__default['default'].node,
+  nextIcon: PropTypes__default["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["default"].string
 };
 var defaultProps$s = {
   slide: true,
@@ -2063,12 +2063,12 @@ var defaultProps$s = {
   pause: 'hover',
   wrap: true,
   touch: true,
-  prevIcon: /*#__PURE__*/React__default['default'].createElement("span", {
+  prevIcon: /*#__PURE__*/React__default["default"].createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-prev-icon"
   }),
   prevLabel: 'Previous',
-  nextIcon: /*#__PURE__*/React__default['default'].createElement("span", {
+  nextIcon: /*#__PURE__*/React__default["default"].createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-next-icon"
   }),
@@ -2373,7 +2373,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2383,44 +2383,44 @@ function CarouselFunc(uncontrolledProps, ref) {
     onTouchMove: handleTouchMove,
     onTouchEnd: handleTouchEnd,
     className: index.classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
-  }), indicators && /*#__PURE__*/React__default['default'].createElement("ol", {
+  }), indicators && /*#__PURE__*/React__default["default"].createElement("ol", {
     className: prefix + "-indicators"
   }, map(children, function (_child, index) {
-    return /*#__PURE__*/React__default['default'].createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       key: index,
       className: index === renderedActiveIndex ? 'active' : undefined,
       onClick: indicatorOnClicks ? indicatorOnClicks[index] : undefined
     });
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefix + "-inner"
   }, map(children, function (child, index$1) {
     var isActive = index$1 === renderedActiveIndex;
-    return slide ? /*#__PURE__*/React__default['default'].createElement(Transition, {
+    return slide ? /*#__PURE__*/React__default["default"].createElement(Transition, {
       in: isActive,
       onEnter: isActive ? handleEnter : undefined,
       onEntered: isActive ? handleEntered : undefined,
       addEndListener: transitionEnd
     }, function (status) {
-      return React__default['default'].cloneElement(child, {
+      return React__default["default"].cloneElement(child, {
         className: index.classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
       });
-    }) : React__default['default'].cloneElement(child, {
+    }) : React__default["default"].cloneElement(child, {
       className: index.classnames(child.props.className, isActive && 'active')
     });
-  })), controls && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default['default'].createElement(SafeAnchor, {
+  })), controls && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default["default"].createElement(SafeAnchor, {
     className: prefix + "-control-prev",
     onClick: prev
-  }, prevIcon, prevLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, prevIcon, prevLabel && /*#__PURE__*/React__default["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["default"].createElement(SafeAnchor, {
     className: prefix + "-control-next",
     onClick: next
-  }, nextIcon, nextLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, nextIcon, nextLabel && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "sr-only"
   }, nextLabel))));
 }
 
-var Carousel = React__default['default'].forwardRef(CarouselFunc);
+var Carousel = React__default["default"].forwardRef(CarouselFunc);
 Carousel.displayName = 'Carousel';
 Carousel.propTypes = propTypes$9;
 Carousel.defaultProps = defaultProps$s;
@@ -2428,7 +2428,7 @@ Carousel.Caption = CarouselCaption;
 Carousel.Item = CarouselItem;
 
 var DEVICE_SIZES$1 = ['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["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,
@@ -2465,7 +2465,7 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames.apply(void 0, [className].concat(spans, classes))
   }));
@@ -2588,7 +2588,7 @@ function useForceUpdate() {
   return dispatch;
 }
 
-var DropdownContext = /*#__PURE__*/React__default['default'].createContext(null);
+var DropdownContext = /*#__PURE__*/React__default["default"].createContext(null);
 
 function useSafeState(state) {
   var isMounted = useMounted();
@@ -2667,7 +2667,10 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-var round$1 = Math.round;
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+
 function getBoundingClientRect(element, includeScale) {
   if (includeScale === void 0) {
     includeScale = false;
@@ -2678,20 +2681,28 @@ function getBoundingClientRect(element, includeScale) {
   var scaleY = 1;
 
   if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
     // Fallback to 1 in case both values are `0`
-    scaleX = rect.width / element.offsetWidth || 1;
-    scaleY = rect.height / element.offsetHeight || 1;
+
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
+
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
   }
 
   return {
-    width: round$1(rect.width / scaleX),
-    height: round$1(rect.height / scaleY),
-    top: round$1(rect.top / scaleY),
-    right: round$1(rect.right / scaleX),
-    bottom: round$1(rect.bottom / scaleY),
-    left: round$1(rect.left / scaleX),
-    x: round$1(rect.left / scaleX),
-    y: round$1(rect.top / scaleY)
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
   };
 }
 
@@ -2840,13 +2851,13 @@ function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
 }
 
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
-
 function within(min$1, value, max$1) {
   return max(min$1, min(value, max$1));
 }
+function withinMaxClamp(min, value, max) {
+  var v = within(min, value, max);
+  return v > max ? max : v;
+}
 
 function getFreshSideObject() {
   return {
@@ -2959,6 +2970,10 @@ var arrow$1 = {
   requiresIfExists: ['preventOverflow']
 };
 
+function getVariation(placement) {
+  return placement.split('-')[1];
+}
+
 var unsetSides = {
   top: 'auto',
   right: 'auto',
@@ -2974,8 +2989,8 @@ function roundOffsetsByDPR(_ref) {
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(round(x * dpr) / dpr) || 0,
-    y: round(round(y * dpr) / dpr) || 0
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
   };
 }
 
@@ -2985,11 +3000,13 @@ function mapToStyles(_ref2) {
   var popper = _ref2.popper,
       popperRect = _ref2.popperRect,
       placement = _ref2.placement,
+      variation = _ref2.variation,
       offsets = _ref2.offsets,
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
       adaptive = _ref2.adaptive,
-      roundOffsets = _ref2.roundOffsets;
+      roundOffsets = _ref2.roundOffsets,
+      isFixed = _ref2.isFixed;
 
   var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
       _ref3$x = _ref3.x,
@@ -3011,7 +3028,7 @@ function mapToStyles(_ref2) {
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
 
-      if (getComputedStyle$1(offsetParent).position !== 'static') {
+      if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
         heightProp = 'scrollHeight';
         widthProp = 'scrollWidth';
       }
@@ -3020,17 +3037,19 @@ function mapToStyles(_ref2) {
 
     offsetParent = offsetParent;
 
-    if (placement === top) {
-      sideY = bottom; // $FlowFixMe[prop-missing]
-
-      y -= offsetParent[heightProp] - popperRect.height;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
-    if (placement === left) {
-      sideX = right; // $FlowFixMe[prop-missing]
-
-      x -= offsetParent[widthProp] - popperRect.width;
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }
   }
@@ -3042,7 +3061,7 @@ function mapToStyles(_ref2) {
   if (gpuAcceleration) {
     var _Object$assign;
 
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
   }
 
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
@@ -3070,9 +3089,11 @@ function computeStyles(_ref4) {
 
   var commonStyles = {
     placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
     popper: state.elements.popper,
     popperRect: state.rects.popper,
-    gpuAcceleration: gpuAcceleration
+    gpuAcceleration: gpuAcceleration,
+    isFixed: state.options.strategy === 'fixed'
   };
 
   if (state.modifiersData.popperOffsets != null) {
@@ -3330,7 +3351,7 @@ function getInnerBoundingClientRect(element) {
 }
 
 function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -3347,7 +3368,7 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
+    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle$1(clippingParent).position !== 'static' : true);
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents
@@ -3372,10 +3393,6 @@ function getClippingRect(element, boundary, rootBoundary) {
   return clippingRect;
 }
 
-function getVariation(placement) {
-  return placement.split('-')[1];
-}
-
 function computeOffsets(_ref) {
   var reference = _ref.reference,
       element = _ref.element,
@@ -3461,11 +3478,10 @@ function detectOverflow(state, options) {
       padding = _options$padding === void 0 ? 0 : _options$padding;
   var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
   var altContext = elementContext === popper ? reference : popper;
-  var referenceElement = state.elements.reference;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
   var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
-  var referenceClientRect = getBoundingClientRect(referenceElement);
+  var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
@@ -3852,6 +3868,14 @@ function preventOverflow(_ref) {
   var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
     placement: state.placement
   })) : tetherOffset;
+  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
+    mainAxis: tetherOffsetValue,
+    altAxis: tetherOffsetValue
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, tetherOffsetValue);
+  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
   var data = {
     x: 0,
     y: 0
@@ -3861,13 +3885,15 @@ function preventOverflow(_ref) {
     return;
   }
 
-  if (checkMainAxis || checkAltAxis) {
+  if (checkMainAxis) {
+    var _offsetModifierState$;
+
     var mainSide = mainAxis === 'y' ? top : left;
     var altSide = mainAxis === 'y' ? bottom : right;
     var len = mainAxis === 'y' ? 'height' : 'width';
     var offset = popperOffsets[mainAxis];
-    var min$1 = popperOffsets[mainAxis] + overflow[mainSide];
-    var max$1 = popperOffsets[mainAxis] - overflow[altSide];
+    var min$1 = offset + overflow[mainSide];
+    var max$1 = offset - overflow[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
@@ -3887,36 +3913,45 @@ function preventOverflow(_ref) {
     // width or height)
 
     var arrowLen = within(0, referenceRect[len], arrowRect[len]);
-    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;
-    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
     var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
     var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
-    var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;
-    var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;
-    var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;
+    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
+    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = offset + maxOffset - offsetModifierValue;
+    var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
+    popperOffsets[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset;
+  }
 
-    if (checkMainAxis) {
-      var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
-      popperOffsets[mainAxis] = preventedOffset;
-      data[mainAxis] = preventedOffset - offset;
-    }
+  if (checkAltAxis) {
+    var _offsetModifierState$2;
 
-    if (checkAltAxis) {
-      var _mainSide = mainAxis === 'x' ? top : left;
+    var _mainSide = mainAxis === 'x' ? top : left;
 
-      var _altSide = mainAxis === 'x' ? bottom : right;
+    var _altSide = mainAxis === 'x' ? bottom : right;
 
-      var _offset = popperOffsets[altAxis];
+    var _offset = popperOffsets[altAxis];
 
-      var _min = _offset + overflow[_mainSide];
+    var _len = altAxis === 'y' ? 'height' : 'width';
 
-      var _max = _offset - overflow[_altSide];
+    var _min = _offset + overflow[_mainSide];
 
-      var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
+    var _max = _offset - overflow[_altSide];
 
-      popperOffsets[altAxis] = _preventedOffset;
-      data[altAxis] = _preventedOffset - _offset;
-    }
+    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
+
+    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
+
+    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
+
+    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
+
+    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
+
+    popperOffsets[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
   }
 
   state.modifiersData[name] = data;
@@ -3948,8 +3983,8 @@ function getNodeScroll(node) {
 
 function isElementScaled(element) {
   var rect = element.getBoundingClientRect();
-  var scaleX = rect.width / element.offsetWidth || 1;
-  var scaleY = rect.height / element.offsetHeight || 1;
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
   return scaleX !== 1 || scaleY !== 1;
 } // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
@@ -4070,7 +4105,10 @@ var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" mo
 var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
 function validateModifiers(modifiers) {
   modifiers.forEach(function (modifier) {
-    Object.keys(modifier).forEach(function (key) {
+    [].concat(Object.keys(modifier), VALID_PROPERTIES) // IE11-compatible replacement for `new Set(iterable)`
+    .filter(function (value, index, self) {
+      return self.indexOf(value) === index;
+    }).forEach(function (key) {
       switch (key) {
         case 'name':
           if (typeof modifier.name !== 'string') {
@@ -4084,6 +4122,8 @@ function validateModifiers(modifiers) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
           }
 
+          break;
+
         case 'phase':
           if (modifierPhases.indexOf(modifier.phase) < 0) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
@@ -4099,14 +4139,14 @@ function validateModifiers(modifiers) {
           break;
 
         case 'effect':
-          if (typeof modifier.effect !== 'function') {
+          if (modifier.effect != null && typeof modifier.effect !== 'function') {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
           }
 
           break;
 
         case 'requires':
-          if (!Array.isArray(modifier.requires)) {
+          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
           }
 
@@ -4216,7 +4256,8 @@ function popperGenerator(generatorOptions) {
     var isDestroyed = false;
     var instance = {
       state: state,
-      setOptions: function setOptions(options) {
+      setOptions: function setOptions(setOptionsAction) {
+        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options);
         state.scrollParents = {
@@ -4665,7 +4706,7 @@ var warning_1 = warning;
 
 function safeFindDOMNode(componentOrElement) {
   if (componentOrElement && 'setState' in componentOrElement) {
-    return ReactDOM__default['default'].findDOMNode(componentOrElement);
+    return ReactDOM__default["default"].findDOMNode(componentOrElement);
   }
 
   return componentOrElement != null ? componentOrElement : null;
@@ -4964,39 +5005,39 @@ var propTypes$8 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default["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["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["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["default"].bool,
+  usePopper: PropTypes__default["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["default"].object,
 
   /**
    * Override the default event used by RootCloseWrapper.
    */
-  rootCloseEvent: PropTypes__default['default'].string
+  rootCloseEvent: PropTypes__default["default"].string
 };
 var defaultProps$r = {
   usePopper: true
@@ -5013,7 +5054,7 @@ function DropdownMenu$1(_ref2) {
       options = index._objectWithoutPropertiesLoose(_ref2, ["children"]);
 
   var args = useDropdownMenu(options);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, args.hasShown ? children(args) : null);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, args.hasShown ? children(args) : null);
 }
 
 DropdownMenu$1.displayName = 'ReactOverlaysDropdownMenu';
@@ -5062,7 +5103,7 @@ var propTypes$7 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired
+  children: PropTypes__default["default"].func.isRequired
 };
 
 /**
@@ -5080,7 +5121,7 @@ function DropdownToggle$1(_ref2) {
       show = _useDropdownToggle$.show,
       toggle = _useDropdownToggle$.toggle;
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children({
     show: show,
     toggle: toggle,
     props: props
@@ -5102,12 +5143,12 @@ var propTypes$6 = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default["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["default"].oneOf(['up', 'left', 'right', 'down']),
 
   /**
    * Controls the focus behavior for when the Dropdown is opened. Set to
@@ -5117,31 +5158,31 @@ var propTypes$6 = {
    * 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["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["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["default"].bool,
 
   /**
    * Whether or not the Dropdown is visible.
    *
    * @controllable onToggle
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default["default"].bool,
 
   /**
    * Sets the initial show position of the Dropdown.
    */
-  defaultShow: PropTypes__default['default'].bool,
+  defaultShow: PropTypes__default["default"].bool,
 
   /**
    * A callback fired when the Dropdown wishes to change visibility. Called with the requested
@@ -5156,7 +5197,7 @@ var propTypes$6 = {
    *
    * @controllable show
    */
-  onToggle: PropTypes__default['default'].func
+  onToggle: PropTypes__default["default"].func
 };
 
 /**
@@ -5295,7 +5336,7 @@ function Dropdown$1(_ref) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(DropdownContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(DropdownContext.Provider, {
     value: context
   }, children({
     props: {
@@ -5309,14 +5350,14 @@ Dropdown$1.propTypes = propTypes$6;
 Dropdown$1.Menu = DropdownMenu$1;
 Dropdown$1.Toggle = DropdownToggle$1;
 
-var NavContext = React__default['default'].createContext(null);
+var NavContext = React__default["default"].createContext(null);
 NavContext.displayName = 'NavContext';
 
 var defaultProps$q = {
   as: SafeAnchor,
   disabled: false
 };
-var DropdownItem = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownItem = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -5351,7 +5392,7 @@ 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, index._extends({}, props, {
+    React__default["default"].createElement(Component, index._extends({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
@@ -5400,7 +5441,7 @@ function useMergedRefs(refA, refB) {
   }, [refA, refB]);
 }
 
-var context = React__default['default'].createContext(null);
+var context = React__default["default"].createContext(null);
 context.displayName = 'NavbarContext';
 
 function useWrappedRefWithWarning(ref, componentName) {
@@ -5518,14 +5559,14 @@ function usePopperMarginModifiers() {
   return [callback, [offset, popoverArrowMargins]];
 }
 
-var alignDirection = PropTypes__default['default'].oneOf(['left', 'right']);
-var alignPropType = PropTypes__default['default'].oneOfType([alignDirection, PropTypes__default['default'].shape({
+var alignDirection = PropTypes__default["default"].oneOf(['left', 'right']);
+var alignPropType = PropTypes__default["default"].oneOfType([alignDirection, PropTypes__default["default"].shape({
   sm: alignDirection
-}), PropTypes__default['default'].shape({
+}), PropTypes__default["default"].shape({
   md: alignDirection
-}), PropTypes__default['default'].shape({
+}), PropTypes__default["default"].shape({
   lg: alignDirection
-}), PropTypes__default['default'].shape({
+}), PropTypes__default["default"].shape({
   xl: alignDirection
 })]);
 var defaultProps$p = {
@@ -5534,7 +5575,7 @@ var defaultProps$p = {
   flip: true
 }; // TODO: remove this hack
 
-var DropdownMenu = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownMenu = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       align = _ref.align,
@@ -5609,7 +5650,7 @@ var DropdownMenu = React__default['default'].forwardRef(function (_ref, ref) {
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, menuProps, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, menuProps, {
     className: index.classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
@@ -5643,7 +5684,7 @@ module.exports = exports['default'];
 
 _commonjsHelpers.unwrapExports(isRequiredForA11y_1);
 
-var DropdownToggle = React__default['default'].forwardRef(function (_ref, ref) {
+var DropdownToggle = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
@@ -5665,7 +5706,7 @@ var DropdownToggle = 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, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     onClick: toggle,
     className: index.classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
@@ -5688,7 +5729,7 @@ var DropdownItemText = createWithBsPrefix('dropdown-item-text', {
 var defaultProps$o = {
   navbar: false
 };
-var Dropdown = React__default['default'].forwardRef(function (pProps, ref) {
+var Dropdown = React__default["default"].forwardRef(function (pProps, ref) {
   var _useUncontrolled = useUncontrolled(pProps, {
     show: 'onToggle'
   }),
@@ -5725,9 +5766,9 @@ var Dropdown = 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["default"].createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default['default'].createElement(Dropdown$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown$1, {
     drop: drop,
     show: show,
     alignEnd: alignRight,
@@ -5736,7 +5777,7 @@ var Dropdown = 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, index._extends({}, props, dropdownProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, dropdownProps, {
       ref: ref,
       className: index.classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
@@ -5757,19 +5798,19 @@ var propTypes$5 = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default["default"].any,
 
   /** An `href` passed to the Toggle component */
-  href: PropTypes__default['default'].string,
+  href: PropTypes__default["default"].string,
 
   /** An `onClick` handler passed to the Toggle component */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default["default"].func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default["default"].node.isRequired,
 
   /** Disables both Buttons  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default["default"].bool,
 
   /**
    * Aligns the dropdown menu responsively.
@@ -5781,26 +5822,26 @@ var propTypes$5 = {
   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["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["default"].bool,
 
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
    * _see [DropdownMenu](#dropdown-menu-props) for more details_
    */
-  rootCloseEvent: PropTypes__default['default'].string,
+  rootCloseEvent: PropTypes__default["default"].string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default["default"].string,
 
   /** @ignore */
-  variant: PropTypes__default['default'].string,
+  variant: PropTypes__default["default"].string,
 
   /** @ignore */
-  size: PropTypes__default['default'].string
+  size: PropTypes__default["default"].string
 };
 /**
  * A convenience component for simple or general use dropdowns. Renders a `Button` toggle and all `children`
@@ -5811,7 +5852,7 @@ 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["default"].forwardRef(function (_ref, ref) {
   var title = _ref.title,
       children = _ref.children,
       bsPrefix = _ref.bsPrefix,
@@ -5826,16 +5867,16 @@ var DropdownButton = React__default['default'].forwardRef(function (_ref, ref) {
       id = _ref.id,
       props = index._objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Dropdown, index._extends({
     ref: ref
-  }, props), /*#__PURE__*/React__default['default'].createElement(DropdownToggle, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(DropdownToggle, {
     id: id,
     href: href,
     size: size,
     variant: variant,
     disabled: disabled,
     childBsPrefix: bsPrefix
-  }, title), /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -5944,13 +5985,13 @@ var propTypes$4 = {
    *
    * @type {('valid'|'invalid')}
    */
-  type: PropTypes__default['default'].string,
+  type: PropTypes__default["default"].string,
 
   /** Display feedback as a tooltip. */
-  tooltip: PropTypes__default['default'].bool,
-  as: PropTypes__default['default'].elementType
+  tooltip: PropTypes__default["default"].bool,
+  as: PropTypes__default["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["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,
@@ -5961,7 +6002,7 @@ function (_ref, ref) {
       tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,
       props = index._objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
@@ -5969,11 +6010,11 @@ function (_ref, ref) {
 Feedback.displayName = 'Feedback';
 Feedback.propTypes = propTypes$4;
 
-var FormContext = React__default['default'].createContext({
+var FormContext = React__default["default"].createContext({
   controlId: undefined
 });
 
-var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheckInput = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -5998,7 +6039,7 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
@@ -6007,7 +6048,7 @@ var FormCheckInput = React__default['default'].forwardRef(function (_ref, ref) {
 });
 FormCheckInput.displayName = 'FormCheckInput';
 
-var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheckLabel = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
@@ -6023,7 +6064,7 @@ var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement("label", index._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: index.classnames(className, bsPrefix)
@@ -6031,7 +6072,7 @@ var FormCheckLabel = React__default['default'].forwardRef(function (_ref, ref) {
 });
 FormCheckLabel.displayName = 'FormCheckLabel';
 
-var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
+var FormCheck = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6077,7 +6118,7 @@ var FormCheck = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = custom || label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default['default'].createElement(FormCheckInput, index._extends({}, props, {
+  var input = /*#__PURE__*/React__default["default"].createElement(FormCheckInput, index._extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -6086,14 +6127,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["default"].createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: style,
     className: index.classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
-  }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormCheckLabel, {
+  }, children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, input, hasLabel && /*#__PURE__*/React__default["default"].createElement(FormCheckLabel, {
     title: title
-  }, label), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
+  }, label), (isValid || isInvalid) && /*#__PURE__*/React__default["default"].createElement(Feedback, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -6102,7 +6143,7 @@ FormCheck.displayName = 'FormCheck';
 FormCheck.Input = FormCheckInput;
 FormCheck.Label = FormCheckLabel;
 
-var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFileInput = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6125,7 +6166,7 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
@@ -6135,7 +6176,7 @@ var FormFileInput = React__default['default'].forwardRef(function (_ref, ref) {
 });
 FormFileInput.displayName = 'FormFileInput';
 
-var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFileLabel = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
@@ -6151,7 +6192,7 @@ var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default['default'].createElement("label", index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement("label", index._extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: index.classnames(className, bsPrefix),
@@ -6160,7 +6201,7 @@ var FormFileLabel = React__default['default'].forwardRef(function (_ref, ref) {
 });
 FormFileLabel.displayName = 'FormFileLabel';
 
-var FormFile = React__default['default'].forwardRef(function (_ref, ref) {
+var FormFile = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6203,7 +6244,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, index._extends({}, props, {
+  var input = /*#__PURE__*/React__default["default"].createElement(FormFileInput, index._extends({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6211,14 +6252,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["default"].createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default['default'].createElement(Component, {
+  }, /*#__PURE__*/React__default["default"].createElement(Component, {
     style: style,
     className: index.classnames(className, bsPrefix, custom && "custom-" + type)
-  }, children || /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, custom ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, input, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, {
+  }, children || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, custom ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, input, hasLabel && /*#__PURE__*/React__default["default"].createElement(FormFileLabel, {
     "data-browse": dataBrowse
-  }, label)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, hasLabel && /*#__PURE__*/React__default['default'].createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React__default['default'].createElement(Feedback, {
+  }, 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, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -6227,7 +6268,7 @@ FormFile.displayName = 'FormFile';
 FormFile.Input = FormFileInput;
 FormFile.Label = FormFileLabel;
 
-var FormControl = React__default['default'].forwardRef(function (_ref, ref) {
+var FormControl = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       type = _ref.type,
@@ -6279,7 +6320,7 @@ 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, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
@@ -6293,7 +6334,7 @@ var FormControl$1 = Object.assign(FormControl, {
   Feedback: Feedback
 });
 
-var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var FormGroup = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -6308,9 +6349,9 @@ var FormGroup = React__default['default'].forwardRef(function (_ref, ref) {
       controlId: controlId
     };
   }, [controlId]);
-  return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, bsPrefix)
   }), children));
@@ -6321,7 +6362,7 @@ var defaultProps$n = {
   column: false,
   srOnly: false
 };
-var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
+var FormLabel = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'label' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -6340,7 +6381,7 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
   var classes = index.classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
   htmlFor = htmlFor || controlId;
-  if (column) return /*#__PURE__*/React__default['default'].createElement(Col, index._extends({
+  if (column) return /*#__PURE__*/React__default["default"].createElement(Col, index._extends({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6348,7 +6389,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, index._extends({
+    React__default["default"].createElement(Component, index._extends({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6358,7 +6399,7 @@ var FormLabel = React__default['default'].forwardRef(function (_ref, ref) {
 FormLabel.displayName = 'FormLabel';
 FormLabel.defaultProps = defaultProps$n;
 
-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["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,
@@ -6368,15 +6409,15 @@ function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, bsPrefix, muted && 'text-muted')
   }));
 });
 FormText.displayName = 'FormText';
 
-var Switch = React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(FormCheck, index._extends({}, props, {
+var Switch = React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(FormCheck, index._extends({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6389,7 +6430,7 @@ var FormRow = createWithBsPrefix('form-row');
 var defaultProps$m = {
   inline: false
 };
-var FormImpl = React__default['default'].forwardRef(function (_ref, ref) {
+var FormImpl = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       inline = _ref.inline,
       className = _ref.className,
@@ -6399,7 +6440,7 @@ var FormImpl = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
@@ -6418,7 +6459,7 @@ FormImpl.Text = FormText;
 var defaultProps$l = {
   fluid: false
 };
-var Container = React__default['default'].forwardRef(function (_ref, ref) {
+var Container = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       fluid = _ref.fluid,
       _ref$as = _ref.as,
@@ -6428,7 +6469,7 @@ var Container = React__default['default'].forwardRef(function (_ref, ref) {
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, fluid ? "" + prefix + suffix : prefix)
@@ -6441,27 +6482,27 @@ var propTypes$3 = {
   /**
    * @default 'img'
    */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default["default"].string,
 
   /**
    * Sets image as fluid image.
    */
-  fluid: PropTypes__default['default'].bool,
+  fluid: PropTypes__default["default"].bool,
 
   /**
    * Sets image shape as rounded.
    */
-  rounded: PropTypes__default['default'].bool,
+  rounded: PropTypes__default["default"].bool,
 
   /**
    * Sets image shape as circle.
    */
-  roundedCircle: PropTypes__default['default'].bool,
+  roundedCircle: PropTypes__default["default"].bool,
 
   /**
    * Sets image shape as thumbnail.
    */
-  thumbnail: PropTypes__default['default'].bool
+  thumbnail: PropTypes__default["default"].bool
 };
 var defaultProps$k = {
   fluid: false,
@@ -6469,7 +6510,7 @@ var defaultProps$k = {
   roundedCircle: false,
   thumbnail: false
 };
-var Image = React__default['default'].forwardRef(function (_ref, ref) {
+var Image = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       fluid = _ref.fluid,
@@ -6480,7 +6521,7 @@ var Image = React__default['default'].forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
   var classes = index.classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
-  return /*#__PURE__*/React__default['default'].createElement("img", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("img", index._extends({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
@@ -6493,11 +6534,11 @@ Image.defaultProps = defaultProps$k;
 var defaultProps$j = {
   fluid: true
 };
-var FigureImage = React__default['default'].forwardRef(function (_ref, ref) {
+var FigureImage = React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
       props = index._objectWithoutPropertiesLoose(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Image, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Image, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, 'figure-img')
@@ -6524,13 +6565,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", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(InputGroupText, null, /*#__PURE__*/React__default["default"].createElement("input", index._extends({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default['default'].createElement(InputGroupText, null, /*#__PURE__*/React__default['default'].createElement("input", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(InputGroupText, null, /*#__PURE__*/React__default["default"].createElement("input", index._extends({
     type: "radio"
   }, props)));
 };
@@ -6543,7 +6584,7 @@ var InputGroupRadio = function InputGroupRadio(props) {
  * @property {InputGroupRadio} Radio
  * @property {InputGroupCheckbox} Checkbox
  */
-var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
+var InputGroup = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       className = _ref.className,
@@ -6552,7 +6593,7 @@ var InputGroup = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, bsPrefix, size && bsPrefix + "-" + size)
@@ -6571,7 +6612,7 @@ index._extends({}, InputGroup, {
 var defaultProps$i = {
   fluid: false
 };
-var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
+var Jumbotron = React__default["default"].forwardRef(function (_ref, ref) {
   var _classes;
 
   var _ref$as = _ref.as,
@@ -6583,7 +6624,7 @@ var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'jumbotron');
   var classes = (_classes = {}, _classes[bsPrefix] = true, _classes[bsPrefix + "-fluid"] = fluid, _classes);
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, classes)
@@ -6592,12 +6633,12 @@ var Jumbotron = React__default['default'].forwardRef(function (_ref, ref) {
 Jumbotron.defaultProps = defaultProps$i;
 Jumbotron.displayName = 'Jumbotron';
 
-var TabContext = React__default['default'].createContext(null);
+var TabContext = React__default["default"].createContext(null);
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop$1 = function noop() {};
 
-var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
+var AbstractNav = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'ul' : _ref$as,
       onSelect = _ref.onSelect,
@@ -6678,9 +6719,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["default"].createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default['default'].createElement(NavContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(NavContext.Provider, {
     value: {
       role: role,
       // used by NavLink to determine it's role
@@ -6688,7 +6729,7 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
       getControlledId: getControlledId || noop$1,
       getControllerId: getControllerId || noop$1
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
@@ -6698,7 +6739,7 @@ var AbstractNav = React__default['default'].forwardRef(function (_ref, ref) {
 var defaultProps$h = {
   disabled: false
 };
-var AbstractNavItem = React__default['default'].forwardRef(function (_ref, ref) {
+var AbstractNavItem = React__default["default"].forwardRef(function (_ref, ref) {
   var active = _ref.active,
       className = _ref.className,
       eventKey = _ref.eventKey,
@@ -6735,7 +6776,7 @@ 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, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     onClick: handleOnclick,
     className: index.classnames(className, isActive && 'active')
@@ -6748,7 +6789,7 @@ var defaultProps$g = {
   active: false,
   disabled: false
 };
-var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
+var ListGroupItem = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       disabled = _ref.disabled,
@@ -6770,7 +6811,7 @@ var ListGroupItem = React__default['default'].forwardRef(function (_ref, ref) {
 
     if (onClick) onClick(event);
   }, [disabled, onClick]);
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(AbstractNavItem, index._extends({
     ref: ref
   }, props, {
     // TODO: Restrict eventKey to string in v5?
@@ -6788,7 +6829,7 @@ var defaultProps$f = {
   variant: undefined,
   horizontal: undefined
 };
-var ListGroup = React__default['default'].forwardRef(function (props, ref) {
+var ListGroup = React__default["default"].forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -6810,7 +6851,7 @@ 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, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(AbstractNav, index._extends({
     ref: ref
   }, controlledProps, {
     as: as,
@@ -6822,7 +6863,7 @@ 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["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,
@@ -6831,7 +6872,7 @@ function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, prefix)
   }));
@@ -7233,7 +7274,7 @@ var Modal$1 = /*#__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["default"].createElement("div", props);
   } : _ref$renderBackdrop,
       providedManager = _ref.manager,
       containerRef = _ref.container,
@@ -7391,12 +7432,12 @@ var Modal$1 = /*#__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["default"].createElement("div", dialogProps, /*#__PURE__*/React__default["default"].cloneElement(children, {
     role: 'document'
   }));
 
   if (Transition) {
-    dialog = /*#__PURE__*/React__default['default'].createElement(Transition, {
+    dialog = /*#__PURE__*/React__default["default"].createElement(Transition, {
       appear: true,
       unmountOnExit: true,
       "in": !!show,
@@ -7419,20 +7460,20 @@ var Modal$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
 
     if (BackdropTransition) {
-      backdropElement = /*#__PURE__*/React__default['default'].createElement(BackdropTransition, {
+      backdropElement = /*#__PURE__*/React__default["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["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));
 });
 var propTypes$2 = {
   /**
    * Set the visibility of the Modal
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default["default"].bool,
 
   /**
    * A DOM element, a `ref` to an element, or function that returns either. The Modal is appended to it's `container` element.
@@ -7440,12 +7481,12 @@ var propTypes$2 = {
    * 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["default"].any,
 
   /**
    * A callback fired when the Modal is opening.
    */
-  onShow: PropTypes__default['default'].func,
+  onShow: PropTypes__default["default"].func,
 
   /**
    * A callback fired when either the backdrop is clicked, or the escape key is pressed.
@@ -7453,12 +7494,12 @@ var propTypes$2 = {
    * 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["default"].func,
 
   /**
    * Include a backdrop component.
    */
-  backdrop: PropTypes__default['default'].oneOfType([PropTypes__default['default'].bool, PropTypes__default['default'].oneOf(['static'])]),
+  backdrop: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(['static'])]),
 
   /**
    * A function that returns the dialog component. Useful for custom
@@ -7468,7 +7509,7 @@ var propTypes$2 = {
    * renderDialog={props => <MyDialog {...props} />}
    * ```
    */
-  renderDialog: PropTypes__default['default'].func,
+  renderDialog: PropTypes__default["default"].func,
 
   /**
    * A function that returns a backdrop component. Useful for custom
@@ -7478,42 +7519,42 @@ var propTypes$2 = {
    *  renderBackdrop={props => <MyBackdrop {...props} />}
    * ```
    */
-  renderBackdrop: PropTypes__default['default'].func,
+  renderBackdrop: PropTypes__default["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["default"].func,
 
   /**
    * A callback fired when the backdrop, if specified, is clicked.
    */
-  onBackdropClick: PropTypes__default['default'].func,
+  onBackdropClick: PropTypes__default["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["default"].string,
 
   /**
    * Close the modal when escape key is pressed
    */
-  keyboard: PropTypes__default['default'].bool,
+  keyboard: PropTypes__default["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["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["default"].elementType,
 
   /**
    * When `true` The modal will automatically shift focus to itself when it opens, and
@@ -7523,7 +7564,7 @@ var propTypes$2 = {
    * 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["default"].bool,
 
   /**
    * When `true` The modal will prevent focus from leaving the Modal while open.
@@ -7531,58 +7572,58 @@ var propTypes$2 = {
    * 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["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["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["default"].shape({
+    preventScroll: PropTypes__default["default"].bool
   }),
 
   /**
    * Callback fired before the Modal transitions in
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default["default"].func,
 
   /**
    * Callback fired as the Modal begins to transition in
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the Modal finishes transitioning in
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default["default"].func,
 
   /**
    * Callback fired right before the Modal transitions out
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default["default"].func,
 
   /**
    * Callback fired as the Modal begins to transition out
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the Modal finishes transitioning out
    */
-  onExited: PropTypes__default['default'].func,
+  onExited: PropTypes__default["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["default"].instanceOf(ModalManager)
 };
 Modal$1.displayName = 'Modal';
 Modal$1.propTypes = propTypes$2;
@@ -7665,12 +7706,12 @@ var BootstrapModalManager = /*#__PURE__*/function (_ModalManager) {
 
 var ModalBody = createWithBsPrefix('modal-body');
 
-var ModalContext = React__default['default'].createContext({
+var ModalContext = React__default["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["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       contentClassName = _ref.contentClassName,
@@ -7682,10 +7723,10 @@ var ModalDialog = React__default['default'].forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({}, props, {
     ref: ref,
     className: index.classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: index.classnames(bsPrefix + "-content", contentClassName)
   }, children));
 });
@@ -7697,7 +7738,7 @@ var defaultProps$e = {
   closeLabel: 'Close',
   closeButton: false
 };
-var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
+var ModalHeader = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
@@ -7712,11 +7753,11 @@ var ModalHeader = React__default['default'].forwardRef(function (_ref, ref) {
     if (context) context.onHide();
     if (onHide) onHide();
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, bsPrefix)
-  }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+  }), children, closeButton && /*#__PURE__*/React__default["default"].createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick
   }));
@@ -7743,16 +7784,16 @@ var defaultProps$d = {
 /* 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["default"].createElement(Fade, props);
 }
 
 function BackdropTransition(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Fade, props);
+  return /*#__PURE__*/React__default["default"].createElement(Fade, props);
 }
 /* eslint-enable no-use-before-define */
 
 
-var Modal = React__default['default'].forwardRef(function (_ref, ref) {
+var Modal = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       style = _ref.style,
@@ -7947,7 +7988,7 @@ var Modal = React__default['default'].forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = React.useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, backdropProps, {
+    return /*#__PURE__*/React__default["default"].createElement("div", index._extends({}, backdropProps, {
       className: index.classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
@@ -7960,7 +8001,7 @@ var Modal = React__default['default'].forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+    return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
@@ -7968,7 +8009,7 @@ var Modal = React__default['default'].forwardRef(function (_ref, ref) {
       onClick: backdrop ? handleClick : undefined,
       onMouseUp: handleMouseUp,
       "aria-labelledby": ariaLabelledby
-    }), /*#__PURE__*/React__default['default'].createElement(Dialog, index._extends({}, props, {
+    }), /*#__PURE__*/React__default["default"].createElement(Dialog, index._extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
       className: dialogClassName,
@@ -7976,9 +8017,9 @@ var Modal = React__default['default'].forwardRef(function (_ref, ref) {
     }), children));
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ModalContext.Provider, {
     value: modalContext
-  }, /*#__PURE__*/React__default['default'].createElement(BaseModal, {
+  }, /*#__PURE__*/React__default["default"].createElement(BaseModal, {
     show: show,
     ref: setModalRef,
     backdrop: backdrop,
@@ -8016,7 +8057,7 @@ Modal.Dialog = ModalDialog;
 Modal.TRANSITION_DURATION = 300;
 Modal.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["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,
@@ -8026,7 +8067,7 @@ function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, bsPrefix)
   }), children);
@@ -8037,7 +8078,7 @@ var defaultProps$c = {
   disabled: false,
   as: SafeAnchor
 };
-var NavLink = React__default['default'].forwardRef(function (_ref, ref) {
+var NavLink = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       disabled = _ref.disabled,
       className = _ref.className,
@@ -8048,7 +8089,7 @@ var NavLink = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNavItem, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(AbstractNavItem, index._extends({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
@@ -8065,7 +8106,7 @@ var defaultProps$b = {
   justify: false,
   fill: false
 };
-var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref) {
+var Nav = React__default["default"].forwardRef(function (uncontrolledProps, ref) {
   var _classNames;
 
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
@@ -8097,7 +8138,7 @@ var Nav = React__default['default'].forwardRef(function (uncontrolledProps, ref)
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(AbstractNav, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(AbstractNav, index._extends({
     as: as,
     ref: ref,
     activeKey: activeKey,
@@ -8109,7 +8150,7 @@ Nav.defaultProps = defaultProps$b;
 Nav.Item = NavItem;
 Nav.Link = NavLink;
 
-var NavbarBrand = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarBrand = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
@@ -8117,23 +8158,23 @@ var NavbarBrand = React__default['default'].forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, bsPrefix)
   }));
 });
 NavbarBrand.displayName = 'NavbarBrand';
 
-var NavbarCollapse = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarCollapse = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
       props = index._objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
-  return /*#__PURE__*/React__default['default'].createElement(context.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default['default'].createElement(Collapse, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(context.Consumer, null, function (context) {
+    return /*#__PURE__*/React__default["default"].createElement(Collapse, index._extends({
       in: !!(context && context.expanded)
-    }, props), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, props), /*#__PURE__*/React__default["default"].createElement("div", {
       ref: ref,
       className: bsPrefix
     }, children));
@@ -8144,7 +8185,7 @@ NavbarCollapse.displayName = 'NavbarCollapse';
 var defaultProps$a = {
   label: 'Toggle navigation'
 };
-var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
+var NavbarToggle = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8169,12 +8210,12 @@ var NavbarToggle = React__default['default'].forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
     className: index.classnames(className, bsPrefix, !expanded && 'collapsed')
-  }), children || /*#__PURE__*/React__default['default'].createElement("span", {
+  }), children || /*#__PURE__*/React__default["default"].createElement("span", {
     className: bsPrefix + "-icon"
   }));
 });
@@ -8189,7 +8230,7 @@ var defaultProps$9 = {
   variant: 'light',
   collapseOnSelect: false
 };
-var Navbar = React__default['default'].forwardRef(function (props, ref) {
+var Navbar = React__default["default"].forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     expanded: 'onToggle'
   }),
@@ -8237,11 +8278,11 @@ var Navbar = React__default['default'].forwardRef(function (props, ref) {
       expanded: !!expanded
     };
   }, [bsPrefix, expanded, _onToggle]);
-  return /*#__PURE__*/React__default['default'].createElement(context.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(context.Provider, {
     value: navbarContext
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, controlledProps, {
     className: index.classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
@@ -8260,37 +8301,37 @@ var propTypes$1 = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default["default"].any,
 
   /** An `onClick` handler passed to the Toggle component */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default["default"].func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default["default"].node.isRequired,
 
   /** Disables the toggle NavLink  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default["default"].bool,
 
   /** Style the toggle NavLink as active  */
-  active: PropTypes__default['default'].bool,
+  active: PropTypes__default["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["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["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["default"].string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string
+  bsPrefix: PropTypes__default["default"].string
 };
-var NavDropdown = React__default['default'].forwardRef(function (_ref, ref) {
+var NavDropdown = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       title = _ref.title,
       children = _ref.children,
@@ -8302,18 +8343,18 @@ var NavDropdown = React__default['default'].forwardRef(function (_ref, ref) {
       renderMenuOnMount = _ref.renderMenuOnMount,
       props = index._objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Dropdown, index._extends({
     ref: ref
   }, props, {
     as: NavItem
-  }), /*#__PURE__*/React__default['default'].createElement(Dropdown.Toggle, {
+  }), /*#__PURE__*/React__default["default"].createElement(Dropdown.Toggle, {
     id: id,
     eventKey: null,
     active: active,
     disabled: disabled,
     childBsPrefix: bsPrefix,
     as: NavLink
-  }, title), /*#__PURE__*/React__default['default'].createElement(Dropdown.Menu, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Dropdown.Menu, {
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -8330,7 +8371,7 @@ NavDropdown.Header = Dropdown.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["default"].forwardRef(function (props, outerRef) {
   var flip = props.flip,
       offset = props.offset,
       placement = props.placement,
@@ -8413,7 +8454,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["default"].createElement(Transition, {
       "in": props.show,
       appear: true,
       onExit: onExit,
@@ -8425,36 +8466,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__default["default"].createPortal(child, container) : null;
 });
 Overlay.displayName = 'Overlay';
 Overlay.propTypes = {
   /**
    * Set the visibility of the Overlay
    */
-  show: PropTypes__default['default'].bool,
+  show: PropTypes__default["default"].bool,
 
   /** Specify where the overlay element is positioned in relation to the target element */
-  placement: PropTypes__default['default'].oneOf(placements),
+  placement: PropTypes__default["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["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["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["default"].bool,
 
   /**
    * A render prop that returns an element to overlay and position. See
@@ -8478,33 +8519,33 @@ Overlay.propTypes = {
    *   },
    * }) => React.Element}
    */
-  children: PropTypes__default['default'].func.isRequired,
+  children: PropTypes__default["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["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["default"].object,
 
   /**
    * Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay
    */
-  rootClose: PropTypes__default['default'].bool,
+  rootClose: PropTypes__default["default"].bool,
 
   /**
    * Specify event for toggling overlay
    */
-  rootCloseEvent: PropTypes__default['default'].oneOf(['click', 'mousedown']),
+  rootCloseEvent: PropTypes__default["default"].oneOf(['click', 'mousedown']),
 
   /**
    * Specify disabled for disable RootCloseWrapper
    */
-  rootCloseDisabled: PropTypes__default['default'].bool,
+  rootCloseDisabled: PropTypes__default["default"].bool,
 
   /**
    * A Callback fired by the Overlay when it wishes to be hidden.
@@ -8521,10 +8562,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["default"].func).isRequired.apply(_PropTypes$func, [props].concat(args));
     }
 
-    return PropTypes__default['default'].func.apply(PropTypes__default['default'], [props].concat(args));
+    return PropTypes__default["default"].func.apply(PropTypes__default["default"], [props].concat(args));
   },
 
   /**
@@ -8532,37 +8573,37 @@ Overlay.propTypes = {
    * used to animate the overlay as it changes visibility.
    */
   // @ts-ignore
-  transition: PropTypes__default['default'].elementType,
+  transition: PropTypes__default["default"].elementType,
 
   /**
    * Callback fired before the Overlay transitions in
    */
-  onEnter: PropTypes__default['default'].func,
+  onEnter: PropTypes__default["default"].func,
 
   /**
    * Callback fired as the Overlay begins to transition in
    */
-  onEntering: PropTypes__default['default'].func,
+  onEntering: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the Overlay finishes transitioning in
    */
-  onEntered: PropTypes__default['default'].func,
+  onEntered: PropTypes__default["default"].func,
 
   /**
    * Callback fired right before the Overlay transitions out
    */
-  onExit: PropTypes__default['default'].func,
+  onExit: PropTypes__default["default"].func,
 
   /**
    * Callback fired as the Overlay begins to transition out
    */
-  onExiting: PropTypes__default['default'].func,
+  onExiting: PropTypes__default["default"].func,
 
   /**
    * Callback fired after the Overlay finishes transitioning out
    */
-  onExited: PropTypes__default['default'].func
+  onExited: PropTypes__default["default"].func
 };
 
 /*#__PURE__*/(function (_React$Component) {
@@ -8579,14 +8620,14 @@ Overlay.propTypes = {
   };
 
   return RefHolder;
-})(React__default['default'].Component);
+})(React__default["default"].Component);
 
 var defaultProps$8 = {
   active: false,
   disabled: false,
   activeLabel: '(current)'
 };
-var PageItem = React__default['default'].forwardRef(function (_ref, ref) {
+var PageItem = React__default["default"].forwardRef(function (_ref, ref) {
   var active = _ref.active,
       disabled = _ref.disabled,
       className = _ref.className,
@@ -8596,17 +8637,17 @@ var PageItem = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._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["default"].createElement("li", {
     ref: ref,
     style: style,
     className: index.classnames(className, 'page-item', {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     className: "page-link",
     disabled: disabled
-  }, props), children, active && activeLabel && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, props), children, active && activeLabel && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "sr-only"
   }, activeLabel)));
 });
@@ -8622,9 +8663,9 @@ function createButton(name, defaultValue, label) {
     var children = _ref2.children,
         props = index._objectWithoutPropertiesLoose(_ref2, ["children"]);
 
-    return /*#__PURE__*/React__default['default'].createElement(PageItem, props, /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement(PageItem, props, /*#__PURE__*/React__default["default"].createElement("span", {
       "aria-hidden": "true"
-    }, children || defaultValue), /*#__PURE__*/React__default['default'].createElement("span", {
+    }, children || defaultValue), /*#__PURE__*/React__default["default"].createElement("span", {
       className: "sr-only"
     }, label));
   }
@@ -8647,7 +8688,7 @@ var Last = createButton('Last', '»');
  * @property {PageItem} Next
  * @property {PageItem} Last
  */
-var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
+var Pagination = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8655,7 +8696,7 @@ var Pagination = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default['default'].createElement("ul", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("ul", index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
@@ -8668,7 +8709,7 @@ Pagination.Item = PageItem;
 Pagination.Next = Next;
 Pagination.Last = Last;
 
-var PopoverTitle = React__default['default'].forwardRef(function (_ref, ref) {
+var PopoverTitle = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -8677,14 +8718,14 @@ var PopoverTitle = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(bsPrefix, className)
   }), children);
 });
 
-var PopoverContent = React__default['default'].forwardRef(function (_ref, ref) {
+var PopoverContent = React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -8693,7 +8734,7 @@ var PopoverContent = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, bsPrefix)
@@ -8703,7 +8744,7 @@ var PopoverContent = React__default['default'].forwardRef(function (_ref, ref) {
 var defaultProps$7 = {
   placement: 'right'
 };
-var Popover = React__default['default'].forwardRef(function (_ref, ref) {
+var Popover = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -8720,15 +8761,15 @@ var Popover = React__default['default'].forwardRef(function (_ref, ref) {
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref,
     role: "tooltip",
     style: style,
     "x-placement": primaryPlacement,
     className: index.classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  }, props), /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     className: "arrow"
-  }, arrowProps)), content ? /*#__PURE__*/React__default['default'].createElement(PopoverContent, null, children) : children);
+  }, arrowProps)), content ? /*#__PURE__*/React__default["default"].createElement(PopoverContent, null, children) : children);
 });
 Popover.defaultProps = defaultProps$7;
 Popover.Title = PopoverTitle;
@@ -8766,7 +8807,7 @@ function renderProgressBar(_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       props = index._objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref
   }, props, {
     role: "progressbar",
@@ -8777,12 +8818,12 @@ function renderProgressBar(_ref, ref) {
     "aria-valuenow": now,
     "aria-valuemin": min,
     "aria-valuemax": max
-  }), srOnly ? /*#__PURE__*/React__default['default'].createElement("span", {
+  }), srOnly ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: "sr-only"
   }, label) : label);
 }
 
-var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
+var ProgressBar = React__default["default"].forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
       props = index._objectWithoutPropertiesLoose(_ref2, ["isChild"]);
 
@@ -8805,7 +8846,7 @@ var ProgressBar = React__default['default'].forwardRef(function (_ref2, ref) {
       children = props.children,
       wrapperProps = index._objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref
   }, wrapperProps, {
     className: index.classnames(className, bsPrefix)
@@ -8831,7 +8872,7 @@ ProgressBar.defaultProps = defaultProps$6;
 var defaultProps$5 = {
   aspectRatio: '1by1'
 };
-var ResponsiveEmbed = React__default['default'].forwardRef(function (_ref, ref) {
+var ResponsiveEmbed = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8839,12 +8880,12 @@ var ResponsiveEmbed = React__default['default'].forwardRef(function (_ref, ref)
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'embed-responsive');
-  var child = React__default['default'].Children.only(children);
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  var child = React__default["default"].Children.only(children);
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref
   }, props, {
     className: index.classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
-  }), React__default['default'].cloneElement(child, {
+  }), React__default["default"].cloneElement(child, {
     className: index.classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
@@ -8854,7 +8895,7 @@ var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
 var defaultProps$4 = {
   noGutters: false
 };
-var Row = React__default['default'].forwardRef(function (_ref, ref) {
+var Row = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       noGutters = _ref.noGutters,
@@ -8879,7 +8920,7 @@ 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, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
@@ -8888,7 +8929,7 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
 Row.displayName = 'Row';
 Row.defaultProps = defaultProps$4;
 
-var Spinner = React__default['default'].forwardRef(function (_ref, ref) {
+var Spinner = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       animation = _ref.animation,
@@ -8901,7 +8942,7 @@ var Spinner = React__default['default'].forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
@@ -8915,30 +8956,30 @@ var propTypes = {
    * @type {string|number}
    * @required
    */
-  id: PropTypes__default['default'].any,
+  id: PropTypes__default["default"].any,
 
   /**
    * Accessible label for the toggle; the value of `title` if not specified.
    */
-  toggleLabel: PropTypes__default['default'].string,
+  toggleLabel: PropTypes__default["default"].string,
 
   /** An `href` passed to the non-toggle Button */
-  href: PropTypes__default['default'].string,
+  href: PropTypes__default["default"].string,
 
   /** An anchor `target` passed to the non-toggle Button */
-  target: PropTypes__default['default'].string,
+  target: PropTypes__default["default"].string,
 
   /** An `onClick` handler passed to the non-toggle Button */
-  onClick: PropTypes__default['default'].func,
+  onClick: PropTypes__default["default"].func,
 
   /** The content of the non-toggle Button.  */
-  title: PropTypes__default['default'].node.isRequired,
+  title: PropTypes__default["default"].node.isRequired,
 
   /** A `type` passed to the non-toggle Button */
-  type: PropTypes__default['default'].string,
+  type: PropTypes__default["default"].string,
 
   /** Disables both Buttons  */
-  disabled: PropTypes__default['default'].bool,
+  disabled: PropTypes__default["default"].bool,
 
   /**
    * Aligns the dropdown menu responsively.
@@ -8950,32 +8991,32 @@ var propTypes = {
   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["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["default"].bool,
 
   /**
    *  Which event when fired outside the component will cause it to be closed.
    *
    * _see [DropdownMenu](#dropdown-menu-props) for more details_
    */
-  rootCloseEvent: PropTypes__default['default'].string,
+  rootCloseEvent: PropTypes__default["default"].string,
 
   /** @ignore */
-  bsPrefix: PropTypes__default['default'].string,
+  bsPrefix: PropTypes__default["default"].string,
 
   /** @ignore */
-  variant: PropTypes__default['default'].string,
+  variant: PropTypes__default["default"].string,
 
   /** @ignore */
-  size: PropTypes__default['default'].string
+  size: PropTypes__default["default"].string
 };
 var defaultProps$3 = {
   toggleLabel: 'Toggle dropdown',
   type: 'button'
 };
-var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
+var SplitButton = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       size = _ref.size,
@@ -8993,11 +9034,11 @@ var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
       rootCloseEvent = _ref.rootCloseEvent,
       props = index._objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
-  return /*#__PURE__*/React__default['default'].createElement(Dropdown, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Dropdown, index._extends({
     ref: ref
   }, props, {
     as: ButtonGroup
-  }), /*#__PURE__*/React__default['default'].createElement(Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     size: size,
     variant: variant,
     disabled: props.disabled,
@@ -9006,16 +9047,16 @@ var SplitButton = React__default['default'].forwardRef(function (_ref, ref) {
     target: target,
     onClick: onClick,
     type: type
-  }, title), /*#__PURE__*/React__default['default'].createElement(Dropdown.Toggle, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Dropdown.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["default"].createElement("span", {
     className: "sr-only"
-  }, toggleLabel)), /*#__PURE__*/React__default['default'].createElement(Dropdown.Menu, {
+  }, toggleLabel)), /*#__PURE__*/React__default["default"].createElement(Dropdown.Menu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -9059,14 +9100,14 @@ var TabContainer = function TabContainer(props) {
       }
     };
   }, [onSelect, activeKey, transition, mountOnEnter, unmountOnExit, generateChildId]);
-  return /*#__PURE__*/React__default['default'].createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(TabContext.Provider, {
     value: tabContext
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(SelectableContext.Provider, {
     value: onSelect || null
   }, children));
 };
 
-var TabContent = React__default['default'].forwardRef(function (_ref, ref) {
+var TabContent = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
@@ -9074,7 +9115,7 @@ var TabContent = React__default['default'].forwardRef(function (_ref, ref) {
       props = index._objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default['default'].createElement(Component, index._extends({
+  return /*#__PURE__*/React__default["default"].createElement(Component, index._extends({
     ref: ref
   }, props, {
     className: index.classnames(className, decoratedBsPrefix)
@@ -9102,7 +9143,7 @@ function useTabContext(props) {
   });
 }
 
-var TabPane = React__default['default'].forwardRef(function (props, ref) {
+var TabPane = React__default["default"].forwardRef(function (props, ref) {
   var _useTabContext = useTabContext(props),
       bsPrefix = _useTabContext.bsPrefix,
       className = _useTabContext.className,
@@ -9123,7 +9164,7 @@ var TabPane = React__default['default'].forwardRef(function (props, ref) {
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
-  var pane = /*#__PURE__*/React__default['default'].createElement(Component, index._extends({}, rest, {
+  var pane = /*#__PURE__*/React__default["default"].createElement(Component, index._extends({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
@@ -9131,7 +9172,7 @@ var TabPane = React__default['default'].forwardRef(function (props, ref) {
       active: active
     })
   }));
-  if (Transition) pane = /*#__PURE__*/React__default['default'].createElement(Transition, {
+  if (Transition) pane = /*#__PURE__*/React__default["default"].createElement(Transition, {
     in: active,
     onEnter: onEnter,
     onEntering: onEntering,
@@ -9144,9 +9185,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["default"].createElement(TabContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default['default'].createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React__default["default"].createElement(SelectableContext.Provider, {
     value: null
   }, pane));
 });
@@ -9167,13 +9208,13 @@ var Tab = /*#__PURE__*/function (_React$Component) {
   };
 
   return Tab;
-}(React__default['default'].Component);
+}(React__default["default"].Component);
 
 Tab.Container = TabContainer;
 Tab.Content = TabContent;
 Tab.Pane = TabPane;
 
-React__default['default'].forwardRef(function (_ref, ref) {
+React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       striped = _ref.striped,
@@ -9187,7 +9228,7 @@ React__default['default'].forwardRef(function (_ref, ref) {
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
   var classes = index.classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
-  var table = /*#__PURE__*/React__default['default'].createElement("table", index._extends({}, props, {
+  var table = /*#__PURE__*/React__default["default"].createElement("table", index._extends({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9199,7 +9240,7 @@ React__default['default'].forwardRef(function (_ref, ref) {
       responsiveClass = responsiveClass + "-" + responsive;
     }
 
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: responsiveClass
     }, table);
   }
@@ -9207,7 +9248,7 @@ React__default['default'].forwardRef(function (_ref, ref) {
   return table;
 });
 
-var ToastContext = React__default['default'].createContext({
+var ToastContext = React__default["default"].createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onClose: function onClose() {}
 });
@@ -9216,7 +9257,7 @@ var defaultProps$2 = {
   closeLabel: 'Close',
   closeButton: true
 };
-var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
+var ToastHeader = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
@@ -9231,11 +9272,11 @@ var ToastHeader = React__default['default'].forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref
   }, props, {
     className: index.classnames(bsPrefix, className)
-  }), children, closeButton && /*#__PURE__*/React__default['default'].createElement(CloseButton, {
+  }), children, closeButton && /*#__PURE__*/React__default["default"].createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick,
     className: "ml-2 mb-1",
@@ -9247,7 +9288,7 @@ ToastHeader.defaultProps = defaultProps$2;
 
 var ToastBody = createWithBsPrefix('toast-body');
 
-var Toast = React__default['default'].forwardRef(function (_ref, ref) {
+var Toast = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -9290,16 +9331,16 @@ var Toast = React__default['default'].forwardRef(function (_ref, ref) {
     };
   }, [onClose]);
   var hasAnimation = !!(Transition && animation);
-  var toast = /*#__PURE__*/React__default['default'].createElement("div", index._extends({}, props, {
+  var toast = /*#__PURE__*/React__default["default"].createElement("div", index._extends({}, props, {
     ref: ref,
     className: index.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["default"].createElement(ToastContext.Provider, {
     value: toastContext
-  }, hasAnimation && Transition ? /*#__PURE__*/React__default['default'].createElement(Transition, {
+  }, hasAnimation && Transition ? /*#__PURE__*/React__default["default"].createElement(Transition, {
     in: show,
     unmountOnExit: true
   }, toast) : toast);
@@ -9314,7 +9355,7 @@ var noop = function noop() {
   return undefined;
 };
 
-var ToggleButton = React__default['default'].forwardRef(function (_ref, ref) {
+var ToggleButton = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       name = _ref.name,
       className = _ref.className,
@@ -9336,13 +9377,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, index._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Button, index._extends({}, props, {
     ref: ref,
     className: index.classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
     active: !!checked,
     as: "label"
-  }), /*#__PURE__*/React__default['default'].createElement("input", {
+  }), /*#__PURE__*/React__default["default"].createElement("input", {
     name: name,
     type: type,
     value: value,
@@ -9361,7 +9402,7 @@ var defaultProps$1 = {
   type: 'radio',
   vertical: false
 };
-var ToggleButtonGroup = React__default['default'].forwardRef(function (props, ref) {
+var ToggleButtonGroup = React__default["default"].forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     value: 'onChange'
   }),
@@ -9399,7 +9440,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, index._extends({}, controlledProps, {
+  return /*#__PURE__*/React__default["default"].createElement(ButtonGroup, index._extends({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9412,7 +9453,7 @@ var ToggleButtonGroup = React__default['default'].forwardRef(function (props, re
       return handleToggle(childVal, e);
     };
 
-    return React__default['default'].cloneElement(child, {
+    return React__default["default"].cloneElement(child, {
       type: type,
       name: child.name || name,
       checked: values.indexOf(childVal) !== -1,
@@ -9426,7 +9467,7 @@ ToggleButtonGroup.Button = ToggleButton;
 var defaultProps = {
   placement: 'right'
 };
-var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
+var Tooltip = React__default["default"].forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -9442,15 +9483,15 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     ref: ref,
     style: style,
     role: "tooltip",
     "x-placement": primaryPlacement,
     className: index.classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default['default'].createElement("div", index._extends({
+  }, props), /*#__PURE__*/React__default["default"].createElement("div", index._extends({
     className: "arrow"
-  }, arrowProps)), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, arrowProps)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: bsPrefix + "-inner"
   }, children));
 });
@@ -9468,54 +9509,54 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
       client = props.client;
 
 
-  return React__default['default'].createElement(
+  return React__default["default"].createElement(
     'div',
     { className: 'media-series-article ' + styles.article },
-    React__default['default'].createElement(
+    React__default["default"].createElement(
       'a',
       { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default['default'].createElement(
+      React__default["default"].createElement(
         'div',
         { className: 'media-series-thumbnail ' + styles.thumb },
-        data.thumbnail && data.thumbnail.asset && React__default['default'].createElement(
+        data.thumbnail && data.thumbnail.asset && React__default["default"].createElement(
           'figure',
           null,
-          React__default['default'].createElement(
+          React__default["default"].createElement(
             index$1.LazyLoad,
             null,
-            React__default['default'].createElement('img', {
+            React__default["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["default"].createElement(
         'div',
         { className: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default['default'].createElement(
+        React__default["default"].createElement(
           'div',
           { className: 'media-series-name ' + styles.name },
           data.name
         ),
-        data.published && React__default['default'].createElement(
+        data.published && React__default["default"].createElement(
           'p',
           { className: 'media-series-published ' + 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["default"].createElement(
           'p',
           { className: 'media-series-author ' + styles.author },
           'By ',
-          React__default['default'].createElement(
+          React__default["default"].createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.description && React__default['default'].createElement(
+        data.description && React__default["default"].createElement(
           'div',
           { className: 'media-series-desc' },
-          React__default['default'].createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
+          React__default["default"].createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
         )
       )
     )