@coreui/react-pro 4.12.3 → 4.13.0

package/dist/index.es.js

@@ -58,7 +58,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
+function getDefaultExportFromCjs$1 (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
@@ -1242,8 +1242,8 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes$1.exports = requireFactoryWithThrowingShims$1()();
 }
 
-var propTypesExports = propTypes$1.exports;
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+var propTypesExports$1 = propTypes$1.exports;
+var PropTypes$1 = /*@__PURE__*/getDefaultExportFromCjs$1(propTypesExports$1);
 
 var classnames$1 = {exports: {}};
 
@@ -1304,8 +1304,8 @@ var classnames$1 = {exports: {}};
 	}()); 
 } (classnames$1));
 
-var classnamesExports = classnames$1.exports;
-var classNames$1 = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var classnamesExports$1 = classnames$1.exports;
+var classNames$1 = /*@__PURE__*/getDefaultExportFromCjs$1(classnamesExports$1);
 
 var CAccordionContext = createContext({});
 var CAccordion = forwardRef(function (_a, ref) {
@@ -1315,11 +1315,11 @@ var CAccordion = forwardRef(function (_a, ref) {
         React$1.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
-    alwaysOpen: PropTypes.bool,
-    activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    flush: PropTypes.bool,
+    alwaysOpen: PropTypes$1.bool,
+    activeItemKey: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    flush: PropTypes$1.bool,
 };
 CAccordion.displayName = 'CAccordion';
 
@@ -1339,9 +1339,9 @@ var CAccordionItem = forwardRef(function (_a, ref) {
         React$1.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    itemKey: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
 };
 CAccordionItem.displayName = 'CAccordionItem';
 
@@ -1434,22 +1434,22 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-  enter: PropTypes.number,
-  exit: PropTypes.number,
-  appear: PropTypes.number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.shape({
+  enter: PropTypes$1.number,
+  exit: PropTypes$1.number,
+  appear: PropTypes$1.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-  enter: PropTypes.string,
-  exit: PropTypes.string,
-  active: PropTypes.string
-}), PropTypes.shape({
-  enter: PropTypes.string,
-  enterDone: PropTypes.string,
-  enterActive: PropTypes.string,
-  exit: PropTypes.string,
-  exitDone: PropTypes.string,
-  exitActive: PropTypes.string
+var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
+  enter: PropTypes$1.string,
+  exit: PropTypes$1.string,
+  active: PropTypes$1.string
+}), PropTypes$1.shape({
+  enter: PropTypes$1.string,
+  enterDone: PropTypes$1.string,
+  enterActive: PropTypes$1.string,
+  exit: PropTypes$1.string,
+  exitDone: PropTypes$1.string,
+  exitActive: PropTypes$1.string
 })]) : null;
 
 var TransitionGroupContext = React$1.createContext(null);
@@ -1876,10 +1876,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.shape({
-    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: PropTypes$1.shape({
+    current: typeof Element === 'undefined' ? PropTypes$1.any : function (propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return PropTypes$1.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
 
@@ -1897,12 +1897,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+  children: PropTypes$1.oneOfType([PropTypes$1.func.isRequired, PropTypes$1.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: PropTypes.bool,
+  in: PropTypes$1.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -1910,13 +1910,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.bool,
+  mountOnEnter: PropTypes$1.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.bool,
+  unmountOnExit: PropTypes$1.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -1929,17 +1929,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: PropTypes.bool,
+  appear: PropTypes$1.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: PropTypes.bool,
+  enter: PropTypes$1.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: PropTypes.bool,
+  exit: PropTypes$1.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -1992,7 +1992,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: PropTypes.func,
+  addEndListener: PropTypes$1.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -2002,7 +2002,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: PropTypes.func,
+  onEnter: PropTypes$1.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -2012,7 +2012,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes.func,
+  onEntering: PropTypes$1.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -2022,7 +2022,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: PropTypes.func,
+  onEntered: PropTypes$1.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -2031,7 +2031,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: PropTypes.func,
+  onExit: PropTypes$1.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -2040,7 +2040,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: PropTypes.func,
+  onExiting: PropTypes$1.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -2049,7 +2049,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: PropTypes.func
+  onExited: PropTypes$1.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}
@@ -2424,7 +2424,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: PropTypes.func,
+  onEnter: PropTypes$1.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
@@ -2434,7 +2434,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: PropTypes.func,
+  onEntering: PropTypes$1.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
@@ -2444,7 +2444,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: PropTypes.func,
+  onEntered: PropTypes$1.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
@@ -2454,7 +2454,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: PropTypes.func,
+  onExit: PropTypes$1.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
@@ -2463,7 +2463,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: PropTypes.func,
+  onExiting: PropTypes$1.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
@@ -2473,7 +2473,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: PropTypes.func
+  onExited: PropTypes$1.func
 }) : {};
 var CSSTransition$1 = CSSTransition;
 
@@ -4311,14 +4311,117 @@ var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
+var getTransitionDurationFromElement = function (element) {
+    if (!element) {
+        return 0;
+    }
+    // Get transition-duration of the element
+    var _a = window.getComputedStyle(element), transitionDuration = _a.transitionDuration, transitionDelay = _a.transitionDelay;
+    var floatTransitionDuration = Number.parseFloat(transitionDuration);
+    var floatTransitionDelay = Number.parseFloat(transitionDelay);
+    // Return 0 if element or transition duration is not found
+    if (!floatTransitionDuration && !floatTransitionDelay) {
+        return 0;
+    }
+    // If multiple durations are defined, take the first
+    transitionDuration = transitionDuration.split(',')[0];
+    transitionDelay = transitionDelay.split(',')[0];
+    return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * 1000;
+};
+
+var execute = function (callback) {
+    if (typeof callback === 'function') {
+        callback();
+    }
+};
+var triggerTransitionEnd = function (element) {
+    element.dispatchEvent(new Event('transitionend'));
+};
+var executeAfterTransition = function (callback, transitionElement, waitForTransition) {
+    if (waitForTransition === void 0) { waitForTransition = true; }
+    if (!waitForTransition) {
+        execute(callback);
+        return;
+    }
+    var durationPadding = 5;
+    var emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding;
+    var called = false;
+    var handler = function (_a) {
+        var target = _a.target;
+        if (target !== transitionElement) {
+            return;
+        }
+        called = true;
+        transitionElement.removeEventListener('transitionend', handler);
+        execute(callback);
+    };
+    transitionElement.addEventListener('transitionend', handler);
+    setTimeout(function () {
+        if (!called) {
+            triggerTransitionEnd(transitionElement);
+        }
+    }, emulatedDuration);
+};
+
+var isRTL = function (element) {
+    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
+        return true;
+    }
+    if (element) {
+        return element.closest('[dir="rtl"]') !== null;
+    }
+    return false;
+};
+
+var getRTLPlacement = function (placement, element) {
+    switch (placement) {
+        case 'right': {
+            return isRTL(element) ? 'left' : 'right';
+        }
+        case 'left': {
+            return isRTL(element) ? 'right' : 'left';
+        }
+        default: {
+            return placement;
+        }
+    }
+};
+
+var isInViewport = function (element) {
+    var rect = element.getBoundingClientRect();
+    return (Math.floor(rect.top) >= 0 &&
+        Math.floor(rect.left) >= 0 &&
+        Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
+        Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
+};
+
+var isObjectInArray = function (array, item, ignore) {
+    if (ignore === void 0) { ignore = []; }
+    return array.some(function (_item) {
+        var result = true;
+        for (var key in item) {
+            if (!ignore.includes(key) && item[key] !== _item[key]) {
+                result = false;
+                break;
+            }
+        }
+        return result;
+    });
+};
+
 var usePopper = function () {
     var _popper = useRef();
+    var el = useRef();
     var initPopper = function (reference, popper, options) {
         _popper.current = createPopper(reference, popper, options);
+        el.current = popper;
     };
     var destroyPopper = function () {
-        if (_popper.current) {
-            _popper.current.destroy();
+        var popperInstance = _popper.current;
+        if (popperInstance && el.current) {
+            executeAfterTransition(function () {
+                popperInstance.destroy();
+            }, el.current);
         }
         _popper.current = undefined;
     };
@@ -4393,12 +4496,12 @@ var CCollapse = forwardRef(function (_a, ref) {
     }));
 });
 CCollapse.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    horizontal: PropTypes.bool,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    visible: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    horizontal: PropTypes$1.bool,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    visible: PropTypes$1.bool,
 };
 CCollapse.displayName = 'CCollapse';
 
@@ -4409,8 +4512,8 @@ var CAccordionBody = forwardRef(function (_a, ref) {
         React$1.createElement("div", __assign$1({ className: classNames$1('accordion-body', className) }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CAccordionBody.displayName = 'CAccordionBody';
 
@@ -4420,8 +4523,8 @@ var CAccordionButton = forwardRef(function (_a, ref) {
     return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('accordion-button', { collapsed: !visible }, className), "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CAccordionButton.displayName = 'CAccordionButton';
 
@@ -4431,8 +4534,8 @@ var CAccordionHeader = forwardRef(function (_a, ref) {
         React$1.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
@@ -4443,14 +4546,14 @@ var CCloseButton = forwardRef(function (_a, ref) {
         }, disabled, className), "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
 });
 CCloseButton.propTypes = {
-    className: PropTypes.string,
-    disabled: PropTypes.bool,
-    white: PropTypes.bool,
+    className: PropTypes$1.string,
+    disabled: PropTypes$1.bool,
+    white: PropTypes$1.bool,
 };
 CCloseButton.displayName = 'CCloseButton';
 
-var colorPropType = PropTypes.oneOfType([
-    PropTypes.oneOf([
+var colorPropType = PropTypes$1.oneOfType([
+    PropTypes$1.oneOf([
         'primary',
         'secondary',
         'success',
@@ -4460,13 +4563,13 @@ var colorPropType = PropTypes.oneOfType([
         'dark',
         'light',
     ]),
-    PropTypes.string,
+    PropTypes$1.string,
 ]);
-var fallbackPlacementsPropType = PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOf(['top', 'bottom', 'right', 'left']).isRequired),
-    PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
+var fallbackPlacementsPropType = PropTypes$1.oneOfType([
+    PropTypes$1.arrayOf(PropTypes$1.oneOf(['top', 'bottom', 'right', 'left']).isRequired),
+    PropTypes$1.oneOf(['top', 'bottom', 'right', 'left']),
 ]);
-var gradientsPropType = PropTypes.oneOf([
+var gradientsPropType = PropTypes$1.oneOf([
     'primary-gradient',
     'secondary-gradient',
     'success-gradient',
@@ -4476,7 +4579,7 @@ var gradientsPropType = PropTypes.oneOf([
     'dark-gradient',
     'light-gradient',
 ]);
-var placementPropType = PropTypes.oneOf([
+var placementPropType = PropTypes$1.oneOf([
     'auto',
     'auto-start',
     'auto-end',
@@ -4493,8 +4596,8 @@ var placementPropType = PropTypes.oneOf([
     'left',
     'left-end',
 ]);
-var shapePropType = PropTypes.oneOfType([
-    PropTypes.oneOf([
+var shapePropType = PropTypes$1.oneOfType([
+    PropTypes$1.oneOf([
         'rounded',
         'rounded-top',
         'rounded-end',
@@ -4507,16 +4610,16 @@ var shapePropType = PropTypes.oneOfType([
         'rounded-2',
         'rounded-3',
     ]),
-    PropTypes.string,
+    PropTypes$1.string,
 ]);
-var textColorsPropType = PropTypes.oneOfType([
+var textColorsPropType = PropTypes$1.oneOfType([
     colorPropType,
-    PropTypes.oneOf(['white', 'muted']),
-    PropTypes.string,
+    PropTypes$1.oneOf(['white', 'muted']),
+    PropTypes$1.string,
 ]);
-var triggerPropType = PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOf(['hover', 'focus', 'click']).isRequired),
-    PropTypes.oneOf(['hover', 'focus', 'click']),
+var triggerPropType = PropTypes$1.oneOfType([
+    PropTypes$1.arrayOf(PropTypes$1.oneOf(['hover', 'focus', 'click']).isRequired),
+    PropTypes$1.oneOf(['hover', 'focus', 'click']),
 ]);
 
 var CAlert = forwardRef(function (_a, ref) {
@@ -4535,13 +4638,13 @@ var CAlert = forwardRef(function (_a, ref) {
         dismissible && React$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } }))); }));
 });
 CAlert.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType.isRequired,
-    dismissible: PropTypes.bool,
-    onClose: PropTypes.func,
-    variant: PropTypes.string,
-    visible: PropTypes.bool,
+    dismissible: PropTypes$1.bool,
+    onClose: PropTypes$1.func,
+    variant: PropTypes$1.string,
+    visible: PropTypes$1.bool,
 };
 CAlert.displayName = 'CAlert';
 
@@ -4550,9 +4653,9 @@ var CAlertHeading = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('alert-heading', className) }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CAlertHeading.displayName = 'CAlertHeading';
 
@@ -4570,11 +4673,11 @@ var CLink = forwardRef(function (_a, ref) {
     }), { disabled: disabled }, rest, { ref: ref }), children));
 });
 CLink.propTypes = {
-    active: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    disabled: PropTypes.bool,
+    active: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    disabled: PropTypes$1.bool,
 };
 CLink.displayName = 'CLink';
 
@@ -4583,8 +4686,8 @@ var CAlertLink = forwardRef(function (_a, ref) {
     return (React$1.createElement(CLink, __assign$1({ className: classNames$1('alert-link', className) }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CAlertLink.displayName = 'CAlertLink';
 
@@ -4601,13 +4704,13 @@ var CAvatar = forwardRef(function (_a, ref) {
         status && React$1.createElement("span", { className: statusClassName })));
 });
 CAvatar.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
     shape: shapePropType,
-    size: PropTypes.string,
-    src: PropTypes.string,
-    status: PropTypes.string,
+    size: PropTypes$1.string,
+    src: PropTypes$1.string,
+    status: PropTypes$1.string,
     textColor: textColorsPropType,
 };
 CAvatar.displayName = 'CAvatar';
@@ -4621,8 +4724,8 @@ var CBackdrop = forwardRef(function (_a, ref) {
         }) }, rest, { ref: forkedRef }))); }));
 });
 CBackdrop.propTypes = {
-    className: PropTypes.string,
-    visible: PropTypes.bool,
+    className: PropTypes$1.string,
+    visible: PropTypes$1.bool,
 };
 CBackdrop.displayName = 'CBackdrop';
 
@@ -4641,13 +4744,13 @@ var CBadge = forwardRef(function (_a, ref) {
             _b), shape, className) }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
-    component: PropTypes.string,
-    position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    color: PropTypes$1.oneOfType([colorPropType, gradientsPropType]),
+    component: PropTypes$1.string,
+    position: PropTypes$1.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: shapePropType,
-    size: PropTypes.oneOf(['sm']),
+    size: PropTypes$1.oneOf(['sm']),
     textColor: textColorsPropType,
 };
 CBadge.displayName = 'CBadge';
@@ -4658,8 +4761,8 @@ var CBreadcrumb = forwardRef(function (_a, ref) {
         React$1.createElement("ol", __assign$1({ className: classNames$1('breadcrumb', className) }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CBreadcrumb.displayName = 'CBreadcrumb';
 
@@ -4670,10 +4773,10 @@ var CBreadcrumbItem = forwardRef(function (_a, ref) {
         }, className) }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React$1.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
-    active: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    href: PropTypes.string,
+    active: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    href: PropTypes$1.string,
 };
 CBreadcrumbItem.displayName = 'CBreadcrumbItem';
 
@@ -4683,14 +4786,14 @@ var CButton = forwardRef(function (_a, ref) {
     return (React$1.createElement(CLink, __assign$1({ component: rest.href ? 'a' : component, type: type, className: classNames$1('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className) }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    component: PropTypes.elementType,
-    shape: PropTypes.string,
-    size: PropTypes.oneOf(['sm', 'lg']),
-    type: PropTypes.oneOf(['button', 'submit', 'reset']),
-    variant: PropTypes.oneOf(['outline', 'ghost']),
+    component: PropTypes$1.elementType,
+    shape: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+    type: PropTypes$1.oneOf(['button', 'submit', 'reset']),
+    variant: PropTypes$1.oneOf(['outline', 'ghost']),
 };
 CButton.displayName = 'CButton';
 
@@ -4699,8 +4802,8 @@ var CButtonToolbar = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('btn-toolbar', className) }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CButtonToolbar.displayName = 'CButtonToolbar';
 
@@ -4710,10 +4813,10 @@ var CButtonGroup = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className) }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    size: PropTypes.oneOf(['sm', 'lg']),
-    vertical: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+    vertical: PropTypes$1.bool,
 };
 CButtonGroup.displayName = 'CButtonGroup';
 
@@ -4725,8 +4828,8 @@ var CCallout = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CCallout.displayName = 'CCallout';
@@ -4740,10 +4843,10 @@ var CCard = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
-    textColor: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    color: PropTypes$1.oneOfType([colorPropType, gradientsPropType]),
+    textColor: PropTypes$1.string,
 };
 CCard.displayName = 'CCard';
 
@@ -4752,8 +4855,8 @@ var CCardBody = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('card-body', className) }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CCardBody.displayName = 'CCardBody';
 
@@ -4762,8 +4865,8 @@ var CCardFooter = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('card-footer', className) }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CCardFooter.displayName = 'CCardFooter';
 
@@ -4772,8 +4875,8 @@ var CCardGroup = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('card-group', className) }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CCardGroup.displayName = 'CCardGroup';
 
@@ -4782,9 +4885,9 @@ var CCardHeader = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-header', className) }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CCardHeader.displayName = 'CCardHeader';
 
@@ -4793,10 +4896,10 @@ var CCardImage = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1(orientation ? "card-img-".concat(orientation) : 'card-img', className) }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    orientation: PropTypes.oneOf(['top', 'bottom']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    orientation: PropTypes$1.oneOf(['top', 'bottom']),
 };
 CCardImage.displayName = 'CCardImage';
 
@@ -4805,8 +4908,8 @@ var CCardImageOverlay = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('card-img-overlay', className) }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CCardImageOverlay.displayName = 'CCardImageOverlay';
 
@@ -4815,8 +4918,8 @@ var CCardLink = forwardRef(function (_a, ref) {
     return (React$1.createElement(CLink, __assign$1({ className: classNames$1('card-link', className) }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CCardLink.displayName = 'CCardLink';
 
@@ -4825,9 +4928,9 @@ var CCardSubtitle = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-subtitle', className) }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CCardSubtitle.displayName = 'CCardSubtitle';
 
@@ -4836,9 +4939,9 @@ var CCardText = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-text', className) }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CCardText.displayName = 'CCardText';
 
@@ -4847,58 +4950,12 @@ var CCardTitle = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('card-title', className) }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CCardTitle.displayName = 'CCardTitle';
 
-var isRTL = function (element) {
-    if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
-        return true;
-    }
-    if (element) {
-        return element.closest('[dir="rtl"]') !== null;
-    }
-    return false;
-};
-
-var getRTLPlacement = function (placement, element) {
-    switch (placement) {
-        case 'right': {
-            return isRTL(element) ? 'left' : 'right';
-        }
-        case 'left': {
-            return isRTL(element) ? 'right' : 'left';
-        }
-        default: {
-            return placement;
-        }
-    }
-};
-
-var isInViewport = function (element) {
-    var rect = element.getBoundingClientRect();
-    return (Math.floor(rect.top) >= 0 &&
-        Math.floor(rect.left) >= 0 &&
-        Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) &&
-        Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
-};
-
-var isObjectInArray = function (array, item, ignore) {
-    if (ignore === void 0) { ignore = []; }
-    return array.some(function (_item) {
-        var result = true;
-        for (var key in item) {
-            if (!ignore.includes(key) && item[key] !== _item[key]) {
-                result = false;
-                break;
-            }
-        }
-        return result;
-    });
-};
-
 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, _e = _a.touch, touch = _e === void 0 ? true : _e, transition = _a.transition, _f = _a.wrap, wrap = _f === void 0 ? true : _f, rest = __rest$1(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "touch", "transition", "wrap"]);
@@ -5032,19 +5089,19 @@ var CCarousel = forwardRef(function (_a, ref) {
                     React$1.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
 });
 CCarousel.propTypes = {
-    activeIndex: PropTypes.number,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    controls: PropTypes.bool,
-    dark: PropTypes.bool,
-    indicators: PropTypes.bool,
-    interval: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
-    onSlid: PropTypes.func,
-    onSlide: PropTypes.func,
-    pause: PropTypes.oneOf([false, 'hover']),
-    touch: PropTypes.bool,
-    transition: PropTypes.oneOf(['slide', 'crossfade']),
-    wrap: PropTypes.bool,
+    activeIndex: PropTypes$1.number,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    controls: PropTypes$1.bool,
+    dark: PropTypes$1.bool,
+    indicators: PropTypes$1.bool,
+    interval: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.number]),
+    onSlid: PropTypes$1.func,
+    onSlide: PropTypes$1.func,
+    pause: PropTypes$1.oneOf([false, 'hover']),
+    touch: PropTypes$1.bool,
+    transition: PropTypes$1.oneOf(['slide', 'crossfade']),
+    wrap: PropTypes$1.bool,
 };
 CCarousel.displayName = 'CCarousel';
 
@@ -5053,7 +5110,7 @@ var CCarouselCaption = forwardRef(function (_a, ref) {
     return React$1.createElement("div", __assign$1({ className: classNames$1('carousel-caption', className) }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
 };
 CCarouselCaption.displayName = 'CCarouselCaption';
 
@@ -5128,11 +5185,11 @@ var CCarouselItem = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('carousel-item', activeClassName, directionClassName, orderClassName, className), ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
-    active: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    direction: PropTypes.string,
-    interval: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
+    active: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    direction: PropTypes$1.string,
+    interval: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.number]),
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
@@ -5141,8 +5198,8 @@ var CConditionalPortal = function (_a) {
     return typeof window !== 'undefined' && portal ? (createPortal(children, document.body)) : (React$1.createElement(React$1.Fragment, null, children));
 };
 CConditionalPortal.propTypes = {
-    children: PropTypes.node,
-    portal: PropTypes.bool.isRequired,
+    children: PropTypes$1.node,
+    portal: PropTypes$1.bool.isRequired,
 };
 CConditionalPortal.displayName = 'CConditionalPortal';
 
@@ -8869,41 +8926,41 @@ var CCalendar = forwardRef(function (_a, ref) {
             React$1.createElement(Calendar, { addMonths: index, calendarDate: _calendarDate, dayFormat: dayFormat, disabledDates: disabledDates, endDate: _endDate, firstDayOfWeek: firstDayOfWeek, hoverDate: _hoverDate, locale: locale, maxDate: _maxDate, minDate: _minDate, onDayClick: function (date) { return handleDayClick(date, index); }, onDayKeyDown: function (event, date) { return handleDayKeyDown(event, date, index); }, onDayMouseEnter: handleDayMouseEnter, onDayMouseLeave: handleDayMouseLeave, onMonthClick: handleMonthClick, onMonthKeyDown: handleMonthKeyDown, onYearClick: handleYearClick, onYearKeyDown: handleYearKeyDown, selectEndDate: _selectEndDate, selectAdjacementDays: selectAdjacementDays, showAdjacementDays: showAdjacementDays, startDate: _startDate, view: view, weekdayFormat: weekdayFormat }))); })));
 });
 CCalendar.propTypes = {
-    className: PropTypes.string,
-    calendarDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-    calendars: PropTypes.number,
-    dayFormat: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.oneOf(['2-digit', 'numeric']),
+    className: PropTypes$1.string,
+    calendarDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    calendars: PropTypes$1.number,
+    dayFormat: PropTypes$1.oneOfType([
+        PropTypes$1.func,
+        PropTypes$1.oneOf(['2-digit', 'numeric']),
     ]),
-    disabledDates: PropTypes.array,
-    endDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-    firstDayOfWeek: PropTypes.number,
-    locale: PropTypes.string,
-    maxDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-    minDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-    navigation: PropTypes.bool,
-    navNextIcon: PropTypes.node,
-    navNextDoubleIcon: PropTypes.node,
-    navPrevIcon: PropTypes.node,
-    navPrevDoubleIcon: PropTypes.node,
-    navYearFirst: PropTypes.bool,
-    range: PropTypes.bool,
-    selectAdjacementDays: PropTypes.bool,
-    selectEndDate: PropTypes.bool,
-    showAdjacementDays: PropTypes.bool,
-    startDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-    weekdayFormat: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.oneOf(['long', 'narrow', 'short']),
+    disabledDates: PropTypes$1.array,
+    endDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    firstDayOfWeek: PropTypes$1.number,
+    locale: PropTypes$1.string,
+    maxDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    minDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    navigation: PropTypes$1.bool,
+    navNextIcon: PropTypes$1.node,
+    navNextDoubleIcon: PropTypes$1.node,
+    navPrevIcon: PropTypes$1.node,
+    navPrevDoubleIcon: PropTypes$1.node,
+    navYearFirst: PropTypes$1.bool,
+    range: PropTypes$1.bool,
+    selectAdjacementDays: PropTypes$1.bool,
+    selectEndDate: PropTypes$1.bool,
+    showAdjacementDays: PropTypes$1.bool,
+    startDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    weekdayFormat: PropTypes$1.oneOfType([
+        PropTypes$1.func,
+        PropTypes$1.number,
+        PropTypes$1.oneOf(['long', 'narrow', 'short']),
     ]),
-    onDayHover: PropTypes.func,
-    onCalendarDateChange: PropTypes.func,
-    onEndDateChange: PropTypes.func,
-    onSelectEndChange: PropTypes.func,
-    onStartDateChange: PropTypes.func,
-    onViewChanged: PropTypes.func,
+    onDayHover: PropTypes$1.func,
+    onCalendarDateChange: PropTypes$1.func,
+    onEndDateChange: PropTypes$1.func,
+    onSelectEndChange: PropTypes$1.func,
+    onStartDateChange: PropTypes$1.func,
+    onViewChanged: PropTypes$1.func,
 };
 CCalendar.displayName = 'CCalendar';
 
@@ -8916,12 +8973,12 @@ var CFormFeedback = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    invalid: PropTypes.bool,
-    tooltip: PropTypes.bool,
-    valid: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    invalid: PropTypes$1.bool,
+    tooltip: PropTypes$1.bool,
+    valid: PropTypes$1.bool,
 };
 CFormFeedback.displayName = 'CFormFeedback';
 
