ui-kit-ck-consultant 0.5.116 → 0.5.120

package/dist/index.modern.js

@@ -336,6 +336,7 @@ var FormTextarea = /*#__PURE__*/function (_React$Component) {
       className: "red"
     }, "*") : '') : '', /*#__PURE__*/React.createElement("textarea", {
       onKeyDown: this.handleKeyDown,
+      onBlur: this.props.onBlur,
       rows: this.props.rows,
       cols: this.props.cols,
       className: style$3.form_textarea,
@@ -354,7 +355,9 @@ var FormTextarea = /*#__PURE__*/function (_React$Component) {
   return FormTextarea;
 }(React.Component);
 
-var style$4 = {"form_select_container":"_1CaIX","form_select":"_6hnFm","form_select_error":"_1T4KB"};
+var style$4 = {"form_range_container":"_FJ62d","form_range":"_1DiO5","form_range_modal":"_2LF22"};
+
+var style$5 = {"form_select_container":"_1CaIX","form_select":"_6hnFm","form_select_error":"_1T4KB"};
 
 var FormSelect = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormSelect, _React$Component);
@@ -367,13 +370,13 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$4.form_select_container, this.props.className)
+      className: classNames$1(style$5.form_select_container, this.props.className)
     }, this.props.title ? /*#__PURE__*/React.createElement("span", {
       className: this.props.classNameTitle
     }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React.createElement("span", {
       className: "red"
     }, "*") : '') : '', this.props.ignore !== true ? /*#__PURE__*/React.createElement("select", {
-      className: style$4.form_select,
+      className: style$5.form_select,
       onChange: this.props.onChange,
       value: this.props.value,
       name: this.props.name,
@@ -390,7 +393,7 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
         disabled: element.disabled ? element.disabled : false
       }, element.text);
     }) : '') : /*#__PURE__*/React.createElement("select", {
-      className: style$4.form_select,
+      className: style$5.form_select,
       onChange: this.props.onChange,
       value: this.props.value,
       name: this.props.name,
@@ -406,14 +409,81 @@ var FormSelect = /*#__PURE__*/function (_React$Component) {
         disabled: element.disabled ? element.disabled : false
       }, element.text);
     }) : ''), this.props.error ? /*#__PURE__*/React.createElement("span", {
-      className: style$4.form_select_error
+      className: style$5.form_select_error
     }, this.props.error) : '');
   };
 
   return FormSelect;
 }(React.Component);
 
-var style$5 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
+var FormRange = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(FormRange, _React$Component);
+
+  function FormRange(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+
+    _this.findText = function (options, value) {
+      var result = options.filter(function (item) {
+        return item.value.toString() === value.toString();
+      });
+      return result.length ? result[0].text : '';
+    };
+
+    _this.state = {
+      isOpen: false
+    };
+    return _this;
+  }
+
+  var _proto = FormRange.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames$1(style$4.form_range_container, this.props.className)
+    }, this.props.title ? /*#__PURE__*/React.createElement("span", {
+      className: this.props.classNameTitle
+    }, this.props.title, ' ', this.props.required ? /*#__PURE__*/React.createElement("span", {
+      className: "red"
+    }, "*") : '') : null, /*#__PURE__*/React.createElement("div", {
+      className: style$4.form_range,
+      onClick: function onClick() {
+        return _this2.setState({
+          isOpen: !_this2.state.isOpen
+        });
+      }
+    }, /*#__PURE__*/React.createElement("span", null, this.findText(this.props.options1, this.props.value1), " -", ' ', this.findText(this.props.options2, this.props.value2)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: this.state.isOpen ? faCaretUp : faCaretDown
+    }))), this.state.isOpen ? /*#__PURE__*/React.createElement("div", {
+      className: style$4.form_range_modal
+    }, /*#__PURE__*/React.createElement(FormSelect, {
+      name: this.props.name1,
+      options: this.props.options1,
+      value: this.props.value1,
+      onChange: this.props.onChange1,
+      className: "mr-10 w-100",
+      ignore: true,
+      disabled: false,
+      init: "Veuillez s\xE9lectionner une valeur"
+    }), /*#__PURE__*/React.createElement(FormSelect, {
+      name: this.props.name2,
+      options: this.props.options2,
+      value: this.props.value2,
+      onChange: this.props.onChange2,
+      className: "w-100",
+      ignore: true,
+      disabled: false,
+      init: "Veuillez s\xE9lectionner une valeur"
+    })) : null);
+  };
+
+  return FormRange;
+}(React.Component);
+
+var style$6 = {"checkbox_container":"_3t7tP","form_checkbox_container":"_3Xukj","form_checkbox_mark":"_1uzL3"};
 
 var FormCheckbox = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormCheckbox, _React$Component);
@@ -426,7 +496,7 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$5.form_checkbox_container, this.props.className)
+      className: classNames$1(style$6.form_checkbox_container, this.props.className)
     }, /*#__PURE__*/React.createElement("label", {
       className: classNames$1(this.props.className)
     }, this.props.text, /*#__PURE__*/React.createElement("input", {
@@ -435,14 +505,14 @@ var FormCheckbox = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React.createElement("span", {
-      className: style$5.form_checkbox_mark
+      className: style$6.form_checkbox_mark
     })));
   };
 
   return FormCheckbox;
 }(React.Component);
 
-var style$6 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
+var style$7 = {"radio_container":"_3mKHO","form_radio_container":"_2lVSW","form_radio_mark":"_2xIhO"};
 
 var FormRadio = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(FormRadio, _React$Component);
@@ -455,9 +525,9 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$6.radio_container, this.props.className)
+      className: classNames$1(style$7.radio_container, this.props.className)
     }, /*#__PURE__*/React.createElement("label", {
-      className: classNames$1(style$6.form_radio_container)
+      className: classNames$1(style$7.form_radio_container)
     }, this.props.text, /*#__PURE__*/React.createElement("input", {
       type: "radio",
       name: this.props.name,
@@ -465,14 +535,14 @@ var FormRadio = /*#__PURE__*/function (_React$Component) {
       checked: this.props.checked,
       onChange: this.props.onChange
     }), /*#__PURE__*/React.createElement("span", {
-      className: style$6.form_radio_mark
+      className: style$7.form_radio_mark
     })));
   };
 
   return FormRadio;
 }(React.Component);
 
