@coreui/react 4.4.1 → 4.5.1

package/dist/index.es.js

@@ -51,9 +51,17 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var propTypes = {exports: {}};
+var propTypesExports = {};
+var propTypes = {
+  get exports(){ return propTypesExports; },
+  set exports(v){ propTypesExports = v; },
+};
 
-var reactIs = {exports: {}};
+var reactIsExports = {};
+var reactIs = {
+  get exports(){ return reactIsExports; },
+  set exports(v){ reactIsExports = v; },
+};
 
 var reactIs_production_min = {};
 
@@ -272,7 +280,7 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIs.exports;
+	if (hasRequiredReactIs) return reactIsExports;
 	hasRequiredReactIs = 1;
 	(function (module) {
 
@@ -282,7 +290,7 @@ function requireReactIs () {
 		  module.exports = requireReactIs_development();
 		}
 } (reactIs));
-	return reactIs.exports;
+	return reactIsExports;
 }
 
 /*
@@ -1233,7 +1241,11 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
-var classnames = {exports: {}};
+var classnamesExports = {};
+var classnames = {
+  get exports(){ return classnamesExports; },
+  set exports(v){ classnamesExports = v; },
+};
 
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -1292,7 +1304,7 @@ var classnames = {exports: {}};
 	}());
 } (classnames));
 
-var classNames = classnames.exports;
+var classNames = classnamesExports;
 
 var CAccordionContext = createContext({});
 var CAccordion = forwardRef(function (_a, ref) {
@@ -1303,11 +1315,11 @@ var CAccordion = forwardRef(function (_a, ref) {
         React__default.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
-    alwaysOpen: propTypes.exports.bool,
-    activeItemKey: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    flush: propTypes.exports.bool,
+    alwaysOpen: propTypesExports.bool,
+    activeItemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    flush: propTypesExports.bool,
 };
 CAccordion.displayName = 'CAccordion';
 
@@ -1328,9 +1340,9 @@ var CAccordionItem = forwardRef(function (_a, ref) {
         React__default.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    itemKey: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    itemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
 };
 CAccordionItem.displayName = 'CAccordionItem';
 
@@ -1423,22 +1435,22 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.shape({
-  enter: propTypes.exports.number,
-  exit: propTypes.exports.number,
-  appear: propTypes.exports.number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
+  enter: propTypesExports.number,
+  exit: propTypesExports.number,
+  appear: propTypesExports.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
-  enter: propTypes.exports.string,
-  exit: propTypes.exports.string,
-  active: propTypes.exports.string
-}), propTypes.exports.shape({
-  enter: propTypes.exports.string,
-  enterDone: propTypes.exports.string,
-  enterActive: propTypes.exports.string,
-  exit: propTypes.exports.string,
-  exitDone: propTypes.exports.string,
-  exitActive: propTypes.exports.string
+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
 })]) : null;
 
 var TransitionGroupContext = React__default.createContext(null);
@@ -1865,10 +1877,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: propTypes.exports.shape({
-    current: typeof Element === 'undefined' ? propTypes.exports.any : function (propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: propTypesExports.shape({
+    current: typeof Element === 'undefined' ? propTypesExports.any : function (propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return propTypes.exports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return propTypesExports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
 
@@ -1886,12 +1898,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: propTypes.exports.oneOfType([propTypes.exports.func.isRequired, propTypes.exports.element.isRequired]).isRequired,
+  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: propTypes.exports.bool,
+  in: propTypesExports.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -1899,13 +1911,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: propTypes.exports.bool,
+  mountOnEnter: propTypesExports.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: propTypes.exports.bool,
+  unmountOnExit: propTypesExports.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -1918,17 +1930,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: propTypes.exports.bool,
+  appear: propTypesExports.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: propTypes.exports.bool,
+  enter: propTypesExports.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: propTypes.exports.bool,
+  exit: propTypesExports.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -1981,7 +1993,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: propTypes.exports.func,
+  addEndListener: propTypesExports.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -1991,7 +2003,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: propTypes.exports.func,
+  onEnter: propTypesExports.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -2001,7 +2013,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypes.exports.func,
+  onEntering: propTypesExports.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -2011,7 +2023,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: propTypes.exports.func,
+  onEntered: propTypesExports.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -2020,7 +2032,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: propTypes.exports.func,
+  onExit: propTypesExports.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -2029,7 +2041,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: propTypes.exports.func,
+  onExiting: propTypesExports.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -2038,7 +2050,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: propTypes.exports.func
+  onExited: propTypesExports.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}
@@ -2412,7 +2424,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: propTypes.exports.func,
+  onEnter: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
@@ -2422,7 +2434,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypes.exports.func,
+  onEntering: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
@@ -2432,7 +2444,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: propTypes.exports.func,
+  onEntered: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
@@ -2442,7 +2454,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: propTypes.exports.func,
+  onExit: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
@@ -2451,7 +2463,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: propTypes.exports.func,
+  onExiting: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
@@ -2461,7 +2473,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: propTypes.exports.func
+  onExited: propTypesExports.func
 }) : {};
 
 function _assertThisInitialized(self) {
@@ -2739,7 +2751,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    * you can pass in `component={null}`. This is useful if the wrapping div
    * borks your css styles.
    */
-  component: propTypes.exports.any,
+  component: propTypesExports.any,
 
   /**
    * A set of `<Transition>` components, that are toggled `in` and out as they
@@ -2754,28 +2766,28 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    * the transition child as you change its content, this will cause
    * `TransitionGroup` to transition the child out and back in.
    */
-  children: propTypes.exports.node,
+  children: propTypesExports.node,
 
   /**
    * A convenience prop that enables or disables appear animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  appear: propTypes.exports.bool,
+  appear: propTypesExports.bool,
 
   /**
    * A convenience prop that enables or disables enter animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  enter: propTypes.exports.bool,
+  enter: propTypesExports.bool,
 
   /**
    * A convenience prop that enables or disables exit animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  exit: propTypes.exports.bool,
+  exit: propTypesExports.bool,
 
   /**
    * You may need to apply reactive updates to a child as it is exiting.
@@ -2787,7 +2799,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(child: ReactElement) -> ReactElement
    */
-  childFactory: propTypes.exports.func
+  childFactory: propTypesExports.func
 } : {};
 TransitionGroup.defaultProps = defaultProps;
 
@@ -2914,7 +2926,7 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
 }(React__default.Component);
 
 ReplaceTransition.propTypes = process.env.NODE_ENV !== "production" ? {
-  in: propTypes.exports.bool.isRequired,
+  in: propTypesExports.bool.isRequired,
   children: function children(props, propName) {
     if (React__default.Children.count(props[propName]) !== 2) return new Error("\"" + propName + "\" must be exactly two transition components.");
     return null;
@@ -3160,12 +3172,12 @@ SwitchTransition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type {'out-in'|'in-out'}
    */
-  mode: propTypes.exports.oneOf([modes.in, modes.out]),
+  mode: propTypesExports.oneOf([modes.in, modes.out]),
 
   /**
    * Any `Transition` or `CSSTransition` component.
    */
-  children: propTypes.exports.oneOfType([propTypes.exports.element.isRequired])
+  children: propTypesExports.oneOfType([propTypesExports.element.isRequired])
 } : {};
 SwitchTransition.defaultProps = {
   mode: modes.out
@@ -3276,12 +3288,12 @@ var CCollapse = forwardRef(function (_a, ref) {
     }));
 });
 CCollapse.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    horizontal: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    horizontal: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CCollapse.displayName = 'CCollapse';
 
