@coreui/react 4.7.0 → 4.9.0-alpha.0

package/dist/index.es.js

@@ -17,6 +17,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 var __assign = function() {
     __assign = Object.assign || function __assign(t) {
@@ -51,17 +53,13 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var propTypesExports = {};
-var propTypes = {
-  get exports(){ return propTypesExports; },
-  set exports(v){ propTypesExports = v; },
-};
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
 
-var reactIsExports = {};
-var reactIs = {
-  get exports(){ return reactIsExports; },
-  set exports(v){ reactIsExports = v; },
-};
+var propTypes = {exports: {}};
+
+var reactIs = {exports: {}};
 
 var reactIs_production_min = {};
 
@@ -280,17 +278,15 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIsExports;
+	if (hasRequiredReactIs) return reactIs.exports;
 	hasRequiredReactIs = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireReactIs_production_min();
-		} else {
-		  module.exports = requireReactIs_development();
-		}
-} (reactIs));
-	return reactIsExports;
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
 }
 
 /*
@@ -1241,11 +1237,10 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
-var classnamesExports = {};
-var classnames = {
-  get exports(){ return classnamesExports; },
-  set exports(v){ classnamesExports = v; },
-};
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
+var classnames = {exports: {}};
 
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -1301,10 +1296,11 @@ var classnames = {
 		} else {
 			window.classNames = classNames;
 		}
-	}());
+	}()); 
 } (classnames));
 
-var classNames = classnamesExports;
+var classnamesExports = classnames.exports;
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 var CAccordionContext = createContext({});
 var CAccordion = forwardRef(function (_a, ref) {
@@ -1314,11 +1310,11 @@ var CAccordion = forwardRef(function (_a, ref) {
         React__default.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
-    alwaysOpen: propTypesExports.bool,
-    activeItemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    flush: propTypesExports.bool,
+    alwaysOpen: PropTypes.bool,
+    activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    flush: PropTypes.bool,
 };
 CAccordion.displayName = 'CAccordion';
 
@@ -1338,9 +1334,9 @@ var CAccordionItem = forwardRef(function (_a, ref) {
         React__default.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    itemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };
 CAccordionItem.displayName = 'CAccordionItem';
 
@@ -1433,22 +1429,22 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
-  enter: propTypesExports.number,
-  exit: propTypesExports.number,
-  appear: propTypesExports.number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+  enter: PropTypes.number,
+  exit: PropTypes.number,
+  appear: PropTypes.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
-  enter: propTypesExports.string,
-  exit: propTypesExports.string,
-  active: propTypesExports.string
-}), propTypesExports.shape({
-  enter: propTypesExports.string,
-  enterDone: propTypesExports.string,
-  enterActive: propTypesExports.string,
-  exit: propTypesExports.string,
-  exitDone: propTypesExports.string,
-  exitActive: propTypesExports.string
+var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+  enter: PropTypes.string,
+  exit: PropTypes.string,
+  active: PropTypes.string
+}), PropTypes.shape({
+  enter: PropTypes.string,
+  enterDone: PropTypes.string,
+  enterActive: PropTypes.string,
+  exit: PropTypes.string,
+  exitDone: PropTypes.string,
+  exitActive: PropTypes.string
 })]) : null;
 
 var TransitionGroupContext = React__default.createContext(null);
@@ -1875,10 +1871,10 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: propTypesExports.shape({
-    current: typeof Element === 'undefined' ? propTypesExports.any : function (propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: PropTypes.shape({
+    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return propTypesExports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
 
@@ -1896,12 +1892,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
+  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: propTypesExports.bool,
+  in: PropTypes.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -1909,13 +1905,13 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: propTypesExports.bool,
+  mountOnEnter: PropTypes.bool,
 
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: propTypesExports.bool,
+  unmountOnExit: PropTypes.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -1928,17 +1924,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: propTypesExports.bool,
+  appear: PropTypes.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: propTypesExports.bool,
+  enter: PropTypes.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: propTypesExports.bool,
+  exit: PropTypes.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -1991,7 +1987,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: propTypesExports.func,
+  addEndListener: PropTypes.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -2001,7 +1997,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: propTypesExports.func,
+  onEnter: PropTypes.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -2011,7 +2007,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypesExports.func,
+  onEntering: PropTypes.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -2021,7 +2017,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: propTypesExports.func,
+  onEntered: PropTypes.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -2030,7 +2026,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: propTypesExports.func,
+  onExit: PropTypes.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -2039,7 +2035,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: propTypesExports.func,
+  onExiting: PropTypes.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -2048,7 +2044,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: propTypesExports.func
+  onExited: PropTypes.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}
@@ -2423,7 +2419,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: propTypesExports.func,
+  onEnter: PropTypes.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
@@ -2433,7 +2429,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypesExports.func,
+  onEntering: PropTypes.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
@@ -2443,7 +2439,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: propTypesExports.func,
+  onEntered: PropTypes.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
@@ -2453,7 +2449,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: propTypesExports.func,
+  onExit: PropTypes.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
@@ -2462,7 +2458,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: propTypesExports.func,
+  onExiting: PropTypes.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
@@ -2472,11 +2468,12 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: propTypesExports.func
+  onExited: PropTypes.func
 }) : {};
 var CSSTransition$1 = CSSTransition;
 
 // code borrowed from https://github.com/reach/reach-ui
+// problem described https://github.com/facebook/react/issues/13029
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useForkedRef() {
     var refs = [];
@@ -2573,12 +2570,12 @@ var CCollapse = forwardRef(function (_a, ref) {
     }));
 });
 CCollapse.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    horizontal: propTypesExports.bool,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    visible: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    horizontal: PropTypes.bool,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    visible: PropTypes.bool,
 };
 CCollapse.displayName = 'CCollapse';
 
@@ -2589,8 +2586,8 @@ var CAccordionBody = forwardRef(function (_a, ref) {
         React__default.createElement("div", __assign({ className: classNames('accordion-body', className) }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CAccordionBody.displayName = 'CAccordionBody';
 
@@ -2600,28 +2597,19 @@ var CAccordionButton = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: classNames('accordion-button', { collapsed: !visible }, className), "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CAccordionButton.displayName = 'CAccordionButton';
 
-var CAccordionCollapse = forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React__default.createElement(CCollapse, __assign({ className: "accordion-collapse" }, props, { ref: ref }), children));
-});
-CAccordionCollapse.propTypes = {
-    children: propTypesExports.node,
-};
-CAccordionCollapse.displayName = 'CAccordionCollapse';
-
 var CAccordionHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     return (React__default.createElement("div", __assign({ className: classNames('accordion-header', className) }, rest, { ref: ref }),
         React__default.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
@@ -2632,14 +2620,14 @@ var CCloseButton = forwardRef(function (_a, ref) {
         }, disabled, className), "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
 });
 CCloseButton.propTypes = {
-    className: propTypesExports.string,
-    disabled: propTypesExports.bool,
-    white: propTypesExports.bool,
+    className: PropTypes.string,
+    disabled: PropTypes.bool,
+    white: PropTypes.bool,
 };
 CCloseButton.displayName = 'CCloseButton';
 
-var colorPropType = propTypesExports.oneOfType([
-    propTypesExports.oneOf([
+var colorPropType = PropTypes.oneOfType([
+    PropTypes.oneOf([
         'primary',
         'secondary',
         'success',
@@ -2649,9 +2637,9 @@ var colorPropType = propTypesExports.oneOfType([
         'dark',
         'light',
     ]),
-    propTypesExports.string,
+    PropTypes.string,
 ]);
-var placementPropType = propTypesExports.oneOf([
+var placementPropType = PropTypes.oneOf([
     'auto',
     'auto-start',
     'auto-end',
@@ -2668,8 +2656,8 @@ var placementPropType = propTypesExports.oneOf([
     'left',
     'left-end',
 ]);
-var shapePropType = propTypesExports.oneOfType([
-    propTypesExports.oneOf([
+var shapePropType = PropTypes.oneOfType([
+    PropTypes.oneOf([
         'rounded',
         'rounded-top',
         'rounded-end',
@@ -2682,14 +2670,14 @@ var shapePropType = propTypesExports.oneOfType([
         'rounded-2',
         'rounded-3',
     ]),
-    propTypesExports.string,
+    PropTypes.string,
 ]);
-var textColorsPropType = propTypesExports.oneOfType([
+var textColorsPropType = PropTypes.oneOfType([
     colorPropType,
-    propTypesExports.oneOf(['white', 'muted']),
-    propTypesExports.string,
+    PropTypes.oneOf(['white', 'muted']),
+    PropTypes.string,
 ]);
-var triggerPropType = propTypesExports.oneOf(['hover', 'focus', 'click']);
+var triggerPropType = PropTypes.oneOf(['hover', 'focus', 'click']);
 
 var CAlert = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.color, color = _b === void 0 ? 'primary' : _b, dismissible = _a.dismissible, variant = _a.variant, _c = _a.visible, visible = _c === void 0 ? true : _c, onClose = _a.onClose, rest = __rest(_a, ["children", "className", "color", "dismissible", "variant", "visible", "onClose"]);
@@ -2707,13 +2695,13 @@ var CAlert = forwardRef(function (_a, ref) {
         dismissible && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } }))); }));
 });
 CAlert.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType.isRequired,
-    dismissible: propTypesExports.bool,
-    onClose: propTypesExports.func,
-    variant: propTypesExports.string,
-    visible: propTypesExports.bool,
+    dismissible: PropTypes.bool,
+    onClose: PropTypes.func,
+    variant: PropTypes.string,
+    visible: PropTypes.bool,
 };
 CAlert.displayName = 'CAlert';
 
@@ -2722,9 +2710,9 @@ var CAlertHeading = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('alert-heading', className) }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CAlertHeading.displayName = 'CAlertHeading';
 
@@ -2742,11 +2730,11 @@ var CLink = forwardRef(function (_a, ref) {
     }), { disabled: disabled }, rest, { ref: ref }), children));
 });
 CLink.propTypes = {
-    active: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    disabled: propTypesExports.bool,
+    active: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    disabled: PropTypes.bool,
 };
 CLink.displayName = 'CLink';
 
@@ -2755,8 +2743,8 @@ var CAlertLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: classNames('alert-link', className) }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CAlertLink.displayName = 'CAlertLink';
 
@@ -2773,13 +2761,13 @@ var CAvatar = forwardRef(function (_a, ref) {
         status && React__default.createElement("span", { className: statusClassName })));
 });
 CAvatar.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
     shape: shapePropType,
-    size: propTypesExports.string,
-    src: propTypesExports.string,
-    status: propTypesExports.string,
+    size: PropTypes.string,
+    src: PropTypes.string,
+    status: PropTypes.string,
     textColor: textColorsPropType,
 };
 CAvatar.displayName = 'CAvatar';
@@ -2793,8 +2781,8 @@ var CBackdrop = forwardRef(function (_a, ref) {
         }) }, rest, { ref: forkedRef }))); }));
 });
 CBackdrop.propTypes = {
-    className: propTypesExports.string,
-    visible: propTypesExports.bool,
+    className: PropTypes.string,
+    visible: PropTypes.bool,
 };
 CBackdrop.displayName = 'CBackdrop';
 
@@ -2813,13 +2801,13 @@ var CBadge = forwardRef(function (_a, ref) {
             _b), shape, className) }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    component: propTypesExports.string,
-    position: propTypesExports.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
+    component: PropTypes.string,
+    position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: shapePropType,
-    size: propTypesExports.oneOf(['sm']),
+    size: PropTypes.oneOf(['sm']),
     textColor: textColorsPropType,
 };
 CBadge.displayName = 'CBadge';
@@ -2830,8 +2818,8 @@ var CBreadcrumb = forwardRef(function (_a, ref) {
         React__default.createElement("ol", __assign({ className: classNames('breadcrumb', className) }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CBreadcrumb.displayName = 'CBreadcrumb';
 
@@ -2842,10 +2830,10 @@ var CBreadcrumbItem = forwardRef(function (_a, ref) {
         }, className) }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React__default.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
-    active: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    href: propTypesExports.string,
+    active: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    href: PropTypes.string,
 };
 CBreadcrumbItem.displayName = 'CBreadcrumbItem';
 
@@ -2855,14 +2843,14 @@ var CButton = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ component: rest.href ? 'a' : component, type: type, className: classNames('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className) }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    component: propTypesExports.elementType,
-    shape: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm', 'lg']),
-    type: propTypesExports.oneOf(['button', 'submit', 'reset']),
-    variant: propTypesExports.oneOf(['outline', 'ghost']),
+    component: PropTypes.elementType,
+    shape: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
+    type: PropTypes.oneOf(['button', 'submit', 'reset']),
+    variant: PropTypes.oneOf(['outline', 'ghost']),
 };
 CButton.displayName = 'CButton';
 
@@ -2871,8 +2859,8 @@ var CButtonToolbar = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('btn-toolbar', className) }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CButtonToolbar.displayName = 'CButtonToolbar';
 
@@ -2882,10 +2870,10 @@ var CButtonGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className) }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm', 'lg']),
-    vertical: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
+    vertical: PropTypes.bool,
 };
 CButtonGroup.displayName = 'CButtonGroup';
 
@@ -2897,8 +2885,8 @@ var CCallout = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CCallout.displayName = 'CCallout';
@@ -2912,10 +2900,10 @@ var CCard = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    textColor: propTypesExports.string,
+    textColor: PropTypes.string,
 };
 CCard.displayName = 'CCard';
 
@@ -2924,8 +2912,8 @@ var CCardBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('card-body', className) }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CCardBody.displayName = 'CCardBody';
 
@@ -2934,8 +2922,8 @@ var CCardFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('card-footer', className) }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CCardFooter.displayName = 'CCardFooter';
 
@@ -2944,8 +2932,8 @@ var CCardGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('card-group', className) }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CCardGroup.displayName = 'CCardGroup';
 
@@ -2954,9 +2942,9 @@ var CCardHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('card-header', className) }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CCardHeader.displayName = 'CCardHeader';
 
@@ -2965,10 +2953,10 @@ var CCardImage = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames(orientation ? "card-img-".concat(orientation) : 'card-img', className) }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    orientation: propTypesExports.oneOf(['top', 'bottom']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    orientation: PropTypes.oneOf(['top', 'bottom']),
 };
 CCardImage.displayName = 'CCardImage';
 
@@ -2977,8 +2965,8 @@ var CCardImageOverlay = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('card-img-overlay', className) }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CCardImageOverlay.displayName = 'CCardImageOverlay';
 
@@ -2987,8 +2975,8 @@ var CCardLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: classNames('card-link', className) }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CCardLink.displayName = 'CCardLink';
 
@@ -2997,9 +2985,9 @@ var CCardSubtitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('card-subtitle', className) }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CCardSubtitle.displayName = 'CCardSubtitle';
 
@@ -3008,9 +2996,9 @@ var CCardText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('card-text', className) }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CCardText.displayName = 'CCardText';
 
@@ -3019,9 +3007,9 @@ var CCardTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('card-title', className) }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CCardTitle.displayName = 'CCardTitle';
 
@@ -3166,19 +3154,19 @@ var CCarousel = forwardRef(function (_a, ref) {
                     React__default.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
 });
 CCarousel.propTypes = {
-    activeIndex: propTypesExports.number,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    controls: propTypesExports.bool,
-    dark: propTypesExports.bool,
-    indicators: propTypesExports.bool,
-    interval: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]),
-    onSlid: propTypesExports.func,
-    onSlide: propTypesExports.func,
-    pause: propTypesExports.oneOf([false, 'hover']),
-    touch: propTypesExports.bool,
-    transition: propTypesExports.oneOf(['slide', 'crossfade']),
-    wrap: propTypesExports.bool,
+    activeIndex: PropTypes.number,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    controls: PropTypes.bool,
+    dark: PropTypes.bool,
+    indicators: PropTypes.bool,
+    interval: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
+    onSlid: PropTypes.func,
+    onSlide: PropTypes.func,
+    pause: PropTypes.oneOf([false, 'hover']),
+    touch: PropTypes.bool,
+    transition: PropTypes.oneOf(['slide', 'crossfade']),
+    wrap: PropTypes.bool,
 };
 CCarousel.displayName = 'CCarousel';
 
@@ -3187,7 +3175,7 @@ var CCarouselCaption = forwardRef(function (_a, ref) {
     return React__default.createElement("div", __assign({ className: classNames('carousel-caption', className) }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CCarouselCaption.displayName = 'CCarouselCaption';
 
@@ -3262,11 +3250,11 @@ var CCarouselItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
-    active: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    direction: propTypesExports.string,
-    interval: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]),
+    active: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    direction: PropTypes.string,
+    interval: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
@@ -3275,8 +3263,8 @@ var CConditionalPortal = function (_a) {
     return typeof window !== 'undefined' && portal ? (createPortal(children, document.body)) : (React__default.createElement(React__default.Fragment, null, children));
 };
 CConditionalPortal.propTypes = {
-    children: propTypesExports.node,
-    portal: propTypesExports.bool.isRequired,
+    children: PropTypes.node,
+    portal: PropTypes.bool.isRequired,
 };
 CConditionalPortal.displayName = 'CConditionalPortal';
 
@@ -3522,7 +3510,7 @@ var round = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -3850,10 +3838,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x * dpr) / dpr || 0,
@@ -3936,7 +3923,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -5473,6 +5460,8 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
+var isEqual = /*@__PURE__*/getDefaultExportFromCjs(reactFastCompare);
+
 var EMPTY_MODIFIERS$1 = [];
 var usePopper = function usePopper(referenceElement, popperElement, options) {
   if (options === void 0) {
@@ -5536,7 +5525,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       }])
     };
 