-var style$7 = {"table":"_3-lqN","thead":"_1PGdH","tr":"_2Xd8K","th":"_2Qv_L","td":"_2PYe5","tbody":"_233g5","spaceLeft":"_1kRJw","spaceRight":"_2GJJR","noSpaceLeft":"_rlvd2","noSpaceRight":"_1bfhm","radiusTopLeft":"_13Ppk","radiusTopRight":"_fbcd6","radiusBottomLeft":"_1TuVM","radiusBottomRight":"_1BGJ7","hide":"_2PDEz","tableEmpty":"_2C7Rd","trEmpty":"_m264U","table_flex":"_xh9IF","pointer":"_oKNIv","table_sort":"_32oyq"};
+var style$8 = {"table":"_3-lqN","thead":"_1PGdH","tr":"_2Xd8K","th":"_2Qv_L","td":"_2PYe5","tbody":"_233g5","spaceLeft":"_1kRJw","spaceRight":"_2GJJR","noSpaceLeft":"_rlvd2","noSpaceRight":"_1bfhm","radiusTopLeft":"_13Ppk","radiusTopRight":"_fbcd6","radiusBottomLeft":"_1TuVM","radiusBottomRight":"_1BGJ7","hide":"_2PDEz","tableEmpty":"_2C7Rd","trEmpty":"_m264U","table_flex":"_xh9IF","pointer":"_oKNIv","table_sort":"_32oyq"};
 
 var Table = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Table, _React$Component);
@@ -486,14 +556,14 @@ var Table = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tableClass = classNames$1((_classNames = {}, _classNames[style$7.table] = true, _classNames[style$7.tableEmpty] = !!this.props.empty, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tableClass = classNames$1((_classNames = {}, _classNames[style$8.table] = true, _classNames[style$8.tableEmpty] = !!this.props.empty, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("table", {
       className: tableClass,
       style: this.props.style
     }, this.props.children, this.props.empty ? /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       colSpan: "100"
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$7.trEmpty
+      className: style$8.trEmpty
     }, this.props.empty)))) : false);
   };
 
@@ -511,7 +581,7 @@ var Thead = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("thead", {
-      className: classNames$1(style$7.thead, this.props.className),
+      className: classNames$1(style$8.thead, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -530,7 +600,7 @@ var Tbody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("tbody", {
-      className: classNames$1(style$7.tbody, this.props.className),
+      className: classNames$1(style$8.tbody, this.props.className),
       style: this.props.style
     }, this.props.children);
   };
@@ -569,7 +639,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.getSortButton = function getSortButton() {
     if (this.state.sort === false) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretUp
       })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -577,13 +647,13 @@ var Th = /*#__PURE__*/function (_React$Component) {
       })));
     } else if (this.state.desc === true) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretDown
       }));
     } else if (this.state.desc === false) {
       return /*#__PURE__*/React.createElement("div", {
-        className: style$7.table_sort
+        className: style$8.table_sort
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faCaretUp
       }));
@@ -593,7 +663,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var thClass = classNames$1((_classNames = {}, _classNames[style$7.th] = true, _classNames[style$7.pointer] = !!this.props.sort, _classNames[style$7.spaceLeft] = !!this.props.spaceLeft, _classNames[style$7.spaceRight] = !!this.props.spaceRight, _classNames[style$7.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$7.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$7.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$7.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$7.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var thClass = classNames$1((_classNames = {}, _classNames[style$8.th] = true, _classNames[style$8.pointer] = !!this.props.sort, _classNames[style$8.spaceLeft] = !!this.props.spaceLeft, _classNames[style$8.spaceRight] = !!this.props.spaceRight, _classNames[style$8.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$8.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$8.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$8.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$8.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("th", {
       rowSpan: this.props.rowSpan,
       colSpan: this.props.colSpan,
@@ -601,7 +671,7 @@ var Th = /*#__PURE__*/function (_React$Component) {
       onClick: this.props.sort ? this.handleSortClick : null,
       style: this.props.style
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$7.table_flex
+      className: style$8.table_flex
     }, /*#__PURE__*/React.createElement("span", {
       style: !this.props.sort ? {
         margin: 'auto'
@@ -624,7 +694,7 @@ var Td = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tdClass = classNames$1((_classNames = {}, _classNames[style$7.td] = true, _classNames[style$7.spaceLeft] = !!this.props.spaceLeft, _classNames[style$7.spaceRight] = !!this.props.spaceRight, _classNames[style$7.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$7.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$7.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$7.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$7.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$7.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$7.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tdClass = classNames$1((_classNames = {}, _classNames[style$8.td] = true, _classNames[style$8.spaceLeft] = !!this.props.spaceLeft, _classNames[style$8.spaceRight] = !!this.props.spaceRight, _classNames[style$8.noSpaceLeft] = !!this.props.noSpaceLeft, _classNames[style$8.noSpaceRight] = !!this.props.noSpaceRight, _classNames[style$8.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$8.radiusTopRight] = !!this.props.radiusTopRight, _classNames[style$8.radiusBottomLeft] = !!this.props.radiusBottomLeft, _classNames[style$8.radiusBottomRight] = !!this.props.radiusBottomRight, _classNames[style$8.hide] = !!this.props.hide, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("td", {
       onClick: this.props.onClick,
       rowSpan: this.props.rowSpan,
@@ -648,7 +718,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("tr", {
-      className: classNames$1(style$7.tr, this.props.className),
+      className: classNames$1(style$8.tr, this.props.className),
       onClick: this.props.onClick,
       style: this.props.style
     }, this.props.children);
@@ -657,7 +727,7 @@ var Tr = /*#__PURE__*/function (_React$Component) {
   return Tr;
 }(React.Component);
 
-var style$8 = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
+var style$9 = {"nav":"_JJyUj","nav_left":"_3kuw-","nav_right":"_3vpQT","nav_back":"_HJHB0","nav_text":"_1pO70"};
 
 var Nav = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Nav, _React$Component);
@@ -670,25 +740,25 @@ var Nav = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$8.nav, this.props.className)
+      className: classNames$1(style$9.nav, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$8.nav_left
+      className: style$9.nav_left
     }, this.props.back ? /*#__PURE__*/React.createElement("div", {
-      className: style$8.nav_back,
+      className: style$9.nav_back,
       onClick: this.props.onBack
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faArrowLeft
     })) : '', /*#__PURE__*/React.createElement("div", {
-      className: style$8.nav_text
+      className: style$9.nav_text
     }, /*#__PURE__*/React.createElement("h2", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle))), /*#__PURE__*/React.createElement("div", {
-      className: style$8.nav_right
+      className: style$9.nav_right
     }, this.props.children));
   };
 
   return Nav;
 }(React.Component);
 
-var style$9 = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
+var style$a = {"header":"_2UWkf","header_absolute":"_1bxp_","header_left":"_2L-oY","header_right":"_1AvfP"};
 
 var Header = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Header, _React$Component);
@@ -701,18 +771,18 @@ var Header = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$9.header, this.props.className)
+      className: classNames$1(style$a.header, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$9.header_absolute
+      className: style$a.header_absolute
     }), /*#__PURE__*/React.createElement("div", {
-      className: style$9.header_left
+      className: style$a.header_left
     }, this.props.logo ? /*#__PURE__*/React.createElement("img", {
       src: this.props.logo,
       height: this.props.height,
       onClick: this.props.onClick,
       className: this.props.onClick ? 'cursor-pointer' : ''
     }) : null, this.props.title ? /*#__PURE__*/React.createElement("h1", null, this.props.title) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$9.header_right
+      className: style$a.header_right
     }, this.props.sidebarRef && this.props.isMobile ? /*#__PURE__*/React.createElement(ButtonIcon, {
       onClick: this.props.sidebarRef.current.handleHideClick
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -723,7 +793,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
   return Header;
 }(React.Component);
 
-var style$a = {"card":"_4T5PO","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_top_border":"_1ItWX","card_header":"_HBqZI","card_header_left":"_2KSuY","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm"};
+var style$b = {"card":"_4T5PO","card_loader_container":"_1zFpZ","loader_element":"_2rKrR","loader":"_8eH6Y","grow":"_19crY","card_top_border":"_1ItWX","card_header":"_HBqZI","card_header_left":"_2KSuY","card_header_right":"_2KPnI","card_header_action":"_dmCgN","card_header_action_disable":"_1XS9q","card_body":"_8DE3p","card_color":"_2D119","card_color_left":"_1OCk3","card_color_image_left":"_199hf","card_color_center":"_11M7t","card_color_right":"_ZiFPm"};
 
 var Card = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Card, _React$Component);
@@ -768,31 +838,31 @@ var Card = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.card, this.props.className)
+      className: classNames$1(style$b.card, this.props.className)
     }, this.props.isLoader ? /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_loader_container
+      className: style$b.card_loader_container
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$b.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$a.loader
+      className: style$b.loader
     }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null)), this.props.loaderText ? /*#__PURE__*/React.createElement("p", null, this.props.loaderText) : null)) : null, /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_top_border,
+      className: style$b.card_top_border,
       style: {
         width: this.state.width
       }
     }), this.props.title ? /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_header