@@ -8933,13 +8990,13 @@ var CFormControlValidation = function (_a) {
         feedbackValid && (React$1.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
 };
 CFormControlValidation.propTypes = {
-    describedby: PropTypes.string,
-    feedback: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    feedbackValid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    feedbackInvalid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    invalid: PropTypes.bool,
-    tooltipFeedback: PropTypes.bool,
-    valid: PropTypes.bool,
+    describedby: PropTypes$1.string,
+    feedback: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    feedbackValid: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    feedbackInvalid: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    invalid: PropTypes$1.bool,
+    tooltipFeedback: PropTypes$1.bool,
+    valid: PropTypes$1.bool,
 };
 CFormControlValidation.displayName = 'CFormControlValidation';
 
@@ -8948,8 +9005,8 @@ var CFormFloating = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('form-floating', className) }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CFormFloating.displayName = 'CFormFloating';
 
@@ -8958,9 +9015,9 @@ var CFormLabel = forwardRef(function (_a, ref) {
     return (React$1.createElement("label", __assign$1({ className: customClassName !== null && customClassName !== void 0 ? customClassName : classNames$1('form-label', className) }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    customClassName: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    customClassName: PropTypes$1.string,
 };
 CFormLabel.displayName = 'CFormLabel';
 
@@ -8969,9 +9026,9 @@ var CFormText = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('form-text', className) }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CFormText.displayName = 'CFormText';
 
@@ -8988,7 +9045,7 @@ var CFormControlWrapper = function (_a) {
         text && React$1.createElement(CFormText, { id: describedby }, text),
         React$1.createElement(FormControlValidation, null)));
 };
-CFormControlWrapper.propTypes = __assign$1({ children: PropTypes.node, floatingClassName: PropTypes.string, floatingLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), text: PropTypes.oneOfType([PropTypes.node, PropTypes.string]) }, CFormControlValidation.propTypes);
+CFormControlWrapper.propTypes = __assign$1({ children: PropTypes$1.node, floatingClassName: PropTypes$1.string, floatingLabel: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]), label: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]), text: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]) }, CFormControlValidation.propTypes);
 CFormControlWrapper.displayName = 'CFormControlWrapper';
 
 var CPicker = forwardRef(function (_a, ref) {
@@ -9069,16 +9126,16 @@ var CPicker = forwardRef(function (_a, ref) {
 });
 CPicker.displayName = 'CPicker';
 CPicker.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    container: PropTypes.oneOf(['dropdown', 'inline']),
-    disabled: PropTypes.bool,
-    dropdownClassNames: PropTypes.string,
-    footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-    footerContent: PropTypes.node,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    toggler: PropTypes.node,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    container: PropTypes$1.oneOf(['dropdown', 'inline']),
+    disabled: PropTypes$1.bool,
+    dropdownClassNames: PropTypes$1.string,
+    footer: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]),
+    footerContent: PropTypes$1.node,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    toggler: PropTypes$1.node,
 };
 
 var CTimePickerRollCol = forwardRef(function (_a, ref) {
@@ -9110,9 +9167,9 @@ var CTimePickerRollCol = forwardRef(function (_a, ref) {
     })));
 });
 CTimePickerRollCol.propTypes = {
-    elements: PropTypes.array.isRequired,
-    onClick: PropTypes.func,
-    selected: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    elements: PropTypes$1.array.isRequired,
+    onClick: PropTypes$1.func,
+    selected: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
 };
 CTimePickerRollCol.displayName = 'CTimePickerRollCol';
 