@@ -3293,8 +3305,8 @@ var CAccordionBody = forwardRef(function (_a, ref) {
         React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionBody.displayName = 'CAccordionBody';
 
@@ -3305,8 +3317,8 @@ var CAccordionButton = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: _className, "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionButton.displayName = 'CAccordionButton';
 
@@ -3315,7 +3327,7 @@ var CAccordionCollapse = forwardRef(function (_a, ref) {
     return (React__default.createElement(CCollapse, __assign({ className: "accordion-collapse" }, props, { ref: ref }), children));
 });
 CAccordionCollapse.propTypes = {
-    children: propTypes.exports.node,
+    children: propTypesExports.node,
 };
 CAccordionCollapse.displayName = 'CAccordionCollapse';
 
@@ -3326,13 +3338,13 @@ var CAccordionHeader = forwardRef(function (_a, ref) {
         React__default.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
-var colorPropType = propTypes.exports.oneOfType([
-    propTypes.exports.oneOf([
+var colorPropType = propTypesExports.oneOfType([
+    propTypesExports.oneOf([
         'primary',
         'secondary',
         'success',
@@ -3342,9 +3354,9 @@ var colorPropType = propTypes.exports.oneOfType([
         'dark',
         'light',
     ]),
-    propTypes.exports.string,
+    propTypesExports.string,
 ]);
-var placementPropType = propTypes.exports.oneOf([
+var placementPropType = propTypesExports.oneOf([
     'auto',
     'auto-start',
     'auto-end',
@@ -3361,8 +3373,8 @@ var placementPropType = propTypes.exports.oneOf([
     'left',
     'left-end',
 ]);
-var shapePropType = propTypes.exports.oneOfType([
-    propTypes.exports.oneOf([
+var shapePropType = propTypesExports.oneOfType([
+    propTypesExports.oneOf([
         'rounded',
         'rounded-top',
         'rounded-end',
@@ -3375,14 +3387,14 @@ var shapePropType = propTypes.exports.oneOfType([
         'rounded-2',
         'rounded-3',
     ]),
-    propTypes.exports.string,
+    propTypesExports.string,
 ]);
-var textColorsPropType = propTypes.exports.oneOfType([
+var textColorsPropType = propTypesExports.oneOfType([
     colorPropType,
-    propTypes.exports.oneOf(['white', 'muted']),
-    propTypes.exports.string,
+    propTypesExports.oneOf(['white', 'muted']),
+    propTypesExports.string,
 ]);
-var triggerPropType = propTypes.exports.oneOf(['hover', 'focus', 'click']);
+var triggerPropType = propTypesExports.oneOf(['hover', 'focus', 'click']);
 
 var CCloseButton = forwardRef(function (_a, ref) {
     var className = _a.className, disabled = _a.disabled, white = _a.white, rest = __rest(_a, ["className", "disabled", "white"]);
@@ -3392,9 +3404,9 @@ var CCloseButton = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
 });
 CCloseButton.propTypes = {
-    className: propTypes.exports.string,
-    disabled: propTypes.exports.bool,
-    white: propTypes.exports.bool,
+    className: propTypesExports.string,
+    disabled: propTypesExports.bool,
+    white: propTypesExports.bool,
 };
 CCloseButton.displayName = 'CCloseButton';
 
@@ -3420,13 +3432,13 @@ var CAlert = forwardRef(function (_a, ref) {
     }));
 });
 CAlert.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType.isRequired,
-    dismissible: propTypes.exports.bool,
-    onClose: propTypes.exports.func,
-    variant: propTypes.exports.string,
-    visible: propTypes.exports.bool,
+    dismissible: propTypesExports.bool,
+    onClose: propTypesExports.func,
+    variant: propTypesExports.string,
+    visible: propTypesExports.bool,
 };
 CAlert.displayName = 'CAlert';
 
@@ -3436,9 +3448,9 @@ var CAlertHeading = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CAlertHeading.displayName = 'CAlertHeading';
 
@@ -3454,11 +3466,11 @@ var CLink = forwardRef(function (_a, ref) {
     }), { disabled: disabled }, rest, { ref: ref }), children));
 });
 CLink.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    disabled: propTypes.exports.bool,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    disabled: propTypesExports.bool,
 };
 CLink.displayName = 'CLink';
 
@@ -3468,8 +3480,8 @@ var CAlertLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAlertLink.displayName = 'CAlertLink';
 
@@ -3487,13 +3499,13 @@ var CAvatar = forwardRef(function (_a, ref) {
         status && React__default.createElement("span", { className: statusClassName })));
 });
 CAvatar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
     shape: shapePropType,
-    size: propTypes.exports.string,
-    src: propTypes.exports.string,
-    status: propTypes.exports.string,
+    size: propTypesExports.string,
+    src: propTypesExports.string,
+    status: propTypesExports.string,
     textColor: textColorsPropType,
 };
 CAvatar.displayName = 'CAvatar';
@@ -3512,8 +3524,8 @@ var CBackdrop = forwardRef(function (_a, ref) {
     }));
 });
 CBackdrop.propTypes = {
-    className: propTypes.exports.string,
-    visible: propTypes.exports.bool,
+    className: propTypesExports.string,
+    visible: propTypesExports.bool,
 };
 CBackdrop.displayName = 'CBackdrop';
 
@@ -3533,13 +3545,13 @@ var CBadge = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.string,
-    position: propTypes.exports.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
+    component: propTypesExports.string,
+    position: propTypesExports.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: shapePropType,
-    size: propTypes.exports.oneOf(['sm']),
+    size: propTypesExports.oneOf(['sm']),
     textColor: textColorsPropType,
 };
 CBadge.displayName = 'CBadge';
@@ -3551,8 +3563,8 @@ var CBreadcrumb = forwardRef(function (_a, ref) {
         React__default.createElement("ol", __assign({ className: _className }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CBreadcrumb.displayName = 'CBreadcrumb';
 
@@ -3564,10 +3576,10 @@ var CBreadcrumbItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", __assign({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React__default.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    href: propTypes.exports.string,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    href: propTypesExports.string,
 };
 CBreadcrumbItem.displayName = 'CBreadcrumbItem';
 
@@ -3578,14 +3590,14 @@ var CButton = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    shape: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
-    type: propTypes.exports.oneOf(['button', 'submit', 'reset']),
-    variant: propTypes.exports.oneOf(['outline', 'ghost']),
+    component: propTypesExports.elementType,
+    shape: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
+    type: propTypesExports.oneOf(['button', 'submit', 'reset']),
+    variant: propTypesExports.oneOf(['outline', 'ghost']),
 };
 CButton.displayName = 'CButton';
 
@@ -3595,8 +3607,8 @@ var CButtonToolbar = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CButtonToolbar.displayName = 'CButtonToolbar';
 
@@ -3607,10 +3619,10 @@ var CButtonGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
-    vertical: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
+    vertical: propTypesExports.bool,
 };
 CButtonGroup.displayName = 'CButtonGroup';
 
@@ -3623,8 +3635,8 @@ var CCallout = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CCallout.displayName = 'CCallout';
@@ -3639,10 +3651,10 @@ var CCard = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    textColor: propTypes.exports.string,
+    textColor: propTypesExports.string,
 };
 CCard.displayName = 'CCard';
 
@@ -3652,8 +3664,8 @@ var CCardBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardBody.displayName = 'CCardBody';
 
@@ -3663,8 +3675,8 @@ var CCardFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardFooter.displayName = 'CCardFooter';
 
@@ -3674,8 +3686,8 @@ var CCardGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardGroup.displayName = 'CCardGroup';
 
@@ -3685,9 +3697,9 @@ var CCardHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardHeader.displayName = 'CCardHeader';
 
@@ -3697,10 +3709,10 @@ var CCardImage = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    orientation: propTypes.exports.oneOf(['top', 'bottom']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    orientation: propTypesExports.oneOf(['top', 'bottom']),
 };
 CCardImage.displayName = 'CCardImage';
 
@@ -3710,8 +3722,8 @@ var CCardImageOverlay = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardImageOverlay.displayName = 'CCardImageOverlay';
 
@@ -3721,8 +3733,8 @@ var CCardLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardLink.displayName = 'CCardLink';
 
@@ -3732,9 +3744,9 @@ var CCardSubtitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardSubtitle.displayName = 'CCardSubtitle';
 
@@ -3744,9 +3756,9 @@ var CCardText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardText.displayName = 'CCardText';
 
@@ -3756,31 +3768,33 @@ var CCardTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardTitle.displayName = 'CCardTitle';
 
-var isVisible$1 = function (element) {
+var isVisible = function (element) {
     var rect = element.getBoundingClientRect();
     return (rect.top >= 0 &&
         rect.left >= 0 &&
         rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
         rect.right <= (window.innerWidth || document.documentElement.clientWidth));
 };
+
 var CCarouselContext = createContext({});
 var CCarousel = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, transition = _a.transition, _e = _a.wrap, wrap = _e === void 0 ? true : _e, rest = __rest(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "transition", "wrap"]);
+    var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, _e = _a.touch, touch = _e === void 0 ? true : _e, transition = _a.transition, _f = _a.wrap, wrap = _f === void 0 ? true : _f, rest = __rest(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "touch", "transition", "wrap"]);
     var carouselRef = useRef(null);
     var forkedRef = useForkedRef(ref, carouselRef);
     var data = useRef({}).current;
-    var _f = useState(activeIndex), active = _f[0], setActive = _f[1];
-    var _g = useState(false), animating = _g[0], setAnimating = _g[1];
-    var _h = useState(), customInterval = _h[0], setCustomInterval = _h[1];
-    var _j = useState('next'), direction = _j[0], setDirection = _j[1];
-    var _k = useState(0), itemsNumber = _k[0], setItemsNumber = _k[1];
-    var _l = useState(), visible = _l[0], setVisible = _l[1];
+    var _g = useState(activeIndex), active = _g[0], setActive = _g[1];
+    var _h = useState(false), animating = _h[0], setAnimating = _h[1];
+    var _j = useState(), customInterval = _j[0], setCustomInterval = _j[1];
+    var _k = useState('next'), direction = _k[0], setDirection = _k[1];
+    var _l = useState(0), itemsNumber = _l[0], setItemsNumber = _l[1];
+    var _m = useState(null), touchPosition = _m[0], setTouchPosition = _m[1];
+    var _o = useState(), visible = _o[0], setVisible = _o[1];
     useEffect(function () {
         setItemsNumber(Children.toArray(children).length);
     });
@@ -3812,7 +3826,7 @@ var CCarousel = forwardRef(function (_a, ref) {
     var nextItemWhenVisible = function () {
         // Don't call next when the page isn't visible
         // or the carousel or its parent isn't visible
-        if (!document.hidden && carouselRef.current && isVisible$1(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
             if (animating) {
                 return;
             }
@@ -3846,14 +3860,33 @@ var CCarousel = forwardRef(function (_a, ref) {
         }
     };
     var handleScroll = function () {
-        if (!document.hidden && carouselRef.current && isVisible$1(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
             setVisible(true);
         }
         else {
             setVisible(false);
         }
     };
-    return (React__default.createElement("div", __assign({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, rest, { ref: forkedRef }),
+    var handleTouchMove = function (e) {
+        var touchDown = touchPosition;
+        if (touchDown === null) {
+            return;
+        }
+        var currentTouch = e.touches[0].clientX;
+        var diff = touchDown - currentTouch;
+        if (diff > 5) {
+            handleControlClick('next');
+        }
+        if (diff < -5) {
+            handleControlClick('prev');
+        }
+        setTouchPosition(null);
+    };
+    var handleTouchStart = function (e) {
+        var touchDown = e.touches[0].clientX;
+        setTouchPosition(touchDown);
+    };
+    return (React__default.createElement("div", __assign({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, (touch && { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove }), rest, { ref: forkedRef }),
         React__default.createElement(CCarouselContext.Provider, { value: {
                 setAnimating: setAnimating,
                 setCustomInterval: setCustomInterval,
@@ -3880,18 +3913,19 @@ var CCarousel = forwardRef(function (_a, ref) {
                     React__default.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
 });
 CCarousel.propTypes = {
-    activeIndex: propTypes.exports.number,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    controls: propTypes.exports.bool,
-    dark: propTypes.exports.bool,
-    indicators: propTypes.exports.bool,
-    interval: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]),
-    onSlid: propTypes.exports.func,
-    onSlide: propTypes.exports.func,
-    pause: propTypes.exports.oneOf([false, 'hover']),
-    transition: propTypes.exports.oneOf(['slide', 'crossfade']),
-    wrap: propTypes.exports.bool,
+    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,
 };
 CCarousel.displayName = 'CCarousel';
 
@@ -3901,7 +3935,7 @@ var CCarouselCaption = forwardRef(function (_a, ref) {
     return React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CCarouselCaption.displayName = 'CCarouselCaption';
 
@@ -3977,11 +4011,11 @@ var CCarouselItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className, ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    direction: propTypes.exports.string,
-    interval: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]),
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    direction: propTypesExports.string,
+    interval: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]),
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
@@ -6471,33 +6505,33 @@ var CDropdown = forwardRef(function (_a, ref) {
     return popper ? (React__default.createElement(CDropdownContext.Provider, { value: contextValues },
         React__default.createElement(Manager, null, dropdownContent()))) : (React__default.createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
 });
-var alignmentDirection = propTypes.exports.oneOf(['start', 'end']);
+var alignmentDirection = propTypesExports.oneOf(['start', 'end']);
 CDropdown.propTypes = {
     // @ts-expect-error TODO: we have to find a solution
-    alignment: propTypes.exports.oneOfType([
+    alignment: propTypesExports.oneOfType([
         alignmentDirection,
-        propTypes.exports.shape({ xs: alignmentDirection }),
-        propTypes.exports.shape({ sm: alignmentDirection }),
-        propTypes.exports.shape({ md: alignmentDirection }),
-        propTypes.exports.shape({ lg: alignmentDirection }),
-        propTypes.exports.shape({ xl: alignmentDirection }),
-        propTypes.exports.shape({ xxl: 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 }),
     ]),
-    autoClose: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['inside', 'outside']),
+    autoClose: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['inside', 'outside']),
     ]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    dark: propTypes.exports.bool,
-    direction: propTypes.exports.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
+    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,
     placement: placementPropType,
-    popper: propTypes.exports.bool,
-    variant: propTypes.exports.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
-    visible: propTypes.exports.bool,
+    popper: propTypesExports.bool,
+    variant: propTypesExports.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
+    visible: propTypesExports.bool,
 };
 CDropdown.displayName = 'CDropdown';
 
@@ -6507,7 +6541,7 @@ var CDropdownDivider = forwardRef(function (_a, ref) {
     return React__default.createElement("hr", __assign({ className: _className }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CDropdownDivider.displayName = 'CDropdownDivider';
 
@@ -6517,9 +6551,9 @@ var CDropdownHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownHeader.displayName = 'CDropdownHeader';
 
@@ -6529,9 +6563,9 @@ var CDropdownItem = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: _className, component: component }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownItem.displayName = 'CDropdownItem';
 
@@ -6541,9 +6575,9 @@ var CDropdownItemPlain = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
@@ -6630,9 +6664,9 @@ var CDropdownMenu = function (_a) {
     })) : (dropdownMenuComponent());
 };
 CDropdownMenu.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 
@@ -6667,11 +6701,11 @@ var CDropdownToggle = function (_a) {
     }) : Toggler(dropdownToggleRef);
 };
 CDropdownToggle.propTypes = {
-    caret: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    custom: propTypes.exports.bool,
-    split: propTypes.exports.bool,
+    caret: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    custom: propTypesExports.bool,
+    split: propTypesExports.bool,
     trigger: triggerPropType,
 };
 CDropdownToggle.displayName = 'CDropdownToggle';
@@ -6683,9 +6717,9 @@ var CFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    position: propTypesExports.oneOf(['fixed', 'sticky']),
 };
 CFooter.displayName = 'CFooter';
 
@@ -6695,9 +6729,9 @@ var CForm = forwardRef(function (_a, ref) {
     return (React__default.createElement("form", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    validated: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    validated: propTypesExports.bool,
 };
 CForm.displayName = 'CForm';
 
@@ -6711,12 +6745,12 @@ var CFormFeedback = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    invalid: propTypes.exports.bool,
-    tooltip: propTypes.exports.bool,
-    valid: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    invalid: propTypesExports.bool,
+    tooltip: propTypesExports.bool,
+    valid: propTypesExports.bool,
 };
 CFormFeedback.displayName = 'CFormFeedback';
 
@@ -6728,13 +6762,13 @@ var CFormControlValidation = function (_a) {
         feedbackValid && (React__default.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
 };
 CFormControlValidation.propTypes = {
-    describedby: propTypes.exports.string,
-    feedback: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    feedbackValid: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    feedbackInvalid: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    invalid: propTypes.exports.bool,
-    tooltipFeedback: propTypes.exports.bool,
-    valid: propTypes.exports.bool,
+    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,
 };
 CFormControlValidation.displayName = 'CFormControlValidation';
 
@@ -6744,9 +6778,9 @@ var CFormLabel = forwardRef(function (_a, ref) {
     return (React__default.createElement("label", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    customClassName: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    customClassName: propTypesExports.string,
 };
 CFormLabel.displayName = 'CFormLabel';
 
@@ -6794,7 +6828,7 @@ var CFormCheck = forwardRef(function (_a, ref) {
         formLabel(),
         formValidation()))) : (formControl());
 });
-CFormCheck.propTypes = __assign({ button: propTypes.exports.object, className: propTypes.exports.string, hitArea: propTypes.exports.oneOf(['full']), id: propTypes.exports.string, indeterminate: propTypes.exports.bool, inline: propTypes.exports.bool, label: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]), type: propTypes.exports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+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]), type: propTypesExports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
 CFormCheck.displayName = 'CFormCheck';
 
 var CFormFloating = forwardRef(function (_a, ref) {
@@ -6803,8 +6837,8 @@ var CFormFloating = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CFormFloating.displayName = 'CFormFloating';
 
@@ -6814,28 +6848,30 @@ var CFormText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CFormText.displayName = 'CFormText';
 
 var CFormControlWrapper = function (_a) {
-    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
-    return floatingLabel ? (React__default.createElement(CFormFloating, null,
+    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    return floatingLabel ? (React__default.createElement(CFormFloating, { className: floatingClassName },
         children,
-        React__default.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel))) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
+        text && React__default.createElement(CFormText, { id: describedby }, text),
+        React__default.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid }))) : (React__default.createElement(React__default.Fragment, null,
         label && React__default.createElement(CFormLabel, { htmlFor: id }, label),
         children,
         text && React__default.createElement(CFormText, { id: describedby }, text),
         React__default.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })));
 };
-CFormControlWrapper.propTypes = __assign({ children: propTypes.exports.node, floatingLabel: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]), label: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]), text: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]) }, CFormControlValidation.propTypes);
+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.displayName = 'CFormControlWrapper';
 
 var CFormInput = forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
+    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
     var _e = useState(), value = _e[0], setValue = _e[1];
     useEffect(function () {
         var timeOutId = setTimeout(function () { return value && onChange && onChange(value); }, typeof delay === 'number' ? delay : 500);
@@ -6847,10 +6883,10 @@ var CFormInput = forwardRef(function (_a, ref) {
         _b['is-invalid'] = invalid,
         _b['is-valid'] = valid,
         _b), className);
-    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
         React__default.createElement("input", __assign({ className: _className, id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
 });
-CFormInput.propTypes = __assign({ className: propTypes.exports.string, id: propTypes.exports.string, delay: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]), plainText: propTypes.exports.bool, size: propTypes.exports.oneOf(['sm', 'lg']), type: propTypes.exports.oneOfType([propTypes.exports.oneOf(['color', 'file', 'text']), propTypes.exports.string]) }, CFormControlWrapper.propTypes);
+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.displayName = 'CFormInput';
 
 var CFormRange = forwardRef(function (_a, ref) {
@@ -6861,20 +6897,20 @@ var CFormRange = forwardRef(function (_a, ref) {
         React__default.createElement("input", __assign({ type: "range", className: _className }, rest, { ref: ref }))));
 });
 CFormRange.propTypes = {
-    className: propTypes.exports.string,
-    label: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
+    className: propTypesExports.string,
+    label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
 };
 CFormRange.displayName = 'CFormRange';
 
 var CFormSelect = forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
     var _className = classNames('form-select', (_b = {},
         _b["form-select-".concat(size)] = size,
         _b['is-invalid'] = invalid,
         _b['is-valid'] = valid,
         _b), className);
-    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
         React__default.createElement("select", __assign({ id: id, className: _className, size: htmlSize }, rest, { ref: ref }), options
             ? options.map(function (option, index) {
                 return (React__default.createElement("option", __assign({}, (typeof option === 'object' &&
@@ -6882,7 +6918,7 @@ var CFormSelect = forwardRef(function (_a, ref) {
             })
             : children)));
 });
-CFormSelect.propTypes = __assign({ className: propTypes.exports.string, htmlSize: propTypes.exports.number, options: propTypes.exports.array }, CFormControlWrapper.propTypes);
+CFormSelect.propTypes = __assign({ className: propTypesExports.string, htmlSize: propTypesExports.number, options: propTypesExports.array }, CFormControlWrapper.propTypes);
 CFormSelect.displayName = 'CFormSelect';
 
 var CFormSwitch = forwardRef(function (_a, ref) {
@@ -6903,26 +6939,26 @@ var CFormSwitch = forwardRef(function (_a, ref) {
         label && (React__default.createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
-    className: propTypes.exports.string,
-    id: propTypes.exports.string,
-    invalid: propTypes.exports.bool,
-    label: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    size: propTypes.exports.oneOf(['lg', 'xl']),
-    type: propTypes.exports.oneOf(['checkbox', 'radio']),
-    valid: propTypes.exports.bool,
+    className: propTypesExports.string,
+    id: propTypesExports.string,
+    invalid: propTypesExports.bool,
+    label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    size: propTypesExports.oneOf(['lg', 'xl']),
+    type: propTypesExports.oneOf(['checkbox', 'radio']),
+    valid: propTypesExports.bool,
 };
 CFormSwitch.displayName = 'CFormSwitch';
 
 var CFormTextarea = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
     var _className = classNames(plainText ? 'form-control-plaintext' : 'form-control', {
         'is-invalid': invalid,
         'is-valid': valid,
     }, className);
-    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
         React__default.createElement("textarea", __assign({ className: _className, id: id }, rest, { ref: ref }), children)));
 });
-CFormTextarea.propTypes = __assign({ className: propTypes.exports.string, id: propTypes.exports.string, plainText: propTypes.exports.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, plainText: propTypesExports.bool }, CFormControlWrapper.propTypes);
 CFormTextarea.displayName = 'CFormTextarea';
 
 var CInputGroup = forwardRef(function (_a, ref) {
@@ -6934,9 +6970,9 @@ var CInputGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CInputGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
 };
 CInputGroup.displayName = 'CInputGroup';
 
@@ -6946,9 +6982,9 @@ var CInputGroupText = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CInputGroupText.displayName = 'CInputGroupText';
 
@@ -6991,27 +7027,27 @@ var CCol = forwardRef(function (_a, ref) {
     var _className = classNames(repsonsiveClassNames.length ? repsonsiveClassNames : 'col', className);
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
-var span = propTypes.exports.oneOfType([
-    propTypes.exports.bool,
-    propTypes.exports.number,
-    propTypes.exports.string,
-    propTypes.exports.oneOf(['auto']),
+var span = propTypesExports.oneOfType([
+    propTypesExports.bool,
+    propTypesExports.number,
+    propTypesExports.string,
+    propTypesExports.oneOf(['auto']),
 ]);
-var col = propTypes.exports.oneOfType([
+var col = propTypesExports.oneOfType([
     span,
-    propTypes.exports.shape({
+    propTypesExports.shape({
         span: span,
-        offset: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
-        order: propTypes.exports.oneOfType([
-            propTypes.exports.oneOf(['first', 'last']),
-            propTypes.exports.number,
-            propTypes.exports.string,
+        offset: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+        order: propTypesExports.oneOfType([
+            propTypesExports.oneOf(['first', 'last']),
+            propTypesExports.number,
+            propTypesExports.string,
         ]),
     }),
 ]);
 CCol.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     xs: col,
     sm: col,
 };
@@ -7037,14 +7073,14 @@ var CContainer = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    sm: propTypes.exports.bool,
-    md: propTypes.exports.bool,
-    lg: propTypes.exports.bool,
-    xl: propTypes.exports.bool,
-    xxl: propTypes.exports.bool,
-    fluid: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    sm: propTypesExports.bool,
+    md: propTypesExports.bool,
+    lg: propTypesExports.bool,
+    xl: propTypesExports.bool,
+    xxl: propTypesExports.bool,
+    fluid: propTypesExports.bool,
 };
 CContainer.displayName = 'CContainer';
 
@@ -7081,15 +7117,15 @@ var CRow = forwardRef(function (_a, ref) {
     var _className = classNames('row', repsonsiveClassNames, className);
     return (React__default.createElement("div", { className: _className, ref: ref }, children));
 });
-var bp = propTypes.exports.shape({
-    cols: propTypes.exports.oneOfType([propTypes.exports.oneOf(['auto']), propTypes.exports.number, propTypes.exports.string]),
-    gutter: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
-    gutterX: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
-    gutterY: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
+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]),
 });
 CRow.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     xs: bp,
     sm: bp,
     md: bp,
@@ -7113,11 +7149,11 @@ var CHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), content));
 });
 CHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    container: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    container: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf([
             'sm',
             'md',
             'lg',
@@ -7126,7 +7162,7 @@ CHeader.propTypes = {
             'fluid',
         ]),
     ]),
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
+    position: propTypesExports.oneOf(['fixed', 'sticky']),
 };
 CHeader.displayName = 'CHeader';
 
@@ -7136,9 +7172,9 @@ var CHeaderBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CHeaderBrand.displayName = 'CHeaderBrand';
 
@@ -7148,7 +7184,7 @@ var CHeaderDivider = forwardRef(function (_a, ref) {
     return React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CHeaderDivider.displayName = 'CHeaderDivider';
 
@@ -7158,9 +7194,9 @@ var CHeaderNav = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CHeaderNav.displayName = 'CHeaderNav';
 
@@ -7170,8 +7206,8 @@ var CHeaderText = forwardRef(function (_a, ref) {
     return (React__default.createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CHeaderText.displayName = 'CHeaderText';
 
@@ -7181,8 +7217,8 @@ var CHeaderToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CHeaderToggler.displayName = 'CHeaderToggler';
 
@@ -7199,11 +7235,11 @@ var CImage = forwardRef(function (_a, ref) {
     return React__default.createElement("img", __assign({ className: _className }, rest, { ref: ref }));
 });
 CImage.propTypes = {
-    align: propTypes.exports.oneOf(['start', 'center', 'end']),
-    className: propTypes.exports.string,
-    fluid: propTypes.exports.bool,
-    rounded: propTypes.exports.bool,
-    thumbnail: propTypes.exports.bool,
+    align: propTypesExports.oneOf(['start', 'center', 'end']),
+    className: propTypesExports.string,
+    fluid: propTypesExports.bool,
+    rounded: propTypesExports.bool,
+    thumbnail: propTypesExports.bool,
 };
 CImage.displayName = 'CImage';
 
@@ -7218,11 +7254,11 @@ var CListGroup = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, { className: _className, ref: ref }, children));
 });
 CListGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    flush: propTypes.exports.bool,
-    layout: propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    flush: propTypesExports.bool,
+    layout: propTypesExports.oneOf([
         'horizontal',
         'horizontal-sm',
         'horizontal-md',
@@ -7252,12 +7288,12 @@ var CListGroupItem = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest), children));
 });
 CListGroupItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    disabled: propTypes.exports.bool,
+    component: propTypesExports.elementType,
+    disabled: propTypesExports.bool,
 };
 CListGroupItem.displayName = 'CListGroupItem';
 
@@ -7267,8 +7303,8 @@ var CModalContent = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalContent.displayName = 'CModalContent';
 
@@ -7287,21 +7323,21 @@ var CModalDialog = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
-    alignment: propTypes.exports.oneOf(['top', 'center']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    fullscreen: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: propTypesExports.oneOf(['top', 'center']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    fullscreen: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scrollable: propTypes.exports.bool,
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
+    scrollable: propTypesExports.bool,
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
 };
 CModalDialog.displayName = 'CModalDialog';
 
 var CModalContext = createContext({});
 var CModal = forwardRef(function (_a, ref) {
-    var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, fullscreen = _a.fullscreen, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _e = _a.portal, portal = _e === void 0 ? true : _e, scrollable = _a.scrollable, size = _a.size, _f = _a.transition, transition = _f === void 0 ? true : _f, _g = _a.unmountOnClose, unmountOnClose = _g === void 0 ? true : _g, visible = _a.visible;
+    var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, fullscreen = _a.fullscreen, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _e = _a.portal, portal = _e === void 0 ? true : _e, scrollable = _a.scrollable, size = _a.size, _f = _a.transition, transition = _f === void 0 ? true : _f, _g = _a.unmountOnClose, unmountOnClose = _g === void 0 ? true : _g, visible = _a.visible, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "duration", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
     var modalRef = useRef(null);
     var modalContentRef = useRef(null);
     var forkedRef = useForkedRef(ref, modalRef);
@@ -7388,7 +7424,7 @@ var CModal = forwardRef(function (_a, ref) {
         return (React__default.createElement(CModalContext.Provider, { value: contextValues },
             React__default.createElement("div", { className: classNames(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
                 React__default.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                    React__default.createElement(CModalContent, { ref: modalContentRef }, children)))));
+                    React__default.createElement(CModalContent, __assign({}, rest, { ref: modalContentRef }), children)))));
     };
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
@@ -7402,25 +7438,25 @@ var CModal = forwardRef(function (_a, ref) {
             : backdrop && React__default.createElement(CBackdrop, { visible: _visible })));
 });
 CModal.propTypes = {
-    alignment: propTypes.exports.oneOf(['top', 'center']),
-    backdrop: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.oneOf(['static'])]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    duration: propTypes.exports.number,
-    fullscreen: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    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']),
     ]),
-    keyboard: propTypes.exports.bool,
-    onClose: propTypes.exports.func,
-    onClosePrevented: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    portal: propTypes.exports.bool,
-    scrollable: propTypes.exports.bool,
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
-    transition: propTypes.exports.bool,
-    unmountOnClose: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    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,
 };
 CModal.displayName = 'CModal';
 
