@mjhls/mjh-framework 1.0.840-seomanager-v1 → 1.0.840

package/dist/esm/MediaSeriesLanding.js

@@ -3,19 +3,19 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8
 import { _ as _typeof } from './typeof-a286cf0c.js';
 import { _ as _extends$1 } from './extends-60e0e1c6.js';
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
-import React__default, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
-import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-98ca9cec.js';
+import React, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
+import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-67e1773f.js';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { L as LazyLoad } from './index-755f2cc2.js';
+import { L as LazyLoad } from './index-35bdcc81.js';
 import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { B as BlockContent } from './BlockContent-c99c9a8d.js';
-import { g as getSerializers } from './index-01d53c17.js';
+import { B as BlockContent } from './BlockContent-52cf21c5.js';
+import { g as getSerializers } from './index-66ffc224.js';
 import './define-property-fe54dc9f.js';
 import './_to-object-b50e61c3.js';
 import './es6.string.iterator-bc33758b.js';
@@ -28,7 +28,7 @@ import './_object-pie-133f504a.js';
 import './toConsumableArray-6d9a4616.js';
 import './inherits-a41fe93f.js';
 import './_object-sap-f353c2a9.js';
-import './index-f0fc23eb.js';
+import './index-2446af28.js';
 import './events-6c3a7a63.js';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -39,20 +39,20 @@ import './lodash-f97fd99a.js';
 import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
-import './index.es-a6137319.js';
-import './visibility-sensor-72fd8f8b.js';
+import './index.es-c6222053.js';
+import './visibility-sensor-f40c2564.js';
 import './index-0dbff1d1.js';
-import './ADlgInfeed-a3377c4a.js';
+import './ADlgInfeed-0b474b02.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-59c8f690.js';
 import './Segment.js';
-import './main-d4165069.js';
-import './ADInfeed-4bf3b2f9.js';
+import './main-b5c5aac1.js';
+import './ADInfeed-28b1e946.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
-import './brightcove-react-player-loader.es-57a70a56.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './SocialShare.js';
@@ -62,8 +62,8 @@ import './_object-to-array-0f197f89.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
 import './entities-932b50cf.js';
-import './index.esm-f6156a57.js';
-import './iconBase-ccc56b97.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';
 
 /**
@@ -177,7 +177,7 @@ function _inheritsLoose(subClass, superClass) {
   _setPrototypeOf(subClass, superClass);
 }
 
-var ThemeContext = React__default.createContext({});
+var ThemeContext = React.createContext({});
 ThemeContext.Consumer;
     ThemeContext.Provider;
 
@@ -186,7 +186,7 @@ function useBootstrapPrefix(prefix, defaultPrefix) {
   return prefix || prefixes[defaultPrefix] || defaultPrefix;
 }
 
-var SelectableContext = React__default.createContext(null);
+var SelectableContext = React.createContext(null);
 var makeEventKey = function makeEventKey(eventKey, href) {
   if (href === void 0) {
     href = null;
@@ -196,7 +196,7 @@ var makeEventKey = function makeEventKey(eventKey, href) {
   return href || null;
 };
 
-var context$2 = React__default.createContext(null);
+var context$2 = React.createContext(null);
 context$2.displayName = 'AccordionContext';
 
 function useAccordionToggle(eventKey, onClick) {
@@ -212,7 +212,7 @@ function useAccordionToggle(eventKey, onClick) {
     if (onClick) onClick(e);
   };
 }
-var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
+var AccordionToggle = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       children = _ref.children,
@@ -226,39 +226,21 @@ var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
 });
 
-/**
- * Returns the owner document of a given element.
- * 
- * @param node the element
- */
 function ownerDocument$1(node) {
   return node && node.ownerDocument || document;
 }
 
-/**
- * Returns the owner window of a given element.
- * 
- * @param node the element
- */
-
 function ownerWindow(node) {
   var doc = ownerDocument$1(node);
   return doc && doc.defaultView || window;
 }
 
-/**
- * Returns one or all computed style properties of an element.
- * 
- * @param node the element
- * @param psuedoElement the style property
- */
-
 function getComputedStyle$2(node, psuedoElement) {
   return ownerWindow(node).getComputedStyle(node, psuedoElement);
 }