@@ -9343,7 +9400,7 @@ var CTimePicker = forwardRef(function (_a, ref) {
                     _c['time-picker-roll'] = variant === 'roll',
                     _c)) }, variant === 'select' ? React$1.createElement(TimePickerSelect, null) : TimePickerRoll()))));
 });
-CTimePicker.propTypes = __assign$1(__assign$1(__assign$1({}, CFormControlWrapper.propTypes), CPicker.propTypes), { ampm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.bool]), cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), cancelButtonColor: (_a$1 = CButton.propTypes) === null || _a$1 === void 0 ? void 0 : _a$1.color, cancelButtonSize: (_b$1 = CButton.propTypes) === null || _b$1 === void 0 ? void 0 : _b$1.size, cancelButtonVariant: (_c$1 = CButton.propTypes) === null || _c$1 === void 0 ? void 0 : _c$1.variant, className: PropTypes.string, confirmButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), confirmButtonColor: (_d$1 = CButton.propTypes) === null || _d$1 === void 0 ? void 0 : _d$1.color, confirmButtonSize: (_e$1 = CButton.propTypes) === null || _e$1 === void 0 ? void 0 : _e$1.size, confirmButtonVariant: (_f$1 = CButton.propTypes) === null || _f$1 === void 0 ? void 0 : _f$1.variant, locale: PropTypes.string, onTimeChange: PropTypes.func, required: PropTypes.bool, seconds: PropTypes.bool, time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]), variant: PropTypes.oneOf(['roll', 'select']) });
+CTimePicker.propTypes = __assign$1(__assign$1(__assign$1({}, CFormControlWrapper.propTypes), CPicker.propTypes), { ampm: PropTypes$1.oneOfType([PropTypes$1.oneOf(['auto']), PropTypes$1.bool]), cancelButton: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), cancelButtonColor: (_a$1 = CButton.propTypes) === null || _a$1 === void 0 ? void 0 : _a$1.color, cancelButtonSize: (_b$1 = CButton.propTypes) === null || _b$1 === void 0 ? void 0 : _b$1.size, cancelButtonVariant: (_c$1 = CButton.propTypes) === null || _c$1 === void 0 ? void 0 : _c$1.variant, className: PropTypes$1.string, confirmButton: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), confirmButtonColor: (_d$1 = CButton.propTypes) === null || _d$1 === void 0 ? void 0 : _d$1.color, confirmButtonSize: (_e$1 = CButton.propTypes) === null || _e$1 === void 0 ? void 0 : _e$1.size, confirmButtonVariant: (_f$1 = CButton.propTypes) === null || _f$1 === void 0 ? void 0 : _f$1.variant, locale: PropTypes$1.string, onTimeChange: PropTypes$1.func, required: PropTypes$1.bool, seconds: PropTypes$1.bool, time: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]), variant: PropTypes$1.oneOf(['roll', 'select']) });
 CTimePicker.displayName = 'CTimePicker';
 
 var getLocalDateFromString = function (string, locale, time) {
@@ -9586,17 +9643,17 @@ var CDateRangePicker = forwardRef(function (_a, ref) {
                     }, time: index === 0 ? _startDate : _endDate, variant: "select" })); }))))))));
 });
 CDateRangePicker.displayName = 'CDateRangePicker';
-CDateRangePicker.propTypes = __assign$1(__assign$1(__assign$1(__assign$1({}, CCalendar.propTypes), CFormControlWrapper.propTypes), CPicker.propTypes), { cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), cancelButtonColor: (_a = CButton.propTypes) === null || _a === void 0 ? void 0 : _a.color, cancelButtonSize: (_b = CButton.propTypes) === null || _b === void 0 ? void 0 : _b.size, cancelButtonVariant: (_c = CButton.propTypes) === null || _c === void 0 ? void 0 : _c.variant, calendars: PropTypes.number, className: PropTypes.string, cleaner: PropTypes.bool, closeOnSelect: PropTypes.bool, confirmButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), confirmButtonColor: (_d = CButton.propTypes) === null || _d === void 0 ? void 0 : _d.color, confirmButtonSize: (_e = CButton.propTypes) === null || _e === void 0 ? void 0 : _e.size, confirmButtonVariant: (_f = CButton.propTypes) === null || _f === void 0 ? void 0 : _f.variant, id: PropTypes.string, indicator: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), inputReadOnly: PropTypes.bool, placeholder: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string.isRequired),
-    ]), range: PropTypes.bool, ranges: PropTypes.object, rangesButtonsColor: (_g = CButton.propTypes) === null || _g === void 0 ? void 0 : _g.color, rangesButtonsSize: (_h = CButton.propTypes) === null || _h === void 0 ? void 0 : _h.size, rangesButtonsVariant: (_j = CButton.propTypes) === null || _j === void 0 ? void 0 : _j.variant, required: PropTypes.bool, separator: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), size: PropTypes.oneOf(['sm', 'lg']), timepicker: PropTypes.bool, todayButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), todayButtonColor: (_k = CButton.propTypes) === null || _k === void 0 ? void 0 : _k.color, todayButtonSize: (_l = CButton.propTypes) === null || _l === void 0 ? void 0 : _l.size, todayButtonVariant: (_m = CButton.propTypes) === null || _m === void 0 ? void 0 : _m.variant });
+CDateRangePicker.propTypes = __assign$1(__assign$1(__assign$1(__assign$1({}, CCalendar.propTypes), CFormControlWrapper.propTypes), CPicker.propTypes), { cancelButton: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), cancelButtonColor: (_a = CButton.propTypes) === null || _a === void 0 ? void 0 : _a.color, cancelButtonSize: (_b = CButton.propTypes) === null || _b === void 0 ? void 0 : _b.size, cancelButtonVariant: (_c = CButton.propTypes) === null || _c === void 0 ? void 0 : _c.variant, calendars: PropTypes$1.number, className: PropTypes$1.string, cleaner: PropTypes$1.bool, closeOnSelect: PropTypes$1.bool, confirmButton: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), confirmButtonColor: (_d = CButton.propTypes) === null || _d === void 0 ? void 0 : _d.color, confirmButtonSize: (_e = CButton.propTypes) === null || _e === void 0 ? void 0 : _e.size, confirmButtonVariant: (_f = CButton.propTypes) === null || _f === void 0 ? void 0 : _f.variant, id: PropTypes$1.string, indicator: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), inputReadOnly: PropTypes$1.bool, placeholder: PropTypes$1.oneOfType([
+        PropTypes$1.string,
+        PropTypes$1.arrayOf(PropTypes$1.string.isRequired),
+    ]), range: PropTypes$1.bool, ranges: PropTypes$1.object, rangesButtonsColor: (_g = CButton.propTypes) === null || _g === void 0 ? void 0 : _g.color, rangesButtonsSize: (_h = CButton.propTypes) === null || _h === void 0 ? void 0 : _h.size, rangesButtonsVariant: (_j = CButton.propTypes) === null || _j === void 0 ? void 0 : _j.variant, required: PropTypes$1.bool, separator: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), size: PropTypes$1.oneOf(['sm', 'lg']), timepicker: PropTypes$1.bool, todayButton: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.node]), todayButtonColor: (_k = CButton.propTypes) === null || _k === void 0 ? void 0 : _k.color, todayButtonSize: (_l = CButton.propTypes) === null || _l === void 0 ? void 0 : _l.size, todayButtonVariant: (_m = CButton.propTypes) === null || _m === void 0 ? void 0 : _m.variant });
 
 var CDatePicker = forwardRef(function (_a, ref) {
     var date = _a.date, id = _a.id, onDateChange = _a.onDateChange, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select date' : _b, rest = __rest$1(_a, ["date", "id", "onDateChange", "placeholder"]);
     return (React$1.createElement(CDateRangePicker, __assign$1({ calendars: 1, id: id, startDate: date, onStartDateChange: onDateChange, placeholder: placeholder, range: false, ref: ref }, rest)));
 });
 CDatePicker.displayName = 'CDatePicker';
-CDatePicker.propTypes = __assign$1(__assign$1({}, CDateRangePicker.propTypes), { date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]), onDateChange: PropTypes.func });
+CDatePicker.propTypes = __assign$1(__assign$1({}, CDateRangePicker.propTypes), { date: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]), onDateChange: PropTypes$1.func });
 
 var getPlacement = function (placement, direction, alignment, isRTL) {
     var _placement = placement;
@@ -9702,34 +9759,34 @@ var CDropdown = forwardRef(function (_a, ref) {
             _b.show = _visible,
             _b), className) }, rest, { ref: forkedRef }), children))));
 });