@@ -7430,8 +7466,8 @@ var CModalBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalBody.displayName = 'CModalBody';
 
@@ -7441,8 +7477,8 @@ var CModalFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalFooter.displayName = 'CModalFooter';
 
@@ -7455,9 +7491,9 @@ var CModalHeader = forwardRef(function (_a, ref) {
         closeButton && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
 CModalHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    closeButton: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    closeButton: propTypesExports.bool,
 };
 CModalHeader.displayName = 'CModalHeader';
 
@@ -7467,9 +7503,9 @@ var CModalTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CModalTitle.displayName = 'CModalTitle';
 
@@ -7483,11 +7519,11 @@ var CNav = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    layout: propTypes.exports.oneOf(['fill', 'justified']),
-    variant: propTypes.exports.oneOf(['tabs', 'pills']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    layout: propTypesExports.oneOf(['fill', 'justified']),
+    variant: propTypesExports.oneOf(['tabs', 'pills']),
 };
 CNav.displayName = 'CNav';
 
@@ -7497,8 +7533,8 @@ var CNavGroupItems = forwardRef(function (_a, ref) {
     return (React__default.createElement("ul", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavGroupItems.displayName = 'CNavGroupItems';
 
@@ -7523,8 +7559,8 @@ var CSidebarNav = forwardRef(function (_a, ref) {
         }))));
 });
 CSidebarNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarNav.displayName = 'CSidebarNav';
 