-    if (reactFastCompare(prevOptions.current, newOptions)) {
+    if (isEqual(prevOptions.current, newOptions)) {
       return prevOptions.current || newOptions;
     } else {
       prevOptions.current = newOptions;
@@ -5704,6 +5693,8 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
+var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
+
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
@@ -5720,20 +5711,25 @@ function Reference(_ref) {
     };
   }, []);
   React.useEffect(function () {
-    warning_1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
+    warning$1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
   }, [setReferenceNode]);
   return unwrapArray(children)({
     ref: refHandler
   });
 }
 
+var PopperManagerWrapper = function (_a) {
+    var children = _a.children, popper = _a.popper;
+    return popper ? React__default.createElement(Manager, null, children) : React__default.createElement(React__default.Fragment, null, children);
+};
 var CDropdownContext = createContext({});
 var CDropdown = forwardRef(function (_a, ref) {
-    var children = _a.children, alignment = _a.alignment, _b = _a.autoClose, autoClose = _b === void 0 ? true : _b, className = _a.className, dark = _a.dark, direction = _a.direction, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, _d = _a.popper, popper = _d === void 0 ? true : _d, _e = _a.variant, variant = _e === void 0 ? 'btn-group' : _e, _f = _a.component, component = _f === void 0 ? 'div' : _f, _g = _a.visible, visible = _g === void 0 ? false : _g, rest = __rest(_a, ["children", "alignment", "autoClose", "className", "dark", "direction", "onHide", "onShow", "placement", "popper", "variant", "component", "visible"]);
+    var _b;
+    var children = _a.children, alignment = _a.alignment, _c = _a.autoClose, autoClose = _c === void 0 ? true : _c, className = _a.className, dark = _a.dark, direction = _a.direction, onHide = _a.onHide, onShow = _a.onShow, _d = _a.placement, placement = _d === void 0 ? 'bottom-start' : _d, _e = _a.popper, popper = _e === void 0 ? true : _e, _f = _a.portal, portal = _f === void 0 ? false : _f, _g = _a.variant, variant = _g === void 0 ? 'btn-group' : _g, _h = _a.component, component = _h === void 0 ? 'div' : _h, _j = _a.visible, visible = _j === void 0 ? false : _j, rest = __rest(_a, ["children", "alignment", "autoClose", "className", "dark", "direction", "onHide", "onShow", "placement", "popper", "portal", "variant", "component", "visible"]);
     var dropdownRef = useRef(null);
     var dropdownToggleRef = useRef(null);
     var forkedRef = useForkedRef(ref, dropdownRef);
-    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
+    var _k = useState(visible), _visible = _k[0], setVisible = _k[1];
     var Component = variant === 'nav-item' ? 'li' : component;
     // Disable popper if responsive aligment is set.
     if (typeof alignment === 'object') {
@@ -5747,6 +5743,7 @@ var CDropdown = forwardRef(function (_a, ref) {
         dropdownToggleRef: dropdownToggleRef,
         placement: placement,
         popper: popper,
+        portal: portal,
         variant: variant,
         visible: _visible,
         setVisible: setVisible,
@@ -5758,44 +5755,43 @@ var CDropdown = forwardRef(function (_a, ref) {
         _visible && onShow && onShow();
         !_visible && onHide && onHide();
     }, [_visible]);
-    var DropdownContent = function () {
-        return variant === 'input-group' ? (React__default.createElement(React__default.Fragment, null, children)) : (React__default.createElement(Component, __assign({ className: classNames(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
-                'dropdown-center': direction === 'center',
-                'dropup dropup-center': direction === 'dropup-center',
-                direction: direction && direction !== 'center' && direction !== 'dropup-center',
-                show: _visible,
-            }, className) }, rest, { ref: forkedRef }), children));
-    };
-    return (React__default.createElement(CDropdownContext.Provider, { value: contextValues }, popper ? (React__default.createElement(Manager, null,
-        React__default.createElement(DropdownContent, null))) : (React__default.createElement(DropdownContent, null))));
+    return (React__default.createElement(CDropdownContext.Provider, { value: contextValues },
+        React__default.createElement(PopperManagerWrapper, { popper: popper }, variant === 'input-group' ? (React__default.createElement(React__default.Fragment, null, children)) : (React__default.createElement(Component, __assign({ className: classNames(variant === 'nav-item' ? 'nav-item dropdown' : variant, (_b = {
+                    'dropdown-center': direction === 'center',
+                    'dropup dropup-center': direction === 'dropup-center'
+                },
+                _b["".concat(direction)] = direction && direction !== 'center' && direction !== 'dropup-center',
+                _b.show = _visible,
+                _b), className) }, rest, { ref: forkedRef }), children)))));
 });
-var alignmentDirection = propTypesExports.oneOf(['start', 'end']);
+var alignmentDirection = PropTypes.oneOf(['start', 'end']);
 CDropdown.propTypes = {
     // @ts-expect-error TODO: we have to find a solution
-    alignment: propTypesExports.oneOfType([
+    alignment: PropTypes.oneOfType([
         alignmentDirection,
-        propTypesExports.shape({ xs: alignmentDirection }),
-        propTypesExports.shape({ sm: alignmentDirection }),
-        propTypesExports.shape({ md: alignmentDirection }),
-        propTypesExports.shape({ lg: alignmentDirection }),
-        propTypesExports.shape({ xl: alignmentDirection }),
-        propTypesExports.shape({ xxl: alignmentDirection }),
+        PropTypes.shape({ xs: alignmentDirection }),
+        PropTypes.shape({ sm: alignmentDirection }),
+        PropTypes.shape({ md: alignmentDirection }),
+        PropTypes.shape({ lg: alignmentDirection }),
+        PropTypes.shape({ xl: alignmentDirection }),
+        PropTypes.shape({ xxl: alignmentDirection }),
     ]),
-    autoClose: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['inside', 'outside']),
+    autoClose: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['inside', 'outside']),
     ]),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    dark: propTypesExports.bool,
-    direction: propTypesExports.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    dark: PropTypes.bool,
+    direction: PropTypes.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
     placement: placementPropType,
-    popper: propTypesExports.bool,
-    variant: propTypesExports.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
-    visible: propTypesExports.bool,
+    popper: PropTypes.bool,
+    portal: PropTypes.bool,
+    variant: PropTypes.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
+    visible: PropTypes.bool,
 };
 CDropdown.displayName = 'CDropdown';
 
