@mjhls/mjh-framework 1.0.994-CypressV3 → 1.0.994-invalidelement-v1

package/dist/esm/{Tooltip-95655b44.js → MediaSeriesCard-96ac8ed4.js}

@@ -1,8 +1,15 @@
-import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-98ca9cec.js';
+import { _ as _objectWithoutPropertiesLoose$1, a as _extends$1, c as classnames } from './index-0ce54f8a.js';
 import React__default, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { g as getSerializers } from './index-076baa11.js';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -97,7 +104,7 @@ function useUncontrolled(props, config) {
     var _ref = result,
         defaultValue = _ref[defaultKey(fieldName)],
         propsValue = _ref[fieldName],
-        rest = _objectWithoutPropertiesLoose(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
+        rest = _objectWithoutPropertiesLoose$1(_ref, [defaultKey(fieldName), fieldName].map(_toPropertyKey));
 
     var handlerName = config[fieldName];
 
@@ -105,14 +112,14 @@ function useUncontrolled(props, config) {
         value = _useUncontrolledProp[0],
         handler = _useUncontrolledProp[1];
 
-    return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
+    return _extends$1({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));
   }, props);
 }
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+  subClass.__proto__ = superClass;
 }
 
 var ThemeContext = React__default.createContext({});
@@ -156,7 +163,7 @@ var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
       children = _ref.children,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "children", "eventKey", "onClick"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "children", "eventKey", "onClick"]);
 
   var accordionOnClick = useAccordionToggle(eventKey, onClick);
 
@@ -164,7 +171,7 @@ var AccordionToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref,
     onClick: accordionOnClick
   }, props), children);
@@ -795,7 +802,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _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"]);
+        var childProps = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -1098,7 +1105,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
       dimension = _ref$dimension === void 0 ? 'height' : _ref$dimension,
       _ref$getDimensionValu = _ref.getDimensionValue,
       getDimensionValue = _ref$getDimensionValu === void 0 ? getDefaultDimensionValue : _ref$getDimensionValu,
-      props = _objectWithoutPropertiesLoose(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "className", "children", "dimension", "getDimensionValue"]);
 
   /* Compute dimension */
   var computedDimension = typeof dimension === 'function' ? dimension() : dimension;