@@ -7586,12 +7622,12 @@ var CNavGroup = forwardRef(function (_a, ref) {
         }))); })));
 });
 CNavGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    compact: propTypes.exports.bool,
-    idx: propTypes.exports.string,
-    toggler: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    compact: propTypesExports.bool,
+    idx: propTypesExports.string,
+    toggler: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    visible: propTypesExports.bool,
 };
 CNavGroup.displayName = 'CNavGroup';
 
@@ -7609,9 +7645,9 @@ var CNavLink = forwardRef(function (_a, ref) {
     return (React__default.createElement(CLink, __assign({ className: _className }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    idx: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    idx: propTypesExports.string,
 };
 CNavLink.displayName = 'CNavLink';
 
@@ -7624,8 +7660,8 @@ var CNavItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", { className: _className, ref: ref }, children));
 });
 CNavItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavItem.displayName = 'CNavItem';
 
@@ -7635,8 +7671,8 @@ var CNavTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavTitle.displayName = 'CNavTitle';
 
@@ -7658,14 +7694,14 @@ var CNavbar = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), content));
 });
 CNavbar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    colorScheme: propTypes.exports.oneOf(['dark', 'light']),
-    component: propTypes.exports.elementType,
-    container: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf([
+    colorScheme: propTypesExports.oneOf(['dark', 'light']),
+    component: propTypesExports.elementType,
+    container: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf([
             'sm',
             'md',
             'lg',
@@ -7674,11 +7710,11 @@ CNavbar.propTypes = {
             'fluid',
         ]),
     ]),
-    expand: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    expand: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    placement: propTypes.exports.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
+    placement: propTypesExports.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
 };
 CNavbar.displayName = 'CNavbar';
 