@@ -5804,7 +5800,7 @@ var CDropdownDivider = forwardRef(function (_a, ref) {
     return React__default.createElement("hr", __assign({ className: classNames('dropdown-divider', className) }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CDropdownDivider.displayName = 'CDropdownDivider';
 
@@ -5813,9 +5809,9 @@ var CDropdownHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('dropdown-header', className) }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CDropdownHeader.displayName = 'CDropdownHeader';
 
@@ -5824,9 +5820,9 @@ var CDropdownItem = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: classNames('dropdown-item', className), component: component }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CDropdownItem.displayName = 'CDropdownItem';
 
@@ -5835,15 +5831,27 @@ var CDropdownItemPlain = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('dropdown-item-text', className) }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
+var alignmentClassNames = function (alignment) {
+    var classNames = [];
+    if (typeof alignment === 'object') {
+        Object.keys(alignment).map(function (key) {
+            classNames.push("dropdown-menu".concat(key === 'xs' ? '' : "-".concat(key), "-").concat(alignment[key]));
+        });
+    }
+    if (typeof alignment === 'string') {
+        classNames.push("dropdown-menu-".concat(alignment));
+    }
+    return classNames;
+};
 var CDropdownMenu = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, rest = __rest(_a, ["children", "className", "component"]);
-    var _c = useContext(CDropdownContext), alignment = _c.alignment, autoClose = _c.autoClose, dark = _c.dark, direction = _c.direction, dropdownToggleRef = _c.dropdownToggleRef, placement = _c.placement, popper = _c.popper, visible = _c.visible, setVisible = _c.setVisible;
+    var _c = useContext(CDropdownContext), alignment = _c.alignment, autoClose = _c.autoClose, dark = _c.dark, direction = _c.direction, dropdownToggleRef = _c.dropdownToggleRef, placement = _c.placement, popper = _c.popper, portal = _c.portal, visible = _c.visible, setVisible = _c.setVisible;
     var dropdownMenuRef = useRef(null);
     useEffect(function () {
         visible && window.addEventListener('mouseup', handleMouseUp);
@@ -5892,38 +5900,27 @@ var CDropdownMenu = function (_a) {
     if (alignment === 'end') {
         _placement = 'bottom-end';
     }
-    var alignmentClassNames = function (alignment) {
-        var classNames = [];
-        if (typeof alignment === 'object') {
-            Object.keys(alignment).map(function (key) {
-                classNames.push("dropdown-menu".concat(key === 'xs' ? '' : "-".concat(key), "-").concat(alignment[key]));
-            });
-        }
-        if (typeof alignment === 'string') {
-            classNames.push("dropdown-menu-".concat(alignment));
-        }
-        return classNames;
-    };
-    var dropdownMenuComponent = function (style, ref) { return (React__default.createElement(Component, __assign({ className: classNames('dropdown-menu', {
-            'dropdown-menu-dark': dark,
-            show: visible,
-        }, alignment && alignmentClassNames(alignment), className), ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
-        ? React__default.Children.map(children, function (child, index) {
-            if (React__default.isValidElement(child)) {
-                return React__default.createElement("li", { key: index }, React__default.cloneElement(child));
-            }
-            return;
-        })
-        : children)); };
+    var dropdownMenuComponent = function (style, ref) { return (React__default.createElement(CConditionalPortal, { portal: portal !== null && portal !== void 0 ? portal : false },
+        React__default.createElement(Component, __assign({ className: classNames('dropdown-menu', {
+                'dropdown-menu-dark': dark,
+                show: visible,
+            }, alignment && alignmentClassNames(alignment), className), ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
+            ? React__default.Children.map(children, function (child, index) {
+                if (React__default.isValidElement(child)) {
+                    return React__default.createElement("li", { key: index }, React__default.cloneElement(child));
+                }
+                return;
+            })
+            : children))); };
     return popper && visible ? (React__default.createElement(Popper, { innerRef: dropdownMenuRef, placement: _placement }, function (_a) {
         var ref = _a.ref, style = _a.style;
         return dropdownMenuComponent(style, ref);
     })) : (dropdownMenuComponent());
 };
 CDropdownMenu.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 
@@ -5963,11 +5960,11 @@ var CDropdownToggle = function (_a) {
     }) : Toggler(dropdownToggleRef);
 };
 CDropdownToggle.propTypes = {
-    caret: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    custom: propTypesExports.bool,
-    split: propTypesExports.bool,
+    caret: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    custom: PropTypes.bool,
+    split: PropTypes.bool,
     trigger: triggerPropType,
 };
 CDropdownToggle.displayName = 'CDropdownToggle';
@@ -5978,9 +5975,9 @@ var CFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className) }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    position: propTypesExports.oneOf(['fixed', 'sticky']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    position: PropTypes.oneOf(['fixed', 'sticky']),
 };
 CFooter.displayName = 'CFooter';
 
@@ -5989,9 +5986,9 @@ var CForm = forwardRef(function (_a, ref) {
     return (React__default.createElement("form", __assign({ className: classNames({ 'was-validated': validated }, className) || undefined }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    validated: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    validated: PropTypes.bool,
 };
 CForm.displayName = 'CForm';
 
@@ -6004,12 +6001,12 @@ var CFormFeedback = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    invalid: propTypesExports.bool,
-    tooltip: propTypesExports.bool,
-    valid: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    invalid: PropTypes.bool,
+    tooltip: PropTypes.bool,
+    valid: PropTypes.bool,
 };
 CFormFeedback.displayName = 'CFormFeedback';
 
@@ -6021,13 +6018,13 @@ var CFormControlValidation = function (_a) {
         feedbackValid && (React__default.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
 };
 CFormControlValidation.propTypes = {
-    describedby: propTypesExports.string,
-    feedback: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    feedbackValid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    feedbackInvalid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
-    invalid: propTypesExports.bool,
-    tooltipFeedback: propTypesExports.bool,
-    valid: propTypesExports.bool,
+    describedby: PropTypes.string,
+    feedback: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackValid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackInvalid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    invalid: PropTypes.bool,
+    tooltipFeedback: PropTypes.bool,
+    valid: PropTypes.bool,
 };
 CFormControlValidation.displayName = 'CFormControlValidation';
 
@@ -6036,9 +6033,9 @@ var CFormLabel = forwardRef(function (_a, ref) {
     return (React__default.createElement("label", __assign({ className: customClassName !== null && customClassName !== void 0 ? customClassName : classNames('form-label', className) }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    customClassName: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    customClassName: PropTypes.string,
 };
 CFormLabel.displayName = 'CFormLabel';
 
@@ -6050,7 +6047,7 @@ var CFormCheck = forwardRef(function (_a, ref) {
         if (inputRef.current && indeterminate) {
             inputRef.current.indeterminate = indeterminate;
         }
-    }, [indeterminate]);
+    }, [indeterminate, inputRef.current]);
     var FormControl = function () { return (React__default.createElement("input", __assign({ type: type, className: classNames(button ? 'btn-check' : 'form-check-input', {
             'is-invalid': invalid,
             'is-valid': valid,
@@ -6090,7 +6087,7 @@ var CFormCheck = forwardRef(function (_a, ref) {
     };
     return React__default.createElement(FormCheck, null);
 });
-CFormCheck.propTypes = __assign({ button: propTypesExports.object, className: propTypesExports.string, hitArea: propTypesExports.oneOf(['full']), id: propTypesExports.string, indeterminate: propTypesExports.bool, inline: propTypesExports.bool, label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]), reverse: propTypesExports.bool, type: propTypesExports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+CFormCheck.propTypes = __assign({ button: PropTypes.object, className: PropTypes.string, hitArea: PropTypes.oneOf(['full']), id: PropTypes.string, indeterminate: PropTypes.bool, inline: PropTypes.bool, label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), reverse: PropTypes.bool, type: PropTypes.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
 CFormCheck.displayName = 'CFormCheck';
 
 var CFormFloating = forwardRef(function (_a, ref) {
@@ -6098,8 +6095,8 @@ var CFormFloating = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('form-floating', className) }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CFormFloating.displayName = 'CFormFloating';
 
@@ -6108,9 +6105,9 @@ var CFormText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('form-text', className) }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CFormText.displayName = 'CFormText';
 
@@ -6127,7 +6124,7 @@ var CFormControlWrapper = function (_a) {
         text && React__default.createElement(CFormText, { id: describedby }, text),
         React__default.createElement(FormControlValidation, null)));
 };
-CFormControlWrapper.propTypes = __assign({ children: propTypesExports.node, floatingClassName: propTypesExports.string, floatingLabel: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), text: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]) }, CFormControlValidation.propTypes);
+CFormControlWrapper.propTypes = __assign({ children: PropTypes.node, floatingClassName: PropTypes.string, floatingLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), text: PropTypes.oneOfType([PropTypes.node, PropTypes.string]) }, CFormControlValidation.propTypes);
 CFormControlWrapper.displayName = 'CFormControlWrapper';
 
 var CFormInput = forwardRef(function (_a, ref) {
@@ -6146,7 +6143,7 @@ var CFormInput = forwardRef(function (_a, ref) {
                 _b['is-valid'] = valid,
                 _b), className), id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
 });
-CFormInput.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, delay: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]), plainText: propTypesExports.bool, size: propTypesExports.oneOf(['sm', 'lg']), type: propTypesExports.oneOfType([propTypesExports.oneOf(['color', 'file', 'text']), propTypesExports.string]) }, CFormControlWrapper.propTypes);
+CFormInput.propTypes = __assign({ className: PropTypes.string, id: PropTypes.string, delay: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]), plainText: PropTypes.bool, size: PropTypes.oneOf(['sm', 'lg']), type: PropTypes.oneOfType([PropTypes.oneOf(['color', 'file', 'text']), PropTypes.string]) }, CFormControlWrapper.propTypes);
 CFormInput.displayName = 'CFormInput';
 
 var CFormRange = forwardRef(function (_a, ref) {
@@ -6156,8 +6153,8 @@ var CFormRange = forwardRef(function (_a, ref) {
         React__default.createElement("input", __assign({ type: "range", className: classNames('form-range', className) }, rest, { ref: ref }))));
 });
 CFormRange.propTypes = {
-    className: propTypesExports.string,
-    label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    className: PropTypes.string,
+    label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
 };
 CFormRange.displayName = 'CFormRange';
 
@@ -6176,7 +6173,7 @@ var CFormSelect = forwardRef(function (_a, ref) {
             })
             : children)));
 });