+      className: style$b.card_header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_header_left
+      className: style$b.card_header_left
     }, /*#__PURE__*/React.createElement("h2", {
       ref: this.refTitle
     }, this.props.title)), /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_header_right
+      className: style$b.card_header_right
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.card_header_action, this.props.disableStyleAction ? style$a.card_header_action_disable : ''),
+      className: classNames$1(style$b.card_header_action, this.props.disableStyleAction ? style$b.card_header_action_disable : ''),
       onClick: this.props.onClick
     }, this.props.action))) : '', /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.card_body, this.props.classNameChildren)
+      className: classNames$1(style$b.card_body, this.props.classNameChildren)
     }, this.props.children));
   };
 
@@ -814,15 +884,15 @@ var CardColor = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$a.card_color, this.props.className)
+      className: classNames$1(style$b.card_color, this.props.className)
     }, this.props.count === 0 || this.props.count ? /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_color_left
+      className: style$b.card_color_left
     }, /*#__PURE__*/React.createElement("span", null, this.props.count)) : /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_color_image_left
+      className: style$b.card_color_image_left
     }, /*#__PURE__*/React.createElement("span", null, this.props.image)), /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_color_center
+      className: style$b.card_color_center
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)), /*#__PURE__*/React.createElement("div", {
-      className: style$a.card_color_right,
+      className: style$b.card_color_right,
       onClick: this.props.onClick
     }, this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faArrowRight
@@ -832,7 +902,7 @@ var CardColor = /*#__PURE__*/function (_React$Component) {
   return CardColor;
 }(React.Component);
 
-var style$b = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
+var style$c = {"slider":"_o1xTr","slider_button":"_2hcr7","slider_value":"_3lWIB"};
 
 var Slider = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Slider, _React$Component);
@@ -845,15 +915,15 @@ var Slider = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$b.slider, this.props.className)
+      className: classNames$1(style$c.slider, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$b.slider_button
+      className: style$c.slider_button
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronLeft
     })), /*#__PURE__*/React.createElement("span", {
-      className: style$b.slider_value
+      className: style$c.slider_value
     }, this.props.value), /*#__PURE__*/React.createElement("div", {
-      className: style$b.slider_button
+      className: style$c.slider_button
     }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faChevronRight
     })));
@@ -862,7 +932,7 @@ var Slider = /*#__PURE__*/function (_React$Component) {
   return Slider;
 }(React.Component);
 
-var style$c = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
+var style$d = {"signature":"_2boVV","active":"_O6vhI","signature_remove":"_WECto","signature_add":"_1T5V_"};
 
 var Signature = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Signature, _React$Component);
