@coreui/react 4.7.0 → 4.9.0-alpha.0

package/dist/index.js

@@ -37,6 +37,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) {
@@ -71,17 +73,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 = {};
 
@@ -300,17 +298,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;
 }
 
 /*
@@ -1261,11 +1257,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.
@@ -1321,10 +1316,11 @@ var classnames = {
 		} else {
 			window.classNames = classNames;
 		}
-	}());
+	}()); 
 } (classnames));
 
-var classNames = classnamesExports;
+var classnamesExports = classnames.exports;
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 var CAccordionContext = React.createContext({});
 var CAccordion = React.forwardRef(function (_a, ref) {
@@ -1334,11 +1330,11 @@ var CAccordion = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -1358,9 +1354,9 @@ var CAccordionItem = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -1453,22 +1449,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.createContext(null);
@@ -1895,10 +1891,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);
     }
   }),
 
@@ -1916,12 +1912,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
@@ -1929,13 +1925,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
@@ -1948,17 +1944,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.
@@ -2011,7 +2007,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
@@ -2021,7 +2017,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
@@ -2031,7 +2027,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
@@ -2041,7 +2037,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.
@@ -2050,7 +2046,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.
@@ -2059,7 +2055,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.
@@ -2068,7 +2064,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() {}
@@ -2443,7 +2439,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
@@ -2453,7 +2449,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
@@ -2463,7 +2459,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
@@ -2473,7 +2469,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.
@@ -2482,7 +2478,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
@@ -2492,11 +2488,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 = [];
@@ -2593,12 +2590,12 @@ var CCollapse = React.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';
 
@@ -2609,8 +2606,8 @@ var CAccordionBody = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -2620,28 +2617,19 @@ var CAccordionButton = React.forwardRef(function (_a, ref) {
     return (React.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 = React.forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(CCollapse, __assign({ className: "accordion-collapse" }, props, { ref: ref }), children));
-});
-CAccordionCollapse.propTypes = {
-    children: propTypesExports.node,
-};
-CAccordionCollapse.displayName = 'CAccordionCollapse';
-
 var CAccordionHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ className: classNames('accordion-header', className) }, rest, { ref: ref }),
         React.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
@@ -2652,14 +2640,14 @@ var CCloseButton = React.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',
@@ -2669,9 +2657,9 @@ var colorPropType = propTypesExports.oneOfType([
         'dark',
         'light',
     ]),
-    propTypesExports.string,
+    PropTypes.string,
 ]);
-var placementPropType = propTypesExports.oneOf([
+var placementPropType = PropTypes.oneOf([
     'auto',
     'auto-start',
     'auto-end',
@@ -2688,8 +2676,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',
@@ -2702,14 +2690,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 = React.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"]);
@@ -2727,13 +2715,13 @@ var CAlert = React.forwardRef(function (_a, ref) {
         dismissible && React.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';
 
@@ -2742,9 +2730,9 @@ var CAlertHeading = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2762,11 +2750,11 @@ var CLink = React.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';
 
@@ -2775,8 +2763,8 @@ var CAlertLink = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2793,13 +2781,13 @@ var CAvatar = React.forwardRef(function (_a, ref) {
         status && React.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';
@@ -2813,8 +2801,8 @@ var CBackdrop = React.forwardRef(function (_a, ref) {
         }) }, rest, { ref: forkedRef }))); }));
 });
 CBackdrop.propTypes = {
-    className: propTypesExports.string,
-    visible: propTypesExports.bool,
+    className: PropTypes.string,
+    visible: PropTypes.bool,
 };
 CBackdrop.displayName = 'CBackdrop';
 
@@ -2833,13 +2821,13 @@ var CBadge = React.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';
@@ -2850,8 +2838,8 @@ var CBreadcrumb = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -2862,10 +2850,10 @@ var CBreadcrumbItem = React.forwardRef(function (_a, ref) {
         }, className) }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React.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';
 
@@ -2875,14 +2863,14 @@ var CButton = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2891,8 +2879,8 @@ var CButtonToolbar = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2902,10 +2890,10 @@ var CButtonGroup = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2917,8 +2905,8 @@ var CCallout = React.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';
@@ -2932,10 +2920,10 @@ var CCard = React.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';
 
@@ -2944,8 +2932,8 @@ var CCardBody = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2954,8 +2942,8 @@ var CCardFooter = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2964,8 +2952,8 @@ var CCardGroup = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2974,9 +2962,9 @@ var CCardHeader = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2985,10 +2973,10 @@ var CCardImage = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -2997,8 +2985,8 @@ var CCardImageOverlay = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3007,8 +2995,8 @@ var CCardLink = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3017,9 +3005,9 @@ var CCardSubtitle = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3028,9 +3016,9 @@ var CCardText = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3039,9 +3027,9 @@ var CCardTitle = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3186,19 +3174,19 @@ var CCarousel = React.forwardRef(function (_a, ref) {
                     React.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';
 
@@ -3207,7 +3195,7 @@ var CCarouselCaption = React.forwardRef(function (_a, ref) {
     return React.createElement("div", __assign({ className: classNames('carousel-caption', className) }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CCarouselCaption.displayName = 'CCarouselCaption';
 
@@ -3282,11 +3270,11 @@ var CCarouselItem = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -3295,8 +3283,8 @@ var CConditionalPortal = function (_a) {
     return typeof window !== 'undefined' && portal ? (ReactDOM.createPortal(children, document.body)) : (React.createElement(React.Fragment, null, children));
 };
 CConditionalPortal.propTypes = {
-    children: propTypesExports.node,
-    portal: propTypesExports.bool.isRequired,
+    children: PropTypes.node,
+    portal: PropTypes.bool.isRequired,
 };
 CConditionalPortal.displayName = 'CConditionalPortal';
 
@@ -3542,7 +3530,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(' ');
@@ -3870,10 +3858,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,
@@ -3956,7 +3943,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -5493,6 +5480,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) {
@@ -5556,7 +5545,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;
@@ -5724,6 +5713,8 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
+var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
+
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
@@ -5740,20 +5731,25 @@ function Reference(_ref) {
     };
   }, []);
   React__namespace.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.createElement(Manager, null, children) : React.createElement(React.Fragment, null, children);
+};
 var CDropdownContext = React.createContext({});
 var CDropdown = React.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 = React.useRef(null);
     var dropdownToggleRef = React.useRef(null);
     var forkedRef = useForkedRef(ref, dropdownRef);
-    var _h = React.useState(visible), _visible = _h[0], setVisible = _h[1];
+    var _k = React.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') {
@@ -5767,6 +5763,7 @@ var CDropdown = React.forwardRef(function (_a, ref) {
         dropdownToggleRef: dropdownToggleRef,
         placement: placement,
         popper: popper,
+        portal: portal,
         variant: variant,
         visible: _visible,
         setVisible: setVisible,
@@ -5778,44 +5775,43 @@ var CDropdown = React.forwardRef(function (_a, ref) {
         _visible && onShow && onShow();
         !_visible && onHide && onHide();
     }, [_visible]);
-    var DropdownContent = function () {
-        return variant === 'input-group' ? (React.createElement(React.Fragment, null, children)) : (React.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.createElement(CDropdownContext.Provider, { value: contextValues }, popper ? (React.createElement(Manager, null,
-        React.createElement(DropdownContent, null))) : (React.createElement(DropdownContent, null))));
+    return (React.createElement(CDropdownContext.Provider, { value: contextValues },
+        React.createElement(PopperManagerWrapper, { popper: popper }, variant === 'input-group' ? (React.createElement(React.Fragment, null, children)) : (React.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';
 
@@ -5824,7 +5820,7 @@ var CDropdownDivider = React.forwardRef(function (_a, ref) {
     return React.createElement("hr", __assign({ className: classNames('dropdown-divider', className) }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CDropdownDivider.displayName = 'CDropdownDivider';
 
@@ -5833,9 +5829,9 @@ var CDropdownHeader = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -5844,9 +5840,9 @@ var CDropdownItem = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -5855,15 +5851,27 @@ var CDropdownItemPlain = React.forwardRef(function (_a, ref) {
     return (React.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 = React.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 = React.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 = React.useRef(null);
     React.useEffect(function () {
         visible && window.addEventListener('mouseup', handleMouseUp);
@@ -5912,38 +5920,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.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.Children.map(children, function (child, index) {
-            if (React.isValidElement(child)) {
-                return React.createElement("li", { key: index }, React.cloneElement(child));
-            }
-            return;
-        })
-        : children)); };
+    var dropdownMenuComponent = function (style, ref) { return (React.createElement(CConditionalPortal, { portal: portal !== null && portal !== void 0 ? portal : false },
+        React.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.Children.map(children, function (child, index) {
+                if (React.isValidElement(child)) {
+                    return React.createElement("li", { key: index }, React.cloneElement(child));
+                }
+                return;
+            })
+            : children))); };
     return popper && visible ? (React.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';
 
@@ -5983,11 +5980,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';
@@ -5998,9 +5995,9 @@ var CFooter = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6009,9 +6006,9 @@ var CForm = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6024,12 +6021,12 @@ var CFormFeedback = React.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';
 
@@ -6041,13 +6038,13 @@ var CFormControlValidation = function (_a) {
         feedbackValid && (React.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';
 
@@ -6056,9 +6053,9 @@ var CFormLabel = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6070,7 +6067,7 @@ var CFormCheck = React.forwardRef(function (_a, ref) {
         if (inputRef.current && indeterminate) {
             inputRef.current.indeterminate = indeterminate;
         }
-    }, [indeterminate]);
+    }, [indeterminate, inputRef.current]);
     var FormControl = function () { return (React.createElement("input", __assign({ type: type, className: classNames(button ? 'btn-check' : 'form-check-input', {
             'is-invalid': invalid,
             'is-valid': valid,
@@ -6110,7 +6107,7 @@ var CFormCheck = React.forwardRef(function (_a, ref) {
     };
     return React.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 = React.forwardRef(function (_a, ref) {
@@ -6118,8 +6115,8 @@ var CFormFloating = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6128,9 +6125,9 @@ var CFormText = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6147,7 +6144,7 @@ var CFormControlWrapper = function (_a) {
         text && React.createElement(CFormText, { id: describedby }, text),
         React.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 = React.forwardRef(function (_a, ref) {
@@ -6166,7 +6163,7 @@ var CFormInput = React.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 = React.forwardRef(function (_a, ref) {
@@ -6176,8 +6173,8 @@ var CFormRange = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -6196,7 +6193,7 @@ var CFormSelect = React.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 = React.forwardRef(function (_a, ref) {
@@ -6216,14 +6213,14 @@ var CFormSwitch = React.forwardRef(function (_a, ref) {
         label && (React.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';
 
@@ -6235,7 +6232,7 @@ var CFormTextarea = React.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 = React.forwardRef(function (_a, ref) {
@@ -6246,9 +6243,9 @@ var CInputGroup = React.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';
 
@@ -6257,9 +6254,9 @@ var CInputGroupText = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6301,27 +6298,27 @@ var CCol = React.forwardRef(function (_a, ref) {
     });
     return (React.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,
@@ -6350,14 +6347,14 @@ var CContainer = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6393,15 +6390,15 @@ var CRow = React.forwardRef(function (_a, ref) {
     });
     return (React.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,
@@ -6417,11 +6414,11 @@ var CHeader = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", __assign({ className: classNames('header', (_b = {}, _b["header-".concat(position)] = position, _b), className) }, rest, { ref: ref }), container ? (React.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React.createElement(React.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',
@@ -6430,7 +6427,7 @@ CHeader.propTypes = {
             'fluid',
         ]),
     ]),
-    position: propTypesExports.oneOf(['fixed', 'sticky']),
+    position: PropTypes.oneOf(['fixed', 'sticky']),
 };
 CHeader.displayName = 'CHeader';
 
@@ -6439,9 +6436,9 @@ var CHeaderBrand = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6450,7 +6447,7 @@ var CHeaderDivider = React.forwardRef(function (_a, ref) {
     return React.createElement("div", __assign({ className: classNames('header-divider', className) }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
-    className: propTypesExports.string,
+    className: PropTypes.string,
 };
 CHeaderDivider.displayName = 'CHeaderDivider';
 
@@ -6459,9 +6456,9 @@ var CHeaderNav = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6470,8 +6467,8 @@ var CHeaderText = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6480,8 +6477,8 @@ var CHeaderToggler = React.forwardRef(function (_a, ref) {
     return (React.createElement("button", __assign({ type: "button", className: classNames('header-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CHeaderToggler.displayName = 'CHeaderToggler';
 
@@ -6497,11 +6494,11 @@ var CImage = React.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';
 
@@ -6515,11 +6512,11 @@ var CListGroup = React.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',
@@ -6548,12 +6545,12 @@ var CListGroupItem = React.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';
 
@@ -6562,8 +6559,8 @@ var CModalContent = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6581,15 +6578,15 @@ var CModalDialog = React.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';
 
@@ -6679,25 +6676,25 @@ var CModal = React.forwardRef(function (_a, ref) {
             React.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';
 
@@ -6706,8 +6703,8 @@ var CModalBody = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6716,8 +6713,8 @@ var CModalFooter = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6729,9 +6726,9 @@ var CModalHeader = React.forwardRef(function (_a, ref) {
         closeButton && React.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';
 
@@ -6740,9 +6737,9 @@ var CModalTitle = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6755,11 +6752,11 @@ var CNav = React.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';
 
@@ -6768,8 +6765,8 @@ var CNavGroupItems = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6793,8 +6790,8 @@ var CSidebarNav = React.forwardRef(function (_a, ref) {
         }))));
 });
 CSidebarNav.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CSidebarNav.displayName = 'CSidebarNav';
 
@@ -6855,12 +6852,12 @@ var CNavGroup = React.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';
 
@@ -6877,9 +6874,9 @@ var CNavLink = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6888,8 +6885,8 @@ var CNavItem = React.forwardRef(function (_a, ref) {
     return (React.createElement("li", { className: classNames('nav-item', className), ref: ref }, rest.href || rest.to ? (React.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';
 
@@ -6898,8 +6895,8 @@ var CNavTitle = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6913,14 +6910,14 @@ var CNavbar = React.forwardRef(function (_a, ref) {
             _b), placement, className) }, rest, { ref: ref }), container ? (React.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React.createElement(React.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',
@@ -6929,11 +6926,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';
 
@@ -6943,9 +6940,9 @@ var CNavbarBrand = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6954,9 +6951,9 @@ var CNavbarNav = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6965,8 +6962,8 @@ var CNavbarText = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -6975,8 +6972,8 @@ var CNavbarToggler = React.forwardRef(function (_a, ref) {
     return (React.createElement("button", __assign({ type: "button", className: classNames('navbar-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
-    children: propTypesExports.node,
-    className: propTypesExports.string,
+    children: PropTypes.node,
+    className: PropTypes.string,
 };
 CNavbarToggler.displayName = 'CNavbarToggler';
 
@@ -6989,11 +6986,9 @@ var COffcanvas = React.forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     React.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) {
@@ -7030,21 +7025,21 @@ var COffcanvas = React.forwardRef(function (_a, ref) {
             React.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';
 
@@ -7053,8 +7048,8 @@ var COffcanvasBody = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7063,8 +7058,8 @@ var COffcanvasHeader = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7073,9 +7068,9 @@ var COffcanvasTitle = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7089,10 +7084,10 @@ var CPagination = React.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';
 
@@ -7105,9 +7100,9 @@ var CPaginationItem = React.forwardRef(function (_a, ref) {
         }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React.createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React.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';
 
@@ -7140,12 +7135,12 @@ var CPlaceholder = React.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';
 
@@ -7159,12 +7154,12 @@ var CProgressBar = React.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';
 
@@ -7176,12 +7171,12 @@ var CProgress = React.forwardRef(function (_a, ref) {
         }, className), style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React.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';
 
@@ -7229,16 +7224,16 @@ var CPopover = function (_a) {
                 React.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';
 
@@ -7332,17 +7327,17 @@ var CSidebar = React.forwardRef(function (_a, ref) {
             ReactDOM.createPortal(React.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';
 
@@ -7351,8 +7346,8 @@ var CSidebarBrand = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7361,8 +7356,8 @@ var CSidebarFooter = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7371,8 +7366,8 @@ var CSidebarToggler = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7381,8 +7376,8 @@ var CSidebarHeader = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7392,12 +7387,12 @@ var CSpinner = React.forwardRef(function (_a, ref) {
         React.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';
 
@@ -7409,8 +7404,8 @@ var CTableHead = React.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';
@@ -7423,8 +7418,8 @@ var CTableHeaderCell = React.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';
@@ -7437,8 +7432,8 @@ var CTableBody = React.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';
@@ -7454,10 +7449,10 @@ var CTableDataCell = React.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';
@@ -7472,10 +7467,10 @@ var CTableRow = React.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';
@@ -7488,8 +7483,8 @@ var CTableFoot = React.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';
@@ -7499,7 +7494,7 @@ var CTableCaption = React.forwardRef(function (_a, ref) {
     return (React.createElement("caption", __assign({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
-    children: propTypesExports.node,
+    children: PropTypes.node,
 };
 CTableCaption.displayName = 'CTableCaption';
 
@@ -7508,10 +7503,10 @@ var CTableResponsiveWrapper = function (_a) {
     return responsive ? (React.createElement("div", __assign({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (React.createElement(React.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';
@@ -7566,28 +7561,28 @@ var CTable = React.forwardRef(function (_a, ref) {
                 React.createElement(CTableRow, null, footer.map(function (item, index) { return (React.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';
 
@@ -7596,8 +7591,8 @@ var CTabContent = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7611,11 +7606,11 @@ var CTabPane = React.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';
 
@@ -7660,17 +7655,17 @@ var CToast = React.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';
 
@@ -7679,8 +7674,8 @@ var CToastBody = React.forwardRef(function (_a, ref) {
     return (React.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';
 
@@ -7689,7 +7684,7 @@ var CToastClose = React.forwardRef(function (_a, ref) {
     var setVisible = React.useContext(CToastContext).setVisible;
     return Component ? (React.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React.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 = React.forwardRef(function (_a, ref) {
@@ -7699,9 +7694,9 @@ var CToastHeader = React.forwardRef(function (_a, ref) {
         closeButton && React.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';
 
@@ -7737,11 +7732,11 @@ var CToaster = React.forwardRef(function (_a, ref) {
         toasts.map(function (toast) { return React.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',
@@ -7753,7 +7748,7 @@ CToaster.propTypes = {
             'bottom-end',
         ]),
     ]),
-    push: propTypesExports.any,
+    push: PropTypes.any,
 };
 CToaster.displayName = 'CToaster';
 
@@ -7800,14 +7795,14 @@ var CTooltip = function (_a) {
                 React.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';
 
@@ -7823,12 +7818,12 @@ var CWidgetStatsA = React.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';
 
@@ -7842,13 +7837,13 @@ var CWidgetStatsB = React.forwardRef(function (_a, ref) {
             text && (React.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';
 
@@ -7862,13 +7857,13 @@ var CWidgetStatsC = React.forwardRef(function (_a, ref) {
             React.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';
 
@@ -7891,11 +7886,11 @@ var CWidgetStatsD = React.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';
 
@@ -7908,11 +7903,11 @@ var CWidgetStatsE = React.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';
 
@@ -7927,20 +7922,19 @@ var CWidgetStatsF = React.forwardRef(function (_a, ref) {
         footer && React.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';
 
 exports.CAccordion = CAccordion;
 exports.CAccordionBody = CAccordionBody;
 exports.CAccordionButton = CAccordionButton;
-exports.CAccordionCollapse = CAccordionCollapse;
 exports.CAccordionHeader = CAccordionHeader;
 exports.CAccordionItem = CAccordionItem;
 exports.CAlert = CAlert;