-CFormSelect.propTypes = __assign({ className: propTypesExports.string, htmlSize: propTypesExports.number, options: propTypesExports.array }, CFormControlWrapper.propTypes);
+CFormSelect.propTypes = __assign({ className: PropTypes.string, htmlSize: PropTypes.number, options: PropTypes.array }, CFormControlWrapper.propTypes);
 CFormSelect.displayName = 'CFormSelect';
 
 var CFormSwitch = forwardRef(function (_a, ref) {
@@ -6196,14 +6193,14 @@ var CFormSwitch = forwardRef(function (_a, ref) {
         label && (React__default.createElement(CFormLabel, __assign({ customClassName: "form-check-label" }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
-    className: propTypesExports.string,
-    id: propTypesExports.string,
-    invalid: propTypesExports.bool,
-    label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    reverse: propTypesExports.bool,
-    size: propTypesExports.oneOf(['lg', 'xl']),
-    type: propTypesExports.oneOf(['checkbox', 'radio']),
-    valid: propTypesExports.bool,
+    className: PropTypes.string,
+    id: PropTypes.string,
+    invalid: PropTypes.bool,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    reverse: PropTypes.bool,
+    size: PropTypes.oneOf(['lg', 'xl']),
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+    valid: PropTypes.bool,
 };
 CFormSwitch.displayName = 'CFormSwitch';
 
@@ -6215,7 +6212,7 @@ var CFormTextarea = forwardRef(function (_a, ref) {
                 'is-valid': valid,
             }, className), id: id }, rest, { ref: ref }), children)));
 });
