plataforma-fundacao-componentes 2.25.1 → 2.25.2

package/dist/index.modern.js

@@ -7916,24 +7916,25 @@ var EtiquetasStyle;
   EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
 })(EtiquetasStyle || (EtiquetasStyle = {}));
 
+var rootClassName$21 = 'component-etiqueta';
 function Etiqueta(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([undefined.etiqueta, undefined[props.theme], props.fitContent ? 'fit-content' : undefined])
+    className: getMergedClassNames([rootClassName$21, props.theme, props.fitContent ? 'fit-content' : undefined])
   }, props.icon ? React$1.createElement("div", {
-    className: undefined['etiqueta-icon']
+    className: rootClassName$21 + "-icon"
   }, props.icon) : undefined, React$1.createElement("div", {
-    className: undefined['etiqueta-text']
+    className: rootClassName$21 + "-text"
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: EtiquetasStyle.Programas
 };
 
-var rootClassName$21 = 'component-file-loader';
+var rootClassName$22 = 'component-file-loader';
 function FileLoader(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([props.className || '', rootClassName$21])
+      className: getMergedClassNames([props.className || '', rootClassName$22])
     });
     delete p.percent;
     delete p.totalSize;
@@ -7953,24 +7954,24 @@ function FileLoader(props) {
     return percent;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$21 + "-percent-line"
+    className: rootClassName$22 + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React$1.createElement("span", {
-    className: rootClassName$21 + "-downloaded-percent"
+    className: rootClassName$22 + "-downloaded-percent"
   }, getPercent(), "%")), React$1.createElement("div", {
-    className: rootClassName$21 + "-loader-bar"
+    className: rootClassName$22 + "-loader-bar"
   }, React$1.createElement("div", {
-    className: rootClassName$21 + "-loader-progress",
+    className: rootClassName$22 + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React$1.createElement("div", {
-    className: rootClassName$21 + "-progress-info"
+    className: rootClassName$22 + "-progress-info"
   }, React$1.createElement("div", {
-    className: rootClassName$21 + "-downloaded-size"
+    className: rootClassName$22 + "-downloaded-size"
   }, getSizeDownloaded()), React$1.createElement("div", {
-    className: rootClassName$21 + "-bar"
+    className: rootClassName$22 + "-bar"
   }, "/"), React$1.createElement("div", {
-    className: rootClassName$21 + "-total-size"
+    className: rootClassName$22 + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -7978,20 +7979,20 @@ FileLoader.defaultProps = {
   percent: 0
 };
 
-var rootClassName$22 = 'component-file-upload';
+var rootClassName$23 = 'component-file-upload';
 var DRAG_ENTER_CLASS_NAME = 'drag-enter';
 var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
 function FileUpload(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
   var addClass = function addClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$23 + "-droppable");
     if (el) {
       el.classList.add(className);
     }
   };
   var removeClass = function removeClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$23 + "-droppable");
     if (el) {
       el.classList.remove(className);
     }
@@ -8031,15 +8032,15 @@ function FileUpload(props) {
     return true;
   };
   return React$1.createElement("div", {
-    className: rootClassName$22 + "-outer"
+    className: rootClassName$23 + "-outer"
   }, !props.hideTopLabel && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$22 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
+    className: getMergedClassNames([rootClassName$23 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
   }, props.topLabel), React$1.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$22, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$23, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, React$1.createElement("div", {
     onClick: handleClick,
-    className: getMergedClassNames([rootClassName$22 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
+    className: getMergedClassNames([rootClassName$23 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
     onDragEnter: function onDragEnter(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -8065,11 +8066,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React$1.createElement("div", {
-    className: rootClassName$22 + "-row"
+    className: rootClassName$23 + "-row"
   }, React$1.createElement("div", {
-    className: rootClassName$22 + "-upload-icon"
+    className: rootClassName$23 + "-upload-icon"
   }, React$1.createElement(CloudUploadIcon, null)), React$1.createElement("div", {
-    className: rootClassName$22 + "-label"
+    className: rootClassName$23 + "-label"
   }, props.label)), React$1.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -8092,7 +8093,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$22 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$23 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 FileUpload.defaultProps = {
@@ -8106,11 +8107,11 @@ FileUpload.defaultProps = {
   error: false
 };
 
-var rootClassName$23 = 'component-row';
+var rootClassName$24 = 'component-row';
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$23, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
+      className: getMergedClassNames([rootClassName$24, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
     });
     delete p.centralized;
     delete p.columnDirection;
@@ -8123,7 +8124,7 @@ Row.defaultProps = {
 };
 var Row$1 = memo(Row);
 
-var rootClassName$24 = 'footer-sicredi';
+var rootClassName$25 = 'footer-sicredi';
 function FooterSicredi(props) {
   var colSize = [12, 12, 3, 3, 3];
   var qrCodeColor = useMemo(function () {
@@ -8143,136 +8144,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React$1.createElement("footer", {
-    className: getMergedClassNames([rootClassName$24, props.theme])
+    className: getMergedClassNames([rootClassName$25, props.theme])
   }, React$1.createElement(Row$1, {
-    className: rootClassName$24 + "-section",
+    className: rootClassName$25 + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$24 + "-cell"
+    className: rootClassName$25 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "WhatsApp Corporativo"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React$1.createElement("div", {
-    className: rootClassName$24 + "-asterisco nunito"
+    className: rootClassName$25 + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-qr-code"
+    className: rootClassName$25 + "-qr-code"
   }, React$1.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React$1.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$24 + "-cell"
+    className: rootClassName$25 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "Servi\xE7os por telefone"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React$1.createElement("div", {
-    className: rootClassName$24 + "-asterisco nunito"
+    className: rootClassName$25 + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "Demais regi\xF5es"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React$1.createElement("div", {
-    className: rootClassName$24 + "-asterisco nunito"
+    className: rootClassName$25 + "-asterisco nunito"
   }, "* Sem custo")), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$24 + "-cell"
+    className: rootClassName$25 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "SAC"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "Ouvidoria"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$24 + "-cell"
+    className: rootClassName$25 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "Chamadas internacionais"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "(a cobrar)"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-space"
+    className: rootClassName$25 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-title"
+    className: rootClassName$25 + "-title"
   }, "Atendimento \xE0 pessoas com defici\xEAncia"), React$1.createElement("div", {
-    className: rootClassName$24 + "-subtitle nunito"
+    className: rootClassName$25 + "-subtitle nunito"
   }, "Auditivos ou de fala"), React$1.createElement("div", {
-    className: rootClassName$24 + "-number"
+    className: rootClassName$25 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React$1.createElement(Row$1, {
-    className: rootClassName$24 + "-section",
+    className: rootClassName$25 + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React$1.createElement(Row$1, null, React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$24 + "-social-media nunito",
+    className: rootClassName$25 + "-social-media nunito",
     href: 'https://www.youtube.com/user/sicredioficial',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "youtube"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$24 + "-social-media nunito",
+    className: rootClassName$25 + "-social-media nunito",
     href: 'https://twitter.com/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "twitter"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$24 + "-social-media nunito",
+    className: rootClassName$25 + "-social-media nunito",
     href: 'https://www.linkedin.com/company/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "linkedin"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$24 + "-social-media nunito",
+    className: rootClassName$25 + "-social-media nunito",
     href: 'https://www.instagram.com/sicredi/',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "instagram"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$24 + "-social-media nunito",
+    className: rootClassName$25 + "-social-media nunito",
     href: 'https://www.facebook.com/Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "facebook")), React$1.createElement(Row$1, {
-    className: rootClassName$24 + "-endereco"
+    className: rootClassName$25 + "-endereco"
   }, React$1.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React$1.createElement(Row$1, {
@@ -8285,16 +8286,16 @@ function FooterSicredi(props) {
 }
 var FooterSicredi$1 = memo(FooterSicredi);
 
-var rootClassName$25 = 'full-height-container';
+var rootClassName$26 = 'full-height-container';
 function FullHeightContainer(props) {
   return React$1.createElement("div", {
-    className: rootClassName$25
+    className: rootClassName$26
   }, React$1.createElement("div", {
-    className: rootClassName$25 + "-row-header"
+    className: rootClassName$26 + "-row-header"
   }, props.header), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$25 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
+    className: getMergedClassNames([rootClassName$26 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
   }, props.children), props.fixedFooter ? React$1.createElement("div", {
-    className: rootClassName$25 + "-row-footer"
+    className: rootClassName$26 + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
 FullHeightContainer.defaultProps = {
@@ -8306,10 +8307,10 @@ var FullHeightContainer$1 = memo(FullHeightContainer);
 var HEADER_SEPARATOR_PRIMARY = 'primary';
 var HEADER_SEPARATOR_SECONDARY = 'secondary';
 
-var rootClassName$26 = 'component-header-separator';
+var rootClassName$27 = 'component-header-separator';
 function HeaderSeparator(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$26, rootClassName$26 + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$27, rootClassName$27 + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -8324,7 +8325,7 @@ var HeaderType;
   HeaderType["Assembleia"] = "assembleia";
 })(HeaderType || (HeaderType = {}));
 
-var rootClassName$27 = 'component-header';
+var rootClassName$28 = 'component-header';
 function Header(props) {
   var _props$blackBar;
   var handleClick = function handleClick() {
@@ -8335,32 +8336,32 @@ function Header(props) {
   var getProps = function getProps() {
     var p = {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$27, props.className, rootClassName$27 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
+      className: getMergedClassNames([rootClassName$28, props.className, rootClassName$28 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
     };
     return p;
   };
-  var clearfixClassNames = getMergedClassNames([rootClassName$27 + "-clearfix", rootClassName$27 + "-" + props.theme]);
+  var clearfixClassNames = getMergedClassNames([rootClassName$28 + "-clearfix", rootClassName$28 + "-" + props.theme]);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React$1.createElement("div", {
-    className: rootClassName$27 + "-black-bar"
+    className: rootClassName$28 + "-black-bar"
   }, React$1.createElement("a", {
     href: props.blackBar.link,
     target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
   }, props.blackBar.icon, React$1.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React$1.createElement("div", {
-    className: rootClassName$27 + "-header-item"
+    className: rootClassName$28 + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React$1.createElement("div", {
-    className: rootClassName$27 + "-separator-logo"
+    className: rootClassName$28 + "-separator-logo"
   }, props.separator.label) : undefined), React$1.createElement("div", {
-    className: rootClassName$27 + "-header-item"
+    className: rootClassName$28 + "-header-item"
   }, props.centerContent), React$1.createElement("div", {
-    className: rootClassName$27 + "-header-item"
+    className: rootClassName$28 + "-header-item"
   }, props.rightContent)), props.theme === HeaderType.Semi && React$1.createElement("div", {
-    className: rootClassName$27 + "-semi-clear"
+    className: rootClassName$28 + "-semi-clear"
   }), props.clearfix && React$1.createElement("div", {
     className: clearfixClassNames
   }));
@@ -8372,11 +8373,11 @@ Header.defaultProps = {
 };
 var Header$1 = memo(Header);
 
-var rootClassName$28 = 'component-information-icon';
+var rootClassName$29 = 'component-information-icon';
 function Information(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$28, props.className || ''])
+      className: getMergedClassNames([rootClassName$29, props.className || ''])
     });
     delete p.icon;
     delete p['tooltip-text'];
@@ -8384,7 +8385,7 @@ function Information(props) {
     return p;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$28 + "-icon",
+    className: rootClassName$29 + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -8393,12 +8394,12 @@ Information.defaultProps = {
   icon: React$1.createElement(InformationIcon, null)
 };
 
-var rootClassName$29 = 'component-input';
+var rootClassName$2a = 'component-input';
 function Input(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: props.id ? props.id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$29 + "-input", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2a + "-input", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8411,23 +8412,23 @@ function Input(props) {
     return p;
   };
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$29, props.error ? rootClassName$29 + "-error" : '', props.loading ? rootClassName$29 + "-loading" : '', props.disabled ? rootClassName$29 + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$2a, props.error ? rootClassName$2a + "-error" : '', props.loading ? rootClassName$2a + "-loading" : '', props.disabled ? rootClassName$2a + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1.createElement("div", {
     id: props.id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$29 + "-label nunito"
+    className: rootClassName$2a + "-label nunito"
   }, props.label || ''), React$1.createElement("div", {
-    className: rootClassName$29 + "-input-container"
+    className: rootClassName$2a + "-input-container"
   }, React$1.createElement("input", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
-    className: rootClassName$29 + "-right-object"
+    className: rootClassName$2a + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$29 + "-helper-and-counter"
+    className: rootClassName$2a + "-helper-and-counter"
   }, React$1.createElement("div", {
-    className: rootClassName$29 + "-helper-text nunito"
+    className: rootClassName$2a + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1.createElement("div", {
-    className: rootClassName$29 + "-counter"
+    className: rootClassName$2a + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 Input.defaultProps = {
@@ -8442,7 +8443,7 @@ Input.defaultProps = {
 };
 var Input$1 = memo(Input);
 
-var rootClassName$2a = 'component-input-area';
+var rootClassName$2b = 'component-input-area';
 function InputArea(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
     id = _useState[0];
@@ -8450,7 +8451,7 @@ function InputArea(props) {
     var p = _extends({}, props, {
       rows: 1,
       id: id ? id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2a + "-input-area", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2b + "-input-area", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8470,23 +8471,23 @@ function InputArea(props) {
     }
   }, [props.value]);
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$2a, props.error ? rootClassName$2a + "-error" : '', props.loading ? rootClassName$2a + "-loading" : '', props.disabled ? rootClassName$2a + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$2b, props.error ? rootClassName$2b + "-error" : '', props.loading ? rootClassName$2b + "-loading" : '', props.disabled ? rootClassName$2b + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2a + "-label nunito"
+    className: rootClassName$2b + "-label nunito"
   }, props.label || ''), React$1.createElement("div", {
-    className: rootClassName$2a + "-input-container"
+    className: rootClassName$2b + "-input-container"
   }, React$1.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
-    className: rootClassName$2a + "-right-object"
+    className: rootClassName$2b + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2a + "-helper-and-counter"
+    className: rootClassName$2b + "-helper-and-counter"
   }, React$1.createElement("div", {
-    className: rootClassName$2a + "-helper-text nunito"
+    className: rootClassName$2b + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1.createElement("div", {
-    className: rootClassName$2a + "-counter"
+    className: rootClassName$2b + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 InputArea.defaultProps = {
@@ -8502,14 +8503,14 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = memo(InputArea);
 
-var rootClassName$2b = 'component-item-dropdown-download';
+var rootClassName$2c = 'component-item-dropdown-download';
 function ItemDropdownDownload(props) {
   var id = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2b, props.className || '', props.opened ? 'opened' : 'closed']),
+      className: getMergedClassNames([rootClassName$2c, props.className || '', props.opened ? 'opened' : 'closed']),
       onClick: function onClick(event) {
         if (typeof props.onClick === 'function') {
           props.onClick(event);
@@ -8530,12 +8531,12 @@ function ItemDropdownDownload(props) {
   useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$2b + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$2c + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
       } else {
         var aux = evt.target;
         var deveFechar = true;
         while (aux && aux.id !== 'root') {
-          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2b + "-outer")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2c + "-outer")) {
             deveFechar = false;
             break;
           }
@@ -8572,23 +8573,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React$1.createElement("div", {
-    className: rootClassName$2b + "-outer",
+    className: rootClassName$2c + "-outer",
     id: id
   }, React$1.createElement("button", Object.assign({}, filteredProps), React$1.createElement("div", {
-    className: rootClassName$2b + "-label"
+    className: rootClassName$2c + "-label"
   }, props.label), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2b + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$2c + "-arrow", props.opened ? 'up' : 'down'])
   }, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2b + "-panel"
+    className: rootClassName$2c + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React$1.createElement("button", {
       id: download.id || undefined,
-      className: rootClassName$2b + "-item " + (download.loading ? 'loading' : ''),
+      className: rootClassName$2c + "-item " + (download.loading ? 'loading' : ''),
       onClick: function onClick(evt) {
         if (!download.loading && typeof download.onClick === 'function') {
           download.onClick(evt);
@@ -8596,9 +8597,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React$1.createElement("div", {
-      className: rootClassName$2b + "-item-label"
+      className: rootClassName$2c + "-item-label"
     }, download.label), React$1.createElement("div", {
-      className: rootClassName$2b + "-download-icon"
+      className: rootClassName$2c + "-download-icon"
     }, download.loading ? React$1.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React$1.createElement(CloudDownloadIcon, null)));
@@ -8610,7 +8611,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = memo(ItemDropdownDownload);
 
-var rootClassName$2c = 'component-menu-item';
+var rootClassName$2d = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -8620,7 +8621,7 @@ function MenuItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$2c, props.className, props.active ? rootClassName$2c + "-active" : ''])
+      className: getMergedClassNames([rootClassName$2d, props.className, props.active ? rootClassName$2d + "-active" : ''])
     });
     delete p.icon;
     delete p.active;
@@ -8633,15 +8634,15 @@ function MenuItem(props) {
     return p;
   };
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$2c + "-icon"
+    className: rootClassName$2d + "-icon"
   }, props.icon), React$1.createElement("div", {
-    className: rootClassName$2c + "-label"
+    className: rootClassName$2d + "-label"
   }, props.label)), props.subList && props.subList.length ? React$1.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React$1.createElement("div", {
-    className: rootClassName$2c + "-sub-list"
+    className: rootClassName$2d + "-sub-list"
   }, props.subList.map(function (subItem) {
-    var itemClassNames = getMergedClassNames([rootClassName$2c + "-sub-item", subItem.active ? rootClassName$2c + "-active" : '']);
+    var itemClassNames = getMergedClassNames([rootClassName$2d + "-sub-item", subItem.active ? rootClassName$2d + "-active" : '']);
     var idAndKey = subItem.id ? subItem.id : getUniqueKey();
     return React$1.createElement("div", {
       id: idAndKey,
@@ -8649,9 +8650,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React$1.createElement("div", {
-      className: rootClassName$2c + "-sub-item-icon"
+      className: rootClassName$2d + "-sub-item-icon"
     }, subItem.icon), React$1.createElement("div", {
-      className: rootClassName$2c + "-sub-item-label"
+      className: rootClassName$2d + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -8662,7 +8663,7 @@ MenuItem.defaultProps = {
   label: ''
 };
 
-var rootClassName$2d = 'component-menu';
+var rootClassName$2e = 'component-menu';
 var timeout;
 var format = function format(s) {
   return getStringWithoutSpecialChar(s).trim().toLowerCase();
@@ -8704,11 +8705,11 @@ function Menu(props) {
   }, [props.openOnClick]);
   var getProps = function getProps() {
     var openedOrNot = function openedOrNot(condition) {
-      if (condition) return rootClassName$2d + "-opened";
+      if (condition) return rootClassName$2e + "-opened";
       return '';
     };
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2d, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2d + "-short-on-md" : '', props.openOnClick ? rootClassName$2d + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2d + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
+      className: getMergedClassNames([rootClassName$2e, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2e + "-short-on-md" : '', props.openOnClick ? rootClassName$2e + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2e + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
     });
     delete p.loading;
     delete p.openOnClick;
@@ -8744,14 +8745,14 @@ function Menu(props) {
     });
   }, [buscarValue, props.items]);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React$1.createElement(IconButton$1, {
-    className: rootClassName$2d + "-close-button",
+    className: rootClassName$2e + "-close-button",
     icon: React$1.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React$1.createElement("div", {
-    className: rootClassName$2d + "-logo"
+    className: rootClassName$2e + "-logo"
   }, props.logo), React$1.createElement(Collapse$1, {
     animateOpacity: true,
     opened: props.loading
@@ -8763,7 +8764,7 @@ function Menu(props) {
     animateOpacity: true,
     opened: props.buscar && !props.loading
   }, React$1.createElement("div", {
-    className: rootClassName$2d + "-buscar"
+    className: rootClassName$2e + "-buscar"
   }, React$1.createElement(Input$1, {
     disabled: props.loading || !props.buscar,
     id: 'buscar-menu',
@@ -8779,29 +8780,29 @@ function Menu(props) {
     animateOpacity: true,
     opened: itens.length > 0
   }, React$1.createElement("div", {
-    className: rootClassName$2d + "-items"
+    className: rootClassName$2e + "-items"
   }, itens.map(function (it, index) {
     return React$1.createElement("div", {
-      className: rootClassName$2d + "-it",
+      className: rootClassName$2e + "-it",
       key: index
     }, React$1.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   })))), React$1.createElement(React$1.Fragment, null, props.openOnClick && React$1.createElement("button", {
-    className: rootClassName$2d + "-toggle " + (opened ? rootClassName$2d + "-opened" : ''),
+    className: rootClassName$2e + "-toggle " + (opened ? rootClassName$2e + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }, React$1.createElement(ChevronArrowRightIcon, null))), React$1.createElement(React$1.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React$1.createElement(CSSTransition, {
     timeout: 300,
-    classNames: rootClassName$2d + "-background",
+    classNames: rootClassName$2e + "-background",
     "in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
     mountOnEnter: true,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2d + "-background",
+    className: rootClassName$2e + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -8821,12 +8822,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = memo(Menu);
 
-var rootClassName$2e = 'component-modal';
+var rootClassName$2f = 'component-modal';
 function Modal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([props.className || '', rootClassName$2e, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2e + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$2f, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2f + "-" + String(props.size).toLowerCase()])
     });
     delete p.footer;
     delete p.title;
@@ -8856,18 +8857,18 @@ function Modal(props) {
     if (typeof props.onClose === 'function') props.onClose(props.modalKey);
   };
   return React$1.createElement("div", Object.assign({}, filteredProps), React$1.createElement("div", {
-    className: rootClassName$2e + "-header"
+    className: rootClassName$2f + "-header"
   }, React$1.createElement("div", {
-    className: rootClassName$2e + "-title"
+    className: rootClassName$2f + "-title"
   }, props.title), React$1.createElement("div", {
-    className: rootClassName$2e + "-close-button"
+    className: rootClassName$2f + "-close-button"
   }, React$1.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React$1.createElement(CloseIcon, null)
   }))), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2e + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$2f + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React$1.createElement("div", {
-    className: rootClassName$2e + "-footer"
+    className: rootClassName$2f + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -8876,11 +8877,11 @@ Modal.defaultProps = {
   size: 'large'
 };
 
-var rootClassName$2f = 'component-modal-mask';
+var rootClassName$2g = 'component-modal-mask';
 var ModalMask = function ModalMask(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2f, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
+      className: getMergedClassNames([rootClassName$2g, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
     });
     delete p.mobileOnXS;
     return p;
@@ -8888,7 +8889,7 @@ var ModalMask = function ModalMask(props) {
   return React$1.createElement("div", Object.assign({}, getProps()), props.children);
 };
 
-var rootClassName$2g = 'comp-modal-manager';
+var rootClassName$2h = 'comp-modal-manager';
 var maskRootClassName = 'component-modal-mask';
 var hackFocus = function hackFocus() {
   var tmp = document.createElement('input');
@@ -8963,7 +8964,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     };
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2g + "-modals"]);
+    return getMergedClassNames([rootClassName$2h + "-modals"]);
   };
   return React$1.createElement(React$1.Fragment, null, React$1.createElement(TransitionGroup, {
     className: getClassNames()
@@ -8972,7 +8973,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     var ModalComponent = React$1.createElement(obj.component, obj.props);
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2g + "-mask-mobile-on-xs" : rootClassName$2g + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2h + "-mask-mobile-on-xs" : rootClassName$2h + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React$1.createElement(ModalMask, {
@@ -9010,7 +9011,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$2h = 'component-paginator';
+var rootClassName$2i = 'component-paginator';
 function Paginator(props) {
   var _useState = useState([]),
     arrOfNumbers = _useState[0],
@@ -9036,11 +9037,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React$1.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$2h, props.className || ''])
+    className: getMergedClassNames([rootClassName$2i, props.className || ''])
   }, React$1.createElement("div", {
-    className: rootClassName$2h + "-center-content"
+    className: rootClassName$2i + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
-    className: rootClassName$2h + "-left-arrow"
+    className: rootClassName$2i + "-left-arrow"
   }, React$1.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React$1.createElement(ChevronArrowLeftIcon, null),
@@ -9050,11 +9051,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React$1.createElement("div", {
-    className: rootClassName$2h + "-numbers"
+    className: rootClassName$2i + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React$1.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$2h + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$2i + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -9062,7 +9063,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
-    className: rootClassName$2h + "-right-arrow"
+    className: rootClassName$2i + "-right-arrow"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -9072,12 +9073,12 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React$1.createElement(CSSTransition, {
-    classNames: rootClassName$2h + "-loader",
+    classNames: rootClassName$2i + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2h + "-loader"
+    className: rootClassName$2i + "-loader"
   }, React$1.createElement(ThreeDotsLoader, {
     size: 2
   })))));
@@ -9186,10 +9187,10 @@ function usePagination(props) {
   }, other);
 }
 
-var rootClassName$2i = 'icon-component';
+var rootClassName$2j = 'icon-component';
 var ThreeDots = function ThreeDots() {
   return React$1.createElement("svg", {
-    className: rootClassName$2i,
+    className: rootClassName$2j,
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'none',
     viewBox: '0.8 0.71 10.32 2.37'
@@ -9247,6 +9248,7 @@ function useScreenSize() {
 }
 
 var _excluded$1 = ["page", "type", "selected"];
+var rootClassName$2k = 'pagination-component';
 var Pagination = function Pagination(props) {
   var screenSize = useScreenSize();
   var _useState = useState(false),
@@ -9316,20 +9318,20 @@ var Pagination = function Pagination(props) {
     return false;
   }, [rowsPerPage, countPages, screenSize]);
   return React$1.createElement(Row$1, {
-    className: getMergedClassNames([undefined.root, countPages ? undefined.hasLeftItem : '', countPages || rowsPerPage ? undefined.oneOf : ''])
+    className: getMergedClassNames([rootClassName$2k, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
   }, countPages || rowsPerPage ? React$1.createElement(Col$1, {
     noPadding: true,
     cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
   }, countPages || rowsPerPage ? React$1.createElement("div", {
-    className: getMergedClassNames([undefined.paginationLeftContainer, 'nunito', countPages && rowsPerPage ? undefined.both : countPages || rowsPerPage ? undefined.oneOf : ''])
+    className: getMergedClassNames(['paginationLeftContainer', 'nunito', countPages && rowsPerPage ? 'both' : countPages || rowsPerPage ? 'oneOf' : ''])
   }, countPages ? React$1.createElement("div", null, React$1.createElement("p", null, defaultLabelDisplayedRows({
     from: countPages.rows === 0 ? 0 : countPages.rows * pageCurrent - countPages.rows + 1,
     to: Number(pageCurrent === lastPage ? countPages.totalItems : countPages.rows * pageCurrent),
     count: countPages.totalItems === -1 ? -1 : countPages.totalItems
   }))) : undefined, rowsPerPage ? React$1.createElement("div", null, React$1.createElement("div", {
-    className: undefined.linesPerPage
-  }, countPages ? screenSize === 'md' || screenSize === 'lg' || screenSize === 'xl' ? React$1.createElement("span", null, React$1.createElement(ListDotIcon, null)) : '' : undefined, React$1.createElement("div", {
-    className: getMergedClassNames([undefined.wrapper, loading || disabled ? undefined.disabled : ''])
+    className: 'linesPerPage'
+  }, countPages ? ['md', 'lg', 'xl'].includes(screenSize) ? React$1.createElement("span", null, React$1.createElement(ListDotIcon, null)) : '' : undefined, React$1.createElement("div", {
+    className: getMergedClassNames(['wrapper', loading || disabled ? 'disabled' : ''])
   }, React$1.createElement("p", null, "Linhas por p\xE1gina:"), React$1.createElement(DropdownMenu, {
     opened: !loading && !disabled && dropdownOpened,
     setOpened: setDropdownOpened,
@@ -9357,7 +9359,7 @@ var Pagination = function Pagination(props) {
     onClick: function onClick() {
       return setDropdownOpened(!dropdownOpened);
     },
-    className: getMergedClassNames([undefined.drop, dropdownOpened ? undefined.active : ''])
+    className: getMergedClassNames(['drop', dropdownOpened ? 'active' : ''])
   }, React$1.createElement("p", {
     className: 'nunito'
   }, rowsPerPage && rows, " "), React$1.createElement(ChevronArrowDownIcon, null)))))) : undefined) : undefined) : undefined, React$1.createElement(Col$1, {
@@ -9374,17 +9376,17 @@ var Pagination = function Pagination(props) {
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
       children = React$1.createElement("li", {
         key: index,
-        className: getMergedClassNames([undefined.paginationItem, undefined.dots, disabled ? undefined.disabled : ''])
+        className: getMergedClassNames(['paginationItem', 'dots', disabled ? 'disabled' : ''])
       }, React$1.createElement(ThreeDots, null));
     } else if (type === 'page') {
       children = React$1.createElement("li", Object.assign({
         key: index,
-        className: getMergedClassNames([undefined.paginationItem, disabled ? undefined.disabled : '', selected ? undefined.selected : '', !loading ? undefined.nonLoader : '']),
+        className: getMergedClassNames(['paginationItem', disabled ? 'disabled' : '', selected ? 'selected' : '', !loading ? 'nonLoader' : '']),
         tabIndex: disabled ? -1 : 0
       }, item), page);
     } else if (type === 'voltar') {
       children = React$1.createElement("div", {
-        className: undefined.arrows,
+        className: 'arrows',
         "aria-label": 'previous page'
       }, React$1.createElement(IconButton$1, Object.assign({
         icon: React$1.createElement(ChevronArrowLeftIcon, null),
@@ -9392,7 +9394,7 @@ var Pagination = function Pagination(props) {
       }, item)));
     } else if (type === 'próximo') {
       children = React$1.createElement("div", {
-        className: undefined.arrows,
+        className: 'arrows',
         "aria-label": 'previous page'
       }, React$1.createElement(IconButton$1, Object.assign({
         icon: React$1.createElement(ChevronArrowRightIcon, null),
@@ -9401,27 +9403,27 @@ var Pagination = function Pagination(props) {
     }
     return React$1.createElement("ul", {
       key: index,
-      className: undefined.paginationContainer
+      className: 'paginationContainer'
     }, children);
   }), React$1.createElement(CSSTransition, {
     "in": loading,
     timeout: 300,
     unmountOnExit: true,
     classNames: {
-      enter: undefined.enter,
-      enterActive: undefined.enterActive,
-      exit: undefined.exit,
-      exitActive: undefined.exitActive,
-      exitDone: undefined.exitDone
+      enter: 'enter',
+      enterActive: 'enterActive',
+      exit: 'exit',
+      exitActive: 'exitActive',
+      exitDone: 'exitDone'
     }
   }, React$1.createElement("div", {
-    className: undefined.paginationContainerLoader
+    className: 'paginationContainerLoader'
   }, React$1.createElement(ThreeDotsLoader, {
     size: 2
   }))))));
 };
 
-var rootClassName$2j = 'component-video-player';
+var rootClassName$2l = 'component-video-player';
 function VideoPlayer(props) {
   var youtubeRegex = /youtu(\.){0,1}be/;
   var alreadyPlayed = false;
@@ -9462,7 +9464,7 @@ function VideoPlayer(props) {
   }, []);
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2j, props.className, props.blackGround ? 'blackground' : ''])
+      className: getMergedClassNames([rootClassName$2l, props.className, props.blackGround ? 'blackground' : ''])
     });
     delete p.id;
     delete p.url;
@@ -9558,7 +9560,7 @@ VideoPlayer.defaultProps = {
   formatUrl: true
 };
 
-var rootClassName$2k = 'previa-video';
+var rootClassName$2m = 'previa-video';
 function PreviaVideo(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -9594,21 +9596,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React$1.createElement("div", {
     id: id,
-    className: rootClassName$2k,
+    className: rootClassName$2m,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$2k + "-img",
+    className: rootClassName$2m + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React$1.createElement("div", {
-    className: rootClassName$2k + "-icon"
+    className: rootClassName$2m + "-icon"
   }, React$1.createElement(BigPlayIcon, {
     hideBackground: true
   })), React$1.createElement("div", {
-    className: rootClassName$2k + "-label"
+    className: rootClassName$2m + "-label"
   }, props.label), React$1.createElement(CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -9619,7 +9621,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React$1.createElement("div", {
-    className: rootClassName$2k + "-video"
+    className: rootClassName$2m + "-video"
   }, React$1.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -9634,11 +9636,11 @@ var RadioButtonType;
   RadioButtonType["New"] = "new";
 })(RadioButtonType || (RadioButtonType = {}));
 
-var rootClassName$2l = 'component-radio-button';
+var rootClassName$2n = 'component-radio-button';
 function RadioButton(props) {
   var buttonProps = useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2l, props.theme, props.className, rootClassName$2l + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$2n, props.theme, props.className, rootClassName$2n + "-" + (props.value ? 'checked' : 'not')]),
       onClick: function onClick() {
         if (!props.disabled) {
           props.onChange(!props.value);
@@ -9659,11 +9661,11 @@ RadioButton.defaultProps = {
 };
 var RadioButton$1 = memo(RadioButton);
 
-var rootClassName$2m = 'component-chip';
+var rootClassName$2o = 'component-chip';
 function Chip(props) {
   var _props$theme;
   return React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$2m, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
+    className: useMergedClassNames([rootClassName$2o, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
     onClick: function onClick() {
       if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
         props.onClick();
@@ -9672,7 +9674,7 @@ function Chip(props) {
   }, React$1.createElement("span", {
     className: 'nunito'
   }, props.label), React$1.createElement("div", {
-    className: rootClassName$2m + "-button",
+    className: rootClassName$2o + "-button",
     onClick: function onClick() {
       if (!props.disabled && typeof props.onClick === 'function') {
         props.onClick();
@@ -9706,7 +9708,7 @@ function useOutsideClick(refs, handler) {
   }, [refs, handler, handleClickOutside]);
 }
 
-var rootClassName$2n = 'component-search';
+var rootClassName$2p = 'component-search';
 function Search(props) {
   var _wrapperRef$current;
   var _useState = useState(),
@@ -9815,7 +9817,7 @@ function Search(props) {
   return React$1.createElement("div", {
     tabIndex: 1,
     id: id,
-    className: rootClassName$2n,
+    className: rootClassName$2p,
     ref: wrapperRef
   }, React$1.createElement(Input$1, {
     id: getUniqueKey(),
@@ -9825,7 +9827,7 @@ function Search(props) {
     placeholder: props.placeholder,
     onKeyDown: function onKeyDown(evt) {
       if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
-        var query = "#" + panelId + " ." + rootClassName$2n + "-options:nth-child(1)";
+        var query = "#" + panelId + " ." + rootClassName$2p + "-options:nth-child(1)";
         var optionToFocus = document.querySelector(query);
         if (optionToFocus) {
           optionToFocus.focus();
@@ -9834,7 +9836,7 @@ function Search(props) {
       }
     },
     rightObject: React$1.createElement("div", {
-      className: rootClassName$2n + "-right-container"
+      className: rootClassName$2p + "-right-container"
     }, props.showSelected && selected ? React$1.createElement(Chip$1, {
       label: selected,
       allClickable: false,
@@ -9887,7 +9889,7 @@ function Search(props) {
     unmountOnExit: true
   }, React$1.createElement("div", {
     id: panelId,
-    className: rootClassName$2n + "-panel scroll-white",
+    className: rootClassName$2p + "-panel scroll-white",
     style: {
       width: ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) + "px"
     }
@@ -9895,7 +9897,7 @@ function Search(props) {
     return React$1.createElement("div", {
       key: i,
       tabIndex: 1,
-      className: rootClassName$2n + "-options",
+      className: rootClassName$2p + "-options",
       onClick: function onClick() {
         handleSelectItem(e);
       },
@@ -9951,7 +9953,7 @@ function Search(props) {
     return React$1.createElement("div", {
       key: i,
       tabIndex: 1,
-      className: rootClassName$2n + "-options",
+      className: rootClassName$2p + "-options",
       onClick: function onClick() {
         handleSelectItem(results);
       },
@@ -10008,7 +10010,7 @@ Search.defaultProps = {
 };
 var Search$1 = memo(Search);
 
-var rootClassName$2o = 'component-select';
+var rootClassName$2q = 'component-select';
 function Select(props) {
   var _props$options3;
   var _useState = useState(getUniqueKey()),
@@ -10041,7 +10043,7 @@ function Select(props) {
       var aux = evt.target;
       var deveFechar = true;
       while (aux && aux.id !== 'root') {
-        if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2o + "-outer")) {
+        if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2q + "-outer")) {
           deveFechar = false;
           break;
         }
@@ -10139,11 +10141,11 @@ function Select(props) {
   }, [opcoes]);
   var getRightObject = function getRightObject() {
     return React$1.createElement("div", {
-      className: rootClassName$2o + "-objects"
+      className: rootClassName$2q + "-objects"
     }, props.clearButton && !props.readOnly && (props.multiple && props.value && Array.isArray(props.value) && props.value.length || !props.multiple && (props.value || props.value === 0 || props.value === false)) ? React$1.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2o + "-clear-button",
+      className: rootClassName$2q + "-clear-button",
       icon: React$1.createElement(CloseIcon, null),
       onClick: function onClick() {
         if (props.multiple) {
@@ -10159,7 +10161,7 @@ function Select(props) {
     }) : undefined, React$1.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2o + "-arrow " + rootClassName$2o + "-arrow-" + (panelOpened ? 'up' : 'down'),
+      className: rootClassName$2q + "-arrow " + rootClassName$2q + "-arrow-" + (panelOpened ? 'up' : 'down'),
       onClick: function onClick() {
         return setPanelOpened(!panelOpened);
       },
@@ -10169,12 +10171,12 @@ function Select(props) {
   var getInputProps = function getInputProps() {
     var _props$options;
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2o, props.className]),
+      className: getMergedClassNames([rootClassName$2q, props.className]),
       forceFocus: fakeSelectFocused,
       readOnly: true,
       rightObject: getRightObject(),
       onClick: function onClick() {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2q + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -10182,7 +10184,7 @@ function Select(props) {
         }
       },
       onFocus: function onFocus(evt) {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2q + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -10195,12 +10197,12 @@ function Select(props) {
           evt.preventDefault();
         }
         if (evt.keyCode === 9 && panelOpened) {
-          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
           if (inputFilter) {
             inputFilter.focus();
             evt.preventDefault();
           } else {
-            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
+            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2q + "-options div");
             if (firstOption) {
               firstOption.focus();
               evt.preventDefault();
@@ -10249,7 +10251,7 @@ function Select(props) {
     return React$1.createElement("div", {
       tabIndex: 1,
       key: getKey(option),
-      className: rootClassName$2o + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2q + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
         var parent = child.parentNode;
@@ -10259,14 +10261,14 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
                 if (inputFilter) {
                   inputFilter.focus();
                   evt.preventDefault();
                 }
               }
             } else if (index === total - 1) {
-              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2o + "-footer-button." + rootClassName$2o + "-selectAll");
+              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2q + "-footer-button." + rootClassName$2q + "-selectAll");
               if (selectAll) {
                 selectAll.focus();
               }
@@ -10287,7 +10289,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
               if (_inputFilter) _inputFilter.focus();
             }
             evt.preventDefault();
@@ -10308,7 +10310,7 @@ function Select(props) {
         handleChange();
       }
     }), React$1.createElement("div", {
-      className: rootClassName$2o + "-multiple-option-label"
+      className: rootClassName$2q + "-multiple-option-label"
     }, option.label));
   };
   var getSingleOption = function getSingleOption(option) {
@@ -10324,7 +10326,7 @@ function Select(props) {
     return React$1.createElement("div", {
       key: getKey(option),
       tabIndex: 1,
-      className: rootClassName$2o + "-single-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2q + "-single-option " + (props.readOnly ? 'read-only' : ''),
       onClick: handleChange,
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
@@ -10335,7 +10337,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
                 if (inputPanel) {
                   inputPanel.focus();
                   evt.preventDefault();
@@ -10356,7 +10358,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var el = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+              var el = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
               if (el) el.focus();
             }
             evt.preventDefault();
@@ -10373,7 +10375,7 @@ function Select(props) {
   };
   var noOptionsMessage = useMemo(function () {
     return React$1.createElement("div", {
-      className: rootClassName$2o + "-no-result"
+      className: rootClassName$2q + "-no-result"
     }, props.noOptionMessage);
   }, [props.noOptionMessage]);
   var optionsFiltered = useMemo(function () {
@@ -10384,9 +10386,9 @@ function Select(props) {
   }, [props.options, filterInput]);
   return React$1.createElement("div", {
     id: id,
-    className: rootClassName$2o + "-outer"
+    className: rootClassName$2q + "-outer"
   }, !props.multiple && isiPhone() && React$1.createElement("select", {
-    className: rootClassName$2o + "-select-fake",
+    className: rootClassName$2q + "-select-fake",
     value: props.value ? String(props.value) : '',
     onChange: function onChange(evt) {
       return props.onChange(evt.target.value, {
@@ -10419,14 +10421,14 @@ function Select(props) {
         panel.style.top = 'unset';
         panel.style.bottom = '0';
       }
-      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
+      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
       if (firstInput && !isiPhone()) {
         setTimeout(function () {
           firstInput.focus();
         }, 50);
       } else {
         if (props.multiple) {
-          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-options div");
+          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-options div");
           if (optionToFocus) {
             setTimeout(function () {
               optionToFocus.focus();
@@ -10442,7 +10444,7 @@ function Select(props) {
             return opt.value === props.value;
           });
           var index = elProps ? elProps.ind + 1 : 1;
-          var query = "#" + panelId + " ." + rootClassName$2o + "-options div:nth-child(" + index + ")";
+          var query = "#" + panelId + " ." + rootClassName$2q + "-options div:nth-child(" + index + ")";
           var _optionToFocus = document.querySelector(query);
           if (_optionToFocus) {
             setTimeout(function () {
@@ -10460,9 +10462,9 @@ function Select(props) {
     }
   }, React$1.createElement("div", {
     id: panelId,
-    className: rootClassName$2o + "-panel " + (props.multiple ? 'multiple' : '')
+    className: rootClassName$2q + "-panel " + (props.multiple ? 'multiple' : '')
   }, props.panelFilter && props.options && !!props.options.length && React$1.createElement("div", {
-    className: rootClassName$2o + "-panel-input"
+    className: rootClassName$2q + "-panel-input"
   }, React$1.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -10472,7 +10474,7 @@ function Select(props) {
     hideLabelAndHelperText: true,
     onKeyDown: function onKeyDown(evt) {
       if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
-        var el = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
+        var el = document.querySelector("#" + id + " ." + rootClassName$2q + "-options div");
         if (el) {
           el.focus();
           evt.preventDefault();
@@ -10480,20 +10482,20 @@ function Select(props) {
       }
     }
   })), React$1.createElement("div", {
-    className: rootClassName$2o + "-options scroll-white"
+    className: rootClassName$2q + "-options scroll-white"
   }, props.options && props.options.length ? optionsFiltered.map(function (option) {
     if (props.multiple) {
       return getMultipleOption(option);
     }
     return getSingleOption(option);
   }) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React$1.createElement(React$1.Fragment, null, React$1.createElement("div", {
-    className: rootClassName$2o + "-panel-footer-clearfix"
+    className: rootClassName$2q + "-panel-footer-clearfix"
   }), React$1.createElement("div", {
-    className: rootClassName$2o + "-panel-footer"
+    className: rootClassName$2q + "-panel-footer"
   }, React$1.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2o + "-footer-button",
+    className: rootClassName$2q + "-footer-button",
     onClick: function onClick() {
       return props.onChange(optionsFiltered.map(function (op) {
         return op.value;
@@ -10506,7 +10508,7 @@ function Select(props) {
     tabIndex: 1,
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2o + "-footer-button",
+    className: rootClassName$2q + "-footer-button",
     onClick: function onClick() {
       return props.onChange([], {
         setPanelOpened: setPanelOpened
@@ -10528,7 +10530,7 @@ Select.defaultProps = {
 };
 var Select$1 = memo(Select);
 
-var rootClassName$2p = 'component-switch';
+var rootClassName$2r = 'component-switch';
 function Switch(props) {
   var handleClick = function handleClick() {
     if (typeof props.onChange === 'function' && !props.disabled) {
@@ -10537,7 +10539,7 @@ function Switch(props) {
   };
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2p, props.className || '', rootClassName$2p + "-" + (props.value ? 'on' : 'off')]),
+      className: getMergedClassNames([rootClassName$2r, props.className || '', rootClassName$2r + "-" + (props.value ? 'on' : 'off')]),
       onClick: handleClick,
       style: _extends({
         transform: "scale(" + props.scale + ")"
@@ -10549,9 +10551,9 @@ function Switch(props) {
     return p;
   };
   return React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$2p + "-track"
+    className: rootClassName$2r + "-track"
   }), React$1.createElement("div", {
-    className: rootClassName$2p + "-thumb"
+    className: rootClassName$2r + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -10561,10 +10563,10 @@ Switch.defaultProps = {
   scale: 1
 };
 
-var rootClassName$2q = 'component-table-actions-column';
+var rootClassName$2s = 'component-table-actions-column';
 var ActionsColumn = function ActionsColumn(props) {
   return React$1.createElement("div", {
-    className: rootClassName$2q
+    className: rootClassName$2s
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React$1.createElement(IconButton$1, Object.assign({
       key: index
@@ -10575,7 +10577,7 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var rootClassName$2r = 'component-table';
+var rootClassName$2t = 'component-table';
 function TypedTable(props) {
   return React$1.createElement(Table, Object.assign({}, props));
 }
@@ -10587,8 +10589,8 @@ function Table(props) {
       var el = document.getElementById(itemsId);
       var sortable = new Sortable(el, {
         animation: 300,
-        ghostClass: rootClassName$2r + "-item-ghost",
-        dragClass: rootClassName$2r + "-item-dragging",
+        ghostClass: rootClassName$2t + "-item-ghost",
+        dragClass: rootClassName$2t + "-item-dragging",
         onStart: function onStart() {
           document.body.classList.add('document-grabbing');
         },
@@ -10621,7 +10623,7 @@ function Table(props) {
   }, []);
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2r, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
+      className: getMergedClassNames([rootClassName$2t, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
     });
     delete p.columns;
     delete p.lines;
@@ -10632,9 +10634,9 @@ function Table(props) {
     return p;
   };
   return React$1.createElement("div", {
-    className: rootClassName$2r + "-outer"
+    className: rootClassName$2t + "-outer"
   }, props.upperHeader ? React$1.createElement(React$1.Fragment, null, React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2r + "-upper-header", props.upperHeader.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2t + "-upper-header", props.upperHeader.active ? 'active' : ''])
   }, props.upperHeader.buttons && props.upperHeader.buttons.length ? props.upperHeader.buttons.map(function (btn, index) {
     var _props$upperHeader;
     return React$1.createElement("button", {
@@ -10644,7 +10646,7 @@ function Table(props) {
       disabled: !((_props$upperHeader = props.upperHeader) !== null && _props$upperHeader !== void 0 && _props$upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
     }, React$1.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React$1.createElement("div", {
-    className: rootClassName$2r + "-outer-table"
+    className: rootClassName$2t + "-outer-table"
   }, React$1.createElement("table", Object.assign({}, getProps()), React$1.createElement("thead", null, React$1.createElement("tr", null, React$1.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React$1.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
@@ -10690,15 +10692,15 @@ TableActions.defaultProps = {
   actions: []
 };
 
-var rootClassName$2s = 'component-table-file-name-and-action';
+var rootClassName$2u = 'component-table-file-name-and-action';
 function TableFileNameAndAction(props) {
   return React$1.createElement("div", {
-    className: rootClassName$2s
+    className: rootClassName$2u
   }, props.files && props.files.length ? props.files.map(function (line, index) {
     var obj = line.file ? line.file : line;
     return React$1.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$2s + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2u + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
     }, React$1.createElement("span", null, obj.name), React$1.createElement(IconButton$1, {
       icon: line.uploading ? React$1.createElement(PercentLoaderIcon, {
         indefinido: line.indefinido,
@@ -10756,20 +10758,20 @@ function useDraggableScroll(reference, options) {
   }, [reference]);
 }
 
-var rootClassName$2t = 'component-upper-header-table';
+var rootClassName$2v = 'component-upper-header-table';
 function TableUpperHeader(props) {
   var _props$leftContent, _props$rightContent;
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2t, props.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2v, props.active ? 'active' : ''])
   }, React$1.createElement("div", {
-    className: rootClassName$2t + "-left"
+    className: rootClassName$2v + "-left"
   }, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
     return btn.type === 'Button' ? React$1.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2t + "-btn",
+      className: rootClassName$2v + "-btn",
       type: 'button'
     }, btn.leftIcon && React$1.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1.createElement("span", null, btn.rightIcon)) : React$1.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
@@ -10777,19 +10779,19 @@ function TableUpperHeader(props) {
       key: i,
       id: btn.children.id,
       onClick: btn.children.onClick,
-      className: rootClassName$2t + "-btn",
+      className: rootClassName$2v + "-btn",
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       type: 'button'
     }, btn.children.leftIcon && React$1.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1.createElement("span", null, btn.children.rightIcon)));
   })), React$1.createElement("div", {
-    className: rootClassName$2t + "-right"
+    className: rootClassName$2v + "-right"
   }, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
     return btn.type === 'Button' ? React$1.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2t + "-btn",
+      className: rootClassName$2v + "-btn",
       type: 'button'
     }, btn.leftIcon && React$1.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1.createElement("span", null, btn.rightIcon)) : React$1.createElement(DropdownMenu, Object.assign({}, btn, {
       key: "children_" + i
@@ -10798,23 +10800,23 @@ function TableUpperHeader(props) {
       id: btn.children.id,
       onClick: btn.children.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
-      className: rootClassName$2t + "-btn",
+      className: rootClassName$2v + "-btn",
       type: 'button'
     }, btn.children.leftIcon && React$1.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1.createElement("span", null, btn.children.rightIcon)));
   })), props.collapsedContent ? React$1.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: true
   }, React$1.createElement(Row$1, {
-    className: rootClassName$2t + "-collapsed"
+    className: rootClassName$2v + "-collapsed"
   }, props.collapsedContent)) : undefined);
 }
 var TableUpperHeader$1 = memo(TableUpperHeader);
 
-var rootClassName$2u = 'component-table-with-overflow';
+var rootClassName$2w = 'component-table-with-overflow';
 function TableWithOverflow(props) {
   var mediaQuery = useScreenSize();
   var wrapperClassName = useMemo(function () {
-    return getMergedClassNames([rootClassName$2u + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
+    return getMergedClassNames([rootClassName$2w + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
   }, [props.upperHeader, props.lines, props.noResultMessage]);
   var outerTableRef = createRef();
   useDraggableScroll(outerTableRef, {
@@ -10902,9 +10904,9 @@ function TableWithOverflow(props) {
     });
   }, [props.lines, props.columns, atLeastOneStaticColumn, someAbsoluteColumn]);
   return React$1.createElement("div", {
-    className: rootClassName$2u
+    className: rootClassName$2w
   }, props.upperHeader ? React$1.createElement("div", {
-    className: rootClassName$2u + "-upper-header"
+    className: rootClassName$2w + "-upper-header"
   }, React$1.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React$1.createElement("div", {
     className: wrapperClassName,
     style: {
@@ -10912,7 +10914,7 @@ function TableWithOverflow(props) {
       paddingRight: paddingRight
     }
   }, props.showTopNavigator && React$1.createElement("div", {
-    className: rootClassName$2u + "-table-arrows"
+    className: rootClassName$2w + "-table-arrows"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(CircleArrowLeft, null),
     onClick: function onClick() {
@@ -10924,14 +10926,14 @@ function TableWithOverflow(props) {
       handleArrowClick(150);
     }
   })), React$1.createElement("div", {
-    className: rootClassName$2u + "-outer-table",
+    className: rootClassName$2w + "-outer-table",
     ref: outerTableRef
   }, React$1.createElement("table", null, React$1.createElement("thead", null, React$1.createElement("tr", null, React$1.createElement("th", {
     className: 'absolute left-0'
   }), columnsHeader, React$1.createElement("th", {
     className: 'absolute right-0'
   })), React$1.createElement("tr", null)), React$1.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React$1.createElement("div", {
-    className: rootClassName$2u + "-no-result"
+    className: rootClassName$2w + "-no-result"
   }, props.noResultMessage) : undefined));
 }
 TableWithOverflow.defaultProps = {
@@ -10939,7 +10941,7 @@ TableWithOverflow.defaultProps = {
 };
 var TableWithOverflow$1 = memo(TableWithOverflow);
 
-var rootClassName$2v = 'component-tabs';
+var rootClassName$2x = 'component-tabs';
 function Tabs(props) {
   var _props$tabs;
   var navRef = createRef();
@@ -10965,14 +10967,14 @@ function Tabs(props) {
     };
   }, [startBar]);
   return React$1.createElement("nav", {
-    className: rootClassName$2v,
+    className: rootClassName$2x,
     style: {
       justifyContent: props.justify
     },
     ref: navRef
   }, (_props$tabs = props.tabs) === null || _props$tabs === void 0 ? void 0 : _props$tabs.map(function (tab, index) {
     return React$1.createElement("button", {
-      className: getMergedClassNames([rootClassName$2v + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
+      className: getMergedClassNames([rootClassName$2x + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
       onClick: function onClick() {
         props.onChange(index);
       },
@@ -10982,12 +10984,12 @@ function Tabs(props) {
     }, React$1.createElement("span", null, tab.title));
   }), React$1.createElement("div", {
     ref: actualRef,
-    className: rootClassName$2v + "-bar"
+    className: rootClassName$2x + "-bar"
   }));
 }
 var Tabs$1 = memo(Tabs);
 
-var rootClassName$2w = 'text-editor-header-input';
+var rootClassName$2y = 'text-editor-header-input';
 function TextEditorHeaderInput(props) {
   var _useState = useState(getUniqueKey()),
     inputLabelId = _useState[0];
@@ -11006,7 +11008,7 @@ function TextEditorHeaderInput(props) {
         props.onChange(evt);
         evt.stopPropagation();
       },
-      className: getMergedClassNames([rootClassName$2w + "-input", props.className || '']),
+      className: getMergedClassNames([rootClassName$2y + "-input", props.className || '']),
       value: props.value,
       onKeyUp: function onKeyUp(evt) {
         if (evt.key === 'Enter' && typeof props.onEnter === 'function') {
@@ -11016,10 +11018,10 @@ function TextEditorHeaderInput(props) {
     };
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2w
+    className: rootClassName$2y
   }, /*#__PURE__*/React.createElement("div", {
     id: inputLabelId,
-    className: getMergedClassNames([rootClassName$2w + "-label", props.value ? 'top' : ''])
+    className: getMergedClassNames([rootClassName$2y + "-label", props.value ? 'top' : ''])
   }, props.label), /*#__PURE__*/React.createElement("input", getInputProps()));
 }
 TextEditorHeaderInput.propTypes = {
@@ -11032,10 +11034,10 @@ TextEditorHeaderInput.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2x = 'text-editor-menu-button';
+var rootClassName$2z = 'text-editor-menu-button';
 function TextEditorMenuButton(props) {
   return /*#__PURE__*/React.createElement("button", _extends({}, props, {
-    className: getMergedClassNames([props.className || '', rootClassName$2x])
+    className: getMergedClassNames([props.className || '', rootClassName$2z])
   }));
 }
 TextEditorMenuButton.propTypes = {
@@ -11043,8 +11045,8 @@ TextEditorMenuButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$2y = 'text-editor-color-picker';
-var colorClassName = rootClassName$2y + "-color-button";
+var rootClassName$2A = 'text-editor-color-picker';
+var colorClassName = rootClassName$2A + "-color-button";
 var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
 var ColorButton = function ColorButton(props) {
   return /*#__PURE__*/React.createElement("button", {
@@ -11114,9 +11116,9 @@ function TextEditorColorPicker(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2y
+    className: rootClassName$2A
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2y + "-colors"
+    className: rootClassName$2A + "-colors"
   }, defaultColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -11126,7 +11128,7 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2y + "-colors"
+    className: rootClassName$2A + "-colors"
   }, lastUsedColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -11137,9 +11139,9 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2y + "-hexa-row"
+    className: rootClassName$2A + "-hexa-row"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2y + "-picker-col"
+    className: rootClassName$2A + "-picker-col"
   }, /*#__PURE__*/React.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
@@ -11150,7 +11152,7 @@ function TextEditorColorPicker(props) {
         setHexa(val);
       }, 200);
     },
-    className: rootClassName$2y + "-color-picker",
+    className: rootClassName$2A + "-color-picker",
     type: "color"
   })), /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Hexadecimal",
@@ -11176,10 +11178,10 @@ TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2z = 'text-editor-header-button';
+var rootClassName$2B = 'text-editor-header-button';
 function TextEditorHeaderButton(props) {
   return /*#__PURE__*/React$1.createElement("button", {
-    className: getMergedClassNames([rootClassName$2z, props.active ? 'active' : '']),
+    className: getMergedClassNames([rootClassName$2B, props.active ? 'active' : '']),
     onClick: props.onClick,
     disabled: props.disabled
   }, props.icon);
@@ -11191,7 +11193,7 @@ TextEditorHeaderButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$2A = 'text-editor-title-choser';
+var rootClassName$2C = 'text-editor-title-choser';
 function TextEditorTitleChoser(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -11227,7 +11229,7 @@ function TextEditorTitleChoser(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2A,
+    className: rootClassName$2C,
     id: id
   }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
@@ -11247,7 +11249,7 @@ TextEditorTitleChoser.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2B = 'text-editor-url-creator';
+var rootClassName$2D = 'text-editor-url-creator';
 function TextEditorUrlCreator(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -11308,9 +11310,9 @@ function TextEditorUrlCreator(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2B
+    className: rootClassName$2D
   }, /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2B + "-url-row"
+    className: rootClassName$2D + "-url-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Url",
     value: urlValue,
@@ -11319,7 +11321,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2B + "-text-row"
+    className: rootClassName$2D + "-text-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Texto",
     value: textValue,
@@ -11328,7 +11330,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2B + "-new-tab-row"
+    className: rootClassName$2D + "-new-tab-row"
   }, /*#__PURE__*/React.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
@@ -11339,7 +11341,7 @@ function TextEditorUrlCreator(props) {
       return setNewTab(!newTab);
     }
   }, "Nova Guia")), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2B + "-ok-row"
+    className: rootClassName$2D + "-ok-row"
   }, /*#__PURE__*/React.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
@@ -11354,7 +11356,7 @@ TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2C = 'component-text-editor';
+var rootClassName$2E = 'component-text-editor';
 function TextEditor(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -11372,7 +11374,7 @@ function TextEditor(props) {
     setCursor = _useState5[1];
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2C, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2E, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
     });
     delete p.topLabel;
     delete p.helperText;
@@ -11394,7 +11396,7 @@ function TextEditor(props) {
     var selection = window.getSelection();
     if (!selection || !selection.anchorNode) return;
     var aux = selection.anchorNode.parentElement;
-    while (!aux.hasAttribute('class', rootClassName$2C + "-editor")) {
+    while (!aux.hasAttribute('class', rootClassName$2E + "-editor")) {
       if (aux.tagName === 'A') {
         isLink = true;
       } else if (aux.tagName === 'FONT') {
@@ -11451,13 +11453,13 @@ function TextEditor(props) {
     }
   }, [props.value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2C + "-outer"
+    className: rootClassName$2E + "-outer"
   }, !props.hideTopLabel && /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2C + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2E + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.topLabel), /*#__PURE__*/React.createElement("div", getProps(), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2C + "-header"
+    className: rootClassName$2E + "-header"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2C + "-left-content"
+    className: rootClassName$2E + "-left-content"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
@@ -11576,7 +11578,7 @@ function TextEditor(props) {
       document.querySelector("#" + id).focus();
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2C + "-right-content"
+    className: rootClassName$2E + "-right-content"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     icon: /*#__PURE__*/React.createElement(UndoIcon, null),
@@ -11591,12 +11593,12 @@ function TextEditor(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2C + "-editor",
+    className: rootClassName$2E + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
   })), !props.hideHelperText && /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2C + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2E + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 TextEditor.propTypes = {
@@ -11615,21 +11617,21 @@ TextEditor.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2D = 'component-title';
+var rootClassName$2F = 'component-title';
 function Title(props) {
   return React$1.createElement("div", {
-    className: rootClassName$2D
+    className: rootClassName$2F
   }, React$1.createElement("div", {
-    className: rootClassName$2D + "-wrapper"
+    className: rootClassName$2F + "-wrapper"
   }, props.showBackButton ? React$1.createElement("div", {
-    className: rootClassName$2D + "-icon"
+    className: rootClassName$2F + "-icon"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2D + "-text", props.rightElement ? 'ellipsis' : ''])
+    className: getMergedClassNames([rootClassName$2F + "-text", props.rightElement ? 'ellipsis' : ''])
   }, props.children)), props.rightElement ? React$1.createElement("div", {
-    className: rootClassName$2D + "-right-element"
+    className: rootClassName$2F + "-right-element"
   }, props.rightElement) : undefined);
 }
 Title.defaultProps = {};
@@ -11641,15 +11643,15 @@ var ToastTypes;
   ToastTypes["Error"] = "error";
 })(ToastTypes || (ToastTypes = {}));
 
-var rootClassName$2E = 'component-toast';
+var rootClassName$2G = 'component-toast';
 function Toast(props) {
   var _useState = useState(props.id || getUniqueKey()),
     id = _useState[0];
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2E, rootClassName$2E + "-" + props.theme]);
+    return getMergedClassNames([rootClassName$2G, rootClassName$2G + "-" + props.theme]);
   };
   useEffect(function () {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2E + "-fill");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2G + "-fill");
     if (el) {
       el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
     }
@@ -11688,22 +11690,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React$1.createElement("div", {
-    className: rootClassName$2E + "-left-content"
+    className: rootClassName$2G + "-left-content"
   }, props.label), React$1.createElement("div", {
-    className: rootClassName$2E + "-right-content"
+    className: rootClassName$2G + "-right-content"
   }, props.showActionButton && React$1.createElement("div", {
-    className: rootClassName$2E + "-action-button"
+    className: rootClassName$2G + "-action-button"
   }, props.actionButtonText), React$1.createElement("div", {
-    className: rootClassName$2E + "-close-button"
+    className: rootClassName$2G + "-close-button"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onClose === 'function') props.onClose();
     }
   }))), props.timeout ? React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2E + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$2G + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React$1.createElement("div", {
-    className: rootClassName$2E + "-fill",
+    className: rootClassName$2G + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -11718,7 +11720,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
 
-var rootClassName$2F = 'comp-toast-manager';
+var rootClassName$2H = 'comp-toast-manager';
 var count = 0;
 var ToastManager = forwardRef(function (props, ref) {
   var _useState = useState([]),
@@ -11782,17 +11784,17 @@ var ToastManager = forwardRef(function (props, ref) {
     };
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2F + "-toasts", rootClassName$2F + "-" + props.verticalPosition, rootClassName$2F + "-" + props.horizontalPosition, props.reverse ? rootClassName$2F + "-reverse" : '', props.animateSize ? rootClassName$2F + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2H + "-toasts", rootClassName$2H + "-" + props.verticalPosition, rootClassName$2H + "-" + props.horizontalPosition, props.reverse ? rootClassName$2H + "-reverse" : '', props.animateSize ? rootClassName$2H + "-animate-size" : '']);
   };
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2F + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2H + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (props.verticalPosition === 'top' && !props.reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$2F + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2H + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -11800,7 +11802,7 @@ var ToastManager = forwardRef(function (props, ref) {
       } else if (props.verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$2F + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2H + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -11808,7 +11810,7 @@ var ToastManager = forwardRef(function (props, ref) {
       } else if (props.verticalPosition === 'bottom' && !props.reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$2F + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2H + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -11817,7 +11819,7 @@ var ToastManager = forwardRef(function (props, ref) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$2F + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2H + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -11830,11 +11832,11 @@ var ToastManager = forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2F + "-toast",
+      classNames: rootClassName$2H + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React$1.createElement("div", {
-      className: rootClassName$2F + "-toastzin"
+      className: rootClassName$2H + "-toastzin"
     }, React$1.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -11863,19 +11865,19 @@ var TooltipPosition;
   TooltipPosition["Bottom"] = "bottom";
 })(TooltipPosition || (TooltipPosition = {}));
 
-var rootClassName$2G = 'component-tooltip';
+var rootClassName$2I = 'component-tooltip';
 function Tooltip(props) {
   var _useState = useState(props.id || getUniqueKey()),
     id = _useState[0];
   var getProps = function getProps() {
     return _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$2G, props.className, rootClassName$2G + "-" + props.position])
+      className: getMergedClassNames([rootClassName$2I, props.className, rootClassName$2I + "-" + props.position])
     });
   };
   useEffect(function () {
     var element = document.querySelector("#" + id);
-    var triangle = element.querySelector("." + rootClassName$2G + "-triangle");
+    var triangle = element.querySelector("." + rootClassName$2I + "-triangle");
     var bounding = element.getBoundingClientRect();
     var ScreenWidth = window.innerWidth;
     if (props.position === TooltipPosition.Top || props.position === TooltipPosition.Bottom) {
@@ -11893,16 +11895,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React$1.createElement("div", {
-    className: rootClassName$2G + "-outer"
+    className: rootClassName$2I + "-outer"
   }, React$1.createElement("div", Object.assign({}, getProps()), props.children, React$1.createElement("div", {
-    className: rootClassName$2G + "-triangle"
+    className: rootClassName$2I + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: TooltipPosition.Top
 };
 
-var rootClassName$2H = 'tooltip-manager';
+var rootClassName$2J = 'tooltip-manager';
 function TooltipManager() {
   var _useState = useState([]),
     arrayOfTooltips = _useState[0],
@@ -11989,17 +11991,17 @@ function TooltipManager() {
     };
   }, []);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement(TransitionGroup, {
-    className: rootClassName$2H
+    className: rootClassName$2J
   }, arrayOfTooltips.map(function (tooltip) {
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2H + "-tooltip",
+      classNames: rootClassName$2J + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React$1.createElement(Tooltip, {
       id: tooltip.id,
       position: tooltip.position,
-      className: rootClassName$2H + "-tooltip",
+      className: rootClassName$2J + "-tooltip",
       style: _extends({}, tooltip.style),
       onMouseLeave: function onMouseLeave() {
         if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
@@ -12016,7 +12018,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
 
-var rootClassName$2I = 'component-top-loader';
+var rootClassName$2K = 'component-top-loader';
 function TopLoader(props) {
   return React$1.createElement(CSSTransition, {
     classNames: 'fade',
@@ -12024,11 +12026,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2I
+    className: rootClassName$2K
   }, React$1.createElement("div", {
-    className: rootClassName$2I + "-logo"
+    className: rootClassName$2K + "-logo"
   }, props.logo), props.status && React$1.createElement("div", {
-    className: rootClassName$2I + "-status"
+    className: rootClassName$2K + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -12037,7 +12039,7 @@ TopLoader.defaultProps = {
   })
 };
 
-var rootClassName$2J = 'video-modal';
+var rootClassName$2L = 'video-modal';
 function VideoModal(props) {
   var handleClose = useCallback(function () {
     props.onClose(props.modalKey);
@@ -12045,7 +12047,7 @@ function VideoModal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$2J, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2J + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([rootClassName$2L, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2L + "-" + String(props.size).toLowerCase()])
     });
     delete p.urlVideo;
     delete p.footer;
@@ -12063,12 +12065,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React$1.createElement("div", Object.assign({}, filteredProps), React$1.createElement("div", {
-    className: rootClassName$2J + "-close-button"
+    className: rootClassName$2L + "-close-button"
   }, React$1.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React$1.createElement(CloseIcon, null)
   })), React$1.createElement("div", {
-    className: rootClassName$2J + "-video-row"
+    className: rootClassName$2L + "-video-row"
   }, React$1.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -12079,10 +12081,10 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
-var rootClassName$2K = 'icon-component';
+var rootClassName$2M = 'icon-component';
 var PhonePlusIcon = function PhonePlusIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$2K,
+    className: rootClassName$2M,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -12093,7 +12095,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
   }));
 };
 
-var rootClassName$2L = 'calendar-header';
+var rootClassName$2N = 'calendar-header';
 function CalendarHeader(props) {
   var size = useScreenSize();
   var days = useMemo(function () {
@@ -12103,16 +12105,16 @@ function CalendarHeader(props) {
     return props.language.daysOfWeek;
   }, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
   return React$1.createElement("div", {
-    className: rootClassName$2L
+    className: rootClassName$2N
   }, days.map(function (d, i) {
     return React$1.createElement("div", {
-      className: rootClassName$2L + "-day",
+      className: rootClassName$2N + "-day",
       key: i
     }, d);
   }));
 }
 
-var rootClassName$2M = 'evento-calendario';
+var rootClassName$2O = 'evento-calendario';
 function CalendarEvent(props) {
   var _useState = useState(props.forceExpanded || false),
     expanded = _useState[0],
@@ -12141,12 +12143,12 @@ function CalendarEvent(props) {
         return React$1.createElement(Fragment$1, null, "large");
       case 'medium':
         return React$1.createElement(Fragment$1, null, React$1.createElement("div", {
-          className: rootClassName$2M + "-tipo",
+          className: rootClassName$2O + "-tipo",
           style: {
             borderColor: props.color
           }
         }, props.tipoEvento), React$1.createElement("div", {
-          className: rootClassName$2M + "-label"
+          className: rootClassName$2O + "-label"
         }, React$1.createElement(CSSTransition, {
           "in": !props.forceExpanded && (!expanded || !props.expandedLabel),
           timeout: 300,
@@ -12156,26 +12158,26 @@ function CalendarEvent(props) {
           opened: props.forceExpanded || expanded && !!props.expandedLabel,
           animateOpacity: true
         }, React$1.createElement(Fragment$1, null, React$1.createElement("span", null, props.expandedLabel), React$1.createElement("div", {
-          className: rootClassName$2M + "-date-label"
+          className: rootClassName$2O + "-date-label"
         }, props.expandedDate)))), React$1.createElement("div", {
-          className: rootClassName$2M + "-modalidade"
+          className: rootClassName$2O + "-modalidade"
         }, React$1.createElement("div", {
-          className: rootClassName$2M + "-icon"
+          className: rootClassName$2O + "-icon"
         }, props.icon), React$1.createElement("div", {
-          className: rootClassName$2M + "-modalidade-label nunito"
+          className: rootClassName$2O + "-modalidade-label nunito"
         }, props.iconLabel)));
       case 'small':
       default:
         return React$1.createElement(Fragment$1, null, React$1.createElement("div", {
-          className: rootClassName$2M + "-icon"
+          className: rootClassName$2O + "-icon"
         }, props.icon), React$1.createElement("div", {
-          className: rootClassName$2M + "-label nunito"
+          className: rootClassName$2O + "-label nunito"
         }, props.tipoEvento, " | ", props.label));
     }
   }, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
   return React$1.createElement("button", {
     ref: ref,
-    className: useMergedClassNames([rootClassName$2M, props.size, props.borderStyle]),
+    className: useMergedClassNames([rootClassName$2O, props.size, props.borderStyle]),
     disabled: props.disabled,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
@@ -12201,10 +12203,10 @@ CalendarEvent.defaultProps = {
 };
 var CalendarEvent$1 = memo(CalendarEvent);
 
-var rootClassName$2N = 'calendar-chip';
+var rootClassName$2P = 'calendar-chip';
 function CalendarChip(props) {
   return React$1.createElement("button", {
-    className: useMergedClassNames([rootClassName$2N, 'nunito']),
+    className: useMergedClassNames([rootClassName$2P, 'nunito']),
     onClick: props.onClick,
     disabled: props.disabled,
     style: {
@@ -12219,11 +12221,11 @@ CalendarChip.defaultProps = {
 };
 var CalendarChip$1 = memo(CalendarChip);
 
-var rootClassName$2O = 'calendar-month-day';
+var rootClassName$2Q = 'calendar-month-day';
 function CalendarMonthDay(props) {
   var _props$eventos, _props$eventos2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$2O, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
+    return getMergedClassNames([rootClassName$2Q, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
   }, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
   var date = new Date();
   date.setDate(date.getDate() - 1);
@@ -12236,9 +12238,9 @@ function CalendarMonthDay(props) {
       }
     }
   }, React$1.createElement("div", {
-    className: rootClassName$2O + "-label-line"
+    className: rootClassName$2Q + "-label-line"
   }, React$1.createElement("div", {
-    className: rootClassName$2O + "-day nunito",
+    className: rootClassName$2Q + "-day nunito",
     onClick: function onClick(evt) {
       if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
         props.onPlusButtonClick(props.day, evt);
@@ -12259,7 +12261,7 @@ function CalendarMonthDay(props) {
     },
     disabled: props.disabled
   }) : undefined)), !props.pocket ? React$1.createElement(Fragment$1, null, React$1.createElement("div", {
-    className: rootClassName$2O + "-eventos"
+    className: rootClassName$2Q + "-eventos"
   }, (_props$eventos4 = props.eventos) === null || _props$eventos4 === void 0 ? void 0 : (_props$eventos4$slice = _props$eventos4.slice(0, 2)) === null || _props$eventos4$slice === void 0 ? void 0 : _props$eventos4$slice.map(function (e) {
     return React$1.createElement(CalendarEvent$1, Object.assign({
       key: e.id
@@ -12268,7 +12270,7 @@ function CalendarMonthDay(props) {
     }));
   })), props.showAddButton ? React$1.createElement("button", {
     disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
-    className: rootClassName$2O + "-button",
+    className: rootClassName$2Q + "-button",
     onClick: function onClick(evt) {
       if (typeof props.onAddButtonClick === 'function') {
         props.onAddButtonClick(props.day, evt);
@@ -12279,7 +12281,7 @@ function CalendarMonthDay(props) {
 }
 var CalendarMonthDay$1 = memo(CalendarMonthDay);
 
-var rootClassName$2P = 'calendar-days';
+var rootClassName$2R = 'calendar-days';
 function CalendarDays(props) {
   var today = useMemo(function () {
     return new Date();
@@ -12297,7 +12299,7 @@ function CalendarDays(props) {
     return false;
   }, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
   return React$1.createElement("div", {
-    className: rootClassName$2P
+    className: rootClassName$2R
   }, days.map(function (d) {
     var _props$eventos;
     var k = "" + d.getFullYear() + getTwoNumbersIfNotTen(d.getMonth() + 1) + getTwoNumbersIfNotTen(d.getDate());
@@ -12322,7 +12324,7 @@ function CalendarDays(props) {
 }
 var CalendarDays$1 = memo(CalendarDays);
 
-var rootClassName$2Q = 'calendar';
+var rootClassName$2S = 'calendar';
 function Calendar(props) {
   var id = useMemo(getUniqueKey, []);
   var _useState = useState(false),
@@ -12331,7 +12333,7 @@ function Calendar(props) {
   var pocketRef = useRef(pocket);
   pocketRef.current = pocket;
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$2Q, props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$2S, props.loading ? 'loading' : '']);
   }, [props.loading]);
   var cbResize = useCallback(function (evt) {
     if (pocketRef.current) {
@@ -12391,7 +12393,7 @@ Calendar.defaultProps = {
 };
 var Calendar$1 = memo(Calendar);
 
-var rootClassName$2R = 'scroll-arrow-overflow';
+var rootClassName$2T = 'scroll-arrow-overflow';
 function ScrollArrowOverflow(props) {
   var ref = createRef();
   var atualRef = useRef(0);
@@ -12463,9 +12465,9 @@ function ScrollArrowOverflow(props) {
     };
   }, []);
   return React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$2R, props.arrows])
+    className: useMergedClassNames([rootClassName$2T, props.arrows])
   }, React$1.createElement("div", {
-    className: rootClassName$2R + "-navigation"
+    className: rootClassName$2T + "-navigation"
   }, React$1.createElement(IconButton$1, {
     disabled: start,
     icon: React$1.createElement(CircleArrowLeft, null),
@@ -12480,7 +12482,7 @@ function ScrollArrowOverflow(props) {
     }
   })), React$1.createElement("div", {
     ref: ref,
-    className: rootClassName$2R + "-overflow"
+    className: rootClassName$2T + "-overflow"
   }, props.children));
 }
 ScrollArrowOverflow.defaultProps = {
@@ -12489,26 +12491,26 @@ ScrollArrowOverflow.defaultProps = {
 };
 var ScrollArrowOverflow$1 = memo(ScrollArrowOverflow);
 
-var rootClassName$2S = 'hour-events';
+var rootClassName$2U = 'hour-events';
 function HourEvents(props) {
   var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
   var _useState = useState(props.defaultOpened),
     opened = _useState[0],
     setOpened = _useState[1];
   return React$1.createElement("div", {
-    className: rootClassName$2S
+    className: rootClassName$2U
   }, React$1.createElement("div", {
-    className: rootClassName$2S + "-first-line"
+    className: rootClassName$2U + "-first-line"
   }, React$1.createElement("div", {
-    className: rootClassName$2S + "-hour"
+    className: rootClassName$2U + "-hour"
   }, props.hour), React$1.createElement("div", {
-    className: rootClassName$2S + "-line"
+    className: rootClassName$2U + "-line"
   }), !props.events || !props.events.length ? React$1.createElement("div", {
-    className: rootClassName$2S + "-no-events nunito"
+    className: rootClassName$2U + "-no-events nunito"
   }, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React$1.createElement("div", {
-    className: rootClassName$2S + "-counter nunito"
+    className: rootClassName$2U + "-counter nunito"
   }, (_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.events((_props$events = props.events) === null || _props$events === void 0 ? void 0 : _props$events.length))), (_props$events2 = props.events) !== null && _props$events2 !== void 0 && _props$events2.length ? React$1.createElement(Fragment$1, null, React$1.createElement("div", {
-    className: rootClassName$2S + "-toggle"
+    className: rootClassName$2U + "-toggle"
   }, React$1.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     onClick: function onClick() {
@@ -12543,7 +12545,7 @@ HourEvents.defaultProps = {
 };
 var HourEvents$1 = memo(HourEvents);
 
-var rootClassName$2T = 'inline-month-picker';
+var rootClassName$2V = 'inline-month-picker';
 function InlineMonthPicker(props) {
   var d = new Date(props.value.getTime());
   var fix31st = function fix31st(months) {
@@ -12554,13 +12556,13 @@ function InlineMonthPicker(props) {
     }
   };
   return React$1.createElement("div", {
-    className: rootClassName$2T
+    className: rootClassName$2V
   }, React$1.createElement("div", {
-    className: rootClassName$2T + "-icon"
+    className: rootClassName$2V + "-icon"
   }, React$1.createElement(CalendarCheckIcon, null)), React$1.createElement("div", {
-    className: rootClassName$2T + "-label"
+    className: rootClassName$2V + "-label"
   }, props.labelGen(props.value)), React$1.createElement("div", {
-    className: rootClassName$2T + "-actions"
+    className: rootClassName$2V + "-actions"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(ChevronArrowLeftIcon, null),
     onClick: function onClick() {
@@ -12584,7 +12586,7 @@ InlineMonthPicker.defaultProps = {
 };
 var InlineMonthPicker$1 = memo(InlineMonthPicker);
 
-var rootClassName$2U = 'qrcode';
+var rootClassName$2W = 'qrcode';
 function QRCode(props) {
   var ref = createRef();
   useEffect(function () {
@@ -12603,7 +12605,7 @@ function QRCode(props) {
     });
   }, [props, ref]);
   var className = useMemo(function () {
-    return getMergedClassNames([rootClassName$2U, props.button ? 'button' : '']);
+    return getMergedClassNames([rootClassName$2W, props.button ? 'button' : '']);
   }, [props.button]);
   return React$1.createElement("div", {
     className: className,
@@ -43651,7 +43653,7 @@ function useHTMLShare() {
   };
 }
 
-var rootClassName$2V = 'comp-modal-manager';
+var rootClassName$2X = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 var hackFocus$1 = function hackFocus() {
   var tmp = document.createElement('input');
@@ -43719,13 +43721,13 @@ function useModalManager() {
   return [React$1.createElement(React$1.Fragment, {
     key: 1
   }, React$1.createElement(TransitionGroup, {
-    className: rootClassName$2V + "-modals"
+    className: rootClassName$2X + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props2, _obj$props3, _obj$props4;
     var ModalComponent = React$1.createElement(obj.component, obj.props);
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2V + "-mask-mobile-on-xs" : rootClassName$2V + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2X + "-mask-mobile-on-xs" : rootClassName$2X + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React$1.createElement(ModalMask, {
@@ -43866,7 +43868,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
   return timeToReturn;
 }
 
-var rootClassName$2W = 'comp-toast-manager';
+var rootClassName$2Y = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _useState = useState([]),
@@ -43907,17 +43909,17 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$2W + "-toasts", rootClassName$2W + "-" + verticalPosition, rootClassName$2W + "-" + horizontalPosition, reverse ? rootClassName$2W + "-reverse" : '', animateSize ? rootClassName$2W + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2Y + "-toasts", rootClassName$2Y + "-" + verticalPosition, rootClassName$2Y + "-" + horizontalPosition, reverse ? rootClassName$2Y + "-reverse" : '', animateSize ? rootClassName$2Y + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2W + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2Y + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (verticalPosition === 'top' && !reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$2W + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2Y + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -43925,7 +43927,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$2W + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2Y + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -43933,7 +43935,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'bottom' && !reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$2W + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2Y + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -43942,7 +43944,7 @@ function useToastManager(props) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$2W + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2Y + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -43955,11 +43957,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2W + "-toast",
+      classNames: rootClassName$2Y + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React$1.createElement("div", {
-      className: rootClassName$2W + "-toastzin"
+      className: rootClassName$2Y + "-toastzin"
     }, React$1.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -44133,10 +44135,10 @@ function FormattedText(text) {
   }));
 }
 
-var rootClassName$2X = 'icon-component';
+var rootClassName$2Z = 'icon-component';
 var DecreaseIcon = function DecreaseIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$2X,
+    className: rootClassName$2Z,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -44147,7 +44149,7 @@ var DecreaseIcon = function DecreaseIcon() {
   }));
 };
 
-var rootClassName$2Y = 'component-table-left-checkbox-with-label';
+var rootClassName$2_ = 'component-table-left-checkbox-with-label';
 var LeftControlWithLabel = function LeftControlWithLabel(props) {
   var _props$spanProps2;
   var style = useMemo(function () {
@@ -44164,13 +44166,13 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
     return style;
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2Y, props.w100 ? 'w-100' : ''])
+    className: getMergedClassNames([rootClassName$2_, props.w100 ? 'w-100' : ''])
   }, React$1.createElement("span", {
-    className: rootClassName$2Y + "-checkbox-wrapper",
+    className: rootClassName$2_ + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
     "tooltip-text": props['tooltip-text']
   }, props.type === 'addRemove' ? React$1.createElement(IconButton$1, {
-    className: getMergedClassNames([rootClassName$2Y + "-add-remove-button", props.value ? rootClassName$2Y + "-danger" : '']),
+    className: getMergedClassNames([rootClassName$2_ + "-add-remove-button", props.value ? rootClassName$2_ + "-danger" : '']),
     icon: props.value ? React$1.createElement(DecreaseIcon, null) : React$1.createElement(AddIcon, null),
     disabled: props.disabled,
     onClick: function onClick(evt) {
@@ -44184,7 +44186,7 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
     onChange: props.onChange,
     theme: props.theme
   })), React$1.createElement("span", Object.assign({}, props.spanProps || {}, {
-    className: getMergedClassNames([rootClassName$2Y + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
+    className: getMergedClassNames([rootClassName$2_ + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
     style: style,
     onClick: function onClick(evt) {
       if (props.anchorLabelToCheckbox) {