@@ -7689,9 +7725,9 @@ var CNavbarBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CNavbarBrand.displayName = 'CNavbarBrand';
 
@@ -7701,9 +7737,9 @@ var CNavbarNav = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CNavbarNav.displayName = 'CNavbarNav';
 
@@ -7713,8 +7749,8 @@ var CNavbarText = forwardRef(function (_a, ref) {
     return (React__default.createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavbarText.displayName = 'CNavbarText';
 
@@ -7724,8 +7760,8 @@ var CNavbarToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavbarToggler.displayName = 'CNavbarToggler';
 
@@ -7785,17 +7821,17 @@ var COffcanvas = forwardRef(function (_a, ref) {
             : backdrop && (React__default.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
 });
 COffcanvas.propTypes = {
-    backdrop: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    keyboard: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['start', 'end', 'top', 'bottom'])
+    backdrop: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    keyboard: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    placement: propTypesExports.oneOf(['start', 'end', 'top', 'bottom'])
         .isRequired,
-    portal: propTypes.exports.bool,
-    scroll: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    portal: propTypesExports.bool,
+    scroll: propTypesExports.bool,
+    visible: propTypesExports.bool,
 };
 COffcanvas.displayName = 'COffcanvas';
 
@@ -7805,8 +7841,8 @@ var COffcanvasBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 COffcanvasBody.displayName = 'COffcanvasBody';
 
@@ -7816,8 +7852,8 @@ var COffcanvasHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 COffcanvasHeader.displayName = 'COffcanvasHeader';
 
@@ -7827,9 +7863,9 @@ var COffcanvasTitle = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 COffcanvasTitle.displayName = 'COffcanvasTitle';
 
@@ -7844,10 +7880,10 @@ var CPagination = forwardRef(function (_a, ref) {
         React__default.createElement("ul", { className: _className }, children)));
 });
 CPagination.propTypes = {
-    align: propTypes.exports.oneOf(['start', 'center', 'end']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
+    align: propTypesExports.oneOf(['start', 'center', 'end']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
 };
 CPagination.displayName = 'CPagination';
 
@@ -7861,9 +7897,9 @@ var CPaginationItem = forwardRef(function (_a, ref) {
     return (React__default.createElement("li", __assign({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React__default.createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React__default.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CPaginationItem.displayName = 'CPaginationItem';
 
@@ -7897,12 +7933,12 @@ var CPlaceholder = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
-    animation: propTypes.exports.oneOf(['glow', 'wave']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animation: propTypesExports.oneOf(['glow', 'wave']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    size: propTypes.exports.oneOf(['xs', 'sm', 'lg']),
+    component: propTypesExports.elementType,
+    size: propTypesExports.oneOf(['xs', 'sm', 'lg']),
 };
 CPlaceholder.displayName = 'CPlaceholder';
 
@@ -7917,12 +7953,12 @@ var CProgressBar = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className, role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
 });
 CProgressBar.propTypes = {
-    animated: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animated: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    value: propTypes.exports.number,
-    variant: propTypes.exports.oneOf(['striped']),
+    value: propTypesExports.number,
+    variant: propTypesExports.oneOf(['striped']),
 };
 CProgressBar.displayName = 'CProgressBar';
 
@@ -7935,17 +7971,17 @@ var CProgress = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React__default.createElement(CProgressBar, __assign({ value: value }, rest), children)) : (children)));
 });
 CProgress.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    height: propTypes.exports.number,
-    thin: propTypes.exports.bool,
-    value: propTypes.exports.number,
-    white: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    height: propTypesExports.number,
+    thin: propTypesExports.bool,
+    value: propTypesExports.number,
+    white: propTypesExports.bool,
 };
 CProgress.displayName = 'CProgress';
 
 var CPopover = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 8] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, title = _a.title, _d = _a.trigger, trigger = _d === void 0 ? 'click' : _d, visible = _a.visible, rest = __rest(_a, ["children", "content", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
+    var children = _a.children, className = _a.className, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 8] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, title = _a.title, _d = _a.trigger, trigger = _d === void 0 ? 'click' : _d, visible = _a.visible, rest = __rest(_a, ["children", "className", "content", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
     var _e = useState(visible), _visible = _e[0], setVisible = _e[1];
     var popoverRef = useRef();
     var _f = useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -7991,35 +8027,29 @@ var CPopover = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                return (React__default.createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
                     React__default.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
                     React__default.createElement("div", { className: "popover-header" }, title),
                     React__default.createElement("div", { className: "popover-body" }, content)));
             }), document.body)));
 };
 CPopover.propTypes = {
-    children: propTypes.exports.any,
-    content: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    offset: propTypes.exports.any,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
+    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]),
     trigger: triggerPropType,
