@coreui/react-pro 4.1.4 → 4.2.0-beta.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import React__default, { createContext, forwardRef, useState, useRef, useContext, useEffect, useMemo, Children, useLayoutEffect, useCallback } from 'react';
+import * as React$1 from 'react';
+import React__default$1, { createContext, forwardRef, useState, useRef, useContext, useEffect, useMemo, Children, useLayoutEffect, useCallback } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 
 /*! *****************************************************************************
@@ -50,6 +50,8 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
 var propTypes$1 = {exports: {}};
 
 var reactIs$1 = {exports: {}};
@@ -1220,8 +1222,8 @@ var CAccordion = 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$1(_a, ["children", "activeItemKey", "alwaysOpen", "className", "flush"]);
     var _d = useState(activeItemKey), _activeItemKey = _d[0], setActiveKey = _d[1];
     var _className = classNames$1('accordion', { 'accordion-flush': flush }, className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CAccordionContext.Provider, { value: { _activeItemKey: _activeItemKey, alwaysOpen: alwaysOpen, setActiveKey: setActiveKey } }, children)));
 });
 CAccordion.propTypes = {
     alwaysOpen: PropTypes$1.bool,
@@ -1245,8 +1247,8 @@ var CAccordionItem = forwardRef(function (_a, ref) {
         setVisible(Boolean(_activeItemKey === _itemKey.current));
     }, [_activeItemKey]);
     var _className = classNames$1('accordion-item', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CAccordionItemContext.Provider, { value: { setVisible: setVisible, visible: visible } }, children)));
 });
 CAccordionItem.propTypes = {
     children: PropTypes$1.node,
@@ -1255,8 +1257,8 @@ CAccordionItem.propTypes = {
 };
 CAccordionItem.displayName = 'CAccordionItem';
 
-function _extends() {
-  _extends = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -1270,10 +1272,10 @@ function _extends() {
     return target;
   };
 
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -1288,19 +1290,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+function _setPrototypeOf$1(o, p) {
+  _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
 
-  return _setPrototypeOf(o, p);
+  return _setPrototypeOf$1(o, p);
 }
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+  _setPrototypeOf$1(subClass, superClass);
 }
 
 /**
@@ -1368,7 +1370,7 @@ var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes$1.oneOfT
   exitActive: PropTypes$1.string
 })]) : null;
 
-var TransitionGroupContext = React__default.createContext(null);
+var TransitionGroupContext = React__default$1.createContext(null);
 
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
@@ -1753,19 +1755,19 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _this$props.onExiting;
         _this$props.onExited;
         _this$props.nodeRef;
-        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        var childProps = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
       // allows for nested Transitions
-      React__default.createElement(TransitionGroupContext.Provider, {
+      React__default$1.createElement(TransitionGroupContext.Provider, {
         value: null
-      }, typeof children === 'function' ? children(status, childProps) : React__default.cloneElement(React__default.Children.only(children), childProps))
+      }, typeof children === 'function' ? children(status, childProps) : React__default$1.cloneElement(React__default$1.Children.only(children), childProps))
     );
   };
 
   return Transition;
-}(React__default.Component);
+}(React__default$1.Component);
 
 Transition.contextType = TransitionGroupContext;
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -2232,9 +2234,9 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this$props = this.props;
         _this$props.classNames;
-        var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
+        var props = _objectWithoutPropertiesLoose$1(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/React__default.createElement(Transition$1, _extends({}, props, {
+    return /*#__PURE__*/React__default$1.createElement(Transition$1, _extends$1({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -2245,12 +2247,12 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
   };
 
   return CSSTransition;
-}(React__default.Component);
+}(React__default$1.Component);
 
 CSSTransition.defaultProps = {
   classNames: ''
 };
-CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Transition$1.propTypes, {
+CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({}, Transition$1.propTypes, {
   /**
    * The animation classNames applied to the component as it appears, enters,
    * exits or has finished the transition. A single name can be provided, which
@@ -2479,11 +2481,11 @@ var CCollapse = forwardRef(function (_a, ref) {
     var _className = classNames$1({
         'collapse-horizontal': horizontal,
     }, className);
-    return (React__default.createElement(CSSTransition$1, { in: visible, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 350 }, function (state) {
+    return (React__default$1.createElement(CSSTransition$1, { in: visible, 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.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
+        return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), style: __assign$1(__assign$1({}, currentHeight), currentWidth) }, rest, { ref: forkedRef }), children));
     }));
 });
 CCollapse.propTypes = {
@@ -2500,8 +2502,8 @@ var CAccordionBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var visible = useContext(CAccordionItemContext).visible;
     var _className = classNames$1('accordion-body', className);
-    return (React__default.createElement(CCollapse, { className: "accordion-collpase", visible: visible },
-        React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children)));
+    return (React__default$1.createElement(CCollapse, { className: "accordion-collpase", visible: visible },
+        React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children)));
 });
 CAccordionBody.propTypes = {
     children: PropTypes$1.node,
@@ -2513,7 +2515,7 @@ var CAccordionButton = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _b = useContext(CAccordionItemContext), visible = _b.visible, setVisible = _b.setVisible;
     var _className = classNames$1('accordion-button', { collapsed: !visible }, className);
-    return (React__default.createElement("button", __assign$1({ className: _className }, rest, { "aria-expanded": !visible, onClick: function () { return setVisible(!visible); }, ref: ref }), children));
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: _className, "aria-expanded": !visible, onClick: function () { return setVisible(!visible); } }, rest, { ref: ref }), children));
 });
 CAccordionButton.propTypes = {
     children: PropTypes$1.node,
@@ -2523,7 +2525,7 @@ CAccordionButton.displayName = 'CAccordionButton';
 
 var CAccordionCollapse = forwardRef(function (_a, ref) {
     var children = _a.children, props = __rest$1(_a, ["children"]);
-    return (React__default.createElement(CCollapse, __assign$1({ className: "accordion-collapse" }, props, { ref: ref }), children));
+    return (React__default$1.createElement(CCollapse, __assign$1({ className: "accordion-collapse" }, props, { ref: ref }), children));
 });
 CAccordionCollapse.propTypes = {
     children: PropTypes$1.node,
@@ -2533,8 +2535,8 @@ CAccordionCollapse.displayName = 'CAccordionCollapse';
 var CAccordionHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('accordion-header', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CAccordionButton, null, children)));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CAccordionButton, null, children)));
 });
 CAccordionHeader.propTypes = {
     children: PropTypes$1.node,
@@ -2603,14 +2605,14 @@ var textColorsPropType = PropTypes$1.oneOfType([
     PropTypes$1.oneOf(['white', 'muted']),
     PropTypes$1.string,
 ]);
-var triggerPropType = PropTypes$1.oneOf(['hover', 'focus', 'click', 'click-init']);
+var triggerPropType = PropTypes$1.oneOf(['hover', 'focus', 'click']);
 
 var CCloseButton = forwardRef(function (_a, ref) {
     var className = _a.className, disabled = _a.disabled, white = _a.white, rest = __rest$1(_a, ["className", "disabled", "white"]);
     var _className = classNames$1('btn', 'btn-close', {
         'btn-close-white': white,
     }, disabled, className);
-    return (React__default.createElement("button", __assign$1({ className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
+    return (React__default$1.createElement("button", __assign$1({ className: _className, "aria-label": "Close", disabled: disabled }, rest, { ref: ref })));
 });
 CCloseButton.propTypes = {
     className: PropTypes$1.string,
@@ -2631,11 +2633,11 @@ var CAlert = forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default.createElement(Transition$1, { in: _visible, mountOnEnter: true, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, onExit: onClose, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), role: "alert" }, rest, { ref: ref }),
+        return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), role: "alert" }, rest, { ref: ref }),
             children,
-            dismissible && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
+            dismissible && React__default$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
     }));
 });
 CAlert.propTypes = {
@@ -2652,7 +2654,7 @@ CAlert.displayName = 'CAlert';
 var CAlertHeading = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h4' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
     var _className = classNames$1('alert-heading', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertHeading.propTypes = {
     children: PropTypes$1.node,
@@ -2665,7 +2667,7 @@ var CLink = 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$1(_a, ["children", "active", "className", "component", "disabled"]);
     // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
     var _className = classNames$1(className, { active: active, disabled: disabled });
-    return (React__default.createElement(Component, __assign$1({ className: _className }, (active && { 'aria-current': 'page' }), (Component === 'a' && disabled && { 'aria-disabled': true, tabIndex: -1 }), ((Component === 'a' || Component === 'button') && {
+    return (React__default$1.createElement(Component, __assign$1({ 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);
@@ -2684,7 +2686,7 @@ CLink.displayName = 'CLink';
 var CAlertLink = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('alert-link', className);
-    return (React__default.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CAlertLink.propTypes = {
     children: PropTypes$1.node,
@@ -2701,9 +2703,9 @@ var CAvatar = forwardRef(function (_a, ref) {
         _b["text-".concat(textColor)] = textColor,
         _b), shape, className);
     var statusClassName = status && classNames$1('avatar-status', "bg-".concat(status));
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
-        src ? React__default.createElement("img", { src: src, className: "avatar-img" }) : children,
-        status && React__default.createElement("span", { className: statusClassName })));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+        src ? React__default$1.createElement("img", { src: src, className: "avatar-img" }) : children,
+        status && React__default$1.createElement("span", { className: statusClassName })));
 });
 CAvatar.propTypes = {
     children: PropTypes$1.node,
@@ -2730,7 +2732,7 @@ var CBadge = forwardRef(function (_a, ref) {
         _b["badge-".concat(size)] = size,
         _b["text-".concat(textColor)] = textColor,
         _b), shape, className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CBadge.propTypes = {
     children: PropTypes$1.node,
@@ -2750,9 +2752,9 @@ var CBackdrop = forwardRef(function (_a, ref) {
     var getTransitionClass = function (state) {
         return state === 'entered' && 'show';
     };
-    return (React__default.createElement(Transition$1, { in: visible, mountOnEnter: true, timeout: 150, unmountOnExit: true }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: visible, mountOnEnter: true, timeout: 150, unmountOnExit: true }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return React__default.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: ref }));
+        return React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: ref }));
     }));
 });
 CBackdrop.propTypes = {
@@ -2764,8 +2766,8 @@ CBackdrop.displayName = 'CBackdrop';
 var CBreadcrumb = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('breadcrumb', className);
-    return (React__default.createElement("nav", { "aria-label": "breadcrumb" },
-        React__default.createElement("ol", __assign$1({ className: _className }, rest, { ref: ref }), children)));
+    return (React__default$1.createElement("nav", { "aria-label": "breadcrumb" },
+        React__default$1.createElement("ol", __assign$1({ className: _className }, rest, { ref: ref }), children)));
 });
 CBreadcrumb.propTypes = {
     children: PropTypes$1.node,
@@ -2778,7 +2780,7 @@ var CBreadcrumbItem = forwardRef(function (_a, ref) {
     var _className = classNames$1('breadcrumb-item', {
         active: active,
     }, className);
-    return (React__default.createElement("li", __assign$1({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React__default.createElement(CLink, { href: href }, children) : children));
+    return (React__default$1.createElement("li", __assign$1({ className: _className }, (active && { 'aria-current': 'page' }), rest, { ref: ref }), href ? React__default$1.createElement(CLink, { href: href }, children) : children));
 });
 CBreadcrumbItem.propTypes = {
     active: PropTypes$1.bool,
@@ -2792,7 +2794,7 @@ var CButton = 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$1(_a, ["children", "className", "color", "component", "shape", "size", "type", "variant"]);
     var _className = classNames$1('btn', variant ? "btn-".concat(variant, "-").concat(color) : "btn-".concat(color), (_b = {}, _b["btn-".concat(size)] = size, _b), shape, className);
-    return (React__default.createElement(CLink, __assign$1({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(CLink, __assign$1({ component: rest.href ? 'a' : component, type: type, className: _className }, rest, { ref: ref }), children));
 });
 CButton.propTypes = {
     children: PropTypes$1.node,
@@ -2810,7 +2812,7 @@ var CButtonGroup = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, size = _a.size, vertical = _a.vertical, rest = __rest$1(_a, ["children", "className", "size", "vertical"]);
     var _className = classNames$1(vertical ? 'btn-group-vertical' : 'btn-group', (_b = {}, _b["btn-group-".concat(size)] = size, _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonGroup.propTypes = {
     children: PropTypes$1.node,
@@ -2823,7 +2825,7 @@ CButtonGroup.displayName = 'CButtonGroup';
 var CButtonToolbar = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('btn-toolbar', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CButtonToolbar.propTypes = {
     children: PropTypes$1.node,
@@ -2831,13 +2833,368 @@ CButtonToolbar.propTypes = {
 };
 CButtonToolbar.displayName = 'CButtonToolbar';
 
+var convertToLocalDate = function (d, locale, options) {
+    if (options === void 0) { options = {}; }
+    return d.toLocaleDateString(locale, options);
+};
+var createGroupsInArray = function (arr, numberOfGroups) {
+    var perGroup = Math.ceil(arr.length / numberOfGroups);
+    return new Array(numberOfGroups)
+        .fill('')
+        .map(function (_, i) { return arr.slice(i * perGroup, (i + 1) * perGroup); });
+};
+var getMonthsNames = function (locale) {
+    var months = [];
+    var d = new Date();
+    d.setDate(1);
+    for (var i = 0; i < 12; i++) {
+        d.setMonth(i);
+        months.push(d.toLocaleString(locale, { month: 'short' }));
+    }
+    return months;
+};
+var getYears = function (year) {
+    var years = [];
+    for (var _year = year - 6; _year < year + 6; _year++) {
+        years.push(_year);
+    }
+    return years;
+};
+var getLeadingDays = function (year, month, firstDayOfWeek) {
+    // 0: sunday
+    // 1: monday
+    var dates = [];
+    var d = new Date(year, month);
+    var y = d.getFullYear();
+    var m = d.getMonth();
+    var firstWeekday = new Date(y, m, 1).getDay();
+    var leadingDays = 6 - (6 - firstWeekday) - firstDayOfWeek;
+    if (firstDayOfWeek) {
+        leadingDays = leadingDays < 0 ? 7 + leadingDays : leadingDays;
+    }
+    for (var i = leadingDays * -1; i < 0; i++) {
+        dates.push({
+            date: new Date(y, m, i + 1),
+            month: 'previous',
+        });
+    }
+    return dates;
+};
+var getMonthDays = function (year, month) {
+    var dates = [];
+    var lastDay = new Date(year, month + 1, 0).getDate();
+    for (var i = 1; i <= lastDay; i++) {
+        dates.push({
+            date: new Date(year, month, i),
+            month: 'current',
+        });
+    }
+    return dates;
+};
+var getTrailingDays = function (year, month, leadingDays, monthDays) {
+    var dates = [];
+    var days = 42 - (leadingDays.length + monthDays.length);
+    for (var i = 1; i <= days; i++) {
+        dates.push({
+            date: new Date(year, month + 1, i),
+            month: 'next',
+        });
+    }
+    return dates;
+};
+var getMonthDetails = function (year, month, firstDayOfWeek) {
+    var daysPrevMonth = getLeadingDays(year, month, firstDayOfWeek);
+    var daysThisMonth = getMonthDays(year, month);
+    var daysNextMonth = getTrailingDays(year, month, daysPrevMonth, daysThisMonth);
+    var days = __spreadArray(__spreadArray(__spreadArray([], daysPrevMonth, true), daysThisMonth, true), daysNextMonth, true);
+    var weeks = [];
+    days.forEach(function (day, index) {
+        if (index % 7 === 0 || weeks.length === 0) {
+            weeks.push([]);
+        }
+        weeks[weeks.length - 1].push(day);
+    });
+    return weeks;
+};
+var isDisabled = function (date, min, max, dates) {
+    var disabled;
+    if (dates) {
+        dates.forEach(function (_date) {
+            if (Array.isArray(_date)) {
+                if (isDateInRange(date, _date[0], _date[1])) {
+                    disabled = true;
+                }
+            }
+            if (_date instanceof Date) {
+                if (isSameDateAs(date, _date)) {
+                    disabled = true;
+                }
+            }
+        });
+    }
+    if (min && date < min) {
+        disabled = true;
+    }
+    if (max && date > max) {
+        disabled = true;
+    }
+    return disabled;
+};
+var isDateInRange = function (date, start, end) {
+    return start && end && start <= date && date <= end;
+};
+var isDateSelected = function (date, start, end) {
+    return (start && isSameDateAs(start, date)) || (end && isSameDateAs(end, date));
+};
+var isEndDate = function (date, start, end) {
+    return start && end && isSameDateAs(end, date) && start < end;
+};
+var isLastDayOfMonth = function (date) {
+    var test = new Date(date.getTime());
+    var month = test.getMonth();
+    test.setDate(test.getDate() + 1);
+    return test.getMonth() !== month;
+};
+var isSameDateAs = function (date, date2) {
+    return (date.getDate() == date2.getDate() &&
+        date.getMonth() == date2.getMonth() &&
+        date.getFullYear() == date2.getFullYear());
+};
+var isStartDate = function (date, start, end) {
+    return start && end && isSameDateAs(start, date) && start < end;
+};
+var isToday = function (date) {
+    var today = new Date();
+    return (date.getDate() == today.getDate() &&
+        date.getMonth() == today.getMonth() &&
+        date.getFullYear() == today.getFullYear());
+};
+
+var CCalendar = forwardRef(function (_a, ref) {
+    var calendarDate = _a.calendarDate, disabledDates = _a.disabledDates, endDate = _a.endDate, _b = _a.firstDayOfWeek, firstDayOfWeek = _b === void 0 ? 1 : _b, _c = _a.locale, locale = _c === void 0 ? navigator.language : _c, maxDate = _a.maxDate, minDate = _a.minDate, _d = _a.navigation, navigation = _d === void 0 ? true : _d, nextIcon = _a.nextIcon, nextDoubleIcon = _a.nextDoubleIcon, prevIcon = _a.prevIcon, prevDoubleIcon = _a.prevDoubleIcon, range = _a.range, selectEndDate = _a.selectEndDate, startDate = _a.startDate, _e = _a.weekdayLength, weekdayLength = _e === void 0 ? 2 : _e, onCalendarDateChange = _a.onCalendarDateChange, onStartDateChange = _a.onStartDateChange, onEndDateChange = _a.onEndDateChange, onCalendarCellHover = _a.onCalendarCellHover;
+    var _f = useState(calendarDate ? new Date(calendarDate) : new Date()), _calendarDate = _f[0], setCalendarDate = _f[1];
+    var _g = useState(startDate ? new Date(startDate) : null), _startDate = _g[0], setStartDate = _g[1];
+    var _h = useState(endDate ? new Date(endDate) : null), _endDate = _h[0], setEndDate = _h[1];
+    var _j = useState(selectEndDate), _selectEndDate = _j[0], setSelectEndDate = _j[1];
+    var _k = useState('days'), view = _k[0], setView = _k[1];
+    useEffect(function () {
+        if (calendarDate) {
+            var d = new Date(calendarDate);
+            !isSameDateAs(_calendarDate, d) && setCalendarDate(d);
+        }
+    }, [calendarDate]);
+    useEffect(function () {
+        if (startDate === null) {
+            setStartDate(null);
+            return;
+        }
+        if (startDate) {
+            var d = new Date(startDate);
+            if (_startDate === null) {
+                setStartDate(d);
+                return;
+            }
+            if (_startDate && !isSameDateAs(d, _startDate)) {
+                setStartDate(d);
+            }
+        }
+    }, [startDate]);
+    useEffect(function () {
+        if (endDate === null) {
+            setEndDate(null);
+            return;
+        }
+        if (endDate) {
+            var d = new Date(endDate);
+            if (_endDate === null) {
+                setEndDate(d);
+                return;
+            }
+            if (_endDate && !isSameDateAs(d, _endDate)) {
+                setEndDate(d);
+            }
+        }
+    }, [endDate]);
+    useEffect(function () {
+        _startDate && onStartDateChange && onStartDateChange(_startDate);
+    }, [_startDate]);
+    useEffect(function () {
+        _endDate && onEndDateChange && onEndDateChange(_endDate);
+    }, [_endDate]);
+    useEffect(function () {
+        setSelectEndDate(selectEndDate);
+    }, [selectEndDate]);
+    var setCalendarPage = function (years, months, setMonth) {
+        if (months === void 0) { months = 0; }
+        var year = _calendarDate.getFullYear();
+        var month = _calendarDate.getMonth();
+        var d = new Date(year, month, 1);
+        years && d.setFullYear(d.getFullYear() + years);
+        months && d.setMonth(d.getMonth() + months);
+        setMonth && d.setMonth(setMonth);
+        setCalendarDate(d);
+        onCalendarDateChange && onCalendarDateChange(d);
+    };
+    var handleCellOnClick = function (date) {
+        if (isDisabled(date, minDate, maxDate, disabledDates)) {
+            return;
+        }
+        if (range) {
+            if (_selectEndDate) {
+                if (_startDate && _startDate > date) {
+                    setEndDate(_startDate);
+                    setStartDate(date);
+                }
+                else {
+                    setEndDate(date);
+                }
+                setSelectEndDate(false);
+            }
+            else {
+                setStartDate(date);
+                setSelectEndDate(true);
+            }
+        }
+        else {
+            setStartDate(date);
+        }
+    };
+    var handleCellMouseEnter = function (date) {
+        if (isDisabled(date, minDate, maxDate, disabledDates)) {
+            return;
+        }
+        onCalendarCellHover && onCalendarCellHover(date);
+    };
+    var handleCellMouseLeave = function () {
+        onCalendarCellHover && onCalendarCellHover(null);
+    };
+    var handleNavigationOnClick = function (direction, double) {
+        if (double === void 0) { double = false; }
+        if (direction === 'prev') {
+            if (double) {
+                setCalendarPage(view !== 'days' ? -10 : -1);
+                return;
+            }
+            if (view !== 'days') {
+                setCalendarPage(-1);
+                return;
+            }
+            setCalendarPage(0, -1);
+            return;
+        }
+        if (direction === 'next') {
+            if (double) {
+                setCalendarPage(view !== 'days' ? 10 : 1);
+                return;
+            }
+            if (view !== 'days') {
+                setCalendarPage(1);
+                return;
+            }
+            setCalendarPage(0, 1);
+            return;
+        }
+    };
+    var Calendar = function () {
+        var monthDetails = getMonthDetails(_calendarDate.getFullYear(), _calendarDate.getMonth(), firstDayOfWeek);
+        var listOfMonths = createGroupsInArray(getMonthsNames(locale), 4);
+        var listOfYears = createGroupsInArray(getYears(_calendarDate.getFullYear()), 4);
+        var weekDays = monthDetails[0];
+        return (React__default$1.createElement("table", null,
+            view === 'days' && (React__default$1.createElement("thead", null,
+                React__default$1.createElement("tr", null, weekDays.map(function (_a, idx) {
+                    var date = _a.date;
+                    return (React__default$1.createElement("th", { key: idx, className: "calendar-cell" },
+                        React__default$1.createElement("div", { className: "calendar-header-cell-inner" }, date.toLocaleDateString(locale, { weekday: 'long' }).slice(0, weekdayLength))));
+                })))),
+            React__default$1.createElement("tbody", { onMouseLeave: function () { return handleCellMouseLeave(); } },
+                view === 'days' &&
+                    monthDetails.map(function (week, index) {
+                        return (React__default$1.createElement("tr", { key: index }, week.map(function (_a, idx) {
+                            var date = _a.date, month = _a.month;
+                            return (React__default$1.createElement("td", { className: classNames$1('calendar-cell', {
+                                    today: isToday(date),
+                                    disabled: isDisabled(date, minDate, maxDate, disabledDates),
+                                    next: month === 'next',
+                                    previous: month === 'previous',
+                                    last: isLastDayOfMonth(date),
+                                    range: month === 'current' && isDateInRange(date, _startDate, _endDate),
+                                    selected: isDateSelected(date, _startDate, _endDate),
+                                    start: isStartDate(date, _startDate, _endDate),
+                                    end: isEndDate(date, _startDate, _endDate),
+                                }), key: idx, title: date.toLocaleDateString(locale), onClick: function () { return handleCellOnClick(date); }, onMouseEnter: function () { return handleCellMouseEnter(date); } },
+                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, date.toLocaleDateString(locale, { day: 'numeric' }))));
+                        })));
+                    }),
+                view === 'months' &&
+                    listOfMonths.map(function (row, index) {
+                        return (React__default$1.createElement("tr", { key: index }, row.map(function (month, idx) {
+                            return (React__default$1.createElement("td", { key: idx, className: "calendar-cell month", onClick: function () {
+                                    setCalendarPage(0, 0, index * 3 + idx);
+                                    setView('days');
+                                } },
+                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, month)));
+                        })));
+                    }),
+                view === 'years' &&
+                    listOfYears.map(function (row, index) {
+                        return (React__default$1.createElement("tr", { key: index }, row.map(function (year, idx) {
+                            return (React__default$1.createElement("td", { key: idx, className: "calendar-cell year", onClick: function () {
+                                    setCalendarDate(new Date(year, _calendarDate.getMonth(), _calendarDate.getDate()));
+                                    setView('months');
+                                } },
+                                React__default$1.createElement("div", { className: "calendar-cell-inner" }, new Date(year, 0, 1).toLocaleDateString(locale, { year: 'numeric' }))));
+                        })));
+                    }))));
+    };
+    var Navigation = function () {
+        return (React__default$1.createElement("div", { className: "calendar-nav" },
+            navigation && (React__default$1.createElement("div", { className: "calendar-nav-prev" },
+                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('prev', true); } }, prevDoubleIcon ? (prevDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-prev" }))),
+                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('prev'); } }, prevIcon ? (prevIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-prev" }))))),
+            React__default$1.createElement("div", { className: "calendar-nav-date" },
+                view === 'days' && (React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return navigation && setView('months'); } }, _calendarDate.toLocaleDateString(locale, { month: 'long' }))),
+                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return navigation && setView('years'); } }, _calendarDate.toLocaleDateString(locale, { year: 'numeric' }))),
+            navigation && (React__default$1.createElement("div", { className: "calendar-nav-next" },
+                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('next'); } }, nextIcon ? (nextIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-next" }))),
+                React__default$1.createElement(CButton, { color: "transparent", size: "sm", onClick: function () { return handleNavigationOnClick('next', true); } }, nextDoubleIcon ? (nextDoubleIcon) : (React__default$1.createElement("span", { className: "calendar-nav-icon calendar-nav-icon-double-next" })))))));
+    };
+    return (React__default$1.createElement("div", { className: "calendar", ref: ref },
+        React__default$1.createElement(Navigation, null),
+        React__default$1.createElement(Calendar, null)));
+});
+CCalendar.propTypes = {
+    className: PropTypes$1.string,
+    calendarDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    disabledDates: PropTypes$1.array,
+    endDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    firstDayOfWeek: PropTypes$1.number,
+    locale: PropTypes$1.string,
+    maxDate: PropTypes$1.instanceOf(Date),
+    minDate: PropTypes$1.instanceOf(Date),
+    navigation: PropTypes$1.bool,
+    nextIcon: PropTypes$1.node,
+    nextDoubleIcon: PropTypes$1.node,
+    prevIcon: PropTypes$1.node,
+    prevDoubleIcon: PropTypes$1.node,
+    range: PropTypes$1.bool,
+    selectEndDate: PropTypes$1.bool,
+    startDate: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]),
+    weekdayLength: PropTypes$1.number,
+    onCalendarCellHover: PropTypes$1.func,
+    onCalendarDateChange: PropTypes$1.func,
+    onStartDateChange: PropTypes$1.func,
+    onEndDateChange: PropTypes$1.func,
+};
+CCalendar.displayName = 'CCalendar';
+
 var CCallout = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, color = _a.color, rest = __rest$1(_a, ["children", "className", "color"]);
     var _className = classNames$1('callout', (_b = {},
         _b["callout-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCallout.propTypes = {
     children: PropTypes$1.node,
@@ -2853,7 +3210,7 @@ var CCard = forwardRef(function (_a, ref) {
         _b["bg-".concat(color)] = color,
         _b["text-".concat(textColor)] = textColor,
         _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCard.propTypes = {
     children: PropTypes$1.node,
@@ -2866,7 +3223,7 @@ CCard.displayName = 'CCard';
 var CCardBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('card-body', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardBody.propTypes = {
     children: PropTypes$1.node,
@@ -2877,7 +3234,7 @@ CCardBody.displayName = 'CCardBody';
 var CCardFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('card-footer', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardFooter.propTypes = {
     children: PropTypes$1.node,
@@ -2888,7 +3245,7 @@ CCardFooter.displayName = 'CCardFooter';
 var CCardGroup = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('card-group', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardGroup.propTypes = {
     children: PropTypes$1.node,
@@ -2899,7 +3256,7 @@ CCardGroup.displayName = 'CCardGroup';
 var CCardHeader = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'div' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('card-header', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardHeader.propTypes = {
     children: PropTypes$1.node,
@@ -2911,7 +3268,7 @@ CCardHeader.displayName = 'CCardHeader';
 var CCardImage = 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$1(_a, ["children", "className", "component", "orientation"]);
     var _className = classNames$1(orientation ? "card-img-".concat(orientation) : 'card-img', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImage.propTypes = {
     children: PropTypes$1.node,
@@ -2924,7 +3281,7 @@ CCardImage.displayName = 'CCardImage';
 var CCardImageOverlay = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('card-img-overlay', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardImageOverlay.propTypes = {
     children: PropTypes$1.node,
@@ -2935,7 +3292,7 @@ CCardImageOverlay.displayName = 'CCardImageOverlay';
 var CCardLink = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('card-link', className);
-    return (React__default.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardLink.propTypes = {
     children: PropTypes$1.node,
@@ -2946,7 +3303,7 @@ CCardLink.displayName = 'CCardLink';
 var CCardSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('card-subtitle', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardSubtitle.propTypes = {
     children: PropTypes$1.node,
@@ -2958,7 +3315,7 @@ CCardSubtitle.displayName = 'CCardSubtitle';
 var CCardText = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'p' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('card-text', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardText.propTypes = {
     children: PropTypes$1.node,
@@ -2970,7 +3327,7 @@ CCardText.displayName = 'CCardText';
 var CCardTitle = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('card-title', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CCardTitle.propTypes = {
     children: PropTypes$1.node,
@@ -3070,19 +3427,19 @@ var CCarousel = forwardRef(function (_a, ref) {
             setVisible(false);
         }
     };
-    return (React__default.createElement("div", __assign$1({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, rest, { ref: forkedRef }),
-        React__default.createElement(CCarouselContext.Provider, { value: {
+    return (React__default$1.createElement("div", __assign$1({ className: _className, onMouseEnter: _pause, onMouseLeave: cycle }, rest, { ref: forkedRef }),
+        React__default$1.createElement(CCarouselContext.Provider, { value: {
                 setAnimating: setAnimating,
                 setCustomInterval: setCustomInterval,
             } },
-            indicators && (React__default.createElement("ol", { className: "carousel-indicators" }, Array.from({ length: itemsNumber }, function (_, i) { return i; }).map(function (index) {
-                return (React__default.createElement("li", { key: "indicator".concat(index), onClick: function () {
+            indicators && (React__default$1.createElement("ol", { className: "carousel-indicators" }, Array.from({ length: itemsNumber }, function (_, i) { return i; }).map(function (index) {
+                return (React__default$1.createElement("li", { key: "indicator".concat(index), onClick: function () {
                         !animating && handleIndicatorClick(index);
                     }, className: active === index ? 'active' : '', "data-coreui-target": "" }));
             }))),
-            React__default.createElement("div", { className: "carousel-inner" }, Children.map(children, function (child, index) {
-                if (React__default.isValidElement(child)) {
-                    return React__default.cloneElement(child, {
+            React__default$1.createElement("div", { className: "carousel-inner" }, Children.map(children, function (child, index) {
+                if (React__default$1.isValidElement(child)) {
+                    return React__default$1.cloneElement(child, {
                         active: active === index ? true : false,
                         direction: direction,
                         key: index,
@@ -3090,11 +3447,11 @@ var CCarousel = forwardRef(function (_a, ref) {
                 }
                 return;
             })),
-            controls && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("button", { className: "carousel-control-prev", onClick: function () { return handleControlClick('prev'); } },
-                    React__default.createElement("span", { className: "carousel-control-prev-icon", "aria-label": "prev" })),
-                React__default.createElement("button", { className: "carousel-control-next", onClick: function () { return handleControlClick('next'); } },
-                    React__default.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
+            controls && (React__default$1.createElement(React__default$1.Fragment, null,
+                React__default$1.createElement("button", { className: "carousel-control-prev", onClick: function () { return handleControlClick('prev'); } },
+                    React__default$1.createElement("span", { className: "carousel-control-prev-icon", "aria-label": "prev" })),
+                React__default$1.createElement("button", { className: "carousel-control-next", onClick: function () { return handleControlClick('next'); } },
+                    React__default$1.createElement("span", { className: "carousel-control-next-icon", "aria-label": "next" })))))));
 });
 CCarousel.propTypes = {
     activeIndex: PropTypes$1.number,
@@ -3115,7 +3472,7 @@ CCarousel.displayName = 'CCarousel';
 var CCarouselCaption = forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
     var _className = classNames$1('carousel-caption', className);
-    return React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
 });
 CCarouselCaption.propTypes = {
     className: PropTypes$1.string,
@@ -3191,7 +3548,7 @@ var CCarouselItem = forwardRef(function (_a, ref) {
         };
     });
     var _className = classNames$1('carousel-item', activeClassName, directionClassName, orderClassName, className);
-    return (React__default.createElement("div", __assign$1({ className: _className, ref: forkedRef }, rest), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className, ref: forkedRef }, rest), children));
 });
 CCarouselItem.propTypes = {
     active: PropTypes$1.bool,
@@ -3202,175 +3559,1271 @@ CCarouselItem.propTypes = {
 };
 CCarouselItem.displayName = 'CCarouselItem';
 
-var ManagerReferenceNodeContext = React.createContext();
-var ManagerReferenceNodeSetterContext = React.createContext();
-function Manager(_ref) {
-  var children = _ref.children;
+var lib = {};
 
-  var _React$useState = React.useState(null),
-      referenceNode = _React$useState[0],
-      setReferenceNode = _React$useState[1];
+var uaParser_min = {exports: {}};
 
-  var hasUnmounted = React.useRef(false);
-  React.useEffect(function () {
-    return function () {
-      hasUnmounted.current = true;
-    };
-  }, []);
-  var handleSetReferenceNode = React.useCallback(function (node) {
-    if (!hasUnmounted.current) {
-      setReferenceNode(node);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(ManagerReferenceNodeContext.Provider, {
-    value: referenceNode
-  }, /*#__PURE__*/React.createElement(ManagerReferenceNodeSetterContext.Provider, {
-    value: handleSetReferenceNode
-  }, children));
-}
+/* UAParser.js v0.7.31
+   Copyright © 2012-2021 Faisal Salman <f@faisalman.com>
+   MIT License */
 
-/**
- * Takes an argument and if it's an array, returns the first item in the array,
- * otherwise returns the argument. Used for Preact compatibility.
- */
-var unwrapArray = function unwrapArray(arg) {
-  return Array.isArray(arg) ? arg[0] : arg;
-};
-/**
- * Takes a maybe-undefined function and arbitrary args and invokes the function
- * only if it is defined.
- */
+(function (module, exports) {
+(function(window,undefined$1){var LIBVERSION="0.7.31",EMPTY="",UNKNOWN="?",FUNC_TYPE="function",UNDEF_TYPE="undefined",OBJ_TYPE="object",STR_TYPE="string",MAJOR="major",MODEL="model",NAME="name",TYPE="type",VENDOR="vendor",VERSION="version",ARCHITECTURE="architecture",CONSOLE="console",MOBILE="mobile",TABLET="tablet",SMARTTV="smarttv",WEARABLE="wearable",EMBEDDED="embedded",UA_MAX_LENGTH=255;var AMAZON="Amazon",APPLE="Apple",ASUS="ASUS",BLACKBERRY="BlackBerry",BROWSER="Browser",CHROME="Chrome",EDGE="Edge",FIREFOX="Firefox",GOOGLE="Google",HUAWEI="Huawei",LG="LG",MICROSOFT="Microsoft",MOTOROLA="Motorola",OPERA="Opera",SAMSUNG="Samsung",SONY="Sony",XIAOMI="Xiaomi",ZEBRA="Zebra",FACEBOOK="Facebook";var extend=function(regexes,extensions){var mergedRegexes={};for(var i in regexes){if(extensions[i]&&extensions[i].length%2===0){mergedRegexes[i]=extensions[i].concat(regexes[i]);}else {mergedRegexes[i]=regexes[i];}}return mergedRegexes},enumerize=function(arr){var enums={};for(var i=0;i<arr.length;i++){enums[arr[i].toUpperCase()]=arr[i];}return enums},has=function(str1,str2){return typeof str1===STR_TYPE?lowerize(str2).indexOf(lowerize(str1))!==-1:false},lowerize=function(str){return str.toLowerCase()},majorize=function(version){return typeof version===STR_TYPE?version.replace(/[^\d\.]/g,EMPTY).split(".")[0]:undefined$1},trim=function(str,len){if(typeof str===STR_TYPE){str=str.replace(/^\s\s*/,EMPTY).replace(/\s\s*$/,EMPTY);return typeof len===UNDEF_TYPE?str:str.substring(0,UA_MAX_LENGTH)}};var rgxMapper=function(ua,arrays){var i=0,j,k,p,q,matches,match;while(i<arrays.length&&!matches){var regex=arrays[i],props=arrays[i+1];j=k=0;while(j<regex.length&&!matches){matches=regex[j++].exec(ua);if(!!matches){for(p=0;p<props.length;p++){match=matches[++k];q=props[p];if(typeof q===OBJ_TYPE&&q.length>0){if(q.length===2){if(typeof q[1]==FUNC_TYPE){this[q[0]]=q[1].call(this,match);}else {this[q[0]]=q[1];}}else if(q.length===3){if(typeof q[1]===FUNC_TYPE&&!(q[1].exec&&q[1].test)){this[q[0]]=match?q[1].call(this,match,q[2]):undefined$1;}else {this[q[0]]=match?match.replace(q[1],q[2]):undefined$1;}}else if(q.length===4){this[q[0]]=match?q[3].call(this,match.replace(q[1],q[2])):undefined$1;}}else {this[q]=match?match:undefined$1;}}}}i+=2;}},strMapper=function(str,map){for(var i in map){if(typeof map[i]===OBJ_TYPE&&map[i].length>0){for(var j=0;j<map[i].length;j++){if(has(map[i][j],str)){return i===UNKNOWN?undefined$1:i}}}else if(has(map[i],str)){return i===UNKNOWN?undefined$1:i}}return str};var oldSafariMap={"1.0":"/8",1.2:"/1",1.3:"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"},windowsVersionMap={ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2e3:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2",8.1:"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"};var regexes={browser:[[/\b(?:crmo|crios)\/([\w\.]+)/i],[VERSION,[NAME,"Chrome"]],[/edg(?:e|ios|a)?\/([\w\.]+)/i],[VERSION,[NAME,"Edge"]],[/(opera mini)\/([-\w\.]+)/i,/(opera [mobiletab]{3,6})\b.+version\/([-\w\.]+)/i,/(opera)(?:.+version\/|[\/ ]+)([\w\.]+)/i],[NAME,VERSION],[/opios[\/ ]+([\w\.]+)/i],[VERSION,[NAME,OPERA+" Mini"]],[/\bopr\/([\w\.]+)/i],[VERSION,[NAME,OPERA]],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/ ]?([\w\.]*)/i,/(avant |iemobile|slim)(?:browser)?[\/ ]?([\w\.]*)/i,/(ba?idubrowser)[\/ ]?([\w\.]+)/i,/(?:ms|\()(ie) ([\w\.]+)/i,/(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\/([-\w\.]+)/i,/(weibo)__([\d\.]+)/i],[NAME,VERSION],[/(?:\buc? ?browser|(?:juc.+)ucweb)[\/ ]?([\w\.]+)/i],[VERSION,[NAME,"UC"+BROWSER]],[/\bqbcore\/([\w\.]+)/i],[VERSION,[NAME,"WeChat(Win) Desktop"]],[/micromessenger\/([\w\.]+)/i],[VERSION,[NAME,"WeChat"]],[/konqueror\/([\w\.]+)/i],[VERSION,[NAME,"Konqueror"]],[/trident.+rv[: ]([\w\.]{1,9})\b.+like gecko/i],[VERSION,[NAME,"IE"]],[/yabrowser\/([\w\.]+)/i],[VERSION,[NAME,"Yandex"]],[/(avast|avg)\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 Secure "+BROWSER],VERSION],[/\bfocus\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" Focus"]],[/\bopt\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Touch"]],[/coc_coc\w+\/([\w\.]+)/i],[VERSION,[NAME,"Coc Coc"]],[/dolfin\/([\w\.]+)/i],[VERSION,[NAME,"Dolphin"]],[/coast\/([\w\.]+)/i],[VERSION,[NAME,OPERA+" Coast"]],[/miuibrowser\/([\w\.]+)/i],[VERSION,[NAME,"MIUI "+BROWSER]],[/fxios\/([-\w\.]+)/i],[VERSION,[NAME,FIREFOX]],[/\bqihu|(qi?ho?o?|360)browser/i],[[NAME,"360 "+BROWSER]],[/(oculus|samsung|sailfish)browser\/([\w\.]+)/i],[[NAME,/(.+)/,"$1 "+BROWSER],VERSION],[/(comodo_dragon)\/([\w\.]+)/i],[[NAME,/_/g," "],VERSION],[/(electron)\/([\w\.]+) safari/i,/(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w\.]+))/i,/m?(qqbrowser|baiduboxapp|2345Explorer)[\/ ]?([\w\.]+)/i],[NAME,VERSION],[/(metasr)[\/ ]?([\w\.]+)/i,/(lbbrowser)/i],[NAME],[/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w\.]+);)/i],[[NAME,FACEBOOK],VERSION],[/safari (line)\/([\w\.]+)/i,/\b(line)\/([\w\.]+)\/iab/i,/(chromium|instagram)[\/ ]([-\w\.]+)/i],[NAME,VERSION],[/\bgsa\/([\w\.]+) .*safari\//i],[VERSION,[NAME,"GSA"]],[/headlesschrome(?:\/([\w\.]+)| )/i],[VERSION,[NAME,CHROME+" Headless"]],[/ wv\).+(chrome)\/([\w\.]+)/i],[[NAME,CHROME+" WebView"],VERSION],[/droid.+ version\/([\w\.]+)\b.+(?:mobile safari|safari)/i],[VERSION,[NAME,"Android "+BROWSER]],[/(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w\.]+)/i],[NAME,VERSION],[/version\/([\w\.]+) .*mobile\/\w+ (safari)/i],[VERSION,[NAME,"Mobile Safari"]],[/version\/([\w\.]+) .*(mobile ?safari|safari)/i],[VERSION,NAME],[/webkit.+?(mobile ?safari|safari)(\/[\w\.]+)/i],[NAME,[VERSION,strMapper,oldSafariMap]],[/(webkit|khtml)\/([\w\.]+)/i],[NAME,VERSION],[/(navigator|netscape\d?)\/([-\w\.]+)/i],[[NAME,"Netscape"],VERSION],[/mobile vr; rv:([\w\.]+)\).+firefox/i],[VERSION,[NAME,FIREFOX+" Reality"]],[/ekiohf.+(flow)\/([\w\.]+)/i,/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[\/ ]?([\w\.\+]+)/i,/(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w\.]+)$/i,/(firefox)\/([\w\.]+)/i,/(mozilla)\/([\w\.]+) .+rv\:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[\. ]?browser)[-\/ ]?v?([\w\.]+)/i,/(links) \(([\w\.]+)/i],[NAME,VERSION]],cpu:[[/(?:(amd|x(?:(?:86|64)[-_])?|wow|win)64)[;\)]/i],[[ARCHITECTURE,"amd64"]],[/(ia32(?=;))/i],[[ARCHITECTURE,lowerize]],[/((?:i[346]|x)86)[;\)]/i],[[ARCHITECTURE,"ia32"]],[/\b(aarch64|arm(v?8e?l?|_?64))\b/i],[[ARCHITECTURE,"arm64"]],[/\b(arm(?:v[67])?ht?n?[fl]p?)\b/i],[[ARCHITECTURE,"armhf"]],[/windows (ce|mobile); ppc;/i],[[ARCHITECTURE,"arm"]],[/((?:ppc|powerpc)(?:64)?)(?: mac|;|\))/i],[[ARCHITECTURE,/ower/,EMPTY,lowerize]],[/(sun4\w)[;\)]/i],[[ARCHITECTURE,"sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|\barm(?=v(?:[1-7]|[5-7]1)l?|;|eabi)|(?=atmel )avr|(?:irix|mips|sparc)(?:64)?\b|pa-risc)/i],[[ARCHITECTURE,lowerize]]],device:[[/\b(sch-i[89]0\d|shw-m380s|sm-[pt]\w{2,4}|gt-[pn]\d{2,4}|sgh-t8[56]9|nexus 10)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,TABLET]],[/\b((?:s[cgp]h|gt|sm)-\w+|galaxy nexus)/i,/samsung[- ]([-\w]+)/i,/sec-(sgh\w+)/i],[MODEL,[VENDOR,SAMSUNG],[TYPE,MOBILE]],[/\((ip(?:hone|od)[\w ]*);/i],[MODEL,[VENDOR,APPLE],[TYPE,MOBILE]],[/\((ipad);[-\w\),; ]+apple/i,/applecoremedia\/[\w\.]+ \((ipad)/i,/\b(ipad)\d\d?,\d\d?[;\]].+ios/i],[MODEL,[VENDOR,APPLE],[TYPE,TABLET]],[/\b((?:ag[rs][23]?|bah2?|sht?|btv)-a?[lw]\d{2})\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,TABLET]],[/(?:huawei|honor)([-\w ]+)[;\)]/i,/\b(nexus 6p|\w{2,4}-[atu]?[ln][01259x][012359][an]?)\b(?!.+d\/s)/i],[MODEL,[VENDOR,HUAWEI],[TYPE,MOBILE]],[/\b(poco[\w ]+)(?: bui|\))/i,/\b; (\w+) build\/hm\1/i,/\b(hm[-_ ]?note?[_ ]?(?:\d\w)?) bui/i,/\b(redmi[\-_ ]?(?:note|k)?[\w_ ]+)(?: bui|\))/i,/\b(mi[-_ ]?(?:a\d|one|one[_ ]plus|note lte|max)?[_ ]?(?:\d?\w?)[_ ]?(?:plus|se|lite)?)(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,MOBILE]],[/\b(mi[-_ ]?(?:pad)(?:[\w_ ]+))(?: bui|\))/i],[[MODEL,/_/g," "],[VENDOR,XIAOMI],[TYPE,TABLET]],[/; (\w+) bui.+ oppo/i,/\b(cph[12]\d{3}|p(?:af|c[al]|d\w|e[ar])[mt]\d0|x9007|a101op)\b/i],[MODEL,[VENDOR,"OPPO"],[TYPE,MOBILE]],[/vivo (\w+)(?: bui|\))/i,/\b(v[12]\d{3}\w?[at])(?: bui|;)/i],[MODEL,[VENDOR,"Vivo"],[TYPE,MOBILE]],[/\b(rmx[12]\d{3})(?: bui|;|\))/i],[MODEL,[VENDOR,"Realme"],[TYPE,MOBILE]],[/\b(milestone|droid(?:[2-4x]| (?:bionic|x2|pro|razr))?:?( 4g)?)\b[\w ]+build\//i,/\bmot(?:orola)?[- ](\w*)/i,/((?:moto[\w\(\) ]+|xt\d{3,4}|nexus 6)(?= bui|\)))/i],[MODEL,[VENDOR,MOTOROLA],[TYPE,MOBILE]],[/\b(mz60\d|xoom[2 ]{0,2}) build\//i],[MODEL,[VENDOR,MOTOROLA],[TYPE,TABLET]],[/((?=lg)?[vl]k\-?\d{3}) bui| 3\.[-\w; ]{10}lg?-([06cv9]{3,4})/i],[MODEL,[VENDOR,LG],[TYPE,TABLET]],[/(lm(?:-?f100[nv]?|-[\w\.]+)(?= bui|\))|nexus [45])/i,/\blg[-e;\/ ]+((?!browser|netcast|android tv)\w+)/i,/\blg-?([\d\w]+) bui/i],[MODEL,[VENDOR,LG],[TYPE,MOBILE]],[/(ideatab[-\w ]+)/i,/lenovo ?(s[56]000[-\w]+|tab(?:[\w ]+)|yt[-\d\w]{6}|tb[-\d\w]{6})/i],[MODEL,[VENDOR,"Lenovo"],[TYPE,TABLET]],[/(?:maemo|nokia).*(n900|lumia \d+)/i,/nokia[-_ ]?([-\w\.]*)/i],[[MODEL,/_/g," "],[VENDOR,"Nokia"],[TYPE,MOBILE]],[/(pixel c)\b/i],[MODEL,[VENDOR,GOOGLE],[TYPE,TABLET]],[/droid.+; (pixel[\daxl ]{0,6})(?: bui|\))/i],[MODEL,[VENDOR,GOOGLE],[TYPE,MOBILE]],[/droid.+ ([c-g]\d{4}|so[-gl]\w+|xq-a\w[4-7][12])(?= bui|\).+chrome\/(?![1-6]{0,1}\d\.))/i],[MODEL,[VENDOR,SONY],[TYPE,MOBILE]],[/sony tablet [ps]/i,/\b(?:sony)?sgp\w+(?: bui|\))/i],[[MODEL,"Xperia Tablet"],[VENDOR,SONY],[TYPE,TABLET]],[/ (kb2005|in20[12]5|be20[12][59])\b/i,/(?:one)?(?:plus)? (a\d0\d\d)(?: b|\))/i],[MODEL,[VENDOR,"OnePlus"],[TYPE,MOBILE]],[/(alexa)webm/i,/(kf[a-z]{2}wi)( bui|\))/i,/(kf[a-z]+)( bui|\)).+silk\//i],[MODEL,[VENDOR,AMAZON],[TYPE,TABLET]],[/((?:sd|kf)[0349hijorstuw]+)( bui|\)).+silk\//i],[[MODEL,/(.+)/g,"Fire Phone $1"],[VENDOR,AMAZON],[TYPE,MOBILE]],[/(playbook);[-\w\),; ]+(rim)/i],[MODEL,VENDOR,[TYPE,TABLET]],[/\b((?:bb[a-f]|st[hv])100-\d)/i,/\(bb10; (\w+)/i],[MODEL,[VENDOR,BLACKBERRY],[TYPE,MOBILE]],[/(?:\b|asus_)(transfo[prime ]{4,10} \w+|eeepc|slider \w+|nexus 7|padfone|p00[cj])/i],[MODEL,[VENDOR,ASUS],[TYPE,TABLET]],[/ (z[bes]6[027][012][km][ls]|zenfone \d\w?)\b/i],[MODEL,[VENDOR,ASUS],[TYPE,MOBILE]],[/(nexus 9)/i],[MODEL,[VENDOR,"HTC"],[TYPE,TABLET]],[/(htc)[-;_ ]{1,2}([\w ]+(?=\)| bui)|\w+)/i,/(zte)[- ]([\w ]+?)(?: bui|\/|\))/i,/(alcatel|geeksphone|nexian|panasonic|sony)[-_ ]?([-\w]*)/i],[VENDOR,[MODEL,/_/g," "],[TYPE,MOBILE]],[/droid.+; ([ab][1-7]-?[0178a]\d\d?)/i],[MODEL,[VENDOR,"Acer"],[TYPE,TABLET]],[/droid.+; (m[1-5] note) bui/i,/\bmz-([-\w]{2,})/i],[MODEL,[VENDOR,"Meizu"],[TYPE,MOBILE]],[/\b(sh-?[altvz]?\d\d[a-ekm]?)/i],[MODEL,[VENDOR,"Sharp"],[TYPE,MOBILE]],[/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|meizu|motorola|polytron)[-_ ]?([-\w]*)/i,/(hp) ([\w ]+\w)/i,/(asus)-?(\w+)/i,/(microsoft); (lumia[\w ]+)/i,/(lenovo)[-_ ]?([-\w]+)/i,/(jolla)/i,/(oppo) ?([\w ]+) bui/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(archos) (gamepad2?)/i,/(hp).+(touchpad(?!.+tablet)|tablet)/i,/(kindle)\/([\w\.]+)/i,/(nook)[\w ]+build\/(\w+)/i,/(dell) (strea[kpr\d ]*[\dko])/i,/(le[- ]+pan)[- ]+(\w{1,9}) bui/i,/(trinity)[- ]*(t\d{3}) bui/i,/(gigaset)[- ]+(q\w{1,9}) bui/i,/(vodafone) ([\w ]+)(?:\)| bui)/i],[VENDOR,MODEL,[TYPE,TABLET]],[/(surface duo)/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,TABLET]],[/droid [\d\.]+; (fp\du?)(?: b|\))/i],[MODEL,[VENDOR,"Fairphone"],[TYPE,MOBILE]],[/(u304aa)/i],[MODEL,[VENDOR,"AT&T"],[TYPE,MOBILE]],[/\bsie-(\w*)/i],[MODEL,[VENDOR,"Siemens"],[TYPE,MOBILE]],[/\b(rct\w+) b/i],[MODEL,[VENDOR,"RCA"],[TYPE,TABLET]],[/\b(venue[\d ]{2,7}) b/i],[MODEL,[VENDOR,"Dell"],[TYPE,TABLET]],[/\b(q(?:mv|ta)\w+) b/i],[MODEL,[VENDOR,"Verizon"],[TYPE,TABLET]],[/\b(?:barnes[& ]+noble |bn[rt])([\w\+ ]*) b/i],[MODEL,[VENDOR,"Barnes & Noble"],[TYPE,TABLET]],[/\b(tm\d{3}\w+) b/i],[MODEL,[VENDOR,"NuVision"],[TYPE,TABLET]],[/\b(k88) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,TABLET]],[/\b(nx\d{3}j) b/i],[MODEL,[VENDOR,"ZTE"],[TYPE,MOBILE]],[/\b(gen\d{3}) b.+49h/i],[MODEL,[VENDOR,"Swiss"],[TYPE,MOBILE]],[/\b(zur\d{3}) b/i],[MODEL,[VENDOR,"Swiss"],[TYPE,TABLET]],[/\b((zeki)?tb.*\b) b/i],[MODEL,[VENDOR,"Zeki"],[TYPE,TABLET]],[/\b([yr]\d{2}) b/i,/\b(dragon[- ]+touch |dt)(\w{5}) b/i],[[VENDOR,"Dragon Touch"],MODEL,[TYPE,TABLET]],[/\b(ns-?\w{0,9}) b/i],[MODEL,[VENDOR,"Insignia"],[TYPE,TABLET]],[/\b((nxa|next)-?\w{0,9}) b/i],[MODEL,[VENDOR,"NextBook"],[TYPE,TABLET]],[/\b(xtreme\_)?(v(1[045]|2[015]|[3469]0|7[05])) b/i],[[VENDOR,"Voice"],MODEL,[TYPE,MOBILE]],[/\b(lvtel\-)?(v1[12]) b/i],[[VENDOR,"LvTel"],MODEL,[TYPE,MOBILE]],[/\b(ph-1) /i],[MODEL,[VENDOR,"Essential"],[TYPE,MOBILE]],[/\b(v(100md|700na|7011|917g).*\b) b/i],[MODEL,[VENDOR,"Envizen"],[TYPE,TABLET]],[/\b(trio[-\w\. ]+) b/i],[MODEL,[VENDOR,"MachSpeed"],[TYPE,TABLET]],[/\btu_(1491) b/i],[MODEL,[VENDOR,"Rotor"],[TYPE,TABLET]],[/(shield[\w ]+) b/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,TABLET]],[/(sprint) (\w+)/i],[VENDOR,MODEL,[TYPE,MOBILE]],[/(kin\.[onetw]{3})/i],[[MODEL,/\./g," "],[VENDOR,MICROSOFT],[TYPE,MOBILE]],[/droid.+; (cc6666?|et5[16]|mc[239][23]x?|vc8[03]x?)\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,TABLET]],[/droid.+; (ec30|ps20|tc[2-8]\d[kx])\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,MOBILE]],[/(ouya)/i,/(nintendo) ([wids3utch]+)/i],[VENDOR,MODEL,[TYPE,CONSOLE]],[/droid.+; (shield) bui/i],[MODEL,[VENDOR,"Nvidia"],[TYPE,CONSOLE]],[/(playstation [345portablevi]+)/i],[MODEL,[VENDOR,SONY],[TYPE,CONSOLE]],[/\b(xbox(?: one)?(?!; xbox))[\); ]/i],[MODEL,[VENDOR,MICROSOFT],[TYPE,CONSOLE]],[/smart-tv.+(samsung)/i],[VENDOR,[TYPE,SMARTTV]],[/hbbtv.+maple;(\d+)/i],[[MODEL,/^/,"SmartTV"],[VENDOR,SAMSUNG],[TYPE,SMARTTV]],[/(nux; netcast.+smarttv|lg (netcast\.tv-201\d|android tv))/i],[[VENDOR,LG],[TYPE,SMARTTV]],[/(apple) ?tv/i],[VENDOR,[MODEL,APPLE+" TV"],[TYPE,SMARTTV]],[/crkey/i],[[MODEL,CHROME+"cast"],[VENDOR,GOOGLE],[TYPE,SMARTTV]],[/droid.+aft(\w)( bui|\))/i],[MODEL,[VENDOR,AMAZON],[TYPE,SMARTTV]],[/\(dtv[\);].+(aquos)/i],[MODEL,[VENDOR,"Sharp"],[TYPE,SMARTTV]],[/\b(roku)[\dx]*[\)\/]((?:dvp-)?[\d\.]*)/i,/hbbtv\/\d+\.\d+\.\d+ +\([\w ]*; *(\w[^;]*);([^;]*)/i],[[VENDOR,trim],[MODEL,trim],[TYPE,SMARTTV]],[/\b(android tv|smart[- ]?tv|opera tv|tv; rv:)\b/i],[[TYPE,SMARTTV]],[/((pebble))app/i],[VENDOR,MODEL,[TYPE,WEARABLE]],[/droid.+; (glass) \d/i],[MODEL,[VENDOR,GOOGLE],[TYPE,WEARABLE]],[/droid.+; (wt63?0{2,3})\)/i],[MODEL,[VENDOR,ZEBRA],[TYPE,WEARABLE]],[/(quest( 2)?)/i],[MODEL,[VENDOR,FACEBOOK],[TYPE,WEARABLE]],[/(tesla)(?: qtcarbrowser|\/[-\w\.]+)/i],[VENDOR,[TYPE,EMBEDDED]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+? mobile safari/i],[MODEL,[TYPE,MOBILE]],[/droid .+?; ([^;]+?)(?: bui|\) applew).+?(?! mobile) safari/i],[MODEL,[TYPE,TABLET]],[/\b((tablet|tab)[;\/]|focus\/\d(?!.+mobile))/i],[[TYPE,TABLET]],[/(phone|mobile(?:[;\/]| safari)|pda(?=.+windows ce))/i],[[TYPE,MOBILE]],[/(android[-\w\. ]{0,9});.+buil/i],[MODEL,[VENDOR,"Generic"]]],engine:[[/windows.+ edge\/([\w\.]+)/i],[VERSION,[NAME,EDGE+"HTML"]],[/webkit\/537\.36.+chrome\/(?!27)([\w\.]+)/i],[VERSION,[NAME,"Blink"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m|goanna)\/([\w\.]+)/i,/ekioh(flow)\/([\w\.]+)/i,/(khtml|tasman|links)[\/ ]\(?([\w\.]+)/i,/(icab)[\/ ]([23]\.[\d\.]+)/i],[NAME,VERSION],[/rv\:([\w\.]{1,9})\b.+(gecko)/i],[VERSION,NAME]],os:[[/microsoft (windows) (vista|xp)/i],[NAME,VERSION],[/(windows) nt 6\.2; (arm)/i,/(windows (?:phone(?: os)?|mobile))[\/ ]?([\d\.\w ]*)/i,/(windows)[\/ ]?([ntce\d\. ]+\w)(?!.+xbox)/i],[NAME,[VERSION,strMapper,windowsVersionMap]],[/(win(?=3|9|n)|win 9x )([nt\d\.]+)/i],[[NAME,"Windows"],[VERSION,strMapper,windowsVersionMap]],[/ip[honead]{2,4}\b(?:.*os ([\w]+) like mac|; opera)/i,/cfnetwork\/.+darwin/i],[[VERSION,/_/g,"."],[NAME,"iOS"]],[/(mac os x) ?([\w\. ]*)/i,/(macintosh|mac_powerpc\b)(?!.+haiku)/i],[[NAME,"Mac OS"],[VERSION,/_/g,"."]],[/droid ([\w\.]+)\b.+(android[- ]x86)/i],[VERSION,NAME],[/(android|webos|qnx|bada|rim tablet os|maemo|meego|sailfish)[-\/ ]?([\w\.]*)/i,/(blackberry)\w*\/([\w\.]*)/i,/(tizen|kaios)[\/ ]([\w\.]+)/i,/\((series40);/i],[NAME,VERSION],[/\(bb(10);/i],[VERSION,[NAME,BLACKBERRY]],[/(?:symbian ?os|symbos|s60(?=;)|series60)[-\/ ]?([\w\.]*)/i],[VERSION,[NAME,"Symbian"]],[/mozilla\/[\d\.]+ \((?:mobile|tablet|tv|mobile; [\w ]+); rv:.+ gecko\/([\w\.]+)/i],[VERSION,[NAME,FIREFOX+" OS"]],[/web0s;.+rt(tv)/i,/\b(?:hp)?wos(?:browser)?\/([\w\.]+)/i],[VERSION,[NAME,"webOS"]],[/crkey\/([\d\.]+)/i],[VERSION,[NAME,CHROME+"cast"]],[/(cros) [\w]+ ([\w\.]+\w)/i],[[NAME,"Chromium OS"],VERSION],[/(nintendo|playstation) ([wids345portablevuch]+)/i,/(xbox); +xbox ([^\);]+)/i,/\b(joli|palm)\b ?(?:os)?\/?([\w\.]*)/i,/(mint)[\/\(\) ]?(\w*)/i,/(mageia|vectorlinux)[; ]/i,/([kxln]?ubuntu|debian|suse|opensuse|gentoo|arch(?= linux)|slackware|fedora|mandriva|centos|pclinuxos|red ?hat|zenwalk|linpus|raspbian|plan 9|minix|risc os|contiki|deepin|manjaro|elementary os|sabayon|linspire)(?: gnu\/linux)?(?: enterprise)?(?:[- ]linux)?(?:-gnu)?[-\/ ]?(?!chrom|package)([-\w\.]*)/i,/(hurd|linux) ?([\w\.]*)/i,/(gnu) ?([\w\.]*)/i,/\b([-frentopcghs]{0,5}bsd|dragonfly)[\/ ]?(?!amd|[ix346]{1,2}86)([\w\.]*)/i,/(haiku) (\w+)/i],[NAME,VERSION],[/(sunos) ?([\w\.\d]*)/i],[[NAME,"Solaris"],VERSION],[/((?:open)?solaris)[-\/ ]?([\w\.]*)/i,/(aix) ((\d)(?=\.|\)| )[\w\.])*/i,/\b(beos|os\/2|amigaos|morphos|openvms|fuchsia|hp-ux)/i,/(unix) ?([\w\.]*)/i],[NAME,VERSION]]};var UAParser=function(ua,extensions){if(typeof ua===OBJ_TYPE){extensions=ua;ua=undefined$1;}if(!(this instanceof UAParser)){return new UAParser(ua,extensions).getResult()}var _ua=ua||(typeof window!==UNDEF_TYPE&&window.navigator&&window.navigator.userAgent?window.navigator.userAgent:EMPTY);var _rgxmap=extensions?extend(regexes,extensions):regexes;this.getBrowser=function(){var _browser={};_browser[NAME]=undefined$1;_browser[VERSION]=undefined$1;rgxMapper.call(_browser,_ua,_rgxmap.browser);_browser.major=majorize(_browser.version);return _browser};this.getCPU=function(){var _cpu={};_cpu[ARCHITECTURE]=undefined$1;rgxMapper.call(_cpu,_ua,_rgxmap.cpu);return _cpu};this.getDevice=function(){var _device={};_device[VENDOR]=undefined$1;_device[MODEL]=undefined$1;_device[TYPE]=undefined$1;rgxMapper.call(_device,_ua,_rgxmap.device);return _device};this.getEngine=function(){var _engine={};_engine[NAME]=undefined$1;_engine[VERSION]=undefined$1;rgxMapper.call(_engine,_ua,_rgxmap.engine);return _engine};this.getOS=function(){var _os={};_os[NAME]=undefined$1;_os[VERSION]=undefined$1;rgxMapper.call(_os,_ua,_rgxmap.os);return _os};this.getResult=function(){return {ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}};this.getUA=function(){return _ua};this.setUA=function(ua){_ua=typeof ua===STR_TYPE&&ua.length>UA_MAX_LENGTH?trim(ua,UA_MAX_LENGTH):ua;return this};this.setUA(_ua);return this};UAParser.VERSION=LIBVERSION;UAParser.BROWSER=enumerize([NAME,VERSION,MAJOR]);UAParser.CPU=enumerize([ARCHITECTURE]);UAParser.DEVICE=enumerize([MODEL,VENDOR,TYPE,CONSOLE,MOBILE,SMARTTV,TABLET,WEARABLE,EMBEDDED]);UAParser.ENGINE=UAParser.OS=enumerize([NAME,VERSION]);{if(module.exports){exports=module.exports=UAParser;}exports.UAParser=UAParser;}var $=typeof window!==UNDEF_TYPE&&(window.jQuery||window.Zepto);if($&&!$.ua){var parser=new UAParser;$.ua=parser.getResult();$.ua.get=function(){return parser.getUA()};$.ua.set=function(ua){parser.setUA(ua);var result=parser.getResult();for(var prop in result){$.ua[prop]=result[prop];}};}})(typeof window==="object"?window:commonjsGlobal);
+}(uaParser_min, uaParser_min.exports));
 