-var alignmentDirection = PropTypes.oneOf(['start', 'end']);
+var alignmentDirection = PropTypes$1.oneOf(['start', 'end']);
 CDropdown.propTypes = {
-    alignment: PropTypes.oneOfType([
+    alignment: PropTypes$1.oneOfType([
         alignmentDirection,
-        PropTypes.shape({ xs: alignmentDirection.isRequired }),
-        PropTypes.shape({ sm: alignmentDirection.isRequired }),
-        PropTypes.shape({ md: alignmentDirection.isRequired }),
-        PropTypes.shape({ lg: alignmentDirection.isRequired }),
-        PropTypes.shape({ xl: alignmentDirection.isRequired }),
-        PropTypes.shape({ xxl: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ xs: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ sm: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ md: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ lg: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ xl: alignmentDirection.isRequired }),
+        PropTypes$1.shape({ xxl: alignmentDirection.isRequired }),
     ]),
-    autoClose: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['inside', 'outside']),
+    autoClose: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['inside', 'outside']),
     ]),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    dark: PropTypes.bool,
-    direction: PropTypes.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
-    offset: PropTypes.any,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    dark: PropTypes$1.bool,
+    direction: PropTypes$1.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
+    offset: PropTypes$1.any,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
     placement: placementPropType,
-    popper: PropTypes.bool,
-    portal: PropTypes.bool,
-    variant: PropTypes.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
-    visible: PropTypes.bool,
+    popper: PropTypes$1.bool,
+    portal: PropTypes$1.bool,
+    variant: PropTypes$1.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
+    visible: PropTypes$1.bool,
 };
 CDropdown.displayName = 'CDropdown';
 
@@ -9738,7 +9795,7 @@ var CDropdownDivider = forwardRef(function (_a, ref) {
     return React$1.createElement("hr", __assign$1({ className: classNames$1('dropdown-divider', className) }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
 };
 CDropdownDivider.displayName = 'CDropdownDivider';
 
@@ -9747,9 +9804,9 @@ var CDropdownHeader = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('dropdown-header', className) }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CDropdownHeader.displayName = 'CDropdownHeader';
 
@@ -9758,9 +9815,9 @@ var CDropdownItem = forwardRef(function (_a, ref) {
     return (React$1.createElement(CLink, __assign$1({ className: classNames$1('dropdown-item', className), component: component }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CDropdownItem.displayName = 'CDropdownItem';
 
@@ -9769,9 +9826,9 @@ var CDropdownItemPlain = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('dropdown-item-text', className) }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
@@ -9805,9 +9862,9 @@ var CDropdownMenu = forwardRef(function (_a, ref) {
             : children)));
 });
 CDropdownMenu.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 
@@ -9843,11 +9900,11 @@ var CDropdownToggle = function (_a) {
     return React$1.createElement(Toggler, null);
 };
 CDropdownToggle.propTypes = {
-    caret: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    custom: PropTypes.bool,
-    split: PropTypes.bool,
+    caret: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    custom: PropTypes$1.bool,
+    split: PropTypes$1.bool,
     trigger: triggerPropType,
 };
 CDropdownToggle.displayName = 'CDropdownToggle';
@@ -9862,12 +9919,12 @@ var CSpinner = forwardRef(function (_a, ref) {
         React$1.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
     color: colorPropType,
-    component: PropTypes.string,
-    size: PropTypes.oneOf(['sm']),
-    variant: PropTypes.oneOf(['border', 'grow']),
-    visuallyHiddenLabel: PropTypes.string,
+    component: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm']),
+    variant: PropTypes$1.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: PropTypes$1.string,
 };
 CSpinner.displayName = 'CSpinner';
 
@@ -9915,10 +9972,10 @@ var CElementCover = forwardRef(function (_a, ref) {
             } }, children || React$1.createElement(CSpinner, { variant: "grow", color: "primary" }))));
 });
 CElementCover.propTypes = {
-    boundaries: PropTypes.array,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    opacity: PropTypes.number,
+    boundaries: PropTypes$1.array,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    opacity: PropTypes$1.number,
 };
 CElementCover.displayName = 'CElementCover';
 
@@ -9928,9 +9985,9 @@ var CFooter = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className) }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    position: PropTypes.oneOf(['fixed', 'sticky']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    position: PropTypes$1.oneOf(['fixed', 'sticky']),
 };
 CFooter.displayName = 'CFooter';
 
@@ -9939,9 +9996,9 @@ var CForm = forwardRef(function (_a, ref) {
     return (React$1.createElement("form", __assign$1({ className: classNames$1({ 'was-validated': validated }, className) || undefined }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    validated: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    validated: PropTypes$1.bool,
 };
 CForm.displayName = 'CForm';
 
@@ -9993,7 +10050,7 @@ var CFormCheck = forwardRef(function (_a, ref) {
     };
     return React$1.createElement(FormCheck, null);
 });
-CFormCheck.propTypes = __assign$1({ button: PropTypes.object, className: PropTypes.string, hitArea: PropTypes.oneOf(['full']), id: PropTypes.string, indeterminate: PropTypes.bool, inline: PropTypes.bool, label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), reverse: PropTypes.bool, type: PropTypes.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+CFormCheck.propTypes = __assign$1({ button: PropTypes$1.object, className: PropTypes$1.string, hitArea: PropTypes$1.oneOf(['full']), id: PropTypes$1.string, indeterminate: PropTypes$1.bool, inline: PropTypes$1.bool, label: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]), reverse: PropTypes$1.bool, type: PropTypes$1.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
 CFormCheck.displayName = 'CFormCheck';
 
 var CFormInput = forwardRef(function (_a, ref) {
@@ -10012,7 +10069,7 @@ var CFormInput = forwardRef(function (_a, ref) {
                 _b['is-valid'] = valid,
                 _b), className), id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
 });
-CFormInput.propTypes = __assign$1({ className: PropTypes.string, id: PropTypes.string, delay: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]), plainText: PropTypes.bool, size: PropTypes.oneOf(['sm', 'lg']), type: PropTypes.oneOfType([PropTypes.oneOf(['color', 'file', 'text']), PropTypes.string]) }, CFormControlWrapper.propTypes);
+CFormInput.propTypes = __assign$1({ className: PropTypes$1.string, id: PropTypes$1.string, delay: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.number]), plainText: PropTypes$1.bool, size: PropTypes$1.oneOf(['sm', 'lg']), type: PropTypes$1.oneOfType([PropTypes$1.oneOf(['color', 'file', 'text']), PropTypes$1.string]) }, CFormControlWrapper.propTypes);
 CFormInput.displayName = 'CFormInput';
 
 var CFormRange = forwardRef(function (_a, ref) {
@@ -10022,8 +10079,8 @@ var CFormRange = forwardRef(function (_a, ref) {
         React$1.createElement("input", __assign$1({ type: "range", className: classNames$1('form-range', className) }, rest, { ref: ref }))));
 });
 CFormRange.propTypes = {
-    className: PropTypes.string,
-    label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    className: PropTypes$1.string,
+    label: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
 };
 CFormRange.displayName = 'CFormRange';
 
@@ -10043,7 +10100,7 @@ var CFormSelect = forwardRef(function (_a, ref) {
             })
             : children)));
 });
-CFormSelect.propTypes = __assign$1({ className: PropTypes.string, htmlSize: PropTypes.number, options: PropTypes.array }, CFormControlWrapper.propTypes);
+CFormSelect.propTypes = __assign$1({ className: PropTypes$1.string, htmlSize: PropTypes$1.number, options: PropTypes$1.array }, CFormControlWrapper.propTypes);
 CFormSelect.displayName = 'CFormSelect';
 
 var CFormSwitch = forwardRef(function (_a, ref) {
@@ -10063,14 +10120,14 @@ var CFormSwitch = forwardRef(function (_a, ref) {
         label && (React$1.createElement(CFormLabel, __assign$1({ customClassName: "form-check-label" }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
-    className: PropTypes.string,
-    id: PropTypes.string,
-    invalid: PropTypes.bool,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    reverse: PropTypes.bool,
-    size: PropTypes.oneOf(['lg', 'xl']),
-    type: PropTypes.oneOf(['checkbox', 'radio']),
-    valid: PropTypes.bool,
+    className: PropTypes$1.string,
+    id: PropTypes$1.string,
+    invalid: PropTypes$1.bool,
+    label: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    reverse: PropTypes$1.bool,
+    size: PropTypes$1.oneOf(['lg', 'xl']),
+    type: PropTypes$1.oneOf(['checkbox', 'radio']),
+    valid: PropTypes$1.bool,
 };
 CFormSwitch.displayName = 'CFormSwitch';
 
@@ -10082,7 +10139,7 @@ var CFormTextarea = forwardRef(function (_a, ref) {
                 'is-valid': valid,
             }, className), id: id }, rest, { ref: ref }), children)));
 });
-CFormTextarea.propTypes = __assign$1({ className: PropTypes.string, id: PropTypes.string, plainText: PropTypes.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.propTypes = __assign$1({ className: PropTypes$1.string, id: PropTypes$1.string, plainText: PropTypes$1.bool }, CFormControlWrapper.propTypes);
 CFormTextarea.displayName = 'CFormTextarea';
 
 var CInputGroup = forwardRef(function (_a, ref) {
@@ -10093,9 +10150,9 @@ var CInputGroup = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CInputGroup.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    size: PropTypes.oneOf(['sm', 'lg']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
 };
 CInputGroup.displayName = 'CInputGroup';
 
@@ -10104,9 +10161,9 @@ var CInputGroupText = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('input-group-text', className) }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CInputGroupText.displayName = 'CInputGroupText';
 
@@ -10148,27 +10205,27 @@ var CCol = forwardRef(function (_a, ref) {
     });
     return (React$1.createElement("div", __assign$1({ className: classNames$1(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col', className) }, rest, { ref: ref }), children));
 });
-var span = PropTypes.oneOfType([
-    PropTypes.bool,
-    PropTypes.number,
-    PropTypes.string,
-    PropTypes.oneOf(['auto']),
+var span = PropTypes$1.oneOfType([
+    PropTypes$1.bool,
+    PropTypes$1.number,
+    PropTypes$1.string,
+    PropTypes$1.oneOf(['auto']),
 ]);
-var col = PropTypes.oneOfType([
+var col = PropTypes$1.oneOfType([
     span,
-    PropTypes.shape({
+    PropTypes$1.shape({
         span: span,
-        offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        order: PropTypes.oneOfType([
-            PropTypes.oneOf(['first', 'last']),
-            PropTypes.number,
-            PropTypes.string,
+        offset: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
+        order: PropTypes$1.oneOfType([
+            PropTypes$1.oneOf(['first', 'last']),
+            PropTypes$1.number,
+            PropTypes$1.string,
         ]),
     }),
 ]);
 CCol.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     xs: col,
     sm: col,
     md: col,
@@ -10197,14 +10254,14 @@ var CContainer = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'container', className) }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    sm: PropTypes.bool,
-    md: PropTypes.bool,
-    lg: PropTypes.bool,
-    xl: PropTypes.bool,
-    xxl: PropTypes.bool,
-    fluid: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    sm: PropTypes$1.bool,
+    md: PropTypes$1.bool,
+    lg: PropTypes$1.bool,
+    xl: PropTypes$1.bool,
+    xxl: PropTypes$1.bool,
+    fluid: PropTypes$1.bool,
 };
 CContainer.displayName = 'CContainer';
 
@@ -10240,15 +10297,15 @@ var CRow = forwardRef(function (_a, ref) {
     });
     return (React$1.createElement("div", { className: classNames$1('row', repsonsiveClassNames, className), ref: ref }, children));
 });
-var bp = PropTypes.shape({
-    cols: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.string]),
-    gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    gutterX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    gutterY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+var bp = PropTypes$1.shape({
+    cols: PropTypes$1.oneOfType([PropTypes$1.oneOf(['auto']), PropTypes$1.number, PropTypes$1.string]),
+    gutter: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
+    gutterX: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
+    gutterY: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
 });
 CRow.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     xs: bp,
     sm: bp,
     md: bp,
@@ -10264,11 +10321,11 @@ var CHeader = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('header', (_b = {}, _b["header-".concat(position)] = position, _b), className) }, rest, { ref: ref }), container ? (React$1.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React$1.createElement(React$1.Fragment, null, children))));
 });
 CHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    container: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf([
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    container: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf([
             'sm',
             'md',
             'lg',
@@ -10277,7 +10334,7 @@ CHeader.propTypes = {
             'fluid',
         ]),
     ]),
-    position: PropTypes.oneOf(['fixed', 'sticky']),
+    position: PropTypes$1.oneOf(['fixed', 'sticky']),
 };
 CHeader.displayName = 'CHeader';
 
@@ -10286,9 +10343,9 @@ var CHeaderBrand = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('header-brand', className) }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CHeaderBrand.displayName = 'CHeaderBrand';
 
@@ -10297,7 +10354,7 @@ var CHeaderDivider = forwardRef(function (_a, ref) {
     return React$1.createElement("div", __assign$1({ className: classNames$1('header-divider', className) }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
 };
 CHeaderDivider.displayName = 'CHeaderDivider';
 
@@ -10306,9 +10363,9 @@ var CHeaderNav = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('header-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CHeaderNav.displayName = 'CHeaderNav';
 
@@ -10317,8 +10374,8 @@ var CHeaderText = forwardRef(function (_a, ref) {
     return (React$1.createElement("span", __assign$1({ className: classNames$1('header-text', className) }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CHeaderText.displayName = 'CHeaderText';
 
@@ -10327,8 +10384,8 @@ var CHeaderToggler = forwardRef(function (_a, ref) {
     return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('header-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React$1.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CHeaderToggler.displayName = 'CHeaderToggler';
 
@@ -10344,11 +10401,11 @@ var CImage = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref })));
 });
 CImage.propTypes = {
-    align: PropTypes.oneOf(['start', 'center', 'end']),
-    className: PropTypes.string,
-    fluid: PropTypes.bool,
-    rounded: PropTypes.bool,
-    thumbnail: PropTypes.bool,
+    align: PropTypes$1.oneOf(['start', 'center', 'end']),
+    className: PropTypes$1.string,
+    fluid: PropTypes$1.bool,
+    rounded: PropTypes$1.bool,
+    thumbnail: PropTypes$1.bool,
 };
 CImage.displayName = 'CImage';
 
@@ -10362,11 +10419,11 @@ var CListGroup = forwardRef(function (_a, ref) {
             _b), className), ref: ref }, children));
 });
 CListGroup.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    flush: PropTypes.bool,
-    layout: PropTypes.oneOf([
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    flush: PropTypes$1.bool,
+    layout: PropTypes$1.oneOf([
         'horizontal',
         'horizontal-sm',
         'horizontal-md',
@@ -10395,12 +10452,12 @@ var CListGroupItem = forwardRef(function (_a, ref) {
             _b), className) }, rest), children));
 });
 CListGroupItem.propTypes = {
-    active: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
+    active: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    component: PropTypes.elementType,
-    disabled: PropTypes.bool,
+    component: PropTypes$1.elementType,
+    disabled: PropTypes$1.bool,
 };
 CListGroupItem.displayName = 'CListGroupItem';
 
@@ -10424,13 +10481,13 @@ var CLoadingButton = forwardRef(function (_a, ref) {
         children));
 });
 CLoadingButton.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    disabledOnLoading: PropTypes.bool,