@@ -876,7 +946,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var signatureClass = classNames$1((_classNames = {}, _classNames[style$c.signature] = true, _classNames[style$c.active] = !!this.props.signature, _classNames[style$c.small] = !!this.props.small, _classNames[style$c.big] = !!this.props.big, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var signatureClass = classNames$1((_classNames = {}, _classNames[style$d.signature] = true, _classNames[style$d.active] = !!this.props.signature, _classNames[style$d.small] = !!this.props.small, _classNames[style$d.big] = !!this.props.big, _classNames[this.props.className] = !!this.props.className, _classNames));
 
     if (this.props.signature) {
       return /*#__PURE__*/React.createElement("div", {
@@ -885,7 +955,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React.createElement("div", {
-        className: style$c.signature_remove,
+        className: style$d.signature_remove,
         onClick: this.props.onRemove
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faTimes
@@ -900,12 +970,12 @@ var Signature = /*#__PURE__*/function (_React$Component) {
           height: this.props.height ? this.props.height : '200px'
         }
       }, !this.props.disabled ? /*#__PURE__*/React.createElement("div", {
-        className: style$c.signature_add,
+        className: style$d.signature_add,
         onClick: this.props.onAdd
       }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
         icon: faPlus
       })) : /*#__PURE__*/React.createElement("div", {
-        className: style$c.signature_add,
+        className: style$d.signature_add,
         style: {
           cursor: "default"
         }
@@ -918,7 +988,7 @@ var Signature = /*#__PURE__*/function (_React$Component) {
   return Signature;
 }(React.Component);
 
-var style$d = {"tabs":"_37jdG","tabs_header":"_3_P_N","tabs_body":"_2ZGAD","tabs_menu":"_2UVV8","active":"_1JhLg","tabs_item":"_1ldWh"};
+var style$e = {"tabs":"_37jdG","tabs_header":"_3_P_N","tabs_body":"_2ZGAD","tabs_menu":"_2UVV8","active":"_1JhLg","tabs_item":"_1ldWh"};
 
 var Tabs = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Tabs, _React$Component);
@@ -931,7 +1001,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$d.tabs, this.props.className)
+      className: classNames$1(style$e.tabs, this.props.className)
     }, this.props.children);
   };
 
@@ -949,7 +1019,7 @@ var TabsHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$d.tabs_header, this.props.className)
+      className: classNames$1(style$e.tabs_header, this.props.className)
     }, this.props.children);
   };
 
@@ -967,7 +1037,7 @@ var TabsBody = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$d.tabs_body, this.props.className)
+      className: classNames$1(style$e.tabs_body, this.props.className)
     }, this.props.children);
   };
 
@@ -986,7 +1056,7 @@ var TabsItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$d.tabs_item] = true, _classNames[style$d.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_item] = true, _classNames[style$e.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1007,7 +1077,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$d.tabs_menu] = true, _classNames[style$d.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_menu] = true, _classNames[style$e.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1017,7 +1087,7 @@ var TabsMenu = /*#__PURE__*/function (_React$Component) {
   return TabsMenu;
 }(React.Component);
 
-var style$e = {"tabs_custom":"_1-Kad","tabs_custom_header":"_2ZXDI","tabs_custom_body":"_3SfUF","noCard":"_2tReM","tabs_custom_menu":"_38JFK","active":"_NU04_","disabled":"_1Km4b","tabs_custom_item":"_2bfgR"};
+var style$f = {"tabs_custom":"_1-Kad","tabs_custom_header":"_2ZXDI","tabs_custom_body":"_3SfUF","noCard":"_2tReM","tabs_custom_menu":"_38JFK","active":"_NU04_","disabled":"_1Km4b","tabs_custom_item":"_2bfgR"};
 
 var TabsCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustom, _React$Component);
@@ -1030,7 +1100,7 @@ var TabsCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$e.tabs_custom, this.props.className)
+      className: classNames$1(style$f.tabs_custom, this.props.className)
     }, this.props.children);
   };
 
@@ -1048,7 +1118,7 @@ var TabsCustomHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$e.tabs_custom_header, this.props.className)
+      className: classNames$1(style$f.tabs_custom_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1067,7 +1137,7 @@ var TabsCustomBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_body] = true, _classNames[style$e.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_body] = true, _classNames[style$f.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1088,7 +1158,7 @@ var TabsCustomItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_item] = true, _classNames[style$e.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1109,7 +1179,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$e.tabs_custom_menu] = true, _classNames[style$e.active] = !!this.props.active, _classNames[style$e.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_menu] = true, _classNames[style$f.active] = !!this.props.active, _classNames[style$f.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1119,7 +1189,7 @@ var TabsCustomMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomMenu;
 }(React.Component);
 
-var style$f = {"tabs_custom_arrow":"_2mR08","tabs_custom_arrow_header":"_1Dug3","tabs_custom_arrow_body":"_38nW8","noCard":"_3ERlR","tabs_custom_arrow_menu":"_2JnR3","active":"_a0pKA","disabled":"_3c4B_","tabs_custom_arrow_item":"_CXnw-"};
+var style$g = {"tabs_custom_arrow":"_2mR08","tabs_custom_arrow_header":"_1Dug3","tabs_custom_arrow_body":"_38nW8","noCard":"_3ERlR","tabs_custom_arrow_menu":"_2JnR3","active":"_a0pKA","disabled":"_3c4B_","tabs_custom_arrow_item":"_CXnw-"};
 
 var TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TabsCustomArrowCustom, _React$Component);
@@ -1132,7 +1202,7 @@ var TabsCustomArrowCustom = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$f.tabs_custom_arrow, this.props.className)
+      className: classNames$1(style$g.tabs_custom_arrow, this.props.className)
     }, this.props.children);
   };
 
@@ -1150,7 +1220,7 @@ var TabsCustomArrowHeader = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$f.tabs_custom_arrow_header, this.props.className)
+      className: classNames$1(style$g.tabs_custom_arrow_header, this.props.className)
     }, this.props.children);
   };
 
@@ -1169,7 +1239,7 @@ var TabsCustomArrowBody = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_body] = true, _classNames[style$f.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsBodyClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_body] = true, _classNames[style$g.noCard] = !!this.props.noCard, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsBodyClass
     }, this.props.children);
@@ -1190,7 +1260,7 @@ var TabsCustomArrowItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_item] = true, _classNames[style$f.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsItemClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_item] = true, _classNames[style$g.active] = !!this.props.active, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsItemClass
     }, this.props.children);