-CFormTextarea.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, plainText: propTypesExports.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.propTypes = __assign({ className: PropTypes.string, id: PropTypes.string, plainText: PropTypes.bool }, CFormControlWrapper.propTypes);
 CFormTextarea.displayName = 'CFormTextarea';
 
 var CInputGroup = forwardRef(function (_a, ref) {
@@ -6226,9 +6223,9 @@ var CInputGroup = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CInputGroup.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm', 'lg']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
 };
 CInputGroup.displayName = 'CInputGroup';
 
@@ -6237,9 +6234,9 @@ var CInputGroupText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('input-group-text', className) }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CInputGroupText.displayName = 'CInputGroupText';
 
@@ -6281,27 +6278,27 @@ var CCol = forwardRef(function (_a, ref) {
     });
     return (React__default.createElement("div", __assign({ className: classNames(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col', className) }, rest, { ref: ref }), children));
 });
-var span = propTypesExports.oneOfType([
-    propTypesExports.bool,
-    propTypesExports.number,
-    propTypesExports.string,
-    propTypesExports.oneOf(['auto']),
+var span = PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.number,
+    PropTypes.string,
+    PropTypes.oneOf(['auto']),
 ]);
-var col = propTypesExports.oneOfType([
+var col = PropTypes.oneOfType([
     span,
-    propTypesExports.shape({
+    PropTypes.shape({
         span: span,
-        offset: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
-        order: propTypesExports.oneOfType([
-            propTypesExports.oneOf(['first', 'last']),
-            propTypesExports.number,
-            propTypesExports.string,
+        offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+        order: PropTypes.oneOfType([
+            PropTypes.oneOf(['first', 'last']),
+            PropTypes.number,
+            PropTypes.string,
         ]),
     }),
 ]);
 CCol.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     xs: col,
     sm: col,
     md: col,
@@ -6330,14 +6327,14 @@ var CContainer = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'container', className) }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    sm: propTypesExports.bool,
-    md: propTypesExports.bool,
-    lg: propTypesExports.bool,
-    xl: propTypesExports.bool,
-    xxl: propTypesExports.bool,
-    fluid: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    sm: PropTypes.bool,
+    md: PropTypes.bool,
+    lg: PropTypes.bool,
+    xl: PropTypes.bool,
+    xxl: PropTypes.bool,
+    fluid: PropTypes.bool,
 };
 CContainer.displayName = 'CContainer';
 
@@ -6373,15 +6370,15 @@ var CRow = forwardRef(function (_a, ref) {
     });
     return (React__default.createElement("div", { className: classNames('row', repsonsiveClassNames, className), ref: ref }, children));
 });
-var bp = propTypesExports.shape({
-    cols: propTypesExports.oneOfType([propTypesExports.oneOf(['auto']), propTypesExports.number, propTypesExports.string]),
-    gutter: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-    gutterX: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-    gutterY: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+var bp = PropTypes.shape({
+    cols: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.string]),
+    gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    gutterX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    gutterY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 });
 CRow.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     xs: bp,
     sm: bp,
     md: bp,
@@ -6397,11 +6394,11 @@ var CHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('header', (_b = {}, _b["header-".concat(position)] = position, _b), className) }, rest, { ref: ref }), container ? (React__default.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React__default.createElement(React__default.Fragment, null, children))));
 });
 CHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    container: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf([
+    children: PropTypes.node,
+    className: PropTypes.string,
+    container: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf([
             'sm',
             'md',
             'lg',
@@ -6410,7 +6407,7 @@ CHeader.propTypes = {
             'fluid',
         ]),
     ]),
-    position: propTypesExports.oneOf(['fixed', 'sticky']),
+    position: PropTypes.oneOf(['fixed', 'sticky']),
 };
 CHeader.displayName = 'CHeader';
 
@@ -6419,9 +6416,9 @@ var CHeaderBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('header-brand', className) }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CHeaderBrand.displayName = 'CHeaderBrand';
 