-    loading: PropTypes.bool,
-    onClick: PropTypes.func,
-    spinnerType: PropTypes.oneOf(['border', 'grow']),
-    timeout: PropTypes.number,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    disabledOnLoading: PropTypes$1.bool,
+    loading: PropTypes$1.bool,
+    onClick: PropTypes$1.func,
+    spinnerType: PropTypes$1.oneOf(['border', 'grow']),
+    timeout: PropTypes$1.number,
 };
 CLoadingButton.displayName = 'CLoadingButton';
 
@@ -10439,8 +10496,8 @@ var CModalContent = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-content', className) }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CModalContent.displayName = 'CModalContent';
 
@@ -10458,26 +10515,27 @@ var CModalDialog = forwardRef(function (_a, ref) {
             _b), className) }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
-    alignment: PropTypes.oneOf(['top', 'center']),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    fullscreen: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: PropTypes$1.oneOf(['top', 'center']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    fullscreen: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scrollable: PropTypes.bool,
-    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
+    scrollable: PropTypes$1.bool,
+    size: PropTypes$1.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, rest = __rest$1(_a, ["children", "alignment", "backdrop", "className", "duration", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "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, _d = _a.focus, focus = _d === void 0 ? true : _d, fullscreen = _a.fullscreen, _e = _a.keyboard, keyboard = _e === void 0 ? true : _e, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _f = _a.portal, portal = _f === void 0 ? true : _f, scrollable = _a.scrollable, size = _a.size, _g = _a.transition, transition = _g === void 0 ? true : _g, _h = _a.unmountOnClose, unmountOnClose = _h === void 0 ? true : _h, visible = _a.visible, rest = __rest$1(_a, ["children", "alignment", "backdrop", "className", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
+    var activeElementRef = useRef(null);
     var modalRef = useRef(null);
     var modalContentRef = useRef(null);
     var forkedRef = useForkedRef(ref, modalRef);
-    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
-    var _j = useState(false), staticBackdrop = _j[0], setStaticBackdrop = _j[1];
+    var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
+    var _k = useState(false), staticBackdrop = _k[0], setStaticBackdrop = _k[1];
     var contextValues = {
         visible: _visible,
         setVisible: setVisible,
@@ -10486,10 +10544,15 @@ var CModal = forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     useEffect(function () {
+        var _a;
         if (_visible) {
+            activeElementRef.current = document.activeElement;
             document.addEventListener('mouseup', handleClickOutside);
             document.addEventListener('keydown', handleKeyDown);
         }
+        else {
+            (_a = activeElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
         return function () {
             document.removeEventListener('mouseup', handleClickOutside);
             document.removeEventListener('keydown', handleKeyDown);
@@ -10516,7 +10579,7 @@ var CModal = forwardRef(function (_a, ref) {
             }
             setTimeout(function () {
                 var _a;
-                (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                focus && ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus());
             }, transition ? duration : 0);
         }
         else {
@@ -10548,36 +10611,39 @@ var CModal = forwardRef(function (_a, ref) {
     return (React$1.createElement(React$1.Fragment, null,
         React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, function (state) { return (React$1.createElement(CConditionalPortal, { portal: portal },
             React$1.createElement(CModalContext.Provider, { value: contextValues },
-                React$1.createElement("div", { className: classNames$1('modal', {
+                React$1.createElement("div", __assign$1({ className: classNames$1('modal', {
                         'modal-static': staticBackdrop,
                         fade: transition,
                         show: state === 'entered',
-                    }, className), tabIndex: -1, role: "dialog", style: __assign$1({}, (state !== 'exited' && { display: 'block' })), ref: forkedRef },
+                    }, className), tabIndex: -1 }, (_visible
+                    ? { 'aria-modal': true, role: 'dialog' }
+                    : { 'aria-hidden': 'true' }), { style: __assign$1({}, (state !== 'exited' && { display: 'block' })) }, rest, { ref: forkedRef }),
                     React$1.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                        React$1.createElement(CModalContent, __assign$1({}, rest, { ref: modalContentRef }), children)))))); }),
+                        React$1.createElement(CModalContent, { ref: modalContentRef }, children)))))); }),
         backdrop && (React$1.createElement(CConditionalPortal, { portal: portal },
             React$1.createElement(CBackdrop, { visible: _visible })))));
 });
 CModal.propTypes = {
-    alignment: PropTypes.oneOf(['top', 'center']),
-    backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    duration: PropTypes.number,
-    fullscreen: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: PropTypes$1.oneOf(['top', 'center']),
+    backdrop: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.oneOf(['static'])]),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    duration: PropTypes$1.number,
+    focus: PropTypes$1.bool,
+    fullscreen: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    keyboard: PropTypes.bool,
-    onClose: PropTypes.func,
-    onClosePrevented: PropTypes.func,
-    onShow: PropTypes.func,
-    portal: PropTypes.bool,
-    scrollable: PropTypes.bool,
-    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
-    transition: PropTypes.bool,
-    unmountOnClose: PropTypes.bool,
-    visible: PropTypes.bool,
+    keyboard: PropTypes$1.bool,
+    onClose: PropTypes$1.func,
+    onClosePrevented: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    portal: PropTypes$1.bool,
+    scrollable: PropTypes$1.bool,
+    size: PropTypes$1.oneOf(['sm', 'lg', 'xl']),
+    transition: PropTypes$1.bool,
+    unmountOnClose: PropTypes$1.bool,
+    visible: PropTypes$1.bool,
 };
 CModal.displayName = 'CModal';
 
@@ -10586,8 +10652,8 @@ var CModalBody = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-body', className) }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CModalBody.displayName = 'CModalBody';
 
@@ -10596,8 +10662,8 @@ var CModalFooter = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('modal-footer', className) }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CModalFooter.displayName = 'CModalFooter';
 
@@ -10609,9 +10675,9 @@ var CModalHeader = forwardRef(function (_a, ref) {
         closeButton && React$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
 CModalHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    closeButton: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    closeButton: PropTypes$1.bool,
 };
 CModalHeader.displayName = 'CModalHeader';
 
@@ -10620,9 +10686,9 @@ var CModalTitle = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('modal-title', className) }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CModalTitle.displayName = 'CModalTitle';
 
@@ -10637,11 +10703,11 @@ var CMultiSelectNativeSelect = forwardRef(function (_a, ref) {
     return (React$1.createElement("select", __assign$1({ className: "multi-select-new" }, (id && { id: "".concat(id, "-multi-select") }), (id && { name: "".concat(id, "-multi-select") }), { tabIndex: -1, style: { display: 'none' } }, rest, { ref: ref }), options && createNativeOptions(options)));
 });
 CMultiSelectNativeSelect.propTypes = {
-    options: PropTypes.array,
-    value: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string.isRequired),
+    options: PropTypes$1.array,
+    value: PropTypes$1.oneOfType([
+        PropTypes$1.number,
+        PropTypes$1.string,
+        PropTypes$1.arrayOf(PropTypes$1.string.isRequired),
     ]),
 };
 CMultiSelectNativeSelect.displayName = 'CMultiSelectNativeSelect';
@@ -10714,8 +10780,8 @@ var CVirtualScroller = forwardRef(function (_a, ref) {
         }))));
 });
 CVirtualScroller.propTypes = {
-    onScroll: PropTypes.func,
-    visibleItems: PropTypes.number.isRequired,
+    onScroll: PropTypes$1.func,
+    visibleItems: PropTypes$1.number.isRequired,
 };
 CVirtualScroller.displayName = 'CVirtualScroller';
 
@@ -10856,16 +10922,16 @@ var CMultiSelectOptions = forwardRef(function (_a, ref) {
         loading && React$1.createElement(CElementCover, null)));
 });
 CMultiSelectOptions.propTypes = {
-    handleOptionOnClick: PropTypes.func,
-    loading: PropTypes.bool,
-    options: PropTypes.array.isRequired,
-    optionsMaxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    optionsStyle: PropTypes.oneOf(['checkbox', 'text']),
-    optionsTemplate: PropTypes.func,
-    optionsGroupsTemplate: PropTypes.func,
-    searchNoResultsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    virtualScroller: PropTypes.bool,
-    visibleItems: PropTypes.number,
+    handleOptionOnClick: PropTypes$1.func,
+    loading: PropTypes$1.bool,
+    options: PropTypes$1.array.isRequired,
+    optionsMaxHeight: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
+    optionsStyle: PropTypes$1.oneOf(['checkbox', 'text']),
+    optionsTemplate: PropTypes$1.func,
+    optionsGroupsTemplate: PropTypes$1.func,
+    searchNoResultsLabel: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    virtualScroller: PropTypes$1.bool,
+    visibleItems: PropTypes$1.number,
 };
 CMultiSelectOptions.displayName = 'CMultiSelectOptions';
 
@@ -10901,13 +10967,13 @@ var CMultiSelectSelection = forwardRef(function (_a, ref) {
         children));
 });
 CMultiSelectSelection.propTypes = {
-    multiple: PropTypes.bool,
-    onRemove: PropTypes.func,
-    placeholder: PropTypes.string,
-    search: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['external'])]),
-    selected: PropTypes.array,
-    selectionType: PropTypes.oneOf(['counter', 'tags', 'text']),
-    selectionTypeCounterText: PropTypes.string,
+    multiple: PropTypes$1.bool,
+    onRemove: PropTypes$1.func,
+    placeholder: PropTypes$1.string,
+    search: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.oneOf(['external'])]),
+    selected: PropTypes$1.array,
+    selectionType: PropTypes$1.oneOf(['counter', 'tags', 'text']),
+    selectionTypeCounterText: PropTypes$1.string,
 };
 CMultiSelectSelection.displayName = 'CMultiSelectSelection';
 
@@ -11096,7 +11162,7 @@ var CMultiSelect = forwardRef(function (_a, ref) {
                         ? userOption || []
                         : filteredOptions, optionsMaxHeight: optionsMaxHeight, optionsStyle: optionsStyle, optionsTemplate: optionsTemplate, optionsGroupsTemplate: optionsGroupsTemplate, searchNoResultsLabel: searchNoResultsLabel, selected: selected, virtualScroller: virtualScroller, visibleItems: visibleItems })))));
 });