@@ -1211,7 +1281,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$f.tabs_custom_arrow_menu] = true, _classNames[style$f.active] = !!this.props.active, _classNames[style$f.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
+    var tabsMenuClass = classNames$1((_classNames = {}, _classNames[style$g.tabs_custom_arrow_menu] = true, _classNames[style$g.active] = !!this.props.active, _classNames[style$g.disabled] = !!this.props.disabled, _classNames[this.props.className] = !!this.props.className, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: tabsMenuClass,
       onClick: this.props.onClick
@@ -1221,7 +1291,7 @@ var TabsCustomArrowMenu = /*#__PURE__*/function (_React$Component) {
   return TabsCustomArrowMenu;
 }(React.Component);
 
-var style$g = {"sidebar":"_2rooA","small":"_3Hv0y","mobile":"_1t5Wi","sidebar_header":"_2MRnG","sidebar_icon":"_1r537","button_hide":"_1OTTJ","sidebar_user":"_3iI4T","sidebar_user_icon":"_3wuAJ","sidebar_user_text":"_mb_54","sidebar_user_title":"_236yM","sidebar_user_subtitle":"_1z9F0","sidebar_body":"_1hv_V","sidebar_button":"_1iy27","sidebar_button_dropdown":"_1ZHFn","active":"_BPuzP","disabled":"_2BDmo","sidebar_button_second":"_2X9HU"};
+var style$h = {"sidebar":"_2rooA","small":"_3Hv0y","mobile":"_1t5Wi","sidebar_header":"_2MRnG","sidebar_icon":"_1r537","button_hide":"_1OTTJ","sidebar_user":"_3iI4T","sidebar_user_icon":"_3wuAJ","sidebar_user_text":"_mb_54","sidebar_user_title":"_236yM","sidebar_user_subtitle":"_1z9F0","sidebar_body":"_1hv_V","sidebar_button":"_1iy27","sidebar_button_dropdown":"_1ZHFn","active":"_BPuzP","disabled":"_2BDmo","sidebar_button_second":"_2X9HU"};
 
 var Sidebar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Sidebar, _React$Component);
@@ -1367,43 +1437,43 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
         _classNames2,
         _this3 = this;
 
-    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$g.small] = !!this.state.isHide, _classNames[style$g.mobile] = !!this.state.isMobile, _classNames), style$g.sidebar, this.props.className);
+    var sidebarClass = classNames$1((_classNames = {}, _classNames[style$h.small] = !!this.state.isHide, _classNames[style$h.mobile] = !!this.state.isMobile, _classNames), style$h.sidebar, this.props.className);
     return /*#__PURE__*/React.createElement("div", {
       className: sidebarClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_header
+      className: style$h.sidebar_header
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_icon
+      className: style$h.sidebar_icon
     }, this.props.icon ? /*#__PURE__*/React.createElement("img", {
       alt: "icon",
       src: this.props.icon
     }) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$g.button_hide,
+      className: style$h.button_hide,
       onClick: this.handleHideClick
     }, this.state.isHide ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCaretRight
     }) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCaretLeft
     }))), /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_user
+      className: style$h.sidebar_user
     }, this.props.picture ? /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_user_icon
+      className: style$h.sidebar_user_icon
     }, /*#__PURE__*/React.createElement("img", {
       src: this.props.picture,
       alt: 'profile'
     })) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       className: classNames$1((_classNames2 = {
         'm-auto': this.state.isHide === true
-      }, _classNames2[style$g.sidebar_user_icon] = true, _classNames2)),
+      }, _classNames2[style$h.sidebar_user_icon] = true, _classNames2)),
       icon: faUser
     }), this.state.isHide === false ? /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_user_text
+      className: style$h.sidebar_user_text
     }, /*#__PURE__*/React.createElement("span", {
-      className: style$g.sidebar_user_title
+      className: style$h.sidebar_user_title
     }, this.props.title), /*#__PURE__*/React.createElement("span", {
-      className: style$g.sidebar_user_subtitle
+      className: style$h.sidebar_user_subtitle
     }, this.props.subtitle)) : null), /*#__PURE__*/React.createElement("div", {
-      className: style$g.sidebar_body
+      className: style$h.sidebar_body
     }, this.state.views.map(function (element, idx) {
       if (element.path && element.isHide !== true) {
         var _classNames3;
@@ -1415,7 +1485,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
               _this3.handleChangeViewClick(element.path, idx);
             }
           },
-          className: classNames$1(style$g.sidebar_button, (_classNames3 = {}, _classNames3[style$g.active] = !!element.active, _classNames3[style$g.disabled] = !!element.disabled, _classNames3))
+          className: classNames$1(style$h.sidebar_button, (_classNames3 = {}, _classNames3[style$h.active] = !!element.active, _classNames3[style$h.disabled] = !!element.disabled, _classNames3))
         }, element.icon, /*#__PURE__*/React.createElement("span", null, element.name));
       } else if (element.isHide !== true) {
         var _classNames4;
@@ -1426,7 +1496,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             return _this3.handleDropdownClick(idx);
           },
-          className: classNames$1(style$g.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$g.active] = !!element.active, _classNames4[style$g.disabled] = !!element.disabled, _classNames4))
+          className: classNames$1(style$h.sidebar_button_dropdown, (_classNames4 = {}, _classNames4[style$h.active] = !!element.active, _classNames4[style$h.disabled] = !!element.disabled, _classNames4))
         }, element.icon, /*#__PURE__*/React.createElement("span", null, element.name), element.active === true ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
           icon: faCaretDown
         }) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -1443,7 +1513,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
                   _this3.handleChangeViewClick(elementDropdown.path, idx, idxDropdown);
                 }
               },
-              className: classNames$1(style$g.sidebar_button, style$g.sidebar_button_second, (_classNames5 = {}, _classNames5[style$g.active] = !!elementDropdown.active, _classNames5[style$g.disabled] = !!elementDropdown.disabled, _classNames5))
+              className: classNames$1(style$h.sidebar_button, style$h.sidebar_button_second, (_classNames5 = {}, _classNames5[style$h.active] = !!elementDropdown.active, _classNames5[style$h.disabled] = !!elementDropdown.disabled, _classNames5))
             }, elementDropdown.icon, /*#__PURE__*/React.createElement("span", null, elementDropdown.name)));
           }
         });
@@ -1455,7 +1525,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
   return Sidebar;
 }(React.Component);
 