-var safeInvoke = function safeInvoke(fn) {
-  if (typeof fn === 'function') {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+Object.defineProperty(lib, '__esModule', { value: true });
 
-    return fn.apply(void 0, args);
-  }
-};
-/**
- * Sets a ref using either a ref callback or a ref object
- */
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var setRef = function setRef(ref, node) {
-  // if its a function call it
-  if (typeof ref === 'function') {
-    return safeInvoke(ref, node);
-  } // otherwise we should treat it as a ref object
-  else if (ref != null) {
-      ref.current = node;
-    }
+var React = React__default$1;
+var React__default = _interopDefault(React);
+
+var UAParser = uaParser_min.exports;
+
+var ClientUAInstance = new UAParser();
+var browser = ClientUAInstance.getBrowser();
+var cpu = ClientUAInstance.getCPU();
+var device = ClientUAInstance.getDevice();
+var engine = ClientUAInstance.getEngine();
+var os = ClientUAInstance.getOS();
+var ua = ClientUAInstance.getUA();
+var setUa = function setUa(userAgentString) {
+  return ClientUAInstance.setUA(userAgentString);
 };
-/**
- * Simple ponyfill for Object.fromEntries
- */
+var parseUserAgent = function parseUserAgent(userAgent) {
+  if (!userAgent) {
+    console.error('No userAgent string was provided');
+    return;
+  }
 
-var fromEntries = function fromEntries(entries) {
-  return entries.reduce(function (acc, _ref) {
-    var key = _ref[0],
-        value = _ref[1];
-    acc[key] = value;
-    return acc;
-  }, {});
+  var UserAgentInstance = new UAParser(userAgent);
+  return {
+    UA: UserAgentInstance,
+    browser: UserAgentInstance.getBrowser(),
+    cpu: UserAgentInstance.getCPU(),
+    device: UserAgentInstance.getDevice(),
+    engine: UserAgentInstance.getEngine(),
+    os: UserAgentInstance.getOS(),
+    ua: UserAgentInstance.getUA(),
+    setUserAgent: function setUserAgent(userAgentString) {
+      return UserAgentInstance.setUA(userAgentString);
+    }
+  };
 };
-/**
- * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
- */
 
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
+var UAHelper = /*#__PURE__*/Object.freeze({
+  ClientUAInstance: ClientUAInstance,
+  browser: browser,
+  cpu: cpu,
+  device: device,
+  engine: engine,
+  os: os,
+  ua: ua,
+  setUa: setUa,
+  parseUserAgent: parseUserAgent
+});
 
-var top = 'top';
-var bottom = 'bottom';
-var right = 'right';
-var left = 'left';
-var auto = 'auto';
-var basePlacements = [top, bottom, right, left];
-var start = 'start';
-var end = 'end';
-var clippingParents = 'clippingParents';
-var viewport = 'viewport';
-var popper = 'popper';
-var reference = 'reference';
-var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
-  return acc.concat([placement + "-" + start, placement + "-" + end]);
-}, []);
-var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
-  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
-}, []); // modifiers that need to read the DOM
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
 
-var beforeRead = 'beforeRead';
-var read = 'read';
-var afterRead = 'afterRead'; // pure-logic modifiers
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
 
-var beforeMain = 'beforeMain';
-var main = 'main';
-var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
 
-var beforeWrite = 'beforeWrite';
-var write = 'write';
-var afterWrite = 'afterWrite';
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+    keys.push.apply(keys, symbols);
+  }
 
-function getNodeName(element) {
-  return element ? (element.nodeName || '').toLowerCase() : null;
+  return keys;
 }
 
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
 
-  if (node.toString() !== '[object Window]') {
-    var ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
 
-  return node;
+  return target;
 }
 
-function isElement(node) {
-  var OwnElement = getWindow(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
 }
 
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
 }
 
-function isShadowRoot(node) {
-  // IE 11 has no ShadowRoot
-  if (typeof ShadowRoot === 'undefined') {
-    return false;
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
+}
 
-  var OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
 }
 
-// and applies them to the HTMLElements such as popper and arrow
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
 
-function applyStyles(_ref) {
-  var state = _ref.state;
-  Object.keys(state.elements).forEach(function (name) {
-    var style = state.styles[name] || {};
-    var attributes = state.attributes[name] || {};
-    var element = state.elements[name]; // arrow is optional + virtual elements
+  return obj;
+}
 
-    if (!isHTMLElement(element) || !getNodeName(element)) {
-      return;
-    } // Flow doesn't support to extend this property, but it's the most
-    // effective way to apply styles to an HTMLElement
-    // $FlowFixMe[cannot-write]
+function _extends() {
+  _extends = Object.assign || 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];
+        }
+      }
+    }
 
-    Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function (name) {
-      var value = attributes[name];
+    return target;
+  };
 