-CMultiSelect.propTypes = __assign$1({ className: PropTypes.string, cleaner: PropTypes.bool, clearSearchOnSelect: PropTypes.bool, disabled: PropTypes.bool, loading: PropTypes.bool, multiple: PropTypes.bool, onChange: PropTypes.func, onFilterChange: PropTypes.func, onHide: PropTypes.func, onShow: PropTypes.func, options: PropTypes.array.isRequired, optionsMaxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]), optionsStyle: PropTypes.oneOf(['checkbox', 'text']), optionsTemplate: PropTypes.func, optionsGroupsTemplate: PropTypes.func, placeholder: PropTypes.string, required: PropTypes.bool, search: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['external'])]), searchNoResultsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), selectAll: PropTypes.bool, selectAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), selectionType: PropTypes.oneOf(['counter', 'tags', 'text']), selectionTypeCounterText: PropTypes.string, size: PropTypes.oneOf(['sm', 'lg']), virtualScroller: PropTypes.bool, visible: PropTypes.bool, visibleItems: PropTypes.number }, CFormControlWrapper.propTypes);
+CMultiSelect.propTypes = __assign$1({ className: PropTypes$1.string, cleaner: PropTypes$1.bool, clearSearchOnSelect: PropTypes$1.bool, disabled: PropTypes$1.bool, loading: PropTypes$1.bool, multiple: PropTypes$1.bool, onChange: PropTypes$1.func, onFilterChange: PropTypes$1.func, onHide: PropTypes$1.func, onShow: PropTypes$1.func, options: PropTypes$1.array.isRequired, optionsMaxHeight: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]), optionsStyle: PropTypes$1.oneOf(['checkbox', 'text']), optionsTemplate: PropTypes$1.func, optionsGroupsTemplate: PropTypes$1.func, placeholder: PropTypes$1.string, required: PropTypes$1.bool, search: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.oneOf(['external'])]), searchNoResultsLabel: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]), selectAll: PropTypes$1.bool, selectAllLabel: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]), selectionType: PropTypes$1.oneOf(['counter', 'tags', 'text']), selectionTypeCounterText: PropTypes$1.string, size: PropTypes$1.oneOf(['sm', 'lg']), virtualScroller: PropTypes$1.bool, visible: PropTypes$1.bool, visibleItems: PropTypes$1.number }, CFormControlWrapper.propTypes);
 CMultiSelect.displayName = 'CMultiSelect';
 
 var CNav = forwardRef(function (_a, ref) {
@@ -11108,11 +11174,11 @@ var CNav = forwardRef(function (_a, ref) {
             _b), className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
-    layout: PropTypes.oneOf(['fill', 'justified']),
-    variant: PropTypes.oneOf(['tabs', 'pills', 'underline']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    layout: PropTypes$1.oneOf(['fill', 'justified']),
+    variant: PropTypes$1.oneOf(['tabs', 'pills', 'underline']),
 };
 CNav.displayName = 'CNav';
 
@@ -11121,8 +11187,8 @@ var CNavGroupItems = forwardRef(function (_a, ref) {
     return (React$1.createElement("ul", __assign$1({ className: classNames$1('nav-group-items', className) }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CNavGroupItems.displayName = 'CNavGroupItems';
 
@@ -11146,19 +11212,24 @@ var CSidebarNav = forwardRef(function (_a, ref) {
         }))));
 });
 CSidebarNav.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CSidebarNav.displayName = 'CSidebarNav';
 
+var isInVisibleGroup = function (el1, el2) {
+    var array1 = el1.toString().split('.');
+    var array2 = el2.toString().split('.');
+    return array2.every(function (item, index) { return item === array1[index]; });
+};
 var CNavGroup = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, compact = _a.compact, idx = _a.idx, toggler = _a.toggler, visible = _a.visible, rest = __rest$1(_a, ["children", "className", "compact", "idx", "toggler", "visible"]);
     var _b = useState(), height = _b[0], setHeight = _b[1];
     var navItemsRef = useRef(null);
     var _c = useContext(CNavContext), visibleGroup = _c.visibleGroup, setVisibleGroup = _c.setVisibleGroup;
-    var _d = useState(Boolean(visible || (idx && visibleGroup && visibleGroup.toString().startsWith(idx.toString())))), _visible = _d[0], setVisible = _d[1];
+    var _d = useState(Boolean(visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)))), _visible = _d[0], setVisible = _d[1];
     useEffect(function () {
-        setVisible(Boolean(idx && visibleGroup && visibleGroup.toString().startsWith(idx.toString())));
+        setVisible(Boolean(idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)));
     }, [visibleGroup]);
     var handleTogglerOnCLick = function (event) {
         event.preventDefault();
@@ -11208,12 +11279,12 @@ var CNavGroup = forwardRef(function (_a, ref) {
         }))); })));
 });
 CNavGroup.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    compact: PropTypes.bool,
-    idx: PropTypes.string,
-    toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    visible: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    compact: PropTypes$1.bool,
+    idx: PropTypes$1.string,
+    toggler: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    visible: PropTypes$1.bool,
 };
 CNavGroup.displayName = 'CNavGroup';
 
@@ -11230,9 +11301,9 @@ var CNavLink = forwardRef(function (_a, ref) {
     return (React$1.createElement(CLink, __assign$1({ className: classNames$1('nav-link', className) }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    idx: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    idx: PropTypes$1.string,
 };
 CNavLink.displayName = 'CNavLink';
 
@@ -11241,8 +11312,8 @@ var CNavItem = forwardRef(function (_a, ref) {
     return (React$1.createElement("li", { className: classNames$1('nav-item', className), ref: ref }, rest.href || rest.to ? (React$1.createElement(CNavLink, __assign$1({ className: className }, rest), children)) : (children)));
 });
 CNavItem.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CNavItem.displayName = 'CNavItem';
 
@@ -11251,8 +11322,8 @@ var CNavTitle = forwardRef(function (_a, ref) {
     return (React$1.createElement("li", __assign$1({ className: classNames$1('nav-title', className) }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CNavTitle.displayName = 'CNavTitle';
 
@@ -11266,14 +11337,14 @@ var CNavbar = forwardRef(function (_a, ref) {
             _b), placement, className) }, rest, { ref: ref }), container ? (React$1.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React$1.createElement(React$1.Fragment, null, children))));
 });
 CNavbar.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    colorScheme: PropTypes.oneOf(['dark', 'light']),
-    component: PropTypes.elementType,
-    container: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf([
+    colorScheme: PropTypes$1.oneOf(['dark', 'light']),
+    component: PropTypes$1.elementType,
+    container: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf([
             'sm',
             'md',
             'lg',
@@ -11282,11 +11353,11 @@ CNavbar.propTypes = {
             'fluid',
         ]),
     ]),
-    expand: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    expand: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    placement: PropTypes.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
+    placement: PropTypes$1.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
 };
 CNavbar.displayName = 'CNavbar';
 
@@ -11296,9 +11367,9 @@ var CNavbarBrand = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('navbar-brand', className) }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CNavbarBrand.displayName = 'CNavbarBrand';
 
@@ -11307,9 +11378,9 @@ var CNavbarNav = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('navbar-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CNavbarNav.displayName = 'CNavbarNav';
 
@@ -11318,8 +11389,8 @@ var CNavbarText = forwardRef(function (_a, ref) {
     return (React$1.createElement("span", __assign$1({ className: classNames$1('navbar-text', className) }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CNavbarText.displayName = 'CNavbarText';
 
@@ -11328,8 +11399,8 @@ var CNavbarToggler = forwardRef(function (_a, ref) {
     return (React$1.createElement("button", __assign$1({ type: "button", className: classNames$1('navbar-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React$1.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CNavbarToggler.displayName = 'CNavbarToggler';
 
@@ -11381,21 +11452,21 @@ var COffcanvas = forwardRef(function (_a, ref) {
             React$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible })))));
 });
 COffcanvas.propTypes = {
-    backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    keyboard: PropTypes.bool,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    placement: PropTypes.oneOf(['start', 'end', 'top', 'bottom'])
+    backdrop: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.oneOf(['static'])]),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    keyboard: PropTypes$1.bool,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    placement: PropTypes$1.oneOf(['start', 'end', 'top', 'bottom'])
         .isRequired,
-    portal: PropTypes.bool,
-    responsive: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    portal: PropTypes$1.bool,
+    responsive: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scroll: PropTypes.bool,
-    visible: PropTypes.bool,
+    scroll: PropTypes$1.bool,
+    visible: PropTypes$1.bool,
 };
 COffcanvas.displayName = 'COffcanvas';
 
@@ -11404,8 +11475,8 @@ var COffcanvasBody = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('offcanvas-body', className) }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 COffcanvasBody.displayName = 'COffcanvasBody';
 
@@ -11414,8 +11485,8 @@ var COffcanvasHeader = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('offcanvas-header', className) }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 COffcanvasHeader.displayName = 'COffcanvasHeader';
 
@@ -11424,9 +11495,9 @@ var COffcanvasTitle = forwardRef(function (_a, ref) {
     return (React$1.createElement(Component, __assign$1({ className: classNames$1('offcanvas-title', className) }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 COffcanvasTitle.displayName = 'COffcanvasTitle';
 
@@ -11440,10 +11511,10 @@ var CPagination = forwardRef(function (_a, ref) {
                 _b), className) }, children)));
 });
 CPagination.propTypes = {
-    align: PropTypes.oneOf(['start', 'center', 'end']),
-    children: PropTypes.node,
-    className: PropTypes.string,
-    size: PropTypes.oneOf(['sm', 'lg']),
+    align: PropTypes$1.oneOf(['start', 'center', 'end']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
 };
 CPagination.displayName = 'CPagination';
 
@@ -11456,9 +11527,9 @@ var CPaginationItem = forwardRef(function (_a, ref) {
         }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React$1.createElement(CLink, __assign$1({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React$1.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    component: PropTypes.elementType,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
 };
 CPaginationItem.displayName = 'CPaginationItem';
 
@@ -11491,12 +11562,12 @@ var CPlaceholder = forwardRef(function (_a, ref) {
             _b), repsonsiveClassNames, className) }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
-    animation: PropTypes.oneOf(['glow', 'wave']),
-    children: PropTypes.node,
-    className: PropTypes.string,
+    animation: PropTypes$1.oneOf(['glow', 'wave']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    component: PropTypes.elementType,
-    size: PropTypes.oneOf(['xs', 'sm', 'lg']),
+    component: PropTypes$1.elementType,
+    size: PropTypes$1.oneOf(['xs', 'sm', 'lg']),
 };
 CPlaceholder.displayName = 'CPlaceholder';
 
@@ -11509,8 +11580,8 @@ var CProgressStacked = forwardRef(function (_a, ref) {
             } }, children)));
 });
 CProgressStacked.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CProgressStacked.displayName = 'CProgressStacked';
 
@@ -11525,12 +11596,12 @@ var CProgressBar = forwardRef(function (_a, ref) {
             _b), className) }, (!stacked && { style: { width: "".concat(value, "%") } }), rest, { ref: ref }), children));
 });
 CProgressBar.propTypes = {
-    animated: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
-    value: PropTypes.number,
-    variant: PropTypes.oneOf(['striped']),
+    animated: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    color: PropTypes$1.oneOfType([colorPropType, gradientsPropType]),
+    value: PropTypes$1.number,
+    variant: PropTypes$1.oneOf(['striped']),
 };
 CProgressBar.displayName = 'CProgressBar';
 
@@ -11556,13 +11627,13 @@ var CProgress = forwardRef(function (_a, ref) {
     })) : (React$1.createElement(CProgressBar, __assign$1({}, (progressBarClassName && { className: progressBarClassName }), { value: value }, rest), children))));
 });
 CProgress.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    height: PropTypes.number,
-    progressBarClassName: PropTypes.string,
-    thin: PropTypes.bool,
-    value: PropTypes.number,
-    white: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    height: PropTypes$1.number,
+    progressBarClassName: PropTypes$1.string,
+    thin: PropTypes$1.bool,
+    value: PropTypes$1.number,
+    white: PropTypes$1.bool,
 };
 CProgress.displayName = 'CProgress';
 
@@ -11627,7 +11698,7 @@ var CPopover = function (_a) {
         typeof window !== 'undefined' &&
             createPortal(React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
-                    exit: 200,
+                    exit: popoverRef.current ? getTransitionDurationFromElement(popoverRef.current) + 50 : 200,
                 }, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('popover', 'bs-popover-auto', {
                     fade: animation,
                     show: state === 'entered',
@@ -11637,25 +11708,25 @@ var CPopover = function (_a) {
                 React$1.createElement("div", { className: "popover-body" }, content))); }), document.body)));
 };
 CPopover.propTypes = {
-    animation: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    delay: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.shape({
-            show: PropTypes.number.isRequired,
-            hide: PropTypes.number.isRequired,
+    animation: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    content: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    delay: PropTypes$1.oneOfType([
+        PropTypes$1.number,
+        PropTypes$1.shape({
+            show: PropTypes$1.number.isRequired,
+            hide: PropTypes$1.number.isRequired,
         }),
     ]),
     fallbackPlacements: fallbackPlacementsPropType,
-    offset: PropTypes.any,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    offset: PropTypes$1.any,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    placement: PropTypes$1.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
     trigger: triggerPropType,
-    visible: PropTypes.bool,
+    visible: PropTypes$1.bool,
 };
 CPopover.displayName = 'CPopover';
 
@@ -11681,6 +11752,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
 
 var __assign = function() {
     __assign = Object.assign || function __assign(t) {
@@ -11703,6 +11776,15 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
 var propTypes = {exports: {}};
@@ -11928,14 +12010,12 @@ var hasRequiredReactIs;
 function requireReactIs () {
 	if (hasRequiredReactIs) return reactIs.exports;
 	hasRequiredReactIs = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireReactIs_production_min();
-		} else {
-		  module.exports = requireReactIs_development();
-		}
-} (reactIs));
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
 	return reactIs.exports;
 }
 
@@ -12887,12 +12967,15 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
 var classnames = {exports: {}};
 
 /*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
 */
 
 (function (module) {
@@ -12921,14 +13004,15 @@ var classnames = {exports: {}};
 						}
 					}
 				} else if (argType === 'object') {
-					if (arg.toString === Object.prototype.toString) {
-						for (var key in arg) {
-							if (hasOwn.call(arg, key) && arg[key]) {
-								classes.push(key);
-							}
-						}
-					} else {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
 						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
 					}
 				}
 			}