@@ -339,11 +321,6 @@ try {
 
 /**
  * An `addEventListener` ponyfill, supports the `once` option
- * 
- * @param node the element
- * @param eventName the event name
- * @param handle the handler
- * @param options event options
  */
 function addEventListener(node, eventName, handler, options) {
   if (options && typeof options !== 'boolean' && !onceSupported) {
@@ -366,14 +343,6 @@ function addEventListener(node, eventName, handler, options) {
   node.addEventListener(eventName, handler, options);
 }
 
-/**
- * A `removeEventListener` ponyfill
- * 
- * @param node the element
- * @param eventName the event name
- * @param handle the handler
- * @param options event options
- */
 function removeEventListener(node, eventName, handler, options) {
   var capture = options && typeof options !== 'boolean' ? options.capture : options;
   node.removeEventListener(eventName, handler, capture);
@@ -390,36 +359,18 @@ function listen(node, eventName, handler, options) {
   };
 }
 
-/**
- * Triggers an event on a given element.
- * 
- * @param node the element
- * @param eventName the event name to trigger
- * @param bubbles whether the event should bubble up
- * @param cancelable whether the event should be cancelable
- */
-function triggerEvent(node, eventName, bubbles, cancelable) {
-  if (bubbles === void 0) {
-    bubbles = false;
-  }
-
-  if (cancelable === void 0) {
-    cancelable = true;
-  }
-
-  if (node) {
-    var event = document.createEvent('HTMLEvents');
-    event.initEvent(eventName, bubbles, cancelable);
-    node.dispatchEvent(event);
-  }
-}
-
 function parseDuration(node) {
   var str = style(node, 'transitionDuration') || '';
   var mult = str.indexOf('ms') === -1 ? 1000 : 1;
   return parseFloat(str) * mult;
 }
 
+function triggerTransitionEnd(element) {
+  var evt = document.createEvent('HTMLEvents');
+  evt.initEvent('transitionend', true, true);
+  element.dispatchEvent(evt);
+}
+
 function emulateTransitionEnd(element, duration, padding) {
   if (padding === void 0) {
     padding = 5;
@@ -427,7 +378,7 @@ function emulateTransitionEnd(element, duration, padding) {
 
   var called = false;
   var handle = setTimeout(function () {
-    if (!called) triggerEvent(element, 'transitionend', true);
+    if (!called) triggerTransitionEnd(element);
   }, duration + padding);
   var remove = listen(element, 'transitionend', function () {
     called = true;
@@ -472,7 +423,7 @@ process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, P
   exitActive: PropTypes.string
 })]) : null;
 
-var TransitionGroupContext = React__default.createContext(null);
+var TransitionGroupContext = React.createContext(null);
 
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
@@ -862,14 +813,14 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default.createElement(TransitionGroupContext.Provider, {
+      React.createElement(TransitionGroupContext.Provider, {
         value: null
-      }, typeof children === 'function' ? children(status, childProps) : React__default.cloneElement(React__default.Children.only(children), childProps))
+      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default.Component);
+}(React.Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1145,7 +1096,7 @@ var defaultProps$E = {
   appear: false,
   getDimensionValue: getDefaultDimensionValue
 };
-var Collapse = React__default.forwardRef(function (_ref, ref) {
+var Collapse = React.forwardRef(function (_ref, ref) {
   var onEnter = _ref.onEnter,
       onEntering = _ref.onEntering,
       onEntered = _ref.onEntered,
@@ -1192,7 +1143,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
       elem.style[computedDimension] = null;
     }, onExiting);
   }, [computedDimension, onExiting]);
-  return /*#__PURE__*/React__default.createElement(Transition // @ts-ignore
+  return /*#__PURE__*/React.createElement(Transition // @ts-ignore
   , _extends({
     ref: ref,
     addEndListener: transitionEnd
@@ -1204,7 +1155,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
     onExit: handleExit,
     onExiting: handleExiting
   }), function (state, innerProps) {
-    return React__default.cloneElement(children, _extends({}, innerProps, {
+    return React.cloneElement(children, _extends({}, innerProps, {
       className: classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
@@ -1213,7 +1164,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
 // @ts-ignore
 Collapse.defaultProps = defaultProps$E;
 
-var AccordionCollapse = React__default.forwardRef(function (_ref, ref) {
+var AccordionCollapse = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
@@ -1221,16 +1172,16 @@ var AccordionCollapse = React__default.forwardRef(function (_ref, ref) {
   var contextEventKey = useContext(context$2); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
-  return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default.createElement(Collapse, _extends({
+  }, /*#__PURE__*/React.createElement(Collapse, _extends({
     ref: ref,
     in: contextEventKey === eventKey
-  }, props), /*#__PURE__*/React__default.createElement("div", null, React__default.Children.only(children))));
+  }, props), /*#__PURE__*/React.createElement("div", null, React.Children.only(children))));
 });
 AccordionCollapse.displayName = 'AccordionCollapse';
 
-var Accordion = React__default.forwardRef(function (props, ref) {
+var Accordion = React.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -1244,11 +1195,11 @@ var Accordion = React__default.forwardRef(function (props, ref) {
       controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
-  return /*#__PURE__*/React__default.createElement(context$2.Provider, {
+  return /*#__PURE__*/React.createElement(context$2.Provider, {
     value: activeKey || null
-  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1292,7 +1243,7 @@ var defaultProps$D = {
   appear: false
 };
 var fadeStyles = (_fadeStyles = {}, _fadeStyles[ENTERING] = 'show', _fadeStyles[ENTERED] = 'show', _fadeStyles);
-var Fade = React__default.forwardRef(function (_ref, ref) {
+var Fade = React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
@@ -1301,13 +1252,13 @@ var Fade = React__default.forwardRef(function (_ref, ref) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default.createElement(Transition, _extends({
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default.cloneElement(children, _extends({}, innerProps, {
+    return React.cloneElement(children, _extends({}, innerProps, {
       className: classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
@@ -1322,20 +1273,20 @@ var propTypes$a = {
 var defaultProps$C = {
   label: 'Close'
 };
-var CloseButton = React__default.forwardRef(function (_ref, ref) {
+var CloseButton = React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     ref: ref,
     type: "button",
     className: classnames('close', className),
     onClick: onClick
-  }, props), /*#__PURE__*/React__default.createElement("span", {
+  }, props), /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true"
-  }, "\xD7"), /*#__PURE__*/React__default.createElement("span", {
+  }, "\xD7"), /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, label));
 });
@@ -1344,8 +1295,8 @@ CloseButton.propTypes = propTypes$a;
 CloseButton.defaultProps = defaultProps$C;
 
 var divWithClassName = (function (className) {
-  return React__default.forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({}, p, {
+  return React.forwardRef(function (p, ref) {
+    return /*#__PURE__*/React.createElement("div", _extends({}, p, {
       ref: ref,
       className: classnames(p.className, className)
     }));
@@ -1371,7 +1322,7 @@ function createWithBsPrefix(prefix, _temp) {
       Component = _ref.Component,
       defaultProps = _ref.defaultProps;
 
-  var BsComponent = React__default.forwardRef(function (_ref2, ref) {
+  var BsComponent = React.forwardRef(function (_ref2, ref) {
     var className = _ref2.className,
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
@@ -1379,7 +1330,7 @@ function createWithBsPrefix(prefix, _temp) {
         props = _objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default.createElement(Tag, _extends({
+    return /*#__PURE__*/React.createElement(Tag, _extends({
       ref: ref,
       className: classnames(className, resolvedPrefix)
     }, props));
@@ -1401,7 +1352,7 @@ function isTrivialHref(href) {
  */
 
 
-var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
+var SafeAnchor = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
@@ -1445,7 +1396,7 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1467,7 +1418,7 @@ var defaultProps$B = {
   transition: Fade,
   closeLabel: 'Close alert'
 };
-var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
+var Alert = React.forwardRef(function (uncontrolledProps, ref) {
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
     show: 'onClose'
   }),
@@ -1489,17 +1440,17 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
     }
   });
   var Transition = transition === true ? Fade : transition;
-  var alert = /*#__PURE__*/React__default.createElement("div", _extends({
+  var alert = /*#__PURE__*/React.createElement("div", _extends({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
     className: classnames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
-  }), dismissible && /*#__PURE__*/React__default.createElement(CloseButton, {
+  }), dismissible && /*#__PURE__*/React.createElement(CloseButton, {
     onClick: handleClose,
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default.createElement(Transition, _extends({
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1514,7 +1465,7 @@ Alert.Heading = AlertHeading;
 var defaultProps$A = {
   pill: false
 };
-var Badge = React__default.forwardRef(function (_ref, ref) {
+var Badge = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       pill = _ref.pill,
@@ -1524,7 +1475,7 @@ var Badge = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
@@ -1537,7 +1488,7 @@ var defaultProps$z = {
   active: false,
   linkProps: {}
 };
-var BreadcrumbItem = React__default.forwardRef(function (_ref, ref) {
+var BreadcrumbItem = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       children = _ref.children,
@@ -1553,14 +1504,14 @@ var BreadcrumbItem = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(prefix, className, {
       active: active
     }),
     "aria-current": active ? 'page' : undefined
-  }), active ? children : /*#__PURE__*/React__default.createElement(LinkComponent, _extends({}, linkProps, {
+  }), active ? children : /*#__PURE__*/React.createElement(LinkComponent, _extends({}, linkProps, {
     href: href,
     title: title,
     target: target
@@ -1573,7 +1524,7 @@ var defaultProps$y = {
   label: 'breadcrumb',
   listProps: {}
 };
-var Breadcrumb = React__default.forwardRef(function (_ref, ref) {
+var Breadcrumb = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       listProps = _ref.listProps,
@@ -1584,11 +1535,11 @@ var Breadcrumb = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement("ol", _extends({}, listProps, {
+  }, props), /*#__PURE__*/React.createElement("ol", _extends({}, listProps, {
     className: classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
@@ -1601,7 +1552,7 @@ var defaultProps$x = {
   active: false,
   disabled: false
 };
-var Button = React__default.forwardRef(function (_ref, ref) {
+var Button = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       size = _ref.size,
@@ -1616,7 +1567,7 @@ var Button = React__default.forwardRef(function (_ref, ref) {
   var classes = classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
-    return /*#__PURE__*/React__default.createElement(SafeAnchor, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(SafeAnchor, _extends({}, props, {
       as: as,
       ref: ref,
       className: classnames(classes, props.disabled && 'disabled')
@@ -1634,7 +1585,7 @@ var Button = React__default.forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     className: classes
   }));
 });
@@ -1646,7 +1597,7 @@ var defaultProps$w = {
   toggle: false,
   role: 'group'
 };
-var ButtonGroup = React__default.forwardRef(function (_ref, ref) {
+var ButtonGroup = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       toggle = _ref.toggle,
@@ -1659,7 +1610,7 @@ var ButtonGroup = React__default.forwardRef(function (_ref, ref) {
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
   var baseClass = prefix;
   if (vertical) baseClass = prefix + "-vertical";
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
@@ -1670,13 +1621,13 @@ ButtonGroup.defaultProps = defaultProps$w;
 var defaultProps$v = {
   role: 'toolbar'
 };
-var ButtonToolbar = React__default.forwardRef(function (_ref, ref) {
+var ButtonToolbar = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
@@ -1684,13 +1635,13 @@ var ButtonToolbar = React__default.forwardRef(function (_ref, ref) {
 ButtonToolbar.displayName = 'ButtonToolbar';
 ButtonToolbar.defaultProps = defaultProps$v;
 
-var context$1 = React__default.createContext(null);
+var context$1 = React.createContext(null);
 context$1.displayName = 'CardContext';
 
 var defaultProps$u = {
   variant: null
 };
-var CardImg = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var CardImg = React.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,
@@ -1700,7 +1651,7 @@ function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
@@ -1729,7 +1680,7 @@ var CardImgOverlay = createWithBsPrefix('card-img-overlay');
 var defaultProps$t = {
   body: false
 };
-var Card = React__default.forwardRef(function (_ref, ref) {
+var Card = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       bg = _ref.bg,
@@ -1747,16 +1698,16 @@ var Card = React__default.forwardRef(function (_ref, ref) {
       cardHeaderBsPrefix: prefix + "-header"
     };
   }, [prefix]);
-  return /*#__PURE__*/React__default.createElement(context$1.Provider, {
+  return /*#__PURE__*/React.createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
   }), body ?
   /*#__PURE__*/
   // @ts-ignore
-  React__default.createElement(CardBody, null, children) : children));
+  React.createElement(CardBody, null, children) : children));
 });
 Card.displayName = 'Card';
 Card.defaultProps = defaultProps$t;
@@ -1946,7 +1897,7 @@ function useTimeout() {
 
 var CarouselCaption = createWithBsPrefix('carousel-caption');
 
-var CarouselItem = React__default.forwardRef(function (_ref, ref) {
+var CarouselItem = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -1955,7 +1906,7 @@ var CarouselItem = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: finalClassName
@@ -1974,8 +1925,8 @@ CarouselItem.displayName = 'CarouselItem';
 
 function map(children, func) {
   var index = 0;
-  return React__default.Children.map(children, function (child) {
-    return React__default.isValidElement(child) ? func(child, index++) : child;
+  return React.Children.map(children, function (child) {
+    return React.isValidElement(child) ? func(child, index++) : child;
   });
 }
 /**
@@ -1988,8 +1939,8 @@ function map(children, func) {
 
 function forEach(children, func) {
   var index = 0;
-  React__default.Children.forEach(children, function (child) {
-    if (React__default.isValidElement(child)) func(child, index++);
+  React.Children.forEach(children, function (child) {
+    if (React.isValidElement(child)) func(child, index++);
   });
 }
 
@@ -2107,12 +2058,12 @@ var defaultProps$s = {
   pause: 'hover',
   wrap: true,
   touch: true,
-  prevIcon: /*#__PURE__*/React__default.createElement("span", {
+  prevIcon: /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-prev-icon"
   }),
   prevLabel: 'Previous',
-  nextIcon: /*#__PURE__*/React__default.createElement("span", {
+  nextIcon: /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true",
     className: "carousel-control-next-icon"
   }),
@@ -2417,7 +2368,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2427,44 +2378,44 @@ function CarouselFunc(uncontrolledProps, ref) {
     onTouchMove: handleTouchMove,
     onTouchEnd: handleTouchEnd,
     className: classnames(className, prefix, slide && 'slide', fade && prefix + "-fade")
-  }), indicators && /*#__PURE__*/React__default.createElement("ol", {
+  }), indicators && /*#__PURE__*/React.createElement("ol", {
     className: prefix + "-indicators"
   }, map(children, function (_child, index) {
-    return /*#__PURE__*/React__default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       key: index,
       className: index === renderedActiveIndex ? 'active' : undefined,
       onClick: indicatorOnClicks ? indicatorOnClicks[index] : undefined
     });
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: prefix + "-inner"
   }, map(children, function (child, index) {
     var isActive = index === renderedActiveIndex;
-    return slide ? /*#__PURE__*/React__default.createElement(Transition, {
+    return slide ? /*#__PURE__*/React.createElement(Transition, {
       in: isActive,
       onEnter: isActive ? handleEnter : undefined,
       onEntered: isActive ? handleEntered : undefined,
       addEndListener: transitionEnd
     }, function (status) {
-      return React__default.cloneElement(child, {
+      return React.cloneElement(child, {
         className: classnames(child.props.className, isActive && status !== 'entered' && orderClassName, (status === 'entered' || status === 'exiting') && 'active', (status === 'entering' || status === 'exiting') && directionalClassName)
       });
-    }) : React__default.cloneElement(child, {
+    }) : React.cloneElement(child, {
       className: classnames(child.props.className, isActive && 'active')
     });
-  })), controls && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React__default.createElement(SafeAnchor, {
+  })), controls && /*#__PURE__*/React.createElement(React.Fragment, null, (wrap || activeIndex !== 0) && /*#__PURE__*/React.createElement(SafeAnchor, {
     className: prefix + "-control-prev",
     onClick: prev
-  }, prevIcon, prevLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, prevIcon, prevLabel && /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, prevLabel)), (wrap || activeIndex !== numChildren - 1) && /*#__PURE__*/React__default.createElement(SafeAnchor, {
+  }, prevLabel)), (wrap || activeIndex !== numChildren - 1) && /*#__PURE__*/React.createElement(SafeAnchor, {
     className: prefix + "-control-next",
     onClick: next
-  }, nextIcon, nextLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, nextIcon, nextLabel && /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, nextLabel))));
 }
 
-var Carousel = React__default.forwardRef(CarouselFunc);
+var Carousel = React.forwardRef(CarouselFunc);
 Carousel.displayName = 'Carousel';
 Carousel.propTypes = propTypes$9;
 Carousel.defaultProps = defaultProps$s;
@@ -2472,7 +2423,7 @@ Carousel.Caption = CarouselCaption;
 Carousel.Item = CarouselItem;
 
 var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
-var Col = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var Col = React.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,
@@ -2509,7 +2460,7 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames.apply(void 0, [className].concat(spans, classes))
   }));
@@ -2517,13 +2468,6 @@ function (_ref, ref) {
 Col.displayName = 'Col';
 
 var matchesImpl;
-/**
- * Checks if a given element matches a selector.
- * 
- * @param node the element
- * @param selector the selector
- */
-
 function matches(node, selector) {
   if (!matchesImpl) {
     var body = document.body;
@@ -2538,13 +2482,6 @@ function matches(node, selector) {
 }
 
 var toArray = Function.prototype.bind.call(Function.prototype.call, [].slice);
-/**
- * Runs `querySelectorAll` on a given element.
- * 
- * @param element the element
- * @param selector the selector
- */
-
 function qsa(element, selector) {
   return toArray(element.querySelectorAll(selector));
 }
@@ -2632,7 +2569,7 @@ function useForceUpdate() {
   return dispatch;
 }
 
-var DropdownContext = /*#__PURE__*/React__default.createContext(null);
+var DropdownContext = /*#__PURE__*/React.createContext(null);
 
 function useSafeState(state) {
   var isMounted = useMounted();
@@ -2821,17 +2758,6 @@ function getTrueOffsetParent(element) {
 
 function getContainingBlock(element) {
   var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
-
-  if (isIE && isHTMLElement(element)) {
-    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
-    var elementCss = getComputedStyle$1(element);
-
-    if (elementCss.position === 'fixed') {
-      return null;
-    }
-  }
-
   var currentNode = getParentNode(element);
 
   while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
@@ -4610,16 +4536,9 @@ function usePopper(referenceElement, popperElement, _temp) {
 }
 
 /* eslint-disable no-bitwise, no-cond-assign */
-
-/**
- * Checks if an element contains another given element.
- * 
- * @param context the context element
- * @param node the element to check
- */
+// HTML DOM and SVG DOM may have different support levels,
+// so we need to check on context instead of a document root element.
 function contains(context, node) {
-  // HTML DOM and SVG DOM may have different support levels,
-  // so we need to check on context instead of a document root element.
   if (context.contains) return context.contains(node);
   if (context.compareDocumentPosition) return context === node || !!(context.compareDocumentPosition(node) & 16);
 }
@@ -5035,7 +4954,7 @@ function DropdownMenu$1(_ref2) {
       options = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
   var args = useDropdownMenu(options);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, args.hasShown ? children(args) : null);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, args.hasShown ? children(args) : null);
 }
 
 DropdownMenu$1.displayName = 'ReactOverlaysDropdownMenu';
@@ -5102,7 +5021,7 @@ function DropdownToggle$1(_ref2) {
       show = _useDropdownToggle$.show,
       toggle = _useDropdownToggle$.toggle;
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children({
     show: show,
     toggle: toggle,
     props: props
@@ -5317,7 +5236,7 @@ function Dropdown$1(_ref) {
     }
   };
 
-  return /*#__PURE__*/React__default.createElement(DropdownContext.Provider, {
+  return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
     value: context
   }, children({
     props: {
@@ -5331,14 +5250,14 @@ Dropdown$1.propTypes = propTypes$6;
 Dropdown$1.Menu = DropdownMenu$1;
 Dropdown$1.Toggle = DropdownToggle$1;
 
-var NavContext = React__default.createContext(null);
+var NavContext = React.createContext(null);
 NavContext.displayName = 'NavContext';
 
 var defaultProps$q = {
   as: SafeAnchor,
   disabled: false
 };
-var DropdownItem = React__default.forwardRef(function (_ref, ref) {
+var DropdownItem = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -5373,7 +5292,7 @@ var DropdownItem = React__default.forwardRef(function (_ref, ref) {
     /*#__PURE__*/
     // "TS2604: JSX element type 'Component' does not have any construct or call signatures."
     // @ts-ignore
-    React__default.createElement(Component, _extends({}, props, {
+    React.createElement(Component, _extends({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
@@ -5422,7 +5341,7 @@ function useMergedRefs(refA, refB) {
   }, [refA, refB]);
 }
 
-var context = React__default.createContext(null);
+var context = React.createContext(null);
 context.displayName = 'NavbarContext';
 
 function useWrappedRefWithWarning(ref, componentName) {
@@ -5436,12 +5355,6 @@ function useWrappedRefWithWarning(ref, componentName) {
   return useMergedRefs(warningRef, ref);
 }
 
-/**
- * Checks if a given element has a CSS class.
- * 
- * @param element the element
- * @param className the CSS class name
- */
 function hasClass(element, className) {
   if (element.classList) return !!className && element.classList.contains(className);
   return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
@@ -5556,7 +5469,7 @@ var defaultProps$p = {
   flip: true
 }; // TODO: remove this hack
 
-var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
+var DropdownMenu = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       align = _ref.align,
@@ -5631,7 +5544,7 @@ var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, menuProps, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, menuProps, {
     className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
@@ -5665,7 +5578,7 @@ module.exports = exports['default'];
 
 unwrapExports(isRequiredForA11y_1);
 
-var DropdownToggle = React__default.forwardRef(function (_ref, ref) {
+var DropdownToggle = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
@@ -5687,7 +5600,7 @@ var DropdownToggle = React__default.forwardRef(function (_ref, ref) {
   toggleProps.ref = useMergedRefs(toggleProps.ref, useWrappedRefWithWarning(ref, 'DropdownToggle')); // This intentionally forwards size and variant (if set) to the
   // underlying component, to allow it to render size and style variants.
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     onClick: toggle,
     className: classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
@@ -5710,7 +5623,7 @@ var DropdownItemText = createWithBsPrefix('dropdown-item-text', {
 var defaultProps$o = {
   navbar: false
 };
-var Dropdown = React__default.forwardRef(function (pProps, ref) {
+var Dropdown = React.forwardRef(function (pProps, ref) {
   var _useUncontrolled = useUncontrolled(pProps, {
     show: 'onToggle'
   }),
@@ -5747,9 +5660,9 @@ var Dropdown = React__default.forwardRef(function (pProps, ref) {
     if (onSelect) onSelect(key, event);
     handleToggle(false, event, 'select');
   });
-  return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }, /*#__PURE__*/React.createElement(Dropdown$1, {
     drop: drop,
     show: show,
     alignEnd: alignRight,
@@ -5758,7 +5671,7 @@ var Dropdown = React__default.forwardRef(function (pProps, ref) {
     itemSelector: "." + prefix + "-item:not(.disabled):not(:disabled)"
   }, function (_ref) {
     var dropdownProps = _ref.props;
-    return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, dropdownProps, {
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, dropdownProps, {
       ref: ref,
       className: classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
@@ -5833,7 +5746,7 @@ var propTypes$5 = {
  * along with menu related props are passed to the `Dropdown.Menu`
  */
 
-var DropdownButton = React__default.forwardRef(function (_ref, ref) {
+var DropdownButton = React.forwardRef(function (_ref, ref) {
   var title = _ref.title,
       children = _ref.children,
       bsPrefix = _ref.bsPrefix,
@@ -5848,16 +5761,16 @@ var DropdownButton = React__default.forwardRef(function (_ref, ref) {
       id = _ref.id,
       props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement(DropdownToggle, {
+  }, props), /*#__PURE__*/React.createElement(DropdownToggle, {
     id: id,
     href: href,
     size: size,
     variant: variant,
     disabled: disabled,
     childBsPrefix: bsPrefix
-  }, title), /*#__PURE__*/React__default.createElement(DropdownMenu, {
+  }, title), /*#__PURE__*/React.createElement(DropdownMenu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -5972,7 +5885,7 @@ var propTypes$4 = {
   tooltip: PropTypes.bool,
   as: PropTypes.elementType
 };
-var Feedback = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var Feedback = React.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,
@@ -5983,7 +5896,7 @@ function (_ref, ref) {
       tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,
       props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
@@ -5991,11 +5904,11 @@ function (_ref, ref) {
 Feedback.displayName = 'Feedback';
 Feedback.propTypes = propTypes$4;
 
-var FormContext = React__default.createContext({
+var FormContext = React.createContext({
   controlId: undefined
 });
 
-var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
+var FormCheckInput = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6020,7 +5933,7 @@ var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
@@ -6029,7 +5942,7 @@ var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
 });
 FormCheckInput.displayName = 'FormCheckInput';
 
-var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
+var FormCheckLabel = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
@@ -6045,7 +5958,7 @@ var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("label", _extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix)
@@ -6053,7 +5966,7 @@ var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
 });
 FormCheckLabel.displayName = 'FormCheckLabel';
 
-var FormCheck = React__default.forwardRef(function (_ref, ref) {
+var FormCheck = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6099,7 +6012,7 @@ var FormCheck = React__default.forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = custom || label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default.createElement(FormCheckInput, _extends({}, props, {
+  var input = /*#__PURE__*/React.createElement(FormCheckInput, _extends({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -6108,14 +6021,14 @@ var FormCheck = React__default.forwardRef(function (_ref, ref) {
     disabled: disabled,
     as: as
   }));
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: style,
     className: classnames(className, bsPrefix, custom && "custom-" + type, inline && bsPrefix + "-inline")
-  }, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, input, hasLabel && /*#__PURE__*/React__default.createElement(FormCheckLabel, {
+  }, children || /*#__PURE__*/React.createElement(React.Fragment, null, input, hasLabel && /*#__PURE__*/React.createElement(FormCheckLabel, {
     title: title
-  }, label), (isValid || isInvalid) && /*#__PURE__*/React__default.createElement(Feedback, {
+  }, label), (isValid || isInvalid) && /*#__PURE__*/React.createElement(Feedback, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -6124,7 +6037,7 @@ FormCheck.displayName = 'FormCheck';
 FormCheck.Input = FormCheckInput;
 FormCheck.Label = FormCheckLabel;
 
-var FormFileInput = React__default.forwardRef(function (_ref, ref) {
+var FormFileInput = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6147,7 +6060,7 @@ var FormFileInput = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
@@ -6157,7 +6070,7 @@ var FormFileInput = React__default.forwardRef(function (_ref, ref) {
 });
 FormFileInput.displayName = 'FormFileInput';
 
-var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
+var FormFileLabel = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
@@ -6173,7 +6086,7 @@ var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
       defaultPrefix = _ref2[1];
 
   bsPrefix = useBootstrapPrefix(prefix, defaultPrefix);
-  return /*#__PURE__*/React__default.createElement("label", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("label", _extends({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix),
@@ -6182,7 +6095,7 @@ var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
 });
 FormFileLabel.displayName = 'FormFileLabel';
 
-var FormFile = React__default.forwardRef(function (_ref, ref) {
+var FormFile = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
@@ -6225,7 +6138,7 @@ var FormFile = React__default.forwardRef(function (_ref, ref) {
     };
   }, [controlId, custom, id]);
   var hasLabel = label != null && label !== false && !children;
-  var input = /*#__PURE__*/React__default.createElement(FormFileInput, _extends({}, props, {
+  var input = /*#__PURE__*/React.createElement(FormFileInput, _extends({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6233,14 +6146,14 @@ var FormFile = React__default.forwardRef(function (_ref, ref) {
     as: inputAs,
     lang: lang
   }));
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: innerFormContext
-  }, /*#__PURE__*/React__default.createElement(Component, {
+  }, /*#__PURE__*/React.createElement(Component, {
     style: style,
     className: classnames(className, bsPrefix, custom && "custom-" + type)
-  }, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, custom ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, input, hasLabel && /*#__PURE__*/React__default.createElement(FormFileLabel, {
+  }, children || /*#__PURE__*/React.createElement(React.Fragment, null, custom ? /*#__PURE__*/React.createElement(React.Fragment, null, input, hasLabel && /*#__PURE__*/React.createElement(FormFileLabel, {
     "data-browse": dataBrowse
-  }, label)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasLabel && /*#__PURE__*/React__default.createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React__default.createElement(Feedback, {
+  }, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, hasLabel && /*#__PURE__*/React.createElement(FormFileLabel, null, label), input), (isValid || isInvalid) && /*#__PURE__*/React.createElement(Feedback, {
     type: isValid ? 'valid' : 'invalid',
     tooltip: feedbackTooltip
   }, feedback))));
@@ -6249,7 +6162,7 @@ FormFile.displayName = 'FormFile';
 FormFile.Input = FormFileInput;
 FormFile.Label = FormFileLabel;
 
-var FormControl = React__default.forwardRef(function (_ref, ref) {
+var FormControl = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       bsCustomPrefix = _ref.bsCustomPrefix,
       type = _ref.type,
@@ -6301,7 +6214,7 @@ var FormControl = React__default.forwardRef(function (_ref, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !id, '`controlId` is ignored on `<FormControl>` when `id` is specified.') : void 0;
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
@@ -6315,7 +6228,7 @@ var FormControl$1 = Object.assign(FormControl, {
   Feedback: Feedback
 });
 
-var FormGroup = React__default.forwardRef(function (_ref, ref) {
+var FormGroup = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -6330,9 +6243,9 @@ var FormGroup = React__default.forwardRef(function (_ref, ref) {
       controlId: controlId
     };
   }, [controlId]);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children));
@@ -6343,7 +6256,7 @@ var defaultProps$n = {
   column: false,
   srOnly: false
 };
-var FormLabel = React__default.forwardRef(function (_ref, ref) {
+var FormLabel = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'label' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -6362,7 +6275,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
   var classes = classnames(className, bsPrefix, srOnly && 'sr-only', column && columnClass);
   process.env.NODE_ENV !== "production" ? warning_1(controlId == null || !htmlFor, '`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.') : void 0;
   htmlFor = htmlFor || controlId;
-  if (column) return /*#__PURE__*/React__default.createElement(Col, _extends({
+  if (column) return /*#__PURE__*/React.createElement(Col, _extends({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6370,7 +6283,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
-    React__default.createElement(Component, _extends({
+    React.createElement(Component, _extends({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6380,7 +6293,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
 FormLabel.displayName = 'FormLabel';
 FormLabel.defaultProps = defaultProps$n;
 
-var FormText = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var FormText = React.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,
@@ -6390,15 +6303,15 @@ function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix, muted && 'text-muted')
   }));
 });
 FormText.displayName = 'FormText';
 
-var Switch = React__default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default.createElement(FormCheck, _extends({}, props, {
+var Switch = React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(FormCheck, _extends({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6411,7 +6324,7 @@ var FormRow = createWithBsPrefix('form-row');
 var defaultProps$m = {
   inline: false
 };
-var FormImpl = React__default.forwardRef(function (_ref, ref) {
+var FormImpl = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       inline = _ref.inline,
       className = _ref.className,
@@ -6421,7 +6334,7 @@ var FormImpl = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
@@ -6440,7 +6353,7 @@ FormImpl.Text = FormText;
 var defaultProps$l = {
   fluid: false
 };
-var Container = React__default.forwardRef(function (_ref, ref) {
+var Container = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       fluid = _ref.fluid,
       _ref$as = _ref.as,
@@ -6450,7 +6363,7 @@ var Container = React__default.forwardRef(function (_ref, ref) {
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, fluid ? "" + prefix + suffix : prefix)
@@ -6491,7 +6404,7 @@ var defaultProps$k = {
   roundedCircle: false,
   thumbnail: false
 };
-var Image = React__default.forwardRef(function (_ref, ref) {
+var Image = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       fluid = _ref.fluid,
@@ -6502,7 +6415,7 @@ var Image = React__default.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
   var classes = classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
-  return /*#__PURE__*/React__default.createElement("img", _extends({
+  return /*#__PURE__*/React.createElement("img", _extends({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
@@ -6515,11 +6428,11 @@ Image.defaultProps = defaultProps$k;
 var defaultProps$j = {
   fluid: true
 };
-var FigureImage = React__default.forwardRef(function (_ref, ref) {
+var FigureImage = React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default.createElement(Image, _extends({
+  return /*#__PURE__*/React.createElement(Image, _extends({
     ref: ref
   }, props, {
     className: classnames(className, 'figure-img')
@@ -6546,13 +6459,13 @@ var InputGroupText = createWithBsPrefix('input-group-text', {
 });
 
 var InputGroupCheckbox = function InputGroupCheckbox(props) {
-  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement(InputGroupText, null, /*#__PURE__*/React.createElement("input", _extends({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement(InputGroupText, null, /*#__PURE__*/React.createElement("input", _extends({
     type: "radio"
   }, props)));
 };
@@ -6565,7 +6478,7 @@ var InputGroupRadio = function InputGroupRadio(props) {
  * @property {InputGroupRadio} Radio
  * @property {InputGroupCheckbox} Checkbox
  */
-var InputGroup = React__default.forwardRef(function (_ref, ref) {
+var InputGroup = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       size = _ref.size,
       className = _ref.className,
@@ -6574,7 +6487,7 @@ var InputGroup = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix, size && bsPrefix + "-" + size)
@@ -6593,7 +6506,7 @@ _extends({}, InputGroup, {
 var defaultProps$i = {
   fluid: false
 };
-var Jumbotron = React__default.forwardRef(function (_ref, ref) {
+var Jumbotron = React.forwardRef(function (_ref, ref) {
   var _classes;
 
   var _ref$as = _ref.as,
@@ -6605,7 +6518,7 @@ var Jumbotron = React__default.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'jumbotron');
   var classes = (_classes = {}, _classes[bsPrefix] = true, _classes[bsPrefix + "-fluid"] = fluid, _classes);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, classes)
@@ -6614,12 +6527,12 @@ var Jumbotron = React__default.forwardRef(function (_ref, ref) {
 Jumbotron.defaultProps = defaultProps$i;
 Jumbotron.displayName = 'Jumbotron';
 
-var TabContext = React__default.createContext(null);
+var TabContext = React.createContext(null);
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop$1 = function noop() {};
 
-var AbstractNav = React__default.forwardRef(function (_ref, ref) {
+var AbstractNav = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'ul' : _ref$as,
       onSelect = _ref.onSelect,
@@ -6700,9 +6613,9 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
     needsRefocusRef.current = false;
   });
   var mergedRef = useMergedRefs(ref, listNode);
-  return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React__default.createElement(NavContext.Provider, {
+  }, /*#__PURE__*/React.createElement(NavContext.Provider, {
     value: {
       role: role,
       // used by NavLink to determine it's role
@@ -6710,7 +6623,7 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
       getControlledId: getControlledId || noop$1,
       getControllerId: getControllerId || noop$1
     }
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
@@ -6720,7 +6633,7 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
 var defaultProps$h = {
   disabled: false
 };
-var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
+var AbstractNavItem = React.forwardRef(function (_ref, ref) {
   var active = _ref.active,
       className = _ref.className,
       eventKey = _ref.eventKey,
@@ -6757,7 +6670,7 @@ var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
     if (onSelect) onSelect(navKey, e);
     if (parentOnSelect) parentOnSelect(navKey, e);
   });
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     onClick: handleOnclick,
     className: classnames(className, isActive && 'active')
@@ -6770,7 +6683,7 @@ var defaultProps$g = {
   active: false,
   disabled: false
 };
-var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
+var ListGroupItem = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       active = _ref.active,
       disabled = _ref.disabled,
@@ -6792,7 +6705,7 @@ var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
 
     if (onClick) onClick(event);
   }, [disabled, onClick]);
-  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends({
+  return /*#__PURE__*/React.createElement(AbstractNavItem, _extends({
     ref: ref
   }, props, {
     // TODO: Restrict eventKey to string in v5?
@@ -6810,7 +6723,7 @@ var defaultProps$f = {
   variant: undefined,
   horizontal: undefined
 };
-var ListGroup = React__default.forwardRef(function (props, ref) {
+var ListGroup = React.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     activeKey: 'onSelect'
   }),
@@ -6832,7 +6745,7 @@ var ListGroup = React__default.forwardRef(function (props, ref) {
   }
 
   process.env.NODE_ENV !== "production" ? warning_1(!(horizontal && variant === 'flush'), '`variant="flush"` and `horizontal` should not be used together.') : void 0;
-  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React.createElement(AbstractNav, _extends({
     ref: ref
   }, controlledProps, {
     as: as,
@@ -6844,7 +6757,7 @@ ListGroup.displayName = 'ListGroup';
 ListGroup.Item = ListGroupItem;
 
 var MediaBody = createWithBsPrefix('media-body');
-var Media = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var Media = React.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,
@@ -6853,7 +6766,7 @@ function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
@@ -6881,9 +6794,9 @@ function scrollbarSize(recalc) {
 }
 
 /**
- * Returns the actively focused element safely.
+ * Return the actively focused element safely.
  *
- * @param doc the document to check
+ * @param doc the document to checl
  */
 
 function activeElement(doc) {
@@ -6905,13 +6818,6 @@ function activeElement(doc) {
   }
 }
 
-/**
- * Adds a CSS class to a given element.
- * 
- * @param element the element
- * @param className the CSS class name
- */
-
 function addClass(element, className) {
   if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + " " + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + " " + className);
 }
@@ -6919,13 +6825,6 @@ function addClass(element, className) {
 function replaceClassName(origClass, classToRemove) {
   return origClass.replace(new RegExp("(^|\\s)" + classToRemove + "(?:\\s|$)", 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
 }
-/**
- * Removes a CSS class from a given element.
- * 
- * @param element the element
- * @param className the CSS class name
- */
-
 
 function removeClass(element, className) {
   if (element.classList) {
@@ -7255,7 +7154,7 @@ var Modal$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
       renderDialog = _ref.renderDialog,
       _ref$renderBackdrop = _ref.renderBackdrop,
       renderBackdrop = _ref$renderBackdrop === void 0 ? function (props) {
-    return /*#__PURE__*/React__default.createElement("div", props);
+    return /*#__PURE__*/React.createElement("div", props);
   } : _ref$renderBackdrop,
       providedManager = _ref.manager,
       containerRef = _ref.container,
@@ -7413,12 +7312,12 @@ var Modal$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     tabIndex: -1
   });
 
-  var dialog = renderDialog ? renderDialog(dialogProps) : /*#__PURE__*/React__default.createElement("div", dialogProps, /*#__PURE__*/React__default.cloneElement(children, {
+  var dialog = renderDialog ? renderDialog(dialogProps) : /*#__PURE__*/React.createElement("div", dialogProps, /*#__PURE__*/React.cloneElement(children, {
     role: 'document'
   }));
 
   if (Transition) {
-    dialog = /*#__PURE__*/React__default.createElement(Transition, {
+    dialog = /*#__PURE__*/React.createElement(Transition, {
       appear: true,
       unmountOnExit: true,
       "in": !!show,
@@ -7441,14 +7340,14 @@ var Modal$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
 
     if (BackdropTransition) {
-      backdropElement = /*#__PURE__*/React__default.createElement(BackdropTransition, {
+      backdropElement = /*#__PURE__*/React.createElement(BackdropTransition, {
         appear: true,
         "in": !!show
       }, backdropElement);
     }
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, backdropElement, dialog), container));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, backdropElement, dialog), container));
 });
 var propTypes$2 = {
   /**
@@ -7687,12 +7586,12 @@ var BootstrapModalManager = /*#__PURE__*/function (_ModalManager) {
 
 var ModalBody = createWithBsPrefix('modal-body');
 
-var ModalContext = React__default.createContext({
+var ModalContext = React.createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onHide: function onHide() {}
 });
 
-var ModalDialog = React__default.forwardRef(function (_ref, ref) {
+var ModalDialog = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       contentClassName = _ref.contentClassName,
@@ -7704,10 +7603,10 @@ var ModalDialog = React__default.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classnames(bsPrefix + "-content", contentClassName)
   }, children));
 });
@@ -7719,7 +7618,7 @@ var defaultProps$e = {
   closeLabel: 'Close',
   closeButton: false
 };
-var ModalHeader = React__default.forwardRef(function (_ref, ref) {
+var ModalHeader = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
@@ -7734,11 +7633,11 @@ var ModalHeader = React__default.forwardRef(function (_ref, ref) {
     if (context) context.onHide();
     if (onHide) onHide();
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
-  }), children, closeButton && /*#__PURE__*/React__default.createElement(CloseButton, {
+  }), children, closeButton && /*#__PURE__*/React.createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick
   }));
@@ -7765,16 +7664,16 @@ var defaultProps$d = {
 /* eslint-disable no-use-before-define, react/no-multi-comp */
 
 function DialogTransition(props) {
-  return /*#__PURE__*/React__default.createElement(Fade, props);
+  return /*#__PURE__*/React.createElement(Fade, props);
 }
 
 function BackdropTransition(props) {
-  return /*#__PURE__*/React__default.createElement(Fade, props);
+  return /*#__PURE__*/React.createElement(Fade, props);
 }
 /* eslint-enable no-use-before-define */
 
 
-var Modal = React__default.forwardRef(function (_ref, ref) {
+var Modal = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       style = _ref.style,
@@ -7969,7 +7868,7 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({}, backdropProps, {
+    return /*#__PURE__*/React.createElement("div", _extends({}, backdropProps, {
       className: classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
@@ -7982,7 +7881,7 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
@@ -7990,7 +7889,7 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
       onClick: backdrop ? handleClick : undefined,
       onMouseUp: handleMouseUp,
       "aria-labelledby": ariaLabelledby
-    }), /*#__PURE__*/React__default.createElement(Dialog, _extends({}, props, {
+    }), /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
       className: dialogClassName,
@@ -7998,9 +7897,9 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
     }), children));
   };
 
-  return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
+  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: modalContext
-  }, /*#__PURE__*/React__default.createElement(BaseModal, {
+  }, /*#__PURE__*/React.createElement(BaseModal, {
     show: show,
     ref: setModalRef,
     backdrop: backdrop,
@@ -8038,7 +7937,7 @@ Modal.Dialog = ModalDialog;
 Modal.TRANSITION_DURATION = 300;
 Modal.BACKDROP_TRANSITION_DURATION = 150;
 
-var NavItem = React__default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+var NavItem = React.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,
@@ -8048,7 +7947,7 @@ function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children);
@@ -8059,7 +7958,7 @@ var defaultProps$c = {
   disabled: false,
   as: SafeAnchor
 };
-var NavLink = React__default.forwardRef(function (_ref, ref) {
+var NavLink = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       disabled = _ref.disabled,
       className = _ref.className,
@@ -8070,7 +7969,7 @@ var NavLink = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AbstractNavItem, _extends({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
@@ -8087,7 +7986,7 @@ var defaultProps$b = {
   justify: false,
   fill: false
 };
-var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
+var Nav = React.forwardRef(function (uncontrolledProps, ref) {
   var _classNames;
 
   var _useUncontrolled = useUncontrolled(uncontrolledProps, {
@@ -8119,7 +8018,7 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React.createElement(AbstractNav, _extends({
     as: as,
     ref: ref,
     activeKey: activeKey,
@@ -8131,7 +8030,7 @@ Nav.defaultProps = defaultProps$b;
 Nav.Item = NavItem;
 Nav.Link = NavLink;
 
-var NavbarBrand = React__default.forwardRef(function (_ref, ref) {
+var NavbarBrand = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
@@ -8139,23 +8038,23 @@ var NavbarBrand = React__default.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }));
 });
 NavbarBrand.displayName = 'NavbarBrand';
 
-var NavbarCollapse = React__default.forwardRef(function (_ref, ref) {
+var NavbarCollapse = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
-  return /*#__PURE__*/React__default.createElement(context.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default.createElement(Collapse, _extends({
+  return /*#__PURE__*/React.createElement(context.Consumer, null, function (context) {
+    return /*#__PURE__*/React.createElement(Collapse, _extends({
       in: !!(context && context.expanded)
-    }, props), /*#__PURE__*/React__default.createElement("div", {
+    }, props), /*#__PURE__*/React.createElement("div", {
       ref: ref,
       className: bsPrefix
     }, children));
@@ -8166,7 +8065,7 @@ NavbarCollapse.displayName = 'NavbarCollapse';
 var defaultProps$a = {
   label: 'Toggle navigation'
 };
-var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
+var NavbarToggle = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8191,12 +8090,12 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
     className: classnames(className, bsPrefix, !expanded && 'collapsed')
-  }), children || /*#__PURE__*/React__default.createElement("span", {
+  }), children || /*#__PURE__*/React.createElement("span", {
     className: bsPrefix + "-icon"
   }));
 });
@@ -8211,7 +8110,7 @@ var defaultProps$9 = {
   variant: 'light',
   collapseOnSelect: false
 };
-var Navbar = React__default.forwardRef(function (props, ref) {
+var Navbar = React.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     expanded: 'onToggle'
   }),
@@ -8259,11 +8158,11 @@ var Navbar = React__default.forwardRef(function (props, ref) {
       expanded: !!expanded
     };
   }, [bsPrefix, expanded, _onToggle]);
-  return /*#__PURE__*/React__default.createElement(context.Provider, {
+  return /*#__PURE__*/React.createElement(context.Provider, {
     value: navbarContext
-  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, controlledProps, {
     className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
@@ -8312,7 +8211,7 @@ var propTypes$1 = {
   /** @ignore */
   bsPrefix: PropTypes.string
 };
-var NavDropdown = React__default.forwardRef(function (_ref, ref) {
+var NavDropdown = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       title = _ref.title,
       children = _ref.children,
@@ -8324,18 +8223,18 @@ var NavDropdown = React__default.forwardRef(function (_ref, ref) {
       renderMenuOnMount = _ref.renderMenuOnMount,
       props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: NavItem
-  }), /*#__PURE__*/React__default.createElement(Dropdown.Toggle, {
+  }), /*#__PURE__*/React.createElement(Dropdown.Toggle, {
     id: id,
     eventKey: null,
     active: active,
     disabled: disabled,
     childBsPrefix: bsPrefix,
     as: NavLink
-  }, title), /*#__PURE__*/React__default.createElement(Dropdown.Menu, {
+  }, title), /*#__PURE__*/React.createElement(Dropdown.Menu, {
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
@@ -8352,7 +8251,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.forwardRef(function (props, outerRef) {
+var Overlay = /*#__PURE__*/React.forwardRef(function (props, outerRef) {
   var flip = props.flip,
       offset = props.offset,
       placement = props.placement,
@@ -8435,7 +8334,7 @@ var Overlay = /*#__PURE__*/React__default.forwardRef(function (props, outerRef)
         onEnter = props.onEnter,
         onEntering = props.onEntering,
         onEntered = props.onEntered;
-    child = /*#__PURE__*/React__default.createElement(Transition, {
+    child = /*#__PURE__*/React.createElement(Transition, {
       "in": props.show,
       appear: true,
       onExit: onExit,
@@ -8601,14 +8500,14 @@ Overlay.propTypes = {
   };
 
   return RefHolder;
-})(React__default.Component);
+})(React.Component);
 
 var defaultProps$8 = {
   active: false,
   disabled: false,
   activeLabel: '(current)'
 };
-var PageItem = React__default.forwardRef(function (_ref, ref) {
+var PageItem = React.forwardRef(function (_ref, ref) {
   var active = _ref.active,
       disabled = _ref.disabled,
       className = _ref.className,
@@ -8618,17 +8517,17 @@ var PageItem = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
 
   var Component = active || disabled ? 'span' : SafeAnchor;
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     ref: ref,
     style: style,
     className: classnames(className, 'page-item', {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React.createElement(Component, _extends({
     className: "page-link",
     disabled: disabled
-  }, props), children, active && activeLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, props), children, active && activeLabel && /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, activeLabel)));
 });
@@ -8644,9 +8543,9 @@ function createButton(name, defaultValue, label) {
     var children = _ref2.children,
         props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
-    return /*#__PURE__*/React__default.createElement(PageItem, props, /*#__PURE__*/React__default.createElement("span", {
+    return /*#__PURE__*/React.createElement(PageItem, props, /*#__PURE__*/React.createElement("span", {
       "aria-hidden": "true"
-    }, children || defaultValue), /*#__PURE__*/React__default.createElement("span", {
+    }, children || defaultValue), /*#__PURE__*/React.createElement("span", {
       className: "sr-only"
     }, label));
   }
@@ -8669,7 +8568,7 @@ var Last = createButton('Last', '»');
  * @property {PageItem} Next
  * @property {PageItem} Last
  */
-var Pagination = React__default.forwardRef(function (_ref, ref) {
+var Pagination = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8677,7 +8576,7 @@ var Pagination = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
@@ -8690,7 +8589,7 @@ Pagination.Item = PageItem;
 Pagination.Next = Next;
 Pagination.Last = Last;
 
-var PopoverTitle = React__default.forwardRef(function (_ref, ref) {
+var PopoverTitle = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -8699,14 +8598,14 @@ var PopoverTitle = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
   }), children);
 });
 
-var PopoverContent = React__default.forwardRef(function (_ref, ref) {
+var PopoverContent = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       bsPrefix = _ref.bsPrefix,
@@ -8715,7 +8614,7 @@ var PopoverContent = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
@@ -8725,7 +8624,7 @@ var PopoverContent = React__default.forwardRef(function (_ref, ref) {
 var defaultProps$7 = {
   placement: 'right'
 };
-var Popover = React__default.forwardRef(function (_ref, ref) {
+var Popover = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -8742,15 +8641,15 @@ var Popover = React__default.forwardRef(function (_ref, ref) {
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     role: "tooltip",
     style: style,
     "x-placement": primaryPlacement,
     className: classnames(className, decoratedBsPrefix, primaryPlacement && "bs-popover-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default.createElement("div", _extends({
+  }, props), /*#__PURE__*/React.createElement("div", _extends({
     className: "arrow"
-  }, arrowProps)), content ? /*#__PURE__*/React__default.createElement(PopoverContent, null, children) : children);
+  }, arrowProps)), content ? /*#__PURE__*/React.createElement(PopoverContent, null, children) : children);
 });
 Popover.defaultProps = defaultProps$7;
 Popover.Title = PopoverTitle;
@@ -8788,7 +8687,7 @@ function renderProgressBar(_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       props = _objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
     role: "progressbar",
@@ -8799,12 +8698,12 @@ function renderProgressBar(_ref, ref) {
     "aria-valuenow": now,
     "aria-valuemin": min,
     "aria-valuemax": max
-  }), srOnly ? /*#__PURE__*/React__default.createElement("span", {
+  }), srOnly ? /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, label) : label);
 }
 
-var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
+var ProgressBar = React.forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
       props = _objectWithoutPropertiesLoose(_ref2, ["isChild"]);
 
@@ -8827,7 +8726,7 @@ var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
       children = props.children,
       wrapperProps = _objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, wrapperProps, {
     className: classnames(className, bsPrefix)
@@ -8853,7 +8752,7 @@ ProgressBar.defaultProps = defaultProps$6;
 var defaultProps$5 = {
   aspectRatio: '1by1'
 };
-var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
+var ResponsiveEmbed = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -8861,12 +8760,12 @@ var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'embed-responsive');
-  var child = React__default.Children.only(children);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  var child = React.Children.only(children);
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
-  }), React__default.cloneElement(child, {
+  }), React.cloneElement(child, {
     className: classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
@@ -8876,7 +8775,7 @@ var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
 var defaultProps$4 = {
   noGutters: false
 };
-var Row = React__default.forwardRef(function (_ref, ref) {
+var Row = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       noGutters = _ref.noGutters,
@@ -8901,7 +8800,7 @@ var Row = React__default.forwardRef(function (_ref, ref) {
     var infix = brkPoint !== 'xs' ? "-" + brkPoint : '';
     if (cols != null) classes.push("" + sizePrefix + infix + "-" + cols);
   });
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
@@ -8910,7 +8809,7 @@ var Row = React__default.forwardRef(function (_ref, ref) {
 Row.displayName = 'Row';
 Row.defaultProps = defaultProps$4;
 
-var Spinner = React__default.forwardRef(function (_ref, ref) {
+var Spinner = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       variant = _ref.variant,
       animation = _ref.animation,
@@ -8923,7 +8822,7 @@ var Spinner = React__default.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
@@ -8997,7 +8896,7 @@ var defaultProps$3 = {
   toggleLabel: 'Toggle dropdown',
   type: 'button'
 };
-var SplitButton = React__default.forwardRef(function (_ref, ref) {
+var SplitButton = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       bsPrefix = _ref.bsPrefix,
       size = _ref.size,
@@ -9015,11 +8914,11 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
       rootCloseEvent = _ref.rootCloseEvent,
       props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: ButtonGroup
-  }), /*#__PURE__*/React__default.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     size: size,
     variant: variant,
     disabled: props.disabled,
@@ -9028,16 +8927,16 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
     target: target,
     onClick: onClick,
     type: type
-  }, title), /*#__PURE__*/React__default.createElement(Dropdown.Toggle, {
+  }, title), /*#__PURE__*/React.createElement(Dropdown.Toggle, {
     split: true,
     id: id ? id.toString() : undefined,
     size: size,
     variant: variant,
     disabled: props.disabled,
     childBsPrefix: bsPrefix
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, toggleLabel)), /*#__PURE__*/React__default.createElement(Dropdown.Menu, {
+  }, toggleLabel)), /*#__PURE__*/React.createElement(Dropdown.Menu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -9081,14 +8980,14 @@ var TabContainer = function TabContainer(props) {
       }
     };
   }, [onSelect, activeKey, transition, mountOnEnter, unmountOnExit, generateChildId]);
-  return /*#__PURE__*/React__default.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React.createElement(TabContext.Provider, {
     value: tabContext
-  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: onSelect || null
   }, children));
 };
 
-var TabContent = React__default.forwardRef(function (_ref, ref) {
+var TabContent = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
@@ -9096,7 +8995,7 @@ var TabContent = React__default.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix)
@@ -9124,7 +9023,7 @@ function useTabContext(props) {
   });
 }
 
-var TabPane = React__default.forwardRef(function (props, ref) {
+var TabPane = React.forwardRef(function (props, ref) {
   var _useTabContext = useTabContext(props),
       bsPrefix = _useTabContext.bsPrefix,
       className = _useTabContext.className,
@@ -9145,7 +9044,7 @@ var TabPane = React__default.forwardRef(function (props, ref) {
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
-  var pane = /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  var pane = /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
@@ -9153,7 +9052,7 @@ var TabPane = React__default.forwardRef(function (props, ref) {
       active: active
     })
   }));
-  if (Transition) pane = /*#__PURE__*/React__default.createElement(Transition, {
+  if (Transition) pane = /*#__PURE__*/React.createElement(Transition, {
     in: active,
     onEnter: onEnter,
     onEntering: onEntering,
@@ -9166,9 +9065,9 @@ var TabPane = React__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.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React.createElement(TabContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
+  }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: null
   }, pane));
 });
@@ -9189,13 +9088,13 @@ var Tab = /*#__PURE__*/function (_React$Component) {
   };
 
   return Tab;
-}(React__default.Component);
+}(React.Component);
 
 Tab.Container = TabContainer;
 Tab.Content = TabContent;
 Tab.Pane = TabPane;
 
-React__default.forwardRef(function (_ref, ref) {
+React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       striped = _ref.striped,
@@ -9209,7 +9108,7 @@ React__default.forwardRef(function (_ref, ref) {
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
   var classes = classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
-  var table = /*#__PURE__*/React__default.createElement("table", _extends({}, props, {
+  var table = /*#__PURE__*/React.createElement("table", _extends({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9221,7 +9120,7 @@ React__default.forwardRef(function (_ref, ref) {
       responsiveClass = responsiveClass + "-" + responsive;
     }
 
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: responsiveClass
     }, table);
   }
@@ -9229,7 +9128,7 @@ React__default.forwardRef(function (_ref, ref) {
   return table;
 });
 
-var ToastContext = React__default.createContext({
+var ToastContext = React.createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onClose: function onClose() {}
 });
@@ -9238,7 +9137,7 @@ var defaultProps$2 = {
   closeLabel: 'Close',
   closeButton: true
 };
-var ToastHeader = React__default.forwardRef(function (_ref, ref) {
+var ToastHeader = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       closeLabel = _ref.closeLabel,
       closeButton = _ref.closeButton,
@@ -9253,11 +9152,11 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
-  }), children, closeButton && /*#__PURE__*/React__default.createElement(CloseButton, {
+  }), children, closeButton && /*#__PURE__*/React.createElement(CloseButton, {
     label: closeLabel,
     onClick: handleClick,
     className: "ml-2 mb-1",
@@ -9269,7 +9168,7 @@ ToastHeader.defaultProps = defaultProps$2;
 
 var ToastBody = createWithBsPrefix('toast-body');
 
-var Toast = React__default.forwardRef(function (_ref, ref) {
+var Toast = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
@@ -9312,16 +9211,16 @@ var Toast = React__default.forwardRef(function (_ref, ref) {
     };
   }, [onClose]);
   var hasAnimation = !!(Transition && animation);
-  var toast = /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  var toast = /*#__PURE__*/React.createElement("div", _extends({}, props, {
     ref: ref,
     className: classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
     role: "alert",
     "aria-live": "assertive",
     "aria-atomic": "true"
   }), children);
-  return /*#__PURE__*/React__default.createElement(ToastContext.Provider, {
+  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
     value: toastContext
-  }, hasAnimation && Transition ? /*#__PURE__*/React__default.createElement(Transition, {
+  }, hasAnimation && Transition ? /*#__PURE__*/React.createElement(Transition, {
     in: show,
     unmountOnExit: true
   }, toast) : toast);
@@ -9336,7 +9235,7 @@ var noop = function noop() {
   return undefined;
 };
 
-var ToggleButton = React__default.forwardRef(function (_ref, ref) {
+var ToggleButton = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       name = _ref.name,
       className = _ref.className,
@@ -9358,13 +9257,13 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
   var handleBlur = useCallback(function (e) {
     if (e.target.tagName === 'INPUT') setFocused(false);
   }, []);
-  return /*#__PURE__*/React__default.createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     ref: ref,
     className: classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
     active: !!checked,
     as: "label"
-  }), /*#__PURE__*/React__default.createElement("input", {
+  }), /*#__PURE__*/React.createElement("input", {
     name: name,
     type: type,
     value: value,
@@ -9383,7 +9282,7 @@ var defaultProps$1 = {
   type: 'radio',
   vertical: false
 };
-var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
+var ToggleButtonGroup = React.forwardRef(function (props, ref) {
   var _useUncontrolled = useUncontrolled(props, {
     value: 'onChange'
   }),
@@ -9421,7 +9320,7 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
   };
 
   !(type !== 'radio' || !!name) ? process.env.NODE_ENV !== "production" ? invariant_1(false, 'A `name` is required to group the toggle buttons when the `type` ' + 'is set to "radio"') : invariant_1(false) : void 0;
-  return /*#__PURE__*/React__default.createElement(ButtonGroup, _extends({}, controlledProps, {
+  return /*#__PURE__*/React.createElement(ButtonGroup, _extends({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9434,7 +9333,7 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
       return handleToggle(childVal, e);
     };
 
-    return React__default.cloneElement(child, {
+    return React.cloneElement(child, {
       type: type,
       name: child.name || name,
       checked: values.indexOf(childVal) !== -1,
@@ -9448,7 +9347,7 @@ ToggleButtonGroup.Button = ToggleButton;
 var defaultProps = {
   placement: 'right'
 };
-var Tooltip = React__default.forwardRef(function (_ref, ref) {
+var Tooltip = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       placement = _ref.placement,
       className = _ref.className,
@@ -9464,15 +9363,15 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     style: style,
     role: "tooltip",
     "x-placement": primaryPlacement,
     className: classnames(className, bsPrefix, "bs-tooltip-" + primaryPlacement)
-  }, props), /*#__PURE__*/React__default.createElement("div", _extends({
+  }, props), /*#__PURE__*/React.createElement("div", _extends({
     className: "arrow"
-  }, arrowProps)), /*#__PURE__*/React__default.createElement("div", {
+  }, arrowProps)), /*#__PURE__*/React.createElement("div", {
     className: bsPrefix + "-inner"
   }, children));
 });
@@ -9490,54 +9389,54 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
       client = props.client;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: styles.article },
-    React__default.createElement(
+    React.createElement(
       'a',
       { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: styles.thumb },
-        React__default.createElement(
+        React.createElement(
           'figure',
           null,
-          React__default.createElement(
+          React.createElement(
             LazyLoad,
             null,
-            React__default.createElement('img', {
+            React.createElement('img', {
               src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: styles.name },
           data.name
         ),
-        data.published && React__default.createElement(
+        data.published && React.createElement(
           'p',
           { className: styles.published },
           moment(data.published).format('MMMM Do YYYY')
         ),
-        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+        data.authorMapping && data.authorMapping.displayName && React.createElement(
           'p',
           { className: styles.author },
           'By ',
-          React__default.createElement(
+          React.createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.description && React__default.createElement(
+        data.description && React.createElement(
           'div',
           { className: 'media-series-desc' },
-          React__default.createElement(BlockContent, { blocks: data.description, serializers: getSerializers(client) })
+          React.createElement(BlockContent, { blocks: data.description, serializers: getSerializers(client) })
         )
       )
     )
@@ -9634,13 +9533,13 @@ var Filter = function Filter(_ref) {
     }
   };
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'flex-container' },
-    parentData && React__default.createElement(
+    parentData && React.createElement(
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
-      React__default.createElement(
+      React.createElement(
         Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
@@ -9649,7 +9548,7 @@ var Filter = function Filter(_ref) {
       ),
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React.createElement(
           Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
@@ -9658,10 +9557,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    childData && childData.data && childData.data.length > 0 && React__default.createElement(
+    childData && childData.data && childData.data.length > 0 && React.createElement(
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
-      React__default.createElement(
+      React.createElement(
         Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
@@ -9670,7 +9569,7 @@ var Filter = function Filter(_ref) {
       ),
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React.createElement(
           Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
@@ -9679,10 +9578,10 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default.createElement(
+    grandChildData && grandChildData.data && grandChildData.data.length > 0 && React.createElement(
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
-      React__default.createElement(
+      React.createElement(
         Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
@@ -9691,7 +9590,7 @@ var Filter = function Filter(_ref) {
       ),
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
-        return React__default.createElement(
+        return React.createElement(
           Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
@@ -9700,7 +9599,7 @@ var Filter = function Filter(_ref) {
         );
       })
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .flex-container {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n        }\n        .filter-btn button {\n          border-radius: 3px;\n          z-index: 99999;\n        }\n        .filter-btn .dropdown-menu {\n          z-index: 9999999;\n        }\n        @media (max-width: 768px) {\n          .flex-container {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      '
@@ -9790,27 +9689,27 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
   }();
 
   if (props.statusCode === 404) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { className: 'd-flex flex-column align-items-center mt-3' },
-      React__default.createElement(
+      React.createElement(
         'h3',
         null,
         '404: Resource not found'
       ),
-      React__default.createElement(
+      React.createElement(
         'p',
         null,
         'We seem to have misplaced the page you\'re looking for. Sorry! Please try checking the URL for errors.'
       ),
-      React__default.createElement(
+      React.createElement(
         'p',
         null,
         'Click here to',
-        React__default.createElement(
+        React.createElement(
           Link,
           { href: '/' },
-          React__default.createElement(
+          React.createElement(
             'a',
             { style: { color: 'blue', textDecoration: 'underline' } },
             ' return to homepage.'
@@ -9820,16 +9719,17 @@ var MediaSeriesLanding = function MediaSeriesLanding(props) {
     );
   }
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'mb-5' },
-    props.taxonomyFilter && props.taxonomyFilter && React__default.createElement(
+    props.docGroup && props.docGroup.description && React.createElement(BlockContent, { blocks: props.docGroup.description, serializers: getSerializers(client) }),
+    props.taxonomyFilter && props.taxonomyFilter && React.createElement(
       'div',
       { className: '' },
-      React__default.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
-      React__default.createElement('hr', null)
+      React.createElement(Filter, { setFilterTopicID: setFilterTopicID, filterData: props.taxonomyFilter }),
+      React.createElement('hr', null)
     ),
-    seriesData && React__default.createElement(MasterDeck, {
+    seriesData && React.createElement(MasterDeck, {
       deck: MediaSeriesCard,
       variant: 'left',
       defaultImage: '/placeholder.jpg',
@@ -9867,7 +9767,7 @@ MediaSeriesLanding.getInitialData = function () {
               url: pathname
             };
             _context2.next = 9;
-            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name\n  }');
+            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');
 
           case 9:
             docGroupID = _context2.sent;