@coreui/react 4.4.0 → 4.5.0

package/dist/index.js

@@ -1,14 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var ReactDOM = require('react-dom');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -21,14 +16,12 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -78,9 +71,17 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var propTypes = {exports: {}};
+var propTypesExports = {};
+var propTypes = {
+  get exports(){ return propTypesExports; },
+  set exports(v){ propTypesExports = v; },
+};
 
-var reactIs = {exports: {}};
+var reactIsExports = {};
+var reactIs = {
+  get exports(){ return reactIsExports; },
+  set exports(v){ reactIsExports = v; },
+};
 
 var reactIs_production_min = {};
 
@@ -299,7 +300,7 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIs.exports;
+	if (hasRequiredReactIs) return reactIsExports;
 	hasRequiredReactIs = 1;
 	(function (module) {
 
@@ -309,7 +310,7 @@ function requireReactIs () {
 		  module.exports = requireReactIs_development();
 		}
 } (reactIs));
-	return reactIs.exports;
+	return reactIsExports;
 }
 
 /*
@@ -1260,7 +1261,11 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
-var classnames = {exports: {}};
+var classnamesExports = {};
+var classnames = {
+  get exports(){ return classnamesExports; },
+  set exports(v){ classnamesExports = v; },
+};
 
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -1319,22 +1324,22 @@ var classnames = {exports: {}};
 	}());
 } (classnames));
 
-var classNames = classnames.exports;
+var classNames = classnamesExports;
 
 var CAccordionContext = React.createContext({});
 var CAccordion = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.activeItemKey, activeItemKey = _b === void 0 ? undefined : _b, _c = _a.alwaysOpen, alwaysOpen = _c === void 0 ? false : _c, className = _a.className, flush = _a.flush, rest = __rest(_a, ["children", "activeItemKey", "alwaysOpen", "className", "flush"]);
     var _d = React.useState(activeItemKey), _activeItemKey = _d[0], setActiveKey = _d[1];
     var _className = classNames('accordion', { 'accordion-flush': flush }, className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
-    alwaysOpen: propTypes.exports.bool,
-    activeItemKey: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    flush: propTypes.exports.bool,
+    alwaysOpen: propTypesExports.bool,
+    activeItemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    flush: propTypesExports.bool,
 };
 CAccordion.displayName = 'CAccordion';
 
@@ -1351,13 +1356,13 @@ var CAccordionItem = React.forwardRef(function (_a, ref) {
         setVisible(Boolean(_activeItemKey === _itemKey.current));
     }, [_activeItemKey]);
     var _className = classNames('accordion-item', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    itemKey: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    itemKey: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
 };
 CAccordionItem.displayName = 'CAccordionItem';
 
@@ -1365,14 +1370,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -1383,13 +1386,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -1454,25 +1455,25 @@ var config = {
   disabled: false
 };
 
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.shape({
-  enter: propTypes.exports.number,
-  exit: propTypes.exports.number,
-  appear: propTypes.exports.number
+var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
+  enter: propTypesExports.number,
+  exit: propTypesExports.number,
+  appear: propTypesExports.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
-  enter: propTypes.exports.string,
-  exit: propTypes.exports.string,
-  active: propTypes.exports.string
-}), propTypes.exports.shape({
-  enter: propTypes.exports.string,
-  enterDone: propTypes.exports.string,
-  enterActive: propTypes.exports.string,
-  exit: propTypes.exports.string,
-  exitDone: propTypes.exports.string,
-  exitActive: propTypes.exports.string
+var classNamesShape = process.env.NODE_ENV !== 'production' ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
+  enter: propTypesExports.string,
+  exit: propTypesExports.string,
+  active: propTypesExports.string
+}), propTypesExports.shape({
+  enter: propTypesExports.string,
+  enterDone: propTypesExports.string,
+  enterActive: propTypesExports.string,
+  exit: propTypesExports.string,
+  exitDone: propTypesExports.string,
+  exitActive: propTypesExports.string
 })]) : null;
 
-var TransitionGroupContext = React__default["default"].createContext(null);
+var TransitionGroupContext = React.createContext(null);
 
 var forceReflow = function forceReflow(node) {
   return node.scrollTop;
@@ -1698,7 +1699,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
       if (nextStatus === ENTERING) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
           // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
           // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
 
@@ -1722,7 +1723,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     var enter = this.props.enter;
     var appearing = this.context ? this.context.isMounting : mounting;
 
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default["default"].findDOMNode(this), appearing],
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],
         maybeNode = _ref2[0],
         maybeAppearing = _ref2[1];
 
@@ -1760,7 +1761,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
     var exit = this.props.exit;
     var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
+    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED
 
     if (!exit || config.disabled) {
       this.safeSetState({
@@ -1824,7 +1825,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
 
   _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
     this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
 
     if (!node || doesNotHaveTimeoutOrListener) {
@@ -1874,14 +1875,14 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default["default"].createElement(TransitionGroupContext.Provider, {
+      React.createElement(TransitionGroupContext.Provider, {
         value: null
-      }, typeof children === 'function' ? children(status, childProps) : React__default["default"].cloneElement(React__default["default"].Children.only(children), childProps))
+      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default["default"].Component);
+}(React.Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1896,10 +1897,10 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: propTypes.exports.shape({
-    current: typeof Element === 'undefined' ? propTypes.exports.any : function (propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: propTypesExports.shape({
+    current: typeof Element === 'undefined' ? propTypesExports.any : function (propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return propTypes.exports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return propTypesExports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
 
@@ -1917,12 +1918,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: propTypes.exports.oneOfType([propTypes.exports.func.isRequired, propTypes.exports.element.isRequired]).isRequired,
+  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
 
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: propTypes.exports.bool,
+  in: propTypesExports.bool,
 
   /**
    * By default the child component is mounted immediately along with
@@ -1930,13 +1931,13 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: propTypes.exports.bool,
+  mountOnEnter: propTypesExports.bool,
 
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: propTypes.exports.bool,
+  unmountOnExit: propTypesExports.bool,
 
   /**
    * By default the child component does not perform the enter transition when
@@ -1949,17 +1950,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: propTypes.exports.bool,
+  appear: propTypesExports.bool,
 
   /**
    * Enable or disable enter transitions.
    */
-  enter: propTypes.exports.bool,
+  enter: propTypesExports.bool,
 
   /**
    * Enable or disable exit transitions.
    */
-  exit: propTypes.exports.bool,
+  exit: propTypesExports.bool,
 
   /**
    * The duration of the transition, in milliseconds.
@@ -2012,7 +2013,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: propTypes.exports.func,
+  addEndListener: propTypesExports.func,
 
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
@@ -2022,7 +2023,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: propTypes.exports.func,
+  onEnter: propTypesExports.func,
 
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
@@ -2032,7 +2033,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypes.exports.func,
+  onEntering: propTypesExports.func,
 
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
@@ -2042,7 +2043,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: propTypes.exports.func,
+  onEntered: propTypesExports.func,
 
   /**
    * Callback fired before the "exiting" status is applied.
@@ -2051,7 +2052,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: propTypes.exports.func,
+  onExit: propTypesExports.func,
 
   /**
    * Callback fired after the "exiting" status is applied.
@@ -2060,7 +2061,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: propTypes.exports.func,
+  onExiting: propTypesExports.func,
 
   /**
    * Callback fired after the "exited" status is applied.
@@ -2069,7 +2070,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: propTypes.exports.func
+  onExited: propTypesExports.func
 } : {}; // Name the function so it is clearer in the documentation
 
 function noop() {}
@@ -2348,7 +2349,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
         _this$props.classNames;
         var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React__default["default"].createElement(Transition, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -2359,7 +2360,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
   };
 
   return CSSTransition;
-}(React__default["default"].Component);
+}(React.Component);
 
 CSSTransition.defaultProps = {
   classNames: ''
@@ -2443,7 +2444,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: propTypes.exports.func,
+  onEnter: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
@@ -2453,7 +2454,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypes.exports.func,
+  onEntering: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
@@ -2463,7 +2464,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: propTypes.exports.func,
+  onEntered: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
@@ -2473,7 +2474,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: propTypes.exports.func,
+  onExit: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
@@ -2482,7 +2483,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: propTypes.exports.func,
+  onExiting: propTypesExports.func,
 
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
@@ -2492,14 +2493,13 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: propTypes.exports.func
+  onExited: propTypesExports.func
 }) : {};
 
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
 
@@ -2750,18 +2750,18 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
     delete props.exit;
 
     if (Component === null) {
-      return /*#__PURE__*/React__default["default"].createElement(TransitionGroupContext.Provider, {
+      return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {
         value: contextValue
       }, children);
     }
 
-    return /*#__PURE__*/React__default["default"].createElement(TransitionGroupContext.Provider, {
+    return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {
       value: contextValue
-    }, /*#__PURE__*/React__default["default"].createElement(Component, props, children));
+    }, /*#__PURE__*/React.createElement(Component, props, children));
   };
 
   return TransitionGroup;
-}(React__default["default"].Component);
+}(React.Component);
 
 TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -2771,7 +2771,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    * you can pass in `component={null}`. This is useful if the wrapping div
    * borks your css styles.
    */
-  component: propTypes.exports.any,
+  component: propTypesExports.any,
 
   /**
    * A set of `<Transition>` components, that are toggled `in` and out as they
@@ -2786,28 +2786,28 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    * the transition child as you change its content, this will cause
    * `TransitionGroup` to transition the child out and back in.
    */
-  children: propTypes.exports.node,
+  children: propTypesExports.node,
 
   /**
    * A convenience prop that enables or disables appear animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  appear: propTypes.exports.bool,
+  appear: propTypesExports.bool,
 
   /**
    * A convenience prop that enables or disables enter animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  enter: propTypes.exports.bool,
+  enter: propTypesExports.bool,
 
   /**
    * A convenience prop that enables or disables exit animations
    * for all children. Note that specifying this will override any defaults set
    * on individual children Transitions.
    */
-  exit: propTypes.exports.bool,
+  exit: propTypesExports.bool,
 
   /**
    * You may need to apply reactive updates to a child as it is exiting.
@@ -2819,7 +2819,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(child: ReactElement) -> ReactElement
    */
-  childFactory: propTypes.exports.func
+  childFactory: propTypesExports.func
 } : {};
 TransitionGroup.defaultProps = defaultProps;
 
@@ -2904,11 +2904,11 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
     var _child$props;
 
     var children = this.props.children;
-    var child = React__default["default"].Children.toArray(children)[idx];
+    var child = React.Children.toArray(children)[idx];
     if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);
 
     if (this.props[handler]) {
-      var maybeNode = child.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this);
+      var maybeNode = child.props.nodeRef ? undefined : ReactDOM.findDOMNode(this);
       this.props[handler](maybeNode);
     }
   };
@@ -2919,7 +2919,7 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
         inProp = _this$props.in,
         props = _objectWithoutPropertiesLoose(_this$props, ["children", "in"]);
 
-    var _React$Children$toArr = React__default["default"].Children.toArray(children),
+    var _React$Children$toArr = React.Children.toArray(children),
         first = _React$Children$toArr[0],
         second = _React$Children$toArr[1];
 
@@ -2929,12 +2929,12 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
     delete props.onExit;
     delete props.onExiting;
     delete props.onExited;