-    visible: propTypes.exports.bool,
+    visible: propTypesExports.bool,
 };
 CPopover.displayName = 'CPopover';
 
 var isOnMobile = function (element) {
     return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
 };
-var isVisible = function (element) {
-    var rect = element.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
-};
 var CSidebar = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, narrow = _a.narrow, onHide = _a.onHide, onShow = _a.onShow, onVisibleChange = _a.onVisibleChange, overlaid = _a.overlaid, position = _a.position, size = _a.size, unfoldable = _a.unfoldable, visible = _a.visible, rest = __rest(_a, ["children", "className", "narrow", "onHide", "onShow", "onVisibleChange", "overlaid", "position", "size", "unfoldable", "visible"]);
@@ -8108,17 +8138,17 @@ var CSidebar = forwardRef(function (_a, ref) {
             createPortal(React__default.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
 });
 CSidebar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    narrow: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    onVisibleChange: propTypes.exports.func,
-    overlaid: propTypes.exports.bool,
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
-    unfoldable: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    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,
 };
 CSidebar.displayName = 'CSidebar';
 
@@ -8128,8 +8158,8 @@ var CSidebarBrand = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarBrand.displayName = 'CSidebarBrand';
 
@@ -8139,8 +8169,8 @@ var CSidebarFooter = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarFooter.displayName = 'CSidebarFooter';
 