-var style$h = {"doughnut_chart":"_3cUhz","text_doughnut_chart":"_3w6lM","text":"_2BjzU","number":"_25cuD","pie_chart":"_1uhd5","pie_chart_text":"_1U4br","bar_chart":"_2f4FH","bar_chart_text":"_2WPFA"};
+var style$i = {"doughnut_chart":"_3cUhz","text_doughnut_chart":"_3w6lM","text":"_2BjzU","number":"_25cuD","pie_chart":"_1uhd5","pie_chart_text":"_1U4br","bar_chart":"_2f4FH","bar_chart_text":"_2WPFA"};
 
 var DoughnutChart = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DoughnutChart, _React$Component);
@@ -1495,7 +1565,7 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
       }]
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$h.doughnut_chart, this.props.className)
+      className: classNames$1(style$i.doughnut_chart, this.props.className)
     }, /*#__PURE__*/React.createElement(Doughnut, {
       id: this.props.text,
       data: data,
@@ -1521,17 +1591,17 @@ var DoughnutChart = /*#__PURE__*/function (_React$Component) {
         }
       }
     }), /*#__PURE__*/React.createElement("div", {
-      className: style$h.text_doughnut_chart
+      className: style$i.text_doughnut_chart
     }, /*#__PURE__*/React.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$h.number
+      className: style$i.number
     }, num, unit), /*#__PURE__*/React.createElement("p", {
       style: {
         color: this.getColor(num, max)
       },
-      className: style$h.text
+      className: style$i.text
     }, text)));
   };
 
@@ -1694,9 +1764,9 @@ var BarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -1881,9 +1951,9 @@ var RadarChart = /*#__PURE__*/function (_Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -1947,9 +2017,9 @@ var PieChart = /*#__PURE__*/function (_React$Component) {
     var _this = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$h.pie_chart, this.props.className)
+      className: classNames(style$i.pie_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$h.pie_chart_text
+      className: style$i.pie_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2145,9 +2215,9 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
       datasets: this.createDatasets(this.props.dataSet.length)
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$h.bar_chart, this.props.className)
+      className: classNames(style$i.bar_chart, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$h.bar_chart_text
+      className: style$i.bar_chart_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.title)), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'relative',
@@ -2185,7 +2255,7 @@ var HorizontalBarChart = /*#__PURE__*/function (_React$Component) {
   return HorizontalBarChart;
 }(React.Component);
 
-var style$i = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
+var style$j = {"progress_bar_container":"_bHyVu","bar":"_XOUj6","custom_progress":"_jBsK1"};
 
 var ProgressBar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ProgressBar, _React$Component);
@@ -2255,12 +2325,12 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
     var max = this.props.max ? this.props.max : 100;
     var value = this.props.value ? this.props.value : 0;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$i.progress_bar_container, this.props.className)
+      className: classNames$1(style$j.progress_bar_container, this.props.className)
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("div", {
-      className: style$i.bar,
+      className: style$j.bar,
       ref: this.refProgress
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$i.custom_progress, this.getColor(value, max)),
+      className: classNames$1(style$j.custom_progress, this.getColor(value, max)),
       style: {
         width: this.state.width
       }
@@ -2270,7 +2340,7 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
   return ProgressBar;
 }(React.Component);
 
-var style$j = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
+var style$k = {"loader_container":"_3me5z","loader_element":"_2CYNt","loader":"_3ysPX","grow":"_971Mp"};
 
 var Loader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Loader, _React$Component);
@@ -2292,18 +2362,18 @@ var Loader = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     if (!this.props.show) return null;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$j.loader_container, this.props.className)
+      className: classNames$1(style$k.loader_container, this.props.className)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$j.loader_element, this.props.classNameChildren)
+      className: classNames$1(style$k.loader_element, this.props.classNameChildren)
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$j.loader
+      className: style$k.loader
     }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null))));
   };
 
   return Loader;
 }(React.Component);
 
-var style$k = {"icon":"_3s1Vv"};
+var style$l = {"icon":"_3s1Vv"};
 
 var Icon = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Icon, _React$Component);
@@ -2335,7 +2405,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
         fontSize: this.props.size ? this.props.size + 'px' : 'none'
       }
     }, this.props.icon({
-      className: classNames$1(style$k.icon),
+      className: classNames$1(style$l.icon),
       color: this.state.colorStyle
     }));
   };
@@ -2343,7 +2413,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
   return Icon;
 }(React.Component);
 
-var style$l = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
+var style$m = {"paginationContainer":"_25d6Y","pagination":"_2mqrQ","active":"_13Qaa","disabled":"_11Sql"};
 
 var Pagination = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Pagination, _React$Component);
@@ -2356,11 +2426,11 @@ var Pagination = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$l.paginationContainer, this.props.className)
+      className: classNames$1(style$m.paginationContainer, this.props.className)
     }, /*#__PURE__*/React.createElement(PaginationCMP, {
-      innerClass: style$l.pagination,
-      activeClass: style$l.active,
-      disabledClass: style$l.disabled,
+      innerClass: style$m.pagination,
+      activeClass: style$m.active,
+      disabledClass: style$m.disabled,
       activePage: this.props.activePage,
       itemsCountPerPage: this.props.itemsCountPerPage,
       totalItemsCount: this.props.totalItemsCount,
@@ -2475,7 +2545,7 @@ var PaginationClass = /*#__PURE__*/function () {
   return PaginationClass;
 }();
 
-var style$m = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD"};
+var style$n = {"FormDragDropFile_container":"_2tyK_","btn_close_drag_drop":"_1shfD"};
 
 var Dropzone = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Dropzone, _React$Component);
@@ -2590,7 +2660,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
     var _this3 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$m.FormDragDropFile_container, this.props.className)
+      className: classNames$1(style$n.FormDragDropFile_container, this.props.className)
     }, /*#__PURE__*/React.createElement(DropzoneCMP, {
       className: classNames$1(this.props.classNameChildren),
       onDrop: function onDrop(acceptedFiles) {
@@ -2606,7 +2676,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
           borderColor: _this3.state.borderColor
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: style$m.btn_close_drag_drop,
+        className: style$n.btn_close_drag_drop,
         style: {
           display: _this3.state.styleBtnClose
         }
@@ -2627,7 +2697,7 @@ var Dropzone = /*#__PURE__*/function (_React$Component) {
   return Dropzone;
 }(React.Component);
 
-var style$n = {"status":"_2qV1W"};
+var style$o = {"status":"_2qV1W"};
 
 var Status = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Status, _React$Component);
@@ -2640,7 +2710,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(style$n.status, this.props.className),
+      className: classNames(style$o.status, this.props.className),
       style: this.props.style
     }, this.props.text);
   };