-    return /*#__PURE__*/React__default["default"].createElement(TransitionGroup, props, inProp ? React__default["default"].cloneElement(first, {
+    return /*#__PURE__*/React.createElement(TransitionGroup, props, inProp ? React.cloneElement(first, {
       key: 'first',
       onEnter: this.handleEnter,
       onEntering: this.handleEntering,
       onEntered: this.handleEntered
-    }) : React__default["default"].cloneElement(second, {
+    }) : React.cloneElement(second, {
       key: 'second',
       onEnter: this.handleExit,
       onEntering: this.handleExiting,
@@ -2943,12 +2943,12 @@ var ReplaceTransition = /*#__PURE__*/function (_React$Component) {
   };
 
   return ReplaceTransition;
-}(React__default["default"].Component);
+}(React.Component);
 
 ReplaceTransition.propTypes = process.env.NODE_ENV !== "production" ? {
-  in: propTypes.exports.bool.isRequired,
+  in: propTypesExports.bool.isRequired,
   children: function children(props, propName) {
-    if (React__default["default"].Children.count(props[propName]) !== 2) return new Error("\"" + propName + "\" must be exactly two transition components.");
+    if (React.Children.count(props[propName]) !== 2) return new Error("\"" + propName + "\" must be exactly two transition components.");
     return null;
   }
 } : {};
@@ -2958,7 +2958,7 @@ var _leaveRenders, _enterRenders;
 function areChildrenDifferent(oldChildren, newChildren) {
   if (oldChildren === newChildren) return false;
 
-  if (React__default["default"].isValidElement(oldChildren) && React__default["default"].isValidElement(newChildren) && oldChildren.key != null && oldChildren.key === newChildren.key) {
+  if (React.isValidElement(oldChildren) && React.isValidElement(newChildren) && oldChildren.key != null && oldChildren.key === newChildren.key) {
     return false;
   }
 
@@ -2987,7 +2987,7 @@ var callHook = function callHook(element, name, cb) {
 var leaveRenders = (_leaveRenders = {}, _leaveRenders[modes.out] = function (_ref) {
   var current = _ref.current,
       changeState = _ref.changeState;
-  return React__default["default"].cloneElement(current, {
+  return React.cloneElement(current, {
     in: false,
     onExited: callHook(current, 'onExited', function () {
       changeState(ENTERING, null);
@@ -2997,7 +2997,7 @@ var leaveRenders = (_leaveRenders = {}, _leaveRenders[modes.out] = function (_re
   var current = _ref2.current,
       changeState = _ref2.changeState,
       children = _ref2.children;
-  return [current, React__default["default"].cloneElement(children, {
+  return [current, React.cloneElement(children, {
     in: true,
     onEntered: callHook(children, 'onEntered', function () {
       changeState(ENTERING);
@@ -3007,10 +3007,10 @@ var leaveRenders = (_leaveRenders = {}, _leaveRenders[modes.out] = function (_re
 var enterRenders = (_enterRenders = {}, _enterRenders[modes.out] = function (_ref3) {
   var children = _ref3.children,
       changeState = _ref3.changeState;
-  return React__default["default"].cloneElement(children, {
+  return React.cloneElement(children, {
     in: true,
     onEntered: callHook(children, 'onEntered', function () {
-      changeState(ENTERED, React__default["default"].cloneElement(children, {
+      changeState(ENTERED, React.cloneElement(children, {
         in: true
       }));
     })
@@ -3019,14 +3019,14 @@ var enterRenders = (_enterRenders = {}, _enterRenders[modes.out] = function (_re
   var current = _ref4.current,
       children = _ref4.children,
       changeState = _ref4.changeState;
-  return [React__default["default"].cloneElement(current, {
+  return [React.cloneElement(current, {
     in: false,
     onExited: callHook(current, 'onExited', function () {
-      changeState(ENTERED, React__default["default"].cloneElement(children, {
+      changeState(ENTERED, React.cloneElement(children, {
         in: true
       }));
     })
-  }), React__default["default"].cloneElement(children, {
+  }), React.cloneElement(children, {
     in: true
   })];
 }, _enterRenders);
@@ -3140,7 +3140,7 @@ var SwitchTransition = /*#__PURE__*/function (_React$Component) {
     }
 
     return {
-      current: React__default["default"].cloneElement(props.children, {
+      current: React.cloneElement(props.children, {
         in: true
       })
     };
@@ -3174,7 +3174,7 @@ var SwitchTransition = /*#__PURE__*/function (_React$Component) {
         component = current;
     }
 
-    return /*#__PURE__*/React__default["default"].createElement(TransitionGroupContext.Provider, {
+    return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {
       value: {
         isMounting: !this.appeared
       }
@@ -3182,7 +3182,7 @@ var SwitchTransition = /*#__PURE__*/function (_React$Component) {
   };
 
   return SwitchTransition;
-}(React__default["default"].Component);
+}(React.Component);
 
 SwitchTransition.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -3192,12 +3192,12 @@ SwitchTransition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type {'out-in'|'in-out'}
    */
-  mode: propTypes.exports.oneOf([modes.in, modes.out]),
+  mode: propTypesExports.oneOf([modes.in, modes.out]),
 
   /**
    * Any `Transition` or `CSSTransition` component.
    */
-  children: propTypes.exports.oneOfType([propTypes.exports.element.isRequired])
+  children: propTypesExports.oneOfType([propTypesExports.element.isRequired])
 } : {};
 SwitchTransition.defaultProps = {
   mode: modes.out
@@ -3300,20 +3300,20 @@ var CCollapse = React.forwardRef(function (_a, ref) {
     var _className = classNames({
         'collapse-horizontal': horizontal,
     }, className);
-    return (React__default["default"].createElement(CSSTransition, { in: visible, nodeRef: collapseRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, function (state) {
+    return (React.createElement(CSSTransition, { in: visible, nodeRef: collapseRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, function (state) {
         var transitionClass = getTransitionClass(state);
         var currentHeight = height === 0 ? null : { height: height };
         var currentWidth = width === 0 ? null : { width: width };
-        return (React__default["default"].createElement("div", __assign({ className: classNames(_className, transitionClass), style: __assign(__assign({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
+        return (React.createElement("div", __assign({ className: classNames(_className, transitionClass), style: __assign(__assign({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
     }));
 });
 CCollapse.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    horizontal: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    horizontal: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CCollapse.displayName = 'CCollapse';
 
@@ -3321,12 +3321,12 @@ var CAccordionBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var visible = React.useContext(CAccordionItemContext).visible;
     var _className = classNames('accordion-body', className);
-    return (React__default["default"].createElement(CCollapse, { className: "accordion-collpase", visible: visible },
-        React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children)));
+    return (React.createElement(CCollapse, { className: "accordion-collpase", visible: visible },
+        React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionBody.displayName = 'CAccordionBody';
 
@@ -3334,37 +3334,37 @@ var CAccordionButton = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _b = React.useContext(CAccordionItemContext), visible = _b.visible, setVisible = _b.setVisible;
     var _className = classNames('accordion-button', { collapsed: !visible }, className);
-    return (React__default["default"].createElement("button", __assign({ type: "button", className: _className, "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
+    return (React.createElement("button", __assign({ type: "button", className: _className, "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionButton.displayName = 'CAccordionButton';
 
 var CAccordionCollapse = React.forwardRef(function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React__default["default"].createElement(CCollapse, __assign({ className: "accordion-collapse" }, props, { ref: ref }), children));
+    return (React.createElement(CCollapse, __assign({ className: "accordion-collapse" }, props, { ref: ref }), children));
 });
 CAccordionCollapse.propTypes = {
-    children: propTypes.exports.node,
+    children: propTypesExports.node,
 };
 CAccordionCollapse.displayName = 'CAccordionCollapse';
 
 var CAccordionHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('accordion-header', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CAccordionButton, null, children)));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAccordionHeader.displayName = 'CAccordionHeader';
 
-var colorPropType = propTypes.exports.oneOfType([
-    propTypes.exports.oneOf([
+var colorPropType = propTypesExports.oneOfType([
+    propTypesExports.oneOf([
         'primary',
         'secondary',
         'success',
@@ -3374,9 +3374,9 @@ var colorPropType = propTypes.exports.oneOfType([
         'dark',
         'light',
     ]),
-    propTypes.exports.string,
+    propTypesExports.string,
 ]);
-var placementPropType = propTypes.exports.oneOf([
+var placementPropType = propTypesExports.oneOf([
     'auto',
     'auto-start',
     'auto-end',
@@ -3393,8 +3393,8 @@ var placementPropType = propTypes.exports.oneOf([
     'left',
     'left-end',
 ]);
-var shapePropType = propTypes.exports.oneOfType([
-    propTypes.exports.oneOf([
+var shapePropType = propTypesExports.oneOfType([
+    propTypesExports.oneOf([
         'rounded',
         'rounded-top',
         'rounded-end',
@@ -3407,26 +3407,26 @@ var shapePropType = propTypes.exports.oneOfType([
         'rounded-2',
         'rounded-3',
     ]),
-    propTypes.exports.string,
+    propTypesExports.string,
 ]);
-var textColorsPropType = propTypes.exports.oneOfType([
+var textColorsPropType = propTypesExports.oneOfType([
     colorPropType,
-    propTypes.exports.oneOf(['white', 'muted']),
-    propTypes.exports.string,
+    propTypesExports.oneOf(['white', 'muted']),
+    propTypesExports.string,
 ]);
-var triggerPropType = propTypes.exports.oneOf(['hover', 'focus', 'click']);
+var triggerPropType = propTypesExports.oneOf(['hover', 'focus', 'click']);
 
 var CCloseButton = React.forwardRef(function (_a, ref) {
     var className = _a.className, disabled = _a.disabled, white = _a.white, rest = __rest(_a, ["className", "disabled", "white"]);
     var _className = classNames('btn', 'btn-close', {
         'btn-close-white': white,
     }, disabled, className);
-    return (React__default["default"].createElement("button", __assign({ type: "button", className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
+    return (React.createElement("button", __assign({ type: "button", className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
 });
 CCloseButton.propTypes = {
-    className: propTypes.exports.string,
-    disabled: propTypes.exports.bool,
-    white: propTypes.exports.bool,
+    className: propTypesExports.string,
+    disabled: propTypesExports.bool,
+    white: propTypesExports.bool,
 };
 CCloseButton.displayName = 'CCloseButton';
 
@@ -3444,33 +3444,33 @@ var CAlert = React.forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default["default"].createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: alertRef, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default["default"].createElement("div", __assign({ className: classNames(_className, transitionClass), role: "alert" }, rest, { ref: forkedRef }),
+        return (React.createElement("div", __assign({ className: classNames(_className, transitionClass), role: "alert" }, rest, { ref: forkedRef }),
             children,
-            dismissible && React__default["default"].createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
+            dismissible && React.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
     }));
 });
 CAlert.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType.isRequired,
-    dismissible: propTypes.exports.bool,
-    onClose: propTypes.exports.func,
-    variant: propTypes.exports.string,
-    visible: propTypes.exports.bool,
+    dismissible: propTypesExports.bool,
+    onClose: propTypesExports.func,
+    variant: propTypesExports.string,
+    visible: propTypesExports.bool,
 };
 CAlert.displayName = 'CAlert';
 
 var CAlertHeading = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h4' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('alert-heading', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CAlertHeading.displayName = 'CAlertHeading';
 
@@ -3478,7 +3478,7 @@ var CLink = React.forwardRef(function (_a, ref) {
     var children = _a.children, active = _a.active, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'a' : _b, disabled = _a.disabled, rest = __rest(_a, ["children", "active", "className", "component", "disabled"]);
     // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
     var _className = classNames(className, { active: active, disabled: disabled });
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, (active && { 'aria-current': 'page' }), (Component === 'a' && disabled && { 'aria-disabled': true, tabIndex: -1 }), ((Component === 'a' || Component === 'button') && {
+    return (React.createElement(Component, __assign({ className: _className }, (active && { 'aria-current': 'page' }), (Component === 'a' && disabled && { 'aria-disabled': true, tabIndex: -1 }), ((Component === 'a' || Component === 'button') && {
         onClick: function (event) {
             event.preventDefault;
             !disabled && rest.onClick && rest.onClick(event);
@@ -3486,22 +3486,22 @@ var CLink = React.forwardRef(function (_a, ref) {
     }), { disabled: disabled }, rest, { ref: ref }), children));
 });
 CLink.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    disabled: propTypes.exports.bool,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    disabled: propTypesExports.bool,
 };
 CLink.displayName = 'CLink';
 
 var CAlertLink = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('alert-link', className);
-    return (React__default["default"].createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CAlertLink.displayName = 'CAlertLink';
 
@@ -3514,18 +3514,18 @@ var CAvatar = React.forwardRef(function (_a, ref) {
         _b["text-".concat(textColor)] = textColor,
         _b), shape, className);
     var statusClassName = status && classNames('avatar-status', "bg-".concat(status));
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
-        src ? React__default["default"].createElement("img", { src: src, className: "avatar-img" }) : children,
-        status && React__default["default"].createElement("span", { className: statusClassName })));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        src ? React.createElement("img", { src: src, className: "avatar-img" }) : children,
+        status && React.createElement("span", { className: statusClassName })));
 });
 CAvatar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
     shape: shapePropType,
-    size: propTypes.exports.string,
-    src: propTypes.exports.string,
-    status: propTypes.exports.string,
+    size: propTypesExports.string,
+    src: propTypesExports.string,
+    status: propTypesExports.string,
     textColor: textColorsPropType,
 };
 CAvatar.displayName = 'CAvatar';
@@ -3538,14 +3538,14 @@ var CBackdrop = React.forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default["default"].createElement(Transition, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React.createElement(Transition, { in: visible, mountOnEnter: true, nodeRef: backdropRef, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default["default"].createElement("div", __assign({ className: classNames(_className, transitionClass) }, rest, { ref: forkedRef })));
+        return (React.createElement("div", __assign({ className: classNames(_className, transitionClass) }, rest, { ref: forkedRef })));
     }));
 });
 CBackdrop.propTypes = {
-    className: propTypes.exports.string,
-    visible: propTypes.exports.bool,
+    className: propTypesExports.string,
+    visible: propTypesExports.bool,
 };
 CBackdrop.displayName = 'CBackdrop';
 
@@ -3562,16 +3562,16 @@ var CBadge = React.forwardRef(function (_a, ref) {
         _b["badge-".concat(size)] = size,
         _b["text-".concat(textColor)] = textColor,
         _b), shape, className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.string,
-    position: propTypes.exports.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
+    component: propTypesExports.string,
+    position: propTypesExports.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
     shape: shapePropType,
-    size: propTypes.exports.oneOf(['sm']),
+    size: propTypesExports.oneOf(['sm']),
     textColor: textColorsPropType,
 };
 CBadge.displayName = 'CBadge';
@@ -3579,12 +3579,12 @@ CBadge.displayName = 'CBadge';
 var CBreadcrumb = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('breadcrumb', className);
-    return (React__default["default"].createElement("nav", { "aria-label": "breadcrumb" },
-        React__default["default"].createElement("ol", __assign({ className: _className }, rest, { ref: ref }), children)));
+    return (React.createElement("nav", { "aria-label": "breadcrumb" },
+        React.createElement("ol", __assign({ className: _className }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CBreadcrumb.displayName = 'CBreadcrumb';
 
@@ -3593,13 +3593,13 @@ var CBreadcrumbItem = React.forwardRef(function (_a, ref) {
     var _className = classNames('breadcrumb-item', {
         active: active,
     }, className);
-    return (React__default["default"].createElement("li", __assign({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React__default["default"].createElement(CLink, { href: href }, children) : children));
+    return (React.createElement("li", __assign({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    href: propTypes.exports.string,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    href: propTypesExports.string,
 };
 CBreadcrumbItem.displayName = 'CBreadcrumbItem';
 
@@ -3607,28 +3607,28 @@ var CButton = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.component, component = _d === void 0 ? 'button' : _d, shape = _a.shape, size = _a.size, _e = _a.type, type = _e === void 0 ? 'button' : _e, variant = _a.variant, rest = __rest(_a, ["children", "className", "color", "component", "shape", "size", "type", "variant"]);
     var _className = classNames('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className);
-    return (React__default["default"].createElement(CLink, __assign({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(CLink, __assign({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    shape: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
-    type: propTypes.exports.oneOf(['button', 'submit', 'reset']),
-    variant: propTypes.exports.oneOf(['outline', 'ghost']),
+    component: propTypesExports.elementType,
+    shape: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
+    type: propTypesExports.oneOf(['button', 'submit', 'reset']),
+    variant: propTypesExports.oneOf(['outline', 'ghost']),
 };
 CButton.displayName = 'CButton';
 
 var CButtonToolbar = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('btn-toolbar', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CButtonToolbar.displayName = 'CButtonToolbar';
 
@@ -3636,13 +3636,13 @@ var CButtonGroup = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, size = _a.size, vertical = _a.vertical, rest = __rest(_a, ["children", "className", "size", "vertical"]);
     var _className = classNames(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
-    vertical: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
+    vertical: propTypesExports.bool,
 };
 CButtonGroup.displayName = 'CButtonGroup';
 
@@ -3652,11 +3652,11 @@ var CCallout = React.forwardRef(function (_a, ref) {
     var _className = classNames('callout', (_b = {},
         _b["callout-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CCallout.displayName = 'CCallout';
@@ -3668,151 +3668,153 @@ var CCard = React.forwardRef(function (_a, ref) {
         _b["bg-".concat(color)] = color,
         _b["text-".concat(textColor)] = textColor,
         _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    textColor: propTypes.exports.string,
+    textColor: propTypesExports.string,
 };
 CCard.displayName = 'CCard';
 
 var CCardBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('card-body', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardBody.displayName = 'CCardBody';
 
 var CCardFooter = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('card-footer', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardFooter.displayName = 'CCardFooter';
 
 var CCardGroup = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('card-group', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardGroup.displayName = 'CCardGroup';
 
 var CCardHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'div' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('card-header', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardHeader.displayName = 'CCardHeader';
 
 var CCardImage = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'img' : _b, orientation = _a.orientation, rest = __rest(_a, ["children", "className", "component", "orientation"]);
     var _className = classNames(orientation ? "card-img-".concat(orientation) : 'card-img', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    orientation: propTypes.exports.oneOf(['top', 'bottom']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    orientation: propTypesExports.oneOf(['top', 'bottom']),
 };
 CCardImage.displayName = 'CCardImage';
 
 var CCardImageOverlay = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('card-img-overlay', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardImageOverlay.displayName = 'CCardImageOverlay';
 
 var CCardLink = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('card-link', className);
-    return (React__default["default"].createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(CLink, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CCardLink.displayName = 'CCardLink';
 
 var CCardSubtitle = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('card-subtitle', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardSubtitle.displayName = 'CCardSubtitle';
 
 var CCardText = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'p' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('card-text', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardText.displayName = 'CCardText';
 
 var CCardTitle = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('card-title', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CCardTitle.displayName = 'CCardTitle';
 
-var isVisible$1 = function (element) {
+var isVisible = function (element) {
     var rect = element.getBoundingClientRect();
     return (rect.top >= 0 &&
         rect.left >= 0 &&
         rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
         rect.right <= (window.innerWidth || document.documentElement.clientWidth));
 };
+
 var CCarouselContext = React.createContext({});
 var CCarousel = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, transition = _a.transition, _e = _a.wrap, wrap = _e === void 0 ? true : _e, rest = __rest(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "transition", "wrap"]);
+    var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, _e = _a.touch, touch = _e === void 0 ? true : _e, transition = _a.transition, _f = _a.wrap, wrap = _f === void 0 ? true : _f, rest = __rest(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "touch", "transition", "wrap"]);
     var carouselRef = React.useRef(null);
     var forkedRef = useForkedRef(ref, carouselRef);
     var data = React.useRef({}).current;
-    var _f = React.useState(activeIndex), active = _f[0], setActive = _f[1];
-    var _g = React.useState(false), animating = _g[0], setAnimating = _g[1];
-    var _h = React.useState(), customInterval = _h[0], setCustomInterval = _h[1];
-    var _j = React.useState('next'), direction = _j[0], setDirection = _j[1];
-    var _k = React.useState(0), itemsNumber = _k[0], setItemsNumber = _k[1];
-    var _l = React.useState(), visible = _l[0], setVisible = _l[1];
+    var _g = React.useState(activeIndex), active = _g[0], setActive = _g[1];
+    var _h = React.useState(false), animating = _h[0], setAnimating = _h[1];
+    var _j = React.useState(), customInterval = _j[0], setCustomInterval = _j[1];
+    var _k = React.useState('next'), direction = _k[0], setDirection = _k[1];
+    var _l = React.useState(0), itemsNumber = _l[0], setItemsNumber = _l[1];
+    var _m = React.useState(null), touchPosition = _m[0], setTouchPosition = _m[1];
+    var _o = React.useState(), visible = _o[0], setVisible = _o[1];
     React.useEffect(function () {
         setItemsNumber(React.Children.toArray(children).length);
     });
@@ -3844,7 +3846,7 @@ var CCarousel = React.forwardRef(function (_a, ref) {
     var nextItemWhenVisible = function () {
         // Don't call next when the page isn't visible
         // or the carousel or its parent isn't visible
-        if (!document.hidden && carouselRef.current && isVisible$1(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
             if (animating) {
                 return;
             }
@@ -3878,26 +3880,45 @@ var CCarousel = React.forwardRef(function (_a, ref) {
         }
     };
     var handleScroll = function () {
-        if (!document.hidden && carouselRef.current && isVisible$1(carouselRef.current)) {
+        if (!document.hidden && carouselRef.current && isVisible(carouselRef.current)) {
             setVisible(true);
         }
         else {
             setVisible(false);
         }
     };
-    return (React__default["default"].createElement("div", __assign({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, rest, { ref: forkedRef }),
-        React__default["default"].createElement(CCarouselContext.Provider, { value: {
+    var handleTouchMove = function (e) {
+        var touchDown = touchPosition;
+        if (touchDown === null) {
+            return;
+        }
+        var currentTouch = e.touches[0].clientX;
+        var diff = touchDown - currentTouch;
+        if (diff > 5) {
+            handleControlClick('next');
+        }
+        if (diff < -5) {
+            handleControlClick('prev');
+        }
+        setTouchPosition(null);
+    };
+    var handleTouchStart = function (e) {
+        var touchDown = e.touches[0].clientX;
+        setTouchPosition(touchDown);
+    };
+    return (React.createElement("div", __assign({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, (touch && { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove }), rest, { ref: forkedRef }),
+        React.createElement(CCarouselContext.Provider, { value: {
                 setAnimating: setAnimating,
                 setCustomInterval: setCustomInterval,
             } },
-            indicators && (React__default["default"].createElement("ol", { className: "carousel-indicators" }, Array.from({ length: itemsNumber }, function (_, i) { return i; }).map(function (index) {
-                return (React__default["default"].createElement("li", { key: "indicator".concat(index), onClick: function () {
+            indicators && (React.createElement("ol", { className: "carousel-indicators" }, Array.from({ length: itemsNumber }, function (_, i) { return i; }).map(function (index) {
+                return (React.createElement("li", { key: "indicator".concat(index), onClick: function () {
                         !animating && handleIndicatorClick(index);
                     }, className: active === index ? 'active' : '', "data-coreui-target": "" }));
             }))),
-            React__default["default"].createElement("div", { className: "carousel-inner" }, React.Children.map(children, function (child, index) {
-                if (React__default["default"].isValidElement(child)) {
-                    return React__default["default"].cloneElement(child, {
+            React.createElement("div", { className: "carousel-inner" }, React.Children.map(children, function (child, index) {
+                if (React.isValidElement(child)) {
+                    return React.cloneElement(child, {
                         active: active === index ? true : false,
                         direction: direction,
                         key: index,
@@ -3905,35 +3926,36 @@ var CCarousel = React.forwardRef(function (_a, ref) {
                 }
                 return;
             })),
-            controls && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("button", { className: "carousel-control-prev", onClick: function () { return handleControlClick('prev'); } },
-                    React__default["default"].createElement("span", { className: "carousel-control-prev-icon", "aria-label": "prev" })),
-                React__default["default"].createElement("button", { className: "carousel-control-next", onClick: function () { return handleControlClick('next'); } },
-                    React__default["default"].createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
+            controls && (React.createElement(React.Fragment, null,
+                React.createElement("button", { className: "carousel-control-prev", onClick: function () { return handleControlClick('prev'); } },
+                    React.createElement("span", { className: "carousel-control-prev-icon", "aria-label": "prev" })),
+                React.createElement("button", { className: "carousel-control-next", onClick: function () { return handleControlClick('next'); } },
+                    React.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
 });
 CCarousel.propTypes = {
-    activeIndex: propTypes.exports.number,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    controls: propTypes.exports.bool,
-    dark: propTypes.exports.bool,
-    indicators: propTypes.exports.bool,
-    interval: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]),
-    onSlid: propTypes.exports.func,
-    onSlide: propTypes.exports.func,
-    pause: propTypes.exports.oneOf([false, 'hover']),
-    transition: propTypes.exports.oneOf(['slide', 'crossfade']),
-    wrap: propTypes.exports.bool,
+    activeIndex: propTypesExports.number,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    controls: propTypesExports.bool,
+    dark: propTypesExports.bool,
+    indicators: propTypesExports.bool,
+    interval: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]),
+    onSlid: propTypesExports.func,
+    onSlide: propTypesExports.func,
+    pause: propTypesExports.oneOf([false, 'hover']),
+    touch: propTypesExports.bool,
+    transition: propTypesExports.oneOf(['slide', 'crossfade']),
+    wrap: propTypesExports.bool,
 };
 CCarousel.displayName = 'CCarousel';
 
 var CCarouselCaption = React.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest(_a, ["className"]);
     var _className = classNames('carousel-caption', className);
-    return React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }));
+    return React.createElement("div", __assign({ className: _className }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CCarouselCaption.displayName = 'CCarouselCaption';
 
@@ -4006,14 +4028,14 @@ var CCarouselItem = React.forwardRef(function (_a, ref) {
         };
     });
     var _className = classNames('carousel-item', activeClassName, directionClassName, orderClassName, className);
-    return (React__default["default"].createElement("div", __assign({ className: _className, ref: forkedRef }, rest), children));
+    return (React.createElement("div", __assign({ className: _className, ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    direction: propTypes.exports.string,
-    interval: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]),
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    direction: propTypesExports.string,
+    interval: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]),
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
@@ -6498,84 +6520,84 @@ var CDropdown = React.forwardRef(function (_a, ref) {
         !_visible && onHide && onHide();
     }, [_visible]);
     var dropdownContent = function () {
-        return variant === 'input-group' ? (React__default["default"].createElement(React__default["default"].Fragment, null, children)) : (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: forkedRef }), children));
+        return variant === 'input-group' ? (React.createElement(React.Fragment, null, children)) : (React.createElement(Component, __assign({ className: _className }, rest, { ref: forkedRef }), children));
     };
-    return popper ? (React__default["default"].createElement(CDropdownContext.Provider, { value: contextValues },
-        React__default["default"].createElement(Manager, null, dropdownContent()))) : (React__default["default"].createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
+    return popper ? (React.createElement(CDropdownContext.Provider, { value: contextValues },
+        React.createElement(Manager, null, dropdownContent()))) : (React.createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
 });
-var alignmentDirection = propTypes.exports.oneOf(['start', 'end']);
+var alignmentDirection = propTypesExports.oneOf(['start', 'end']);
 CDropdown.propTypes = {
     // @ts-expect-error TODO: we have to find a solution
-    alignment: propTypes.exports.oneOfType([
+    alignment: propTypesExports.oneOfType([
         alignmentDirection,
-        propTypes.exports.shape({ xs: alignmentDirection }),
-        propTypes.exports.shape({ sm: alignmentDirection }),
-        propTypes.exports.shape({ md: alignmentDirection }),
-        propTypes.exports.shape({ lg: alignmentDirection }),
-        propTypes.exports.shape({ xl: alignmentDirection }),
-        propTypes.exports.shape({ xxl: alignmentDirection }),
+        propTypesExports.shape({ xs: alignmentDirection }),
+        propTypesExports.shape({ sm: alignmentDirection }),
+        propTypesExports.shape({ md: alignmentDirection }),
+        propTypesExports.shape({ lg: alignmentDirection }),
+        propTypesExports.shape({ xl: alignmentDirection }),
+        propTypesExports.shape({ xxl: alignmentDirection }),
     ]),
-    autoClose: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['inside', 'outside']),
+    autoClose: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['inside', 'outside']),
     ]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    dark: propTypes.exports.bool,
-    direction: propTypes.exports.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    dark: propTypesExports.bool,
+    direction: propTypesExports.oneOf(['center', 'dropup', 'dropup-center', 'dropend', 'dropstart']),
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
     placement: placementPropType,
-    popper: propTypes.exports.bool,
-    variant: propTypes.exports.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
-    visible: propTypes.exports.bool,
+    popper: propTypesExports.bool,
+    variant: propTypesExports.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
+    visible: propTypesExports.bool,
 };
 CDropdown.displayName = 'CDropdown';
 
 var CDropdownDivider = React.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest(_a, ["className"]);
     var _className = classNames('dropdown-divider', className);
-    return React__default["default"].createElement("hr", __assign({ className: _className }, rest, { ref: ref }));
+    return React.createElement("hr", __assign({ className: _className }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CDropdownDivider.displayName = 'CDropdownDivider';
 
 var CDropdownHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('dropdown-header', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownHeader.displayName = 'CDropdownHeader';
 
 var CDropdownItem = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, component = _b === void 0 ? 'a' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('dropdown-item', className);
-    return (React__default["default"].createElement(CLink, __assign({ className: _className, component: component }, rest, { ref: ref }), children));
+    return (React.createElement(CLink, __assign({ className: _className, component: component }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownItem.displayName = 'CDropdownItem';
 
 var CDropdownItemPlain = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('dropdown-item-text', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
@@ -6647,24 +6669,24 @@ var CDropdownMenu = function (_a) {
         show: visible,
     }, alignment && alignmentClassNames(alignment), className);
     var dropdownMenuComponent = function (style, ref) {
-        return (React__default["default"].createElement(Component, __assign({ className: _className, ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
-            ? React__default["default"].Children.map(children, function (child, index) {
-                if (React__default["default"].isValidElement(child)) {
-                    return React__default["default"].createElement("li", { key: index }, React__default["default"].cloneElement(child));
+        return (React.createElement(Component, __assign({ className: _className, ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
+            ? React.Children.map(children, function (child, index) {
+                if (React.isValidElement(child)) {
+                    return React.createElement("li", { key: index }, React.cloneElement(child));
                 }
                 return;
             })
             : children));
     };
-    return popper && visible ? (React__default["default"].createElement(Popper, { innerRef: dropdownMenuRef, placement: _placement }, function (_a) {
+    return popper && visible ? (React.createElement(Popper, { innerRef: dropdownMenuRef, placement: _placement }, function (_a) {
         var ref = _a.ref, style = _a.style;
         return dropdownMenuComponent(style, ref);
     })) : (dropdownMenuComponent());
 };
 CDropdownMenu.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 
@@ -6689,21 +6711,21 @@ var CDropdownToggle = function (_a) {
     // We use any because Toggler can be `a` as well as `button`.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var Toggler = function (ref) {
-        return custom && React__default["default"].isValidElement(children) ? (React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].cloneElement(children, __assign(__assign({ 'aria-expanded': visible }, (!rest.disabled && __assign({}, triggers))), { ref: useForkedRef(ref, dropdownToggleRef) })))) : variant === 'nav-item' ? (React__default["default"].createElement("a", __assign({ href: "#" }, togglerProps, { ref: useForkedRef(ref, dropdownToggleRef) }), children)) : (React__default["default"].createElement(CButton, __assign({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: useForkedRef(ref, dropdownToggleRef) }),
+        return custom && React.isValidElement(children) ? (React.createElement(React.Fragment, null, React.cloneElement(children, __assign(__assign({ 'aria-expanded': visible }, (!rest.disabled && __assign({}, triggers))), { ref: useForkedRef(ref, dropdownToggleRef) })))) : variant === 'nav-item' ? (React.createElement("a", __assign({ href: "#" }, togglerProps, { ref: useForkedRef(ref, dropdownToggleRef) }), children)) : (React.createElement(CButton, __assign({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: useForkedRef(ref, dropdownToggleRef) }),
             children,
-            split && React__default["default"].createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));
+            split && React.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));
     };
-    return popper ? React__default["default"].createElement(Reference, null, function (_a) {
+    return popper ? React.createElement(Reference, null, function (_a) {
         var ref = _a.ref;
         return Toggler(ref);
     }) : Toggler(dropdownToggleRef);
 };
 CDropdownToggle.propTypes = {
-    caret: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    custom: propTypes.exports.bool,
-    split: propTypes.exports.bool,
+    caret: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    custom: propTypesExports.bool,
+    split: propTypesExports.bool,
     trigger: triggerPropType,
 };
 CDropdownToggle.displayName = 'CDropdownToggle';
@@ -6712,24 +6734,24 @@ var CFooter = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, position = _a.position, rest = __rest(_a, ["children", "className", "position"]);
     var _className = classNames('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    position: propTypesExports.oneOf(['fixed', 'sticky']),
 };
 CFooter.displayName = 'CFooter';
 
 var CForm = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, validated = _a.validated, rest = __rest(_a, ["children", "className", "validated"]);
     var _className = classNames({ 'was-validated': validated }, className);
-    return (React__default["default"].createElement("form", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("form", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    validated: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    validated: propTypesExports.bool,
 };
 CForm.displayName = 'CForm';
 
@@ -6740,45 +6762,45 @@ var CFormFeedback = React.forwardRef(function (_a, ref) {
         _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
         _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
         _b), className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    invalid: propTypes.exports.bool,
-    tooltip: propTypes.exports.bool,
-    valid: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    invalid: propTypesExports.bool,
+    tooltip: propTypesExports.bool,
+    valid: propTypesExports.bool,
 };
 CFormFeedback.displayName = 'CFormFeedback';
 
 var CFormControlValidation = function (_a) {
     var describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, invalid = _a.invalid, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        feedback && (valid || invalid) && (React__default["default"].createElement(CFormFeedback, __assign({}, (invalid && { id: describedby }), { invalid: invalid, tooltip: tooltipFeedback, valid: valid }), feedback)),
-        feedbackInvalid && (React__default["default"].createElement(CFormFeedback, { id: describedby, invalid: true, tooltip: tooltipFeedback }, feedbackInvalid)),
-        feedbackValid && (React__default["default"].createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
+    return (React.createElement(React.Fragment, null,
+        feedback && (valid || invalid) && (React.createElement(CFormFeedback, __assign({}, (invalid && { id: describedby }), { invalid: invalid, tooltip: tooltipFeedback, valid: valid }), feedback)),
+        feedbackInvalid && (React.createElement(CFormFeedback, { id: describedby, invalid: true, tooltip: tooltipFeedback }, feedbackInvalid)),
+        feedbackValid && (React.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
 };
 CFormControlValidation.propTypes = {
-    describedby: propTypes.exports.string,
-    feedback: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    feedbackValid: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    feedbackInvalid: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
-    invalid: propTypes.exports.bool,
-    tooltipFeedback: propTypes.exports.bool,
-    valid: propTypes.exports.bool,
+    describedby: propTypesExports.string,
+    feedback: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    feedbackValid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    feedbackInvalid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    invalid: propTypesExports.bool,
+    tooltipFeedback: propTypesExports.bool,
+    valid: propTypesExports.bool,
 };
 CFormControlValidation.displayName = 'CFormControlValidation';
 
 var CFormLabel = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, customClassName = _a.customClassName, rest = __rest(_a, ["children", "className", "customClassName"]);
     var _className = customClassName ? customClassName : classNames('form-label', className);
-    return (React__default["default"].createElement("label", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("label", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    customClassName: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    customClassName: propTypesExports.string,
 };
 CFormLabel.displayName = 'CFormLabel';
 
@@ -6808,66 +6830,68 @@ var CFormCheck = React.forwardRef(function (_a, ref) {
             _b), "".concat(button.shape))
         : 'form-check-label');
     var formControl = function () {
-        return React__default["default"].createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
+        return React.createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
     };
-    var formValidation = function () { return (React__default["default"].createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var formValidation = function () { return (React.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
     var formLabel = function () {
-        return (React__default["default"].createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
+        return (React.createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
     };
-    return button ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+    return button ? (React.createElement(React.Fragment, null,
         formControl(),
         label && formLabel(),
-        formValidation())) : label ? (hitArea ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(CFormLabel, __assign({ customClassName: className }, (id && { htmlFor: id })),
+        formValidation())) : label ? (hitArea ? (React.createElement(React.Fragment, null,
+        React.createElement(CFormLabel, __assign({ customClassName: className }, (id && { htmlFor: id })),
             formControl(),
             label),
-        formValidation())) : (React__default["default"].createElement("div", { className: _className },
+        formValidation())) : (React.createElement("div", { className: _className },
         formControl(),
         formLabel(),
         formValidation()))) : (formControl());
 });
-CFormCheck.propTypes = __assign({ button: propTypes.exports.object, className: propTypes.exports.string, hitArea: propTypes.exports.oneOf(['full']), id: propTypes.exports.string, indeterminate: propTypes.exports.bool, inline: propTypes.exports.bool, label: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]), type: propTypes.exports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+CFormCheck.propTypes = __assign({ button: propTypesExports.object, className: propTypesExports.string, hitArea: propTypesExports.oneOf(['full']), id: propTypesExports.string, indeterminate: propTypesExports.bool, inline: propTypesExports.bool, label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]), type: propTypesExports.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
 CFormCheck.displayName = 'CFormCheck';
 
 var CFormFloating = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('form-floating', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CFormFloating.displayName = 'CFormFloating';
 
 var CFormText = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('form-text', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CFormText.displayName = 'CFormText';
 
 var CFormControlWrapper = function (_a) {
-    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
-    return floatingLabel ? (React__default["default"].createElement(CFormFloating, null,
+    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    return floatingLabel ? (React.createElement(CFormFloating, { className: floatingClassName },
         children,
-        React__default["default"].createElement(CFormLabel, { htmlFor: id }, label || floatingLabel))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-        label && React__default["default"].createElement(CFormLabel, { htmlFor: id }, label),
+        React.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid }))) : (React.createElement(React.Fragment, null,
+        label && React.createElement(CFormLabel, { htmlFor: id }, label),
         children,
-        text && React__default["default"].createElement(CFormText, { id: describedby }, text),
-        React__default["default"].createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })));
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })));
 };
-CFormControlWrapper.propTypes = __assign({ children: propTypes.exports.node, floatingLabel: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]), label: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]), text: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]) }, CFormControlValidation.propTypes);
+CFormControlWrapper.propTypes = __assign({ children: propTypesExports.node, floatingClassName: propTypesExports.string, floatingLabel: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), text: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]) }, CFormControlValidation.propTypes);
 CFormControlWrapper.displayName = 'CFormControlWrapper';
 
 var CFormInput = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
+    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
     var _e = React.useState(), value = _e[0], setValue = _e[1];
     React.useEffect(function () {
         var timeOutId = setTimeout(function () { return value && onChange && onChange(value); }, typeof delay === 'number' ? delay : 500);
@@ -6879,42 +6903,42 @@ var CFormInput = React.forwardRef(function (_a, ref) {
         _b['is-invalid'] = invalid,
         _b['is-valid'] = valid,
         _b), className);
-    return (React__default["default"].createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React__default["default"].createElement("input", __assign({ className: _className, id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("input", __assign({ className: _className, id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
 });
-CFormInput.propTypes = __assign({ className: propTypes.exports.string, id: propTypes.exports.string, delay: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.number]), plainText: propTypes.exports.bool, size: propTypes.exports.oneOf(['sm', 'lg']), type: propTypes.exports.oneOfType([propTypes.exports.oneOf(['color', 'file', 'text']), propTypes.exports.string]) }, CFormControlWrapper.propTypes);
+CFormInput.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, delay: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]), plainText: propTypesExports.bool, size: propTypesExports.oneOf(['sm', 'lg']), type: propTypesExports.oneOfType([propTypesExports.oneOf(['color', 'file', 'text']), propTypesExports.string]) }, CFormControlWrapper.propTypes);
 CFormInput.displayName = 'CFormInput';
 
 var CFormRange = React.forwardRef(function (_a, ref) {
     var className = _a.className, label = _a.label, rest = __rest(_a, ["className", "label"]);
     var _className = classNames('form-range', className);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        label && React__default["default"].createElement(CFormLabel, { htmlFor: rest.id }, label),
-        React__default["default"].createElement("input", __assign({ type: "range", className: _className }, rest, { ref: ref }))));
+    return (React.createElement(React.Fragment, null,
+        label && React.createElement(CFormLabel, { htmlFor: rest.id }, label),
+        React.createElement("input", __assign({ type: "range", className: _className }, rest, { ref: ref }))));
 });
 CFormRange.propTypes = {
-    className: propTypes.exports.string,
-    label: propTypes.exports.oneOfType([propTypes.exports.node, propTypes.exports.string]),
+    className: propTypesExports.string,
+    label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
 };
 CFormRange.displayName = 'CFormRange';
 
 var CFormSelect = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
     var _className = classNames('form-select', (_b = {},
         _b["form-select-".concat(size)] = size,
         _b['is-invalid'] = invalid,
         _b['is-valid'] = valid,
         _b), className);
-    return (React__default["default"].createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React__default["default"].createElement("select", __assign({ id: id, className: _className, size: htmlSize }, rest, { ref: ref }), options
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("select", __assign({ id: id, className: _className, size: htmlSize }, rest, { ref: ref }), options
             ? options.map(function (option, index) {
-                return (React__default["default"].createElement("option", __assign({}, (typeof option === 'object' &&
+                return (React.createElement("option", __assign({}, (typeof option === 'object' &&
                     option.disabled && { disabled: option.disabled }), (typeof option === 'object' && option.value && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
             })
             : children)));
 });
-CFormSelect.propTypes = __assign({ className: propTypes.exports.string, htmlSize: propTypes.exports.number, options: propTypes.exports.array }, CFormControlWrapper.propTypes);
+CFormSelect.propTypes = __assign({ className: propTypesExports.string, htmlSize: propTypesExports.number, options: propTypesExports.array }, CFormControlWrapper.propTypes);
 CFormSelect.displayName = 'CFormSelect';
 
 var CFormSwitch = React.forwardRef(function (_a, ref) {
@@ -6930,31 +6954,31 @@ var CFormSwitch = React.forwardRef(function (_a, ref) {
         'is-valid': valid,
     });
     var labelClassName = classNames('form-check-label');
-    return (React__default["default"].createElement("div", { className: _className },
-        React__default["default"].createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
-        label && (React__default["default"].createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
+    return (React.createElement("div", { className: _className },
+        React.createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
+        label && (React.createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
-    className: propTypes.exports.string,
-    id: propTypes.exports.string,
-    invalid: propTypes.exports.bool,
-    label: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    size: propTypes.exports.oneOf(['lg', 'xl']),
-    type: propTypes.exports.oneOf(['checkbox', 'radio']),
-    valid: propTypes.exports.bool,
+    className: propTypesExports.string,
+    id: propTypesExports.string,
+    invalid: propTypesExports.bool,
+    label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    size: propTypesExports.oneOf(['lg', 'xl']),
+    type: propTypesExports.oneOf(['checkbox', 'radio']),
+    valid: propTypesExports.bool,
 };
 CFormSwitch.displayName = 'CFormSwitch';
 
 var CFormTextarea = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
     var _className = classNames(plainText ? 'form-control-plaintext' : 'form-control', {
         'is-invalid': invalid,
         'is-valid': valid,
     }, className);
-    return (React__default["default"].createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
-        React__default["default"].createElement("textarea", __assign({ className: _className, id: id }, rest, { ref: ref }), children)));
+    return (React.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React.createElement("textarea", __assign({ className: _className, id: id }, rest, { ref: ref }), children)));
 });
-CFormTextarea.propTypes = __assign({ className: propTypes.exports.string, id: propTypes.exports.string, plainText: propTypes.exports.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, plainText: propTypesExports.bool }, CFormControlWrapper.propTypes);
 CFormTextarea.displayName = 'CFormTextarea';
 
 var CInputGroup = React.forwardRef(function (_a, ref) {
@@ -6963,24 +6987,24 @@ var CInputGroup = React.forwardRef(function (_a, ref) {
     var _className = classNames('input-group', (_b = {},
         _b["input-group-".concat(size)] = size,
         _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CInputGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
 };
 CInputGroup.displayName = 'CInputGroup';
 
 var CInputGroupText = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest(_a, ["children", "className", "component"]);
     var _className = classNames('input-group-text', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CInputGroupText.displayName = 'CInputGroupText';
 
@@ -7021,29 +7045,29 @@ var CCol = React.forwardRef(function (_a, ref) {
         }
     });
     var _className = classNames(repsonsiveClassNames.length ? repsonsiveClassNames : 'col', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
-var span = propTypes.exports.oneOfType([
-    propTypes.exports.bool,
-    propTypes.exports.number,
-    propTypes.exports.string,
-    propTypes.exports.oneOf(['auto']),
+var span = propTypesExports.oneOfType([
+    propTypesExports.bool,
+    propTypesExports.number,
+    propTypesExports.string,
+    propTypesExports.oneOf(['auto']),
 ]);
-var col = propTypes.exports.oneOfType([
+var col = propTypesExports.oneOfType([
     span,
-    propTypes.exports.shape({
+    propTypesExports.shape({
         span: span,
-        offset: propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.string]),
-        order: propTypes.exports.oneOfType([
-            propTypes.exports.oneOf(['first', 'last']),
-            propTypes.exports.number,
-            propTypes.exports.string,
+        offset: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+        order: propTypesExports.oneOfType([
+            propTypesExports.oneOf(['first', 'last']),
+            propTypesExports.number,
+            propTypesExports.string,
         ]),
     }),
 ]);
 CCol.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     xs: col,
     sm: col,
 };
@@ -7066,17 +7090,17 @@ var CContainer = React.forwardRef(function (_a, ref) {
         breakpoint && repsonsiveClassNames.push("container-".concat(bp));
     });
     var _className = classNames(repsonsiveClassNames.length ? repsonsiveClassNames : 'container', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    sm: propTypes.exports.bool,
-    md: propTypes.exports.bool,
-    lg: propTypes.exports.bool,
-    xl: propTypes.exports.bool,
-    xxl: propTypes.exports.bool,
-    fluid: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    sm: propTypesExports.bool,
+    md: propTypesExports.bool,
+    lg: propTypesExports.bool,
+    xl: propTypesExports.bool,
+    xxl: propTypesExports.bool,
+    fluid: propTypesExports.bool,
 };
 CContainer.displayName = 'CContainer';
 
@@ -7111,17 +7135,17 @@ var CRow = React.forwardRef(function (_a, ref) {
         }
     });
     var _className = classNames('row', repsonsiveClassNames, className);
-    return (React__default["default"].createElement("div", { className: _className, ref: ref }, children));
+    return (React.createElement("div", { className: _className, ref: ref }, children));
 });
-var bp = propTypes.exports.shape({
-    cols: propTypes.exports.oneOfType([propTypes.exports.oneOf(['auto']), propTypes.exports.number, propTypes.exports.string]),
-    gutter: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
-    gutterX: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
-    gutterY: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.number]),
+var bp = propTypesExports.shape({
+    cols: propTypesExports.oneOfType([propTypesExports.oneOf(['auto']), propTypesExports.number, propTypesExports.string]),
+    gutter: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+    gutterX: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+    gutterY: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
 });
 CRow.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     xs: bp,
     sm: bp,
     md: bp,
@@ -7137,19 +7161,19 @@ var CHeader = React.forwardRef(function (_a, ref) {
     var _className = classNames('header', (_b = {}, _b["header-".concat(position)] = position, _b), className);
     var content;
     if (container) {
-        content = (React__default["default"].createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
+        content = (React.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
     }
     else {
         content = children;
     }
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), content));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), content));
 });
 CHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    container: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    container: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf([
             'sm',
             'md',
             'lg',
@@ -7158,63 +7182,63 @@ CHeader.propTypes = {
             'fluid',
         ]),
     ]),
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
+    position: propTypesExports.oneOf(['fixed', 'sticky']),
 };
 CHeader.displayName = 'CHeader';
 
 var CHeaderBrand = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('header-brand', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CHeaderBrand.displayName = 'CHeaderBrand';
 
 var CHeaderDivider = React.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest(_a, ["className"]);
     var _className = classNames('header-divider', className);
-    return React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }));
+    return React.createElement("div", __assign({ className: _className }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
 };
 CHeaderDivider.displayName = 'CHeaderDivider';
 
 var CHeaderNav = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('header-nav', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CHeaderNav.displayName = 'CHeaderNav';
 
 var CHeaderText = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('header-text', className);
-    return (React__default["default"].createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CHeaderText.displayName = 'CHeaderText';
 
 var CHeaderToggler = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('header-toggler', className);
-    return (React__default["default"].createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default["default"].createElement("span", { className: "header-toggler-icon" })));
+    return (React.createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CHeaderToggler.displayName = 'CHeaderToggler';
 
@@ -7228,14 +7252,14 @@ var CImage = React.forwardRef(function (_a, ref) {
         _b.rounded = rounded,
         _b['img-thumbnail'] = thumbnail,
         _b), className);
-    return React__default["default"].createElement("img", __assign({ className: _className }, rest, { ref: ref }));
+    return React.createElement("img", __assign({ className: _className }, rest, { ref: ref }));
 });
 CImage.propTypes = {
-    align: propTypes.exports.oneOf(['start', 'center', 'end']),
-    className: propTypes.exports.string,
-    fluid: propTypes.exports.bool,
-    rounded: propTypes.exports.bool,
-    thumbnail: propTypes.exports.bool,
+    align: propTypesExports.oneOf(['start', 'center', 'end']),
+    className: propTypesExports.string,
+    fluid: propTypesExports.bool,
+    rounded: propTypesExports.bool,
+    thumbnail: propTypesExports.bool,
 };
 CImage.displayName = 'CImage';
 
@@ -7247,14 +7271,14 @@ var CListGroup = React.forwardRef(function (_a, ref) {
         },
         _b["list-group-".concat(layout)] = layout,
         _b), className);
-    return (React__default["default"].createElement(Component, { className: _className, ref: ref }, children));
+    return (React.createElement(Component, { className: _className, ref: ref }, children));
 });
 CListGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    flush: propTypes.exports.bool,
-    layout: propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    flush: propTypesExports.bool,
+    layout: propTypesExports.oneOf([
         'horizontal',
         'horizontal-sm',
         'horizontal-md',
@@ -7281,26 +7305,26 @@ var CListGroupItem = React.forwardRef(function (_a, ref) {
         component: component,
         ref: ref,
     })), (active && { 'aria-current': true })), (disabled && { 'aria-disabled': true })), rest);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest), children));
 });
 CListGroupItem.propTypes = {
-    active: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    disabled: propTypes.exports.bool,
+    component: propTypesExports.elementType,
+    disabled: propTypesExports.bool,
 };
 CListGroupItem.displayName = 'CListGroupItem';
 
 var CModalContent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('modal-content', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalContent.displayName = 'CModalContent';
 
@@ -7316,24 +7340,24 @@ var CModalDialog = React.forwardRef(function (_a, ref) {
         _b['modal-dialog-scrollable'] = scrollable,
         _b["modal-".concat(size)] = size,
         _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
-    alignment: propTypes.exports.oneOf(['top', 'center']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    fullscreen: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: propTypesExports.oneOf(['top', 'center']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    fullscreen: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    scrollable: propTypes.exports.bool,
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
+    scrollable: propTypesExports.bool,
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
 };
 CModalDialog.displayName = 'CModalDialog';
 
 var CModalContext = React.createContext({});
 var CModal = React.forwardRef(function (_a, ref) {
-    var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, fullscreen = _a.fullscreen, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _e = _a.portal, portal = _e === void 0 ? true : _e, scrollable = _a.scrollable, size = _a.size, _f = _a.transition, transition = _f === void 0 ? true : _f, _g = _a.unmountOnClose, unmountOnClose = _g === void 0 ? true : _g, visible = _a.visible;
+    var children = _a.children, alignment = _a.alignment, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, _c = _a.duration, duration = _c === void 0 ? 150 : _c, fullscreen = _a.fullscreen, _d = _a.keyboard, keyboard = _d === void 0 ? true : _d, onClose = _a.onClose, onClosePrevented = _a.onClosePrevented, onShow = _a.onShow, _e = _a.portal, portal = _e === void 0 ? true : _e, scrollable = _a.scrollable, size = _a.size, _f = _a.transition, transition = _f === void 0 ? true : _f, _g = _a.unmountOnClose, unmountOnClose = _g === void 0 ? true : _g, visible = _a.visible, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "duration", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
     var modalRef = React.useRef(null);
     var modalContentRef = React.useRef(null);
     var forkedRef = useForkedRef(ref, modalRef);
@@ -7417,64 +7441,64 @@ var CModal = React.forwardRef(function (_a, ref) {
         }
     }, [modalRef, handleDismiss]);
     var modal = function (ref, transitionClass) {
-        return (React__default["default"].createElement(CModalContext.Provider, { value: contextValues },
-            React__default["default"].createElement("div", { className: classNames(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
-                React__default["default"].createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                    React__default["default"].createElement(CModalContent, { ref: modalContentRef }, children)))));
+        return (React.createElement(CModalContext.Provider, { value: contextValues },
+            React.createElement("div", { className: classNames(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
+                React.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
+                    React.createElement(CModalContent, __assign({}, rest, { ref: modalContentRef }), children)))));
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
             var transitionClass = getTransitionClass(state);
             return typeof window !== 'undefined' && portal
                 ? ReactDOM.createPortal(modal(forkedRef, transitionClass), document.body)
                 : modal(forkedRef, transitionClass);
         }),
         typeof window !== 'undefined' && portal
-            ? backdrop && ReactDOM.createPortal(React__default["default"].createElement(CBackdrop, { visible: _visible }), document.body)
-            : backdrop && React__default["default"].createElement(CBackdrop, { visible: _visible })));
+            ? backdrop && ReactDOM.createPortal(React.createElement(CBackdrop, { visible: _visible }), document.body)
+            : backdrop && React.createElement(CBackdrop, { visible: _visible })));
 });
 CModal.propTypes = {
-    alignment: propTypes.exports.oneOf(['top', 'center']),
-    backdrop: propTypes.exports.oneOfType([propTypes.exports.bool, propTypes.exports.oneOf(['static'])]),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    duration: propTypes.exports.number,
-    fullscreen: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    alignment: propTypesExports.oneOf(['top', 'center']),
+    backdrop: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.oneOf(['static'])]),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    duration: propTypesExports.number,
+    fullscreen: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    keyboard: propTypes.exports.bool,
-    onClose: propTypes.exports.func,
-    onClosePrevented: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    portal: propTypes.exports.bool,
-    scrollable: propTypes.exports.bool,
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
-    transition: propTypes.exports.bool,
-    unmountOnClose: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    keyboard: propTypesExports.bool,
+    onClose: propTypesExports.func,
+    onClosePrevented: propTypesExports.func,
+    onShow: propTypesExports.func,
+    portal: propTypesExports.bool,
+    scrollable: propTypesExports.bool,
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
+    transition: propTypesExports.bool,
+    unmountOnClose: propTypesExports.bool,
+    visible: propTypesExports.bool,
 };
 CModal.displayName = 'CModal';
 
 var CModalBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('modal-body', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalBody.displayName = 'CModalBody';
 
 var CModalFooter = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('modal-footer', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CModalFooter.displayName = 'CModalFooter';
 
@@ -7482,26 +7506,26 @@ var CModalHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.closeButton, closeButton = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "className", "closeButton"]);
     var setVisible = React.useContext(CModalContext).setVisible;
     var _className = classNames('modal-header', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
         children,
-        closeButton && React__default["default"].createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
+        closeButton && React.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
 CModalHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    closeButton: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    closeButton: propTypesExports.bool,
 };
 CModalHeader.displayName = 'CModalHeader';
 
 var CModalTitle = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('modal-title', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CModalTitle.displayName = 'CModalTitle';
 
@@ -7512,25 +7536,25 @@ var CNav = React.forwardRef(function (_a, ref) {
         _b["nav-".concat(layout)] = layout,
         _b["nav-".concat(variant)] = variant,
         _b), className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
-    layout: propTypes.exports.oneOf(['fill', 'justified']),
-    variant: propTypes.exports.oneOf(['tabs', 'pills']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    layout: propTypesExports.oneOf(['fill', 'justified']),
+    variant: propTypesExports.oneOf(['tabs', 'pills']),
 };
 CNav.displayName = 'CNav';
 
 var CNavGroupItems = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('nav-group-items', className);
-    return (React__default["default"].createElement("ul", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("ul", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavGroupItems.displayName = 'CNavGroupItems';
 
@@ -7543,10 +7567,10 @@ var CSidebarNav = React.forwardRef(function (_a, ref) {
         setVisibleGroup: setVisibleGroup,
     };
     var classes = classNames('sidebar-nav', className);
-    return (React__default["default"].createElement("ul", __assign({ className: classes, ref: ref }, rest),
-        React__default["default"].createElement(CNavContext.Provider, { value: CNavContextValues }, React__default["default"].Children.map(children, function (child, index) {
-            if (React__default["default"].isValidElement(child)) {
-                return React__default["default"].cloneElement(child, {
+    return (React.createElement("ul", __assign({ className: classes, ref: ref }, rest),
+        React.createElement(CNavContext.Provider, { value: CNavContextValues }, React.Children.map(children, function (child, index) {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
                     key: index,
                     idx: "".concat(index),
                 });
@@ -7555,8 +7579,8 @@ var CSidebarNav = React.forwardRef(function (_a, ref) {
         }))));
 });
 CSidebarNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarNav.displayName = 'CSidebarNav';
 
@@ -7603,13 +7627,13 @@ var CNavGroup = React.forwardRef(function (_a, ref) {
         exited: { height: height },
     };
     var _className = classNames('nav-group', { show: _visible }, className);
-    return (React__default["default"].createElement("li", __assign({ className: _className }, rest, { ref: ref }),
-        toggler && (React__default["default"].createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
-        React__default["default"].createElement(Transition, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React__default["default"].createElement("ul", { className: classNames('nav-group-items', {
+    return (React.createElement("li", __assign({ className: _className }, rest, { ref: ref }),
+        toggler && (React.createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
+        React.createElement(Transition, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React.createElement("ul", { className: classNames('nav-group-items', {
                 compact: compact,
-            }), style: __assign(__assign({}, style), transitionStyles[state]), ref: navItemsRef }, React__default["default"].Children.map(children, function (child, index) {
-            if (React__default["default"].isValidElement(child)) {
-                return React__default["default"].cloneElement(child, {
+            }), style: __assign(__assign({}, style), transitionStyles[state]), ref: navItemsRef }, React.Children.map(children, function (child, index) {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
                     key: index,
                     idx: "".concat(idx, ".").concat(index),
                 });
@@ -7618,12 +7642,12 @@ var CNavGroup = React.forwardRef(function (_a, ref) {
         }))); })));
 });
 CNavGroup.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    compact: propTypes.exports.bool,
-    idx: propTypes.exports.string,
-    toggler: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    compact: propTypesExports.bool,
+    idx: propTypesExports.string,
+    toggler: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    visible: propTypesExports.bool,
 };
 CNavGroup.displayName = 'CNavGroup';
 
@@ -7638,12 +7662,12 @@ var CNavLink = React.forwardRef(function (_a, ref) {
         rest.active = (_a = navLinkRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains('active');
         idx && rest.active && setVisibleGroup(idx);
     }, [rest.active, className]);
-    return (React__default["default"].createElement(CLink, __assign({ className: _className }, rest, { ref: forkedRef }), children));
+    return (React.createElement(CLink, __assign({ className: _className }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    idx: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    idx: propTypesExports.string,
 };
 CNavLink.displayName = 'CNavLink';
 
@@ -7651,24 +7675,24 @@ var CNavItem = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('nav-item', className);
     if (rest.href || rest.to) {
-        children = (React__default["default"].createElement(CNavLink, __assign({ className: className }, rest), children));
+        children = (React.createElement(CNavLink, __assign({ className: className }, rest), children));
     }
-    return (React__default["default"].createElement("li", { className: _className, ref: ref }, children));
+    return (React.createElement("li", { className: _className, ref: ref }, children));
 });
 CNavItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavItem.displayName = 'CNavItem';
 
 var CNavTitle = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('nav-title', className);
-    return (React__default["default"].createElement("li", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("li", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavTitle.displayName = 'CNavTitle';
 
@@ -7682,22 +7706,22 @@ var CNavbar = React.forwardRef(function (_a, ref) {
         _b), placement, className);
     var content;
     if (container) {
-        content = (React__default["default"].createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
+        content = (React.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
     }
     else {
         content = children;
     }
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), content));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), content));
 });
 CNavbar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    colorScheme: propTypes.exports.oneOf(['dark', 'light']),
-    component: propTypes.exports.elementType,
-    container: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf([
+    colorScheme: propTypesExports.oneOf(['dark', 'light']),
+    component: propTypesExports.elementType,
+    container: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf([
             'sm',
             'md',
             'lg',
@@ -7706,11 +7730,11 @@ CNavbar.propTypes = {
             'fluid',
         ]),
     ]),
-    expand: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    expand: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    placement: propTypes.exports.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
+    placement: propTypesExports.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
 };
 CNavbar.displayName = 'CNavbar';
 
@@ -7718,46 +7742,46 @@ var CNavbarBrand = React.forwardRef(function (_a, ref) {
     var children = _a.children, component = _a.component, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var Component = component ? component : rest.href ? 'a' : 'span';
     var _className = classNames('navbar-brand', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CNavbarBrand.displayName = 'CNavbarBrand';
 
 var CNavbarNav = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('navbar-nav', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CNavbarNav.displayName = 'CNavbarNav';
 
 var CNavbarText = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('navbar-text', className);
-    return (React__default["default"].createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("span", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavbarText.displayName = 'CNavbarText';
 
 var CNavbarToggler = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('navbar-toggler', className);
-    return (React__default["default"].createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default["default"].createElement("span", { className: "navbar-toggler-icon" })));
+    return (React.createElement("button", __assign({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CNavbarToggler.displayName = 'CNavbarToggler';
 
@@ -7802,66 +7826,66 @@ var COffcanvas = React.forwardRef(function (_a, ref) {
         }
     }, [ref, handleDismiss]);
     var offcanvas = function (ref, state) {
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", __assign({ className: _className, role: "dialog", style: __assign({}, transitionStyles[state]), tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", __assign({ className: _className, role: "dialog", style: __assign({}, transitionStyles[state]), tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(Transition, { in: _visible, nodeRef: offcanvasRef, onEnter: onShow, onEntered: function () { var _a; return (_a = offcanvasRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, onExit: onHide, timeout: 300 }, function (state) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Transition, { in: _visible, nodeRef: offcanvasRef, onEnter: onShow, onEntered: function () { var _a; return (_a = offcanvasRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, onExit: onHide, timeout: 300 }, function (state) {
             return typeof window !== 'undefined' && portal
                 ? ReactDOM.createPortal(offcanvas(forkedRef, state), document.body)
                 : offcanvas(forkedRef, state);
         }),
         typeof window !== 'undefined' && portal
             ? backdrop &&
-                ReactDOM.createPortal(React__default["default"].createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }), document.body)
-            : backdrop && (React__default["default"].createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
+                ReactDOM.createPortal(React.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }), document.body)
+            : backdrop && (React.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
 });
 COffcanvas.propTypes = {
-    backdrop: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    keyboard: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['start', 'end', 'top', 'bottom'])
+    backdrop: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    keyboard: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    placement: propTypesExports.oneOf(['start', 'end', 'top', 'bottom'])
         .isRequired,
-    portal: propTypes.exports.bool,
-    scroll: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    portal: propTypesExports.bool,
+    scroll: propTypesExports.bool,
+    visible: propTypesExports.bool,
 };
 COffcanvas.displayName = 'COffcanvas';
 
 var COffcanvasBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('offcanvas-body', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 COffcanvasBody.displayName = 'COffcanvasBody';
 
 var COffcanvasHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('offcanvas-header', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 COffcanvasHeader.displayName = 'COffcanvasHeader';
 
 var COffcanvasTitle = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
     var _className = classNames('offcanvas-title', className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 COffcanvasTitle.displayName = 'COffcanvasTitle';
 
@@ -7872,14 +7896,14 @@ var CPagination = React.forwardRef(function (_a, ref) {
         _b["justify-content-".concat(align)] = align,
         _b["pagination-".concat(size)] = size,
         _b), className);
-    return (React__default["default"].createElement("nav", __assign({ ref: ref }, rest),
-        React__default["default"].createElement("ul", { className: _className }, children)));
+    return (React.createElement("nav", __assign({ ref: ref }, rest),
+        React.createElement("ul", { className: _className }, children)));
 });
 CPagination.propTypes = {
-    align: propTypes.exports.oneOf(['start', 'center', 'end']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm', 'lg']),
+    align: propTypesExports.oneOf(['start', 'center', 'end']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
 };
 CPagination.displayName = 'CPagination';
 
@@ -7890,12 +7914,12 @@ var CPaginationItem = React.forwardRef(function (_a, ref) {
         disabled: rest.disabled,
     }, className);
     var Component = component ? component : rest.active ? 'span' : 'a';
-    return (React__default["default"].createElement("li", __assign({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React__default["default"].createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React__default["default"].createElement(Component, { className: "page-link", ref: ref }, children))));
+    return (React.createElement("li", __assign({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React.createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    component: propTypes.exports.elementType,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
 };
 CPaginationItem.displayName = 'CPaginationItem';
 
@@ -7926,15 +7950,15 @@ var CPlaceholder = React.forwardRef(function (_a, ref) {
         _b["bg-".concat(color)] = color,
         _b["placeholder-".concat(size)] = size,
         _b), repsonsiveClassNames, className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
-    animation: propTypes.exports.oneOf(['glow', 'wave']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animation: propTypesExports.oneOf(['glow', 'wave']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.elementType,
-    size: propTypes.exports.oneOf(['xs', 'sm', 'lg']),
+    component: propTypesExports.elementType,
+    size: propTypesExports.oneOf(['xs', 'sm', 'lg']),
 };
 CPlaceholder.displayName = 'CPlaceholder';
 
@@ -7946,15 +7970,15 @@ var CProgressBar = React.forwardRef(function (_a, ref) {
         _b["progress-bar-".concat(variant)] = variant,
         _b['progress-bar-animated'] = animated,
         _b), className);
-    return (React__default["default"].createElement("div", __assign({ className: _className, role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className, role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
 });
 CProgressBar.propTypes = {
-    animated: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animated: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    value: propTypes.exports.number,
-    variant: propTypes.exports.oneOf(['striped']),
+    value: propTypesExports.number,
+    variant: propTypesExports.oneOf(['striped']),
 };
 CProgressBar.displayName = 'CProgressBar';
 
@@ -7964,15 +7988,15 @@ var CProgress = React.forwardRef(function (_a, ref) {
         'progress-thin': thin,
         'progress-white': white,
     }, className);
-    return (React__default["default"].createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React__default["default"].createElement(CProgressBar, __assign({ value: value }, rest), children)) : (children)));
+    return (React.createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React.createElement(CProgressBar, __assign({ value: value }, rest), children)) : (children)));
 });
 CProgress.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    height: propTypes.exports.number,
-    thin: propTypes.exports.bool,
-    value: propTypes.exports.number,
-    white: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    height: propTypesExports.number,
+    thin: propTypesExports.bool,
+    value: propTypesExports.number,
+    white: propTypesExports.bool,
 };
 CProgress.displayName = 'CProgress';
 
@@ -8007,8 +8031,8 @@ var CPopover = function (_a) {
                     ? 'fade'
                     : 'fade';
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].cloneElement(children, __assign(__assign(__assign({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, __assign(__assign(__assign({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
             onClick: function () { return setVisible(!_visible); },
         })), ((trigger === 'focus' || trigger.includes('focus')) && {
             onFocus: function () { return setVisible(true); },
@@ -8018,40 +8042,33 @@ var CPopover = function (_a) {
             onMouseLeave: function () { return setVisible(false); },
         }))),
         typeof window !== 'undefined' &&
-            ReactDOM.createPortal(React__default["default"].createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
+            ReactDOM.createPortal(React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default["default"].createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
-                    React__default["default"].createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
-                    React__default["default"].createElement("div", { className: "popover-header" }, title),
-                    React__default["default"].createElement("div", { className: "popover-body" }, content)));
+                return (React.createElement("div", __assign({ className: classNames("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                    React.createElement("div", { className: "popover-arrow", style: styles.arrow, ref: setArrowElement }),
+                    React.createElement("div", { className: "popover-header" }, title),
+                    React.createElement("div", { className: "popover-body" }, content)));
             }), document.body)));
 };
 CPopover.propTypes = {
-    children: propTypes.exports.any,
-    content: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    offset: propTypes.exports.any,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
+    children: propTypesExports.any,
+    content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    offset: propTypesExports.any,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    placement: propTypesExports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
     trigger: triggerPropType,
-    visible: propTypes.exports.bool,
+    visible: propTypesExports.bool,
 };
 CPopover.displayName = 'CPopover';
 
 var isOnMobile = function (element) {
     return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
 };
-var isVisible = function (element) {
-    var rect = element.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
-};
 var CSidebar = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, narrow = _a.narrow, onHide = _a.onHide, onShow = _a.onShow, onVisibleChange = _a.onVisibleChange, overlaid = _a.overlaid, position = _a.position, size = _a.size, unfoldable = _a.unfoldable, visible = _a.visible, rest = __rest(_a, ["children", "className", "narrow", "onHide", "onShow", "onVisibleChange", "overlaid", "position", "size", "unfoldable", "visible"]);
@@ -8133,84 +8150,84 @@ var CSidebar = React.forwardRef(function (_a, ref) {
         _b.show = _visible === true && mobile,
         _b.hide = _visible === false && !mobile,
         _b), className);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: forkedRef }), children),
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({ className: _className }, rest, { ref: forkedRef }), children),
         typeof window !== 'undefined' &&
             mobile &&
-            ReactDOM.createPortal(React__default["default"].createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
+            ReactDOM.createPortal(React.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
 });
 CSidebar.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    narrow: propTypes.exports.bool,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    onVisibleChange: propTypes.exports.func,
-    overlaid: propTypes.exports.bool,
-    position: propTypes.exports.oneOf(['fixed', 'sticky']),
-    size: propTypes.exports.oneOf(['sm', 'lg', 'xl']),
-    unfoldable: propTypes.exports.bool,
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    narrow: propTypesExports.bool,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    onVisibleChange: propTypesExports.func,
+    overlaid: propTypesExports.bool,
+    position: propTypesExports.oneOf(['fixed', 'sticky']),
+    size: propTypesExports.oneOf(['sm', 'lg', 'xl']),
+    unfoldable: propTypesExports.bool,
+    visible: propTypesExports.bool,
 };
 CSidebar.displayName = 'CSidebar';
 
 var CSidebarBrand = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('sidebar-brand', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className, ref: ref }, rest), children));
+    return (React.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarBrand.displayName = 'CSidebarBrand';
 
 var CSidebarFooter = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('sidebar-footer', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className, ref: ref }, rest), children));
+    return (React.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarFooter.displayName = 'CSidebarFooter';
 
 var CSidebarToggler = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('sidebar-toggler', className);
-    return (React__default["default"].createElement("button", __assign({ className: _className, ref: ref }, rest), children));
+    return (React.createElement("button", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarToggler.displayName = 'CSidebarToggler';
 
 var CSidebarHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('sidebar-header', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className, ref: ref }, rest), children));
+    return (React.createElement("div", __assign({ className: _className, ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CSidebarHeader.displayName = 'CSidebarHeader';
 
 var CSpinner = React.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, _b = _a.component, Component = _b === void 0 ? 'div' : _b, size = _a.size, _c = _a.variant, variant = _c === void 0 ? 'border' : _c, _d = _a.visuallyHiddenLabel, visuallyHiddenLabel = _d === void 0 ? 'Loading...' : _d, rest = __rest(_a, ["className", "color", "component", "size", "variant", "visuallyHiddenLabel"]);
     var _className = classNames("spinner-".concat(variant), "text-".concat(color), size && "spinner-".concat(variant, "-").concat(size), className);
-    return (React__default["default"].createElement(Component, __assign({ className: _className, role: "status" }, rest, { ref: ref }),
-        React__default["default"].createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
+    return (React.createElement(Component, __assign({ className: _className, role: "status" }, rest, { ref: ref }),
+        React.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    component: propTypes.exports.string,
-    size: propTypes.exports.oneOf(['sm']),
-    variant: propTypes.exports.oneOf(['border', 'grow']),
-    visuallyHiddenLabel: propTypes.exports.string,
+    component: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm']),
+    variant: propTypesExports.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: propTypesExports.string,
 };
 CSpinner.displayName = 'CSpinner';
 
@@ -8220,11 +8237,11 @@ var CTableHead = React.forwardRef(function (_a, ref) {
     var _className = classNames((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("thead", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement("thead", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableHead.displayName = 'CTableHead';
@@ -8235,11 +8252,11 @@ var CTableHeaderCell = React.forwardRef(function (_a, ref) {
     var _className = classNames((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("th", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement("th", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableHeaderCell.displayName = 'CTableHeaderCell';
@@ -8250,11 +8267,11 @@ var CTableBody = React.forwardRef(function (_a, ref) {
     var _className = classNames((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("tbody", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement("tbody", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableBody.displayName = 'CTableBody';
@@ -8268,13 +8285,13 @@ var CTableDataCell = React.forwardRef(function (_a, ref) {
         _b["table-".concat(color)] = color,
         _b), className);
     var Component = rest.scope ? 'th' : 'td';
-    return (React__default["default"].createElement(Component, __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement(Component, __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
-    active: propTypes.exports.bool,
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableDataCell.displayName = 'CTableDataCell';
@@ -8287,13 +8304,13 @@ var CTableRow = React.forwardRef(function (_a, ref) {
         _b['table-active'] = active,
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("tr", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement("tr", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
-    active: propTypes.exports.bool,
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    active: propTypesExports.bool,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableRow.displayName = 'CTableRow';
@@ -8304,33 +8321,33 @@ var CTableFoot = React.forwardRef(function (_a, ref) {
     var _className = classNames((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default["default"].createElement("tfoot", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React.createElement("tfoot", __assign({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
 };
 CTableFoot.displayName = 'CTableFoot';
 
 var CTableCaption = React.forwardRef(function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React__default["default"].createElement("caption", __assign({}, props, { ref: ref }), children));
+    return (React.createElement("caption", __assign({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
-    children: propTypes.exports.node,
+    children: propTypesExports.node,
 };
 CTableCaption.displayName = 'CTableCaption';
 
 var CTableResponsiveWrapper = function (_a) {
     var children = _a.children, responsive = _a.responsive, rest = __rest(_a, ["children", "responsive"]);
-    return responsive ? (React__default["default"].createElement("div", __assign({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
+    return responsive ? (React.createElement("div", __assign({ className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) }, rest), children)) : (children);
 };
 CTableResponsiveWrapper.propTypes = {
-    children: propTypes.exports.any,
-    responsive: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    children: propTypesExports.any,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
 };
 CTableResponsiveWrapper.displayName = 'CTableResponsiveWrapper';
@@ -8374,52 +8391,52 @@ var CTable = React.forwardRef(function (_a, ref) {
                 : pretifyName(column.key)
             : pretifyName(column);
     };
-    return (React__default["default"].createElement(CTableResponsiveWrapper, { responsive: responsive },
-        React__default["default"].createElement("table", __assign({ className: _className }, rest, { ref: ref }),
-            ((caption && caption !== 'top') || captionTop) && (React__default["default"].createElement(CTableCaption, null, caption || captionTop)),
-            columns && (React__default["default"].createElement(CTableHead, __assign({}, tableHeadProps),
-                React__default["default"].createElement(CTableRow, null, columns.map(function (column, index) { return (React__default["default"].createElement(CTableHeaderCell, __assign({}, (column._props && __assign({}, column._props)), (column._style && { style: __assign({}, column._style) }), { key: index }), label(column))); })))),
-            items && (React__default["default"].createElement(CTableBody, null, items.map(function (item, index) { return (React__default["default"].createElement(CTableRow, __assign({}, (item._props && __assign({}, item._props)), { key: index }), rawColumnNames.map(function (colName, index) {
-                return item[colName] ? (React__default["default"].createElement(CTableDataCell, __assign({}, (item._cellProps && __assign(__assign({}, (item._cellProps['all'] && __assign({}, item._cellProps['all']))), (item._cellProps[colName] && __assign({}, item._cellProps[colName])))), { key: index }), item[colName])) : null;
+    return (React.createElement(CTableResponsiveWrapper, { responsive: responsive },
+        React.createElement("table", __assign({ className: _className }, rest, { ref: ref }),
+            ((caption && caption !== 'top') || captionTop) && (React.createElement(CTableCaption, null, caption || captionTop)),
+            columns && (React.createElement(CTableHead, __assign({}, tableHeadProps),
+                React.createElement(CTableRow, null, columns.map(function (column, index) { return (React.createElement(CTableHeaderCell, __assign({}, (column._props && __assign({}, column._props)), (column._style && { style: __assign({}, column._style) }), { key: index }), label(column))); })))),
+            items && (React.createElement(CTableBody, null, items.map(function (item, index) { return (React.createElement(CTableRow, __assign({}, (item._props && __assign({}, item._props)), { key: index }), rawColumnNames.map(function (colName, index) {
+                return item[colName] ? (React.createElement(CTableDataCell, __assign({}, (item._cellProps && __assign(__assign({}, (item._cellProps['all'] && __assign({}, item._cellProps['all']))), (item._cellProps[colName] && __assign({}, item._cellProps[colName])))), { key: index }), item[colName])) : null;
             }))); }))),
             children,
-            footer && (React__default["default"].createElement(CTableFoot, __assign({}, tableFootProps),
-                React__default["default"].createElement(CTableRow, null, footer.map(function (item, index) { return (React__default["default"].createElement(CTableDataCell, __assign({}, (item._props && __assign({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
+            footer && (React.createElement(CTableFoot, __assign({}, tableFootProps),
+                React.createElement(CTableRow, null, footer.map(function (item, index) { return (React.createElement(CTableDataCell, __assign({}, (item._props && __assign({}, item._props)), { key: index }), typeof item === 'object' ? item.label : item)); })))))));
 });
 CTable.propTypes = {
-    align: propTypes.exports.oneOf(['bottom', 'middle', 'top']),
-    borderColor: propTypes.exports.string,
-    bordered: propTypes.exports.bool,
-    borderless: propTypes.exports.bool,
-    caption: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.oneOf(['top'])]),
-    captionTop: propTypes.exports.string,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    align: propTypesExports.oneOf(['bottom', 'middle', 'top']),
+    borderColor: propTypesExports.string,
+    bordered: propTypesExports.bool,
+    borderless: propTypesExports.bool,
+    caption: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.oneOf(['top'])]),
+    captionTop: propTypesExports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    columns: propTypes.exports.array,
-    footer: propTypes.exports.array,
-    hover: propTypes.exports.bool,
-    items: propTypes.exports.array,
-    responsive: propTypes.exports.oneOfType([
-        propTypes.exports.bool,
-        propTypes.exports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    columns: propTypesExports.array,
+    footer: propTypesExports.array,
+    hover: propTypesExports.bool,
+    items: propTypesExports.array,
+    responsive: propTypesExports.oneOfType([
+        propTypesExports.bool,
+        propTypesExports.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
     ]),
-    small: propTypes.exports.bool,
-    striped: propTypes.exports.bool,
-    stripedColumns: propTypes.exports.bool,
-    tableFootProps: propTypes.exports.shape(__assign({}, CTableFoot.propTypes)),
-    tableHeadProps: propTypes.exports.shape(__assign({}, CTableHead.propTypes)),
+    small: propTypesExports.bool,
+    striped: propTypesExports.bool,
+    stripedColumns: propTypesExports.bool,
+    tableFootProps: propTypesExports.shape(__assign({}, CTableFoot.propTypes)),
+    tableHeadProps: propTypesExports.shape(__assign({}, CTableHead.propTypes)),
 };
 CTable.displayName = 'CTable';
 
 var CTabContent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('tab-content', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CTabContent.displayName = 'CTabContent';
 
@@ -8433,17 +8450,17 @@ var CTabPane = React.forwardRef(function (_a, ref) {
     var _className = classNames('tab-pane', 'fade', {
         active: visible,
     }, className);
-    return (React__default["default"].createElement(Transition, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
+    return (React.createElement(Transition, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default["default"].createElement("div", __assign({ className: classNames(_className, transitionClass) }, rest, { ref: forkedRef }), children));
+        return (React.createElement("div", __assign({ className: classNames(_className, transitionClass) }, rest, { ref: forkedRef }), children));
     }));
 });
 CTabPane.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CTabPane.displayName = 'CTabPane';
 
@@ -8490,57 +8507,57 @@ var CToast = React.forwardRef(function (_a, ref) {
                     ? 'showing'
                     : 'fade';
     };
-    return (React__default["default"].createElement(Transition, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index ? index : null); }, onExited: function () { return onClose && onClose(index ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
+    return (React.createElement(Transition, { in: _visible, nodeRef: toastRef, onEnter: function () { return onShow && onShow(index ? index : null); }, onExited: function () { return onClose && onClose(index ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default["default"].createElement(CToastContext.Provider, { value: contextValues },
-            React__default["default"].createElement("div", __assign({ className: classNames(_className, transitionClass), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: key, ref: forkedRef }), children)));
+        return (React.createElement(CToastContext.Provider, { value: contextValues },
+            React.createElement("div", __assign({ className: classNames(_className, transitionClass), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide(); } }, rest, { key: key, ref: forkedRef }), children)));
     }));
 });
 CToast.propTypes = {
-    animation: propTypes.exports.bool,
-    autohide: propTypes.exports.bool,
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    animation: propTypesExports.bool,
+    autohide: propTypesExports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
     color: colorPropType,
-    delay: propTypes.exports.number,
-    index: propTypes.exports.number,
-    key: propTypes.exports.number,
-    onClose: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    visible: propTypes.exports.bool,
+    delay: propTypesExports.number,
+    index: propTypesExports.number,
+    key: propTypesExports.number,
+    onClose: propTypesExports.func,
+    onShow: propTypesExports.func,
+    visible: propTypesExports.bool,
 };
 CToast.displayName = 'CToast';
 
 var CToastBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
     var _className = classNames('toast-body', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
 };
 CToastBody.displayName = 'CToastBody';
 
 var CToastClose = React.forwardRef(function (_a, ref) {
     var children = _a.children, Component = _a.component, rest = __rest(_a, ["children", "component"]);
     var setVisible = React.useContext(CToastContext).setVisible;
-    return Component ? (React__default["default"].createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React__default["default"].createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
+    return Component ? (React.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React.createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
-CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: propTypes.exports.elementType });
+CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: propTypesExports.elementType });
 CToastClose.displayName = 'CToastClose';
 
 var CToastHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, closeButton = _a.closeButton, rest = __rest(_a, ["children", "className", "closeButton"]);
     var _className = classNames('toast-header', className);
-    return (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+    return (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
         children,
-        closeButton && React__default["default"].createElement(CToastClose, null)));
+        closeButton && React.createElement(CToastClose, null)));
 });
 CToastHeader.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    closeButton: propTypes.exports.bool,
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    closeButton: propTypesExports.bool,
 };
 CToastHeader.displayName = 'CToastHeader';
 
@@ -8554,7 +8571,7 @@ var CToaster = React.forwardRef(function (_a, ref) {
     }, [push]);
     var addToast = function (push) {
         setToasts(function (state) { return __spreadArray(__spreadArray([], state, true), [
-            React__default["default"].cloneElement(push, {
+            React.cloneElement(push, {
                 index: index.current,
                 key: index.current,
                 onClose: function (index) {
@@ -8573,20 +8590,20 @@ var CToaster = React.forwardRef(function (_a, ref) {
         'end-0': placement && placement.includes('end'),
     }, className);
     var toaster = function (ref) {
-        return toasts.length > 0 || children ? (React__default["default"].createElement("div", __assign({ className: _className }, rest, { ref: ref }),
+        return toasts.length > 0 || children ? (React.createElement("div", __assign({ className: _className }, rest, { ref: ref }),
             children,
-            toasts.map(function (toast) { return React__default["default"].cloneElement(toast, { visible: true }); }))) : null;
+            toasts.map(function (toast) { return React.cloneElement(toast, { visible: true }); }))) : null;
     };
     return typeof window !== 'undefined' && placement
         ? ReactDOM.createPortal(toaster(ref), document.body)
         : toaster(ref);
 });
 CToaster.propTypes = {
-    children: propTypes.exports.node,
-    className: propTypes.exports.string,
-    placement: propTypes.exports.oneOfType([
-        propTypes.exports.string,
-        propTypes.exports.oneOf([
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    placement: propTypesExports.oneOfType([
+        propTypesExports.string,
+        propTypesExports.oneOf([
             'top-start',
             'top-center',
             'top-end',
@@ -8598,7 +8615,7 @@ CToaster.propTypes = {
             'bottom-end',
         ]),
     ]),
-    push: propTypes.exports.any,
+    push: propTypesExports.any,
 };
 CToaster.displayName = 'CToaster';
 
@@ -8630,8 +8647,8 @@ var CTooltip = function (_a) {
                     ? 'fade'
                     : 'fade';
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].cloneElement(children, __assign(__assign(__assign({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, __assign(__assign(__assign({ ref: setReferenceElement }, ((trigger === 'click' || trigger.includes('click')) && {
             onClick: function () { return setVisible(!_visible); },
         })), ((trigger === 'focus' || trigger.includes('focus')) && {
             onFocus: function () { return setVisible(true); },
@@ -8641,25 +8658,25 @@ var CTooltip = function (_a) {
             onMouseLeave: function () { return setVisible(false); },
         }))),
         typeof window !== 'undefined' &&
-            ReactDOM.createPortal(React__default["default"].createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
+            ReactDOM.createPortal(React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default["default"].createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
-                    React__default["default"].createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
-                    React__default["default"].createElement("div", { className: "tooltip-inner" }, content)));
+                return (React.createElement("div", __assign({ className: classNames("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: setPopperElement, role: "tooltip", style: styles.popper }, attributes.popper, rest),
+                    React.createElement("div", { className: "tooltip-arrow", style: styles.arrow, ref: setArrowElement }),
+                    React.createElement("div", { className: "tooltip-inner" }, content)));
             }), document.body)));
 };
 CTooltip.propTypes = {
-    children: propTypes.exports.any,
-    content: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    offset: propTypes.exports.any,
-    onHide: propTypes.exports.func,
-    onShow: propTypes.exports.func,
-    placement: propTypes.exports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    children: propTypesExports.any,
+    content: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    offset: propTypesExports.any,
+    onHide: propTypesExports.func,
+    onShow: propTypesExports.func,
+    placement: propTypesExports.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
     trigger: triggerPropType,
-    visible: propTypes.exports.bool,
+    visible: propTypesExports.bool,
 };
 CTooltip.displayName = 'CTooltip';
 
@@ -8667,61 +8684,61 @@ var CWidgetStatsA = React.forwardRef(function (_a, ref) {
     var _b;
     var action = _a.action, chart = _a.chart, className = _a.className, color = _a.color, title = _a.title, value = _a.value, rest = __rest(_a, ["action", "chart", "className", "color", "title", "value"]);
     var _className = classNames((_b = {}, _b["bg-".concat(color)] = color, _b['text-high-emphasis-inverse'] = color, _b), className);
-    return (React__default["default"].createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
-            React__default["default"].createElement("div", null,
-                value && React__default["default"].createElement("div", { className: "fs-4 fw-semibold" }, value),
-                title && React__default["default"].createElement("div", null, title)),
+    return (React.createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
+            React.createElement("div", null,
+                value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+                title && React.createElement("div", null, title)),
             action),
         chart));
 });
 CWidgetStatsA.propTypes = {
-    action: propTypes.exports.node,
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
+    action: propTypesExports.node,
+    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    className: propTypesExports.string,
     color: colorPropType,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsA.displayName = 'CWidgetStatsA';
 
 var CWidgetStatsB = React.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, inverse = _a.inverse, progress = _a.progress, text = _a.text, title = _a.title, value = _a.value, rest = __rest(_a, ["className", "color", "inverse", "progress", "text", "title", "value"]);
-    return (React__default["default"].createElement(CCard, __assign({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
-        React__default["default"].createElement(CCardBody, null,
-            value && React__default["default"].createElement("div", { className: "fs-4 fw-semibold" }, value),
-            title && React__default["default"].createElement("div", null, title),
-            React__default["default"].createElement(CProgress, __assign({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
-            text && (React__default["default"].createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
+    return (React.createElement(CCard, __assign({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
+        React.createElement(CCardBody, null,
+            value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+            title && React.createElement("div", null, title),
+            React.createElement(CProgress, __assign({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
+            text && (React.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
 });
 CWidgetStatsB.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    inverse: propTypes.exports.bool,
-    progress: propTypes.exports.object,
-    text: propTypes.exports.string,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    inverse: propTypesExports.bool,
+    progress: propTypesExports.object,
+    text: propTypesExports.string,
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
 
 var CWidgetStatsC = React.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, icon = _a.icon, inverse = _a.inverse, progress = _a.progress, title = _a.title, value = _a.value, rest = __rest(_a, ["className", "color", "icon", "inverse", "progress", "title", "value"]);
-    return (React__default["default"].createElement(CCard, __assign({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
-        React__default["default"].createElement(CCardBody, null,
-            icon && (React__default["default"].createElement("div", { className: "text-medium-emphasis".concat(inverse ? '-inverse' : '', " text-end mb-4") }, icon)),
-            value && (React__default["default"].createElement("div", { className: "text-high-emphasis".concat(inverse ? '-inverse' : '', " fs-4 fw-semibold") }, value)),
-            title && (React__default["default"].createElement("div", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, title)),
-            React__default["default"].createElement(CProgress, __assign({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
+    return (React.createElement(CCard, __assign({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
+        React.createElement(CCardBody, null,
+            icon && (React.createElement("div", { className: "text-medium-emphasis".concat(inverse ? '-inverse' : '', " text-end mb-4") }, icon)),
+            value && (React.createElement("div", { className: "text-high-emphasis".concat(inverse ? '-inverse' : '', " fs-4 fw-semibold") }, value)),
+            title && (React.createElement("div", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, title)),
+            React.createElement(CProgress, __assign({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
 });
 CWidgetStatsC.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    inverse: propTypes.exports.bool,
-    progress: propTypes.exports.object,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    inverse: propTypesExports.bool,
+    progress: propTypesExports.object,
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
 
@@ -8732,65 +8749,65 @@ var CWidgetStatsD = React.forwardRef(function (_a, ref) {
     var classNameHeader = classNames('position-relative d-flex justify-content-center align-items-center', (_b = {},
         _b["bg-".concat(color)] = color,
         _b));
-    return (React__default["default"].createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CCardHeader, { className: classNameHeader },
+    return (React.createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CCardHeader, { className: classNameHeader },
             icon,
             chart),
-        React__default["default"].createElement(CCardBody, { className: "row text-center" }, values &&
+        React.createElement(CCardBody, { className: "row text-center" }, values &&
             values.map(function (value, index) {
-                return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
-                    index % 2 !== 0 && React__default["default"].createElement("div", { className: "vr" }),
-                    React__default["default"].createElement(CCol, null,
-                        React__default["default"].createElement("div", { className: "fs-5 fw-semibold" }, value.value),
-                        React__default["default"].createElement("div", { className: "text-uppercase text-medium-emphasis small" }, value.title))));
+                return (React.createElement(React.Fragment, { key: index },
+                    index % 2 !== 0 && React.createElement("div", { className: "vr" }),
+                    React.createElement(CCol, null,
+                        React.createElement("div", { className: "fs-5 fw-semibold" }, value.value),
+                        React.createElement("div", { className: "text-uppercase text-medium-emphasis small" }, value.title))));
             }))));
 });
 CWidgetStatsD.propTypes = {
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
+    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    className: propTypesExports.string,
     color: colorPropType,
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    values: propTypes.exports.arrayOf(propTypes.exports.any),
+    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    values: propTypesExports.arrayOf(propTypesExports.any),
 };
 CWidgetStatsD.displayName = 'CWidgetStatsD';
 
 var CWidgetStatsE = React.forwardRef(function (_a, ref) {
     var chart = _a.chart, className = _a.className, title = _a.title, value = _a.value, rest = __rest(_a, ["chart", "className", "title", "value"]);
     var _className = classNames(className);
-    return (React__default["default"].createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CCardBody, { className: "text-center" },
-            title && (React__default["default"].createElement("div", { className: "text-medium-emphasis small text-uppercase fw-semibold" }, title)),
-            value && React__default["default"].createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
+    return (React.createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CCardBody, { className: "text-center" },
+            title && (React.createElement("div", { className: "text-medium-emphasis small text-uppercase fw-semibold" }, title)),
+            value && React.createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
             chart)));
 });
 CWidgetStatsE.propTypes = {
-    children: propTypes.exports.node,
-    chart: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    className: propTypes.exports.string,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    children: propTypesExports.node,
+    chart: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    className: propTypesExports.string,
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsE.displayName = 'CWidgetStatsE';
 
 var CWidgetStatsF = React.forwardRef(function (_a, ref) {
     var className = _a.className, color = _a.color, footer = _a.footer, icon = _a.icon, _b = _a.padding, padding = _b === void 0 ? true : _b, title = _a.title, value = _a.value, rest = __rest(_a, ["className", "color", "footer", "icon", "padding", "title", "value"]);
     var _className = classNames(className);
-    return (React__default["default"].createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
-        React__default["default"].createElement(CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
-            React__default["default"].createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
-            React__default["default"].createElement("div", null,
-                React__default["default"].createElement("div", { className: "fs-6 fw-semibold text-".concat(color) }, value),
-                React__default["default"].createElement("div", { className: "text-medium-emphasis text-uppercase fw-semibold small" }, title))),
-        footer && React__default["default"].createElement(CCardFooter, null, footer)));
+    return (React.createElement(CCard, __assign({ className: _className }, rest, { ref: ref }),
+        React.createElement(CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
+            React.createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
+            React.createElement("div", null,
+                React.createElement("div", { className: "fs-6 fw-semibold text-".concat(color) }, value),
+                React.createElement("div", { className: "text-medium-emphasis text-uppercase fw-semibold small" }, title))),
+        footer && React.createElement(CCardFooter, null, footer)));
 });
 CWidgetStatsF.propTypes = {
-    className: propTypes.exports.string,
+    className: propTypesExports.string,
     color: colorPropType,
-    footer: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    icon: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    padding: propTypes.exports.bool,
-    title: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node]),
-    value: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.node, propTypes.exports.number]),
+    footer: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    icon: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    padding: propTypesExports.bool,
+    title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node, propTypesExports.number]),
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';
 
@@ -8840,6 +8857,8 @@ exports.CDropdownToggle = CDropdownToggle;
 exports.CFooter = CFooter;
 exports.CForm = CForm;
 exports.CFormCheck = CFormCheck;
+exports.CFormControlValidation = CFormControlValidation;
+exports.CFormControlWrapper = CFormControlWrapper;
 exports.CFormFeedback = CFormFeedback;
 exports.CFormFloating = CFormFloating;
 exports.CFormInput = CFormInput;