@@ -6430,7 +6427,7 @@ var CHeaderDivider = forwardRef(function (_a, ref) {
     return React__default.createElement("div", __assign({ className: classNames('header-divider', className) }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CHeaderDivider.displayName = 'CHeaderDivider';
 
@@ -6439,9 +6436,9 @@ var CHeaderNav = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('header-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CHeaderNav.displayName = 'CHeaderNav';
 
@@ -6450,8 +6447,8 @@ var CHeaderText = forwardRef(function (_a, ref) {
     return (React__default.createElement("span", __assign({ className: classNames('header-text', className) }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CHeaderText.displayName = 'CHeaderText';
 
@@ -6460,8 +6457,8 @@ var CHeaderToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: classNames('header-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React__default.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CHeaderToggler.displayName = 'CHeaderToggler';
 
@@ -6477,11 +6474,11 @@ var CImage = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref })));
 });
 CImage.propTypes = {
-    align: propTypesExports.oneOf(['start', 'center', 'end']),
-    className: propTypesExports.string,
-    fluid: propTypesExports.bool,
-    rounded: propTypesExports.bool,
-    thumbnail: propTypesExports.bool,
+    align: PropTypes.oneOf(['start', 'center', 'end']),
+    className: PropTypes.string,
+    fluid: PropTypes.bool,
+    rounded: PropTypes.bool,
+    thumbnail: PropTypes.bool,
 };
 CImage.displayName = 'CImage';
 
@@ -6495,11 +6492,11 @@ var CListGroup = forwardRef(function (_a, ref) {
             _b), className), ref: ref }, children));
 });
 CListGroup.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    flush: propTypesExports.bool,
-    layout: propTypesExports.oneOf([
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    flush: PropTypes.bool,
+    layout: PropTypes.oneOf([
         'horizontal',
         'horizontal-sm',
         'horizontal-md',
@@ -6528,12 +6525,12 @@ var CListGroupItem = forwardRef(function (_a, ref) {
             _b), className) }, rest), children));
 });
 CListGroupItem.propTypes = {
-    active: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    active: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    component: propTypesExports.elementType,
-    disabled: propTypesExports.bool,
+    component: PropTypes.elementType,
+    disabled: PropTypes.bool,
 };
 CListGroupItem.displayName = 'CListGroupItem';
 
@@ -6542,8 +6539,8 @@ var CModalContent = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('modal-content', className) }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CModalContent.displayName = 'CModalContent';
 
@@ -6561,15 +6558,15 @@ var CModalDialog = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
-    alignment: propTypesExports.oneOf(['top', 'center']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    fullscreen: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: PropTypes.oneOf(['top', 'center']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    fullscreen: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scrollable: propTypesExports.bool,
-    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
+    scrollable: PropTypes.bool,
+    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
 };
 CModalDialog.displayName = 'CModalDialog';
 
@@ -6659,25 +6656,25 @@ var CModal = forwardRef(function (_a, ref) {
             React__default.createElement(CBackdrop, { visible: _visible })))));
 });
 CModal.propTypes = {
-    alignment: propTypesExports.oneOf(['top', 'center']),
-    backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    duration: propTypesExports.number,
-    fullscreen: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: PropTypes.oneOf(['top', 'center']),
+    backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    duration: PropTypes.number,
+    fullscreen: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    keyboard: propTypesExports.bool,
-    onClose: propTypesExports.func,
-    onClosePrevented: propTypesExports.func,
-    onShow: propTypesExports.func,
-    portal: propTypesExports.bool,
-    scrollable: propTypesExports.bool,
-    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
-    transition: propTypesExports.bool,
-    unmountOnClose: propTypesExports.bool,
-    visible: propTypesExports.bool,
+    keyboard: PropTypes.bool,
+    onClose: PropTypes.func,
+    onClosePrevented: PropTypes.func,
+    onShow: PropTypes.func,
+    portal: PropTypes.bool,
+    scrollable: PropTypes.bool,
+    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
+    transition: PropTypes.bool,
+    unmountOnClose: PropTypes.bool,
+    visible: PropTypes.bool,
 };
 CModal.displayName = 'CModal';
 
@@ -6686,8 +6683,8 @@ var CModalBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('modal-body', className) }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CModalBody.displayName = 'CModalBody';
 
@@ -6696,8 +6693,8 @@ var CModalFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('modal-footer', className) }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CModalFooter.displayName = 'CModalFooter';
 
@@ -6709,9 +6706,9 @@ var CModalHeader = forwardRef(function (_a, ref) {
         closeButton && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
 CModalHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    closeButton: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    closeButton: PropTypes.bool,
 };
 CModalHeader.displayName = 'CModalHeader';
 
@@ -6720,9 +6717,9 @@ var CModalTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('modal-title', className) }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CModalTitle.displayName = 'CModalTitle';
 
@@ -6735,11 +6732,11 @@ var CNav = forwardRef(function (_a, ref) {
             _b), className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
-    layout: propTypesExports.oneOf(['fill', 'justified']),
-    variant: propTypesExports.oneOf(['tabs', 'pills']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    layout: PropTypes.oneOf(['fill', 'justified']),
+    variant: PropTypes.oneOf(['tabs', 'pills']),
 };
 CNav.displayName = 'CNav';
 
@@ -6748,8 +6745,8 @@ var CNavGroupItems = forwardRef(function (_a, ref) {
     return (React__default.createElement("ul", __assign({ className: classNames('nav-group-items', className) }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavGroupItems.displayName = 'CNavGroupItems';
 
@@ -6773,8 +6770,8 @@ var CSidebarNav = forwardRef(function (_a, ref) {
         }))));
 });
 CSidebarNav.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarNav.displayName = 'CSidebarNav';
 
@@ -6835,12 +6832,12 @@ var CNavGroup = forwardRef(function (_a, ref) {
         }))); })));
 });
 CNavGroup.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    compact: propTypesExports.bool,
-    idx: propTypesExports.string,
-    toggler: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    visible: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    compact: PropTypes.bool,
+    idx: PropTypes.string,
+    toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    visible: PropTypes.bool,
 };
 CNavGroup.displayName = 'CNavGroup';
 
@@ -6857,9 +6854,9 @@ var CNavLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: classNames('nav-link', className) }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    idx: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    idx: PropTypes.string,
 };
 CNavLink.displayName = 'CNavLink';
 
@@ -6868,8 +6865,8 @@ var CNavItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", { className: classNames('nav-item', className), ref: ref }, rest.href || rest.to ? (React__default.createElement(CNavLink, __assign({ className: className }, rest), children)) : (children)));
 });
 CNavItem.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavItem.displayName = 'CNavItem';
 
@@ -6878,8 +6875,8 @@ var CNavTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", __assign({ className: classNames('nav-title', className) }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavTitle.displayName = 'CNavTitle';
 
@@ -6893,14 +6890,14 @@ var CNavbar = forwardRef(function (_a, ref) {
             _b), placement, className) }, rest, { ref: ref }), container ? (React__default.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React__default.createElement(React__default.Fragment, null, children))));
 });
 CNavbar.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    colorScheme: propTypesExports.oneOf(['dark', 'light']),
-    component: propTypesExports.elementType,
-    container: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf([
+    colorScheme: PropTypes.oneOf(['dark', 'light']),
+    component: PropTypes.elementType,
+    container: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf([
             'sm',
             'md',
             'lg',
@@ -6909,11 +6906,11 @@ CNavbar.propTypes = {
             'fluid',
         ]),
     ]),
-    expand: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    expand: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    placement: propTypesExports.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
+    placement: PropTypes.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
 };
 CNavbar.displayName = 'CNavbar';
 
@@ -6923,9 +6920,9 @@ var CNavbarBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('navbar-brand', className) }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CNavbarBrand.displayName = 'CNavbarBrand';
 
