@mjhls/mjh-framework 1.0.819 → 1.0.820

package/dist/esm/MediaSeriesLanding.js

@@ -1,149 +1,70 @@
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends$1 } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import { _ as _typeof } from './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
+import { _ as _defineProperty } from './defineProperty-f5ff6f5a.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
+import { _ as _typeof } from './typeof-a286cf0c.js';
+import { _ as _extends$1 } from './extends-60e0e1c6.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
-import './index-acfb8079.js';
+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-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-52cf21c5.js';
+import { g as getSerializers } from './index-5cc7293b.js';
+import './define-property-fe54dc9f.js';
+import './_to-object-b50e61c3.js';
+import './es6.string.iterator-bc33758b.js';
+import './web.dom.iterable-4109ff68.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
+import './_is-array-3e99e06e.js';
+import './_object-pie-133f504a.js';
+import './toConsumableArray-6d9a4616.js';
+import './inherits-a41fe93f.js';
+import './_object-sap-f353c2a9.js';
+import './index-2446af28.js';
+import './events-6c3a7a63.js';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import './index.es-7dda2f0a.js';
-import ReactDOM from 'react-dom';
+import './lodash-f97fd99a.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-c6222053.js';
 import './visibility-sensor-f40c2564.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import './main-aef58dbc.js';
-import './entities-7cc3bf45.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
+import './index-0dbff1d1.js';
+import './ADlgInfeed-0b474b02.js';
 import './AdSlot.js';
-import './ADInfeed-ba59666b.js';
-import './lodash-ec8c6b48.js';
-import './ADlgInfeed-995322a1.js';
-import { B as BlockContent } from './BlockContent-d05b5b23.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './Segment.js';
+import './main-b5c5aac1.js';
+import './ADInfeed-28b1e946.js';
+import 'react-bootstrap';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-3ab476bf.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-e887f3d1.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './smoothscroll-fa4e3f8c.js';
+import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './SocialShare.js';
-import './_object-to-array-7e804fce.js';
+import './_object-to-array-0f197f89.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
+import './entities-932b50cf.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
 import 'react-bootstrap/Figure';
-import MasterDeck from './MasterDeck.js';
-import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import Link from 'next/link';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var classnames = createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -250,15 +171,6 @@ function useUncontrolled(props, config) {
   }, props);
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -266,8 +178,8 @@ function _inheritsLoose(subClass, superClass) {
 }
 
 var ThemeContext = React.createContext({});
-var Consumer = ThemeContext.Consumer,
-    Provider = ThemeContext.Provider;
+ThemeContext.Consumer;
+    ThemeContext.Provider;
 
 function useBootstrapPrefix(prefix, defaultPrefix) {
   var prefixes = useContext(ThemeContext);
@@ -284,11 +196,11 @@ var makeEventKey = function makeEventKey(eventKey, href) {
   return href || null;
 };
 
-var context = React.createContext(null);
-context.displayName = 'AccordionContext';
+var context$2 = React.createContext(null);
+context$2.displayName = 'AccordionContext';
 
 function useAccordionToggle(eventKey, onClick) {
-  var contextEventKey = useContext(context);
+  var contextEventKey = useContext(context$2);
   var onSelect = useContext(SelectableContext);
   return function (e) {
     /*
@@ -320,16 +232,16 @@ var AccordionToggle = React.forwardRef(function (_ref, ref) {
   }, props), children);
 });
 
-function ownerDocument(node) {
+function ownerDocument$1(node) {
   return node && node.ownerDocument || document;
 }
 
 function ownerWindow(node) {
-  var doc = ownerDocument(node);
+  var doc = ownerDocument$1(node);
   return doc && doc.defaultView || window;
 }
 
-function getComputedStyle$1(node, psuedoElement) {
+function getComputedStyle$2(node, psuedoElement) {
   return ownerWindow(node).getComputedStyle(node, psuedoElement);
 }
 
@@ -358,7 +270,7 @@ function style(node, property) {
   var transforms = '';
 
   if (typeof property === 'string') {
-    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle$1(node).getPropertyValue(hyphenateStyleName(property));
+    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle$2(node).getPropertyValue(hyphenateStyleName(property));
   }
 
   Object.keys(property).forEach(function (key) {
@@ -498,7 +410,7 @@ var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType(
   exit: PropTypes.number,
   appear: PropTypes.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
   enter: PropTypes.string,
   exit: PropTypes.string,
   active: PropTypes.string
@@ -880,23 +792,23 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     }
 
     var _this$props = this.props,
-        children = _this$props.children,
-        _in = _this$props.in,
-        _mountOnEnter = _this$props.mountOnEnter,
-        _unmountOnExit = _this$props.unmountOnExit,
-        _appear = _this$props.appear,
-        _enter = _this$props.enter,
-        _exit = _this$props.exit,
-        _timeout = _this$props.timeout,
-        _addEndListener = _this$props.addEndListener,
-        _onEnter = _this$props.onEnter,
-        _onEntering = _this$props.onEntering,
-        _onEntered = _this$props.onEntered,
-        _onExit = _this$props.onExit,
-        _onExiting = _this$props.onExiting,
-        _onExited = _this$props.onExited,
-        _nodeRef = _this$props.nodeRef,
-        childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        children = _this$props.children;
+        _this$props.in;
+        _this$props.mountOnEnter;
+        _this$props.unmountOnExit;
+        _this$props.appear;
+        _this$props.enter;
+        _this$props.exit;
+        _this$props.timeout;
+        _this$props.addEndListener;
+        _this$props.onEnter;
+        _this$props.onEntering;
+        _this$props.onEntered;
+        _this$props.onExit;
+        _this$props.onExiting;
+        _this$props.onExited;
+        _this$props.nodeRef;
+        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -1096,7 +1008,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
   onExited: PropTypes.func
 } : {}; // Name the function so it is clearer in the documentation
 
-function noop() {}
+function noop$5() {}
 
 Transition.defaultProps = {
   in: false,
@@ -1105,12 +1017,12 @@ Transition.defaultProps = {
   appear: false,
   enter: true,
   exit: true,
-  onEnter: noop,
-  onEntering: noop,
-  onEntered: noop,
-  onExit: noop,
-  onExiting: noop,
-  onExited: noop
+  onEnter: noop$5,
+  onEntering: noop$5,
+  onEntered: noop$5,
+  onExit: noop$5,
+  onExiting: noop$5,
+  onExited: noop$5
 };
 Transition.UNMOUNTED = UNMOUNTED;
 Transition.EXITED = EXITED;
@@ -1176,7 +1088,7 @@ function getDefaultDimensionValue(dimension, elem) {
 }
 
 var collapseStyles = (_collapseStyles = {}, _collapseStyles[EXITED] = 'collapse', _collapseStyles[EXITING] = 'collapsing', _collapseStyles[ENTERING] = 'collapsing', _collapseStyles[ENTERED] = 'collapse show', _collapseStyles);
-var defaultProps = {
+var defaultProps$E = {
   in: false,
   timeout: 300,
   mountOnEnter: false,
@@ -1250,14 +1162,14 @@ var Collapse = React.forwardRef(function (_ref, ref) {
 }); // @ts-ignore
 
 // @ts-ignore
-Collapse.defaultProps = defaultProps;
+Collapse.defaultProps = defaultProps$E;
 
 var AccordionCollapse = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
 
-  var contextEventKey = useContext(context); // Empty SelectableContext is to prevent elements in the collapse
+  var contextEventKey = useContext(context$2); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
   return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
@@ -1283,7 +1195,7 @@ var Accordion = React.forwardRef(function (props, ref) {
       controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
-  return /*#__PURE__*/React.createElement(context.Provider, {
+  return /*#__PURE__*/React.createElement(context$2.Provider, {
     value: activeKey || null
   }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: onSelect || null
@@ -1323,7 +1235,7 @@ function useEventCallback(fn) {
 }
 
 var _fadeStyles;
-var defaultProps$1 = {
+var defaultProps$D = {
   in: false,
   timeout: 300,
   mountOnEnter: false,
@@ -1351,14 +1263,14 @@ var Fade = React.forwardRef(function (_ref, ref) {
     }));
   });
 });
-Fade.defaultProps = defaultProps$1;
+Fade.defaultProps = defaultProps$D;
 Fade.displayName = 'Fade';
 
-var propTypes = {
+var propTypes$a = {
   label: PropTypes.string.isRequired,
   onClick: PropTypes.func
 };
-var defaultProps$2 = {
+var defaultProps$C = {
   label: 'Close'
 };
 var CloseButton = React.forwardRef(function (_ref, ref) {
@@ -1379,8 +1291,8 @@ var CloseButton = React.forwardRef(function (_ref, ref) {
   }, label));
 });
 CloseButton.displayName = 'CloseButton';
-CloseButton.propTypes = propTypes;
-CloseButton.defaultProps = defaultProps$2;
+CloseButton.propTypes = propTypes$a;
+CloseButton.defaultProps = defaultProps$C;
 
 var divWithClassName = (function (className) {
   return React.forwardRef(function (p, ref) {
@@ -1493,15 +1405,15 @@ var SafeAnchor = React.forwardRef(function (_ref, ref) {
 });
 SafeAnchor.displayName = 'SafeAnchor';
 
-var DivStyledAsH4 = divWithClassName('h4');
-DivStyledAsH4.displayName = 'DivStyledAsH4';
+var DivStyledAsH4$1 = divWithClassName('h4');
+DivStyledAsH4$1.displayName = 'DivStyledAsH4';
 var AlertHeading = createWithBsPrefix('alert-heading', {
-  Component: DivStyledAsH4
+  Component: DivStyledAsH4$1
 });
 var AlertLink = createWithBsPrefix('alert-link', {
   Component: SafeAnchor
 });
-var defaultProps$3 = {
+var defaultProps$B = {
   show: true,
   transition: Fade,
   closeLabel: 'Close alert'
@@ -1546,11 +1458,11 @@ var Alert = React.forwardRef(function (uncontrolledProps, ref) {
   }), alert);
 });
 Alert.displayName = 'Alert';
-Alert.defaultProps = defaultProps$3;
+Alert.defaultProps = defaultProps$B;
 Alert.Link = AlertLink;
 Alert.Heading = AlertHeading;
 
-var defaultProps$4 = {
+var defaultProps$A = {
   pill: false
 };
 var Badge = React.forwardRef(function (_ref, ref) {
@@ -1570,9 +1482,9 @@ var Badge = React.forwardRef(function (_ref, ref) {
   }));
 });
 Badge.displayName = 'Badge';
-Badge.defaultProps = defaultProps$4;
+Badge.defaultProps = defaultProps$A;
 
-var defaultProps$5 = {
+var defaultProps$z = {
   active: false,
   linkProps: {}
 };
@@ -1606,9 +1518,9 @@ var BreadcrumbItem = React.forwardRef(function (_ref, ref) {
   }), children));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';
-BreadcrumbItem.defaultProps = defaultProps$5;
+BreadcrumbItem.defaultProps = defaultProps$z;
 
-var defaultProps$6 = {
+var defaultProps$y = {
   label: 'breadcrumb',
   listProps: {}
 };
@@ -1632,10 +1544,10 @@ var Breadcrumb = React.forwardRef(function (_ref, ref) {
   }), children));
 });
 Breadcrumb.displayName = 'Breadcrumb';
-Breadcrumb.defaultProps = defaultProps$6;
+Breadcrumb.defaultProps = defaultProps$y;
 Breadcrumb.Item = BreadcrumbItem;
 
-var defaultProps$7 = {
+var defaultProps$x = {
   variant: 'primary',
   active: false,
   disabled: false
@@ -1678,9 +1590,9 @@ var Button = React.forwardRef(function (_ref, ref) {
   }));
 });
 Button.displayName = 'Button';
-Button.defaultProps = defaultProps$7;
+Button.defaultProps = defaultProps$x;
 
-var defaultProps$8 = {
+var defaultProps$w = {
   vertical: false,
   toggle: false,
   role: 'group'
@@ -1704,9 +1616,9 @@ var ButtonGroup = React.forwardRef(function (_ref, ref) {
   }));
 });
 ButtonGroup.displayName = 'ButtonGroup';
-ButtonGroup.defaultProps = defaultProps$8;
+ButtonGroup.defaultProps = defaultProps$w;
 
-var defaultProps$9 = {
+var defaultProps$v = {
   role: 'toolbar'
 };
 var ButtonToolbar = React.forwardRef(function (_ref, ref) {
@@ -1721,12 +1633,12 @@ var ButtonToolbar = React.forwardRef(function (_ref, ref) {
   }));
 });
 ButtonToolbar.displayName = 'ButtonToolbar';
-ButtonToolbar.defaultProps = defaultProps$9;
+ButtonToolbar.defaultProps = defaultProps$v;
 
 var context$1 = React.createContext(null);
 context$1.displayName = 'CardContext';
 
-var defaultProps$a = {
+var defaultProps$u = {
   variant: null
 };
 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
@@ -1745,7 +1657,7 @@ function (_ref, ref) {
   }, props));
 });
 CardImg.displayName = 'CardImg';