@@ -12942,10 +13026,11 @@ var classnames = {exports: {}};
 		} else {
 			window.classNames = classNames;
 		}
-	}());
+	}()); 
 } (classnames));
 
-var classNames = classnames.exports;
+var classnamesExports = classnames.exports;
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 var toCamelCase = function (str) {
     return str
@@ -12972,11 +13057,9 @@ var CIcon = forwardRef(function (_a, ref) {
             console.warn('[CIcon] The `name` property is deprecated and will be removed in v3, please use `icon="..."` instead of.');
     }
     useMemo(function () { return setChange(change + 1); }, [_icon, JSON.stringify(_icon)]);
-    var iconName = useMemo(function () {
-        return _icon && typeof _icon === 'string' && _icon.includes('-') ? toCamelCase(_icon) : _icon;
-    }, [change]);
     var titleCode = title ? "<title>".concat(title, "</title>") : '';
     var code = useMemo(function () {
+        var iconName = _icon && typeof _icon === 'string' && _icon.includes('-') ? toCamelCase(_icon) : _icon;
         if (Array.isArray(_icon)) {
             return _icon;
         }
@@ -12993,24 +13076,25 @@ var CIcon = forwardRef(function (_a, ref) {
     var viewBox = (function () {
         return rest['viewBox'] || "0 0 ".concat(scale);
     })();
-    // render
     var _className = customClassName
         ? classNames(customClassName)
         : classNames('icon', (_b = {},
             _b["icon-".concat(size)] = size,
             _b["icon-custom-size"] = height || width,
             _b), className);
-    return use ? (React$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
-        React$1.createElement("use", { href: use }))) : (React$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref })));
+    return (React$1.createElement(React$1.Fragment, null,
+        use ? (React$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", "aria-hidden": "true" }, rest, { ref: ref }),
+            React$1.createElement("use", { href: use }))) : (React$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref }))),
+        title && React$1.createElement("span", { className: "visually-hidden" }, title)));
 });
 CIcon.propTypes = {
-    className: propTypes.exports.string,
-    content: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
-    customClassName: propTypes.exports.string,
-    height: propTypes.exports.number,
-    icon: propTypes.exports.oneOfType([propTypes.exports.array, propTypes.exports.string]),
-    name: propTypes.exports.string,
-    size: propTypes.exports.oneOf([
+    className: PropTypes.string,
+    content: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+    customClassName: PropTypes.string,
+    height: PropTypes.number,
+    icon: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+    name: PropTypes.string,
+    size: PropTypes.oneOf([
         'custom',
         'custom-size',
         'sm',
@@ -13025,9 +13109,9 @@ CIcon.propTypes = {
         '8xl',
         '9xl',
     ]),
-    title: propTypes.exports.any,
-    use: propTypes.exports.any,
-    width: propTypes.exports.number,
+    title: PropTypes.any,
+    use: PropTypes.any,
+    width: PropTypes.number,
 };
 CIcon.displayName = 'CIcon';
 
@@ -13088,20 +13172,20 @@ var CSmartPagination = forwardRef(function (_a, ref) {
         doubleArrows && (React$1.createElement(CPaginationItem, { onClick: function () { return setPage(pages); }, "aria-label": "Go to last page", "aria-disabled": activePage === pages, disabled: activePage === pages }, lastButton))));
 });
 CSmartPagination.propTypes = {
-    className: PropTypes.oneOfType([PropTypes.string]),
-    activePage: PropTypes.number,
-    dots: PropTypes.bool,
-    arrows: PropTypes.bool,
-    doubleArrows: PropTypes.bool,
-    firstButton: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    previousButton: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    nextButton: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    lastButton: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-    size: PropTypes.oneOf(['sm', 'lg']),
-    align: PropTypes.oneOf(['start', 'center', 'end']),
-    limit: PropTypes.number,
-    pages: PropTypes.number.isRequired,
-    onActivePageChange: PropTypes.func,
+    className: PropTypes$1.oneOfType([PropTypes$1.string]),
+    activePage: PropTypes$1.number,
+    dots: PropTypes$1.bool,
+    arrows: PropTypes$1.bool,
+    doubleArrows: PropTypes$1.bool,
+    firstButton: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    previousButton: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    nextButton: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    lastButton: PropTypes$1.oneOfType([PropTypes$1.node, PropTypes$1.string]),
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+    align: PropTypes$1.oneOf(['start', 'center', 'end']),
+    limit: PropTypes$1.number,
+    pages: PropTypes$1.number.isRequired,
+    onActivePageChange: PropTypes$1.func,
 };
 CSmartPagination.displayName = 'CSmartPagination';
 
@@ -13113,8 +13197,8 @@ var CTableHead = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableHead.displayName = 'CTableHead';
@@ -13127,8 +13211,8 @@ var CTableHeaderCell = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableHeaderCell.displayName = 'CTableHeaderCell';
@@ -13141,8 +13225,8 @@ var CTableBody = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableBody.displayName = 'CTableBody';
@@ -13158,10 +13242,10 @@ var CTableDataCell = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
-    active: PropTypes.bool,
-    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
-    children: PropTypes.node,
-    className: PropTypes.string,
+    active: PropTypes$1.bool,
+    align: PropTypes$1.oneOf(['bottom', 'middle', 'top']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableDataCell.displayName = 'CTableDataCell';
@@ -13176,10 +13260,10 @@ var CTableRow = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
-    active: PropTypes.bool,
-    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
-    children: PropTypes.node,
-    className: PropTypes.string,
+    active: PropTypes$1.bool,
+    align: PropTypes$1.oneOf(['bottom', 'middle', 'top']),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableRow.displayName = 'CTableRow';
@@ -13192,8 +13276,8 @@ var CTableFoot = forwardRef(function (_a, ref) {
             _b), className) || undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
 };
 CTableFoot.displayName = 'CTableFoot';
@@ -13203,7 +13287,7 @@ var CTableCaption = forwardRef(function (_a, ref) {
     return (React$1.createElement("caption", __assign$1({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
-    children: PropTypes.node,
+    children: PropTypes$1.node,
 };
 CTableCaption.displayName = 'CTableCaption';
 
@@ -13212,10 +13296,10 @@ var CTableResponsiveWrapper = function (_a) {
     return responsive ? (React$1.createElement("div", __assign$1({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (React$1.createElement(React$1.Fragment, null, children));
 };
 CTableResponsiveWrapper.propTypes = {
-    children: PropTypes.node,
-    responsive: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    children: PropTypes$1.node,
+    responsive: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
 };
 CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
@@ -13271,28 +13355,28 @@ var CTable = forwardRef(function (_a, ref) {
                 React$1.createElement(CTableRow, null, footer.map(function (item, index) { return (React$1.createElement(CTableDataCell, __assign$1({}, (typeof item === 'object' && item._props && __assign$1({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
 });
 CTable.propTypes = {
-    align: PropTypes.oneOf(['bottom', 'middle', 'top']),
-    borderColor: PropTypes.string,
-    bordered: PropTypes.bool,
-    borderless: PropTypes.bool,
-    caption: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(['top'])]),
-    captionTop: PropTypes.string,
-    children: PropTypes.node,
-    className: PropTypes.string,
+    align: PropTypes$1.oneOf(['bottom', 'middle', 'top']),
+    borderColor: PropTypes$1.string,
+    bordered: PropTypes$1.bool,
+    borderless: PropTypes$1.bool,
+    caption: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.oneOf(['top'])]),
+    captionTop: PropTypes$1.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    columns: PropTypes.array,
-    footer: PropTypes.array,
-    hover: PropTypes.bool,
-    items: PropTypes.array,
-    responsive: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    columns: PropTypes$1.array,
+    footer: PropTypes$1.array,
+    hover: PropTypes$1.bool,
+    items: PropTypes$1.array,
+    responsive: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    small: PropTypes.bool,
-    striped: PropTypes.bool,
-    stripedColumns: PropTypes.bool,
-    tableFootProps: PropTypes.shape(__assign$1({}, CTableFoot.propTypes)),
-    tableHeadProps: PropTypes.shape(__assign$1({}, CTableHead.propTypes)),
+    small: PropTypes$1.bool,
+    striped: PropTypes$1.bool,
+    stripedColumns: PropTypes$1.bool,
+    tableFootProps: PropTypes$1.shape(__assign$1({}, CTableFoot.propTypes)),
+    tableHeadProps: PropTypes$1.shape(__assign$1({}, CTableHead.propTypes)),
 };
 CTable.displayName = 'CTable';
 
@@ -13551,16 +13635,16 @@ var CSmartTableBody = forwardRef(function (_a, ref) {
         React$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
 });
 CSmartTableBody.propTypes = {
-    clickableRows: PropTypes.bool,
-    currentItems: PropTypes.array.isRequired,
-    firstItemOnActivePageIndex: PropTypes.number.isRequired,
-    noItemsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    onRowChecked: PropTypes.func,
-    onRowClick: PropTypes.func,
-    columnNames: PropTypes.array.isRequired,
-    scopedColumns: PropTypes.object,
-    selectable: PropTypes.bool,
-    selected: PropTypes.array,
+    clickableRows: PropTypes$1.bool,
+    currentItems: PropTypes$1.array.isRequired,
+    firstItemOnActivePageIndex: PropTypes$1.number.isRequired,
+    noItemsLabel: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    onRowChecked: PropTypes$1.func,
+    onRowClick: PropTypes$1.func,
+    columnNames: PropTypes$1.array.isRequired,
+    scopedColumns: PropTypes$1.object,
+    selectable: PropTypes$1.bool,
+    selected: PropTypes$1.array,
 };
 CSmartTableBody.displayName = 'CSmartTableBody';
 
@@ -13638,23 +13722,23 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
             })))));
 });
 CSmartTableHead.propTypes = {
-    columnFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    columnFilterState: PropTypes.object,
-    columnSorter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    component: PropTypes.elementType,
-    children: PropTypes.node,
-    columns: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.any, PropTypes.string])).isRequired,
-    handleFilterOnChange: PropTypes.func,
-    handleFilterOnInput: PropTypes.func,
-    handleSelectAllChecked: PropTypes.func,
-    handleSort: PropTypes.func,
-    selectable: PropTypes.bool,
-    selectAll: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    selectedAll: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    sorterState: PropTypes.object,
-    sortingIcon: PropTypes.node,
-    sortingIconAscending: PropTypes.node,
-    sortingIconDescending: PropTypes.node,
+    columnFilter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    columnFilterState: PropTypes$1.object,
+    columnSorter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    component: PropTypes$1.elementType,
+    children: PropTypes$1.node,
+    columns: PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.any, PropTypes$1.string])).isRequired,
+    handleFilterOnChange: PropTypes$1.func,
+    handleFilterOnInput: PropTypes$1.func,
+    handleSelectAllChecked: PropTypes$1.func,
+    handleSort: PropTypes$1.func,
+    selectable: PropTypes$1.bool,
+    selectAll: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    selectedAll: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.string]),
+    sorterState: PropTypes$1.object,
+    sortingIcon: PropTypes$1.node,
+    sortingIconAscending: PropTypes$1.node,
+    sortingIconDescending: PropTypes$1.node,
 };
 CSmartTableHead.displayName = 'CSmartTableHead';
 