@@ -2648,7 +2718,7 @@ var Status = /*#__PURE__*/function (_React$Component) {
   return Status;
 }(React.Component);
 
-var style$o = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
+var style$p = {"alert_container":"_361mk","alert":"_22nl5","alert_element":"_2fV2F","alert_element_icon":"_1UPB2"};
 
 var AlertContainer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(AlertContainer, _React$Component);
@@ -2661,7 +2731,7 @@ var AlertContainer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$o.alert_container
+      className: style$p.alert_container
     }, this.props.children);
   };
 
@@ -2689,7 +2759,7 @@ var Alert = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$o.alert, this.props.backgroundColor)
+      className: classNames$1(style$p.alert, this.props.backgroundColor)
     }, /*#__PURE__*/React.createElement("span", {
       className: this.props.textColor
     }, this.props.text));
@@ -2709,18 +2779,18 @@ var AlertElement = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$o.alert_element, this.props.backgroundColor)
+      className: classNames$1(style$p.alert_element, this.props.backgroundColor)
     }, /*#__PURE__*/React.createElement("span", {
       className: this.props.textColor
     }, this.props.children), /*#__PURE__*/React.createElement("span", {
-      className: classNames$1(style$o.alert_element_icon, this.props.textColor)
+      className: classNames$1(style$p.alert_element_icon, this.props.textColor)
     }, this.props.icon));
   };
 
   return AlertElement;
 }(React.Component);
 
-var style$p = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
+var style$q = {"component":"_2wEDs","display-chips":"_1soMq","chips":"_1bGM-","buttonIcon":"_EFdFp"};
 
 var Chips = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Chips, _Component);
@@ -2790,15 +2860,15 @@ var Chips = /*#__PURE__*/function (_Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$p.component)
+      className: classNames$1(style$q.component)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$p['display-chips'])
+      className: classNames$1(style$q['display-chips'])
     }, this.state.chipsList.length > 0 ? this.state.chipsList.map(function (chips, idx) {
       return /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: classNames$1(style$p.chips)
+        className: classNames$1(style$q.chips)
       }, /*#__PURE__*/React.createElement("div", null, chips.text), /*#__PURE__*/React.createElement(ButtonIcon, {
-        className: classNames$1(style$p.buttonIcon),
+        className: classNames$1(style$q.buttonIcon),
         onClick: function onClick() {
           return _this2.handleClick(chips);
         }
@@ -2819,7 +2889,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   return Chips;
 }(Component);
 
-var style$q = {"listing_horizontal_container":"_64Nqe","listing_horizontal":"_2RiQY","listing_horizontal_icon":"_3CtDc","listing_green":"_2R0Mr","listing_orange":"_3V863","listing_horizontal_text":"_3cuTE","listing_horizontal_separator":"_1RaCo","listing_vertical_container":"_3dZW8","listing_vertical":"_wYzrK","listing_vertical_left":"_uTVeE","listing_vertical_right":"_3v-1E","listing_vertical_separator":"_1VFRz"};
+var style$r = {"listing_horizontal_container":"_64Nqe","listing_horizontal":"_2RiQY","listing_horizontal_icon":"_3CtDc","listing_green":"_2R0Mr","listing_orange":"_3V863","listing_horizontal_text":"_3cuTE","listing_horizontal_separator":"_1RaCo","listing_vertical_container":"_3dZW8","listing_vertical":"_wYzrK","listing_vertical_left":"_uTVeE","listing_vertical_right":"_3v-1E","listing_vertical_separator":"_1VFRz"};
 
 var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ListingVerticalItem, _React$Component);
@@ -2833,15 +2903,15 @@ var ListingVerticalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$q.listing_vertical] = true, _classNames[style$q.listing_green] = !!this.props.green, _classNames[style$q.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$r.listing_vertical] = true, _classNames[style$r.listing_green] = !!this.props.green, _classNames[style$r.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_vertical_left
+      className: style$r.listing_vertical_left
     }, this.props.green ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCheck
     }) : ''), /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_vertical_right
+      className: style$r.listing_vertical_right
     }, /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)));
   };
 
@@ -2859,7 +2929,7 @@ var ListingVerticalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_vertical_separator
+      className: style$r.listing_vertical_separator
     }, /*#__PURE__*/React.createElement("span", null, "|"));
   };
 
@@ -2909,7 +2979,7 @@ var ListingVertical = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_vertical_container
+      className: style$r.listing_vertical_container
     }, this.getData());
   };
 
@@ -2928,15 +2998,15 @@ var ListingHorizontalItem = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _classNames;
 
-    var listingClass = classNames$1((_classNames = {}, _classNames[style$q.listing_horizontal] = true, _classNames[style$q.listing_green] = !!this.props.green, _classNames[style$q.listing_orange] = !!this.props.orange, _classNames));
+    var listingClass = classNames$1((_classNames = {}, _classNames[style$r.listing_horizontal] = true, _classNames[style$r.listing_green] = !!this.props.green, _classNames[style$r.listing_orange] = !!this.props.orange, _classNames));
     return /*#__PURE__*/React.createElement("div", {
       className: listingClass
     }, /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_horizontal_icon
+      className: style$r.listing_horizontal_icon
     }, this.props.icon ? this.props.icon : this.props.green ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: faCheck
     }) : ''), /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_horizontal_text
+      className: style$r.listing_horizontal_text
     }, /*#__PURE__*/React.createElement("span", null, this.props.date), /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement("span", null, this.props.subtitle)));
   };
 
@@ -2954,7 +3024,7 @@ var ListingHorizontalSeparator = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_horizontal_separator,
+      className: style$r.listing_horizontal_separator,
       style: {
         width: this.props.width
       }
@@ -3004,7 +3074,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var separatorWidth = (this.props.data.length > 0 ? (this.props.data.length - 1) * 140 : 0) + "px";
     return /*#__PURE__*/React.createElement("div", {
-      className: style$q.listing_horizontal_container
+      className: style$r.listing_horizontal_container
     }, /*#__PURE__*/React.createElement(ListingHorizontalSeparator, {
       width: separatorWidth
     }), this.getData());