@@ -6934,9 +6931,9 @@ var CNavbarNav = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('navbar-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CNavbarNav.displayName = 'CNavbarNav';
 
@@ -6945,8 +6942,8 @@ var CNavbarText = forwardRef(function (_a, ref) {
     return (React__default.createElement("span", __assign({ className: classNames('navbar-text', className) }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavbarText.displayName = 'CNavbarText';
 
@@ -6955,8 +6952,8 @@ var CNavbarToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: classNames('navbar-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React__default.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavbarToggler.displayName = 'CNavbarToggler';
 
@@ -6969,11 +6966,9 @@ var COffcanvas = forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     useEffect(function () {
-        if (_visible) {
-            if (!scroll) {
-                document.body.style.overflow = 'hidden';
-                document.body.style.paddingRight = '0px';
-            }
+        if (_visible && !scroll) {
+            document.body.style.overflow = 'hidden';
+            document.body.style.paddingRight = '0px';
             return;
         }
         if (!scroll) {
@@ -7010,21 +7005,21 @@ var COffcanvas = forwardRef(function (_a, ref) {
             React__default.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible })))));
 });
 COffcanvas.propTypes = {
-    backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    keyboard: propTypesExports.bool,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    placement: propTypesExports.oneOf(['start', 'end', 'top', 'bottom'])
+    backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    keyboard: PropTypes.bool,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['start', 'end', 'top', 'bottom'])
         .isRequired,
-    portal: propTypesExports.bool,
-    responsive: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    portal: PropTypes.bool,
+    responsive: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scroll: propTypesExports.bool,
-    visible: propTypesExports.bool,
+    scroll: PropTypes.bool,
+    visible: PropTypes.bool,
 };
 COffcanvas.displayName = 'COffcanvas';
 
@@ -7033,8 +7028,8 @@ var COffcanvasBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('offcanvas-body', className) }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 COffcanvasBody.displayName = 'COffcanvasBody';
 
@@ -7043,8 +7038,8 @@ var COffcanvasHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('offcanvas-header', className) }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 COffcanvasHeader.displayName = 'COffcanvasHeader';
 
@@ -7053,9 +7048,9 @@ var COffcanvasTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: classNames('offcanvas-title', className) }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 COffcanvasTitle.displayName = 'COffcanvasTitle';
 
@@ -7069,10 +7064,10 @@ var CPagination = forwardRef(function (_a, ref) {
                 _b), className) }, children)));
 });
 CPagination.propTypes = {
-    align: propTypesExports.oneOf(['start', 'center', 'end']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm', 'lg']),
+    align: PropTypes.oneOf(['start', 'center', 'end']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    size: PropTypes.oneOf(['sm', 'lg']),
 };
 CPagination.displayName = 'CPagination';
 
@@ -7085,9 +7080,9 @@ var CPaginationItem = forwardRef(function (_a, ref) {
         }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React__default.createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React__default.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    component: propTypesExports.elementType,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
 };
 CPaginationItem.displayName = 'CPaginationItem';
 
@@ -7120,12 +7115,12 @@ var CPlaceholder = forwardRef(function (_a, ref) {
             _b), repsonsiveClassNames, className) }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
-    animation: propTypesExports.oneOf(['glow', 'wave']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    animation: PropTypes.oneOf(['glow', 'wave']),
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    component: propTypesExports.elementType,
-    size: propTypesExports.oneOf(['xs', 'sm', 'lg']),
+    component: PropTypes.elementType,
+    size: PropTypes.oneOf(['xs', 'sm', 'lg']),
 };
 CPlaceholder.displayName = 'CPlaceholder';
 
@@ -7139,12 +7134,12 @@ var CProgressBar = forwardRef(function (_a, ref) {
             _b), className), role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
 });
 CProgressBar.propTypes = {
-    animated: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    animated: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    value: propTypesExports.number,
-    variant: propTypesExports.oneOf(['striped']),
+    value: PropTypes.number,
+    variant: PropTypes.oneOf(['striped']),
 };
 CProgressBar.displayName = 'CProgressBar';
 
@@ -7156,12 +7151,12 @@ var CProgress = forwardRef(function (_a, ref) {
         }, className), style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React__default.createElement(CProgressBar, __assign({ value: value }, rest), children)) : (children)));
 });
 CProgress.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    height: propTypesExports.number,
-    thin: propTypesExports.bool,
-    value: propTypesExports.number,
-    white: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    height: PropTypes.number,
+    thin: PropTypes.bool,
+    value: PropTypes.number,
+    white: PropTypes.bool,
 };
 CProgress.displayName = 'CProgress';
 
@@ -7209,16 +7204,16 @@ var CPopover = function (_a) {
                 React__default.createElement("div", { className: "popover-body" }, content))); }), document.body)));
 };
 CPopover.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    offset: propTypesExports.any,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    placement: propTypesExports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    offset: PropTypes.any,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     trigger: triggerPropType,
-    visible: propTypesExports.bool,
+    visible: PropTypes.bool,
 };
 CPopover.displayName = 'CPopover';
 
@@ -7312,17 +7307,17 @@ var CSidebar = forwardRef(function (_a, ref) {
             createPortal(React__default.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
 });
 CSidebar.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    narrow: propTypesExports.bool,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    onVisibleChange: propTypesExports.func,
-    overlaid: propTypesExports.bool,
-    position: propTypesExports.oneOf(['fixed', 'sticky']),
-    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
-    unfoldable: propTypesExports.bool,
-    visible: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    narrow: PropTypes.bool,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    onVisibleChange: PropTypes.func,
+    overlaid: PropTypes.bool,
+    position: PropTypes.oneOf(['fixed', 'sticky']),
+    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
+    unfoldable: PropTypes.bool,
+    visible: PropTypes.bool,
 };
 CSidebar.displayName = 'CSidebar';
 
@@ -7331,8 +7326,8 @@ var CSidebarBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('sidebar-brand', className), ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarBrand.displayName = 'CSidebarBrand';
 
@@ -7341,8 +7336,8 @@ var CSidebarFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('sidebar-footer', className), ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarFooter.displayName = 'CSidebarFooter';
 
@@ -7351,8 +7346,8 @@ var CSidebarToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ className: classNames('sidebar-toggler', className), ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarToggler.displayName = 'CSidebarToggler';
 
@@ -7361,8 +7356,8 @@ var CSidebarHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('sidebar-header', className), ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarHeader.displayName = 'CSidebarHeader';
 
@@ -7372,12 +7367,12 @@ var CSpinner = forwardRef(function (_a, ref) {
         React__default.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
     color: colorPropType,
-    component: propTypesExports.string,
-    size: propTypesExports.oneOf(['sm']),
-    variant: propTypesExports.oneOf(['border', 'grow']),
-    visuallyHiddenLabel: propTypesExports.string,
+    component: PropTypes.string,
+    size: PropTypes.oneOf(['sm']),
+    variant: PropTypes.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: PropTypes.string,
 };
 CSpinner.displayName = 'CSpinner';
 
@@ -7389,8 +7384,8 @@ var CTableHead = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableHead.displayName = 'CTableHead';
@@ -7403,8 +7398,8 @@ var CTableHeaderCell = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableHeaderCell.displayName = 'CTableHeaderCell';
@@ -7417,8 +7412,8 @@ var CTableBody = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableBody.displayName = 'CTableBody';
@@ -7434,10 +7429,10 @@ var CTableDataCell = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
-    active: propTypesExports.bool,
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    active: PropTypes.bool,
+    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableDataCell.displayName = 'CTableDataCell';
@@ -7452,10 +7447,10 @@ var CTableRow = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
-    active: propTypesExports.bool,
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    active: PropTypes.bool,
+    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableRow.displayName = 'CTableRow';
@@ -7468,8 +7463,8 @@ var CTableFoot = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
 };
 CTableFoot.displayName = 'CTableFoot';