@@ -8150,8 +8180,8 @@ var CSidebarToggler = forwardRef(function (_a, ref) {
     return (React__default.createElement("button", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarToggler.displayName = 'CSidebarToggler';
 
@@ -8161,8 +8191,8 @@ var CSidebarHeader = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarHeader.displayName = 'CSidebarHeader';
 
@@ -8173,12 +8203,12 @@ var CSpinner = forwardRef(function (_a, ref) {
         React__default.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm']),
-    variant: propTypes.exports.oneOf(['border', 'grow']),
-    visuallyHiddenLabel: propTypes.exports.string,
+    component: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm']),
+    variant: propTypesExports.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: propTypesExports.string,
 };
 CSpinner.displayName = 'CSpinner';
 
@@ -8191,8 +8221,8 @@ var CTableHead = forwardRef(function (_a, ref) {
     return (React__default.createElement("thead", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableHead.displayName = 'CTableHead';
@@ -8206,8 +8236,8 @@ var CTableHeaderCell = forwardRef(function (_a, ref) {
     return (React__default.createElement("th", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableHeaderCell.displayName = 'CTableHeaderCell';
@@ -8221,8 +8251,8 @@ var CTableBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("tbody", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableBody.displayName = 'CTableBody';
@@ -8239,10 +8269,10 @@ var CTableDataCell = forwardRef(function (_a, ref) {
     return (React__default.createElement(Component, __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
-    active: propTypes.exports.bool,
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableDataCell.displayName = 'CTableDataCell';
@@ -8258,10 +8288,10 @@ var CTableRow = forwardRef(function (_a, ref) {
     return (React__default.createElement("tr", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
-    active: propTypes.exports.bool,
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableRow.displayName = 'CTableRow';
@@ -8275,8 +8305,8 @@ var CTableFoot = forwardRef(function (_a, ref) {
     return (React__default.createElement("tfoot", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableFoot.displayName = 'CTableFoot';
@@ -8286,7 +8316,7 @@ var CTableCaption = forwardRef(function (_a, ref) {
     return (React__default.createElement("caption", __assign({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
-    children: propTypes.exports.node,
+    children: propTypesExports.node,
 };
 CTableCaption.displayName = 'CTableCaption';
 
@@ -8295,10 +8325,10 @@ var CTableResponsiveWrapper = function (_a) {
     return responsive ? (React__default.createElement("div", __assign({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
 };
 CTableResponsiveWrapper.propTypes = {
-    children: propTypes.exports.any,
-    responsive: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    children: propTypesExports.any,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
 };
 CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
@@ -8355,28 +8385,28 @@ var CTable = forwardRef(function (_a, ref) {
                 React__default.createElement(CTableRow, null, footer.map(function (item, index) { return (React__default.createElement(CTableDataCell, __assign({}, (item._props && __assign({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
 });
 CTable.propTypes = {
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    borderColor: propTypes.exports.string,
-    bordered: propTypes.exports.bool,
-    borderless: propTypes.exports.bool,
-    caption: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.oneOf(['top'])]),
-    captionTop: propTypes.exports.string,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    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,
     color: colorPropType,
-    columns: propTypes.exports.array,
-    footer: propTypes.exports.array,
-    hover: propTypes.exports.bool,
-    items: propTypes.exports.array,
-    responsive: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    columns: propTypesExports.array,
+    footer: propTypesExports.array,
+    hover: propTypesExports.bool,
+    items: propTypesExports.array,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    small: propTypes.exports.bool,
-    striped: propTypes.exports.bool,
-    stripedColumns: propTypes.exports.bool,
-    tableFootProps: propTypes.exports.shape(__assign({}, CTableFoot.propTypes)),
-    tableHeadProps: propTypes.exports.shape(__assign({}, CTableHead.propTypes)),
+    small: propTypesExports.bool,
+    striped: propTypesExports.bool,
+    stripedColumns: propTypesExports.bool,
+    tableFootProps: propTypesExports.shape(__assign({}, CTableFoot.propTypes)),
+    tableHeadProps: propTypesExports.shape(__assign({}, CTableHead.propTypes)),
 };
 CTable.displayName = 'CTable';
 
@@ -8386,8 +8416,8 @@ var CTabContent = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CTabContent.displayName = 'CTabContent';
 
@@ -8407,11 +8437,11 @@ var CTabPane = forwardRef(function (_a, ref) {
     }));
 });
 CTabPane.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CTabPane.displayName = 'CTabPane';
 
@@ -8465,17 +8495,17 @@ var CToast = forwardRef(function (_a, ref) {
     }));
 });
 CToast.propTypes = {
-    animation: propTypes.exports.bool,
-    autohide: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animation: propTypesExports.bool,
+    autohide: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    delay: propTypes.exports.number,
-    index: propTypes.exports.number,
-    key: propTypes.exports.number,
-    onClose: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    delay: propTypesExports.number,
+    index: propTypesExports.number,
+    key: propTypesExports.number,
+    onClose: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CToast.displayName = 'CToast';
 
@@ -8485,8 +8515,8 @@ var CToastBody = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CToastBody.displayName = 'CToastBody';
 
@@ -8495,7 +8525,7 @@ var CToastClose = forwardRef(function (_a, ref) {
     var setVisible = useContext(CToastContext).setVisible;
     return Component ? (React__default.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React__default.createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
-CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: propTypes.exports.elementType });
+CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: propTypesExports.elementType });
 CToastClose.displayName = 'CToastClose';
 
 var CToastHeader = forwardRef(function (_a, ref) {
@@ -8506,9 +8536,9 @@ var CToastHeader = forwardRef(function (_a, ref) {
         closeButton && React__default.createElement(CToastClose, null)));
 });
 CToastHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    closeButton: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    closeButton: propTypesExports.bool,
 };
 CToastHeader.displayName = 'CToastHeader';
 
@@ -8550,11 +8580,11 @@ var CToaster = forwardRef(function (_a, ref) {
         : toaster(ref);
 });
 CToaster.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    placement: propTypes.exports.oneOfType([
-        propTypes.exports.string,
-        propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    placement: propTypesExports.oneOfType([
+        propTypesExports.string,
+        propTypesExports.oneOf([
             'top-start',
             'top-center',
             'top-end',
@@ -8566,12 +8596,12 @@ CToaster.propTypes = {
             'bottom-end',
         ]),
     ]),
-    push: propTypes.exports.any,
+    push: propTypesExports.any,
 };
 CToaster.displayName = 'CToaster';
 
 var CTooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 0] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, visible = _a.visible, rest = __rest(_a, ["children", "content", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
+    var children = _a.children, className = _a.className, content = _a.content, _b = _a.offset, offset = _b === void 0 ? [0, 0] : _b, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, visible = _a.visible, rest = __rest(_a, ["children", "className", "content", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
     var tooltipRef = useRef();
     var _e = useState(visible), _visible = _e[0], setVisible = _e[1];
     var _f = useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
@@ -8589,6 +8619,9 @@ var CTooltip = function (_a) {
         ],
         placement: placement,
     }), styles = _j.styles, attributes = _j.attributes;
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
     var getTransitionClass = function (state) {
         return state === 'entering'
             ? 'fade'
@@ -8614,20 +8647,20 @@ var CTooltip = function (_a) {
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                return (React__default.createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), className, transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
                     React__default.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
                     React__default.createElement("div", { className: "tooltip-inner" }, content)));
             }), document.body)));
 };
 CTooltip.propTypes = {
-    children: propTypes.exports.any,
-    content: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    offset: propTypes.exports.any,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    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']),
     trigger: triggerPropType,
-    visible: propTypes.exports.bool,
+    visible: propTypesExports.bool,
 };
 CTooltip.displayName = 'CTooltip';
 
@@ -8644,12 +8677,12 @@ var CWidgetStatsA = forwardRef(function (_a, ref) {
         chart));
 });
 CWidgetStatsA.propTypes = {
-    action: propTypes.exports.node,
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
+    action: propTypesExports.node,
+    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    className: propTypesExports.string,
     color: colorPropType,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsA.displayName = 'CWidgetStatsA';
 
@@ -8663,13 +8696,13 @@ var CWidgetStatsB = forwardRef(function (_a, ref) {
             text && (React__default.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
 });
 CWidgetStatsB.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    inverse: propTypes.exports.bool,
-    progress: propTypes.exports.object,
-    text: propTypes.exports.string,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    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]),
 };
 CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
 
@@ -8683,13 +8716,13 @@ var CWidgetStatsC = forwardRef(function (_a, ref) {
             React__default.createElement(CProgress, __assign({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
 });
 CWidgetStatsC.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    inverse: propTypes.exports.bool,
-    progress: propTypes.exports.object,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    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]),
 };
 CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
 
@@ -8714,11 +8747,11 @@ var CWidgetStatsD = forwardRef(function (_a, ref) {
             }))));
 });
 CWidgetStatsD.propTypes = {
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
+    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    className: propTypesExports.string,
     color: colorPropType,
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    values: propTypes.exports.arrayOf(propTypes.exports.any),
+    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    values: propTypesExports.arrayOf(propTypesExports.any),
 };
 CWidgetStatsD.displayName = 'CWidgetStatsD';
 
@@ -8732,11 +8765,11 @@ var CWidgetStatsE = forwardRef(function (_a, ref) {
             chart)));
 });
 CWidgetStatsE.propTypes = {
-    children: propTypes.exports.node,
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    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]),
 };
 CWidgetStatsE.displayName = 'CWidgetStatsE';
 
@@ -8752,13 +8785,13 @@ var CWidgetStatsF = forwardRef(function (_a, ref) {
         footer && React__default.createElement(CCardFooter, null, footer)));
 });
 CWidgetStatsF.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    footer: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    padding: propTypes.exports.bool,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    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]),
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';