-CardImg.defaultProps = defaultProps$a;
+CardImg.defaultProps = defaultProps$u;
 
 var DivStyledAsH5 = divWithClassName('h5');
 var DivStyledAsH6 = divWithClassName('h6');
@@ -1765,7 +1677,7 @@ var CardText = createWithBsPrefix('card-text', {
 var CardHeader = createWithBsPrefix('card-header');
 var CardFooter = createWithBsPrefix('card-footer');
 var CardImgOverlay = createWithBsPrefix('card-img-overlay');
-var defaultProps$b = {
+var defaultProps$t = {
   body: false
 };
 var Card = React.forwardRef(function (_ref, ref) {
@@ -1798,7 +1710,7 @@ var Card = React.forwardRef(function (_ref, ref) {
   React.createElement(CardBody, null, children) : children));
 });
 Card.displayName = 'Card';
-Card.defaultProps = defaultProps$b;
+Card.defaultProps = defaultProps$t;
 Card.Img = CardImg;
 Card.Title = CardTitle;
 Card.Subtitle = CardSubtitle;
@@ -2033,7 +1945,7 @@ function forEach(children, func) {
 }
 
 var SWIPE_THRESHOLD = 40;
-var propTypes$1 = {
+var propTypes$9 = {
   /**
    * @default 'carousel'
    */
@@ -2135,7 +2047,7 @@ var propTypes$1 = {
    */
   nextLabel: PropTypes.string
 };
-var defaultProps$c = {
+var defaultProps$s = {
   slide: true,
   fade: false,
   controls: true,
@@ -2505,12 +2417,12 @@ function CarouselFunc(uncontrolledProps, ref) {
 
 var Carousel = React.forwardRef(CarouselFunc);
 Carousel.displayName = 'Carousel';
-Carousel.propTypes = propTypes$1;
-Carousel.defaultProps = defaultProps$c;
+Carousel.propTypes = propTypes$9;
+Carousel.defaultProps = defaultProps$s;
 Carousel.Caption = CarouselCaption;
 Carousel.Item = CarouselItem;
 
-var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
+var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
 var Col = React.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,
@@ -2522,7 +2434,7 @@ function (_ref, ref) {
   var prefix = useBootstrapPrefix(bsPrefix, 'col');
   var spans = [];
   var classes = [];
-  DEVICE_SIZES.forEach(function (brkPoint) {
+  DEVICE_SIZES$1.forEach(function (brkPoint) {
     var propValue = props[brkPoint];
     delete props[brkPoint];
     var span;
@@ -2775,7 +2687,7 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-function contains(parent, child) {
+function contains$1(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
 
   if (parent.contains(child)) {
@@ -2802,7 +2714,7 @@ function getNodeName(element) {
   return element ? (element.nodeName || '').toLowerCase() : null;
 }
 
-function getComputedStyle$2(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 
@@ -2835,7 +2747,7 @@ function getParentNode(element) {
 
 function getTrueOffsetParent(element) {
   if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
-  getComputedStyle$2(element).position === 'fixed') {
+  getComputedStyle$1(element).position === 'fixed') {
     return null;
   }
 
@@ -2849,7 +2761,7 @@ function getContainingBlock(element) {
   var currentNode = getParentNode(element);
 
   while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
-    var css = getComputedStyle$2(currentNode); // This is non-exhaustive but covers the most common CSS properties that
+    var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that
     // create a containing block.
     // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
 
@@ -2869,11 +2781,11 @@ function getOffsetParent(element) {
   var window = getWindow(element);
   var offsetParent = getTrueOffsetParent(element);
 
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$2(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
     offsetParent = getTrueOffsetParent(offsetParent);
   }
 
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static')) {
+  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
     return window;
   }
 
@@ -2956,7 +2868,7 @@ function arrow(_ref) {
   state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
 }
 
-function effect(_ref2) {
+function effect$1(_ref2) {
   var state = _ref2.state,
       options = _ref2.options;
   var _options$element = options.element,
@@ -2981,7 +2893,7 @@ function effect(_ref2) {
     }
   }
 
-  if (!contains(state.elements.popper, arrowElement)) {
+  if (!contains$1(state.elements.popper, arrowElement)) {
     if (process.env.NODE_ENV !== "production") {
       console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
     }
@@ -2998,7 +2910,7 @@ var arrow$1 = {
   enabled: true,
   phase: 'main',
   fn: arrow,
-  effect: effect,
+  effect: effect$1,
   requires: ['popperOffsets'],
   requiresIfExists: ['preventOverflow']
 };
@@ -3055,7 +2967,7 @@ function mapToStyles(_ref2) {
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
 
-      if (getComputedStyle$2(offsetParent).position !== 'static') {
+      if (getComputedStyle$1(offsetParent).position !== 'static') {
         heightProp = 'scrollHeight';
         widthProp = 'scrollWidth';
       }
@@ -3103,7 +3015,7 @@ function computeStyles(_ref4) {
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
 
   if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$2(state.elements.popper).transitionProperty || '';
+    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
 
     if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
       return transitionProperty.indexOf(property) >= 0;
@@ -3155,7 +3067,7 @@ var passive = {
   passive: true
 };
 
-function effect$1(_ref) {
+function effect(_ref) {
   var state = _ref.state,
       instance = _ref.instance,
       options = _ref.options;
@@ -3195,11 +3107,11 @@ var eventListeners = {
   enabled: true,
   phase: 'write',
   fn: function fn() {},
-  effect: effect$1,
+  effect: effect,
   data: {}
 };
 
-var hash = {
+var hash$1 = {
   left: 'right',
   right: 'left',
   bottom: 'top',
@@ -3207,17 +3119,17 @@ var hash = {
 };
 function getOppositePlacement(placement) {
   return placement.replace(/left|right|bottom|top/g, function (matched) {
-    return hash[matched];
+    return hash$1[matched];
   });
 }
 
-var hash$1 = {
+var hash = {
   start: 'end',
   end: 'start'
 };
 function getOppositeVariationPlacement(placement) {
   return placement.replace(/start|end/g, function (matched) {
-    return hash$1[matched];
+    return hash[matched];
   });
 }
 
@@ -3293,7 +3205,7 @@ function getDocumentRect(element) {
   var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
   var y = -winScroll.scrollTop;
 
-  if (getComputedStyle$2(body || html).direction === 'rtl') {
+  if (getComputedStyle$1(body || html).direction === 'rtl') {
     x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
   }
 
@@ -3307,7 +3219,7 @@ function getDocumentRect(element) {
 
 function isScrollParent(element) {
   // Firefox wants us to check `-x` and `-y` variations as well
-  var _getComputedStyle = getComputedStyle$2(element),
+  var _getComputedStyle = getComputedStyle$1(element),
       overflow = _getComputedStyle.overflow,
       overflowX = _getComputedStyle.overflowX,
       overflowY = _getComputedStyle.overflowY;
@@ -3382,7 +3294,7 @@ function getClientRectFromMixedType(element, clippingParent) {
 
 function getClippingParents(element) {
   var clippingParents = listScrollParents(getParentNode(element));
-  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$2(element).position) >= 0;
+  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
   var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
 
   if (!isElement(clipperElement)) {
@@ -3391,7 +3303,7 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
+    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents
@@ -4286,7 +4198,7 @@ function popperGenerator(generatorOptions) {
             }
           }
 
-          var _getComputedStyle = getComputedStyle$2(popper),
+          var _getComputedStyle = getComputedStyle$1(popper),
               marginTop = _getComputedStyle.marginTop,
               marginRight = _getComputedStyle.marginRight,
               marginBottom = _getComputedStyle.marginBottom,
@@ -4626,7 +4538,7 @@ function usePopper(referenceElement, popperElement, _temp) {
 /* eslint-disable no-bitwise, no-cond-assign */
 // HTML DOM and SVG DOM may have different support levels,
 // so we need to check on context instead of a document root element.
-function contains$1(context, node) {
+function contains(context, node) {
   if (context.contains) return context.contains(node);
   if (context.compareDocumentPosition) return context === node || !!(context.compareDocumentPosition(node) & 16);
 }
@@ -4700,13 +4612,13 @@ function safeFindDOMNode(componentOrElement) {
   return componentOrElement != null ? componentOrElement : null;
 }
 
-var ownerDocument$1 = (function (componentOrElement) {
-  return ownerDocument(safeFindDOMNode(componentOrElement));
+var ownerDocument = (function (componentOrElement) {
+  return ownerDocument$1(safeFindDOMNode(componentOrElement));
 });
 
 var escapeKeyCode = 27;
 
-var noop$1 = function noop() {};
+var noop$4 = function noop() {};
 
 function isLeftClickEvent(event) {
   return event.button === 0;
@@ -4739,11 +4651,11 @@ function useRootClose(ref, onRootClose, _temp) {
       clickTrigger = _ref$clickTrigger === void 0 ? 'click' : _ref$clickTrigger;
 
   var preventMouseRootCloseRef = useRef(false);
-  var onClose = onRootClose || noop$1;
+  var onClose = onRootClose || noop$4;
   var handleMouseCapture = useCallback(function (e) {
     var currentTarget = getRefTarget(ref);
     warning_1(!!currentTarget, 'RootClose captured a close event but does not have a ref to compare it to. ' + 'useRootClose(), should be passed a ref that resolves to a DOM node');
-    preventMouseRootCloseRef.current = !currentTarget || isModifiedEvent(e) || !isLeftClickEvent(e) || !!contains$1(currentTarget, e.target);
+    preventMouseRootCloseRef.current = !currentTarget || isModifiedEvent(e) || !isLeftClickEvent(e) || !!contains(currentTarget, e.target);
   }, [ref]);
   var handleMouse = useEventCallback(function (e) {
     if (!preventMouseRootCloseRef.current) {
@@ -4760,7 +4672,7 @@ function useRootClose(ref, onRootClose, _temp) {
     // https://github.com/facebook/react/issues/20074
 
     var currentEvent = window.event;
-    var doc = ownerDocument$1(getRefTarget(ref)); // Use capture for this listener so it fires before React's listener, to
+    var doc = ownerDocument(getRefTarget(ref)); // Use capture for this listener so it fires before React's listener, to
     // avoid false positives in the contains() check below if the target DOM
     // element is removed in the React mouse callback.
 
@@ -4787,7 +4699,7 @@ function useRootClose(ref, onRootClose, _temp) {
 
     if ('ontouchstart' in doc.documentElement) {
       mobileSafariHackListeners = [].slice.call(doc.body.children).map(function (el) {
-        return listen(el, 'mousemove', noop$1);
+        return listen(el, 'mousemove', noop$4);
       });
     }
 
@@ -4869,7 +4781,7 @@ function mergeOptionsWithPopperConfig(_ref) {
   });
 }
 
-var noop$2 = function noop() {};
+var noop$3 = function noop() {};
 /**
  * @memberOf Dropdown
  * @param {object}  options
@@ -4937,7 +4849,7 @@ function useDropdownMenu(options) {
 
   var menu;
   var menuProps = {
-    ref: setMenu || noop$2,
+    ref: setMenu || noop$3,
     'aria-labelledby': toggleElement == null ? void 0 : toggleElement.id
   };
   var childArgs = {
@@ -4970,7 +4882,7 @@ function useDropdownMenu(options) {
   });
   return menu;
 }
-var propTypes$2 = {
+var propTypes$8 = {
   /**
    * A render prop that returns a Menu element. The `props`
    * argument should spread through to **a component that can accept a ref**.
@@ -5027,7 +4939,7 @@ var propTypes$2 = {
    */
   rootCloseEvent: PropTypes.string
 };
-var defaultProps$d = {
+var defaultProps$r = {
   usePopper: true
 };
 
@@ -5037,7 +4949,7 @@ var defaultProps$d = {
  * @displayName DropdownMenu
  * @memberOf Dropdown
  */
-function DropdownMenu(_ref2) {
+function DropdownMenu$1(_ref2) {
   var children = _ref2.children,
       options = _objectWithoutPropertiesLoose(_ref2, ["children"]);
 
@@ -5045,11 +4957,11 @@ function DropdownMenu(_ref2) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, args.hasShown ? children(args) : null);
 }
 
-DropdownMenu.displayName = 'ReactOverlaysDropdownMenu';
-DropdownMenu.propTypes = propTypes$2;
-DropdownMenu.defaultProps = defaultProps$d;
+DropdownMenu$1.displayName = 'ReactOverlaysDropdownMenu';
+DropdownMenu$1.propTypes = propTypes$8;
+DropdownMenu$1.defaultProps = defaultProps$r;
 
-var noop$3 = function noop() {};
+var noop$2 = function noop() {};
 /**
  * Wires up Dropdown toggle functionality, returning a set a props to attach
  * to the element that functions as the dropdown toggle (generally a button).
@@ -5063,11 +4975,11 @@ function useDropdownToggle() {
       _ref$show = _ref.show,
       show = _ref$show === void 0 ? false : _ref$show,
       _ref$toggle = _ref.toggle,
-      toggle = _ref$toggle === void 0 ? noop$3 : _ref$toggle,
+      toggle = _ref$toggle === void 0 ? noop$2 : _ref$toggle,
       setToggle = _ref.setToggle;
 
   return [{
-    ref: setToggle || noop$3,
+    ref: setToggle || noop$2,
     'aria-haspopup': true,
     'aria-expanded': !!show
   }, {
@@ -5075,7 +4987,7 @@ function useDropdownToggle() {
     toggle: toggle
   }];
 }
-var propTypes$3 = {
+var propTypes$7 = {
   /**
    * A render prop that returns a Toggle element. The `props`
    * argument should spread through to **a component that can accept a ref**. Use
@@ -5100,7 +5012,7 @@ var propTypes$3 = {
  * @displayName DropdownToggle
  * @memberOf Dropdown
  */
-function DropdownToggle(_ref2) {
+function DropdownToggle$1(_ref2) {
   var children = _ref2.children;
 
   var _useDropdownToggle = useDropdownToggle(),
@@ -5116,10 +5028,10 @@ function DropdownToggle(_ref2) {
   }));
 }
 
-DropdownToggle.displayName = 'ReactOverlaysDropdownToggle';
-DropdownToggle.propTypes = propTypes$3;
+DropdownToggle$1.displayName = 'ReactOverlaysDropdownToggle';
+DropdownToggle$1.propTypes = propTypes$7;
 
-var propTypes$4 = {
+var propTypes$6 = {
   /**
    * A render prop that returns the root dropdown element. The `props`
    * argument should spread through to an element containing _both_ the
@@ -5191,7 +5103,7 @@ var propTypes$4 = {
 /**
  * @displayName Dropdown
  */
-function Dropdown(_ref) {
+function Dropdown$1(_ref) {
   var drop = _ref.drop,
       alignEnd = _ref.alignEnd,
       defaultShow = _ref.defaultShow,
@@ -5333,15 +5245,15 @@ function Dropdown(_ref) {
   }));
 }
 
-Dropdown.displayName = 'ReactOverlaysDropdown';
-Dropdown.propTypes = propTypes$4;
-Dropdown.Menu = DropdownMenu;
-Dropdown.Toggle = DropdownToggle;
+Dropdown$1.displayName = 'ReactOverlaysDropdown';
+Dropdown$1.propTypes = propTypes$6;
+Dropdown$1.Menu = DropdownMenu$1;
+Dropdown$1.Toggle = DropdownToggle$1;
 
 var NavContext = React.createContext(null);
 NavContext.displayName = 'NavContext';
 
-var defaultProps$e = {
+var defaultProps$q = {
   as: SafeAnchor,
   disabled: false
 };
@@ -5390,7 +5302,7 @@ var DropdownItem = React.forwardRef(function (_ref, ref) {
   );
 });
 DropdownItem.displayName = 'DropdownItem';
-DropdownItem.defaultProps = defaultProps$e;
+DropdownItem.defaultProps = defaultProps$q;
 
 var toFnRef = function toFnRef(ref) {
   return !ref || typeof ref === 'function' ? ref : function (value) {
@@ -5429,8 +5341,8 @@ function useMergedRefs(refA, refB) {
   }, [refA, refB]);
 }
 
-var context$2 = React.createContext(null);
-context$2.displayName = 'NavbarContext';
+var context = React.createContext(null);
+context.displayName = 'NavbarContext';
 
 function useWrappedRefWithWarning(ref, componentName) {
   // @ts-ignore
@@ -5551,13 +5463,13 @@ var alignPropType = PropTypes.oneOfType([alignDirection, PropTypes.shape({
 }), PropTypes.shape({
   xl: alignDirection
 })]);
-var defaultProps$f = {
+var defaultProps$p = {
   align: 'left',
   alignRight: false,
   flip: true
 }; // TODO: remove this hack
 
-var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
+var DropdownMenu = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       align = _ref.align,
@@ -5571,7 +5483,7 @@ var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
       popperConfig = _ref.popperConfig,
       props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
-  var isNavbar = useContext(context$2);
+  var isNavbar = useContext(context);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
 
   var _usePopperMarginModif = usePopperMarginModifiers(),
@@ -5636,8 +5548,8 @@ var DropdownMenu$1 = React.forwardRef(function (_ref, ref) {
     className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
-DropdownMenu$1.displayName = 'DropdownMenu';
-DropdownMenu$1.defaultProps = defaultProps$f;
+DropdownMenu.displayName = 'DropdownMenu';
+DropdownMenu.defaultProps = defaultProps$p;
 
 var isRequiredForA11y_1 = createCommonjsModule(function (module, exports) {
 
@@ -5666,7 +5578,7 @@ module.exports = exports['default'];
 
 unwrapExports(isRequiredForA11y_1);
 
-var DropdownToggle$1 = React.forwardRef(function (_ref, ref) {
+var DropdownToggle = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       split = _ref.split,
       className = _ref.className,
@@ -5693,7 +5605,7 @@ var DropdownToggle$1 = React.forwardRef(function (_ref, ref) {
     className: classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
 });
-DropdownToggle$1.displayName = 'DropdownToggle';
+DropdownToggle.displayName = 'DropdownToggle';
 
 var DropdownHeader = createWithBsPrefix('dropdown-header', {
   defaultProps: {
@@ -5708,10 +5620,10 @@ var DropdownDivider = createWithBsPrefix('dropdown-divider', {
 var DropdownItemText = createWithBsPrefix('dropdown-item-text', {
   Component: 'span'
 });
-var defaultProps$g = {
+var defaultProps$o = {
   navbar: false
 };
-var Dropdown$1 = React.forwardRef(function (pProps, ref) {
+var Dropdown = React.forwardRef(function (pProps, ref) {
   var _useUncontrolled = useUncontrolled(pProps, {
     show: 'onToggle'
   }),
@@ -5724,9 +5636,9 @@ var Dropdown$1 = React.forwardRef(function (pProps, ref) {
       onToggle = _useUncontrolled.onToggle,
       focusFirstItemOnShow = _useUncontrolled.focusFirstItemOnShow,
       _useUncontrolled$as = _useUncontrolled.as,
-      Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      _4 = _useUncontrolled.navbar,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
+      Component = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as;
+      _useUncontrolled.navbar;
+      var props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
 
   var onSelectCtx = useContext(SelectableContext);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown');
@@ -5750,7 +5662,7 @@ var Dropdown$1 = React.forwardRef(function (pProps, ref) {
   });
   return /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: handleSelect
-  }, /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Dropdown$1, {
     drop: drop,
     show: show,
     alignEnd: alignRight,
@@ -5765,14 +5677,14 @@ var Dropdown$1 = React.forwardRef(function (pProps, ref) {
     }));
   }));
 });
-Dropdown$1.displayName = 'Dropdown';
-Dropdown$1.defaultProps = defaultProps$g;
-Dropdown$1.Divider = DropdownDivider;
-Dropdown$1.Header = DropdownHeader;
-Dropdown$1.Item = DropdownItem;
-Dropdown$1.ItemText = DropdownItemText;
-Dropdown$1.Menu = DropdownMenu$1;
-Dropdown$1.Toggle = DropdownToggle$1;
+Dropdown.displayName = 'Dropdown';
+Dropdown.defaultProps = defaultProps$o;
+Dropdown.Divider = DropdownDivider;
+Dropdown.Header = DropdownHeader;
+Dropdown.Item = DropdownItem;
+Dropdown.ItemText = DropdownItemText;
+Dropdown.Menu = DropdownMenu;
+Dropdown.Toggle = DropdownToggle;
 
 var propTypes$5 = {
   /**
@@ -5849,16 +5761,16 @@ var DropdownButton = React.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.createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
-  }, props), /*#__PURE__*/React.createElement(DropdownToggle$1, {
+  }, props), /*#__PURE__*/React.createElement(DropdownToggle, {
     id: id,
     href: href,
     size: size,
     variant: variant,
     disabled: disabled,
     childBsPrefix: bsPrefix
-  }, title), /*#__PURE__*/React.createElement(DropdownMenu$1, {
+  }, title), /*#__PURE__*/React.createElement(DropdownMenu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
@@ -5961,7 +5873,7 @@ module.exports = exports['default'];
 
 unwrapExports(all_1);
 
-var propTypes$6 = {
+var propTypes$4 = {
   /**
    * Specify whether the feedback is for valid or invalid fields
    *
@@ -5990,7 +5902,7 @@ function (_ref, ref) {
   }));
 });
 Feedback.displayName = 'Feedback';
-Feedback.propTypes = propTypes$6;
+Feedback.propTypes = propTypes$4;
 
 var FormContext = React.createContext({
   controlId: undefined
@@ -6340,7 +6252,7 @@ var FormGroup = React.forwardRef(function (_ref, ref) {
 });
 FormGroup.displayName = 'FormGroup';
 
-var defaultProps$h = {
+var defaultProps$n = {
   column: false,
   srOnly: false
 };
@@ -6379,7 +6291,7 @@ var FormLabel = React.forwardRef(function (_ref, ref) {
   );
 });
 FormLabel.displayName = 'FormLabel';
-FormLabel.defaultProps = defaultProps$h;
+FormLabel.defaultProps = defaultProps$n;
 
 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) {
@@ -6409,7 +6321,7 @@ Switch.Input = FormCheck.Input;
 Switch.Label = FormCheck.Label;
 
 var FormRow = createWithBsPrefix('form-row');
-var defaultProps$i = {
+var defaultProps$m = {
   inline: false
 };
 var FormImpl = React.forwardRef(function (_ref, ref) {
@@ -6428,7 +6340,7 @@ var FormImpl = React.forwardRef(function (_ref, ref) {
   }));
 });
 FormImpl.displayName = 'Form';
-FormImpl.defaultProps = defaultProps$i;
+FormImpl.defaultProps = defaultProps$m;
 FormImpl.Row = FormRow;
 FormImpl.Group = FormGroup;
 FormImpl.Control = FormControl$1;
@@ -6438,7 +6350,7 @@ FormImpl.Switch = Switch;
 FormImpl.Label = FormLabel;
 FormImpl.Text = FormText;
 
-var defaultProps$j = {
+var defaultProps$l = {
   fluid: false
 };
 var Container = React.forwardRef(function (_ref, ref) {
@@ -6458,9 +6370,9 @@ var Container = React.forwardRef(function (_ref, ref) {
   }));
 });
 Container.displayName = 'Container';
-Container.defaultProps = defaultProps$j;
+Container.defaultProps = defaultProps$l;
 
-var propTypes$7 = {
+var propTypes$3 = {
   /**
    * @default 'img'
    */
@@ -6513,7 +6425,7 @@ var Image = React.forwardRef(function (_ref, ref) {
 Image.displayName = 'Image';
 Image.defaultProps = defaultProps$k;
 
-var defaultProps$l = {
+var defaultProps$j = {
   fluid: true
 };
 var FigureImage = React.forwardRef(function (_ref, ref) {
@@ -6527,8 +6439,8 @@ var FigureImage = React.forwardRef(function (_ref, ref) {
   }));
 });
 FigureImage.displayName = 'FigureImage';
-FigureImage.propTypes = propTypes$7;
-FigureImage.defaultProps = defaultProps$l;
+FigureImage.propTypes = propTypes$3;
+FigureImage.defaultProps = defaultProps$j;
 
 var FigureCaption = createWithBsPrefix('figure-caption', {
   Component: 'figcaption'
@@ -6583,7 +6495,7 @@ var InputGroup = React.forwardRef(function (_ref, ref) {
 });
 InputGroup.displayName = 'InputGroup';
 
-var InputGroupWithExtras = _extends({}, InputGroup, {
+_extends({}, InputGroup, {
   Text: InputGroupText,
   Radio: InputGroupRadio,
   Checkbox: InputGroupCheckbox,
@@ -6591,7 +6503,7 @@ var InputGroupWithExtras = _extends({}, InputGroup, {
   Prepend: InputGroupPrepend
 });
 
-var defaultProps$m = {
+var defaultProps$i = {
   fluid: false
 };
 var Jumbotron = React.forwardRef(function (_ref, ref) {
@@ -6612,13 +6524,13 @@ var Jumbotron = React.forwardRef(function (_ref, ref) {
     className: classnames(className, classes)
   }));
 });
-Jumbotron.defaultProps = defaultProps$m;
+Jumbotron.defaultProps = defaultProps$i;
 Jumbotron.displayName = 'Jumbotron';
 
 var TabContext = React.createContext(null);
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop$4 = function noop() {};
+var noop$1 = function noop() {};
 
 var AbstractNav = React.forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
@@ -6708,8 +6620,8 @@ var AbstractNav = React.forwardRef(function (_ref, ref) {
       role: role,
       // used by NavLink to determine it's role
       activeKey: makeEventKey(activeKey),
-      getControlledId: getControlledId || noop$4,
-      getControllerId: getControllerId || noop$4
+      getControlledId: getControlledId || noop$1,
+      getControllerId: getControllerId || noop$1
     }
   }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     onKeyDown: handleKeyDown,
@@ -6718,7 +6630,7 @@ var AbstractNav = React.forwardRef(function (_ref, ref) {
   }))));
 });
 
-var defaultProps$n = {
+var defaultProps$h = {
   disabled: false
 };
 var AbstractNavItem = React.forwardRef(function (_ref, ref) {
@@ -6764,9 +6676,9 @@ var AbstractNavItem = React.forwardRef(function (_ref, ref) {
     className: classnames(className, isActive && 'active')
   }));
 });
-AbstractNavItem.defaultProps = defaultProps$n;
+AbstractNavItem.defaultProps = defaultProps$h;
 
-var defaultProps$o = {
+var defaultProps$g = {
   variant: undefined,
   active: false,
   disabled: false
@@ -6804,10 +6716,10 @@ var ListGroupItem = React.forwardRef(function (_ref, ref) {
     className: classnames(className, bsPrefix, active && 'active', disabled && 'disabled', variant && bsPrefix + "-" + variant, action && bsPrefix + "-action")
   }));
 });
-ListGroupItem.defaultProps = defaultProps$o;
+ListGroupItem.defaultProps = defaultProps$g;
 ListGroupItem.displayName = 'ListGroupItem';
 
-var defaultProps$p = {
+var defaultProps$f = {
   variant: undefined,
   horizontal: undefined
 };
@@ -6840,7 +6752,7 @@ var ListGroup = React.forwardRef(function (props, ref) {
     className: classnames(className, bsPrefix, variant && bsPrefix + "-" + variant, horizontalVariant && bsPrefix + "-" + horizontalVariant)
   }));
 });
-ListGroup.defaultProps = defaultProps$p;
+ListGroup.defaultProps = defaultProps$f;
 ListGroup.displayName = 'ListGroup';
 ListGroup.Item = ListGroupItem;
 
@@ -6889,7 +6801,7 @@ function scrollbarSize(recalc) {
 
 function activeElement(doc) {
   if (doc === void 0) {
-    doc = ownerDocument();
+    doc = ownerDocument$1();
   }
 
   // Support: IE 9 only
@@ -6939,7 +6851,7 @@ function isBody(node) {
 }
 
 function bodyIsOverflowing(node) {
-  var doc = isWindow(node) ? ownerDocument() : ownerDocument(node);
+  var doc = isWindow(node) ? ownerDocument$1() : ownerDocument$1(node);
   var win = isWindow(node) || doc.defaultView;
   return doc.body.clientWidth < win.innerWidth;
 }
@@ -7151,7 +7063,7 @@ var resolveContainerRef = function resolveContainerRef(ref) {
   var _ref;
 
   if (typeof document === 'undefined') return null;
-  if (ref == null) return ownerDocument().body;
+  if (ref == null) return ownerDocument$1().body;
   if (typeof ref === 'function') ref = ref();
   if (ref && 'current' in ref) ref = ref.current;
   if ((_ref = ref) == null ? void 0 : _ref.nodeType) return ref || null;
@@ -7184,11 +7096,11 @@ function useWaitForDOMRef(ref, onResolved) {
   return resolvedRef;
 }
 
-var manager;
+var manager$1;
 
 function getManager() {
-  if (!manager) manager = new ModalManager();
-  return manager;
+  if (!manager$1) manager$1 = new ModalManager();
+  return manager$1;
 }
 
 function useModalManager(provided) {
@@ -7216,7 +7128,7 @@ function useModalManager(provided) {
   });
 }
 
-var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Modal$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$show = _ref.show,
       show = _ref$show === void 0 ? false : _ref$show,
       _ref$role = _ref.role,
@@ -7300,7 +7212,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (autoFocus) {
       var currentActiveElement = activeElement(document);
 
-      if (modal.dialog && currentActiveElement && !contains$1(modal.dialog, currentActiveElement)) {
+      if (modal.dialog && currentActiveElement && !contains(modal.dialog, currentActiveElement)) {
         lastFocusRef.current = currentActiveElement;
         modal.dialog.focus();
       }
@@ -7346,7 +7258,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     var currentActiveElement = activeElement();
 
-    if (modal.dialog && currentActiveElement && !contains$1(modal.dialog, currentActiveElement)) {
+    if (modal.dialog && currentActiveElement && !contains(modal.dialog, currentActiveElement)) {
       modal.dialog.focus();
     }
   });
@@ -7437,7 +7349,7 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, backdropElement, dialog), container));
 });
-var propTypes$8 = {
+var propTypes$2 = {
   /**
    * Set the visibility of the Modal
    */
@@ -7593,9 +7505,9 @@ var propTypes$8 = {
    */
   manager: PropTypes.instanceOf(ModalManager)
 };
-Modal.displayName = 'Modal';
-Modal.propTypes = propTypes$8;
-var BaseModal = Object.assign(Modal, {
+Modal$1.displayName = 'Modal';
+Modal$1.propTypes = propTypes$2;
+var BaseModal = Object.assign(Modal$1, {
   Manager: ModalManager
 });
 
@@ -7702,7 +7614,7 @@ ModalDialog.displayName = 'ModalDialog';
 
 var ModalFooter = createWithBsPrefix('modal-footer');
 
-var defaultProps$q = {
+var defaultProps$e = {
   closeLabel: 'Close',
   closeButton: false
 };
@@ -7731,15 +7643,15 @@ var ModalHeader = React.forwardRef(function (_ref, ref) {
   }));
 });
 ModalHeader.displayName = 'ModalHeader';
-ModalHeader.defaultProps = defaultProps$q;
+ModalHeader.defaultProps = defaultProps$e;
 
-var DivStyledAsH4$1 = divWithClassName('h4');
+var DivStyledAsH4 = divWithClassName('h4');
 var ModalTitle = createWithBsPrefix('modal-title', {
-  Component: DivStyledAsH4$1
+  Component: DivStyledAsH4
 });
 
-var manager$1;
-var defaultProps$r = {
+var manager;
+var defaultProps$d = {
   show: false,
   backdrop: true,
   keyboard: true,
@@ -7761,7 +7673,7 @@ function BackdropTransition(props) {
 /* eslint-enable no-use-before-define */
 
 
-var Modal$1 = React.forwardRef(function (_ref, ref) {
+var Modal = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       style = _ref.style,
@@ -7827,14 +7739,14 @@ var Modal$1 = React.forwardRef(function (_ref, ref) {
 
   function getModalManager() {
     if (propsManager) return propsManager;
-    if (!manager$1) manager$1 = new BootstrapModalManager();
-    return manager$1;
+    if (!manager) manager = new BootstrapModalManager();
+    return manager;
   }
 
   function updateDialogStyle(node) {
     if (!canUseDOM) return;
     var containerIsOverflowing = getModalManager().isContainerOverflowing(modal);
-    var modalIsOverflowing = node.scrollHeight > ownerDocument(node).documentElement.clientHeight;
+    var modalIsOverflowing = node.scrollHeight > ownerDocument$1(node).documentElement.clientHeight;
     setStyle({
       paddingRight: containerIsOverflowing && !modalIsOverflowing ? scrollbarSize() : undefined,
       paddingLeft: !containerIsOverflowing && modalIsOverflowing ? scrollbarSize() : undefined
@@ -8015,15 +7927,15 @@ var Modal$1 = React.forwardRef(function (_ref, ref) {
     renderDialog: renderDialog
   }));
 });
-Modal$1.displayName = 'Modal';
-Modal$1.defaultProps = defaultProps$r;
-Modal$1.Body = ModalBody;
-Modal$1.Header = ModalHeader;
-Modal$1.Title = ModalTitle;
-Modal$1.Footer = ModalFooter;
-Modal$1.Dialog = ModalDialog;
-Modal$1.TRANSITION_DURATION = 300;
-Modal$1.BACKDROP_TRANSITION_DURATION = 150;
+Modal.displayName = 'Modal';
+Modal.defaultProps = defaultProps$d;
+Modal.Body = ModalBody;
+Modal.Header = ModalHeader;
+Modal.Title = ModalTitle;
+Modal.Footer = ModalFooter;
+Modal.Dialog = ModalDialog;
+Modal.TRANSITION_DURATION = 300;
+Modal.BACKDROP_TRANSITION_DURATION = 150;
 
 var NavItem = React.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) {
@@ -8042,7 +7954,7 @@ function (_ref, ref) {
 });
 NavItem.displayName = 'NavItem';
 
-var defaultProps$s = {
+var defaultProps$c = {
   disabled: false,
   as: SafeAnchor
 };
@@ -8068,9 +7980,9 @@ var NavLink = React.forwardRef(function (_ref, ref) {
   }));
 });
 NavLink.displayName = 'NavLink';
-NavLink.defaultProps = defaultProps$s;
+NavLink.defaultProps = defaultProps$c;
 
-var defaultProps$t = {
+var defaultProps$b = {
   justify: false,
   fill: false
 };
@@ -8096,7 +8008,7 @@ var Nav = React.forwardRef(function (uncontrolledProps, ref) {
   var navbarBsPrefix;
   var cardHeaderBsPrefix;
   var isNavbar = false;
-  var navbarContext = useContext(context$2);
+  var navbarContext = useContext(context);
   var cardContext = useContext(context$1);
 
   if (navbarContext) {
@@ -8114,7 +8026,7 @@ var Nav = React.forwardRef(function (uncontrolledProps, ref) {
   }, props), children);
 });
 Nav.displayName = 'Nav';
-Nav.defaultProps = defaultProps$t;
+Nav.defaultProps = defaultProps$b;
 Nav.Item = NavItem;
 Nav.Link = NavLink;
 
@@ -8139,7 +8051,7 @@ var NavbarCollapse = React.forwardRef(function (_ref, ref) {
       props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');
-  return /*#__PURE__*/React.createElement(context$2.Consumer, null, function (context) {
+  return /*#__PURE__*/React.createElement(context.Consumer, null, function (context) {
     return /*#__PURE__*/React.createElement(Collapse, _extends({
       in: !!(context && context.expanded)
     }, props), /*#__PURE__*/React.createElement("div", {
@@ -8150,7 +8062,7 @@ var NavbarCollapse = React.forwardRef(function (_ref, ref) {
 });
 NavbarCollapse.displayName = 'NavbarCollapse';
 
-var defaultProps$u = {
+var defaultProps$a = {
   label: 'Toggle navigation'
 };
 var NavbarToggle = React.forwardRef(function (_ref, ref) {
@@ -8165,7 +8077,7 @@ var NavbarToggle = React.forwardRef(function (_ref, ref) {
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');
 
-  var _ref2 = useContext(context$2) || {},
+  var _ref2 = useContext(context) || {},
       onToggle = _ref2.onToggle,
       expanded = _ref2.expanded;
 
@@ -8188,12 +8100,12 @@ var NavbarToggle = React.forwardRef(function (_ref, ref) {
   }));
 });
 NavbarToggle.displayName = 'NavbarToggle';
-NavbarToggle.defaultProps = defaultProps$u;
+NavbarToggle.defaultProps = defaultProps$a;
 
 var NavbarText = createWithBsPrefix('navbar-text', {
   Component: 'span'
 });
-var defaultProps$v = {
+var defaultProps$9 = {
   expand: true,
   variant: 'light',
   collapseOnSelect: false
@@ -8246,7 +8158,7 @@ var Navbar = React.forwardRef(function (props, ref) {
       expanded: !!expanded
     };
   }, [bsPrefix, expanded, _onToggle]);
-  return /*#__PURE__*/React.createElement(context$2.Provider, {
+  return /*#__PURE__*/React.createElement(context.Provider, {
     value: navbarContext
   }, /*#__PURE__*/React.createElement(SelectableContext.Provider, {
     value: handleCollapse
@@ -8256,14 +8168,14 @@ var Navbar = React.forwardRef(function (props, ref) {
     className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
   }), children)));
 });
-Navbar.defaultProps = defaultProps$v;
+Navbar.defaultProps = defaultProps$9;
 Navbar.displayName = 'Navbar';
 Navbar.Brand = NavbarBrand;
 Navbar.Toggle = NavbarToggle;
 Navbar.Collapse = NavbarCollapse;
 Navbar.Text = NavbarText;
 
-var propTypes$9 = {
+var propTypes$1 = {
   /**
    * An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
    * @type {string|number}
@@ -8311,29 +8223,29 @@ var NavDropdown = React.forwardRef(function (_ref, ref) {
       renderMenuOnMount = _ref.renderMenuOnMount,
       props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: NavItem
-  }), /*#__PURE__*/React.createElement(Dropdown$1.Toggle, {
+  }), /*#__PURE__*/React.createElement(Dropdown.Toggle, {
     id: id,
     eventKey: null,
     active: active,
     disabled: disabled,
     childBsPrefix: bsPrefix,
     as: NavLink
-  }, title), /*#__PURE__*/React.createElement(Dropdown$1.Menu, {
+  }, title), /*#__PURE__*/React.createElement(Dropdown.Menu, {
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
   }, children));
 });
 NavDropdown.displayName = 'NavDropdown';
-NavDropdown.propTypes = propTypes$9;
-NavDropdown.Item = Dropdown$1.Item;
-NavDropdown.ItemText = Dropdown$1.ItemText;
-NavDropdown.Divider = Dropdown$1.Divider;
-NavDropdown.Header = Dropdown$1.Header;
+NavDropdown.propTypes = propTypes$1;
+NavDropdown.Item = Dropdown.Item;
+NavDropdown.ItemText = Dropdown.ItemText;
+NavDropdown.Divider = Dropdown.Divider;
+NavDropdown.Header = Dropdown.Header;
 
 /**
  * Built on top of `Popper.js`, the overlay component is
@@ -8574,7 +8486,7 @@ Overlay.propTypes = {
   onExited: PropTypes.func
 };
 
-var RefHolder = /*#__PURE__*/function (_React$Component) {
+/*#__PURE__*/(function (_React$Component) {
   _inheritsLoose(RefHolder, _React$Component);
 
   function RefHolder() {
@@ -8588,9 +8500,9 @@ var RefHolder = /*#__PURE__*/function (_React$Component) {
   };
 
   return RefHolder;
-}(React.Component);
+})(React.Component);
 
-var defaultProps$w = {
+var defaultProps$8 = {
   active: false,
   disabled: false,
   activeLabel: '(current)'
@@ -8619,7 +8531,7 @@ var PageItem = React.forwardRef(function (_ref, ref) {
     className: "sr-only"
   }, activeLabel)));
 });
-PageItem.defaultProps = defaultProps$w;
+PageItem.defaultProps = defaultProps$8;
 PageItem.displayName = 'PageItem';
 
 function createButton(name, defaultValue, label) {
@@ -8709,7 +8621,7 @@ var PopoverContent = React.forwardRef(function (_ref, ref) {
   }), children);
 });
 
-var defaultProps$x = {
+var defaultProps$7 = {
   placement: 'right'
 };
 var Popover = React.forwardRef(function (_ref, ref) {
@@ -8719,10 +8631,10 @@ var Popover = React.forwardRef(function (_ref, ref) {
       style = _ref.style,
       children = _ref.children,
       content = _ref.content,
-      arrowProps = _ref.arrowProps,
-      _ = _ref.popper,
-      _1 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
+      arrowProps = _ref.arrowProps;
+      _ref.popper;
+      _ref.show;
+      var props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'popover');
 
@@ -8739,13 +8651,13 @@ var Popover = React.forwardRef(function (_ref, ref) {
     className: "arrow"
   }, arrowProps)), content ? /*#__PURE__*/React.createElement(PopoverContent, null, children) : children);
 });
-Popover.defaultProps = defaultProps$x;
+Popover.defaultProps = defaultProps$7;
 Popover.Title = PopoverTitle;
 Popover.Content = PopoverContent;
 
 var ROUND_PRECISION = 1000;
 
-var defaultProps$y = {
+var defaultProps$6 = {
   min: 0,
   max: 100,
   animated: false,
@@ -8835,9 +8747,9 @@ var ProgressBar = React.forwardRef(function (_ref2, ref) {
   }, ref));
 });
 ProgressBar.displayName = 'ProgressBar';
-ProgressBar.defaultProps = defaultProps$y;
+ProgressBar.defaultProps = defaultProps$6;
 
-var defaultProps$z = {
+var defaultProps$5 = {
   aspectRatio: '1by1'
 };
 var ResponsiveEmbed = React.forwardRef(function (_ref, ref) {
@@ -8857,10 +8769,10 @@ var ResponsiveEmbed = React.forwardRef(function (_ref, ref) {
     className: classnames(child.props.className, decoratedBsPrefix + "-item")
   }));
 });
-ResponsiveEmbed.defaultProps = defaultProps$z;
+ResponsiveEmbed.defaultProps = defaultProps$5;
 
-var DEVICE_SIZES$1 = ['xl', 'lg', 'md', 'sm', 'xs'];
-var defaultProps$A = {
+var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
+var defaultProps$4 = {
   noGutters: false
 };
 var Row = React.forwardRef(function (_ref, ref) {
@@ -8874,7 +8786,7 @@ var Row = React.forwardRef(function (_ref, ref) {
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
   var sizePrefix = decoratedBsPrefix + "-cols";
   var classes = [];
-  DEVICE_SIZES$1.forEach(function (brkPoint) {
+  DEVICE_SIZES.forEach(function (brkPoint) {
     var propValue = props[brkPoint];
     delete props[brkPoint];
     var cols;
@@ -8895,7 +8807,7 @@ var Row = React.forwardRef(function (_ref, ref) {
   }));
 });
 Row.displayName = 'Row';
-Row.defaultProps = defaultProps$A;
+Row.defaultProps = defaultProps$4;
 
 var Spinner = React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
@@ -8918,7 +8830,7 @@ var Spinner = React.forwardRef(function (_ref, ref) {
 });
 Spinner.displayName = 'Spinner';
 
-var propTypes$a = {
+var propTypes = {
   /**
    * An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
    * @type {string|number}
@@ -8980,7 +8892,7 @@ var propTypes$a = {
   /** @ignore */
   size: PropTypes.string
 };
-var defaultProps$B = {
+var defaultProps$3 = {
   toggleLabel: 'Toggle dropdown',
   type: 'button'
 };
@@ -9002,7 +8914,7 @@ var SplitButton = React.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.createElement(Dropdown$1, _extends({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref
   }, props, {
     as: ButtonGroup
@@ -9015,7 +8927,7 @@ var SplitButton = React.forwardRef(function (_ref, ref) {
     target: target,
     onClick: onClick,
     type: type
-  }, title), /*#__PURE__*/React.createElement(Dropdown$1.Toggle, {
+  }, title), /*#__PURE__*/React.createElement(Dropdown.Toggle, {
     split: true,
     id: id ? id.toString() : undefined,
     size: size,
@@ -9024,15 +8936,15 @@ var SplitButton = React.forwardRef(function (_ref, ref) {
     childBsPrefix: bsPrefix
   }, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, toggleLabel)), /*#__PURE__*/React.createElement(Dropdown$1.Menu, {
+  }, toggleLabel)), /*#__PURE__*/React.createElement(Dropdown.Menu, {
     align: menuAlign,
     role: menuRole,
     renderOnMount: renderMenuOnMount,
     rootCloseEvent: rootCloseEvent
   }, children));
 });
-SplitButton.propTypes = propTypes$a;
-SplitButton.defaultProps = defaultProps$B;
+SplitButton.propTypes = propTypes;
+SplitButton.defaultProps = defaultProps$3;
 SplitButton.displayName = 'SplitButton';
 
 var TabContainer = function TabContainer(props) {
@@ -9126,9 +9038,9 @@ var TabPane = React.forwardRef(function (props, ref) {
       unmountOnExit = _useTabContext.unmountOnExit,
       Transition = _useTabContext.transition,
       _useTabContext$as = _useTabContext.as,
-      Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as,
-      _ = _useTabContext.eventKey,
-      rest = _objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
+      Component = _useTabContext$as === void 0 ? 'div' : _useTabContext$as;
+      _useTabContext.eventKey;
+      var rest = _objectWithoutPropertiesLoose(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
@@ -9182,7 +9094,7 @@ Tab.Container = TabContainer;
 Tab.Content = TabContent;
 Tab.Pane = TabPane;
 
-var Table = React.forwardRef(function (_ref, ref) {
+React.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       striped = _ref.striped,
@@ -9221,7 +9133,7 @@ var ToastContext = React.createContext({
   onClose: function onClose() {}
 });
 
-var defaultProps$C = {
+var defaultProps$2 = {
   closeLabel: 'Close',
   closeButton: true
 };
@@ -9252,7 +9164,7 @@ var ToastHeader = React.forwardRef(function (_ref, ref) {
   }));
 });
 ToastHeader.displayName = 'ToastHeader';
-ToastHeader.defaultProps = defaultProps$C;
+ToastHeader.defaultProps = defaultProps$2;
 
 var ToastBody = createWithBsPrefix('toast-body');
 
@@ -9319,7 +9231,7 @@ Object.assign(Toast, {
   Header: ToastHeader
 });
 
-var noop$5 = function noop() {
+var noop = function noop() {
   return undefined;
 };
 
@@ -9361,12 +9273,12 @@ var ToggleButton = React.forwardRef(function (_ref, ref) {
     disabled: !!disabled,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    onChange: onChange || noop$5
+    onChange: onChange || noop
   }), children);
 });
 ToggleButton.displayName = 'ToggleButton';
 
-var defaultProps$D = {
+var defaultProps$1 = {
   type: 'radio',
   vertical: false
 };
@@ -9429,10 +9341,10 @@ var ToggleButtonGroup = React.forwardRef(function (props, ref) {
     });
   }));
 });
-ToggleButtonGroup.defaultProps = defaultProps$D;
+ToggleButtonGroup.defaultProps = defaultProps$1;
 ToggleButtonGroup.Button = ToggleButton;
 
-var defaultProps$E = {
+var defaultProps = {
   placement: 'right'
 };
 var Tooltip = React.forwardRef(function (_ref, ref) {
@@ -9441,10 +9353,10 @@ var Tooltip = React.forwardRef(function (_ref, ref) {
       className = _ref.className,
       style = _ref.style,
       children = _ref.children,
-      arrowProps = _ref.arrowProps,
-      _ = _ref.popper,
-      _2 = _ref.show,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
+      arrowProps = _ref.arrowProps;
+      _ref.popper;
+      _ref.show;
+      var props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'tooltip');
 
@@ -9463,7 +9375,7 @@ var Tooltip = React.forwardRef(function (_ref, ref) {
     className: bsPrefix + "-inner"
   }, children));
 });
-Tooltip.defaultProps = defaultProps$E;
+Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
 var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
@@ -9476,7 +9388,6 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
       defaultImage = props.defaultImage,
       client = props.client;
 
-  var builder = imageUrlBuilder(client);
 
   return React.createElement(
     'div',
@@ -9494,7 +9405,7 @@ var MediaSeriesCard = function MediaSeriesCard(props) {
             LazyLoad,
             null,
             React.createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
@@ -9629,7 +9540,7 @@ var Filter = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
       React.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
           } },
@@ -9638,7 +9549,7 @@ var Filter = function Filter(_ref) {
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
             } },
@@ -9650,7 +9561,7 @@ var Filter = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
       React.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
           } },
@@ -9659,7 +9570,7 @@ var Filter = function Filter(_ref) {
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
             } },
@@ -9671,7 +9582,7 @@ var Filter = function Filter(_ref) {
       DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
       React.createElement(
-        Dropdown$1.Item,
+        Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
           } },
@@ -9680,7 +9591,7 @@ var Filter = function Filter(_ref) {
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React.createElement(
-          Dropdown$1.Item,
+          Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
             } },
@@ -9837,12 +9748,12 @@ MediaSeriesLanding.getInitialData = function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(ctx, client, cache) {
     var _ref4;
 
-    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
+    var urlQuery, pathname, identifier, itemsPerPage, currentPage, start, statusCode, params, docGroupID, seriesQuery, seriesData, allSeries, buildUsedTopicsArray, usedTopics, taxonomyFilter;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname, req = ctx.req;
+            urlQuery = ctx.query, pathname = ctx.pathname, ctx.req;
             identifier = pathname.replace('/', '');
             itemsPerPage = 10;
             currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;