@@ -7479,7 +7474,7 @@ var CTableCaption = forwardRef(function (_a, ref) {
     return (React__default.createElement("caption", __assign({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
-    children: propTypesExports.node,
+    children: PropTypes.node,
 };
 CTableCaption.displayName = 'CTableCaption';
 
@@ -7488,10 +7483,10 @@ var CTableResponsiveWrapper = function (_a) {
     return responsive ? (React__default.createElement("div", __assign({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (React__default.createElement(React__default.Fragment, null, children));
 };
 CTableResponsiveWrapper.propTypes = {
-    children: propTypesExports.node,
-    responsive: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    children: PropTypes.node,
+    responsive: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
 };
 CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
@@ -7546,28 +7541,28 @@ var CTable = forwardRef(function (_a, ref) {
                 React__default.createElement(CTableRow, null, footer.map(function (item, index) { return (React__default.createElement(CTableDataCell, __assign({}, (typeof item === 'object' && item._props && __assign({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
 });
 CTable.propTypes = {
-    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
-    borderColor: propTypesExports.string,
-    bordered: propTypesExports.bool,
-    borderless: propTypesExports.bool,
-    caption: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.oneOf(['top'])]),
-    captionTop: propTypesExports.string,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
+    borderColor: PropTypes.string,
+    bordered: PropTypes.bool,
+    borderless: PropTypes.bool,
+    caption: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(['top'])]),
+    captionTop: PropTypes.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    columns: propTypesExports.array,
-    footer: propTypesExports.array,
-    hover: propTypesExports.bool,
-    items: propTypesExports.array,
-    responsive: propTypesExports.oneOfType([
-        propTypesExports.bool,
-        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    columns: PropTypes.array,
+    footer: PropTypes.array,
+    hover: PropTypes.bool,
+    items: PropTypes.array,
+    responsive: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    small: propTypesExports.bool,
-    striped: propTypesExports.bool,
-    stripedColumns: propTypesExports.bool,
-    tableFootProps: propTypesExports.shape(__assign({}, CTableFoot.propTypes)),
-    tableHeadProps: propTypesExports.shape(__assign({}, CTableHead.propTypes)),
+    small: PropTypes.bool,
+    striped: PropTypes.bool,
+    stripedColumns: PropTypes.bool,
+    tableFootProps: PropTypes.shape(__assign({}, CTableFoot.propTypes)),
+    tableHeadProps: PropTypes.shape(__assign({}, CTableHead.propTypes)),
 };
 CTable.displayName = 'CTable';
 
@@ -7576,8 +7571,8 @@ var CTabContent = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('tab-content', className) }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CTabContent.displayName = 'CTabContent';
 
@@ -7591,11 +7586,11 @@ var CTabPane = forwardRef(function (_a, ref) {
         }, className) }, rest, { ref: forkedRef }), children)); }));
 });
 CTabPane.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    visible: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    visible: PropTypes.bool,
 };
 CTabPane.displayName = 'CTabPane';
 
@@ -7640,17 +7635,17 @@ var CToast = forwardRef(function (_a, ref) {
     }));
 });
 CToast.propTypes = {
-    animation: propTypesExports.bool,
-    autohide: propTypesExports.bool,
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    animation: PropTypes.bool,
+    autohide: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
     color: colorPropType,
-    delay: propTypesExports.number,
-    index: propTypesExports.number,
-    key: propTypesExports.number,
-    onClose: propTypesExports.func,
-    onShow: propTypesExports.func,
-    visible: propTypesExports.bool,
+    delay: PropTypes.number,
+    index: PropTypes.number,
+    key: PropTypes.number,
+    onClose: PropTypes.func,
+    onShow: PropTypes.func,
+    visible: PropTypes.bool,
 };
 CToast.displayName = 'CToast';
 
@@ -7659,8 +7654,8 @@ var CToastBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: classNames('toast-body', className) }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CToastBody.displayName = 'CToastBody';
 
@@ -7669,7 +7664,7 @@ var CToastClose = forwardRef(function (_a, ref) {
     var setVisible = useContext(CToastContext).setVisible;
     return Component ? (React__default.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React__default.createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
-CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: propTypesExports.elementType });
+CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: PropTypes.elementType });
 CToastClose.displayName = 'CToastClose';
 
 var CToastHeader = forwardRef(function (_a, ref) {
@@ -7679,9 +7674,9 @@ var CToastHeader = forwardRef(function (_a, ref) {
         closeButton && React__default.createElement(CToastClose, null)));
 });
 CToastHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    closeButton: propTypesExports.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    closeButton: PropTypes.bool,
 };
 CToastHeader.displayName = 'CToastHeader';
 
@@ -7717,11 +7712,11 @@ var CToaster = forwardRef(function (_a, ref) {
         toasts.map(function (toast) { return React__default.cloneElement(toast, { visible: true }); }))) : null));
 });
 CToaster.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
-    placement: propTypesExports.oneOfType([
-        propTypesExports.string,
-        propTypesExports.oneOf([
+    children: PropTypes.node,
+    className: PropTypes.string,
+    placement: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.oneOf([
             'top-start',
             'top-center',
             'top-end',
@@ -7733,7 +7728,7 @@ CToaster.propTypes = {
             'bottom-end',
         ]),
     ]),
-    push: propTypesExports.any,
+    push: PropTypes.any,
 };
 CToaster.displayName = 'CToaster';
 
@@ -7780,14 +7775,14 @@ var CTooltip = function (_a) {
                 React__default.createElement("div", { className: "tooltip-inner" }, content))); }), document.body)));
 };
 CTooltip.propTypes = {
-    children: propTypesExports.node,
-    content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    offset: propTypesExports.any,
-    onHide: propTypesExports.func,
-    onShow: propTypesExports.func,
-    placement: propTypesExports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    children: PropTypes.node,
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    offset: PropTypes.any,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
     trigger: triggerPropType,
-    visible: propTypesExports.bool,
+    visible: PropTypes.bool,
 };
 CTooltip.displayName = 'CTooltip';
 
@@ -7803,12 +7798,12 @@ var CWidgetStatsA = forwardRef(function (_a, ref) {
         chart));
 });
 CWidgetStatsA.propTypes = {
-    action: propTypesExports.node,
-    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    className: propTypesExports.string,
+    action: PropTypes.node,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
     color: colorPropType,
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
 };
 CWidgetStatsA.displayName = 'CWidgetStatsA';
 
@@ -7822,13 +7817,13 @@ var CWidgetStatsB = forwardRef(function (_a, ref) {
             text && (React__default.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
 });
 CWidgetStatsB.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
     color: colorPropType,
-    inverse: propTypesExports.bool,
-    progress: propTypesExports.object,
-    text: propTypesExports.string,
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
+    inverse: PropTypes.bool,
+    progress: PropTypes.object,
+    text: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
 };
 CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
 
@@ -7842,13 +7837,13 @@ var CWidgetStatsC = forwardRef(function (_a, ref) {
             React__default.createElement(CProgress, __assign({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
 });
 CWidgetStatsC.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
     color: colorPropType,
-    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    inverse: propTypesExports.bool,
-    progress: propTypesExports.object,
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    inverse: PropTypes.bool,
+    progress: PropTypes.object,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
 };
 CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
 
@@ -7871,11 +7866,11 @@ var CWidgetStatsD = forwardRef(function (_a, ref) {
             }))));
 });
 CWidgetStatsD.propTypes = {
-    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    className: propTypesExports.string,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
     color: colorPropType,
-    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    values: propTypesExports.arrayOf(propTypesExports.any),
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    values: PropTypes.arrayOf(PropTypes.any),
 };
 CWidgetStatsD.displayName = 'CWidgetStatsD';
 
@@ -7888,11 +7883,11 @@ var CWidgetStatsE = forwardRef(function (_a, ref) {
             chart)));
 });
 CWidgetStatsE.propTypes = {
-    children: propTypesExports.node,
-    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    className: propTypesExports.string,
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
+    children: PropTypes.node,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
 };
 CWidgetStatsE.displayName = 'CWidgetStatsE';
 
@@ -7907,15 +7902,15 @@ var CWidgetStatsF = forwardRef(function (_a, ref) {
         footer && React__default.createElement(CCardFooter, null, footer)));
 });
 CWidgetStatsF.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
     color: colorPropType,
-    footer: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    padding: propTypesExports.bool,
-    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
+    footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    padding: PropTypes.bool,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';
 
-export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CConditionalPortal, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CConditionalPortal, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
 //# sourceMappingURL=index.es.js.map