-      if (value === false) {
+  return _extends.apply(this, arguments);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  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;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var DeviceTypes = {
+  Mobile: 'mobile',
+  Tablet: 'tablet',
+  SmartTv: 'smarttv',
+  Console: 'console',
+  Wearable: 'wearable',
+  Embedded: 'embedded',
+  Browser: undefined
+};
+var BrowserTypes = {
+  Chrome: 'Chrome',
+  Firefox: 'Firefox',
+  Opera: 'Opera',
+  Yandex: 'Yandex',
+  Safari: 'Safari',
+  InternetExplorer: 'Internet Explorer',
+  Edge: 'Edge',
+  Chromium: 'Chromium',
+  Ie: 'IE',
+  MobileSafari: 'Mobile Safari',
+  EdgeChromium: 'Edge Chromium',
+  MIUI: 'MIUI Browser',
+  SamsungBrowser: 'Samsung Browser'
+};
+var OsTypes = {
+  IOS: 'iOS',
+  Android: 'Android',
+  WindowsPhone: 'Windows Phone',
+  Windows: 'Windows',
+  MAC_OS: 'Mac OS'
+};
+var InitialDeviceTypes = {
+  isMobile: false,
+  isTablet: false,
+  isBrowser: false,
+  isSmartTV: false,
+  isConsole: false,
+  isWearable: false
+};
+
+var checkDeviceType = function checkDeviceType(type) {
+  switch (type) {
+    case DeviceTypes.Mobile:
+      return {
+        isMobile: true
+      };
+
+    case DeviceTypes.Tablet:
+      return {
+        isTablet: true
+      };
+
+    case DeviceTypes.SmartTv:
+      return {
+        isSmartTV: true
+      };
+
+    case DeviceTypes.Console:
+      return {
+        isConsole: true
+      };
+
+    case DeviceTypes.Wearable:
+      return {
+        isWearable: true
+      };
+
+    case DeviceTypes.Browser:
+      return {
+        isBrowser: true
+      };
+
+    case DeviceTypes.Embedded:
+      return {
+        isEmbedded: true
+      };
+
+    default:
+      return InitialDeviceTypes;
+  }
+};
+var setUserAgent = function setUserAgent(userAgent) {
+  return setUa(userAgent);
+};
+var setDefaults = function setDefaults(p) {
+  var d = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
+  return p ? p : d;
+};
+var getNavigatorInstance = function getNavigatorInstance() {
+  if (typeof window !== 'undefined') {
+    if (window.navigator || navigator) {
+      return window.navigator || navigator;
+    }
+  }
+
+  return false;
+};
+var isIOS13Check = function isIOS13Check(type) {
+  var nav = getNavigatorInstance();
+  return nav && nav.platform && (nav.platform.indexOf(type) !== -1 || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 && !window.MSStream);
+};
+
+var browserPayload = function browserPayload(isBrowser, browser, engine, os, ua) {
+  return {
+    isBrowser: isBrowser,
+    browserMajorVersion: setDefaults(browser.major),
+    browserFullVersion: setDefaults(browser.version),
+    browserName: setDefaults(browser.name),
+    engineName: setDefaults(engine.name),
+    engineVersion: setDefaults(engine.version),
+    osName: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    userAgent: setDefaults(ua)
+  };
+};
+var mobilePayload = function mobilePayload(type, device, os, ua) {
+  return _objectSpread2({}, type, {
+    vendor: setDefaults(device.vendor),
+    model: setDefaults(device.model),
+    os: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    ua: setDefaults(ua)
+  });
+};
+var smartTvPayload = function smartTvPayload(isSmartTV, engine, os, ua) {
+  return {
+    isSmartTV: isSmartTV,
+    engineName: setDefaults(engine.name),
+    engineVersion: setDefaults(engine.version),
+    osName: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    userAgent: setDefaults(ua)
+  };
+};
+var consolePayload = function consolePayload(isConsole, engine, os, ua) {
+  return {
+    isConsole: isConsole,
+    engineName: setDefaults(engine.name),
+    engineVersion: setDefaults(engine.version),
+    osName: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    userAgent: setDefaults(ua)
+  };
+};
+var wearablePayload = function wearablePayload(isWearable, engine, os, ua) {
+  return {
+    isWearable: isWearable,
+    engineName: setDefaults(engine.name),
+    engineVersion: setDefaults(engine.version),
+    osName: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    userAgent: setDefaults(ua)
+  };
+};
+var embeddedPayload = function embeddedPayload(isEmbedded, device, engine, os, ua) {
+  return {
+    isEmbedded: isEmbedded,
+    vendor: setDefaults(device.vendor),
+    model: setDefaults(device.model),
+    engineName: setDefaults(engine.name),
+    engineVersion: setDefaults(engine.version),
+    osName: setDefaults(os.name),
+    osVersion: setDefaults(os.version),
+    userAgent: setDefaults(ua)
+  };
+};
+
+function deviceDetect(userAgent) {
+  var _ref = userAgent ? parseUserAgent(userAgent) : UAHelper,
+      device = _ref.device,
+      browser = _ref.browser,
+      engine = _ref.engine,
+      os = _ref.os,
+      ua = _ref.ua;
+
+  var type = checkDeviceType(device.type);
+  var isBrowser = type.isBrowser,
+      isMobile = type.isMobile,
+      isTablet = type.isTablet,
+      isSmartTV = type.isSmartTV,
+      isConsole = type.isConsole,
+      isWearable = type.isWearable,
+      isEmbedded = type.isEmbedded;
+
+  if (isBrowser) {
+    return browserPayload(isBrowser, browser, engine, os, ua);
+  }
+
+  if (isSmartTV) {
+    return smartTvPayload(isSmartTV, engine, os, ua);
+  }
+
+  if (isConsole) {
+    return consolePayload(isConsole, engine, os, ua);
+  }
+
+  if (isMobile) {
+    return mobilePayload(type, device, os, ua);
+  }
+
+  if (isTablet) {
+    return mobilePayload(type, device, os, ua);
+  }
+
+  if (isWearable) {
+    return wearablePayload(isWearable, engine, os, ua);
+  }
+
+  if (isEmbedded) {
+    return embeddedPayload(isEmbedded, device, engine, os, ua);
+  }
+}
+
+var isMobileType = function isMobileType(_ref) {
+  var type = _ref.type;
+  return type === DeviceTypes.Mobile;
+};
+var isTabletType = function isTabletType(_ref2) {
+  var type = _ref2.type;
+  return type === DeviceTypes.Tablet;
+};
+var isMobileAndTabletType = function isMobileAndTabletType(_ref3) {
+  var type = _ref3.type;
+  return type === DeviceTypes.Mobile || type === DeviceTypes.Tablet;
+};
+var isSmartTVType = function isSmartTVType(_ref4) {
+  var type = _ref4.type;
+  return type === DeviceTypes.SmartTv;
+};
+var isBrowserType = function isBrowserType(_ref5) {
+  var type = _ref5.type;
+  return type === DeviceTypes.Browser;
+};
+var isWearableType = function isWearableType(_ref6) {
+  var type = _ref6.type;
+  return type === DeviceTypes.Wearable;
+};
+var isConsoleType = function isConsoleType(_ref7) {
+  var type = _ref7.type;
+  return type === DeviceTypes.Console;
+};
+var isEmbeddedType = function isEmbeddedType(_ref8) {
+  var type = _ref8.type;
+  return type === DeviceTypes.Embedded;
+};
+var getMobileVendor = function getMobileVendor(_ref9) {
+  var vendor = _ref9.vendor;
+  return setDefaults(vendor);
+};
+var getMobileModel = function getMobileModel(_ref10) {
+  var model = _ref10.model;
+  return setDefaults(model);
+};
+var getDeviceType = function getDeviceType(_ref11) {
+  var type = _ref11.type;
+  return setDefaults(type, 'browser');
+}; // os types
+
+var isAndroidType = function isAndroidType(_ref12) {
+  var name = _ref12.name;
+  return name === OsTypes.Android;
+};
+var isWindowsType = function isWindowsType(_ref13) {
+  var name = _ref13.name;
+  return name === OsTypes.Windows;
+};
+var isMacOsType = function isMacOsType(_ref14) {
+  var name = _ref14.name;
+  return name === OsTypes.MAC_OS;
+};
+var isWinPhoneType = function isWinPhoneType(_ref15) {
+  var name = _ref15.name;
+  return name === OsTypes.WindowsPhone;
+};
+var isIOSType = function isIOSType(_ref16) {
+  var name = _ref16.name;
+  return name === OsTypes.IOS;
+};
+var getOsVersion = function getOsVersion(_ref17) {
+  var version = _ref17.version;
+  return setDefaults(version);
+};
+var getOsName = function getOsName(_ref18) {
+  var name = _ref18.name;
+  return setDefaults(name);
+}; // browser types
+
+var isChromeType = function isChromeType(_ref19) {
+  var name = _ref19.name;
+  return name === BrowserTypes.Chrome;
+};
+var isFirefoxType = function isFirefoxType(_ref20) {
+  var name = _ref20.name;
+  return name === BrowserTypes.Firefox;
+};
+var isChromiumType = function isChromiumType(_ref21) {
+  var name = _ref21.name;
+  return name === BrowserTypes.Chromium;
+};
+var isEdgeType = function isEdgeType(_ref22) {
+  var name = _ref22.name;
+  return name === BrowserTypes.Edge;
+};
+var isYandexType = function isYandexType(_ref23) {
+  var name = _ref23.name;
+  return name === BrowserTypes.Yandex;
+};
+var isSafariType = function isSafariType(_ref24) {
+  var name = _ref24.name;
+  return name === BrowserTypes.Safari || name === BrowserTypes.MobileSafari;
+};
+var isMobileSafariType = function isMobileSafariType(_ref25) {
+  var name = _ref25.name;
+  return name === BrowserTypes.MobileSafari;
+};
+var isOperaType = function isOperaType(_ref26) {
+  var name = _ref26.name;
+  return name === BrowserTypes.Opera;
+};
+var isIEType = function isIEType(_ref27) {
+  var name = _ref27.name;
+  return name === BrowserTypes.InternetExplorer || name === BrowserTypes.Ie;
+};
+var isMIUIType = function isMIUIType(_ref28) {
+  var name = _ref28.name;
+  return name === BrowserTypes.MIUI;
+};
+var isSamsungBrowserType = function isSamsungBrowserType(_ref29) {
+  var name = _ref29.name;
+  return name === BrowserTypes.SamsungBrowser;
+};
+var getBrowserFullVersion = function getBrowserFullVersion(_ref30) {
+  var version = _ref30.version;
+  return setDefaults(version);
+};
+var getBrowserVersion = function getBrowserVersion(_ref31) {
+  var major = _ref31.major;
+  return setDefaults(major);
+};
+var getBrowserName = function getBrowserName(_ref32) {
+  var name = _ref32.name;
+  return setDefaults(name);
+}; // engine types
+
+var getEngineName = function getEngineName(_ref33) {
+  var name = _ref33.name;
+  return setDefaults(name);
+};
+var getEngineVersion = function getEngineVersion(_ref34) {
+  var version = _ref34.version;
+  return setDefaults(version);
+};
+var isElectronType = function isElectronType() {
+  var nav = getNavigatorInstance();
+  var ua = nav && nav.userAgent && nav.userAgent.toLowerCase();
+  return typeof ua === 'string' ? /electron/.test(ua) : false;
+};
+var isEdgeChromiumType = function isEdgeChromiumType(ua) {
+  return typeof ua === 'string' && ua.indexOf('Edg/') !== -1;
+};
+var getIOS13 = function getIOS13() {
+  var nav = getNavigatorInstance();
+  return nav && (/iPad|iPhone|iPod/.test(nav.platform) || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1) && !window.MSStream;
+};
+var getIPad13 = function getIPad13() {
+  return isIOS13Check('iPad');
+};
+var getIphone13 = function getIphone13() {
+  return isIOS13Check('iPhone');
+};
+var getIPod13 = function getIPod13() {
+  return isIOS13Check('iPod');
+};
+var getUseragent = function getUseragent(userAg) {
+  return setDefaults(userAg);
+};
+
+function buildSelectorsObject(options) {
+  var _ref = options ? options : UAHelper,
+      device = _ref.device,
+      browser = _ref.browser,
+      os = _ref.os,
+      engine = _ref.engine,
+      ua = _ref.ua;
+
+  return {
+    isSmartTV: isSmartTVType(device),
+    isConsole: isConsoleType(device),
+    isWearable: isWearableType(device),
+    isEmbedded: isEmbeddedType(device),
+    isMobileSafari: isMobileSafariType(browser) || getIPad13(),
+    isChromium: isChromiumType(browser),
+    isMobile: isMobileAndTabletType(device) || getIPad13(),
+    isMobileOnly: isMobileType(device),
+    isTablet: isTabletType(device) || getIPad13(),
+    isBrowser: isBrowserType(device),
+    isDesktop: isBrowserType(device),
+    isAndroid: isAndroidType(os),
+    isWinPhone: isWinPhoneType(os),
+    isIOS: isIOSType(os) || getIPad13(),
+    isChrome: isChromeType(browser),
+    isFirefox: isFirefoxType(browser),
+    isSafari: isSafariType(browser),
+    isOpera: isOperaType(browser),
+    isIE: isIEType(browser),
+    osVersion: getOsVersion(os),
+    osName: getOsName(os),
+    fullBrowserVersion: getBrowserFullVersion(browser),
+    browserVersion: getBrowserVersion(browser),
+    browserName: getBrowserName(browser),
+    mobileVendor: getMobileVendor(device),
+    mobileModel: getMobileModel(device),
+    engineName: getEngineName(engine),
+    engineVersion: getEngineVersion(engine),
+    getUA: getUseragent(ua),
+    isEdge: isEdgeType(browser) || isEdgeChromiumType(ua),
+    isYandex: isYandexType(browser),
+    deviceType: getDeviceType(device),
+    isIOS13: getIOS13(),
+    isIPad13: getIPad13(),
+    isIPhone13: getIphone13(),
+    isIPod13: getIPod13(),
+    isElectron: isElectronType(),
+    isEdgeChromium: isEdgeChromiumType(ua),
+    isLegacyEdge: isEdgeType(browser) && !isEdgeChromiumType(ua),
+    isWindows: isWindowsType(os),
+    isMacOs: isMacOsType(os),
+    isMIUI: isMIUIType(browser),
+    isSamsungBrowser: isSamsungBrowserType(browser)
+  };
+}
+
+var isSmartTV = isSmartTVType(device);
+var isConsole = isConsoleType(device);
+var isWearable = isWearableType(device);
+var isEmbedded = isEmbeddedType(device);
+var isMobileSafari = isMobileSafariType(browser) || getIPad13();
+var isChromium = isChromiumType(browser);
+var isMobile = isMobileAndTabletType(device) || getIPad13();
+var isMobileOnly = isMobileType(device);
+var isTablet = isTabletType(device) || getIPad13();
+var isBrowser = isBrowserType(device);
+var isDesktop = isBrowserType(device);
+var isAndroid = isAndroidType(os);
+var isWinPhone = isWinPhoneType(os);
+var isIOS = isIOSType(os) || getIPad13();
+var isChrome = isChromeType(browser);
+var isFirefox = isFirefoxType(browser);
+var isSafari = isSafariType(browser);
+var isOpera = isOperaType(browser);
+var isIE = isIEType(browser);
+var osVersion = getOsVersion(os);
+var osName = getOsName(os);
+var fullBrowserVersion = getBrowserFullVersion(browser);
+var browserVersion = getBrowserVersion(browser);
+var browserName = getBrowserName(browser);
+var mobileVendor = getMobileVendor(device);
+var mobileModel = getMobileModel(device);
+var engineName = getEngineName(engine);
+var engineVersion = getEngineVersion(engine);
+var getUA = getUseragent(ua);
+var isEdge = isEdgeType(browser) || isEdgeChromiumType(ua);
+var isYandex = isYandexType(browser);
+var deviceType = getDeviceType(device);
+var isIOS13 = getIOS13();
+var isIPad13 = getIPad13();
+var isIPhone13 = getIphone13();
+var isIPod13 = getIPod13();
+var isElectron = isElectronType();
+var isEdgeChromium = isEdgeChromiumType(ua);
+var isLegacyEdge = isEdgeType(browser) && !isEdgeChromiumType(ua);
+var isWindows = isWindowsType(os);
+var isMacOs = isMacOsType(os);
+var isMIUI = isMIUIType(browser);
+var isSamsungBrowser = isSamsungBrowserType(browser);
+var getSelectorsByUserAgent = function getSelectorsByUserAgent(userAgent) {
+  if (!userAgent || typeof userAgent !== 'string') {
+    console.error('No valid user agent string was provided');
+    return;
+  }
+
+  var _UAHelper$parseUserAg = parseUserAgent(userAgent),
+      device = _UAHelper$parseUserAg.device,
+      browser = _UAHelper$parseUserAg.browser,
+      os = _UAHelper$parseUserAg.os,
+      engine = _UAHelper$parseUserAg.engine,
+      ua = _UAHelper$parseUserAg.ua;
+
+  return buildSelectorsObject({
+    device: device,
+    browser: browser,
+    os: os,
+    engine: engine,
+    ua: ua
+  });
+};
+
+var AndroidView = function AndroidView(_ref) {
+  var renderWithFragment = _ref.renderWithFragment,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["renderWithFragment", "children"]);
+
+  return isAndroid ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var BrowserView = function BrowserView(_ref2) {
+  var renderWithFragment = _ref2.renderWithFragment,
+      children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, ["renderWithFragment", "children"]);
+
+  return isBrowser ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var IEView = function IEView(_ref3) {
+  var renderWithFragment = _ref3.renderWithFragment,
+      children = _ref3.children,
+      props = _objectWithoutProperties(_ref3, ["renderWithFragment", "children"]);
+
+  return isIE ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var IOSView = function IOSView(_ref4) {
+  var renderWithFragment = _ref4.renderWithFragment,
+      children = _ref4.children,
+      props = _objectWithoutProperties(_ref4, ["renderWithFragment", "children"]);
+
+  return isIOS ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var MobileView = function MobileView(_ref5) {
+  var renderWithFragment = _ref5.renderWithFragment,
+      children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, ["renderWithFragment", "children"]);
+
+  return isMobile ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var TabletView = function TabletView(_ref6) {
+  var renderWithFragment = _ref6.renderWithFragment,
+      children = _ref6.children,
+      props = _objectWithoutProperties(_ref6, ["renderWithFragment", "children"]);
+
+  return isTablet ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var WinPhoneView = function WinPhoneView(_ref7) {
+  var renderWithFragment = _ref7.renderWithFragment,
+      children = _ref7.children,
+      props = _objectWithoutProperties(_ref7, ["renderWithFragment", "children"]);
+
+  return isWinPhone ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var MobileOnlyView = function MobileOnlyView(_ref8) {
+  var renderWithFragment = _ref8.renderWithFragment,
+      children = _ref8.children;
+      _ref8.viewClassName;
+      _ref8.style;
+      var props = _objectWithoutProperties(_ref8, ["renderWithFragment", "children", "viewClassName", "style"]);
+
+  return isMobileOnly ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var SmartTVView = function SmartTVView(_ref9) {
+  var renderWithFragment = _ref9.renderWithFragment,
+      children = _ref9.children,
+      props = _objectWithoutProperties(_ref9, ["renderWithFragment", "children"]);
+
+  return isSmartTV ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var ConsoleView = function ConsoleView(_ref10) {
+  var renderWithFragment = _ref10.renderWithFragment,
+      children = _ref10.children,
+      props = _objectWithoutProperties(_ref10, ["renderWithFragment", "children"]);
+
+  return isConsole ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var WearableView = function WearableView(_ref11) {
+  var renderWithFragment = _ref11.renderWithFragment,
+      children = _ref11.children,
+      props = _objectWithoutProperties(_ref11, ["renderWithFragment", "children"]);
+
+  return isWearable ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+var CustomView = function CustomView(_ref12) {
+  var renderWithFragment = _ref12.renderWithFragment,
+      children = _ref12.children;
+      _ref12.viewClassName;
+      _ref12.style;
+      var condition = _ref12.condition,
+      props = _objectWithoutProperties(_ref12, ["renderWithFragment", "children", "viewClassName", "style", "condition"]);
+
+  return condition ? renderWithFragment ? React__default.createElement(React.Fragment, null, children) : React__default.createElement("div", props, children) : null;
+};
+
+function withOrientationChange(WrappedComponent) {
+  return /*#__PURE__*/function (_React$Component) {
+    _inherits(_class, _React$Component);
+
+    function _class(props) {
+      var _this;
+
+      _classCallCheck(this, _class);
+
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, props));
+      _this.isEventListenerAdded = false;
+      _this.handleOrientationChange = _this.handleOrientationChange.bind(_assertThisInitialized(_this));
+      _this.onOrientationChange = _this.onOrientationChange.bind(_assertThisInitialized(_this));
+      _this.onPageLoad = _this.onPageLoad.bind(_assertThisInitialized(_this));
+      _this.state = {
+        isLandscape: false,
+        isPortrait: false
+      };
+      return _this;
+    }
+
+    _createClass(_class, [{
+      key: "handleOrientationChange",
+      value: function handleOrientationChange() {
+        if (!this.isEventListenerAdded) {
+          this.isEventListenerAdded = true;
+        }
+
+        var orientation = window.innerWidth > window.innerHeight ? 90 : 0;
+        this.setState({
+          isPortrait: orientation === 0,
+          isLandscape: orientation === 90
+        });
+      }
+    }, {
+      key: "onOrientationChange",
+      value: function onOrientationChange() {
+        this.handleOrientationChange();
+      }
+    }, {
+      key: "onPageLoad",
+      value: function onPageLoad() {
+        this.handleOrientationChange();
+      }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined && isMobile) {
+          if (!this.isEventListenerAdded) {
+            this.handleOrientationChange();
+            window.addEventListener("load", this.onPageLoad, false);
+          } else {
+            window.removeEventListener("load", this.onPageLoad, false);
+          }
+
+          window.addEventListener("resize", this.onOrientationChange, false);
+        }
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        window.removeEventListener("resize", this.onOrientationChange, false);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return React__default.createElement(WrappedComponent, _extends({}, this.props, {
+          isLandscape: this.state.isLandscape,
+          isPortrait: this.state.isPortrait
+        }));
+      }
+    }]);
+
+    return _class;
+  }(React__default.Component);
+}
+
+function useMobileOrientation() {
+  var _useState = React.useState(function () {
+    var orientation = window.innerWidth > window.innerHeight ? 90 : 0;
+    return {
+      isPortrait: orientation === 0,
+      isLandscape: orientation === 90,
+      orientation: orientation === 0 ? 'portrait' : 'landscape'
+    };
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var handleOrientationChange = React.useCallback(function () {
+    var orientation = window.innerWidth > window.innerHeight ? 90 : 0;
+    var next = {
+      isPortrait: orientation === 0,
+      isLandscape: orientation === 90,
+      orientation: orientation === 0 ? 'portrait' : 'landscape'
+    };
+    state.orientation !== next.orientation && setState(next);
+  }, [state.orientation]);
+  React.useEffect(function () {
+    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined && isMobile) {
+      handleOrientationChange();
+      window.addEventListener("load", handleOrientationChange, false);
+      window.addEventListener("resize", handleOrientationChange, false);
+    }
+
+    return function () {
+      window.removeEventListener("resize", handleOrientationChange, false);
+      window.removeEventListener("load", handleOrientationChange, false);
+    };
+  }, [handleOrientationChange]);
+  return state;
+}
+
+function useDeviceData(userAgent) {
+  var hookUserAgent = userAgent ? userAgent : window.navigator.userAgent;
+  return parseUserAgent(hookUserAgent);
+}
+
+function useDeviceSelectors(userAgent) {
+  var hookUserAgent = userAgent ? userAgent : window.navigator.userAgent;
+  var deviceData = useDeviceData(hookUserAgent);
+  var selectors = buildSelectorsObject(deviceData);
+  return [selectors, deviceData];
+}
+
+lib.AndroidView = AndroidView;
+lib.BrowserTypes = BrowserTypes;
+lib.BrowserView = BrowserView;
+lib.ConsoleView = ConsoleView;
+lib.CustomView = CustomView;
+lib.IEView = IEView;
+lib.IOSView = IOSView;
+lib.MobileOnlyView = MobileOnlyView;
+lib.MobileView = MobileView;
+lib.OsTypes = OsTypes;
+lib.SmartTVView = SmartTVView;
+lib.TabletView = TabletView;
+lib.WearableView = WearableView;
+lib.WinPhoneView = WinPhoneView;
+lib.browserName = browserName;
+lib.browserVersion = browserVersion;
+lib.deviceDetect = deviceDetect;
+lib.deviceType = deviceType;
+lib.engineName = engineName;
+lib.engineVersion = engineVersion;
+lib.fullBrowserVersion = fullBrowserVersion;
+lib.getSelectorsByUserAgent = getSelectorsByUserAgent;
+lib.getUA = getUA;
+lib.isAndroid = isAndroid;
+lib.isBrowser = isBrowser;
+lib.isChrome = isChrome;
+lib.isChromium = isChromium;
+lib.isConsole = isConsole;
+lib.isDesktop = isDesktop;
+lib.isEdge = isEdge;
+lib.isEdgeChromium = isEdgeChromium;
+lib.isElectron = isElectron;
+lib.isEmbedded = isEmbedded;
+lib.isFirefox = isFirefox;
+lib.isIE = isIE;
+lib.isIOS = isIOS;
+lib.isIOS13 = isIOS13;
+lib.isIPad13 = isIPad13;
+lib.isIPhone13 = isIPhone13;
+lib.isIPod13 = isIPod13;
+lib.isLegacyEdge = isLegacyEdge;
+lib.isMIUI = isMIUI;
+lib.isMacOs = isMacOs;
+var isMobile_1 = lib.isMobile = isMobile;
+lib.isMobileOnly = isMobileOnly;
+lib.isMobileSafari = isMobileSafari;
+lib.isOpera = isOpera;
+lib.isSafari = isSafari;
+lib.isSamsungBrowser = isSamsungBrowser;
+lib.isSmartTV = isSmartTV;
+lib.isTablet = isTablet;
+lib.isWearable = isWearable;
+lib.isWinPhone = isWinPhone;
+lib.isWindows = isWindows;
+lib.isYandex = isYandex;
+lib.mobileModel = mobileModel;
+lib.mobileVendor = mobileVendor;
+lib.osName = osName;
+lib.osVersion = osVersion;
+lib.parseUserAgent = parseUserAgent;
+lib.setUserAgent = setUserAgent;
+lib.useDeviceData = useDeviceData;
+lib.useDeviceSelectors = useDeviceSelectors;
+lib.useMobileOrientation = useMobileOrientation;
+lib.withOrientationChange = withOrientationChange;
+
+var ManagerReferenceNodeContext = React$1.createContext();
+var ManagerReferenceNodeSetterContext = React$1.createContext();
+function Manager(_ref) {
+  var children = _ref.children;
+
+  var _React$useState = React$1.useState(null),
+      referenceNode = _React$useState[0],
+      setReferenceNode = _React$useState[1];
+
+  var hasUnmounted = React$1.useRef(false);
+  React$1.useEffect(function () {
+    return function () {
+      hasUnmounted.current = true;
+    };
+  }, []);
+  var handleSetReferenceNode = React$1.useCallback(function (node) {
+    if (!hasUnmounted.current) {
+      setReferenceNode(node);
+    }
+  }, []);
+  return /*#__PURE__*/React$1.createElement(ManagerReferenceNodeContext.Provider, {
+    value: referenceNode
+  }, /*#__PURE__*/React$1.createElement(ManagerReferenceNodeSetterContext.Provider, {
+    value: handleSetReferenceNode
+  }, children));
+}
+
+/**
+ * Takes an argument and if it's an array, returns the first item in the array,
+ * otherwise returns the argument. Used for Preact compatibility.
+ */
+var unwrapArray = function unwrapArray(arg) {
+  return Array.isArray(arg) ? arg[0] : arg;
+};
+/**
+ * Takes a maybe-undefined function and arbitrary args and invokes the function
+ * only if it is defined.
+ */
+
+var safeInvoke = function safeInvoke(fn) {
+  if (typeof fn === 'function') {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    return fn.apply(void 0, args);
+  }
+};
+/**
+ * Sets a ref using either a ref callback or a ref object
+ */
+
+var setRef = function setRef(ref, node) {
+  // if its a function call it
+  if (typeof ref === 'function') {
+    return safeInvoke(ref, node);
+  } // otherwise we should treat it as a ref object
+  else if (ref != null) {
+      ref.current = node;
+    }
+};
+/**
+ * Simple ponyfill for Object.fromEntries
+ */
+
+var fromEntries = function fromEntries(entries) {
+  return entries.reduce(function (acc, _ref) {
+    var key = _ref[0],
+        value = _ref[1];
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+/**
+ * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
+ */
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React$1.useLayoutEffect : React$1.useEffect;
+
+var top = 'top';
+var bottom = 'bottom';
+var right = 'right';
+var left = 'left';
+var auto = 'auto';
+var basePlacements = [top, bottom, right, left];
+var start = 'start';
+var end = 'end';
+var clippingParents = 'clippingParents';
+var viewport = 'viewport';
+var popper = 'popper';
+var reference = 'reference';
+var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []); // modifiers that need to read the DOM
+
+var beforeRead = 'beforeRead';
+var read = 'read';
+var afterRead = 'afterRead'; // pure-logic modifiers
+
+var beforeMain = 'beforeMain';
+var main = 'main';
+var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
+
+var beforeWrite = 'beforeWrite';
+var write = 'write';
+var afterWrite = 'afterWrite';
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+
+function getNodeName(element) {
+  return element ? (element.nodeName || '').toLowerCase() : null;
+}
+
+function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+
+  if (node.toString() !== '[object Window]') {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+
+  return node;
+}
+
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+
+function isShadowRoot(node) {
+  // IE 11 has no ShadowRoot
+  if (typeof ShadowRoot === 'undefined') {
+    return false;
+  }
+
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+
+// and applies them to the HTMLElements such as popper and arrow
+
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function (name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name]; // arrow is optional + virtual elements
+
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    } // Flow doesn't support to extend this property, but it's the most
+    // effective way to apply styles to an HTMLElement
+    // $FlowFixMe[cannot-write]
+
+
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function (name) {
+      var value = attributes[name];
+
+      if (value === false) {
         element.removeAttribute(name);
       } else {
         element.setAttribute(name, value === true ? '' : value);
@@ -5381,7 +6834,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
     options = {};
   }
 
-  var prevOptions = React.useRef(null);
+  var prevOptions = React$1.useRef(null);
   var optionsWithDefaults = {
     onFirstUpdate: options.onFirstUpdate,
     placement: options.placement || 'bottom',
@@ -5389,7 +6842,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
     modifiers: options.modifiers || EMPTY_MODIFIERS$1
   };
 
-  var _React$useState = React.useState({
+  var _React$useState = React$1.useState({
     styles: {
       popper: {
         position: optionsWithDefaults.strategy,
@@ -5405,7 +6858,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       state = _React$useState[0],
       setState = _React$useState[1];
 
-  var updateStateModifier = React.useMemo(function () {
+  var updateStateModifier = React$1.useMemo(function () {
     return {
       name: 'updateState',
       enabled: true,
@@ -5425,7 +6878,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       requires: ['computeStyles']
     };
   }, []);
-  var popperOptions = React.useMemo(function () {
+  var popperOptions = React$1.useMemo(function () {
     var newOptions = {
       onFirstUpdate: optionsWithDefaults.onFirstUpdate,
       placement: optionsWithDefaults.placement,
@@ -5443,7 +6896,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       return newOptions;
     }
   }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);
-  var popperInstanceRef = React.useRef();
+  var popperInstanceRef = React$1.useRef();
   useIsomorphicLayoutEffect(function () {
     if (popperInstanceRef.current) {
       popperInstanceRef.current.setOptions(popperOptions);
@@ -5491,20 +6944,20 @@ function Popper(_ref) {
       onFirstUpdate = _ref.onFirstUpdate,
       innerRef = _ref.innerRef,
       children = _ref.children;
-  var referenceNode = React.useContext(ManagerReferenceNodeContext);
+  var referenceNode = React$1.useContext(ManagerReferenceNodeContext);
 
-  var _React$useState = React.useState(null),
+  var _React$useState = React$1.useState(null),
       popperElement = _React$useState[0],
       setPopperElement = _React$useState[1];
 
-  var _React$useState2 = React.useState(null),
+  var _React$useState2 = React$1.useState(null),
       arrowElement = _React$useState2[0],
       setArrowElement = _React$useState2[1];
 
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     setRef(innerRef, popperElement);
   }, [innerRef, popperElement]);
-  var options = React.useMemo(function () {
+  var options = React$1.useMemo(function () {
     return {
       placement: placement,
       strategy: strategy,
@@ -5525,7 +6978,7 @@ function Popper(_ref) {
       forceUpdate = _usePopper.forceUpdate,
       update = _usePopper.update;
 
-  var childrenProps = React.useMemo(function () {
+  var childrenProps = React$1.useMemo(function () {
     return {
       ref: setPopperElement,
       style: styles.popper,
@@ -5607,18 +7060,18 @@ var warning_1 = warning;
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
-  var setReferenceNode = React.useContext(ManagerReferenceNodeSetterContext);
-  var refHandler = React.useCallback(function (node) {
+  var setReferenceNode = React$1.useContext(ManagerReferenceNodeSetterContext);
+  var refHandler = React$1.useCallback(function (node) {
     setRef(innerRef, node);
     safeInvoke(setReferenceNode, node);
   }, [innerRef, setReferenceNode]); // ran on unmount
 
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       return setRef(innerRef, null);
     };
   });
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     warning_1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
   }, [setReferenceNode]);
   return unwrapArray(children)({
@@ -5628,9 +7081,10 @@ function Reference(_ref) {
 
 var CDropdownContext = createContext({});
 var CDropdown = forwardRef(function (_a, ref) {
-    var children = _a.children, alignment = _a.alignment, className = _a.className, dark = _a.dark, direction = _a.direction, onHide = _a.onHide, onShow = _a.onShow, _b = _a.placement, placement = _b === void 0 ? 'bottom-start' : _b, _c = _a.popper, popper = _c === void 0 ? true : _c, _d = _a.variant, variant = _d === void 0 ? 'btn-group' : _d, _e = _a.component, component = _e === void 0 ? 'div' : _e, _f = _a.visible, visible = _f === void 0 ? false : _f, rest = __rest$1(_a, ["children", "alignment", "className", "dark", "direction", "onHide", "onShow", "placement", "popper", "variant", "component", "visible"]);
-    var _g = useState(visible), _visible = _g[0], setVisible = _g[1];
+    var children = _a.children, alignment = _a.alignment, _b = _a.autoClose, autoClose = _b === void 0 ? true : _b, className = _a.className, dark = _a.dark, direction = _a.direction, onHide = _a.onHide, onShow = _a.onShow, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, _d = _a.popper, popper = _d === void 0 ? true : _d, _e = _a.variant, variant = _e === void 0 ? 'btn-group' : _e, _f = _a.component, component = _f === void 0 ? 'div' : _f, _g = _a.visible, visible = _g === void 0 ? false : _g, rest = __rest$1(_a, ["children", "alignment", "autoClose", "className", "dark", "direction", "onHide", "onShow", "placement", "popper", "variant", "component", "visible"]);
+    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
     var dropdownRef = useRef(null);
+    var dropdownToggleRef = useRef(null);
     var forkedRef = useForkedRef(ref, dropdownRef);
     var Component = variant === 'nav-item' ? 'li' : component;
     // Disable popper if responsive aligment is set.
@@ -5639,83 +7093,615 @@ var CDropdown = forwardRef(function (_a, ref) {
     }
     var contextValues = {
         alignment: alignment,
+        autoClose: autoClose,
         dark: dark,
         direction: direction,
+        dropdownToggleRef: dropdownToggleRef,
         placement: placement,
         popper: popper,
         variant: variant,
         visible: _visible,
         setVisible: setVisible,
     };
-    var _className = classNames$1(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
-        show: _visible,
-    }, direction, className);
+    var _className = classNames$1(variant === 'nav-item' ? 'nav-item dropdown' : variant, {
+        show: _visible,
+    }, direction, className);
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    useEffect(function () {
+        _visible && onShow && onShow();
+        !_visible && onHide && onHide();
+    }, [_visible]);
+    var dropdownContent = function () {
+        return variant === 'input-group' ? (React__default$1.createElement(React__default$1.Fragment, null, children)) : (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
+    };
+    return popper ? (React__default$1.createElement(CDropdownContext.Provider, { value: contextValues },
+        React__default$1.createElement(Manager, null, dropdownContent()))) : (React__default$1.createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
+});
+var alignmentDirection = PropTypes$1.oneOf(['start', 'end']);
+CDropdown.propTypes = {
+    // @ts-expect-error TODO: we have to find a solution
+    alignment: PropTypes$1.oneOfType([
+        alignmentDirection,
+        PropTypes$1.shape({ xs: alignmentDirection }),
+        PropTypes$1.shape({ sm: alignmentDirection }),
+        PropTypes$1.shape({ md: alignmentDirection }),
+        PropTypes$1.shape({ lg: alignmentDirection }),
+        PropTypes$1.shape({ xl: alignmentDirection }),
+        PropTypes$1.shape({ xxl: alignmentDirection }),
+    ]),
+    autoClose: PropTypes$1.oneOfType([
+        PropTypes$1.bool,
+        PropTypes$1.oneOf(['inside', 'outside']),
+    ]),
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+    dark: PropTypes$1.bool,
+    direction: PropTypes$1.oneOf(['dropup', 'dropend', 'dropstart']),
+    onHide: PropTypes$1.func,
+    onShow: PropTypes$1.func,
+    placement: placementPropType,
+    popper: PropTypes$1.bool,
+    variant: PropTypes$1.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
+    visible: PropTypes$1.bool,
+};
+CDropdown.displayName = 'CDropdown';
+
+var CDropdownMenu = function (_a) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
+    var _c = useContext(CDropdownContext), alignment = _c.alignment, autoClose = _c.autoClose, dark = _c.dark, direction = _c.direction, dropdownToggleRef = _c.dropdownToggleRef, placement = _c.placement, popper = _c.popper, visible = _c.visible, setVisible = _c.setVisible;
+    var dropdownMenuRef = useRef(null);
+    useEffect(function () {
+        visible && window.addEventListener('mouseup', handleMouseUp);
+        visible && window.addEventListener('keyup', handleKeyup);
+        return function () {
+            window.removeEventListener('mouseup', handleMouseUp);
+            window.removeEventListener('keyup', handleKeyup);
+        };
+    }, [visible]);
+    var handleKeyup = function (event) {
+        var _a;
+        if (autoClose === false) {
+            return;
+        }
+        if (!((_a = dropdownMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            setVisible(false);
+        }
+    };
+    var handleMouseUp = function (event) {
+        var _a, _b;
+        if (dropdownToggleRef && dropdownToggleRef.current.contains(event.target)) {
+            return;
+        }
+        if (autoClose === true) {
+            setVisible(false);
+            return;
+        }
+        if (autoClose === 'inside' && ((_a = dropdownMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+            setVisible(false);
+            return;
+        }
+        if (autoClose === 'outside' &&
+            !((_b = dropdownMenuRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+            setVisible(false);
+        }
+    };
+    var _placement = placement;
+    if (direction === 'dropup') {
+        _placement = 'top-start';
+    }
+    if (direction === 'dropend') {
+        _placement = 'right-start';
+    }
+    if (direction === 'dropstart') {
+        _placement = 'left-start';
+    }
+    if (alignment === 'end') {
+        _placement = 'bottom-end';
+    }
+    var alignmentClassNames = function (alignment) {
+        var classNames = [];
+        if (typeof alignment === 'object') {
+            Object.keys(alignment).map(function (key) {
+                classNames.push("dropdown-menu".concat(key === 'xs' ? '' : "-".concat(key), "-").concat(alignment[key]));
+            });
+        }
+        if (typeof alignment === 'string') {
+            classNames.push("dropdown-menu-".concat(alignment));
+        }
+        return classNames;
+    };
+    var _className = classNames$1('dropdown-menu', {
+        'dropdown-menu-dark': dark,
+        show: visible,
+    }, alignment && alignmentClassNames(alignment), className);
+    var dropdownMenuComponent = function (style, ref) {
+        return (React__default$1.createElement(Component, __assign$1({ className: _className, ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
+            ? React__default$1.Children.map(children, function (child, index) {
+                if (React__default$1.isValidElement(child)) {
+                    return React__default$1.createElement("li", { key: index }, React__default$1.cloneElement(child));
+                }
+                return;
+            })
+            : children));
+    };
+    return popper && visible ? (React__default$1.createElement(Popper, { innerRef: dropdownMenuRef, placement: _placement }, function (_a) {
+        var ref = _a.ref, style = _a.style;
+        return dropdownMenuComponent(style, ref);
+    })) : (dropdownMenuComponent());
+};
+CDropdownMenu.propTypes = {
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+};
+CDropdownMenu.displayName = 'CDropdownMenu';
+
+var CDropdownToggle = function (_a) {
+    var children = _a.children, _b = _a.caret, caret = _b === void 0 ? true : _b, custom = _a.custom, className = _a.className, split = _a.split, _c = _a.trigger, trigger = _c === void 0 ? 'click' : _c, rest = __rest$1(_a, ["children", "caret", "custom", "className", "split", "trigger"]);
+    var _d = useContext(CDropdownContext), dropdownToggleRef = _d.dropdownToggleRef, popper = _d.popper, variant = _d.variant, visible = _d.visible, setVisible = _d.setVisible;
+    var _className = classNames$1({
+        'dropdown-toggle': caret,
+        'dropdown-toggle-split': split,
+        'nav-link': variant === 'nav-item',
+    }, className);
+    var triggers = __assign$1(__assign$1({}, ((trigger === 'click' || trigger.includes('click')) && {
+        onClick: function (event) {
+            event.preventDefault();
+            setVisible(!visible);
+        },
+    })), ((trigger === 'focus' || trigger.includes('focus')) && {
+        onFocus: function () { return setVisible(true); },
+        onBlur: function () { return setVisible(false); },
+    }));
+    var togglerProps = __assign$1(__assign$1({ className: _className, 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), triggers);
+    // 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$1.isValidElement(children) ? (React__default$1.createElement(React__default$1.Fragment, null, React__default$1.cloneElement(children, __assign$1(__assign$1({ 'aria-expanded': visible }, (!rest.disabled && __assign$1({}, triggers))), { ref: useForkedRef(ref, dropdownToggleRef) })))) : variant === 'nav-item' ? (React__default$1.createElement("a", __assign$1({ href: "#" }, togglerProps, { ref: useForkedRef(ref, dropdownToggleRef) }), children)) : (React__default$1.createElement(CButton, __assign$1({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: useForkedRef(ref, dropdownToggleRef) }),
+            children,
+            split && React__default$1.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));
+    };
+    return popper ? React__default$1.createElement(Reference, null, function (_a) {
+        var ref = _a.ref;
+        return Toggler(ref);
+    }) : Toggler(dropdownToggleRef);
+};
+CDropdownToggle.propTypes = {
+    caret: PropTypes$1.bool,
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    custom: PropTypes$1.bool,
+    split: PropTypes$1.bool,
+    trigger: triggerPropType,
+};
+CDropdownToggle.displayName = 'CDropdownToggle';
+
+var CPicker = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.cancelButtonText, cancelButtonText = _b === void 0 ? 'Cancel' : _b, className = _a.className, _c = _a.container, container = _c === void 0 ? 'dropdown' : _c, disabled = _a.disabled, footer = _a.footer, _d = _a.okButtonText, okButtonText = _d === void 0 ? 'OK' : _d, onCancelClick = _a.onCancelClick, onOkClick = _a.onOkClick, onHide = _a.onHide, onShow = _a.onShow, Toggler = _a.toggler, visible = _a.visible, rest = __rest$1(_a, ["children", "cancelButtonText", "className", "container", "disabled", "footer", "okButtonText", "onCancelClick", "onOkClick", "onHide", "onShow", "toggler", "visible"]);
+    var _e = useState(visible), _visible = _e[0], setVisible = _e[1];
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    var Footer = function () { return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement(CButton, { color: "primary", size: "sm", variant: "ghost", onClick: function () { return onCancelClick && onCancelClick(); } }, cancelButtonText),
+        React__default$1.createElement(CButton, { color: "primary", size: "sm", onClick: function () {
+                onOkClick && onOkClick();
+                setVisible(false);
+            } }, okButtonText))); };
+    var _className = classNames$1('picker', className);
+    switch (container) {
+        case 'inline':
+            return React__default$1.createElement("div", { className: _className }, children);
+        default:
+            return (React__default$1.createElement(CDropdown, __assign$1({ autoClose: "outside", className: _className, onHide: function () {
+                    setVisible(false);
+                    onHide && onHide();
+                }, onShow: function () {
+                    setVisible(true);
+                    onShow && onShow();
+                }, variant: "dropdown", visible: _visible }, rest, { ref: ref }),
+                React__default$1.createElement(CDropdownToggle, { custom: true, disabled: _visible || disabled }, Toggler),
+                React__default$1.createElement(CDropdownMenu, { component: "div" },
+                    children,
+                    footer && (React__default$1.createElement("div", { className: "picker-footer" }, typeof footer === 'boolean' ? Footer() : footer)))));
+    }
+});
+CPicker.displayName = 'CPicker';
+CPicker.propTypes = __assign$1(__assign$1({}, CDropdown.propTypes), { container: PropTypes$1.oneOf(['dropdown', 'inline']), disabled: PropTypes$1.bool, onCancelClick: PropTypes$1.func, onOkClick: PropTypes$1.func });
+
+var CFormInput = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, invalid = _a.invalid, plainText = _a.plainText, size = _a.size, _c = _a.type, type = _c === void 0 ? 'text' : _c, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "invalid", "plainText", "size", "type", "valid"]);
+    var _className = classNames$1(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
+        _b["form-control-".concat(size)] = size,
+        _b['form-control-color'] = type === 'color',
+        _b['is-invalid'] = invalid,
+        _b['is-valid'] = valid,
+        _b), className);
+    return (React__default$1.createElement("input", __assign$1({ type: type, className: _className }, rest, { ref: ref }), children));
+});
+CFormInput.propTypes = {
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    invalid: PropTypes$1.bool,
+    plainText: PropTypes$1.bool,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+    type: PropTypes$1.oneOfType([PropTypes$1.oneOf(['color', 'file', 'text']), PropTypes$1.string]),
+    valid: PropTypes$1.bool,
+};
+CFormInput.displayName = 'CFormInput';
+
+var CFormSelect = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, htmlSize = _a.htmlSize, invalid = _a.invalid, options = _a.options, size = _a.size, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "htmlSize", "invalid", "options", "size", "valid"]);
+    var _className = classNames$1('form-select', (_b = {},
+        _b["form-select-".concat(size)] = size,
+        _b['is-invalid'] = invalid,
+        _b['is-valid'] = valid,
+        _b), className);
+    return (React__default$1.createElement("select", __assign$1({ className: _className, size: htmlSize }, rest, { ref: ref }), options
+        ? options.map(function (option, index) {
+            return (React__default$1.createElement("option", __assign$1({}, (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 = {
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    htmlSize: PropTypes$1.number,
+    invalid: PropTypes$1.bool,
+    options: PropTypes$1.array,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+    valid: PropTypes$1.bool,
+};
+CFormSelect.displayName = 'CFormSelect';
+
+var CInputGroup = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, size = _a.size, rest = __rest$1(_a, ["children", "className", "size"]);
+    var _className = classNames$1('input-group', (_b = {},
+        _b["input-group-".concat(size)] = size,
+        _b), className);
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+});
+CInputGroup.propTypes = {
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    size: PropTypes$1.oneOf(['sm', 'lg']),
+};
+CInputGroup.displayName = 'CInputGroup';
+
+var CInputGroupText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
+    var _className = classNames$1('input-group-text', className);
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+});
+CInputGroupText.propTypes = {
+    children: PropTypes$1.node,
+    className: PropTypes$1.string,
+    component: PropTypes$1.elementType,
+};
+CInputGroupText.displayName = 'CInputGroupText';
+
+var CTimePickerRollCol = forwardRef(function (_a, ref) {
+    var elements = _a.elements, onClick = _a.onClick, selected = _a.selected;
+    var colRef = useRef(null);
+    var forkedRef = useForkedRef(ref, colRef);
+    useEffect(function () {
+        var _a, _b;
+        var nodeEl = (_a = colRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.selected');
+        if (nodeEl && nodeEl instanceof HTMLElement) {
+            (_b = colRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo({ top: nodeEl.offsetTop, behavior: 'smooth' });
+        }
+    }, [selected]);
+    return (React__default$1.createElement("div", { className: "time-picker-roll-col", ref: forkedRef }, elements.map(function (element, index) {
+        return (React__default$1.createElement("div", { className: classNames$1('time-picker-roll-cell', {
+                selected: element.value === selected,
+            }), key: index, onClick: function () { return onClick && onClick(element.value); }, role: "button" }, element.label));
+    })));
+});
+CTimePickerRollCol.propTypes = {
+    elements: PropTypes$1.array.isRequired,
+    onClick: PropTypes$1.func,
+    selected: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
+};
+CTimePickerRollCol.displayName = 'CTimePickerRollCol';
+
+var convert12hTo24h = function (abbr, hour) {
+    if (abbr === 'am' && hour === 12) {
+        return 0;
+    }
+    if (abbr === 'am') {
+        return hour;
+    }
+    if (abbr === 'pm' && hour === 12) {
+        return 12;
+    }
+    return hour + 12;
+};
+var convert24hTo12h = function (hour) { return hour % 12 || 12; };
+var getAmPm = function (date, locale) {
+    if (date.toLocaleTimeString(locale).includes('AM')) {
+        return 'am';
+    }
+    if (date.toLocaleTimeString(locale).includes('PM')) {
+        return 'pm';
+    }
+    return date.getHours() >= 12 ? 'pm' : 'am';
+};
+var isAmPm = function (locale) {
+    return ['am', 'AM', 'pm', 'PM'].some(function (el) { return new Date().toLocaleString(locale).includes(el); });
+};
+
+var CTimePicker = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, _c = _a.cleaner, cleaner = _c === void 0 ? true : _c, cleanerIcon = _a.cleanerIcon, _d = _a.container, container = _d === void 0 ? 'dropdown' : _d, defaultIcon = _a.defaultIcon, disabled = _a.disabled, _e = _a.footer, footer = _e === void 0 ? true : _e, inputReadOnly = _a.inputReadOnly, _f = _a.locale, locale = _f === void 0 ? navigator.language : _f, onChange = _a.onChange, _g = _a.placeholder, placeholder = _g === void 0 ? 'Select time' : _g, size = _a.size, value = _a.value, _h = _a.variant, variant = _h === void 0 ? 'roll' : _h, rest = __rest$1(_a, ["className", "cleaner", "cleanerIcon", "container", "defaultIcon", "disabled", "footer", "inputReadOnly", "locale", "onChange", "placeholder", "size", "value", "variant"]);
+    var inputRef = useRef(null);
+    var _j = useState(value ? (value instanceof Date ? new Date(value) : new Date("1970-01-01 ".concat(value))) : null), date = _j[0], setDate = _j[1];
+    var _k = useState(date ? getAmPm(new Date(date), locale) : 'am'), _ampm = _k[0], setAmPm = _k[1];
+    useEffect(function () {
+        setDate(value ? (value instanceof Date ? new Date(value) : new Date("1970-01-01 ".concat(value))) : null);
+    }, [value]);
+    useEffect(function () {
+        if (inputRef.current) {
+            inputRef.current.value = date ? date.toLocaleTimeString(locale) : '';
+        }
+    }, [date]);
+    var getHours = function (locale) {
+        return Array.from(new Array(isAmPm(locale) ? 12 : 24), function (_, i) {
+            return {
+                value: isAmPm(locale) ? i + 1 : i,
+                label: (isAmPm(locale) ? i + 1 : i).toLocaleString(locale),
+            };
+        });
+    };
+    var getMinutesOrSeconds = function (locale) {
+        return Array.from(new Array(60), function (_, i) {
+            return {
+                value: i,
+                label: i.toLocaleString(locale).padStart(2, (0).toLocaleString(locale)),
+            };
+        });
+    };
+    var selectedHour = date
+        ? isAmPm(locale)
+            ? convert24hTo12h(date.getHours())
+            : date.getHours()
+        : null;
+    var selectedMinutes = date ? date.getMinutes() : null;
+    var selectedSeconds = date ? date.getSeconds() : null;
+    var handleClear = function (event) {
+        event.stopPropagation();
+        setDate(null);
+    };
+    var handleTimeChange = function (set, value) {
+        var _date = date || new Date('1970-01-01');
+        if (set === 'toggle') {
+            if (value === 'am') {
+                setAmPm('am');
+                _date.setHours(_date.getHours() - 12);
+            }
+            if (value === 'pm') {
+                setAmPm('pm');
+                _date.setHours(_date.getHours() + 12);
+            }
+        }
+        if (set === 'hours') {
+            if (isAmPm(locale)) {
+                _date.setHours(convert12hTo24h(_ampm, parseInt(value)));
+            }
+            else {
+                _date.setHours(parseInt(value));
+            }
+        }
+        if (set === 'minutes') {
+            _date.setMinutes(parseInt(value));
+        }
+        if (set === 'seconds') {
+            _date.setSeconds(parseInt(value));
+        }
+        setDate(new Date(_date));
+        onChange && onChange(_date.toTimeString(), _date.toLocaleTimeString(), _date);
+    };
+    var InputGroup = function () { return (React__default$1.createElement(CInputGroup, { className: "picker-input-group", size: size },
+        React__default$1.createElement(CFormInput, { disabled: disabled, placeholder: placeholder, readOnly: inputReadOnly, ref: inputRef }),
+        (defaultIcon !== false || cleaner) && (React__default$1.createElement(CInputGroupText, null,
+            defaultIcon !== false && (React__default$1.createElement("span", { className: "picker-input-group-indicator" }, defaultIcon ? (defaultIcon) : (React__default$1.createElement("span", { className: "picker-input-group-icon time-picker-input-icon" })))),
+            cleaner && date && (React__default$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, cleanerIcon ? (cleanerIcon) : (React__default$1.createElement("span", { className: "picker-input-group-icon time-picker-cleaner-icon" })))))))); };
+    var TimePickerSelect = function () {
+        return (React__default$1.createElement(React__default$1.Fragment, null,
+            React__default$1.createElement("span", { className: "time-picker-inline-icon" }),
+            React__default$1.createElement(CFormSelect, { disabled: disabled, options: getHours(locale).map(function (option) {
+                    return {
+                        value: option.value.toString(),
+                        label: option.label,
+                    };
+                }), onChange: function (event) {
+                    return handleTimeChange('hours', event.target.value);
+                }, value: selectedHour ? selectedHour : '0' }),
+            React__default$1.createElement("span", { className: "px-1" }, ":"),
+            React__default$1.createElement(CFormSelect, { disabled: disabled, options: Array.from(new Array(60), function (_, i) {
+                    return {
+                        value: i.toString(),
+                        label: i.toLocaleString(locale).padStart(2, (0).toLocaleString(locale)),
+                    };
+                }), onChange: function (event) {
+                    return handleTimeChange('minutes', event.target.value);
+                }, value: selectedMinutes ? selectedMinutes : '0' }),
+            React__default$1.createElement("span", { className: "px-1" }, ":"),
+            React__default$1.createElement(CFormSelect, { disabled: disabled, options: Array.from(new Array(60), function (_, i) {
+                    return {
+                        value: i.toString(),
+                        label: i.toLocaleString(locale).padStart(2, (0).toLocaleString(locale)),
+                    };
+                }), onChange: function (event) {
+                    return handleTimeChange('seconds', event.target.value);
+                }, value: selectedSeconds ? selectedSeconds : '0' }),
+            isAmPm(locale) && (React__default$1.createElement(CFormSelect, { disabled: disabled, options: [
+                    { value: 'am', label: 'AM' },
+                    { value: 'pm', label: 'PM' },
+                ], onChange: function (event) {
+                    return handleTimeChange('toggle', event.target.value);
+                }, value: _ampm }))));
+    };
+    var TimePickerRoll = function () { return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement(CTimePickerRollCol, { elements: getHours(locale), onClick: function (index) { return handleTimeChange('hours', index.toString()); }, selected: selectedHour }),
+        React__default$1.createElement(CTimePickerRollCol, { elements: getMinutesOrSeconds(locale), selected: selectedMinutes, onClick: function (index) { return handleTimeChange('minutes', index.toString()); } }),
+        React__default$1.createElement(CTimePickerRollCol, { elements: getMinutesOrSeconds(locale), selected: selectedSeconds, onClick: function (index) { return handleTimeChange('seconds', index.toString()); } }),
+        isAmPm(locale) && (React__default$1.createElement(CTimePickerRollCol, { elements: [
+                { value: 'am', label: 'AM' },
+                { value: 'pm', label: 'PM' },
+            ], selected: _ampm, onClick: function (value) { return handleTimeChange('toggle', value); } })))); };
+    var _className = classNames$1('time-picker', className);
+    return (React__default$1.createElement(CPicker, __assign$1({ className: _className, container: container, disabled: disabled, footer: footer, onCancelClick: function () {
+            setDate(value
+                ? value instanceof Date
+                    ? new Date(value)
+                    : new Date("1970-01-01 ".concat(value))
+                : new Date());
+        }, toggler: InputGroup() }, rest, { ref: ref }),
+        React__default$1.createElement("div", { className: classNames$1('time-picker-body', (_b = {},
+                _b['time-picker-roll'] = variant === 'roll',
+                _b)) }, variant === 'select' ? React__default$1.createElement(TimePickerSelect, null) : TimePickerRoll())));
+});
+CTimePicker.propTypes = __assign$1(__assign$1({}, CPicker.propTypes), { className: PropTypes$1.string, locale: PropTypes$1.string, onChange: PropTypes$1.func, value: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]), variant: PropTypes$1.oneOf(['roll', 'select']) });
+CTimePicker.displayName = 'CTimePicker';
+
+var CDateRangePicker = forwardRef(function (_a, ref) {
+    var _b = _a.calendars, calendars = _b === void 0 ? 2 : _b, className = _a.className, _c = _a.cleaner, cleaner = _c === void 0 ? true : _c, cleanerIcon = _a.cleanerIcon, calendarDate = _a.calendarDate, disabled = _a.disabled, disabledDates = _a.disabledDates, endDate = _a.endDate, defaultIcon = _a.defaultIcon, infixIcon = _a.infixIcon, inputReadOnly = _a.inputReadOnly, _d = _a.locale, locale = _d === void 0 ? navigator.language : _d, maxDate = _a.maxDate, minDate = _a.minDate, onEndDateChange = _a.onEndDateChange, onHide = _a.onHide, onStartDateChange = _a.onStartDateChange, onShow = _a.onShow, _e = _a.placeholder, placeholder = _e === void 0 ? ['Start date', 'End date'] : _e, _f = _a.range, range = _f === void 0 ? true : _f, ranges = _a.ranges, size = _a.size, startDate = _a.startDate, timepicker = _a.timepicker, toggler = _a.toggler, visible = _a.visible, rest = __rest$1(_a, ["calendars", "className", "cleaner", "cleanerIcon", "calendarDate", "disabled", "disabledDates", "endDate", "defaultIcon", "infixIcon", "inputReadOnly", "locale", "maxDate", "minDate", "onEndDateChange", "onHide", "onStartDateChange", "onShow", "placeholder", "range", "ranges", "size", "startDate", "timepicker", "toggler", "visible"]);
+    var inputStartRef = useRef(null);
+    var inputEndRef = useRef(null);
+    var _g = useState(visible), _visible = _g[0], setVisible = _g[1];
+    var _h = useState(startDate ? new Date(startDate) : null), _startDate = _h[0], setStartDate = _h[1];
+    var _j = useState(endDate ? new Date(endDate) : null), _endDate = _j[0], setEndDate = _j[1];
+    var _k = useState(null), inputHoverValue = _k[0], setInputHoverValue = _k[1];
+    var _l = useState(null), inputToHoverValue = _l[0], setInputToHoverValue = _l[1];
+    var _m = useState(false), selectEndDate = _m[0], setSelectEndDate = _m[1];
+    var _o = useState(calendarDate ? new Date(calendarDate) : new Date()), _calendarDate = _o[0], setCalendarDate = _o[1];
     useEffect(function () {
-        _visible &&
-            setTimeout(function () {
-                window.addEventListener('mouseup', handleClickOutside);
-                window.addEventListener('keyup', handleKeyup);
-            });
-        return function () {
-            window.removeEventListener('mouseup', handleClickOutside);
-            window.removeEventListener('keyup', handleKeyup);
-        };
-    }, [_visible]);
+        startDate && setCalendarDate(new Date(startDate));
+    }, [startDate]);
     useEffect(function () {
-        setVisible(visible);
-    }, [visible]);
+        endDate && setCalendarDate(new Date(endDate));
+    }, [endDate]);
     useEffect(function () {
         _visible && onShow && onShow();
         !_visible && onHide && onHide();
     }, [_visible]);
-    var handleKeyup = function (event) {
-        var _a;
-        if (!((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
-            setVisible(false);
+    useEffect(function () {
+        if (inputStartRef.current) {
+            if (inputHoverValue) {
+                inputStartRef.current.value = convertToLocalDate(inputHoverValue, locale);
+                return;
+            }
+            if (_startDate) {
+                inputStartRef.current.value = timepicker
+                    ? _startDate.toLocaleString(locale)
+                    : _startDate.toLocaleDateString(locale);
+                return;
+            }
+            inputStartRef.current.value = '';
         }
+    }, [inputHoverValue, _startDate]);
+    useEffect(function () {
+        if (inputEndRef.current) {
+            if (inputToHoverValue) {
+                inputEndRef.current.value = convertToLocalDate(inputToHoverValue, locale);
+                return;
+            }
+            if (_endDate) {
+                inputEndRef.current.value = timepicker
+                    ? _endDate.toLocaleString(locale)
+                    : _endDate.toLocaleDateString(locale);
+                return;
+            }
+            inputEndRef.current.value = '';
+        }
+    }, [inputToHoverValue, _endDate]);
+    var handleCalendarDateChange = function (date, difference) {
+        difference
+            ? setCalendarDate(new Date(date.getFullYear(), date.getMonth() - difference, 1))
+            : setCalendarDate(date);
     };
-    var handleClickOutside = function (event) {
-        var _a;
-        if (!((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
-            setVisible(false);
+    var handleStartDateChange = function (date) {
+        setStartDate(date);
+        range && setSelectEndDate(true);
+        onStartDateChange && onStartDateChange(date);
+        setInputHoverValue(null);
+    };
+    var handleEndDateChange = function (date) {
+        setEndDate(date);
+        setSelectEndDate(false);
+        onEndDateChange && onEndDateChange(date);
+        setInputToHoverValue(null);
+        if (timepicker !== true) {
+            _startDate !== null && setVisible(false);
         }
     };
-    var dropdownContent = function () {
-        return variant === 'input-group' ? (React__default.createElement(React__default.Fragment, null, children)) : (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
+    var handleCalendarCellHover = function (date) {
+        selectEndDate ? setInputToHoverValue(date) : setInputHoverValue(date);
+    };
+    var handleClear = function (event) {
+        event.stopPropagation();
+        setStartDate(null);
+        setEndDate(null);
+        setInputHoverValue(null);
+        setInputToHoverValue(null);
     };
-    return popper ? (React__default.createElement(CDropdownContext.Provider, { value: contextValues },
-        React__default.createElement(Manager, null, dropdownContent()))) : (React__default.createElement(CDropdownContext.Provider, { value: contextValues }, dropdownContent()));
+    var _className = classNames$1('date-picker', className);
+    var InputGroup = function () { return (React__default$1.createElement(CInputGroup, { className: "picker-input-group", size: size },
+        React__default$1.createElement(CFormInput, { className: classNames$1({
+                hover: inputHoverValue,
+            }), disabled: disabled, placeholder: Array.isArray(placeholder) ? placeholder[0] : placeholder, readOnly: inputReadOnly, onClick: function () { return setSelectEndDate(false); }, ref: inputStartRef }),
+        range && infixIcon !== false && (React__default$1.createElement(CInputGroupText, null, infixIcon ? (infixIcon) : (React__default$1.createElement("span", { className: "picker-input-group-icon date-picker-arrow-icon" })))),
+        range && (React__default$1.createElement(CFormInput, { className: classNames$1({
+                hover: inputToHoverValue,
+            }), disabled: disabled, placeholder: placeholder[1], readOnly: inputReadOnly, onClick: function () { return setSelectEndDate(true); }, ref: inputEndRef })),
+        (defaultIcon !== false || cleaner) && (React__default$1.createElement(CInputGroupText, null,
+            defaultIcon !== false && (React__default$1.createElement("span", { className: "picker-input-group-indicator" }, defaultIcon ? (defaultIcon) : (React__default$1.createElement("span", { className: "picker-input-group-icon date-picker-input-icon" })))),
+            cleaner && _startDate && (React__default$1.createElement("span", { className: "picker-input-group-cleaner", role: "button", onClick: function (event) { return handleClear(event); } }, cleanerIcon ? (cleanerIcon) : (React__default$1.createElement("span", { className: "picker-input-group-icon date-picker-cleaner-icon" })))))))); };
+    return (React__default$1.createElement(CPicker, __assign$1({ className: _className, disabled: disabled, footer: timepicker, toggler: toggler ? toggler : InputGroup(), onCancelClick: function () {
+            handleStartDateChange(startDate ? new Date(startDate) : null);
+            handleEndDateChange(endDate ? new Date(endDate) : null);
+        }, visible: _visible }, rest, { ref: ref }),
+        React__default$1.createElement("div", { className: "date-picker-body" },
+            ranges && (React__default$1.createElement("div", { className: "date-picker-ranges" }, Object.keys(ranges).map(function (key, index) { return (React__default$1.createElement(CButton, { color: "secondary", key: index, onClick: function () {
+                    setStartDate(ranges[key][0]);
+                    setEndDate(ranges[key][1]);
+                }, variant: "ghost" }, key)); }))),
+            React__default$1.createElement("div", { className: "date-picker-calendars" }, __spreadArray([], Array(isMobile_1 ? 1 : calendars), true).map(function (_, index) { return (React__default$1.createElement("div", { className: "date-picker-calendar", key: index },
+                React__default$1.createElement(CCalendar, { calendarDate: new Date(_calendarDate.getFullYear(), _calendarDate.getMonth() + index, 1), disabledDates: disabledDates, endDate: _endDate, locale: locale, maxDate: maxDate, minDate: minDate, range: range, selectEndDate: selectEndDate, startDate: _startDate, onCalendarCellHover: function (date) { return handleCalendarCellHover(date); }, onCalendarDateChange: function (date) { return handleCalendarDateChange(date, index); }, onStartDateChange: function (date) { return handleStartDateChange(date); }, onEndDateChange: function (date) { return handleEndDateChange(date); } }),
+                !isMobile_1 && timepicker && (index === 0 || calendars - index === 1) && (React__default$1.createElement(CTimePicker, { container: "inline", disabled: index === 0
+                        ? _startDate === null
+                            ? true
+                            : false
+                        : _endDate === null
+                            ? true
+                            : false, locale: locale, onChange: function (_, __, date) {
+                        return index === 0 ? handleStartDateChange(date) : handleEndDateChange(date);
+                    }, value: index === 0 ? _startDate : _endDate, variant: "select" })),
+                isMobile_1 && timepicker && (React__default$1.createElement(React__default$1.Fragment, null,
+                    React__default$1.createElement(CTimePicker, { container: "inline", disabled: _startDate === null ? true : false, locale: locale, onChange: function (_, __, date) { return handleStartDateChange(date); }, value: _startDate, variant: "select" }),
+                    React__default$1.createElement(CTimePicker, { container: "inline", disabled: _endDate === null ? true : false, locale: locale, onChange: function (_, __, date) { return handleEndDateChange(date); }, value: _endDate, variant: "select" }))))); })))));
 });
-var alignmentDirection = PropTypes$1.oneOf(['start', 'end']);
-CDropdown.propTypes = {
-    // @ts-expect-error TODO: we have to find a solution
-    alignment: PropTypes$1.oneOfType([
-        alignmentDirection,
-        PropTypes$1.shape({ xs: alignmentDirection }),
-        PropTypes$1.shape({ sm: alignmentDirection }),
-        PropTypes$1.shape({ md: alignmentDirection }),
-        PropTypes$1.shape({ lg: alignmentDirection }),
-        PropTypes$1.shape({ xl: alignmentDirection }),
-        PropTypes$1.shape({ xxl: alignmentDirection }),
-    ]),
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    component: PropTypes$1.elementType,
-    dark: PropTypes$1.bool,
-    direction: PropTypes$1.oneOf(['dropup', 'dropend', 'dropstart']),
-    onHide: PropTypes$1.func,
-    onShow: PropTypes$1.func,
-    placement: placementPropType,
-    popper: PropTypes$1.bool,
-    variant: PropTypes$1.oneOf(['btn-group', 'dropdown', 'input-group', 'nav-item']),
-    visible: PropTypes$1.bool,
-};
-CDropdown.displayName = 'CDropdown';
+CDateRangePicker.displayName = 'CDateRangePicker';
+CDateRangePicker.propTypes = __assign$1(__assign$1(__assign$1({}, CCalendar.propTypes), CPicker.propTypes), { calendars: PropTypes$1.number, inputReadOnly: PropTypes$1.bool, placeholder: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.any)]), range: PropTypes$1.bool, ranges: PropTypes$1.object, timepicker: PropTypes$1.bool });
+
+var CDatePicker = forwardRef(function (_a, ref) {
+    var date = _a.date, onDateChange = _a.onDateChange, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select date' : _b, rest = __rest$1(_a, ["date", "onDateChange", "placeholder"]);
+    return (React__default$1.createElement(CDateRangePicker, __assign$1({ calendars: 1, startDate: date, onStartDateChange: onDateChange, placeholder: placeholder, range: false, ref: ref }, rest)));
+});
+CDatePicker.displayName = 'CDatePicker';
+CDatePicker.propTypes = __assign$1(__assign$1({}, CDateRangePicker.propTypes), { date: PropTypes$1.oneOfType([PropTypes$1.instanceOf(Date), PropTypes$1.string]), onDateChange: PropTypes$1.func });
 
 var CDropdownDivider = forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
     var _className = classNames$1('dropdown-divider', className);
-    return React__default.createElement("hr", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React__default$1.createElement("hr", __assign$1({ className: _className }, rest, { ref: ref }));
 });
 CDropdownDivider.propTypes = {
     className: PropTypes$1.string,
@@ -5725,7 +7711,7 @@ CDropdownDivider.displayName = 'CDropdownDivider';
 var CDropdownHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
     var _className = classNames$1('dropdown-header', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
     children: PropTypes$1.node,
@@ -5737,7 +7723,7 @@ CDropdownHeader.displayName = 'CDropdownHeader';
 var CDropdownItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, component = _b === void 0 ? 'a' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
     var _className = classNames$1('dropdown-item', className);
-    return (React__default.createElement(CLink, __assign$1({ component: component }, rest, { className: _className, ref: ref }), children));
+    return (React__default$1.createElement(CLink, __assign$1({ component: component }, rest, { className: _className, ref: ref }), children));
 });
 CDropdownItem.propTypes = {
     children: PropTypes$1.node,
@@ -5749,7 +7735,7 @@ CDropdownItem.displayName = 'CDropdownItem';
 var CDropdownItemPlain = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
     var _className = classNames$1('dropdown-item-text', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
     children: PropTypes$1.node,
@@ -5758,139 +7744,6 @@ CDropdownItemPlain.propTypes = {
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 
-var CDropdownMenu = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _c = useContext(CDropdownContext), alignment = _c.alignment, dark = _c.dark, direction = _c.direction, placement = _c.placement, popper = _c.popper, visible = _c.visible;
-    var _placement = placement;
-    if (direction === 'dropup') {
-        _placement = 'top-start';
-    }
-    if (direction === 'dropend') {
-        _placement = 'right-start';
-    }
-    if (direction === 'dropstart') {
-        _placement = 'left-start';
-    }
-    if (alignment === 'end') {
-        _placement = 'bottom-end';
-    }
-    var alignmentClassNames = function (alignment) {
-        var classNames = [];
-        if (typeof alignment === 'object') {
-            Object.keys(alignment).map(function (key) {
-                classNames.push("dropdown-menu".concat(key === 'xs' ? '' : "-".concat(key), "-").concat(alignment[key]));
-            });
-        }
-        if (typeof alignment === 'string') {
-            classNames.push("dropdown-menu-".concat(alignment));
-        }
-        return classNames;
-    };
-    var _className = classNames$1('dropdown-menu', {
-        'dropdown-menu-dark': dark,
-        show: visible,
-    }, alignment && alignmentClassNames(alignment), className);
-    var dropdownMenuComponent = function (style, ref) {
-        return (React__default.createElement(Component, __assign$1({ className: _className, ref: ref, style: style, role: "menu", "aria-hidden": !visible }, (!popper && { 'data-coreui-popper': 'static' }), rest), Component === 'ul'
-            ? React__default.Children.map(children, function (child, index) {
-                if (React__default.isValidElement(child)) {
-                    return React__default.createElement("li", { key: index }, React__default.cloneElement(child));
-                }
-                return;
-            })
-            : children));
-    };
-    return popper && visible ? (React__default.createElement(Popper, { placement: _placement }, function (_a) {
-        var ref = _a.ref, style = _a.style;
-        return dropdownMenuComponent(style, ref);
-    })) : (dropdownMenuComponent());
-};
-CDropdownMenu.propTypes = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    component: PropTypes$1.elementType,
-};
-CDropdownMenu.displayName = 'CDropdownMenu';
-
-var CDropdownToggle = function (_a) {
-    var children = _a.children, _b = _a.caret, caret = _b === void 0 ? true : _b, className = _a.className, split = _a.split, _c = _a.trigger, trigger = _c === void 0 ? 'click' : _c, rest = __rest$1(_a, ["children", "caret", "className", "split", "trigger"]);
-    var _d = useContext(CDropdownContext), popper = _d.popper, variant = _d.variant, visible = _d.visible, setVisible = _d.setVisible;
-    var _className = classNames$1({
-        'dropdown-toggle': caret,
-        'dropdown-toggle-split': split,
-        'nav-link': variant === 'nav-item',
-    }, className);
-    var triggers = __assign$1(__assign$1({}, ((trigger === 'click' || trigger.includes('click')) && {
-        onClick: function (event) {
-            event.preventDefault();
-            setVisible(!visible);
-        },
-    })), ((trigger === 'focus' || trigger.includes('focus')) && {
-        onFocus: function () { return setVisible(true); },
-        onBlur: function () { return setVisible(false); },
-    }));
-    var togglerProps = __assign$1({ className: _className, 'aria-expanded': visible }, triggers);
-    // 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 variant === 'nav-item' ? (React__default.createElement("a", __assign$1({ href: "#" }, togglerProps, { ref: ref }), children)) : (React__default.createElement(CButton, __assign$1({ type: "button" }, togglerProps, { tabIndex: 0 }, rest, { ref: ref }),
-            children,
-            split && React__default.createElement("span", { className: "visually-hidden" }, "Toggle Dropdown")));
-    };
-    return popper ? React__default.createElement(Reference, null, function (_a) {
-        var ref = _a.ref;
-        return Toggler(ref);
-    }) : Toggler();
-};
-CDropdownToggle.propTypes = {
-    caret: PropTypes$1.bool,
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    split: PropTypes$1.bool,
-    trigger: triggerPropType,
-};
-CDropdownToggle.displayName = 'CDropdownToggle';
-
-var CDropdownToggleCustom = function (_a) {
-    var children = _a.children, className = _a.className, disabled = _a.disabled, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, rest = __rest$1(_a, ["children", "className", "disabled", "trigger"]);
-    var _c = useContext(CDropdownContext), popper = _c.popper, visible = _c.visible, setVisible = _c.setVisible;
-    var _className = classNames$1(className);
-    var triggers = __assign$1(__assign$1(__assign$1({}, ((trigger === 'click' || trigger.includes('click')) &&
-        !disabled && {
-        onClick: function (event) {
-            event.preventDefault();
-            setVisible(!visible);
-        },
-    })), ((trigger === 'click-init' || trigger.includes('click-init')) &&
-        !disabled && {
-        onClick: function (event) {
-            event.preventDefault();
-            setVisible(true);
-        },
-    })), ((trigger === 'focus' || trigger.includes('focus')) &&
-        !disabled && {
-        onFocus: function () { return setVisible(true); },
-        onBlur: function () { return setVisible(false); },
-    }));
-    var togglerProps = __assign$1({ className: _className, 'aria-expanded': visible }, triggers);
-    // 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 (React__default.createElement("div", __assign$1({}, togglerProps, rest, { ref: ref }), children));
-    };
-    return popper ? React__default.createElement(Reference, null, function (_a) {
-        var ref = _a.ref;
-        return Toggler(ref);
-    }) : Toggler();
-};
-CDropdownToggleCustom.propTypes = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    disabled: PropTypes$1.bool,
-    trigger: triggerPropType,
-};
-CDropdownToggleCustom.displayName = 'CDropdownToggleCustom';
-
 var BREAKPOINTS$3 = [
     'xxl',
     'xl',
@@ -5928,7 +7781,7 @@ var CCol = forwardRef(function (_a, ref) {
         }
     });
     var _className = classNames$1(repsonsiveClassNames.length ? repsonsiveClassNames : 'col', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 var span = PropTypes$1.oneOfType([
     PropTypes$1.bool,
@@ -5973,7 +7826,7 @@ var CContainer = forwardRef(function (_a, ref) {
         breakpoint && repsonsiveClassNames.push("container-".concat(bp));
     });
     var _className = classNames$1(repsonsiveClassNames.length ? repsonsiveClassNames : 'container', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CContainer.propTypes = {
     children: PropTypes$1.node,
@@ -6018,7 +7871,7 @@ var CRow = forwardRef(function (_a, ref) {
         }
     });
     var _className = classNames$1('row', repsonsiveClassNames, className);
-    return (React__default.createElement("div", { className: _className, ref: ref }, children));
+    return (React__default$1.createElement("div", { className: _className, ref: ref }, children));
 });
 var bp = PropTypes$1.shape({
     cols: PropTypes$1.oneOfType([PropTypes$1.oneOf(['auto']), PropTypes$1.number, PropTypes$1.string]),
@@ -6042,7 +7895,7 @@ var CFooter = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, position = _a.position, rest = __rest$1(_a, ["children", "className", "position"]);
     var _className = classNames$1('footer', (_b = {}, _b["footer-".concat(position)] = position, _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFooter.propTypes = {
     children: PropTypes$1.node,
@@ -6054,7 +7907,7 @@ CFooter.displayName = 'CFooter';
 var CForm = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, validated = _a.validated, rest = __rest$1(_a, ["children", "className", "validated"]);
     var _className = classNames$1({ 'was-validated': validated }, className);
-    return (React__default.createElement("form", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("form", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CForm.propTypes = {
     children: PropTypes$1.node,
@@ -6066,7 +7919,7 @@ CForm.displayName = 'CForm';
 var CFormLabel = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, customClassName = _a.customClassName, rest = __rest$1(_a, ["children", "className", "customClassName"]);
     var _className = customClassName ? customClassName : classNames$1('form-label', className);
-    return (React__default.createElement("label", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("label", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFormLabel.propTypes = {
     children: PropTypes$1.node,
@@ -6101,16 +7954,16 @@ var CFormCheck = forwardRef(function (_a, ref) {
             _b), "".concat(button.shape))
         : 'form-check-label');
     var formControl = function () {
-        return React__default.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
+        return React__default$1.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
     };
     var formLabel = function () {
-        return (React__default.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
+        return (React__default$1.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
     };
-    return button ? (React__default.createElement(React__default.Fragment, null,
+    return button ? (React__default$1.createElement(React__default$1.Fragment, null,
         formControl(),
-        label && formLabel())) : label ? (hitArea ? (React__default.createElement(CFormLabel, __assign$1({ customClassName: className }, (id && { htmlFor: id })),
+        label && formLabel())) : label ? (hitArea ? (React__default$1.createElement(CFormLabel, __assign$1({ customClassName: className }, (id && { htmlFor: id })),
         formControl(),
-        label)) : (React__default.createElement("div", { className: _className },
+        label)) : (React__default$1.createElement("div", { className: _className },
         formControl(),
         formLabel()))) : (formControl());
 });
@@ -6135,7 +7988,7 @@ var CFormFeedback = forwardRef(function (_a, ref) {
         _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
         _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
         _b), className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
     children: PropTypes$1.node,
@@ -6150,7 +8003,7 @@ CFormFeedback.displayName = 'CFormFeedback';
 var CFormFloating = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('form-floating', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFormFloating.propTypes = {
     children: PropTypes$1.node,
@@ -6158,64 +8011,16 @@ CFormFloating.propTypes = {
 };
 CFormFloating.displayName = 'CFormFloating';
 
-var CFormInput = forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, invalid = _a.invalid, plainText = _a.plainText, size = _a.size, _c = _a.type, type = _c === void 0 ? 'text' : _c, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "invalid", "plainText", "size", "type", "valid"]);
-    var _className = classNames$1(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
-        _b["form-control-".concat(size)] = size,
-        _b['form-control-color'] = type === 'color',
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
-    return (React__default.createElement("input", __assign$1({ type: type, className: _className }, rest, { ref: ref }), children));
-});
-CFormInput.propTypes = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    invalid: PropTypes$1.bool,
-    plainText: PropTypes$1.bool,
-    size: PropTypes$1.oneOf(['sm', 'lg']),
-    type: PropTypes$1.oneOfType([PropTypes$1.oneOf(['color', 'file', 'text']), PropTypes$1.string]),
-    valid: PropTypes$1.bool,
-};
-CFormInput.displayName = 'CFormInput';
-
 var CFormRange = forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
     var _className = classNames$1('form-range', className);
-    return React__default.createElement("input", __assign$1({ type: "range", className: _className }, rest, { ref: ref }));
+    return React__default$1.createElement("input", __assign$1({ type: "range", className: _className }, rest, { ref: ref }));
 });
 CFormRange.propTypes = {
     className: PropTypes$1.string,
 };
 CFormRange.displayName = 'CFormRange';
 
-var CFormSelect = forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, htmlSize = _a.htmlSize, invalid = _a.invalid, options = _a.options, size = _a.size, valid = _a.valid, rest = __rest$1(_a, ["children", "className", "htmlSize", "invalid", "options", "size", "valid"]);
-    var _className = classNames$1('form-select', (_b = {},
-        _b["form-select-".concat(size)] = size,
-        _b['is-invalid'] = invalid,
-        _b['is-valid'] = valid,
-        _b), className);
-    return (React__default.createElement("select", __assign$1({ className: _className, size: htmlSize }, rest, { ref: ref }), options
-        ? options.map(function (option, index) {
-            return (React__default.createElement("option", __assign$1({}, (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 = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    htmlSize: PropTypes$1.number,
-    invalid: PropTypes$1.bool,
-    options: PropTypes$1.array,
-    size: PropTypes$1.oneOf(['sm', 'lg']),
-    valid: PropTypes$1.bool,
-};
-CFormSelect.displayName = 'CFormSelect';
-
 var CFormSwitch = forwardRef(function (_a, ref) {
     var _b;
     var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest$1(_a, ["className", "id", "invalid", "label", "size", "type", "valid"]);
@@ -6229,9 +8034,9 @@ var CFormSwitch = forwardRef(function (_a, ref) {
         'is-valid': valid,
     });
     var labelClassName = classNames$1('form-check-label');
-    return (React__default.createElement("div", { className: _className },
-        React__default.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
-        label && (React__default.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
+    return (React__default$1.createElement("div", { className: _className },
+        React__default$1.createElement("input", __assign$1({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
+        label && (React__default$1.createElement(CFormLabel, __assign$1({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
 });
 CFormSwitch.propTypes = {
     className: PropTypes$1.string,
@@ -6247,7 +8052,7 @@ CFormSwitch.displayName = 'CFormSwitch';
 var CFormText = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
     var _className = classNames$1('form-text', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
     children: PropTypes$1.node,
@@ -6262,7 +8067,7 @@ var CFormTextarea = forwardRef(function (_a, ref) {
         'is-invalid': invalid,
         'is-valid': valid,
     }, className);
-    return (React__default.createElement("textarea", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("textarea", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CFormTextarea.propTypes = {
     children: PropTypes$1.node,
@@ -6273,45 +8078,18 @@ CFormTextarea.propTypes = {
 };
 CFormTextarea.displayName = 'CFormTextarea';
 
-var CInputGroup = forwardRef(function (_a, ref) {
-    var _b;
-    var children = _a.children, className = _a.className, size = _a.size, rest = __rest$1(_a, ["children", "className", "size"]);
-    var _className = classNames$1('input-group', (_b = {},
-        _b["input-group-".concat(size)] = size,
-        _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
-});
-CInputGroup.propTypes = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    size: PropTypes$1.oneOf(['sm', 'lg']),
-};
-CInputGroup.displayName = 'CInputGroup';
-
-var CInputGroupText = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest$1(_a, ["children", "className", "component"]);
-    var _className = classNames$1('input-group-text', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
-});
-CInputGroupText.propTypes = {
-    children: PropTypes$1.node,
-    className: PropTypes$1.string,
-    component: PropTypes$1.elementType,
-};
-CInputGroupText.displayName = 'CInputGroupText';
-
 var CHeader = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, container = _a.container, position = _a.position, rest = __rest$1(_a, ["children", "className", "container", "position"]);
     var _className = classNames$1('header', (_b = {}, _b["header-".concat(position)] = position, _b), className);
     var content;
     if (container) {
-        content = (React__default.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
+        content = (React__default$1.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
     }
     else {
         content = children;
     }
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), content));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), content));
 });
 CHeader.propTypes = {
     children: PropTypes$1.node,
@@ -6334,7 +8112,7 @@ CHeader.displayName = 'CHeader';
 var CHeaderBrand = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('header-brand', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
     children: PropTypes$1.node,
@@ -6346,7 +8124,7 @@ CHeaderBrand.displayName = 'CHeaderBrand';
 var CHeaderDivider = forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
     var _className = classNames$1('header-divider', className);
-    return React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }));
 });
 CHeaderDivider.propTypes = {
     className: PropTypes$1.string,
@@ -6356,7 +8134,7 @@ CHeaderDivider.displayName = 'CHeaderDivider';
 var CHeaderNav = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('header-nav', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
     children: PropTypes$1.node,
@@ -6368,7 +8146,7 @@ CHeaderNav.displayName = 'CHeaderNav';
 var CHeaderText = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('header-text', className);
-    return (React__default.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CHeaderText.propTypes = {
     children: PropTypes$1.node,
@@ -6379,7 +8157,7 @@ CHeaderText.displayName = 'CHeaderText';
 var CHeaderToggler = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('header-toggler', className);
-    return (React__default.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default.createElement("span", { className: "header-toggler-icon" })));
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default$1.createElement("span", { className: "header-toggler-icon" })));
 });
 CHeaderToggler.propTypes = {
     children: PropTypes$1.node,
@@ -6397,7 +8175,7 @@ var CImage = forwardRef(function (_a, ref) {
         _b.rounded = rounded,
         _b['img-thumbnail'] = thumbnail,
         _b), className);
-    return React__default.createElement("img", __assign$1({ className: _className }, rest, { ref: ref }));
+    return React__default$1.createElement("img", __assign$1({ className: _className }, rest, { ref: ref }));
 });
 CImage.propTypes = {
     align: PropTypes$1.oneOf(['start', 'center', 'end']),
@@ -6416,7 +8194,7 @@ var CListGroup = forwardRef(function (_a, ref) {
         },
         _b["list-group-".concat(layout)] = layout,
         _b), className);
-    return (React__default.createElement(Component, { className: _className, ref: ref }, children));
+    return (React__default$1.createElement(Component, { className: _className, ref: ref }, children));
 });
 CListGroup.propTypes = {
     children: PropTypes$1.node,
@@ -6450,7 +8228,7 @@ var CListGroupItem = forwardRef(function (_a, ref) {
         component: component,
         ref: ref,
     })), (active && { 'aria-current': true })), (disabled && { 'aria-disabled': true })), rest);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest), children));
 });
 CListGroupItem.propTypes = {
     active: PropTypes$1.bool,
@@ -6465,8 +8243,8 @@ CListGroupItem.displayName = 'CListGroupItem';
 var CSpinner = 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$1(_a, ["className", "color", "component", "size", "variant", "visuallyHiddenLabel"]);
     var _className = classNames$1("spinner-".concat(variant), "text-".concat(color), size && "spinner-".concat(variant, "-").concat(size), className);
-    return (React__default.createElement(Component, __assign$1({ className: _className, role: "status" }, rest, { ref: ref }),
-        React__default.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className, role: "status" }, rest, { ref: ref }),
+        React__default$1.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
     className: PropTypes$1.string,
@@ -6494,8 +8272,8 @@ var CLoadingButton = forwardRef(function (_a, ref) {
         }
     };
     var _className = classNames$1('btn-loading', _loading && 'is-loading', className);
-    return (React__default.createElement(CButton, __assign$1({ className: _className }, (disabledOnLoading && _loading && { disabled: true }), { onClick: handleOnClick }, rest, { ref: ref }),
-        React__default.createElement(CSpinner, { className: "btn-loading-spinner", size: "sm", variant: spinnerType }),
+    return (React__default$1.createElement(CButton, __assign$1({ className: _className }, (disabledOnLoading && _loading && { disabled: true }), { onClick: handleOnClick }, rest, { ref: ref }),
+        React__default$1.createElement(CSpinner, { className: "btn-loading-spinner", size: "sm", variant: spinnerType }),
         children));
 });
 CLoadingButton.propTypes = {
@@ -6512,7 +8290,7 @@ CLoadingButton.displayName = 'CLoadingButton';
 var CModalContent = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('modal-content', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CModalContent.propTypes = {
     children: PropTypes$1.node,
@@ -6532,7 +8310,7 @@ var CModalDialog = forwardRef(function (_a, ref) {
         _b['modal-dialog-scrollable'] = scrollable,
         _b["modal-".concat(size)] = size,
         _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CModalDialog.propTypes = {
     alignment: PropTypes$1.oneOf(['top', 'center']),
@@ -6619,21 +8397,21 @@ var CModal = forwardRef(function (_a, ref) {
         }
     }, [modalRef, handleDismiss]);
     var modal = function (ref, transitionClass) {
-        return (React__default.createElement(CModalContext.Provider, { value: contextValues },
-            React__default.createElement("div", { className: classNames$1(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
-                React__default.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                    React__default.createElement(CModalContent, { ref: modalContentRef }, children)))));
+        return (React__default$1.createElement(CModalContext.Provider, { value: contextValues },
+            React__default$1.createElement("div", { className: classNames$1(_className, transitionClass), tabIndex: -1, role: "dialog", ref: ref },
+                React__default$1.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
+                    React__default$1.createElement(CModalContent, { ref: modalContentRef }, children)))));
     };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Transition$1, { in: _visible, mountOnEnter: true, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
+    return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: !transition ? 0 : duration }, function (state) {
             var transitionClass = getTransitionClass(state);
             return typeof window !== 'undefined' && portal
                 ? createPortal(modal(forkedRef, transitionClass), document.body)
                 : modal(forkedRef, transitionClass);
         }),
         typeof window !== 'undefined' && portal
-            ? backdrop && createPortal(React__default.createElement(CBackdrop, { visible: _visible }), document.body)
-            : backdrop && React__default.createElement(CBackdrop, { visible: _visible })));
+            ? backdrop && createPortal(React__default$1.createElement(CBackdrop, { visible: _visible }), document.body)
+            : backdrop && React__default$1.createElement(CBackdrop, { visible: _visible })));
 });
 CModal.propTypes = {
     alignment: PropTypes$1.oneOf(['top', 'center']),
@@ -6661,7 +8439,7 @@ CModal.displayName = 'CModal';
 var CModalBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('modal-body', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CModalBody.propTypes = {
     children: PropTypes$1.node,
@@ -6672,7 +8450,7 @@ CModalBody.displayName = 'CModalBody';
 var CModalFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('modal-footer', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CModalFooter.propTypes = {
     children: PropTypes$1.node,
@@ -6684,9 +8462,9 @@ var CModalHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.closeButton, closeButton = _b === void 0 ? true : _b, rest = __rest$1(_a, ["children", "className", "closeButton"]);
     var setVisible = useContext(CModalContext).setVisible;
     var _className = classNames$1('modal-header', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
         children,
-        closeButton && React__default.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
+        closeButton && React__default$1.createElement(CCloseButton, { onClick: function () { return setVisible(false); } })));
 });
 CModalHeader.propTypes = {
     children: PropTypes$1.node,
@@ -6698,7 +8476,7 @@ CModalHeader.displayName = 'CModalHeader';
 var CModalTitle = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('modal-title', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CModalTitle.propTypes = {
     children: PropTypes$1.node,
@@ -6709,7 +8487,7 @@ CModalTitle.displayName = 'CModalTitle';
 
 // TODO: check if component property is necessary.
 var CMultiSelectCleaner = forwardRef(function (props, ref) {
-    return (React__default.createElement("button", __assign$1({ type: "button", className: "form-multi-select-selection-cleaner" }, props, { ref: ref })));
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: "form-multi-select-selection-cleaner" }, props, { ref: ref })));
 });
 CMultiSelectCleaner.displayName = 'CMultiSelectCleaner';
 
@@ -6717,10 +8495,10 @@ var CMultiSelectNativeSelect = forwardRef(function (_a, ref) {
     var multiple = _a.multiple, options = _a.options, rest = __rest$1(_a, ["multiple", "options"]);
     var createNativeOptions = function (options) {
         return options.map(function (option, index) {
-            return option.options ? (React__default.createElement("optgroup", { label: option.label, key: index }, createNativeOptions(option.options))) : (React__default.createElement("option", { value: option.value, key: index, disabled: option.disabled }, option.text));
+            return option.options ? (React__default$1.createElement("optgroup", { label: option.label, key: index }, createNativeOptions(option.options))) : (React__default$1.createElement("option", { value: option.value, key: index, disabled: option.disabled }, option.text));
         });
     };
-    return (React__default.createElement("select", __assign$1({ multiple: multiple, tabIndex: -1, style: { display: 'none' } }, rest, { ref: ref }), options && createNativeOptions(options)));
+    return (React__default$1.createElement("select", __assign$1({ multiple: multiple, tabIndex: -1, style: { display: 'none' } }, rest, { ref: ref }), options && createNativeOptions(options)));
 });
 CMultiSelectNativeSelect.propTypes = {
     multiple: PropTypes$1.any,
@@ -6733,16 +8511,16 @@ var CMultiSelectOptions = forwardRef(function (_a, ref) {
     var handleOptionOnClick = _a.handleOptionOnClick, options = _a.options, optionsMaxHeight = _a.optionsMaxHeight, optionsStyle = _a.optionsStyle, searchNoResultsLabel = _a.searchNoResultsLabel;
     var createOptions = function (options) {
         return options.length > 0 ? (options.map(function (option, index) {
-            return option.options ? (React__default.createElement("div", { className: "form-multi-select-options", key: index },
-                React__default.createElement("div", { className: "form-multi-select-optgroup-label" }, option.label),
-                createOptions(option.options))) : (React__default.createElement("div", { className: classNames$1('form-multi-select-option', {
+            return option.options ? (React__default$1.createElement("div", { className: "form-multi-select-options", key: index },
+                React__default$1.createElement("div", { className: "form-multi-select-optgroup-label" }, option.label),
+                createOptions(option.options))) : (React__default$1.createElement("div", { className: classNames$1('form-multi-select-option', {
                     'form-multi-select-option-with-checkbox': optionsStyle === 'checkbox',
                     'form-multi-selected': option.selected,
                     disabled: option.disabled,
                 }), key: index, onClick: function () { return handleOptionOnClick && handleOptionOnClick(option); } }, option.text));
-        })) : (React__default.createElement("div", { className: "form-multi-select-options-empty" }, searchNoResultsLabel));
+        })) : (React__default$1.createElement("div", { className: "form-multi-select-options-empty" }, searchNoResultsLabel));
     };
-    return (React__default.createElement("div", __assign$1({ className: "form-multi-select-options" }, (optionsMaxHeight !== 'auto' && {
+    return (React__default$1.createElement("div", __assign$1({ className: "form-multi-select-options" }, (optionsMaxHeight !== 'auto' && {
         style: { maxHeight: optionsMaxHeight, overflow: 'scroll' },
     }), { ref: ref }), createOptions(options)));
 });
@@ -6758,7 +8536,7 @@ CMultiSelectOptions.displayName = 'CMultiSelectOptions';
 // TODO: check if component property is necessary.
 var CMultiSelectSearchInput = forwardRef(function (_a, ref) {
     var placeholder = _a.placeholder, rest = __rest$1(_a, ["placeholder"]);
-    return (React__default.createElement("input", __assign$1({ type: "text", className: "form-multi-select-search", placeholder: placeholder }, rest, { ref: ref })));
+    return (React__default$1.createElement("input", __assign$1({ type: "text", className: "form-multi-select-search", placeholder: placeholder }, rest, { ref: ref })));
 });
 CMultiSelectSearchInput.propTypes = {
     placeholder: PropTypes$1.string,
@@ -6768,7 +8546,7 @@ CMultiSelectSearchInput.displayName = 'CMultiSelectSearchInput';
 // TODO: check if component property is necessary.
 var CMultiSelectSelectAllButton = forwardRef(function (_a, ref) {
     var children = _a.children, rest = __rest$1(_a, ["children"]);
-    return (React__default.createElement("button", __assign$1({ type: "button", className: "form-multi-select-all" }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: "form-multi-select-all" }, rest, { ref: ref }), children));
 });
 CMultiSelectSelectAllButton.propTypes = {
     children: PropTypes$1.node,
@@ -6777,7 +8555,7 @@ CMultiSelectSelectAllButton.displayName = 'CMultiSelectSelectAllButton';
 
 var CMultiSelectSelection = forwardRef(function (_a, ref) {
     var multiple = _a.multiple, onRemove = _a.onRemove, search = _a.search, _b = _a.selected, selected = _b === void 0 ? [] : _b, selectionType = _a.selectionType, selectionTypeCounterText = _a.selectionTypeCounterText;
-    return (React__default.createElement("span", { className: "form-multi-select-selection", ref: ref },
+    return (React__default$1.createElement("span", { className: "form-multi-select-selection", ref: ref },
         multiple &&
             selectionType === 'counter' &&
             !search &&
@@ -6786,10 +8564,10 @@ var CMultiSelectSelection = forwardRef(function (_a, ref) {
             selectionType === 'tags' &&
             selected.map(function (option, index) {
                 if (selectionType === 'tags') {
-                    return (React__default.createElement("span", { className: "form-multi-select-tag", key: index },
+                    return (React__default$1.createElement("span", { className: "form-multi-select-tag", key: index },
                         option.text,
-                        !option.disabled && (React__default.createElement("button", { className: "form-multi-select-tag-delete close", "aria-label": "Close", onClick: function () { return onRemove && onRemove(option); } },
-                            React__default.createElement("span", { "aria-hidden": "true" }, "\u00D7")))));
+                        !option.disabled && (React__default$1.createElement("button", { className: "form-multi-select-tag-delete close", "aria-label": "Close", onClick: function () { return onRemove && onRemove(option); } },
+                            React__default$1.createElement("span", { "aria-hidden": "true" }, "\u00D7")))));
                 }
                 return;
             }),
@@ -6943,27 +8721,27 @@ var CMultiSelect = forwardRef(function (_a, ref) {
     var handleDeselectAll = function () {
         setOptions(toggleAllOptions(_options, false));
     };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(CMultiSelectNativeSelect, { multiple: multiple, options: _options, value: multiple
+    return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement(CMultiSelectNativeSelect, { multiple: multiple, options: _options, value: multiple
                 ? selected.map(function (option) { return option.value.toString(); })
                 : selected.map(function (option) { return option.value; })[0], onChange: function () { return onChange && onChange(selected); }, ref: nativeSelectRef }),
-        React__default.createElement("div", { className: _className, ref: forkedRef, onClick: function () {
+        React__default$1.createElement("div", { className: _className, ref: forkedRef, onClick: function () {
                 var _a;
                 setVisible(true);
                 search && ((_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus());
             } },
-            React__default.createElement(CMultiSelectSelection, { multiple: multiple, onRemove: function (option) { return handleOptionOnClick(option); }, search: search, selected: selected, selectionType: selectionType, selectionTypeCounterText: selectionTypeCounterText }),
-            multiple && cleaner && selected.length > 0 && (React__default.createElement(CMultiSelectCleaner, { onClick: function () { return handleDeselectAll(); } })),
-            search && (React__default.createElement(CMultiSelectSearchInput, __assign$1({}, (selected.length === 0 && { placeholder: placeholder }), (selected.length &&
+            React__default$1.createElement(CMultiSelectSelection, { multiple: multiple, onRemove: function (option) { return handleOptionOnClick(option); }, search: search, selected: selected, selectionType: selectionType, selectionTypeCounterText: selectionTypeCounterText }),
+            multiple && cleaner && selected.length > 0 && (React__default$1.createElement(CMultiSelectCleaner, { onClick: function () { return handleDeselectAll(); } })),
+            search && (React__default$1.createElement(CMultiSelectSearchInput, __assign$1({}, (selected.length === 0 && { placeholder: placeholder }), (selected.length &&
                 selectionType === 'counter' && {
                 placeholder: "".concat(selected.length, " ").concat(selectionTypeCounterText),
             }), (selected.length &&
                 !multiple && { placeholder: selected.map(function (option) { return option.text; })[0] }), { onChange: function (event) { return handleSearchChange(event); }, onKeyDown: function (event) { return handleSearchKeyDown(event); } }, (multiple &&
                 selected.length &&
                 selectionType !== 'counter' && { size: _search.length + 2 }), { ref: searchRef }))),
-            React__default.createElement("div", { className: "form-multi-select-dropdown" },
-                multiple && selectAll && (React__default.createElement(CMultiSelectSelectAllButton, { onClick: function () { return handleSelectAll(); } }, selectAllLabel)),
-                React__default.createElement(CMultiSelectOptions, { handleOptionOnClick: function (option) { return handleOptionOnClick(option); }, options: _vOptions, optionsMaxHeight: optionsMaxHeight, optionsStyle: optionsStyle, searchNoResultsLabel: searchNoResultsLabel })))));
+            React__default$1.createElement("div", { className: "form-multi-select-dropdown" },
+                multiple && selectAll && (React__default$1.createElement(CMultiSelectSelectAllButton, { onClick: function () { return handleSelectAll(); } }, selectAllLabel)),
+                React__default$1.createElement(CMultiSelectOptions, { handleOptionOnClick: function (option) { return handleOptionOnClick(option); }, options: _vOptions, optionsMaxHeight: optionsMaxHeight, optionsStyle: optionsStyle, searchNoResultsLabel: searchNoResultsLabel })))));
 });
 CMultiSelect.propTypes = {
     className: PropTypes$1.string,
@@ -6991,7 +8769,7 @@ var CNav = forwardRef(function (_a, ref) {
         _b["nav-".concat(layout)] = layout,
         _b["nav-".concat(variant)] = variant,
         _b), className);
-    return (React__default.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNav.propTypes = {
     children: PropTypes$1.node,
@@ -7005,7 +8783,7 @@ CNav.displayName = 'CNav';
 var CNavGroupItems = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('nav-group-items', className);
-    return (React__default.createElement("ul", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("ul", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CNavGroupItems.propTypes = {
     children: PropTypes$1.node,
@@ -7022,10 +8800,10 @@ var CSidebarNav = forwardRef(function (_a, ref) {
         setVisibleGroup: setVisibleGroup,
     };
     var classes = classNames$1('sidebar-nav', className);
-    return (React__default.createElement("ul", __assign$1({ className: classes, ref: ref }, rest),
-        React__default.createElement(CNavContext.Provider, { value: CNavContextValues }, React__default.Children.map(children, function (child, index) {
-            if (React__default.isValidElement(child)) {
-                return React__default.cloneElement(child, { key: index, idx: "".concat(index) });
+    return (React__default$1.createElement("ul", __assign$1({ className: classes, ref: ref }, rest),
+        React__default$1.createElement(CNavContext.Provider, { value: CNavContextValues }, React__default$1.Children.map(children, function (child, index) {
+            if (React__default$1.isValidElement(child)) {
+                return React__default$1.cloneElement(child, { key: index, idx: "".concat(index) });
             }
             return;
         }))));
@@ -7079,13 +8857,13 @@ var CNavGroup = forwardRef(function (_a, ref) {
         exited: { height: height },
     };
     var _className = classNames$1('nav-group', { show: _visible }, className);
-    return (React__default.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }),
-        toggler && (React__default.createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
-        React__default.createElement(Transition$1, { in: _visible, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React__default.createElement("ul", { className: classNames$1('nav-group-items', {
+    return (React__default$1.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }),
+        toggler && (React__default$1.createElement("a", { className: "nav-link nav-group-toggle", onClick: function (event) { return handleTogglerOnCLick(event); } }, toggler)),
+        React__default$1.createElement(Transition$1, { in: _visible, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, function (state) { return (React__default$1.createElement("ul", { className: classNames$1('nav-group-items', {
                 compact: compact,
-            }), style: __assign$1(__assign$1({}, style), transitionStyles[state]), ref: navItemsRef }, React__default.Children.map(children, function (child, index) {
-            if (React__default.isValidElement(child)) {
-                return React__default.cloneElement(child, { key: index, idx: "".concat(idx, ".").concat(index) });
+            }), style: __assign$1(__assign$1({}, style), transitionStyles[state]), ref: navItemsRef }, React__default$1.Children.map(children, function (child, index) {
+            if (React__default$1.isValidElement(child)) {
+                return React__default$1.cloneElement(child, { key: index, idx: "".concat(idx, ".").concat(index) });
             }
             return;
         }))); })));
@@ -7111,7 +8889,7 @@ var CNavLink = 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.createElement(CLink, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
+    return (React__default$1.createElement(CLink, __assign$1({ className: _className }, rest, { ref: forkedRef }), children));
 });
 CNavLink.propTypes = {
     children: PropTypes$1.node,
@@ -7124,9 +8902,9 @@ var CNavItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('nav-item', className);
     if (rest.href || rest.to) {
-        children = (React__default.createElement(CNavLink, __assign$1({ className: className }, rest), children));
+        children = (React__default$1.createElement(CNavLink, __assign$1({ className: className }, rest), children));
     }
-    return (React__default.createElement("li", { className: _className, ref: ref }, children));
+    return (React__default$1.createElement("li", { className: _className, ref: ref }, children));
 });
 CNavItem.propTypes = {
     children: PropTypes$1.node,
@@ -7137,7 +8915,7 @@ CNavItem.displayName = 'CNavItem';
 var CNavTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('nav-title', className);
-    return (React__default.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("li", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CNavTitle.propTypes = {
     children: PropTypes$1.node,
@@ -7155,12 +8933,12 @@ var CNavbar = forwardRef(function (_a, ref) {
         _b), placement, className);
     var content;
     if (container) {
-        content = (React__default.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
+        content = (React__default$1.createElement("div", { className: "container".concat(container !== true ? '-' + container : '') }, children));
     }
     else {
         content = children;
     }
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), content));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), content));
 });
 CNavbar.propTypes = {
     children: PropTypes$1.node,
@@ -7191,7 +8969,7 @@ var CNavbarBrand = forwardRef(function (_a, ref) {
     var children = _a.children, component = _a.component, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var Component = component ? component : rest.href ? 'a' : 'span';
     var _className = classNames$1('navbar-brand', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarBrand.propTypes = {
     children: PropTypes$1.node,
@@ -7203,7 +8981,7 @@ CNavbarBrand.displayName = 'CNavbarBrand';
 var CNavbarNav = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('navbar-nav', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className, role: "navigation" }, rest, { ref: ref }), children));
 });
 CNavbarNav.propTypes = {
     children: PropTypes$1.node,
@@ -7215,7 +8993,7 @@ CNavbarNav.displayName = 'CNavbarNav';
 var CNavbarText = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('navbar-text', className);
-    return (React__default.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("span", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CNavbarText.propTypes = {
     children: PropTypes$1.node,
@@ -7226,7 +9004,7 @@ CNavbarText.displayName = 'CNavbarText';
 var CNavbarToggler = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('navbar-toggler', className);
-    return (React__default.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default.createElement("span", { className: "navbar-toggler-icon" })));
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: _className }, rest, { ref: ref }), children ? children : React__default$1.createElement("span", { className: "navbar-toggler-icon" })));
 });
 CNavbarToggler.propTypes = {
     children: PropTypes$1.node,
@@ -7241,8 +9019,8 @@ var CPagination = forwardRef(function (_a, ref) {
         _b["justify-content-".concat(align)] = align,
         _b["pagination-".concat(size)] = size,
         _b), className);
-    return (React__default.createElement("nav", __assign$1({ ref: ref }, rest),
-        React__default.createElement("ul", { className: _className }, children)));
+    return (React__default$1.createElement("nav", __assign$1({ ref: ref }, rest),
+        React__default$1.createElement("ul", { className: _className }, children)));
 });
 CPagination.propTypes = {
     align: PropTypes$1.oneOf(['start', 'center', 'end']),
@@ -7259,7 +9037,7 @@ var CPaginationItem = forwardRef(function (_a, ref) {
         disabled: rest.disabled,
     }, className);
     var Component = component ? component : rest.active ? 'span' : 'a';
-    return (React__default.createElement("li", __assign$1({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React__default.createElement(CLink, __assign$1({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React__default.createElement(Component, { className: "page-link", ref: ref }, children))));
+    return (React__default$1.createElement("li", __assign$1({ className: _className }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React__default$1.createElement(CLink, __assign$1({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React__default$1.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
     children: PropTypes$1.node,
@@ -7269,7 +9047,7 @@ CPaginationItem.propTypes = {
 CPaginationItem.displayName = 'CPaginationItem';
 
 var CSmartPagination = forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, _c = _a.align, align = _c === void 0 ? 'start' : _c, _d = _a.arrows, arrows = _d === void 0 ? true : _d, _e = _a.dots, dots = _e === void 0 ? true : _e, _f = _a.doubleArrows, doubleArrows = _f === void 0 ? true : _f, _g = _a.firstButton, firstButton = _g === void 0 ? React__default.createElement(React__default.Fragment, null, "\u00AB") : _g, _h = _a.lastButton, lastButton = _h === void 0 ? React__default.createElement(React__default.Fragment, null, "\u00BB") : _h, _j = _a.limit, limit = _j === void 0 ? 5 : _j, _k = _a.nextButton, nextButton = _k === void 0 ? React__default.createElement(React__default.Fragment, null, "\u203A") : _k, onActivePageChange = _a.onActivePageChange, pages = _a.pages, _l = _a.previousButton, previousButton = _l === void 0 ? React__default.createElement(React__default.Fragment, null, "\u2039") : _l, size = _a.size, rest = __rest$1(_a, ["className", "activePage", "align", "arrows", "dots", "doubleArrows", "firstButton", "lastButton", "limit", "nextButton", "onActivePageChange", "pages", "previousButton", "size"]);
+    var className = _a.className, _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, _c = _a.align, align = _c === void 0 ? 'start' : _c, _d = _a.arrows, arrows = _d === void 0 ? true : _d, _e = _a.dots, dots = _e === void 0 ? true : _e, _f = _a.doubleArrows, doubleArrows = _f === void 0 ? true : _f, _g = _a.firstButton, firstButton = _g === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u00AB") : _g, _h = _a.lastButton, lastButton = _h === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u00BB") : _h, _j = _a.limit, limit = _j === void 0 ? 5 : _j, _k = _a.nextButton, nextButton = _k === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u203A") : _k, onActivePageChange = _a.onActivePageChange, pages = _a.pages, _l = _a.previousButton, previousButton = _l === void 0 ? React__default$1.createElement(React__default$1.Fragment, null, "\u2039") : _l, size = _a.size, rest = __rest$1(_a, ["className", "activePage", "align", "arrows", "dots", "doubleArrows", "firstButton", "lastButton", "limit", "nextButton", "onActivePageChange", "pages", "previousButton", "size"]);
     useEffect(function () {
         pages < activePage && onActivePageChange(pages, true);
     }, [pages]);
@@ -7320,16 +9098,16 @@ var CSmartPagination = forwardRef(function (_a, ref) {
             onActivePageChange(number);
         }
     };
-    return (React__default.createElement(CPagination, __assign$1({ className: _classNames, "aria-label": "pagination", size: size }, rest, { ref: ref }),
-        doubleArrows && (React__default.createElement(CPaginationItem, { onClick: function () { return setPage(1); }, "aria-label": "Go to first page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, firstButton)),
-        arrows && (React__default.createElement(CPaginationItem, { onClick: function () { return setPage(activePage - 1); }, "aria-label": "Go to previous page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, previousButton)),
-        beforeDots && (React__default.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
+    return (React__default$1.createElement(CPagination, __assign$1({ className: _classNames, "aria-label": "pagination", size: size }, rest, { ref: ref }),
+        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(1); }, "aria-label": "Go to first page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, firstButton)),
+        arrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(activePage - 1); }, "aria-label": "Go to previous page", "aria-disabled": activePage === 1, disabled: activePage === 1 }, previousButton)),
+        beforeDots && (React__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
         items.map(function (i) {
-            return (React__default.createElement(CPaginationItem, { onClick: function () { return setPage(i); }, "aria-label": activePage === i ? "Current page ".concat(i) : "Go to page ".concat(i), active: activePage === i, key: i }, i));
+            return (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(i); }, "aria-label": activePage === i ? "Current page ".concat(i) : "Go to page ".concat(i), active: activePage === i, key: i }, i));
         }),
-        afterDots && (React__default.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
-        arrows && (React__default.createElement(CPaginationItem, { onClick: function () { return setPage(activePage + 1); }, "aria-label": "Go to next page", "aria-disabled": activePage === pages, disabled: activePage === pages }, nextButton)),
-        doubleArrows && (React__default.createElement(CPaginationItem, { onClick: function () { return setPage(pages); }, "aria-label": "Go to last page", "aria-disabled": activePage === pages, disabled: activePage === pages }, lastButton))));
+        afterDots && (React__default$1.createElement(CPaginationItem, { role: "separator", disabled: true }, "\u2026")),
+        arrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(activePage + 1); }, "aria-label": "Go to next page", "aria-disabled": activePage === pages, disabled: activePage === pages }, nextButton)),
+        doubleArrows && (React__default$1.createElement(CPaginationItem, { onClick: function () { return setPage(pages); }, "aria-label": "Go to last page", "aria-disabled": activePage === pages, disabled: activePage === pages }, lastButton))));
 });
 CSmartPagination.propTypes = {
     className: PropTypes$1.oneOfType([PropTypes$1.string]),
@@ -7376,7 +9154,7 @@ var CPlaceholder = forwardRef(function (_a, ref) {
         _b["bg-".concat(color)] = color,
         _b["placeholder-".concat(size)] = size,
         _b), repsonsiveClassNames, className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CPlaceholder.propTypes = {
     animation: PropTypes$1.oneOf(['glow', 'wave']),
@@ -7400,10 +9178,10 @@ var CPopover = function (_a) {
                     ? 'fade'
                     : 'fade';
     };
-    return (React__default.createElement(Manager, null,
-        React__default.createElement(Reference, null, function (_a) {
+    return (React__default$1.createElement(Manager, null,
+        React__default$1.createElement(Reference, null, function (_a) {
             var ref = _a.ref;
-            return React__default.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: ref }, ((trigger === 'click' || trigger.includes('click')) && {
+            return React__default$1.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: ref }, ((trigger === 'click' || trigger.includes('click')) && {
                 onClick: function () { return setVisible(!_visible); },
             })), ((trigger === 'focus' || trigger.includes('focus')) && {
                 onFocus: function () { return setVisible(true); },
@@ -7414,12 +9192,12 @@ var CPopover = function (_a) {
             })));
         }),
         typeof window !== 'undefined' &&
-            createPortal(React__default.createElement(Transition$1, { in: _visible, onEnter: onShow, onExit: onHide, mountOnEnter: true, timeout: {
+            createPortal(React__default$1.createElement(Transition$1, { in: _visible, onEnter: onShow, onExit: onHide, mountOnEnter: true, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.createElement(Popper, { placement: placement, modifiers: [
+                return (React__default$1.createElement(Popper, { placement: placement, modifiers: [
                         {
                             name: 'offset',
                             options: {
@@ -7428,10 +9206,10 @@ var CPopover = function (_a) {
                         },
                     ] }, function (_a) {
                     var arrowProps = _a.arrowProps, style = _a.style, ref = _a.ref;
-                    return (React__default.createElement("div", __assign$1({ className: classNames$1("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: ref, role: "tooltip", style: style }, rest),
-                        React__default.createElement("div", __assign$1({ className: "popover-arrow" }, arrowProps)),
-                        React__default.createElement("div", { className: "popover-header" }, title),
-                        React__default.createElement("div", { className: "popover-body" }, content)));
+                    return (React__default$1.createElement("div", __assign$1({ className: classNames$1("popover bs-popover-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: ref, role: "tooltip", style: style }, rest),
+                        React__default$1.createElement("div", __assign$1({ className: "popover-arrow" }, arrowProps)),
+                        React__default$1.createElement("div", { className: "popover-header" }, title),
+                        React__default$1.createElement("div", { className: "popover-body" }, content)));
                 }));
             }), document.body)));
 };
@@ -7456,7 +9234,7 @@ var CProgressBar = forwardRef(function (_a, ref) {
         _b["progress-bar-".concat(variant)] = variant,
         _b['progress-bar-animated'] = animated,
         _b), className);
-    return (React__default.createElement("div", __assign$1({ className: _className, role: "progressbar", style: { width: "".concat(value, "%") }, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ 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$1.bool,
@@ -7474,7 +9252,7 @@ var CProgress = forwardRef(function (_a, ref) {
         'progress-thin': thin,
         'progress-white': white,
     }, className);
-    return (React__default.createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React__default.createElement(CProgressBar, __assign$1({ value: value }, rest), children)) : (children)));
+    return (React__default$1.createElement("div", { className: _className, style: height ? { height: "".concat(height, "px") } : {}, ref: ref }, value ? (React__default$1.createElement(CProgressBar, __assign$1({ value: value }, rest), children)) : (children)));
 });
 CProgress.propTypes = {
     children: PropTypes$1.node,
@@ -7578,11 +9356,11 @@ var CSidebar = forwardRef(function (_a, ref) {
         _b.show = _visible === true && mobile,
         _b.hide = _visible === false && !mobile,
         _b), className);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: forkedRef }), children),
+    return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: forkedRef }), children),
         typeof window !== 'undefined' &&
             mobile &&
-            createPortal(React__default.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
+            createPortal(React__default$1.createElement(CBackdrop, { className: "sidebar-backdrop", visible: _visible }), document.body)));
 });
 CSidebar.propTypes = {
     children: PropTypes$1.node,
@@ -7642,19 +9420,19 @@ var COffcanvas = forwardRef(function (_a, ref) {
         }
     }, [ref, handleDismiss]);
     var offcanvas = function (ref, state) {
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", __assign$1({ className: _className, role: "dialog", style: __assign$1({}, transitionStyles[state]), tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
+        return (React__default$1.createElement(React__default$1.Fragment, null,
+            React__default$1.createElement("div", __assign$1({ className: _className, role: "dialog", style: __assign$1({}, transitionStyles[state]), tabIndex: -1, onKeyDown: handleKeyDown }, rest, { ref: ref }), children)));
     };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Transition$1, { in: _visible, 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__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement(Transition$1, { in: _visible, 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
                 ? createPortal(offcanvas(forkedRef, state), document.body)
                 : offcanvas(forkedRef, state);
         }),
         typeof window !== 'undefined' && portal
             ? backdrop &&
-                createPortal(React__default.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }), document.body)
-            : backdrop && (React__default.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
+                createPortal(React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }), document.body)
+            : backdrop && (React__default$1.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleDismiss, visible: _visible }))));
 });
 COffcanvas.propTypes = {
     backdrop: PropTypes$1.bool,
@@ -7674,7 +9452,7 @@ COffcanvas.displayName = 'COffcanvas';
 var COffcanvasBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('offcanvas-body', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasBody.propTypes = {
     children: PropTypes$1.node,
@@ -7685,7 +9463,7 @@ COffcanvasBody.displayName = 'COffcanvasBody';
 var COffcanvasHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('offcanvas-header', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasHeader.propTypes = {
     children: PropTypes$1.node,
@@ -7696,7 +9474,7 @@ COffcanvasHeader.displayName = 'COffcanvasHeader';
 var COffcanvasTitle = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'h5' : _b, className = _a.className, rest = __rest$1(_a, ["children", "component", "className"]);
     var _className = classNames$1('offcanvas-title', className);
-    return (React__default.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement(Component, __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 COffcanvasTitle.propTypes = {
     children: PropTypes$1.node,
@@ -7708,7 +9486,7 @@ COffcanvasTitle.displayName = 'COffcanvasTitle';
 var CSidebarBrand = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('sidebar-brand', className);
-    return (React__default.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
     children: PropTypes$1.node,
@@ -7719,7 +9497,7 @@ CSidebarBrand.displayName = 'CSidebarBrand';
 var CSidebarFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('sidebar-footer', className);
-    return (React__default.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
 });
 CSidebarFooter.propTypes = {
     children: PropTypes$1.node,
@@ -7730,7 +9508,7 @@ CSidebarFooter.displayName = 'CSidebarFooter';
 var CSidebarToggler = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('sidebar-toggler', className);
-    return (React__default.createElement("button", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React__default$1.createElement("button", __assign$1({ className: _className, ref: ref }, rest), children));
 });
 CSidebarToggler.propTypes = {
     children: PropTypes$1.node,
@@ -7741,7 +9519,7 @@ CSidebarToggler.displayName = 'CSidebarToggler';
 var CSidebarHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('sidebar-header', className);
-    return (React__default.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className, ref: ref }, rest), children));
 });
 CSidebarHeader.propTypes = {
     children: PropTypes$1.node,
@@ -7793,13 +9571,13 @@ var CElementCover = forwardRef(function (_a, ref) {
     var classes = classNames$1(className);
     var containerCoords = __assign$1({ top: 0, left: 0, right: 0, bottom: 0 }, customBoundaries);
     var coverStyles = __assign$1(__assign$1({}, containerCoords), { position: 'absolute', backgroundColor: "rgb(255,255,255,".concat(opacity, ")") });
-    return (React__default.createElement("div", __assign$1({ className: classes, style: coverStyles }, rest, { ref: forkedRef }), children || (React__default.createElement("div", { style: {
+    return (React__default$1.createElement("div", __assign$1({ className: classes, style: coverStyles }, rest, { ref: forkedRef }), children || (React__default$1.createElement("div", { style: {
             position: 'absolute',
             top: '50%',
             left: '50%',
             transform: 'translateX(-50%) translateY(-50%)',
         } },
-        React__default.createElement(CSpinner, { variant: "grow", color: "primary" })))));
+        React__default$1.createElement(CSpinner, { variant: "grow", color: "primary" })))));
 });
 CElementCover.propTypes = {
     boundaries: PropTypes$1.array,
@@ -7823,8 +9601,8 @@ var CTable = forwardRef(function (_a, ref) {
         _b['table-sm'] = small,
         _b['table-striped'] = striped,
         _b), className);
-    return responsive ? (React__default.createElement("div", { className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) },
-        React__default.createElement("table", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children))) : (React__default.createElement("table", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return responsive ? (React__default$1.createElement("div", { className: typeof responsive === 'boolean' ? 'table-responsive' : "table-responsive-".concat(responsive) },
+        React__default$1.createElement("table", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children))) : (React__default$1.createElement("table", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTable.propTypes = {
     align: PropTypes$1.oneOf(['bottom', 'middle', 'top']),
@@ -7851,7 +9629,7 @@ var CTableFoot = forwardRef(function (_a, ref) {
     var _className = classNames$1((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("tfoot", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("tfoot", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableFoot.propTypes = {
     children: PropTypes$1.node,
@@ -7866,7 +9644,7 @@ var CTableBody = forwardRef(function (_a, ref) {
     var _className = classNames$1((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("tbody", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("tbody", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableBody.propTypes = {
     children: PropTypes$1.node,
@@ -7883,7 +9661,7 @@ var CTableRow = forwardRef(function (_a, ref) {
         _b['table-active'] = active,
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("tr", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("tr", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableRow.propTypes = {
     active: PropTypes$1.bool,
@@ -7902,7 +9680,7 @@ var CTableDataCell = forwardRef(function (_a, ref) {
         _b['table-active'] = active,
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("td", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("td", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableDataCell.propTypes = {
     active: PropTypes$1.bool,
@@ -7927,37 +9705,37 @@ var CSmartTableBody = forwardRef(function (_a, ref) {
         return rawColumnNames[children.indexOf(clickedCell)];
     };
     var colspan = selectable ? rawColumnNames.length + 1 : rawColumnNames.length;
-    return (React__default.createElement(CTableBody, __assign$1({}, (clickableRows && {
+    return (React__default$1.createElement(CTableBody, __assign$1({}, (clickableRows && {
         style: { cursor: 'pointer' },
     }), rest, { ref: ref }),
         currentItems.map(function (item, trIndex) {
-            return (React__default.createElement(React__default.Fragment, { key: trIndex },
-                React__default.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), (clickableRows && { tabIndex: 0 }), { onClick: function (event) {
+            return (React__default$1.createElement(React__default$1.Fragment, { key: trIndex },
+                React__default$1.createElement(CTableRow, __assign$1({}, (item._props && __assign$1({}, item._props)), (clickableRows && { tabIndex: 0 }), { onClick: function (event) {
                         return onRowClick &&
                             onRowClick(item, trIndex + firstItemOnActivePageIndex, getColumnName(event), event);
                     } }),
-                    selectable && (React__default.createElement(CTableDataCell, null,
-                        React__default.createElement(CFormCheck, { checked: item._selected ? item._selected : false, onChange: function (event) {
+                    selectable && (React__default$1.createElement(CTableDataCell, null,
+                        React__default$1.createElement(CFormCheck, { checked: item._selected ? item._selected : false, onChange: function (event) {
                                 return onRowChecked && onRowChecked(item._id, event.target.checked);
                             } }))),
                     rawColumnNames.map(function (colName, index) {
                         return ((scopedColumns &&
                             scopedColumns[colName] &&
-                            React__default.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
+                            React__default$1.cloneElement(scopedColumns[colName](item, trIndex + firstItemOnActivePageIndex), {
                                 key: index,
-                            })) || (React__default.createElement(CTableDataCell, __assign$1({}, tableDataCellProps(item, colName), { key: index }), String(item[colName]))));
+                            })) || (React__default$1.createElement(CTableDataCell, __assign$1({}, tableDataCellProps(item, colName), { key: index }), String(item[colName]))));
                     })),
-                scopedColumns && scopedColumns.details && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(CTableRow, null,
-                        React__default.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
-                    React__default.createElement(CTableRow, { onClick: function (event) {
+                scopedColumns && scopedColumns.details && (React__default$1.createElement(React__default$1.Fragment, null,
+                    React__default$1.createElement(CTableRow, null,
+                        React__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { borderBottomWidth: 0 }, tabIndex: -1 })),
+                    React__default$1.createElement(CTableRow, { onClick: function (event) {
                             return onRowClick &&
                                 onRowClick(item, trIndex + firstItemOnActivePageIndex, getColumnName(event), true);
                         }, className: "p-0", key: "details".concat(trIndex) },
-                        React__default.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
+                        React__default$1.createElement(CTableDataCell, { colSpan: colspan, className: "p-0", style: { border: 0 } }, scopedColumns.details(item, trIndex + firstItemOnActivePageIndex)))))));
         }),
-        !currentItems.length && (React__default.createElement(CTableRow, null,
-            React__default.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
+        !currentItems.length && (React__default$1.createElement(CTableRow, null,
+            React__default$1.createElement(CTableDataCell, { colSpan: colspan }, noItemsLabel)))));
 });
 CSmartTableBody.propTypes = {
     clickableRows: PropTypes$1.bool,
@@ -9185,8 +10963,8 @@ var CIcon = forwardRef(function (_a, ref) {
         if (Array.isArray(_icon)) {
             return _icon;
         }
-        if (typeof _icon === 'string' && React__default['icons']) {
-            return React__default['icons'][iconName];
+        if (typeof _icon === 'string' && React__default$1['icons']) {
+            return React__default$1['icons'][iconName];
         }
     }, [change]);
     var iconCode = useMemo(function () {
@@ -9205,8 +10983,8 @@ var CIcon = forwardRef(function (_a, ref) {
             _b["icon-".concat(size)] = size,
             _b["icon-custom-size"] = height || width,
             _b), className);
-    return use ? (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
-        React__default.createElement("use", { href: use }))) : (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref })));
+    return use ? (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
+        React__default$1.createElement("use", { href: use }))) : (React__default$1.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, className: _className }, (height && { height: height }), (width && { width: width }), { role: "img", dangerouslySetInnerHTML: { __html: titleCode + iconCode } }, rest, { ref: ref })));
 });
 CIcon.propTypes = {
     className: PropTypes.string,
@@ -9237,8 +11015,8 @@ CIcon.propTypes = {
 CIcon.displayName = 'CIcon';
 
 var CSmartTableCleaner = forwardRef(function (_a, ref) {
-    var _b = _a.content, content = _b === void 0 ? React__default.createElement(CIcon, { width: 18, icon: cilFilterX }) : _b, isFiltered = _a.isFiltered, rest = __rest$1(_a, ["content", "isFiltered"]);
-    return (React__default.createElement("button", __assign$1({ type: "button", className: "btn btn-transparent" }, (!isFiltered && {
+    var _b = _a.content, content = _b === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilFilterX }) : _b, isFiltered = _a.isFiltered, rest = __rest$1(_a, ["content", "isFiltered"]);
+    return (React__default$1.createElement("button", __assign$1({ type: "button", className: "btn btn-transparent" }, (!isFiltered && {
         disabled: true,
         tabIndex: -1,
     }), rest, { ref: ref }), content));
@@ -9251,10 +11029,10 @@ CSmartTableCleaner.displayName = 'CSmartTableCleaner';
 
 var CSmartTableFilter = forwardRef(function (_a, ref) {
     var filterLabel = _a.filterLabel, filterPlaceholder = _a.filterPlaceholder, value = _a.value, rest = __rest$1(_a, ["filterLabel", "filterPlaceholder", "value"]);
-    return (React__default.createElement("div", { className: "row mb-2" },
-        React__default.createElement(CFormLabel, { className: "col-sm-auto col-form-label" }, filterLabel),
-        React__default.createElement("div", { className: "col-sm-auto" },
-            React__default.createElement(CFormInput, __assign$1({ placeholder: filterPlaceholder, value: value }, rest, { ref: ref })))));
+    return (React__default$1.createElement("div", { className: "row mb-2" },
+        React__default$1.createElement(CFormLabel, { className: "col-sm-auto col-form-label" }, filterLabel),
+        React__default$1.createElement("div", { className: "col-sm-auto" },
+            React__default$1.createElement(CFormInput, __assign$1({ placeholder: filterPlaceholder, value: value }, rest, { ref: ref })))));
 });
 CSmartTableFilter.propTypes = {
     filterLabel: PropTypes$1.string,
@@ -9269,7 +11047,7 @@ var CTableHead = forwardRef(function (_a, ref) {
     var _className = classNames$1((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("thead", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("thead", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHead.propTypes = {
     children: PropTypes$1.node,
@@ -9284,7 +11062,7 @@ var CTableHeaderCell = forwardRef(function (_a, ref) {
     var _className = classNames$1((_b = {},
         _b["table-".concat(color)] = color,
         _b), className);
-    return (React__default.createElement("th", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("th", __assign$1({ className: _className ? _className : undefined }, rest, { ref: ref }), children));
 });
 CTableHeaderCell.propTypes = {
     children: PropTypes$1.node,
@@ -9341,13 +11119,13 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
     };
     var columnSorterIcon = function (column) {
         if (getColumnSorterState(key(column)) === 0) {
-            return React__default.createElement("span", { className: "opacity-25 float-end me-1" }, sortingIcon);
+            return React__default$1.createElement("span", { className: "opacity-25 float-end me-1" }, sortingIcon);
         }
         if (getColumnSorterState(key(column)) === 'asc') {
-            return React__default.createElement("span", { className: "float-end me-1" }, sortingIconAscending);
+            return React__default$1.createElement("span", { className: "float-end me-1" }, sortingIconAscending);
         }
         if (getColumnSorterState(key(column)) === 'desc') {
-            return React__default.createElement("span", { className: "float-end me-1" }, sortingIconDescending);
+            return React__default$1.createElement("span", { className: "float-end me-1" }, sortingIconDescending);
         }
         return;
     };
@@ -9362,13 +11140,13 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
                 checkboxRef.current.indeterminate = false;
         }
     }, [selectAll]);
-    return (React__default.createElement(Component, __assign$1({}, rest, { ref: ref }),
-        React__default.createElement(CTableRow, null,
-            selectable && (React__default.createElement(CTableHeaderCell, null,
-                React__default.createElement(CFormCheck, { checked: typeof selectAll === 'boolean' ? selectAll : false, onChange: function () { return handleSelectAllChecked && handleSelectAllChecked(); }, ref: checkboxRef }))),
+    return (React__default$1.createElement(Component, __assign$1({}, rest, { ref: ref }),
+        React__default$1.createElement(CTableRow, null,
+            selectable && (React__default$1.createElement(CTableHeaderCell, null,
+                React__default$1.createElement(CFormCheck, { checked: typeof selectAll === 'boolean' ? selectAll : false, onChange: function () { return handleSelectAllChecked && handleSelectAllChecked(); }, ref: checkboxRef }))),
             columns.map(function (column, index) {
-                return (React__default.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { onClick: function () { return handleSort && handleSort(key(column), index); }, style: tableHeaderCellStyles(column), key: index }),
-                    React__default.createElement("div", { className: "d-inline" }, label(column)),
+                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { onClick: function () { return handleSort && handleSort(key(column), index); }, style: tableHeaderCellStyles(column), key: index }),
+                    React__default$1.createElement("div", { className: "d-inline" }, label(column)),
                     columnSorter &&
                         (typeof column !== 'object'
                             ? true
@@ -9377,14 +11155,14 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
                                 : column.sorter) &&
                         columnSorterIcon(column)));
             })),
-        columnFilter && (React__default.createElement(CTableRow, null,
-            selectable && React__default.createElement(CTableHeaderCell, null),
+        columnFilter && (React__default$1.createElement(CTableRow, null,
+            selectable && React__default$1.createElement(CTableHeaderCell, null),
             columns.map(function (column, index) {
-                return (React__default.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { key: index }), (typeof column !== 'object'
+                return (React__default$1.createElement(CTableHeaderCell, __assign$1({}, tableHeaderCellProps(column), { key: index }), (typeof column !== 'object'
                     ? true
                     : typeof column.filter === 'undefined'
                         ? true
-                        : column.filter) && (React__default.createElement(CFormInput, { size: "sm", onInput: function (event) {
+                        : column.filter) && (React__default$1.createElement(CFormInput, { size: "sm", onInput: function (event) {
                         return handleFilterOnInput &&
                             handleFilterOnInput(key(column), event.target.value);
                     }, onChange: function (event) {
@@ -9417,12 +11195,12 @@ CSmartTableHead.displayName = 'CSmartTableHead';
 
 var CSmartTableItemsPerPageSelector = forwardRef(function (_a, ref) {
     var itemsPerPage = _a.itemsPerPage, itemsPerPageLabel = _a.itemsPerPageLabel, itemsPerPageOptions = _a.itemsPerPageOptions, rest = __rest$1(_a, ["itemsPerPage", "itemsPerPageLabel", "itemsPerPageOptions"]);
-    return (React__default.createElement("div", { className: "row" },
-        React__default.createElement(CFormLabel, { className: "col-auto col-form-label" }, itemsPerPageLabel),
-        React__default.createElement("div", { className: "col-auto" },
-            React__default.createElement(CFormSelect, __assign$1({ defaultValue: itemsPerPage }, rest, { ref: ref }), itemsPerPageOptions &&
+    return (React__default$1.createElement("div", { className: "row" },
+        React__default$1.createElement(CFormLabel, { className: "col-auto col-form-label" }, itemsPerPageLabel),
+        React__default$1.createElement("div", { className: "col-auto" },
+            React__default$1.createElement(CFormSelect, __assign$1({ defaultValue: itemsPerPage }, rest, { ref: ref }), itemsPerPageOptions &&
                 itemsPerPageOptions.map(function (number, index) {
-                    return (React__default.createElement("option", { value: number, key: index }, number));
+                    return (React__default$1.createElement("option", { value: number, key: index }, number));
                 })))));
 });
 CSmartTableItemsPerPageSelector.propTypes = {
@@ -9434,7 +11212,7 @@ CSmartTableItemsPerPageSelector.displayName = 'CSmartTableItemsPerPageSelector';
 
 var CSmartTable = forwardRef(function (_a, ref) {
     var _b = _a.activePage, activePage = _b === void 0 ? 1 : _b, cleaner = _a.cleaner, clickableRows = _a.clickableRows, columnFilter = _a.columnFilter, columnFilterValue = _a.columnFilterValue, // TODO: consider to use only columnFilter prop
-    columns = _a.columns, columnSorter = _a.columnSorter, footer = _a.footer, _c = _a.header, header = _c === void 0 ? true : _c, items = _a.items, _d = _a.itemsPerPage, itemsPerPage = _d === void 0 ? 10 : _d, _e = _a.itemsPerPageLabel, itemsPerPageLabel = _e === void 0 ? 'Items per page:' : _e, _f = _a.itemsPerPageOptions, itemsPerPageOptions = _f === void 0 ? [5, 10, 20, 50] : _f, itemsPerPageSelect = _a.itemsPerPageSelect, loading = _a.loading, _g = _a.noItemsLabel, noItemsLabel = _g === void 0 ? 'No items found' : _g, onActivePageChange = _a.onActivePageChange, onColumnFilterChange = _a.onColumnFilterChange, onFilteredItemsChange = _a.onFilteredItemsChange, onItemsPerPageChange = _a.onItemsPerPageChange, onRowClick = _a.onRowClick, onSelectedItemsChange = _a.onSelectedItemsChange, onSorterChange = _a.onSorterChange, onTableFilterChange = _a.onTableFilterChange, pagination = _a.pagination, paginationProps = _a.paginationProps, scopedColumns = _a.scopedColumns, selectable = _a.selectable, sorterValue = _a.sorterValue, _h = _a.sortingIcon, sortingIcon = _h === void 0 ? React__default.createElement(CIcon, { width: 18, icon: cilSwapVertical, key: "csv" }) : _h, _j = _a.sortingIconAscending, sortingIconAscending = _j === void 0 ? React__default.createElement(CIcon, { width: 18, icon: cilArrowTop, key: "cat" }) : _j, _k = _a.sortingIconDescending, sortingIconDescending = _k === void 0 ? React__default.createElement(CIcon, { width: 18, icon: cilArrowBottom, key: "cab" }) : _k, tableBodyProps = _a.tableBodyProps, tableFootProps = _a.tableFootProps, tableFilter = _a.tableFilter, _l = _a.tableFilterLabel, tableFilterLabel = _l === void 0 ? 'Filter:' : _l, _m = _a.tableFilterPlaceholder, tableFilterPlaceholder = _m === void 0 ? 'type string...' : _m, tableFilterValue = _a.tableFilterValue, // TODO: consider to use only tableFilter prop
+    columns = _a.columns, columnSorter = _a.columnSorter, footer = _a.footer, _c = _a.header, header = _c === void 0 ? true : _c, items = _a.items, _d = _a.itemsPerPage, itemsPerPage = _d === void 0 ? 10 : _d, _e = _a.itemsPerPageLabel, itemsPerPageLabel = _e === void 0 ? 'Items per page:' : _e, _f = _a.itemsPerPageOptions, itemsPerPageOptions = _f === void 0 ? [5, 10, 20, 50] : _f, itemsPerPageSelect = _a.itemsPerPageSelect, loading = _a.loading, _g = _a.noItemsLabel, noItemsLabel = _g === void 0 ? 'No items found' : _g, onActivePageChange = _a.onActivePageChange, onColumnFilterChange = _a.onColumnFilterChange, onFilteredItemsChange = _a.onFilteredItemsChange, onItemsPerPageChange = _a.onItemsPerPageChange, onRowClick = _a.onRowClick, onSelectedItemsChange = _a.onSelectedItemsChange, onSorterChange = _a.onSorterChange, onTableFilterChange = _a.onTableFilterChange, pagination = _a.pagination, paginationProps = _a.paginationProps, scopedColumns = _a.scopedColumns, selectable = _a.selectable, sorterValue = _a.sorterValue, _h = _a.sortingIcon, sortingIcon = _h === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilSwapVertical, key: "csv" }) : _h, _j = _a.sortingIconAscending, sortingIconAscending = _j === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowTop, key: "cat" }) : _j, _k = _a.sortingIconDescending, sortingIconDescending = _k === void 0 ? React__default$1.createElement(CIcon, { width: 18, icon: cilArrowBottom, key: "cab" }) : _k, tableBodyProps = _a.tableBodyProps, tableFootProps = _a.tableFootProps, tableFilter = _a.tableFilter, _l = _a.tableFilterLabel, tableFilterLabel = _l === void 0 ? 'Filter:' : _l, _m = _a.tableFilterPlaceholder, tableFilterPlaceholder = _m === void 0 ? 'type string...' : _m, tableFilterValue = _a.tableFilterValue, // TODO: consider to use only tableFilter prop
     tableHeadProps = _a.tableHeadProps, tableProps = _a.tableProps, rest = __rest$1(_a, ["activePage", "cleaner", "clickableRows", "columnFilter", "columnFilterValue", "columns", "columnSorter", "footer", "header", "items", "itemsPerPage", "itemsPerPageLabel", "itemsPerPageOptions", "itemsPerPageSelect", "loading", "noItemsLabel", "onActivePageChange", "onColumnFilterChange", "onFilteredItemsChange", "onItemsPerPageChange", "onRowClick", "onSelectedItemsChange", "onSorterChange", "onTableFilterChange", "pagination", "paginationProps", "scopedColumns", "selectable", "sorterValue", "sortingIcon", "sortingIconAscending", "sortingIconDescending", "tableBodyProps", "tableFootProps", "tableFilter", "tableFilterLabel", "tableFilterPlaceholder", "tableFilterValue", "tableHeadProps", "tableProps"]);
     // instance data
     var _o = useState(activePage), _activePage = _o[0], setActivePage = _o[1];
@@ -9653,33 +11431,33 @@ var CSmartTable = forwardRef(function (_a, ref) {
             }
         }
     }, [_items]);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", __assign$1({}, rest, { ref: ref }), (itemsPerPageSelect || tableFilter || cleaner) && (React__default.createElement("div", { className: "row my-2 mx-0" }, (tableFilter || cleaner) && (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: "col-auto p-0" }, tableFilter && (React__default.createElement(CSmartTableFilter, { filterLabel: tableFilterLabel, filterPlaceholder: tableFilterPlaceholder, onInput: function (e) {
+    return (React__default$1.createElement(React__default$1.Fragment, null,
+        React__default$1.createElement("div", __assign$1({}, rest, { ref: ref }), (itemsPerPageSelect || tableFilter || cleaner) && (React__default$1.createElement("div", { className: "row my-2 mx-0" }, (tableFilter || cleaner) && (React__default$1.createElement(React__default$1.Fragment, null,
+            React__default$1.createElement("div", { className: "col-auto p-0" }, tableFilter && (React__default$1.createElement(CSmartTableFilter, { filterLabel: tableFilterLabel, filterPlaceholder: tableFilterPlaceholder, onInput: function (e) {
                     tableFilterChange(e.target.value, 'input');
                 }, onChange: function (e) {
                     tableFilterChange(e.target.value, 'change');
                 }, value: tableFilterState || '' }))),
-            React__default.createElement("div", { className: "col-auto p-0" }, cleaner && (React__default.createElement(CSmartTableCleaner, { isFiltered: isFiltered, onClick: function () { return clean(); }, onKeyUp: function (event) {
+            React__default$1.createElement("div", { className: "col-auto p-0" }, cleaner && (React__default$1.createElement(CSmartTableCleaner, { isFiltered: isFiltered, onClick: function () { return clean(); }, onKeyUp: function (event) {
                     if (event.key === 'Enter')
                         clean();
                 } })))))))),
-        React__default.createElement("div", { className: "position-relative" },
-            React__default.createElement(CTable, __assign$1({}, tableProps),
-                header && (React__default.createElement(CSmartTableHead, __assign$1({}, tableHeadProps, { columnFilter: columnFilter, columnFilterState: columnFilterState, columns: columns ? columns : rawColumnNames, columnSorter: columnSorter, selectable: selectable, selectAll: selectedAll, sorterState: sorterState, sortingIcon: sortingIcon, sortingIconAscending: sortingIconAscending, sortingIconDescending: sortingIconDescending, handleSort: function (key, index) { return sorterChange(key, index); }, handleFilterOnChange: function (key, event) { return columnFilterChange(key, event, 'change'); }, handleFilterOnInput: function (key, event) { return columnFilterChange(key, event, 'input'); }, handleSelectAllChecked: function () { return handleSelectAllChecked(); } }))),
-                React__default.createElement(CSmartTableBody, __assign$1({ currentItems: currentItems, firstItemOnActivePageIndex: firstItemOnActivePageIndex, noItemsLabel: noItemsLabel, onRowClick: function (item, index, columnName, event) {
+        React__default$1.createElement("div", { className: "position-relative" },
+            React__default$1.createElement(CTable, __assign$1({}, tableProps),
+                header && (React__default$1.createElement(CSmartTableHead, __assign$1({}, tableHeadProps, { columnFilter: columnFilter, columnFilterState: columnFilterState, columns: columns ? columns : rawColumnNames, columnSorter: columnSorter, selectable: selectable, selectAll: selectedAll, sorterState: sorterState, sortingIcon: sortingIcon, sortingIconAscending: sortingIconAscending, sortingIconDescending: sortingIconDescending, handleSort: function (key, index) { return sorterChange(key, index); }, handleFilterOnChange: function (key, event) { return columnFilterChange(key, event, 'change'); }, handleFilterOnInput: function (key, event) { return columnFilterChange(key, event, 'input'); }, handleSelectAllChecked: function () { return handleSelectAllChecked(); } }))),
+                React__default$1.createElement(CSmartTableBody, __assign$1({ currentItems: currentItems, firstItemOnActivePageIndex: firstItemOnActivePageIndex, noItemsLabel: noItemsLabel, onRowClick: function (item, index, columnName, event) {
                         return clickableRows && onRowClick && onRowClick(item, index, columnName, event);
                     }, onRowChecked: function (id, value) { return handleRowChecked(id, value); }, rawColumnNames: rawColumnNames, scopedColumns: scopedColumns, selectable: selectable }, tableBodyProps)),
-                footer && (React__default.createElement(CSmartTableHead, __assign$1({ component: CTableFoot }, tableFootProps, { columnFilter: false, columnSorter: false, columns: columns ? columns : rawColumnNames, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, selectable: selectable, selectAll: selectedAll })))),
-            loading && (React__default.createElement(CElementCover, { boundaries: [
+                footer && (React__default$1.createElement(CSmartTableHead, __assign$1({ component: CTableFoot }, tableFootProps, { columnFilter: false, columnSorter: false, columns: columns ? columns : rawColumnNames, handleSelectAllChecked: function () { return handleSelectAllChecked(); }, selectable: selectable, selectAll: selectedAll })))),
+            loading && (React__default$1.createElement(CElementCover, { boundaries: [
                     { sides: ['top'], query: 'td' },
                     { sides: ['bottom'], query: 'tbody' },
                 ] }))),
-        (pagination || itemsPerPageSelect) && (React__default.createElement("div", { className: "row" },
-            React__default.createElement("div", { className: "col" }, pagination && numberOfPages > 1 && (React__default.createElement(CSmartPagination, __assign$1({}, paginationProps, { onActivePageChange: function (page) {
+        (pagination || itemsPerPageSelect) && (React__default$1.createElement("div", { className: "row" },
+            React__default$1.createElement("div", { className: "col" }, pagination && numberOfPages > 1 && (React__default$1.createElement(CSmartPagination, __assign$1({}, paginationProps, { onActivePageChange: function (page) {
                     setActivePage(page);
                 }, pages: numberOfPages, activePage: _activePage })))),
-            React__default.createElement("div", { className: "col-auto ms-auto" }, itemsPerPageSelect && (React__default.createElement(CSmartTableItemsPerPageSelector, { itemsPerPage: _itemsPerPage, itemsPerPageLabel: itemsPerPageLabel, itemsPerPageOptions: itemsPerPageOptions, onChange: function (event) { return itemsPerPageChange(event); } })))))));
+            React__default$1.createElement("div", { className: "col-auto ms-auto" }, itemsPerPageSelect && (React__default$1.createElement(CSmartTableItemsPerPageSelector, { itemsPerPage: _itemsPerPage, itemsPerPageLabel: itemsPerPageLabel, itemsPerPageOptions: itemsPerPageOptions, onChange: function (event) { return itemsPerPageChange(event); } })))))));
 });
 CSmartTable.propTypes = {
     activePage: PropTypes$1.number,
@@ -9727,7 +11505,7 @@ CSmartTable.displayName = 'CSmartTable';
 
 var CTableCaption = forwardRef(function (_a, ref) {
     var children = _a.children, props = __rest$1(_a, ["children"]);
-    return (React__default.createElement("caption", __assign$1({}, props, { ref: ref }), children));
+    return (React__default$1.createElement("caption", __assign$1({}, props, { ref: ref }), children));
 });
 CTableCaption.propTypes = {
     children: PropTypes$1.node,
@@ -9737,7 +11515,7 @@ CTableCaption.displayName = 'CTableCaption';
 var CTabContent = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('tab-content', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CTabContent.propTypes = {
     children: PropTypes$1.node,
@@ -9753,9 +11531,9 @@ var CTabPane = forwardRef(function (_a, ref) {
     var _className = classNames$1('tab-pane', 'fade', {
         active: visible,
     }, className);
-    return (React__default.createElement(Transition$1, { in: visible, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: visible, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) {
         var transitionClass = getTransitionClass(state);
-        return (React__default.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: ref }), children));
+        return (React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass) }, rest, { ref: ref }), children));
     }));
 });
 CTabPane.propTypes = {
@@ -9808,10 +11586,10 @@ var CToast = forwardRef(function (_a, ref) {
                     ? 'showing'
                     : 'fade';
     };
-    return (React__default.createElement(Transition$1, { in: _visible, onEnter: function () { return onShow && onShow(index ? index : null); }, onExited: function () { return onClose && onClose(index ? index : null); }, timeout: 250, unmountOnExit: true }, function (state) {
+    return (React__default$1.createElement(Transition$1, { in: _visible, 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.createElement(CToastContext.Provider, { value: contextValues },
-            React__default.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide; } }, rest, { key: key, ref: ref }), children)));
+        return (React__default$1.createElement(CToastContext.Provider, { value: contextValues },
+            React__default$1.createElement("div", __assign$1({ className: classNames$1(_className, transitionClass), "aria-live": "assertive", "aria-atomic": "true", role: "alert", onMouseEnter: function () { return clearTimeout(timeout.current); }, onMouseLeave: function () { return _autohide; } }, rest, { key: key, ref: ref }), children)));
     }));
 });
 CToast.propTypes = {
@@ -9832,7 +11610,7 @@ CToast.displayName = 'CToast';
 var CToastBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
     var _className = classNames$1('toast-body', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }), children));
 });
 CToastBody.propTypes = {
     children: PropTypes$1.node,
@@ -9843,7 +11621,7 @@ CToastBody.displayName = 'CToastBody';
 var CToastClose = forwardRef(function (_a, ref) {
     var children = _a.children, Component = _a.component, rest = __rest$1(_a, ["children", "component"]);
     var setVisible = useContext(CToastContext).setVisible;
-    return Component ? (React__default.createElement(Component, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React__default.createElement(CCloseButton, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
+    return Component ? (React__default$1.createElement(Component, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React__default$1.createElement(CCloseButton, __assign$1({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
 CToastClose.propTypes = __assign$1(__assign$1({}, CCloseButton.propTypes), { component: PropTypes$1.elementType });
 CToastClose.displayName = 'CToastClose';
@@ -9851,9 +11629,9 @@ CToastClose.displayName = 'CToastClose';
 var CToastHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, closeButton = _a.closeButton, rest = __rest$1(_a, ["children", "className", "closeButton"]);
     var _className = classNames$1('toast-header', className);
-    return (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+    return (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
         children,
-        closeButton && React__default.createElement(CToastClose, null)));
+        closeButton && React__default$1.createElement(CToastClose, null)));
 });
 CToastHeader.propTypes = {
     children: PropTypes$1.node,
@@ -9872,7 +11650,7 @@ var CToaster = forwardRef(function (_a, ref) {
     }, [push]);
     var addToast = function (push) {
         setToasts(function (state) { return __spreadArray(__spreadArray([], state, true), [
-            React__default.cloneElement(push, {
+            React__default$1.cloneElement(push, {
                 index: index.current,
                 key: index.current,
                 onClose: function (index) {
@@ -9891,9 +11669,9 @@ var CToaster = forwardRef(function (_a, ref) {
         'end-0': placement && placement.includes('end'),
     }, className);
     var toaster = function (ref) {
-        return toasts.length > 0 || children ? (React__default.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
+        return toasts.length > 0 || children ? (React__default$1.createElement("div", __assign$1({ className: _className }, rest, { ref: ref }),
             children,
-            toasts.map(function (toast) { return React__default.cloneElement(toast, { visible: true }); }))) : null;
+            toasts.map(function (toast) { return React__default$1.cloneElement(toast, { visible: true }); }))) : null;
     };
     return typeof window !== 'undefined' && placement
         ? createPortal(toaster(ref), document.body)
@@ -9932,10 +11710,10 @@ var CTooltip = function (_a) {
                     ? 'fade'
                     : 'fade';
     };
-    return (React__default.createElement(Manager, null,
-        React__default.createElement(Reference, null, function (_a) {
+    return (React__default$1.createElement(Manager, null,
+        React__default$1.createElement(Reference, null, function (_a) {
             var ref = _a.ref;
-            return React__default.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: ref }, ((trigger === 'click' || trigger.includes('click')) && {
+            return React__default$1.cloneElement(children, __assign$1(__assign$1(__assign$1({ ref: ref }, ((trigger === 'click' || trigger.includes('click')) && {
                 onClick: function () { return setVisible(!_visible); },
             })), ((trigger === 'focus' || trigger.includes('focus')) && {
                 onFocus: function () { return setVisible(true); },
@@ -9946,16 +11724,16 @@ var CTooltip = function (_a) {
             })));
         }),
         typeof window !== 'undefined' &&
-            createPortal(React__default.createElement(Transition$1, { in: _visible, mountOnEnter: true, onEnter: onShow, onExit: onHide, timeout: {
+            createPortal(React__default$1.createElement(Transition$1, { in: _visible, mountOnEnter: true, onEnter: onShow, onExit: onHide, timeout: {
                     enter: 0,
                     exit: 200,
                 }, unmountOnExit: true }, function (state) {
                 var transitionClass = getTransitionClass(state);
-                return (React__default.createElement(Popper, { placement: placement }, function (_a) {
+                return (React__default$1.createElement(Popper, { placement: placement }, function (_a) {
                     var arrowProps = _a.arrowProps, style = _a.style, ref = _a.ref;
-                    return (React__default.createElement("div", __assign$1({ className: classNames$1("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: ref, role: "tooltip", style: style }, rest),
-                        React__default.createElement("div", __assign$1({ className: "tooltip-arrow" }, arrowProps)),
-                        React__default.createElement("div", { className: "tooltip-inner" }, content)));
+                    return (React__default$1.createElement("div", __assign$1({ className: classNames$1("tooltip bs-tooltip-".concat(placement === 'left' ? 'start' : placement === 'right' ? 'end' : placement), transitionClass), ref: ref, role: "tooltip", style: style }, rest),
+                        React__default$1.createElement("div", __assign$1({ className: "tooltip-arrow" }, arrowProps)),
+                        React__default$1.createElement("div", { className: "tooltip-inner" }, content)));
                 }));
             }), document.body)));
 };
@@ -9974,11 +11752,11 @@ var CWidgetStatsA = 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$1(_a, ["action", "chart", "className", "color", "title", "value"]);
     var _className = classNames$1((_b = {}, _b["bg-".concat(color)] = color, _b['text-high-emphasis-inverse'] = color, _b), className);
-    return (React__default.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
-            React__default.createElement("div", null,
-                value && React__default.createElement("div", { className: "fs-4 fw-semibold" }, value),
-                title && React__default.createElement("div", null, title)),
+    return (React__default$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
+            React__default$1.createElement("div", null,
+                value && React__default$1.createElement("div", { className: "fs-4 fw-semibold" }, value),
+                title && React__default$1.createElement("div", null, title)),
             action),
         chart));
 });
@@ -9994,12 +11772,12 @@ CWidgetStatsA.displayName = 'CWidgetStatsA';
 
 var CWidgetStatsB = 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$1(_a, ["className", "color", "inverse", "progress", "text", "title", "value"]);
-    return (React__default.createElement(CCard, __assign$1({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
-        React__default.createElement(CCardBody, null,
-            value && React__default.createElement("div", { className: "fs-4 fw-semibold" }, value),
-            title && React__default.createElement("div", null, title),
-            React__default.createElement(CProgress, __assign$1({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
-            text && (React__default.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
+    return (React__default$1.createElement(CCard, __assign$1({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
+        React__default$1.createElement(CCardBody, null,
+            value && React__default$1.createElement("div", { className: "fs-4 fw-semibold" }, value),
+            title && React__default$1.createElement("div", null, title),
+            React__default$1.createElement(CProgress, __assign$1({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
+            text && (React__default$1.createElement("small", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, text)))));
 });
 CWidgetStatsB.propTypes = {
     className: PropTypes$1.string,
@@ -10014,12 +11792,12 @@ CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
 
 var CWidgetStatsC = 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$1(_a, ["className", "color", "icon", "inverse", "progress", "title", "value"]);
-    return (React__default.createElement(CCard, __assign$1({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
-        React__default.createElement(CCardBody, null,
-            icon && (React__default.createElement("div", { className: "text-medium-emphasis".concat(inverse ? '-inverse' : '', " text-end mb-4") }, icon)),
-            value && (React__default.createElement("div", { className: "text-high-emphasis".concat(inverse ? '-inverse' : '', " fs-4 fw-semibold") }, value)),
-            title && (React__default.createElement("div", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, title)),
-            React__default.createElement(CProgress, __assign$1({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
+    return (React__default$1.createElement(CCard, __assign$1({ className: className, color: color }, (inverse && { textColor: 'high-emphasis-inverse' }), rest, { ref: ref }),
+        React__default$1.createElement(CCardBody, null,
+            icon && (React__default$1.createElement("div", { className: "text-medium-emphasis".concat(inverse ? '-inverse' : '', " text-end mb-4") }, icon)),
+            value && (React__default$1.createElement("div", { className: "text-high-emphasis".concat(inverse ? '-inverse' : '', " fs-4 fw-semibold") }, value)),
+            title && (React__default$1.createElement("div", { className: inverse ? 'text-medium-emphasis-inverse' : 'text-medium-emphasis' }, title)),
+            React__default$1.createElement(CProgress, __assign$1({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
 });
 CWidgetStatsC.propTypes = {
     className: PropTypes$1.string,
@@ -10039,17 +11817,17 @@ var CWidgetStatsD = forwardRef(function (_a, ref) {
     var classNameHeader = classNames$1('position-relative d-flex justify-content-center align-items-center', (_b = {},
         _b["bg-".concat(color)] = color,
         _b));
-    return (React__default.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CCardHeader, { className: classNameHeader },
+    return (React__default$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CCardHeader, { className: classNameHeader },
             icon,
             chart),
-        React__default.createElement(CCardBody, { className: "row text-center" }, values &&
+        React__default$1.createElement(CCardBody, { className: "row text-center" }, values &&
             values.map(function (value, index) {
-                return (React__default.createElement(React__default.Fragment, { key: index },
-                    index % 2 !== 0 && React__default.createElement("div", { className: "vr" }),
-                    React__default.createElement(CCol, null,
-                        React__default.createElement("div", { className: "fs-5 fw-semibold" }, value.value),
-                        React__default.createElement("div", { className: "text-uppercase text-medium-emphasis small" }, value.title))));
+                return (React__default$1.createElement(React__default$1.Fragment, { key: index },
+                    index % 2 !== 0 && React__default$1.createElement("div", { className: "vr" }),
+                    React__default$1.createElement(CCol, null,
+                        React__default$1.createElement("div", { className: "fs-5 fw-semibold" }, value.value),
+                        React__default$1.createElement("div", { className: "text-uppercase text-medium-emphasis small" }, value.title))));
             }))));
 });
 CWidgetStatsD.propTypes = {
@@ -10064,10 +11842,10 @@ CWidgetStatsD.displayName = 'CWidgetStatsD';
 var CWidgetStatsE = forwardRef(function (_a, ref) {
     var chart = _a.chart, className = _a.className, title = _a.title, value = _a.value, rest = __rest$1(_a, ["chart", "className", "title", "value"]);
     var _className = classNames$1(className);
-    return (React__default.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CCardBody, { className: "text-center" },
-            title && (React__default.createElement("div", { className: "text-medium-emphasis small text-uppercase fw-semibold" }, title)),
-            value && React__default.createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
+    return (React__default$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CCardBody, { className: "text-center" },
+            title && (React__default$1.createElement("div", { className: "text-medium-emphasis small text-uppercase fw-semibold" }, title)),
+            value && React__default$1.createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
             chart)));
 });
 CWidgetStatsE.propTypes = {
@@ -10082,13 +11860,13 @@ CWidgetStatsE.displayName = 'CWidgetStatsE';
 var CWidgetStatsF = 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$1(_a, ["className", "color", "footer", "icon", "padding", "title", "value"]);
     var _className = classNames$1(className);
-    return (React__default.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
-        React__default.createElement(CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
-            React__default.createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
-            React__default.createElement("div", null,
-                React__default.createElement("div", { className: "fs-6 fw-semibold text-".concat(color) }, value),
-                React__default.createElement("div", { className: "text-medium-emphasis text-uppercase fw-semibold small" }, title))),
-        footer && React__default.createElement(CCardFooter, null, footer)));
+    return (React__default$1.createElement(CCard, __assign$1({ className: _className }, rest, { ref: ref }),
+        React__default$1.createElement(CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
+            React__default$1.createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
+            React__default$1.createElement("div", null,
+                React__default$1.createElement("div", { className: "fs-6 fw-semibold text-".concat(color) }, value),
+                React__default$1.createElement("div", { className: "text-medium-emphasis text-uppercase fw-semibold small" }, title))),
+        footer && React__default$1.createElement(CCardFooter, null, footer)));
 });
 CWidgetStatsF.propTypes = {
     className: PropTypes$1.string,
@@ -10101,5 +11879,5 @@ CWidgetStatsF.propTypes = {
 };
 CWidgetStatsF.displayName = 'CWidgetStatsF';
 
-export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CDropdownToggleCustom, CFooter, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSmartPagination, CSmartTable, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCalendar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CContainer, CDatePicker, CDateRangePicker, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CLoadingButton, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CMultiSelect, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSmartPagination, CSmartTable, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CTimePicker, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF };
 //# sourceMappingURL=index.es.js.map