@@ -1134,7 +1141,7 @@ var Collapse = React__default.forwardRef(function (_ref, ref) {
     }, onExiting);
   }, [computedDimension, onExiting]);
   return /*#__PURE__*/React__default.createElement(Transition // @ts-ignore
-  , _extends({
+  , _extends$1({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
@@ -1145,7 +1152,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__default.cloneElement(children, _extends$1({}, innerProps, {
       className: classnames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'width')
     }));
   });
@@ -1157,14 +1164,14 @@ Collapse.defaultProps = defaultProps$E;
 var AccordionCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       eventKey = _ref.eventKey,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "eventKey"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["children", "eventKey"]);
 
   var contextEventKey = useContext(context$2); // Empty SelectableContext is to prevent elements in the collapse
   // from collapsing the accordion when clicked.
 
   return /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: null
-  }, /*#__PURE__*/React__default.createElement(Collapse, _extends({
+  }, /*#__PURE__*/React__default.createElement(Collapse, _extends$1({
     ref: ref,
     in: contextEventKey === eventKey
   }, props), /*#__PURE__*/React__default.createElement("div", null, React__default.Children.only(children))));
@@ -1182,14 +1189,14 @@ var Accordion = React__default.forwardRef(function (props, ref) {
       children = _useUncontrolled.children,
       className = _useUncontrolled.className,
       onSelect = _useUncontrolled.onSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
+      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["as", "activeKey", "bsPrefix", "children", "className", "onSelect"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'accordion'));
   return /*#__PURE__*/React__default.createElement(context$2.Provider, {
     value: activeKey || null
   }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: onSelect || null
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, controlledProps, {
     className: finalClassName
@@ -1236,19 +1243,19 @@ var fadeStyles = (_fadeStyles = {}, _fadeStyles[ENTERING] = 'show', _fadeStyles[
 var Fade = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["className", "children"]);
 
   var handleEnter = useCallback(function (node) {
     triggerBrowserReflow(node);
     if (props.onEnter) props.onEnter(node);
   }, [props]);
-  return /*#__PURE__*/React__default.createElement(Transition, _extends({
+  return /*#__PURE__*/React__default.createElement(Transition, _extends$1({
     ref: ref,
     addEndListener: transitionEnd
   }, props, {
     onEnter: handleEnter
   }), function (status, innerProps) {
-    return React__default.cloneElement(children, _extends({}, innerProps, {
+    return React__default.cloneElement(children, _extends$1({}, innerProps, {
       className: classnames('fade', className, children.props.className, fadeStyles[status])
     }));
   });
@@ -1267,9 +1274,9 @@ var CloseButton = React__default.forwardRef(function (_ref, ref) {
   var label = _ref.label,
       onClick = _ref.onClick,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "onClick", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["label", "onClick", "className"]);
 
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React__default.createElement("button", _extends$1({
     ref: ref,
     type: "button",
     className: classnames('close', className),
@@ -1286,7 +1293,7 @@ CloseButton.defaultProps = defaultProps$C;
 
 var divWithClassName = (function (className) {
   return React__default.forwardRef(function (p, ref) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({}, p, {
+    return /*#__PURE__*/React__default.createElement("div", _extends$1({}, p, {
       ref: ref,
       className: classnames(p.className, className)
     }));
@@ -1317,10 +1324,10 @@ function createWithBsPrefix(prefix, _temp) {
         bsPrefix = _ref2.bsPrefix,
         _ref2$as = _ref2.as,
         Tag = _ref2$as === void 0 ? Component || 'div' : _ref2$as,
-        props = _objectWithoutPropertiesLoose(_ref2, ["className", "bsPrefix", "as"]);
+        props = _objectWithoutPropertiesLoose$1(_ref2, ["className", "bsPrefix", "as"]);
 
     var resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
-    return /*#__PURE__*/React__default.createElement(Tag, _extends({
+    return /*#__PURE__*/React__default.createElement(Tag, _extends$1({
       ref: ref,
       className: classnames(className, resolvedPrefix)
     }, props));
@@ -1347,7 +1354,7 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'a' : _ref$as,
       disabled = _ref.disabled,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "disabled", "onKeyDown"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "disabled", "onKeyDown"]);
 
   var handleClick = function handleClick(event) {
     var href = props.href,
@@ -1386,7 +1393,7 @@ var SafeAnchor = React__default.forwardRef(function (_ref, ref) {
     props['aria-disabled'] = true;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     onClick: handleClick,
@@ -1421,7 +1428,7 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
       onClose = _useUncontrolled.onClose,
       dismissible = _useUncontrolled.dismissible,
       transition = _useUncontrolled.transition,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
+      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'alert');
   var handleClose = useEventCallback(function (e) {
@@ -1430,7 +1437,7 @@ 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__default.createElement("div", _extends$1({
     role: "alert"
   }, Transition ? props : undefined, {
     ref: ref,
@@ -1440,7 +1447,7 @@ var Alert = React__default.forwardRef(function (uncontrolledProps, ref) {
     label: closeLabel
   }), children);
   if (!Transition) return show ? alert : null;
-  return /*#__PURE__*/React__default.createElement(Transition, _extends({
+  return /*#__PURE__*/React__default.createElement(Transition, _extends$1({
     unmountOnExit: true
   }, props, {
     ref: undefined,
@@ -1462,10 +1469,10 @@ var Badge = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "pill", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'badge');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, prefix, pill && prefix + "-pill", variant && prefix + "-" + variant)
@@ -1491,17 +1498,17 @@ var BreadcrumbItem = React__default.forwardRef(function (_ref, ref) {
       href = _ref.href,
       title = _ref.title,
       target = _ref.target,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
+      props = _objectWithoutPropertiesLoose$1(_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__default.createElement(Component, _extends$1({
     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__default.createElement(LinkComponent, _extends$1({}, linkProps, {
     href: href,
     title: title,
     target: target
@@ -1522,14 +1529,14 @@ var Breadcrumb = React__default.forwardRef(function (_ref, ref) {
       label = _ref.label,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'nav' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "listProps", "children", "label", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     "aria-label": label,
     className: className,
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement("ol", _extends({}, listProps, {
+  }, props), /*#__PURE__*/React__default.createElement("ol", _extends$1({}, listProps, {
     className: classnames(prefix, listProps == null ? void 0 : listProps.className)
   }), children));
 });
@@ -1551,13 +1558,13 @@ var Button = React__default.forwardRef(function (_ref, ref) {
       block = _ref.block,
       type = _ref.type,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "size", "active", "className", "block", "type", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn');
   var classes = classnames(className, prefix, active && 'active', variant && prefix + "-" + variant, block && prefix + "-block", size && prefix + "-" + size);
 
   if (props.href) {
-    return /*#__PURE__*/React__default.createElement(SafeAnchor, _extends({}, props, {
+    return /*#__PURE__*/React__default.createElement(SafeAnchor, _extends$1({}, props, {
       as: as,
       ref: ref,
       className: classnames(classes, props.disabled && 'disabled')
@@ -1575,7 +1582,7 @@ var Button = React__default.forwardRef(function (_ref, ref) {
   }
 
   var Component = as || 'button';
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     className: classes
   }));
 });
@@ -1595,12 +1602,12 @@ var ButtonGroup = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
+      rest = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
   var baseClass = prefix;
   if (vertical) baseClass = prefix + "-vertical";
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, rest, {
     ref: ref,
     className: classnames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
   }));
@@ -1614,10 +1621,10 @@ var defaultProps$v = {
 var ButtonToolbar = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'btn-toolbar');
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
@@ -1638,10 +1645,10 @@ function (_ref, ref) {
       variant = _ref.variant,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'img' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "variant", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "variant", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card-img');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref,
     className: classnames(variant ? prefix + "-" + variant : prefix, className)
   }, props));
@@ -1680,7 +1687,7 @@ var Card = React__default.forwardRef(function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'card');
   var cardContext = useMemo(function () {
@@ -1690,7 +1697,7 @@ var Card = React__default.forwardRef(function (_ref, ref) {
   }, [prefix]);
   return /*#__PURE__*/React__default.createElement(context$1.Provider, {
     value: cardContext
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
@@ -1893,10 +1900,10 @@ var CarouselItem = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "children", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "children", "className"]);
 
   var finalClassName = classnames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: finalClassName
@@ -2101,7 +2108,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       nextLabel = _useUncontrolled.nextLabel,
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["as", "bsPrefix", "slide", "fade", "controls", "indicators", "activeIndex", "onSelect", "onSlide", "onSlid", "interval", "keyboard", "onKeyDown", "pause", "onMouseOver", "onMouseOut", "wrap", "touch", "onTouchStart", "onTouchMove", "onTouchEnd", "prevIcon", "prevLabel", "nextIcon", "nextLabel", "className", "children"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'carousel');
   var nextDirectionRef = useRef(null);
@@ -2358,7 +2365,7 @@ function CarouselFunc(uncontrolledProps, ref) {
       };
     });
   }, [indicators, numChildren, onSelect]);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: elementRef
   }, props, {
     onKeyDown: handleKeyDown,
@@ -2419,7 +2426,7 @@ function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'col');
   var spans = [];
@@ -2450,7 +2457,7 @@ function (_ref, ref) {
     spans.push(prefix); // plain 'col'
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames.apply(void 0, [className].concat(spans, classes))
   }));
@@ -2575,6 +2582,39 @@ function useForceUpdate() {
 
 var DropdownContext = /*#__PURE__*/React__default.createContext(null);
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 function useSafeState(state) {
   var isMounted = useMounted();
   return [state[0], useCallback(function (nextState) {
@@ -2652,7 +2692,10 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-var round$1 = Math.round;
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+
 function getBoundingClientRect(element, includeScale) {
   if (includeScale === void 0) {
     includeScale = false;
@@ -2663,20 +2706,28 @@ function getBoundingClientRect(element, includeScale) {
   var scaleY = 1;
 
   if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
     // Fallback to 1 in case both values are `0`
-    scaleX = rect.width / element.offsetWidth || 1;
-    scaleY = rect.height / element.offsetHeight || 1;
+
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
+
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
   }
 
   return {
-    width: round$1(rect.width / scaleX),
-    height: round$1(rect.height / scaleY),
-    top: round$1(rect.top / scaleY),
-    right: round$1(rect.right / scaleX),
-    bottom: round$1(rect.bottom / scaleY),
-    left: round$1(rect.left / scaleX),
-    x: round$1(rect.left / scaleX),
-    y: round$1(rect.top / scaleY)
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
   };
 }
 
@@ -2825,13 +2876,13 @@ function getMainAxisFromPlacement(placement) {
   return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
 }
 
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
-
 function within(min$1, value, max$1) {
   return max(min$1, min(value, max$1));
 }
+function withinMaxClamp(min, value, max) {
+  var v = within(min, value, max);
+  return v > max ? max : v;
+}
 
 function getFreshSideObject() {
   return {
@@ -2944,6 +2995,10 @@ var arrow$1 = {
   requiresIfExists: ['preventOverflow']
 };
 
+function getVariation(placement) {
+  return placement.split('-')[1];
+}
+
 var unsetSides = {
   top: 'auto',
   right: 'auto',
@@ -2959,8 +3014,8 @@ function roundOffsetsByDPR(_ref) {
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(round(x * dpr) / dpr) || 0,
-    y: round(round(y * dpr) / dpr) || 0
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
   };
 }
 
@@ -2970,11 +3025,13 @@ function mapToStyles(_ref2) {
   var popper = _ref2.popper,
       popperRect = _ref2.popperRect,
       placement = _ref2.placement,
+      variation = _ref2.variation,
       offsets = _ref2.offsets,
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
       adaptive = _ref2.adaptive,
-      roundOffsets = _ref2.roundOffsets;
+      roundOffsets = _ref2.roundOffsets,
+      isFixed = _ref2.isFixed;
 
   var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
       _ref3$x = _ref3.x,
@@ -2996,7 +3053,7 @@ function mapToStyles(_ref2) {
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
 
-      if (getComputedStyle$1(offsetParent).position !== 'static') {
+      if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
         heightProp = 'scrollHeight';
         widthProp = 'scrollWidth';
       }
@@ -3005,17 +3062,19 @@ function mapToStyles(_ref2) {
 
     offsetParent = offsetParent;
 
-    if (placement === top) {
-      sideY = bottom; // $FlowFixMe[prop-missing]
-
-      y -= offsetParent[heightProp] - popperRect.height;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
-    if (placement === left) {
-      sideX = right; // $FlowFixMe[prop-missing]
-
-      x -= offsetParent[widthProp] - popperRect.width;
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }
   }
@@ -3027,7 +3086,7 @@ function mapToStyles(_ref2) {
   if (gpuAcceleration) {
     var _Object$assign;
 
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
   }
 
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
@@ -3055,9 +3114,11 @@ function computeStyles(_ref4) {
 
   var commonStyles = {
     placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
     popper: state.elements.popper,
     popperRect: state.rects.popper,
-    gpuAcceleration: gpuAcceleration
+    gpuAcceleration: gpuAcceleration,
+    isFixed: state.options.strategy === 'fixed'
   };
 
   if (state.modifiersData.popperOffsets != null) {
@@ -3315,7 +3376,7 @@ function getInnerBoundingClientRect(element) {
 }
 
 function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -3332,7 +3393,7 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
+    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle$1(clippingParent).position !== 'static' : true);
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents
@@ -3357,10 +3418,6 @@ function getClippingRect(element, boundary, rootBoundary) {
   return clippingRect;
 }
 
-function getVariation(placement) {
-  return placement.split('-')[1];
-}
-
 function computeOffsets(_ref) {
   var reference = _ref.reference,
       element = _ref.element,
@@ -3446,11 +3503,10 @@ function detectOverflow(state, options) {
       padding = _options$padding === void 0 ? 0 : _options$padding;
   var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
   var altContext = elementContext === popper ? reference : popper;
-  var referenceElement = state.elements.reference;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
   var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
-  var referenceClientRect = getBoundingClientRect(referenceElement);
+  var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
@@ -3837,6 +3893,14 @@ function preventOverflow(_ref) {
   var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
     placement: state.placement
   })) : tetherOffset;
+  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
+    mainAxis: tetherOffsetValue,
+    altAxis: tetherOffsetValue
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, tetherOffsetValue);
+  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
   var data = {
     x: 0,
     y: 0
@@ -3846,13 +3910,15 @@ function preventOverflow(_ref) {
     return;
   }
 
-  if (checkMainAxis || checkAltAxis) {
+  if (checkMainAxis) {
+    var _offsetModifierState$;
+
     var mainSide = mainAxis === 'y' ? top : left;
     var altSide = mainAxis === 'y' ? bottom : right;
     var len = mainAxis === 'y' ? 'height' : 'width';
     var offset = popperOffsets[mainAxis];
-    var min$1 = popperOffsets[mainAxis] + overflow[mainSide];
-    var max$1 = popperOffsets[mainAxis] - overflow[altSide];
+    var min$1 = offset + overflow[mainSide];
+    var max$1 = offset - overflow[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
@@ -3872,36 +3938,45 @@ function preventOverflow(_ref) {
     // width or height)
 
     var arrowLen = within(0, referenceRect[len], arrowRect[len]);
-    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;
-    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
     var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
     var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
-    var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;
-    var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;
-    var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;
+    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
+    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = offset + maxOffset - offsetModifierValue;
+    var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
+    popperOffsets[mainAxis] = preventedOffset;
+    data[mainAxis] = preventedOffset - offset;
+  }
 
-    if (checkMainAxis) {
-      var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
-      popperOffsets[mainAxis] = preventedOffset;
-      data[mainAxis] = preventedOffset - offset;
-    }
+  if (checkAltAxis) {
+    var _offsetModifierState$2;
 
-    if (checkAltAxis) {
-      var _mainSide = mainAxis === 'x' ? top : left;
+    var _mainSide = mainAxis === 'x' ? top : left;
 
-      var _altSide = mainAxis === 'x' ? bottom : right;
+    var _altSide = mainAxis === 'x' ? bottom : right;
 
-      var _offset = popperOffsets[altAxis];
+    var _offset = popperOffsets[altAxis];
 
-      var _min = _offset + overflow[_mainSide];
+    var _len = altAxis === 'y' ? 'height' : 'width';
 
-      var _max = _offset - overflow[_altSide];
+    var _min = _offset + overflow[_mainSide];
 
-      var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
+    var _max = _offset - overflow[_altSide];
 
-      popperOffsets[altAxis] = _preventedOffset;
-      data[altAxis] = _preventedOffset - _offset;
-    }
+    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
+
+    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
+
+    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
+
+    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
+
+    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
+
+    popperOffsets[altAxis] = _preventedOffset;
+    data[altAxis] = _preventedOffset - _offset;
   }
 
   state.modifiersData[name] = data;
@@ -3933,8 +4008,8 @@ function getNodeScroll(node) {
 
 function isElementScaled(element) {
   var rect = element.getBoundingClientRect();
-  var scaleX = rect.width / element.offsetWidth || 1;
-  var scaleY = rect.height / element.offsetHeight || 1;
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
   return scaleX !== 1 || scaleY !== 1;
 } // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
@@ -4055,7 +4130,10 @@ var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" mo
 var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
 function validateModifiers(modifiers) {
   modifiers.forEach(function (modifier) {
-    Object.keys(modifier).forEach(function (key) {
+    [].concat(Object.keys(modifier), VALID_PROPERTIES) // IE11-compatible replacement for `new Set(iterable)`
+    .filter(function (value, index, self) {
+      return self.indexOf(value) === index;
+    }).forEach(function (key) {
       switch (key) {
         case 'name':
           if (typeof modifier.name !== 'string') {
@@ -4069,6 +4147,8 @@ function validateModifiers(modifiers) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
           }
 
+          break;
+
         case 'phase':
           if (modifierPhases.indexOf(modifier.phase) < 0) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
@@ -4084,14 +4164,14 @@ function validateModifiers(modifiers) {
           break;
 
         case 'effect':
-          if (typeof modifier.effect !== 'function') {
+          if (modifier.effect != null && typeof modifier.effect !== 'function') {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
           }
 
           break;
 
         case 'requires':
-          if (!Array.isArray(modifier.requires)) {
+          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
             console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
           }
 
@@ -4201,7 +4281,8 @@ function popperGenerator(generatorOptions) {
     var isDestroyed = false;
     var instance = {
       state: state,
-      setOptions: function setOptions(options) {
+      setOptions: function setOptions(setOptionsAction) {
+        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options);
         state.scrollParents = {
@@ -5312,7 +5393,7 @@ var DropdownItem = React__default.forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       propActive = _ref.active,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-item');
   var onSelectCtx = useContext(SelectableContext);
@@ -5336,7 +5417,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__default.createElement(Component, _extends$1({}, props, {
       ref: ref,
       href: href,
       disabled: disabled,
@@ -5531,7 +5612,7 @@ var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       popperConfig = _ref.popperConfig,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "align", "alignRight", "rootCloseEvent", "flip", "show", "renderOnMount", "as", "popperConfig"]);
 
   var isNavbar = useContext(context);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
@@ -5567,7 +5648,7 @@ var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
     show: showProps,
     alignEnd: alignRight,
     usePopper: !isNavbar && alignClasses.length === 0,
-    popperConfig: _extends({}, popperConfig, {
+    popperConfig: _extends$1({}, popperConfig, {
       modifiers: marginModifiers.concat((popperConfig == null ? void 0 : popperConfig.modifiers) || [])
     })
   }),
@@ -5590,11 +5671,11 @@ var DropdownMenu = React__default.forwardRef(function (_ref, ref) {
   if (placement) {
     // we don't need the default popper style,
     // menus are display: none when not shown.
-    props.style = _extends({}, props.style, {}, menuProps.style);
+    props.style = _extends$1({}, props.style, {}, menuProps.style);
     props['x-placement'] = placement;
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, menuProps, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, menuProps, {
     className: classnames.apply(void 0, [className, prefix, show && 'show', alignEnd && prefix + "-right"].concat(alignClasses))
   }));
 });
@@ -5635,7 +5716,7 @@ var DropdownToggle = React__default.forwardRef(function (_ref, ref) {
       childBsPrefix = _ref.childBsPrefix,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? Button : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "split", "className", "childBsPrefix", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-toggle');
 
@@ -5650,7 +5731,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__default.createElement(Component, _extends$1({
     onClick: toggle,
     className: classnames(className, prefix, split && prefix + "-split")
   }, toggleProps, props));
@@ -5688,7 +5769,7 @@ var Dropdown = React__default.forwardRef(function (pProps, ref) {
       _useUncontrolled$as = _useUncontrolled.as,
       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 props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "drop", "show", "className", "alignRight", "onSelect", "onToggle", "focusFirstItemOnShow", "as", "navbar"]);
 
   var onSelectCtx = useContext(SelectableContext);
   var prefix = useBootstrapPrefix(bsPrefix, 'dropdown');
@@ -5721,7 +5802,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__default.createElement(Component, _extends$1({}, props, dropdownProps, {
       ref: ref,
       className: classnames(className, show && 'show', (!drop || drop === 'down') && prefix, drop === 'up' && 'dropup', drop === 'right' && 'dropright', drop === 'left' && 'dropleft')
     }));
@@ -5809,9 +5890,9 @@ var DropdownButton = React__default.forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       href = _ref.href,
       id = _ref.id,
-      props = _objectWithoutPropertiesLoose(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["title", "children", "bsPrefix", "rootCloseEvent", "variant", "size", "menuAlign", "menuRole", "renderMenuOnMount", "disabled", "href", "id"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends$1({
     ref: ref
   }, props), /*#__PURE__*/React__default.createElement(DropdownToggle, {
     id: id,
@@ -5944,9 +6025,9 @@ function (_ref, ref) {
       type = _ref$type === void 0 ? 'valid' : _ref$type,
       _ref$tooltip = _ref.tooltip,
       tooltip = _ref$tooltip === void 0 ? false : _ref$tooltip,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "type", "tooltip"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "className", "type", "tooltip"]);
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, type + "-" + (tooltip ? 'tooltip' : 'feedback'))
   }));
@@ -5972,7 +6053,7 @@ var FormCheckInput = React__default.forwardRef(function (_ref, ref) {
       isStatic = _ref.isStatic,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "type", "isValid", "isInvalid", "isStatic", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -5983,7 +6064,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__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     type: type,
     id: id || controlId,
@@ -5997,7 +6078,7 @@ var FormCheckLabel = React__default.forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6008,7 +6089,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__default.createElement("label", _extends$1({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix)
@@ -6042,7 +6123,7 @@ var FormCheck = React__default.forwardRef(function (_ref, ref) {
       propCustom = _ref.custom,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "inline", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "title", "type", "label", "children", "custom", "as"]);
 
   var custom = type === 'switch' ? true : propCustom;
 
@@ -6062,7 +6143,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__default.createElement(FormCheckInput, _extends$1({}, props, {
     type: type === 'switch' ? 'checkbox' : type,
     ref: ref,
     isValid: isValid,
@@ -6097,7 +6178,7 @@ var FormFileInput = React__default.forwardRef(function (_ref, ref) {
       lang = _ref.lang,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "className", "isValid", "isInvalid", "lang", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6110,7 +6191,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__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     id: id || controlId,
     type: type,
@@ -6125,7 +6206,7 @@ var FormFileLabel = React__default.forwardRef(function (_ref, ref) {
       bsCustomPrefix = _ref.bsCustomPrefix,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId,
@@ -6136,7 +6217,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__default.createElement("label", _extends$1({}, props, {
     ref: ref,
     htmlFor: htmlFor || controlId,
     className: classnames(className, bsPrefix),
@@ -6169,7 +6250,7 @@ var FormFile = React__default.forwardRef(function (_ref, ref) {
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       _ref$inputAs = _ref.inputAs,
       inputAs = _ref$inputAs === void 0 ? 'input' : _ref$inputAs,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "bsPrefix", "bsCustomPrefix", "disabled", "isValid", "isInvalid", "feedbackTooltip", "feedback", "className", "style", "label", "children", "custom", "lang", "data-browse", "as", "inputAs"]);
 
   var _ref2 = custom ? [bsCustomPrefix, 'custom'] : [bsPrefix, 'form-file'],
       prefix = _ref2[0],
@@ -6188,7 +6269,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__default.createElement(FormFileInput, _extends$1({}, props, {
     ref: ref,
     isValid: isValid,
     isInvalid: isInvalid,
@@ -6229,7 +6310,7 @@ var FormControl = React__default.forwardRef(function (_ref, ref) {
       custom = _ref.custom,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'input' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "bsCustomPrefix", "type", "size", "htmlSize", "id", "className", "isValid", "isInvalid", "plaintext", "readOnly", "custom", "as"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6264,7 +6345,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__default.createElement(Component, _extends$1({}, props, {
     type: type,
     size: htmlSize,
     ref: ref,
@@ -6285,7 +6366,7 @@ var FormGroup = React__default.forwardRef(function (_ref, ref) {
       controlId = _ref.controlId,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "controlId", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-group');
   var context = useMemo(function () {
@@ -6295,7 +6376,7 @@ var FormGroup = React__default.forwardRef(function (_ref, ref) {
   }, [controlId]);
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: context
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children));
@@ -6314,7 +6395,7 @@ var FormLabel = React__default.forwardRef(function (_ref, ref) {
       srOnly = _ref.srOnly,
       className = _ref.className,
       htmlFor = _ref.htmlFor,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "column", "srOnly", "className", "htmlFor"]);
 
   var _useContext = useContext(FormContext),
       controlId = _useContext.controlId;
@@ -6325,7 +6406,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__default.createElement(Col, _extends$1({
     as: "label",
     className: classes,
     htmlFor: htmlFor
@@ -6333,7 +6414,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__default.createElement(Component, _extends$1({
       ref: ref,
       className: classes,
       htmlFor: htmlFor
@@ -6350,10 +6431,10 @@ function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'small' : _ref$as,
       muted = _ref.muted,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as", "muted"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as", "muted"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form-text');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix, muted && 'text-muted')
   }));
@@ -6361,7 +6442,7 @@ function (_ref, ref) {
 FormText.displayName = 'FormText';
 
 var Switch = React__default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default.createElement(FormCheck, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(FormCheck, _extends$1({}, props, {
     ref: ref,
     type: "switch"
   }));
@@ -6381,10 +6462,10 @@ var FormImpl = React__default.forwardRef(function (_ref, ref) {
       validated = _ref.validated,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'form' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "inline", "className", "validated", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'form');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, validated && 'was-validated', inline && bsPrefix + "-inline")
   }));
@@ -6409,11 +6490,11 @@ var Container = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "fluid", "as", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "fluid", "as", "className"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'container');
   var suffix = typeof fluid === 'string' ? "-" + fluid : '-fluid';
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, fluid ? "" + prefix + suffix : prefix)
@@ -6461,11 +6542,11 @@ var Image = React__default.forwardRef(function (_ref, ref) {
       rounded = _ref.rounded,
       roundedCircle = _ref.roundedCircle,
       thumbnail = _ref.thumbnail,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "fluid", "rounded", "roundedCircle", "thumbnail"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'img');
   var classes = classnames(fluid && bsPrefix + "-fluid", rounded && "rounded", roundedCircle && "rounded-circle", thumbnail && bsPrefix + "-thumbnail");
-  return /*#__PURE__*/React__default.createElement("img", _extends({
+  return /*#__PURE__*/React__default.createElement("img", _extends$1({
     // eslint-disable-line jsx-a11y/alt-text
     ref: ref
   }, props, {
@@ -6480,9 +6561,9 @@ var defaultProps$j = {
 };
 var FigureImage = React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["className"]);
 
-  return /*#__PURE__*/React__default.createElement(Image, _extends({
+  return /*#__PURE__*/React__default.createElement(Image, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, 'figure-img')
@@ -6509,13 +6590,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__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends$1({
     type: "checkbox"
   }, props)));
 };
 
 var InputGroupRadio = function InputGroupRadio(props) {
-  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends({
+  return /*#__PURE__*/React__default.createElement(InputGroupText, null, /*#__PURE__*/React__default.createElement("input", _extends$1({
     type: "radio"
   }, props)));
 };
@@ -6534,10 +6615,10 @@ var InputGroup = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "size", "className", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "size", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'input-group');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix, size && bsPrefix + "-" + size)
@@ -6545,7 +6626,7 @@ var InputGroup = React__default.forwardRef(function (_ref, ref) {
 });
 InputGroup.displayName = 'InputGroup';
 
-_extends({}, InputGroup, {
+_extends$1({}, InputGroup, {
   Text: InputGroupText,
   Radio: InputGroupRadio,
   Checkbox: InputGroupCheckbox,
@@ -6564,11 +6645,11 @@ var Jumbotron = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       fluid = _ref.fluid,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "className", "fluid", "bsPrefix"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "className", "fluid", "bsPrefix"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'jumbotron');
   var classes = (_classes = {}, _classes[bsPrefix] = true, _classes[bsPrefix + "-fluid"] = fluid, _classes);
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, classes)
@@ -6589,7 +6670,7 @@ var AbstractNav = React__default.forwardRef(function (_ref, ref) {
       activeKey = _ref.activeKey,
       role = _ref.role,
       onKeyDown = _ref.onKeyDown,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "onSelect", "activeKey", "role", "onKeyDown"]);
 
   // A ref and forceUpdate for refocus, b/c we only want to trigger when needed
   // and don't want to reset the set in the effect
@@ -6673,7 +6754,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__default.createElement(Component, _extends$1({}, props, {
     onKeyDown: handleKeyDown,
     ref: mergedRef,
     role: role
@@ -6690,7 +6771,7 @@ var AbstractNavItem = React__default.forwardRef(function (_ref, ref) {
       onSelect = _ref.onSelect,
       onClick = _ref.onClick,
       Component = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["active", "className", "eventKey", "onSelect", "onClick", "as"]);
 
   var navKey = makeEventKey(eventKey, props.href);
   var parentOnSelect = useContext(SelectableContext);
@@ -6720,7 +6801,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__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     onClick: handleOnclick,
     className: classnames(className, isActive && 'active')
@@ -6743,7 +6824,7 @@ var ListGroupItem = React__default.forwardRef(function (_ref, ref) {
       as = _ref.as,
       eventKey = _ref.eventKey,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "active", "disabled", "className", "variant", "action", "as", "eventKey", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group-item');
   var handleClick = useCallback(function (event) {
@@ -6755,7 +6836,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__default.createElement(AbstractNavItem, _extends$1({
     ref: ref
   }, props, {
     // TODO: Restrict eventKey to string in v5?
@@ -6783,7 +6864,7 @@ var ListGroup = React__default.forwardRef(function (props, ref) {
       horizontal = _useUncontrolled.horizontal,
       _useUncontrolled$as = _useUncontrolled.as,
       as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
+      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["className", "bsPrefix", "variant", "horizontal", "as"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'list-group');
   var horizontalVariant;
@@ -6795,7 +6876,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__default.createElement(AbstractNav, _extends$1({
     ref: ref
   }, controlledProps, {
     as: as,
@@ -6813,10 +6894,10 @@ function (_ref, ref) {
       className = _ref.className,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'media');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, prefix)
   }));
@@ -7663,11 +7744,11 @@ var ModalDialog = React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       children = _ref.children,
       scrollable = _ref.scrollable,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "contentClassName", "centered", "size", "children", "scrollable"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal');
   var dialogClass = bsPrefix + "-dialog";
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
     ref: ref,
     className: classnames(dialogClass, className, size && bsPrefix + "-" + size, centered && dialogClass + "-centered", scrollable && dialogClass + "-scrollable")
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -7689,7 +7770,7 @@ var ModalHeader = React__default.forwardRef(function (_ref, ref) {
       onHide = _ref.onHide,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "closeLabel", "closeButton", "onHide", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'modal-header');
   var context = useContext(ModalContext);
@@ -7697,7 +7778,7 @@ 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__default.createElement("div", _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
@@ -7766,7 +7847,7 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
       onExited = _ref.onExited,
       backdropClassName = _ref.backdropClassName,
       propsManager = _ref.manager,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "style", "dialogClassName", "contentClassName", "children", "dialogAs", "aria-labelledby", "show", "animation", "backdrop", "keyboard", "onEscapeKeyDown", "onShow", "onHide", "container", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "onEntered", "onExit", "onExiting", "onEnter", "onEntering", "onExited", "backdropClassName", "manager"]);
 
   var _useState = useState({}),
       modalStyle = _useState[0],
@@ -7932,12 +8013,12 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
   };
 
   var renderBackdrop = useCallback(function (backdropProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({}, backdropProps, {
+    return /*#__PURE__*/React__default.createElement("div", _extends$1({}, backdropProps, {
       className: classnames(bsPrefix + "-backdrop", backdropClassName, !animation && 'show')
     }));
   }, [animation, backdropClassName, bsPrefix]);
 
-  var baseModalStyle = _extends({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
+  var baseModalStyle = _extends$1({}, style, {}, modalStyle); // Sets `display` always block when `animation` is false
 
 
   if (!animation) {
@@ -7945,7 +8026,7 @@ var Modal = React__default.forwardRef(function (_ref, ref) {
   }
 
   var renderDialog = function renderDialog(dialogProps) {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React__default.createElement("div", _extends$1({
       role: "dialog"
     }, dialogProps, {
       style: baseModalStyle,
@@ -7953,7 +8034,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__default.createElement(Dialog, _extends$1({}, props, {
       role: "document",
       onMouseDown: handleDialogMouseDown,
       className: dialogClassName,
@@ -8008,10 +8089,10 @@ function (_ref, ref) {
       children = _ref.children,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-item');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }), children);
@@ -8030,10 +8111,10 @@ var NavLink = React__default.forwardRef(function (_ref, ref) {
       eventKey = _ref.eventKey,
       onSelect = _ref.onSelect,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');
-  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(AbstractNavItem, _extends$1({}, props, {
     href: href,
     ref: ref,
     eventKey: eventKey,
@@ -8066,7 +8147,7 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
       className = _useUncontrolled.className,
       children = _useUncontrolled.children,
       activeKey = _useUncontrolled.activeKey,
-      props = _objectWithoutPropertiesLoose(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
+      props = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["as", "bsPrefix", "variant", "fill", "justify", "navbar", "className", "children", "activeKey"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');
   var navbarBsPrefix;
@@ -8082,7 +8163,7 @@ var Nav = React__default.forwardRef(function (uncontrolledProps, ref) {
     cardHeaderBsPrefix = cardContext.cardHeaderBsPrefix;
   }
 
-  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends({
+  return /*#__PURE__*/React__default.createElement(AbstractNav, _extends$1({
     as: as,
     ref: ref,
     activeKey: activeKey,
@@ -8098,11 +8179,11 @@ var NavbarBrand = React__default.forwardRef(function (_ref, ref) {
   var bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       as = _ref.as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "as"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');
   var Component = as || (props.href ? 'a' : 'span');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, bsPrefix)
   }));
@@ -8112,11 +8193,11 @@ NavbarBrand.displayName = 'NavbarBrand';
 var NavbarCollapse = React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "bsPrefix"]);
+      props = _objectWithoutPropertiesLoose$1(_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__default.createElement(Collapse, _extends$1({
       in: !!(context && context.expanded)
     }, props), /*#__PURE__*/React__default.createElement("div", {
       ref: ref,
@@ -8137,7 +8218,7 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'button' : _ref$as,
       onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');
 
@@ -8154,7 +8235,7 @@ var NavbarToggle = React__default.forwardRef(function (_ref, ref) {
     props.type = 'button';
   }
 
-  return /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({}, props, {
     ref: ref,
     onClick: handleClick,
     "aria-label": label,
@@ -8192,7 +8273,7 @@ var Navbar = React__default.forwardRef(function (props, ref) {
       _onToggle = _useUncontrolled.onToggle,
       onSelect = _useUncontrolled.onSelect,
       collapseOnSelect = _useUncontrolled.collapseOnSelect,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
+      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["bsPrefix", "expand", "variant", "bg", "fixed", "sticky", "className", "children", "as", "expanded", "onToggle", "onSelect", "collapseOnSelect"]);
 
   var bsPrefix = useBootstrapPrefix(initialBsPrefix, 'navbar');
   var handleCollapse = useCallback(function () {
@@ -8226,7 +8307,7 @@ var Navbar = React__default.forwardRef(function (props, ref) {
     value: navbarContext
   }, /*#__PURE__*/React__default.createElement(SelectableContext.Provider, {
     value: handleCollapse
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, controlledProps, {
     className: classnames(className, bsPrefix, expand && expandClass, variant && bsPrefix + "-" + variant, bg && "bg-" + bg, sticky && "sticky-" + sticky, fixed && "fixed-" + fixed)
@@ -8285,9 +8366,9 @@ var NavDropdown = React__default.forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       active = _ref.active,
       renderMenuOnMount = _ref.renderMenuOnMount,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active", "renderMenuOnMount"]);
 
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends$1({
     ref: ref
   }, props, {
     as: NavItem
@@ -8578,7 +8659,7 @@ var PageItem = React__default.forwardRef(function (_ref, ref) {
       style = _ref.style,
       activeLabel = _ref.activeLabel,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
 
   var Component = active || disabled ? 'span' : SafeAnchor;
   return /*#__PURE__*/React__default.createElement("li", {
@@ -8588,7 +8669,7 @@ var PageItem = React__default.forwardRef(function (_ref, ref) {
       active: active,
       disabled: disabled
     })
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({
+  }, /*#__PURE__*/React__default.createElement(Component, _extends$1({
     className: "page-link",
     disabled: disabled
   }, props), children, active && activeLabel && /*#__PURE__*/React__default.createElement("span", {
@@ -8605,7 +8686,7 @@ function createButton(name, defaultValue, label) {
 
   function Button(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+        props = _objectWithoutPropertiesLoose$1(_ref2, ["children"]);
 
     return /*#__PURE__*/React__default.createElement(PageItem, props, /*#__PURE__*/React__default.createElement("span", {
       "aria-hidden": "true"
@@ -8637,10 +8718,10 @@ var Pagination = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       children = _ref.children,
       size = _ref.size,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "size"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "size"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React__default.createElement("ul", _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix, size && decoratedBsPrefix + "-" + size)
@@ -8659,10 +8740,10 @@ var PopoverTitle = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-header');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
@@ -8675,10 +8756,10 @@ var PopoverContent = React__default.forwardRef(function (_ref, ref) {
       bsPrefix = _ref.bsPrefix,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["as", "bsPrefix", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'popover-body');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, bsPrefix)
@@ -8698,20 +8779,20 @@ var Popover = React__default.forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps;
       _ref.popper;
       _ref.show;
-      var props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
+      var props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "placement", "className", "style", "children", "content", "arrowProps", "popper", "show"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'popover');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     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__default.createElement("div", _extends$1({
     className: "arrow"
   }, arrowProps)), content ? /*#__PURE__*/React__default.createElement(PopoverContent, null, children) : children);
 });
@@ -8749,14 +8830,14 @@ function renderProgressBar(_ref, ref) {
       style = _ref.style,
       variant = _ref.variant,
       bsPrefix = _ref.bsPrefix,
-      props = _objectWithoutPropertiesLoose(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["min", "now", "max", "label", "srOnly", "striped", "animated", "className", "style", "variant", "bsPrefix"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     ref: ref
   }, props, {
     role: "progressbar",
     className: classnames(className, bsPrefix + "-bar", (_classNames = {}, _classNames["bg-" + variant] = variant, _classNames[bsPrefix + "-bar-animated"] = animated, _classNames[bsPrefix + "-bar-striped"] = animated || striped, _classNames)),
-    style: _extends({
+    style: _extends$1({
       width: getPercentage(now, min, max) + "%"
     }, style),
     "aria-valuenow": now,
@@ -8769,7 +8850,7 @@ function renderProgressBar(_ref, ref) {
 
 var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
   var isChild = _ref2.isChild,
-      props = _objectWithoutPropertiesLoose(_ref2, ["isChild"]);
+      props = _objectWithoutPropertiesLoose$1(_ref2, ["isChild"]);
 
   props.bsPrefix = useBootstrapPrefix(props.bsPrefix, 'progress');
 
@@ -8788,9 +8869,9 @@ var ProgressBar = React__default.forwardRef(function (_ref2, ref) {
       variant = props.variant,
       className = props.className,
       children = props.children,
-      wrapperProps = _objectWithoutPropertiesLoose(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
+      wrapperProps = _objectWithoutPropertiesLoose$1(props, ["min", "now", "max", "label", "srOnly", "striped", "animated", "bsPrefix", "variant", "className", "children"]);
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     ref: ref
   }, wrapperProps, {
     className: classnames(className, bsPrefix)
@@ -8821,11 +8902,11 @@ var ResponsiveEmbed = React__default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       children = _ref.children,
       aspectRatio = _ref.aspectRatio,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "aspectRatio"]);
+      props = _objectWithoutPropertiesLoose$1(_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({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     ref: ref
   }, props, {
     className: classnames(decoratedBsPrefix, className, aspectRatio && decoratedBsPrefix + "-" + aspectRatio)
@@ -8845,7 +8926,7 @@ var Row = React__default.forwardRef(function (_ref, ref) {
       noGutters = _ref.noGutters,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "noGutters", "as"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "noGutters", "as"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');
   var sizePrefix = decoratedBsPrefix + "-cols";
@@ -8864,7 +8945,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__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
@@ -8882,11 +8963,11 @@ var Spinner = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "variant", "animation", "size", "children", "as", "className"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'spinner');
   var bsSpinnerPrefix = bsPrefix + "-" + animation;
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, bsSpinnerPrefix, size && bsSpinnerPrefix + "-" + size, variant && "text-" + variant)
@@ -8976,9 +9057,9 @@ var SplitButton = React__default.forwardRef(function (_ref, ref) {
       menuRole = _ref.menuRole,
       renderMenuOnMount = _ref.renderMenuOnMount,
       rootCloseEvent = _ref.rootCloseEvent,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "bsPrefix", "size", "variant", "title", "type", "toggleLabel", "children", "onClick", "href", "target", "menuAlign", "menuRole", "renderMenuOnMount", "rootCloseEvent"]);
+      props = _objectWithoutPropertiesLoose$1(_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__default.createElement(Dropdown, _extends$1({
     ref: ref
   }, props, {
     as: ButtonGroup
@@ -9056,10 +9137,10 @@ var TabContent = React__default.forwardRef(function (_ref, ref) {
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "as", "className"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "as", "className"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'tab-content');
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
+  return /*#__PURE__*/React__default.createElement(Component, _extends$1({
     ref: ref
   }, props, {
     className: classnames(className, decoratedBsPrefix)
@@ -9073,11 +9154,11 @@ function useTabContext(props) {
   var activeKey = context.activeKey,
       getControlledId = context.getControlledId,
       getControllerId = context.getControllerId,
-      rest = _objectWithoutPropertiesLoose(context, ["activeKey", "getControlledId", "getControllerId"]);
+      rest = _objectWithoutPropertiesLoose$1(context, ["activeKey", "getControlledId", "getControllerId"]);
 
   var shouldTransition = props.transition !== false && rest.transition !== false;
   var key = makeEventKey(props.eventKey);
-  return _extends({}, props, {
+  return _extends$1({}, props, {
     active: props.active == null && key != null ? makeEventKey(activeKey) === key : props.active,
     id: getControlledId(props.eventKey),
     'aria-labelledby': getControllerId(props.eventKey),
@@ -9104,11 +9185,11 @@ var TabPane = React__default.forwardRef(function (props, ref) {
       _useTabContext$as = _useTabContext.as,
       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 rest = _objectWithoutPropertiesLoose$1(_useTabContext, ["bsPrefix", "className", "active", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "mountOnEnter", "unmountOnExit", "transition", "as", "eventKey"]);
 
   var prefix = useBootstrapPrefix(bsPrefix, 'tab-pane');
   if (!active && !Transition && unmountOnExit) return null;
-  var pane = /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  var pane = /*#__PURE__*/React__default.createElement(Component, _extends$1({}, rest, {
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,
@@ -9168,11 +9249,11 @@ React__default.forwardRef(function (_ref, ref) {
       size = _ref.size,
       variant = _ref.variant,
       responsive = _ref.responsive,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"]);
 
   var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
   var classes = classnames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
-  var table = /*#__PURE__*/React__default.createElement("table", _extends({}, props, {
+  var table = /*#__PURE__*/React__default.createElement("table", _extends$1({}, props, {
     className: classes,
     ref: ref
   }));
@@ -9207,7 +9288,7 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
       closeButton = _ref.closeButton,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast-header');
   var context = useContext(ToastContext);
@@ -9216,7 +9297,7 @@ var ToastHeader = React__default.forwardRef(function (_ref, ref) {
       context.onClose(e);
     }
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     ref: ref
   }, props, {
     className: classnames(bsPrefix, className)
@@ -9247,7 +9328,7 @@ var Toast = React__default.forwardRef(function (_ref, ref) {
       _ref$autohide = _ref.autohide,
       autohide = _ref$autohide === void 0 ? false : _ref$autohide,
       onClose = _ref.onClose,
-      props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "className", "children", "transition", "show", "animation", "delay", "autohide", "onClose"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'toast'); // We use refs for these, because we don't want to restart the autohide
   // timer in case these values change.
@@ -9275,7 +9356,7 @@ 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__default.createElement("div", _extends$1({}, props, {
     ref: ref,
     className: classnames(bsPrefix, className, !hasAnimation && (show ? 'show' : 'hide')),
     role: "alert",
@@ -9309,7 +9390,7 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       inputRef = _ref.inputRef,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
+      props = _objectWithoutPropertiesLoose$1(_ref, ["children", "name", "className", "checked", "type", "onChange", "value", "disabled", "inputRef"]);
 
   var _useState = useState(false),
       focused = _useState[0],
@@ -9321,7 +9402,7 @@ var ToggleButton = React__default.forwardRef(function (_ref, ref) {
   var handleBlur = useCallback(function (e) {
     if (e.target.tagName === 'INPUT') setFocused(false);
   }, []);
-  return /*#__PURE__*/React__default.createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Button, _extends$1({}, props, {
     ref: ref,
     className: classnames(className, focused && 'focus', disabled && 'disabled'),
     type: undefined,
@@ -9355,7 +9436,7 @@ var ToggleButtonGroup = React__default.forwardRef(function (props, ref) {
       name = _useUncontrolled.name,
       value = _useUncontrolled.value,
       onChange = _useUncontrolled.onChange,
-      controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
+      controlledProps = _objectWithoutPropertiesLoose$1(_useUncontrolled, ["children", "type", "name", "value", "onChange"]);
 
   var getValues = function getValues() {
     return value == null ? [] : [].concat(value);
@@ -9384,7 +9465,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__default.createElement(ButtonGroup, _extends$1({}, controlledProps, {
     ref: ref,
     toggle: true
   }), map(children, function (child) {
@@ -9420,20 +9501,20 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
       arrowProps = _ref.arrowProps;
       _ref.popper;
       _ref.show;
-      var props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
+      var props = _objectWithoutPropertiesLoose$1(_ref, ["bsPrefix", "placement", "className", "style", "children", "arrowProps", "popper", "show"]);
 
   bsPrefix = useBootstrapPrefix(bsPrefix, 'tooltip');
 
   var _ref2 = (placement == null ? void 0 : placement.split('-')) || [],
       primaryPlacement = _ref2[0];
 
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     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__default.createElement("div", _extends$1({
     className: "arrow"
   }, arrowProps)), /*#__PURE__*/React__default.createElement("div", {
     className: bsPrefix + "-inner"
@@ -9442,4 +9523,69 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-export { DropdownButton as D, Dropdown as a };
+var css = ".MediaSeriesCard-module_article__SAFYK {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n  width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n  margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n  color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .MediaSeriesCard-module_article__SAFYK {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .MediaSeriesCard-module_article__SAFYK a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .MediaSeriesCard-module_thumb__3jRAU figure {\r\n    margin: 0;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o {\r\n    width: 90%;\r\n    padding: 0rem !important;\r\n  }\r\n  .MediaSeriesCard-module_info__3L7_o h2 {\r\n    font-size: 1rem;\r\n  }\r\n  .MediaSeriesCard-module_name__2m5KY {\r\n    font-size: 1rem;\r\n    \r\n  }\r\n}\r\n";
+var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
+styleInject(css);
+
+var MediaSeriesCard = function MediaSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client;
+
+
+  return React__default.createElement(
+    'div',
+    { className: 'media-series-article ' + styles.article },
+    React__default.createElement(
+      'a',
+      { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default.createElement(
+        'div',
+        { className: 'media-series-thumbnail ' + styles.thumb },
+        data.thumbnail && data.thumbnail.asset && React__default.createElement(
+          'figure',
+          null,
+          React__default.createElement(
+            LazyLoad,
+            null,
+            React__default.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(
+        'div',
+        { className: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default.createElement(
+          'div',
+          { className: 'media-series-name ' + styles.name },
+          data.name
+        ),
+        data.published && React__default.createElement(
+          'p',
+          { className: 'media-series-published ' + styles.published },
+          moment(data.published).format('MMMM Do YYYY')
+        ),
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+          'p',
+          { className: 'media-series-author ' + styles.author },
+          'By ',
+          React__default.createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.description && React__default.createElement(
+          'div',
+          { className: 'media-series-desc' },
+          React__default.createElement(BlockContent, { blocks: data.description, serializers: getSerializers(client) })
+        )
+      )
+    )
+  );
+};
+
+export { DropdownButton as D, MediaSeriesCard as M, Dropdown as a };