@@ -3013,7 +3083,7 @@ var ListingHorizontal = /*#__PURE__*/function (_React$Component) {
   return ListingHorizontal;
 }(React.Component);
 
-var style$r = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
+var style$s = {"dropdown":"_1ofQJ","dropdown_first":"_2kN79","space":"_SCby-","dropdown_menu":"_2Y_fS","show":"_3nBzR"};
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Dropdown, _Component);
@@ -3034,18 +3104,18 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     var _classNames,
         _this2 = this;
 
-    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$r.dropdown_menu] = true, _classNames[style$r.show] = !this.state.isHide, _classNames));
+    var dropdownMenuClass = classNames$1((_classNames = {}, _classNames[style$s.dropdown_menu] = true, _classNames[style$s.show] = !this.state.isHide, _classNames));
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$r.dropdown)
+      className: classNames$1(style$s.dropdown)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$r.dropdown_first),
+      className: classNames$1(style$s.dropdown_first),
       onClick: function onClick() {
         return _this2.setState({
           isHide: !_this2.state.isHide
         });
       }
     }, this.props.title ? /*#__PURE__*/React.createElement("span", null, this.props.title) : /*#__PURE__*/React.createElement(Fragment, null), this.props.title && this.props.icon ? /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$r.space)
+      className: classNames$1(style$s.space)
     }) : /*#__PURE__*/React.createElement(Fragment, null), this.props.icon ? this.props.icon : /*#__PURE__*/React.createElement(Fragment, null)), /*#__PURE__*/React.createElement("div", {
       className: dropdownMenuClass
     }, this.props.data.map(function (element) {
@@ -3056,7 +3126,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(Component);
 
-var style$s = {"error_full":"_2yA72","error_center":"_29Plu","error_center_group":"_38Iim","error_title":"_1G6Al","error_code":"_1aeC7","error_text":"_QYnsV"};
+var style$t = {"error_full":"_2yA72","error_center":"_29Plu","error_center_group":"_38Iim","error_title":"_1G6Al","error_code":"_1aeC7","error_text":"_QYnsV"};
 
 var Error404 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Error404, _React$Component);
@@ -3075,15 +3145,15 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
     var _this2 = this;
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$s.error_full)
+      className: classNames$1(style$t.error_full)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$s.error_center)
+      className: classNames$1(style$t.error_center)
     }, /*#__PURE__*/React.createElement("div", {
-      className: classNames$1(style$s.error_center_group)
+      className: classNames$1(style$t.error_center_group)
     }, /*#__PURE__*/React.createElement("h3", {
-      className: classNames$1(style$s.error_title)
+      className: classNames$1(style$t.error_title)
     }, "Page not found"), /*#__PURE__*/React.createElement("h1", {
-      className: classNames$1(style$s.error_code)
+      className: classNames$1(style$t.error_code)
     }, /*#__PURE__*/React.createElement("span", {
       style: {
         'text-shadow': '-8px 0 0 #fff'
@@ -3097,7 +3167,7 @@ var Error404 = /*#__PURE__*/function (_React$Component) {
         'text-shadow': '-8px 0 0 #fff'
       }
     }, "4"))), /*#__PURE__*/React.createElement("h2", {
-      className: classNames$1(style$s.error_text)
+      className: classNames$1(style$t.error_text)
     }, this.props.text ? this.props.text : "La page n'existe pas"), /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick() {
         return _this2.props.onBack ? _this2.props.onBack() : window.history.back();
@@ -3228,7 +3298,7 @@ var Cookie = /*#__PURE__*/function (_React$Component) {
   return Cookie;
 }(React.Component);
 
-var style$t = {"footer":"_2OnkF"};
+var style$u = {"footer":"_2OnkF"};
 
 var Footer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Footer, _React$Component);
@@ -3245,7 +3315,7 @@ var Footer = /*#__PURE__*/function (_React$Component) {
 
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement("div", {
-      className: style$t.footer
+      className: style$u.footer
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
       src: this.props.logo
     })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
@@ -3262,5 +3332,5 @@ var Footer = /*#__PURE__*/function (_React$Component) {
   return Footer;
 }(React.Component);
 
-export { Alert, AlertContainer, AlertElement, BarChart, Button, ButtonIcon, Card, CardColor, Chips, Cookie, DoughnutChart, Dropdown, Dropzone, Error404, FloatActionButton, FloatActionButtonItem, Footer, FormCheckbox, FormInput, FormRadio, FormSelect, FormTextarea, FullModal, Header, HorizontalBarChart, Icon, ListingHorizontal, ListingVertical, Loader, Modal, Nav, Pagination, PaginationClass, PieChart, ProgressBar, RadarChart, Sidebar, Signature, Slider, Status, Table, Tabs, TabsBody, TabsCustom, TabsCustomArrowCustom as TabsCustomArrow, TabsCustomArrowBody, TabsCustomArrowHeader, TabsCustomArrowItem, TabsCustomArrowMenu, TabsCustomBody, TabsCustomHeader, TabsCustomItem, TabsCustomMenu, TabsHeader, TabsItem, TabsMenu, Tbody, Td, Th, Thead, Tr };
+export { Alert, AlertContainer, AlertElement, BarChart, Button, ButtonIcon, Card, CardColor, Chips, Cookie, DoughnutChart, Dropdown, Dropzone, Error404, FloatActionButton, FloatActionButtonItem, Footer, FormCheckbox, FormInput, FormRadio, FormRange, FormSelect, FormTextarea, FullModal, Header, HorizontalBarChart, Icon, ListingHorizontal, ListingVertical, Loader, Modal, Nav, Pagination, PaginationClass, PieChart, ProgressBar, RadarChart, Sidebar, Signature, Slider, Status, Table, Tabs, TabsBody, TabsCustom, TabsCustomArrowCustom as TabsCustomArrow, TabsCustomArrowBody, TabsCustomArrowHeader, TabsCustomArrowItem, TabsCustomArrowMenu, TabsCustomBody, TabsCustomHeader, TabsCustomItem, TabsCustomMenu, TabsHeader, TabsItem, TabsMenu, Tbody, Td, Th, Thead, Tr };
 //# sourceMappingURL=index.modern.js.map