@@ -13896,51 +13980,51 @@ var CSmartTable = forwardRef(function (_a, ref) {
                         }))))))))));
 });
 CSmartTable.propTypes = {
-    activePage: PropTypes.number,
-    cleaner: PropTypes.bool,
-    clickableRows: PropTypes.bool,
-    columnFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    columnFilterValue: PropTypes.object,
-    columns: PropTypes.array,
-    columnSorter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    elementCover: PropTypes.node,
-    footer: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
-    header: PropTypes.bool,
-    items: PropTypes.array,
-    itemsNumber: PropTypes.number,
-    itemsPerPage: PropTypes.number,
-    itemsPerPageLabel: PropTypes.string,
-    itemsPerPageOptions: PropTypes.array,
-    itemsPerPageSelect: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    loading: PropTypes.bool,
-    noItemsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    onActivePageChange: PropTypes.func,
-    onColumnFilterChange: PropTypes.func,
-    onFilteredItemsChange: PropTypes.func,
-    onItemsPerPageChange: PropTypes.func,
-    onRowClick: PropTypes.func,
-    onSelectAll: PropTypes.func,
-    onSelectedItemsChange: PropTypes.func,
-    onSorterChange: PropTypes.func,
-    onTableFilterChange: PropTypes.func,
-    pagination: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    paginationProps: PropTypes.any,
-    scopedColumns: PropTypes.object,
-    selectable: PropTypes.bool,
-    selectAll: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    selected: PropTypes.array,
-    sorterValue: PropTypes.object,
-    sortingIcon: PropTypes.node,
-    sortingIconAscending: PropTypes.node,
-    sortingIconDescending: PropTypes.node,
-    tableBodyProps: PropTypes.object,
-    tableFootProps: PropTypes.object,
-    tableFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-    tableFilterLabel: PropTypes.string,
-    tableFilterPlaceholder: PropTypes.string,
-    tableFilterValue: PropTypes.string,
-    tableHeadProps: PropTypes.object,
-    tableProps: PropTypes.object,
+    activePage: PropTypes$1.number,
+    cleaner: PropTypes$1.bool,
+    clickableRows: PropTypes$1.bool,
+    columnFilter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    columnFilterValue: PropTypes$1.object,
+    columns: PropTypes$1.array,
+    columnSorter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    elementCover: PropTypes$1.node,
+    footer: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.array]),
+    header: PropTypes$1.bool,
+    items: PropTypes$1.array,
+    itemsNumber: PropTypes$1.number,
+    itemsPerPage: PropTypes$1.number,
+    itemsPerPageLabel: PropTypes$1.string,
+    itemsPerPageOptions: PropTypes$1.array,
+    itemsPerPageSelect: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    loading: PropTypes$1.bool,
+    noItemsLabel: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    onActivePageChange: PropTypes$1.func,
+    onColumnFilterChange: PropTypes$1.func,
+    onFilteredItemsChange: PropTypes$1.func,
+    onItemsPerPageChange: PropTypes$1.func,
+    onRowClick: PropTypes$1.func,
+    onSelectAll: PropTypes$1.func,
+    onSelectedItemsChange: PropTypes$1.func,
+    onSorterChange: PropTypes$1.func,
+    onTableFilterChange: PropTypes$1.func,
+    pagination: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    paginationProps: PropTypes$1.any,
+    scopedColumns: PropTypes$1.object,
+    selectable: PropTypes$1.bool,
+    selectAll: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    selected: PropTypes$1.array,
+    sorterValue: PropTypes$1.object,
+    sortingIcon: PropTypes$1.node,
+    sortingIconAscending: PropTypes$1.node,
+    sortingIconDescending: PropTypes$1.node,
+    tableBodyProps: PropTypes$1.object,
+    tableFootProps: PropTypes$1.object,
+    tableFilter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
+    tableFilterLabel: PropTypes$1.string,
+    tableFilterPlaceholder: PropTypes$1.string,
+    tableFilterValue: PropTypes$1.string,
+    tableHeadProps: PropTypes$1.object,
+    tableProps: PropTypes$1.object,
 };
 CSmartTable.displayName = 'CSmartTable';
 
@@ -14035,19 +14119,19 @@ var CSidebar = forwardRef(function (_a, ref) {
             createPortal(React$1.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
 });
 CSidebar.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    colorScheme: PropTypes.oneOf(['dark', 'light']),
-    narrow: PropTypes.bool,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    onVisibleChange: PropTypes.func,
-    overlaid: PropTypes.bool,
-    placement: PropTypes.oneOf(['start', 'end']),
-    position: PropTypes.oneOf(['fixed', 'sticky']),
-    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
-    unfoldable: PropTypes.bool,
-    visible: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    colorScheme: PropTypes$1.oneOf(['dark', 'light']),
+    narrow: PropTypes$1.bool,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    onVisibleChange: PropTypes$1.func,
+    overlaid: PropTypes$1.bool,
+    placement: PropTypes$1.oneOf(['start', 'end']),
+    position: PropTypes$1.oneOf(['fixed', 'sticky']),
+    size: PropTypes$1.oneOf(['sm', 'lg', 'xl']),
+    unfoldable: PropTypes$1.bool,
+    visible: PropTypes$1.bool,
 };
 CSidebar.displayName = 'CSidebar';
 
@@ -14056,8 +14140,8 @@ var CSidebarBrand = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-brand', className), ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CSidebarBrand.displayName = 'CSidebarBrand';
 
@@ -14066,8 +14150,8 @@ var CSidebarFooter = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-footer', className), ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CSidebarFooter.displayName = 'CSidebarFooter';
 
@@ -14076,8 +14160,8 @@ var CSidebarToggler = forwardRef(function (_a, ref) {
     return (React$1.createElement("button", __assign$1({ className: classNames$1('sidebar-toggler', className), ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CSidebarToggler.displayName = 'CSidebarToggler';
 
@@ -14086,8 +14170,8 @@ var CSidebarHeader = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('sidebar-header', className), ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CSidebarHeader.displayName = 'CSidebarHeader';
 
@@ -14096,8 +14180,8 @@ var CTabContent = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('tab-content', className) }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CTabContent.displayName = 'CTabContent';
 
@@ -14111,11 +14195,11 @@ var CTabPane = forwardRef(function (_a, ref) {
         }, className) }, rest, { ref: forkedRef }), children)); }));
 });
 CTabPane.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    visible: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    visible: PropTypes$1.bool,
 };
 CTabPane.displayName = 'CTabPane';
 
@@ -14160,17 +14244,17 @@ var CToast = forwardRef(function (_a, ref) {
     }));
 });
 CToast.propTypes = {
-    animation: PropTypes.bool,
-    autohide: PropTypes.bool,
-    children: PropTypes.node,
-    className: PropTypes.string,
+    animation: PropTypes$1.bool,
+    autohide: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
     color: colorPropType,
-    delay: PropTypes.number,
-    index: PropTypes.number,
-    key: PropTypes.number,
-    onClose: PropTypes.func,
-    onShow: PropTypes.func,
-    visible: PropTypes.bool,
+    delay: PropTypes$1.number,
+    index: PropTypes$1.number,
+    key: PropTypes$1.number,
+    onClose: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    visible: PropTypes$1.bool,
 };
 CToast.displayName = 'CToast';
 
@@ -14179,8 +14263,8 @@ var CToastBody = forwardRef(function (_a, ref) {
     return (React$1.createElement("div", __assign$1({ className: classNames$1('toast-body', className) }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
 };
 CToastBody.displayName = 'CToastBody';
 
@@ -14189,7 +14273,7 @@ var CToastClose = forwardRef(function (_a, ref) {
     var setVisible = useContext(CToastContext).setVisible;
     return Component ? (React$1.createElement(Component, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React$1.createElement(CCloseButton, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
-CToastClose.propTypes = __assign$1(__assign$1({}, CCloseButton.propTypes), { component: PropTypes.elementType });
+CToastClose.propTypes = __assign$1(__assign$1({}, CCloseButton.propTypes), { component: PropTypes$1.elementType });
 CToastClose.displayName = 'CToastClose';
 
 var CToastHeader = forwardRef(function (_a, ref) {
@@ -14199,9 +14283,9 @@ var CToastHeader = forwardRef(function (_a, ref) {
         closeButton && React$1.createElement(CToastClose, null)));
 });
 CToastHeader.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    closeButton: PropTypes.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    closeButton: PropTypes$1.bool,
 };
 CToastHeader.displayName = 'CToastHeader';
 
@@ -14237,11 +14321,11 @@ var CToaster = forwardRef(function (_a, ref) {
         toasts.map(function (toast) { return React$1.cloneElement(toast, { visible: true }); }))) : null));
 });
 CToaster.propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    placement: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    placement: PropTypes$1.oneOfType([
+        PropTypes$1.string,
+        PropTypes$1.oneOf([
             'top-start',
             'top-center',
             'top-end',
@@ -14253,7 +14337,7 @@ CToaster.propTypes = {
             'bottom-end',
         ]),
     ]),
-    push: PropTypes.any,
+    push: PropTypes$1.any,
 };
 CToaster.displayName = 'CToaster';
 
@@ -14318,7 +14402,7 @@ var CTooltip = function (_a) {
         typeof window !== 'undefined' &&
             createPortal(React$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
-                    exit: 200,
+                    exit: tooltipRef.current ? getTransitionDurationFromElement(tooltipRef.current) + 50 : 200,
                 }, unmountOnExit: true }, function (state) { return (React$1.createElement("div", __assign$1({ className: classNames$1('tooltip', 'bs-tooltip-auto', {
                     fade: animation,
                     show: state === 'entered',
@@ -14327,23 +14411,23 @@ var CTooltip = function (_a) {
                 React$1.createElement("div", { className: "tooltip-inner" }, content))); }), document.body)));
 };
 CTooltip.propTypes = {
-    animation: PropTypes.bool,
-    children: PropTypes.node,
-    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    delay: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.shape({
-            show: PropTypes.number.isRequired,
-            hide: PropTypes.number.isRequired,
+    animation: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    content: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    delay: PropTypes$1.oneOfType([
+        PropTypes$1.number,
+        PropTypes$1.shape({
+            show: PropTypes$1.number.isRequired,
+            hide: PropTypes$1.number.isRequired,
         }),
     ]),
     fallbackPlacements: fallbackPlacementsPropType,
-    offset: PropTypes.any,
-    onHide: PropTypes.func,
-    onShow: PropTypes.func,
-    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    offset: PropTypes$1.any,
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    placement: PropTypes$1.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
     trigger: triggerPropType,
-    visible: PropTypes.bool,
+    visible: PropTypes$1.bool,
 };
 CTooltip.displayName = 'CTooltip';
 
@@ -14359,12 +14443,12 @@ var CWidgetStatsA = forwardRef(function (_a, ref) {
         chart));
 });
 CWidgetStatsA.propTypes = {
-    action: PropTypes.node,
-    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    className: PropTypes.string,
+    action: PropTypes$1.node,
+    chart: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    className: PropTypes$1.string,
     color: colorPropType,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node, PropTypes$1.number]),
 };
 CWidgetStatsA.displayName = 'CWidgetStatsA';
 
@@ -14378,13 +14462,13 @@ var CWidgetStatsB = forwardRef(function (_a, ref) {
             text && (React$1.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
 });
 CWidgetStatsB.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
     color: colorPropType,
-    inverse: PropTypes.bool,
-    progress: PropTypes.object,
-    text: PropTypes.string,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+    inverse: PropTypes$1.bool,
+    progress: PropTypes$1.object,
+    text: PropTypes$1.string,
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node, PropTypes$1.number]),
 };
 CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
 
@@ -14398,13 +14482,13 @@ var CWidgetStatsC = forwardRef(function (_a, ref) {
             React$1.createElement(CProgress, __assign$1({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
 });
 CWidgetStatsC.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
     color: colorPropType,
-    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    inverse: PropTypes.bool,
-    progress: PropTypes.object,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+    icon: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    inverse: PropTypes$1.bool,
+    progress: PropTypes$1.object,
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node, PropTypes$1.number]),
 };
 CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
 
@@ -14427,11 +14511,11 @@ var CWidgetStatsD = forwardRef(function (_a, ref) {
             }))));
 });
 CWidgetStatsD.propTypes = {
-    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    className: PropTypes.string,
+    chart: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    className: PropTypes$1.string,
     color: colorPropType,
-    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    values: PropTypes.arrayOf(PropTypes.any),
+    icon: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    values: PropTypes$1.arrayOf(PropTypes$1.any),
 };
 CWidgetStatsD.displayName = 'CWidgetStatsD';
 
@@ -14444,11 +14528,11 @@ var CWidgetStatsE = forwardRef(function (_a, ref) {
             chart)));
 });
 CWidgetStatsE.propTypes = {
-    children: PropTypes.node,
-    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    className: PropTypes.string,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+    children: PropTypes$1.node,
+    chart: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    className: PropTypes$1.string,
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node, PropTypes$1.number]),
 };
 CWidgetStatsE.displayName = 'CWidgetStatsE';
 
@@ -14463,13 +14547,13 @@ var CWidgetStatsF = forwardRef(function (_a, ref) {
         footer && React$1.createElement(CCardFooter, null, footer)));
 });
 CWidgetStatsF.propTypes = {
-    className: PropTypes.string,
+    className: PropTypes$1.string,
     color: colorPropType,
-    footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    padding: PropTypes.bool,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+    footer: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    icon: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    padding: PropTypes$1.bool,
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
+    value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node, PropTypes$1.number]),
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';